html{height:100%;}
/*body{ background:url(../img/index/bck_header.png) repeat-x top left; font-size:12px;font-family: Calibri; height:100%;}
*{ margin:0; padding:0; list-style-type:none; border:0}*/


 .div_header{background: url("../img/index/footer.png") repeat scroll center top transparent;
    border-bottom: 1px solid #EBEBEB;
    box-shadow: -1px 2px 18px #D10000;
    height: 102px;
    position: relative;}

body{ background: none repeat-x scroll left top transparent; font-size:12px;font-family: Calibri; height:100%;}
*{ margin:0; padding:0; list-style-type:none; border:0}
.b-index { background: url("../img/pages/bgBody.gif") repeat-x scroll center top #D7D7D7;}
/*capa todo*/
.base{ font-size:14px; margin:auto; width:994px;overflow:visible}

.header{font-size:14px;}
.header h1 a img{border: 4px solid #6E6E6E; box-shadow: 0 0 3px 3px #FFF; }
.divh-index{background-color:#FFF; }
 

/*menu tools*/
.header .menu_tools{font-size:13px; height:30px;font-family: Calibri; float:right; margin:1%; text-align:right;width:18%; }
.header .menu_tools ul, .header .menu_tools ol {margin: 0;}
.header .menu_tools ul li{ float:right;margin:5px 2px 3px 8px; padding:4px 0;}
.header .menu_tools ul li.map{ padding-left:25px; }
.header .menu_tools ul li.avisoLegal{float:left;}
.header .menu_tools a{ color:black}


/* background-color:#0079C1;*/
/*.header .menu_h{ background:url(../img/index/bck_menu_v.png) repeat-x top left;text-align:center;font-family: Calibri; float:left; clear:left;font-size:20px; height:30px; margin-top:0px; *margin-top:24px; width:100%; padding:2px 0; z-index:99 }*/
/*.header .menu_h{  background:url(../img/index/menu_footer.png) repeat scroll center top rgba(0, 0, 0, 0);text-align:center;font-family: Calibri; float:left; clear:left; font-size:20px; height:30px; margin-top:0px; width:100%; padding:2px 0; z-index:99 }*/
.header .menu_h{ background:url(../img/index/menu_footer.png) repeat-x top left;text-align:center;font-family: Calibri; float:left; clear:left;font-size:20px; height:30px; margin-top:0px; *margin-top:50px; width:100%; padding:2px 0; z-index:99 }


.header .menu_h ul{  width:994px;float:left;z-index:99; margin:0;}
.header .menu_h ul li a{ color:#FFF;z-index:99; }
.header .menu_h li{ width:20%;float:left; position:relative; padding:4px 22px 4px 12px; z-index:99; }
.header .menu_h li ul{ display:none;position:absolute; z-index:9999; top:32px; left:0; background-color:#FFF; width:260px; }   
.header .menu_h ul li ul li a{ color:#666666;z-index:99;}       
.header .menu_h li ul li{text-aling:left;clear:left; border-bottom:1px solid #f2f2f2; padding:5px 0; font-size:14px; width:240px; z-index:99; }
.header .menu_h li.selected{ background-color:#6e6e6e; border-top:2px solid #6e6e6e; margin-top:-2px;height:24px; z-index:99;}
#menu_h ul li.selected{ background-color:#6e6e6e; border-top:2px solid #6e6e6e; margin-top:-2px;height:24px; z-index:99;}

header .menu_h  ul  li .selected{ background-color:#6e6e6e; border-top:2px solid #6e6e6e; margin-top:-2px;height:24px; z-index:99;}

.header .menu_h li:hover { background-color:#6e6e6e; border-top:2px solid #6e6e6e; margin-top:-2px;z-index:99;}
.header .menu_h li:hover a {color:#fff;z-index:99;text-decoration: none;}
.header .menu_h li:hover ul{ display:block; margin:0; padding:0; margin-top:-1px; ;z-index:99; box-shadow: 2px 2px 5px #6e6e6e; -webkit-box-shadow: 2px 2px 5px #6e6e6e; -moz-box-shadow: 2px 2px 5px #6e6e6e; filter: progid:DXImageTransform.Microsoft.Shadow(color='#6e6e6e', Direction=135, Strength=4); }
.header .menu_h li:hover ul li{ background-color:#fff; border-top:0 solid #FFF; margin-top:0px;z-index:99;}
.header .menu_h li:hover ul li:hover{ background-color:#fff;z-index:99;}
.header .menu_h li:hover ul li a{ color:#666666;z-index:99;}  
.header .menu_h  ul  li ul li:hover a:hover{ background-color:#fff; color:#D10000;z-index:99;}
.base .header .menu_h  ul  li ul li a:hover{ background-color:#fff; color:#D10000;z-index:99;}
#menu_h ul li.selected{ background-color:#6e6e6e; border-top:2px solid #6e6e6e; margin-top:-2px;height:24px; z-index:99;}
header .menu_h  ul  li
/*foot*/

.foot{ float:left;width:100%; background-color:white; height:30px; margin-top:15px;  font-size: 13px;}
.foot .d_foot{ margin:0 auto; width:994px;font-family:Calibri; }
.foot .d_foot a{ color:#6e6e6e}
.foot .d_foot ul li {float:left;text-align: center; position:relative; padding:7px 0px 0 10px;  height:12px; border-left:1px solid #fff}
.foot .d_foot ul li.foot1 {width:310px;padding-left: 37px;height:35px;}
.foot .d_foot ul li.foot2 {width:310px; }
.foot .d_foot ul li.foot3 {width:310px;}
.foot .d_foot div.social {padding-top: 5px;}
.foot .d_foot div span.social {margin-left:20px;}
.foot .d_foot ul li ul li a img.social {padding-left:28px;}
.foot .d_foot ul li.fin{ border-right:1px solid #fff;}
.foot .d_foot ul li.rsoc{padding:5px 0 0 0; width:30px; }
.foot .d_foot ul li ul{ position:absolute; bottom:28px; left:0;display:none; background:#5b5b5b; width:226px; padding:10px; }
.foot .d_foot ul li:hover ul{ display:block}carrusel_videos
.foot .d_foot ul li ul li{  padding-bottom:5px; width:100%; height:auto;}
.foot ul#subnivel li{border:none;}
.foot_a {font-family:Calibri; text-align:center; color:#D10000;border-top: 1px solid #F2F2F2;padding: 5px 0;position: relative;background-color: white;float: left;font-size: 16px;height: 30px;margin-top: 15px;width: 100%;}
.foot_a  a{margin-left:30px; color: #d10000;}



.carrusel_imagenes{ float:left; width:95%; padding:20px 0; margin-left:20px;}
.contenido_oculto_jquery {display: none;}

span.nota{ padding:5px 0; display:block; color:#006699; font-size:12px;margin-left:30px}
.liquid {padding: 0; margin:0;}
.liquid .previous {display:block;height:75px;width:15px;background:url('../galeria_imagenes/fle_izq.png') no-repeat center center;float:left;	margin:0;padding:0; cursor:pointer}
.liquid .next {	display:block;height:75px;	width:15px;	background:url('../galeria_imagenes/fle_dere.png') no-repeat center center;float:right;margin:0;padding:0; cursor:pointer}
.carrusel_imagenes .liquid ul li { float:left; width:110px;padding:0;margin:0 }
.liquid ul li a img { margin:0; padding:0; }
.sac {display:block;width:100%;	text-align:right;}

/*body*/
.body h3{ color:#06ABDF; font-size:30px; font-weight:normal; padding:15px 0 5px 0;font-family: Calibri;   }
.body h2{ color: #06ABDF;font-family:Calibri;font-size: 20px;font-weight: normal;padding: 15px 0 5px; }

a{text-decoration:none;}
.clearGroup{clear:both;}

.ocultar{display:none;}

/*header*/
.header{ float:left; width:100%; overflow:hidden}
.header h1{ float:left; margin:37px 0 12px}


.header .content{font-family:Calibri;   width:100%; float:left; height:201px;width:994px;}
.header .content h2{ float:left; color:#FFF; font-size:22px; padding:95px 0 0 0px; width:994px; font-weight:lighter}
.header .content h2 span{ font-size:80px; }
.header .content .foto{ float:right;}

.header .content h2.smaller { float:left; color:#FFF; font-size:22px; padding:40px 0 0 0px; width:400px; font-weight:lighter}
.header .content h2 span.smaller{ font-size:70px; }

.header .content .jcarousel-skin-tango .headerTextoIzquierda h2{ float:left; color:#FFF; font-size:22px; padding:95px 0 0 0px; width:994px; font-weight:lighter}
.header .content .jcarousel-skin-tango .headerTextoIzquierda h2 span{ font-size:80px; width:100% }
.header .content .jcarousel-skin-tango .headerTextoDerecha h2{ float:left; color:#FFF; font-size:22px; padding:95px 0 0 0px; width:994px; font-weight:lighter}
.header .content .jcarousel-skin-tango .headerTextoDerecha h2 span{ font-size:80px; width:100% }


.headerImagen{position:absolute;z-index:1; width:994px; padding:-2px 0 0 0px;}
.headerImagen img{z-index:-1; height:217px;width:994px;}


/*body*/
.body{ float:left; width:100%; }

.divb-index{background-color:#FFF; }

/*primeros div1 home*/
.body .div1{float:left; width:100%; background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 20px 3px #D3D3D3;
    float: left;
    margin-top: 4px;
    padding-bottom: 20px;
    padding-top: 16px;}
.body .div1 div{ float:left; width:490px; margin-right:25px}
.body .div1  .div12{ width:450px;margin-right:0}

.body .div1 img{  float:left; margin:5px 16px 10px 5px;}
.body .div1 h4{ font-size:14px;padding:0 10px 5px 0;font-family: Calibri;   color:#FF6600; font-weight:normal}
.body .div1 a{margin-bottom:30px; font-size:14px;padding:0 10px 5px 0;font-family: Calibri;   color:#D10000; font-weight:normal}
.body .div1 p{margin-top:5px;margin-left:50px;color:#6E6E6E; font-size:12px; padding:0 10px 0 0;font-family: Calibri;   line-height:14px}
.body .div1 p2{margin-top:0px;}


.body .div2 .vista_on div.texto_bajo{float:left; width:100%}
.body .div2 .vista_off div.texto_bajo{float:left; width:52%; margin-left:230px}
.body .div2 .columnas_02 img.agua{  right:0; top:0;background-color:#FF0}
.body .div2 .columnas_02 .niveles_resumen{ float:right; height:75px; width:232px;margin:100px 0 0 0; color:#07abe0; font-size:17px;padding-right:0px; overflow:hidden;}
.body .div2 .columnas_02 .niveles_resumen p{ float:left;font-family: Calibri;   color:#07abe0; font-size:17px; width:auto; float:left; line-height:17px; font-weight:bold;}
.body .div2 .columnas_02 .niveles_resumen p.res{font-family: Calibri; font-size:25px; font-weight:bold; padding:0;  line-height:33px; letter-spacing:-2px}


.vista2_off{ display:none;}
.vista_on .todas_gestiones{ display:none}
.vista_off .todas_gestiones{display:block; position:absolute; top:0; left:0;float:left; width:232px; background-color:#FFF; overflow:hidden;}
.vista_off .todas_gestiones h3{ font-size:18px; text-transform:uppercase}
.vista_on .Container{ display:block}
.vista_off .Container{ display:none}

.ancho_off{width:464px; background-color:#F00;}
.ancho_on{width:464px; background-color:#0F0;}

.Container { position:relative; top:10px; left:10px;width: 150px; height:160px; z-index:3000; margin-left:10px;}
#Scroller-1 { position: absolute; overflow: hidden;width: 220px; height:160px;  }
.Scroller-Container { position: absolute; top: 0px; left: 0px;}
#Scrollbar-Container {visibility:visible; position: absolute; /*top: 210px; left: 760px;*/ top:0; left:-25px; margin:0 0 0 0;z-index:3000; }
.Scrollbar-Up { cursor: pointer; position: absolute; display:none}
.Scrollbar-Track { width: 6px; /*height: 290px;*/height:160px;  position: absolute;top: 0; left: 170px; background:url(../jsScrollbar_files/barra_scroll.png) repeat-y 0 0; cursor:pointer; }
.Scrollbar-Handle {position: absolute; width: 6px; height: 60px;left: 10px; visibility: visible; top: 0px; }
.Scrollbar-Down {cursor: pointer; position: absolute;top: 187px; display:none}
.Scroller-Container table { width:135px;}
.Scroller-Container td {font-family: Calibri;  padding:0 3px; font-size:12px; color:#006bb0;   height:13px;  margin:0; }
.Scroller-Container .niveles_agua td.valores{ padding:0 3px; font-size:12px; color:#07abe0; text-align:right}

.header .menu_h li:hover ul li:hover a:hover{ background-color:#fff; color:#D10000;z-index:99;}


.base .body #foot_ind{	
    background: url("../img/index/footer.png") repeat scroll center top transparent;
   /* border-top: 1px solid #E9E9E9;
    color: #8A8A8A;*/   
    position: relative;    
    border-top: 1px solid #EBEBEB;  
    margin-top:155px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-align:center;
    padding:5px;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.base .body #foot .d_foot ul li {float:left;text-align: center; position:relative; padding:7px 0px 0 10px;  height:12px; border-left:1px solid #fff}
.base .body #foot .d_foot ul li.foot1 {width:310px;padding-left: 37px;}
.base .body #foot .d_foot ul li.foot2 {width:310px; }
.base .body #foot .d_foot ul li.foot3 {width:310px;}

/** onmouseover -> cursor con forma de mano ***/
.cursorPointer{
	cursor:pointer;
}