.boxsub, .boxsub2{
  display: none ;
}

nav li .boxsub, nav li .boxsub2{
        width: 198px;

    background: #FFF;
    border-top: 2px solid #E4E4E4;
}
.boxsub2 li{
  width: 100%;
  float: none;
  margin: 0;
}

.boxsub2 li a{
    font-size: 12px;
    padding: 12px 2%;
    width: 100%;
    margin: 0 auto;
    border-radius: 0;
    border-bottom: 1px solid #d6d6d6;
}



@media screen and (min-width: 920px) {

nav{
    display: block !important;
}
.botonmenu{
    display: none !important;
}
.curso:hover .boxsub2{
    display: block !important;
    position: absolute;
}
}

@media screen and (max-width: 919px) {
nav{
    display: none;
}
nav{
background: silver;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    margin-top: 0;
    z-index: 99;

}

nav li{
width: 100%;
    float: none;
    margin: 0;
}
nav li a{
    width: 100%;
    border-top: 1px solid rgb(189, 189, 189);
    padding: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}
/*header{
  height: 75px;
}*/
nav li .boxsub2{
  width: 100%;
}
nav li .boxsub2 a{
  border-bottom: 0;
}
/*.blue{
    background: #B72B15 url(../imgs/menu.png) no-repeat center;
    background-size: 66%;
}*/
.md-trigger{
  right: 0;
}


section.tinyslide figure figcaption{
  /*width: 90% !important;*/
  width: auto;
}
section.tinyslide figure figcaption h2{
  font-size: 36px ;
  line-height: 42px ;
}

header{
  padding-bottom: 30px;
}
.menutop{
  position: inherit;
}
.botonmenu{
  position: fixed;
  top: 0;
}
.servcliente a{
  background: transparent;
  text-decoration: underline;
  color: #18478f;
}
.servcliente a:hover{
  background: transparent;
}
.tophead{
  margin-right: 20px;
}
}



@media screen and (max-width: 850px) {
.boxdestacados li{
  width: 50%;
}
.reunion{
    width: 32px; 
}
.reunion img{
  width: 100%;
}
.boxdestacados .msj{
  width: 100%;
}
}




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

.submenu{
  float: none;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;

}
.bggris li{
  width: 47%;
  margin-right: 3%;
  float: left;
}
.contenidosolucion{
  float: none;
  margin: 0 auto;
  width: 100%;
    margin-top: 30px;

}

  .boxprogramas li{
    width: 48%;

  }
  .contenidocontacto{
    float: none;
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
  }

.indicadores{
  float: none;
  margin: 0 auto;
  width: 100%;
      max-width: 100%;
      border:none;
      padding: 0;
}
.btnenviar{
  float: left;
}
.textonosotros{
  font-size: 17px;
    line-height: 28px;
}

.piepromo ul.boxefect li{
  float: none;
  margin: 0 auto;
  width: 100%;
}
}


@media screen and (max-width: 700px) {
  .nutricionistas li{
    float: none;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px;
  }
.imgblog{
  float: none;

  width: 100%;
  margin-bottom: 20px;

}
.bajada{
    width: 100%;
  float: none;
  margin: 0;
  max-width: 100%;
}

.boxleftcalculo{
    margin: 0 auto;
    float: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}
.boxresultados{
    margin: 0 auto;
    float: none;
    width: 100%;
    max-width: 100%;
}

}


@media screen and (max-width: 650px) {
  .contenedor{
    width: 88%;
  }
.destacados li{
  float: none;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 40px;
}

.tinyslide figure figcaption{
  top: 50% !important;
  font-size: 24px !important;
    line-height: 22px !important;
}

#logo{
  margin: 0 auto;
  float: none;
  padding-top: 18px;
  margin-bottom: 18px;
  max-width: 200px;
  min-width: 200px;
}

.boxrighthead{
  float: none;
  margin: 0 auto;
}
.tophead{
  width: 341px;
    margin: 0 auto;
    float: none;
}
.boxrighthead{
  width: 100%;
}
.botonmenu{
  bottom: inherit;
  top: 0;
  right: 0;
}
header{
  padding-bottom: 10px;
}
section.tinyslide figure figcaption h2{
  font-size: 28px ;
  line-height: 30px ;
}
section.tinyslide figure figcaption{
  background: rgba(0,0,0,0.0);
}

.imgnosotros{
  margin: 0 auto;
  float: none;
  max-width: 519px;
  width: 100%;
  margin-top: 20px;
}
.cajanosotros{

    width: 100%;
      margin: 0 auto;
  float: none;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
}
.cajasservicios{
  float: none;
  margin: 0 auto;
  display: block;
  width: 100%;
}
.redright{
    float: none;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
  width: 100%;

}

ul.boxefect li{
  margin-bottom: 25px;
}
.leftfooter, .boxcenter, .rightfooter{
  float: none;
  margin: 0 auto;
  width: 100%;
  padding: 0;
  border: none;
  border-bottom: 1px solid #5d6e8c;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.textonosotros{
  font-size: 15px;
    line-height: 25px;
}

.boxenlace img{
  float: none;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 20px;
}
.infoenlace{
    float: none;
  margin: 0 auto;
  width: 100%;
}
.servcliente{
  padding: 0;
}

.leftfooter{
  min-height: auto;
}
.valor{
  margin-top: 0;
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
header{
  margin: 0 auto;
    width: 100% !important;
    height: auto !important;
}
.mapa{
  max-width: 100%;
  width: 100%;
}
}



@media screen and (max-width: 520px) {
.itemconsulta{
  float: none;  
  margin: 0 auto;
  width: 100%;
  margin-bottom: 20px;
  height: auto;
  min-height: inherit;
}
  .boxprogramas li{
    width: 100%;
    padding: 5%;
    height: auto;
    min-height: inherit;
  }
  .princitext{
    font-size: 28px;
  }
  .info{
    top: 20%;
  }
  ul li:hover .state{
        font-size: 13px;
    line-height: 17px;
  }
  .boxdestacados li img{
    max-width: 55px;
  }
  .boxdestacados li a:hover img{
        max-width: 61px;
  }
  .boxdestacados li h3{
    font-size: 17px;
  }
  .boxdestacados li{
    height: 190px;
  }
  .titulo{
        font-size: 20px;
  }
  .indicador{
    font-size: 24px;

  }
  .subtitulo p{
    font-size: 18px;
  }
  .texto{
    font-size: 15px;
  }

.accordion .item .iconlibertad, .accordion .item .icontrading, .accordion .item .iconadmin, .accordion .item .iconambiente, .accordion .item .icontrans, .accordion .item .iconmedios, .accordion .item .iconasesor, .accordion .item .iconproteccion, .accordion .item .iconconst, .accordion .item .iconliqui, .accordion .item .iconreserva, .accordion .item .iconrescates{
  background-size: 20%;
  padding-left: 90px;
  font-size: 15px;
}
.leftfooter ul li p, .boxcenter p{
font-size: 14px;
}
.boxcenter h4, .rightfooter h4{
  font-size: 18px;
}
.rights{
  font-size: 11px;
}
.boxcontact .textlabel, .textlabel{
      font-size: 14px;
}

.boxlogin, .boxcontact{
      width: 86%;
      padding: 7%;
      max-width: 100%;
}
.titlogin{
  font-size: 18px;
}
.accordion .item .heading{
      font-size: 15px;
}
.cronopago{
  width: 45%;
  min-height: 170px;
  margin-bottom: 10px;
  margin-top: 25px;
}
.reunion{
  display: none;
}


}



@media screen and (max-width: 430px) {
.cronopago{
  width: 90%;
  float: none;
  margin: 0 auto;
  margin-top: 20px;
}  
section.tinyslide figure figcaption h2{
  line-height: 26px;
}
section.tinyslide figure figcaption{
  top: 35% !important;
}
.tophead{
  width: 100%;
}
.tophead p, .servcliente a{
  font-size: 12px;
}
header .contenedor{
  width: 96%;
}
}