/* ========================================================================
 * FOOTER
 * ======================================================================== */
.pie{padding: 0; z-index: 9;}
#footer {
    display: block !important;
    padding-bottom: 0;
}
 .footer{
    background-color: #004993;
    padding-top: 29px;
    float: left;
    width: 100%;
    margin-top: -2px;
    z-index: 999;
    position: relative;
  }

.logo-footer{width: 82%; height: auto; margin-bottom: 30px;}
.menu-footer a, .contacto-footer p, .mercado-pago p{
    width: 100%; text-align: center; font-family: 'Fira Sans'; font-weight: 600; color: #fff; float: left; font-size: 17px; line-height: 17px; font-style: italic;}
.menu-footer a{margin-bottom: 17px;}
.contacto-footer p, .mercado-pago p{margin-bottom: 15px;}
.mercado-pago img{margin: 0px auto; display: block; margin-bottom: 10px;}
.redes {
    width: 100%;
    margin: 0px auto;
    margin-bottom: 31px;
    height: auto;
    float: left;
}
.redes img {
    margin: 0 6% !important;
    float: left;
    width: 13%;
}
.tel-footer{width: 100%; text-align: center; font-family: 'Fira Sans'; font-weight: 600; color: #fff; float: left; font-size: 18px; line-height: 25px; font-style: italic; margin-bottom: 25px;}
.tel-footer img{width: auto; height: 13px; margin-right: 8px;}
.tel-footer a{color: #fff;}
.auspicio img{margin: 0px auto; display: block; margin-bottom: 19px;}
.legales{background-color: #383F41; height: auto; margin-top: 14px;}
.legales1 p, .legales1 a{color: #fff; font-family: 'Roboto'; font-weight: 300; font-size: 12px; line-height: 12px; float: left; height: 12px; margin-top: 8.5px; margin-bottom: 8.5px;}
.legales1 a{text-decoration: underline !important; margin-left: 14px;}
.mydesign p{font-family: 'Martel Sans'; font-size: 9px; line-height: 16px; margin: 6.5px 5px 6.5px 0; float: right; color:#fff;}
.mydesign img{float: right;}
.boxnormas{
  width: 100%;
  height: auto;
  float: left;
}
.imgnormasw1{width: 41%; margin: 0 4.5% 10px 1.5%;}
.imgnormasw3{width: 20%; margin: 0 2.5% 10px 3.5%;}
.imgnormasw2{width: 45%; margin: 0 2.5% 10px 2.5%;}
.boxnormas img{float: left;}
.imgnormas1{margin-top: 13px;}
.imgnormas3{margin-top: 2px;}
.imgnormas4{margin-top: 10px;}

.btnlightblue2 {
    background-color: #00CAC2;
    height: 34px;
    box-shadow: 0px 0px 20px rgba(0, 3, 6, 0.36);
    font-family: 'Fira Sans';
    font-weight: 600;
    color: #fff !important;
    font-size: 14px;
    font-style: italic;
    border-radius: 3px;
    margin: 0px auto;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 34px !important;
    text-decoration: none !important;
}
.btnlightblue2:hover{color: #00CAC2 !important; background-color: #fff;}
a{text-decoration: none !important;}
/* ========================================================================
 * RESPONSIVE
 * ======================================================================== */
@media screen and (max-width: 1200px){
.btnlightblue2{height: auto;
    line-height: 24px !important;}
}



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

  .imgnormas{margin: 0px auto; display: block; margin-bottom: 30px;}
  .logo-footer {margin-bottom: 30px;}
  .redes img {margin: 0px 5.5% !important; margin-bottom: 31px;}
  .btnlightblue2{margin-bottom: 20px;}
  .mydesign p {width: 100%; text-align: center;}
  .mydesign img {float: none;}
  .legales1 p, .legales1 a{width: 100%; text-align: center;}
  .tel-footer {text-align: left; margin-bottom: 13px;}
  .menue .redes {width: 167px; padding-left: 0;}
  .logo-menu {margin-bottom: 29px; width: 40%;}
  .footer .tel-footer{padding-left: 0 !important;}
} 

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

  .logo-footer {width: 60%;}
  .boxnormas {width: 60%; height: auto; float: left; margin: 0 20% 20px 20%;}
  .redes {width: 60%; margin: 20px 20% 0 20%;}
  .btnlightblue2{height: auto;
    line-height: 34px !important; margin-top: 20px;}
}
}