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


	#header h1 {
		background-size: 100% auto;
		width: 245px;
		left: 20px;
	}
	#header h2 {
		font-size: 24px;
		line-height: 28px;
		margin: 0 auto;
		width: 200px;
	}
	#header a.volver { right: 20px }


	#content { width: 880px }


	#home div { width: 232px }


	#menu { width: 190px }

	#main,
	#main.full,
	#sidebar { width: 670px }


	div.videos { padding: 0 20px }

		div.videos div { width: 180px }


	table thead tr th { font-size: 13px }


	#foros nav.mensajes ul li + li { margin-left: 55px }

	#foros div.referencias { position: static }


	#registro ol li input.text { width: 80% }


	#biblioteca ol { margin-left: -20px }

		#biblioteca ol li { margin-left: 20px }

			#biblioteca ol li input.text,
			#biblioteca ol li select.select { width: 310px }

			#biblioteca ol li label { min-width: 47px }

			#biblioteca ol li label + input.text { width: 90px }


	div.widgets {
		margin: 80px 0 -40px -20px;
		overflow: hidden;
	}
		div.widgets div.widget {
			float: left;
			margin: 0 0 20px 20px;
			width: 172px;
		}


	#sedes {
		margin: 80px 0 0 -20px;
		overflow: hidden;
	}
		#sedes div.sede {
			float: left;
			margin: 0 0 45px 20px;
			padding-bottom: 120px;
			width: 168px; min-height: 90px;
		}
			#sedes div.sede a.download {
				padding-right: 5px;
				bottom: -45px;
			}





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


	body { background-size: 120% auto }


	#content {
		padding: 0 30px 50px;
		width: 680px;
	}


	#alumno { margin-bottom: 20px }


	#home div {
		padding: 25px 25px 65px;
		width: 176px; height: 140px;
	}
		#home div h2 {
			font-size: 14px;
			line-height: 18px;
		}
		#home div p {
			font-size: 12px;
			line-height: 18px;
		}
		#home div a {
			font-size: 11px;
			line-height: 26px;
			height: 26px;
			bottom: 20px; left: 25px;
		}
		#home div a:active { bottom: 18px }


	#main,
	#main.full { width: 470px }

	#sidebar { width: 100% }


	div.videos div { width: 185px }


	div.tabs div.panel figure.plano { padding: 0 }


	#practicas { padding: 40px 30px }


	#buscador input.text { width: 205px }

	#foros nav.mensajes ul li { width: 70px }
	#foros nav.mensajes ul li + li { margin-left: 40px }


	#registro { padding: 30px 20px }

		#registro ol li > label { width: 80px }

		#registro ol li input.text,
		#registro ol li select.select { width: 310px !important }

		#registro ol li select.select,
		#registro ol li > select.select ~ input.text { width: 120px !important }


	#biblioteca ol { margin-left: 0 }

		#biblioteca ol li {
			margin-left: 0;
			width: 100%;
		}
			#biblioteca ol li label + input.text { width: 155px !important }

	table.biblioteca thead tr th:nth-child(1),
	table.biblioteca tbody tr td:nth-child(1) { font-size: 11px; width: 11% }

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

	table.biblioteca tbody tr td:nth-child(2) { font-weight: normal }

	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: 17% }

	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) { display: none }

	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) { width: 13% }


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

	table.inicio tbody tr td:nth-child(1) { text-transform: none }

	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: 15% }

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

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


	form.form input.text,
	form.form select.select,
	form.form textarea.textarea { width: 100% !important }


	#cifras div { min-width: 100px }
	#cifras div + div { margin-left: 35px }


	div.widgets div.widget { width: 175px }


	#sedes div.sede { width: 171px; min-height: 95px }


	#footer {
		margin-top: 80px;
		height: 110px;
	}
		#social { margin-top: 30px }

			#social ul li + li { margin-left: 10px }

		#footer-nav { display: none }





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


	#header h2 { display: none }


	#login {
		margin-top: 210px;
		width: 320px;
	}
		#login h2 {
			font-size: 30px;
			margin: -80px 0 35px;
		}
		#login p { line-height: 18px }

		#login form.form {
			margin-top: 25px;
			width: 100%;
		}
			#login form.form ol li input.text { width: 100% }

			#login form.form p a {
				font-size: 12px;
				margin-left: 10px;
			}

		#login footer { margin-top: 30px }

			#login footer p { line-height: 18px }

				#login footer p span + span { margin-top: 9px }


	#content {
		padding: 0 20px 40px;
		width: 420px;
	}


	#alumno {
		border-top: 1px solid #d4d4d4;
		margin-top: 50px;
	}
		#alumno h1 { font-size: 26px }

		#alumno a.salir { top: -35px }


	#home div { width: 159px; height: 155px }

		#home div h2 {
			font-size: 13px;
			line-height: 16px;
		}


	#menu {
		width: 280px;
		position: absolute;
		top: 14px; left: 20px;
		z-index: 60;
	}
		#menu h3 {
			color: #606060;
			cursor: pointer;
			display: inline-block;
			font-size: 12px;
			padding-left: 25px;
			position: relative;
		}
		#menu h3:after {
			box-shadow: #606060 0 0 0 1px, #606060 0 6px 0 1px, #606060 0 12px 0 1px;
			content: "";
			width: 18px;
			position: absolute;
			top: 0; left: 0;
		}

		#menu ul {
			background: #fff;
			box-shadow: rgba(0,0,0,.2) 2px 2px 0 2px;
			padding: 15px 30px;
			position: absolute;
			top: 37px; left: -280px;
			transition: left .3s;
				-webkit-transition: left .3s;
		}
		#menu ul.show { left: -30px }

			#menu ul li a {
				padding-top: 6px;
				padding-bottom: 6px;
			}
			#menu ul li:first-child a { padding-bottom: 12px }


	#main,
	#main.full,
	#sidebar {
		margin-left: 0;
		width: 100%;
	}


	article h3 { font-size: 20px }

	article figure { margin-bottom: 25px }

	article p { margin-bottom: 12px }


	div.tabs nav { display: none }

	div.tabs div.panels { padding: 0 }

		div.tabs div.panel h3.titulo { display: block }

		div.tabs div.panel div.contenido {
			display: none;
			padding: 20px 15px 30px;
		}


		div.tabs div.panel table.seminarios tbody tr td:nth-child(1) { width: 31% }
		div.tabs div.panel table.seminarios tbody tr td:nth-child(2) { width: 34% }
		div.tabs div.panel table.seminarios tbody tr td:nth-child(3) { width: 26% }

			div.tabs div.panel table.seminarios tbody tr td span { display: block }


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

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

		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: 26% }

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


		div.videos div { width: 160px }


	table thead tr th,
	table tbody tr td { font-size: 12px }


	#buscador input.text { width: 155px }

	#foros nav.mensajes ul li + li { margin-left: 30px }


	#registro ol li > label {
		line-height: normal;
		margin-bottom: 5px;
		width: auto;
	}
	#registro ol li input.text,
	#registro ol li select.select,
	#registro ol li select.select,
	#registro ol li > select.select ~ input.text { width: 100% !important }

	#registro ol li > select.select + label {
		margin-top: 20px;
		width: auto;
	}


	#biblioteca ol li label + input.text { width: 130px !important }


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

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

	table.biblioteca tbody tr td:nth-child(2) { font-weight: normal }

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

	table.biblioteca thead tr th:nth-child(4),
	table.biblioteca tbody tr td:nth-child(4) { display: none }

	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) { width: 15% }


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

	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: 16% }

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

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


	#cifras { margin-top: 35px }

		#cifras div { min-width: 1px }
		#cifras div + div { margin-left: 30px }

			#cifras div h5 {
				font-size: 12px;
				line-height: 16px;
			}
				#cifras div h5 span:first-child {
					font-size: 40px;
					line-height: 42px;
				}


	div.widgets {
		margin-top: 45px;
		margin-left: 0;
	}
		div.widgets div.widget {
			margin-left: 0;
			width: 380px; min-height: 1px;
		}
			div.widgets div.widget div.logos figure {
				margin-left: 20px;
				margin-right: 20px;
			}


	#sedes {
		margin-top: 45px;
		margin-bottom: -40px;
		margin-left: 0;
	}
		#sedes div.sede {
			margin-left: 0;
			padding-bottom: 170px;
			width: 378px; min-height: 80px;
		}
			#sedes div.sede figure {
				bottom: 20px; left: 50%;
				transform: translate(-50%,0);
					-webkit-transform: translate(-50%,0);
					-ms-transform: translate(-50%,0);
			}
			#sedes div.sede a.download { bottom: -25px }





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


	#header h1 {
		top: 12px; left: 50%;
		transform: translate(-50%,0);
			-webkit-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
	}
	#header a.volver,
	#header a.volver:hover,
	#header a.volver:active {
		line-height: 26px;
		padding: 0 12px 0 30px;
		min-width: 105px; height: 26px;
		top: 85px; right: auto; left: 50%;
		transform: translate(-50%,0);
			-webkit-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
	}
	#header a.volver:active { top: 87px }


	#login {
		margin-top: 200px;
		padding: 20px;
		width: 260px;
	}
		#login h2 {
			font-size: 25px;
			margin: -60px 0 25px;
		}
		#login p { line-height: 18px }

		#login form.form {
			margin-top: 25px;
			width: 100%;
		}
			#login form.form ol li input.text { width: 100% }

			#login form.form p {
				text-align: center;
				margin: 0 auto;
				width: 160px;
			}
				#login form.form p input.submit { margin-bottom: 10px }

				#login form.form p a { margin-left: 0 }

		#login footer {
			margin: 25px -20px -20px;
			padding: 20px;
		}
			#login footer p {
				font-size: 11px;
				line-height: 16px;
			}


	#content {
		padding: 0 15px 40px;
		width: 88%;
	}


	#alumno h1 {
		font-size: 24px;
		line-height: 26px;
	}
	#alumno p {
		font-size: 12px;
		line-height: 16px;
	}


	#home { margin-top: 0 }

		#home div { width: 220px; height: auto }


	#menu { left: 15px }


	article h2 { margin-bottom: 18px }


	div.tabs div.panel div.contenido { padding: 15px 10px 20px }


	div.tabs div.panel div.noticia { padding: 12px 60px 10px 50px }

		div.tabs div.panel div.noticia h4 {
			font-family: "Droid Sans", sans-serif;
			font-size: 13px;
		}
			div.tabs div.panel div.noticia span {
				font-family: "Droid Sans", sans-serif;
				left: 10px;
			}
			div.tabs div.panel div.noticia a { right: 10px }


	div.tabs div.panel article { padding: 15px 10px 80px }

		div.tabs div.panel article a.download { bottom: 20px; left: 10px }


	div.tabs div.panel table { padding: 10px }


		div.tabs div.panel table.seminarios tbody tr td:nth-child(1),
		div.tabs div.panel table.seminarios tbody tr td:nth-child(2),
		div.tabs div.panel table.seminarios tbody tr td:nth-child(3) { width: 29% }

		div.tabs div.panel table.seminarios tbody tr td:nth-child(4) { width: 13% }


		div.tabs div.panel table.practicas thead tr th:nth-child(1),
		div.tabs div.panel table.practicas tbody tr td:nth-child(1) { 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: 30% }

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

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


	div.videos { margin-top: 15px }

		div.videos div {
			margin-bottom: 25px;
			width: 210px;
		}
			div.videos div h4 { margin-top: 10px }


	div.contenedor { padding: 10px }

		div.contenedor > figure {
			margin: -10px -10px 0;
			width: calc(100% + 20px);
		}

		div.contenedor > h4,
		div.contenedor > h5 { margin: 15px 5px }

		div.contenedor > ol { margin: 10px 5px }

		div.contenedor > p { margin: 15px 5px }

		div.contenedor > p.nota-1 { margin: 20px 5px }


	table { padding: 10px 10px 30px }

		table thead tr th {
			font-family: "Droid Sans", sans-serif;
			font-size: 11px;
			font-weight: 700;
			text-transform: none;
		}
		table tbody tr td {
			font-size: 11px;
			line-height: 14px;
		}


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

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


	#practicas { padding: 15px 10px }


	#buscador {
		text-align: left;
		margin-bottom: 20px;
	}
		#buscador input.text { width: 218px }

	#foros nav.mensajes { padding: 15px 10px }

		#foros nav.mensajes ul li { width: 100% }
		#foros nav.mensajes ul li + li { margin: 10px 0 0 }

	#foros div.foros {
		margin-bottom: 20px;
		padding: 10px;
	}
		#foros div.foros table.foros { padding: 10px }

			#foros div.foros table.foros:first-child thead:first-child tr {
				margin: -10px -10px 0;
				padding: 0 10px;
			}
				#foros div.foros table.foros:first-child thead:first-child tr th { font-weight: normal }

				#foros div.foros table.foros thead:first-child + thead tr th { padding-bottom: 0 }

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

				#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) { display: none }

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

	#foros div.referencias { width: 238px }


	#clases { padding: 15px 5px }

		#clases div.clases + p { left: 35px }


	#registro { padding: 15px 10px }


	#pedido { padding: 15px 5px 30px }


	#biblioteca { padding-top: 5px }

		#biblioteca ol li label {
			font-size: 14px;
			text-align: left;
			width: 100%;
		}
		#biblioteca ol li label + input.text { width: 100% !important }

		#biblioteca ol li input.text + label { margin-top: 10px }

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

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

		table.biblioteca thead tr th:nth-child(3),
		table.biblioteca tbody tr td:nth-child(3) { display: none }

		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) { width: 21% }


		table.inicio thead tr th:nth-child(1),
		table.inicio tbody tr td:nth-child(1),
		table.inicio thead tr th:nth-child(5),
		table.inicio tbody tr td:nth-child(5) { text-transform: none }

		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) { padding-right: 8px; width: 21% }

		table.inicio thead tr th:nth-child(6),
		table.inicio tbody tr td:nth-child(6) { display: none }


	#finales,
	#examenes { padding: 15px 5px }

		#finales p,
		#examenes p { margin-top: 10px }


	#comentarios { padding: 15px 10px }

		#comentarios textarea.textarea {
			margin-top: 0;
			padding: 11px 12px;
			height: 190px;
		}


	#cifras { text-align: center }

		#cifras div {
			margin-left: 0 !important;
			width: 100%;
		}
		#cifras div + div { margin-top: 15px }


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

		form.form input.text,
		form.form select.select,
		form.form textarea.textarea { font-size: 14px }

	input.submit {
		font-size: 12px;
		line-height: 38px;
		min-width: 1px;
		width: 100%; height: 38px;
	}


	div.widgets div.widget { width: 232px }


	#sedes div.sede {
		padding-bottom: 145px;
		width: 228px;
	}
		#sedes div.sede figure { bottom: 4px }

		#sedes div.sede a.download { padding-right: 0 }


	#footer {
		margin-top: 60px;
		height: 100px;
	}
		#social { margin-top: 25px }

			#social ul li + li { margin-left: 4px }


}