/* Portada */
.portada-fondo{
  background-image: url("../img/fondo-carrucel.jpg");
  background-size: contain;
  background-repeat:no-repeat ;
  
}

.fondo-comipems{
  background-image: url("../img/fondo-carrucel.jpg");
  background-size: contain;
  background-repeat:no-repeat ;
  
}

.TitulosPortada{
   font-size: 250%;
   margin-top: 2%;
   text-align:center;
}

.hDosEncabezados{
  text-align: center;
  font-size: calc(1em + 1vw)
}

.container-fluid{
  background-color: #150052;
}
/*esta clase da color a los titulos de cada portada*/
.letras {
  color:rgb(246, 135, 1); 
  text-align: center;
  font-size: 24px;

}
/*da formato al contenido*/
.contenido{
  color: rgb(95, 95, 95);
  text-align: center;
  font-size: 18px;
}

.logo--max{
  width: 350px;
  margin-top: 20px;
  display: block;
  margin-left:auto ;
  margin-right: auto;
}


@media screen and (max-width:695px){
  .col--flexi{
    display: grid;
    grid-template-columns: repeat(3,1fr);

  }
  
}

@media screen and (max-width: 696px) {
  .mosaico{
    display:grid;
    grid-template-columns: repeat(2, 1fr);

  }
  
}



@media screen and (max-width: 760px) {
  .bachillerato{
    display: none;
  }
  
}

@media screen and (min-width: 760px){
  .content__center{
    display: none;
  }
}

@media screen and (max-width: 761px){
  .img--bach-d{
    padding:0% 10%; 
  }
}


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

  .bachillerato__contenido{ 

    display:grid;
    grid-template-columns: repeat(2, 1fr); 
    
    
  }
 

  .bach--conten2{
    background-image: url(../img/nube_portada\ copia.jpg);
    background-size: contain;
    background-repeat:no-repeat ;
    margin: 20px 5px 5px;
    height: 20rem;
  }
  .bach--conten3{
    background-image: url(../img/enfermeria_portada\ copia.jpg);
    background-size: contain;
    background-repeat:no-repeat ;
    margin: 20px 5px 5px;
    height: 20rem;
  }

}







/****************************/
/****************************/
/**** NOP TOCAR ***/
    .Foto{
      margin-top: 200px;
      position: relative;
      bottom: 0px;
      border-color:#0367A0;
      border-width: 5px;
      border-style: solid; 
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
    }
    .TextoFoto{
      position: absolute;
      margin-top: 200px;
      color: black;
      font-size: 20px;
      text-align: center;
    }
    @media screen and (max-width: 1080px)  {
    .TextoFoto  {
      margin-top: 200px;
 	    font-size: 20px;
 	    text-align: center;
            } } 
    @media screen and (max-width: 700px)  {
    .TextoFoto  {
      margin-top: 200px;
 	    font-size: 15px;
 	    text-align: center;
            } } 
    @media screen and (max-width: 500px)  {
    .TextoFoto{
      margin-top: 350px;
 	    font-size: 15px;
 	    text-align: center;
            } }


    .TextoFoto1{
      position: absolute;
      margin-top: 225px;
      color: black;
      font-size: 15px;
      text-align: center;
    }
    @media screen and (max-width: 1080px)  {
    .TextoFoto1  {
      margin-top: 225px;
 	    font-size: 20px;
 	    text-align: center;
            } } 
    @media screen and (max-width: 700px)  {
    .TextoFoto1  {
      margin-top: 225px;
 	    font-size: 15px;
 	    text-align: center;
            } } 
     @media screen and (max-width: 500px)  {
    .TextoFoto1{
      margin-top: 275px;
 	    font-size: 15px;
 	    text-align: center;
            } }

    .swiper-container {
      background: #fff;
      margin-top: 10px;
      width: 920px;
      height: 350px;
      margin: none;
      padding: none;
    }
   
    @media screen and (max-width: 700px)  {
    .swiper-container {
	     height: 300px;  
    } }  

    .swiper-slide {
      margin-top: -100px;
      margin-bottom: -100px;
      text-align: center;
      font-size: 12px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

  @media screen and (max-width: 1500px) {
    .escalados {
	width: 100%; 
      } }
  @media screen and (max-width: 1080px) {
    .escalados {
	width: 100%; 
      } }
  @media screen and (max-width: 999px) {
    .escalados {
	width: 100%;  
      } }
  @media screen and (max-width: 500px)  {
    .escalados {
	width: 100%;  
	height: 140px;    
            } }        


.pie{
  display: block;
  margin-top: 5px;
  margin-bottom: 0px; 

  background: #0367A0; 
}
.piee{
  display: block;
  margin-top: 20px;
  margin-bottom: 0px; 
  padding-bottom: 50px;
}



footer ul li a{
  color:white;
}

footer h1{
  margin-top: 20px;
  color: orange;
}

footer h1 a{
  color: orange;
}

footer h1 a:link{
  text-decoration: none;
}

footer h1 a:hover{
  color:#A8DCFA ;
}

footer ul li a:link{
  text-decoration: none;

}

footer ul li a:hover{
  color:#A8DCFA ;
}






.doce{
  font-size: 20px;
  margin-top: 25px;
}

.colage{
  height: 450px;
  background: url(../images/Colage.jpg) no-repeat ;
  background-size: 100%;
  background-attachment: none;  
}
  @media screen and (max-width: 1680px)  {
    .colage {
      height: 340px ;
      } } 
  @media screen and (max-width: 1024px)  {
    .colage {
      height: 250px ;
      } }    
  @media screen and (max-width: 800px)  {
    .colage {
      height: 200px ;
      } }   
  @media screen and (max-width: 700px)  {
    .colage {
      height: 190px;
      } }   
  @media screen and (max-width: 640px)  {
    .colage {
      height: 180px;
      } }  
  @media screen and (max-width: 500px)  {
    .colage {
      height: 140px;
       } } 
  @media screen and (max-width: 375px)  {
    .colage {
      text-align: center;
      height: 125px;
       } }
  @media screen and (max-width: 320px) {
    .colage {
      height: 120px;
      }}

 .TipoSeisTexto{
  color: black;
 }

 .TipoSeis{
  display: block;
  margin: auto;
  height: 150px;
 }


  .TipoSeisSub{
  display: block;
  margin: auto;
  width: 75px;
 }

  .TipoSeisSub-dos{
  display: block;
  margin: auto;
  width: 45px;
 }
 .sudo{
  display: block;
  text-align: center;
  color: #FFA200;
  font-size: 25px;
 }


  .sudo-sub{
  display: block;
  text-align: center;
  color: #FFA200;
  font-size: 12px;
 }

 .sudo-comentario{
  display: block;
  font-family: CaviarDreams;
  text-align: center;
  
 }



.contacto-rotulo{
  text-align: center;
  margin-top: 15px;
  font-size: 25px;
}

.contactos{
  text-align:  center;
}

.contactos-color{
  color: blue;
}

.img-ubicacion{
  margin: 0px;
  padding: 5px;
  border: 3px #fff outset;
  border-radius: 10px; 
}

.titulo-aviso{
  padding-top: 30px;
  font-size: 40px;
  color: #2C2C2D;
  text-align: center;
}

.aviso-uno{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px;
}

.aviso-sub{ 
  padding-top: 30px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #6437F1;
}

.aviso-inf{
  padding-top: 10px;
}

.alin-lista{
  padding-left: 25px;
  padding-top: 5px;
}

.actualizado{
  padding-top: 40px;
  text-align: center;
}

section article div ul li{
  padding-top: 5px;
}


.redes-flotantes {
position: fixed;
right: 8px;
top: 75%;
z-index: 20;
}
.redes-flotantes img {
float: right; clear: right;
 margin: 5px;
-moz-transform: scale(.8) ;
-webkit-transform: scale(.8) ;
-o-transform: scale(.8) ;
-ms-transform: scale(.8) ;
transform: scale(.8) ;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.redes-flotantes img:hover {
-moz-transform: scale(1.1) rotate(6deg);
-webkit-transform: scale(1.1) rotate(6deg);
-o-transform: scale(1.1) rotate(6deg);
-ms-transform: scale(1.1) rotate(6deg);
transform: scale(1.1) rotate(6deg);
}



body{
  background-color: #f7f7f7;
}
/* este es el contenido para acuerdo 286 */
.tira {
    background-image: url("../assets/img/fondo-286.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 700px;
  }
ul{
  list-style: none;
  text-align:left ;
}
.centrando{
  text-align: center;
  align-items: center;
}
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */

@media screen and (max-width:576px) {
.un-examen{
  width: 320px;
  height:auto;
  margin: 20px 0px 0px 0px;
  align-items: center;
  }
}
@media (max-width:768px) and (min-width:577px){
  .un-examen{
    width: 380px;
    margin: 30px auto 0px;
    }
  } 

@media (max-width:992px) and (min-width:769px){
  .un-examen{
    align-items: center center;
    width: 340px;
    margin: 100px 0px 0px 0px;
    }
  } 
@media (max-width:1200px) and (min-width:993px){
    .un-examen{
      align-items: center center;
      width: 340px;
      margin: 100px 0px 0px 0px;
      }
    } 
@media screen and (min-width:1201px){
  .un-examen{
    align-items: center center;
    width: 340px;
    margin: 100px 0px 0px 0px;
    }
  } 

/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */



/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */


/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
@media screen and (max-width:576px) {
  .centrado-dos{
    margin: 30px auto 30px;
    text-align: center;
    }
  }
@media (max-width:768px) and (min-width:577px){
  .centrado-dos{
    margin: 0px auto 20px; /*Centra la Imagen*/
  }
}

/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */

@media screen and (max-width:576px) {
  .alineacion-h2{
    margin: 30px auto 25px;
    text-align: center;
    font-size: 40px;
    }
  }

@media (min-width:577px) and (max-width:768px) {
  .alineacion-h2{
    margin: 35px auto 30px;
    text-align: center;
    font-size: 45px;
  }
}
@media (min-width:769px) and (max-width:992px) { 
  .alineacion-h2{
    margin: 35px auto 35px;
    text-align: center;
    font-size: 45px;

  }
}
@media (min-width:993px) and (max-width:1200px) { 
  .alineacion-h2{
    margin: 35px auto 45px;
    text-align: center;
    font-size: 45px;

  }
}
@media screen and (min-width:1201px) {
  .alineacion-h2{
    margin: 35px auto 20px;
    text-align: center;
    font-size: 50px;

  }
}

.color-azul{
  background-color: rgb(239, 244, 247);
  padding-bottom: 0px;
}
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
@media screen and (max-width:576px) {
  .alineacion-h3{
    margin: 0% auto 1%;
    text-align: center;
    font-size: 25px;
    }
  }
  @media (min-width:577px) and (max-width:768px) {
    .alineacion-h3{
      margin: 0% auto 1%;
      text-align: center;
      font-size: 25px;
      
    }
  }
  @media (min-width:769px) and (max-width:992px) { 
    .alineacion-h3{
      margin: 0% auto 1%;
      text-align: center;
      font-size: 25px;
    }
  }
  @media (min-width:993px) and (max-width:1200px) { 
    .alineacion-h3{
      margin: 0% auto 1%;
      text-align: center;
      font-size: 25px;
    }
  }
  @media screen and (min-width:1201px) {
    .alineacion-h3{
      margin: 0% auto 1%;
      text-align: center;
      font-size: 25px;
    }
  }
  /* ****************************************************** */
  /* ****************************************************** */
  /* ****************************************************** */
  /* ****************************************************** */
  @media screen and (max-width:576px) {
    .alineacion-h4{
      text-decoration-color: blue;
      padding: 0%;
      margin: 0% auto 0%;
      text-align: center;
      font-size: 20px;
      }
    }
    @media (min-width:577px) and (max-width:768px) {
      .alineacion-h4{
        text-decoration-color: blue;
        padding: 0%;
        margin: 0% auto 0%;
        text-align: center;
        font-size: 20px;
        
      }
    }
    @media (min-width:769px) and (max-width:992px) { 
      .alineacion-h4{
        text-decoration-color: blue;
        padding: 0%;
        margin: 0% auto 0%;
        text-align: center;
        font-size: 20px;
      }
    }
    @media (min-width:993px) and (max-width:1200px) { 
      .alineacion-h4{
        text-decoration-color: blue;
        padding: 0%;
        margin: 0% auto 0%;
        text-align: center;
        font-size: 20px;
      }
    }
    @media screen and (min-width:1201px) {
      .alineacion-h4{
        text-decoration-color: blue;
        padding: 0%;
        margin: 0% auto 0%;
        text-align: center;
        font-size: 20px;
      }
    }
    /* ****************************************************** */
    /* ****************************************************** */
    /* ****************************************************** */
    /* ****************************************************** */
  


  @media screen and (max-width:576px) {
    .tamaño-p{
      font-size: 20px;
      margin: 10px auto 10px;

      }
    }
    @media (min-width:577px) and (max-width:768px) {
      .tamaño-p{
      font-size: 20px;
      margin: 10px auto 10px;
        
      }
    }
    @media (min-width:769px) and (max-width:992px) { 
      .tamaño-p{
        font-size: 20px;
        margin: 10px auto 10px;
      }
    }
    @media (min-width:993px) and (max-width:1200px) { 
      .tamaño-p{
        font-size: 20px;
        margin: 10px auto 10px;
      }
    }
    @media screen and (min-width:1201px) {
      .tamaño-p{
        font-size: 20px;
        margin: 10px auto 10px;
      }
    }
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */
/* ****************************************************** */



@media screen and (max-width:576px) {
  .alineacion-h4{
    margin: 30px auto 15px;
    text-align: center;
    }
  }

ul{
  font-size: 20px;
  margin: 10px auto 10px;
}
/* .img-cuadro{
  
  padding-bottom: 40px;
} */
@media screen and (max-width:576px) {
.cuadros-peque {
  width: 246px;
  margin: 0px;


}
}
.cuadros{
  background-color: #ffffffe2;
  margin: 0px auto 30px;
}

.cuadros-fondo{
  background-image: url("../img/test2.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 30px auto 60px;
  
}


/* Factura Margen y aliniados */
/* ******************************* */
/* ******************************* */
/* ******************************* */
/* ******************************* */
.features-boxed {
  color: #313437;
  background-color: #eef4f7;
}

.features-boxed p {
  color: #7d8285;
}

.features-boxed h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: inherit;
}

@media (max-width:767px) {
  .features-boxed h2 {
    margin-bottom: 25px;
    padding-top: 25px;
    font-size: 24px;
  }
}

.features-boxed .intro {
  font-size: 16px;
  max-width: 500px;
  margin: 0 auto;
}

.features-boxed .intro p {
  margin-bottom: 0;
}

.features-boxed .features {
  padding: 50px 0;
}

.features-boxed .item {
  text-align: center;
}

.features-boxed .item .box {
  text-align: center;
  padding: 30px;
  background-color: #fff;
  margin-bottom: 30px;
}

.features-boxed .item .icon {
  font-size: 60px;
  color: #1485ee;
  margin-top: 20px;
  margin-bottom: 35px;
}

.features-boxed .item .name {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
  margin-top: 0;
  color: inherit;
}

.features-boxed .item .description {
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.webimg{
  width: 30%;
}

/* //////////////////7//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:576px){
  .img-cuadro-dos{
    background-image: url("../img/doschicos.png");
    background-size: cover;
    width: 360px;
    height: 360px;
    margin: 0px 25px 25px 30px;/*Centra la Imagen*/
  }
} 
@media (max-width:768px) and (min-width:577px){
  .img-cuadro-dos{
    background-image: url("../img/doschicos.png");
    background-size: cover;
    width: 340px;
    height: 360px;
    margin: 0px auto 0px; /*Centra la Imagen*/
  }
}
@media (max-width:992px) and (min-width:769px) {
  .img-cuadro-dos{
    background-image: url("../img/doschicos.png");
    background-size: cover;
    margin: 50px auto 0px; /*Centra la Imagen*/
    width: 360px;
    height: 360px;
    margin: 0px auto 30px; /*Centra la Imagen*/
  }
} 
@media (min-width:993px) and (max-width:1200px) {
  .img-cuadro-dos{
    background-image: url("../img/doschicos.png");
    background-size: cover;
    margin: 10px auto 0px; /*Centra la Imagen*/
    width: 290px;
    height: 290px;
  }
}
@media screen and (min-width:1201px) {
  .img-cuadro-dos{
    background-image: url("../img/doschicos.png");
    background-size: cover;
    margin: 20px auto 40px; /*Centra la Imagen*/
    width: 380px;
    height: 380px;
  }
}

.margen{
  padding: 10px auto 15px;
}

/* Esta parter corresponde a la actualizacion 6.0 */
.ccentrado{
  display: flex;
   align-items: center;
}

.rrectangulo{
  width: auto;
}

.ccirculo{
  max-width: 100px;
  display: block;
  margin: 0 auto; 
}

.pposter-color{
  background-color: rgb(53, 58, 63);
  margin: 0px 5px 5px 5px;
  padding: 0px 20px 0px 20px;
}