html,body{margin:0;padding:0;background:#0d0d0d;color:#e6e6e6;font-family:"Roboto Condensed", Arial, sans-serif;font-size:18px;text-align:center;}
a:link,a:visited{text-decoration:none;color:inherit;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;cursor:pointer}
a:hover{color:#ffc266;}
.clear{clear:both;}
.wsp{display:none;}
img{max-width:100%;}
.pulir{width:100%;position:fixed;top:0;left:0;background:#000;color:#ff9900;font-size:40px;font-weight:700;text-transform:uppercase;z-index:5;}
.pulir br{display:none}
.pulidores{width:100%;margin:0 auto;max-width:1480px;}
.depisos{height:340px;overflow:hidden;margin-top:48px;}
@keyframes marmol {0% {margin-left:0;}22% {margin-left:0;}25% {margin-left:-100%;}47% {margin-left:-100%;}50% {margin-left:-200%;}72% {margin-left:-200%;}75% {margin-left:-300%;}96% {margin-left:-300%;}100% {margin-left:0;}}
@-moz-keyframes marmol {0% {margin-left:0;}22% {margin-left:0;}25% {margin-left:-100%;}47% {margin-left:-100%;}50% {margin-left:-200%;}72% {margin-left:-200%;}75% {margin-left:-300%;}96% {margin-left:-300%;}100% {margin-left:0;}}
@-webkit-keyframes marmol {0% {margin-left:0;}22% {margin-left:0;}25% {margin-left:-100%;}47% {margin-left:-100%;}50% {margin-left:-200%;}72% {margin-left:-200%;}75% {margin-left:-300%;}96% {margin-left:-300%;}100% {margin-left:0;}}
.cemento{width:400%;height:340px;overflow:hidden;animation: marmol 20s linear infinite;-moz-animation: marmol 20s linear infinite;-webkit-animation: marmol 20s linear infinite;}
.pulido{width:25%;height:340px;float:left;text-align:center}
.marmol{background:url(calcareos.jpg) center;background-size:cover;}
.granito{background:url(baldosas.jpg) center;background-size:cover;}
.mesadas{background:url(pulido.jpg) center;background-size:cover;}
.escaleras{background:url(pisos.jpg) center;background-size:cover;}
.logobar{width:100%;background:#ff9900;height:30px;}
.logo{position:absolute;z-index:3;left:50%;margin-left:-110px;top:248px;width:220px;height:140px;background:#ff9900;border-radius:4px 4px 0 0;}
.brillo{width:100%;display:table;padding:34px 0;}
.vitrificado{width:auto;display:table-cell;vertical-align:middle;font-size:24px;}
.piso{width:440px;display:table-cell;vertical-align:middle;}
h1{font-size:50px;margin:0;padding:0;font-weight:700;color:#ff9900;text-transform:uppercase;}
form{width:90%;margin:0 auto;background:url(pulido.png);padding:10px 0;}
#recaptcha{margin-left: 50px; margin-right: 10px; padding-top: 20px;}
input[type=text],textarea{width:90%;padding:2px;text-align:left;font-size:18px;font-family:"Roboto Condensed", arial, sans-serif;color:#0d0d0d;margin-bottom:10px;border:0;}
input[type=email],textarea{width:90%;padding:2px;text-align:left;font-size:18px;font-family:"Roboto Condensed", arial, sans-serif;color:#0d0d0d;margin-bottom:10px;border:0;}
input[type=submit]{padding:4px;background:#ff9900;color:#fff;font-weight:700;width:180px;border:0;font-size:18px;font-family:"Roboto Condensed", arial, sans-serif;cursor:pointer;text-transform:uppercase;}
input[type=submit]:hover{background:#ffc266;color:#0d0d0d;}
.mosaicos{width:25%;float:left;margin-bottom:30px;}
.baldosas{width:90%;margin:0 auto;border-radius:4px;background:#ff9900;color:#fff;font-weight:700;font-size:22px;text-transform:uppercase;padding-top:2px;}
.calcareos{padding:80px 0;background:url(hormigon.jpg) center;background-size:cover;margin-bottom:20px;}
h2{font-size:50px;margin:0;padding:0 0 20px;color:#fff;font-weight:700;text-transform:uppercase;}
h3{font-size:24px;color:#ff9900;font-weight:700;margin:0;padding:0;text-transform:uppercase;}
h4{font-size:66px;color:#fff;margin:0;padding:20px 0 0;}
h5{font-size:24px;font-weight:700;text-transform:uppercase;color:#ff9900;margin:0 auto;padding:0;}
.fb{position:fixed;right:-26px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;z-index:9;cursor:pointer;border-radius:6px 0 0 6px;top:120px;}
.fb:hover{right:0;}
@media only screen and (max-width: 1020px) {
.vitrificado{font-size:18px;}
}
@media only screen and (max-width: 840px) {
.wsp{display:block;position:fixed;bottom:20px;left:10px;background:#00be00;width:52px;padding:10px 0 5px;border-radius:50px;box-shadow:0 0 5px #333;z-index:6}
.mosaicos{width:50%;}
h2{font-size:40px;}
h3{font-size:22px;}
h4{font-size:52px;}
.vitrificado,.piso{width:100%;display:block;}
}
@media only screen and (max-width: 490px) {
.pulir br{display:inline}
.logo{top:216px;}
.depisos,.cemento,.pulido{height:260px;}
.depisos{margin-top:96px;}
}