html,body{margin:0;padding:0;font-family: 'Fira Sans', Arial, sans-serif;background:#1D252D;color:#ffffff;text-align: center;font-size:16px;}

a:link,a:visited{text-decoration:none;color:#008080;transition:all 0.3s ease;cursor:pointer;}
a:hover{color:inherit;}
.clear{clear:both;}
img{max-width: 100%;}
.wsp,.home{position:fixed;bottom:10px;right:10px;background:#00be00 url(wp.png) 14px 14px no-repeat;width:264px;height:46px;overflow:hidden;z-index:6;transition:all 0.3s ease;text-align:center;line-height: 34px;font-weight:700;color:#FBF5F3;padding:14px 14px 0 60px;text-transform:uppercase;border-radius:3px}
.wsp:hover,.home:hover{filter:brightness(70%);}
.home{bottom:80px;background:#008080 url(home.png) 14px 14px no-repeat;}

/* Encabezado */
.obras{width: 100%;position: fixed;top:0;left:0;border-bottom: 1px solid #1A2128;background:#282F3A}
.venta{width: 100%;max-width:1400px;margin:0 auto;display: table;}
.ventanas{display: table-cell;vertical-align: middle;}
.corredizas{width:220px;text-align: left;}
.depvc{text-align: right;font-size:20px;padding-right:2px;}
.mb2,.mb3{display: none;}

/* Animacion */
.tonelada{width:100%;overflow: hidden;height:420px;background:url(cocina.jpg) center; background-size: cover;}
@keyframes metales {0% {margin-left: 0;}23% {margin-left: 0;}25% {margin-left: -100%;}48% {margin-left: -100%;}50% {margin-left: -200%;}73% {margin-left: -200%;}75% {margin-left: -300%;}98% {margin-left: -300%;}100% {margin-left: 0;}}
.kilo{width:400%;height:420px;display:table; animation: metales 20s linear infinite;}
.compro{width:25%;display:table-cell;vertical-align:middle;background-size:cover !important;}
.hermetico{width: fit-content;padding:6px 10px;margin-left:30px;background:#ffffff;color:#1D252D;font-weight:700;font-size:32px;font-family: 'Merriweather', serif;}
.paneles{width: fit-content;padding:6px 10px;margin-left:10px;background:#008080;color:#ffffff;font-weight:400;font-size:16px;letter-spacing: 2px;text-align:left;}
.aluminio{background:url(ventanas.jpg) center no-repeat;}
.bronce{background:url(aberturas.jpg) center no-repeat;}
.cobre{background:url(ventanal.jpg) center no-repeat;}
.hierro{background:url(dvh.jpg) center no-repeat;}

/* Contenido */
.cerramientos{display: none;}
.fabrica{width:100%;max-width:1400px;margin:86px auto 0;}
h1{font-family: 'Merriweather', serif;font-weight:700;font-size:70px;}
.pvc{width:80%;margin:0 auto 80px;display: table;text-align:left;}
.instalacion{display: table-cell;vertical-align:middle;padding:20px 0;width:50%;line-height: 1.6em;}
.deventanas{background:url(aberturasdepvcg.jpg) center;background-size: cover;}
.deaberturas{background:url(restauracion.jpg) center;background-size: cover;}
.decerramientos{background:url(aberturasdepvc.jpg) center;background-size: cover;}
.obranueva{background:url(aluminio.jpg) center;background-size: cover;}
.construye{background:url(amedida.jpg) center;background-size: cover;}
.vidrios{background:url(seguridad.jpg) center;background-size: cover;}
.construccion{background:url(cerramiento.jpg) center;background-size: cover;}
h2,h3{font-family: 'Merriweather', serif;color:#008080;font-weight: 400;font-size:30px;margin:0 auto;padding:0 0 20px 0;max-width:80%;line-height:1.0em;}
.instalacion p{max-width:80%;margin:0 auto;letter-spacing: 2px;border-bottom: 1px solid #494D60;padding-bottom:20px;}
.renovacion{width:33.33%;float:left;padding-bottom:20px;}
.aberturas{width:80%;margin:0 auto;text-align: left;line-height: 1.6em;}
.montaje{width:100%;height:240px;}
.ventana1{background:url(ventanas.png) center;background-size:cover;}
.ventana2{background:url(corredizas.png) center;background-size:cover;}
.ventana3{background:url(puertas.png) center;background-size:cover;}
.ventana1 img,.ventana2 img{float:right;margin: 206px 2px 0 0;width:105px;border:1px solid #494D60;}
h3{font-size:24px;padding:20px 0;max-width: 100%;}
.aberturas p{letter-spacing: 2px;border-bottom: 1px solid #494D60;padding-bottom:20px;margin:0 auto;}
.perfiles{background:#484D60;margin:0 auto 40px;padding:40px 0;width:80%;}
.perfiles p{letter-spacing: 2px;line-height:1.6em;max-width:80%;margin:16px auto;}
.perfiles b{color:#008080;}

/* Pie de pagina */
.antisonido{width:100%;max-width:1400px;padding:8px 0;margin:0 auto;}
.hidrofuga{text-align:center;padding:24px 0;margin:0 auto;}
.ventanal{display: table;margin:0 auto;color:#EDEDED;width:100%;border-top: 1px solid #494D60;padding:20px 0;}
.fabricante{display: table-cell;}
.amedida{width:170px;text-align:left;vertical-align:top;padding:0 5px;}
.amedida span{color:#008080;font-size:1.2em;}
.puertas{vertical-align:middle;}
.fabricante p{text-align: left;margin:0 auto;font-size:0.8em;line-height:20px;}
.fabricante p b{color:#000080;}
.fabricante p a{color:#ffffff;}
.logopie{padding:10px 0;}
.separacion{width:100%;height:6px;}
.firma{background:#484D60;color:#1D252D;width:100%;font-size:0.8em;padding:4px 0;}
.antiruido{width:90%;border:0;height:140px;}
.cerramiento{display: none;width:100%;}
@media only screen and (max-width: 1080px) {
.pvc{width:90%;}
}
@media only screen and (max-width: 920px) {
h1{font-size:50px;}
.instalacion,.aberturas{font-size:14px;}
.instalacion p,h2{max-width:90%;}
h3{font-size:20px;}
.cerramiento{display: block;}
.puertas{display: none !important;}
.amedida{width:25%;}
.fabricante p{text-align: center;}
}
@media only screen and (max-width: 680px) {
h1{font-size:40px;}
.paneles{max-width:90%;}
.tonelada,.kilo{height:280px;}
.renovacion{width:100%;float:none;}
.deventanas,.deaberturas,.decerramientos,.obranueva,.construye,.vidrios,.construccion{display: none;}
.instalacion{width:100%;padding-top:0;}
.cerramientos{display: block;}
.pvc{width:80%;margin:0 auto;}
h2{padding:20px 0;font-size:20px;}
.instalacion p,h2{max-width:100%;}
.perfiles p{font-size:14px;max-width:90%;}
.wsp,.home{width:46px;padding:8px;background-position: center;}
.wsp span,.home span{display: none;}
.mb1{display: none;}
.mb2{display: inline;}
}
@media only screen and (max-width: 560px) {
.hermetico{font-size:24px;}
.paneles{font-size:14px;}
.fabricante{display: block;}
.amedida{width:100%;padding:3px 0;}
.ventanal{padding:20px 0 0 0;}
.corredizas{width:50%;text-align:center}
.depvc{font-size:18px;text-align:center;padding:0 6px;}
}
@media only screen and (max-width: 450px) {
.hermetico{font-size:16px;}
.paneles{font-size:12px;background:rgba(14,14,14,0.6)}
.fabrica{margin-top:75px;}
.mb3{display: inline;}
.mb4{display: none;}
}