@font-face {
    font-family: 'AquawaxMedium';
    /*src: url('fonts/AquawaxMediumTrial.ttf') format('truetype');*/
    src: url('fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AquawaxBlack';
    /*src: url('fonts/AquawaxMediumTrial.ttf') format('truetype');*/
    src: url('fonts/Aquawax Black Trial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpensSansItalic';
    src: url('fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemiBoldItalic';
    src: url('fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.boxHeader {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 20px;
}
#customHeight {
    width: 100%;
    /*height: 278px;*/
    height: 800px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    /*border: 1px solid #ccc;*/
    /*background-color: #fff;*/
}
.boxLogo {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.containerLogo {
    text-align: center;
}
.containerBtnIdioma {
    position: absolute;
    right: 100px;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 12px;
    color: #444242;
    padding-top: 10px;
    letter-spacing: 1px;
    display: none;
}
.containerBtnIdioma span{
    cursor: pointer;

}
.boxMenu {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 25px;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
}
.btnMenu {
    font-family: 'OpenSansBold', sans-serif;
    font-size: 16px;
    color: #444242;
    text-align: center;
}
.btnMenu span{
    cursor: pointer;
}
.boxNewsletter{
    background-color: #eeeeee;
    margin-top: 25px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.textNewsletter {
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 25px;
    color: #9c9b9b;
    text-align: center;
}
.inputNewsletter input {
    border: 0px;
    height: 40px;
    background-color: #fff;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 14px;
    color: #000;
    padding-left: 20px;
    width: 70%;
}
.btnNewsletter {
    font-family: 'OpenSansBold', sans-serif;
    font-size: 12px;
    color: #fff;
    background-color: #484848;
    padding-top: 12px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
}
.boxFooter {
    padding-top: 30px;
    padding-bottom: 40px;
}
.boxLogoFooter {
    text-align: center;
}
.logoFooter {
    height: 40px;
}
.textoFooter {
    font-family: 'OpenSansItalic', sans-serif;
    font-size: 11px;
    color: #484848;
    font-style: italic;
}
.textoCaro {
    font-family: 'OpenSansItalic', sans-serif;
    font-size: 11px;
    color: #484848;
    font-style: italic;
    text-align: center;
}
.botonesFooter {
    font-family: 'OpenSansBold', sans-serif;
    font-size: 11px;
    color: #484848;
    margin-top: 10px;
}
.botonesFooter span {
    cursor: pointer;
}
.botonesRedes {
    padding-top: 20px;
}
.botonesRedes a {
    margin-right: 2px;
}
.boxAnmat {
    text-align: center;
}
.botonMenuCollapse {
    right: 20px;
    position: absolute;
    margin-top: 20px;
    font-size: 20px;
    display: none;
    cursor: pointer;
}
.fondoMenuFlotante {
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    z-index: 11111111;
    display: none;
}
.menuFlotante {
    min-height: 200px;
    width: 90%;
    margin-left: 5%;
    background-color: rgba(255,255,255,0.9);
    margin-top: 50px;
    padding: 10px;
}
.boxCerrarFlotante {
    text-align: right;
}

.btnCerrarFlotante {
    cursor: pointer;
    padding: 5px;
    background-color: #333;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 3px;
}
.btnFlotante {
    font-family: 'OpenSansBold', sans-serif;
    font-size: 16px;
    color: #444242;
    padding: 10px;
    /*border-bottom: 1px solid #444242;*/
    box-shadow: inset 0px -2px 10px #f1f1f1;
    cursor: pointer;
    margin-top: 8px;
    background-color: #fff;
}
.boxTituloProductos {

}
.tituloProductos {
    font-family: 'OpenSansBold', sans-serif;
    font-size: 24px;
    color: #444242;
    padding-bottom: 10px;
}
.boxProductos {
    padding-bottom: 40px;
}
.mainProductos {
    background-color: #efefef; 
    padding-top: 220px;
    padding-bottom: 50px;
}
.producto1 {
    background-image: url('img/producto1.jpg');
    background-size: cover;
    background-position: center center;
    height: 380px;
}
.producto2 {
    background-image: url('img/producto2.jpg');
    background-size: cover;
    background-position: center center;
    height: 350px;
}
.producto3 {
    background-image: url('img/producto3.jpg');
    background-size: cover;
    background-position: center center;
    height: 330px;
}
.producto4 {
    background-image: url('img/producto4.jpg');
    background-size: cover;
    background-position: center center;
    height: 370px;
}
.producto5 {
    background-image: url('img/producto5.jpg');
    background-size: cover;
    background-position: center center;
    height: 160px;
    margin-top: 30px;
}
.producto6 {
    background-image: url('img/producto6.jpg');
    background-size: cover;
    background-position: center center;
    height: 380px;
}
.producto7 {
    background-image: url('img/producto7.jpg');
    background-size: cover;
    background-position: center center;
    height: 180px;
    margin-top: -20px;
}
.producto8 {
    background-image: url('img/producto8.jpg');
    background-size: cover;
    background-position: center center;
    height: 365px;
    margin-top: 15px;
}
.producto9 {
    background-image: url('img/producto9.jpg');
    background-size: cover;
    background-position: center center;
    height: 160px;
    margin-top: 30px;
}
.producto10 {
    background-image: url('img/producto10.jpg');
    background-size: cover;
    background-position: center center;
    height: 190px;
    margin-top: 30px;
}
.boxFormProductos {
    background-color: #484848;
    padding-top: 20px;
    padding-bottom: 20px;
}
.tituloFormProductos {
    text-align: center;
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 18px;
    color: #fff;
}
.boxInsideFormProductos {
    margin-top: 15px;
}
#submitFormProductos {
    float: right;
    background-color: #929095;
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 13px;
    color: #fff;
    width: 100px;
    border: 0px;
    border-radius: 0px;
}
.mainShowroom {
    background-color: #efefef; 
    padding-top: 200px;
    padding-bottom: 50px;
}
.showroom1 {
    background-image: url('img/showroom1.jpg');
    background-size: cover;
    background-position: center center;
    height: 530px;
}
.marca1 {
    background-image: url('img/marca1.jpg');
    background-size: cover;
    background-position: center center;
    height: 530px;
}
.boxShow1 {

}
.showroom2 {
    background-image: url('img/showroom2.jpg');
    background-size: cover;
    background-position: center center;
    height: 250px;
}
.marca2 {
    background-image: url('img/marca2.jpg');
    background-size: cover;
    background-position: center center;
    height: 250px;

}
.boxShow2 {

}
.showroom3 {
    background-image: url('img/showroom3.jpg');
    background-size: cover;
    background-position: center center;
    height: 250px;
}
.marca3 {
    background-image: url('img/marca3.jpg');
    background-size: cover;
    background-position: center center;
    height: 250px;

}
.boxShow3 {
    margin-top: 30px;
}
.showroom4 {
    background-image: url('img/showroom4.jpg');
    background-size: cover;
    background-position: center center;
    height: 370px;
}
.marca4 {
    background-image: url('img/marca4.jpg');
    background-size: cover;
    background-position: center center;
    height: 370px;

}
.boxShow4 {

}
.showroom5 {
    background-image: url('img/showroom5.jpg');
    background-size: cover;
    background-position: center center;
    height: 250px;
}
.marca5 {
    background-image: url('img/marca5.jpg');
    background-size: cover;
    background-position: center center;
    height: 250px;

}
.boxShow5 {
    margin-top: 30px;
}
.showroom6 {
    background-image: url('img/showroom6.jpg');
    background-size: cover;
    background-position: center center;
    height: 250px;
}
.marca6 {
    background-image: url('img/marca6.jpg');
    background-size: cover;
    background-position: center center;
    height: 250px;

}
.boxShow6 {

}
.showroom7 {
    background-image: url('img/showroom7.jpg');
    background-size: cover;
    background-position: center center;
    height: 370px;
}
.marca7 {
    background-image: url('img/marca7.jpg');
    background-size: cover;
    background-position: center center;
    height: 370px;

}
.boxShow7{
    margin-top: 30px;
}
.showroom8 {
    background-image: url('img/showroom8.jpg');
    background-size: cover;
    background-position: center center;
    height: 220px;
}
.marca8 {
    background-image: url('img/marca8.jpg');
    background-size: cover;
    background-position: center center;
    height: 220px;

}
.boxShow8 {
    margin-top: -90px;
}
.showroom9 {
    background-image: url('img/showroom9.jpg');
    background-size: cover;
    background-position: center center;
    height: 150px;
}
.marca9 {
    background-image: url('img/marca9.jpg');
    background-size: cover;
    background-position: center center;
    height: 150px;

}
.boxShow9 {
    margin-top: 30px;
}
.showroom10 {
    background-image: url('img/showroom10.jpg');
    background-size: cover;
    background-position: center center;
    height: 400px;
}
.marca10 {
    background-image: url('img/marca10.jpg');
    background-size: cover;
    background-position: center center;
    height: 400px;   
}
.boxShow10 {
    margin-top: -90px;
}
.showroom11 {
    background-image: url('img/showroom11.jpg');
    background-size: cover;
    background-position: center center;
    height: 280px;
}
.marca11 {
    background-image: url('img/marca11.jpg');
    background-size: cover;
    background-position: center center;
    height: 280px;

}
.boxShow11 {
    margin-top: 30px;
}
.showroom12 {
    background-image: url('img/showroom12.jpg');
    background-size: cover;
    background-position: center center;
    height: 280px;
}
.marca12 {
    background-image: url('img/marca12.jpg');
    background-size: cover;
    background-position: center center;
    height: 280px;

}
.boxShow12 {
    margin-top: 30px;
}
.textoProducto1 {
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 24px;
    color: #f1f1f1;
    bottom: 20px;
    right: 22px;
    position: absolute;
}
.textoProducto2 {
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 18px;
    color: #f1f1f1;
    bottom: 10px;
    right: 30px;
    position: absolute;
}
.textoProducto3 {
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 24px;
    color: #f1f1f1;
    bottom: 20px;
    right: 22px;
    position: absolute;
}
.mainContacto {
    background-color: #efefef; 
    padding-top: 200px;
    padding-bottom: 50px;
}
.tituloContacto {
    color: #818285;
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 28px;
}
.tituloContacto2 {
    color: #606061;
    font-family: 'OpenSansSemiBoldItalic', sans-serif;
    font-size: 16px;
    margin-top: 15px;
}
.boxInsideFormContacto {
    margin-top: 15px;
}
#submitFormContacto {
    background-color: #444242;
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 13px;
    color: #fff;
    width: 100%;
    border: 0px;
    border-radius: 0px;
    margin-top: 15px;
}
#map {
    width: 100%;
    height: 420px;
}
.mainNosotros {
    background-color: #efefef; 
    padding-top: 200px;
    padding-bottom: 50px;
}
.seccionNosotros1 {
    padding: 20px;
    background-color: #fff;
    min-height: 400px;
}
.tituloSeccion1 {
    font-family: 'OpenSansSemiBold', sans-serif;
    font-size: 36px;
    color: #727176;
    margin-bottom: 10px;
}
.textoSeccion1 {
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 14px;
    color: #727176;
}
.textoSeccion1 span{
    font-family: 'OpenSansBold', sans-serif;
    font-size: 14px;
    color: #727176;
}
.seccionNosotros2 {
    background-image: url('img/nosotros1.png');
    background-size: 60% 70%;
    background-position: center center;
    min-height: 400px;
    background-repeat: no-repeat;
    background-color: #fff;
}
.boxSeccionesNosotros {
    margin-bottom: 30px;
}
.seccionNosotros3 {
    background-image: url('img/nosotros2.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 450px;
    background-color: #fff;
}
.seccionNosotros4 {
    background-image: url('img/nosotros3.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 450px;
    background-color: #fff;
}
.seccionNosotros5 {
    background-image: url('img/nosotros4.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 450px;
    background-color: #fff;
}
.seccionNosotros6 {
    background-image: url('img/nosotros5.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 450px;
    background-color: #fff;
}
.seccionNosotros7 {
    background-image: url('img/nosotros6.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 450px;
    background-color: #fff;
}
.seccionNosotros8 {
    background-image: url('img/nosotros7.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 300px;
    background-color: #fff;
}
.seccionNosotros9 {
    background-image: url('img/nosotros8.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 300px;
    background-color: #fff;
}
.seccionNosotros10 {
    background-image: url('img/nosotros9.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 300px;
    background-color: #fff;
}
.seccionNosotros11 {
    background-image: url('img/nosotros10.jpg');
    background-size: cover;
    background-position: center center;
    min-height: 300px;
    background-color: #fff;
}
.textoNosotros {
    padding: 20px;
    width: 270px;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 16px;
    color: #5b5a5d;
    line-height: 26px;  
}
.textoNosotros span{
    background-color: #fff;
}
.mainMarcas {
    background-color: #efefef; 
    padding-top: 200px;
    padding-bottom: 100px;
}
.tituloMarca {
    font-family: 'OpenSansBold', sans-serif;
    font-size: 30px;
    color: #444242;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 100px;
}
.tituloMarca span {
    padding: 10px;
    background-color: #444242;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 50%;
}
.popup {
    width: 40%;
    margin-left: 30%;
    position: fixed;
    margin-top: 30vh;
    min-height: 300px;
    z-index: 11111;
    padding-left: 10px;
    padding-right: 10px;
    background-image: url('img/fondoPopup.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}
.insidePopup {
    width: 100%;
    height: 290px;
    border: 1px solid #333;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 10px;
}
.btnCerrarPopup {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.boxCerrarPopup {
    margin-bottom: 3px;
}
.tituloPopup {
   font-family: 'OpenSansRegular', sans-serif;
   font-size: 16px;
   color: #444242; 
   text-align: center;
   padding-top: 20px;
}
.tituloPopup span {
   font-family: 'OpenSansBold', sans-serif;
}