@charset "utf-8";
/* CSS Document */
html, body {background:#d4d4dd;margin:0;color:#1c1c22;padding:0;height:100%;font-family:"Roboto Condensed", arial, sans-serif;font-weight:400;font-size:20px;text-align:center;}
a {text-decoration:none;color:#3355FF;border:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
a:hover{color:#223377}
img {max-width: 100%;border: 0;}
.clear {clear: both;}
.pulidor{width:340px;padding:5px 10px;font-weight:700;position:fixed;top:0;left:2%;background:url(marmol.jpg);background-size:cover;border-radius:0 0 4px 4px;box-shadow:0 0 6px #333;z-index:900;}
.pulidores{width:100%;height: 38px;position: fixed;top: 0;left: 0;background: #1c1c22;line-height: 38px;text-align: left;z-index: 40;}
.baldosas{float: right;color: #fff;font-size: 30px;line-height: 38px;font-weight: 700;margin-right: 4px;}
@keyframes pulidores {0% {background-position:3000px 0px;}100% {background-position:0px 0px;}}
@-moz-keyframes pulidores {0% {background-position:3000px 0px;}100% {background-position:0px 0px;}}
@-webkit-keyframes pulidores {0% {background-position:3000px 0px;}100% {background-position:0px 0px;}}
.pulido{width: 100%;height:440px; background:url(pulidodepisos.png) repeat;background-position:0px 0px;animation: pulidores linear 36s infinite;-moz-animation: pulidores linear 36s infinite;-webkit-animation: pulidores linear 36s infinite;margin:80px 0 0;}
#pulido{width: 380px;height: 506px;	border-top: 7px solid #3344BB;border-bottom: 7px solid #1c1c22;background: rgba(12,12,12,0.7);position: absolute;color: #fff;top: 58px;right: 40px;z-index: 30;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.pisos{width: 88%;margin-bottom: 10px;	padding: 8px;font-family: 'Roboto Condensed', arial, sans-serif;font-weight: 400;font-size: 16px;color: #999933;border: 1px solid #999;border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;max-width:370px;}
.hormigon{width: 60%;background: #1c1c22;color: #fff;border: 0;padding: 8px;font-size: 20px;font-family: 'Roboto Condensed', arial, sans-serif;	border-radius: 2px;-o-border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;max-width:370px;cursor:pointer}
.hormigon:hover{background: #3355FF;color: #1c1c22;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
h1,h3{font-size:180px;text-align:center;color:#1c1c22;margin:0; padding:70px 0 10px;text-transform:uppercase;}
h3{font-size:60px;}
h2 {padding: 0;margin: 15px 0 5px;font-weight: 700;font-size: 24px;color: #3355FF;}
h4{font-size:60px;margin:0 0 20px;padding:0;color:#237;font-weight: 700;text-transform:uppercase}
.pulir{width:88%;margin:0 auto 20px;max-width:1500px;}
.mosaicos{width:31.33%;float:left;text-align:center;margin:0 1% 10px;}
.conmaquina{width:48%;float:left;text-align:center;margin:0 1% 10px;}
.empresa{width:90%;max-width:950px;margin:0 auto 10px;background:url(pulido.jpg)center;background-size:cover;padding:50px 2px;font-size:30px;font-weight:700;}
.piedra{color: #1c1c22;text-align: center;}
.facebook{position: fixed;left: -22px;bottom: 100px;z-index: 100;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.facebook:hover{left: 0;}
@media only screen and (max-width: 1320px) {
h1{font-size:140px;}
}
@media only screen and (max-width: 1010px) {
h1{font-size:70px;padding-top:96px}
.mosaicos{width:48%;}
.conmaquina{width:98%;}
.cemento{display:none;}
h2{color:#1c1c22;}
#pulido{width: 100%;height: auto;border-top: 7px solid #dbdbee;border-bottom: 7px solid #8e8e9a;background: #b2b2c2;position: static;color: #fff;top: auto;right: auto;border-radius:0;-o-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;padding-bottom:10px}
.pulido{height:380px;background-size:cover}
}
@media only screen and (max-width: 820px) {
.pulidor{width:100%;top:38px;left:0;border-radius:0;box-shadow:none;padding:5px 0;}
.pulidores{text-align: center;}
.baldosas{float: none;margin-right: 0 auto;}
.pulido{margin-top:150px;}
h1,h3{padding-top:150px}
}
@media only screen and (max-width: 580px) {
.pulido{height:280px;background-size:cover}
.baldosas{font-size:22px;letter-spacing:-2px}
h1,h3{font-size:28px;}
.empresa{font-size:22px;}
.mosaicos{width:98%;float:none}
}
@media only screen and (max-width: 420px) {
.pulido{height:180px;margin-top:130px;}
h1,h3{padding-top:150px}
.empresa{background-position:bottom;}
}