@font-face {
    font-family: latos;
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: autentic;
    src: url('../fonts/Authentic\ Signature.otf');
}
@font-face {
    font-family: proximal;
    src: url('../fonts/Proxima\ Nova\ Light.ttf');
}
@font-face {
    font-family: proximareg;
    src: url('../fonts/ProximaNovaRegular.ttf');
}
@font-face {
    font-family: proximab;
    src: url('../fonts/ProximaNova-Bold.otf');
}
html{
  scroll-behavior: smooth;  
}
body{
    margin: 0px;
    padding: 0%;
}
.barraprincipal{
    width: 100%;
    height: 5.9vw;
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 6;
}
.logolate{
    width: 10.5vw;
    height: auto;
    margin-left: 21.4vw;
}
.logis{
    width: 100%;
    height: auto;
}
.opciones{
    margin-left: 21.9vw;
    display: flex;
    align-items: center;
}
.opcion{
    font-family: latos;
    font-size: .9vw;
    text-decoration: none;
    color: rgb(0, 42, 142);
    margin-right: 3.6vw;
}
.botontelefono{
    width: 7.5vw;
    color: white;
    font-family: latos;
    font-size: .9vw;
    background-color: rgb(170, 7, 23);
    border-radius: 2vw;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: .3vw;
    padding-bottom: .3vw;
    text-decoration: none;
    margin-left: .3vw;
    display: flex;
    align-items: center;
    float: right;
}
.botontelefono img{
    height: 100%;
    width: auto;
    margin-right: .2vw;

}

/* seccion slider principal */

.slider1{
    width: 100%;
    height: auto;
    overflow: hidden;
      position: relative;
    top: 5.9vw;
}
.logslide{
    position: absolute;
    z-index: 4;
    top: 5vw;
    left: 40vw;
}
.botonder{
    position: absolute;
    z-index: 5;
    top: 23vw;
    left: 14vw;
}
.botonizq{
    position: absolute;
    z-index: 5;
    top: 23vw;
    left: 84vw;
}
.slidemax{
    width: 500%;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;

}
.fotoslide{
    width: 20%;
    height: auto;
}
.fotsld{
    width: 100%;
    height: auto;
}
.infoslide{
    
}

/* lucete */
.lucete{
    width: 100%;
    height: 50.2vw;
    background-color: rgb(43, 87, 86);
    margin-top: 6.2vw;
    position: relative;
}
.rayitas{
    position: absolute;
    top: 3vw;
    left: 5.6vw;
    width: 17.5%;
    height: auto;
    z-index: 2;
}
.rayito{
    width: 100%;
    height: auto;
}
.fotray{
    width: 28.6%;
    height: auto;
    position: absolute;
    top: 5.8vw;
    left: 21vw;
    z-index: 3;
}
.fotoray{
    width: 100%;
    height: auto;
}
.infolueceteuno{
    color: white;
    width: 29%;
    height: auto;
    position: absolute;
    top: 40.5vw;
    left: 20.7vw;

}
.div1{
    width: 24.5%;
    height: auto;
    float: left;
    border-right: solid;
    border-right-width: 1px;
    border-right-color: white;
}
.div2{
    width: 27%;
    height: auto;
    float: left;
    border-right: solid;
    border-right-width: 1px;
    border-right-color: white;
    margin-left: 2vw;
}
.div3{
    width: 32.8%;
    height: auto;
    float: left;
    margin-left: 1.6vw;
}
.reng1{
    font-family: proximab;
    font-size: 2.4vw;
}
.reng2{
    font-family: proximareg;
    font-size: 1.1vw;
    color: rgb(240, 196, 91);
    margin-top: -.3vw;
    line-height: 1.1vw;
}
.infolucetedos{
    width: 25.6%;
    height: auto;
    position: absolute;
    top: 6vw;
    right: 21vw;
}
.titulucete{
    font-family: autentic;
    font-size: 4.7vw;
    color: rgb(240, 196, 91);
}
.parrafolucete{
    font-family: proximal;
    font-size: .87vw;
    color: white;
    margin-top: .6vw;
    line-height: 1.3vw;
}
.botoncatalogo{
    text-decoration: none;
    color: white;
    background-color: rgb(166, 155, 120);
    padding: .5vw;
    position: absolute;
    top: 21vw;
    right: 22vw;
    font-family: proximareg;
    font-size: 1vw;
}
.ventanavideo{
    width: 26%;
    height: auto;
    position: relative;
    top: 27.7vw;
    left: 53.5vw;
}
/* mobiliario */
.ventanamobiliario{
    width: 100%;
    height: 39.7vw;
    background-color: rgb(255, 255, 255);
    position: relative;
    overflow: hidden;
}
.titulomobi{
    width: 100%;
    height: auto;
    text-align: center;
    font-family: proximal;
    font-size: 2.25vw;
    position: absolute;
    top: 2.6vw;
}
.cuad1{
width: 12%;
height: auto;
position: absolute;
top: 3.3vw;
left: 17.5vw;
z-index: 2;
}
.cuad2{
width: 4.6%;
height: auto;
position: absolute;
top: 23.5vw;
left: 8.5vw;
z-index: 2;
}
.imagenes{
    width: 100%;
    height: auto;
}
.cuad4{
    width: 28.7%;
    height: 28.5vw;
    position: absolute;
    top: 8vw;
    left: 20.5vw;
    z-index: 4;
    background-image: url('../img/mobi1.jpg');
    background-size: cover;
    text-align: center;
}
.subti1{
    font-family: autentic;
    font-size: 4.5vw;
    color: rgb(240, 196, 91);
    margin-top: 19.8vw;

}
.botomas{
 font-family: proximal;
 font-size: 1vw;
 text-decoration: none;
 color: white;
 border: solid;
 border-width: 1px;
 border-color: white;
 padding: .3vw;
 padding-right: 1vw;
 padding-left: 1vw;
}
.cuad5{
    width: 28.7%;
    height: 13.5vw;
    position: absolute;
    top: 8vw;
    left: 50.9vw;
    z-index: 4;
    background-image: url('../img/mobi2.jpg');
    background-size: cover;
    text-align: center;
}
.cuad6{
    width: 28.7%;
    height: 13.5vw;
    position: absolute;
    top: 23vw;
    left: 50.9vw;
    z-index: 4;
    background-image: url('../img/mobi3.jpg');
    background-size: cover;
    text-align: center;
}
.subti1a{
    font-family: autentic;
    font-size: 4.5vw;
    color: rgb(240, 196, 91);
    margin-top: 6vw;

}
/* nosotros */

.nosotros{
    background-color: rgb(201, 211, 231);
    width: 100%;
    height: 50.9vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.nosotros1{
    position: absolute;
    z-index: 1;
    top: 3.6vw;
    left: 21vw;
    width: 27.3%;
    height: auto;
}
.textonosotros{
    position: absolute;
    top: 3.1vw;
    left: 51vw;
    width: 26%;
    height: auto;
}
.titulonosotros{
    font-family: proximal;
    font-size: 2.25vw;
}
.subtitulonosotros{
    font-family: proximab;
    font-size: 1.45vw;
    margin-top: 2.5vw;
    color: rgb(21, 36, 117);
}
.textonosotros2{
    font-family: proximal;
    font-size: .85vw;
    margin-top: 1vw;
    line-height: 1.3vw;
    margin-bottom: 2.3vw;
}
.botoncotizarahora{
   font-family: proximal;
   font-size: 1vw;
   color: white;
   text-decoration: none;
    background-color: rgb(21, 36, 117);
    padding: .7vw;
    padding-top: .4vw;
    padding-bottom: .4vw;
    
}
.nosotros2{
    width: 36.5%;
    height: auto;
    position: absolute;
    top: 34.3vw;
    left: 41.7vw;
    z-index: 3;
    padding: 1vw;
    background-color: rgb(201, 211, 231);
}
.rayitos2{
    width: 19.5%;
    height: auto;
    position: absolute;
    top: 7vw;
    right: -4%;
}
.hojitas{
    position: absolute;
    bottom: 0%;
    left: -2%;
    width: 17%;

}
/* empresas */
.empresas{
    width: 100%;
    height: 40.9vw;
    background-color: rgb(43, 87, 86);
    position: relative;
}
.izquierdoempresas{
    width: 30%;
    height: auto;
    position: absolute;
    top: 7.3vw;
    left: 21vw;
}
.tituserv{
    font-family: proximab;
    font-size: 2vw;
    color: white;
    letter-spacing: 2%;
}
.tituevent{
    font-family: autentic;
    font-size: 4.7vw;
    color: rgb(240, 196, 91);
    margin-top: -1.8vw;
}
.organievent{
    font-family: proximal;
    font-size: .87vw;
    color: white;
    margin-top: .8vw;
    margin-left: .2vw;
    line-height: 1.26vw;
    width: 78%;
}
.bold{
    font-family: proximab !important;
}
.organievent2{
     font-family: proximal;
    font-size: .87vw;
    color: white;
    margin-top: 2vw;
    line-height: 1.26vw;
    width: 78%;
    margin-bottom: 2.5vw;
}
.descargarcatalogo{
      font-family: proximal;
   font-size: 1vw;
   color: white;
   text-decoration: none;
    background-color: rgb(166, 155, 120);
    padding: .7vw;
    padding-top: .4vw;
    padding-bottom: .4vw;
    margin-left: 7.7vw;
}
.derechoempresas{
    width: 29vw;
    height: auto;
    position: absolute;
    top: 4.1vw;
    left: 55.5vw;
    overflow: hidden;
}
.slide2{
      width: 300%;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.fotoslide{
    width: 33%;
    height: auto;
}
/* mobilkiario */
.serviciosmobi{
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 49.8vw;
}
.renglo1{
    font-family: proximal;
    font-size: 2vw;
    color: rgb(170, 7, 23);
    width: 100%;
    height: 5.7vw;
    display: flex;
    justify-content:center;
    align-items:end;
}
.renglo2{
    font-family: proximab;
    font-size: 2.55vw;
    color: rgb(21, 29, 70) !important;
    width: 100%;
    height: 3.2vw;
    display: flex;
    justify-content: center;
    align-items: end;
}
.barramenuservicios{
    width: 40%;
    height: 4.55vw;
    border-bottom: solid;
    border-bottom-width: 2px ;
    border-bottom-color: rgb(181, 184, 202);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: end;

}
.opcion1{
    font-family: proximareg;
    font-size: 1.1vw;
    margin-left: 1.9vw;
    margin-bottom: .9vw;
}
.opcion2{
    font-family: proximareg;
    font-size: 1.1vw;
 margin-bottom: .9vw;
}
.opcion3{
    font-family: proximareg;
    font-size: 1.1vw;
 margin-bottom: .9vw;
}
.opcion4{
    font-family: proximareg;
    font-size: 1.1vw;
    margin-right: 1.5vw;
     margin-bottom: .9vw;
}
.ventanopciones{
    width: 58.3%;
    height: 21vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.7vw;
 

}
.imagmobi{
    width: 31.4%;
    height: auto;
}
.espaciador1{
    margin-right: 1.4vw;
}
.botondescarga{
    width: 100%;
    height: 6vw;
    text-align: center;
    margin-top: 4vw;
}
.botonrojo{
    font-family: proximareg;
    font-size: 1vw;
    text-decoration: none;
    color: white;
    background-color: rgb(170, 7 ,23);
    padding-left: .5vw;
    padding-right: .5vw;
    padding-top: .3vw;
    padding-bottom: .3vw;
}
/* mejor opcion*/
.mejoropcion{
   width: 100%;
   height: 26.5vw;
   background-color: rgb(21, 29, 70); 
   position: relative;
}
.titusomos{
    font-family: autentic;
    font-size: 4.4vw;
    color: rgb(240, 196, 91);
    width: 100%;
    height: 7.3vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.cuadroizqB{
    width: 24%;
    height: auto;
    position: absolute;
    top: 9.2vw;
    left: 22.3vw;
}
.tituB{
    font-family: proximab;
    font-size: 1.46vw;
    line-height: 1.5vw;
    color: white;
}
.textB{
    font-family: proximareg;
    font-size: .9vw;
    color: white;
    margin-top: 1vw;
}
.loguitosB{
    width: 100%;
    height: auto;
    margin-top: 1.3vw;
}
.imagB{
    width: 87%;
    height: auto;
    float: left;
}
.cuadroderB{
    width: 25%;
    height: auto;
    position: absolute;
    top: 9.2vw;
    left: 52.5vw;
}
.textB2{
    font-family: proximareg;
    font-size: .9vw;
    color: white;
    line-height: 1.3vw;
}
.botonlineas{
    color: rgb(238, 194, 91);
    border: solid;
    border-width: 1px;
    border-color: rgb(238, 194, 91);
    font-family: proximareg;
    font-size: 1vw;
    text-decoration: none;
        padding-left: .6vw;
    padding-right: .6vw;
    padding-top: .3vw;
    padding-bottom: .3vw;
}
.botontrans{
margin-top: 2.3vw;
}
/* contacto */
.contacto{
    width: 100%;
    height: 33.6vw;
    background-image: url('fondocontacto.jpg');
    background-size: cover;
    position: relative;
}
.tituconta{
    font-family: proximal;
    font-size: 2vw;
    color: rgb(170, 7, 23);
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 5vw;
}
.subtituconta{
    width: 100%;
    height: auto;
    font-family: proximareg;
    font-size: 2.2vw;
    text-align: center;
    line-height: 2.55vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .9vw;
}
.adap{
    font-family: autentic;
    font-size: 4.5vw;
}
.cuadros{
    width: 100%;
    height: auto;
}
.ubi{
    position: absolute;
    top: 13.3vw;
    left: 20vw;
    width: 16.8%;
    height: auto;
}
.cont{
    
    position: absolute;
    top: 13.3vw;
    left: 39vw;
    width: 22%;
    height: auto;
}
.horario{
     position: absolute;
    top: 13.3vw;
    left: 63.8vw;
        width: 16.8%;
    height: auto;
}
/*forma de contacto */
.formatocontacto{
    width: 100%;
    height: 34.3vw;
    background-image: url('fondodemensaje.jpg');
    background-size: cover;
}
.titumensaje{
    width: 100%;
    height: auto;
    font-family: proximareg;
    font-size: 2.2vw;
    text-align: center;
    padding-top: 3vw;
}
.cuadroforma{

width: 60%;
height: 14vw;
margin-left: auto;
margin-right: auto;
margin-top: 4.5vw;
}
.camposforma{
    width: 28.5%;
    height: 2.8vw;
    background-color: white;
    color: gray;
    font-family: proximareg;
    font-size: .9vw;
    border: 0px;
    padding-left: 1vw;
}
.espaciador2{
    margin-right: 1.3vw;
}
.espacio{
    margin-left: 1.2vw;
}
.areamensaje{
    width: 93%;
    height: 7.8vw;
    background-color: white;
     font-family: proximareg;
    font-size: .9vw;
    margin-left: 1vw;
    margin-top: 1.5vw;
    padding: 1vw;
    border: 0px;
}
.sinbordes{
    border: 0px;
}
.mandarmensa{
    margin-top: 3vw;
    margin-left: 26vw;
}
.mapa{
    width: 100%;
    height: 16vw;
}
.footer{
    background-color: rgb(21, 29, 70);
    width: 100%;
    height: 17vw;
}
.izqfot{
        margin-left:19.8%;
    padding-top: 3vw;
    width: 30%;
    height: auto;
    color: white;
    font-family: proximareg;
    font-size: .85vw;
    float: left;
}
.logobco{
    width: 50%;
    height: auto;
    margin-left: 2vw;
}
.copiright{
    margin-top: 2.5vw;
}
.derfot{
    color: white;
    font-family: proximareg;
    font-size: .85vw;
    padding-top: 2.5vw;
   margin-left: 5.4vw;
   float: left;

}
.menufot{
width: 20%;
height: auto;
float: left;
color: white;
    padding-top: 3vw;
    margin-left: 2.7vw;
}
.opfot{
    text-decoration: none;
    color: white;
    font-family: proximareg;
    font-size: .85vw;
}