@font-face {
    font-family: 'latolight';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    height: 100%;
}

body {
	    font-family: 'latolight', Arial, sans-serif;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	  background-color:#f8f8f8;

	}
img{
		max-width: 100%;
}
#contenedor {
  width: 100%;
  margin: -100px auto;
  background-color:#f8f8f8;
}
#contenedorgris {
  width: 1024px;
  background-color:#f8f8f8;
  margin: 0 auto;
}
#central {
  width: 960px;
  margin: 0 auto;
  background-color:#FFFFFF;
}
hr { 
  background-color: #94d60a; 
  border-color: #94d60a; 
  height: 3px;
  width:960px;
  margin-top:0px;
  margin-left:0px;
}
header {
	top:0px;
  width: 962px;
  position: fixed;
  z-index: 100;

}
.menu_bar {
	display:none;
}

header nav {
	z-index:1000;
	width:540px;
	margin-top:76px;
	margin-left:472px;
	background:none;
	/*margin:20px auto;*/
}

header nav ul {
	list-style:none;
	 color: #0194a8;
}

header nav ul li {
    font-family: 'latolight';
	  font-size: .9em;
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#fff;
}

header nav ul li a {
 color: #53585a;
 	display:block;
	text-decoration:none;
	padding: 8px;
	font-weight:600;
}

header nav ul li a span {
	margin-right:1px;
}

header nav ul li:hover .children {
	display:block;
	font-size: .6em;
}

header nav ul li .children {
	display: none;
	background:#CCC;
	position: absolute;
	width: 150%;
	z-index:1000;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
	color:#333;
}
header nav ul li:hover .children a{
	display:block;
	background:#CCC;
	font-family: texgyreadventorregular;	
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:4px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

 nav2 {
	z-index:1001;
	width:380px;
	margin-left:620px;
	position:relative;
	top: -15px;
	/*margin:20px auto;*/
}

 nav2 ul {
	list-style:none;
	 color: #41d9f1;
	background:#ebf9fb;
}

 nav2 ul li {
    font-family: 'latolight';
	  font-size: .8em;
	display:inline-block;
	position: relative;
}

 nav2 ul li:hover {
	background:#fff;
}

 nav2 ul li a {
 color: #41d9f1;
 	display:block;
	text-decoration:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:6px;
	font-weight:600;
	vertical-align:middle;
}

 nav2 ul li a span {
	margin-right:1px;
}

 nav2 ul li:hover .children {
	display:block;
	font-size: 1.2em;
}

 nav2 ul li .children {
    font-family: 'latolight';
	display: none;
	background:#dbf6fa;
	position: absolute;
	width: 150%;
	z-index:1000;
}

 nav2 ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

 nav2 ul li .children li a {
    font-family: 'latolight';
	display: block;
	color:#41d9f1;
}
 nav2 ul li:hover .children a{
	display:block;
	background:#FFF;
	font-weight:bold;
    font-family: 'latolight';
}

 nav2 ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:4px;
}

 nav2 ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

.navf  li {
	list-style:none;}
	 .nav-m li {
	list-style:none;}
	.nave li {
	list-style:none;}
			.navf{
				position:absolute;
				top:-16px;
				left:-20px;
			}
			.navf > li {
				float:left;
			}
			.navf li a {
			    font-family: 'latolight';
	  			font-size: .9em;
	  			font-weight:500;
				background-color:#d3ecc8;
				color:#6cc04a;
				text-decoration:none;
				padding:4px 12px;
				display:block;
			}
			
			.navf li a:hover {
			 color: #6cc04a;
		 	font-weight:500;
			background:#fff;
			}
			
			.navf li ul {
				display:none;
				position:absolute;
				min-width:170px;
			}
			
			.navf li:hover > ul {
				display:block;
				z-index:1009;
			}
			
			.navf li ul li {
				position:relative;
				border-bottom: 1px solid rgba(255,255,255,.5);	
			}
			.navf li ul li a{
				background:#dff4d6;
	  			font-size: .8em;
			}		
			.navf li ul li ul {
				right:-200px;
				width:200px;
				top:0px;
			}
			.navf li ul li ul a{
				background:#FFF;
				border-bottom: 1px solid rgba(196,228,165,.5);	
			}
			
.nave{
				position:absolute;
				top:-16px;
				left:-20px;
			}
			.nave > li {
				float:left;
			}
			.nave li a {
			    font-family: 'latolight';
	  			font-size: .9em;
	  			font-weight:500;
				background-color:#8ed9d8;
				color:#FFF;
				text-decoration:none;
				padding:4px 12px;
				display:block;
			}
			
			.nave li a:hover {
			 color: #47c2c0;
		 	font-weight:500;
			background:#fff;
			}
			
			.nave li ul {
				display:none;
				position:absolute;
				min-width:170px;
			}
			
			.nave li:hover > ul {
				display:block;
				z-index:1009;
			}
			
			.nave li ul li {
				position:relative;
				border-bottom: 1px solid rgba(255,255,255,.5);	
			}
			.nave li ul li a{
				background:#92cec1;
	  			font-size: .8em;
			}		
			.nave li ul li ul {
				right:-200px;
				width:200px;
				top:0px;
			}
			.nave li ul li ul a{
				background:#FFF;
				color: #47c2c0;
				border-bottom: 1px solid rgba(255,255,255,.5);	
			}

.nav-m{
				position:absolute;
				top:-16px;
				left:-20px;
			}
			.nav-m > li {
				float:left;
			}
			.nav-m li a {
			    font-family: 'latolight';
	  			font-size: .9em;
	  			font-weight:500;
	background:#ebf9fb;
				color:#41d9f1;
				text-decoration:none;
				padding:4px 12px;
				display:block;
			}
			
			.nav-m li a:hover {
 color: #41d9f1;
		 	font-weight:500;
			background:#fff;
			}
			
			.nav-m li ul {
				display:none;
				position:absolute;
				min-width:170px;
			}
			
			.nav-m li:hover > ul {
				display:block;
				z-index:1009;
			}
			
			.nav-m li ul li {
				position:relative;
				border-bottom: 1px solid rgba(255,255,255,.5);	
			}
			.nav-m li ul li a{
				background:#ebf9fb;
	  			font-size: .8em;
			}		
			.nav-m li ul li ul {
				right:-200px;
				width:200px;
				top:0px;
			}
			.nav-m li ul li ul a{
				background:#FFF;
				color: #41d9f1;
				border-bottom: 1px solid rgba(255,255,255,.5);	
			}

 nav3 ul li:hover .children2 {
	display:block;
	font-size: 1.2em;
}

 nav3 ul li .children2{
    font-family: 'latolight';	
	display: none;
	background:#d3ecc8;
	position: absolute;
	width: 150%;
	z-index:1000;
}

 nav3 ul li .children2 li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

 nav3 ul li .children2 li a {
    font-family: 'latolight';
	display: block;
	color:#6cc04a;
}
 nav3 ul li:hover .children2 a{
	display:block;
	background:#FFF;
	font-weight:bold;
    font-family: 'latolight';
}

 nav3 ul li .children2 li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:4px;
}

@media screen and (max-width: 800px) {
	body {
		padding-top:80px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#CCC;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #333;
		overflow: hidden;
    font-family: 'latobold';
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		background:#CCC;		
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
    font-family: 'latobold';
		font-size: 1.2em;
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
		background:#000;		
		color: #fff;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:0px;
	}

	header nav ul li .caret {
		float: right;
	}
}
@media screen and (max-width: 400px) {
	body {
		padding-top:80px;
	}

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#CCC;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #333;
		overflow: hidden;
    font-family: 'latolight';
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		background:#CCC;		
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
		background-color:#FFF;
	}

	header nav ul li {
    font-family: 'latolight';
		font-size: 1.2em;
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
		background:#000;		
		color: #fff;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:0px;
	}

	header nav ul li .caret {
		float: right;
	}
}
h3{
    font-family: 'latolight';
	color:#53585a;
	text-align:left;
	font-size:1.4em;
	margin-left:1%;
	padding-top:10px;
	}
.titulo{
    font-family: 'latolight', Arial, sans-serif;
	color:#53585a;
	text-align:left;
	font-size:1.4em;
	margin-left:1%;
	padding-top:10px;
	}
.titulonoticia{
    font-family: 'latolight', Arial, sans-serif;
	color:#53585a;
	text-align:left;
	font-size:1.4em;
	padding-top:10px;
	}	
.subtitulonoticia{
    font-family: 'latolight', Arial, sans-serif;
	color:#8e908f;
	text-align:left;
	font-size:1.4em;
	padding-top:10px;
	}	
.titulonosotros{
    font-family: 'latolight', Arial, sans-serif;
	color:#FFF;
	text-align:left;
	font-size:1.6em;
	margin-left:1.4%;
	margin-top:110px;
	}
.tituloazul{
    font-family: 'latolight', Arial, sans-serif;
	color:#89e1ef;
	font-weight:bold;
	text-align:left;
	font-size:1.4em;
	padding-top:10px;
	margin-left:6px;
	}
.titulofinanzas{
    font-family: 'latolight', Arial, sans-serif;
	color:#6cc04a;
	font-weight:bold;
	text-align:left;
	font-size:1.4em;
	padding-top:10px;
	margin-left:6px;
	}	
.titulo-energia{
    font-family: 'latolight', Arial, sans-serif;
	color:#47c2c0;
	font-weight:bold;
	text-align:left;
	font-size:1.4em;
	padding-top:10px;
	margin-left:6px;
	}	
.subtitulo{
    font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	font-weight:bold;
	text-align:left;
	font-size:1.4em;
	padding-top:10px;
	margin-left:6px;
	}			
.fecha{
    font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	text-align:left;
	font-size:.8em;
	text-align:justify;
	margin-left:6px;
}
a.newsletter{
    font-family: 'latolight', Arial, sans-serif;
	color:#53585a;
	text-align:left;
	font-size:1em;
	margin-left:1%;
	padding-top:10px;
	text-decoration:none;
	}	
a.linkmenu{
    font-family: 'latobold', Arial, sans-serif;
	color:#FFFFFF;
	text-align:left;
	font-size:1em;
	margin-left:2%;
	padding:3px;
	text-decoration:none;
	}		
	.tituloverde{
    font-family: 'latolight', Arial, sans-serif;
	color:#333;
	text-align:left;
	margin-left:4%;
	font-size:3em;	
	}
	.tituloint{
    font-family: 'latolight', Arial, sans-serif;
	color:#333;
	text-align:left;
	font-size:1.4em;
	
	}
		.titulointcent{
    font-family: 'latolight', Arial, sans-serif;
	color:#333;
	text-align:center;
	font-size:1.4em;
	}
p{
    font-family: 'latolight', Arial, sans-serif;
	width:90%;
margin-top: 0.6em; margin-bottom: 0em; 
	padding-left:2%;
	padding-right:2%;
	}	
.txt-ma, a.leermas-ma{
    font-family: 'latolight', Arial, sans-serif;
	/*color:#89e1ef;*/
	color:#30cdd7;
	text-align:left;
	font-size:1.1em;
		text-decoration:none;
		font-weight:900;
	}
.txt-en, a.leermas-en{
    font-family: 'latolight', Arial, sans-serif;
	color:#47c2c0;
	text-align:left;
	font-size:1.1em;	
	text-decoration:none;
	font-weight:900;
	}
.txt-fi, a.leermas-fi{
    font-family: 'latolight', Arial, sans-serif;
	color:#6cc04a;
	text-align:left;
	font-size:1.1em;	
	text-decoration:none;
	font-weight:900;	
	}	
a.txt-noti{
    font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	text-align:left;
	font-size:.9em;
	text-decoration:none;
	font-weight:900;
	}
	
.txtgeneral, a.linkgeneral{
    font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	font-size:1em;
	text-align:justify;
	text-decoration:none;
}
 a.linkgenint{
    font-family: 'latobold', Arial, sans-serif;
	color:#5a5e60;
	font-size:1em;
	text-align:justify;
	text-decoration:none;
	font-weight:100;
}
.fechanota{
	font-family: 'latolight';
	color:#333;
	font-weight:400;
	font-size:.8em;
	}
.txtnotalateral{
    font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	font-size:.9em;
	text-align:left;
	padding-left:14px;
}
.txtnoticias{
    font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	font-size:.9em;
	text-align:justify;
	width:96%;
}
.txtnota{
    font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	text-align:left;
	font-size:.9em;
padding-top:12px; padding-left:14px;
}
.txtpequeño{
    font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	text-align:left;
	font-size:.8em;
	text-align:justify;
}	
a.titulito{
    font-family: 'latomedium', Arial, sans-serif;
	color:#5a5e60;
	font-size:1.1em;
	text-align:center;
	text-decoration:none;
}
a:hover.titulito{
    font-family: 'latomedium', Arial, sans-serif;
	color: #050505;
	font-size:1.1em;
	text-align:center;
	text-decoration:none;
}	
.textoint{
	font-family: 'latolight', Arial, sans-serif;
	color:#333;
	text-align:justify;
	font-size:1.1em;
	width:100%;
	font-weight: bold;
	}
.txtfooter{
	font-family: 'latolight', Arial, sans-serif;
	color:#000;
	text-align:left;
	font-size:1.1em;
	}
#main3col {
	position:relative;
    width:100%;
    overflow:hidden;
    height:auto;
}
#column_left3 {
	width:33%;
	float:left;
	text-align: left;
}
#column_central3 {
	width:33%;
	float:left;
	text-align: left;
	padding-left:5px;
}
#column_right3 {
	width:33%;
	float:left;
	text-align: left;
	padding-left:4px;
}
#column_espacio {
	width:2px;
	float:left;
}
#renglon1{
	 height:100%; background:#FFF; float:left; width:100%;position:relative; padding-top:4px;
	 }
#renglon_noticia{
	 height:100%; background:#FFF; float:left; width:100%;position:relative; padding-top:4px;
	 }
#renglon_noticia p{
	width:96%;
	margin-top: 0.6em;
	margin-bottom: 0em;
	padding-left:2%;
	padding-right:2%;
	font-family: 'latolight', Arial, sans-serif;
	color:#5a5e60;
	font-size:.9em;
	text-align:justify;
		}
#renglonfooter{
	 height:100%; background:#CCC; float:left;position:relative; text-align:center;
	 }
#main2col {
	position:relative;
    width:100%;
    overflow:hidden;
    height:auto;
	background:#f8f8f8;
}
#column_left2{
	width:53%;
	float:left;
	height:100%;
	position:absolute;
	vertical-align:bottom;
}
#column_central2 {
	width:47%;
	float:right;
}
#main2scol {
	position:relative;
    width:100%;
    overflow:hidden;
    height:auto;
	background:#FFFFFF;
}
#column_left2s{
	width:58%;
	float:left;
}
#column_central2s {
	width:40%;
	height:100%;
	float:left;
	position:absolute;
	right:0px;
	background-color:#f5f5f5;
}

/* el contenedor y la imagen */
  div.multi-hover {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
    /* tuve que establecer la altura para que los textos se centraran verticalmente */
    height: 100%;
    line-height: 20px;
  }
  div.multi-hover img {width: 100%;}

  /* los textos que, por defecto, permanecerán ocultos */ 
  div.multi-hover span {
    font-family: 'latolight', Arial, sans-serif;
    font-size: 1em;
    height: 100%;
    opacity: 0; 
    position: absolute;
    text-align: center;
    transition: all 0.3s linear 0s; /* agregar los prefijos para cada navegador */
    width: 100%;
  }

  /* y esto es lo que generará el efecto */

  div.multi-hover span:nth-child(1) { /* desde la derecha */
    background: none repeat scroll 0 0 rgba(255, 255, 255, .8);
    left: 90%;
    top: 0;
  }
  div.multi-hover span:nth-child(2) { /* desde arriba */
    background: none repeat scroll 0 0 rgba(255, 255, 255, .8);
    left: 0;
    top: -80%;
  }
  div.multi-hover span:nth-child(3) { /* desde la izquierda */
    background: none repeat scroll 0 0 rgba(255, 255, 255, .8);
    left: -90%;
    top: 0;
  }
  div.multi-hover span:nth-child(4) { /* desde abajo */
    background: none repeat scroll 0 0 rgba(255, 255, 255, .8);
    left: 0;
    top: 80%;
  }

  /* los hacemos visibles ... */
  div.multi-hover span:hover {opacity: 1;}

  /* ... moviéndolos horizontalmente ... */
  div.multi-hover span:nth-child(2n+1):hover {left: 0;}
  /* ... o verticalmente ... */
  div.multi-hover span:nth-child(2n):hover {top: 0;}	
  
  #formul {  
float: left;
   /* padding: 40px 0px 0px 30px;    margen con valores: arriba - derecha - abajo - izquierda */ 
width:90%;
}  

.campos {  
    font-family: 'latolight';
    width: 250px;
	font-weight:100;                /* anchura de campos de formulario */  
    font-size:.8em; 
    color:#5a5e60;                 /* color del texto */   
    border: thin solid #f5f5f5;        /* color del borde puede ser solid ó dotted */   
    background-color:#FFF;    /* color del fondo */   
} 
.campos-calc {  
    font-family: 'latolight';
    width: 220px;
	font-weight:100;                /* anchura de campos de formulario */  
    font-size:.8em; 
    color:#5a5e60;                 /* color del texto */   
    border: thin solid 	#cccccc	;        /* color del borde puede ser solid ó dotted */   
    background-color:#f7f7f7;    /* color del fondo */   
} 
ul.footerul {
	list-style:none;
	 color: #53585a;
}

ul.footerul  li {
    font-family: 'latolight';
	font-size: .7em;
	display:inline-block;
	position: relative;
	color: #53585a;

}

ul.footerul  li:hover {
	background:#fff;
}

ul.footerul  li a {
 color: #53585a;
 	display:block;
	text-decoration:none;
	padding: 8px;
	font-weight:200;
}

ul.footerul  li a span {
}
.newstit{
    font-family: 'latolight', Arial, sans-serif;
	color:#53585a;
	text-align:left;
	font-size:1em;
	margin-left:1%;
	padding-top:10px;
	}