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 {
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;
}

.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_izquerda3 {
background: #D7E3F3;
margin-right: 210px;
}

.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;
}


.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: 12px;
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: #034694;
color: #FFFFFF;
font-size: 18px;
}
.super_central h3 {
margin: 0px;
padding: 0px;
background: #034694;
color: #FFFFFF;
padding: 4px 10px 4px 40px;
font-size: 14px;
}


.imagen {
height: 170px;
display: block;
}
.imagen .bloke {
width: 210px;
height: 170px;
background: #000000;
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 .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 .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 .noticias 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;
position: relative;
width: 790px;
}

.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;
}

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


#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: #034694;}
.central .texto h2 {font-size: 16px; color: #034694;}
.central .texto h3 {font-size: 14px; color: #034694;}
.central .texto h4 {font-size: 12px; color: #034694;}


.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 table th, .texto table .impar {
background: #EEEEEF;
color: #707074;
border: 1px solid #C0C0BF;
padding: 2px 3px;
}
.texto table th a, .texto table .impar a {
color: #666366;
}
.texto table th a:hover, .texto table .impar a:hover {
color: #034694;
}
.texto table td, .texto table .par {
background: #D0D0D3;
color: #707074;
border: 1px solid #C0C0BF;
padding: 2px 3px;
}
.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: 2px;}
.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;}

.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;
}

#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;
}