html, body{background:#630101 url(madera.png);margin:0;padding:0;height:100%;text-align:center;font-size:20px;font-family:"ubuntu",verdana,sans-serif;}
.clear{clear:both;}
img{max-width:100%;}
a:link,a:visited{text-decoration:none;color:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;cursor:pointer}
a:hover{color:#920000;}
.decks{position:absolute;z-index:3;top:190px;left:50%;margin-left:-120px;}
.colocacion{width:100%;position:fixed;top:0;left:0;background:#FF6600;color:#fff;height:80px;overflow:hidden;z-index:6}
.colocacion span{font-size:50px;font-weight:700;}
.pulidor{height:100px;}
.plastificado{width:92%;max-width:1280px;margin:0px auto;background:#ffffff url(pulidores.png);box-shadow:0 4px 16px -2px #202020;}
.kronotex{width:100;height:420px;overflow:hidden;}
@keyframes agua {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 agua {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 agua {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;}}
.petrilac{width:400%;height:420px;animation: agua 20s infinite;-moz-animation: agua 20s infinite;-webkit-animation: agua 20s infinite;}
.pisos{width:25%;height:420px;float:left;text-align:center}
.demadera{background:url(plastificado.jpg)center no-repeat;background-size:cover;}
.parquet{background:url(pulido.jpg)center no-repeat;background-size:cover;}
.tarugados{background:url(flotantes.jpg)center no-repeat;background-size:cover;}
.flotantes{background:url(madera.jpg)center no-repeat;background-size:cover;}
h1,h3{font-size:60px;font-family:"ubuntu", verdana, sans-serif;color:#920000;text-align:left;margin:0 0 6px 20px;padding:30px 0 0;text-transform:uppercase;font-weight:700}
h3{font-size:46px;padding:0 0 30px;}
.laminados{font-weight:400;font-size:28px;color:#c5cdd0;margin:0 0 36px 20px;text-align:left;text-transform:uppercase;letter-spacing:-1px;}
.pulidores{width:33.33%;float:left;margin:0 0 20px;}
.pulidores img,.pulidores p,h2{width:90%;max-width:320px;}
h2{margin:0 auto;padding:4px 0;font-weight:700;color:#ff6600;font-size:24px;background:#920000;border-radius:6px 6px 0 0;}
.pulidores p{margin:-5px auto 0;background:#e0e0e0;border-radius:0 0 6px 6px;font-size:14px;color:#666;padding:4px 0;}
.tablones{width:100%;display:table;margin:0 auto 30px;}
.pulido{width:50%;display:table-cell;vertical-align: middle;}
.pulido p{text-align:left;margin:0 0 12px 12px;font-weight:300;padding-left:36px;background:url(flotantes.png) no-repeat;background-position:left 0px;min-height:24px;color:#666}
.pulido b{color:#ff6600;}
.hidrolaqueado{width:100%;background:#202020;margin-bottom:30px;}
.madera{width:25%;float:left;height:200px;opacity:1;background-size:cover;cursor:pointer;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;z-index:2;}
.madera:hover{opacity:0.5;}
.madera img{opacity:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;margin-top:75px}
.madera:hover img{opacity:1;}
.venta{width:88%;max-width:260px;border:1px solid #920000;font-size:16px;font-weight:400;font-family:"ubuntu",verdana,sans-serif;text-align:center;margin:0 0 10px;padding:4px 0;letter-spacing:1px;border-radius:4px;}
.melaminicos{width:88%;max-width:260px;background:#ff6600;color:#fff;font-weight:700;font-family:"ubuntu",verdana,sans-serif;font-size:16px;padding:6px 0;border:0;border-radius:4px;cursor:pointer;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
.melaminicos:hover{background:#920000;}
.empresa{font-size:14px;}
.fb,.wsp,.ins{position:fixed;right:-26px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;z-index:9;cursor:pointer;border-radius:6px 0 0 6px;top:120px;}
.wsp{top:164px;}
.ins{top:208px;}
.fb:hover,.wsp:hover,.ins:hover{right:0;}

.venta11{width: 86%;margin: 0 auto;background: url(venta.jpg) bottom;background-size: cover;margin-top: 20px;margin-bottom: 30px;box-shadow: 5px 5px 0px #555, -5px -5px 0px #bbb;}
.madera11{margin: 0;padding: 15px;text-align: center;font-size: 20px;color: #fff;text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000;}
.pisos11{font-size: 34px;color: #c00;text-shadow: 1px 1px 0px #bbb, -1px -1px 0px #bbb, 1px -1px 0px #fff, -1px 1px 0px #fff;text-transform:capitalize;letter-spacing: 1px;}
.tablonado11{float:left;width:48%;padding:6px 1%;}
.tablonado11 img{max-width:80%;}
.precio11{color: #c00;font-size: 70px;font-weight: 700;text-shadow: 1px 1px 0px #cc0, -1px -1px 0px #cc0, 1px -1px 0px #fff, -1px 1px 0px #fff;}
.pie11{font-size: 14px;color: #ccc;margin: 0;padding: 0;}
@media only screen and (max-width: 1150px) {
h1{font-size:50px;}
h2{font-size:22px;}
h3{font-size:38px;}
}
@media only screen and (max-width: 950px) {
.pulidores{width:100%;margin:0 0 30px;}
.tablones,.pulido{display:block;}
.pulido{width:100%;margin-bottom:30px;}
.pulido p{font-size:16px;}
.importados{display:none;}
.madera{width:33.33%;}
.tablonado11{width:98%;float:none;}
}
@media only screen and (max-width: 650px) {
.colocacion{font-size:40px;font-weight:700;line-height:18px;}
.colocacion span{font-size:14px;font-weight:400;display:block;width:100%;height:16px;margin-top:9px;}
.kronotex,.petrilac,.pisos{height:300px;}
.decks{top:130px}
h1{font-size:38px;}
.laminados{font-size:24px;}
.precio11{font-size:52px;}
}
@media only screen and (max-width: 500px) {
.pulidor{height:70px;}
.colocacion{font-size:28px;height:64px;line-height:12px;}
h1,h3{font-size:28px;text-align:center;margin:0 0 6px;}
h3{padding:20px 0 0;}
.laminados{font-size:20px;color:#999;text-transform:none;letter-spacing:0;}
.madera{width:50%;}
.decks{position:static;margin:0;}
.kronotex,.petrilac,.pisos{height:200px;}
.pisosalemanes{display:none}
}
@media only screen and (max-width: 370px) {
.decks{width:160px;}
.colocacion{font-size:22px;height:60px;}
.pulido{font-size:16px;}
.madera{height:120px;}
.madera img{margin-top:35px;}
}