/*
  Elecnor
  Author: Minsk Disseny
*/

body 
{
  min-width: 960px;
}

/* `Links
----------------------------------------------------------------------------------------------------*/

.read-more {
	color: #4c77a8;
	text-decoration:none;
	font-weight:600;
}

	.read-more:hover {
		color:#000;
	}


/* `Containers
----------------------------------------------------------------------------------------------------*/

.container 
{
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

.content
{
	width:100%;
}


@media screen and (max-width: 1024px) {
	.content
	{
		width:95%;
		margin:0 2.5%;
	}
}


.col-20
{
	width:18.5%;
	margin-right:1.85%;
	min-height:100px;
	float:left;
}

.col-60
{
	width:60%;
	min-height:100px;
	float:left;
}

.col-40
{
	width:38%;
	min-height:100px;
	float:left;
	margin-right:2%;
	margin-left:2%;
}

.col-25
{
	width:23.5%;
	margin-right:2%;
	float:left;
}

.col-33
{
	width:31%;
	margin-right:2.3333%;
	min-height:100px;
	float:left;
}

.col-75
{
	width:74%;
	margin-right:2.5%;
	float:left;
}

.col-50
{
	width:48%;
	margin-right:2%;
	min-height:100px;
	float:left;
}
.col-100
{
	width:100%;
	float:left;
}
	.col-first
	{
		margin-left:0;
	}
	.col-last, .col-60 .col-last
	{
		margin-right:0;
	}

.col-15
{
	width:15%;
	margin-right:1.66%;
	float:left;
}

.margin-20-0 {
	margin-top:20px !important;
}

.margin-40-0 {
	margin-top:40px !important;
}

/* `Images
----------------------------------------------------------------------------------------------------*/

img {
	/*margin-bottom:20px;*/
	}
	
	.otros_proyectos .col-50 img {
		margin-bottom:10px;
	}
	
.rounded-corner-10
{
	border:1px solid #;	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.rounded-corner-5
{
	border:1px solid #;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.responsive-img {
	width: 100%
}


/* `Cabeceras
----------------------------------------------------------------------------------------------------*/

.header
{
	width:100%;
	height:340px;
}

	.header .container {
		height:100%;
	}
	
	.carta-presidente .header
	{
		background:#f3791f;
	}
	
	.carta-presidente .header .container
	{
		background:url(../img/pages-img/header-img-presidente.jpg);
	}
	
	.presentacion .header
	{
		background:#00994d;
	}
	
	.presentacion .header .container
	{
		background:url(../img/pages-img/header-img-presentacion.jpg);
	}
	
	.infraestructura-social .header
	{
		background:#4774ad;
	}
	
	.infraestructura-social .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_ilumina.jpg);
	}
	
	.loma-atravesada .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_loma_atravesada.jpg);
	}
	
	.sinergia .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_sinergia.jpg);
	}
	
	.solar_backup .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_solar_backup.jpg);
	}
	
	.ronald_mcdonald .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_casa_ronald_mcdonald.jpg);
	}
	
	.otros_proyectos .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-otros_proyectos.jpg);
	}
	
	.luces_para_aprender .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_luces_para_aprender.jpg);
	}
	
	.h2ome .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_h2ome.jpg);
	}

	.h2ome-angola .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_h2ome-angola.jpg);
	}

	.emprendiendo-aprendiendo-angola .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_emprendiendo-aprendiendo-nicaragua.jpg);
	}

	.energie-solar-pour-leducation .header .container
	{
		background:url(../img/pages-img/header-img-infraestructura_social-proyecto_energie-social-pour-leducation.jpg);
	}
	
	.formacion .header
	{
		background:#9badd0;
	}
	
	.formacion .header .container
	{
		background:url(../img/pages-img/header-img-formacion_investigacion.jpg);
	}
	
	.sistemas_espaciales .header .container
	{
		background:url(../img/pages-img/header-img-formacion_investigacion-sistemas_espaciales.jpg);
	}
	
	.becas .header .container
	{
		background:url(../img/pages-img/header-img-formacion_investigacion-becas.jpg);
	}
	
	.instalaciones_electricas .header .container
	{
		background:url(../img/pages-img/header-img-formacion_investigacion-instalaciones_electricas.jpg);
	}
	
	.voluntariado-corporativo .header
	{
		background:#08a393;
	}
	
	.voluntariado-corporativo .header .container
	{
		background:url(../img/pages-img/header-img-voluntariado_corporativo.jpg);
	}
	
	.voluntariado-corporativo.proyecto-ilumina .header .container
	{
		background:url(../img/pages-img/header-img-voluntariado_corporativo-proyecto-ilumina.jpg);
	}
	
	
	.actualidad .header {
		background:url(../img/background-actualidad.jpg) center center;
		height:70px;
		margin-bottom:20px;
	}
	
	.actualidad .download-pdf {
		float:left;
		margin:5px 0;
		background:url("../img/pages-img/download-pdf-ico.png") no-repeat left #ececec;
		border:1px solid #ccc;
		padding:12px 20px 12px 60px;
		font-size:14px;
		text-transform:uppercase;
		color:#999;
	}
	
	.actualidad .download-pdf:hover {
		cursor:pointer;
		color:#666;
		border:1px solid #999;
		background:url("../img/pages-img/download-pdf-ico-over.png") no-repeat left #ececec;
	}
	
	.actualidad .news-img-wrapper {
		float:right;
		width:auto;
		max-width:260px;
		margin:0 0 10px 15px;
		max-width: 340px;
	}
	
	.actualidad .news-img-wrapper .news-img {
		float:left;
		padding:5px;
		border:1px solid #ececec;
		width: 100%;
	}
	
	.actualidad .news-img-wrapper .img-description {
		float:left;
		font-size:10px;
		color:#999;
		margin-top:5px;
	}
	
	.video-container {
		position:relative;
		padding-bottom:56.25%;
		height:0;
		overflow:hidden;
		margin-bottom:10px;
	}

	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	

.menu {
	position:absolute;
	top:0;
	background:url(../img/pages-img/header-menu-bckgrnd.png) repeat-x;
	height:70px;
	width:100%;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
}
	/*.menu:hover {
		cursor:pointer;
		background:#003872;
		opacity:0.9;
	}*/
	
	/*.menu .back
	{
		float:left;
		margin:0 0 0 25px;
		padding:25px 0 0 17px;
		height:45px;
		background:url(../img/pages-img/back-button-bckgrnd.png) no-repeat left 30px;
		font-family: 'myriad-pro', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
		font-weight:700;
		font-size:15px;
		font-size:1.5rem;
		text-transform:uppercase;
		color: #fff;
		text-decoration:underline;
		
	}
	
		.menu .back:hover {
			cursor:pointer;
			color:#ff8c15;
			background:url(../img/pages-img/back-button-bckgrnd-over.png) no-repeat left 30px;
		}*/
	
	.menu .back, .menu .menuButton {
		float:left;
		width:70px;
		height:70px;
		/*border-right:1px solid #fff;*/
		background:url(../img/pages-img/back-button.png) no-repeat left top;
	}
	
		.menu .back:hover {
			cursor:pointer;
			background:url(../img/pages-img/back-button.png) no-repeat left bottom;
		}
		
		.menu .menuButton {
			background:url(../img/pages-img/menu-button.png) no-repeat left top;
		}
		
		.menu .menuButton:hover {
			cursor:pointer;
			background:url(../img/pages-img/menu-button.png) no-repeat left bottom;
		}
	
	.menu .logo
	{
		float:right;
		margin:8px 25px 0 0;
	}

	.cookies-page .menu {
		background: #003872;
		margin-bottom: 2em;
	}

	.cookies-page .content {
		margin-top: 3em;
	}

.header .destacado
{
	float:right;
	width:500px;
	height:27px;
	margin-top:313px;
	background:url(../img/pages-img/destacado-header-wrap.png) no-repeat left top;
}

.content-header
{
	width:100%;
	float:left;
	margin:0 0 25px 0;
}

/* Breadcrumb */
.breadcrumb {
	float:left;
	width:50%;
	margin:10px 0 35px 0;
	font-size:20px;
	font-size:2.0rem;
	text-transform:uppercase;
	color:#003872;
	font-weight:700;
}

.article-content {
	padding:10px 15px 0 0;
	margin-top:5px;
	float:left;
	border-top:1px dotted #ccc;
}

.aside-news-list,
.aside-news-list li {
	margin:0;
	padding:0;
}

	.aside-news-list li {
		list-style:none;
		width:100%;
		float:left;
		padding:7px 0;
		border-bottom:1px dotted #ccc;
	}
	
	.aside-news-list li a h4 {
		font-size:11px;
		line-height:13px;
		margin:0;
		color:#00749f;
	}
	
	.aside-news-list li a h3 {
		font-size:12px;
		line-height:15px;
		margin:0;
		color:#999;
	}
	
	.aside-news-list li a:hover h3 {
		color:#888;
		text-decoration:underline;
	}

.firma
{
	float:right;
	margin-right:5%;
}

	.firma img
	{
		float:right;
	}
	
/* `Datos clave
----------------------------------------------------------------------------------------------------*/
.datos-clave{
	display:block;
	position:relative;
	float:left;
	width:90%;
	border:1px solid #999;
	padding:5% 5% 0 5%;
	margin-bottom:20px;
}
	.datos-clave h3{
		text-transform:uppercase;
		font-weight:normal;
		font-size: 14px;
		font-size: 1.4rem;
		border-bottom:1px solid #999;
		padding-bottom:10px;
		margin:0;
		color:#265586;
	}
	.datos-clave .dato
	{
		position:relative;
		float:left;
		width:99%;
		padding: 5% 0 0 0;
	}
	.datos-clave .separador
	{
		display:block;
		float:left;
		width:100%;
		height:1px;
		border-top:1px solid #999;
	}
	.datos-clave p
	{
		color:#8c8b8d;
		line-height:17px;
		line-height:1.7rem;
		font-size:14px;
		font-size:1.4rem;
	}
		.datos-clave p strong
		{
			color:#004e8c;
			font-size: 32px;
			font-size: 3.2rem;
			line-height:22px;
			line-height:3.2rem;
			font-weight: bold;
		}
		.datos-clave p strong .dato-unidad
		{
			font-size: 18px;
			font-size: 1.8rem;
			line-height:20px;
			line-height:2.0rem;
		}
		.datos-clave p br
		{
			margin-bottom:5px;
		}
		
		.datos-clave .dato.col-50
		{
			width:48%;
			min-height:auto;
			float:left;
		}


/* Video thumbnails */
.video-thumb {
	width:100%;
	background:#f7f7f7;
	margin:0 0 20px 0;
}

	.video-thumb .video-info {
		width:86%;
		padding:5% 8%;
	}
	
	.playButton {
		position:absolute;
		width:235px;
		height:134px;
		background:url(../img/pages-img/play-button.png) no-repeat center center;
	}
	
	.playButton:hover {
		background:url(../img/pages-img/play-button-over.png) no-repeat center center;
	}


/* `Lists
----------------------------------------------------------------------------------------------------*/
ul.list {
	padding-left:20px;
	margin:0 0 20px 0;
}

ul.list li {
	margin-bottom:10px;
}
	
	
	ul.list .no-bullet
	{
	list-style:none;	
	}


.col-25 img.logo {
	padding-bottom:20px;
	margin-bottom:17px;
	border-bottom:1px solid #ccc;
}

	
.proyecto-wrapper {
	float:left;
	width:100%;
	border-top:1px solid #ececec;
	padding-top:15px;
	margin-top:10px;
}

	.proyecto-wrapper .title {
		margin-bottom:10px;
	}

.image-gallery {
	float:left;
	padding:8px 5px 8px 10px;
	border: 1px solid #e4e4e4;
}

.image-gallery img {
	margin:0 4px 6px 0;
	width:30.5%;
}

/* Banner H2ome*/
.banner-h2ome {
	display: inline-block;
	width: 90%;
	padding: 20px 5%;
	background: #ff8c15;
	text-align: center;
}

	.banner-h2ome .banner-text {
		color: #ffffff;
		text-transform: uppercase;
		font-size: 2em;
		line-height: 1.1;
	}

	.banner-h2ome .banner-button {
		display: inline-block;
		color: #004e8c;
		font-weight: 700;
		font-size: 1.3em;
		margin-top: .5em;
		font-size: 1.7em;
	}


/* `Footer
----------------------------------------------------------------------------------------------------*/

.footer
{
	width:100%;
	padding-top:12px;
	margin-top:50px;
	border-top:1px solid #e4e4e4;
}

	.footer .item {
		color:#929291;
		text-decoration:none;
		margin:0 6px;
	}
	

/* CSS Drop down Menu
----------------------------------------------------------------------------------------------------*/

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  list-style:none;
}
#cssmenu {
  height: 70px;
  float:left;
  opacity:0.55;
  margin-left:-1px;
}

#cssmenu:hover {
	opacity:0.8;
}

#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #ffffff;
  color: #ffffff;
  display: inline-block;
  font-family: 'myriad-pro', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0;
  text-decoration: none;
  -webkit-transition: color 0.1s ease-in;
  -moz-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
  margin-left:1px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  /*border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0fa1e0;
  margin-left: -10px;*/
}
#cssmenu > ul > li:first-child > a {
}
#cssmenu > ul > li:last-child > a {
}
#cssmenu > ul > li.active > a {
  background: #070707;
  background:none;
}
#cssmenu > ul > li:hover > a {
  background: #f28000
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  min-width: 200px;
  top: 70px;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  color: #464646;
  background: #fff;
  margin-top:1px;
  filter: none;
  font-size: 13px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  color: #fff;
  background: #f28000;
  text-shadow:0px 1px 1px #222;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #0c7fb0;
  border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #095c80;
}

/* `Legal
----------------------------------------------------------------------------------------------------*/

body.legal {
	overflow-x:hidden;
	margin:0;
	padding:0;
	min-width:0;
}

.legal .content {
	display:block;
	float:left;
	margin:0;
	padding:20px;
}

.legal h1, body.legal h2 {
	width:auto;
	line-height:1em;
	font-size:28px;
}

.legal p, .legal li {
	color: #717171;
	font-size:12px;
	line-height:15px;
}

/* TABLE STYLES */
table {
  max-width: 100%;
  background-color: transparent;
  font-size: 13px;
}

th {
  text-align: left;
  font-weight: 700;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}