@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
header, main, footer, aside, nav, hgroup, article, section {
  display: block; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.invi {
  display: none; }

* {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0; }

/*------ Responsive Index ------*/


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

#pasos {
flex-wrap: wrap; }
   
    
.bajate {
  display: flex;
  background-color: #00A99D;
 justify-content:space-between;
}

    
header nav ul { 
    display: flex;
    width: 28em; 
    margin-right: 3em;
}      
 
  
    
#contenedor #barra .logo {
margin-left: 0em;

}  
    
  
footer .footer p  {
width: 30em;    
    }  

    
/*-- Responsive Anuales --*/    

#catedra{
padding-left: none;

}  

#cuerpote h3 {
padding-left: none;
} 
      
   
#materiaCuatrimestral{
flex-wrap: wrap;

 }    
     
 /*-- Responsive toma nota --*/  
 #novedades1{
flex-wrap: wrap;

 }    
    
 #novedades2{
flex-wrap: wrap;

 }       
    
 #cuerpote #cuerpoCatedra #trabajos h5 {
    margin-left: 4em;
    } 
    
}  



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

/*-- Responsive Header --*/

header {
display: flex;
flex-direction: column;
} 

#contenedor #barra .logo {
margin-left: 7.2em;

} 
    
  
header nav ul { 
margin-top: 5em;
display: flex;
flex-direction: column;
width: 28em;
}    
    
header nav ul li  {
text-align: center;
margin:  0.13em;
background-color:#05D1BD;
}  

/*-- Responsive Pasos --*/    
#pasos {
flex-wrap: wrap; 
}

/*-- Responsive Bajate --*/ 

.bajate {
flex-wrap: wrap; 
}
    
#mockup {
order: -1; 
}

#bajate1 {
margin: 0 5px 0 5px; 
}
    
#bajate1 ul li {
text-align: center;
} 

#bajate2 ul li {
text-align: center;
} 
    

#bajate1 ul li p {
text-align: center; 
}

#bajate2 ul li p, .cambiemos p {
text-align: center; 
}

/*------ Footer responsive ------*/    

footer {
flex-wrap: wrap;
}
    
footer ul li {
padding: 0;
}
    
#footerLogo img{
margin-right: 5em;
margin-top: 1em;
}
    
#cuerpote h3 {
padding-left: 0;
text-align: center;
}    
   
#cuerpote #catedra{
padding-left: 2em;
} 
    
#cuerpoCatedra #infoGabriele  {
margin-left: 0em;
}    
      
    
#materiaAnual{ 
flex-wrap: wrap;
}    
    
#materiaAnual .materiasAnuales { 
padding-top: 0px;
}    
   
#intro #anuales p {
width: 28em;
}
    
#intro #anuales h2 {
width: 15em;    
}
    
 #cuerpote #catedra a #gabriele {
padding-bottom: 0em;
margin-bottom: 0;
padding: 0.9em;
}    
    
div#cuerpoCatedra {
margin-left: 0em;
margin-top: 3em;
padding-left: 0;
border:none;
}     


#cuerpoCatedra  .punteo { 
width: 72%;
}     
    
#cuerpoCatedra #trabajos { 
width: 20em;
margin-left: 20em;
margin-right: 20em;
    
}     


.fotosTrabajos #tp1 { 
margin-right: 3em;
}     
  
#infoGabriele {   
flex-wrap: wrap;
display: block;
}  
    
#cuerpoCatedra #infoGabriele #alerta  {   
width: 80%;

}    
    
#cuerpoCatedra #infoGabriele {   
margin-left: 0em;
} 
    
/*------ cuatris responsive ------*/    

#bajadaCuatri #cuatris {
flex-wrap: wrap;  
} 
    
    
#bajadaCuatri #cuatris   p   {   
text-align: center;
width: 20em;
} 
    
#materiaCuatrimestral{
flex-wrap: wrap;
}    
    
#infoCuatri {
flex-wrap: wrap;
margin: 0em;
} 

#utiles #cuatris p {
width: 25em;
}    
 
    
 #cuerpote #cuerpoCatedra #trabajos h5 {
    margin-left: 1em;
    }     
    
    
}











/*------ Todo ------*/


#contenedor {
width: 100%;
height: auto; 
}
  

body {
margin: 0 auto;
background-color: #EFF1F4;
align-content: center; 
}

div#contenedor {
margin: auto;
width: 100%; 
}


/*------ Header ------*/
header {
background-color: #00A99D;
display: flex;
justify-content: flex-end; 
justify-content: row;
}

.logo {
position: absolute;
top: -10px;
left: 0; 
margin-left: 8em;
margin-top: 1em;
}

header nav {
padding-left: 0em;
margin-right: 10em; 
margin-bottom:2em;
flex-direction: row; 
}

nav ul {
padding-top: 3em; }

header img {
float: left;
padding: 1em; }


header nav ul li {
float: left;
color: #fff;
font-weight: 400;
font-size: 1.06em;
margin-left: 1em;
text-decoration: none;
list-style-type: none;
padding: 1em; 
}

.nav a:hover { 
background-color:#05D1BD;
padding: 0.6em;
color:#F7F2A1;
}

.nav a {
text-decoration: none;
color: #fff; 
}

a  {
text-decoration: none;
}

/*------ Sección banner index ------*/
#banner {
  background-color: #F7F2A1;
  position: relative;
  height: 25em;
  background-image: url("../img/presentacion.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%; }

h1 {
  text-align: center;
  font-size: 4em;
  text-shadow: 0.1em 0.1em 0.8em black; 
  align-self: flex-start;

  color: #F7F2A1;
}

#banner p {
  color: #fff;
  text-align: center;
  font-size: 0,7em;
  font-weight: 200;
  padding-top: 6em; 
padding-bottom: 1em;}

/*------ Sección pasos index ------*/
.paso a {
  color: #00A99D; }

.paso {
  align-content: center;
  height: 10em;
  width: 20em;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 2em;
  padding-top: 3em;
  text-align: center;
  padding-bottom: 4em; }

h2 {
  color: #31568C;
  text-align: center;
  font-weight: 600;
  font-size: 1.7em;
 padding-top: 1em;
 }


.paso p {
  color: #31568C;
  font-weight: 200;
  font-size: 14px;
  text-align: center;
  padding-top: 1.5em; }

.cambiemos h5  {
    color: white
}

p {
  color: #00A99D;
  font-weight: 200;
  font-size: 1.2em; }

#pasos {
  display: flex;
  justify-content: center;
  height: auto;
  width: 100%;
margin-bottom: 4em;}

/*------ Sección bajate index ------*/
.bajate {
  display: flex;
  background-color: #00A99D;
 justify-content: center;
  align-items: center; }

.bajate h1 {
    margin-top: 1em;
    font-size: 2.7em;
    
    }

#bajate1 ul {
  text-align: right;
  list-style-type: none;
  font-weight: 600;
  font-size: 20px;
  width: 17em;
  padding: 1em;
  align-items: center; }

#bajate1 ul li {
  padding: 2em;
  color: #fff; }

#bajate1 ul li p {
  font-size: 13px;
  font-weight: lighter;
  padding-top: 1em;
  color: #fff; }

#bajate2 ul {
  text-align: left;
  list-style-type: none;
  font-weight: 600;
  font-size: 20px;
  width: 17em;
  padding: 1em;
}

#bajate2 ul li {
  padding: 2em;
  list-style-type: none;
  color: #fff; }

#bajate2 ul li p {
  font-size: 13px;
  font-weight: normal;
  padding-top: 1em;
  color: #fff; }

#mockup {
  padding-top: 2em;
  align-content: center;
  padding-bottom: 2em; }



video { 
	 width: 60%;
	height:auto;
    display: block;
    margin-right: auto;
    margin-left: auto;

}





/*------ Sección footer index ------*/
footer {
  display: flex;
  background-color: dimgray;
  padding: 1em;
  align-items: center;
  justify-content: space-between; }

.footer ul li {
  text-align: left;
  list-style-type: none;
  font-weight: 600;
  font-size: 0.8em;
  margin: 1em; }

.footer ul li a {
color: white;
    margin-left: 1em;
}

.footer ul li a:hover 
{ 
color:#F7F2A1;}


.footer ul {
  align-content: center; }

.footer p {
  color: #fff;
  font-size: 10px;
  text-align: left;
  padding: 3em;
    margin-right: 10em;
  width: 40em;
  font-weight: lighter; }


.footer img{
    margin-left: 6em;
     }


/*------ Anuales.html ------*/
#anuales {
  align-items: center;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  padding-bottom: 35px; }

#anuales h2 {
  text-align: center;
  margin: 0 auto; 
    color:#00A99D;
 }

#anuales p {
  text-align: center;
  font-size: 13px;
  font-weight: 100;
  padding-top: 1em;
  width: 60em;
  margin: 0 auto; }

#materiaAnual {
  display: flex;
  align-items: center;
  justify-content: center; }

.materiasAnuales {
  padding-top: 2em; }

.caja {
  height: 12em;
  width: 16em;
  background-color: #00A99D;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em; }

#cajaDiseno {
  height: 12em;
  width: 16em;
  background-color: #05D1BD;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em; }


h4 {
  color: #fff;
  font-size: 1.7em;
  font-weight: 100;
  text-align: center;
  padding-top: 3em;
}

.infoMateria {
  padding-left: 1em;
  margin-bottom: 3em;
  width: 16em; }

.infoMateria ul li {
 font-size: 0.8em;
    color: dimgrey;
    list-style-position: inside;
    padding-top: 0.5em;}

.infoMateria ul {
    margin-top: 1em;
    list-style:circle;
    border-style: solid hidden;
    border-width: 0.1em;
    padding-top: 0.3em;
    padding-bottom: 0.6em;
    
    
}

.infoMateria p {
  color: #00A99D;
  font-size: 1em;
text-align: left;
  }


h3{
  padding-left: 17em;
    color: #05D1BD;
}




#catedra{
display:flex;
justify-content: flex-start;

}

#catedra a #gabriele {
background-color: #05D1BD; 
padding-bottom: 2em;
margin-bottom: 0;}

#catedra nav ul li {
    float: left;
    list-style-type: none;
    background-color: #F7F2A1 ;
    padding: 0.9em;
    text-align: center;
    margin: 0.5em;
    font-size: 0.8em;
    color: dimgrey;}


#catedra nav { 
    border-style: solid hidden;
    border-width: 0.3em;
    border-color: #05D1BD;
    border-top: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    
}


#infoGabriele {
    display: flex;
    justify-content: center;

}

.punteo {
    width:29.5em;
    padding: 2em;
    background-color: white;
}



#cuerpoCatedra p {
  color: black;
  padding-top: 2em; 
}



#infoGabriele p {
    color:#00A99D;
    font-size: 0.81em;
    padding: 0;
}

#infoGabriele .item p {
    color: dimgrey;
    margin-top: 0.3em;
}

#infoGabriele .item a {
    color: dimgrey;
    margin-top: 0.3em;
}

h5 { 
    font-size: 1.5em;
    color: dimgrey;
}

.item {
    margin-top: 0.7em;
}

#alerta {
    margin-left: 1em;
    background-color: #AF1B1B;
    width:13em;
    padding: 1em;
}

#alerta p {
    font-size: 0.8em;
    color: #fff;
    text-align: center;
    margin-top: 0.4em;    
}

.alertita {
    margin:0.5em;
    margin-top: 2.8em;
}

.alertita img{
display: block;
margin-left: auto;
    margin-right: auto;
}


h6 {
margin-top: 0.6em;
color: #F7F2A1;
font-size: 1.2em;
    text-align: center;
    
}


#cuerpoCatedra #trabajos {

    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 1em;
    
}

#cuerpoCatedra #trabajos h5 {
    margin-left: 13.7em;
    }

.fotosTrabajos {
    background-color: #fff;
    margin-right: 1em;
    margin-bottom: 3em;
}

.fotosTrabajos img {
    width: 100%;   
}

#cuerpoFotos .fotosTrabajos p {
    font-size: 0.7em;
    color: #00A99D;
    text-align: center;
    padding:0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
    
    
#cuerpoFotos {
    display: flex;
    align-content: center;
    margin-top: 1em;
    justify-content: center;
}



/*------ horarios.html ------*/


section #horarios {
  align-items: center;
 background-color: #fff;
 }

#horarios h2 {
  text-align: center;
    color: dimgray;
}

#horarios p {
 text-align: center;
  font-size: 13px;
  font-weight: 100;
  padding-top: 1em;
  width: 60em;
  margin: 0 auto; 
color: dimgrey;
    padding-bottom: 2em;
}




#dias {
  display: flex;
    margin-left: auto;
margin-right: 12em;
  justify-content: flex-end;
  align-content: center; 
width: 60em;

}



#dias h3 {
    padding: 0;
    margin-left: 5.5em;
    margin-top: 2.4em;
    margin-bottom: 0.5em;
    color: darkgray;
    
}


#cuerpoHorarios {
  display: flex;
  justify-content: center;
margin-bottom: 0;}

#turnos {
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

#turnos div {
  width: 7em; }

#turnos div p {
  font-size: 15px;
color: darkgray;}

.cajaTurno {
  background-color: #fff;
  height: 8em;
  width: 10em;
  margin: 0.4em; 
}

.cajaTurno p {
  text-align: center;
  color: darkgray;
  margin: 0.8em;
  font-size: 10pt; }

#manana {
  display: flex;
  justify-content: center; }

#tarde {
  display: flex;
  justify-content: center; }

#noche {
  display: flex;
  justify-content: flex-end; }

#contenedorHorarios {
  padding-bottom: 1em; }

#manana .cajaTurno .noCursar p {
  background-color:#AF1B1B ; 
color: white;
padding: 1em;}

#noche .cajaTurno .noCursar p {
  background-color:#AF1B1B ; 
color: white;
padding: 1em;}

#contenedorHorarios .horarioDiseno p {
  color:  #05D1BD; }

#contenedorHorarios .horarioMorfo p {
   color: #e0cb05; }

#contenedorHorarios .horarioComu p{
  color:#31568C; }

#contenedorHorarios .horarioTecno p {
 color: #4987c4; }

#contenedorHorarios .horarioMedios p {
  color:#31568C; }

#contenedorHorarios .horarioHistoria p {
  color: dimgray; }

#contenedorHorarios .horarioTipo p{
color: #00A99D ;}




#alertaHorarios {
display: flex;
background-color:#AF1B1B;
margin-right: 8.75em;
margin-left: auto;
width: 64em;
margin-bottom: 2em;
    margin-top: 0;
}


#alertaHorarios #imagenHorario {
padding: 1em;
padding-left: 3em;}

#alertaHorarios #ojo {
font-size: 1.4em;
padding: 1em;

}

#alertaHorarios #textoHorarios {
padding-left: 3em;
    margin-top: 1.7em;
}

#alertaHorarios #textoHorarios  ul li {
list-style: circle;
    color: white;
}


/*----Cuatris-----*/

section #cuatris {
  align-items: center;
 background-color: #fff;
 }

#cuatris h2 {
  text-align: center;
    color: #31568C;
}

#cuatris p {
 text-align: center;
  font-size: 13px;
  font-weight: 100;
  padding-top: 1em;
  width: 60em;
  margin: 0 auto; 
color: #31568C;
    padding-bottom: 2em;
}

#materiaCuatrimestral {
  display: flex;
  justify-content: center;
    margin-bottom: 1em; }

#materiasCuatrimestral p {
  font-size: 12px;
  color: #00A99D; }

.cajaCuatri {
  height: 12em;
  width: 16em;
  background-color: #31568C;
  margin-top: 2em;
  margin-bottom: 1em;
  margin-left: 1em; }

.cajaCuatri p {
  color: #F7F2A1;
  font-size: 12px;
  text-align: center; }

.cajaComu {
  height: 12em;
  width: 16em;
  background-color: #4987c4;
  margin-top: 2em;
  margin-bottom: 1em;
  margin-left: 1em;
}

.cajaComu h4 {
padding-left:0;
    }

.cajaComu p {
  color: #00A99D;
  font-size: 12px;
  text-align: center; }

#infoCuatri {
  display: flex;
  justify-content: center;
margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

#titulo h3{
color:#4987c4;
padding-left: 9.2em;    
}

#infoCuatri .catedraCuatri {
  margin: 0.5em;
  padding: 2em;
width: 29.3em;
  background-color: #fff; }

.catedraCuatri h5 {
background-color: #fff;
margin-bottom: 1em;    
 
 }

.catedraCuatri h4{
font-size: 2em; 
 color: #4987c4;
    text-align: left;
padding-top: 0.5em;
    font-weight: 600;
 }

#infoCuatri .catedraCuatri p {
  color: darkgray; }

#itemsCuatri {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.itemCuatri {
  padding-right: 5em; }

#itemsCuatri h4 {
  color: darkgray;
  text-align: left;
  padding-top: 1em;
  padding-left: 0;
  padding-bottom: 1em;
  font-size: 14px; }

#itemsCuatri p {
  
  color: #00A99D;
  font-size: 1em;
text-align: left;
  } 

#titulo h2 {
  padding: 0;
  margin: 0;

  color: #4987c4; }









/*----Toma nota-----*/

#utiles h2{
  text-align: center;
  margin: 0 auto; 
color:#AF1B1B;
 }

#utiles p{
  text-align: center;
  margin: 0 auto; 
color:#AF1B1B;
    padding-top: 1em;
 }

#novedades1 {
  display: flex;
    justify-content: center;
 }

.primarias {
 background-color: #fff;
    width: 26em;
  margin: 0.5em;
    margin-top:2em;

}


.subtitulo h5{
    background-color: #00A99D;
    padding: 0.6em;
    color: white;
    padding-bottom: 0;
}

#novedades1 .primarias .subtitulo p {
    background-color: #00A99D;
    padding: 1em;
    color: white;
    padding-top: 0.2em;
    text-align: left;
    font-size: 1em;
}

#novedades1 .textoPrimarias p {
    font-size: 0.9em;
    text-align: left;
    padding: 1em;
    color: dimgrey;
}

.alertaNovedades {
    background-color: #AF1B1B;
    display: flex;
    padding: 0.7em;
    padding-top: 0;
    
}

#novedades1 .primarias .alertaNovedades .textoAlerta p  {
    color: white;
    font-size: 0.9em;
    text-align: left;
    margin-left: 2em;
    margin-right: 1em;
    }

#novedades1 .primarias .alertaNovedades .textoAlerta h6 {
    text-align: left;
    margin-left: 1.4em;
    }

.imagenAlerta img {
   margin-top: 1.6em;
   margin-left: 2em;
    }

#novedades2 {
  display: flex;
    justify-content: center;
 }

.secundarias {
 background-color: #fff;
    width: 17em;
  margin: 0.5em;
    margin-bottom: 2em;

}

.subtitulo2 h5 {
    background-color: #05D1BD;
    padding: 0.6em;
    color: white;
    padding-bottom: 0;
    
 }

#novedades2 .secundarias .subtitulo2 p {
    background-color: #05D1BD;
    padding: 1em;
    color: white;
    padding-top: 0.2em;
    text-align: left;
    font-size: 1em;
}

#novedades2 .secundarias .textoSecundarias p {
     font-size: 0.9em;
    text-align: left;
    padding: 1em;
    color: dimgrey;
    }











/*# sourceMappingURL=estilo.css.map */