@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900");
/* :: 2.0 Import All CSS */
@import url(bootstrap.min.css);
@import url(magnific-popup.css);
@import url(font-awesome.min.css);
@import url(custom-icon.css);





/* :: 3.0 Base CSS */
* {
  margin: 0;
  padding: 0; 
}




body {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;  
  background-repeat: no-repeat;
  background-size: 100%;
  overflow-x: hidden;
}


.logos {
  max-width: 10%;
  position: relative;
  margin-bottom: -5%;
 }

/*aquí termina el menu*/



h1,
h2,
h3,
h4,
h5,
h6 {
  color: #242424;
  line-height: 1.3;
  font-weight: 700; }

p {
  color: #606060;
  font-size: 14px;
  line-height: 2;
  font-weight: 500; 
}

/* tipo de letra */
@font-face {
  font-family: "mazzard italic";
  src: url("MazzardH-BlackItalic.ttf");
}

/*iconos*/
.barrita
{ 
    text-align: center;
    position: fixed;
    z-index: 100;
    margin-left:96%; 
    margin-top: 10%;
    padding: 0.2%;    
    max-width: 4%;    
    background-color: rgb(255, 255, 255);
    border-radius: 1.5em 0em 0em 1.5em;
}
.sociales{
 padding: 10%;
}
.lassociales{
  width: 60%;
  margin: 5%;
}
/*Botones grandes cerca del footer de primaria, basico y deiversificado*/
.carreras{
  display: block;
  text-align: center;
  position: absolute;
  z-index: 100;  
  margin-top: -7.8%;
  padding: 0;  
  width: 100%;
  background-color: transparent;
  font-family: mazzard italic;
  src: url("../MazzardH-BlackItalic.ttf");
}
.primaria, .CicloBásico, .Diversificado{
  display: inline-block;
 
  color:#ffffff;
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: -1%;
  max-width: 31%;
  font-size:  25px;
}
.primaria{
  background-color: rgb(255, 107, 59);
  width: 20.8%;
}
.primaria:hover{
  background-color: rgb(230, 108, 59);  
  box-shadow: 0px 1px 1px 0px rgb(130, 159, 159);
}

.CicloBásico{
  background-color: rgb(159, 159, 159);
  width: 20.8%;
}
.CicloBásico:hover{
  background-color: rgb(130, 159, 159);
  box-shadow: 0px 1px 1px 0px rgb(230, 108, 59);
}
.Diversificado{
  background-color: rgb(43, 57, 58);
}
.Diversificado:hover{
  background-color: rgb(13, 57, 58);
  box-shadow: 0px 1px 1px 0px rgb(230, 108, 59);
  
}



@media only screen and (min-width: 768px) and (max-width: 991px)
  {
      
  }
@media only screen and (max-width: 767px)
{
 
}





/* Are del pie de la página */
.main-footer-area {
  margin-top: 0%;
  background-color: #5B5B5B;
  height: 250px;
  width: 100%;
  widows: 10%;
 margin-bottom: 0%;
 padding-top: 2%;
   
 }

  .main-footer-area .footer-widget .footer-social-info a
{   
   
    color: #ffffff;
    font-size: 30px;
    padding: 2%;

}
  .main-footer-area .footer-widget .single-contact i {
    color: #ffffff;
    font-size: 20px;
    margin-right: 15px;
    padding-top: 0px; }
  .main-footer-area .footer-widget .single-contact p {
    margin-bottom: 0; 
    color: #ffffff;
     font-size: 15px;
    padding:  0px;
  }
#derechos
{
    margin-left: 25%;
    margin-top: 14%;
    position: absolute;
    color: white;
    text-align: right;
}

.proposito{
  background-image: url("../img/bg-img/proposito.png");
  /* background-image: url("img/bg-img/proposito.png"); */
  height: 2500px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
}

.primariaInfo{
  background-image: url("../img/bg-img/InfoPrimaria.png");
  /* background-image: url("img/bg-img/proposito.png"); */
  height: 1600px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
}
.basicoInfo{
  background-image: url("../img/bg-img/InfoBasico.png");
  /* background-image: url("img/bg-img/proposito.png"); */
  height: 1600px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
}
.biologicasInfo
{
  background-image: url("../img/bg-img/InfoBiologicas.png");
  /* background-image: url("img/bg-img/proposito.png"); */
  height: 1700px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow-x: hidden;

}
.cllInfo
{
  background-image: url("../img/bg-img/InfoCLL.png");
  /* background-image: url("img/bg-img/proposito.png"); */
  height: 1600px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
}
.computacionInfo
{
  background-image: url("../img/bg-img/InfoComputacion.png");
  /* background-image: url("img/bg-img/proposito.png"); */
  height: 1600px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow-x: hidden;
}

/*para el slider que quiere Willy*/
.slide  {
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  margin-top: 0%;    
}
.slide-btn {
  display: none;
 
}
.carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
 
}
.carousel h1 {
  text-align: center;
  margin: 0 auto;
  line-height: 75vh;
  font-size: 10vmin;
  height: 8.2em;  
}
.slide {
  float: left;
  height: 100%;
  width: 0;
  transition: width .3s linear;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}
.slide > * {
  transition: transform .15s linear;
  transform: scale(0);
}
.labels {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.labels label {
  display: inline-blocknon;
  background-color: transparent;
  width: 20px;
  height: 20px;
  border-radius: 15px;
  margin: .5vmin 2vmin;
  margin-bottom: 8%;
  border: 2px solid white;
}
.carousel .one,
.carousel .two,
.carousel .three {
  background-position: center center;
  background-size: cover;
}
.carousel .one {
  
  background-image: url("../img/bg-img/bg-1.png");
  max-width: 100%;
  max-height: 100%;
  background-size: 75%; 
  background-repeat: no-repeat;
  
}
.carousel .two {
  background-image: url("../img/bg-img/bg-2.png");
  max-width: 100%;
  max-height: 100%;
  background-size: 75%; 
  background-repeat: no-repeat;
}
.carousel .three {
  background-image: url("../img/bg-img/bg-3.png");
  max-width: 100%;
  max-height: 100%;
  background-size: 75%; 
  background-repeat: no-repeat;
  
}
#slide-btn-1:checked ~ .one,
#slide-btn-2:checked ~ .two,
#slide-btn-3:checked ~ .three {
 width: 100%;
}
#slide-btn-1:checked ~ .one > *,
#slide-btn-2:checked ~ .two > *,
#slide-btn-3:checked ~ .three > * {
  transform: scale(1);
}
#slide-btn-1:checked ~ .labels label[for="slide-btn-1"],
#slide-btn-2:checked ~ .labels label[for="slide-btn-2"],
#slide-btn-3:checked ~ .labels label[for="slide-btn-3"] {
background-color: rgb(236, 123, 18);
}