html,body{
    width: 100%;
    min-width: 700px;
    height: 100%;
    min-height: 400px;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    
  
}


nav{
    width: 70%;
    height: 6%;
    min-height: 40px;
    float: right;
    background: black;
    margin: 0;
/*    border: 1px solid red;*/
   
}
ul{
   margin-top: 7px;
   list-style-type: none;
   color: white;
   text-align: center;
   font-size: 150%
}

li{
    display: inline-block;
    margin-right: 5%;
    margin-left: 5%;
}

a{
    text-decoration: none;
    color: whitesmoke;
    transition: 0.5s ease;
}

a:hover{
    color: #f8bb15;
}
#contactos{
    display: inline-block;
width: 81%;
height: 500px;
margin-left: 15%;
margin-top: 0px;
}
section{
    display: inline-block;
    width: 70%;
    height: 66%;
    margin-left: 20%;
    margin-top: 0px;
/*    border: 1px solid black;*/
   
    
}

footer{
    /*width: 99.5%;*/
    width: 99.5%;
    height: 25.5%;
    border: 1px solid rgba(0,0,0,0);
    
    
}
.logo{
    width: 187px;
    height: 108px;
    position: absolute;
    float: left;
    display: inline-block;
    background-repeat: no-repeat; 
    background-size: 187px 108px; 
    margin-left: 50px; 
    margin-top: 20px;
    z-index: 1;
/*    border: 1px solid blue;*/
}


/*noticias*/
.ap{
     width: 170px;
    height: 170px;
    display: block;
    position: absolute; 
    z-index: 1;
    background-image: url('../image/iconos/noticias/Apertura.png');
    background-repeat: no-repeat; 
    background-size: 170px 170px; 
    margin-left: 50px; 
    margin-top: 17%;
}
.pr{
     width: 170px;
    height: 170px;
    display: none;
    position: absolute; 
    z-index: 1;
    background-image: url('../image/iconos/noticias/Promociones.png');
    background-repeat: no-repeat; 
    background-size: 170px 170px; 
    margin-left: 50px; 
    margin-top: 17%;
}
.act{
     width: 170px;
    height: 170px;
    display: none;
    position: absolute; 
    z-index: 1;
    background-image: url('../image/iconos/noticias/Actividades.png');
    background-repeat: no-repeat; 
    background-size: 170px 170px; 
    margin-left: 50px; 
    margin-top: 17%;
}
.ctc{

     width: 170px;
    height: 170px;
    display: block;
    position: absolute; 
    z-index: 1;
    background-image: url('../image/iconos/Contacto.png');
    background-repeat: no-repeat; 
    background-size: 170px 170px; 
    margin-left: 50px; 
    margin-top: 17%;

}

/*fin*/

.qs{
   
    width: 170px;
    height: 170px;
    display: block;
    position: absolute; 
    z-index: 1;
    background-image: url('../image/iconos/qs.png');
    background-repeat: no-repeat; 
    background-size: 170px 170px; 
    margin-left: 50px; 
    margin-top: 17%;
}
.ms{
    width: 170px;
    height: 170px;
    display: none;
    position: absolute; 
    z-index: 1;
    background-image: url('../image/iconos/Mision.png');
    background-repeat: no-repeat; 
    background-size: 170px 170px;  
    margin-left: 50px; 
    margin-top: 17%;
}

.vn{
    width: 170px;
    height: 170px;
    display: none;
    position: absolute; 
    z-index: 1;
    background-image: url('../image/iconos/Vision.png');
    background-repeat: no-repeat; 
    background-size: 170px 170px; 
    margin-left: 50px; 
    margin-top: 17%;
}
.vs{
    width: 170px;
    height: 170px;
    display: none;
    position: absolute; 
    z-index: 1;
    background-image: url('../image/iconos/Valores.png');
    background-repeat: no-repeat; 
    background-size: 170px 170px;  
    margin-left: 50px; 
    margin-top: 17%;
}
.pleca{
    width: 92%;
    height: 290px;
    position: absolute;
    background-image: url('../image/pleca.png');
    background-repeat: no-repeat;
    background-size: 100% 290px; 
    margin-left: 128px; 
    margin-top: 17%;
    z-index: -99;
}
.pleca2{
    width: 92%;
    height: 290px;
    position: absolute;
    display: none;
    background-image: url('../image/pleca.png');
    background-repeat: no-repeat;
    background-size: 100% 290px;
    margin-left: 173px;
    margin-top: 17%;
    z-index: -99;
}

.contenedor{
    width: 70%;
    height: 70%;
    margin-left: 20%;
    margin-top: 4%;
    text-align: center;
    /*no selecciona*/
     -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
    /**/
}

#derechos{
    text-align: center;
    font-size: 10pt;
    margin-left: 0%;
    position: absolute;
    float: bottom;
    width: 100%;
    height: 30px;
    
}

.titulo{
    font-size: 130%;
    
    
}

/*iconos de footer para noticias*/
.apertura{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: none;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/noticias/aperturabn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.apertura:hover{
    background-image: url('../image/iconos/noticias/aperturac.png');
}
.aperturac{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/noticias/aperturac.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.noticias{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/noticias/noticiasbn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.noticias:hover{
    background-image: url('../image/iconos/noticias/noticias.png');
}
.noticiasc{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: none;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/noticias/noticias.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.promoc{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: none;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/noticias/promo.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.promo{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/noticias/promobn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.promo:hover{
   background-image: url('../image/iconos/noticias/promo.png');
}
/* fin */

.quien{
    
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: none;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/qssbn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    
}
.quien:hover{
    background-image: url('../image/iconos/qss.png');
}
.quienc{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/qss.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
}

.mision{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/msbn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    
}
.mision:hover{
    background-image: url('../image/iconos/ms.png');
}
.misionc{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: none;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/ms.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
}

.vision{
    width: 110px;
    height: 110px;
   /*border: 1px solid black;*/
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/vsbn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    
}

.vision:hover{
    background-image: url('../image/iconos/vs.png');
}
.visionc{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: none;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/vs.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
}

.valores{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/vrbn.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    
    
    
}
.valores:hover{
     background-image: url('../image/iconos/vr.png');
}

.valoresc{
    width: 110px;
    height: 110px;
    /*border: 1px solid black;*/
    display: none;
    margin-left: 5%;
    margin-right: 5%;
    background-image: url('../image/iconos/vr.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
    
}

.diva{
    width: 100%;
    height: 100%;
    display: block;
/*    border: 1px solid red;*/
   
    
}
.divb{
    width: 100%;
    height: 100%;
    display: none;
/*    font-size: 150%;*/
/*    border: 1px solid red;*/
    margin-top: 50px;
    
}
.divc{
    width: 100%;
    height: 100%;
    display: none;
    font-size: 100%;
/*    border: 1px solid red;*/
    margin-top: 50px;
    
}


.divd{
    width: 100%;
    height: 100%;
    display: none;
/*    border: 1px solid red;*/
    margin-top: 0px;
    
}
.dive{
    width: 100%;
    height: 100%;
    display: block;
    
/*    border: 1px solid red;*/
    margin-top: 0px;
    
}
.divf{
    width: 100%;
    height: 100%;
    display: none;
/*    border: 1px solid red;*/
    margin-top: 0;
    
}
.divg{
    width: 100%;
    height: auto;
    display: none;
/*    border: 1px solid red;*/
    margin-top: 50px;
    
}



.comillasa{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/Quienes_somos1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasb{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -5%;
   position: absolute;
   background-image: url('../image/iconos/comillas/Quienes_somos2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}

.comillasab{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/Mision1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasbb{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -3%;
   position: absolute;
   background-image: url('../image/iconos/comillas/Mision2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}

.comillasac{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/Vision1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasbc{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -6%;
   position: absolute;
   background-image: url('../image/iconos/comillas/Vision2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}

/**comillas para valores /&(/$%&"")**/
.comillasad1{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VHonradez1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasbd1{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VHonradez2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasad2{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VJusticia1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasbd2{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VJusticia2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasad3{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VLealtad1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasbd3{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VLealtad2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasad4{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VPuntualidad1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasbd4{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VPuntualidad2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasad5{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VRespeto1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasbd5{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VRespeto2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasad6{
   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 0%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VTrabajo1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
.comillasbd6{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VTrabajo2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
/*   border: 1px solid blue;*/
   z-index: 2;
}
/**/

/* comillas para noticias*/
.comillasae{
/*   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 3%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VAperturas1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   border: 1px solid blue;
   z-index: 2;*/
}
.comillasbe{
/*   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -10%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VAperturas2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   border: 1px solid blue;
   z-index: 2;*/
}

.comillasaf{
/*   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 3%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VPromociones1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   border: 1px solid blue;
   z-index: 2;*/
}
.comillasbf{
/*   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -30%;
   position: absolute;
   background-image: url('../image/iconos/comillas/VPromociones2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   border: 1px solid blue;
   z-index: 2;*/
}

.comillasag{
/*   width: 70px;
   height: 70px;
   margin-left: 5%;
   margin-top: 3%;
   position: absolute;
   background-image: url('../image/iconos/comillas/1001dia1.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   border: 1px solid blue;
   z-index: 2;*/
}
.comillasbg{
/*   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -5%;
   position: absolute;
   background-image: url('../image/iconos/comillas/1001dia2.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   border: 1px solid blue;
   z-index: 2;*/
}

/*--fin--**/

/*menu de valores*/

.subtextov{
    width: 300px;
    height: 60px;
    margin-left: 15%;
    margin-top: 0%;
   
    position: relative;
    margin-bottom: -10%;
    
}

#sela1{
    display: block;
}

#sela2{
    display: none;
}

#sela3{
    display: none;
}

#sela4{
    display: none;
}

#sela5{
    display: none;
}

#sela6{
    display: none;
}

.menux{
    width: 100%;
    height: 150px;
    margin-top: 8%;
    /*margin-left: -5%;*/
/*    border: 1px solid red;*/
    text-align: center;
}

.menuy{
    left: 4%;
    top: 22%;
    position: absolute; 
    width: 150px; 
    height: auto; 
    display:none;
    
}

.a1{
    background-image: url('../image/iconos/valores/1.png');
    background-size: 100% 100%;
    width: 75px;
    height: 75px;
    display: inline-block;
    margin-left: -0%;
    cursor: pointer;
    
}

.a11{
    background-image: url('../image/iconos/valores/1.png');
    background-size: 100% 100%;
    width: 90px;
    height: 90px;
    display: block;
    cursor: pointer;
    transition: 0.2s ease;
}
.a11:hover{
    width: 90px;
    height: 90px;
}

.a2{
    background-image: url('../image/iconos/valores/2.png');
    background-size: 100% 100%;
    width: 75px;
    height: 75px;
    display: block;
    margin-left: -0.7%;
    cursor: pointer;
    transition: 0.2s ease;
}
.a2:hover{
    width: 100px;
    height: 100px;
}
.a22{
   background-image: url('../image/iconos/valores/2.png');
    background-size: 100% 100%;
    width: 90px;
    height: 90px;
    display: block;
    margin-left: -0%;
    cursor: pointer;
    
}

.a3{
    background-image: url('../image/iconos/valores/3.png');
    background-size: 100% 100%;
    width: 75px;
    height: 75px;
    display: block;
     margin-left: -0.5%;
     cursor: pointer;
     transition: 0.2s ease;
}
.a3:hover{
    width: 100px;
    height: 100px;
}
.a33{
    background-image: url('../image/iconos/valores/3.png');
   background-size: 100% 100%;
    width: 90px;
    height: 90px;
    display: inline-block;
    margin-left: -0%;
    cursor: pointer;
    
    
}

.a4{
    background-image: url('../image/iconos/valores/4.png');
    background-size: 100% 100%;
    width: 75px;
    height: 75px;
    display: block;
    margin-left: -0.5%;
    cursor: pointer;
    transition: 0.2s ease;
}
.a4:hover{
    width: 90px;
    height: 90px;
}
.a44{
    background-image: url('../image/iconos/valores/4.png');
   background-size: 100% 100%;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-left: -0%;
    cursor: pointer;
    
}

.a5{
    background-image: url('../image/iconos/valores/5.png');
    background-size: 100% 100%;
    width: 75px;
    height: 75px;
    display: block;
    margin-left: -0.5%;
    cursor: pointer;
    transition: 0.2s ease;
}
.a5:hover{
    width: 90px;
    height: 90px;
}
.a55{
    background-image: url('../image/iconos/valores/5.png');
    background-size: 100% 100%;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-left: -0%;
    cursor: pointer;
    
}

.a6{
    background-image: url('../image/iconos/valores/6.png');
    background-size: 100% 100%;
    width: 75px;
    height: 75px;
    display: inline-block;
    margin-left: -0.5%;
    cursor: pointer;
    transition: 0.2s ease;
}
.a6:hover{
    width: 90px;
    height: 90px;
}

.a66{
   background-image: url('../image/iconos/valores/6.png');
    background-size: 100% 100%;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-left: -0%;
    cursor: pointer;
    
}

.diva > .textos{
    margin-left: 15%;
    margin-top: 0%;
    text-align: justify;
    width: 75%;
    height: auto;
    font-size: 100%;
}
.divf > .textos{
    margin-top: 0%;
}

.dive > .textos{
    margin-left: 10%;
}
.textos{
    margin-left: 15%;
    margin-top: 8%;
    text-align: justify;
    width: 75%;
    height: auto;
    font-size: 100%;
    /*border: 1px solid green;*/
    
}

.textosv{
    margin-left: 15%;
    margin-top: 8%;
    text-align: justify;
    width: 75%;
    height: auto;
    /*font-size: 120%;*/
    /*border: 1px solid green;*/
    
}
.honestidad{
    display: block;
    height: 60px;
    width: 100%;
}
.justicia{
    display: none;
    height: 60px;
    width: 100%;
}
.lealtad{
    display: none;
    height: 60px;
    width: 100%;
   
}
.puntualidad{
    display: none;
    height: 60px;
    width: 100%;
    
}
.respeto{
    display: none;
    height: 60px;
    width: 100%;
}
.trabajo{
    display: none;
    font-size: 100%;
    height: 60px;
    width: 100%;
}
/*fin menu valores*/

h2{
    text-align: center;
    width: 100%;
    height: 30px;
/*    border: 1px solid black;*/
/*    margin: 0;*/
    margin-top: 50px;
}

/**carrousel**/
.promo1{
    width: 200px;
    height:300px;
    
    display: inline-block;
}
.promo2{
    width: 300px;
    height:250px;
    display: none;
    
}
 
.flecha1{
    background: transparent;
   border: 0;
    width: 40px;
    height: 70px;
    left: 350px;
    position: absolute;
    top: 50%;
    float: left;
    background-image: url('../image/Flecha1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor:pointer;
    /*no selecciona*/
     -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
    /**/
    
}
.flecha1:hover{
    left: 346px;
}
.flecha1:focus{
    outline: 0;
}


.flecha2{
    background: transparent;
   border: 0;
    width: 40px;
    height: 70px;
    position: absolute;
    left: 80%;
    top: 50%;
    float: right;
    background-image: url('../image/Flecha2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor:pointer;
    /*no selecciona*/
     -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
    /**/
    
}


.flecha2:hover{
    margin-left: 0.3%;
}
.flecha2:focus{
    outline: 0;
}

.promo3{
    /*background-image: url('../image/iconos/noticias/Imagena1.jpg');*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 550px;
    height:320px;
    display: inline-block;
    margin-left: 20%;
    
    margin-bottom: -7%;
    text-align: center;
}

.promo4{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 550px;
    height:320px;
    display: inline-block;
    margin-left: 20%;
   margin-top: -1%;
    margin-bottom: -5%;
    text-align: center;
}
#promo1{
    /*background-image: url('../image/promo1.png');*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 100%
}

#promo2{
    /*background-image: url('../image/promo2.png');*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: none;
    width: 100%;
    height: 100%
}

.promo5{
    width: 200px;
    height:300px 
}

.imgdiva{
    width: 800px;
    height: 180px;
    margin-left: 8%;
/*    border: 1px solid black;*/
    background-image: url('../image/grupo/qsHQ.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


/*fin*/
/**/
.apertext{
    width: 320px;
    min-width: 150px;
    height: auto;
/*    border: 1px rgba(0,0,0,0.1) solid;*/
    display: inline-block;
    margin-left: 15px;
    text-align: center;
    font-size: 90%;
}

.imgvalores{
    margin-top: 5%;
    width: 800px;
    height: 235px;
    margin-left: 0%;
/*    border: 1px solid black;*/
    
}
#imgh{
  background-image: url(../image/grupo/HonestidadHQ.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  
}
#imgj{
   background-image: url(../image/grupo/JusticiaHQ.png);
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgl{
  background-image: url(../image/grupo/LealtadHQ.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgp{
   background-image: url(../image/grupo/PuntualidadHQ.png); 
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgr{
  background-image: url(../image/grupo/RespetoHQ.png);  
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgt{
   background-image: url(../image/grupo/TrabajoHQ.png); 
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#map-canvas{
               width: 550px;
                height:320px;
                margin-right:  auto;
                margin-left: 20%;
                margin-top: 6.5%;
                margin-bottom: -7%;
                
            }
            
            .dive > .textos > p{
                font-size: 130%;
                text-align: center;
            }
            
.maps{
    width: 600px;
    height: 260px;
/*    border: 1px solid black;*/
    margin-left: 21%;
    background-image: url('../image/Ubicacion1.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    
}

section > .divc > .textos > p {
    margin-top: 20%;
}

section > .dive > .textos > p {
    margin-top: -2%;
}
section > .divg  {
    margin-top: -1%;
}
#derechos > p > a{
    text-decoration: underline;
    color: blue;
    

}

.textos > p{
    font-size: 110%;
}
.textosv > p{
    font-size: 110%;
}
.divb > .textos > p{
    margin-top: 0%;
}

.divg > .textos > p{
    margin-top: 0%;
}

/**/

/*midiendo height*/
@media (max-height: 629px) {
    html,body{
        min-height: 490px;
        
    }
    
    nav{
        font-size: 80%;
    }
    
    footer{
        margin-top: 10%;
        height: 19%;
        
    }
    
    .contenedor{
    width: 70%;
    height: 70%;
    margin-left: 20%;
    margin-top: 3%;
    text-align: center;
    
}
    
    #derechos{
       margin-top: 2%; 
    }
    .menuy{
        margin-top: 3%;
        
    }
    .quien,.quienc,.mision,.misionc,.vision,.visionc,.valores,.valoresc{
	margin-right:0;
}
.diva,.divb,.divc,.divd,.dive,.divf,.divg{
       
       height: 500px;
       
        
    }
    section{
        height: 500px;
    }
    
    .flecha1{
    
    top: 300px;
    float: left;
    
    
}


.flecha2{
width: 40px;
    
    left: 80%;
    top: 300px;
    
   
}

}
/* height style*/
@media (max-height: 767px) and (min-height: 630px){
    html,body{
        overflow: hidden;
    }
    .pleca{
        width: 105%;
        
    }
    .comillasb{
        margin-top: -7%;
    }
    .qs,.ms,.vn,.vs,.ap,.pr,.act,.ctc,.pleca{
	margin-top: 17%;
    }

    .diva,.divb,.divc,.divd,.dive,.divf,.divg{
        margin-top: 0px;
        
    }
    .divg,.divf,.divg{
        -ms-overflow-y: hidden;
    }
    footer{
        margin-top: 1.5%;
        height: 23%;
    }
    
 
}
@media (max-height: 779px) and (min-height: 768px){
    
    html,body{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    nav{
    height: 40px;    
    }
    #map-canvas{
        width: 630px;
        height: 370px;
        margin-right: auto;
        margin-left: 18%;
        margin-top: 8%;
        margin-bottom: -7%; 
    }
    
    .dive > .textos > p{
        font-size: 140%;
        margin-left: 0%;
        text-align: center;
    }
    .dive > .textos{
    margin-left: 13%;
}
    
    .pleca{
        width: 105%;
    }
    .comillasb{
        margin-top: -5%;
    }
    
    .qs,.ms,.vn,.vs,.ap,.pr,.act,.ctc,.pleca{
	margin-top: 22%;
    }
    
	
    .diva,.divb,.divc,.divd,.dive,.divf,.divg{
      
        margin-top:0px;
    }
    
    .promo3{
    width: 630px;
    height: 370px;
     margin-left: 18%;
    margin-top: 1.1%;
    margin-bottom: -5%;
    text-align: center;
}
section{
    height: 73%;
    
}
footer{
    height: 15%;
}
.contenedor{
    height: 100%;
    margin-top: 0;
}

.promo4{
    width: 630px;
    height: 370px;
    margin-left: 18%;
    margin-top: 0.6%;
}

.flecha1{
    
}



.flecha2{
    left: 82%;
   }
   .comillasbf{
       margin-top: -34%;
   }
   
   .imgdiva{
       width: 845px;
    height: 253px;
    background-image: url(../image/grupo/mhd/qsMHD.png);
}

.imgvalores{
    width: 940px;
    height: 306px;
}
    
    
#imgh{
  background-image: url(../image/grupo/mhd/HonestidadMHD.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  
}
#imgj{
   background-image: url(../image/grupo/mhd/JusticiaMHD.png);
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgl{
  background-image: url(../image/grupo/mhd/LealtadMHD.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgp{
   background-image: url(../image/grupo/mhd/PuntualidadMHD.png); 
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgr{
  background-image: url(../image/grupo/mhd/RespetoMHD.png);  
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgt{
   background-image: url(../image/grupo/mhd/TrabajoMHD.png); 
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#derechos > p{
    margin-left: 10%;
}
}
@media (max-height: 900px) and (min-height: 780px){
    html,body{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    nav{
    height: 40px;    
    }
    footer{
        height: 13%;
    }
    #map-canvas{
        width: 630px;
        height: 370px;
        margin-right: auto;
        margin-left: 18%;
        margin-top: 14%;
        margin-bottom: -7%; 
    }
    
    .dive > .textos > p{
        font-size: 140%;
        margin-left: 0%;
    }
    section > .dive > .textos > p {
    margin-top: 12%;
    }
    .pleca{
        width: 105%;
    }
    .comillasb{
        margin-top: -5%;
    }
    
    .qs,.ms,.vn,.vs,.ap,.pr,.act,.ctc,.pleca{
	margin-top: 22%;
    }
    
	
    .diva,.divb,.divc,.divd,.dive,.divf,.divg{
      
        
        margin-top:0px;
    }
    
    .promo3{
    width: 630px;
    height: 370px;
     margin-left: 18%;
    margin-top: 6.6%;
    margin-bottom: -5%;
    text-align: center;
}
section{
    height: 76%;
    
}
.contenedor{
    height: auto;
   
    margin-top: 0;
    margin-left: 18%;
    
}

.promo4{
    width: 630px;
    height: 370px;
    margin-left: 18%;
    margin-top: 6.6%;
}

.flecha1{
    
}



.flecha2{
    left: 82%;
   }
   .comillasbf{
       margin-top: -34%;
   }
   
   .imgdiva{
       width: 100%;
    height: 280px;
    margin-top: 5%;
    margin-left: 1%;
    background-image: url(../image/grupo/mhd/qsMHD.png);
    background-size: 940px 306px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
}
.imgvalores{
    width: 100%;
height: 404px;

}
   
#imgh{
  background-image: url(../image/grupo/hd/HonestidadHD.png); 
  background-position: 50% 0%;
background-repeat: no-repeat;
  background-size: 940px 404px;
  
  
}
#imgj{
   background-image: url(../image/grupo/hd/JusticiaHD.png);
   background-position: 50% 0%;
background-repeat: no-repeat;
  background-size: 940px 404px;
}
#imgl{
  background-image: url(../image/grupo/hd/LealtadHD.png); 
  background-position: 50% 0%;
background-repeat: no-repeat;
  background-size: 940px 404px;
}
#imgp{
   background-image: url(../image/grupo/hd/PuntualidadHD.png); 
   background-position: 50% 0%;
background-repeat: no-repeat;
  background-size: 940px 404px;
}
#imgr{
  background-image: url(../image/grupo/hd/RespetoHD.png);  
  background-position: 50% 0%;
background-repeat: no-repeat;
  background-size: 940px 404px;
}
#imgt{
   background-image: url(../image/grupo/hd/TrabajoHD.png); 
   background-position: 50% 0%;
background-repeat: no-repeat;
  background-size: 940px 404px;
}
#derechos > p{
    margin-left: 7%;
}
}
@media(min-height: 901px) and (max-height:980px){
    nav{
    height: 40px;    
    }
    .imgdiva{
       width: 1224px;
        height: 326px;
        background-image: url(../image/grupo/mfhd/QSMFHD.png);
        margin-top: 3%;
    }
    .imgvalores{
    width: 1121px;
    height: 380px;
    margin-left: 8%;
    margin-top: 7%;
    }
    section{
        height: 76%;
    }
    .textosv > p {
font-size: 140%;
}
.textos > p {
font-size: 140%;
}

.contenedor{
    height: auto;
    margin-top: 0;
}

footer{
    height: 11%;
}

#map-canvas {
width: 1000px;
height: 464px;
margin-right: auto;
margin-left: 15%;
margin-top: 10.5%;
margin-bottom: -6%;
}
.dive > .textos > p {
font-size: 150%;
margin-left: 0px;

text-align: center;
width: 832px;
}

.flecha1{
    left: 479px;
}
.flecha2{
left: 86%;
}

.promo4{
    width: 1000px;
    height: 464px;
    margin-left: 15%;
    margin-top: 3%;
}
.promo3{
     width: 1000px;
    height: 464px;
    margin-left: 15%;
    margin-top: 3%;
    margin-bottom: -5%;
}
#imgh{
  background-image: url(../image/grupo/mfhd/HonestidadMFHD.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  
}
#imgj{
   background-image: url(../image/grupo/mfhd/Justicia1MFHD.png);
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgl{
  background-image: url(../image/grupo/mfhd/LealtadMFHD.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgp{
   background-image: url(../image/grupo/mfhd/PuntualidadMFHD.png); 
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgr{
  background-image: url(../image/grupo/mfhd/RespetoMFHD.png);  
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#imgt{
   background-image: url(../image/grupo/mfhd/TrabajoMFHD.png); 
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#derechos > p{
    margin-left: 10%;
}
}

@media (max-height: 2560px) and (min-height: 981px){
    html,body{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    nav{
    height: 40px;    
    }
    
    
    #derechos{
    
    margin-top: 0px;
    
}

nav{
    height: 4%;
}
section{
    
    width: 80%;
    height: 79%;
    min-height: 600px;
    margin-left: 15%;
    margin-bottom: 0%;
}

footer{
    width: 100%;
    height: 11%;
    margin-top: 0%;
    /*border: 1px solid black;*/
}

.titulo{
    font-size: 160%;
}

.contenedor{
    margin-top: 0;
    margin-left: 20%;
}


.pleca{
        
        width: 105%;
    }
/*-------------comillas--------------------*/
    .comillasa{
        margin-left: 2%;
    }
    .comillasb{
        margin-top: -4%;
        margin-left: 75%;
    }
    .comillasab{
        margin-top: 6%;
        margin-left: 8%;
    }
    .comillasbb{
        margin-left: 72%;
        margin-top: -2%;
        
    }
    .comillasac{
        margin-top: 6%;
        margin-left: 8%;
        
    }
    .comillasbc{
        margin-left: 72%;
        margin-top: -3%;
    }
    
    .comillasad1{
        margin-top: 3%;
        margin-left: 6%;
    }
    .comillasbd1{
        margin-left: 52%;
        margin-top: -2%;
    }
    .comillasad1{
        margin-top: 3%;
        margin-left: 6%;
    }
    .comillasbd1{
        margin-left: 52%;
        margin-top: -2%;
    }
    .comillasad2{
        margin-top: 3%;
        margin-left: 6%;
    }
    .comillasbd2{
        margin-left: 52%;
        margin-top: -2%;
    }
    .comillasad3{
        margin-top: 3%;
        margin-left: 6%;
    }
    .comillasbd3{
        margin-left: 52%;
        margin-top: -2%;
    }
    .comillasad4{
        margin-top: 3%;
        margin-left: 6%;
    }
    .comillasbd4{
        margin-left: 52%;
        margin-top: -2%;
    }
    .comillasad5{
        margin-top: 3%;
        margin-left: 6%;
    }
    .comillasbd5{
        margin-left: 52%;
        margin-top: -2%;
    }
    .comillasad6{
        margin-top: 3%;
        margin-left: 6%;
    }
    .comillasbd6{
        margin-left: 52%;
        margin-top: -2%;
    }
    
    /*-----------fin------------------*/
    .diva > .textos{
        font-size: 120%;
        margin-left: 8%;
        width: 85%;
    }
    
    
    .textos{
    font-size: 120%;
    text-align: center;
    margin-left: 12%;
    /*border: 1px solid green;*/
    
    }
    .textos > p{
    font-size: 120%;
    /*border: 1px solid green;*/
    
    }
    .textosv > p{
    font-size: 120%;
    /*border: 1px solid green;*/
    
    }
    h2{
        font-size: 160%;
    }
       
    .qs,.ms,.vn,.vs,.ap,.pr,.act,.ctc,.pleca{
	top: 10%;
    }

    .diva,.divb,.divc,.divd,.dive,.divf,.divg{
        width: 100%;
        height: 90%;
        margin-top:0;
        top:0;
    }
    
    section > .divg  {
    margin-top: 1%;
}
    
    



.flecha1{
    margin-left: 2%;
}
.flecha1:hover{
    margin-left: 1.5%;
}

.flecha2{
    left: 87%;
   }
   .comillasbf{
       margin-top: -38%;
   }

   
   
   .logo{
       width: 206px;
       height: 121px;
   }
   
   .divb > .textos > p{
       margin-left: 7%;
       margin-top: 16%;
   }
   
   
  
   #map-canvas {
 width: 1161px;
    height: 620px;
margin-left: 12%;
margin-top: 8.5%;
}

 .dive > .textos > p {
font-size: 160%;
}

.dive > .textos {
margin-left: 185px;

}

.promo4{
     width: 1161px;
    height: 620px;
    margin-left: 12%;
    margin-top: 1.5%;
}
.promo3{
    width: 1161px;
    height: 620px;
    margin-left: 12%;
    margin-bottom: -6%;
    text-align: center;
    margin-top: 1.5%;
}
.imgvalores {
width: 1168px;
height: 500px;
margin-top: 5%;
margin-left: 11%;
}

.imgdiva {
width: 1500px;
height: 377px;
background-image: url(../image/grupo/fhd/QSFHD.png);
margin-top: 4%;
margin-left: 0%;
}

#imgh{
  background-image: url(../image/grupo/fhd/HonestidadFHD.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1000px 500px;
  
}
#imgj{
   background-image: url(../image/grupo/fhd/JusticiaFHD.png);
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1000px 500px;
}
#imgl{
  background-image: url(../image/grupo/fhd/LealtadFHD.png); 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1000px 500px;
}
#imgp{
   background-image: url(../image/grupo/fhd/PuntualidadFHD.png); 
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1000px 500px;
}
#imgr{
  background-image: url(../image/grupo/fhd/RespetoFHD.png);  
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1000px 500px;
}
#imgt{
   background-image: url(../image/grupo/fhd/TrabajoFHD.png); 
   background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1000px 500px;
}
   #derechos > p{
    margin-left: 10%;
}
}
@media(min-width: 1170px) and (max-width:1365px){
    section{
        width: 70%;
        
    }
}
/*midiendo width**/
@media(max-width: 1170px) and (min-width: 900px){
    
    .dive > .textos {
margin-left: 15%;
}
    .textos {
        margin-left: 16%;
    }
    .textos > p {
font-size: 100%;
}
    .quien,.quienc,.mision,.misionc,.vision,.visionc,.valores,.valoresc,.aperturac,.apertura,.promoc,.promo,.noticias,.noticiasc{
    width: 96px;
    height: 96px;
    margin-left: 2%;
    margin-right: 2%;
}
.imgdiva {
width: 700px;
height: 168px;
margin-left: 0%;
margin: auto;
}
   #map-canvas{
               width: 550px;
                height:330px;
                
                margin-left: 10%;
                margin-top: 12%;
                
                
                
            }
.dive > .textos > p{
    text-align: center;
    width: 90%;
    font-size: 130%;
    
}
.divd, .dive, .divf, .divg{
    height: 440px;
}
.dive{
    height: 380px;
}
    .logo{
        width: 140px;
        height: 80px;
    }
    .qs,.ms,.vn,.vs,.ap,.pr,.act{
        width: 170px;
        height: 170px;
        background-size: 170px 170px; 
    }
    .ctc{
       width: 170px;
        height: 170px;
        background-size: 170px 170px; 
        margin-left: 9px;
    }
    
    .textos{
        font-size: 100%;
    }
    nav{
        font-size: 80%;
    }
    
    .pleca{
        
        height: 260px;
        background-size: 100% 260px;
        margin-left: 103px;
    }
    
    .comillasa{
        margin-left: 3%;
    }
    .comillasb{
        margin-top: -8%;
    }
    
    .divb{
        font-size: 130%;
    }
    .comillasab{
        margin-left: 3%;
    }
    
     .comillasac{
        margin-left: 3%;
    }
    
    /*valores*/
    .comillasad1{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: -3%;
   
}
.comillasbd1{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   
}
.comillasad2{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: -3%;
   
}
.comillasbd2{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   
}
.comillasad3{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: -3%;
   
}
.comillasbd3{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   
}
.comillasad4{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: -3%;
   
}
.comillasbd4{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   
}
.comillasad5{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: -3%;
   
}
.comillasbd5{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   
}
.comillasad6{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: -3%;
   
}
.comillasbd6{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -4%;
   
}
/**/

/* comillas para noticias*/
.comillasae{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: 3%;
   
}
.comillasbe{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -10%;
   
}

.comillasaf{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: 3%;
   display:none;
   
}
.comillasbf{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: 0%;
   display: none;
   
}

.comillasag{
   width: 70px;
   height: 70px;
   margin-left: 3%;
   margin-top: 3%;
   
}
.comillasbg{
   width: 70px;
   height: 70px;
   margin-left: 63%;
   margin-top: -7%;
   
}

/*--fin--**/

/*menu de valores*/

.subtextov{
    width: 300px;
    height: 60px;
    margin-left: 14%;
}



.menux{
    width: 100%;
    height: 150px;
    margin-top: 8%;
    /*margin-left: -5%;*/
/*    border: 1px solid red;*/
    text-align: center;
}



.divf{
    margin-bottom: -20%;
    
}


    
    .textosv > p{
    font-size: 120%;
}
section{
    height: 70%;
    min-height: 450px;
}
.diva,.divb,.divc{
    height: auto;
}


.apertext{
   width: 100%;
    min-width: 150px;
    height: auto;
/*    border: 1px rgba(0,0,0,0.1) solid;*/
    display: inline-block;
    
    text-align: center;
    font-size: 90%; 
}

.maps{
   width: 100%;
    height: 260px;
/*    border: 1px solid black;*/
    margin-left: 0%;
}
.promo3{
    margin-left: 8%;
    
}
.promo4{
    margin-left: 8%;
}
.contenedor{
    width: 70%;
    height: 70%;
    margin-left: 17%;
    margin-top: 2.5%;
    text-align: center;
    
}
.flecha1{
    left: 20%;
    z-index: 5;
    
}
.flecha2{
    left: 83%;
    
}
    
}

@media(max-width: 899px) and (min-width: 600px){
    html,body{
    width: 100%;
    min-width: 600px;
    height: 100%;
    min-height: 700px;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    
   
}
#map-canvas{
               width: 90%;
                height:330px;
                
                margin-left: 10%;
                margin-top: 12%;
                
                
            }
.dive > .textos > p{
    text-align: center;
    width: 90%;
    font-size: 130%;
}
.diva, .divb, .divc, .divd, .dive, .divf, .divg{
    height: auto;
}
   
    .logo{
        width: 100px;
        height: 60px;
        margin-left: 3%;
        margin-top: 2%;
    }
    .qs,.ms,.vn,.vs,.ap,.pr,.act{
        width: 111px;
        height: 111px;
        background-size: 111px 111px;
        margin-left: 3%;
    }
    .ctc{
       width: 111px;
        height: 111px;
        background-size: 111px 111px;
        margin-left: -7%; 
    }
    
    .textos{
        font-size: 90%;
        width: 85%;
    }
    .diva > .textos {
    margin-left: 15%;
    margin-top: 0%;
    text-align: justify;
    width: 85%;
    height: auto;
    font-size: 100%;
}
    nav{
        font-size: 80%;
       
    }
    li{
    display: inline-block;
    margin-right: 3%;
    margin-left: 3%;
    }
    
    .pleca{
        width: 100%;
        height: 180px;
        background-size: 100% 180px;
        margin-left: 119px;
        margin-top: 17%;
        
    }
    
    section{
        width: 80%;
        height: 516px;
        margin-left: 10%;
        margin-top: 0;
        
    }
    /* noticias*/
    .comillasae{
        width: 50px;
        height: 50px;
        margin-top: 0;
        margin-left: 0%;
    }
    .comillasbe{
        width: 50px;
        height: 50px;
        margin-top: -15%;
        margin-left: 54%;
    }
    .comillasaf{
        width: 50px;
        height: 50px;
        margin-top: 0;
        margin-left: 0%;
    }
    .comillasbf{
        width: 50px;
        height: 50px;
        margin-top: 5%;
        margin-left: 54%;
    }
    .comillasag{
        width: 50px;
        height: 50px;
        margin-top: 0;
        margin-left: 0%;
    }
    .comillasbg{
        width: 50px;
        height: 50px;
        margin-top: -15%;
        margin-left: 54%;
    }
    /**/
    .comillasa{
        width: 50px;
        height: 50px;
        margin-top: -38px;
        margin-left: 4%;
    }
    .comillasb{
        width: 50px;
        height: 50px;
        margin-top: -10%;
        margin-left: 80%;
    }
    
    .divb{
        font-size: 100%;
    }
    
    .divf{
/*        overflow-y: auto; */
    }
    
    .divg{
        font-size: 130%; 
    }
    .comillasab{
        width: 50px;
        height: 50px;
        margin-top: 1%;
        margin-left: 6%;
         
    }
    .comillasbb{
        width: 50px;
        height: 50px;
        margin-top: -4%;
        margin-left: 80%;
    }
    
    .comillasac{
        width: 50px;
        height: 50px;
        margin-top: 0;
        margin-left: 6%;
    }
     .comillasbc{
        width: 50px;
        height: 50px;
        margin-top: -4%;
        margin-left: 80%;
    }
    
    .contenedor{
        margin-left: 20%;
        text-align: center;
        width: 70%;
        margin-top: 0%;
    }
    .quien,.quienc,.mision,.misionc,.vision,.visionc,.valores,.valoresc,.aperturac,.apertura,.promoc,.promo,.noticias,.noticiasc{
    width: 80px;
    height: 80px;
    margin-left: 2%;
    margin-right: 2%;
}


/*****************************************************************/

/*valores*/
    .comillasad1{
   width: 50px;
   height: 50px;
   margin-left: 6%;
   margin-top: -3%;
   
}
.comillasbd1{
   width: 50px;
   height: 50px;
   margin-left: 75%;
   margin-top: -4%;
   
}
.comillasad2{
   width: 50px;
   height: 50px;
   margin-left: 6%;
   margin-top: -3%;
   
}
.comillasbd2{
   width: 50px;
   height: 50px;
   margin-left: 75%;
   margin-top: -4%;
   
}
.comillasad3{
   width: 50px;
   height: 50px;
   margin-left: 6%;
   margin-top: -3%;
   
}
.comillasbd3{
   width: 50px;
   height: 50px;
   margin-left: 75%;
   margin-top: -4%;
   
}
.comillasad4{
   width: 50px;
   height: 50px;
   margin-left: 6%;
   margin-top: -3%;
   
}
.comillasbd4{
   width: 50px;
   height: 50px;
   margin-left: 75%;
   margin-top: -4%;
   
}
.comillasad5{
   width: 50px;
   height: 50px;
   margin-left: 6%;
   margin-top: -3%;
   
}
.comillasbd5{
   width: 50px;
   height: 50px;
   margin-left: 75%;
   margin-top: -4%;
   
}
.comillasad6{
   width: 50px;
   height: 50px;
   margin-left: 6%;
   margin-top: -3%;
   
}
.comillasbd6{
   width: 50px;
   height: 50px;
   margin-left: 75%;
   margin-top: -4%;
   
}
/**/

/* comillas para noticias*/
.comillasae{
   width: 50px;
   height: 50px;
   margin-left: 3%;
   margin-top: 3%;
   
}
.comillasbe{
   width: 50px;
   height: 50px;
   margin-left: 63%;
   margin-top: -10%;
   
}

.comillasaf{
   width: 50px;
   height: 50px;
   margin-left: 3%;
   margin-top: 3%;
   display:none;
   
}
.comillasbf{
   width: 50px;
   height: 50px;
   margin-left: 63%;
   margin-top: 0%;
   display: none;
   
}

.comillasag{
   width: 50px;
   height: 50px;
   margin-left: -3%;
   margin-top: 3%;
   
}
.comillasbg{
   width: 50px;
   height: 50px;
   margin-left: 60%;
   margin-top: -10%;
   
}

/*--fin--**/

/*menu de valores*/

.subtextov{
    width: 300px;
    height: 60px;
    margin-bottom: -13%;
    margin-left: 19%;
    font-size: 85%;
}



.menux{
    width: 140%;
    height: 150px;
    margin-top: 15%;
    margin-left: -13%;
/*    border: 1px solid red;*/
    text-align: center;
}


.a1{
    background-image: url('../image/iconos/valores/1.png');
    background-size: 100% 100%;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-left: -0%;
    cursor: pointer;
    
}
/*.a11{
    width: 70px;
    height: 70px;
    
}*/

.a2{
    width: 70px;
    height: 70px;
}


.a3{
    width: 70px;
    height: 70px;
}


.a4{
    width: 70px;
    height: 70px;
}


.a5{
    width: 70px;
    height: 70px;
}


.a6{
    width: 70px;
    height: 70px;
}


    
    .textosv > p{
    font-size: 90%;
    margin-left: 8%;
    width: 100%;
}

.diva > .textos > p {
    font-size: 100%;
}

.dive > .textos {
    margin-left: 20%;
    font-size: 100%;
    
}
.divg > .textos {
    margin-left: 20%;
    font-size: 100%;
    
}

.divg > .textos > p{
    font-size: 90%;
    margin-left: 0;
}

.promo3{
    margin-left: 16%;
    width: 500px;
    height: 300px;
    
}
.promo4{
    width: 100%;
    height: 380px;
    margin-left: 6%;
    margin-top: 0%;
    margin-bottom: -10%;
}

.flecha1{
    left: 10%;
    
}
.flecha2{
    left: 93%;
    
}

.diva,.divb,.divc{
    height: auto;
}


footer{
    margin-bottom: -4%;
}
.apertext{
   width: 100%;
    min-width: 150px;
    height: auto;
/*    border: 1px rgba(0,0,0,0.1) solid;*/
    display: inline-block;
    
    text-align: center;
    font-size: 90%; 
}

.maps{
   width: 100%;
    height: 260px;
/*    border: 1px solid black;*/
    margin-left: 0%;
}

/*****************************************************************/
  
.imgdiva {
width: 100%;
height: 180px;
margin: auto;
background-size: 751px 180px;
background-repeat: no-repeat;
background-position: 50% 50%;


}
.imgvalores {
margin-top: 8%;
width: 800px;
height: 235px;
margin-left: 0%;
/* border: 1px solid black; */
}
}

@media(max-width: 599px){
    html{
        overflow-x: auto;
        overflow-y: auto;
    }
    html,body{
    width: 100%;
    min-width: 300px;
    height: auto;
    
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    
   
}
#map-canvas{
              width: 100%;
              height: 300px;
                
               margin-left: 0%;
                margin-top: 11%;
                
                
            }

.divg > .textos > p{
    font-size: 90%;
}

.promo3{
    margin-left: 35%;
    width: 150px;
    height: 100px;
    margin-bottom: -5%;
}

   
    .logo{
        width: 100px;
        height: 60px;
        margin-left: 2%;
        margin-top: 2%;
    }
    .qs,.ms,.vn,.vs,.ap,.pr,.act,.ctc{
        width: 85px;
        height: 85px;
        background-size: 85px 85px;
        margin-left: 2%;
        margin-top: 90px;
    }
    
    .textos{
        font-size: 100%;
    }
    nav{
        width: 60%;
        font-size: 80%;
        height: 100px;
        margin: 0;
        
       
    }
    li{
        margin-left: 6%;
        margin-right: 0;
        text-align: center;
        width: 100%;
    display: inline-block;
    
    }
    
    .pleca{
        width: 89%;
        height: 180px;
        background-size: 100% 160px;
        margin-left: 62px;
        margin-top: 86px;
        
    }
    .menuy {
        left: 4%;
        top: 13%;
        position: absolute;
        width: 150px;
        height: auto;

    }
    section{
        width: 100%;
        height: auto;
        margin-left: 0%;
        margin-top: 17%;
        
        
        
    }
    .diva{
        font-size: 90%;
        width: 90%;
        margin-left: 13%;
        height: 80%;
        margin-top: -25%;
    }
    
    .divb{
        height: auto;
        margin-top: -25%;
    }
    
    
    /*comillas de noticias*/
    .comillasae{
        width: 30px;
        height: 30px;
        margin-top: 0;
        margin-left: 10%;
    }
    
    .comillasbe{
        width: 30px;
        height: 30px;
        margin-top: -20%;
        margin-left: 65%;
    }
    
    .comillasaf{
        width: 30px;
        height: 30px;
        margin-top: 20%;
        margin-left: -10%;
    }
    
    .comillasbf{
        width: 30px;
        height: 30px;
        margin-top: -17%;
        margin-left: 65%;
    }
    
    .comillasag{
        width: 30px;
        height: 30px;
        margin-top: 0;
        margin-left: 0;
    }
    
    .comillasbg{
        width: 30px;
        height: 30px;
        margin-top: -20%;
        margin-left: 65%;
    }
    /*fin*/
    
    .comillasa{
        width: 30px;
        height: 30px;
        margin-top: 0;
        margin-left: 7%;
    }
    .comillasb{
        width: 30px;
        height: 30px;
        margin-top: -8%;
        margin-left: 78%;
    }
    
    .divb{
        font-size: 100%;
        
    }
    .comillasab{
        width: 30px;
        height: 30px;
        margin-top: 6%;
        margin-left: 8%;
    }
    .comillasbb{
        width: 30px;
        height: 30px;
        margin-top: -10%;
        margin-left: 90%;
    }
    
    .divc{
        height: auto;
        
    }
    .comillasac{
        width: 30px;
        height: 30px;
        margin-top: 6%;
        margin-left: 8%;
    }
     .comillasbc{
        width: 30px;
        height: 30px;
        margin-top: -9%;
        margin-left: 90%;
    }
    
    .contenedor{
        margin-left: 0;
        text-align: center;
        width: 98%;
        z-index: 1;
    }
    .quien,.quienc,.mision,.misionc,.vision,.visionc,.valores,.valoresc,.aperturac,.apertura,.promoc,.promo,.noticias,.noticiasc{
    width: 80px;
    height: 80px;
    margin-left: 1%;
    margin-right: 1%;
}
.divd{
    width: 80%;
    margin-left: 15%;
    height: 56%;
    margin-top: -25%;
}



/****************************************************************/


/*valores*/
    .comillasad1{
   width: 30px;
        height: 30px;
        margin-top: -3%;
        margin-left: 4%;
   
}
.comillasbd1{
  width: 30px;
        height: 30px;
        margin-top: -6%;
        margin-left: 72%;
   
}
.comillasad2{
   width: 30px;
        height: 30px;
        margin-top: -3%;
        margin-left: 4%;
   
}
.comillasbd2{
  width: 30px;
        height: 30px;
        margin-top: -6%;
        margin-left: 72%;
   
}
.comillasad3{
    width: 30px;
        height: 30px;
        margin-top: -3;
        margin-left: 4%;
   
}
.comillasbd3{
   width: 30px;
        height: 30px;
        margin-top: -6%;
        margin-left: 72%;
   
}
.comillasad4{
   width: 30px;
   height: 30px;
   margin-left: 3%;
   margin-top: -3%;
   
}
.comillasbd4{
   width: 30px;
        height: 30px;
        margin-top: -6%;
        margin-left: 72%;
   
}
.comillasad5{
    width: 30px;
        height: 30px;
        margin-top: -3;
        margin-left: 4%;
   
}
.comillasbd5{
  width: 30px;
        height: 30px;
        margin-top: -6%;
        margin-left: 72%;
   
}
.comillasad6{
    width: 30px;
        height: 30px;
        margin-top: -3%;
        margin-left: 4%;
   
}
.comillasbd6{
   width: 30px;
        height: 30px;
        margin-top: -6%;
        margin-left: 72%;
   
}
/**/

/* comillas para noticias*/


/*--fin--**/

/*menu de valores*/
.titulo{
    margin-top: -48px;
}





.menux{
    width: 100%;
    height: 150px;
    margin-top: 25%;
    /*margin-left: -5%;*/
/*    border: 1px solid red;*/
    text-align: center;
}


.a1{
    width: 50px;
    height: 50px;
    transition: 0.2s;
    
}
.a1:hover{
    width: 70px;
    height: 70px;
}
.a11{
    width: 70px;
    height: 70px;
}


.a2{
    width: 50px;
    height: 50px;
    display: block;
}
.a2:hover{
    width: 70px;
    height: 70px;
}
.a22{
    width: 70px;
    height: 70px;
}


.a3{
    width: 50px;
    height: 50px;
}
.a3:hover{
    width: 70px;
    height: 70px;
}
.a33{
    width: 70px;
    height: 70px;
}


.a4{
   width: 50px;
    height: 50px;
}
.a4:hover{
    width: 70px;
    height: 70px;
}
.a44{
    width: 70px;
    height: 70px;
}


.a5{
    width: 50px;
    height: 50px;
    
}
.a5:hover{
    width: 70px;
    height: 70px;
}
.a55{
    width: 70px;
    height: 70px;
}


.a6{
    width: 50px;
    height: 50px;
    display: block;
}
.a6:hover{
    width: 70px;
    height: 70px;
}
.a66{
    width: 70px;
    height: 70px;
    display: block;
}


    .textosv > p{
    font-size: 70%;
}



.subtextov{
    margin-top: 0%;
    margin-left: 14%;
    position: relative;
    margin-bottom: -16%;
}

footer{
    margin-bottom: -6%;
    margin-top: 0;
}

.apertext{
   width: 100%;
    min-width: 150px;
    height: auto;
/*    border: 1px rgba(0,0,0,0.1) solid;*/
    display: inline-block;
    
    text-align: center;
    font-size: 90%; 
}

.maps{
   width: 100%;
    height: 260px;
/*    border: 1px solid black;*/
    margin-left: 0%;
}

/*aperturas min 500*/

.divf{
    overflow-x: none;
    
    width: 100%;
    
    
}

.promo4{
    width: 100%;
    height: 300px;
    margin-left: 0%;
    
    
}
.flecha1{
    left: 1%;
    top: 400px;
    z-index: 5;
}
.flecha1:hover{
    left: .9%;
}
.flecha2{
    left: 90%;
    top: 400px;
    z-index: 5;
}
.dive > .textos > p{
    text-align: center;
    width: 90%;
    font-size: 120%;
}

.dive,.divf,.divg,section{
    height: 468px;
}
.promo3{
    width: 100%;
    height: 300px;
   margin-left: 0%;
   
}

/**/
/*****************************************************************/
 
.imgdiva {
/*position: absolute;*/
width: 95%;
height: 161px;
margin-left: 0%;
background-size: 700px 165px;
background-position: 36% 0%;
z-index: 0;
}
#imgj,#imgh,#imgl,#imgp,#imgr,#imgt {

background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 622px 210px;
}
.imgvalores {
margin-top: 10%;
width: 100%;
height: 210px;
margin-left: 0%;
/* border: 1px solid black; */
}
.textos {
margin-left: 85px;
margin-top: 8%;
width: 70%;
}
.textos > p {
font-size: 100%;
}
.dive > .textos {
margin-left: 15%;
}
}

@media (max-width:600px) and (min-height:770px){

.qs, .ms, .vn, .vs, .ap, .pr, .act {
width: 111px;
height: 111px;
background-size: 111px 111px;
margin-left: 3%;
margin-top: 24%;
}
.menuy {
left: 4%;
top: 16%;
position: absolute;
width: 150px;
height: auto;
display: none;
}
.textos {
font-size: 70%;
width: 85%;
}

.imgdiva {
width: 100%;
height: 180px;
margin: auto;
background-size: 593px 180px;
background-repeat: no-repeat;
background-position: 50% 50%;
}
section {
width: 80%;
height: 580px;
margin-left: 10%;
margin-top: 0;
}
.pleca {
width: 100%;
height: 158px;
background-size: 100% 180px;
margin-left: 52px;
margin-top: 24%;
}
.pleca2 {
width: 100%;
height: 158px;
background-size: 100% 180px;
margin-left: 52px;
margin-top: 24%;
}
.divb > .textos > p {
margin-top: 19%;
}

.imgvalores {
margin-top: 8%;
width: 600px;
height: 215px;
margin-left: 0%;
}

.promo3 {
margin-left: 16%;
width: 431px;
height: 281px;
}
}