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

/*Estructura pagina web*/



html {
  background: #10609d no-repeat;
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  
 }

body{
	width:1180px;
	background:#FFF;
	height: 15550px;
	position:relative; 
	top:-8px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	
		}
	
		
#publicidadcentral{
	/*width:1170px; */
	width:98%;
	margin: 5px 5px;
	height:80px;
	background:#FFF;
	color: #006;	
	position:absolute;

	}
	
#logo{
	width:200px;
	margin: 5px 5px;
	height:100px;
	background:#FFF;
	color: #006;	
	position:absolute;
	left:450px;
	top: 80px;
		}


#redes{

	/*width:220px; */
	width:18.5%;
	height:auto;
	position:absolute;
	left:955px;	
	background:#FFf;
	top: 80px;
	}
	
#buscador{
	/*width:200px; */
	width:17%;
	height:40px;
	position:absolute;
	left:980px;	
	background:#FFF;
	color: #006;	
	top: 140px;
	}
	
#fecha{
	/*width:300px; */
	width:25%;
	margin: 5px 5px;
	height:40px;
	position:absolute;
  	text-align:left;
	background:#FFF;
	color:#999;	
	top: 95px;
	font-size:10px;
		}

#encabezado {
	height: 40px;
	width: 100%;
	position: absolute;
	top: 184px;
	list-style: none;
	text-align: center;
	left: 2px;
		}


#encabezado2 {
	height: 40px;
	width: 100%;
	position: absolute;
	top: 320px;
	list-style: none;
	text-align: center;
	left: 2px;
	z-index:1000;
		}
		
		
		
.menuHorizontal {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto 10px;
text-align:center;

}
.menuHorizontal a {
display: inline-block;
width: 12%; /* 100% dividido por el número de elementos */
box-sizing: border-box;
padding: 10px 5px;
color:#fff;
background:#10609d;
font-weight:bold;
text-align: center;
position:relative;
z-index:2;
font-size: 0.8em;
}

.menuHorizontal a:hover {
background:#FFF;
color:#000;
border-top: 2px solid #10609d;
  

}



#socioinstitucionales {
	/*width:1170px;*/
	width:99%;
	margin: 5px 5px;
	height:65px;
	position:absolute;
  	text-align:left;
	top: 230px;
	border-top:#10609d 1px solid;
	border-bottom:#10609d 1px solid;
	clear:both;
	
	}

#banner{
	width:65%;
	/*width:800px;*/
	height:270px;
	top: 320px;
	margin: 5px;
    position:absolute;
	border-bottom: solid 4px #e3e3e3;
    margin-bottom: 10px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#999;
	font-size:14px;
	
}
#noticiaprincipal{
	width:90%;
	/*width:800px;*/
	background: #FFF;
	color: #006;
	top: 580px;
	position:absolute;
	margin: 5px;
	padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 90%;
  -ms-text-size-adjust: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 62%;
  line-height: 2;
  color: #515151;
  text-align : justify;
  }


#noticiaprincipal1{
	width:65%;
	/*width:800px;*/
	color: #006;
	top: 310px;
	position:absolute;
	border: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 90%;
  -ms-text-size-adjust: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   color: #515151;
  font-size:0.75em;
  margin-left: 10px;
  text-align: justify;
 line-height: 1.55em;
  }


#facebook{
	width: 26%;
	/*width:290px;*/
	height: auto;
	position: absolute;
	left: 850px;
	text-align: right;
	top: 310px;
	z-index: 1;
	}	
	
	
#blogs{
	width:25%;
	/*width:320px;*/
	margin: 5px 5px;
	height:auto;
	/*width:74px;*/
	position:relative;
	left: 850px;
  	text-align:left;
	top: 1154px;

	}
	
#blogs1{
	width:25%;
	/*width:320px;*/
	margin: 5px 5px;
	height:auto;
	/*width:74px;*/
	position:relative;
	left: 850px;
  	text-align:left;
	top: 650px;

	}
	
#blogs2{
	width:25%;
		margin: 5px 5px;
	height:auto;
		position:relative;
	left: 850px;
  	text-align:left;
	top: 310px;

	}	
	
#videos{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 1150px;
	z-index:1;
		}

#aliados{
	margin: 5px 5px;
	height:auto;
	left: 850px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 580px;
	z-index:1;
		}
		
#lineas{
	margin: 5px 5px;
	width: 25%;
	/*width:250px;*/
	height:80px;
	left: 847px;
	list-style-type:none;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 750px;
	z-index:1;
		}
				
		
#centro{
	margin: 5px 5px;
	height:auto;
	left:360px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 1150px;
	z-index:1;
	width: 40%;
		}
		
#acciones{
    margin: 5px 5px;
    height: 40%;
    left: 5px;
    position: absolute;
    text-align: left;
    background: #FFF;
    color: #006;
    top: 6250px;
    z-index: 1;
    width: 99%;
	
		}	
		
#conocedores
{

    height: 20%;*/
    left: 5px;
    position: absolute;
    text-align: left;
    background: #FFF;
    color: #006;
    z-index: 1;
    width: 100%;
    TOP: 8050px;}
		
		
#agenda{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 5900px;
	z-index:1;
		}	

#observatorio{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 8050px;
	z-index:1;
		}	
		
#conversatorio{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 9150px;
	z-index:1;
		}	

#libroazul{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 9920px;
	z-index:1;
		}	

#piepagina{

  width: 1180px;
  height: 220px;
  position: absolute;
  text-align: left;
  top: 15400px;
  z-index: 1000;
  background:url(../img/logo_IPROGA.png) no-repeat;
  background-position:1em 1.2cm;
}

#piepagina1{

  width: 1180px;
  height: 220px;
  position: absolute;
  text-align: left;
  top: 14400px;
  z-index: 1000;
  background:url(../img/logo_IPROGA.png) no-repeat;
  background-position:1em 1.2cm;
}

#subpiepagina{

  width: 1180px;
  height: 220px;
  position: absolute;
  text-align: left;
  background: url(../img/ola4.fw.png) no-repeat center 0;
  top: 80px;
  z-index: 1000;
}
	
	

#texto{
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	left: 150px;
	font-size:13px;
	color: #666;
	font-weight:bold;
	clear:both;
	top:10px;
		}

#texto1{
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	width:280px;	
	height:200px;
	left: 10px;
	font-size:13px;
	color: #666;
	font-weight:bold;
	top:10px;
		}

#texto2{
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	width:140px;	
	height:400px;
	left: 82px;
	font-size:10px;
	color: #666;
	font-weight:bold;
	top:15px;
		}

#mapa{
	position:absolute;
	width:300px;	
	height:400px;
	
		}
		
#flotante {
	
	
      -webkit-flex-direction: row;
     -webkit-transition: width 0.7s ease-out;
      transition: width 0.7s ease-out;
	
		
	
                }
		
#socioinstitucionales ul 
{
margin:3px 10px 3px 20px;
padding: 5px;
list-style-type: none;
text-align: center;
height:80px;
}

#socioinstitucionales ul li { 
		display: inline ;
		z-index:100;
		padding:3px;}


#socioinstitucionales ul li a:hover
{
color: #fff;
opacity: 0.2;
}


#asociadoinstitucional{
	width:400px;
	height: 500px;
	margin:10px;
	position:absolute;
	top: 70px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px; 
	
			}

#asociadoinstitucional :hover{
COLOR: #4E90DA;
}
	
#contenido{
	width:650px;
	height: 500px;
	left: 500px;
	margin:10px;
	position:absolute;
	top: 120px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px; 
	
			}



#servicios ul 
{
margin:3px 10px 3px 10px;
padding: 5px;
list-style-type: none;
text-align: center;
height:80px;
}

#servicios ul li { 
		display: inline ;
		z-index:100;
		padding:3px;
		width:100%;
		background:#09F;
		}


#servicios ul li a:hover
{
color: #fff;
opacity: 0.2;
}



/*Estilos*/

.institucional{
font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1.25em;
    line-height: 2.5em;
	letter-spacing: normal;
	}

a:link   
{   
 text-decoration:none;   
 
}   

.medio{
	text-align: center;
	alignment-adjust:central;
		}

.imagencentral{
	margin: 5px 5px;
		}

.imagencentralp{
	margin-top:5px;
	margin-bottom:20px;
	margin-left:10px;}
	
	
.imagencentrald{
	margin-top: 100px;
	margin-bottom:20px;
	margin-left:17px;}
	
.imagencentralv{
	margin-top: 20px;
	margin-bottom:20px;
	margin-left:7px;}
		
.titulos{
	width: 320px;
	height:40px;
	position:absolute;
	top: -20px;
	background:#039;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:25px;
	}

.contacto1{
	background:rgb(9, 160, 191) !important;
	}

.titulos1{
	width: 300px;
	height:40px;
	position:absolute;
	top: -20px;
	background:#039;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:25px;
	}
	
	
.titulos2{
	width: 220px;
	height:40px;
	position:absolute;
	top: -20px;
	background:#039;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:25px;
	}

.titulos3{
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	width:320px; 
	height:30px;
	background:#10609D;
	border-radius:9px 9px 9px 9px;
	z-index:2;
	list-style-type: none;
	text-align: center;
		}
		
.titulo4{
	border: 1px solid #d3d2d2;
	text-align:left;
	 font-size: 16px;
  	line-height: 17px;
 	 color: #666;
  	font-family: Arial, Helvetica, sans-serif;
  	padding: 8px 10px;
 	 margin: 0;
 	 border-bottom: solid 4px #e3e3e3;
 	 margin-bottom: 10px;
}	

.titulo5 {
  border: 1px solid #3636BE;
  text-align: left;
  font-size: 16px;
  line-height: 17px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  padding: 8px 10px;
  margin: 0;
  border-bottom: solid 4px #8592EC;
  margin-bottom: 10px;
  width: 1140px;
  }

.titulo6 {
  text-align: left;
  font-size: 16px;
  line-height: 17px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  padding: 8px 10px;
  margin: 0;
  border-top: 1px solid #019cbc;
  border-bottom: solid 4px #019cbc;
  margin-bottom: 10px;
  width: 100%;
  }

.pie{
  text-align: right;
  line-height: 13px;
  font-family: Arial, Helvetica, sans-serif;
  margin-right:10px;
 : 0;
  }


.actualidad{
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	width:300px; 
	height:30px;
	background:#10609D;
	border-radius:9px 9px 9px 9px;
	z-index:2;
	list-style-type: none;
	text-align: center;
		}	
		
		

.destacados{
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	width:250px; 
	height:30px;
	background:#10609D;
	border-radius:9px 9px 9px 9px;
	z-index:2;
	list-style-type: none;
	text-align: center;
		}	
		

.comentario {
    background: #89C9F8;
	opacity: 0.7;
	font:Verdana, Geneva, sans-serif;
	font-size: 1.2em !important;
	padding-left:20%;
	font-stretch:wider;
	
	
	
	}	
	
.videosc{
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	width:220px; 
	height:30px;
	background:#10609D;
	border-radius:9px 9px 9px 9px;
	z-index:2;
	list-style-type: none;
	text-align: center;
		}	
	
.titulossocios{
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#009 !important;
	margin:5px;
	list-style-type: none;
		}
	
.subtitulos{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	width:250px;	
	color: #666 !important;
	font-weight:bold;
	margin:5px;
	}


.searchform {

display: inline-block;

zoom: 1; /* ie7 hack para display:inline-block */

*display: inline;

border: solid 1px #0099FF;

padding: 3px 5px;

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius: 2em;

-webkit-box-shadow: 0 2px 0px rgba(0,0,0,.1);

-moz-box-shadow: 0 2px 0px rgba(0,0,0,.1);

box-shadow: 0 2px 0px rgba(0,0,0,.1);

background: #006;

background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));

background: -moz-linear-gradient(top,  #fff,  #ededed);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */

-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */

}

.searchform input {

font: normal 12px/100% Arial, Helvetica, sans-serif;

}

.searchform .searchfield {

background: #fff;

padding: 6px 6px 6px 8px;

width: 202px;

border: solid 1px #009;

outline: none;

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius: 2em;

-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

}

.searchform .searchbutton {

color: #fff;

border: solid 1px #494949;

font-size: 11px;

height: 27px;

width: 27px;

text-shadow: 0 1px 1px rgba(0,0,0,.6);

-webkit-border-radius: 2em;

-moz-border-radius: 2em;

border-radius: 2em;

background: #5f5f5f;

background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));

background: -moz-linear-gradient(top,  #9e9e9e,  #454545);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */

-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

/*efecto logo*/

.luz{ 
	opacity: 1; 
	filter: alpha(opacity=100);
	} 

.luz:hover { 
	opacity: 0.3; 
	filter: alpha(opacity=30); } 


/*Social icons section*/
.social_icons{
	float: right;
	display: block;
	margin: 15px 0 0 0;
}
.social_icons li{
	display: block;
	float: left;
	margin: 0 5px;
}
.social_icons li:last-child{
	margin: 0 0 0 5px;
}
.soc_icon{
	height: 32px;
	width: 32px;
	text-indent: -9999px;
	display: block;
	float: left;
	-webkit-transition: all .15s linear;
	   -moz-transition: all .15s linear;
	    -ms-transition: all .15s linear;
	     -o-transition: all .15s linear;
	        transition: all .15s linear;
}


.content_wrap{
	position: relative;
	float: left;
	width: 100%;
}
.content_wrap_left,
.content_wrap_right{
	text-align: center;
	float: left;
	padding-bottom: 30px;
}
.content_wrap_left{
	width: 300px;
}
.content_wrap_right{
	width: 299px;
}
.rounded_image{
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin:30px auto 5px;
}
.rounded_image img{
	width: 100%;
}
.hidden_data .rounded_image{
	width: 48px;
	height: 48px;
	margin: 0 0 10px;
}
.hidden_data a{
	height: 48px;
	width: 48px;
	margin: 0 0 10px;
	clear: both;
	text-decoration: none;
}
.hidden_data a.soc_icon span{
	display: none;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	text-indent: 0;
	text-decoration: none;
	margin: 5px 0 0 0;
}
.hidden_data a.soc_icon:hover span{
	display: block;
	opacity: 1;
	-moz-opacity:1;
	filter: alpha(opacity=1);
}


.twitter{
	background: #eee url(../img/twitter.png) no-repeat center -24px;
}
.facebook{
	background: #eee url(../img/facebook.png)no-repeat center -24px;
}
.linkedin{
	background: #eee url(../img/linkedin.png) no-repeat center -24px;
}
.google_plus{
	background: #eee   url(../img/youtube.fw.png) no-repeat center -24px;
}

.twitter:hover{
	background-color: #22b1e5;
	background-position: center 6px;
}
.facebook:hover {
	background-color: #3b5998;
	background-position: center 6px;
}
.linkedin:hover{
	background-color: #0075a1;
	background-position: center 6px;
}
.google_plus:hover{
	background-color: #d94a38;
	background-position: center 6px;
}






*{margin:0;padding:0;}

#leftPan {
 WIDTH: 100%;
 height:100%;
 FLOAT: left;
}
#leftPan UL {
 PADDING-BOTTOM: 0px; 
 PADDING-LEFT: 0px; 
 WIDTH: 320px; 
 PADDING-RIGHT: 0px;
  DISPLAY: block; 
  HEIGHT: 1000px; 
  PADDING-TOP: 10px;
}
#leftPan UL LI {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 320px;  HEIGHT: 100%; }
 
#leftPan UL LI A {
 PADDING-BOTTOM: 0px;  WIDTH: 100%; DISPLAY: block; FONT: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND:#FFF; color:#666; HEIGHT: 90px; clear:right; float:right; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);  
}
#leftPan UL LI A:hover {
 BACKGROUND: #fFF; COLOR: #4E90DA; TEXT-DECORATION: none; 
 ;
}

/* Begin CSS Menus at Left */
#menuleft{position:absolute;z-index:2; width:320px; height:1000px; }
#menuleft li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menuleft li a{display:block;width:300px; height:100px;}
#menuleft ul{list-style-image:none; }

#menuleft ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuleft ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuleft ul li ul li a:hover{background-image:none;}

#menuleft ul ul{list-style-image:none;}
#menuleft ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuleft ul li{float:left;height:1%;}
* html #menuleft ul li a{height:1%;}
/* End */

div#menuleft ul li:hover ul{display:block;}
div#menuleft ul li:hover ul ul {display:none;}
div#menuleft ul li:hover ul ul ul {display:none;}

div#menuleft ul ul {display:none;}
div#menuleft ul ul ul {display:none;}

div#menuleft ul ul li:hover ul{display:block;}
div#menuleft ul ul ul li:hover ul{display:block;}






*{margin:0;padding:0;}

#derechoPan {
 WIDTH: 100%;
 height:100%;
 FLOAT: left;
}
#derechoPan UL {
 PADDING-BOTTOM: 0px; 
 PADDING-LEFT: 0px; 
 WIDTH: 320px; 
 PADDING-RIGHT: 0px;
  DISPLAY: block; 
  HEIGHT: 100%; 
  PADDING-TOP: 10px;
}
#derechoPan UL LI {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 320px;  HEIGHT: 100%; }
 
#derechoPan UL LI A {
 PADDING-BOTTOM: 0px;  WIDTH: 100%; DISPLAY: block; FONT: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND:#FFF; color: #666; HEIGHT: 225px; clear:right; float:right; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);  
}
#derechoPan UL LI A:hover {
 BACKGROUND: #fFF; COLOR:#4E90DA; TEXT-DECORATION: none; 
 ;
}

/* Begin CSS Menus at Left */
#menuderecho{position:absolute;z-index:2; width:320px; height:100%; }
#menuderecho li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menuderecho li a{display:block;width:300px; height:200px;}
#menuderecho ul{list-style-image:none; }

#menuderecho ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuderecho ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuderecho ul li ul li a:hover{background-image:none;}

#menuderecho ul ul{list-style-image:none;}
#menuderecho ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuderecho ul li{position:relative;}
#menuderecho li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuderecho ul li{float:left;height:1%;}
* html #menuderecho ul li a{height:1%;}
/* End */

div#menuderecho ul li:hover ul{display:block;}
div#menuderecho ul li:hover ul ul {display:none;}
div#menuderecho ul li:hover ul ul ul {display:none;}

div#menuderecho ul ul {display:none;}
div#menuderecho ul ul ul {display:none;}

div#menuderecho ul ul li:hover ul{display:block;}
div#menuderecho ul ul ul li:hover ul{display:block;}



*{margin:0;padding:0;}

#centroPan {
 WIDTH: 100%;
 height:100%;
 FLOAT: left;
}
#centroPan UL {
 PADDING-BOTTOM: 0px; 
 PADDING-LEFT: 0px; 
 WIDTH: 94%; 
 PADDING-RIGHT: 0px;
  DISPLAY: block; 
  HEIGHT: 100%; 
  PADDING-TOP: 10px;
}
#centroPan UL LI {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 320px;  HEIGHT: 100%; }
 
#centroPan UL LI A {
 PADDING-BOTTOM: 0px;  WIDTH: 100%; DISPLAY: block; FONT: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND:#FFF; color:#666; HEIGHT: 320px; clear:right; float:right; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);  
}
#centroPan UL LI A:hover {
 BACKGROUND: #fFF; COLOR: #4E90DA ; TEXT-DECORATION: none; 
 ;
}

/* Begin CSS Menus at Left */
#menucentro{position:absolute;z-index:2;     width: 106%; height:100%; }
#menucentro li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menucentro li a{display:block;width:300px; height:100px;}
#menucentro ul{list-style-image:none; }

#menucentro ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menucentro ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menucentro ul li ul li a:hover{background-image:none;}

#menucentro ul ul{list-style-image:none;}
#menucentro ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menucentro ul li{position:relative;}
#menucentro li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menucentro ul li{float:left;height:1%;}
* html #menucentro ul li a{height:1%;}
/* End */

div#menucentro ul li:hover ul{display:block;}
div#menucentro ul li:hover ul ul {display:none;}
div#menucentro ul li:hover ul ul ul {display:none;}

div#menucentro ul ul {display:none;}
div#menucentro ul ul ul {display:none;}

div#menucentro ul ul li:hover ul{display:block;}
div#menucentro ul ul ul li:hover ul{display:block;}



*{margin:0;padding:0;}

#observatorioPan {
 WIDTH: 100%;
 height:100%;
 FLOAT: left;
}
#observatorioPan UL {
 PADDING-BOTTOM: 320px; 
 PADDING-LEFT: 0px; 
 WIDTH: 100%; 
 PADDING-RIGHT: 0px;
  DISPLAY: inline-flex; 
  HEIGHT: 100%; 
  PADDING-TOP: 10px;
}
#observatorioPan UL LI {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 220px;  HEIGHT: 100%; }
 
#observatorioPan UL LI A {
 PADDING-BOTTOM: 0px;  WIDTH: 100%; DISPLAY: block; FONT: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND:#FFF; color:#666; HEIGHT: 300px; float:right; 
/* border: 0.5px solid #1d35ab;*/

 -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); 
}

 
	
#observatorioPan UL LI p {
	margin-left: 10px;
	font-size:13px;
  line-height: 1.55em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	}

#observatorioPan UL LI h3 {
   margin-left: 10px;
  font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1.25em;
 	}



#observatorioPan UL LI A:hover {
 BACKGROUND: #fFF; COLOR: #4E90DA ; TEXT-DECORATION: none; 
 ;
}

/* Begin CSS Menus at Left */
#menuobservatorio{position:absolute;z-index:2; width:100%; height:100%; }
#menuobservatorio li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menuobservatorio li a{display:block;width:100%; height:100px;}
#menuobservatorio ul{list-style-image:none; }

#menuobservatorio ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuobservatorio ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuobservatorio ul li ul li a:hover{background-image:none;}

#menuobservatorio ul ul{list-style-image:none;}
#menuobservatorio ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuobservatorio ul li{position:relative;}
#menuobservatorio li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuobservatorio ul li{float:left;height:1%;}
* html #menuobservatorio ul li a{height:1%;}
/* End */

div#menuobservatorio ul li:hover ul{display:block;}
div#menuobservatorio ul li:hover ul ul {display:none;}
div#menuobservatorio ul li:hover ul ul ul {display:none;}

div#menuobservatorio ul ul {display:none;}
div#menuobservatorio ul ul ul {display:none;}

div#menuobservatorio ul ul li:hover ul{display:block;}
div#menuobservatorio ul ul ul li:hover ul{display:block;}






/* Begin CSS Menus at Left */
#menuobservatorio1{position:absolute;z-index:2; width:100%; height:100%; }
#menuobservatorio1 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menuobservatorio1 li a{display:block;width:100%; height:100px;}
#menuobservatorio1 ul{list-style-image:none; }

#menuobservatorio1 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuobservatorio1 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuobservatorio1 ul li ul li a:hover{background-image:none;}

#menuobservatorio1 ul ul{list-style-image:none;}
#menuobservatorio1 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuobservatorio1 ul li{position:relative;}
#menuobservatorio1 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuobservatorio1 ul li{float:left;height:1%;}
* html #menuobservatorio1 ul li a{height:1%;}
/* End */

div#menuobservatorio1 ul li:hover ul{display:block;}
div#menuobservatorio1 ul li:hover ul ul {display:none;}
div#menuobservatorio1 ul li:hover ul ul ul {display:none;}

div#menuobservatorio1 ul ul {display:none;}
div#menuobservatorio1 ul ul ul {display:none;}

div#menuobservatorio1 ul ul li:hover ul{display:block;}
div#menuobservatorio1 ul ul ul li:hover ul{display:block;}


/* Begin CSS Menus at Left */
#menuobservatorio2{position:absolute;z-index:2; width:100%; height:100%; }
#menuobservatorio2 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menuobservatorio2 li a{display:block;width:100%; height:100px;}
#menuobservatorio2 ul{list-style-image:none; }

#menuobservatorio2 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuobservatorio2 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuobservatorio2 ul li ul li a:hover{background-image:none;}

#menuobservatorio2 ul ul{list-style-image:none;}
#menuobservatorio2 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuobservatorio2 ul li{position:relative;}
#menuobservatorio2 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuobservatorio1 ul li{float:left;height:1%;}
* html #menuobservatorio1 ul li a{height:1%;}
/* End */

div#menuobservatorio1 ul li:hover ul{display:block;}
div#menuobservatorio1 ul li:hover ul ul {display:none;}
div#menuobservatorio1 ul li:hover ul ul ul {display:none;}

div#menuobservatorio1 ul ul {display:none;}
div#menuobservatorio1 ul ul ul {display:none;}

div#menuobservatorio1 ul ul li:hover ul{display:block;}
div#menuobservatorio1 ul ul ul li:hover ul{display:block;}






/* Begin CSS Menus at Left */
#menuobservatorio3{position:absolute;z-index:2; width:100%; height:100%; }
#menuobservatorio3 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menuobservatorio3 li a{display:block;width:100%; height:100px;}
#menuobservatorio3 ul{list-style-image:none; }

#menuobservatorio3 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuobservatorio3 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuobservatorio3 ul li ul li a:hover{background-image:none;}

#menuobservatorio3 ul ul{list-style-image:none;}
#menuobservatorio1 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuobservatorio3 ul li{position:relative;}
#menuobservatorio1 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuobservatorio3 ul li{float:left;height:1%;}
* html #menuobservatorio3 ul li a{height:1%;}
/* End */

div#menuobservatorio3 ul li:hover ul{display:block;}
div#menuobservatorio3 ul li:hover ul ul {display:none;}
div#menuobservatorio3 ul li:hover ul ul ul {display:none;}

div#menuobservatorio3 ul ul {display:none;}
div#menuobservatorio3 ul ul ul {display:none;}

div#menuobservatorio1 ul ul li:hover ul{display:block;}
div#menuobservatorio1 ul ul ul li:hover ul{display:block;}







/* Begin CSS Menus at Left */
#menuobservatorio4{position:absolute;z-index:2; width:100%; height:100%; }
#menuobservatorio4 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menuobservatorio4 li a{display:block;width:100%; height:100px;}
#menuobservatorio4 ul{list-style-image:none; }

#menuobservatorio4 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuobservatorio4 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuobservatorio4 ul li ul li a:hover{background-image:none;}

#menuobservatorio4 ul ul{list-style-image:none;}
#menuobservatorio4 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuobservatorio4 ul li{position:relative;}
#menuobservatorio4 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuobservatorio4 ul li{float:left;height:1%;}
* html #menuobservatorio4 ul li a{height:1%;}
/* End */

div#menuobservatorio4 ul li:hover ul{display:block;}
div#menuobservatorio4 ul li:hover ul ul {display:none;}
div#menuobservatorio4 ul li:hover ul ul ul {display:none;}

div#menuobservatorio4 ul ul {display:none;}
div#menuobservatorio4 ul ul ul {display:none;}

div#menuobservatorio4 ul ul li:hover ul{display:block;}
div#menuobservatorio4 ul ul ul li:hover ul{display:block;}



/* Begin CSS Menus at Left */
#menuobservatorio5{position:absolute;z-index:2; width:100%; height:100%; }
#menuobservatorio5 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menuobservatorio5 li a{display:block;width:100%; height:100px;}
#menuobservatorio5 ul{list-style-image:none; }

#menuobservatorio5 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuobservatorio5 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuobservatorio5 ul li ul li a:hover{background-image:none;}

#menuobservatorio5 ul ul{list-style-image:none;}
#menuobservatorio5 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuobservatorio5 ul li{position:relative;}
#menuobservatorio5 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuobservatorio5 ul li{float:left;height:1%;}
* html #menuobservatorio5 ul li a{height:1%;}
/* End */

div#menuobservatorio5 ul li:hover ul{display:block;}
div#menuobservatorio5 ul li:hover ul ul {display:none;}
div#menuobservatorio5 ul li:hover ul ul ul {display:none;}

div#menuobservatorio5 ul ul {display:none;}
div#menuobservatorio5 ul ul ul {display:none;}

div#menuobservatorio5 ul ul li:hover ul{display:block;}
div#menuobservatorio5 ul ul ul li:hover ul{display:block;}



*{margin:0;padding:0;}

#conversatorioPan {
 WIDTH: 100%;
 height:100%;
 FLOAT: left;
}
#conversatorioPan UL {
 PADDING-BOTTOM: 0px; 
 PADDING-LEFT: 0px; 
 WIDTH: 100%; 
 PADDING-RIGHT: 0px;
  DISPLAY: inline-flex; 
  HEIGHT: 100%; 
  PADDING-TOP: 10px;
}
#conversatorioPan UL LI {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 220px;  HEIGHT: 100%; }
 
#conversatorioPan UL LI A {
 PADDING-BOTTOM: 0px;  WIDTH: 100%; DISPLAY: block; FONT: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND:#FFF; color:#666; HEIGHT: 300px; float:right; /* border: 0.5px solid #1d35ab;*/;-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); 
}

#conversatorioPan UL LI p {
	margin-left: 10px;
	font-size:13px;
  line-height: 1.55em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	}

#conversatorioPan UL LI h3 {
   margin-left: 10px;
  font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1.25em;
 	}



#conversatorioPan UL LI A:hover {
 BACKGROUND: #fFF; COLOR: #4E90DA ; TEXT-DECORATION: none; 
 ;
}

/* Begin CSS Menus at Left */
#menuconversatorio{position:absolute;z-index:2; width:100%; height:100%; }
#menuconversatorio li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;top: 350px;}
#menuconversatorio li a{display:block;width:100%; height:100px;}
#menuconversatorio ul{list-style-image:none; }

#menuconversatorio ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuconversatorio ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuconversatorio ul li ul li a:hover{background-image:none;}

#menuconversatorio ul ul{list-style-image:none;}
#menuconversatorio ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuconversatorio ul li{position:relative;}
#menuconversatorio li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuconversatorio ul li{float:left;height:1%;}
* html #menuconversatorio ul li a{height:1%;}
/* End */

div#menuconversatorio ul li:hover ul{display:block;}
div#menuconversatorio ul li:hover ul ul {display:none;}
div#menuconversatorio ul li:hover ul ul ul {display:none;}

div#menuconversatorio ul ul {display:none;}
div#menuconversatorio ul ul ul {display:none;}

div#menuconversatorio ul ul li:hover ul{display:block;}
div#menuconversatorio ul ul ul li:hover ul{display:block;}



/* Begin CSS Menus at Left */
#menuconversatorio1{position:absolute;z-index:2; width:100%; height:100%; }
#menuconversatorio1 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;  top: 700px;}
#menuconversatorio1 li a{display:block;width:100%; height:100px;}
#menuconversatorio1 ul{list-style-image:none; }

#menuconversatorio1 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuconversatorio1 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuconversatorio1 ul li ul li a:hover{background-image:none;}

#menuconversatorio1 ul ul{list-style-image:none;}
#menuconversatorio1 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuconversatorio1 ul li{position:relative;}
#menuconversatorio1 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuconversatorio1 ul li{float:left;height:1%;}
* html #menuconversatorio1 ul li a{height:1%;}
/* End */

div#menuconversatorio1 ul li:hover ul{display:block;}
div#menuconversatorio1 ul li:hover ul ul {display:none;}
div#menuconversatorio1 ul li:hover ul ul ul {display:none;}

div#menuconversatorio1 ul ul {display:none;}
div#menuconversatorio1 ul ul ul {display:none;}

div#menuconversatorio1 ul ul li:hover ul{display:block;}
div#menuconversatorio1 ul ul ul li:hover ul{display:block;}



/* Begin CSS Menus at Left */
#menuconversatorio2{position:absolute;z-index:2; width:100%; height:auto; }
#menuconversatorio2 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;  top: 0px;}
#menuconversatorio2 li a{display:block;width:100%; height:100px;}
#menuconversatorio2 ul{list-style-image:none; }

#menuconversatorio2 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menuconversatorio2 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menuconversatorio2 ul li ul li a:hover{background-image:none;}

#menuconversatorio2 ul ul{list-style-image:none;}
#menuconversatorio2 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuconversatorio2 ul li{position:relative;}
#menuconversatorio2 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menuconversatorio2 ul li{float:left;height:1%;}
* html #menuconversatorio2 ul li a{height:1%;}
/* End */

div#menuconversatorio1 ul li:hover ul{display:block;}
div#menuconversatorio1 ul li:hover ul ul {display:none;}
div#menuconversatorio1 ul li:hover ul ul ul {display:none;}

div#menuconversatorio1 ul ul {display:none;}
div#menuconversatorio1 ul ul ul {display:none;}

div#menuconversatorio1 ul ul li:hover ul{display:block;}
div#menuconversatorio1 ul ul ul li:hover ul{display:block;}



*{margin:0;padding:0;}

#aliadosPan {
 WIDTH: 100%;
 height:100%;
 FLOAT: left;
}
#aliadosPan UL {
 PADDING-BOTTOM: 0px; 
 PADDING-LEFT: 0px; 
 WIDTH: 300px; 
 PADDING-RIGHT: 0px;
  DISPLAY: inline-flex; 
  HEIGHT: 100%; 
  PADDING-TOP: 10px;
}
#aliadosPan UL LI {
 POSITION: relative; MARGIN: 0px 2px; WIDTH: 320px;  HEIGHT: 100%; }
 
#aliadosPan UL LI A {
 PADDING-BOTTOM: 0px;  WIDTH: 100px; DISPLAY: initial; FONT: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND:#FFF; color:#666; HEIGHT: 100px; float:none;     /* border: 0.5px solid #1d35ab; */;-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); 
}

#aliadosPan UL LI p {
	margin-left: 10px;
	font-size:13px;
  line-height: 1.55em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	}

#aliadosPan UL LI h3 {
   margin-left: 10px;
  font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1.25em;
 	}



#aliadosPan UL LI A:hover {
 BACKGROUND: #fFF; COLOR: #4E90DA ; TEXT-DECORATION: none; 
 ;
}

/* Begin CSS Menus at Left */
#menualiados{position:absolute;z-index:2; width:100%; height:100%; }
#menualiados li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;  top: 5px;}
#menualiados li a{display:block;width:100%; height:100px;}
#menualiados ul{list-style-image:none; }

#menualiados ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menualiados ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menualiados ul li ul li a:hover{background-image:none;}

#menualiados ul ul{list-style-image:none;}
#menualiados ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menualiados ul li{position:relative;}
#menualiados li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menualiados ul li{float:left;height:1%;}
* html #menualiados ul li a{height:1%;}
/* End */

div#menualiados ul li:hover ul{display:block;}
div#menualiados ul li:hover ul ul {display:none;}
div#menualiados ul li:hover ul ul ul {display:none;}

div#menualiados1 ul ul {display:none;}
div#menualiados ul ul ul {display:none;}

div#menualiados ul ul li:hover ul{display:block;}
div#menualiados ul ul ul li:hover ul{display:block;}#noticiaprincipal #w .crsl-item1 p {
	text-align: left;
}

.zoomimagen{
		transition: 1.5s ease;
 		-moz-transition: 1.5s ease; /* Firefox */
 		-webkit-transition: 1.5s ease; /* Chrome - Safari */
 		-o-transition: 1.5s ease; /* Opera */
	}
.zoomimagen:hover{
		transform : scale(1.5);
		-moz-transform : scale(1.5); /* Firefox */
		-webkit-transform : scale(1.5); /* Chrome - Safari */
		-o-transform : scale(1.5); /* Opera */
		-ms-transform : scale(1.5); /* IE9 */
		}
		
td {
  margin: 5px;
  padding: 5px;}
  




*{margin:0;padding:0;}

#libroazulPan {
 WIDTH: 100%;
 height:100%;
 FLOAT: left;
}
#libroazulPan UL {
 PADDING-BOTTOM: 0px; 
 PADDING-LEFT: 0px; 
 WIDTH: 100%; 
 PADDING-RIGHT: 0px;
  DISPLAY: inline-flex; 
  HEIGHT: 100%; 
  PADDING-TOP: 10px;
}
#libroazulPan UL LI {
 POSITION: relative; MARGIN: 0px auto; WIDTH: 220px;  HEIGHT: 100%; }
 
#libroazulPan UL LI A {
 PADDING-BOTTOM: 0px;  WIDTH: 100%; DISPLAY: block; FONT: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND:#FFF; color:#666; HEIGHT: 300px; float:right; /* border: 0.5px solid #1d35ab;*/;-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); 
}

#libroazulPan UL LI p {
	margin-left: 10px;
	font-size:13px;
  line-height: 1.55em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	}

#libroazulPan UL LI h3 {
   margin-left: 10px;
  font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1.25em;
 	}



#libroazulPan UL LI A:hover {
 BACKGROUND: #fFF; COLOR: #4E90DA ; TEXT-DECORATION: none; 
 ;
}
#menulibroazul4{position:absolute;z-index:2; width:100%; height:100%; top:1600px; }
#menulibroazul4 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}


#menulibroazul5{position:absolute;z-index:2; width:100%; height:100%; top:2000px; }
#menulibroazul5 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}



#menulibroazul6{position:absolute;z-index:2; width:100%; height:100%; top:2400px; }
#menulibroazul6 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}



/* Begin CSS Menus at Left */
#menulibroazul{position:absolute;z-index:2; width:100%; height:auto; top:530px; }
#menulibroazul li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menulibroazul li a{display:block;width:100%; height:100px;}
#menulibroazul ul{list-style-image:none; }

#menulibroazul ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menulibroazul ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menulibroazul ul li ul li a:hover{background-image:none;}

#menulibroazul ul ul{list-style-image:none;}
#menulibroazul ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menulibroazul ul li{position:relative;}
#menulibroazul li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menulibroazul ul li{float:left;height:1%;}
* html #menulibroazul ul li a{height:1%;}
/* End */

div#menulibroazul ul li:hover ul{display:block;}
div#menulibroazul ul li:hover ul ul {display:none;}
div#menulibroazul ul li:hover ul ul ul {display:none;}

div#menulibroazul ul ul {display:none;}
div#menulibroazul ul ul ul {display:none;}

div#menulibroazul ul ul li:hover ul{display:block;}
div#menulibroazul ul ul ul li:hover ul{display:block;}


/* Begin CSS Menus at Left */
#menulibroazul1{position:absolute;z-index:2; width:100%; height:auto; }
#menulibroazul1 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menulibroazul1 li a{display:block;width:100%; height:100px;}
#menulibroazul1 ul{list-style-image:none; }

#menulibroazul1 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menulibroazul1 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menulibroazul1 ul li ul li a:hover{background-image:none;}

#menulibroazul1 ul ul{list-style-image:none;}
#menulibroazul1 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menulibroazul ul li{position:relative;}
#menulibroazul li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menulibroazul1 ul li{float:left;height:1%;}
* html #menulibroazul1 ul li a{height:1%;}
/* End */

div#menulibroazul1 ul li:hover ul{display:block;}
div#menulibroazul1 ul li:hover ul ul {display:none;}
div#menulibroazul1 ul li:hover ul ul ul {display:none;}

div#menulibroazul1 ul ul {display:none;}
div#menulibroazul1 ul ul ul {display:none;}

div#menulibroazul1 ul ul li:hover ul{display:block;}
div#menulibroazul1 ul ul ul li:hover ul{display:block;}





/* Begin CSS Menus at Left */
#menulibroazul2{position:absolute;z-index:2; width:100%; height:auto;top: 900px; }
#menulibroazul2 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menulibroazul2 li a{display:block;width:100%; height:100px;}
#menulibroazul2 ul{list-style-image:none; }

#menulibroazul2 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menulibroazul2 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menulibroazul2 ul li ul li a:hover{background-image:none;}

#menulibroazul2 ul ul{list-style-image:none;}
#menulibroazul2 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menulibroazul2 ul li{position:relative;}
#menulibroazul2 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menulibroazul2 ul li{float:left;height:1%;}
* html #menulibroazul2 ul li a{height:1%;}
/* End */

div#menulibroazul2 ul li:hover ul{display:block;}
div#menulibroazul2 ul li:hover ul ul {display:none;}
div#menulibroazul2 ul li:hover ul ul ul {display:none;}

div#menulibroazul2 ul ul {display:none;}
div#menulibroazul2 ul ul ul {display:none;}

div#menulibroazul2 ul ul li:hover ul{display:block;}
div#menulibroazul2 ul ul ul li:hover ul{display:block;}



/* Begin CSS Menus at Left */
#menulibroazul3 {position:absolute;z-index:2; width:100%; height:5%; top: 1250px; }
#menulibroazul3 li{margin:0;padding:0;list-style-type:none; display:inline;height:100px;}
#menulibroazul3 li a{display:block;width:100%; height:100px;}
#menulibroazul3 ul{list-style-image:none; }

#menulibroazul3 ul li ul{list-style-image:none; left:120px; top:0px; padding:10px; padding-top:0px;}
#menulibroazul3 ul li ul li a{margin:0px; width:320px; border:1px solid #ff3399; border-right:5px solid #ff3399; border-left:0px;}
#menulibroazul3 ul li ul li a:hover{background-image:none;}

#menulibroazul3 ul ul{list-style-image:none;}
#menulibroazul3 ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menulibroazul3 ul li{position:relative;}
#menulibroazul3 li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac */
* html #menulibroazul3 ul li{float:left;height:1%;}
* html #menulibroazul3 ul li a{height:1%;}
/* End */

div#menulibroazul3 ul li:hover ul{display:block;}
div#menulibroazul3 ul li:hover ul ul {display:none;}
div#menulibroazul3 ul li:hover ul ul ul {display:none;}

div#menulibroazul3 ul ul {display:none;}
div#menulibroazul3 ul ul ul {display:none;}

div#menulibroazul3 ul ul li:hover ul{display:block;}
div#menulibroazul3 ul ul ul li:hover ul{display:block;}






*{margin:0;padding:0;}

#lineasPan {
 WIDTH: 100%;
 height:100%;
 FLOAT: left;
 list-style-type:none;
}
#lineasPan UL {
 PADDING-BOTTOM: 0px; 
 PADDING-LEFT: 0px; 
 WIDTH: 300px; 
 PADDING-RIGHT: 0px;
  DISPLAY: inline-flex; 
  HEIGHT: 100%; 
  PADDING-TOP: 10px;
  list-style-type:none;
}
#lineasPan UL LI {
 POSITION: relative; MARGIN: 0px 2px; WIDTH: 320px;  HEIGHT: 100%;list-style-type:none; }
 
#lineasPan UL LI A {
 PADDING-BOTTOM: 0px;  WIDTH: 100px; DISPLAY: initial; FONT: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND:#FFF; color:#666; HEIGHT: 100px; float:none; border: 0.5px solid #1d35ab;-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); box-shadow: 0px 0px 1px 0px rgba(76, 136, 215, 0.75); 
}

#lineasPan UL LI p {
	margin-left: 10px;
	font-size:13px;
  line-height: 1.55em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 	}

#lineasPan UL LI h3 {
   margin-left: 10px;
  font-family: 'Oswald', 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: 1.25em;
 	}

#lineasPan UL LI A:hover {
 BACKGROUND: #fFF; COLOR: #4E90DA ; TEXT-DECORATION: none; }
 

.juego{
                width:100%;
				display: table-cell;
                padding:2em 1em 1em 1em;               
                text-align: left;    
               
                -webkit-transition: all 300ms ease-out;
                -moz-transition: all 300ms ease-out;
                -ms-transition: all 300ms ease-out;
                -o-transition: all 300ms ease-out;
                     transition: all 300ms ease-out;
        }

.juego img {
                margin:auto;
               display:block;         
               
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                -ms-transform: scale(.9);
                -o-transform: scale(.9));         
                    transform: scale(.9);
       
                -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                    transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.juego:hover {
               background-color:white;
               background-color: rgba(200,200,200,.3);
               -webkit-border-radius: 10px;
               border-radius: 10px;           
               cursor: pointer;
       }
      
       .juego:hover img {
               -moz-transform: scale(1);
               -webkit-transform: scale(1);
               -o-transform: scale(1));
               -ms-transform: scale(1);
               transform: scale(1);
       }                              
       .juego:hover h3 {
               color:#3354c9;         
       }

.azul{
               color:#3354c9 !important;         
       }
	   

.font{
	font-size:1.45em !important;
                    
       }

.barra{
	    width: 0;
    height: 0;
    /* border-style: solid; */
    /* border-width: 40px 0 0 160px; */
    /* position: absolute; */
    /* top: 10px; */
    /* left: 40px; */
    /* z-index: 120; */
    /* color: rgba(49, 36, 148, 0); */
    padding: 3px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                }

.barra1{
	        width: 0;
    height: 0;
    /* border-style: solid; */
    /* border-width: 40px 0 0 160px; */
    position: absolute;
    top: 10px;
    left: 1040px;
    /* z-index: 120; */
    /* color: rgba(25, 57, 66, 0); */
    /* padding: 3px; */
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 }
	 
.encabeza{
    width: 100%;
    height: 50px;
    -moz-border-radius: 0 50% / 0 100%;
    -webkit-border-radius: 0 50% / 0 100%;
    border-radius: 0 50% / 0 100%;
        color: #10609d;
    /* border: 3px solid #555; */
    top: -45px;
    position: absolute;
    left: -155px;
}

	

.encabeza1{
	   width: 150px;
    height: 50px;
    -moz-border-radius: 0 50% / 0 100%;
    -webkit-border-radius: 0 50% / 0 100%;
    border-radius: 0 50% / 0 100%;
       color: #10609d;
    /* border: 3px solid #555; */
    top: -5px;
    position: absolute;
    left: -130px;
	
                }


.hemeroteca{
	width:100%;
	height:auto;
		list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	 
	 }
	 	 
	.revista{
	width:auto;
	height:auto;
	
	
	} 
.revista1{
	width:300px;
	height:350px;
	display: table-cell;
	padding:10px;
	
	}
	
@media only screen and (max-width: 800px)

{
	
body {
    width: 100%;
    background: #FFF;
    height: 7600px;
    position: relative;
    top: -8px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}



.contenedor{
	width:100%;
	min-width:1180px;
	box-sizing:border-box;
		
       }

.encabeza {
        width: 100%;
    height: auto;
    -moz-border-radius: 0 50% / 0 100%;
    -webkit-border-radius: 0 50% / 0 100%;
    /* border-radius: 0 50% / 0 100%; */
    /* color: #10609d; */
    /* border: 3px solid #555; */
    position: absolute;
    left: -155px;
    z-index: 1000;
}

.encabeza1 {
    width: 100%;
        height: 100%;
    -moz-border-radius: 0 50% / 0 100%;
    -webkit-border-radius: 0 50% / 0 100%;
    border-radius: 0 50% / 0 100%;
    color: #10609d;
    /* border: 3px solid #555; */
    top: -5px;
    position: absolute;
    left: -155px;
}

	
#logo {
    /* width: 20%; */
    margin: 5px 5px;
    height: 100px;
    background: #FFF;
    color: #006;
    position: absolute;
    left: 25%;
    top: 0.5%;
	    margin: 0 auto;
}

#fecha {
       
    width: 55%;
 margin: 5px 5px;
    height: auto;
    position: absolute;
    text-align: right;
    background: #FFF;
    color: #999;
    top: 1.7%;
    font-size: 0.7em;
    left: 40%;
}
  
#redes {
     /* width: 220px; */
    width: 10%;
    /* height: auto; */
    /* position: absolute; */
    left: 0%;
    background: #FFf;
    top: 0.4%;
}

#buscador {
    
    /* width: 200px; */
    /* width: 45%; */
    /* height: 40px; */
    /* position: absolute; */
    /* left: 1%; */
    /* background: #FFF; */
    /* color: #006; */
    /* top: 2.2%; */
}

#encabezado {
       height: 40px;
    width: 100%;
    position: absolute;
    top: 2.4%;
    list-style: none;
    text-align: center;
    left: 2px;
    font-size: 0.5em;
    font-weight: bolder;
}



.menuHorizontal {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto 10px;
text-align:center;

}
.menuHorizontal a {
display: inline-block;
width: 15%; /* 100% dividido por el número de elementos */
box-sizing: border-box;
padding: 10px 5px;
color:#fff;
background:#10609d;
font-weight:bold;
text-align: center;
position:relative;
z-index:2;
}

.menuHorizontal a:hover {
background:#FFF;
color:#000;
border-top: 2px solid #10609d;
  

}



#socioinstitucionales {
	    /* width: 1170px; */
    width: 99%;
    margin: 5px 5px;
    height: 100%;
    position: absolute;
    text-align: left;
    top: 230px;
    border-top: #10609d 0px solid;
    border-bottom: #10609d 0px solid; 
    /* clear: both; */
    /* z-index: 200; */
	
	}

#banner{
	    width: 96%;
    /* width: 800px; */
    height: auto;
    top: 350px;
    margin: 5px;
    position: absolute;
    border-bottom: solid 4px #e3e3e3;
    margin-bottom: 10px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #999;
    font-size: 0.8em;
	
}
#noticiaprincipal{
	width:65%;
	/*width:800px;*/
	background: #FFF;
	color: #006;
	top: 680px;
	position:absolute;
	margin: 5px;
	padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 90%;
  -ms-text-size-adjust: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 62%;
  line-height: 2;
  color: #515151;
  text-align : justify;
  }


#noticiaprincipal1{
	width:65%;
	/*width:800px;*/
	color: #006;
	top: 310px;
	position:absolute;
	border: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 90%;
  -ms-text-size-adjust: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   color: #515151;
  font-size:0.75em;
  margin-left: 10px;
  text-align: justify;
 line-height: 1.55em;
  }


#facebook{
	width: 26%;
	/*width:290px;*/
	height: auto;
	position: absolute;
	left: 850px;
	text-align: right;
	top: 310px;
	z-index: 1;
	}	
	
	
#blogs{
	width:25%;
	/*width:320px;*/
	margin: 5px 5px;
	height:auto;
	/*width:74px;*/
	position:relative;
	left: 850px;
  	text-align:left;
	top: 1150px;

	}
	
	
#videos{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 1150px;
	z-index:1;
		}

#aliados{
	margin: 5px 5px;
	height:auto;
	left: 850px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 580px;
	z-index:1;
		}
		
#lineas{
	margin: 5px 5px;
	width: 25%;
	/*width:250px;*/
	height:auto;
	left: 847px;
	list-style-type:none;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 750px;
	z-index:1;
		}
				
		
#centro{
	margin: 5px 5px;
	height:auto;
	left:400px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 1150px;
	z-index:1;
		}
		
#observatorio{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 5100px;
	z-index:1;
		}	
		
#conversatorio{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 5850px;
	z-index:1;
		}	

#libroazul{
	margin: 5px 5px;
	height:auto;
	left:5px;
	position:absolute;
	text-align:left;
	background:#FFF;
	color: #006;	
	top: 6650px;
	z-index:1;
		}	

#piepagina{

  width: 1180px;
  height: 220px;
  position: absolute;
  text-align: left;
  top: 7450px;
  z-index: 1000;
  background:url(../img/logo_IPROGA.png) no-repeat;
  background-position:1em 1.2cm;
}
#subpiepagina{

  width: 1180px;
  height: 220px;
  position: absolute;
  text-align: left;
  background: url(../img/ola4.fw.png) no-repeat center 0;
  top: 80px;
  z-index: 1000;
}
	
	

#texto{
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	left: 150px;
	font-size:13px;
	color: #666;
	font-weight:bold;
	clear:both;
	top:10px;
		}

#texto1{
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	width:280px;	
	height:200px;
	left: 10px;
	font-size:13px;
	color: #666;
	font-weight:bold;
	top:10px;
		}

#texto2{
	font-family:Verdana, Geneva, sans-serif;
	position:absolute;
	width:140px;	
	height:400px;
	left: 82px;
	font-size:10px;
	color: #666;
	font-weight:bold;
	top:15px;
		}

#mapa{
	position:absolute;
	width:300px;	
	height:400px;
	
		}
		
		
#socioinstitucionales ul 
{
margin:-20px 10px 5px 0px;
padding: 5px;
list-style-type: none;
text-align: center;
height:100%;
}

#socioinstitucionales ul li { 
	    display: inline-table;
    z-index: 100;
    padding: 0px;}


#socioinstitucionales ul li a:hover
{
color: #fff;
opacity: 0.2;
}


#asociadoinstitucional{
	width:400px;
	height: 500px;
	margin:10px;
	position:absolute;
	top: 70px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px; 
	
			}

#asociadoinstitucional :hover{
COLOR: #4E90DA;
}
	
#contenido{
	width:650px;
	height: 500px;
	left: 500px;
	margin:10px;
	position:absolute;
	top: 120px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px; 
	
			}



#servicios ul 
{
margin:3px 10px 3px 10px;
padding: 5px;
list-style-type: none;
text-align: center;
height:80px;
}

#servicios ul li { 
		display: inline ;
		z-index:100;
		padding:3px;
		width:100%;
		background:#09F;
		}


#servicios ul li a:hover
{
color: #fff;
opacity: 0.2;
}




.juego{
                width:300px;
				display: table-cell;
                padding:2em 1em 1em 1em;               
                text-align: center;    
               
                -webkit-transition: all 300ms ease-out;
                -moz-transition: all 300ms ease-out;
                -ms-transition: all 300ms ease-out;
                -o-transition: all 300ms ease-out;
                     transition: all 300ms ease-out;
        }

.juego img {
                margin:auto;
               display:block;         
               
                -webkit-transform: scale(.9);
                -moz-transform: scale(.9);
                -ms-transform: scale(.9);
                -o-transform: scale(.9));         
                    transform: scale(.9);
       
                -webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
                    transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.juego:hover {
               background-color:white;
               background-color: rgba(200,200,200,.3);
               -webkit-border-radius: 10px;
               border-radius: 10px;           
               cursor: pointer;
       }
      
       .juego:hover img {
               -moz-transform: scale(1);
               -webkit-transform: scale(1);
               -o-transform: scale(1));
               -ms-transform: scale(1);
               transform: scale(1);
       }                              
       .juego:hover h3 {
               color:#3354c9;         
       }

.azul{
               color:#3354c9 !important;         
       }
	   

.font{
	font-size:1.45em !important;
                    
       }

.barra{
	       width: 100%;
    height: auto;
    /* background: #10609d; */
    position: absolute;
    top: -20px;
    left: -8px;
    /* z-index: -1; */
    /* color: #D03232; */
    padding: 3px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.8em; }

.barra1{

       width: 100%;
    height: auto;
    /* background: #10609d; */
    position: absolute;
    /* top: 250px; */
    left: 0px;
    z-index: -1; 
    /* color: #FFF; */
    padding: 25% 0% 0%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.8em;
                }


body .ocultar-en-movil {
            display:none!important;
}


	
	 }
	 
	 
	 
@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }

  label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}


*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


main {
      min-width: 50%;
    max-width: 100%;
    padding: px;
    margin: 0 auto;
    background: #fff;
}

main1 {
      min-width: 50%;
    max-width: 100%;
    padding: px;
    margin: 0 auto;
    background: #fff;
}



section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

input {
  display: none;
}


label {
  display: inline-table;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: left;
  color: #bbb;
  border: 1px solid transparent;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label[for*='1']:before {
  content: '\f1cb';
}

label[for*='2']:before {
  content: '\f17d';
}

label[for*='3']:before {
  content: '\f16b';
}

label[for*='4']:before {
  content: '\f1a9';
}


label[for*='5']:before {
  content: '\f1cb';
}

label[for*='6']:before {
  content: '\f17d';
}

label[for*='7']:before {
  content: '\f16b';
}

label[for*='8']:before {
  content: '\f1a9';
}

label:hover {
  color: #888;
  cursor: pointer;
}

input:checked + label {
  color: #5f91c7;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}



#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}


#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9  {
   display: block;
}