@charset "utf-8";

/* CSS Document */



div.caja{



	width: 95%;

	max-width: 1000px;

	margin: 0 auto;

	/*flexbox */

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content:space-between

}
.materias a {
	display: block;
	position: relative;
}
.materias a span {
	position: absolute;
	top: 100%;
	left:5%;
	background: #ccc;
	width: 90%;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 5px;
	z-index: 1000;
	display: none;
}

.materias a:hover span{
	display: block;
}

.materias h3 {
	display: inline-block;
}


.epigrafe {

	width: 90%;

	max-width: 1000px;

	margin: 15px auto;

	text-align: center;

}



.epigrafe2 {

	text-align: center;

	display: none;

}



div.uno {

	width: 33%;

}



div.dos {

	width: 33%;

	display: none;

}



.cuarto, .quinto, .sexto, .septimo {

	width: 50%;
	display: block;

}


/*
.quinto2, .septimo2, .cuarto2, .sexto2 {

	display: none;

}
*/


.curricula {

	width: 100%;

	border:0;

	text-align:center;

	font-family: "Dosis-Medium";

	font-size: 1em;

	line-height: 2em; 





}



.curricula td.anio{

	background:#9999FF;

	font-weight: bold;

}



.curricula td.hora {

	background:#FF9;

}

.curricula td.sub_tit{

	background:#6699FF;

	font-weight: bold;

}

.curricula td.materias {

	background:#99CCFF;

}



.curricula td.total {

	background-color: #66FFCC;}



span.separador {

	color:#990000;

	font-weight: bolder;

	margin: 2%;

}





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



div.caja{



	margin: 0 auto;

	width: 100%;

	/*flexbox */



    flex-direction: column;

   



    }



div.uno {

	display: none;

}



div.dos {

	display: block;

	width: 80%;

	margin: 3% auto;

        }

.espacio
{
display: none;
}

/*
.cuarto, .quinto, .sexto, .septimo {

	width: 80%;

	margin: 3% auto;

	

}
*/


/* viejo
.quinto, .septimo, .cuarto, .sexto {

	display: none;

}
*/


/*este tenia los numero 2 */
.quinto, .septimo, .sexto, .cuarto {

	width: 100%;

	margin: 3% auto;

	display: block;



}



.epigrafe {

	display: none;

}



.epigrafe2 {

	display: block;

}





}