@charset "utf-8";
/* CSS Document */
/*******************************************************************************************************************/
/* Small screens */
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 768px) {
    .contenedor{
        padding: 0px 20px;
    } 
    .menu{
        text-align: center;
    }
    .logo2{
        width: 150px;
        margin: 0px auto;
    }
    .centrar-xs{
        text-align: center;
    }  
    .contenidotop{
        text-align: center;
    }
    .btnmas{
        text-align: center;
    }
    .menusuperposision{
        position: absolute;
        background-color: #003a70;
        width: 100%;
        height: 100vh;
        top: 70px;
        right: 600px;
        padding-top: 20px;
    }
    .submenu ul li a{
        border: 2px solid #fff;
        padding: 10px;
        text-align: center;
        display: block;
        margin: 10px 50px;
        border-radius: 10px;
    }
    .menurespp{
        display: block;
    }
    .menusub{
        display: none;
    }
    .cajaimg{
        float: left;
        width: 100%;
        height: 330px;
        display: inline-block;
        cursor: pointer;
    }
    .cajaimg{
        float: left;
        width: 100%;
        height: 330px;
        display: inline-block;
        cursor: pointer;
        margin-bottom: 50px;
    }

    .flecha1, .flecha2, .flecha3, .flecha4{
        top: -20px !important;
    }

    .bordeverde{
        border: 2px solid #35aa2a;
        padding: 30px 20px;
        margin: 10px;
    }
    .bordeverde2{
        border: 2px solid #35aa2a;
        padding: 10px 10px;
        margin: 0px 10px;
    }
    .cajaprods{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .productof{
        flex-basis: 100%;
        text-align: center;
        padding: 0px 20px;
        margin-bottom: 20px;
    }
    .mundo img{
        width: 50%;
    }
    .infomundo{
        text-align: center;
    }
    .promesa{
        padding: 50px 0px;
        text-align: center;
    }
    .logofoot{
        text-align: center;
    }
    .logofoot img{
        width: 50%;
    }
    .bgaseso{

    }
    .baseint{
        text-align: center;
    }
    .baseint h2{
        font-size: 2em;
        font-weight: bold;
        color: #206db3;
    }
    .baseint p{
        font-size: 1em;
        color: #4d545b;
    } 
    .menumaps{
        text-align: center;
    }

    .cajasint{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cajasdentroint{
        flex-basis: 97%;
        margin: 0px 10px;
    }
    .cajasdentroint2{
        flex-basis: 97%;
        margin: 0px 10px;
    }
    .cajasgrises{
        border: 2px solid #666666;
        padding: 20px;
        width: 100%;
        height: 390px;
        text-align: center;
    }


    .cajadist{
        flex-basis: 20%;
        text-align: center;
        padding: 0px 20px;
    }
    .tamanioimg{
        width: 50%;
    }
    .quieroserdist{
         
    }

    .conttumarca{
        padding: 20px 50px;
    }
    .tumarcacont{
   
    }

    .cajahoverx1{
        border: 1px solid #154e7f;
        background-color: #ffffff;
        width: 100%;
    }
    .spaceicosred{
        height: 50px;
    }

    .nosevexs{
        display: none;
    }
    .sisevexs{
        display: block;
    }

    .conttumarca{
        border: 1px solid #c5cdd5;
        margin-bottom: 20px;
    }

    .idioma{
        position: fixed;
        z-index: 1001;
        padding: 10px;
        color: #fff;
        right: 10px;
        top: 10px;
    }


    /******/
    .addprods{
        border: 1px solid #35aa2a;
        padding: 10px;
        width: 100%;
        background-color: #fff;
    }
    .addprods ul li{
        border-bottom: 1px solid #35aa2a;
        padding: 5px;
        font-size: 1em;
        color: #003A70;
    }
    .addprods ul li span{
        font-size: .8em;
    }

    .addprods ul{
        list-style: none;
        margin-left: -40px;
    }

    #elemento_oculto5{
        display: block;
    }
    #elemento_oculto6{
        display: block;
    }
    #elemento_oculto7{
        display: block;
    }
    #elemento_oculto8{
        display: block;
    }
    #elemento_oculto9{
        display: block;
    }
    #elemento_oculto10{
        display: block;
    }  

/*******************************************************************************************************************/   
} 
/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 769px) { }
@media only screen and (min-width: 769px) and (max-width: 992px) {
    .contenedor{
        padding: 0px 20px;
    } 
    .menu{
        text-align: center;
    }
    .headybanner{
        height: 90vh;
    }
    .submenu{
        display: none;
    }
    .menurespp{
        display: none;
    }
    .menusub{
        display: block;
    }

    .submensito{
        position: fixed;
        width: 240px;
        background-color: rgba(206, 203, 203, 0.9);
        right: 250px;
        border-radius: 10px;
        padding: 10px;
        z-index: 1001;
    }
    .submensito ul li a{
        display: block;
        padding: 10px;
        font-size: 1em;
        color: #003a70;
        border-radius: 20px;
    }
    .submensito ul li a:hover{
        background-color: #fff;
    }

    .fondolines{
         
        background-size: 100%;
    }
    .cajaimg{
        float: left;
        width: 50%;
        height: 330px;
        display: inline-block;
        cursor: pointer;
        margin-bottom: 80px;
    }

    .flecha1, .flecha2, .flecha3, .flecha4{
        top: -20px !important;
    }

    .bordeverde{
        border: 2px solid #35aa2a;
        padding: 30px 80px;
    }
    .bordeverde2{
        border: 2px solid #35aa2a;
        padding: 30px 100px;
        margin: 0px 100px;
    }

    .cajaprods{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .productof{
        flex-basis: 33%;
        text-align: center;
        padding: 0px 20px;
    }
    .mundo img{
        width: 80%;
    }
    .promesa{
        padding: 80px 0px;
    }
    .logofoot img{
        width: 50%;
    }
    .bgaseso{
        background: url(../img/imgasesoriabg.jpg) no-repeat center top;   
        background-size: 100%; 
    }

    .fondotop1, .fondotop2, .fondotop3, .fondotop4, .fondotop5{
        padding: 30px;
        height: 400px;
    }
    .baseint h2{
        font-size: 2em;
        font-weight: bold;
        color: #fff;
    }
    .baseint p{
        font-size: 1em;
        color: #fff;
    } 

    .fondotop1{
        background: url(../img/baseverde@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop2{
        background: url(../img/baseazul@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop3{
        background: url(../img/basenaranja@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop4{
        background: url(../img/basegris@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop5{
        background: url(../img/basetumarca@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }


    .cajasint{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cajasdentroint{
        flex-basis: 47%;
        margin: 0px 10px;
    }
    .cajasdentroint2{
        flex-basis: 47%;
        margin: 0px 10px;
    }
    .cajasgrises{
        border: 2px solid #666666;
        padding: 20px;
        width: 100%;
        height: 390px;
        text-align: center;
    }

    .quieroserdist{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cajadist{
        flex-basis: 20%;
        text-align: center;
        padding: 0px 20px;
    }
    .tamanioimg{
        width: 80%;
    }
    .quieroserdist{
        background: url(../img/puntos@4x.png) no-repeat center center;
        background-size: 81.5%; 
    }

    .conttumarca{
        padding: 20px 20px;
    }
    .tumarcacont{
        
    }

    .cajahoverx1{
        border: 1px solid #154e7f;
        margin-top:-100px;
        margin-left: -63px;
        position: absolute;
        z-index: 101;
        background-color: #ffffff;
        width: 250px;
    }
    .spaceicosred{
        height: 50px;
    }

    #elemento_ocultox1{
        display: none;
    }
    #elemento_ocultox2{
        display: none;
    }
    #elemento_ocultox3{
        display: none;
    }
    #elemento_ocultox4{
        display: none;
    }
    #elemento_ocultox5{
        display: none;
    }

    .sisevexs{
        display: none;
    }

    .conttumarca{
        height: 460px;
        border: 1px solid #c5cdd5;
        margin-bottom: 20px;
    }

    .idioma{
        position: fixed;
        z-index: 1001;
        padding: 10px;
        color: #fff;
        top: 10px;
    }


    /******/
    .addprods{
        border: 1px solid #35aa2a;
        padding: 10px;
        position: absolute;
        width: 200px;
        z-index: 100;
        margin-left: -30px;
        background-color: #fff;
        margin-top: 20px;
    }
    .addprods ul li{
        border-bottom: 1px solid #35aa2a;
        padding: 5px;
        font-size: 1em;
        color: #003A70;
    }
    .addprods ul li span{
        font-size: .8em;
    }

    .addprods ul{
        list-style: none;
        margin-left: -40px;
    }

    #elemento_oculto5{
        display: none;
    }
    #elemento_oculto6{
        display: none;
    }
    #elemento_oculto7{
        display: none;
    }
    #elemento_oculto8{
        display: none;
    }
    #elemento_oculto9{
        display: none;
    }
    #elemento_oculto10{
        display: none;
    }  

/*******************************************************************************************************************/  
}
/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 993px) { }
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .contenedor{
        padding: 0px 20px;
    }   
    .menu{
        text-align: right;
        float: right;
    }
    .headybanner{
        height: 90vh;
    }
    .submenu{
        display: none;
    }
    .menurespp{
        display: none;
    }
    .menusub{
        display: block;
    }

    .submensito{
        position: fixed;
        width: 240px;
        background-color: rgba(206, 203, 203, 0.9);
        right:300px;
        border-radius: 10px;
        padding: 10px;
        z-index: 1001;
    }
    .submensito ul li a{
        display: block;
        padding: 10px;
        font-size: 1em;
        color: #003a70;
        border-radius: 20px;
    }
    .submensito ul li a:hover{
        background-color: #fff;
    }

    .fondolines{
        background: url(../img/lineas.jpg) no-repeat center top; 
        background-size: 100%;
    }

    .cajaimg{
        float: left;
        width: 25%;
        height: 330px;
        display: inline-block;
        cursor: pointer;
    }

    .bordeverde{
        border: 2px solid #35aa2a;
        padding: 30px 100px;
    }
    .bordeverde2{
        border: 2px solid #35aa2a;
        padding: 30px 100px;
        margin: 0px 150px;
    }

    .cajaprods{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        
    }
    .productof{
        flex-basis: 25%;
        text-align: center;
        padding: 0px 20px;
    }
    .mundo img{
        width: 80%;
    }
    .promesa{
        padding: 80px 0px;
    }
    .logofoot img{
        width: 100%;
    }
    .bgaseso{
        background: url(../img/imgasesoriabg.jpg) no-repeat center top;   
        background-size: 100%; 
    }

    .fondotop1, .fondotop2, .fondotop3, .fondotop4, .fondotop5{
        padding: 30px;
        height: 400px;
    }
    .baseint h2{
        font-size: 2em;
        font-weight: bold;
        color: #fff;
    }
    .baseint p{
        font-size: 1em;
        color: #fff;
    } 

    .fondotop1{
        background: url(../img/baseverde@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop2{
        background: url(../img/baseazul@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop3{
        background: url(../img/basenaranja@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop4{
        background: url(../img/basegris@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop5{
        background: url(../img/basetumarca@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .cajasint{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cajasdentroint{
        flex-basis: 31%;
        margin: 0px 10px;
    }
    .cajasdentroint2{
        flex-basis: 47%;
        margin: 0px 10px;
    }
    .cajasgrises{
        border: 2px solid #666666;
        padding: 20px;
        width: 100%;
        height: 390px;
        text-align: center;
    }

    .quieroserdist{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cajadist{
        flex-basis: 20%;
        text-align: center;
        padding: 0px 20px;
    }
    .tamanioimg{
        width: 80%;
    }
    .quieroserdist{
        background: url(../img/puntos@4x.png) no-repeat center center;
        background-size: 81.5%; 
    }

    .conttumarca{
        padding: 20px 30px;
    }
    .tumarcacont{
        background: url(../img/4x/tumarcacompleto@4x.png) no-repeat top center;
        background-size: 50%; 
    }

    .cajahoverx1{
        border: 1px solid #154e7f;
        margin-top:-100px;
        margin-left: -40px;
        position: absolute;
        z-index: 101;
        background-color: #ffffff;
        width: 250px;
    }

    #elemento_ocultox1{
        display: none;
    }
    #elemento_ocultox2{
        display: none;
    }
    #elemento_ocultox3{
        display: none;
    }
    #elemento_ocultox4{
        display: none;
    }
    #elemento_ocultox5{
        display: none;
    }

    .sisevexs{
        display: none;
    }

    .conttumarca{
        height: 300px;
        margin-bottom: 20px;
    }

    .idioma{
        position: fixed;
        z-index: 1001;
        padding: 10px;
        color: #fff;
        top: 10px;
    }



    /******/
    .addprods{
        border: 1px solid #35aa2a;
        padding: 10px;
        position: absolute;
        width: 200px;
        z-index: 100;
        margin-left: -30px;
        background-color: #fff;
        margin-top: 20px;
    }
    .addprods ul li{
        border-bottom: 1px solid #35aa2a;
        padding: 5px;
        font-size: 1em;
        color: #003A70;
    }
    .addprods ul li span{
        font-size: .8em;
    }

    .addprods ul{
        list-style: none;
        margin-left: -40px;
    }

    #elemento_oculto5{
        display: none;
    }
    #elemento_oculto6{
        display: none;
    }
    #elemento_oculto7{
        display: none;
    }
    #elemento_oculto8{
        display: none;
    }
    #elemento_oculto9{
        display: none;
    }
    #elemento_oculto10{
        display: none;
    }  

/*******************************************************************************************************************/  
} 
/*******************************************************************************************************************/
/* Extra Large screens */
@media only screen and (min-width: 1201px) { }
@media only screen and (min-width: 1201px){
    .contenedor{
        padding: 0px 20px;
    }
    .menu{
        text-align: right;
        float: right;
    }
    .promesa{
        padding: 80px 0px;
    }
    .headybanner{
        height: 90vh;
    }
    .submenu{
        display: none;
    }
    .menurespp{
        display: none;
    }
    .menusub{
        display: block;
    }
    .submensito{
        position: fixed;
        width: 240px;
        background-color: rgba(206, 203, 203, 0.9);
        right: 350px;
        border-radius: 10px;
        padding: 10px;
        z-index: 1001;
    }
    .submensito ul li a{
        display: block;
        padding: 10px;
        font-size: 1em;
        color: #003a70;
        border-radius: 20px;
    }
    .submensito ul li a:hover{
        background-color: #fff;
    }

    .fondolines{
        background: url(../img/lineas.jpg) no-repeat center top; 
        background-size: 100%;
    }

    .cajaimg{
        float: left;
        width: 25%;
        height: 330px;
        display: inline-block;
        cursor: pointer;
    }

    .bordeverde{
        border: 2px solid #35aa2a;
        padding: 30px 100px;
    }
    .bordeverde2{
        border: 2px solid #35aa2a;
        padding: 30px 100px;
        margin: 0px 150px;
    }

    .cajaprods{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .productof{
        flex-basis: 16.6%;
        text-align: center;
        padding: 0px 20px;
    }
    .mundo img{
        width: 80%;
    }
    .logofoot img{
        width: 100%;
    }
    .bgaseso{
        background: url(../img/imgasesoriabg.jpg) no-repeat center top;   
        background-size: 100%; 
    }

    .fondotop1, .fondotop2, .fondotop3, .fondotop4, .fondotop5{
        padding: 30px;
        height: 400px;
    }
    .baseint h2{
        font-size: 3em;
        font-weight: bold;
        color: #fff;
    }
    .baseint p{
        font-size: 1.2em;
        color: #fff;
    }    

    .fondotop1{
        background: url(../img/baseverde@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop2{
        background: url(../img/baseazul@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop3{
        background: url(../img/basenaranja@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .fondotop4{
        background: url(../img/basegris@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .fondotop5{
        background: url(../img/basetumarca@4x.png) no-repeat center right; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }


    .cajasint{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cajasdentroint{
        flex-basis: 31%;
        margin: 0px 10px;
    }
    .cajasdentroint2{
        flex-basis: 31%;
        margin: 0px 10px;
    }
    .alado{
        flex-basis: 15.3%;
        margin: 0px 10px;
    }
    
    .cajasgrises{
        border: 2px solid #666666;
        padding: 20px;
        width: 100%;
        height: 350px;
        text-align: center;
    }


    .quieroserdist{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .cajadist{
        flex-basis: 20%;
        text-align: center;
        padding: 0px 20px;
    }
    .tamanioimg{
        width: 70%;
    }
    .quieroserdist{
        background: url(../img/puntos@4x.png) no-repeat center center;
        background-size: 81.5%; 
    }

    .conttumarca{
        padding: 20px 50px;
    }
    .tumarcacont{
        background: url(../img/4x/tumarcacompleto@4x.png) no-repeat top center;
        background-size: 40%; 
    }

    .cajahoverx1{
        border: 1px solid #154e7f;
        margin-top:-80px;
        margin-left: -20px;
        position: absolute;
        z-index: 101;
        background-color: #ffffff;
        width: 250px;
    }


    #elemento_ocultox1{
        display: none;
    }
    #elemento_ocultox2{
        display: none;
    }
    #elemento_ocultox3{
        display: none;
    }
    #elemento_ocultox4{
        display: none;
    }
    #elemento_ocultox5{
        display: none;
    }

    .sisevexs{
        display: none;
    }

    .conttumarca{
        height: 300px;
        margin-bottom: 20px;
    }

    .idioma{
        position: fixed;
        z-index: 1001;
        padding: 10px;
        color: #fff;
        top: 10px;
    }




    /******/
    .addprods{
        border: 1px solid #35aa2a;
        padding: 10px;
        position: absolute;
        width: 200px;
        z-index: 100;
        margin-left: -30px;
        background-color: #fff;
        margin-top: 20px;
    }
    .addprods ul li{
        border-bottom: 1px solid #35aa2a;
        padding: 5px;
        font-size: 1em;
        color: #003A70;
    }
    .addprods ul li span{
        font-size: .8em;
    }

    .addprods ul{
        list-style: none;
        margin-left: -40px;
    }

    #elemento_oculto5{
        display: none;
    }
    #elemento_oculto6{
        display: none;
    }
    #elemento_oculto7{
        display: none;
    }
    #elemento_oculto8{
        display: none;
    }
    #elemento_oculto9{
        display: none;
    }
    #elemento_oculto10{
        display: none;
    }
/******************************************************************************************************************/   
}
/*******************************************************************************************************************/