*{
    box-sizing: border-box;
}

body{background:#F4EDE6;}


/* ------------------------------------------------------------------------------------------------------------------ */

/* Reset CSS ----------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
    list-style-position: inside;
    padding-left: 5px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	font-size: 100%;
    font: inherit;
    color: inherit;
    text-decoration: inherit;
}



/* ------------------------------------------------------------------------ RESET ------------------------------------------------------------------------ */





@font-face{
    font-family: "OpenSans-Bold";
    src: url(fonts/OpenSans-Bold.ttf);
    font-weight: normal;
}

@font-face{
    font-family: "OpenSans-Regular";
    src: url(fonts/OpenSans-Regular.ttf);
    font-style: normal;
    font-weight: normal;
}

.container{    max-width: 1170px; margin: auto;} 

h1.valores{ color: #FF5000;
    position: relative}

h1{
    font-family: "OpenSans-Bold";
    font-weight: bold;
    font-size: 44px;
    color: #ff5000;
    line-height: 43px;
    text-align: center;
    margin-bottom: 10px;
}

h2{
    font-family: 'OpenSans-Bold', sans-serif;
    font-size: 28px;
    color: #f5f0ed;
    line-height: 20px;
    text-align: center;
    margin: 0px auto 10px;
}


h3.nuestromejor{ 
    font-family: 'OpenSans-Bold', sans-serif ;
    font-size: 22px ;
    color: #704D33;
}

h3.valores{ 
    font-family: 'OpenSans-Bold', sans-serif;
 font-size: 28px ;
color: #704D33;
line-height: 40px}


h3{
    font-family: 'OpenSans-Bold', sans-serif;
    font-size: 24px;
    color: #f5f0ed;
    text-align: center;
}

p{
    font-family: 'OpenSans-Regular', sans-serif;
    font-size: 19px;
    font-weight: normal;
    color: #704D33;
    line-height: 22px;
    text-align: center;
}

p.button{
    font-family: 'OpenSans', sans-serif;
    font-style: normal;
    font-size: 14px;
    color: #f5f0ed;
}

li{
    font-family: 'OpenSans-Regular', sans-serif;
    font-size: 16px;
    color:#55AF3A;
}




a:hover{ color: #5B3E26} 






.cajauno{   width: 50%;
    height: 300px;
     float: left ;
    margin-top: 40px;}


.logoblanco{        width: 43%;
    height: 50%;
    margin-left: 120px;
    margin-top: 68px;}



.cajados{   width: 50%;
    height: 240px;
    float: left;
 margin-top: 130px;}




.cajatres{ width: 80%; height: 200px; margin: auto;margin-top:90px;  font-family: sans-serif;}

.redes{width: 100%; height: 100px;margin-top: 20px; }


.face{ width: 50px; height: 50px; float: left;margin-top: 10px; }












.tw{ width: 50px; height: 50px; float: left;margin-top:10px;margin-left: 10px;}

.siguenos{margin-left: 15px;}
.mail{ float: left; margin-left: 30px;margin-top: 20px; font-size: 17px; color: white;}



.cajatres p { ;text-align: left; font-size: 18px; color: white;}
.av{ font-size: 20px; color: white;}
.menu_dos{ margin-left: 80px; float: left;}

.menu_dos a{ color: white; }

.menu_dos a:hover { color:orange; }

.cuadro1{ width: 50%; height: 400px; background: #55AF3A; float: left; border-top:22px solid #f4ede6; }

.cuadro2{ width: 50%; height: 400px; background: #a2c854;float: left;border-top:22px solid #f4ede6;}
.footer, .footer2{
    background-color: #241d1b;
    min-height: 171px;
    padding: 76px 0px 0px 29px;
}


.topBar{
    width: 75%;
    margin: auto;
    
    padding: 20px 24px 30px;
    overflow: hidden;
    position: relative;
}

.logo{
    margin-top: 10px;
    float: left
        ;
}

.boton{
    display: none;
    position: absolute;
    top: 80px;
    right: 60px;
    z-index: 1;
}

.menu{
     margin-right: 60px;
    position: absolute;
    font-weight: bold;
    top: 80px;
    right: 100px;
    text-decoration: none;
    z-index: 1;
}

.menu ul{
    text-align: right;
}

.menu li{
    display: inline-block;
    margin-right: 17px;
    margin-left: 0px;
}

.header{
    background-image: url(images/fondo4.jpg);
    background-position: center;
    background-size: cover;
    min-height: 900px;
    ;
}

.contenedortitles{
    width: 100%;
    height: 200px;
    padding: 10px;
    margin: 500px auto auto;
    background-color: rgba(0, 0, 0, 0.5);
}


.contenedortitles h1{ color: white; margin-top: 20px;}
.servicios1{width: 40%; margin: auto;}

.servicios1 p {
    color: white;
    font-size: 26px;
    line-height: 39px;
}




.calidad{ 
    width: 100%;
 

    margin-top: 50px;}


.contenidocalidad{ 
    width: 70%;
   
  
    margin: auto;
    }





.servicioyatencion{

    width: 100%;
    height: 400px;
 
    margin-top: 50px;
}

.contenidoservicioyatencion{
    width: 80%;
    height: 400px;
    margin: auto;
    }

.bloqueuno{
    width: 40%;
    height: 400px;
    background-color:#664327;
    float: left;
    padding: 60px;

}



.bloqueuno p { 
    color:white;
    text-align: left;
    font-size: 20px;
    line-height: 25px;
    margin-top: 10px;
    }


.bloqueuno h4{
    font-size: 28px;
    color:white;
    font-family: "OpenSans-Bold";}

.bloquedos{
    width: 60%;
    height: 400px;
    float: left;
    background-image: url(images/00112.jpg);
      background-repeat: no-repeat;
}


.certificacion{
    width: 100%;
    height: 400px;
   
    margin-top: 50px;
    }

.distintivoh{
    width: 20%;
    height: 400px;
    margin: auto;
  
    
    }



.distintivoh img{
    width: 100%;}


/* Media query */




@media screen and (max-width: 2057px){ 




.cajauno {
    width: 30%;
    height: 300px;
    float: left;
    margin-top: 40px;
    margin-left: 145px;}


.cajados {
    width: 40%;
    height: 240px;
    float: left;
    margin-top: 130px;

}
}



 @media screen and (max-width: 1672px)
 {
 .distintivoh {
     width: 24%;}
 }















    @media screen and (max-width: 1613px){ 
    
    .cajauno {
    width: 33%;
    height: 303px;
    float: left;
    margin-top: 40px;
        margin-left: 91px;}
        
        
        
        .cajados {
    width: 41%;
    height: 242px;
    float: left;
    margin-top: 130px;
}
    
    }
    

  
      
    
      
@media screen and (max-width: 1500px){
.distintivoh {
    width: 26%;
}
.bloqueuno h4 {
    font-size: 24px;

}
      
      
      
      
      
      
      
    @media screen and (max-width: 1444px){ 
    
   .cajauno {
    width: 36%;
    height: 303px;
    float: left;
    margin-top: 40px;
    margin-left: 52px;
}
        
        
        
        .cajados {
    width: 41%;
    height: 242px;
    float: left;
    margin-top: 130px;
}
    
    }
    

    @media screen and (max-width: 1400px){
.distintivoh {
    width: 28%;
}
.bloqueuno h4 {
    font-size: 22px;

}
     
    @media screen and (max-width: 1350px){
.distintivoh {
    width: 30%;
}
    }
     

        
        
      
    @media screen and (max-width: 1319px){

      .bloqueuno h4 {
    font-size: 20px;
}  
        
    .bloqueuno p {
    
   
    font-size: 18px;
    line-height: 26px;
    margin-top: 8px;
}    
        
        
    }       
        
        
        
    @media screen and (max-width: 1308px){ 
    
.cajauno {
    width: 38%;
    height: 303px;
    float: left;
    margin-top: 40px;
    margin-left: 33px;
}    
        
        
        .cajados {
    width: 41%;
    height: 242px;
    float: left;
    margin-top: 130px;
}
    
    }
    

      


@media screen and (max-width: 1275px)       
{
    .contenidoservicioyatencion {
    width: 90%;
    
}
    
}
        
        
        
        
        
        
        
        
        





@media screen and (max-width: 1260px){ 


    .cajauno {
    width: 17%;
    height: 300px;
    float: left;
    margin-top: 40px;
    margin-left: 139px;
    }


    .menu_dos {
    margin-left: 112px;
    float: left;
    }


    .logoblanco {
    width: 43%;
    margin-left: 119px;
    margin-left: 0px;
    margin-top: 68px;}

    .cajados {
    width: 40%;
    height: 240px;
    float: left;
    margin-top: 130px;
    }



}
    
    @media screen and (max-width: 1261px){ 
    
    
    .cajauno {
    width: 29%;
    height: 282px;
    float: left;
    margin-top: 40px;
        margin-left: 33px;}
        
        
        
        .cajados {
    width: 51%;
    height: 240px;
    float: left;
    margin-top: 130px;
}
    
    .menu_dos {
    margin-left: 148px;
    float: left;
}
    }
    



@media screen and (max-width: 1254px){ 

.cajauno {
    width: 12%;
    height: 282px;
    float: left;
    margin-top: 40px;
    margin-left: 143px;}
    
    
    .cajados {
    width: 51%;
    height: 240px;
    float: left;
    margin-top: 130px;
}



}




        @media screen and (max-width: 1200px){
        
        .contenidoservicioyatencion {
    width: 95%;
}
        .distintivoh {
    width: 32%;
}
        
        }
      
      


      
      
             @media screen and (max-width: 1170px){
        
.contenidocalidad h1 {
    font-size: 36px;
}
.contenidoservicioyatencion {
    width: 100%;
}
     
             }
      
    
        
        
        
               @media screen and (max-width: 1100px){
        .distintivoh {
    width: 35%;
}

             }
      
          
        
        
        
        
                 @media screen and (max-width: 1051px){
  
                 .contenidocalidad {
    width: 82%;
    margin: auto;
}   
                     
                     
                     

             }
      
          
        
              
        
        
        
        
        
        @media screen and (max-width: 1020px){
    .boton{
        display: block;
    }
    .menu li{
        display: block;
        margin: 20px 0px;
        text-align: center;
    }
    .js .menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s;
    position: absolute;
    top: 115px;
    right: 50px;
    background-color: #FF5000;
}
    .js .menu a{
        padding: 5px 10px;
        color: #ded6c0;
    }
  .js .menu.menu-desplegado {
    max-height: 500px;
    margin-right: 60px;
    margin-top: 0px;
}

        }
        
      
      

            @media screen and (max-width: 1000px){
        .distintivoh {
        width: 40%;
            }
            
            
            
            
            
            }   
           
    
    
      @media screen and (max-width: 970px){
      
      
      .

.menu_dos {
    margin-left: 92px;
    float: left;
}  .cajados {
    width: 51%;
    height: 240px;
    float: left;
    margin-top: 138px;
}
      .logoblanco {
    width: 43%;
    margin-left: 119px;
    margin-left: -80px;
    margin-top: 67px;
}
      
      }
      
      

      
      
      

      

      
      
      

          }

      
      
    
    
    
    @media screen and (max-width: 900px){
    
    .bloqueuno h4 {
    font-size: 24px;
}
        .bloqueuno p {
    font-size: 18px;
    line-height: 26px;
    margin-top: 8px;
}
   .bloqueuno {

    padding: 40px;
    
} 
        .certificacion {
    width: 100%;
    height: 400px;
    margin-top: 45px;
}
        .distintivoh {
    width: 43%;
}
   
        .calidad {
    width: 100%;
    margin-top: 35px;
}
    }
    
    
    
    @media screen and (max-width: 877px){
    
    .contenidocalidad h1 {
    font-size: 30px;
}
    
    
    }
    
    
     @media screen and (max-width: 822px){
    
    .contenidocalidad h1 {
    font-size: 30px;
}
    .certificacion {
   
    height: 377px;
    margin-top: 45px;
}
    
    }
    
    
    
    
        
                       
                   
                          
                       
                       
                       

        
                       
                      
                       
                       
                       
                         
                         
                       
    
                       
                    
                   
                       
                      
                       

                       
                       
                       
                       
                       
                       
                       
                       
                       
                       




@media screen and (max-width: 667px){

    .logoblanco {
    margin-top: 40px;
    margin: auto;
}
    
    
    .cajados {
    width: 100%;
    height: 300px;
    float: none;
    text-align: center;
}
    .menu_dos {
    margin-left: 265px;


} 
}


@media screen and (max-width: 375px){ 

    .cajauno {
    width: 18%;
    height: 180px;
    margin-top: 0px;
    margin-left: 75px;
        
}

    .menu_dos {
    margin-left: 125px;
}


}








/* ----------- Responsive ----------- */


    
    


@media screen and (max-width: 1401px){
    .topBar{
        margin-bottom: 10px;
    }
    .header{
        min-height: 900px ;
    }
    .header2{
        min-height: 1000px;
        padding-top: 30px;
    }
    .leftbox, .rightbox, .infobox{
        float:;
    }
    
   
    
    .contenedortitles{  width: 100%;
        
  ;}
    
     .contenedortitles2, .bloqueContainer{
        width: 90%;
        margin: 0px auto;
        padding: 10px;
    }
    h1{
        font-size: 41px;
    }
    h2{
        font-size: 24px;
    }
    
    .centralbox{
        padding: 120px 18px 0px 18px;
    }
    .infobox{
        width: 100%;
        margin-bottom: 30px;
    }
    .infoboxImage{
        width: 80px;
        position: static;
        margin: 0px auto;
    }
    .infoboxText{
        padding: 0px;
    }
    .footer{
        display: none;
    }
    .footer2{
        display: block;
    }
}



    
    
    
    
  
    
    @media screen and (max-width: 1260px){


.logoblanco {
    width: 43%;
    margin-left: 119px;
    margin-left: 112px;
    margin-top: 68px;
}


}
  @media screen and (max-width: 1254px)
{.logoblanco {
    width: 43%;
    margin-left: 119px;
    margin-left: 0px;
    margin-top: 68px;
}

  .cajauno {
    width: 12%;
    height: 282px;
    float: left;
    margin-top: 40px;
    margin-left: 130px;
}  
}

      @media screen and (max-width: 1160px)   
   {
   .cajauno {
    width: 12%;
    height: 282px;
    float: left;
    margin-top: 40px;
    margin-left: 107px;
}
   
   
   }




      
      
      
      @media screen and (max-width: 1100px){  
        
     

          
    
    
    .servicios1 {
    width: 77%;
    margin: auto; }
    
    

    
    
   
    
    
 }
    
      
      
      
      @media screen and (max-width: 1089px){ 
      
    .cajauno {
    width: 12%;
    height: 282px;
    float: left;
    margin-top: 40px;
        margin-left: 110px;}
          
          .cajados {
    width: 60%;
    height: 240px;
    float: left;
    margin-top: 130px;
}
          
          
.logoblanco {
    width: 43%;
    margin-left: 119px;
    margin-left: 0px;
    margin-top: 68px;
}
     .menu_dos {
    margin-left: 148px;
    float: left;
} 
      
   .cajauno {
    width: 12%;
    height: 282px;
    float: left;
    margin-top: 40px;
    margin-left: 90px;
}   }
      
      
      
      
      
      
      
      
      @media screen and (max-width: 932px){   
      
      
      .cajauno {
    width: 12%;
    height: 282px;
    float: left;
    margin-top: 40px;
    margin-left: 60px;
}
      
      .cajados {
    width: 67%;
    height: 240px;
    float: left;
    margin-top: 130px;
}
     
      
      
      
      
      }
    @media screen and (max-width: 867px){

.cajauno {
    width: 12%;
    height: 282px;
    float: left;
    margin-top: 40px;
    margin-left: 50px;
}

}
   
      
     @media screen and (max-width: 829px){
      
   
              .cuadro1{ 
        width: 100%;
        padding-top: 40px;}

    
    .cuadro2{ 
        width: 100%;
        border-top: none;} 


   .logoblanco {
    margin-top: 40px;
    margin: auto;
       margin-left: 230px;}
    
.cajauno {
    width: 80%;
    height: 180px;
    margin-top: 0px;
    margin-left: 75px;
}

.cajados {
    width: 100%;
    height: 300px;
    float: none;
    text-align: center;
}



.menu_dos {
    margin-left: 335px;
}         
                 
                 
        .bloqueuno p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
}         
                 
                 
             }
      
                
    
    
    
    
    
      
      
      
      @media screen and (max-width: 770px)   {
      
      
 .cajauno {
    width: 12%;
    height: 282px;
    float: left;
    margin-top: -3px;
    margin-left: 150px;
}
          
.cajados {
    width: 64%;
    height: 228px;
    float: left;
    margin-top: 94px;
}
          
          
.logoblanco {
    width: 72%;
    margin-left: 119px;
    margin-left: 77px;
    margin-top: 68px;
}
.menu_dos {
    margin-left: 203px;
    float: left;
}
      
      }
      
      
      
      }  
      
      
      @media screen and (max-width: 725px){
          
          
        .bloqueuno p {
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
}
          .bloqueuno h4 {
    font-size: 19px;
    margin-top: 30px;
}
     
      .contenidocalidad h1 {
    font-size: 39px;
}    
          
     .certificacion {
    height: 324px;
    margin-top: 45px;
} }
      
      
      
    
    

@media screen and (max-width: 717px){  
 
    
    .contenedortitles{ width: 100%;  padding: 5px;}
    .bloqueContainer{   width: 100% }  
    .header2{min-height: 1170px; }
  
.contenedortitles h1 {
    color: white;
    margin-top: 10px;}

.servicios1 {
    width: 90%;
    margin: auto;

}



    
    


}
   
      
     @media screen and (max-width: 702px){
      
      
      .cuadro1 {
    width: 100%;
    padding-top: 40px;
}
          
          .cajauno {
    width: 12%;
    height: 232px;
    float: left;
    margin-top: 40px;
    margin-left: 140px;
}
          
          
          .logoblanco {
    width: 43%;
    margin-left: 119px;
    margin-left: 27px;
    margin-top: 26px;
}


          .cajados {
    width: 60%;
    height: 240px;
    float: left;
    margin-top: 90px;
}
      
      }   
      
      
      
      
@media screen and (max-width: 666px)  {


.bloqueuno {
    width: 44%;}
    
.bloquedos {
    width: 56%;}

.cajauno {
    width: 12%;
    height: 232px;
    float: left;
    margin-top: 40px;
    margin-left: 103px;
}
}
      

      
      
      
      
      
      
      
      @media screen and (max-width: 648px)
    {
    
    
    .cajauno {
    width: 24%;
    height: 280px;
    float: left;
    margin-top: 40px;
    margin-left: 60px;
}
    
   .logoblanco {
    width: 40%;
    margin-left: 119px;
    margin-left: 56px;
    margin-top: 27px;
}
        
        .cajados {
    width: 60%;
    height: 229px;
    float: left;
    margin-top: 100px;
}
        
     .menu_dos {
    margin-left: 148px;
    float: left;
}
     .cajados {
    width: 60%;
    height: 229px;
    float: left;
    margin-top: 84px;
}        
        
        
    }
      
      
@media screen and (max-width: 622px)  {

.bloqueuno h4 {
    font-size: 19px;
    margin-top: 30px;
}


.bloqueuno p {
    font-size: 14px;
    line-height: 19px;
    margin-top: 15px;
}
}
      
    

@media screen and (max-width: 593px){

.bloqueuno {
    padding: 23px;
}

.bloqueuno h4 {
    font-size: 19px;
    margin-top: 55px;
}
    
    
    .distintivoh {
    width: 54%;
}

.cajauno {
    width: 24%;
    height: 280px;
    float: left;
    margin-top: 40px;
    margin-left: 51px;
}

}

















          @media screen and (max-width: 552px)
    {
    
    
   .cajauno {
    width: 24%;
    height: 280px;
    float: left;
    margin-top: 40px;
    margin-left: 36px;
}
    
   .logoblanco {
    width: 40%;
    margin-left: 119px;
    margin-left: 56px;
    margin-top: 27px;
}
        
.cajados {
    width: 60%;
    height: 229px;
    float: left;
    margin-top: 80px;
}      
     .menu_dos {
    margin-left: 148px;
    float: left;
}
        
        
        
    }
      
       @media screen and (max-width: 500px){

.cajauno {
    width: 24%;
    height: 280px;
    float: left;
    margin-top: 40px;
    margin-left: 20px;
}

 

}  
@media screen and (max-width: 480px){
.bloqueuno {
    width: 53%;
}

.bloquedos {
    width: 47%;
}

    
    
    .distintivoh {
    width: 62%;
}
    
    
.contenidocalidad p{


    font-size: 17px;
  

}
    
}
      
  
      
      
      
      
      @media screen and (max-width: 456px)   { 
      
      .cajauno {
    width: 86%;
    height: 39px;
    float: none;
    margin-top: -20px;
          margin-left: 60px;}
          
          .cuadro1 {
    width: 100%;
    padding-top: 0px;
}

      
      .logoblanco {
    width: 43%;
    margin-left: 62px;
    /* margin-left: 0px; */
    /* margin-top: 50px; */
}
      
      .cajados {
    width: 67%;
    height: 240px;
    float: left;
    margin-top: 130px;
}
      
          
      .menu_dos {
    margin-left: 134px;
    float: none;
}    
          
     
      
      
      
      
  .bloqueuno {
    width: 100%;
    margin: auto;
}    
      
      
  .bloqueuno h4 {
    font-size: 25px;
    margin-top: 19px;
}    
      
      
  .bloqueuno p {
    font-size: 22px;
    line-height: 29px;
    /* margin-top: 15px; */
    /* margin: inherit; */
}
          .bloquedos {
    width: 100%;
}
          .contenidocalidad p {
    font-size: 19px;
}
      
      
     .texto2 {
            text-align: justify;
        width: 100%;}
      
      
      
     .contenidocalidad {
         width: 90%;} 
      
          .titulo2{
            margin-top: 10px;}
      
      
      
      }
          
     
      
      @media screen and (max-width: 453px)   {
        
        .cuadro1 {
    width: 100%;
    /* padding-top: 58px; */
}
        
       .cajauno {
    width: 80%;
    height: 180px;
    margin-top: 40px;
    margin-left: 0px;
} 
      .logoblanco {
    margin-top: 40px;
    margin: auto;
}  
        
       .cajados {
    width: 100%;
    height: 268px;
    float: none;
    text-align: center;
    margin-top: 0px;
} 
        
        
     .menu_dos {
    margin-left: 0;
}   
        
        
        
        }  
      
      
      
      

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      @media screen and (max-width: 428px)   {
        
  
      .distintivoh {
    width: 72%;
}  
        
        }  
      
      
      
      
      
          

          
          
          
          
          
          
          @media screen and (max-width: 402px)  {  
          
          

.menu_dos {
    margin-left: 3px;
}   
 .cajauno {
    width: 80%;
    height: 161px;
    margin-top: 35px;
    margin-left: 44px;
}

.logoblanco {
    margin-top: 40px;
    margin: auto;
    margin-left: 106px;
}
  .cajados {
    width: 100%;
    height: 300px;
    float: none;
    text-align: center;
}
          
          
          
          }  
          
   
            
      
      
           @media screen and (max-width: 400px)   {
        
        .cuadro1 {
    width: 100%;
    /* padding-top: 58px; */
}
        
       .cajauno {
    width: 80%;
    height: 160px;
    margin-top: 40px;
    margin-left: 0px;
} 
 .logoblanco {
    margin-top: 40px;
    margin: auto;
    margin-left: 102px;
}
        
       .cajados {
    width: 100%;
    height: 268px;
    float: none;
    text-align: center;
    margin-top: 0px;
} 
        
        
     .menu_dos {
    margin-left: 0;
             line-height: 29px;
}   
        
     .distintivoh {
    width: 77%;
}   
        
        }   
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
     @media screen and (max-width: 398px)   {
        .cuadro1 {
    width: 100%;
    /* padding-top: 58px; */
}
        
       .cajauno {
    width: 80%;
    height: 160px;
    margin-top: 40px;
    margin-left: 0px;
} 
      .logoblanco {
    margin-top: 40px;
    margin: auto;
}  
        
       .cajados {
    width: 100%;
    height: 268px;
    float: none;
    text-align: center;
    margin-top: 0px;
} 
        
        
     .menu_dos {
    margin-left: -12px;
}   
        
 
       
        
        }    
      
      
      
      
          

   
      
      
      
      
      
          
     
          
          
          
          
          
  
          
          
         
        
        
          

          
          
          
          





   
      
    
    
 

    
             
          @media screen and (max-width: 375px)   {
        

        
        
     .valores {
    width: 100%;
 
    margin: auto;
    margin-top: 50px;
}         
            
       .valoresAgregados {
    width: 100%;
    
}       
              
              .valores p {
    width: 90%;
    font-size: 17px;
    margin: auto;
    text-align: justify;
}
              
          
      .certificacion {
    height: 300px;
    margin-top: 45px;
}        

              
              
              
        }