@font-face {
    font-family: 'asapbold';
    src: url('fonts/asap-bold-webfont.eot');
    src: url('fonts/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/asap-bold-webfont.woff') format('woff'),
         url('fonts/asap-bold-webfont.ttf') format('truetype'),
         url('fonts/asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'asapitalic';
    src: url('fonts/asap-italic-webfont.eot');
    src: url('fonts/asap-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/asap-italic-webfont.woff') format('woff'),
         url('fonts/asap-italic-webfont.ttf') format('truetype'),
         url('fonts/asap-italic-webfont.svg#asapitalic') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'asapregular';
    src: url('fonts/asap-regular-webfont.eot');
    src: url('fonts/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/asap-regular-webfont.woff') format('woff'),
         url('fonts/asap-regular-webfont.ttf') format('truetype'),
         url('fonts/asap-regular-webfont.svg#asapregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	
@font-face {
    font-family: 'bahianaregular';
    src: url('fonts/bahiana-regular-webfont.eot');
    src: url('fonts/bahiana-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bahiana-regular-webfont.woff') format('woff'),
         url('fonts/bahiana-regular-webfont.ttf') format('truetype'),
         url('fonts/bahiana-regular-webfont.svg#bahianaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ----------------------------------------------------------------------------------------------------------------------------- Hoja de estilos de SECCION ALUMNOS */

/*--------------------------------------------------------------------------------------------------------------------------------------------------------- GENERAL */

body, html{
	font-family: 'asapregular';
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;}

header{
    width: 900px;
    /*float: left;
    text-align: left; */
    margin: 0px;
    
}

#contenedor{
    width: 90%;
    max-width: 900px;
    min-width: 850px;
    position: relative; 
    top: 2px; 
    margin: auto;
    overflow: hidden;
            
}

.lateral1{
    float: left;
    width: 1px;  
    height: auto;
    padding-bottom: 10px;
}

.lateral2{
    float: right;
    width: 1px;
    height: auto;
    }

.corte{
    clear: both;
    }

#Fondo{
    background-image: url(imagenes/background.png);
    background-repeat: no-repeat;
}

footer{
    width: 900px;
  }


/* TITULOS*/

h1{
    font-family: 'bahianaregular';
    font-size: 25px;
    letter-spacing: 5px;
    
}

/* TITULOS SECUNDARIOS*/

h3{
    font-family: 'bahianaregular';
    font-size: 18px;
    letter-spacing: 2px;
    text-align: right;
    
}

/* TITULOS trciarios*/

h4{
    font-family: 'asapbold';
    font-size: 12px;
    letter-spacing: 2px;
    text-align: left;
}

h5{
    font-family: 'bahianaregular';
    font-size: 19px;
    letter-spacing: 2px;
    text-align: left;
}


/* TEXTO DE TERCERA INSTANCIA*/
    
h2{
    font-size: 10px;
    font-family: 'asapregular';
}




/*--------------------------------------------------------------------------------------------------------------------------------------------- SECCION YA SOY ALUMNO */

/*--------------------------------------------------------------------------------------------------------------------------------------------- MENU SUPERIOR*/
#CajaMenuSuperior{
    background-image: url(imagenes/background.png);
    background-position: center;
    height: 159px;
    width: 100%;
}

.CajaRedes{
    background-image: url(imagenes/fondomenu.svg);
    background-repeat: no-repeat;
    float: right;
    padding: 10px;
    padding-right: 10px;
    height: 40px;
    width: 370px;
    
}

.TextoContacto{
    float: left;
    color:rgb(231, 210, 87);
    font-size: 25px;
    letter-spacing: 5px;
    padding-left: 20px;
    vertical-align:top;
    z-index: 2;
    font-family: 'bahianaregular';
    padding-top: 0px;
    margin-top: 0px;
    
}

.Iconos{
    float: right;
    
}

.CajaLogo{
    float: left;
    width: 130px;
    margin-top: 13px;
    z-index: 2;
}

.CajaSeparador{
    padding-top: 10px;
    margin-left: 152px;
    margin-top: 20px;
    width: 80%;
    z-index: 1;
}

.CajaContenedora{
    background-color: rgb(231, 210, 87);
    padding: 20px;
    padding-top: 10px;
    margin-left: 152px;
    margin-top: 20px;
    height: 53px;
    z-index: 1;
    
}

.CajaAlumno{
    float: left;
    width: 59px;
}

.NombreAlumno{
    float: left;
    padding-left: 30px;
    padding-top: 5px;
    width: 150px;
    font-family: 'bahianaregular';
    font-size:32px;
    
}

.NombreAlumno a1{
    float: left;    
    padding-top: 2px;
    width: 150px;
    font-family: 'asapregular';
    font-size: 10px;
    
    
    
}

.Iconos2{
    float: left;
    width: 120px;
}


.CajaMenu{
    width: 340px;
    float: right;
    z-index: 0;
    font-family: 'bahianaregular';
    font-size: 17px;
    letter-spacing: 2px;
}


.CajaMenu  a:hover { 
    color: #fff;   
}

.Botonera{
    
    height: 30px;
    float: left;
}

.Botonera a{
    color: #000;
    text-decoration: none;
    padding-top: 10px;
    list-style: none;
    float: left;
    
    text-decoration:none;
    text-align: left;
}

.Botonera a: hover{
    color: rgb(228, 44, 93);

}

/*---------------------------------------------------------------------------------------------------------------------------------------------- FIN MENU SUPERIOR*/

/*--------------------------------------------------------------------------------------------------------------------------------------------------------- FOOTER*/

#footer{
    background-image: url(imagenes/fondofooter.svg);
    background-repeat: no-repeat;
    height: 100px;
    width: 100%;
    z-index: 1;
}

#bloque-footer1{
    color: #fff;
    font-size: 8px;
    z-index: 99;
    width: 25%;
    padding: 25px;
    float: left;
    
}


#bloque-footer2{
    color: #fff;
    font-size: 8px;
    z-index: 99;
    width: 28%;
    float: left;
    padding: 30px;
    
}


#bloque-footer3{
    color: #fff;
    font-size: 8px;
    z-index: 99;
    width: 30%;
    padding: 18px;
    float: right;
}

#logos-uba{
    width: 100%;
    height: 20px;
}

#profesores{
    height: 10px;
    width: 100%;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------- FIN FOOTER*/

/*------------------------------------------------------------------------------------------------------------------------------------------------ PAG YASOYALUMNO*/


.ContenedorFoto{
    background-color: rgb(154, 186 , 65);
    float: left;
    height: 300px;
    width: 100%;

}

.ContenedorProximoViernes{
    background-color: rgb(154, 186 , 65);
    float: left;
    height: 345px;
    width: 100%;

}

.ProximoViernes{
    background-color: #fff;
    float: left;
    height: 206px;
    width: 50%;
}



.Comentarios{
    background-image: url(imagenes/yasoyalumno/lineas1.svg);
    background-repeat: no-repeat;
    float: right;
    width: 45%;
    height: 340px;
    padding-left: 5%;
}

.ComentariosAlumnos{
    
    float: left;
    width: 56%;
    height: 300px;
    padding-left: 5%;
}

.CajaTextoComentario{
    width: 76px;
    height: 119px;
    background-color: #fff;
    float: left;
}

.CajaTextoComentario a3{
    font-size: 10px;
    color: rgb(154, 186 , 65);
    text-align: center;
    border: 10px;
}

.ContenedorComentarios{
    width: 133px;
    background-color: rgb(231, 210, 87);
    float: right;
    margin-right: 24px;
    
}

.ContenedorComentarios a{
    font-family: 'bahianaregular';
    font-size: 20px;
    
}


.CuadradoNombre{
    height: 20px;
    background-color: #fff;
    margin: 10px;
}


.ContenedorTextoComentario{
    height: 70px;
    background-color: #fff;
    z-index: 2;
    margin: 10px;
}

.ComentarioAlumnos{
    width: 90%;
    float: right;
    margin-right: 20px;
}

.Comentario1{
    width: 150px;
    height: 150px;
}

.ColumnaIzq5{
    width: 75%;
    float: left;
    
    margin-top: 55px;
    
}



/*---------------------------------------------------------------------------------------------------------------------------------------------FIN PAG YASOYALUMNO*/

/*------------------------------------------------------------------------------------------------------------------------------------------------------ PAG LINKS*/

.ContenedorBody{
    background-color: #fff;
    background-position: center;
    height: auto;
    width: 100%;
} 

.Contenedor1{
    background-color: rgb(154, 186 , 65);
    float: left;
    height: 545px;
    width: 77%;
}

.Contenedor2{
    background-color: rgb(228, 44, 93);
    float: right;
    height: 1000px;
    width: 23%;
}

.Contenedor3{
    background-color: #fff;
    float: left;
    height: 545px;
    width: 77%;
}


#ContenedorLinks{
    width: 70%;
    height: 500px;
    background-color: #fff;
}

.ColumnaIzq{
    width: 45%;
    float: left;
    margin: 5px;
    
}


.ColumnaDer{
    width: 45%;
    float: right;
    margin: 5px;
}

#ColumnaLectura{
    background-color: rgb(228, 44, 93);
    float: right;
    width: 28%;
    height: 1060px;
}
    
.LinksLectura{
    background-color: #fff;
    float: right;
    width: 80%;
    margin-top: 10px;
    padding-left: 5px;
}

.OtrosLinks{
    background-color: rgb(154, 186 , 65);
    width: 72%;
    height: 500px;
    float: left;
    
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------- FIN PAG LINKS*/    

/*--------------------------------------------------------------------------------------------------------------------------------------------- PAG PROXIMOVIERNES*/

.ContenedorImagen{
    background-color: rgb(154, 186 , 65);
    float: right;
    height: 200px;
    width: 80%;
}

.Contenedor1{
    background-color: rgb(231, 210, 87);
    float: left;
    width: 100px;
    height: 130px;
    padding: 20px;
}

.Contenedor1 a{
    font-family: 'bahianaregular';
    font-size: 20px;
}


.Contenedor2{
    float: left;
    width: 100px;
    height: 130px;
    padding: 20px;
    z-index: 100;
    position: relative;
}

.Contenedor3{
    float: left;
    width: 428px;
    height: 170px;
    padding: 0px;
    z-index: 1;
}

.ColumnaDerecha{
    background-color: rgb(154, 186 , 65);
    float: right;
    width: 20%;
    height: 700px;
    z-index: 1;
    
}


.ComentariosAlumnosVertical{
    float: right;
    width: 80%;
    
    
}


.ContenedorProximoViernes2{
    background-color: rgb(154, 186 , 65);
    float: right;
    height: 500px;
    width: 80%;
    z-index: 2;
    

}

.Tips{
    background-color: #fff;
    float: left;
    
    width: 60%;
}

.Tips p{
    font-family: 'bahianaregular';
    font-size: 30px;
    padding-left: 30px;
}

.Recomendaciones{
    background-color: rgb(154, 186 , 65);
    float: right;
    
    width: 40%;
}

.ProximaClase{
    
    float: left;
    width: 60%;
    background-color: #fff;
    z-index: 98;
    margin-top: 20px;


}

p{
    font-size: 12px;
    padding: 10px;
    font-family: 'asapregular';
}

#linea{
    clear: both;
    border-bottom-color: rgb(228, 44, 93);
border-bottom-style: solid;
border-width: 2px;
    width: 100%;
    text-align: center;
    padding: 5px;
    margin-left: 10px;
}

#linea2{
    clear: both;
    border-bottom-color: rgb(228, 44, 93);
border-bottom-style: solid;
border-width: 2px;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}


.ComentarioAlumnos a{
    font-family: 'bahianaregular';
    font-size: 20px;
}

.CuadradoAmarillo{
    background-color: rgb(231, 210, 87); 
    width: 250px;
    height: 110px;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- INICIO PAG BIBLIOGRAFIA*/

#ColumnaBiblioCatedra{
    background-color: rgb(228, 44, 93);
    float: left;
    width: 256px;
    height: 1460px;
}

.LinksLectura2{
    background-color: #fff;
    float: left;
    width: 80%;
    margin-top: 10px;
    padding-left: 5px;
    
}

.ContenedorBibliografia{
    background-color: rgb(231, 210, 87); 
    width: 70%;
    
    float: right;
}

.ContenedorTitulo{
    width: 100%;
    height: 60px;
    
        
}
#ContenedorBody{
    background-color: rgb(154, 186 , 65);
    
    z-index: 1;}

#ContenedorBody2{
    background-color: rgb(154, 186 , 65);
    height: 1460px;
    z-index: 1;
  }

.OtrasBiblio{
    background-image: url(imagenes/links/fondolineas.svg);
    background-repeat: no-repeat;
    height: 500px;
}

.ColumnaIzq2{
    width: 30%;
    float: left;
    margin-left: 75px;
    margin-top: 50px;
    
}


.ColumnaDer2{
    width: 30%;
    float: right;
    margin-right: 85px;
    margin-top: 50px;
}

#ContenedorRevistas{
    height: 900px;
    background-color: rgb(154, 186 , 65);
}

/*---------------------------------------------------------------------------------------------------------------------------------------- FIN PAG BIBLIOGRAFIA*/
/*---------------------------------------------------------------------------------------------------------------------------------------- INICIO PAG DESCARGA*/

.ColumnaIzq3{
    width: 22%;
    float: left;
    margin-left: 75px;
    margin-top: 50px;
    
}


.ColumnaDer3{
    width: 22%;
    float: right;
    margin-right: 95px;
    margin-top: 50px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------- FIN PAG DESCARGA*/



#galeria_caja{
    background-image: url(imagenes/background.png);
    text-align: center;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------- PAG ASISTENCIA*/

#ContenedorBody2{
    background-color: rgb(154, 186 , 65);
    width: 100%;
    height: 800px;
}

#contenedorTitulo{
    float: left;
    width: 10%;
}

.ContenedorAsistencias{
    background-color: #fff;
    margin-top: 50px;
    width: 70%;
    
    float: left;
    text-align: center;
    
}

.Porcentaje{
    width: 87px;
    height: 43px;
    text-align: center;
    
    font-family: 'bahianaregular';
    font-size: 30px;
    color: rgb(228, 44, 93);
}

.PorcentajeAlumnos{
    width: 206px;
    
    margin-top: 30px;
    font-size: 13px;
    padding: 20px;
    color: #fff;
    background-color: rgb(228, 44, 93);
    float: right;
}

.Descripcion{
    text-align: left;
    width: 91px;
    height: 68px;
    
    
}


/*----------------------------------------------------------------------------------------------------------------------------------------------FIN PAG ASISTENCIA*/

/*---------------------------------------------------------------------------------------------------------------------------------------- INICIO PAG MENSAJE ALUMNOS*/  

.MensajeAlumnos{
    height: 120px;
}

#ColumnaLectura2{
    background-color: rgb(228, 44, 93);
    float: right;
    width: 28%;
    
}

.MensajeChat{
    background-image: url(imagenes/mensajes/fondomensajes.svg);
    background-repeat: no-repeat;
    height: 618px;
    
}

.ColumnaIzq4{
    width: 35%;
    float: left;
    margin-left: 230px;
    margin-top: 35px;
    
}

.TextoChat{
    width: 60%;
    float: left;
    padding: 10px;
}

#linea3{
    clear: both;
    border-bottom-color: rgb(228, 44, 93);
border-bottom-style: solid;
border-width: 2px;
    width: 85%;
    text-align: center;
    padding-top: 5px;
}



/*---------------------------------------------------------------------------------------------------------------------------------------- FIN PAG MENSAJE ALUMNOS*/
/*---------------------------------------------------------------------------------------------------------------------------------------- INICIO PAG EN CONTRUCCION*/  

#error{
    position: relative;
    text-align: center;
    float: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------- FIN PAG EN CONTRUCCION*/



/* ------------------------------------------------------------------------------------------------------------------------- Hoja de estilos de SECCION NO ALUMNOS */

/*--------------------------------------------------------------------------------------------------------------------------------------------- MENU SUPERIOR*/
#CajaMenuSuperior2{
    background-image: url(imagenes/background.png);
    background-position: center;
    height: 159px;
    width: 84%;
    float: right;
}

.CajaContenedora2{
    background-color: rgb(231, 210, 87);
    padding: 20px;
    padding-top: 10px;
    
    
    height: 53px;
    z-index: 1;
    
}


.CajaMenu2{
    width: 340px;
    float: left;
    z-index: 0;
    font-family: 'bahianaregular';
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: 20px;
}


.CajaMenu2  a:hover { 
    color: #fff;   
}

/*--------------------------------------------------------------------------------------------------------------------------------------------FIN  MENU SUPERIOR*/

/*--------------------------------------------------------------------------------------------------------------------------------------------- MENU LATERAL*/
#ContenedorBotoneraContenido{
    width: 100%;
    height: 800px;
    
}

.Logo{
    margin-top: 16px;
    margin-left: 10px;
}

#ContenedorContenido{
    width: 84%;
    float:right;
    z-index: 88;
}

#menu-lateral{
    width: 15%;
    float: left;
    height: 800px;
    background-image: url(imagenes/background.png);
    /*position: fixed;*/
    
}

#SeparadorLinea{
    width: 1%;
    background-color: #fff;
    height: 800px;
    float: left;
}

/*FORMATO MENU VERTICAL BAJADO*/

@charset 'UTF-8';
/* Some stylesheet reset */
#menu-lateral > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
#menu-lateral > ul {
  display: block;
  position: relative;
  /*width: 150px;*/
  left: 20px;
  top: 125px;
  
}
/* The list elements which contain the links */
#menu-lateral > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 65%;
  
}
/* General link styling */
#menu-lateral > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 2px solid #333;
  /*border-bottom: 1px solid #d9d9d9;*/
  padding: 30px 8px;
  color: rgb(154, 186 , 65);
  text-decoration: none;
  text-transform: uppercase;
  /*text-shadow: 0 1px 0 #fff;*/
  font-size: 20px;
  font-weight: 300;
  /* Background & effects */

  background:url(img/fondo-item.svg);
  font-family: 'bahianaregular';
    letter-spacing: 2px;
  
}
/* Rounded corners for the first link of the menu/submenus */
#menu-lateral > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
#menu-lateral > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
   
}
/* The hover state of the menu/submenu links */
#menu-lateral > ul li a:hover,
#menu-lateral > ul li:hover > a {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background: #a7ca45;
  background: -webkit-linear-gradient(#a7ca45, #8bab31);
  background: -moz-linear-gradient(#a7ca45, #8bab31);
  background: linear-gradient(#a7ca45, #8bab31);
  border-color: transparent;
}
/* The arrow indicating a submenu */
#menu-lateral > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #a7ca45;
}
/* The same arrow, but with a darker color, to create the shadow effect */
#menu-lateral > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #fff;
}
/* Changing the color of the arrow on hover */
#menu-lateral > ul li > a:hover::after,
#menu-lateral > ul li:hover > a::after {
  border-left: 4px solid #fff;
}
#menu-lateral > ul li > a:hover::before,
#menu-lateral > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.25);
}
/* THE SUBMENUS */
#menu-lateral > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 150px;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
#menu-lateral > ul ul li a {
  font-size: 20px;
}
/* Showing the submenu when the user is hovering the parent link */
#menu-lateral > ul li:hover > ul {
  top: 0px;
  opacity: 1;
  z-index: 1;
}	

.hijo {
	background:#000;
	
}



/*--------------------------------------------------------------------------------------------------------------------------------------------- FIN MENU LATERAL*/

#profesores_caja{
    
    background-image: url(imagenes/background.png);
    padding-top: 40px;
    padding-left: 15px; 
}



.descargas{
    height: 1000px;
}