@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    text-decoration: none;
    }

body {
    margin: auto;
 }



.foto_apertura {width: 100%;
}
   

/*___________pantalla inicio________________-*/

.contenedor {

margin: auto;
background-color: deepskyblue;
height: 20%;
display: flex;
    justify-content: center;}

.contenedor img {
    display: flex;
    justify-content: center;
    max-height: 100%;
    max-width: 100%; 
    }

.login {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    
    }

.textointro{
    margin: auto;
    text-align: center;
    font-size: 10px;
    margin-top: 1rem;
    width: 80%;
    letter-spacing: 2px;
    color: deepskyblue;
   }

.textointro1{
    margin: auto;
    text-align: center;
    font-size: 10px;
    margin-top: 0.3rem;
    width: 80%;
    letter-spacing: 2px;
    color: deepskyblue;
   }

.inicio {

    display: flex;
    flex-direction: column;
     align-items: center;
    max-height: 100%;
    max-width: 100%; 
   
     }
    
    
input {
    height: 2rem;
    width: 15rem;
    margin: 0.6rem;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
    border-color: deepskyblue;
    letter-spacing: 2px;
    border-style: solid;
    color: deepskyblue;
 }

button {
   height: 2rem;
    width: 15rem;
    letter-spacing: 2px;
    margin: 0.6rem;
    font-size: 12px;
    background-color: deepskyblue;
    border: 0;
    color: white;
    }

.olvidaste {
    max-height: 100%;
    max-width: 100%;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0.6rem;
    margin-bottom: 3rem;
    text-decoration: none;
    color: deepskyblue;
    }

/*___________________ home__________*/

.eventos {
    border-bottom: solid 1px;
	border-bottom-color: deepskyblue;
    padding-top: .8em;
    padding-left: 1em;
    padding-bottom: .5em;
    align-content: center;
    color: #3498DB;
	margin-bottom: .5em;
	        
}

.eventos h3 {
    font-weight: 500;
    color: deepskyblue;
 }

.contenedornoticiashome {
	display:flex;
	flex-direction: row;
    flex-wrap:wrap;
	
}

.contenedornoticiashome a {

}

.noticia1 {
    margin: .5em;
    margin-top: 1em;
	border-bottom: solid 1px;
	border-bottom-color: deepskyblue;
	padding-bottom: .5em;
    
}

#títulonoticia1 {
    color: deepskyblue;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
        
}

#subtitulo {
    font-size: 13px;
    font-weight: 600;
    margin-top: .5em;
    margin-bottom: .5em;
    color: black;
}

p {
    font-size: 12px;    
}

.fotonoticia1 {
    max-width: 20em;
	max-height: auto;
    display: block;
    height: 30em;
    margin-top: .2em;
    height: auto;
}


#fotonoticia1 {
    width: 100%;
    
    
}


/*____________cátedras____________*/

.catedras {
  color: deepskyblue;
  padding-left: 1em;
  padding-top: .5em;
  padding-bottom: .5em; 
 margin-top: 4.5em;
    	
}

.catedras h3 {
  font-weight: 200;
}

h11 {
 color: deepskyblue;
 font-weight: 600;
 font-size: 15px;
 	
}

#explicacion {
  padding-top: .5em;
  padding-bottom: 1em;	
  font-size: 11px;
  color:#ABB2B9; 
  
}

.listadecarreras {
  display: flex;
  flex-direction: column;
  padding-left: 1em;
  padding-right: 1em;	
  color: #808B96;
  font-weight: 600;
  font-size: 15px;
  background-color: #F8F9F9;	
  margin-bottom: 1em;	
}

.carrera { 
  display: flex;
  justify-content: space-between;
  align-items: center; 	
	
  padding-top: .5em;
  padding-bottom: .8em;
  border-bottom: solid 1px;
  border-bottom-color: #808B96;
  height: 100%;
  width: 100%;
}

#flechita {
   width: .8em; 
   height: auto;
   margin-right: .5em;	
}



/*_________responsive noticias home_________*/


@media (min-width: 20em) {
	
	.contenedornoticiashome {
	padding: .5em;
	}
   
	.fotonoticia1 {
	margin-right: .5em;
	margin-left: .5em;	
	}
	
	
}

/*_________responsive iconos header - menu __min______*/

@media (min-width: 70em) {
#logosiu{
    position:fixed;
	margin-left: 46%;
}
}

@media (min-width: 45em) {
  

.solapasinscripciones {
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
    padding-top: .5em;
    padding-bottom: .5em;
	padding-left: .5em;
	padding-right: .5em; 
    background-color: orange; 
    color: white;
    border-top: solid 1px;
	border-top-color: white;
    list-style: none; 
    font-weight: 500;
    position: none;
    
    width: 100%;    
}
    
.solapasinscripciones li a {
   background-color: orange;
   color: white;
   font-size: 14px;	
}
 

.headernav {
    background-color: deepskyblue;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    list-style: none;
    }
    
    .iconosheader{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
}

    
.iconosheader h3 { 
    display: flex;
    justify-content: space-between;
    margin-left: 2em;
 }
        
    .usuario {
   color: white;
   font-size: 10px;
   letter-spacing: 2px;
   font-weight: bold;
        
    }
    
    
    #navegador {
    display: flex;
    flex-direction: row; 
    justify-content: flex-start;    
    }
    
    
    
#botonmenu {
    display: none;
    }
    
#x {
    display: none;
    }
    
    
.usuario img {
    display: none;
    }

}


/*___________responsive iconos header___max__________-*/


@media (max-width: 45em) {

    .mainespecial{
        margin-top: 6.5em;
    }
        

.headernav {
    background-color: deepskyblue;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    list-style: none;
    position: fixed;
    top: 0;
    }

    
.iconosheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

header #navegador:target {
    left: 0;
    transition: all .6s ease;
}
}

/*______________max___ responsive menu ______*/

@media (max-width: 45em) {
    
    .solapasinscripciones {
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
    padding-top: .5em;
    padding-bottom: .5em;
	padding-left: .5em;
	padding-right: .5em; 
    background-color: orange; 
    color: white;
    border-top: solid 1px;
	border-top-color: white;
    list-style: none; 
    font-weight: 500;
    position: fixed;
    width: 100%; 
}
    

.solapasinscripciones li a {
   background-color: orange;
   color: white;
   font-size: 14px;	
}
    
#navegador {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    align-items: center;
    
    font-weight: normal;
    font-size: 13px;
    background-color: orange;
    color: black;
    left: -75vw;
    width: 50%;
    height: 100%;
    transition: all .10s ease;
    z-index: 999;
    max-height: 100%;
    max-width: 100%;
    top: 0;
}

.usuario {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2em 2em 2em 2em;
    Color: white; 
    border-bottom: solid 3px;
    border-bottom-color:white;
    letter-spacing: 1px;
    width: 100%;
}
    
    .usuario:hover {
        background-color: deepskyblue;
    }


#x {  
    width: 100%;
    border-bottom: solid 3px;
    border-bottom-color:white;
}
    }


/*_____________videos________________*/

.contenedornoticias {
	display: flex;
	justify-content: center;
	flex-direction: column; 	
}
    
.columnas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    
    margin-top: .5em;
	padding: 1em 1.5em 1em 1.5em;
    width: 100%;
    height: 100%;
    margin-bottom: 14em;
  }      
        
#tamaño {
      width: 100%;
      height: 100%;    
    }
    
.video {
    display: flex;
    align-items: flex-start;
    flex-direction: column; 
    margin: auto;
	height: 12em;
    
}

.titulovideo{
    padding: .5em;
    background-color: orange;
    width: 100%;
    color: white;
    margin-bottom: 1.5rem;
}


/*____________________ inscripciones_____________*/



.calendariotitulo {
    display: flex;
    justify-content: center;
    align-items: center;
    width:  100%;
    height: 6.5em;
    background-color: aliceblue;
    color: black;
    margin-top: 3em;
    
}

.calendariotitulo a img {
    max-width: 100%;
    height: 100%;
   
}
    
#cuadrado {
    width: 1em;
    height: 1em;
}

h13 {
    display: flex;
    justify-content: center;
    color: deepskyblue;
    font-weight: 650;
    font-size: 14px;
    letter-spacing: 1px;
}

.inscripcion {
    padding-bottom: 5em;
    padding-top: .5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .5em;
    text-align: center;
}

.inscripcion p {
    font-size: 12px;
    padding-top: .2em;
    color: black;
    
}

.iasd {
padding: .5em;
    display: flex;
    justify-content: center;
    margin: .5em;
    background-color: aliceblue;
     text-decoration: none;
    }

.iasd p {
    font-size: 14px;
    color: black;
    }



.iasd:hover {background-color: deepskyblue;
    
    }


.cajatitulo {
 font-size: 18px;
  padding: .3em;
  background-color: aliceblue;	
}

.fechas h7 {
 font-size: 12px;
 display: flex;
 font-weight: 400; 	
 	
}


.cajatodo {
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-top: 1em;  
    
}
    

.fechas {
    padding: 1em;
    font-size: 16px;
    color: gray;
    font-weight: normal;
    letter-spacing: .5px;
}

/*_____index6_____bajas_____*/

.baja {
    padding-bottom: 5em;
    padding-top: .5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .5em;
    text-align: center;
}

.baja h13 {
   color: orange;
   padding: .5em;	
}

.baja p {
   font-size: 12px;
    padding-top: .2em;
    color: black;
}

main .index6 {
  margin-bottom: 12em;
}

/*_____index5____mi cuenta______________*/

.perfil {
    border-radius: 50rem;
    height: 12rem;
    padding: .5em;
	margin-top: 2em;
	border: solid 2px;
	border-color: white;
}

.micuenta {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em 1em 0em;
    background-color:#D6EAF8;
}

.datosperfil {
    display: flex;
    flex-direction: column;
    align-items: center;  	
}

.catalina {
    border-bottom: solid 1px;
    border-bottom-color: deepskyblue;
    padding: 1em 4em 0em 4em;
	padding-bottom: 1.5em; 
	padding-bottom: 1em;
	
}

.catalina h4 {
    font-size: 15px;
    font-weight: 300;
	display:flex;
	justify-content: center;
	margin-top: .5em;;
	background-color:  deepskyblue;
	padding-top: .2em;
	padding-bottom: .2em;
	color:white; 
	
}

.catalina h3 {
    display: flex;
	align-items: center;
	font-size: 17px;
	font-weight: 600;
	color: #051C6D;
	
}

.porsentaje {
    display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	background-color: 
	margin-top: .5em;
	margin-bottom: .5em;
}

.porsentaje h5 {
    font-size: 50px;
	color:#051C6D;
	
}

.cerrar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: deepskyblue;
    width: 10em; 
    height: 2em;
    margin-bottom: 1em;
	
}

.cerrar h4 a {
    color: white;
    font-weight: normal;
	font-size: 14px;
}

.cuenta {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #D6EAF8;
    margin-top: 4em;
}



/*___________index7________historial academico_______*/


.materiasaprob {
    background-color: aliceblue;
	padding: .5em;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: .5em;
	margin-top: .2em;
}

.asd {
   display: flex;
   justify-content: space-between;
	padding: .5em;
	padding-right: 1em;
	padding-left: 1em;
	border-bottom: solid 1px;
	border-bottom-color: white;
}

.asd p {
  font-size: 15px;
  font-weight: 400;	
	
}
/*____________index6_____________anulaciones____*/

.index6 {
  margin-bottom: 5em;
}

/*__________________________________footer_____________________*/

footer {
    font-size: 10px;
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: deepskyblue;
    line-height: 16px;
    background-color: aliceblue;
    margin: auto;
    max-width: 100%;
        
}