@charset "utf-8";/* CSS Document */  
 

/* ---------------------------------------contenidos home -------------------------------------------*/ 
#layOut.home h3{font-weight:bold;font-size:136%;color:#575757;background:url(../img/fondoH3.jpg) repeat-x 0 0;padding:10px 0 3px 10px;height:27px;margin:0;display:block;overflow:hidden;line-height:1.25em}  
 
.blok1{margin:0 0 3px 0;padding-bottom:2px;border-bottom:1px solid #b5b5b5;width:936px;height:280px}  
.banner{float:left;margin:0 8px 0 0;background:url(../img/bannerHome.jpg) no-repeat;width:618px;height:262px}  
.banner h2{font-weight:bold;margin:0;padding:95px 12px 0px 0px;width:200px;font-size:1.45em;line-height:1.1em;color:#000000;float: right}  
 
.align{text-align:right;width:936px;padding-bottom:8px}
/*boton*/
.parar{border:1px solid #cbcbcb;color:#666;font-size:.92em;overflow:visible;background:#fff;cursor:pointer;margin:0;padding:1px 8px}
/*.parar span{background:url(../img/stopizq.gif) no-repeat top left;padding:0 0 0 5px;display:block;margin:0} 
.parar span span{background:url(../img/stopder.gif) no-repeat top right;padding:0 5px 0 0;display:block;margin:0}  
.parar span span span{background:url(../img/stop.gif) repeat-x right top;padding:2px 5px 3px 5px;display:block;margin:0}  */
 
/*CSS con imagen como background se quita para ponerle a la imagen el href
.blok2 .mod1{ float:right;width:215px;background: url(../img/ico4.jpg) no-repeat left top;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px} 
.blok2 .mod2{ float:right;width:200px;background: url(../img/ico3.jpg) no-repeat left top;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px}
.blok2 .mod3{ float:right;width:215px;background: url(../img/ico2.jpg) no-repeat left top;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px}
.blok2 .mod4{ float:right;width:220px;background: url(../img/ico1.jpg) no-repeat left top;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px} 
*/
.blok2 .mod1{ float:right;width:215px;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px} 
.blok2 .mod2{ float:right;width:200px;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px}
.blok2 .mod3{ float:right;width:215px;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px}
.blok2 .mod4{ float:right;width:220px;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px} 
.blok2 span.title{ margin:35px 45px 25px 0;display:block;font-weight:bold;font-size:1.5em;color:#767877;text-align: center;}
/*
CAMBIOS PARA INCLUIR GEA COMO QUINTA OPCION DE DESTACADO EN LA HOME
.blok2 .mod1{ float:left;width:165px;background:#fff url(../img/ico1.gif) no-repeat right top;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px}  
.blok2 .mod2{ float:left;width:165px;background: url(../img/ico2.gif) no-repeat right top;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px}
.blok2 .mod3{ float:left;width:180px;background: url(../img/ico3.gif) no-repeat right top;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px}
.blok2 .mod4{ float:left;width:150px;background: url(../img/ico4.gif) no-repeat right top;min-height:150px;margin-right:20px;position:relative;margin-bottom:10px} 
.blok2 .mod5{ float:left;width:194px;background: url(../img/gea-web.png) no-repeat right top;min-height:150px;position:relative;margin-bottom:10px} 
.blok2 span.title{ margin:35px 0 25px 0;display:block;font-weight:bold;font-size:1.5em;color:#767877;line-height: 1.05em;}
.blok2 .mod5 .title a span{ color: #FF3F01; }
.blok2 .mod5 .title a span span { color: #89C045; }
.blok2 .mod5 img{ position: absolute; top: 0px; right: 0px; }*/
/* .blok2 span.title a{ font-size:1.5em;color:#767877}*/  
 
.blok2 span.title a:hover, .blok2 span.title2 a:hover{ text-decoration:none;color:#5a5752}
.blok2 span.txt{ line-height:1.3em}
.blok2 #panel1, .blok2 #panel2, .blok2 #panel3, .blok2 #panel4{top:-15px;left:0;z-index:999;font-size: 0.95em;min-height:320px}

.blok2 .top{  width:233px;height:8px;padding-top:8px}
.blok2 .mid{width:200px;min-height:230px}
.blok2 .bot{  width:233px;height:10px}
.jstyle {display:none;position:absolute}
.jstyle .top{background: url(../img/bg_pop_top.png) no-repeat left top}
.jstyle .mid{background:  url(../img/bg_pop_mid.png) repeat-y left top;padding:16px}
.jstyle .bot{background: url(../img/bg_pop_bot.png) no-repeat left bottom}
.jstyle span.title2{display:block!important}
.title2{display:none}

/*emergentes*/ 
.blok2 span.title2{ margin-bottom:20px;display:none;font-weight:bold}
.blok2 span.title2 a{ font-size:1.5em;color:#767877}  
 .jstyle .title2{display:block}
.blok2 span.title3{ margin-top:10px;display:block;color:#d6632d;font-weight:bold;margin-bottom:4px} 
 
.contenido{ line-height:1.3em} 
.contenido p{ margin-bottom:17px}  
.contenido a.enl{ color:#cc6600;font-weight:bold;margin-bottom:17px;display:block}  
.contenido img.int{max-width:730px;margin-bottom:17px}

/*igual q antiguo modulo de noticias columna derecha*/
.noti .tit{padding:8px;padding-left:10px;padding-top:15px;width:172px;height:19px;color:#666;font-weight:bold;text-align:left}  
.noti ul{ background-color:#fff;padding:8px 8px}
.noti li{background:url(../img/flecha.gif) no-repeat 0px 8px;padding-left:14px;padding-bottom:5px;padding-top:5px} 
.noti li a{font-weight:bold;line-height:15px}
.noti a{text-decoration:underline!important}  
.noti div{ background-color:#f2efea;padding:10px 8px;text-align:right;width:174px} 
.ulnot span{color:#757575;display:block}
.noti span{display:block;color:#757575}

#loop {position:relative}
#loop img{position:absolute;top:0;left:0}

/* ---------------------------------------mensaje cookies -------------------------------------------*/
.cookies{background-color: #F8F6F3; border: 1px solid #DDDDDD; color: #666666; margin: 20px 0 10px; text-align: center}
.cookies p {padding: 18px 10px 10px 10px}
.cookies a {padding: 2px 2px;color: #B1572B;text-decoration: underline}
.cookies a:hover {text-decoration: none}
#cookies_close {float:right;text-decoration: none}

/* --- */

.organigrama {
	position: relative
}

.organigrama .caja-organigrama {
	position: absolute
}

.caja-organigrama a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #535353;
}

.caja-organigrama img {
	width: 48px;
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
}

.organigrama .desc {
	position: relative;
	z-index: 20;
	display: none;
	top: 52px;
	left: 0;
	background: url(punta-flecha.png) transparent center 0 no-repeat;
	padding-top: 10px;
}

.organigrama a:hover .desc {
	display: block;
}

.organigrama .desc p {
	margin: 0;
	text-align: left !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.organigrama .desc-contenido {
	background: #FFF;
	border: 2px solid #605750;
	padding: 10px;
	box-shadow: 0 4px 10px 0px #ccc;
	border-radius: 5px;
	overflow: hidden;
}

/* --- */

#caja-1 .desc {
    top: 30px;
}

#caja-2 .desc, #caja-3 .desc {
    top: 17px;
}

#caja-4, #caja-5, #caja-6, #caja-7, #caja-8, #caja-9, #caja-10, #caja-11, #caja-12, #caja-13, #caja-14, #caja-15, #caja-16, #caja-17 {
	height: 86px;
    width: 208px;
}

#caja-4, #caja-5, #caja-6, #caja-7, #caja-8, #caja-9, #caja-10 {
    left: 10px;
}

#caja-11, #caja-12, #caja-13, #caja-14, #caja-15, #caja-16, #caja-17  {
    left: 241px;
}

#caja-1 {
	width: 196px;
	height: 55px;
    left: 130px;
    top: 57px;
}

#caja-2 {
    height: 40px;
    left: 130px;
    top: 122px;
    width: 196px;
}

#caja-3 {
    height: 40px;
    left: 130px;
    top: 172px;
    width: 196px;
}

#caja-4 {top: 283px;}

#caja-5 {top: 413px;}

#caja-6 {top: 542px;}

#caja-7 {top: 673px;}

#caja-8 {top: 803px;}

#caja-9 {top: 933px;}

#caja-10 {top: 1063px;}

#caja-11 {top: 343px;}

#caja-12 {top: 473px;}

#caja-13 {top: 603px;}

#caja-14 {top: 733px;}

#caja-15 {top: 863px;}

#caja-16 {top: 993px;}

#caja-17 {top: 1123px;}

#lista-anios {
	list-style-type: none;
    display: inline;
}

/*POPUP INICIO*/
.pp_left, .pp_right, .pp_middle {
    background: none repeat scroll 0 0 transparent !important;
}

.pp_content {
	height: 430px !important;
}
div.pp_default .pp_content_container .pp_details {
    position: inherit;
}
div.pp_default .pp_close {
    right: 28px;
    top: 3px;
}