* { 
margin: 0;
padding: 0;
box-sizing:0;
font-family: 'Montserrat', sans-serif;
}
#barra-menu {
	background-color: #131313;
	height: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
    
}
body{
    background: #131313;
}
.perfil{
    border-radius: 50%;
}


header nav li{
    display: flex;
    flex-direction: row;
}
.calendario{
     margin: 0;
    padding-top: 10px;
   display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;

}
header div img {
	margin-right: 1rem;
    

}
header img {
	height: 3rem;
    margin-left: 1rem;
}

.seccion-1 {
	background: #131313;
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0.8em;
    color: #00b4ab;
    text-transform: uppercase;
    letter-spacing: 0.8em; 
}
    
.hr { 
    display: block;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
section {
    background-color: #131313;
    margin: 0;
    padding-top: 10px;
    display: flex;
    
    }
#circulo-seleccion {
    align-items: center;
    margin-right: 7vw;
  margin-left: 7vw;  
  height: 50px;
  width: 50px;
  display: flex;
    flex-direction: row;
  justify-content: center;
  font-size:25px;
  border-radius: 50%;
  background: #00FFEC;
}
#circulo {
text-align: center;
align-items: center;
    margin-right: 7vw;
  margin-left: 7vw;  
  height: 50px;
  width: 50px;
  display: flex;
    flex-direction: row;
  justify-content: center;
  font-size:25px;
  border-radius: 50%;
  background: #E8E6E6;
}

t4{
    background: #336E7B;
	height: 2rem;
	display: flex;
	align-items: center;
	padding: 0 1rem; 
    
}
t3{
    background: #E8E6E6;
	height: 3rem;
	display: flex;
	align-items: center;
	padding: 0 1rem;
    text-transform: uppercase;
    
}

main section{
    background-color: white;
    height: 6rem;
	display: flex;
    justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
    text-transform: uppercase;
    font-size: 15px;
}
main section a {
    color: #336E7B;
    text-decoration: none;
}

a:hover{
    display: flex;
    text-decoration: line-through;
    color: #00FFEC;
}


 section ul img {
	display: flex;
	justify-content: center;
    float: right;
    
    
	
    
}
t5,
t5 img {
    color: #00FFEC;
    border-color: #00FFEC;
	display: flex;
    justify-content: center;
	padding: 0 1rem;
    text-transform: uppercase;
    font-size: 15px;
}

.inscripto {
    
    align-items: center;
    text-align: right;
    background-color: #00FFEC;
    color:white;
    border-color: #00FFEC;
	display: flex;
    text-transform: uppercase;
    font-size: 15px;
}
.check{
    margin-right: -1em;
}
.bloq{
    
    margin-right: -2em;
    height: 35px;
    width: 40%;
}
.inscribirme-bloq{
    
    align-items: center;
    padding: 0 1em;
    text-align: right;
    background-color: #E8E6E6;
    color:white;
    border-color: #00FFEC;
	display: flex;
    text-transform: uppercase;
    font-size: 15px;
    
}

#seccion-2 {
	background: #E8E6E6;
	height: 5rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top:5em;
    text-transform: uppercase;
    letter-spacing: 0.2em; 
    font-size: 15px;
}
.valoraciones{
    background-color: #E8E6E6;
    height: 200%;
    padding-top: 1.5em;
    margin-bottom: 01em;
    display: flex;
    
}
.img-catedras {
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 300px;
    height: 300%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    
}

.img-catedras:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
    width: 300px;
    height: 300%;
    display: flex;
    

}
footer{
    background: #336E7B;
	height: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1rem;
    font-size: 9px;
    color: wheat;
    text-align: center;
    
}

#header-2{
    
    padding-top: 1em;
    background: #E8E6E6; 
	display: flex;
    justify-content: center;
    color: #00ffec;
    text-transform: uppercase;
    
}
.logo-longi{
    padding: 2em;
    max-width: 125px;
    border-radius: 50%;
    
}

h1{
    
    font-weight: lighter;
    letter-spacing: 10px;;
    padding-top: 1.5em;
    justify-content: center;
    
}
h2{
    padding-left: 1em;
}

.subtitulo{
    letter-spacing: 5px;
    font-weight: 800;
    font-size: 50px;
}
#img-logo{
     background: #E8E6E6;
	height: 5rem;
	display: flex;
	justify-content: center;
	align-items: center;
    padding-top: 5em;
	padding-bottom:10em;
       
}

#iconos{
    background-color: #E8E6E6;
    display: flex;
    justify-content:center;
    padding-left: 0.8em;
    
}
    
.iconos{
   padding-right: 2em;
    padding-left: 2em;
    padding-bottom: 2em;
    width: 50px;
    height: 50px;
}
.menu-docentes{
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-weight: bold;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    color: #00ffec;
    text-decoration: none;
    text-transform: uppercase;
    list-style: none;
    background-color: #E8E6E6;
    padding-top: 2em;

     
}
.principal{
    display: flex;
    height: auto;
    width: 97vw;
}
#img-tps-contenedor{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    
}
.img-tps{
    width: 300px
    
}
.puntuacion{
    background-color: #E8E6E6;
}

.contenedor-comentarios{
    background-color: darkgrey;
    margin: 50px;
    width: 100;
    height: 50px;
    display: flex;
    align-content: center;
   
    
    
}
.perfil-comentario{
    border-radius: 50%;
    height: 2em;
    padding: 0.5em;
}
ul p{
    color: white;
    font-size: 15px;
    padding: 1em;
    
}
.comentarios-gatos{
    height: 2em;
    display: flex;
    justify-content: flex-end;

}