@import "reset.css";

/*			elementos genricos			*/

body { background-color:#fff; /*font-family:"lucida grande",tahoma,verdana,arial,sans-serif;*/ font-family:Arial, sans-serif; font-size:0.8em; margin:0; padding:0; color:#555; line-height:140%; background-image:url(../img/interfaz/bg_cuerpo.jpg); background-repeat:repeat-x; }
a { color:#369; outline:none; border:0; text-decoration:none; }
a:link, a:visited, a:active, a:focus { color:#22BDD9;}
a:hover { text-decoration:underline; }
p { color:#474747; }

h1{ font-size:1.85em; font-weight:bold; font-family:Arial, sans-serif; line-height:1.4; margin:6px 0; padding:0 20px 0 10px; }

.vinculo { cursor:pointer; }

#logotipo { display:none;}

#contenedor{ position:relative; width:927px; margin:0 auto;}
#menu{ width:100%; height:87px; background-image:url(../img/interfaz/bg_menu.jpg); background-repeat:no-repeat; background-position:center; }
#menu .logotipo{ position:absolute; left:34px; top:11px; background-image:url(../img/interfaz/logotipo_nobesol.jpg); background-repeat:no-repeat; width:111px; height:48px;}
#menu .opciones { position:absolute; right:13px; top:0; }
#menu .opciones img { border:none; }

.imagen_1 { height:297px; overflow:hidden; }
.imagen_dentro { height:195px; overflow:hidden; }

#submenu { height:120px; background-color:#474747; overflow:hidden; width:896px; margin:0 13px; }
#submenu a { display:inline; float:left; height:160px; margin:0; overflow:hidden; padding:0; text-decoration:none; width:224px; border:0; }
#submenu img { margin:15px 0 5px 25px; display:block; border:none; }
#submenu a span.descripcion { color:#fff; display:block; font-size:100%; line-height:1.4; margin:0 25px; padding:0; text-decoration:none; width:auto; }
#submenu a.g_derecha { background-image:url(../img/interfaz/bg_subopcion.gif); background-repeat:no-repeat; }

#cuerpo { width:896px; margin:0 13px 10px 13px;  padding-bottom:10px; border-top: 10px solid #474747; background-color:#FFFFFF; overflow:hidden;}
#cuerpo h2 { width:200px; height:30px; margin:15px 10px; }
#cuerpo h2.contacto_cs{ background-image:url(../img/interfaz/sub_contacto_cs.gif); background-repeat:no-repeat;}
#cuerpo h2.contacto_en{ background-image:url(../img/interfaz/sub_contacto_en.gif); background-repeat:no-repeat;}
#cuerpo h2.actualidad_cs{ background-image:url(../img/interfaz/sub_actualidad_cs.gif); background-repeat:no-repeat;}
#cuerpo h2.actualidad_en{ background-image:url(../img/interfaz/sub_actualidad_en.gif); background-repeat:no-repeat;}
#cuerpo h2.ultimo_cs{ background-image:url(../img/interfaz/sub_destacado_cs.gif); background-repeat:no-repeat;}
#cuerpo h2.ultimo_en{ background-image:url(../img/interfaz/sub_destacado_en.gif); background-repeat:no-repeat;}
#cuerpo h2 span { visibility:hidden; }

#cuerpo .centro_izq{ width:224px; display:inline; float:left; background-color:#fff; }
#cuerpo .centro_izq p { margin:10px 20px; font-size:85%; }
#cuerpo .centro_izq img{ margin:10px; }
#cuerpo .centro_med{ width:448px; display:inline; float:left; background-color:#fff; }
#cuerpo .centro_der{ width:224px; display:inline; float:left; background-color:#fff; }
#cuerpo .borde_izq { background-image:url(../img/interfaz/divisor_big.gif); background-repeat:no-repeat; background-position:left 35px; }

.caja_noticia{ margin:5px; position:relative; width:430px; height:auto; border-bottom:1px solid #e6e6e6; }
.caja_noticia .fecha { width:90px; text-align:center; float:left; margin:5px; }
.caja_noticia .fecha_noticia { display:block}
.caja_noticia .fecha_noticia *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#A3A3A3} 
.caja_noticia .fecha_noticia1 { margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#bababa; }
.caja_noticia .fecha_noticia2 { margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; background:#b4b4b4; }
.caja_noticia .fecha_noticia3 { margin-left:1px; margin-right:1px; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; } 
.caja_noticia .fecha_noticia4 { border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.caja_noticia .fecha_noticia5 { border-left:1px solid #bababa; border-right:1px solid #bababa; }
.caja_noticia .fecha_noticiafg { background:#A3A3A3; font-weight:bold; color:#474747; }

.caja_noticia .titular_noticia { font-weight:bold; font-size:1.2em; margin:0 0 10px 0; padding:5px; }
.caja_noticia .texto_noticia { margin-left:10px; }
.caja_noticia .vinculo_noticia { color:#22BDD9; font-weight:bold; text-align:right; margin:5px 0 10px 0; }

.novedad { position:relative; font-size:85%; margin:0 0 20px 30px; width:167px; }
.novedad .imagen { border:1px solid #a3a3a3; width:166px; height:130px; overflow:hidden; border-bottom:4px solid #a3a3a3; margin:0; }
.novedad img { border:none; }
.novedad .aumentar { position:absolute; right:5px; top:5px; }
.novedad .texto_novedad { background-image:url(../img/interfaz/bg_texto_novedad.jpg); background-repeat:repeat-x; width:168px; padding-top:10px; }
.novedad .texto_novedad .titulo { margin:0 5px 0 20px; display:block; font-weight:bold; }
.novedad .texto_novedad .texto { margin:10px 20px 5px 20px; display:block;  padding-bottom:15px; }

#pies { background-image:url(../img/interfaz/bg_pie.gif); background-repeat:no-repeat; height:42px; overflow:hidden; position:relative; background-position:center; clear:both; margin:50px 0 10px 0; }
#pies p.data { line-height:20px; position:absolute; margin:10px 0 0 200px;}
#pies .vinculos_pie { float:right; font-size:0.85em; position:relative; margin:12px 200px 0 0 }
#pies .vinculos_pie img { vertical-align:middle; }
#pies .espacio { margin:0 5px; }
#pies .vinculos_pie a{ color:#474747; text-decoration:none; }
#pies .vinculos_pie a:hover{ color:#474747; text-decoration:underline; }

#pie { background-image:url(../img/interfaz/bg_pie.gif); background-repeat:no-repeat; height:42px; position:relative; background-position:center; clear:both; width:896px; margin:0 auto; margin-top: 30px; margin-bottom: 30px;}
#pie .data{ margin:12px 10px 0 10px; width:400px; float:left; height:25px; }
#pie .vinculos_pie { font-size:0.85em; float:right; margin:12px 10px 10px 0; }
#pie .vinculos_pie img { vertical-align:middle; }
#pie .espacio { margin:0 5px; }
#pie .vinculos_pie a{ color:#474747; text-decoration:none; }
#pie .vinculos_pie a:hover{ color:#474747; text-decoration:underline; }

.menu_buscador{ 
float:left;
width:224px;
background-color:#474747;

/* overflow:hidden; */
 }

.menu_opciones { width:224px; background-color:#fff; background-image:url(../img/interfaz/bg_submenu.jpg); background-position:right top; background-repeat:no-repeat; height:300px;}

.menu_opciones ul { width:200px; margin:0 10px; padding:10px 0; overflow:hidden;}
.menu_opciones ul.logoff{float:left; width:190px; _margin-left:5px;}
.listaUl{width:200px; margin:0 10px; padding:10px 0; overflow:hidden;}
.listaLi{ background-image:url(../img/interfaz/ico_submenu.gif); background-repeat:no-repeat; background-position:0 3px; height:30px; margin-bottom:5px;}
.menu_opciones ul li { background-image:url(../img/interfaz/ico_submenu.gif); background-repeat:no-repeat; background-position:0 3px; height:30px; margin-bottom:5px;}
.menu_opciones ul li.priv { background-image:url(../img/interfaz/ico_cerrar.gif); background-repeat:no-repeat; background-position:0 3px; height:30px; margin-bottom:5px;}
.menu_opciones ul li a { display:block; cursor:pointer; }
.menu_opciones ul li a:hover { text-decoration:underline; }
.menu_opciones ul li span { margin-left:20px; display:block; background-image:url(../img/interfaz/bg_divisor_submenu_izq.gif); background-repeat:repeat-x; background-position:0 90%; height:30px; }
.menu_opciones ul li.actual { font-weight:bold; color:#474747; }
.menu_opciones ul li.priv a { display:block; cursor:pointer; color:#c00; }
.menu_opciones ul li.priv a:hover { text-decoration:underline; color:#c00; }

.contenido_dentro{
background-color:#FFF;
width:672px;
float:right;
_overflow:hidden;
/*top:10px; left:224px; 

position:absolute; 
z-index:10; */

/**margin-left:-3px;*/
/*
background-image:url(../img/interfaz/bg_folio.gif); 
background-repeat:repeat-x; 
background-position:bottom; 
*/
}
.cabecera { width:100%; height:75px; position:relative;}
.contenido_dentro .h1 { font-size:2.5em; font-weight:bold; margin:15px 0 0 30px; color:#22bdd9; width:300px; float:left; letter-spacing:-1px; line-height:2em; }
.contenido_dentro .vinculos { float:right; margin:30px 20px 0 0; text-align:right; font-size:0.85em;}
.contenido_dentro .vinculos img { vertical-align:middle; margin:0 5px; }
.contenido_dentro .vinculos span.espacio { margin:0 5px; }
.contenido_dentro .vinculos a{ color:#474747; text-decoration:none; }
.contenido_dentro .vinculos a:hover{ color:#474747; text-decoration:underline; }

.contenido_dentro h3 { color:#22bdd9; font-weight:bold; margin:-48px 10px 10px 10px; font-size:1.6em; padding-bottom:10px; padding-left:15px; border-bottom:3px solid #ccc;}
.contenido_dentro h3 span{ margin-left:20px;}
.contenido_dentro h4 { color:#22bdd9; font-weight:bold; margin:0 10px 10px 30px; font-size:1.2em; padding-top:5px; }
.contenido_dentro p.texto { color:#474747; margin-top:20px; margin-right:30px; margin-left:30px; margin-bottom:70px; line-height:1.6em;}

.contenido_dentro .formulario input, .contenido_dentro .formulario select, .contenido_dentro .formulario textarea{ border:1px solid #a0a0a0; color:#555; font-family:Tahoma,Arial,sans-serif; font-size:11px; margin-left:10px; padding:3px; background-color:#f5f5f5; }
.contenido_dentro .formulario label { width:100%; margin:10px 5px; display:block;}
.contenido_dentro .formulario span { float:left; width:130px; text-align:right; margin-right:10px;}
.contenido_dentro .formulario fieldset { background-image:url(../img/interfaz/divisor_formulario.gif); background-repeat:no-repeat; background-position:155px bottom; padding:5px 0; }
.contenido_dentro .formulario .a170 { width:170px; }
.contenido_dentro .formulario .a240 { width:240px; }
.contenido_dentro .formulario .a320 { width:320px; }
.contenido_dentro .formulario .a420 { width:420px; }
.contenido_dentro .formulario .advertencia { margin-left:155px; font-size:0.85em; }
.contenido_dentro .formulario .boton_enviar { width:108px; overflow:hidden; margin:10px 0 10px 155px; }
.contenido_dentro .formulario .boton_enviar a, .contenido_dentro .formulario .boton_enviar a:hover, .contenido_dentro .formulario .boton_enviar a:visited { color:#474747;}

.enviar{display:block; }
.enviar *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#5DCFE5} 
.enviar1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #b9eaf3; border-right:1px solid #b9eaf3; background:#85dbeb}
.enviar2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #eefafc; border-right:1px solid #eefafc; background:#7bd8e9}
.enviar3{ margin-left:1px; margin-right:1px; border-left:1px solid #7bd8e9; border-right:1px solid #7bd8e9;} 
.enviar4{ border-left:1px solid #b9eaf3; border-right:1px solid #b9eaf3} 
.enviar5{ border-left:1px solid #85dbeb; border-right:1px solid #85dbeb} 
.enviarfg{ background:#5DCFE5; color:#474747; text-align:center; } 

#buscador { width:200px; height:50px; overflow:hidden; padding:10px; background-color:#474747;}
#buscador label { color:#ccc; font-size:0.85em;}
#buscador label span{ clear:both; }
#buscador input { float:left; display:inline; width:170px; margin-top:5px; border:none; height:25px; font-size:100%; padding:4px 2px 2px 25px; background: #474747 url(../img/interfaz/bg_buscador.gif) no-repeat left top; background-attachment:scroll !important; background-attachment: fixed; }

.galeria{ margin:15px; display:block; clear:both; }
.imagen_galeria { background-image:url(../img/interfaz/bg_imagen_galeria.gif); background-repeat:no-repeat; width:204px; height:204px; display:inline; float:left; margin:5px; position:relative; }
.imagen_galeria .imagen{ overflow:hidden; margin:15px 17px; }
.imagen_galeria .borde { border:2px solid #e6e6e6; }
.imagen_galeria .aumentar { position:absolute; right:25px; top:22px; }
.imagen_galeria .descripcion { width:174px; position:absolute; bottom:20px; left:15px; font-size:0.85em; text-align:center; }

#map_canvas{ width:600px; height:300px; border:1px solid #666; display:block; margin:15px 30px; clear:both; }

.caja_noticia_dentro{ position:relative; width:630px; height:auto; border-bottom:3px double #e6e6e6; margin:5px 5px 20px 25px; }
.caja_noticia_dentro .fecha { width:90px; text-align:center; float:left; margin:0 10px 5px 0; display:inline; }
.caja_noticia_dentro .fecha_noticia { display:block}
.caja_noticia_dentro .fecha_noticia *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#A3A3A3} 
.caja_noticia_dentro .fecha_noticia1 { margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#bababa; }
.caja_noticia_dentro .fecha_noticia2 { margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; background:#b4b4b4; }
.caja_noticia_dentro .fecha_noticia3 { margin-left:1px; margin-right:1px; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; } 
.caja_noticia_dentro .fecha_noticia4 { border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.caja_noticia_dentro .fecha_noticia5 { border-left:1px solid #bababa; border-right:1px solid #bababa; }
.caja_noticia_dentro .fecha_noticiafg { background:#A3A3A3; font-weight:bold; color:#474747; }

.caja_noticia_dentro .aumentar { position:absolute; top:5px; left:147px; }
.caja_noticia_dentro .imagen { float:left; margin:0 10px 0 0; border:3px double #e6e6e6; position:relative; }
.caja_noticia_dentro .titular_noticia { font-weight:bold; font-size:1.2em; margin:0 0 10px 0; padding:5px; }
.caja_noticia_dentro .texto_noticia { margin-bottom:10px; line-height:1.4em; }
.caja_noticia_dentro .vinculo_noticia { color:#22BDD9; font-weight:bold; margin:5px 5px 5px 0; text-align:right; }

.mensaje_resultado { background:#22bdd9; padding:5px; color:#fff; margin:10px 20px; font-size:0.85em; font-weight:bold; text-align:center; }

table.listado_archivos { width:630px; display:block; margin:10px 10px 10px 20px;}
table.listado_archivos .privado { color:#c00; font-weight:bold; font-size:0.85em; }
table.listado_archivos thead tr th{ height:25px; padding:2px 0 2px 10px; line-height:0.8em; font-weight:bold; }

table.listado_archivos thead tr th.c1{ background-image:url(../img/interfaz/bg_celda_1.gif); background-repeat:no-repeat; background-position:center;}
table.listado_archivos thead tr th.c2{ background-image:url(../img/interfaz/bg_celda_2.gif); background-repeat:no-repeat; background-position:center;}
table.listado_archivos thead tr th.c3{ background-image:url(../img/interfaz/bg_celda_3.gif); background-repeat:no-repeat; background-position:center;}
table.listado_archivos tbody tr td{ padding:5px 0 5px 5px;}
table.listado_archivos tbody tr.impar td { background:#fff;}
table.listado_archivos tbody tr.impar td { background:#d0f1f7;}
table.listado_archivos tfoot tr td { font-size:0.85em; text-align:center; padding:5px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}

.mapa_interno { width:280px; height:200px; position:relative; margin:-245px 35px 0 0; float:right;}

.resultado { margin:10px 30px; border-top:1px solid #ccc; }
.resultado .t1{ font-size:1.2em; font-weight:bold; display:block; margin-bottom:5px; padding-top:5px; }
.resultado .t2{ font-size:0.85em; font-weight:normal; display:block; margin-left:20px; }
.resultado a{ text-decoration:underline; }

.espacio { height:100px; visibility:hidden; }

.asif{ margin:50px auto 10px auto; text-align:center; display:block; width:100px; padding-top:20px; }
.asif span { color:#666; text-align:center; font-size:0.85em; }
.asif .img { border:none; }
/*#lista_sub{ display:none; margin-left:20px; position:absolute; z-index:999;}*/
.nivel{ font-size:11px; overflow:hidden;  margin-left:22px;}
.volver_noticias{ float:right; margin:10px 20px 0 0; font-weight:bold;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.enlace_cliente{ float:left; width:100%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*Estilo de las cajas para las graficas*/
#caja_graficos{ padding:5px 20px; width:630px; height:100%; position:relative;}
#graf_izq{height:315px; width:250px; float:left; margin:0;}
#graf_izq h2{width:242px; height:20px; position:absolute; background-color:#22BDD9; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px 0 2px 10px; line-height:140%; position:relative; margin:0; margin-bottom:12px;}
#graf_izq p{display:inline;}
#graf_izq p .l{ float:left; position:relative; margin:0;}
#graf_izq p .r{ color:#22BDD9; float:right; position:relative; margin:0;}
/*#caja_1{ height:120px; width:270px;}
#caja_2{ height:120px; width:270px;}
#caja_3{ height:75px; width:270px; }*/
.tituloCajaGraf{ width:240px; height:20px; position:absolute; background-color:#22BDD9; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; line-height:140%; margin-left:5px;}
.tituloCajaGraf_g{ width:330px; height:20px; position:absolute; background-color:#22BDD9; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; line-height:140%; margin-left:5px;}
.tituloCajaGraf span{ margin-left:10px}
.tituloCajaGraf_g span{ margin-left:10px}
.textGraf_izq { float:left;}
.textGraf_der{ float:right;}
#graf_contenedorDerecha{ float:right; height:315px; width:330px; margin:0; padding:0;}
#graf_contenedorDerecha h2{width:314px; height:20px; background-color:#22BDD9; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:2px 0 2px 10px; margin-left:10px;}

.contenedorListaInstalaciones{ }
.listaInstalaciones{ background-image:url(../img/interfaz/bg_divisor_submenu_izq.gif); background-position:0pt 90%;
background-repeat:repeat-x; width:170px; padding:10px 0; margin:0 5px; overflow:hidden;}
.vinculoLista{}
.imgLista{ margin-top:14px; float:left; padding:0; margin-left:11px;}

.contenido_dentro div.legal h4 { color:#22bdd9; font-weight:bold; margin:10px 0px; font-size:1.2em; padding-top:5px; }