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

.icons img { margin-right:5px;}

a:hover { color:#418d9a;}

#header { background-image:url(../imgs/layout/bgGrad2.png); background-repeat:repeat-x; background-size:4px 100%; padding:20px 0; 
min-height:200px; color:#fbfbfb; border-bottom:2px solid #fff;}

.idiomas { position:absolute; top:-10px; font-weight:bold;
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
}
.idiomas a:hover{ color:#fbfbfb;}

#menuBtn { float:right; right:0px; margin-top:-40px; cursor:pointer;}
#submenu { 	margin:0;}
#submenu a:hover { color:#E30842; text-decoration:none;}

#proyectos { padding:40px 0; }
	.proyecto { float:none; width:95%; margin:0px 2.5% 20px 2.5%; height:300px; }
		.thumbP img { border:1px solid #fff; width:100%;}
		.textoP {}
		
.cartelP { margin-top:-30px; margin-left:-30px;}

.nosotras .contenido .columnax2 img.fotoN { width:40%; float:left;}
	.textoN { width:55%; margin:20px auto 0 5%; float:left;}

.logo { width:80%; margin:0px auto;}
	.logo img { width:100%;}
	
#footer .columnax2 { padding:0;}

@media screen and (min-width: 40.5em) {

#header { background-size:4px 100%; }	
	
.logo { width:100%; text-align:center;}
	.logo img { width:auto;}

#proyectos { padding:40px 0; }
	.proyecto { float:left; width:20%; margin:0px 2.5% 20px 2.5%; }
		.thumbP img { border:1px solid #fff; width:auto;}
		.textoP {}
	.textoN { width:50%; margin:20px auto 0 10%; float:left;}
}