@font-face {
    font-family: 'Helveticlight';
    src: url('../fonts/Helveticaoblique.eot');
    src: url('../fonts/Helveticaoblique.ttf') format('truetype'),
         url('../fonts/Helveticaoblique.otf') format('otf'),
         url('../fonts/Helveticaoblique.woff') format('woff'),
         url('../fonts/Helveticaoblique.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Helveticaoblique.svg') format('svg');
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-regular.eot');
    src: url('../fonts/Helvetica-regular.ttf') format('truetype'),
         url('../fonts/Helvetica-regular.otf') format('otf'),
         url('../fonts/Helvetica-regular.woff') format('woff'),
         url('../fonts/Helvetica-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Helvetica-regular.svg') format('svg');
}

@font-face {
    font-family: 'Helveticabold';
    src: url('../fonts/helvetica-bold.eot');
    src: url('../fonts/helvetica-bold.ttf') format('truetype'),
         url('../fonts/helvetica-bold.otf') format('otf'),
         url('../fonts/helvetica-bold.woff') format('woff'),
         url('../fonts/helvetica-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-bold.svg') format('svg');
}
body{
    margin: 0;
    padding: 0;
    background: #fff;
}


.superior{width: 100%;}

.superior img{display:block; width: 100%;}
.movil{width: 100%;}
.movil img{display: none; width: 100%; background:#fff;}


p,h2{font-family: Myriad Pro   
}

h6{
   font-family: Myriad Pro;
    text-align: center;
    color: rgb(150,37,143);
    margin: 1em 0;
    font-size: 1.4em; 
}

.top{
    padding-top: .5em;
}

.div{display: flex;
    justify-content: space-around;
}

.info-precios{
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.conten-img{
    width: 100%;
    position: relative;
}

.blocke1,.blocke2{
    width: 35%;
   /* margin: 1em 50px 1em 100px;*/
    border-radius: 30px;
    height: auto;
    background: #51b247;
    padding: 1em;
    line-height: 10px;
   -webkit-box-shadow: 20px 20px 26px -13px rgba(0,0,0,0.49);
   -moz-box-shadow: 20px 20px 26px -13px rgba(0,0,0,0.49);
   box-shadow: 20px 20px 26px -13px rgba(0,0,0,0.49);
    }

.blocke1{
  margin-left: 1em;
}

.blocke2{
  background: rgb(237, 27, 42);
  margin-right: 1em;
}

.t-pack,.t-inv{
    font-size: 15px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
}

.li-1,.li-2{
    font-family: Myriad Pro;
    font-size:13px;
    color: #fff;
}

.formasA img, .formasB img{
    display: block;
    width: 75%;
    margin-bottom: 2em;
}

.formasB img{
    display: block;
    width: 86%;
}

.logo{padding: 1em 0;}

.logo img{
    padding-bottom:1.5em ;
    width: 30%; 
    display: block;
    margin: 0 auto;
}

.p-title{
    display: block;
    width: 100%;
    text-align: center;
}

.cajaE{
    width: 100%;
    display: flex;
}

.basico,.segundoFin{background: #F69321;}
.avanzado,.taller-e,.tercerFin{background: #90298E;}
.primerFin, .noche-c{background: #58585A;}

.entrenamientos{
    color:#fff;
    width: 100%;
    font-size: 1.2em;
    font-family: Helvetica;
    border-radius: 5px;
    padding: .2em 0;
    text-align: center;
}

.date{text-align: center;
    color: orange; 
    font-family: 'Helveticlight';
    padding-top: 4px;
    font-size: 1.3em;
}

.filas, .filaH{padding: .5em 0; border-radius: 20px; display: flex;}

.filaH{border-radius: 0px;
border-bottom: solid 1px #90298E;}

.filas .f1,.filas .f2,.filas .f3,
.filas .f4,.filas .doble{width: 20%; text-align: center; color: #fff; font-family: Helvetica;}

.filas .f1{font-family:'Helveticabold';}

.filas .f2, .filas .f3{color: #90298E;}
.filas .f4{color: #F69321;}
.filas .doble{ width: 40%; border-radius: 20px; color: #FFDE16; padding: .3em 0;}

.top{margin-top: 1.5em;}

.box-pago{
    display: flex;
    width: 100%;
}

.formasA{
    width: 45%;
}

.formasB{
    width: 55%;
}


.areaFechas, .formasDe_pago{
    width: 90%;
    background:#EEF0EF; 
    border-radius: 15px; 
    padding: 2.6em; 
    margin:0 auto;
    margin-bottom: 60px;
    box-sizing: border-box;
    
    }

.areaFechas{position: relative;}

.etiqueta{
    background-image: url(../img/etiqueta.png);
    position: absolute; 
    width: 150px; 
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat; 
    top: -15px;
    left: 41%;
    right:50%;
}

.formasDe_pago {
    padding: 1.5em;
    margin-top: 4em;
}

.formasDe_pago p{
    padding-bottom: 1em;
    text-align: center;
    color: #6B6C6E;
    margin-top: 0px;
    font-weight: bold;
    font-size:1.2em;
    border-bottom: dashed 1px #6B6C6E;
}

.laCaja{width: 100%;}

.footer{
    background-image:url('../img/fondo-footer.png');
    background-repeat: no-repeat;
    background-size:cover;
    position: relative;
}

.pdf{
    position: absolute;
    right: 0;
    top: -67px;
    left: 0;
}

.descarga:hover{
    background: #90298E;
}


.pagos{
    width: 90%;
    margin: 0 auto;
}



.pagos p{ 
    color: #F69321;
    text-align: center; 
    font-size: 1.5em;
    margin: 0;
    font-family:'helveticabold'; 
}

.ent_basico,.linea{width: 50%;}
.linea img{width: 100%; display:block;}

#title-2{
    text-align: center;
    display: block;
    width: 90%;
    color: #6B6C6E;
    margin: 0 auto;
    margin-bottom: 2em;
    padding: .5em 0;
    border-radius: 20px;
    background:#EEEFEF;
}

.meilink{
    width: 920px;
    background: #fff;
    margin: 0 auto;
  margin-bottom: 2em;
  height:800px;
}

.p-title{
    text-align: center;
    font-size: 1.6em;
    margin-bottom: .2em;
    color: rgb(150,37,143);
    font-weight: bold;
}

.lider-40-img{
    width: 100%;
}

#sociales{display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 2em;
}

.datos{ color: red; width: 36%; display: flex;}

.icono-social{ 
    color: red; 
    width: 100px;
    padding-top: 2.2em;
    }

.icono-social a{
    background: #fff;
    padding:.6em .4em .2em .5em;
    border-radius:50%;
    color: #8F2A8B;
    width: 80px;
    height: 80px;
    margin-left: .6em;
    transition: all 0.2s ease-in-out;
}

.icono-social a:hover{
    background: #8F2A8B;
    color: #fff;
}

.pagos p:after{
    content: url('../img/star.png');
    width: 20px;
    height: 20px;
}

.logo_blanco img{
  width: 120px;
  display: block;
  border-right: dashed 1px #fff;
  padding-right:11px;
  padding-bottom: 1.2em;
}

.link1:hover{color: #F69321;}

.info_page a{
    font-size: .8em;
    color: #fff;
    font-family: 'Helvetica';
}

.info_page{padding-left: 11px;}

.texto1{
    text-align: center;
    font-family: 'Helvetica';
    font-size: 1.3em;
    color: #fff;
    display: block;
   width: 80%;
   margin: 0 auto;
   padding-top: 60px;
}

.p-fin-s,.taller-equipo,.s-fin-s{
    width: 34%;
    border-left: 2px dashed rgb(150,37,143);
}

.fechas,.p-liderazgo{
    width: 100%;
    display: flex;
}

.p-liderazgo{
    padding: .8em 0;
    display: flex;
}

.e-basico,.e-avanzado{
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}

.e-avanzado{
    border-left: 2px dashed rgb(150,37,143);
}

.s{
   border: 0;  
}

h2{
    text-align: center;
    font-size:1.5em;
    color: rgb(150,37,143);
}

.envia-t{
    display: block;
    padding: .4em;
    color: #CB1A72;
    font-family:Myriad Pro; 
    font-size: 10px;
    font-weight: bold;
}

.e-basico .dias-inicio,.e-avanzado .dias-inicio{
    font-size: 2.5em;
    text-align: center;
    color: rgb(150,37,143);
    margin: 0;
}

.e-basico .dias-inicio span,.dias-inicio span{
    font-size: .5em;
     color: #96258F;
}

.dias-inicio{
    font-family: Myriad Pro;
    text-align: center;
    color: #96258F;
    font-size:2.3em;
    margin: 0;
}

.t2{
  text-align: center;
  color: #96258F; 
    font-size: 1.4em;
    font-weight: bold;
}

@media screen and (max-width : 970px){
    .meilink{
    width: 700px;
    } 
    
    .blocke1, .blocke2 {
    width: 37%;
    }
    
    .envia-t {
    font-size: 11px;
    font-weight: normal;
    }
    
    .descarga {
    bottom: 10px;
    }

    .entrenamientos {
    font-size: 1em;
    }
    
    
}

@media screen and (max-width : 769px){
    .meilink{
     width: 100%;
    } 
    
    .blocke1, .blocke2 {
     margin: 1em 0px 1em 10px;
    }
    
    h2 {
    font-size: 1.4em;
    }
    
    h6 {
    font-size: 1.3em;
    }
    
    .p-title {
    font-size: 1.5em;
     }
    
    .e-basico .dias-inicio, .e-avanzado .dias-inicio {
    font-size: 1.8em;
    }
    
    .dias-inicio {
    font-size: 1.6em;
    }
    
    .form1 {
    width: 100%;
    }
    .t2{
        font-size: 1.3em;
    }
    
    .dias-inicio span {
        font-size: .8em;
     }

     .pdf {
    top: -49px;
      }

      .descarga {
    font-size: 12px;
         }

         .texto1 {
    font-size: 1.2em;
    }

    .formasA img, .formasB img {
    width: 100%;
      }

    .box-pago {
    display: block;
    width: 100%;
    margin: 0 auto;
     }

     .formasB {
      width: 74%;
     }

     .date{
    font-size: 1em;
        }
}

@media screen and (max-width : 560px){
    
    .meilink{
     width: 100%;
     margin: 0;
     padding: 0;
    }
    
    input[class="f2"] {
    width: 49%;
    }

    .blocke1, .blocke2 {
     width: 50%;
    }

    .entrenamientos {
    font-size: .8em;
    padding: .4em 0;
    }
    .filas .f1, .filas .f2, .filas .f3, .filas .f4, .filas .doble {
    font-size: .8em;
    }

    .pdf {
    top: -50px;
     }

}

@media screen and (max-width : 560px){
    .footer {
    margin-top: 3em;
       }

}



@media screen and (max-width : 484px){
    .formasA {
    width: 60%;
     }

     .formasB {
    width: 100%;
      }

    .t2 {
    font-size: 1.2em;
     }

     #sociales {
    display: block;
    width: 100%;
      }

    .datos{margin: 0 auto;width: 100%;}

    .icono-social {
    padding-top: 4em;
    margin: 0 auto;
    }

    .date {
    padding-top: 19px;
    font-size: .8em;
    }
    
    .areaFechas, .formasDe_pago {
    width: 98%; 
    padding: 2em 0;
    }

    .logo img {
    width: 50%;
     }

     .etiqueta {
     left: 36%;
     }

     .cajaE .linea{display: none;}

     .ent_basico, .linea {
       width: 100%;
      }

      .date {
       padding-top: 10px;
       font-size: .8em;
       padding-bottom: 2.2em;
         }

      #title-2 {
      font-size: .8em;
      }
    
}

@media screen and (max-width : 450px){
   h2 {
      font-size: 1.2em;
    } 
    
    .div {
         display: block;   
     }

    .e-basico .dias-inicio, .e-avanzado .dias-inicio {
     font-size: 1.4em;
    }
    
    .p-title {
    font-size: 1.3em;
    }
    
    
    .dias-inicio {
    font-size: 1.2em;
    }
    
    .blocke1, .blocke2 {
    width: 65%;
    }
    
    .t2 {
    font-size: 1em;
    }
    
    h6 {
    font-size: 1em;
    }
    
    .superior img{ display: none;}

    .movil img{display: block;}
}

@media screen and (max-width : 450px){
    .etiqueta {
    left: 28%;
     }
}