@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Poppins:700');

/* configuraciones */

/* textos */

.txt1{
     font-family: 'Poppins', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    color:#ffffff;
    text-align: left;
    line-height: 0em;
    
}

.txt2{
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    font-weight: 300;
    color:#ffffff;
    text-align: left;
    line-height: 0em;
    
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: .7em;
    font-weight: 300;
    color:#ffffff;
    text-align: center;
        
}
/* header */

header {
    display: flex;
    justify-content: center;
    background-color: #333;
    width: 100%;    
}

.headcnt {    
    display: flex;
    justify-content: center;    
}

.headcnt img {
    max-width: 100%;
    align-self: center;
}

/* main */

.slider {
    background-image: url(img/back1.png);
}

.imgslider {
    align-content: center;
    padding-top: 3em;
}





.icon{    
    max-width: 50px;
    max-height: 50px;    
}
.boton{
    display: flex;
    flex-direction: row;       
    
}
.boton img{
    display: flex;
    align-content: center;
    margin-top:auto;
    margin-bottom: auto;
}
.contenido{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 1em;
    
}

/* footer */
footer {
    background-color: #333;
}
.pie {
    width: 80%;
    margin-top: 0;
    padding-top: 1em;    
    height: 200px;  
    margin-left: auto;
    margin-right: auto;
    
}




/* a partir de 320px o más */
@media screen and (min-width:20em) {

    .headcnt {
        width:18em;
        height: 8em;
    }
    .container {
        height: auto;
        width: 18em;
        margin: auto;        
    }
    
    .containerslider {
        height: auto;
        width: 28em;
        margin: auto;        
    }
    
    .slider {
        height:20em;
        width:100%;        
    }
    .boton {
        height: 5em;
    }

    
    
}










/*gradientes */

.catedras {
  background: #09A7BE; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #09A7BE , #4ECBC2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #09A7BE , #4ECBC2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #09A7BE , #4ECBC2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #09A7BE , #4ECBC2); /* Standard syntax */
}
.inscripciones {
  background: #FF8A70; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #FF8A70 , #E85D94); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #FF8A70 , #E85D94); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #FF8A70 , #E85D94); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #FF8A70 , #E85D94); /* Standard syntax */
}
.alumnos {
  background: #A04E8A; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #A04E8A , #633663); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #A04E8A , #633663); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #A04E8A , #633663); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #A04E8A , #633663); /* Standard syntax */
}

.guia {
  background: #8AA411; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #8AA411 , #BCC500); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #8AA411 , #BCC500); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #8AA411 , #BCC500); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #8AA411 , #BCC500); /* Standard syntax */
}


.catedras:hover {
  background: #09A7BE; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,  #4ECBC2 , #09A7BE); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #4ECBC2 , #09A7BE); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #4ECBC2 , #09A7BE); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #4ECBC2 , #09A7BE); /* Standard syntax */
}
.inscripciones:hover {
  background: #FF8A70; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #E85D94 ,  #FF8A70 ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,  #E85D94 ,  #FF8A70); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,  #E85D94 ,  #FF8A70); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,  #E85D94 ,  #FF8A70); /* Standard syntax */
}
.alumnos:hover {
  background: #A04E8A; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #633663, #A04E8A ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #633663, #A04E8A ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #633663, #A04E8A ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #633663, #A04E8A ); /* Standard syntax */
}

.guia:hover {
  background: #8AA411; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left , #BCC500, #8AA411); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #BCC500, #8AA411); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #BCC500, #8AA411); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #BCC500, #8AA411); /* Standard syntax */
}