html, body{background:#ededed url(bk4.png);margin:0;padding:0;height:100%;font-family:"PT Sans Narrow", verdana, sans-serif;letter-spacing:1px;text-align:center;font-size:16px;color:#1a1a1a;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-button{width:0px;height:0px;}
::-webkit-scrollbar-thumb{background:#050505;border:0px none #ffffff;}
::-webkit-scrollbar-thumb:hover{background:#333333;}
::-webkit-scrollbar-track{background:#444444;border:0px none #ffffff;}
::-webkit-scrollbar-track:hover{background:#D6D5C9;}
::-webkit-scrollbar-track:active{background:#D6D5C9;}
::-webkit-scrollbar-corner{background:transparent;}
.clear{clear:both;}
img{max-width:100%;}
a:link,a:visited{text-decoration:none;color:inherit;transition:all 0.3s ease;cursor:pointer}
a:hover{color:#757575;}
.wsp,.fb,.ig{position:fixed;bottom:10px;right:0;background:#1a1a1a;width:52px;height:52px;overflow:hidden;z-index:6;text-align:left;transition:all 0.3s ease;}
.fb{bottom:130px;}
.ig{bottom:70px;}
.wsp img,.fb img,.ig img{margin:10px 0 0 10px;}
.wsp:hover,.fb:hover,.ig:hover{width:70px;}
.wsp:hover{background:#00be00;}
.fb:hover{background:#4267B2;}
.ig:hover{background:#833AB4;}
.tel{width:100%;background: #050505;font-weight:700;font-size:14px;position:fixed;top:70px;left:0;z-index:6;padding:2px 0;}
#menuprod,#botones{visibility: hidden;}
#botones{position:fixed;width:100%;height:100%;display:table;top:0;left:0;background:#fff url(logo3.png) top center no-repeat;background-size:contain;padding:6px 0;z-index:9;}
#col{display: table-cell;vertical-align:middle;padding-top:40px;}
.vidrieria{width:fit-content;margin:0 auto 5px;padding:8px 14px;font-weight:700;text-transform: uppercase;font-size:18px;border-bottom:4px solid #050505;text-align:left;}
.vidrieria:hover{background:#050505;color:#ffffff;}
.cerrar{padding-top:10px;font-weight:700;text-transform: uppercase;width:fit-content;padding:4px 8px;background:#050505;color:#ffffff;margin:0 auto;}
.cristales{width:98%;padding:0 1%;border-bottom:1px solid #dadada;position:fixed;top:0;left:0;background:#fff;z-index:5;}
.empresa{width:100%;max-width:1400px;margin:0 auto;}
.eneldia{display:table;}
.logo{display:table-cell;vertical-align:middle;padding:6px 0;width:290px;text-align: left;}
.logo img{margin-bottom:-5px;}
.cerramientos,.aluminio{display:table-cell;vertical-align:middle;}
.aluminio{width:290px;text-align:right;text-transform:uppercase;font-size:22px;font-weight: 700;line-height: 22px;}
#botonera,#subbotonera{width:fit-content;margin:0 auto;max-width:90%;}
#menu{display: none;width:fit-content;height:40px;float:right;background:url(despl.png) center right no-repeat;padding:0 40px 0 12px;line-height: 40px;font-weight: 700;}
#menu:hover{background-color:#dadada;}
.techos{float:left;padding: 18px 10px;}
.techos:hover{background:#dadada;color:#757575;transition:all 0.3s ease;}
.vidriados{cursor: pointer;}
.menusp{padding:0 0 1px 3px;}
.vidrios{float:left;padding:4px 10px;font-weight:700;color:#dadada;text-transform: uppercase;}
.vidrios:hover{background:#303030;cursor:pointer;}
.frentevidriado{padding-top:70px;background:#ffffff;}
.espejos{width:100%;overflow: hidden;height:480px;}
@keyframes cerramientos {0% {margin-left: 0;}18% {margin-left: 0;}20% {margin-left: -100%;}38% {margin-left: -100%;}40% {margin-left: -200%;}58% {margin-left: -200%;}60% {margin-left: -300%;}78% {margin-left: -300%;}80% {margin-left: -400%;}98% {margin-left: -400%;}100% {margin-left: 0;}}
.mamparas{width:500%;height:480px;display:table; animation:cerramientos 25s linear infinite;}
.mamparas:hover{animation-play-state:paused;}
.fabrica{width:20%;display:table-cell;vertical-align:middle;background-size:cover !important;}
.deblindex{background:url(vidrieria.jpg) top center;}
.deaberturas{background:url(vidrios.jpg) center;}
.decerramientos{background:url(techos.jpg) center;}
.devidrios{background:url(cerramientos.jpg) center;}
.deventanas{background:url(ventanas.jpg) center;}
.texuno,.texboton{width:fit-content;padding:8px 16px;font-weight:700;font-size:32px;color:#ffffff;background:#1a1a1a;margin:0 0 10px 10px;text-transform:uppercase;}
.texboton{font-size:16px;background:#ffffff;color:#1a1a1a;border-bottom: 4px solid #c4c4c4;margin-bottom:0;transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.texboton:hover{background:#c4c4c4;cursor:pointer;border-bottom: 4px solid #009d92;}
.allado{float:left;}
.laminados{display:table;width:90%;margin:0 auto;min-height:250px;padding:50px 0;}
.templado,.amedida{display:table-cell;vertical-align:middle;width:50%;text-align:center;}
.oficinas{text-align:left;max-width:90%;margin-left:2%;}
h1,h2,h3,h4{font-size:40px;text-transform: uppercase;margin:0;padding:0 0 20px 0;}
h1{color:#009d92;}
h2{font-size:36px;color:#009d92;}
h4{font-size:28px;padding:0;color:#009d92;}
.amedida img{max-width:80%;}
.amedida div{margin:-5px auto 0;width:fit-content;width:80%;max-width:490px;background:#050505;color:#ffffff;font-size:22px;font-weight:700;text-transform:uppercase;padding:4px 0px;}
h3{margin:0 auto;font-weight:700;font-size:32px;}
.profilit{margin-left:0 !important;margin-bottom:22px;}
.vidriera{width:90%;margin:0 auto;}
.glass{text-align: left;padding-left:1%;}
.productos,.fotos{float:left;width:23%;margin:0 1% 18px;}
.dos{width:18%;}
.fotos{text-align: center;}
.fotos img,.panoramica{border:5px solid #050505;max-width:90%;}
.fotos img:hover{border:5px solid #757575;}
.taller{width:48% !important;}
.productos{background:#dadada;text-align:left;padding-bottom:7px;border-bottom:4px solid #c4c4c4;}
.productos img{margin-bottom:7px;}
.productos span{font-weight:700;font-size:20px;text-transform: uppercase;margin-left:5px;}
.productos:hover{background:#009d92;color:#dadada;border-bottom-color:#dadada}
.marcas{width:14.2%;float:left;padding-bottom:12px;}
h5{font-size:20px;text-align: center;margin:0 auto;padding:40px 0 10px 0;color:#b7b7b7;}
/* secciones */
.fabricante{width:100%;height: 180px;background-size:cover !important;background-position:center center !important;background:url(vidrios/baranda0.jpg);}
.trabajos{position:absolute;width:100%;top:220px;left:0;}
.obras{width: 100%;max-width: 1400px;margin: 0 auto;}
.infouno{margin:60px auto 30px;text-align:left;width:84%;background:#ededed;padding:2%;}
.instalacion{text-align: left;max-width:98%;margin:-10px auto 20px;}
.logotipo{width:100px;padding:10px 10px}
.infodos{text-align: left;max-width:98%;margin:0 auto 20px;}
/* pie de pagina */
.dvh{width:100%;display:table;max-width:1400px;margin:0 auto;background:#dadada url(bk6.png) center;background-size:contain;color:#050505;}
.pieldevidrio{width:50%;display:table-cell;vertical-align:middle;}
.pieldevidrio ul{width:fit-content;max-width:80%;margin:0 auto;text-align:left;padding:14px 0;}
.pieldevidrio li{list-style: none;background: no-repeat left center;padding:2px 0;}
.logopie{margin-top:20px;}
.firma{width:100%;font-size:14px;margin:0 auto;background:#050505;color:#b7b7b7;max-width: 1400px;}
/* formulario de contacto */
.frentes{font-size:18px;}
.frentes span{font-size:20px;font-weight:700;color:#757575;}
.perfil{font-size:14px;color:#757575;margin:0 auto 20px;}
input[type="submit"],input[type="text"],textarea{font-family:"PT Sans Narrow", verdana, sans-serif;}
input[type="text"],textarea{width:90%;max-width:400px;margin:0 auto 12px;border:1px solid #c4c4c4;background:#ffffff;color:#050505;padding:8px 10px;font-size:18px;}
input[type="submit"]{border:0px;border-bottom:4px solid #c4c4c4;background:#dadada;padding-top:11px;letter-spacing:1px;}
input[type="submit"]:hover{background:#333333;border-bottom-color:#050505;color:#ffffff;}
.mapa{width:100%;height:320px;border:0;margin-bottom:-4px;}

.video,.doble .afterglow,.doble img{width:90% !important;aspect-ratio:23/16;margin:0 auto;border:5px solid #050505;background:#050505;}
.doble{width:31.33%;float:left;margin:0 1% 18px;}

/*Mover Recaptcha a la izquierda*/
.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: -2px !important;
    bottom: 20px !important;
    }
    .grecaptcha-badge:hover {
    width: 256px !important;
    }

@-moz-document url-prefix() {
.texuno,.texboton,.vidrieria,.cerrar,#botonera,#subbotonera,#menu,.pieldevidrio ul,.amedida div{width:-moz-fit-content;}
}
@media only screen and (max-width: 1110px) {
.productos,.fotos,.dos{width:46%;margin:0 2% 18px;}
.taller{width:46% !important;}
}
@media only screen and (max-width: 935px) {
.mamparas,.espejos{height:340px;}
.aluminio,#botonera{display: none;}
.eneldia{height:56px;}
#menu{display: block;}
.dvh,.pieldevidrio,.templado,.amedida,.laminados{display:block;width:100%;}
h1{font-size:50px;}
h2{font-size:42px;}
.venta{margin:0 0 40px 0;}
.pieldevidrio p{max-width:400px;margin:6px auto;text-align:left;}
.fabrica{margin-bottom:10px;}
.oficinas{margin:0 auto;text-align: center;}
}
@media only screen and (max-width: 520px) {
.texuno{font-size:22px;}
h1{font-size:38px;}
h2{font-size:30px;}
h2.glass{text-align: center;padding-left:0;}
.dvh{width:96%;padding:0 2%;text-align:left;}
.pieldevidrio p{display: none;}
.pieldevidrio ul{margin:0 auto 0 20px;}
.logopie{max-width:80%;}
.productos,.fotos,.dos{width:96%;float:none;}
.fabricante{height:100px;}
.trabajos{top:148px;}
.marcas{width:25%;} 
.taller{width:96% !important;float:none}
.doble{width:98%;float:none;}
.doble .afterglow{aspect-ratio:1/1;}
}
@media only screen and (max-width: 440px) {
h1{font-size:30px;}
.logo img{max-width:90%;}
.mamparas,.espejos{height:260px;}
.texuno{max-width:84%;text-align:left;font-size:20px;background:rgba(26,26,26,0.8);}
.venta .texuno{background:#1a1a1a;}
.texboton{font-size:14px;}
.cajas{width:100%;float:none;}
.logotipo{width:90px;}
}
@media only screen and (min-height: 600px) {
.cerrar{margin-top:40px;}
}