*{
    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: 16px;
    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/fondo3.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;
}






.valoresAgregados{
    width: 100%;
   ;
    ;
}





.valores{
    width: 90%;
    
   

    margin: auto;
    margin-top: 50px;

}

.valores p{ 
    width: 60%;
    font-size: 19px;
    margin: auto;
    }




.paquete{ 
    width: 100%;
  
    height:500px;
    margin-top: 60px;
    }

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

.concepto{ 
    width: 50%;
  
    float: left;}


.cantidades{ 
    width: 50%;
  
   
    float: left;}





.ejemplodemenu{
    width: 100%;
   ;
   ;
}

.concepto img{ 
    width: 100%;}

.cantidades img{ 
    width: 100%;}


.barradeservicios{
    width: 90%;
    
    
    margin: auto;
    margin-top: 150px;

}

.barradeservicios p{ 
    width: 60%;
    font-size: 19px;
    margin: auto;
    }



.semana{
    width: 100%;
    height: 600px;
    
    margin-top: 50px;
}


.contenidosemana{
    width: 80%;
    height: 600px;
 
    margin: auto;}



.lunesymartes{ 
    width: 33.3%;
    
  
    float: left;
}


.lunesymartes img{ 
    width: 100%;}


.miercolesyjueves{ 
    width: 33.3%;
  
    
    float: left;
}




.miercolesyjueves img{ 
    width: 100%;}



.viernesysabado{ 
    width: 33.3%;
 

    float: left;
}


.viernesysabado img{ 
    width: 100%;}

.boxlunch{
    width: 100%;
    height: 150px;
  
    margin-top: 50px;

}
.contenidobox img{
    width: 100%;}

.contenidobox{
    width: 80%;

    background-color: #a2c854;
    margin: auto;
    }

.contenidobox p{
font-size: 25px;
color: white;
padding: 20px;}


.contenidobox p strong{
font-size: 35px;}



.fotos{
    width: 100%;
    
    margin-top: 50px;
    }

.fotos{ 
    width: 100%;
    height: 400px; 
   
    margin: auto;}

.foto1{
    width: 25%;
    
    float: left;
    margin-top: 50px;}

.foto1 img{ width: 100%;}

.foto2{
    width: 25%;

    float: left;
margin-top: 50px;}


.foto2 img{ width: 100%;}

.foto3{
    width: 25%;
 ;
    float: left;
margin-top: 50px;}

.foto3 img{ width: 100%;}


.foto4{
    width: 25%;

    float: left;
margin-top: 50px;}

.foto4 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: 1813px)
{

.barradeservicios {
    margin-top: 110px;}

.boxlunch {
    margin-top: 20px;}

}


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

.barradeservicios {
    margin-top: 77px;}

.semana {
     height: 590px;}

    
    .boxlunch {
    margin-top: 0px;}

}



















    @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: 1600px)
  {
  
  .contenido {
    width: 80%;}
  .barradeservicios {
    margin-top: 100px;}

  .semana {
    height: 600px;}
  
  .contenidosemana {
    width: 90%;}
  
  .boxlunch {
    margin-top: 0px;}
  
  .paquete {
   margin-top: 40px;}
   .valores p {
          width:70%;}
      .barradeservicios p {
          width: 70%;}


      
      
      @media screen and (max-width: 1500px)   {
          .contenido {
            width: 85%;}
      .contenidosemana {
          width: 95%;}
      
      
      } 
      
      
      
      
      
      
      
      
      
      
    @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){
      
      
        .valores p {
        width: 80%;}
      
      .contenido {
          width: 90%;}   
      
      .barradeservicios p {
        width: 80%;}
      
      
      
      .semana {
          height: 560px;}
      
      }



    @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: 1300px){
        .contenido {
            width: 95%;}
      
      .semana {
        height: 527px;}
      
       .servicios1 {
    width: 60%;
    margin: auto;
}   
          
          
      }



@media screen and (max-width: 1397px)

.containertipos {
    width: 100%;
    height: 2451px;
    margin: auto;}       






@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){
      
        
          
          
          
          
          
          
          
          
          .barradeservicios {
            margin-top: 50px;}
      
        .semana {
            height: 500px;}
      
     
          .foto1 {
    /* float: none; */
    width: 50%;
}
      
          
         .foto2 {
    /* float: none; */
    width: 50%;
}
      
      
      .foto3 {
    /* float: none; */
    width: 50%;
          margin-top: 0px;
}
      
    .foto4 {
    width: 50%;
    float: left;
     margin-top: 0px;}
      
      
      
      
      
      }
      
      
      

      @media screen and (max-width: 1100px){
      
      .barradeservicios {
          margin-top: 0px;}
      
      .semana {
        height: 450px;}
      
      .contenidosemana {
            width: 97%;}  
          
          
      }
      
      
      
      
           @media screen and (max-width: 1080px){
      
      .contenido {
          width: 99%;}
          
      
    .contenidosemana {
        width: 98%;}       
           
           }
      
      
      
      @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){
      
        .valores p {
            width: 88%;
            font-size: 25px;
            line-height: 31px;}  
          
          
          
        .paquete {
          margin-top: 40px;
          height: 1670px;}
      
        .concepto {
        width: 90%;
        float: none;
        margin: auto;}
      
      .cantidades {
          width: 90%;
          float:none;
          margin: auto;}
      
      .barradeservicios p {
          width: 88%;
          font-size: 25px;
          line-height: 30px;
}
      
     
        .semana {
        height: 2910px;}  
          
          
      .lunesymartes {
        width: 80%;
        float: none;
        margin: auto;}
      
      
      .miercolesyjueves {
        width: 80%;
          float: none;
          margin: auto;}
    
      
      
      .viernesysabado {
        width: 80%;
        float: none;
        margin: auto;}
      
      .contenidofotos {
          width: 98%;}
      }
      
    
    
      @media screen and (max-width: 970px){
      
      
      .valores p {
          width: 88%;
        font-size: 30px;
        line-height: 35px;}
          
        .concepto {
        width: 100%;
        float: none;}
      
      .cantidades {
        width: 100%;
        float: none;}
      
      .paquete {
        margin-top: 40px;
        height: 1766px;
      }
      
      .barradeservicios p {
          width: 88%;
          font-size: 30px;
        line-height: 35px;}
          
      .semana {
        height: 3141px;}
          
      .lunesymartes {
        width: 90%;
        float: none;
        margin: auto;}
      
      
      .miercolesyjueves {
        width: 90%;
        float: none;
        margin: auto;}
      
        .viernesysabado {
        width: 90%;
        float: none;
        margin: auto;}

.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: 940px){
      
      .paquete {
    margin-top: 40px;
    height: 1710px;}
      
     .semana {
    height: 3050px;
} 
      
      }
      
      
      
      @media screen and (max-width: 900px){
      
      .servicios1 p {
    
    font-size: 24px;
    line-height: 30px;
}
      
      .valores p {
    width: 100%;
    font-size: 26px;
    line-height: 30px;
}
      
    .paquete {
        height: 1650px;}  
      
        .barradeservicios p {
    width: 100%;
    font-size: 26px;
    line-height: 30px;
}
      
    .semana {
    height: 2940px;
}  
      
      
      
      }
      
    
      
      
      @media screen and (max-width: 890px){
      
      .paquete {
    height: 1613px;
}
      .semana {
    height: 2863px;
}
      
      }
      
      
      
      
          @media screen and (max-width: 870px){
      
 .semana {
    height: 2815px;
}
      
      .paquete {
    height: 1588px;
}
          
          
          }
      
      
             @media screen and (max-width: 850px){
      
.paquete {
    height: 1557px;
}      
          .semana {
    height: 2744px;
}
          }
         
      
      
      
             @media screen and (max-width: 800px){
      
.semana {
    height: 2600px;
}      
             
    .paquete {
    height: 1474px;
}         
       
              .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: 40px;
}

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



    .menu_dos{ margin-left: 300px;}
       
                 
                 
                 
                 
                 
                 
             }  
      
      
      @media screen and (max-width: 769px)  {
      
      
     .paquete {
    height: 1400px;
} 
     .semana {
    height: 2480px;
} 
      
   .foto1 {
    /* float: none; */
    width: 100%;
}   
      
    .foto4 {
    width: 100%;
    float: left;
}  
         .foto2 {
    /* float: none; */
  ;
             margin-top: 0px;
} 
              .foto3 {
    /* float: none; */
  ;
             margin-top: 0px;
} 
      
      }
      
      
      
           @media screen and (max-width: 755px)  {
      .semana {
    height: 2437px;
}
 
   .paquete {
    height: 1365px;
}   
      
      }
       
      
               @media screen and (max-width: 740px)  {
      
      .semana {
    height: 2391px;
}
.paquete {
    height: 1340px;
}
      
      }
      
      
    
                @media screen and (max-width: 725px)  {
      
 .paquete {
    height: 1310px;}
    .semana {
        height: 2345px;}  
      
                
    .lunesymartes {
        width: 95%;
        float: none;
        margin: auto;}            
                
    .miercolesyjueves {
    width: 95%;
    float: none;
    margin: auto;
}            
                
     .viernesysabado {
    width: 95%;
    float: none;
    margin: auto;
}           
    .semana {
    height: 2422px;
}        
                
                
                }
      
        
     
       
                @media screen and (max-width: 695px)  {
             
        .valores p {
            width: 100%;
            font-size: 20px;
            line-height: 25px;}
                    
                    
        .paquete {
            height: 1267px;} 
        
        .barradeservicios p {
            width: 100%;
            font-size: 20px;
            line-height: 25px;}
                    
        .semana {
            height: 2376px;}
                
                
                
                }   
      
      
                 @media screen and (max-width: 685px)  {
             .semana {
    height: 2335px;
}
      
        .paquete {
    height: 1247px;
}        
                } 
      
      
      
                   @media screen and (max-width: 670px)  {
.paquete {
    height: 1220px;
}
                   
      .semana {
    height: 2286px;
}             
                   
                   
                   } 
        
      
          
                   @media screen and (max-width: 670px)  {
.paquete {
    height: 1190px;
}             
                   
      .semana {
    height: 2249px;
}             } 
        
      
      
             
                   @media screen and (max-width: 650px)  {

                   
                   .paquete {
    height: 1178px;
}
             .semana {
    height: 2216px;
}      
                   
                   
                   
                   
                        @media screen and (max-width: 630px)  {

                   
.semana {
    height: 2159px;
}  
                   
    .paquete {
    height: 1144px;
}                      
                   
                   }
         
    
                       
                         @media screen and (max-width: 620px)  {


                         
                       .paquete {
    height: 1131px;
}  
                  .semana {
    height: 2120px;
}       
                         
                         
                         }
                             
                       
                       
                       
                          @media screen and (max-width: 600px)  {

.semana {
    height: 2053px;
}                
      .paquete {
    height: 1090px;
}                   
                         }
                             
                       
  @media screen and (max-width: 585px)  {
.paquete {
    height: 1060px;
}
.semana {
    height: 2001px;
}
               
                         }
                             
                       
                        
  @media screen and (max-width: 570px)  {

      
      .paquete {
    height: 1040px;
}
      
 .semana {
    height: 1951px;
}     
     
      
    .foto2 {
    /* float: none; */
    width: 100%;
}  
       .foto3 {
    /* float: none; */
    width: 100%;
}                  }                               
                       
                                       
                       
                           
  @media screen and (max-width: 560px)  {
.paquete {
    height: 1030px;
}
  
  
  
  .semana {
    height: 1923px;
}
  
  
  }
      
                     
     @media screen and (max-width: 550px)  {
.semana {
    height: 1887px;
}
  
 .paquete {
    height: 1000px;
}
     }
                              
      
                       
                      
     @media screen and (max-width: 540px)  {

         
       .paquete {
    height: 980px;
}  
         
 .semana {
    height: 1850px;
}        
         
     }
   
                       
                       
                              
     @media screen and (max-width: 525px)  {

         
.paquete {
    height: 917px;
}
         .semana {
    height: 1795px;
}
     
     
     
         .lunesymartes {
        width: 100%;
        float: none;
        margin: auto;}            
                
    .miercolesyjueves {
    width: 100%;
    float: none;
    margin: auto;
}            
                
     .viernesysabado {
    width: 100%;
    float: none;
    margin: auto;
}           
     
  .contenido {
    width: 100%;
}   
     
     .cantidades {
    width: 100%;
}
     
     
     
     
     }
   
                       
                       
                       
  @media screen and (max-width: 490px)                    
  {
  
  
  .semana {
    height: 1765px;}
  
  
  
 .paquete {
    height: 898px;
}
  
  
  }
                       
                       
                       
                       
                         
  @media screen and (max-width: 475px)                    
  {
  
  
.semana {
    height: 1722px;
}
 
.paquete {
    height: 877px;
}      
  }
                          
                       
   @media screen and (max-width: 465px)                    
  {
  .semana {
    height: 1682px;
}
  .paquete {
    height: 861px;
}
      
  }                      
                       
                       
                       
      @media screen and (max-width: 455px)                    
  {

     .semana {
    height: 1640px;
} 
      .paquete {
    height: 844px;
}
  }                     
                       
                       
                       
                       
                       
                       
                        
      @media screen and (max-width: 440px)                    
  {

.paquete {
    height: 819px;
}
      .semana {
    height: 1592px;
}
  }                     
                       
                          
                       
                       
                       
        @media screen and (max-width: 434px)                    
  {

.valores p {
    width: 100%;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;
}
      
      
 .paquete {
    height: 800px;
}
      
 .barradeservicios p {
    width: 100%;
    font-size: 20px;
    line-height: 25px;
    text-align: justify;}
      
    .semana {
    height: 1568px;
}  
                          
                       
                       
  }
        
                       
                       
      @media screen and (max-width: 420px)                    
  {

.semana {
    height: 1521px;
}                        
 .paquete {
    height: 782px;
}                      
                       
  }                      
                       
                       
                       
                         
      @media screen and (max-width: 410px)                    
  {

    .semana {
    height: 1488px;
}                 
   .paquete {
    height: 761px;
}                    
  }                         
                       
    
                       
                       
         @media screen and (max-width: 400px)                    
  {
.semana {
    height: 1455px;
}
 .paquete {
    height: 748px;
}              
  }                      
        
                       
           @media screen and (max-width: 390px)                    
  {
.semana {
    height: 1420px;
}
      .paquete {
    height: 728px;
}
 
  .servicios1 p {
    font-size: 20px;
    line-height: 25px;
}}                     
                       
                       
                       
            @media screen and (max-width: 380px)                    
  {
.semana {
    height: 1382px;
}
  }                     
                           
                       
                          
            @media screen and (max-width: 375px)                    
  {
    .servicios1 p {
    font-size: 18px;
    line-height: 25px;
}  
      
      
      
  }                     
                        
   
                       
                       
                       
                       
                       
                       
                       
                       
                       
                       
                       
            @media screen and (max-width: 801px){   
    
   
        
        
        
        
        
        


}



@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: 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;
} 
      
      }
      
      
      
      
      
      
      
      
      @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: 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: 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: 648px)
    {
    
    
    .cajauno {
    width: 24%;
    height: 280px;
    float: left;
    margin-top: 40px;
    margin-left: 73px;
}
    
   .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;
}
        
        
        
    }
      
      
      
      
      
          @media screen and (max-width: 552px)
    {
    
    
    .cajauno {
    width: 24%;
    height: 280px;
    float: left;
    margin-top: 40px;
    margin-left: 30px;
}
    
   .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;
}
        
        
        
    }
      
      
      
      
      
      
      
      
      
      
      @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;
}    
          
      }
          
     
      
      @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: 430px)   {
        
        .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)   {
        
        .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: 402px)  {  
          
          

          
             .menu_dos {
    margin-left: 116px;}
        
  .cajauno {
    width: 80%;
    height: 180px;
    margin-top: 0px;
    margin-left: 0px; 
    }

        .logoblanco {
    margin-top: 40px;
    margin: auto;
}
   .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: 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: 398px)   {
        
        .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: 394px)  {  
          

          
       .menu_dos {
    margin-left: 116px;}
        
  .cajauno {
    width: 80%;
    height: 180px;
    margin-top: 0px;
    margin-left: 0px; 
    }

        .logoblanco {
    margin-top: 40px;
    margin: auto;
}
   .cajados {
    width: 100%;
    height: 300px;
    float: none;
       text-align: center;}   
          
          
          
          }  
          
          
        
      
      
      
      
      
      
         
        @media screen and (max-width: 395px)   {
        
        .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: 391px)    {
          
          
          .menu_dos {
    margin-left: 116px;}
        
  .cajauno {
    width: 80%;
    height: 180px;
    margin-top: 0px;
    margin-left: 0px; 
    }

        .logoblanco {
    margin-top: 40px;
    margin: auto;
}
   .cajados {
    width: 100%;
    height: 300px;
    float: none;
       text-align: center;}     
        
    }
          
          
          
          }  
          
          
          
          
          
        @media screen and (max-width: 381px)   {
        
        .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: 379px)    {
          
          
          .menu_dos {
    margin-left: 116px;}
        
  .cajauno {
    width: 80%;
    height: 180px;
    margin-top: 0px;
    margin-left: 0px; 
    }

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




    @media screen and (max-width: 376px)
    { .containertipos {
    width: 100%;
    height: 2662px;
    margin: auto;
    }
    
    .sopas {
    width: 100%;
    float: none;
    margin-top: 120px;

    
        
    }

.menu_dos {
    margin-left: 116px;}
        
  .cajauno {
    width: 80%;
    height: 180px;
    margin-top: 0px;
    margin-left: 0px; 
    }

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

   
      
    
    
 

    
             
          @media screen and (max-width: 375px)   {
        
        .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;
}   
        
        
        
     .valores {
    width: 100%;
 
    margin: auto;
    margin-top: 50px;
}         
            
       .valoresAgregados {
    width: 100%;
    
}       
              
              .valores p {
    width: 90%;
    font-size: 17px;
    margin: auto;
    text-align: justify;
}
              
          
              

              
              
              
        }  
        
        
        
        
        
    
      
          @media screen and (max-width: 360px)   {
        
        .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;
}   
        
        
        
        }