/*---------------------------------------------------------------------

		RESET

---------------------------------------------------------------------*/

* { border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline }
:focus { outline: 0 }
::-moz-focus-inner { border: 0; padding: 0 }
html { overflow-y: scroll; overflow-x: hidden }
body { background: #fff; color: #000; line-height: 1; overflow: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
caption, th, td { font-weight: normal; text-align: left }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
textarea { overflow: auto; resize: none }
::-moz-placeholder { opacity: 1 }
::-webkit-input-placeholder { opacity: 1 }
:-ms-input-placeholder { opacity: 1 }





/*---------------------------------------------------------------------

		FONT-FACE

---------------------------------------------------------------------*/

@font-face {
	font-family: "GothamBook";
	src: url('../fonts/gothambook-webfont.eot');
	src: url('../fonts/gothambook-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gothambook-webfont.ttf') format('truetype');
}
@font-face {
	font-family: "GothamBold";
	src: url('../fonts/gothambold-webfont.eot');
	src: url('../fonts/gothambold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gothambold-webfont.ttf') format('truetype');
}





/*---------------------------------------------------------------------

		TAGS

---------------------------------------------------------------------*/

body {
	background: #202020 url(../img/bg_body.jpg) no-repeat center 127px;
	color: #8c989e;
	font-family: "Droid Sans", sans-serif;
	font-size: 14px;
	line-height: 22px;
}

em { font-style: italic }
strong { font-weight: 700 }

a,
a:link,
a:visited {
	color: #eb5949;
	text-decoration: none;
	transition: background-color .3s, color .3s, opacity .3s, transform .3s;
		-webkit-transition: background-color .3s, color .3s, opacity .3s, -webkit-transform .3s;
}
a:hover,
a:active { color: #eb5949 }

::selection {
	background: #eb5949;
	color: #fff;
}
::-moz-selection {
	background: #eb5949;
	color: #fff;
}





/*---------------------------------------------------------------------

		BASE LAYOUT

---------------------------------------------------------------------*/

#header {
	float: left;
	clear: both;
	background: #fff;
	margin-bottom: 35px;
	width: 100%; height: 127px;
	position: relative;
	z-index: 50;
}

#content {
	clear: both;
	background: #fff;
	margin: 0 auto;
	padding: 0 40px 100px;
	overflow: hidden;
	width: 1070px; min-height: 600px;
	position: relative;
}
	#alumno {
		border-bottom: 1px solid #d4d4d4;
		margin: 0 -40px 30px;
		padding: 24px 40px 24px 120px;
		min-height: 64px;
		position: relative;
	}
	#menu {
		float: left;
		width: 220px;
	}
	#main {
		float: left;
		margin: 0 0 0 20px;
		width: 540px;
	}
	#main.full { width: 830px }

	#sidebar {
		float: right;
		width: 260px;
	}

#footer {
	float: left;
	clear: both;
	background: #fff;
	margin: 130px 0 0;
	width: 100%; height: 180px;
	position: relative;
}
#footer:before {
	background: url(../img/bg_footer.svg) no-repeat center 0;
	content: "";
	width: 100%; height: 9px;
	position: absolute;
	top: -9px; left: 0;
}





/*---------------------------------------------------------------------

		SECTIONS

---------------------------------------------------------------------*/

/*	Header
-------------------------------*/

#header h1 {
	background: url(../img/logo.png) no-repeat 0 center;
	text-indent: -9999px;
	width: 274px; height: 56px;
	position: absolute;
	top: 32px; left: 40px;
}

#header h2 {
	color: #484848;
	font-family: "GothamBook";
	font-size: 32px;
	line-height: 32px;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
}

#header a.volver {
	background: #eb5949 url(../img/ico_volver.svg) no-repeat 10px center;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,.2) 0 2px;
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 30px;
	padding: 0 15px 0 32px;
	height: 30px;
	position: absolute;
	top: 50px; right: 40px;
}
#header a.volver:hover {
	background-color: #f46c5d;
	transform: translate(-5px,0);
		-webkit-transform: translate(-5px,0);
		-ms-transform: translate(-5px,0);
}
#header a.volver:active {
	box-shadow: none;
	top: 52px;
}



/*	Login
-------------------------------*/

#login {
	background: #fff;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,.2) 0 4px;
	text-align: center;
	margin: 280px auto 0;
	padding: 30px;
	width: 495px;
}
	#login h2 {
		color: #fff;
		font-family: "GothamBook";
		font-size: 46px;
		margin: -180px 0 50px;
	}
	#login h3 {
		color: #656565;
		font-size: 17px;
		margin: 0 0 5px;
	}
	#login p {
		color: #919191;
		font-size: 13px;
	}

	#login form.form {
		text-align: left;
		margin: 35px auto 0;
		width: 350px;
	}
		#login form.form ol li input.text { background: #fff }

		#login form.form p a {
			color: #817e79;
			font-size: 13px;
			text-decoration: underline;
			margin: 0 0 0 20px;
		}
		#login form.form p a:hover { text-decoration: none }

	#login footer {
		background: #f0f0f0;
		border-radius: 0 0 5px 5px;
		margin: 45px -30px -30px;
		padding: 30px;
	}
		#login footer p {
			color: #919191;
			font-size: 12px;
		}
			#login footer p span { display: block }
			#login footer p span + span { margin-top: 5px }

				#login footer p span a {
					color: #919191;
					font-weight: 700;
				}
				#login footer p span a:hover { text-decoration: underline }



/*	Header (alumno)
-------------------------------*/

#alumno figure {
	background: #d4d4d4;
	border-radius: 50%;
	overflow: hidden;
	width: 65px; height: 65px;
	position: absolute;
	top: 24px; left: 40px;
}
	#alumno figure img { width: 100%; height: auto }

#alumno h1 {
	color: #565656;
	font-family: "GothamBook";
	font-size: 28px;
	line-height: 28px;
	margin: 5px 0;
}

#alumno p {
	color: #838383;
	font-size: 14px;
}

#alumno a.salir {
	color: #606060;
	font-size: 12px;
	line-height: 20px;
	padding: 0 25px 0 0;
	position: absolute;
	top: 40px; right: 40px;
	z-index: 70;
	transition: padding .3s;
		-webkit-transition: padding .3s;
}
#alumno a.salir:after {
	background: url(../img/ico_salir.svg) no-repeat;
	content: "";
	width: 20px; height: 20px;
	position: absolute;
	top: 0; right: 0;
	transition: transform .3s;
		-webkit-transition: -webkit-transform .3s;
}

#alumno a.salir:hover { padding-right: 28px }

#alumno a.salir:hover:after {
	transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
}



/*	Home
-------------------------------*/

#home {
	float: left;
	margin: 10px -1px -20px 0;
}
	#home div {
		float: left;
		border: 1px solid #8c8c8c;
		margin: 0 0 -1px -1px;
		padding: 30px 30px 60px;
		width: 296px; height: 125px;
		position: relative;
		transition: background-color .3s;
			-webkit-transition: background-color .3s;
	}
	#home div:hover { background: #eee }

		#home div h2 {
			color: #565656;
			font-family: "GothamBold";
			font-size: 18px;
			line-height: 20px;
			text-transform: uppercase;
			margin: -10px 0 8px;
			padding: 0 0 0 40px;
			height: 40px;
			position: relative;
		}
		#home div h2:before {
			background: url(../img/ico_secciones.svg) no-repeat;
			content: "";
			width: 32px; height: 32px;
			position: absolute;
			top: 2px; left: 0;
		}
		#home div.sec-bolsa-de-trabajo h2:before { background-position: 0 0 }
		#home div.sec-cartelera h2:before { background-position: -51px 0 }
		#home div.sec-seminarios h2:before { background-position: -107px 0 }
		#home div.sec-practicas-libres h2:before { background-position: -172px 0 }
		#home div.sec-calificaciones h2:before { background-position: -233px 0 }
		#home div.sec-foros h2:before { background-position: -297px 0 }
		#home div.sec-recupero-de-examenes h2:before { background-position: -360px 0 }
		#home div.sec-informacion-academica h2:before { background-position: -420px 0 }
		#home div.sec-recupero-de-clases h2:before { background-position: -481px 0 }
		#home div.sec-registro h2:before { background-position: -538px 0 }
		#home div.sec-pedido-de-ingredientes h2:before { background-position: -594px 0 }
		#home div.sec-biblioteca h2:before { background-position: -659px 0 }
		#home div.sec-descarga-de-apuntes h2:before { background-position: -722px 0 }
		#home div.sec-fechas-de-examenes h2:before { background-position: -786px 0 }
		#home div.sec-inscripcion-finales h2:before { background-position: -851px 0 }
		#home div.sec-comentarios h2:before { background-position: -916px 0 }
		#home div.sec-videos h2:before { background-position: -980px 0 }
		#home div.sec-planos h2:before { background-position: -1041px 0 }
		#home div.sec-fotos h2:before { background: url(../img/iconoFotos.png) no-repeat; }
                #home div.sec-cursar h2:before { background-position: -1085px 0 }
                #home div.sec-consultas h2:before { background-position: -1143px 0 }
		#home div.sec-credencial h2:before { background-position: -1185px 0 }

			#home div h2 span {
				position: absolute;
				top: 50%;
				transform: translate(0,-50%);
					-webkit-transform: translate(0,-50%);
					-ms-transform: translate(0,-50%);
			}

		#home div p {
			color: #8c989e;
			font-size: 13px;
			line-height: 20px;
		}
		#home div a {
			background: #eb5949;
			border-radius: 3px;
			box-shadow: rgba(0,0,0,.2) 0 2px;
			color: #fff;
			display: block;
			font-size: 12px;
			line-height: 30px;
			text-align: center;
			padding: 0 10px;
			width: 75px; height: 30px;
			position: absolute;
			bottom: 25px; left: 30px;
		}
		#home div a:hover { background: #f46c5d }

		#home div a:active {
			box-shadow: none;
			bottom: 23px;
		}



/*	Menu
-------------------------------*/

#menu h3 { display: none }

#menu ul { /*-*/ }

	#menu ul li { /*-*/ }

		#menu ul li a {
			color: #868686;
			display: inline-block;
			font-family: "GothamBook";
			font-size: 11px;
			line-height: 14px;
			text-transform: uppercase;
			padding: 8px 0;
		}
		#menu ul li a:hover {
			color: #111;
			margin-left: -5px;
			padding-left: 5px;
			transform: translate(5px,0);
				-webkit-transform: translate(5px,0);
				-ms-transform: translate(5px,0);
		}
		#menu ul li.current a { color: #eb5949 }

		#menu ul li:first-child a {
			background: url(../img/ico_home.svg) no-repeat;
			text-indent: -9999px;
			padding: 0 0 16px;
			width: 20px; height: 17px;
		}
		#menu ul li:first-child a:hover {
			opacity: .7;
			margin-left: 0;
			padding-left: 0;
			transform: none;
				-webkit-transform: none;
				-ms-transform: none;
		}



/*	Content
-------------------------------*/

a.download {
	background: url(../img/ico_download.svg) no-repeat;
	font-size: 12px;
	line-height: 16px;
	padding: 0 0 0 15px;
}
a.download:hover { text-decoration: underline }

	a.download span { font-size: 10px }



/*	Main
-------------------------------*/

article { /*-*/ }

	article h2 {
		color: #565656;
		font-family: "GothamBold";
		font-size: 14px;
		text-transform: uppercase;
		margin: 3px 0 25px;
	}
	article h3 {
		color: #565656;
		font-family: "GothamBold";
		font-size: 22px;
		margin: 0 0 10px;
	}
	article p {
		color: #8c989e;
		font-size: 13px;
		line-height: 20px;
		margin: 0 0 20px;
	}
	article figure {
		border: 1px solid #8c8c8c;
		margin: 0 0 40px;
	}
		article figure img {
			display: block;
			width: 100%; height: auto;
		}

	article figure + h3 { margin-bottom: 25px }


div.tabs { margin: 25px 0 0 }

	div.tabs nav { /*-*/ }

		div.tabs nav ul {
			padding: 2px 0 0;
			overflow: hidden;
			height: 36px;
		}
			div.tabs nav ul li { float: left }
			div.tabs nav ul li + li { margin: 0 0 0 1px }

				div.tabs nav ul li a {
					float: left;
					background: #c0c0b8;
					display: block;
					color: #565656;
					font-family: "GothamBold";
					font-size: 11px;
					line-height: 36px;
					text-transform: uppercase;
					padding: 0 9px;
					height: 36px;
					transition: background .3s, margin-top .3s, padding-bottom .3s;
						-webkit-transition: background .3s, margin-top .3s, padding-bottom .3s;
				}
				div.tabs nav ul li a:hover,
				div.tabs nav ul li.active a {
					margin-top: -2px;
					padding-bottom: 2px;
				}
				div.tabs nav ul li.active a { background: #e8e8e3 }

	div.tabs div.panels {
		background: #e8e8e3;
		padding: 20px 15px;
		overflow: hidden;
	}
		div.tabs div.panel { /*-*/ }

			div.tabs div.panel h3.titulo {
				background: #c0c0b8 url(../img/ico_accordion.svg) no-repeat right 19px;
				border-top: 2px solid #999;
				box-shadow: #ccc 0 2px;
				display: none;
				color: #565656;
				cursor: pointer;
				font-family: "GothamBold";
				font-size: 14px;
				padding: 15px;
				transition: background-color .3s;
					-webkit-transition: background-color .3s;
			}
			div.tabs div.panel:first-child h3.titulo { border: 0 none }

			div.tabs div.panel h3.titulo.active {
				background-color: #e8e8e3;
				background-position: right -29px;
			}

			div.tabs div.panel div.contenido { /*-*/ }

				div.tabs div.panel div.noticia {
					background: #fff;
					box-shadow: #c8c8c3 0 2px;
					padding: 12px 65px;
					position: relative;
				}
				div.tabs div.panel div.noticia + div.noticia { margin-top: 5px }

					div.tabs div.panel div.noticia span {
						color: #898989;
						display: inline-block;
						font-family: "GothamBold";
						font-size: 12px;
						position: absolute;
						top: 9px; left: 15px;
					}
					div.tabs div.panel div.noticia h4 {
						color: #565656;
						font-family: "GothamBold";
						font-size: 14px;
					}
					div.tabs div.panel div.noticia a {
						display: inline-block;
						font-size: 11px;
						position: absolute;
						top: 10px; right: 15px;
					}
					div.tabs div.panel div.noticia a:hover { text-decoration: underline }

				div.tabs div.panel article {
					background: #fff;
					box-shadow: #c8c8c3 0 2px;
					padding: 30px 20px 90px;
					position: relative;
				}
					div.tabs div.panel article h3 {
						color: #565656;
						font-family: "GothamBold";
						font-size: 14px;
						margin: 0 0 15px;
					}
					div.tabs div.panel article p {
						color: #8c989e;
						font-size: 13px;
						line-height: 20px;
					}
					div.tabs div.panel article a.download {
						padding-right: 10px; 
						position: absolute;
						bottom: 30px; left: 20px;
					}

				div.tabs div.panel table { padding: 20px }
				div.tabs div.panel table + table { margin-top: 10px }

					div.tabs div.panel table tbody tr:last-child { border-bottom: 0 none }

						div.tabs div.panel table.seminarios tbody tr td:nth-child(1) { color: #565656; width: 27% }
						div.tabs div.panel table.seminarios tbody tr td:nth-child(2) { width: 30% }
						div.tabs div.panel table.seminarios tbody tr td:nth-child(3) { width: 34% }
						div.tabs div.panel table.seminarios tbody tr td:nth-child(4) { color: #565656; width: 9% }

							div.tabs div.panel table.seminarios tbody tr td span { font-size: 11px }

                            div.tabs div.panel table.seminarios tbody tr td span.borrar {
							background: url(../img/ico_borrar.svg) no-repeat center center;
							cursor: pointer;
							display: inline-block;
							text-indent: -9999px;
							width: 12px; height: 12px;
							position: relative;
							bottom: -3px;
							transition: transform .3s;
								-webkit-transition: -webkit-transform .3s;
						}
						div.tabs div.panel table.seminarios tbody tr td span.borrar:hover {
							transform: scale(1.5,1.5);
								-webkit-transform: scale(1.5,1.5);
								-ms-transform: scale(1.5,1.5);
						}

				#practicas {
					background: #fff;
					box-shadow: #c8c8c3 0 2px;
					padding: 50px 80px;
				}
					#practicas ol li select.select { width: 100% }

				div.tabs div.panel table.practicas { margin-top: 20px }

					div.tabs div.panel table.practicas thead tr th { font-size: 10px }

					div.tabs div.panel table.practicas thead tr th:nth-child(1),
					div.tabs div.panel table.practicas tbody tr td:nth-child(1) { color: #565656; padding-right: 5px; width: 36% }

					div.tabs div.panel table.practicas thead tr th:nth-child(2),
					div.tabs div.panel table.practicas tbody tr td:nth-child(2) { width: 33% }

					div.tabs div.panel table.practicas thead tr th:nth-child(3),
					div.tabs div.panel table.practicas tbody tr td:nth-child(3) { color: #565656; text-align: center; width: 19% }

					div.tabs div.panel table.practicas thead tr th:nth-child(4),
					div.tabs div.panel table.practicas tbody tr td:nth-child(4) { text-align: center; width: 12% }

						div.tabs div.panel table.practicas tbody tr td span.borrar {
							background: url(../img/ico_borrar.svg) no-repeat center center;
							cursor: pointer;
							display: inline-block;
							text-indent: -9999px;
							width: 12px; height: 12px;
							position: relative;
							bottom: -3px;
							transition: transform .3s;
								-webkit-transition: -webkit-transform .3s;
						}
						div.tabs div.panel table.practicas tbody tr td span.borrar:hover {
							transform: scale(1.5,1.5);
								-webkit-transform: scale(1.5,1.5);
								-ms-transform: scale(1.5,1.5);
						}

				div.videos {
					margin: 20px 0 0 -30px;
					padding: 0 25px;
					overflow: hidden;
				}
					div.videos div {
						float: left;
						margin: 0 0 40px 30px;
						width: 230px;
					}
						div.videos div figure {
							background: #000;
							overflow: hidden;
							width: 100%; height: 128px;
							position: relative;
						}
							div.videos div figure a {
								background: url(../img/ico_play.svg) no-repeat center center;
								display: block;
								text-indent: -9999px;
								width: 100%; height: 128px;
								position: absolute;
								top: 0; left: 0;
								z-index: 10;
							}
							div.videos div figure a:hover {
								transform: scale(1.2,1.2);
									-webkit-transform: scale(1.2,1.2);
									-ms-transform: scale(1.2,1.2);
							}

							div.videos div figure img {
								max-width: 100%; height: auto;
								position: relative;
								top: 50%; left: 50%;
								transform: translate(-50%,-50%);
									-webkit-transform: translate(-50%,-50%);
									-ms-transform: translate(-50%,-50%);
								transition: opacity .3s;
									-webkit-transition: opacity .3s;
							}
							div.videos div figure a:hover + img { opacity: .7 }

						div.videos div h4 {
							color: #565656;
							font-family: "GothamBold";
							font-size: 14px;
							text-overflow: ellipsis;
							white-space: nowrap;
			 				margin: 15px 0 0;
							overflow: hidden;
						}

				#overlay {
					background: #000;
					display: none;
					opacity: .8;
					width: 100%; height: 100%;
					position: fixed;
					top: 0; left: 0;
					z-index: 80;
				}
				#modal {
					background: #000;
					box-shadow: rgba(0,0,0,.7) 0 0 25px;
					display: none;
					width: 80%; height: 80%;
					position: fixed;
					top: 50%; left: 50%;
					transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
					z-index: 90;
				}
					#modal iframe { width: 100%; height: 100% }

				div.tabs div.panel figure.plano {
					text-align: center;
					padding: 40px;
				}
					div.tabs div.panel figure.plano img { max-width: 100%; height: auto }


div.contenedor {
	background: #e8e8e3;
	margin: 25px 0 0;
	padding: 20px 15px;
	position: relative;
}

	div.contenedor > figure {
		margin: -20px -15px 0;
		overflow: hidden;
		width: calc(100% + 30px);
	}
		div.contenedor > figure img { width: 100%; height: auto }

	div.contenedor > h4,
	div.contenedor > h5 {
		color: #565656;
		font-family: "GothamBold";
		font-size: 14px;
		margin: 15px;
	}
	div.contenedor > h5 { text-transform: uppercase }

	div.contenedor > ol { margin: 15px }

		div.contenedor > ol li {
			color: #8c989e;
			font-size: 14px;
			margin: 10px 0 0;
		}
			div.contenedor > ol li strong {
				color: #565656;
				font-family: "GothamBold";
				font-weight: normal;
			}

	div.contenedor > p {
		color: #565656;
		font-size: 14px;
		margin: 15px;
	}

	div.contenedor > p.nota-1 {
		font-family: "GothamBold";
		text-transform: uppercase;
		margin: 20px 15px;
	}

	div.contenedor > p.nota-2 {
		font-family: "GothamBold";
		font-size: 11px;
		line-height: 16px;
	}


	table {
		background: #fff;
		box-shadow: #c8c8c3 0 2px;
		box-sizing: border-box;
			-moz-box-sizing: border-box;
		display: block;
		padding: 20px 20px 60px;
		overflow: hidden;
		width: 100%;
	}
		table thead,
		table thead tr,
		table tbody,
		table tbody tr {
			float: left;
			display: block;
			width: 100%;
		}
		table thead tr,
		table tbody tr { border-bottom: 1px dotted #c0c0b8 }

			table thead tr th,
			table tbody tr td {
				float: left;
				color: #565656;
				display: block;
			}
			table thead tr th {
				box-sizing: border-box;
					-moz-box-sizing: border-box;
				font-family: "GothamBold";
				font-size: 14px;
				text-transform: uppercase;
				text-overflow: ellipsis;
				white-space: nowrap;
				padding: 0 0 5px;
				overflow: hidden;
			}
			table tbody tr td {
				box-sizing: border-box;
					-moz-box-sizing: border-box;
				color: #8c989e;
				font-size: 13px;
				line-height: 16px;
				padding: 8px 0;
			}


			table.calificaciones thead tr th:nth-child(1),
			table.calificaciones tbody tr td:nth-child(1) { width: 48% }

			table.calificaciones thead tr th:nth-child(2),
			table.calificaciones tbody tr td:nth-child(2) { width: 26% }

			table.calificaciones thead tr th:nth-child(3),
			table.calificaciones tbody tr td:nth-child(3) { text-align: center; width: 26% }

			table.calificaciones tbody tr td:nth-child(1) { color: #565656 }
			table.calificaciones tbody tr td:nth-child(3) { color: #eb5949 }


			table.biblioteca thead tr th:nth-child(1),
			table.biblioteca tbody tr td:nth-child(1) { width: 9% }

			table.biblioteca thead tr th:nth-child(2),
			table.biblioteca tbody tr td:nth-child(2) { padding-right: 10px; width: 31% }

			table.biblioteca thead tr th:nth-child(3),
			table.biblioteca tbody tr td:nth-child(3),
			table.biblioteca thead tr th:nth-child(4),
			table.biblioteca tbody tr td:nth-child(4) { width: 15% }

			table.biblioteca thead tr th:nth-child(5),
			table.biblioteca tbody tr td:nth-child(5),
			table.biblioteca thead tr th:nth-child(6),
			table.biblioteca tbody tr td:nth-child(6) { width: 7% }

			table.biblioteca thead tr th:nth-child(7),
			table.biblioteca tbody tr td:nth-child(7),
			table.biblioteca thead tr th:nth-child(8),
			table.biblioteca tbody tr td:nth-child(8) { text-align: center; width: 8% }

			table.biblioteca thead tr th { font-size: 12px; text-transform: none }
			table.biblioteca tbody tr td { color: #565656 }
			table.biblioteca tbody tr td:nth-child(2) { font-weight: 700 }
			table.biblioteca tbody tr td:nth-child(4) { font-size: 11px; line-height: 18px; padding-bottom: 6px }


			table.apuntes thead tr th:nth-child(1),
			table.apuntes tbody tr td:nth-child(1) { width: 31% }

			table.apuntes thead tr th:nth-child(2),
			table.apuntes tbody tr td:nth-child(2) { text-align: center; width: 25% }

			table.apuntes thead tr th:nth-child(3),
			table.apuntes tbody tr td:nth-child(3) { width: 44% }

			table.apuntes tbody tr td:nth-child(1) { color: #565656 }
			table.apuntes tbody tr td:nth-child(3) { color: #eb5949 }


			table.inicio tbody tr td {
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
			table.inicio thead tr th:nth-child(1),
			table.inicio tbody tr td:nth-child(1) { color: #565656; text-transform: uppercase; white-space: normal; padding-right: 5px; width: 41% }

			table.inicio thead tr th:nth-child(2),
			table.inicio tbody tr td:nth-child(2),
			table.inicio thead tr th:nth-child(3),
			table.inicio tbody tr td:nth-child(3),
			table.inicio thead tr th:nth-child(4),
			table.inicio tbody tr td:nth-child(4) { width: 14% }

			table.inicio thead tr th:nth-child(5),
			table.inicio tbody tr td:nth-child(5) { text-transform: uppercase; width: 6% }

			table.inicio thead tr th:nth-child(6),
			table.inicio tbody tr td:nth-child(6) { width: 11% }


#cifras { margin: 70px 0 0 }

	#cifras h4 {
		color: #565656;
		font-family: "GothamBold";
		font-size: 18px;
		margin: 0 0 20px;
	}

	#cifras div {
		display: inline-block;
		vertical-align: top;
		min-width: 130px;
	}
	#cifras div + div { margin: 0 0 0 45px }

		#cifras div h5 {
			color: #565656;
			font-family: "GothamBold";
			font-size: 14px;
			line-height: 18px;
		}
			#cifras div h5 span { display: block }

			#cifras div h5 span:first-child {
				font-size: 48px;
				line-height: 50px;
				letter-spacing: -.05em;
			}
			#cifras div h5 span:first-child + span {
				color: #eb5949;
				text-transform: uppercase;
			}
			#cifras div h5 span:last-child { font-family: "GothamBook" }


#foros {
	margin: 25px 0 0;
	position: relative;
}
	#buscador {
		text-align: right;
		margin: 0 0 30px;
		position: relative;
	}
		#buscador label {
			color: #565656;
			font-size: 13px;
			line-height: 34px;
			margin: 0 8px 0 0;
		}
		#buscador input.text {
			border: 1px solid #afafaf;
			padding: 0 40px 0 10px;
			width: 275px; height: 34px;
			transition: border-color .3s;
				-webkit-transition: border-color .3s;
		}
		#buscador input.text:hover { border-color: #555 }
		#buscador input.text:focus { border-color: #eb5949 }
		
		#buscador input.submit {
			background: url(../img/ico_buscador.svg) no-repeat center center;
			box-shadow: none;
			text-indent: -9999px;
			width: 36px; min-width: 1px; height: 36px;
			position: absolute;
			bottom: 0; right: 0;
		}

	#foros nav.mensajes {
		background: #ddddd5;
		padding: 20px 15px;
	}
		#foros nav.mensajes ul { overflow: hidden }

			#foros nav.mensajes ul li {
				float: left;
				color: #565656;
				font-size: 12px;
				line-height: 16px;
				padding: 0 0 0 5px;
			}
			#foros nav.mensajes ul li + li { margin-left: 16px }

				#foros nav.mensajes ul li a {
					display: inline-block;
					font-weight: 700;
					padding: 0 0 0 9px;
					position: relative;
				}
				#foros nav.mensajes ul li a:before {
					color: #565656;
					content: "\203A";
					font-size: 13px;
					position: absolute;
					top: 0; left: 0;
				}

	#foros div.foros {
		background: #e8e8e3;
		margin: 0 0 30px;
		padding: 20px 15px;
	}
		#foros div.foros table.foros { padding: 15px }
		#foros div.foros table.foros + table.foros { margin: 6px 0 0 }

			#foros div.foros table.foros thead { display: none }

			#foros div.foros table.foros:first-child thead:first-child {
				display: block;
				margin: 0 0 15px;
			}
			#foros div.foros table.foros thead:first-child + thead { display: block }

				#foros div.foros table.foros:first-child thead:first-child tr {
					background: #e8e8e3;
					border: 0 none;
					margin: -15px -15px 0;
					padding: 0 15px;
				}
					#foros div.foros table.foros:first-child thead:first-child tr th {
						color: #565656;
						font-family: "GothamBold";
						font-size: 9px;
						text-transform: none;
						padding: 10px 0 5px;
					}
					#foros div.foros table.foros thead:first-child + thead tr th {
						text-transform: none;
						padding-bottom: 10px;
						width: 100%;
					}

			#foros div.foros table.foros tbody { /*-*/ }

				#foros div.foros table.foros tbody tr:last-child { border: 0 none }

				#foros div.foros table.foros tbody tr:hover { background: #f9f9f9 }

					#foros div.foros table.foros tbody tr td {
						color: #565656;
						font-size: 11px;
						padding-top: 26px;
					}
					#foros div.foros table.foros tbody tr td:first-child {
						padding-top: 8px;
						white-space: normal;
					}
						#foros div.foros table.foros tbody tr td ul {
							margin: 0 0 2px;
							overflow: hidden;
						}
							#foros div.foros table.foros tbody tr td ul li {
								float: left;
								background: url(../img/ico_foros.svg) no-repeat;
								background-size: 16px auto;
								text-indent: -9999px;
								width: 16px; height: 16px;
							}
							#foros div.foros table.foros tbody tr td ul li + li { margin: 0 0 0 4px }

							#foros div.foros table.foros tbody tr td ul li.iag { background-position: center 0 }
							#foros div.foros table.foros tbody tr td ul li.con { background-position: center -39px }
							#foros div.foros table.foros tbody tr td ul li.sin { background-position: center -70px }
							#foros div.foros table.foros tbody tr td ul li.nuevo { background-position: center -103px }
							#foros div.foros table.foros tbody tr td ul li.destacado { background-position: center -136px }
							#foros div.foros table.foros tbody tr td ul li.suscribirme { background-position: center -169px }
							#foros div.foros table.foros tbody tr td ul li.desuscribirme { background-position: center -201px }
							#foros div.foros table.foros tbody tr td ul li.cerrada { background-position: center -234px }

						#foros div.foros table.foros tbody tr td h4 { font-size: 13px }

							#foros div.foros table.foros tbody tr td h4 a { color: #565656 }

						#foros div.foros table.foros tbody tr td p {
							color: #868686;
							font-size: 10px;
							line-height: 12px;
							margin: 2px 0 0;
						}

					#foros div.foros table.foros thead tr th:nth-child(1),
					#foros div.foros table.foros tbody tr td:nth-child(1) { width: 36% }

					#foros div.foros table.foros tbody tr td:nth-child(1) { padding-left: 5px }

					#foros div.foros table.foros thead tr th:nth-child(2),
					#foros div.foros table.foros tbody tr td:nth-child(2),
					#foros div.foros table.foros thead tr th:nth-child(3),
					#foros div.foros table.foros tbody tr td:nth-child(3),
					#foros div.foros table.foros thead tr th:nth-child(4),
					#foros div.foros table.foros tbody tr td:nth-child(4),
					#foros div.foros table.foros thead tr th:nth-child(5),
					#foros div.foros table.foros tbody tr td:nth-child(5) { text-align: center; width: 16% }

	#foros div.referencias {
		border: 1px solid #8c8c8c;
		padding: 25px 15px;
		width: 228px;
		position: absolute;
		top: 0; right: -290px;
	}
		#foros div.referencias h5 {
			color: #565656;
			font-family: "GothamBold";
			font-size: 18px;
			margin: 0 5px 18px;
		}

		#foros div.referencias ul { /*-*/ }

			#foros div.referencias ul li {
				background: url(../img/ico_foros.svg) no-repeat;
				font-size: 13px;
				padding: 5px 0 5px 28px;
			}
			#foros div.referencias ul li.iag { background-position: 0 5px }
			#foros div.referencias ul li.con { background-position: 0 -43px }
			#foros div.referencias ul li.sin { background-position: 0 -82px }
			#foros div.referencias ul li.nuevo { background-position: 0 -123px }
			#foros div.referencias ul li.destacado { background-position: 0 -165px }
			#foros div.referencias ul li.suscribirme { background-position: 0 -205px }
			#foros div.referencias ul li.desuscribirme { background-position: 0 -245px }
			#foros div.referencias ul li.cerrada { background-position: 0 -287px }


	#finales,
	#examenes {
		margin: 0 0 20px;
		padding: 15px;
	}
		#finales p,
		#examenes p { margin: 20px 0 0 }


	#clases { padding: 15px }

		#clases select.select {
			margin: 0 0 20px;
			width: 100%;
		}

		#clases h5 {
			color: #565656;
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;
			margin: 0 0 15px;
		}

		#clases div.clases {
			background: #fff;
			box-shadow: #c8c8c3 0 2px;
			padding: 20px 20px 90px;
		}
			#clases ol { /*-*/ }

				#clases ol li { margin: 0 }

					#clases ol li span.radio {
						display: inline-block;
						margin: 0 0 2px;
						position: relative;
					}
						#clases ol li span.radio input.radio {
							opacity: 0;
							position: absolute;
							top: 6px; left: 0;
						}
						#clases ol li span.radio label {
							background: url(../img/bg_radio.png) no-repeat;
							color: #565656;
							font-size: 12px;
							padding: 0 0 0 20px;
						}
						#clases ol li span.radio input.radio:checked + label { background-position: 0 -87px }

			#clases div.clases + p {
				margin: 0;
				position: absolute;
				bottom: 60px; left: 50px;
			}


	#registro {
		background: #fff;
		box-shadow: #c8c8c3 0 2px;
		padding: 40px 30px;
	}
		#registro ol { overflow: hidden }

			#registro ol li {
				float: left;
				width: 100%;
			}
				#registro ol li > label {
					float: left;
					color: #3d3934;
					font-size: 14px;
					line-height: 44px;
					text-align: right;
					margin: 0 10px 0 0;
					width: 90px;
				}
				#registro ol li input.text,
				#registro ol li select.select { float: left }

				#registro ol li select.select { width: 130px }

				#registro ol li > select.select + label { width: 60px }
				#registro ol li > select.select ~ input.text { width: 150px }

				#registro ol li span.checkbox {
					float: left;
					margin: 10px 0 0;
					position: relative;
				}
					#registro ol li span.checkbox input.checkbox {
						opacity: 0;
						position: absolute;
						top: 6px; left: 0;
					}
					#registro ol li span.checkbox label {
						/*background: url(../img/bg_checkbox.png) no-repeat;*/
						color: #aaa;
						display: inline-block;
						font-size: 11px;
						line-height: 14px;
						padding: 0 0 0 20px;
					}
					#registro ol li span.checkbox input.checkbox:checked + label { background-position: 0 -87px }


	#pedido { padding: 30px 20px 60px }


	#biblioteca { margin: 0 0 25px }

		#biblioteca ol {
			margin-left: -19px;
			overflow: hidden;
		}
			#biblioteca ol li {
				float: left;
				margin-left: 19px;
			}
				#biblioteca ol li input.text,
				#biblioteca ol li select.select { width: 254px }

				#biblioteca ol li label {
					color: #817e79;
					display: inline-block;
					font-size: 16px;
					text-align: right;
					min-width: 45px;
				}
				#biblioteca ol li label + input.text { width: 63px }

		#biblioteca p { text-align: right }


	#comentarios {
		background: #fff;
		box-shadow: #c8c8c3 0 2px;
		padding: 40px 30px;
	}



/*	Sidebar
-------------------------------*/

div.widgets { /*-*/ }

	div.widgets div.widget {
		border: 1px solid #8c8c8c;
		margin: 44px 0 -20px;
		padding: 25px 18px;
		min-height: 210px;
	}
		div.widgets div.widget h4 {
			color: #565656;
			font-family: "GothamBold";
			font-size: 18px;
			margin: 0 0 10px;
		}
		div.widgets div.widget p {
			color: #8c989e;
			font-size: 13px;
			line-height: 20px;
			margin: 0 0 20px;
		}

		div.widgets div.widget div.logos {
			text-align: center;
			margin: 35px -3px -25px;
		}
			div.widgets div.widget div.logos figure {
				display: inline-block;
				margin: 0 5px 20px;
				vertical-align: middle;
			}
			div.widgets div.widget div.logos figure img { display: block }

		div.widgets div.widget ul { margin: 25px 0 0 }

			div.widgets div.widget ul li {
				color: #565656;
				padding: 0 0 5px 10px;
				position: relative;
			}
			div.widgets div.widget ul li:before {
				background: #eb5949;
				border-radius: 50%;
				content: "";
				width: 4px; height: 4px;
				position: absolute;
				top: 9px; left: 0;
			}

		div.widgets div.widget.cita { background: #93938d }

			div.widgets div.widget.cita h4 { color: #fff }

			div.widgets div.widget.cita blockquote {
				color: #eee;
				font-size: 15px;
				margin: 25px 15px 20px 0;
			}
			div.widgets div.widget.cita blockquote + p {
				color: #eee;
				font-size: 13px;
				text-align: right;
			}


#sedes { /*-*/ }

	#sedes div.sede {
		border: 1px solid #8c8c8c;
		margin: 44px 0 70px;
		padding: 20px 20px 150px;
		min-height: 50px;
		position: relative;
	}
		#sedes div.sede h4 {
			color: #565656;
			font-family: "GothamBold";
			font-size: 18px;
			margin: 0 0 10px;
		}
		#sedes div.sede address {
			color: #8c989e;
			font-size: 13px;
			line-height: 20px;
		}
		#sedes div.sede figure {
			overflow: hidden;
			max-width: 100%;
			position: absolute;
			bottom: 0; left: 0;
		}
			#sedes div.sede figure img {
				display: block;
			 	max-width: 100%;
			 }

		#sedes div.sede a.download {
			position: absolute;
			bottom: -30px; left: 5px;
		}



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

#social {
	text-align: center;
	margin: 45px 0 0;
}
	#social ul { /*-*/ }

		#social ul li { display: inline-block }
		#social ul li + li { margin: 0 0 0 24px }

			#social ul li a {
				background: url(../img/ico_social.svg) no-repeat;
				display: inline-block;
				text-indent: -9999px;
				opacity: .7;
				width: 50px; height: 50px;
			}
			#social ul li.flickr a { background-position: 0 0 }
			#social ul li.instagram a { background-position: -60px 0 }
			#social ul li.facebook a { background-position: -120px 0 }
			#social ul li.twitter a { background-position: -180px 0 }
			#social ul li.linkedin a { background-position: -240px 0 }

			#social ul li a:hover {
				margin-bottom: -5px;
				padding-bottom: 5px;
				opacity: 1;
				transform: translate(0,-5px);
					-webkit-transform: translate(0,-5px);
					-ms-transform: translate(0,-5px);
			}


#footer-nav {
	text-align: center;
	margin: 50px 0 0;
}
	#footer-nav ul { /*-*/ }

		#footer-nav ul li {
			color: #b9b9b9;
			display: inline-block;
			font-size: 9px;
			text-transform: uppercase;
		}
		#footer-nav ul li:before {
			content: "|";
			margin: 0 4px 0 0;
		}
		#footer-nav ul li:first-child:before { display: none }

			#footer-nav ul li a {
				color: #b9b9b9;
				display: inline-block;
			}
			#footer-nav ul li a:hover {
				color: #555;
				margin-bottom: -2px;
				padding-bottom: 2px;
				transform: translate(0,-2px);
					-webkit-transform: translate(0,-2px);
					-ms-transform: translate(0,-2px);
			}





/*---------------------------------------------------------------------

		FORM

---------------------------------------------------------------------*/

form.form ol { /*-*/ }

	form.form ol li { margin-bottom: 20px }

		form.form input.text,
		form.form select.select,
		form.form textarea.textarea {
			background: linear-gradient(#f7f7f7, #fff);
			border: 1px solid #afafaf;
			border-radius: 3px;
			box-sizing: border-box;
				-moz-box-sizing: border-box;
			color: #817e79;
			font-size: 16px;
			padding: 11px 12px;
			width: 350px;
			transition: background .3s, border-color .3s;
				-webkit-transition: background .3s, border-color .3s;
		}
		form.form select.select {
			background: url(../img/bg_select.svg) no-repeat right center,
						linear-gradient(#fff, #f1f1f1);
			box-shadow: rgba(0,0,0,.1) 0 2px;
			padding: 10px 7px 11px;
			text-indent: .01px;
			text-overflow: "";
			appearance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
		}
			form.form select.select option { background: #fff }
			form.form select.select option:first-child { display: none }

		form.form textarea.textarea {
			font-size: 14px;
			line-height: 24px;
			margin: 20px 0 0;
			padding: 20px 25px;
			width: 100%; height: 350px;
		}

		form.form input.text:hover,
		form.form select.select:hover,
		form.form textarea.textarea:hover { border-color: #555 }

		form.form input.text:focus,
		form.form select.select:focus,
		form.form textarea.textarea:focus {
			background: linear-gradient(#fff, #fff);
			border-color: #eb5949;
		}
		form.form select.select:focus {
			background: url(../img/bg_select.svg) no-repeat right center,
						linear-gradient(#fff, #fff);
		}


input.submit {
	background: #eb5949;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,.2) 0 2px;
	color: #fff;
	cursor: pointer;
	font-family: "GothamBook";
	letter-spacing: .05em;
	line-height: 42px;
	text-transform: uppercase;
	padding: 0 20px;
	min-width: 160px; height: 42px;
	appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
	transition: background-color .3s;
		-webkit-transition: background-color .3s;
}
input.submit:hover { background-color: #f46c5d }

input.submit:active {
	box-shadow: none;
	position: relative;
	bottom: -2px;
}



a.submit {
	background: #eb5949;
	border-radius: 3px;
	box-shadow: rgba(0,0,0,.2) 0 2px;
	color: #fff;
	cursor: pointer;
	font-family: "GothamBook";
	letter-spacing: .05em;
	line-height: 42px;
	text-transform: uppercase;
	padding: 0 20px;
	width: 120px; 
    height: 42px;
		-moz-appearance: none;
		-webkit-appearance: none;
	transition: background-color .3s;
		-webkit-transition: background-color .3s;
    display:block;
    text-align:center;
}
a.submit:hover { background-color: #f46c5d }

a.submit:active {
	box-shadow: none;
	position: relative;
	bottom: -2px;
}

/***** FOROS *****/
.dgForoCellPadding
{
    padding-right: 4px;
}

.btnForos
{
background: #eb5949;
border-radius: 3px;
color: #fff !important;
display: block;
font-size: 10px;
text-align: center;
width: 48px;
height: 15px;
bottom: 25px;
left: 30px;
}

    .btnForos:hover
    {
        color: #fff;
        cursor: pointer;
        cursor: hand;
    }

.textForo,
.selectForo{
	background: linear-gradient(#f7f7f7, #fff);
	border: 1px solid #afafaf;
	border-radius: 3px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
	color: #817e79;
	font-size: 16px;
	padding: 5px 6px;
	width: 350px;
	transition: background .3s, border-color .3s;
		-webkit-transition: background .3s, border-color .3s;
}


.menuContextual {width:153px;}
.menuContextual ul{	background-color: #F2F3F7;	border: 1px solid #c7cbce;	padding: 5px 7px 5px 7px;}
.menuContextual ul li{	border-bottom: 1px solid #d8dadd;	padding: 2px 0 2px 0;}
.menuContextual ul li.ultimo {	border-bottom: 0;	padding: 2px 0 2px 0;}
.menuContextual ul li a {	font: normal 11px Tahoma;	color: #878AA7;}

.edicion {width:596px;	background-color: #F2F3F7;	border: 1px solid #a8abae;}
.edicion h1 {font: bold 11px Tahoma, Arial; color:#878AA7; background-color:#E5E6EA;  width:594px; margin:1px 1px 5px 1px; height:17px; text-indent:5px   }
.edicion input {font: normal 11px Tahoma, Arial; color:#727377; border:1px solid #dfe1ea}
.edicion table {font: normal 11px Tahoma, Arial; color:#727377; width:594px;}
.edicion table td {padding: 2px 2px 2px 8px;}
.edicion div.Botones {text-align: right;	background: url(/2006/img/foros/punteada-horiz.gif) repeat-x; margin-top: 2px}
.edicion div.Botones img {margin: 7px 3px 7px 3px}

#foros div.foros table.practicas tbody tr td ul li {
	float: left;
	background: url(../img/ico_foros.svg) no-repeat;
	background-size: 16px auto;
	text-indent: -9999px;
	width: 16px; height: 16px;
}

#foros div.foros table.practicas tbody tr td ul li.iag { background-position: center 0 }
#foros div.foros table.practicas tbody tr td ul li.con { background-position: center -39px }
#foros div.foros table.practicas tbody tr td ul li.sin { background-position: center -70px }
#foros div.foros table.practicas tbody tr td ul li.nuevo { background-position: center -103px }
#foros div.foros table.practicas tbody tr td ul li.destacado { background-position: center -136px }
#foros div.foros table.practicas tbody tr td ul li.suscribirme { background-position: center -169px }
#foros div.foros table.practicas tbody tr td ul li.desuscribirme { background-position: center -201px }
#foros div.foros table.practicas tbody tr td ul li.cerrada { background-position: center -234px }

/*BIENVENIDA*/

.labelBienvenida {
float: left;
color: #3d3934;
font-size: 14px;
line-height: 44px;
text-align: right;
margin: 0 10px 0 0;
width: 120px;
}

.textBienvenida{
background: linear-gradient(#f7f7f7, #fff);
border: 1px solid #afafaf;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #817e79;
font-size: 16px;
padding: 11px 12px;
width: 350px;
transition: background .3s, border-color .3s;
-webkit-transition: background .3s, border-color .3s;
}

/*BIENVENIDA*/

.textLogin
{
	background: linear-gradient(#f7f7f7, #fff);
	border: 1px solid #afafaf;
	border-radius: 3px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
	color: #817e79;
	font-size: 16px;
	padding: 5px 6px;
	width: 300px;
	transition: background .3s, border-color .3s;
		-webkit-transition: background .3s, border-color .3s;
}

#encuesta
{
	font-family: Arial,Helvetica,sans-serif;
	font-size:14px !important;
}