html,body{font-family: 'Elms Sans', arial, sans-serif !important;color:#00294F;text-align:center;font-size:16px;background:#EBDCF9 url(../bk.jpg) fixed;}
.clear{clear:both;}
img{max-width:100%;}
.container-pisos{width:100%;padding:0 30px;margin:0 auto;}
a:link,a:visited,a:hover{color:#FF9E00;text-decoration: none !important;filter:grayscale(0);}
a:hover{filter:grayscale(1);}
h1,h2,#titulo{font-weight:800;font-family: "Alex Brush", cursive;}
.wsp{padding:14px;position:fixed;z-index: 9999;bottom: 8px; right: 8px;width: fit-content;background:#00be00;}

/* Navbar */
nav{width:100%;z-index:5;padding:.2rem 0 !important;position: fixed !important;top:0;left:0;border-bottom: 1px solid #131414;background:#00294F}
.logotipo{height:60px;}
.navbar-toggler{border-color:#FF9E00 !important;color:#FF9E00}
.navbar-toggler-icon{background:url(../menu.png) center center no-repeat;}
.cosechadora a:link,.cosechadora a:visited{color:#ffffff;}
.cosechadora a:hover{color:#6C754A;}
.cosechadora img{margin-top:-3px;}
.navwsp{text-align: right;}
.navmenu{text-align: right;}
.btn-new{padding:14px 35px;background:#FF9E00;color:#00294F;font-weight:600;border:0;border-radius: 2px;cursor:pointer;font-size:18px;font-weight:600;text-transform: uppercase;}
.btn-new:hover{background:#FF8500;}
.btn-new img{margin-bottom:-5px;margin-top:-8px;}


/* Animacion */
#encabeza{background:none;background-size:cover;background-color:#ffffff;position:relative;z-index:6;}
#encabeza h1{font-size:90px;}
.carousel-inner{background:none;}
.google{width:100%;height:100vh;display: table;}
.foto1{background:transparent url(../pisos/marmol.jpg) center no-repeat;background-size: cover;}
.foto2{background:transparent url(../pisos/granito.jpg) center no-repeat;background-size: cover;}
.foto3{background:transparent url(../pisos/hormigon.jpg) center no-repeat;background-size: cover;}
.foto4{background:transparent url(../pisos/madera.jpg) center no-repeat;background-size: cover;}
.ads{display: table-cell;vertical-align: middle;padding:0 5%;text-align:left;padding-top:40px;}
.anuncio{padding:2px 0;color:#ffffff;margin:0 auto;font-weight: 600;font-size:4rem;text-transform: uppercase;line-height: 5rem;}
.ads span{font-size:28px;font-weight:200;font-style: italic;color:#ffffff;letter-spacing:1px;}
.carousel-item{text-align: center;}
.carousel-control-next, .carousel-control-prev {width:60px !important;}
.carousel-indicators li{width:10px !important;height:10px !important;cursor: pointer;}
.embrujos{padding-left:0;padding-right:0;}
.subtitulo{font-size:20px;}


/* Contenido */
#quienes, #servicios, #interesado, #footer{padding: 90px 0;}
h1{margin:0 auto 10px;font-weight: 700;font-size:70px;}
h2{font-size:40px;color:#9D4EDD;margin-bottom: 30px;}
#quienes{background:url(../pisos/pulidor.png) right bottom no-repeat;background-size:50%;background-color:#003566;color:#ffffff;}
#servicios h1{margin-bottom:6px;color:#07549A}
.cosecha{margin-bottom:16px;transition:.3s ease-out;}
.cosecha:hover{color:#3C096C;}
.cosecha p{text-align: left;padding:0 0 10px 0;margin-bottom:0;font-size:14px;letter-spacing: 2px;}
h3{font-weight:800;font-size:20px;text-align: left;padding:10px 0;margin-bottom:0;text-transform: uppercase;}
.pulidor{width:100%;aspect-ratio: 1.6/1;margin-bottom:4px;}
.entablonado{background:url(../pisos/parquet.jpg) center center no-repeat;background-size:cover;}
.marmol{background:url(../pisos/pisos.jpg) center center no-repeat;background-size:cover;}
.mesadas{background:url(../pisos/mesadas.jpg) center center no-repeat;background-size:cover;}
.cemento{background:url(../pisos/cemento.jpg) center center no-repeat;background-size:cover;}
.piedra{background:url(../pisos/piedra.jpg) center center no-repeat;background-size:cover;}
.travertino{background:url(../pisos/travertino.jpg) center center no-repeat;background-size:cover;}
.ceramicas{background:url(../pisos/ceramicas.jpg) center center no-repeat;background-size:cover;}
.calcareos{background:url(../pisos/calcareos.jpg) center center no-repeat;background-size:cover;}


.subt{color:#07549A;text-transform: uppercase;}
.poder{margin-top:40px;}
#titulo{margin-top:86px;padding:0 0 60px 0 !important;background-size:cover !important;}
#titulo .container-fluid{background:rgba(238,207,152,.75);color:#00294F;font-size:40px;text-align: left;padding:22px 12px;}
.brilloso{padding-bottom:40px;}
.divisor{padding:0 20px 0 20px;}

/* Estas interesado */
#interesado{background: #000000 url(../pisos/pulidores.jpg) center center no-repeat;background-size:cover;color:#F4F4F4;}
h4{font-size:24px;color:#07549A;text-transform: uppercase;margin-top:20px;font-weight: 800;}
h5{font-size:20px;margin-top:10px;font-weight: 700;}

/* Formulario */
.form-control{border-color:#00294F;background:#e2e2e2;font-family: 'Elms Sans', arial, sans-serif;font-size:14px;padding:8px 12px;}

/* Pie de pagina */
#footer{background: #ffffff;}
.footn{font-weight:700;font-size:22px;padding-bottom: 10px;display: inline-block;text-transform: uppercase;}
.logopie{text-align: right;}
.agricultura{text-align:left;}
#firma{background:#00294F;margin-bottom:0 !important;color: #e2e2e2;text-align: center;padding:0;}
#firma span{border-top:1px solid #00294F;padding-top:10px;padding-bottom:10px;width:100%;text-align: center;display:block;}
#firma .subt{font-size: 1.2em;;font-weight: 700;}

@media only screen and (max-width: 1399px) {
#quienes{background:url(../pisos/pulidor.png) right bottom no-repeat;background-size:auto 100%;background-color:#003566;color:#ffffff;}
}
@media only screen and (max-width: 1199px) {
.navbar-nav{padding-top:20px;}
.nav-item,.dropdown-menu{text-align: left;}
h1{font-size:2rem;}
}

@media only screen and (max-width: 992px) {
.navbar-brand{margin-right:0;}
.dropdown-submenu .dropdown-menu {margin-left: calc(-83vw + 40px);margin-right: 0;width: 280px !important;}
h3{font-size:20px;}
}
  
@media only screen and (max-width: 768px) {
#quienes{background:#003566 url(../pisos/empresa.jpg) center center no-repeat;background-size:cover;}
.btn-new{padding:12px 30px;}
.info{font-size:14px;}
.logotipo{height:auto;}
.navmenu{padding-top:12px;padding-bottom: 12px;}
#encabeza h1{text-align: center;font-size:70px}
.embrujos{text-align: center;}
.poderosos{padding:50px 30px;}
.google{height: 320px;}
}


@media only screen and (max-width: 576px) {
#quienes, #servicios, #interesado, #footer{padding: 60px 0;}
h1{font-size:50px;}
h2{font-size:28px;}
.newholland{margin-bottom:10px;}
.agricultura{margin-bottom:20px;}
.logopie{text-align: center;}
#encabeza h1{font-size:56px;}
h4{font-size:20px;}
h5{font-size:16px;}
}
@media only screen and (max-width: 394px) {
.menudat{padding:0 0;font-size:16px;}
.btn-new{font-size: 16px;}
}