/* CSS Document */
/***********************************************************
            HTML
***********************************************************/
body {
  width:100%;

  overflow:scroll;
}

body.ventana {
  min-width:none !important;
}

/***********************************************************
            ID'S
***********************************************************/
#contenedor {
  width:100%;
  /*width:1418px;*/
  background:#FFF;
  border:0;
  margin:0 auto;
}
#cabecera {
  width:100%;
  height:11.1em;
  background: #000066 /*url(../imagenes/cabecera_langestionada.jpg) no-repeat center*/;
  /*border:solid 1px #0F0;*/
}
#col_0 {
  font-size:1em;
  /*min-height:30em;*/

}
#col_1 {
  float:left;
  width:15%;
  /*width:20em;  */
  margin:0.5em 0 0 0;
  text-align:left;
  /*background:#0F0;*/
  /*border:solid 1px #CCC;*/
}
#col_2 {
  float: left;
  margin: .5em .5em 0;
  overflow: hidden;
  padding-right: 10px;
  text-align: left;
  width: 70%;
}
#col_2-100 {
  float:left;
  width:84%;
  margin:0.5em 0.5em 0 0.5em;
  text-align:left;
  overflow:hidden;
  min-height:40em;
  /*background:#EEE;*/
  /*border:solid 1px #0F0;*/
}
#col_3 {
  float: right;
  margin-top: 0.5em;
  text-align: left;
  width: 13%;
}
#pie {
  width:100%;
  background:#000066;
  margin-top:2em;
  padding:1em 0;
  color:#CF3;
  display:inline-table;
  /*border:solid 1px #0F0;*/
}
#sel_consejeria, #sel_centro, #sel_cliente{width:300px;}

#winVP {display:none;}

#num_serie{
  margin-bottom: 1em;
}

body .dhtmlx_button_close_default {
  display: block !important;
}

/***********************************************************
            CLASS
***********************************************************/
/***********************************************************
            Generico
***********************************************************/
.izquierda {
  text-align:left;
}
.centrado {
  text-align:center !important;
}
.derecha {
  text-align:right !important;
}
.justify {
  text-align:justify;
}
.both {
  clear:both;
  width:100%;
  height:0;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}

.bg_blanco {background-color:#FFF !important;}
.bg_gris1 {background-color:#999 !important;}
.bg_gris2 {background-color:#CCC !important;}
.bg_gris3 {background-color:#DDD !important;}
.br_azul3 {background-color:#D6E7FC !important;}
.br_amarillo3 {background-color:#FFC !important;}

.rojo {color:#F00;}

.espacio_1 {margin-bottom:1em;}
.espacio_2 {margin-bottom:2em;}
.espacio_3 {margin-bottom:3em;}

.fl{float:left;}
.fr{float:right;}

.cursor {
  cursor:pointer;
}
.select-anadir-bolsa{
  width: 100%;
}
/*.titulo_seccion{
  color:#006;
  line-height:1.8em;
  font-size:1.2em;
  font-weight:bold;
  padding-left:1em;
}*/
.ul {
  list-style:none;
  padding:0.2em 0 1em 0.5em;
}
.li {
  padding-left:1.5em;
  margin:0.5em 0;
  background:url(../imagenes/vineta_menu_princ.png) no-repeat 0 0.2em;
  font-size:1em;
  color:#666;
}
.tabla_ver, .tabla_editar {
  width:100%;
  background-color:#EEE;
  /*margin-top:1em;*/
  padding-bottom:2em;
}

.tabla_ver thead,
.tabla_editar thead,
.tabla_documentos thead {
  font-weight:bold;
}

.tabla_ver input, .tabla_editar input{
  font-size:1em;
  color:#000;
}

.tabla_select {
  width:100%;
  background-color:#EEE;
  margin:0.5em 0 1em 0;
  padding:0.5em 0;
}

.tabla_editar tr {
  height:3em;
}

.tabla_documentos tbody tr:nth-child(odd){
  background-color:#f2f2f2;
  height:3em;
}

.tabla_resumen{
  border:solid 2px #000;
  background-color:#FFC;
  font-weight:bold;
  min-width:500px;
}
.tabla_resumen tr {
  padding:0;
}
.tabla_resumen td {
  background-color:#FFF;
  border:solid 1px #666;
  padding:5px;
}

.tabla_informe_lan {
  margin-bottom: 2em;
  width:100%;
}
.tabla_informe_lan thead {
  background-color:#ECE9D8;
}
.tabla_historico.tabla_informe_lan tbody tr:hover {
  background-color: #FFF;
}
.tabla_informe_lan.linea tr:hover {
  background-color: #EEE !important;
}

.tabla_bolsa tr:hover {
  background-color: #ddd !important;
}

.totales{
  background-color:#FFFFCD;
  margin:1em 0 3em 0;
  font-size:1.1em;
  font-weight:bold;
  padding:1em;
  width:100%;
}
.totales div {
  margin:.3em 0;
}
.totales span {
  padding-right:1em;
}

/*tfoot td {
  background-color:#FFFFCD;
  font-weight:bold;
}*/

body .tr_colap:hover{
  background-color:#EEE !important;
}

.vab {vertical-align:bottom;}

.div_td {
  display:inline-block;
  width:22em;
  margin-right:1em;
}
.ventana .div_td {
  width:auto;
}

.div_td_reparaciones {
  width:2em;
}

.totales-listado{
  background-color:Menu;
  padding:1em;
}

.alerta {color:#C00;font-weight:bold;}

.boton {
  background-color:#000066;
  border-radius: 5px;
  color: #CF3!important;
  text-decoration:none;
  padding:3px 8px;
  line-height:2em;
  margin:0 .5em;
  cursor: pointer;
}

/***********************************************************/
.titulo_seccion_inicio {background: url("../imagenes/fondo_titulo_col2.jpg") repeat-y scroll 0 0 transparent; margin-bottom: 1em; color: #000066; font-size: 1.2em; font-weight: bold; line-height: 1.8em; padding-left: 1em;}
.titulo_seccion,
.sec_titulo {padding:0.5em; margin-bottom:0.5em; background:#006; color:#CF3; font-weight:bold; font-size:1.2em;}
#col_1 .sec_titulo,
#col_3 .sec_titulo,
.titulo_seccion.fondo_titulo_col2 {background:#006;}
.titulo_seccion.fondo_titulo_col1,
.titulo_seccion.fondo_titulo_col3 {color:#006;}

.barra_superior {
  background: #000066 none repeat scroll 0 0;
  color: #fff;
  float: left;
  height: 3em;
  margin-top: 1px;
  text-align: right;
  width: 100%;
}
.buscador_general{
  float:left;
  width:40%;
  line-height:3em;
  text-align:left;
  padding-left:1em;
}
.sel_historico, .sel_area {
  float: left;
  margin-left: 1em;
  padding: 0.3em;
  text-align: left;
}
.opcion-cabecera {
  margin-right:1em;
}
.buscador_general input[type="text"]{
  width:170px;
}
.buscador_general input[type="submit"]{
  cursor:pointer;
  margin-left:1em;
}
#usuario_centro{
  /*width:58%;*/
  float:right;
  line-height:3em;
}

#cabecera.centros_internet{
  background:transparent;
}

.cab_bg_1{
  float:left;
  position:relative;
  top:3em;
  width:200px;
  height:80px;
}
#cabecera.centros_internet .cab_bg_1 {
  left: 2em;
  top: 1.3em;
}
.cab_bg_1_mov{
  float:left;
  position:relative;
  top:4.5em;
  width:200px;
  height:110px;
}
.cab_bg_2{
  float:right;
  width:668px;
  height:110px;
  background: url(../imagenes/cabecera_2.jpg) no-repeat;
}
#cabecera.centros_internet .cab_bg_2{
  background: url(../imagenes/cabecera_2_logos_centros_internet.jpg) no-repeat right -18px;
}
#usuario_centro ul{
  display:inline;
  /*padding:1em 0;*/
}
#usuario_centro li{
  list-style:none;
  display:inline-block;
  padding:0 2em 2em 1em;
  margin:0.3em 0;
  line-height:2em;
}
#usuario_centro li.last {
  border-right:none;
}
#usuario_centro a{
  color:#FFF;
}
#usuario_centro a:hover{
  text-decoration:underline;
}
#usuario_centro img {
  margin-right:0.4em;
  position:relative;
  top:0.1em;
}
.menu {
  float:left;
  width:100%;
  margin-bottom:1em;
  /*border:solid 1px #CCC;*/
}
.fondo_titulo_col1{
  background:url(../imagenes/fondo_titulo_col2.jpg) -750px 0 repeat-y;
  /*background: -webkit-linear-gradient(#CCC, #FFF);
  background: -moz-linear-gradient(#CCC, #FFF);
  background: -o-linear-gradient(#CCC, #FFF);  */
}
/*.fondo_titulo_col2{
  background:url(../imagenes/fondo_titulo_col2.jpg) repeat-y;
  margin-bottom:1em;
}*/
.fondo_titulo_col3{
  background:url(../imagenes/fondo_titulo_col2.jpg) -750px 0 repeat-y;
}
.ul_menu {
  list-style:none;
  padding:0.2em 0 1em 0.5em;
  width:92%;
  /*border:solid 1px #0F0;*/
}
.menu_cont a{
  text-decoration:none;
  color:#333;
}
.menu_cont a:hover{
  text-decoration:none;
  color:#666;
}
.li_menu{
  padding-left:1.5em;
  margin:0.5em 0;
  background:url(../imagenes/vineta_menu_princ.png) no-repeat 0 0.2em;
  font-size:1em;
  font-weight:bold;
}
.ul_usu {
  list-style:none;
  padding:0.2em 0 1em 0.5em;
  /*border:solid 1px #0F0;*/
}
.li_usu{
  padding-left:1.5em;
  margin:0.5em 0;
  background:url(../imagenes/vineta_menu_princ.png) no-repeat 0 0.2em;
  font-size:1em;
  color:#666;
}
.li_usu a{
  color:#333;
}
ul.ul_documentos, ul.ul_pedidos {
  list-style:none;
  margin-bottom:2em;
}
li.li_documentos {
  line-height:1.5em;
  color:#5983c1;
  padding:1em 0 0 0.2em;
  /*background:url(../images/img_documento_20.png) no-repeat 0 0.7em;*/
  vertical-align:top;
  /*border:1px solid #0F0;*/
}
.area_producto{
  /*width:98%;*/
  background-color:#EEE;
  margin-bottom:1em;
  padding:0.5em;
}
.area_form{
  width:100%;
  background-color:#EEE;
  /*margin-bottom:1em;*/
  /*padding: 1em 0.5em 1em 0.5em;*/
}
.info_producto{
  float:right;
  width:87%;
  line-height:1.5em;
  text-align:left;
  /*border:1px solid #0F0;*/
}
.p_producto{
  line-height:1.5em;
  font-size:1em;
  color:#666;
  /*margin:1em 0 1em 0;*/
}
.img_producto{
  float:left;
  text-align:left;
  /*border:1px solid #0F0;  */
  width:125px;
}
.img_producto img{
  width:125px;
}
.img_producto a{
  text-decoration:none;
}
.img_pedido{
  width:100px;
  /*border:1px solid #0F0;  */
}
.tabla_pedido{
  font-size:1em;
}
.tabla_pedido thead{
  background-color:#006;
  color:#CF3;
  height:2.2em;
  font-weight:bold;
}
.tabla_pedido thead td{
  padding:0 0.5em;
}
.tabla_pedido tbody td {
  height:5em;
  padding:0.2em;
}
.td_total{
  background-color:#006;
  color:#CF3;
  font-size:1.2em;
  font-weight:bold;
  height:1em !important;
}
.td_total2 {
    background-color: #FFFFCD;
    font-weight: bold;
}
.tr_gris{
  background-color:#EEE;
}
.tabla_cliente{
  background-color:#EEE;
  width:100%;
  /*border:solid 1px #0F0;*/
}
.tabla_cliente td{
  vertical-align:top;
}
.tabla_cliente td.label{
  font-weight:bold;
  text-align:right;
}
.tabla_cliente input{
  font-size:1em;
  color:#000;
}
.h3_f_azul {
  font-size:1em;
  /*color:#CF3;*/
  color:#006;
  background-color:#CCC;
  /*background:url(../imagenes/fondo_titulo_col2.jpg) repeat-y;*/
  padding:0.2em;
}
.h3_subtitulo {
  font-size:1em;
  color:#006;
  padding:0.2em;
  background-color:#E2E0E0;
}

.tabla_historico, .tabla_listado{
  width:100%;
  /*margin-left:2em;*/
  /*width:96%;*/
  /*border: 1px solid #000066;*/
}
.tabla_historico thead, .tabla_listado thead{
  font-weight:bold;
}
.tabla_historico tr, .tabla_listado tr{
  height:2em;
}
.tabla_historico tbody tr:hover{
  background-color:#EEE;
}

.tabla_actuaciones{
  /*width:96%;*/
  /*border: 1px solid #000066;*/
}
.tabla_actuaciones thead{
  font-weight:bold;
}
.tabla_actuaciones tr{
  height:2em;
}
.tabla_actuaciones tbody tr:hover{
  background-color:#EEE;
}
.paginator {
  /*border:solid 1px #0F0;*/
  width:100%;
  height:4em;
  padding-top:2em;
  text-align:center;
}
.paginator_seleccionado{
  font-weight:bold;
  font-size:1.2em;
}
.link_volver{padding-bottom:1em;}
.a_underline{text-decoration:underline;}
.a_underline:hover{text-decoration:none;}

/***********************************************************
            JQUERY
***********************************************************/
.expArrow{
  padding-left: 20px;
  background: url(images/arrow-down.png) no-repeat 0px 4px;
}
.collArrow{
  padding-left: 20px;
  background: url(images/arrow-up.png) no-repeat 0px 4px;
}
.expIco{
  padding-left: 20px;
  background: url(images/plus.gif) no-repeat 0px 4px;
}
.collIco{
  padding-left: 20px;
  background: url(images/minus.gif) no-repeat 0px 4px;
}
.tr_hist{
  /*border: 1px solid #000066;*/
  /*background: #000066;*/
  padding:0.5em 1.5em;
  margin-left:1em;
  /*color: #666;*/
  font-size:1em;
  /*background:url(../imagenes/vineta_menu_princ.png) no-repeat 0 0.7em;*/
}
.tr_hist2{
  /*border: 1px solid #000066;*/
  background: #EEE;
  margin-left:2em;
  padding:1em 0;
  margin-bottom:2em;
  font-size:1em;
  color:#666;
}

/***********************************************************
 FECHAS VISITA
***********************************************************/

.cal_fecha_visita{
  margin:0 1em 1em 0;
}

/***********************************************************
 MANO DE OBRA
***********************************************************/
.mano-obra {
  display: none;
}

/***********************************************************
 SLA
***********************************************************/
.sla-contador {
  display: none;
}

/***********************************************************
 DOCUMENTACION PEDIDOS PRS-INS
***********************************************************/
.doc_prs_ins, .eliminar_pedidos_prs_ins {
  display: none;
}


/*
MEDIA QUERIES
*/
@media screen and (max-width: 1024px) {
  #col_2{
    width:65%;

  }
  #col_1{
    width:20%;
  }
  #col_2-100{
    width:79%;
  }
  #usuario_centro{
    width:65%;
    float:right;
    line-height: 3em;
  }
  .buscador_general{
    width:34%;
  }
  .area_form {
    padding:0;
  }
  .tabla_ver textarea,.tabla_editar textarea, .tabla_cliente textarea,.area_producto form table textarea, .tabla_editar input{
    width:520px;
  }
  .ventana .tabla_editar input{
    width:auto;
  }
  .div_td input{
    width:150px;
  }
  .div_td input[type="checkbox"]{
    width:20px;
  }
  .img_producto img, .img_producto{
    width:88px;
  }
  .info_producto{
    width:86%;
  }
  .cal_fecha_visita{
    width:200px !important;
  }
  #reiterada{
    width:30px;
  }
  #responsable_act, #responsable{
    width:300px;
  }
  #responsable_act_tlf, #responsable_tlf{
    width:100px;
  }
  .tabla_documentos input{
    width:80px;
  }
}
.limite_rojo{
  background-color: red !important;
}
.limite_naranja{
  background-color: orange !important;
}
.no_limite{
  background-color: transparent !important;
}