@charset "utf-8";
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* ASIDE*/
#slider {
z-index: 0!important; }
.ac-container{
	width: 308px;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container div{
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.ac-container div a:link, .ac-container div a:visited{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #666666;
	font-family: "Bitter";
	font-size: 13px;
}
.ac-container label{
	font-family: 'Open Sans', 'Arial Narrow', Arial, sans-serif;
	font-weight: 700;

	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 16px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label {
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
	color: #777;	
	}
.ac-container input:checked + label:hover{
	color: #FFFFFF;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
	background-color: #B91200;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	padding-top: 20px;
	font-family: Bitter;
	color: #900;
	font-size: 12px;
	line-height: 20px;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	overflow: hidden;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
}
.ac-container div article p input {
	display: inline-block;
	float: left;
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 350px;
}
/* APUNTES */
.aside-apuntes {
	float: left;
	width: 288px;
	overflow: hidden;
	height: 100%;
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #CCC;
	text-align:center;
	}
	.aside-apuntes img{
	cursor:pointer;
	}
	hr {
background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
border: 0;
height: 1px;
margin: 22px 0 22px 0;
}
.aside-apuntes ul {
	text-align: left;
	}
	.aside-apuntes ul li {
	text-align: left;
	font-family: "Open Sans";
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
	}
	.aside-apuntes h2 {
	font-family: "Open Sans";
	font-weight: 700;
	color: #666;
	display: inline;
	font-size: 18px;
	}
.galeria-apuntes {
	width: 99%;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.borde-apunte-mg {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #FC0;
}
.borde-apunte-mg1 {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #3C9;
}
.borde-apunte-mg2 {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #C3C;
}
.thumbnail {
	display:inline-block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.galeria-apuntes div{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
.galeria-apuntes label{
	font-family: 'Open Sans', 'Arial Narrow', Arial, sans-serif;
	font-weight: 700;
	position: relative;
	z-index: 20;
	display: block;
	height: 40px;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 40px;
	font-size: 16px;
	background-color: #ffffff;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
	background-image: url(imagenes/open.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 40px;
}

.galeria-apuntes label:hover{
	background-color: #fff;
	background-image: url(imagenes/open.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
}
.galeria-apuntes input:checked + label {
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
	color: #777;
	background-color: #F2F2F2;
	background-image: url(imagenes/close.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	}
.galeria-apuntes input:checked + label:hover{
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
	cursor: pointer;
}
.galeria-apuntes label:hover:after,
.galeria-apuntes input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
}
.galeria-apuntes input:checked + label:hover:after{

}
.galeria-apuntes input{
	display: none;
}
.galeria-apuntes article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.galeria-apuntes article p{
	color: #777;
	line-height: 23px;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	overflow: hidden;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-family: "Open Sans";
}
.galeria-apuntes div article p input {
	display: inline-block;
	float: left;
}

.galeria-apuntes input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	background-color: #fff;
}
.galeria-apuntes input:checked ~ article.ac-small{
	height: 140px;
}
.galeria-apuntes input:checked ~ article.ac-medium{
	height: 180px;
}
.galeria-apuntes input:checked ~ article.ac-large{
	height: 350px;
}
.galeria-apuntes input:checked ~ article.ac-auto{
	height: auto;
	overflow: hidden;
}
/* VIAJES */
section#viajes h5 {
font-family: "Bitter";
font-size: 24px;
color: #333;
display: inline-block;
margin: 0 0 10px 0;	
}
section#viajes p {
font-family: "Open Sans";
font-size: 14px;
color: #666;
}
/*GRID GALLERY*/
.grid-gallery {
	height: 730px;
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	column-count: 3;
	column-gap: 30px;
	margin-top: 20px;
	}
	.trabajo-correcion {
	width: 292px;
	height: auto;
	margin-bottom: 20px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	overflow: hidden;
		}
		.trabajo-correcion p {
			font-family:"Open Sans";
			font-size:14px;
			text-align:center;
	display: block;
		}
		.trabajo-correcion img {
	width: 292px;
	height: auto;
	margin: 0px;
	padding: 0px;
	clear: both;
	display: inline;
		}
		.ok {
	border-top-color: #0C3;
	border-right-color: #0C3;
	border-bottom-color: #0C3;
	border-left-color: #0C3;
	color: #FFF;
	background-color: #0C3;
		}
.rehacer {
	border-top-color: #F30;
	border-right-color: #F30;
	border-bottom-color: #F30;
	border-left-color: #F30;
	color: #FFF;
	background-color: #F30;
}
.pdf {
	border-top-color: #CDCDCD;
	border-right-color: #CDCDCD;
	border-bottom-color: #CDCDCD;
	border-left-color: #CDCDCD;
	color: #FFF;
	background-color: #CDCDCD;
	background-image: url(imagenes/correccion/pdf.jpg);
	background-repeat: no-repeat;
}

#correcion-online #info-alumno {
	background-color: #F5F5F5;
	width: 920px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	overflow: hidden;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}
#correcion-online #info-alumno .modulo {
	width: 25%;
	float: left;
}
#correcion-online #info-alumno .modulo h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}
#correcion-online #info-alumno .modulo p {
	font-family: "Bitter";
	color: #666;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.boton-azul {
	width: 100%;
	height: 28px;
	padding: 5px;
	font-style: normal;
	background-color: #579DB5;
	font-size: 14px;
	color: #F6F5EC;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Open Sans";
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 3px;
	border: 0px;
	font-weight: bold;
	cursor: pointer;
}
.boton-azul:hover {
	width: 100%;
	height: 28px;
	padding: 5px;
	font-style: normal;
	background-color: #CCC;
	font-size: 14px;
	color: #35515e;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Open Sans";
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 3px;
	border: 0px;
	font-weight: bold;
}
.boton-bordo {
	width: 100%;
	height: 28px;
	padding: 5px;
	font-style: normal;
	background-color: #BC1300;
	font-size: 14px;
	color: #F6F5EC;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Open Sans";
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 3px;
	border: 0px;
	font-weight: bold;
	cursor: pointer;
}
.boton-bordo:hover {
	width: 100%;
	height: 28px;
	padding: 5px;
	font-style: normal;
	background-color: #CCC;
	font-size: 14px;
	color: #35515e;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Open Sans";
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 3px;
	border: 0px;
	font-weight: bold;
}
#lista-tp    {
	display: block;
	width: 60%;
	margin-top: 15px;

	float: left;
	height: 20px;
	padding-top: 20px;
}
#lista-referencia    {
	display: block;
	width: 40%;
	margin-top: 15px;
text-align:right;
	float: right;
	height: 20px;
	padding-top: 20px;
}
#correcion-online #info-alumno #lista-tp span {
	width: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	font-family: Bitter;
	font-weight: bold;
	color: #666;
	font-size: 12px;
	cursor: pointer;
}
#correcion-online #devolucion-profesor {
	display: block;
	clear: both;
	width: 940px;
	margin-top: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333;
}
.correccion-box-image {
	width: 75px;
	margin-top: 10px;
	text-align: center;
	float: left;
}
#correcion-online #devolucion-profesor #consulta-alumno {
	display: block;
	width: 960px;
	overflow: hidden;
}

#correcion-online #devolucion-profesor #respuesta-profesor {
	position: relative;
	display: block;
	clear: both;
	float: none;
	overflow: hidden;
	padding-left: 100px;
}
#sesion-iniciada {
	background-image: url(imagenes/sesion-iniciada.png);
	height: 50px;
	width: 200px;
	position: fixed;
	top: 5px;
	right: 20px;
	z-index: 99999;
	background-repeat: no-repeat;
	background-position: right;
}


#correcion-online #devolucion-profesor h1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #01CD98;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-family: "Bitter";
	font-size: 24px;
	color: #666;
}
#correcion-online #devolucion-profesor #consulta-alumno .info-consulta {
	float: left;
	font-family: "Bitter";
	color: #999;
	width: 850px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
#consulta-alumno .info-consulta p, #respuesta-profesor .info-consulta p {
	font-size: 14px;
}

#correcion-online #devolucion-profesor #consulta-alumno .info-consulta span {
	color: #333;
}





#correcion-online #info-alumno #lista-tp span:hover {
	width: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	font-family: Bitter;
	font-weight: bold;
	color: #BC1300;
	font-size: 12px;
	cursor: pointer;
}
#correcion-online #devolucion-profesor #respuesta-profesor .info-consulta {
	float: left;
	font-family: "Bitter";
	color: #999;
	width: 740px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
#correcion-online #devolucion-profesor #respuesta-profesor .info-consulta span {
	color: #333;
}





#correcion-online #info-alumno #lista-tp span:hover {
	width: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	font-family: Bitter;
	font-weight: bold;
	color: #BC1300;
	font-size: 12px;
	cursor: pointer;
}
.conector {

height: 12px;
height: 0.75rem;
width: 12px;
width: 0.75rem;
position: absolute;
margin-left: 70px;
left: 0;
top: 42px;
top: 2.625rem;
border-left: 1px solid #878787;
border-bottom: 1px solid #878787;
}





/* GENERALES */
body, html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
body {
	background-image: url(imagenes/bg_page-index.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}
.comillas {
	font-size: 36px;
	color: #333;
	line-height: 12px;
	font-family: "Times New Roman", Times, serif;
}
.col-465 {
	float: left;
	width: 465px;	
	}
	.col-225 {
	float: left;
	width: 225px;	
	}
.margen-13-derecha {

	margin-right: 30px;


}

#banner-nivel {
	height: 175px;
	width: 100%;
	margin-bottom: -40px;
	overflow: hidden;
}
.nivel-mg {
	background-image: url(imagenes/banner-cabecera/mg.jpg);
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;	
	}
	.nivel-m1 {
			background-image: url(imagenes/banner-cabecera/m1.jpg);
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #3C9;	
	}
	
	.nivel-m2 {
			background-image: url(imagenes/banner-cabecera/m2.jpg);
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #C3C;	
	}
	

	.banner-cabecera-inner {
	height: 60px;
	margin-top: 100px;
	width: 960px;
	font-family: "Bitter";
	font-size: 40px;
	color: #fff;
	margin-right: auto;
	margin-left: auto;
	font-weight: 700;
	text-shadow: 3px 3px 10px #000000;
}
.margen-15-derecha {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.margen-10-derecha {
	margin-right: 10px;
}
.margen-30-derecha {
	margin-right: 30px;
}

.margen-16-derecha {

	margin-right: 16px;

}

.margen-20-derecha {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.separador-vertical {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999;
}

.clear {
	clear: both;
}
.divisoria {
	height: 5px;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	clear: both;
	float: none;
}
#staff h3 {
	font-family: 'Open Sans', sans-serif;
	color: #BC1300;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.divisoria-striped {
	background-image: url(imagenes/separador.png);
	background-repeat: repeat-x;
	height: 6px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	float: none;
}

.col2 {
	float: left;
	width: 635px;
	overflow: hidden;
}
.col1 {
	float: left;
	width: 310px;
	overflow: hidden;
	height: 100%;
}
.col-completa {
	width: 960px;
	overflow: hidden;
	margin-bottom: 20px;
}
.col-completa h4{
	font-family: "Open Sans";
	font-size: 14px;
	color: #999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#barra-filtrado {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A64646;
	border-right-color: #A64646;
	border-bottom-color: #A64646;
	border-left-color: #A64646;
	width: 258px!important;
	background-color: #FFF;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	}

/* COLORES */


/* CABECERA */
header {
	background: rgba(0, 0, 0, 0.8);
	height: 60px;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 99;
}
#header-inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}
/* MENU */

menu {
	float: right;
	color: #FFF;
	height: 30px;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	line-height: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#logo {
	float: left;
	height: 30px;
	width: 230px;
}
#sociales {
	float: left;
	height: 30px;
	margin-left: 40px;
}
#face {
	float: left;
}
#twitter {
	float: left;
}

/* SLIDER */
#slider {
	height: 480px;
	width: 960px;
	position: relative;
	margin-bottom: 40px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
}
#slider #titular-slider {
	position: absolute;
	left: 30px;
	top: 175px;
}

#slider #titular-slider h1 {
	color: #FFF;
	background: rgba(140, 3, 3, 0.8);
	display: inline-block;
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 48px;
	height: 60px;
	line-height: 60px;
	width: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#slider #titular-slider h2 {
	font-size: 14px;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 20px;
	background: rgba(0, 0, 0, 0.7);
	width: 315px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#slider #titular-slider p   {
	margin: 0px;
	padding: 0px;
}

/* INDEX */

.secciones {
	width: 310px;
	float: left;
	margin-bottom: 15px;
	position: relative;
}
.secciones h1 {
	color: #FFF;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#pagina-principal .secciones p {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 20px;
}


.color-morfo-general {
		background: rgba(255, 204, 0, 1);
	}
.color-morfo-1 {
		background: rgba(51, 204, 153, 1);
	}
.color-morfo-2 {
		background: rgba(204, 21, 204, 1);
	}		

#frase-catedra {
	background-color: #FFFFFF;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 20px;
	font-style: italic;
	color: #666;
	text-align: left;
	width: 593px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d9d9d9;
	border-right-color: #d9d9d9;
	border-bottom-color: #eeeeee;
	border-left-color: #d9d9d9;
	height: 100px;
}
#frase-catedra img {
	float: left;
	margin-right: 20px;
}

#noticias {
	background-color: #FFFFFF;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 20px;
	font-style: italic;
	color: #666;
	text-align: left;
	width: 268px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A64646;
	border-right-color: #A64646;
	border-bottom-color: #A64646;
	border-left-color: #A64646;
	height: 100px;
}
#inscripcion {
	background-color: #424242;
	border: 1px solid #CACACA;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 20px;
	font-style: italic;
	color: #424242;
	text-align: left;
	width: 268px;
	float: left;
	height: 100px;
}

#noticias h2 {
	padding: 0px;
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #A64646;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	}
#inscripcion h2 {
	padding: 0px;
	font-size: 21px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	color: #fff;
	font-family: "Bitter", Times, serif;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}
#inscripcion h3 {
	padding: 0px;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}

#inscripcion p {
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #333333;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
}
.inscribirme {
	width: 100%;
	height: 28px;
	padding: 5px;
	font-style: normal;
	background-color: #579DB5;
	font-size: 14px;
	color: #F6F5EC;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Open Sans";
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 3px;
	border: 0px;
	font-weight: bold;
	cursor: pointer;
}
.inscribirme:hover {
	width: 100%;
	height: 28px;
	padding: 5px;
	font-style: normal;
	background-color: #CCC;
	font-size: 14px;
	color: #35515e;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Open Sans";
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 3px;
	border: 0px;
	font-weight: bold;
}



#noticias .fecha {
	color: #A64646;
}
#noticias .contenidos {
	color: #666666;
}





/* SECTION */

section {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	overflow: hidden;
	padding-right: 20px;
	padding-left: 20px;
}
/* GALERIA DE TRABAJOS */

#galeria-de-trabajos .contenedor-seccion , #staff .contenedor-seccion, #apuntes .contenedor-seccion, #inscripcion-formulario .contenedor-seccion, #nivel .contenedor-seccion, #referentes .contenedor-seccion, #propuesta-pedagogica .contenedor-seccion, #viajes .contenedor-seccion{
	width:100%; 
	text-align:center;
}
#galeria-de-trabajos .contenedor-seccion h1 , #staff .contenedor-seccion h1, #apuntes .contenedor-seccion h1, #inscripcion-formulario h1, #referentes h1, #propuesta-pedagogica h1, #viajes h1{
	color: #FFF;
	background-color: #BC1300;
	display: inline-block;
	text-transform: uppercase;
	font-family:'Open Sans', sans-serif;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	margin-bottom: 40px;
	background-image: url(imagenes/bg_page.jpg);
}
#galeria-de-trabajos h2 , #staff h2{
	text-transform: uppercase;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
section h2{
	text-transform: none;
	color: #333;
	font-family: "Open Sans";
	font-size: 18px;
	text-align: left;
	padding: 0px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#apuntes h3{
	text-transform: none;
	color: #333;
	font-family: "Open Sans";
	font-size: 18px;
	text-align: left;
	padding: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.trabajo-galeria {
	width: 310px;
	float: left;
	background: rgba(0, 0, 0, 0.7);
	margin-bottom: 30px;
	position: relative;
}
.trabajo-galeria-3 {
	width: 201px;
	float: left;
	margin-bottom: 30px;
	position: relative;
	cursor:pointer;
}


.trabajo-hover {
	background: rgba(0,0,0,0.0);
	height: 56px;
	width: 201px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9;
	color: #fff;
	text-align: center;
	padding-top: 70px;
	font-family: "Open Sans";
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	visibility: hidden;
}

.trabajo-galeria-3 img:hover .trabajo-hover {
visibility: visible;
background: rgba(0,0,0,0.8);
}
.trabajo-hover:hover {
visibility: visible;
background: rgba(0,0,0,0.8);
}

.morfologia-1 {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #3C9;
}
.morfologia-2 {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #C3C;
}
.morfologia-general {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FC0;
}

.destacado {
	position: absolute;
	right: 10px;
	height: 47px;
	width: 30px;
	bottom: 10px;
	background-image: url(imagenes/trabajos/destacado.png);

}
#barra-filtrado h1 {
	font-family: 'Roboto Slab', serif;
	color: #BC1300;
	font-size: 20px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #CCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#barra-filtrado ul li {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	list-style-position: inside;
	list-style-type: disc;
	color: #BB1200;
	font-family: 'Roboto Slab', serif;
	font-size: 12px;
	cursor: pointer;
}
#barra-filtrado ul {
	margin: 0px;
	padding: 0px;
}



/* STAFF */
.staff-box {
	float: left;
	width: 470px;
	overflow: hidden;
	margin-bottom: 30px;
}

.staff-box-image {
	float: left;
	width: 105px;
	margin-right: 15px;
}
.staf-box-text {
	float: left;
	width: 350px;
}
.staf-box-mail {
	font-style: normal;
	color: #333333;
	font-weight: normal;
	border-top: 1px solid #ededed;
	padding: 10px 0px 0px;
	margin: 5px 0px 0px;
	float: left;
	clear: both;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.staf-box-text h4 {
	background-color: #E9E9E9;
	height: 30px;
	margin: 0px;
	padding: 3px;
	line-height: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.staf-box-text h4 span {
	font-weight: normal;
	text-transform: none;
	color: #666;
}
.staf-box-text p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	font-size: 12px;
}
.staff-box-comision {
	float: left;
	width: 278px;
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 15px;
	margin-bottom: 20px;
}
.staff-box-comision-image {
	width: 134px;
	margin-top: 10px;
	text-align: center;
}
.staf-box-comision-text h4    {
	font-family: 'Open Sans', "sans serif";
	font-size: 14px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.staf-box-comision-text {
	width: 104px;
	padding-right: 15px;
	padding-left: 15px;
}
.staf-box-comision-text .staf-box-comision-mail {
	width: 134px;
}
.staf-box-comision-text p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.staff-box-comision .docente {
	float: left;
	width: 133px;
}
.staf-box-docentes-sociales {
	width: 100%;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}













/* FILTROS SELECTOR */

.selector {
	width: 400px;
	height: 35px;
}
#filtros {
	margin-bottom: 30px;
	margin-top: 20px;
}
.filtrar-boton {
	height: 35px;
	padding-right: 25px;
	padding-left: 25px;
	text-transform: uppercase;
	color: #BC1300;
	font-size: 15px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.trabajo-galeria h1 {
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.trabajo-galeria p {
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}


/* GUIA DE TRABAJOS PRACTICOS */
.ejercicios-nivel {
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #333;
	width: 960px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 15px;
}
.ejercicios-box {
	width: 920px;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #e9e9e9;
	margin-top: 15px;
	margin-bottom: 15px;
}


.ejercicios-box h2 {
	text-align: left!important;
	margin: 0px!important;
	padding: 0px!important;
}
.ejercicios-box p {
	font-size: 13px;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif!important;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.ejercicio-morfo-gral {
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FC0;
}
.ejercicio-morfo-1 {
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #3C9;
}
.ejercicio-morfo-2 {
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #C3C;
}

/* COMENTARIOS */
.comentario-box {
	float: left;
	width: 615px;
	overflow: hidden;
	margin-bottom: 30px;
}
.comentario-box article {
	font-family: Bitter;
	background-color: #FFFFFF;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #D9D9D9;
	border-bottom: 4px solid #EEEEEE;
	padding: 20px;
	color: #999;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	overflow:hidden;
}
.comentario-box .seguir-leyendo {
	font-family: Bitter;
	color:#BC1300;
	text-align: right;
	font-size: 13px;
	line-height: 16px;
		float:right;
}
.comentario-box .seguir-leyendo:hover {
	font-family: Bitter;
	color:#BC1300;
	cursor:pointer;
	text-decoration:underline;

}
.comentario-box .like {
	font-family: Bitter;
	color: #999999;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	float: left;
	background-image: url(imagenes/like.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 50px;
	padding-left: 25px;
}
.comentario-box .like:hover {
	background-image: url(imagenes/like-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	color:#BC1300;
	cursor:pointer;


}
#post-form {
	width: 960px;
	clear: both;
}

.comentario-box .fecha {
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

.comentario-box .usuario {
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #BC1300;
	font-size: 14px;
	margin-top: 10px;
}


/* PIE */

footer {
	background-color: #000;
	width: 100%;
	height: 110px;
	margin-top: 40px;
}

#footer-inner {
	height: 30px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.creditos {
	color: #CCC;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
}

/* MENU DESPLEGABLE*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: TradeGothic-BoldRegular;
	font-size: 22px;
}

ul.dropdown {
	z-index: 597;
	float: right;
	width: 500px;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li {
	float: none;
	font-size: 12px;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}





ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}
ul.dropdown {
	font-family:'Open Sans', sans-serif;
}

	ul.dropdown li {
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	border-radius: 6px;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 0px;
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
}
	ul.dropdown a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
	ul.dropdown a:active {
	color: #FFF;
	text-decoration: none;
}
ul.dropdown ul {
	width: 180px;
	padding-bottom: 10px;
	margin-top:-3px;
	padding-top:13px;
	color: #737373;
	font-size: 14px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;
	margin-left: 0px;
	border: 1px solid #CACACA;
	border-bottom: 4px solid #CACACA;
	-moz-border-radius:6px;
	border-radius:6px;
	}

		ul.dropdown ul li {
	background-color: transparent;
	color: #FFFFFF;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul li.empty {
	padding: 12px 0px 7px 0px !important;
	font-weight: normal;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited {
	color: #7E7E7E;
	font-size: 12px;
	line-height: 18px;
}
		ul.dropdown ul a:hover {
	color: #CC0000;
	text-decoration: none;
	margin-left: 3px;
}
		ul.dropdown ul a:active { color: #000; }

			ul.dropdown ul ul {
			 display: none;
			}

			ul.dropdown ul ul li {}
			

/* ESTILOS 404 */
#error-404 h1 {
	font-family: Bitter;
	color: #333;
	font-size: 300px;
	line-height: 300px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#error-404 h2 {
	font-family: Bitter;
	color: #333;
	font-size: 36px;
	line-height: 42px;
	text-align: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#error-404 p {
	font-family: "Open Sans";
	color: #333;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
/*FORMULARIO INSCRIPCIÓN*/
#form-inscripcion label {
	font-family: Bitter;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	display: block;
	
	}
#form-inscripcion .campo-contacto {
	width: 290px;
	height: 23px;
	margin-top: 4px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	font-size: 16px;
	color: #999;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #d0d0d0;
	padding-left: 6px;
	font-family: "Bitter";
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#form-inscripcion .area-contacto {
	width: 600px;
	margin-top: 4px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	font-size: 16px;
	color: #999;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #d0d0d0;
	padding-left: 6px;
	font-family: "Bitter";
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#form-inscripcion h2 {
	margin-top: 4px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	font-size: 24px;
	color: #900;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding-left: 0px;
	font-family: Bitter;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	margin-right: 0px;
	margin-left: 0px;
}
#form-inscripcion p {
	font-size: 18px;
	color: #333;
	font-family: "Open Sans";
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
#form-inscripcion .checkbox {
	width: 195px;
	color: #8c8c8c;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Bitter;
	font-size: 12px;
}
#aside-reserva-cupo h2 {
	font-family: Bitter;
	color: #666;
	font-size: 18px;
	
	}
	#aside-reserva-cupo h3 {
	font-family: Bitter;
	color: #666;
	font-size: 16px;
	
	}
	#aside-reserva-cupo h3:hover {
	font-family: Bitter;
	color: #900;
	font-size: 16px;
	cursor: pointer;	
	}
#aside-reserva-cupo p {
	font-family: "Bitter";
	font-size: 14px;
	color: #999;
	font-family: Bitter;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	
	}
	/* Trabajo destacado */
	#imagen-destacada img {
		width:450px;
		height:auto;
		}
		.abstract-trabajo {
	width: 465px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ededed;
	border-bottom-color: #ededed;
	font-family: "Open Sans";
	font-size: 12px;
	color: #999;
			}
#trabajos-destacados h1 {
		font-family: "Bitter";
		font-size:24px;
		color:#333;
		display:inline-block;
		margin: 0 0 10px 0;
		
		}
		#trabajos-destacados p {
		font-family: "Open Sans";
		font-size:14px;
		color:#666;
		}
.trabajos-relacionados img {
	cursor: pointer;
	}
	
/* NIVELES */
#nivel h1 {
	font-family: "Bitter";
	font-size: 24px;
	color: #333;
	display: inline-block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	background-color: transparent!important;
		}
		#nivel h3 {
	font-family: "Bitter";
	font-size: 18px;
	color: #333;
	display: inline-block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
		}
		#nivel h2 {
		font-family: "Bitter";
		font-size:16px;
		color:#fc0;
		display:inline-block;
		margin: 0 0 10px 0;
		}
		#nivel .nivel-uno h2 {
		font-family: "Bitter";
		font-size:16px;
		color:#3C9;
		display:inline-block;
		margin: 0 0 10px 0;
		}
		#nivel .nivel-dos h2 {
		font-family: "Bitter";
		font-size:16px;
		color:#C3C;
		display:inline-block;
		margin: 0 0 10px 0;
		}
		
		#nivel p {
		font-family: "Open Sans";
		font-size:14px;
		color:#666;
		}
/* REFERENTES*/

	#referentes h3 {
	font-family: "Bitter";
	font-size: 18px;
	color: #333;
	display: inline-block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
		}
		#referentes h4 {
	font-family: "Open Sans";
	font-weight:normal;
	font-size: 14px;
	color: #999;
	display: inline-block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
		}
		#referentes p {
	font-family: "Open Sans";
	font-weight:normal;
	font-style:italic;
	font-size: 14px;
	color: #999;


		}
	
/* PROPUESTA PEDAGOGICA */
#aside-propuesta-pedagogica {
	padding: 10px;
	width: 288px;
	border: 1px solid #CCC;	
	}
	#aside-propuesta-pedagogica h2 {
	font-family: Bitter;
	color: #666;
	font-size: 18px;
	
	}
	#aside-propuesta-pedagogica h3 {
	font-family: Bitter;
	color: #666;
	font-size: 16px;
	text-transform:none!important;
	
	}
	#aside-propuesta-pedagogica h3:hover {
	font-family: Bitter;
	color: #900;
	font-size: 16px;
	cursor: pointer;	
	}
#aside-propuesta-pedagogica p {
	font-family: "Bitter";
	font-size: 14px;
	color: #999;
	font-family: Bitter;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	
	}
#propuesta-pedagogica h3 {
	font-family: Bitter;
	font-size: 16px;
	color: #333;
	display: block;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}	
#propuesta-pedagogica p {
font-family: "Open Sans";
font-size: 14px;
color: #666;
}
	#aside-reserva-cupo h2 {
	font-family: Bitter;
	color: #666;
	font-size: 18px;
	
	}

/* MAPA DEL SITIO*/
.sitemap {
	margin: 0 0 40px 0;
	float: left;
	width: 100%;
}
.sitemap ol, .sitemap ul {
	list-style: none;
}
.sitemap a {
	text-decoration: none;
}
#primaryNav li {
	width:25%;
}

#primaryNav li ul li {
	width:100% !important;
}

#primaryNav.col1 li { width:99.9%; }
#primaryNav.col2 li { width:50.0%; }
#primaryNav.col3 li { width:33.3%; }
#primaryNav.col4 li { width:25.0%; }
#primaryNav.col5 li { width:20.0%; }
#primaryNav.col6 li { width:16.6%; }
#primaryNav.col7 li { width:14.2%; }
#primaryNav.col8 li { width:12.5%; }
#primaryNav.col9 li { width:11.1%; }
#primaryNav.col10 li { width:10.0%; }


#primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav #home {
	display: block;
	float: none;
	background: #ffffff url('images/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;
	padding: 0 0 30px 0;
}
#primaryNav li {
	float: left;
	background: url('images/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav li a {
	margin: 0 20px 0 0;
padding: 10px 0;
display: block;
font-size: 14px;
font-weight: bold;
text-align: center;
color: white;
background: #C71111 url('images/white-highlight.png') top left repeat-x;
border: 2px solid #FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
}
#primaryNav li a:hover {
	cursor: pointer;

}
#primaryNav li:last-child {
	background: url('images/L1-right.png') center top no-repeat;
}
/*a:link:before,
a:visited:before {
	content: " "attr(href)" ";
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 5px;
	word-wrap: break-word;
}
#primaryNav li a:link:before,
#primaryNav li a:visited:before {
	color: #78a9c0;
}*/

/* --------	Second Level --------- */

#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url('images/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a {
	background-color: #CFCFCF;
border-color: #C3C3C3;
color: #666;
}
#primaryNav li li a:hover {
	cursor: pointer;

}
#primaryNav li li:first-child {
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url('images/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a:link:before,
#primaryNav li li a:visited:before {
	color: #8faf5c;
}

/* --------	Third Level --------- */

#primaryNav li li ul {
	margin: 10px 0 0 0;
	width: 100%;
	float: right;
	padding: 9px 0 10px 0;
	background: #ffffff url('images/L3-ul-top.png') center top no-repeat;
}
#primaryNav li li li {
	background: url('images/L3-center.png') left center no-repeat;
	padding: 5px 0;
}
#primaryNav li li li a {
	background-color: #fff7aa;
	border-color: #e3ca4b;
	font-size: 12px;
	padding: 5px 0;
	width: 80%;
	float: right;
}
#primaryNav li li li a:hover {
	background-color: #fffce5;
	border-color: #d1b62c;
}
#primaryNav li li li:first-child {
	padding: 15px 0 5px 0;
	background: url('images/L3-li-top.png') left center no-repeat;
}
#primaryNav li li li:last-child {
	background: url('images/L3-bottom.png') left center no-repeat;
}
#primaryNav li li li a:link:before,
#primaryNav li li li a:visited:before {
	color: #ccae14;
	font-size: 9px;
}


/* ------------------------------------------------------------
	Utility Navigation
------------------------------------------------------------ */

#utilityNav {
float: left;
/* max-width: 50%; */
margin-left: 250px;
}
#utilityNav li {
	float: left;
	margin-bottom: 10px;
}
#utilityNav li a {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	display: block;	
	border: 2px solid #e3ca4b;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: black;
	background: #fff7aa url('images/white-highlight.png') top left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#utilityNav li a:hover {
	background-color: #fffce5;
	border-color: #d1b62c;
}
#utilityNav li a:link:before,
#utilityNav li a:visited:before {
	color: #ccae14;
	font-size: 9px;
	margin-bottom: 3px;
}