/* Global */
html,body{margin:0;padding:0;font-family: 'Source Sans Pro', Arial, sans-serif;background:#F0F8FA url(bk.jpg)top center;color:#05070F;text-align: center;font-size:16px;}
a:link,a:visited{text-decoration:none;color:#2E408A;transition:all 0.3s ease;cursor:pointer;}
a:hover{color:inherit;}
.clear{clear:both;}
img{max-width: 100%;}
.wsp{position:fixed;bottom:10px;right:10px;background:#00be00 url(wp.png) 14px 14px no-repeat;width:264px;height:46px;overflow:hidden;z-index:6;transition:all 0.3s ease;text-align:center;line-height: 32px;font-weight:700;color:#F0F8FA;padding:14px 14px 0 60px;text-transform:uppercase;border-radius:3px;}
.wsp:hover{filter:brightness(70%);}

/* Encabezado */
.micropisos{width:100%;background: #F0F8FA;border-bottom:1px solid #E0F1F5;padding:4px 0;font-size:22px;position: fixed;top:0;left:0;}
.logo{padding:22px 0;margin-top:36px;}

/* Animacion */
.vitrificado{width:100%;overflow: hidden;height:420px;background:url(cocina.jpg) center; background-size: cover;}
@keyframes metales {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;}}
.piedra{width:400%;height:420px;display:table; animation: metales 20s linear infinite;}
.pulido{width:25%;display:table-cell;vertical-align:middle;background-size:cover !important;}
.pulido div{width: fit-content;padding:6px 10px;margin-left:10px;background:#1B2650;color:#F0F8FA;font-weight:800;font-size:32px;text-transform:uppercase;}
.calcareo{background:url(laja.jpg) center no-repeat;}
.parquet{background:url(granito.jpg) center no-repeat;}
.marmol{background:url(mosaicos.jpg) center no-repeat;}
.granito{background:url(marmol.jpg) center no-repeat;}

/* Contenido */
h1,h2{color:#2E408A;max-width:90%;margin:20px auto;}
.plastificado{margin:0 auto 20px;max-width:90%;}
.brillo{width:100%;margin:0 auto;max-width:1320px;background:#F0F8FA;}
.pulidores{width:33.33%;float:left;margin-bottom:12px;}
.pulidores img{max-width: 90%;margin-bottom:-5px;}
h3{margin:0 auto;padding:8px 0;border-bottom:2px solid #1B2650;max-width:90%;}
.termovitrificado{width:100%;padding:40px 0;background:url(pisos/pulido.jpg) center;background-size:cover;color:#F0F8FA;}
.carrara{margin:0 auto 20px;letter-spacing: 2px;font-size:1.2em;}
.carrara span{font-size:36px;font-weight:700;}
.hidrolaqueado{width:800px;max-width: 80%;margin:0 auto;background:rgba(240,248,250,0.8);color:#05070F;padding:20px;}
.hidrolaqueado span{font-size:3em;font-weight: 700;}

/* Pie de pagina */
.logopie{padding:8px 0;margin-bottom:-5px;}
.datos{margin:6px 0;}
.firma{font-size:0.8em;}

@media only screen and (max-width: 880px) {
html,body{font-size:14px}
.wsp{width:46px;padding:8px;background-position:center;}
.wsp span{display: none;}
.vitrificado,.piedra{height:340px;}
}
@media only screen and (max-width: 620px) {
.vitrificado,.piedra{height:280px;}
.pulido div{font-size:24px;}
.pulidores{width:100%;float:none;}
}
@media only screen and (max-width: 390px) {
.logo{max-width:80%;}
.vitrificado,.piedra{height:240px;}
.pulido div{font-size:20px;}
.termovitrificado{padding:50px 0;}
}