/* CSS Document */


body{background:#ffffff;font:15px Arial, Helvetica, sans-serif;margin:0px;}

a:hover{color:#3E8BD1;cursor:pointer;}

ul{margin:0px;padding:0px;}

img{border:0px}

.condensador{width:770px;margin:auto; }
label{width:190px;}
.centrar{text-align: center;margin:auto;}


/*---------------------------------------------------*/
.propiedad{margin:5px 0px 5px 0px;}
#centrar{text-align:center; width:100%}
.reducir{font-size:9px; color:#b0b0b0;}
.reducir input{background: #3c3c3c;}

/*Encabezado*/
#encabezado{font: 12px Arial, Helvetica, sans-serif; height:100px;background-color:#333;}

/*Idioma*/
#idioma{clear:right;}

/*Fecha*/
#fecha{font-weight:bold; color:#b0b0b0; float:left; margin-left:9px;padding:15px 0px 15px 0px;}

/*Contador*/
#contador{visibility:hidden;position:absolute;z-index:1000;}

/*Login*/
#login1{float:left;clear:left;  width:160px;border-right: solid 1px #494949;}

.izquierdaAmplio{width:380px;float:left;padding:5px 0 0;}
.izquierdaAmplio ul{list-style:none; float:left;}
.izquierdaAmplio li{display:block;}


/*Menu Global*/
.derechaPequeno{width:350px;float:right;padding:15px 0 0;}
.derechaPequeno ul{list-style: none; float:right;}


#utilidades {padding: 0px 0 0 0; width:auto;font-weight: bold; color: #767676;}
#utilidades a {color:#767676;}
#utilidades a:hover {color:#029edf;}
#utilidades li {float: left;}
#utilidades li a {display: block;padding: 0 9px; margin: 3px 0;border-right: solid 1px #494949;}
#utilidades li a.ultimo {border-right: solid 0px ;}
#utilidades li a.login {padding: 0 23px 0 9px; background: transparent url(../estilos/icons000.gif) 45px -16px no-repeat;}

#utilidades li a.selected{color:#b0aea5;}
#utilidades li.search {position: relative; border:0;}
#utilidades li.search input {padding: 4px 20px 4px 4px;margin: 0 0 0 9px;color: #767676;font-weight: bold;background: #2b2b2b;border-width: 0 1px 1px 0;border-color: #3c3c3c;border-style: solid;}
#utilidades li.search button {position:absolute; top:5px; right:5px; height:14px; width:14px;border: 0; text-indent: -9999px; font-size: 0; line-height: 0; background:  url(../imagenes/iconos.gif) no-repeat;cursor:pointer;}

#utilidades li.login {position: relative; border:0;}
#utilidades li.login input {padding: 4px 20px 4px 4px;margin: 0 0 0 9px;color: #767676;font-weight: bold;background: #2b2b2b;border-width: 0 1px 1px 0;border-color: #3c3c3c;border-style: solid;}
#utilidades li.login button {position:absolute; top:35px; right:105px; height:14px; width:14px;border: 0; text-indent: -9999px; font-size: 0; line-height: 0; background: transparent url(../imagenes/iconos.gif) 0px -18px no-repeat;cursor:pointer;}



.utilidades1 {padding: 0px 0px 0px 0px; font-weight: bold; color: #767676;}
.utilidades1 a {color:#767676;}
.utilidades1 a:hover {color:#029edf;}
.utilidades1 li {float:left;}
.utilidades1 li a {padding: 0px; margin: 3px; display: block;}
.utilidades1 li a.none {padding: 0px; margin: 3px;display:inline}
.utilidades1 li #primero {border-right: solid 1px #494949;display: block;padding: 0 9px; margin: 3px ;}
.utilidades1 li #ultimo {border-right: solid 0px ;display: block;padding: 0 9px; margin: 3px ;}


.utilidades1 li.selected{color:#b0aea5;}
.utilidades1 li a.selected{color:#b0aea5;}

.brillo{color:#b0aea5;}

.utilidades1 li.login {position: relative; border:0px;float:left;}
.utilidades1 li.login a{border:0px;}
.utilidades1 li.login input {padding: 2px 2px 2px 2px;margin: 2px 0px 0px 0px;color: #767676;font-weight: bold;background: #2b2b2b;border-width: 0px 1px 1px 0px;border-color:#3c3c3c;border-style: solid;}
.utilidades1 li.login button {margin-top:4px; height:20px; border: 0; font-size: 10px; line-height: 1;cursor:pointer;padding:3px 5px 3px 5px}


/*Banner*/
/*#banner{background:#ddf3ac;padding:0px; height: 160px;}*/
#banner{background:#A4B78B;padding:0px; height: 160px; }
#foto{width:310px;height:250px;position:absolute;left:58%;top:50px;}

#logo{width:420px;float:left;padding:25px 0px 0px 20px;}

/*Botones de Navegacion*/
#navFondo {background: url(../en/images/fondo_celda.png) repeat-x ;}
#nav {display: inline-block; width: 100%; height: 1%;margin:0px;}
#nav ul {font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#nav ul li {float: left;list-style:none; border-right:#fff 1px solid; }
#nav ul li a {color:#002D61;padding-right: 13px; display: block; padding-left: 13px; float: left; padding-bottom: 10px; padding-top: 3px;}
#nav ul li a:hover {color: #fff; text-decoration: none; background-color:#002D61;}
#nav ul li a.selected {background-color:#9EA374;}
#nav ul li a:hover.selected  {color:#002D61}



/*Cuerpo*/
#cuerpoPortada{margin:30px 0 0 0;}
#cuerpo{background-color:#f3f3f3;}
#cuerpoCondensador{background: url(../imagenes/fondo.gif) repeat-y center;}
#cuerpo table{width:100%}
#cuerpo td{vertical-align:top;padding:5px 0px 5px 5px;}
/*border:0.2em solid #d7dadd;padding:1.2em;margin:0 0 2.5em;background-color:#fff;font-size:80%;color:#555;*/
#izquierda {margin:5px 0px 0px 0px;width:147px;border-left:2px solid #d7dadd;border-right:2px solid #d7dadd;border-bottom:2px solid #d7dadd;border-top:1px solid #d7dadd;}
#publicidad{margin:5px 0px 5px 0px;}
.titulo{background-color:#f3f3f3; color:#0A5BA3;font-size:100%;font-weight:700;padding:5px 0px 5px 5px;border-top:2px solid #d7dadd;border-bottom:2px solid #d7dadd;}

.menu ul{list-style:none;display:block;padding:0px;}
.menu li a{border-bottom:1px solid #d7dadd;color:#3E8BD1 ;display:block;font-size:100%;font-weight:500;padding:5px 5px 5px 10px;text-decoration:none;list-style:none;}
.menu li a.selectedPagina{border-bottom:1px solid #d7dadd;color:#24527A;display:block;font-weight:500;padding:5px 5px 5px 10px;text-decoration:none;list-style:none}
.menu li a:hover{color:#24527A;display:block;font-weight:500;padding:5px 5px 5px 10px;text-decoration:none;list-style:none}

#derecha {margin:0px;width:98%;vertical-align:top; padding:5px 0px 0px 5px}
#derecha a{color:#3E8BD1}
#derecha a:hover{color:#24527A;}
.texto li{margin-left:30px}
#borde{border-top:1px solid #d7dadd;}
.texto{padding:5px 8px 10px 8px;margin:0px 0px 8px 0px;clear:both;}
.texto.tituloTexto{margin:0px 0px 0px 4px;}

.texto table{margin-top:3px;}
.texto th{text-align:left;width:100px;vertical-align:top;}
.texto td{text-align:left;padding-top:0px;margin-top:0px;vertical-align:top;}
.texto #resultados{padding:5px 0px 0px 10px;}
.texto #resultados img{padding:5px 0px 5px 15px; vertical-align:middle}
.texto #resultados a{padding:4px 0px 4px 10px;vertical-align:middle}
.texto .hijo{padding-left:20px}
.texto .nieto{margin-left:20px}
.texto .descripcion p{color:black}
.info{text-align:left;font-size:12px;color:#6D7072;letter-spacing:1px;margin-left:20px;margin-top:10px;}

/*Lista tabla*/
#operacionListar table { width:99%; border:#b0b0b0 1px solid;}
#operacionListar th {padding:8px 0px 8px 0px;background-color:#0A4976;color:white;}
#operacionListar td{text-align:center;padding-left:8px;}
#operacionListar td.nombre{text-align:left;padding: 5px 0px 5px 15px;}
#operacionListar td.campos{width:28%;}
#operacionListar p{margin:0px;padding:0px;float:left}

/*Lista tabla*/
#operacionListarGaleria table { width:99%; border:#b0b0b0 1px solid;clear:both}
.noPagina{ margin-top:10px;}
#operacionListarGaleria th {padding:8px 0px 8px 0px;background-color:#0A4976;color:white;}
#operacionListarGaleria td{padding:7px 3px 7px 3px;font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;color: #003366;width:25%;}
#operacionListarGaleria .img{padding-bottom:8px;}
#operacionListarGaleria .imagen{padding:8px 3px 8px 3px;text-align:center;border:1px solid #d7dadd}
#operacionListarGaleria p{margin:0px;padding:0px;float:left}

#paginacion{text-align:right;padding:12px 10px 6px 0px;}
#paginacion #regresar{float:left;}
.prev {padding:0px 0px 0px 40px;}
#top{border-bottom:2px solid #d7dadd; padding:5px;}

.propiedad{padding:12px 0px 0px 4px; color:#d7dadd;font-size: 11px; letter-spacing:1px;font-family: Verdana,Arial,Helvetica,sans-serif;}

#ruta{font-size:13px; height:16px; border-bottom:#d7dadd 2px solid; margin:0px 0px 0px 0px;padding:0px 5px 3px 5px; }
#ruta img{margin-right:3px;}
.paquete{height:150px;}

#nieto {width:99%;height:19px;border-bottom:#d7dadd 2px solid; margin:10px 0px 5px 0px;}
#nieto ul {padding: 0px 5px 0px 10px; margin: 0px; list-style-type: none}
#nieto li {border-top: #d7dadd 1px solid; border-right: #d7dadd 1px solid;border-left: #d7dadd 1px solid;float: left;margin-right: 8px;}
#nieto li a {padding: 2px 8px 2px 8px;display: block; font-size: 11px; background-color:#f3f3f3; color:#3e8bd1;text-decoration: none}
#nieto li a:hover {color: #24527a;}
#nieto #actual {border-right: #d7dadd 1px solid; border-top: #d7dadd 1px solid; float: left; border-left: #d7dadd 1px solid; margin-right: 8px}
#nieto #actual a {padding: 3px 8px 3px 8px;display: block;font-size: 11px; background: #ffffff; color: #0a5ba3; text-decoration: none}


.boton{padding:5px 3px 5px 1px;}

.contenido {text-align:center}
.contenido ul, .contenido li{margin:0px 0px 0px 0px; padding:0px; }
.contenido ul{list-style:none;position:relative; left:0% }

.contenido li.seccion{float:left; display:block;position:relative;}
.contenido li.seccion p {margin:0px 0px 0px 0px; padding:0px 0 0 0;}
.contenido li.seccion h3 {color:#FFFFFF; font-size:14px}
.contenido li.seccion p.descripcionSeccion {padding:8px 8px 8px 8px;}

.mensajeCorrecto{color:green;margin:auto;text-align:center;font:10pt bold;width:auto;height:auto;}

/*Formulario*/
#mensajeResultado{position:fixed;top:30%;right:30%;z-index:100;}

#mensajeContenido{border:3px #2b2b2b outset;background-color:white;width:400px;height:150px;overflow: auto;padding:15px; text-align:center}
#mensajeContenido h1{border-bottom:1px solid #d7dadd; margin:2px;}
#mensajeContenido input{margin-top:20px}
#formulario{padding:5px 8px 10px 8px;}
#formulario table{width:99%;}
#formulario th{width:130px;text-align:right;font-size:12px; font-weight:400;color:#6D7072; letter-spacing:1px;vertical-align:top;padding-top:6px;}
#formulario td input{text-align:left; width:60%;}
#formulario td .normal{width:auto;}
#formulario td select{text-align:left; width:60%;}
#formulario td input.butt {width:auto;text-align:center }
#formulario td input:hover{border:2px #659ED1 solid}
#formulario td textarea{height:160px;width:400px; margin:0px;padding:0px}
#formulario td textarea input{margin:0px;padding:0px}
#formulario #boton{margin:5px 0px 0px 130px;}

.correcto{color:green;padding:2px 0px 2px 0px;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 10px;}

.incorrecto{
    color:red;
    padding:2px 0px 2px 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
.flotaIzq{
    float:left;
    margin-right:5px;
}
.flotaDer{
    float:right;
    margin-right:5px;
    width:90px;
    text-align:right;
}
/*#27A3C4*/
.promo{margin-bottom:17px;margin-right:12px;min-height:310px; max-height:310px;padding-top:1px;padding-bottom:1px;width:178px;}
.promo p{text-align:justify; display:block;color:#333;padding:0 8px 0px 10px; line-height: 1.38em;font-size:100%;margin-top: 24px;margin-bottom: 24px;}
.promo a:hover{color:#333;}

.promo1{background-color:#27A3C4;margin-bottom:17px;margin-right:12px;min-height:310px; max-height:310px;padding-top:1px;padding-bottom:1px;width:356px;}
.promo1 p{text-align:justify; display:block;color:#fbf7ed;padding:0 8px 0px 10px; line-height: 1.38em;font-size:100%;margin-top: 24px;margin-bottom: 24px;}
.promo1 a:hover{color:#333;}
/*Centro*/
#centro{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

/*Pie*/
#pie{height:120px;background-color:#333333;font-size:14px;margin:0px 0px 0px 0px;  border-top: 0px solid #333 ; clear:both; }
#pie p{margin:0px 0px 2px 0px;padding:0px; font-weight:bold; font-size:13px;color:#b0b0b0}
/*#pie a{color:#b4a15a;}*/
/*#pie a:hover{color:#fff;}*/

/*AJAX imagen cargando*/

#cargandoImagen{
    width:30px;
    height:30px;
    padding-bottom: 4px;
}
#cargando{
    width:80px;
    height:50px;
    border:2px outset #09F;
    padding:5px;
    color:#069;
    font-weight:bold;
    text-align:center;
    background-color: white;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    /*margin-top: 30%;
    margin-right: auto;
    margin-left: auto;*/
    top:50%;
    left:50%;
    position:fixed;
}

#recordar{
    clear:both;
}

/*Frontend*/
.subContenido{
    border:1px solid gray;
    margin: 8px;
padding:8px 1px 8px 8px;
}
.subContenido h2{
margin:0px 0px 10px 0px;
    }