.foto-principal{
    
    height: 700px;
    width: 100%;
    
    background-image: url(../img/banner.jpg);
    background-size: cover;
    background-position:top;
    opacity: 1.0;
    position: relative;  
    margin-bottom: 30px;
}
.sombra{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
}
.contenedor-frase1{
    position: absolute;
    left: 0;
    right: 0;
    top:70px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,100,250,0.7);
    
    color:#FFF;
    font-family: calibri;
    font-size: 15px;
 
   
}
.titulo-frase1{
    text-align: center;
    padding-top: 5px;
    
}
.autor-frase1{
    text-align: center;
    padding-bottom: 5px;
}
.titulo{
    left: 0;
    right: 0;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    top:150px;
    position: absolute;
   
    color: rgba(0,100,250,1);
     color:#fff;
  
    font-size: 20px;
    font-family: calibri;
    
    
}
.subtitulo{
     position: absolute;
     left: 0;
    right: 0;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 200px;
  
    color: #fff;
    font-size: 15px;
    font-family: calibri;
}
.contenedor-subtitulo-unmsm{
    position: absolute;
     left: 0;
    right: 0;
    width: 80%;
     margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    color:purple;
    background-color: rgba(250,250,250,0.8);
}
.subtitulo-unmsm{
    
    text-align: center;
    
    font-size: 35px;
    font-family: calibri;
    
    
}
.preciosm{
  position: absolute;
     left: 0;
    right: 0;
    width: 70%;
     margin-left: auto;
    margin-right: auto;
    margin-top: 250px;
    color:yellow;
    background-color: rgba(0,0,0,0.4);
    max-width: 300px;
}
.preciosm2{
  position: absolute;
     left: 0;
    right: 0;
    width: 70%;
     margin-left: auto;
    margin-right: auto;
    margin-top: 290px;
    color:yellow;
    background-color: rgba(0,0,0,0.4);
    max-width: 300px;
}
.titulo-uni{
    left: 0;
    right: 0;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    top:330px;
    position: absolute;
   
    color: rgba(0,100,250,1);
     color:#fff;
   
    font-size: 25px;
    font-family: calibri;
}
.contenedor-subtitulo-uni{
    position: absolute;
     left: 0;
    right: 0;
    width: 70%;
     margin-left: auto;
    margin-right: auto;
    margin-top: 280px;
    color:dimgray;
    background-color: rgba(250,250,250,0.8);
    max-width: 250px;
    display: none;
}
.subtitulo-uni{
    text-align: center;
    font-size:25px;
    font-family: calibri;  
    
}
.titulo-semestralsanmarcos{
    left: 0;
    right: 0;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    top:360px;
    position: absolute;
   
    color: rgba(0,100,250,1);
     color:#fff;
  
    font-size: 25px;
    font-family: calibri;
}
.contenedor-subtitulo-semestralsanmarcos{
    position: absolute;
     left: 0;
    right: 0;
    width: 80%;
     margin-left: auto;
    margin-right: auto;
    margin-top: 380px;
    color:dimgray;
    background-color: rgba(250,250,250,0.8);
    max-width: 280px;
}
.subtitulo-semestralsanmarcos{
    text-align: center;
    font-size: 20px;
    font-family: calibri;  
}
.precio1{
     position: absolute;
     left: 0;
    right: 0;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 600px;
  
    color: #fff;
    font-size: 30px;
    
    font-family: calibri;
}
.no-pagues{
      position: absolute;
     left: 0;
    right: 0;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top:410px;
  
    color: #fff;
    font-size: 35px;
    
    font-family: calibri;
}
.enlace-telegram{
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
    margin-bottom: 30px
}
.texto-telegram{
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    color: dodgerblue;
    font-family: calibri;
    font-weight: bold;
    font-size: 18px;
}

.telegram{
    height: 50px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    
    
}

.contenedor-academias{
     position: absolute;
     left: 0;
    right: 0;
    width: 85%;
     margin-left: auto;
    margin-right: auto;
    margin-top: 600px;
   background-color: rgba(0,0,0,0.4);
    padding-top: 10px;  
     padding-bottom: 10px;  
    border: solid #fff 2px;

}
.academias{
    text-align: center;
    font-family: calibri;
    color: #fff; 
}
.publicidad{
    width: 100%;
    margin-bottom: 25px;
    margin-top: 25px
    
}
.ocultar1, .ocultar2{
    display: none;
}
.segunda-seccion{
    width: 100%;
    margin-bottom: 20px;
   
}
.cursos{
    text-align: center;
    font-family: calibri;
   
    margin-top: 10px;
    color:rgba(0,100,250,0.9);
}
.linea1{
    width: 110px;
    height: 3px;
    background-color:rgba(0,100,250,0.9);
    margin-left: auto;
    margin-right: auto;
     margin-bottom: 30px;
    
}
.contenedor-cursos{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
   
}

.contenedor-lista{
    width: 100%;
     flex-wrap: wrap;
    display: flex;
    margin-left: auto;
    margin-right: auto;
     justify-content: space-around;
}
.lista-de-cursos{
   list-style-image:url(img/check.svg);
    background-repeat: no-repeat;
   margin-bottom:1px;
    font-family: calibri;   
}
.lista-de-cursos li{
    color: dimgrey;
}
.lista{
        width: 100%;
    }
.tercera-seccion{
    background-color: #fff;
    width: 100%;
    
}
.titulo-tercera-seccion{
    font-family: calibri;
    text-align: center;
   
    color: rgba(0,100,250,0.9);
}
.linea2{
    width: 180px;
    height: 3px;
    background-color:rgba(0,100,250,0.9);
    margin-left: auto;
    margin-right: auto;
     margin-bottom: 30px;
    
}
.contenedor-como-funciona{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
   
}
.contenedor-seccion{
    width: 100%;
}
.secciones-pequenas{
    width: 100%;
    background-color: #fff;
    
    box-sizing: border-box;
    margin-bottom: 20px;
}
/*  inicio horario */
.contenedor-como-empezar{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
}
.subtitulo-horario{
    font-family: calibri;
    text-decoration: none;
    color: green;
    
}
.secciones-horario{
    width: 100%;
    margin-bottom: 40px;
}
.iconos{
    font-family: calibri;
    font-size: 50px;
    color: rgba(0,100,250,0.9);
    text-align: center;
   
}
.contenedor-enlace{
     text-align: center;
    border:solid 2px green;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
    padding-top: 5px;
   
}

/*  fin horario */
.contenedor-horarios{
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    
    
}
.titulo-seccion{
    text-align: center;
    font-family: calibri;
    background-color:rgba(0,100,250,0.9);
    border-radius: 20px;
    color: #fff;
    border: solid 3px orange;
    padding-top: 10px;
    padding-bottom: 10px;
    
    
}
.titulo-seccion1{
    text-align: center;
    font-family: calibri;
    background-color:#fff;
    border-radius: 20px;
    color: #102454;
    border: solid 3px #102454;
    padding-top: 10px;
    padding-bottom: 10px;
    
    
}
.parrafo-seccion{
    text-align: center;
     font-family: calibri;
     padding-top: 5px;
    padding-bottom: 10px;
    color:dodgerblue;
    font-weight: 600;
}


/* INICIO DE SECCION DE VIDEOS*/
.contenedor{
    width: 100%;
}
.grupo{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; 
    justify-content: space-around;
}
.grupo__titulo{
     font-family: calibri;
    text-align: center;
   
    color: rgba(0,100,250,0.9);
}
.columna{
    width: 100%;
   
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.raya{
    border: solid 1px dimgrey;
    padding:15px;
    box-sizing: border-box;
    
}
.videos-nuevos{
    margin:0 auto;   /*esto centra a un iframe*/
    display: block;  /*junto con esto*/
    width: 100%;
}
/*transmision e facebook*/
.contenedor-facebook{display: none;}

.transmision-facebook-celular{
    margin:0 auto;   /*esto centra a un iframe*/
    display: block;  /*junto con esto*/ 
    
    margin-top: 20px;  
    margin-bottom: 20px; 
}
@media (min-width:480px){
    
   
}
@media (min-width:640px){ }
/*FIN transmision e facebook*/
/*TITULOS Y PARRAFOS DE LOS CICOS*/
.videos-nuevos h2{
    text-align: center;
    font-family: calibri;
    margin-bottom: 5px;
    color: rgba(0,100,250,0.9);
}
.videos-nuevos p{
    text-align: center;
    margin-bottom: 8px;
    font-family: calibri;
    font-size: 18px;
     color:dodgerblue;
   
}

/*TITULOS Y PARRAFOS DE LOS CICOS*/
.img-cabecera-ciclos{
    height: 150;  
     margin-bottom: 20px;
}
.basico{
     background-image: url(img/BASICO-COMPETENCIA.jpg);
    background-size:cover;
    background-position: center;
   
}
.intermedio{
     background-image: url(img/INTERMEDIO-COMPETENCIA.jpg);
    background-size:cover;
   background-position: center;
}
.avanzado{
     background-image: url(img/AVANZADO-COMPETENCIA.jpg);
    background-size:cover;
    background-position: center;
   
}
.repaso{
     background-image: url(img/REPASO-COMPETENCIA.jpeg);
    background-size:cover;
   background-position: center;
}

.videos-nuevos a{
   
}

@media (min-width:480px){
    .columna{
        width: 60%;
    }
  
   
}
@media (min-width:768px){
 .columna{
        width: 40%;
    }
.ocultar1{
    display: block;
}
   
    
}
@media (min-width:1024px){

    .columna{
        width: 30%;
    }
.ocultar1, .ocultar2{
    display: block;
}
       
 
} /* FIN DE SECCION DE VIDEOS*/
.quinta-seccion{
    width: 100%;
}
.quinta-seccion-titulo{
    text-align: center;
    color: rgba(0,100,250,0.9);
    font-family: calibri;
}
.quinta-seccion-centrador{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
.linea5{
     width: 140px;
    height: 3px;
    background-color:rgba(0,100,250,0.9);
    margin-left: auto;
    margin-right: auto;
     margin-bottom: 30px;
}
.quinta-seccion-parrafo{
    text-align: center;
     font-family: calibri;
    color: dimgrey;
    margin-bottom: 10px;
    font-size: 20px;
}
.suscribirse{
    margin-bottom: 30px;
}
.contenedor-wha{
    margin-left: auto;
    margin-right: auto;
 
    margin-bottom: 50px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: #25d366;
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 3px black;
    border-radius: 9px;
  max-width: 350px;
}
.wha{
       color: black;
    text-decoration: none;
    font-family: calibri;
    font-weight: 600;
    
}
.contenedor-wha-1{
    margin-left: auto;
    margin-right: auto;
 
      text-align: center;
    color: #fff;
    text-decoration: none;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 2px green;
    border-radius: 5px;
  max-width: 350px;
    margin-top: 15PX;
    margin-bottom: 15px;
}
.wha-1{
       color: green;
    text-decoration: none;
    font-family: calibri;
    font-weight: 600;
    
}
.contenedor-zoom{
    margin-left: auto;
    margin-right: auto;
 
    margin-bottom: 50px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: rgba(0,100,250,0.9);
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 3px black;
    border-radius: 9px;
  max-width: 350px;
}
.zoom{
       color: #fff;
    text-decoration: none;
    font-family: calibri;
    font-weight: 600;
    
}
@media(min-width:480px){
    .contenedor-subtitulo-unmsm{
        width: 260px;
    }
    .contenedor-academias{
        width:300px;
    }
    .contenedor-lista{
        width: 90%;
    }
     .lista{
        width: 40%;
    }
    .contenedor-como-funciona{
    width: 90%;
    }
.contenedor-seccion{
    width: 70%;
}
   
}
@media(min-width:768px){
    .contenedor-frase1{
        width: 480px;
    }
      .contenedor-como-funciona{
    width: 80%;
    }
.contenedor-seccion{
    width: 40%;
}
  .secciones{
        width: 33%;
    }  
.publicidad{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    
}
    .secciones-horario{
    width: 50%;
    margin-bottom: 40px;
}
}
@media(min-width:1024px){
    .img-cabecera-ciclos{
    height: 250;  
}
    .foto-principal{
        height: 630px;
       
    }
    .contenedor-frase1{
        margin-top: 30px;
        width: 600px;
    }  
    .titulo{
     text-align: inherit;
        margin-left: 12%;
        margin-top: 10px;
        font-size: 70px;
    }
    .subtitulo{
        text-align: inherit;
            margin-left: 12%;
        margin-top:270px;
        font-size: 25px;
        
    }
    .contenedor-subtitulo-unmsm{
           margin-left: 12%;
        margin-top: 250px;
        width: 300px;
        
    }
    .preciosm{
  position: absolute;
     left: ;
    right: 0;
    width: 70%;
     margin-left: 12%;
   
    margin-top: 345px;
    color:yellow;
    background-color: rgba(0,0,0,0.4);
    max-width: 300px;
}
    .preciosm2{
  position: absolute;
     left: ;
    right: 0;
    width: 70%;
     margin-left: 12%;
   
    margin-top: 380px;
    color:yellow;
    background-color: rgba(0,0,0,0.4);
    max-width: 300px;
}
    .subtitulo-unmsm{
        font-size: 50px;
    }
     .contenedor-subtitulo-uni{
           margin-left: 60%;
        margin-top: 230px;
        width: 300px;
        
    }
    .subtitulo{
        font-size: 50px;
    }
    .titulo-uni{
    left: 0;
    right: 0;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    top:290px;
        margin-left: 330px;
    position: absolute; 
        font-size: 30px;
}
       .contenedor-subtitulo-semestralsanmarcos{
           margin-left: 60%;
        margin-top: 350px;
        width: 300px;
        
    }
        .titulo-semestralsanmarcos{
    left: 0;
    right: 0;
     margin-left: auto;
    margin-right: auto;
    text-align: center;
    top:340px;
        margin-left: 330px;
    position: absolute;  
     font-size: 30PX;       
}
    .precio1{
        text-align: inherit;
            margin-left: 12%;
        margin-top: 460px;
        font-size: 60px;
    }
    .no-pagues{
        text-align: inherit;
        font-size: 50px;
        margin-top: 400px;
            margin-left: 12%;
    }
    .contenedor-academias{
        margin-right:12%;
        margin-top: 550px;
    }
    .publicidad{
    width: 50%;
    margin-left: 25%;
    margin-right:25%;
    
}
}
@media(min-width:1281px){
    .foto-principal{
    height:700px;
    
    }
}


/*ANUNCIO LIBRERIA JAUREGUI*/
.anuncio{
    width: 100%;
}
.centrador-anuncio{
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    margin-bottom: 30px;
}
.centrador-anuncio h2, .centrador-anuncio p{
    text-align: center;
    margin-bottom:10px;
}
.imagen-anuncio{
    width: 100%;
    background-image: url(img/jauregui-1.jpg);
    height: 500px;
   
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

/*CENTRADOR PAGO*/
.centrador-pago{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 170
}


.empresa{
    background-color: dodgerblue;
    border-radius: 5px;
    padding-top: 15px;
}
.empresa h1{
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    font-family:arial;

   
    
}
.sub-empresa{
    background-color: white;
    border-radius:15px;
    padding-bottom: 10px;
    
}
.sub-empresa h3{
   
    font-size: 15px;
    font-weight: bold; 
    font-family:arial;
    margin: 20px;
}
.sub-empresa h2{
   
    font-size: 17px;
    font-weight: bold; 
    font-family:arial;
     margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}
.sub-empresa p{
   
    font-size: 15px;
    color:grey;
    font-family:arial;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}