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

.icons img { margin-right:5px;}
a, a p, a img {transition: all 0.5s ease;}

a:hover, #identidad a:hover, #identidad a.active {color:#f4f097;}
	#imprenta a:hover, #imprenta a.active { color:#e30842;}
	#web a:hover, #web a.active { color:#418d9a;}

#header { background-color:#28282d;  padding:20px 0 0 0; 
min-height:100px; color:#fbfbfb; border-bottom:2px solid #fff;}
	#header .contenido { padding:0;}

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

#categorias { width:100%; margin:auto; text-align:center; background-color:#2e2e33;}
	#categorias .columnax3 { text-align:center; margin:0; padding:5px 0;}
	#categorias a { display:block; width:100%; border:0; }
		#categorias #web a { border:0;}

#proyectos { padding:40px 0; position:relative; }
	.proyecto { float:none; width:95%; margin:0px 2.5% 20px 2.5%; position:relative; }
		.thumbP { }
		.thumbP img { width:100%;;}
		
.nosotras .contenido .columnax2 img.fotoN { width:40%; float:left;}
	.textoN { width:55%; margin:20px auto 0 5%; float:left;}

.logo { width:50%; margin:0px auto 10px auto; text-align:center;}
	.logo img { width:100%;}
	
#footer .columnax2 { padding:0;}

/* hover img */
/* Gray Scale */
.thumbP img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.thumbP:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* cartel nuevo */
.nuevo { background-repeat:no-repeat; background-size:contain; height:44px; width:25%; max-width:44px; position:absolute; margin-left:85%; margin-top:-10px; z-index:888; }
 	.identidad .nuevo { background-image:url(../imgs/layout/nuevo-identidad.png);}
	.imprenta .nuevo { background-image:url(../imgs/layout/nuevo-imprenta.png);}
	.web .nuevo { background-image:url(../imgs/layout/nuevo-web.png);}

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

#header { background-size:4px 100%; }	
	
#menuBtn { float:right; right:0px; margin:0px; cursor:pointer; position: absolute;}	
#menuBtn img { width:auto;}
	
#categorias { width:70%; min-width:500px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
	#categorias a { display:block; width:100%; border-right:1px solid #28282d; }
	#categorias .columnax3 { padding:20px 0;}

.logo { width:100%; text-align:center; margin:0px auto 40px 0;}
	.logo img { width:auto; max-width:200px;}

#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;}

.nuevo {  margin-left:90%; margin-top:-10px;  }	

.thumbP img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
}