body { 
height:100%;
margin:0px;
position: relative;
}

body {
background-color : #9CA9BF;
margin: 5px 5px 5px 5px;
font-family: Arial, Helvetica, Verdana;
text-align: center;
font-size: 14px;
}



.final {
clear: left;
}

.erroneo {
background: #FF0000;
color: #FFFFFF;
border: 1px solid #AFB0AE;
}

.todo {
text-align: left;
margin: 0px auto -1px auto; 
width : 1000px;
}

#mensajeError {
color: #FF0000;
}

iframe {
border: none;
margin: 0px;
margin-top: 5px;
padding: 0px;
}

h2 .borrador {
display: block;
font-size: 10px;
}

.botones_noticia {
text-align: right;
color: #FF0000;
}

#titulo_noticia {
text-align: center;

color: #034694;
background: none;
font-size: 18px;
font-weight: bolder;
border: none;
width: 100%;
}

.simple {
background: #FFFFFF;
margin: 0px;
padding: 0px;
}

.simple .super_central h2 {
font-size: 14px;
padding: 2px;
}
.simple .super_central h3 {
font-size: 12px;
padding: 2px;
}

.simple .super_central {
margin: 0px;
padding: 0px;
background: #FFFFFF;
}

.simple .texto{
min-height: 200px;
}

.encabezado {
background: #385A83;
height: 102px;
}

.encabezado .logos {
display: block;
float: left;
width: 60%;
background: #FFFFFF;
height: 102px;
position: relative;
}


.encabezado .logos a img {
position: absolute;
left: 30px;
top: 5px;
}


.encabezado .certificados {
display: block;
float: left;
padding-top: 29px;
padding-bottom: 20px;
padding-right: 35px;
background: #FFFFFF;
}
.encabezado .online {
font-size: 9px;
padding-top: 10px;
text-align: center;
color: #FFFFFF;

}
.menus {
clear: both;
border: 0px;
margin: 0px;
background: #FFFFFF;


font-size: 14px;
font-weight: bolder;
line-height: 10px;
}

.menus ul, .menus li, .direccion ul{
float: left;
list-style-type: none;
}

.menus ul ul, .menus li ul li, .direccion ul ul{
float: none;
background: #FFFFFF;
}

.principal li {
margin: 0px 0px 0px 2px;
}
.menus ul {
margin: 0px;
padding: 0px;
}

.principal li a {
color: #FFFFFF;
text-decoration: none;
padding: 4px;
background: #707074;

display: block;
width: 94px;
}


.stienlinea #suckerfishnav ul, .stienlinea .principal li a  {
width: 115px;
}

.principal li li a {
border-right: none;
}

.principal li li a.opciones {
background: #666366 url(/imagenes/avanzar.gif) no-repeat 119px 6px ;
}

.principal li a:hover {
background: #034694;
}
.principal li li a.opciones:hover {
_border-right: 2px solid #000000;
}
.menus .principal ul {
padding-left: 166px;
background: #FFFFFF;
}

.stienlinea .principal ul {
padding-left: 165px;
}

.banderas .idiomaElegido a {
border-left: solid 4px #FF0000;
color: #FFFFFF;
}

.banderas {
background: #385A83;
float: right;
width: 210px;
}

.banderas ul {
padding-left: 12px;
}

.banderas ul li a {
color: #888888;
padding-right: 28px;
display: block;
text-decoration: none;
padding: 1px;
padding-left: 4px;
border-left: solid 4px #888888;
}
.banderas ul li a:hover {
color: #FFFFFF;
}
.banderas ul li {
background: none;
font-size: 10px;
padding: 3px;
margin-left: 10px;
}

.cuerpo {
position: relative;
background: #385A83;
}

.super_izquerda {
background: #D7E3F3;
margin-right: 210px;
position: relative;
}
.super_izquerda2 {
background: #D7E3F3;
margin-right: 0px;
position: relative;
}
.super_izquerda5 {
background: #D7E3F3;
margin-right: 1px;
position: relative;
}


.super_izquerda3 {
background: #D7E3F3;
margin-right: 210px;
}


.super_izquerda6 {
background: #D7E3F3;
margin-right: 210px;
position: relative;
}


.izquerda {
width: 166px;
float: left;
background: #D7E3F3;
text-align: right;
}

.izquerda ul{
list-style-type: none;
margin: 0px;
padding: 5px;
padding-right: 10px;
}

.izquerda .otros {
position: absolute;
left: 20px;
bottom: 0px;
}

.izquerda .fpichon a img {
display: block;
position:abolute;
width: 70%;
background: #FFFFFF;
height: 105px;
margin-left: 60px;
}

.super_izquerda3 .izquerda .otros {
position: relative;
left: 0px;
margin-top: 30px;
}

.izquerda .otros a{
text-decoration: none;
font-size: 10px;
font-weight: bolder;
color: #8A8B8E;
padding-right: 24px;
padding-top: 2px;
padding-bottom: 6px;
line-height: 20px;
}
.izquerda .otros .preguntas a{
background: url(/imagenes/otros/pregunta.gif) right no-repeat;
}
.izquerda .otros .trabaje a{
background: url(/imagenes/otros/mono.gif) right no-repeat;
}
.izquerda .otros .mapa a{
background: url(/imagenes/otros/mapa.gif) right no-repeat;
}
.izquerda .otros .link a{
background: url(/imagenes/otros/info.gif) right no-repeat;
}


.izquerda .adonde  a, .izquerda .usuario_en_linea a, .izquerda .ayudas a {
text-decoration: none;
font-size: 11px;
color: #034692;
}

.izquerda .usuario_en_linea a  {
font-size: 10px;
color: #7284BA;
}

.izquerda .otros a:hover, 
.izquerda .adonde a:hover,
.izquerda .usuario_en_linea a:hover
{
color: #034694;
}

.raiz {
font-weight: bolder;
}

.izquerda h3{
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-right: 10px;
color: #034692;
font-size: 16px;
}

.izquerda .rama a {
color: #7284BA;
}

.izquerda h4, .izquerda h5 {
margin: 0px;
padding: 0px;
margin-right: 10px;
color: #034692;
font-size: 14px;
}
.izquerda h5 {
font-size: 10px;
}

.central .texto {
text-align: justify;
}

.central {
background: #8A8B8E;
margin-left: 168px;
color: #FFFFFF;

font-weight: bolder;
font-size: 12px;
overflow: auto;
height: 260px;
display: block;
position: relative;
}
.super_central {
background: #FFFFFF;
margin-left: 168px;
color: #000000;

font-weight: normal;
font-size: 12px;
}

.super_central h2 {
margin: 0px;
padding: 10px 10px 10px 20px;
background: #ecebeb;
color: #00000;
font-size: 18px;
}
.super_central h3 {
margin: 0px;
padding: 0px;
background: #ecebeb;
color: #00000;
padding: 4px 10px 4px 40px;
font-size: 14px;
}


.imagen2 {
height: 85px;	
display: block;
}

.imagen {
height: 170px;
display: block;
}

.imagen2 .bloke2 {
width: 210px;
height: 85px;	

background: #385A83;
position: absolute;
right: 0px;
opacity: 0.4;                  
}

.imagen .bloke {
width: 210px;
height: 170px
background: #385A83;
position: absolute;
right: 0px;
opacity: 0.4;                  
}

.stienlinea .imagen, .stienlinea .imagen .bloke {
height: 100px;
}
.derecha_en {
float: right;
background: #385A83;
width: 210px;
height: 261px;
background: url(/imagenes/derecha_en.jpg);
}

.derecha {
width: 209px;
float: right;
background: #385A83;
}

.derecha .derechaab {
width:0px;
padding: 0px;
height: 135px; 
background: #F5111C;
color: #FFFFFF;
font-weight: bolder;
border: none;
}

.derecha .sti_en_linea , .derecha .noticias2 {
margin: 2px 12px 2px 12px;
}

.derecha .sti_en_linea , .derecha .noticias {
margin: 2px 12px 2px 12px;
}

.derecha .sti_en_linea h3 a, .derecha .sti_en_linea h3 a:hover {
background: url(/imagenes/fondostienlinea.jpg);
color: #666666;
font-size: 18px;
padding-left: 10px;
margin-bottom: -14px ! important;
}

.derecha .noticias h3 a,
.derecha .noticias h3 a:hover {
color: #A4BEE3;
font-size: 25px;
font-weight: normal;
background: none;
}

.derecha .noticias2 h3 a,
.derecha .noticias2 h3 a:hover {
color: #A4BEE3;
font-size: 25px;
font-weight: normal;
background: none;
}


.derecha .sti_en_linea {
border-bottom: 3px dotted #FFFFFF;
padding-bottom: 10px;
margin-bottom: 0px;
}
.derecha .sti_en_linea ul {
padding: 0px;
margin: 0px;
}
.derecha li {
padding: 0px 0px;
}

.derecha a{
display: block;
padding: 2px;
font-weight: bolder;
}
.derecha a:hover {
background: #034694;
}

.derecha .noticias h3 {
margin: 0px;
padding: 0px;
}

.derecha .noticias2 h3 {
margin: 0px;
padding: 0px;
}

.derecha .noticias h3 .sti {
font-size: 40px;
font-weight: bolder;
}

.derecha .noticias2 h3 .sti {
font-size: 40px;
font-weight: bolder;
}


.derecha ul{
list-style-type: none;
margin: 0px;
padding: 0px;

}
.derecha a{
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
font-weight: bolder;
}


.super_central fieldset {
border: none;
float: left;
display: block;
}

.super_central fieldset label {
margin-left: 10px;
font-size: 13px;
}

.super_central fieldset img {
vertical-align: -3px;
}
.super_central fieldset input {
font-size: 10px;
}

.banner {
height: 100px;
position: relative;
width: 790px;
}

.banner2 {
height: 100px;
#background: #034694;
background: #D7E3F3;
position: relative;
width: 790px;
}

.direccion2 {
margin: 0px;
padding: 0px;
font-size: 10px;
font-weight: bolder;
background: #FFFFFF;
color: #77797F;
text-align: right;
padding: 10px;
width: 148px;
height: 165px;		
display: block;
float: left;
}

.direccion {
margin: 0px;
padding: 0px;
font-size: 10px;
font-weight: bolder;
background: #FFFFFF;
color: #77797F;
text-align: right;
padding: 10px;
width: 148px;
height: 80px;	
display: block;
float: left;
}

.direccion span{
display: block;
}

.msje {
margin-left: 168px;
margin-right: 0px;
width:522px;
z-index: 1;
padding: 0px;
height: 85px;
#background: #385A83;
background: #D7E3F3;

#color: #FFFFFF;
color: #385A83;
font-weight: bolder;
border: none;
}

.imghuella {
background: #D7E3F3;
}

.imghuella a img {
margin-top: -48px;
margin-left: 472px;
margin-right: 0px;
width:150px;
position: relative;
z-index: 2;
padding: 0px;
height: 80px;
background: #385A83;
color: #77797F;
}



.ventajas {
background: url(/imagenes/reloj.jpg);
margin-left: 168px;
margin-right: 210px;
width:622px;
position: relative;
z-index: 2;
padding: 0px;
height: 100px;
}

.banner2 .msjehcar {
margin-left: 168px;
padding: 0px;
font-size: 10px;
font-weight: bolder;
background: #FFFFFF;
color: #77797F;
text-align: right;
padding: 10px;
width: 148px;
height: 165px;		
display: block;
float: left;
}


.banner2 .msjehcar span{
display: block;
}


#suckerfishnav ul li {
    padding:0;
    margin:0;
    list-style-type: none;
}
#suckerfishnav ul li a {
    padding:2px 4px 2px 4px;
    margin:0;
    line-height:14px;
    font-weight: bolder;
}

#suckerfishnav ul {
    opacity: 0.9;
    list-style-type: none;
    padding:0;
    margin:0;
    position:absolute;
    left:-999em;
    height:auto;
    line-height:1;
    z-index:5;
    width: 94px;
}


#suckerfishnav a {
    line-height: 10px;
    font-size: 14px;
    font-weight: bolder;
}

#suckerfishnav ul a {
    font-size: 11px;
    width: 100%;
    padding: 4px
    margin: 0px;
    padding: 0px;
}
#suckerfishnav ul a:hover {
background:#000000;
}
#suckerfishnav ul a span {
 width: 100%;
}
#suckerfishnav li ul ul {
    margin:-15px 0 0 100px;
    }

#suckerfishnav li li:hover {
    background:#FFFFFF;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#eee;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background: #FFFFFF;
    }

.texto{
padding: 10px;
min-height: 350px;
}
.texto img {
margin:5px;
}
.central .texto img {
margin-left: 10px;
}
.texto a {
text-decoration: none;
color: #FFFFFF;
}
.texto form {
float: left;
}
.central .texto h1 {font-size: 18px; color: #034999;}
.central .texto h2 {font-size: 16px; color: #034999;}
.central .texto h3 {font-size: 14px; color: #034999;}
.central .texto h4 {font-size: 12px; color: #034999;}
.central .texto .noticia h2 {font-size: 16px; color: #034999;}


.texto a:hover {
color: #034694;
}

.botones {
clear: left;
text-align: right;
}

.super_central .texto .botones {
clear: left;
text-align: center;
padding: 20px;
}

.central .botones input {
color: #8A8B8E;
background: #D0D0D3;
border: none;
font-weight: bolder;
font-size: 12px;
padding: 4px 10px;
height: 14px;
}

.texto #login label span {
width: 100px;
}

.texto #login .botones {
margin-right: 0px;
margin-top: 0px;
}

.texto #login .botones input {
height: 24px;
}

.texto #login {
margin-top: 40px;
}

.texto #login ul {
list-style: none;
}

.texto #login label span {
display: block;
float: left;
clear: left;
padding-top: 4px;
width: 100px;
}

.texto #login label {
display: block;
}

.texto #login label input {
background: #8A8B8E;
background: #666366;
width: 252px;
color: #FFFFFF;
border: 1px solid #FFFFFF;
margin: 2px 0px;
float: left;
}


.texto table {
border-collapse: collapse;
font-size: 11px;
}

.texto h3 {
font-size: 12px;
}

.ventana {z-index: 4; border: 2px solid #000000; position: absolute; background: #034694; padding: 1px;}
.ventana .mover a {cursor: move; color: #FFFFFF;}
.ventana .ancho {float: right; padding: 1px;}
.ventana .ancho a {cursor: e-resize; color: #FFFFFF;}

.ventana .scrolin {
overflow: scroll;
height: 400px;
}

.ventana .cerrar a {
right: 2px;
position: absolute;
padding: 2px;
cursor: pointer;
}
.ventana .cerrar a:hover {
color: #FF0000;
}


.super_central table {width: 100%; background-color: #CCCCCC; border : 1px solid #014874; padding : 0px 0px 0px 0px; border-collapse: collapse;  border-spacing: 0px;}
.super_central table th {background: #034692; border-collapse: collapse; border-spacing: 0px; color: #ffffff; font-size: 8pt; font-weight: bold;   text-decoration: none; text-align: center; border: 1px solid #014874; padding : 2px 2px 2px 2px; margin : 0px 0px 0px 0px;}
.super_central table td {background: #ffffff; border-collapse: collapse; border-spacing: 0px; color: #000000; font-size: 8pt; font-weight: normal; text-decoration: none; text-align: left;   border: 1px solid #014874; padding : 2px 2px 2px 2px; margin : 0px 0px 0px 0px;}
.super_central table td a {color: #4F90CC; font-weight: bolder;}
.super_central table td a:hover {color: #000000; text-decoration: none;}

#layer1 {
position: fixed;
visibility: hidden;
text-align:center;
margin:0px;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index: 11;
}


#middle {
background: #D7E3F3 url(/imagenes/cancel.png) no-repeat 10px center;
border: 1px solid #034692;
color: #034692;
width:420px;
padding:10px;
z-index: 1;
margin:auto;
margin-top:100px;
}

#middle h3 {
color: #034692;
}
#middle p {
padding-left:40px;
text-align: left;
}
#middle .botones a {
border: 1px solid #777777;
padding: 4px;
background: #AAAAAA;
color: #FFFFFF;
text-decoration: none;
}
#middle .botones a:hover {
background: #888888;
}
#middle .botones {
margin-bottom: 8px;
}

div#popUp {
top:0px;
left:0px;
right:0px;
bottom:0px;
position: fixed;
visibility: hidden;
width: 100%;
height: 100%;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
background-color: #222;
margin:0px;
z-index: 10;
}
.exportar {
position: absolute;
right: 10px;
margin-top: -30px;
}

.exportar a {
display: block;
width: 32px;
height: 32px;
float: left;
margin: 2px;
}

.exportar .tipo_excel {
background: url(/imagenes/ico_excel.gif) no-repeat;
}
.exportar .tipo_pdf {
background: url(/imagenes/ico_pdf.gif) no-repeat;
}
.exportar a span {
display: none;
}

.exportar a:hover {
margin-top: 5px;
}

#imagen_principal_ {
background: url(/imagenes/imagen_principal_.jpg) no-repeat;
height: 100%;
width: 100%;
}

#imagen_principal_en {
background: url(/imagenes/imagen_principal_en.jpg) no-repeat;
height: 100%;
width: 100%;
}


.carpetas {
clear: left;
display: block;
margin-top: 10px;
margin-left: 0px;
padding-left: 10px;
}

.carpetas li {
margin-left: 2px;
margin-right: 2px;
float: left;
display: block;
}
.carpetas li a {
margin: 0px;
padding: 0px;
background: #D7E3F3;
color: #034694;
border-left: 1px solid #034694;
border-top: 1px solid #034694;
border-right: 1px solid #034694;
display: block;
float: left;
padding: 5px;
}

.carpetas li a:hover, .carpetas li a.seleccionado {
background: #034694;
color: #FFFFFF;
}

.carpeta{
clear: left;
background: #FFFFFF;
border: 1px #034694 solid;
min-height: 250px;
padding: 0px;
}


.providencias * p {
font-family: serif;
font-size: 16px;
}

h2.providencia_titulo {
background: none;
padding-left:0px;
}

#patentex {
z-index: 3;
position: absolute;
right: 5px;
top: 5px;
width: 240px;
background: #FFFFFF;
border: #999999 solid 1px;
padding: 5px;
}
#patentex #texto {
width:80px;
}
#patentex label {
text-align: center;
padding: 0px;
}

#patentex input {
font-size: 12px;
margin: 0px;
padding: 0px;
border: 1px solid #999999;
margin-top: 3px;
}

#patentex table {
width: 100%;
font-size: 9px;
margin-top: 5px;
}
#patentex span {display: block;}

#patentex span, #patentex table td, #patentex table th  {
font-size: 12px;
}

#patentex div {
text-align: center;
display: block;
clear: left;
vertical-align: baseline;
line-height: 10px; 
}

#patentex div label {
text-align: center;
margin-left: 10px;
float: none;
display: inline;
font-size: 11px;
}

.ingreso_reserva {border : 1px solid #014874; margin: 0px; width:100%;}
.ingreso_reserva .titulo_principal {background-color:#034694; color:#FFFFFF; font-size: 8pt; font-weight: normal; text-align: center;  border: 1px solid #014874;}
.ingreso_reserva .contenedor {float:left; border: 1px solid #014874; height:175px; width:218px;}
.ingreso_reserva .contenedor .campos {padding: 4px 4px 4px 4px;}
.ingreso_reserva .contenedor .campo {color: #000000; font-size: 8pt; font-weight: bold; text-align : left; border: 0px; padding : 2px;}
.ingreso_reserva .contenedor .campo label {font-size:12px; width:68px;}
.ingreso_reserva .contenedor .campo input {font-size:12px; border: 1px solid #555555;}
.ingreso_reserva .contenedor .campo2 {color: #000000; font-size: 8pt; text-align : left; border: 0px; padding : 0px; line-height: 10px;}
.ingreso_reserva .contenedor .campo2 input {margin: 1px;}

.ingreso_reserva #sellos {float:left; border: 1px solid #014874; height:175px; width:172px; ]width:174px;}
.ingreso_reserva #sellos select {width:170px; height:95px; border: 0px; margin: 1px 1px 1px 1px;}
.ingreso_reserva #dus {float:left; border: 1px solid #014874; height:175px; width:192px; ]width:194px;}
.ingreso_reserva #dus #dusd {width:190px; height:95px; border: 0px; margin: 1px 1px 1px 1px; float: none;}
.ingreso_reserva #guia {float:left; border: 1px solid #014874; height:175px; width:222px; ]width:174px;}
.ingreso_reserva #guia select {width:220px; height:95px; border: 0px; margin: 1px 1px 1px 1px;}
.ingreso_reserva .sellosydus label {font-size: 8px; margin-top: 1px; display: block;}
.ingreso_reserva .sellosydus input {font-size: 10px; margin-top: 1px; padding: 1px;}
.ingreso_reserva .sellosydus .campo label {font-size: 10px;}
.ingreso_reserva .sellosydus select {font-size: 9px;}
.ingreso_reserva .sellosydus .botones {clear: left;} 

.ingreso_reserva .temperaturas {clear:left;}
.ingreso_reserva .temperatura {float:left; width:423px; border: 1px solid #014874; height: 80px;}
.ingreso_reserva .temperatura .lampa {float:left; width:170px; padding: 4px;}
.ingreso_reserva .temperatura .aire  {float:left; width:233px; padding: 4px;}
.ingreso_reserva .atmosfera {float:left; border: 1px solid #014874; height: 80px; width:385px; ]width:387px;}
.ingreso_reserva .atmosfera label {float: none; display: inline;}
.ingreso_reserva .atmosfera input {float: none; display: inline;}
.ingreso_reserva .atmosfera .campos {padding: 4px;}
.ingreso_reserva .temperatura .lampa label {font-size:10px; width:90px;}
.ingreso_reserva .temperatura .lampa input {font-size: 10px; height: 16px; margin: 2px 0px 2px 0px; border: 1px solid #555555;}
.ingreso_reserva .temperatura .aire label {font-size:10px; width:150px;}
.ingreso_reserva .temperatura .aire input {font-size: 10px; height: 16px; margin: 2px 0px 2px 0px; border: 1px solid #555555;}
.ingreso_reserva .atmosfera label {font-size:10px; width:90px;}
.ingreso_reserva .atmosfera input {font-size: 10px; height: 16px; margin: 2px 0px 2px 0px; border: 1px solid #555555;}
 
.ingreso_reserva .titulo {background-color:#034694; color:#FFFFFF; font-size: 8pt; font-weight: normal; text-align: center; float: none;}
.ingreso_reserva .botones_principal {clear:left; display: block; background-color:#034694; color:#FFFFFF; font-size: 8pt; font-weight: normal; text-align: right;  border: 1px solid #014874;}


.ingreso_reserva2 {border : 1px solid #014874; margin: 0px; width:100%;}
.ingreso_reserva2 .titulo_principal {background-color:#034694; color:#FFFFFF; font-size: 8pt; font-weight: normal; text-align: center;  border: 1px solid #014874;}
.ingreso_reserva2 .contenedor {float:left; border: 1px solid #014874; height:175px; width:218px;}
.ingreso_reserva2 .contenedor .campos {padding: 4px 4px 4px 4px;}
.ingreso_reserva2 .contenedor .campo {color: #000000; font-size: 8pt; font-weight: bold; text-align : left; border: 0px; padding : 2px;}
.ingreso_reserva2 .contenedor .campo label {font-size:12px; width:68px;}
.ingreso_reserva2 .contenedor .campo input {font-size:12px; border: 1px solid #555555;}
.ingreso_reserva2 .contenedor .campo2 {color: #000000; font-size: 8pt; text-align : left; border: 0px; padding : 0px; line-height: 10px;}
.ingreso_reserva2 .contenedor .campo2 input {margin: 1px;}

.ingreso_reserva2 #sellos {float:left; border: 1px solid #014874; height:175px; width:172px; ]width:174px;}
.ingreso_reserva2 #sellos select {width:170px; height:95px; border: 0px; margin: 1px 1px 1px 1px;}
.ingreso_reserva2 #dus {float:left; border: 1px solid #014874; height:175px; width:244px; ]width:194px;}
.ingreso_reserva2 #dus #dusd {width:222px; height:95px; border: 0px; margin: 1px 1px 1px 1px; float: none;}
.ingreso_reserva2 #guia {float:left; border: 1px solid #014874; height:175px; width:252px; ]width:174px;}
.ingreso_reserva2 #guia select {width:220px; height:95px; border: 0px; margin: 1px 1px 1px 1px;}
.ingreso_reserva2 .sellosydus label {font-size: 8px; margin-top: 1px; display: block;}
.ingreso_reserva2 .sellosydus input {font-size: 10px; margin-top: 1px; padding: 1px;}
.ingreso_reserva2 .sellosydus .campo label {font-size: 10px;}
.ingreso_reserva2 .sellosydus select {font-size: 9px;}
.ingreso_reserva2 .sellosydus .botones {clear: left;} 

.ingreso_reserva2 .temperaturas {clear:left;}
.ingreso_reserva2 .temperatura {float:left; width:423px; border: 1px solid #014874; height: 80px;}
.ingreso_reserva2 .temperatura .lampa {float:left; width:170px; padding: 4px;}
.ingreso_reserva2 .temperatura .aire  {float:left; width:233px; padding: 4px;}
.ingreso_reserva2 .atmosfera {float:left; border: 1px solid #014874; height: 80px; width:385px; ]width:387px;}
.ingreso_reserva2 .atmosfera label {float: none; display: inline;}
.ingreso_reserva2 .atmosfera input {float: none; display: inline;}
.ingreso_reserva2 .atmosfera .campos {padding: 4px;}
.ingreso_reserva2 .temperatura .lampa label {font-size:10px; width:90px;}
.ingreso_reserva2 .temperatura .lampa input {font-size: 10px; height: 16px; margin: 2px 0px 2px 0px; border: 1px solid #555555;}
.ingreso_reserva2 .temperatura .aire label {font-size:10px; width:150px;}
.ingreso_reserva2 .temperatura .aire input {font-size: 10px; height: 16px; margin: 2px 0px 2px 0px; border: 1px solid #555555;}
.ingreso_reserva2 .atmosfera label {font-size:10px; width:90px;}
.ingreso_reserva2 .atmosfera input {font-size: 10px; height: 16px; margin: 2px 0px 2px 0px; border: 1px solid #555555;}
 
.ingreso_reserva2 .titulo {background-color:#034694; color:#FFFFFF; font-size: 8pt; font-weight: normal; text-align: center; float: none;}
.ingreso_reserva2 .botones_principal {clear:left; display: block; background-color:#034694; color:#FFFFFF; font-size: 8pt; font-weight: normal; text-align: right;  border: 1px solid #014874;}

.registro1 td {background-color:#FFFFFF ! important; color:#000000 ! important; cursor: pointer;}
.registro2 td {background-color:#3162a6 ! important; color:#FFFFFF ! important; cursor: pointer;}

table.ploma th {
background: #D7E3F3;
color: #034694;
}

#ingresoreserva_derecha,
#ingresoreserva_izquerda {
width: 395px;
float: left;
margin-top: 10px;
}
#ingresoreserva_derecha select {
width: 100%;
}

#ingresoreserva_derecha {
margin-left: 10px;
}
#ingresoreserva_izquerda {
margin-right: 10px;
}

.central {
border-top: 1px solid #444444;
background: #666366;

}

.principal li a{
background: #666366;
}



.noticias ul {
list-style-image: url(/imagenes/bullet.gif);
padding-left: 20px;
}

.noticias2 ul {
list-style-image: url(/imagenes/bullet.gif);
padding-left: 20px;
}


#home span {
display: none;
}


#home a {
width: 16px;
height: 16px;
background: url(/imagenes/home.gif);
display: block;
top: 100px;
right: 10px;
position: absolute;
}

.central .texto h3 {
margin-bottom: 2px;
margin-top: 16px;
}


.central .texto h2 {
color: #FFFFFF;
margin-bottom: 4px;
}


.central .texto h4 {
margin-bottom: 2px;
margin-top: 14px;
}

.central .texto {
margin-right: 220px;
}
.central .texto img{
margin-right: -220px;
}

.central .texto ul li {
margin-left: -24px;
}

.scrolin2 {
background: #FFFFFF;
}

.ventana .mover h3 {
padding: 5px; 
margin-top: 0px;
}

.central .texto .botones {
margin-right: -220px;
margin-top: -20px;
}

.central .texto #foto1 {
margin-top: -90px;
display: block;
margin-left: 400px;
}

.central .texto #foto2 {
margin-top: -72px;
display: block;
margin-left: 520px;
}

.central .texto .noticia_foto2 {
margin-top: 80px;
display: block;
float: right;
}

.central .texto .noticia_foto1 {
display: block;
float: right;
}

.central .texto ul {
list-style-image: url(/imagenes/bullet.gif);
}

.bienvenido_usuario  {
height: 60px;
}
.bienvenido_usuario h3, .bienvenido_usuario h4, .bienvenido_usuario h5 {
margin: 0px;
padding: 0px;
color: #FFFFFF;
text-align: center;
}

.bienvenido_usuario h3 {
padding-top: 28px;
font-size: 11px;
}
.bienvenido_usuario h4 {
font-size: 10px;
} 
.bienvenido_usuario h5 {
font-size: 9px;
}

.texto .tdceleste {
background: #D7E3F3;
}

.texto .tdamarillo {
background: #F3F781;
/*color: #707074;
border: 1px solid #C0C0BF;
padding: 2px 3px;*/
}

.texto .tdazul {
background: #8181F7;
/*color: #707074;
border: 1px solid #C0C0BF;
padding: 2px 3px;*/
}


.central2 {
background: #FFFFFF;
margin-left: 168px;
color: #034999;
font-weight: bolder;
font-size: 12px;
overflow: auto;
height: 460px;
display: block;
position: relative;	
}

.central2 .noticia{
/*border: 1px solid #EEEEEE;*/
width : 790px;
}

.central2 .noticia a{
font-size: 13px; color: #6161F6;
}


.central2 .texto {
text-align: justify;
width : 790px;
}

.central2 .texto img {
/*margin-left: 10px;*/
}

.central2 .texto h1 {font-size: 18px; color: #034999;}
.central2 .texto h2 {font-size: 16px; color: #034999;}
.central2 .texto h3 {font-size: 14px; color: #034999;}
.central2 .texto h4 {font-size: 12px; color: #034999;}
.central2 .texto .noticia h2 {font-size: 16px; color: #034999;}

.central2 .botones input {
color: #8A8B8E;
background: #D0D0D3;
border: none;
font-weight: bolder;
font-size: 12px;
padding: 4px 10px;
height: 14px;
}

.central2 .texto h3 {
margin-bottom: 2px;
margin-top: 16px;
}

.central2 .texto h2 {
color: #345B88;
margin-bottom: 4px;
}

.central2 .texto h4 {
margin-bottom: 2px;
margin-top: 14px;
}

#archivos img{
width:115px;
height:115px;
margin-right: 10px;
margin-bottom: 10px;
}

#archivos a{
float:left;
width:115px;
height:115px;
margin-right: 10px;
margin-bottom: 10px;
text-align:left;
}


.central2 .texto img{
/*margin-right: -220px;*/
float: left;
}

.botones_noticiaedit{
clear:both;
position:relative;
text-align:right;
}

.botones_noticianuevo{
float:right;
}


.central2 .texto ul li {
margin-left: -24px;
}


.central2 .texto .botones {
margin-right: -220px;
margin-top: -20px;
}

.central2 .texto #foto1 {
margin-top: -90px;
display: block;
margin-left: 400px;
}

.central2 .texto #foto2 {
margin-top: -72px;
display: block;
margin-left: 520px;
}

.central2 .texto .noticia_foto2 {
margin-top: 0px;
display: block;
float: right;
}

.central2 .texto .noticia_foto1 {
display: block;
float: right;
}

.central2 .texto ul {
list-style-image: url(/imagenes/bullet.gif);
}

#imagennot {
background: #000000;
width:1000px;
}

.blancologonot{
background: #FFFFFF;
width: 168px;
height:140px;
} 


.imagenarribanot {
margin-left:168px;
width: 832px;
height:140px;
}


.todonot {
text-align: left;
margin: 0px auto 0px auto; 
width : 1000px;
}


.logonot{
position: absolute;
left: 30px;
top: 5px;
}

.izquerdanot {
width: 166px;
float: left;
background: #D7E3F3;
text-align: left;
}

.izquerdanot a{
text-decoration: none;
font-size: 15px;
font-weight: bolder;
color: #8A8B8E;
padding-right: 24px;
padding-top: 2px;
padding-bottom: 6px;
line-height: 20px;
} 

.izquerdanot a:hover{
color: #034694;
} 


.nuestragente a{
font-size: 11px;
font-weight: bolder;
text-decoration:none;
font-family: arial;
}


.central2 .noticia #titulo{
margin-top :-10px;
margin-left :60px;
font-size:15px;
font-family: Trebuchet Ms;
font-weight:normal;
}

.central2 .noticia{
color:#034694;
}


.central2 .noticia .fotoprincipal{
margin-left :430px;
margin-top :-26px;
width:300px;
height:101px;
}

#partenoticia{
float:left;
word-wrap: break-word;
width:350px;
margin-top :10px;
margin-left :20px;

font-size:15px;
color:#666666;
font-family: Trebuchet Ms;
font-weight:normal;
}

#noticiatodo{
/*color:#585858;
text-align:left;
*/
font-size:15px;
color:#666666;
font-family: Trebuchet Ms;
font-weight:normal;
}


#noticiatodo p{
font-size:15px;
color:#666666;
font-family: Trebuchet Ms;
font-weight:normal;
line-height:1px;
}



.central2 .noticia .vermas{
margin-left :320px;
color:#686868;
}

.cumple{
margin-left :0px;
margin-top :0px;
margin-right :0px;
width:260px;
height:220px;
float:left;
text-align:center;
line-height:2px;
}

.periodo{
clear:both;
}


.central2 p{
font-size: 9px;
color: #034999;
}

.central2 h3{	
font-size: 17px;
color: #034999;
margin-left :50px;
}

.central2 b{
font-size: 22px;
color: #034999;
}

.central2 .cumplefoto0{
margin-left:50px;
width:150px;
height:150px;
border:2px solid #FF0000;
text-align:center;
}

.central2 .cumplefoto1{
margin-left:40px;
width:150px;
height:150px;
border:2px solid #0404B4;
text-align:center;
}


.central2 .cumplefoto2{
margin-left:50px;
width:150px;
height:150px;
border:2px solid #0404B4;
text-align:center;
}

.central2 .cumplefoto3{
margin-left:40px;
width:150px;
height:150px;
border:2px solid #0404B4;
text-align:center;
}

.cumplefoto0 img{
width:150px;
height:150px;
text-align:center;
}

.cumplefoto1 img{
width:150px;
height:150px;
text-align:center;
}


.cumplefoto2 img{
width:150px;
height:150px;
text-align:center;
}


.cumplefoto3 img{
width:150px;
height:150px;
text-align:center;
}


.texto .tdceleste {
background: #D7E3F3;
/*color: #707074;
border: 1px solid #C0C0BF;
padding: 2px 3px;*/
}



/*new booking */

.todotbl {
text-align: left;
margin: 0px auto -1px auto; 
width : 100%;
height :auto;
}

#consulta_reserva {
background: #D7E3F3;
height:260px;
width:100%;
}

.contenedorv1 {float:left;height:200px; width:749px;border: 0px solid;}

.contenedor1 {float:left; border: 1px solid #014874; height:137px; width:55px;margin-left:2px;margin-top:4px;}
.titulo {background-color:#034694; color:#FFFFFF; font-size: 8pt; font-weight: normal; text-align: center; float: none;}
label {font-size: 8pt; font-weight: normal;}

.contenedorv2 {float:left; height:141px; width:387px;border:0px solid;}
.contenedor2 {float:left; border: 1px solid #014874; height:90px; width:57px;margin-left:2px;margin-top:4px;}
.contenedor3 {float:left; border: 1px solid #014874; height:90px; width:118px;margin-left:2px;margin-top:4px;}
.contenedor8 {float:left; border: 1px solid #014874; height:42px; width:118px;margin-left:2px;margin-top:3px;}
.contenedor9 {float:left; border: 1px solid #014874; height:42px; width:173px;margin-left:2px;margin-top:3px;}
.contenedor9 input[type=button] {width:28%;margin-left:0px;font-size: 9pt;}
.contenedor9 input[type=text] {width:17%;margin-left:0px;height:30%;}


.contenedor4 {float:left; border: 1px solid #014874; height:137px; width:55px;margin-left:0px;margin-top:4px;}
.contenedor4 input {width:100%;margin-bottom:12px;margin-top:10px;margin-left:0px;font-size: 8pt;}

.contenedor5 {float:left; border: 1px solid #014874; height:137px; width:100px;margin-left:2px;margin-top:4px;}
.contenedor5 label {margin-left:5px;}
.contenedor5 input[type=text] {width:90%;margin-left:0px;height:10%;}



.contenedor10 {float:left; border: 1px solid #014874; height:42px; width:424px;margin-left:2px;margin-top:3px;}
.contenedor10 input {width:19%;margin-top:10px;margin-left:0px;font-size: 8pt;}

.contenedor6 {float:left; border: 1px solid #014874; height:184px; width:170px;margin-left:0px;margin-top:4px;}

.contenedor6 .contenedor7 {width:100%; height:170px; overflow-y: scroll;font-size: 7pt; font-weight: normal;}
.contenedor11 {float:left; border: 1px solid #014874; height:184px; width:60px;margin-left:2px;margin-top:3px;}
.contenedor11 input {width:60px;margin-top:25px;margin-left:0px;font-size: 9pt;}

.filtroindividual {float:left; border: 1px solid #014874; height:32%; width:723px;margin-left:2px;margin-top:3px;}
.filtroindividual .labelfiltro{width:300px;margin-bottom:-2px;float:left;}
.filtroindividual label {font-size: 10pt; font-weight: normal;}
.filtroindividual input[type=button] {margin-left:0px;height:60%;}
.filtroindividual .detafiltro{float:left;margin-top:2px;width:420px;height:42px;border: 1px solid #014874;}
.filtroindividual .detafiltro textarea { resize: none;}


#contienetabla {
/*margin-left:-330px;*/
float:left;
overflow-x:scroll;
overflow-y:scroll;
/*max-width:100%;*/
}


.imagenarribanot {
margin-left:168px;
width: 832px;
height:140px;
}

#contienetabla table {
border-collapse:collapse;
}



#contienetabla th  {
	border: 1px solid #778899;
	padding: 5px;	
}

#contienetabla td  {
	border: 1px solid #778899;
}

	
	
#contienetabla table  tr td {
	/* appearance */
	background-color: #eef2f9;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #262c31;
	font-size: 11px;
	}

#contienetabla table tr.odd td {
	/* appearance */
	background-color: #d6e0ef;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
	}

#contienetabla table tr th,
#contienetabla table thead tr td,
#contienetabla table table tfoot tr th, 
#contienetabla table tfoot tr td {
	/* appearance */
	background-color: #8ca9cf;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.2) 50%,
		rgba(255,255,255,0.1) 51%,
		rgba(255,255,255,0.0) 100%);
	
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(100%,rgba(255,255,255,0.0)));
		
	/* text */
	color: #121517;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 1px #e8ebee;
	}

#consulta_reserva .checkbox {
	display: inline-block;
	cursor: pointer;
}

#consulta_reserva input[type=checkbox] {
 display:none;	
}

#consulta_reserva .checkbox:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align:middle;
	background-color: #fff;
	color: #000;
	text-align: center;
	font-weight: bold;
	border:2px solid #AFAFAF;
}

#consulta_reserva input[type=checkbox]:checked + .checkbox:before {
	content: "\2713";

}

#consulta_reserva .radio {
	display: inline-block;
	cursor: pointer;
}

#consulta_reserva input[type=radio] {
 display:none;	
}

#consulta_reserva .radio:before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	vertical-align:middle;
	background-color: #fff;
	color: #000;
	text-align: center;
	font-weight: bold;
	border:2px solid #AFAFAF;
}

#consulta_reserva input[type=radio]:checked + .radio:before {
	content: "\2713";

}


/******************************************************************************************************************************/
/**PLANIFICACION DE ENTREGA  */
/******************************************************************************************************************************/	

/**************************************************/
/*franjas horarias */
/**************************************************/

#progrecep {

height:auto;
margin-left:20px; /*#20 */


}

#espacio_calendario {
width : 38%;
float:left;
height:185px;
/*border-style: solid double;*/
border-color:#D8D8D8;
margin-left:-90px; /*-7*/
}

#calendario {
height:90px;
width : 50%; /*40 */
margin-top :1%;
margin-left :23%;
}


#calendario table td {
  color: #444;
  text-align: center; /*center */
  z-index: 9;
  padding: 0;
  border-radius:1px;
  
}

#inforeserva {
margin-top :1%;
width : 59%;
height:auto;
}

#inforeserva .titulo{
background-color:#D7E3F3;
color: #034694;
font-size: 13px;
}

#inforeserva .detalle{
background-color:#FFF;
color: #000;
}


#inforeservainfo{
margin-top:20px;
}

#inforeservainfo label{
font-size:15px;
font-family: Trebuchet Ms;
}

#inforeservainfo input{
margin-top:23px;
}


#contenedorplan { 
margin-top:50px;
margin-left:30px;
width: 750px;  /* Ancho del contenedor */
height:auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#contenedorplan input[type="radio"] {
height: 32px;  
visibility: hidden;
}

#contenedorplan label {
float: left;
cursor: pointer;
font-size: 13px;  /* Tamaņo del texto de las pestaņas  15x*/
line-height: 40px;  /
height: 45px;  /*40*/
padding: 0 40px;
display: block;  
color: #7a7a7a;  /* Color del texto de las pestaņas #888 #7a7a7a*/
text-align: center;
border-radius: 8px 8px 0 0; /*5px 5px 0 0  */

#background: #E6E6E6;  /* Fondo de las pestaņas */
background: #b8b8b8  ;  /* Fondo de las pestaņas */

margin-right: 0px; /* #5px */
margin-left:  0px; /* -30 */
}

#contenedorplan input:hover + label {
background:#c6c6c6;  /* Fondo de las pestaņas al pasar el cursor por encima #ddd */
color: #666;  /* Color del texto de las pestaņas al pasar el cursor por encima */
}

#contenedorplan input:checked + label {
background: #E6E6E6;  /* Fondo de las pestaņas al presionar  #D8D8D8 */
color:  #034694; /* Color de las pestaņas al presionar #4444   #034694*/
border-style: solid ;  /*solid ridge  groove inset */
border-width: 1px; /*medium    */

z-index: 6;
line-height: 40px; /*#45 */
height: 45px; /* #45*/
position: relative;
top: -5px;
-webkit-transition: .1s;
-moz-transition: .1s;
-o-transition: .1s;
-ms-transition: .1s;
}

.content {
background: #E6E6E6;  /* Fondo del contenido */
position: relative;
width: 106%;
height: 350px;  /* Alto del contenido */
padding: 10px;
z-index: 5;
border-radius: 0 5px 5px 5px;
margin-left:-31px;
}

.content div {
position: absolute;
z-index: -100;
opacity: 0;
transition: all linear 0.1s;
}



#contenedorplan input.tab-selector-1:checked ~ .content .content-1,
#contenedorplan input.tab-selector-1:checked ~ .content .content-1 .content-tabla,
#contenedorplan input.tab-selector-2:checked ~ .content .content-2,
#contenedorplan input.tab-selector-2:checked ~ .content .content-2 .content-tabla2,
#contenedorplan input.tab-selector-2:checked ~ .content .content-2 .exportar,
#contenedorplan input.tab-selector-2:checked ~ .content .content-2 .iconos,

#contenedorplan input.tab-selector-3:checked ~ .content .content-3,
#contenedorplan input.tab-selector-3:checked ~ .content .content-3 .content-tabla3,
#contenedorplan input.tab-selector-3:checked ~ .content .content-3 .exportar,
#contenedorplan input.tab-selector-3:checked ~ .content .content-3 .iconos,
#contenedorplan input.tab-selector-4:checked ~ .content .content-4 {
    z-index: 100;
    opacity: 19;
    -webkit-transition: all ease-out 0.2s 0.1s;
-moz-transition: all ease-out 0.2s 0.1s;
-o-transition: all ease-out 0.2s 0.1s;
-ms-transition: all ease-out 0.2s 0.1s;
}

#contenedorplan .content-tabla {	
margin-top:-70px;
height:320px;
width:200%; /*100 */
overflow-x:scroll;
}

#contenedorplan .content-1 .btnplanblock {
margin-left:105px;
margin-top:50px;
}

#contenedorplan .content-1 .btnplandesblock {
margin-left:105px;
margin-top:10px;
}

#contenedorplan .content-tabla2 {	
margin-top:-10px;
height:320px;
width:270%; /*247 */
overflow-x:scroll;
}

#contenedorplan .content-tabla3 {	
margin-top:-25px; /*-25*/
height:320px;
width:300%;  /*300%;  *247  */
overflow-x:scroll;
}



.iconos {
margin-top:20px;
margin-left: 540px;
width:150px;
}

#asighora {
height:90px;
width : 50%; /*40 */
margin-top :1%;
margin-left :23%;
}


#asighora table td {
  color: #444;
  text-align: left; /*center */
  z-index: 9;
  padding: 0;
  border-radius:1px;
  
}

#espacio_asighora {
width : 38%;
float:left;
/*height:185px;*/
height:auto;
/*border-style: solid double;*/
border-color:#D8D8D8;
margin-left:-90px; /*-7*/
}

/******************************************************************************************************/

/********************************************************************************/
/*asigna horario*/
/********************************************************************************/


#infotodo{
width:100%;
background-color:#FFF;
height:auto;
margin-bottom:10px;
}

#asignahorariotbls{
margin-left:10px;
width:30%;
background-color:#FFF;
}

#clasecntx{
margin-left:10px;
width:50%;
background:#FFF;
}

#inforeservatbl{
width:50%;
background-color:#FFF;

}

#inforeservamed{
width:80%;
background:#FFF;
}

#inforeservahor{
margin-left:10px;
background:#FFF;
width:100%;
}

#helpinfoasighora{
margin-left:405px;
/*margin-top:1px;*/
width : 110%;
}

#inforeservahor .titulo{
background-color:#D7E3F3;
color: #034694;
font-size: 13px;
}

#inforeservahor .detalle{
background-color:#FFF;
color: #000;
}

#helpasighoras{
margin-left:300px;
margin-top:1px;
}


/*******************************************************************************************************/
/*listado , ASIGNACION DE HORARIO*/
/*******************************************************************************************************/
#contenedorplanh { 
margin-top:60px;
margin-left:40px;
width: 750px;  /* Ancho del contenedor */
height:auto; /*auto */
box-sizing: border-box;
-moz-box-sizing: border-box;
}

#contenedorplanh input[type="radio"] {
height: 32px;  
visibility: hidden;
}

#contenedorplanh label {
float: left;
cursor: pointer;
font-size: 13px;  /* Tamaņo del texto de las pestaņas  15x*/
line-height: 40px;  /
height: 45px;  /*45*/
padding: 0 40px;
display: block;  
color: #7a7a7a;  /* Color del texto de las pestaņas #888 #7a7a7a*/
text-align: center;
border-radius: 8px 8px 0 0; /*5px 5px 0 0  */

#background: #E6E6E6;  /* Fondo de las pestaņas */
background: #b8b8b8  ;  /* Fondo de las pestaņas */

margin-right: 0px; /* #5px */
margin-left:  0px; /* -30 */
}

#contenedorplanh input:hover + label {
background:#c6c6c6;  /* Fondo de las pestaņas al pasar el cursor por encima #ddd */
color: #666;  /* Color del texto de las pestaņas al pasar el cursor por encima */
}

#contenedorplanh input:checked + label {
background: #E6E6E6;  /* Fondo de las pestaņas al presionar  #D8D8D8 */
color:  #034694; /* Color de las pestaņas al presionar #4444   #034694*/
border-style: solid ;  /*solid ridge  groove inset */
border-width: 1px; /*medium    */

z-index: 6;
line-height: 30px; /*#45 */
height: 43px; /* #45*/
position: relative;
top: -5px;
-webkit-transition: .1s;
-moz-transition: .1s;
-o-transition: .1s;
-ms-transition: .1s;
}

.contenth {
background: #E6E6E6;  /* Fondo del contenido */
position: relative;
width: 106%;	/* ancho pestaņa */ 
height: 350px;  /* Alto del contenido */
padding: 10px;
z-index: 5;
border-radius: 0 5px 5px 5px;
margin-left:-40px;
}

.contenth div {
position: absolute;
z-index: -100;

opacity: 0;
transition: all linear 0.1s;
}



#contenedorplanh input.tab-selector-1:checked ~ .contenth .contenth-1,
#contenedorplanh input.tab-selector-1:checked ~ .contenth .contenth-1 .contenth-tabla,
#contenedorplanh input.tab-selector-2:checked ~ .contenth .contenth-2,
#contenedorplanh input.tab-selector-2:checked ~ .contenth .contenth-2 .contenth-tabla2,
#contenedorplanh input.tab-selector-2:checked ~ .contenth .contenth-2 .exportar,
#contenedorplanh input.tab-selector-2:checked ~ .contenth .contenth-2 .iconos,

#contenedorplanh input.tab-selector-3:checked ~ .contenth .contenth-3,
#contenedorplanh input.tab-selector-3:checked ~ .contenth .contenth-3 .contenth-tabla3,
#contenedorplanh input.tab-selector-3:checked ~ .contenth .contenth-3 .exportar,
#contenedorplanh input.tab-selector-3:checked ~ .contenth .contenth-3 .iconos,
#contenedorplanh input.tab-selector-4:checked ~ .contenth .contenth-4 {
    z-index: 100;
    opacity: 19;
    -webkit-transition: all ease-out 0.2s 0.1s;
-moz-transition: all ease-out 0.2s 0.1s;
-o-transition: all ease-out 0.2s 0.1s;
-ms-transition: all ease-out 0.2s 0.1s;
}

#contenedorplanh .contenth-tabla {	
margin-top:-100px;
height:331px;
width:208%; /*100 */
overflow-x:scroll;

cellspacing:10%;

}

#contenedorplanh .contenth-1 .btnplanblock {
margin-left:705px;
margin-top:50px;
}

#contenedorplanh .contenth-1 .btnplandesblock {
margin-left:705px; /* 705*/
margin-top:10px;
}

#contenedorplanh .contenth-tabla2 {	
margin-top:-10px;
height:320px;
width:270%; /*247 */
overflow-x:scroll;
}

#contenedorplan .content-tabla3 {	
margin-top:-15px;
height:320px;
width:231%;  /*300%;  *247  */
overflow-x:scroll;
}

.volverplan {
margin-left:40%;
}

.volverplanh {
margin-left:85%;
}

.cargando{
width: 100%;height: 100%;
overflow: hidden; 
top: 0px;
left: 0px;
z-index: 10000;
text-align: center;
position:absolute; 
background-color: #FFFFFF;
opacity:0.6;
filter:alpha(opacity=40);
}