@charset "utf-8";
@import "compass/css3";
@keyframes fadeIn { from { opacity: 0; } }

body{margin:0;font:400 14px 'Raleway',sans-serif;}
img{border:0;}
.margen{width:100%;height:auto;display:block;margin:auto;max-width:1024px;}
header{width:100%;height:auto;display:block;position:fixed;top:0;background:#FFFFFF;padding:10px 0;min-height:96px;z-index:1000;}
main{width:100%;display:block;margin:116px 0 0;}
footer{width:97%;padding:10px 1.5%;display:block;background:#8cb93f;color:#FFF;font-size:13px;}
.logo{width:18%;display:inline-block;vertical-align:top;max-width:182px;height:auto;}
.topDer{width:66%;display:inline-block;vertical-align:top;margin:0 0 0 15%;}
.tel{font:600 18px 'Montserrat',sans-serif;text-align:right;color:#ca362a;margin:10px 0;}
.tel img{vertical-align:bottom;}
.colPie{width:26%;display:inline-block;vertical-align:top;margin:10px 1%;}
.redesPie{width:13%;display:inline-block;vertical-align:top;margin:10px 1%;}
.redesPie img{width:30px;height:auto;padding:0 3px;}
.titlePie{font:600 14px 'Montserrat',sans-serif;}
.title16{font-size:16px;color:#4d4d4d;}
.title21{font:600 21px 'Montserrat',sans-serif;color:#ca362a;}
.title21R{font-size:21px;color:#962928;}
.titleSeccion{font:600 30px 'Montserrat',sans-serif;}
.title30{font-size:30px;color:#ca362a;}
.cod{font-size:21px;color:#666666;}
article{width:97%;display:block;padding:50px 1.5%;}
.col3{width:30%;margin:10px 1.5%;display:inline-block;vertical-align:top;text-align:center;}
.col3 img{width:100%;max-width:100px;height:auto;display:block;margin:0 auto 20px;}
.calltoAction{width:97%;padding:20px 1.5%;display:block;font:400 24px 'Montserrat',sans-serif;color:#FFF;background:#ca362a;}
.col2{width:47%;display:inline-block;vertical-align:middle;margin:10px 1%;}
.btn1{width:auto;display:inline-block;padding:10px;border:1px solid #FFF;font:600 18px 'Montserrat',sans-serif;color:#FFF;text-decoration:none;}
.btn1:hover{background:#FFF;color:#ca362a;}
.btn2{color:#4d4d4d;font:600 13px 'Montserrat',sans-serif;}
.btn2:hover{color:#ca362a;}
.btn3{width:auto;display:inline-block;padding:10px;border:none;font:600 18px 'Montserrat',sans-serif;color:#FFF;text-decoration:none;background:#ca362a;}
.btn4{width:auto;display:inline-block;padding:10px;border:1px solid #ca362a;font:600 18px 'Montserrat',sans-serif;color:#ca362a;text-decoration:none;}
.btn3:hover{background:#962928;}
.bgGris{background:#f2f2f2;}
.cat01{width:23%;display:inline-block;margin:10px 0.7%;background:#FFFFFF;text-align:center;border:1px solid #FFFFFF;color:#ca362a;text-decoration:none;padding:10px 0;}
.cat01 img{width:98%;display:block;margin:0 auto 5px;height:auto;max-width:240px;}
.cat01:hover{border:1px solid #ca362a;color:#555555;}
.pro01{width:23%;display:inline-block;margin:10px 0.7%;border:1px solid #FFFFFF;padding:0;text-align:center;}
.pro01 img{width:100%;display:block;margin:0;padding:0;height:auto;max-width:240px;vertical-align:bottom;}
.pro01:hover{border:1px solid #ca362a;}
.fade{opacity:1;transition:opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.fade:hover{opacity: 0.5;}
.bco{color:#FFF;text-decoration:none;}
.bco:hover{color:#cccccc;}
.gris{color:#333333;text-decoration:none}
.gris:hover{color:#962928;}
.rojo{color:#ca362a;text-decoration:none;}
.topSeccion{width:97%;display:block;margin:auto;padding:40px 1.5%;text-align:center;}
.bg01{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg02{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg03{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg04{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg05{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg06{background:url(../imagenes/proyectos.jpg) center no-repeat;background-size:cover;}
.bg07{background:url(../imagenes/portada.jpg) center no-repeat;background-size:cover;}
.txtSeccion{width:90%;max-width:575px;display:block;margin:auto;padding:15px 1.5%;background:rgba(0,0,0,0.4);color:#FFF;}
.filtro{width:100%;text-align:right;}
.campoFiltro{width:90%;max-width:300px;display:inline-block;vertical-align:top;padding:1% 3px;background:#FFF;border:1px solid #FFF;color:#333;font:400 14px 'Raleway',sans-serif;margin:5px 1%;}
.campo1{width:31%;padding:5px 0.5%;margin:5px 0.5%;display:inline-block;vertical-align:top;background:#FFFFFF;border:1px solid #ededef;color:#333;font:400 14px 'Raleway',sans-serif;}
.campo2{width:32%;padding:5px 0.5%;margin:5px 0.5%;display:inline-block;vertical-align:top;background:#FFFFFF;border:1px solid #ededef;color:#333;font:400 14px 'Raleway',sans-serif;}
.campo3{width:97%;padding:5px 0.5%;margin:5px 0.5%;display:inline-block;vertical-align:top;background:#FFFFFF;border:1px solid #ededef;color:#333;font:400 14px 'Raleway',sans-serif;}
.campo4{width:94%;padding:5px 2%;margin:5px 0.5%;display:inline-block;vertical-align:top;background:#f2f2f2;border:1px solid #f2f2f2;color:#333;font:400 14px 'Raleway',sans-serif;}
.campo5{width:46%;padding:7px 1%;margin:5px 0.5%;display:inline-block;vertical-align:top;background:#f2f2f2;border:1px solid #f2f2f2;color:#333;font:400 14px 'Raleway',sans-serif;}
.campo6{width:48.5%;padding:7px 1%;margin:5px 0.5%;display:inline-block;vertical-align:top;background:#f2f2f2;border:1px solid #f2f2f2;color:#333;font:400 14px 'Raleway',sans-serif;height:34px;}
.imgProyecto{width:100%;height:auto;display:block;max-width:547px;}
.nosIco{width:18%;display:inline-block;vertical-align:top;padding:10px 0.5%;text-align:center;}
.nosIco img{width:90%;display:block;max-width:100px;height:auto;margin:auto;}
.col60{width:60%;display:inline-block;vertical-align:top;margin:10px auto;}
.col40{width:36%;display:inline-block;vertical-align:top;margin:10px 0 10px 3%;}
.descripcion{width:55%;display:inline-block;vertical-align:top;margin:10px 0;}
.cotizar{width:41%;display:inline-block;vertical-align:top;margin:10px 0 10px 3%;}
.imgBottom{vertical-align:bottom;}
.imgProd{width:54%;height:auto;display:inline-block;vertical-align:top;margin:auto;max-width:556px;}
.imgMini{width:13%;display:inline-block;vertical-align:top;margin:0 0 3%;max-width:132px}
.imgMini img{width:98%;height:auto;max-width:132px;display:inline-block;vertical-align:top;margin:5px 1%;}
.plecaRoja{background:#962928;margin:20px auto;width:100%;display:block;height:1px;}
.der{text-align:right;}
.centro{text-align:center;}
.just{text-align:justify;}
.aviso01{width:80%;display:block;margin:20px auto;padding:20px 2%;background:#FFF;text-align:justify;max-width:650px;}
.ocultar{display:none;}
.mostrar{display:inline-block;}
.descripcion2{width: 29%;display: inline-block;vertical-align: top;margin: 0 0 0 2%;text-align: justify;}

@media (max-width:650px){
	.logo{width:100%;max-width:150px;display:block;margin:auto;}
	.topDer{width:100%;display:block;margin:auto;}
	.tel{text-align:center;}
	header{padding:5px 0 0;position:relative;display:block;}
	main{margin:0;}
	.col3,.col2,.colPie,.redesPie{width:95%;display:block;margin:10px auto;}
	.cat01{width:45%;}
	footer{text-align:center;}
	.nosIco{width:30%;font-size:12px;}
	.col60,.col40,.descripcion,.cotizar,.imgMini,.imgProd,.descripcion2{width:95%;display:block;margin:auto;}
	.title30{font-size:28px;}
	.pro01{width:47%;}
	.campo1,.campo2,.campo5{width:97%;}
	.imgMini{width:95%;display:block;margin:auto;max-width:none;text-align:left;}
	
}

@media (min-width:651px) and (max-width:900px){
	.cat01{width:22.5%;}
	.col60,.col40,.descripcion2{width:90%;display:block;margin:auto;}
	.pro01{width:22%;}
	.imgMini{width:18%;}
	.imgProd{width:73%;}
}