html, body{background:#ECEBF3 url(marmol.png);margin:0;padding:0;height:100%;font-family:"Barlow Condensed", 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:#C7D6D5;border:0px none #ffffff;}
::-webkit-scrollbar-thumb:hover{background:#000B14;}
::-webkit-scrollbar-track{background:#6D7275;border:0px none #ffffff;}
::-webkit-scrollbar-track:hover{background:#6D7275;}
::-webkit-scrollbar-track:active{background:#6D7275;}
::-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:#0687D1;}
.wsp{position:fixed;bottom:10px;right:0;background:#00be00;width:52px;height:52px;overflow:hidden;z-index:6;text-align:left;transition:all 0.3s ease;}
.wsp img{margin:10px 0 0 10px;}
.wsp:hover{width:70px;}
.pulidores{width:100%;max-width:1380px;margin:0 auto;}
.logo{position:absolute;top:90px;left:50%;margin-left:-138px;z-index:2;}
.cemento{position:fixed;top:0;left:0;background:#C7D6D5;color:#000B14;font-size:22px;padding:2px 0;width:100%;z-index:6;}
h1,h4{font-size:50px;font-weight:900;margin:0 auto;color:#0687D1;padding:40px 0 10px 0;text-transform: uppercase;}
h4{font-size:38px;}
.ceramicos{margin:0 auto 20px;}
.pulir{float:left;width:20%;margin-bottom:20px;}
.trabajo{width:90%;background:#C7D6D5;margin:0 auto;}
.trabajo p{font-weight:700;margin:0 auto;padding:8px 0;font-size:18px;text-transform:uppercase;}
.trabajo img{margin-bottom:-5px;}
.calcareos{width:20%;float:left;margin-bottom:16px;}
.pintura{width:33.33%;float:left;margin-bottom:16px;}
.pintura img{max-width:90%;}
/* animacion */
.plastificado{overflow:hidden;height:380px;margin-top:30px;}
@keyframes contadores {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;}}
.petrilac{width:400%;display: table;height:380px;animation:contadores 16s linear infinite;}
.pulido{width:25%;display: table-cell;vertical-align:middle;background-size:cover !important;}
.marmol{background:url(marmol.jpg) center center;}
.granito{background:url(granito.jpg) center center;}
.parquet{background:url(parquet.jpg) center center;}
.mosaicos{background:url(mosaicos.jpg) center center;}
.pulido div{padding-top:200px;font-size:38px;font-weight:900;color:#ffffff;text-transform: uppercase;text-shadow: 0 0 4px #000B14;-webkit-text-stroke: 1px #000B14;}
/* formulario */
.cables,.llantas{width:100%;display:table;background:#B9CBCA;color:#fff;}
.chapas{width:40%;padding:20px 0;display:table-cell;vertical-align:middle;}
.metal{width:60%;padding:20px 0;display:table-cell;vertical-align:middle;}
.pormayor{background:url(pulido/metales.png) center left no-repeat;background-size:cover;}
.chapas b{font-size:22px;text-transform:uppercase;letter-spacing:1px;color:#0687D1;}
input[type="text"],textarea{width:92%;max-width:420px;padding:4px 6px;font-size:16px;border:0;border-radius: 2px;color:#000b14;margin-bottom:12px;font-family:"Barlow Condensed", verdana, sans-serif;letter-spacing:1px;}
input[type="submit"]{width:fit-content;border-radius:2px;border:0;background:#0687D1;color:#ffffff;font-size:14px;font-weight:700;text-transform: uppercase;padding:6px 10px;cursor:pointer;}
input[type="submit"]:hover{background:#000B14;color:#0687D1;}
form span{color:#6d7275;}
/* pie de pagina */
.baldosas{width:100%;display:table;max-width:1380px;margin:0 auto;background:#000b14;color:#ECEBF3;padding:6px 0;}
.piedra{width:50%;display:table-cell;vertical-align:middle;}
.piedra ul{width:fit-content;max-width:80%;margin:0 auto;text-align:left;padding:14px 0;}
.piedra li{list-style: none;background: no-repeat left center;padding:2px 0;}
.logopie{margin-bottom:-5px;}
.firma{width:100%;font-size:14px;margin:0 auto;background:#6D7275;color:#000b14;max-width: 1380px;}
h2,h3{font-size:34px;font-weight:900;text-transform: uppercase;margin:0 auto;padding:8px 0;}
h3{font-size:24px;font-weight:700;color:#000B14;}

@media only screen and (max-width: 935px) {
.baldosas,.piedra{display:block;width:100%;}
}
@media only screen and (max-width: 700px) {
.cables,.metal{width:100%;display:block;}
.pormayor{display: none;}
h1{font-size:42px;}
.pulir{width:50%;}
.calcareos{float:none;width:90%;margin:4px auto 16px;}
.ceramicos{max-width:90%;}
.pintura{width:50%;}
.interior{display: none;}
}
@media only screen and (max-width: 520px) {
.logo{top:40px;}
.plastificado,.petrilac{height:260px;}
.logopie{max-width:80%;}
.baldosas{text-align: left;}
.logopie{margin-left:6px;}
.piedra ul{margin-left:26px;}
h1{font-size:34px;}
h4{font-size:30px;}
.pintura{width:100%;float:none;}
}