@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,400italic,300italic,700italic);

body {
	width: 100%;
	height: 100vh;
	font: 1em Arvo;
	color: #ffffff;
	margin: 0;
	display: block;
}

a {
	text-decoration: none;
}

footer {
	width: 100%;
	height: 2rem;
	margin: 0;
	display: block;
	position: relative;
	bottom: 0em;
	
	
}

footer p {
	padding-left: 5em;
	padding-right: 5em;
	font: 300 0.7em roboto;
	color: #000000;
	text-align: center;
	padding-bottom: 0.2em;
}

/*-----IMÁGENES DE FONDO A PANTALLA COMPLETA-----*/

.carilla {
	min-height: 100vh;
	width: 100%;
	margin: 0px;
}


#index.carilla {
	background: url(imagenes/leandromartinestp1.jpg) no-repeat fixed center center;
	background-size: cover;
	margin: 0px;
}

#login.carilla {
	background: url(imagenes/login-bg.jpg) no-repeat fixed center center;
	background-size:cover;
	margin: 0;
}

#catedra.carilla {
	background: url(../1/Imagenes/leandro%20martinez.jpg) no-repeat fixed center center;
	background-size:cover;
	margin: 0;
}

#galeriaprincipal.carilla {
	background: url(imagenes/fondogaleria1.jpg) no-repeat fixed center center;
	background-size: cover;
	margin: 0px;
    }

#tpuno.carilla {
	background: url(imagenes/fondotpcorto.jpg) no-repeat fixed center center;
	background-size: cover;
	margin: 0px;
    }

#actividades.carilla {
	background: url(imagenes/fondoactividades.jpg) no-repeat fixed center center;
	background-size:cover;
    
}

	
}

.carilla background{
	min-height: 100%;
	min-width: 960px;
	width: 100%;
	height: auto;
}

/*-----CRÉDITOS DE LAS IMÁGENES-----*/

.credito {
	float: right;
	display: inline-block;
	font-size: 0.8em;
	text-align: right;
	color: #ffffff;
	padding: 1em;
	margin-top: -11em;
}

/*-----TRAMA DE PUNTOS-----*/

main {
	width: 100%;
	min-height: 100vh;
	background: url(imagenes/LandingPatternOverlayNEW.png) repeat left top;
	margin: 0px;
	overflow: hidden;
}

.main2 {
	width: 100%;
	min-height: 100vh;
	margin: 0px;
	overflow: hidden;
}

#main2 {
	width: 100%;
	min-height: 100vh;
	margin: 0px;
	overflow: hidden;
}

.main3 {
	width: 100%;
	min-height: 100vh;
	margin: 0px;
	overflow: hidden;
	background-color: #000;
}


/*-----ESTRUCTURAS DE COLUMNAS-----*/

	/*UNA COLUMNA*/
	.unacol {
		width: 20%;
		float: left;
		margin: 0px;
		height: 100%;
		overflow: hidden;
	}
	
	/*DOBLE COLUMNA*/
		.doblecol{
			width: 40%;
			float: left;
			margin: 0px;
			height: 100%;
			overflow: hidden;
	}
	
	/*TRIPLE COLUMNA*/
		.triplecol{
			width: 60%;
			float: left;
			margin: 0;
			height: 100%;
			overflow: hidden;
		}
	
	/*DOS COLUMNAS*/
		.doscol{
			width: 50%;
			float: left;
			margin: 0px;
			height: 100%;
			overflow: hidden;
	}

/*TRES COLUMNAS*/
		.trescol{
			width: 33.3%;
			float: left;
			margin: 0px;
			height: 100%;
			overflow: hidden;
	}
	
/*DOS TERCIOS*/
	.dostercioscol{
		width: 66.6%;
		float: left;
		margin: 0px;
		height: 100%;
		overflow: hidden;
	}

/*CUATRO COLUMNAS*/
		.cuatrocol{
			width: 80%;
			float: left;
			margin: 0px;
			height: 100%;
			overflow: hidden;
	}
	
	/*CINCO COLUMNAS*/
		.cincocol {
			width: 100%;
			float: left;
			margin: 0px;
			height: 100%;
			overflow: hidden;
		}
		
	/*COLUMNA VACÍA*/
		#blank {
			height: 100%;
			width: 20%;
			float: left;
			margin: 0px;
		}


/*-----CONTENIDO DE COLUMNA-----*/

.contenido {
	padding: 1em;
}

#logoindex img{
	width: 60%;
	height: auto;
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left: 1em;
}

.bajada{
	margin-left: 1em;
	font: 400 1em roboto;
	
}

.bajada p{
	font-size: 0.8em;
}

/*-----INDEX-----*/

	/*BOTONES*/
	
		
	
	#indexlogin {
		color: #000000;
		width: 100%;
		margin-top: 3em;
		font: 300 1em roboto;
		margin-top: 0;
		background-color: rgba(255, 255, 255, 0.79);
		overflow: hidden;
		padding-bottom: 1em;
	}
	
	
	
	#indexlogin p{
		text-transform: none;
		font-size: 0.9em;
		font-weight: 400;
		margin: 0.4em 0 0;
	}
	
	#indexlogin img{
		float: left;
		margin: 0 0.25em 1em 0em;
	}
	
	#indexlogin p.enfasis{
		font-size: 1em;
		font-weight: 400;


	}
	
	#loginindex{
	text-transform: none;
		
	}
	
	p#registrologin{
	color: #676767;
		font: 300 0.8em roboto;
		margin: 0;
		}
		
	
	p#registrologin a{
		color: #68a0c7;
		margin: 0;
		
	}
	
	p.registrologin a:hover{
		color: #2a5777;
		
	}

	.botonlogin {
		display: block;
		height: 3em;
		background-color: #68a0c7;
		margin: 0.5em;
		padding-top: auto;
		padding-bottom: auto;
		float: left;
		color: #ffffff;
		font-size: 1.2em;
		text-decoration: none;
		width: 35%;
	}

.botonlogin:hover {
	background-color: #2a5777;
}

.botonlogin img {
	height: 2em;
	width: auto;
	float: left;
	padding-top: 0.5em;
	padding-bottom: auto;
	margin-right: 0.2em;

}

/*-----HOME DE VISITANTES-----*/

	/*SLIDER*/
	.homeslider {
		margin: 0px;
		float: left;
		width: 100%;
		height: 30em;
		overflow: hidden;
	}
	
	/*.homeslider img{
		min-width: 100%;
		height: auto;
		min-height: 100%;
		overflow: hidden;
		z-index: -1;
		
	}*/
	
	.slide1 {
		background: #f5f5f5 url('imagenes/homeslider1.jpg');
		background-size: cover;
		background-position: 46% 35%;
		height: auto;
		min-height: 100%;
		

	}
	
	.slide2 {
		background: #f5f5f5 url('imagenes/homeslider2.jpg');
		background-size: cover;
		background-position: 41% 36%;
		height: auto;
		min-height: 100%;
		
	}
	
	
	
	.slideroverlay {
		float: right;
		margin-right: 1em;
		margin-top: 21em;
		z-index: 1;
		display: block;
	}
	
		
	.nombre {
		margin-right: 1em;
		margin-left: 1em;
		background: #fff22d;
		color: #000000;
		font-size: 1.5em;
		text-transform: uppercase;
		padding: 0.2em;
		display: inline-block;
		float: right;
	}
	
	.nombre:hover {
		color: #ffffff;
		background-color: #7ddce0;
	}
	
	
	.nivel {
		margin-right: 1em;
		margin-left: 1em;
		margin-top: -0.5em;
		color: #ffffff;
		font-size: 1em;
		padding: 0.2em;
		display: block;
		font-family: roboto;
		font-weight: 300;
		text-align: right;
	}
	
	

				
	/*MENÚ*/
	
	.menusecundario {
		background-color: #7ddce0;
		height: 30em;
	}
	
	ul {
	list-style-type: none;
		-webkit-margin-before:0;
		-webkit-margin-after:0;
		-webkit-padding-start: 0;
		
	}
	
	
	
	#menu li {
		text-decoration: none;
	}
	
	.slicknav_menu {
			display:none;
		}
	
	
	nav {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	#logo img{
		width: 100%;
		height: auto;
		margin-top: 2.5em;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
		}
		
	
	.menuitem {
		color: #ffffff;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1.5em;
		margin-bottom:1.5em ;
		text-align: center;
		
	}
		
	.menuitem img {
		clear: both;
		margin-bottom: 0em;
	}
	
.menuitem:hover {
	color: #000000;
}
	
	li a p{
		text-align: center;
		margin-top: 0.3em;
	}
	
	/*CATEDRA, NIVEL 1 Y NIVEL 2*/
	
	#homecatedra {
		height: 22em;
		background: url(imagenes/lacatedra1.jpg);
		background-size: cover;
		background-position: 27% 25%;
	}
	
		#homecatedra:hover .hoveroverlay {
		opacity: 1;
		}
	
	#homeniveluno {
		height: 22em;
		background: url(imagenes/leandromartinez.jpg);
		background-size:200%;
		background-position: 71% 43%;
	}
	
		#homeniveluno:hover .hoveroverlay {
		opacity: 1;
		}
		
	#homeniveldos {
		height: 22em;
		background: url(imagenes/niveldos.jpg);
		background-size:cover;
		background-position: 30% 35%;
	}
	
		#homeniveldos:hover .hoveroverlay{
		opacity: 1;
		}
	
	p.encabezadohide {
		display: inline-block;
		background: #fff22d;
		color: #000000;
		font-size: 1.5em;
		float: right;
		margin-right:0;
		margin-top: -5em;
		margin-bottom: 0;
		padding: 0.2em;
		text-align: right;
		text-transform: uppercase;
		width: 70%;
		position: relative;
	}
	
	p.encabezado {
		display: inline-block;
		background: #fff22d;
		color: #000000;
		font-size: 1.5em;
		float: right;
		margin-right:0;
		margin-top: -5em;
		margin-bottom: 0;
		text-align: right;
		text-transform: uppercase;
		width: 40%;
		padding: 0.2em;
		position: relative;
	}
	
	p.descripcionhide {
		color: #ffffff;
		font-family: roboto;
		font-weight: 300;
		text-align: right;
		width: 80%;
		float: right;
		font-size: 0.7em;
		margin-top: -7.5em;
		padding-right: 1em;
		background: #000000;
		display: inline-block;
		position: relative;

	}
	
	p.descripcion {
		color: #ffffff;
		font-family: roboto;
		font-weight: 300;
		text-align: right;
		width: 60%;
		float: right;
		font-size: 0.7em;
		margin-top: -7.5em;
		padding-right: 1em;
		background: #000000;
		display: inline-block;
		position: relative;
	}	
	
	.textohome {
		background-color:#7ddce0;
		color: black;
		padding: 0.5em;
		clear: both;
		display: none;
		font:400 1.2em;
		text-align: center;
	}
	
	.center {
		text-align: center;
	}
	
	.hoveroverlay {
		position: relative;
		top: 0px;
		width: 100%;
		display: block;
		height: 22em;
		background: url(imagenes/LandingPatternOverlayNEW.png) repeat left top;
		opacity: 0;
		overflow: hidden;
	}
	
/*-----PERFIL-----*/

	/*COLUMNA DE PERFIL*/
	
	.fondoperfil:before{
		content: "";
		background: url(imagenes/fondoperfilalumno.jpg)center center;
		background-size:cover;
		width: 80%;
		position: absolute;
		right: 0;
		height: 100vh;
		overflow: hidden;
		
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		z-index: -1;
	}
	
		#perfil {
		float: left;
		background-color: rgba(245, 58, 114, 0.61);
		height: 100vh;
		z-index: 5;
		margin: 0;
	}
	
		#fotoperfil {
			margin-top: 5em;	
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
	
	#fotoperfilmini {
		margin-top: 0;	
		padding:1em;
		text-align: center;
	}
	
	#fotoperfilmini img{
		width: 35%;
		height: auto;
		padding-top: 0.5em;
		float: left;
		
	}
			
	
		#fotoperfil p {
			font-size: 0.8em;
		}

			#fotoperfil p:hover {
				color: #000000;
							}
			
		.perfilmini {
		background-color: rgba(245, 58, 114, 0.61);
		height: 17.5vh;
		overflow: hidden;
		
		}
		
		#nombrealumnomini {
			width: 55%;
			font-size: 1em;
			text-transform: uppercase;
			line-height: 0.9aem;
			text-align: center;
			margin-top: 0;
			border-bottom: 1pt solid #ffffff;
			float: left;
			margin-left: 0.5em;
		}
		
		#nombrealumnomini a{
			color: #fff;
		}
		
		#nombrealumnomini a:hover{
			color: #bebebe;
		}

	#nombrealumno {
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		font-size: 1.5em;
		text-transform: uppercase;
		line-height: 1.2em;
		text-align: center;
		margin-top: -0.7em;
		border-bottom: 1pt solid #ffffff;
	}

	.infoalumno {
		text-align: center;
		line-height: 3.5em;
	}
	
	.infoalumnomini {
		color: #ffffff;
		text-align: center;
		font: 300 0.7em roboto;
		margin-top: 0.5em;
	}
	
	.infoalumnomini:hover{
		color: #000;
	}
	
	.inicioalumno{
		width: 100%;
		min-height: 100vh;
		height: 100%;
		display: block;
		float: left;
	}
		
	.alumnoencabezado{
		color: #000000;
		text-transform: uppercase;
		text-align: center;
		padding: 0.2em;
		font: 300 3em roboto;
		margin: 0;
	}
	
	.alumnoencabezado p{
		margin: 0;
	}
	
	.alumnoencabezadoblanco{
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		padding: 0.2em;
		font: 300 3em roboto;
		margin: 0;
	}
	
	.alumnoencabezado blanco{
		margin: 0;
	}
	
	.alumnosubencabezado{
		color: #000000;
		text-transform: uppercase;
		text-align: center;
		padding: 0em;
		font: 300 2em roboto;
		margin: 0;
	}
	
	.alumnosubencabezado p{
		margin: 0;
	}
	
	#tp1{
		padding-bottom: 2em;
		padding-top: 2.5em;
		
	}
	
	#tp2{
		padding-bottom: 2em;
		padding-top: 2.03em;
	}
	
	#tp3{
		padding-top: 2em;
		padding-bottom: 0.9em;
	}
	
	#enlaces{
		height: 78vh;
		display: block;
		overflow: hidden;
		padding: 1em;
	}
	
	.alumnocuadroblanco{
		color: #000000;
		background-color: rgba(255, 255, 255, 0.7);
		padding: 1em;
		margin: 0;
		overflow: hidden;
	}
	
	.alumnocuadro{
		color: #ffffff;
		padding: 1em;
		background-color: rgba(255, 255, 255, 0.2);
		margin: 0;
		display: block;
		overflow: hidden;

	}
	
	.alumnocuadronegro{
		color: #ffffff;
		background-color: rgba(0, 0, 0, 0.7);
		padding: 1em;
		margin: 0;
		overflow: hidden;

	}
	
	.alumnocuadroverde{
		color: #000000;
		background-color: rgba(124, 220, 224, 0.7);
		padding: 1em;
		margin: 0;
		overflow: hidden;
		
	}
	
	.alumnocuadromagenta{
		color: #ffffff;
		background-color: rgba(220, 19, 59, 0.7);
		padding: 1em;
		margin: 0;
		overflow: hidden;
		}
		
		.alumnocuadroamarillo{
			color: #000000;
			background-color: rgba(255, 242, 45, 0.7);
			padding: 1em;
			margin: 0;
			overflow: hidden;
			}
	
	p.fecha{
		text-align: left;
		font: 300 2.5em roboto;
		float: left;
		display: block;
		margin-top: 0.5em;
		margin-right: 0.5em;
		overflow: hidden;

	}
	
	p.fechablanco{
			color: #ffffff;
			text-align: left;
			font: 300 2.5em roboto;
			float: left;
			display: block;
			margin-top: 0.5em;
			margin-right: 0.5em;
			overflow: hidden;
	
		}
	
	p.recordatorio{
		text-align: left;
		font: 400 0.9em roboto;
		width: 80%;
		margin-top: 1.5em;
		overflow: hidden;
	}
	
	p.recordatorioblanco{
	color: #ffffff;
		text-align: left;
		font: 400 0.9em roboto;
		width: 80%;
		margin-top: 1.5em;
		overflow: hidden;
	}
	
	p.entrega {
		text-align: left;
		font: 400 1.3em/1.1em roboto;
		width: 60%;
		float: left;
		display: block;
		margin-top: 1.5em;
		margin-bottom: 0;
		overflow: hidden;
	}
	
	p.entregablanco {
		color: #ffffff;
		text-align: left;
		font: 400 1.3em/1.1em roboto;
		width: 60%;
		float: left;
		display: block;
		margin-top: 1.5em;
		margin-bottom: 0;
		overflow: hidden;
	}
	
	p.nombretp {
		text-align: left;
		font: 400 1.4em/1.2em roboto;
		width: 80%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 1em;
		overflow: hidden;
	}
	
	p.nombretpblanco {
		color: #ffffff;
		text-align: left;
		font: 400 1.4em/1.2em roboto;
		width: 80%;
		margin-bottom: 0;
		margin-top: 0;
		margin-left: 1em;
		overflow: hidden;
	}
	
	p.descripciontp{
		text-align: left;
		font: 400 0.8em roboto;
		width: 80%;
		margin-top:0;
		margin-left: 1.6em;
		overflow: hidden;
	}
	
	.descripciontpblanco{
	color: #ffffff;
		text-align: left;
		font: 400 0.8em roboto;
		width: 80%;
		margin-top: 0;
		margin-left: 1.6em;
		overflow: hidden;
	}
	
	a p.descripciontpblanco:hover{
	color: rgb(124, 220, 224);
	}
	
	
	p.final{
		text-align: left;
		font: 400 2.1em roboto;
		width: 80%;
		margin-top: 0;
		margin-bottom: 0;
		overflow: hidden;
	}
	
	p.finalblanco{
		color: #ffffff;
		text-align: left;
		font: 400 2.1em roboto;
		width: 80%;
		margin-top: 0;
		margin-bottom: 0;
		overflow: hidden;
	}
	
	p#textoconsulta {
		text-align: center;
		margin:0;
	}
	
	a.botonmas{
		text-align: center;
		font: 700 0.7em roboto;
		display: block;
		color: #000000;
		background: #f5f5f5;
		padding: 0.3em 1em;
		float: right;
		margin-top: -2em;
		overflow: hidden;
		/*margin-left: 14em ;*/
	}
	
	a.botonmas:hover{
		background-color: #7b7b7b;
		color: #ffffff;
	}
	
	
	#contacto{
		padding: 2em;
		overflow: hidden;
	}
	
	/*GALERIA DEL ALUMNO*/
	
	#galeria {
		width: 100%;
		margin: 0;
		height: 100vh;
		background-color: #f5f5f5;
		float: left;
	}

	article {
		height: 33.33%;
		float: left;
		font-size: 4em;
		color: #f5f5f5;
	}
	
		article:hover {
		color: #000000;	
		}
		
		article#galeria1 {
			background-image: url(imagenes/leandromartinestp1.jpg);
			background-size:cover;
		}
		
		article#galeria2 {
			background-image: url(imagenes/mariapirsch2.jpg);
			background-size:cover;
		}
		
		article#galeria3 {
			background-image: url(imagenes/mariapirsch.jpg);
			background-size:cover;
		}
		
		article#galeria4 {
			background-image: url(imagenes/gonzalomoiguer.jpg);
			background-size:cover;
		}
		
		article#galeria5 {
			background-image: url(imagenes/GonzaloMoiguer2.jpg);
			background-size:cover;
		}
	
	
	
	
	
	/*ESTRUCTURA DE LA GALERÍA*/
		
		/*UNA COLUMNA*/
			.galeria-galeria-unacol {
				width: 20%;
				float: left;
				margin: 0px;
				overflow: hidden;
			}
			
			.galeria-uncuarto{
				width: 25%;
				float: left;
				margin: 0;
				overflow: hidden;
		
			}
			
			/*DOBLE COLUMNA*/
				.galeria-doblecol{
					width: 40%;
					float: left;
					margin: 0px;
					overflow: hidden;
			}
			
			/*TRIPLE COLUMNA*/
				.galeria-triplecol{
					width: 60%;
					float: left;
					margin: 0px;
					overflow: hidden;
			}
			
			/*DOS TERCIOS*/
				.galeria-dostercios{
					width: 66.6%;
					float: left;
					margin: 0px;
					overflow: hidden;
			}
			
			
			/*DOS COLUMNAS*/
				.galeria-doscol{
					width: 50%;
					margin: 0px;
					float: left;
					overflow: hidden;
				}
		
		/*TRES COLUMNAS*/
				.galeria-trescol{
					width: 33.33%;
					float: left;
					margin: 0px;
					overflow: hidden;
			}
		
		/*CUATRO COLUMNAS*/
				.galeria-cuatrocol{
					width: 80%;
					float: left;
					margin: 0px;
					overflow: hidden;
			}
			
			/*CINCO COLUMNAS*/
				.galeria-cincocol {
					width: 100%;
					float: left;
					margin: 0px;
					overflow: hidden;
				}
				
				
/*-----GALERÍA TP CORTO-----*/


 p.video {
    font-size: 3em;
    font-family: roboto;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0;
    }
    
  .imagenescorto{
  	float: left;
  	overflow: hidden;
  	
  }

#tpdestacado2 {
    background-color: rgba(0, 0, 0, 0.);
   float:left;
    height: 10%;
}

#textocorto p{
    font-size: 0.8em;
    margin-left: 3em;
    font-family: roboto;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 1em;

}

#datostp{
	height: 28em;
}

#imagen1 {     
	cursor: -webkit-zoom-in;
	margin-left: 3em; 
  margin-top: 0.5em;
}

#imagen1 img{
	width: 100%;
	height: auto;
}

.imagen2 {
		margin-left: 0.7em;
    float:left;
    cursor: -webkit-zoom-in;
}

.imagen2 img {
	width: 100%;
	height: auto;
}

#video{
	height: 30em;
	background-color: rgba(0, 0, 0, 0.7);
}

#video video{
	width: auto;
	height: auto;
}


p.nombrealumnotp{
	font: 300 1.5em roboto;
	margin: 0;
}

.frames {
	height: 35vh;
	background-color: #fff22d;
	overflow: hidden;
}

.frames p {
	padding: 1em;
	font: 300 0.9em roboto;
	color: #000000;
}


.frames img{
	width: auto;
	height: 100%;
}


/*-----ACTIVIDADES RECOMENDADAS-----*/

#fondoamarillo {
    background-color: #fae813;
   	float:left;
    height: 5rem;
    display: block;
    padding: 1em;
    margin: 0;
}

#fondoamarillo p {
    font-size: 3em;
    color:#000;
    margin: 0;
    
    
}

#fondomuseo{
    background-color: rgba(0, 0, 0, 0.62);
   height: 23rem;

}

#fondomuseo p {
	color:#ffffff;
	text-align: center;
	width: 100%;
	font: 700 6em/0.9em roboto;
	display: block;
	clear: both;
	margin: 2rem 0 0;
}
#fondomuseo p.foto {
	color:#ffffff;
	text-align: center;
   margin-top: 0; 
   margin-left: 0;
	font: 400 3em/0.8em roboto;
	display: block;
	clear: both;
}

#fondomuseo p.simi {
	color:#ffffff;
	text-align: center;
   margin: 0;
	float: left;
	font: 600 7.5em/0.85em roboto;
	display: block;
	clear: both;
}

#fondomuseo p.direccion {
	color:#ffffff;
	text-align: center;
    margin-top: 0;
   	margin-left: 0;
    margin-bottom: 0;
	display: block;
	font: 300 1.1em/0.8px roboto;
	clear: both;
}

#fondomuseo p.direccion {
	color:#ffffff;
	text-align: center;
	display: block;
	font: 300 1.1em roboto;
	clear: both;
}

#fondomuseo p.abierto {
   font-weight: 400;
    color:#ffffff;
    font-size: 2.3em;
    font-family: roboto;
    text-align: center;
   	margin: 0;
}

#gif {
	background: #000000;
	height: 23rem;
}

#gif img{
	margin: 2rem 0 0;
}

#fondomuestra {
background-color: rgba(255, 255, 255, 0.62);
    float:left;
    height: 21vh;
    clear:both;
    margin: 0;
    padding: 1em;
    width: 100%;
    
}

#fondomuestra p.muestra {
	color:#000;
	letter-spacing: -0.05em;
	font: 400 1em roboto;
	margin: 0.5em 0 0;
}

#fondomuestra p.solo {
	color:#000;
	margin: 0;
	  font: 300 0.8em roboto;
	  letter-spacing: -0.03em;
  }

#fondomuestra p.arte {
	color:#000;
	margin: 0;
		font: 700 1.7em/1em roboto;
		letter-spacing: -.04em;
	}
#fondomuestra p.internacional {
	color:#000;
	margin: 0;
		font: 700 2.5em/0.9em roboto;
	}

#fecha {
	margin-top:0.5em
}

#fondomuestra p.fecha {
    text-align: center;
	color:rgb(0, 0, 0);
	width: 100%;
	  font: 300 2em/1.3em roboto;
	  margin: .5em 0 0;
  }

img.gif{
    width: 100%;
    height: 19em;
    margin: 0;
    background-size: cover;
    
}



#otraspaginas {
		width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 1em;
    margin: 0;
    height: 21vh;
    
}

a.baul p{
	text-align: center;
  font-family: roboto;
  font-weight: 700;
  font-size: 1em;
  color: #ffffff;
  margin-top: 0.3em;
  margin-bottom: 0.4em;
  
    
}

a.oscar p{
	text-align: center;
  font-family: roboto;
  font-weight: 300;
  font-size: 1em; 
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0.4em;
  }

a.cortos p {
	text-align: center;
	color: #ffffff;
 margin: 0;
 font: 400 1.5em/1em roboto;
}
 
 /*-----MENÚ LATERAL-----*/
	
		
		.menulateral {
			background-color: #7ddce0;
			min-height: 100vh;
			height: 100%;
						display: block;
			float: left;
			width:100%;
			clear: both;
			margin-right: 20%;
		}
	
		.menuitemlargo {
			clear: both;
			display: block;
			color: #ffffff;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			margin-top: 1em;
			margin-bottom: 1em;
			
		}	
		
		.menuitemlargoactivo {
			clear: both;
			display: block;
			color: #000;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			margin-top: 1em;
			margin-bottom: 1em;
			}
		
		.menuitemlargo img {
			margin-left: auto;
			margin-right: auto;
			clear: both;
		}
		
		.menuitemlargo p{
			padding-top: 5em;
			display: block;
			text-align: center;
			margin-bottom: 0;
		}
		
		.menuitemlargo:hover{
			color: #000000;
		}
		
		
		a#apuntes{
			margin-left: auto;
			margin-right: auto;
			clear: both;
			background: url(imagenes/apuntes.svg) no-repeat center center;
			margin-top: 0;
			margin-bottom: 0;
		}
		
		a#apuntes:hover{
			background-image: url(imagenes/apuntesnegro.svg);
			-moz-transition-duration: 0.5s;
			webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-ms-transition-duration:0.5s;
			transition-duration:0.5s;
		}
		
		a#notas{
			margin-left: auto;
			margin-right: auto;
			clear: both;
			background: url(imagenes/notas.svg) no-repeat center center;
			margin-top: 0;
			margin-bottom: 0;
		}
		
		a#notas:hover{
			background-image: url(imagenes/notasnegro.svg);
			-moz-transition-duration: 0.5s;
			webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-ms-transition-duration:0.5s;
			transition-duration:0.5s;
		}
		
		a#alumnogaleria{
			margin-left: auto;
			margin-right: auto;
			clear: both;
			background: url(imagenes/galeria.svg) no-repeat center center;
			margin-top: 0;
			margin-bottom: 0;
		}
		
		a#alumnogaleria:hover{
			background-image: url(imagenes/galerianegro.svg);
			-moz-transition-duration: 0.5s;
			webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-ms-transition-duration:0.5s;
			transition-duration:0.5s;
		}
		
		a#contacto{
			margin-left: auto;
			margin-right: auto;
			clear: both;
			background: url(imagenes/contacto.svg) no-repeat center center;
			margin-top: 0;
			margin-bottom: 0;
		}
		
		a#contacto:hover{
			background-image: url(imagenes/contactonegro.svg);
			-moz-transition-duration: 0.5s;
			webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
			-ms-transition-duration:0.5s;
			transition-duration:0.5s;
		}
		


/*------LA CÁTEDRA------*/

.amarillo{
	background: #fff22d;
	display: block;
	padding: 0.5em;
	height: 25vh;
	color: #000000;
	font-size: 1.2em;
	text-align: center;
}

#imagen-catedra{
	background: url('imagenes/imagen_lacatedra.jpg');
	background-size:cover;
	height: 28vh;
	background-position: 48% 39%;
}

#texto-catedra {
	font-family: roboto;
	font-weight: 300;
	font-size: 0.9em;
	color: #000000;
	margin-bottom: 2em;
}

#carga_horaria p{
	color: #000000;
	margin-top: 35%;
	padding-left: 2em;
	font-family: roboto;
	font-size: 0.8em;
}

#carga_horaria p.evaluacion{
margin-top: 1em;
font-size: 0.8em;
}

a.ingresantes{
	
	background: #dc143c;
	display: block;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	width: 80%;
	text-align: center;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 3em;
}

	
	.textobg {
		background-color: rgba(0, 0, 0, 0.35);
		padding: 0.5em;

	}


/*-----OBJETIVOS-----*/
	
	.objetivoscatedra{
		color: #000000;
		text-transform: uppercase;
		text-align: center;
		padding: 0.25em;
		font: 300 2em roboto;
		margin: 0;
	}
	
	.objetivoscatedra p{
		margin: 0;
	}
	
		
	.objetivosblanco{
		color: #000000;
		background-color: #DC143C;
		padding: 1em;
		margin: 0;
		overflow: hidden;
	}
	
	.objetivos{
		color:  #000000;
		padding: 1em;
		background-color: #FFF22D;
		margin: 0;
		display: block;
		overflow: hidden;
		height: 10%;

	}

#imagen_objetivos{
    background: url(imagenes/objetivos_catedra-08.jpg);
	background-size:cover;
	height: 100%;
	
}

.objetivocategoria {
	height: 24.2vh;
	padding: 1em;
}

p.aprendizaje {
	font-family:roboto;
	font-weight:700;
	font-size:4em;
	text-align:left;
	margin: 0;
}

p.textoaprendizaje {
	font-family:roboto;
	font-weight:300;
	font-size:1.09em;
	text-align:left;
	margin: 0;
	
}

#imagen_objetivos_sola{
	background-image: url(imagenes/objetivos_imagen-08.jpg);
	background-size: cover;
	height: 86.8vh;
	
}
	

	/* PROPUESTA*/
	

	
	.propuestacatedra p{
		margin: 0;
	}
	
	.propuestacatedra{
		color:  #FFF;
		text-transform: uppercase;
		text-align: center;
		padding: 0em;
		font: 300 2em roboto;
		margin: 0;
	}
	
	
	.propuesta{
		color:  #FFF;
		padding: 1em;
		background-color: #000;
		margin: 0;
		height: 10%;
		display: block;
		overflow: hidden;

	}
	
	.propuestablanco{
			color:  #000000;
			padding: 1em;
			background-color: #ffffff;
			margin: 0;
			height: 10%;
			display: block;
			overflow: hidden;
	
		}
		
		.propuestacatedrablanco{
			color:  #000;
			text-transform: uppercase;
			text-align: center;
			padding: 0em;
			font: 300 2em roboto;
			margin: 0;
		}
		
		
	#imagen-propuesta{
    background: url(imagenes/imagen_propuesta.jpg);
	background-size:cover;
	height: 45%;
	
}

p.texto_propuesta {
	font-family:roboto;
	font-weight:300;
	font-size: 0.8em;
	text-align:left;
	margin-top: 1em;
	margin-bottom:5em;
	padding-left:3.5em;
	padding-right:2em;
	
}
	p.muestras {
		font:  700 0.9em roboto;
		color: #000;
		text-align:center; 
		margin-bottom:0;
		margin-top:0.2em;
		
	}
	
	p.textomuestras {
		font:  300 0.7em roboto;
		color: #000;
		text-align:center;
		padding-left:1em;
		padding-right:1em;
		margin-bottom:0;
		margin-top:0.2em;
		margin-left:0.2em;
		
	}

p.texto_propuestados {
	font-family:roboto;
	font-weight:300;
	font-size: 0.8em;
	text-align:left;
	margin-top: 1em;
	margin-bottom:5em;
	padding-left:3.5em;
	padding-right:2em;
	
}
	
	
	.talleres_practicas p{
		margin: 0;
	}
	
	.talleres_practicas{
		color:  #000;
		text-transform: uppercase;
		text-align: center;
		padding: 0em;
		font: 300 2em roboto;
		margin: 0;
	}
	
	
	
	.talleres{
		color:   #000;
		padding: 1em;
		background-color: #FFF22D;
		margin: 0;
		display: block;
		overflow: hidden;

	}
	
	#imagen_muestras img{
		width:100%;
		
	}
	
	#imagen_muestras {
		width:20%;
		float:right;
	}
	
	
	
	#imagenes_estaticas img {
	 width: 120%;
	 height:auto;	
	}
	
	#imagenes_estaticas {
	 height:44vh;	
	}

	img#camarita{
		width:2em;
		height:auto;
		left: 20%
	}
	
	img.numeros_propuesta {
		margin-bottom:-4em;
		margin-left:0em;
		margin-top:-0.5em;
	}
	


/*-----NIVEL UNO-----*/

.fondoniveluno:before {
	content: "";
	background: url(imagenes/fondoperfilalumno.jpg)center center;
	background-size:cover;
	width: 100%;
	position: absolute;
	right: 0;
	height: 150%;
	overflow: hidden;
	
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	z-index: -1;	
}

#fotoniveluno{
	background: #000 url(imagenes/leandromartinez.jpg);
	background-size:160%;
	background-position: 80% 43%;
	height: 25.3em;
	
	
}

#objetivosniveluno{
	font: 300 0.8em roboto;
	color: #fff;
	display: block;
	height: 29.7em;
	
}

#objetivosniveluno p{
	padding: 1em;
	padding-right: 2em;
	margin: 0;
	
}

#nivelunocontenidos{
	height: 15em;
}

#nivelunocontenidos p{
	font: 700 2em arvo;
	padding-top: 2em;
	width: 100%;
	text-align: center;
}

.unidad {
	height: 15em;
}

p.unidad {
	padding-top: 0.5em;
	font: 300 1em roboto;
}

/* METODOLOGIA NIVEL 1 */

.metodologia {
	min-height: 100vh;
	width: 100%;
	margin: 0px;
}


#metodologia.metodologia {
	background: url(imagenes/metodologia_fondo-01.jpg) no-repeat fixed center center;
	background-size: cover;
	margin: 0px;
}

#proceso {
	height: 15.5em;
	padding: 1em;
}

p.enseñanza {
	font-family:roboto;
	font-weight:400;
	font-size:2em;
	text-align:center;
}

p.textoenseñanza {
	font-family:roboto;
	font-weight:300;
	font-size:1em;
	text-align:center;
	margin-top:0;
	
}

  #amarillo_metodologia{
	
	background: rgba(255, 242, 45, 0.7);
	display: block;
	padding-top: 1em;
	color: #000;
	width: 50%;
	text-align: left;	
	margin: 0;
	height:6.8em;
	margin-left:0em;
}
	
#amarillo_metodologia p{
	font: 400 0.8em roboto;
	padding-left: 3em;
	padding-right: 3em;
	
}

  #rosa_metodologia{
	
	background: rgba(220, 20, 60, 0.75);
	display: block;
	padding-top: 1em;
	color: #000;
	width: 50%;
	text-align: left;	
	margin: 0;
	height:6.8em;
	margin-left:0em;
}
	
#rosa_metodologia p{
	font: 400 0.8em roboto;
	padding-left: 3em;
	padding-right: 3em;
	
}

#imagenes_abajo_metodologia{
	width:100%;
	height:15em;
	background-image:url(imagenes/metodologia_imagen-12.jpg);
	background-size:cover;	
	
}
	

/*DOCENTES NIVEL UNO*/

.docentestitulo{
	height: 2.7em;
}

#imagen_docentes{
		background-image: url(imagenes/docentes_cuadro-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:0em;
		margin-left:0em;
		width:25%;
}
	
 #imagen_docentes p{
	font: 700 1em roboto;
	margin-top:5em;
	margin-bottom:5em;
	text-align:center;
	
}	

#imagen_titular{
		background-image:  url(imagenes/docentes_wasjman-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:0em;
		margin-left:0em;
		width:25%;
}

#imagen_adjunta{
		background-image:  url(imagenes/docentes_adjunto-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:0em;
		margin-left:0em;
		width:25%;
}

#imagen_jtp{
		background-image: url(imagenes/docentes_jtp-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:0em;
		margin-left:0em;
		width:25%;
}

#docentesuno{
		background-image:  url(imagenes/docentes_uno-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:-0.2em;
		margin-left:0em;
		width:25%;
}

#docentesdos{
		background-image:  url(imagenes/docentes_dos-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:-0.2em;
		margin-left:0em;
		width:25%;
}

#docentestres{
		background-image: url(imagenes/docentes_tres-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:-0.2em;
		margin-left:0em;
		width:25%;
}


#docentescuatro{
		background-image:  url(imagenes/docentes_cuatro-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:-0.2em;
		margin-left:0em;
		width:25%;
}

p.nombres_docentes{
	font: 300 0.8em roboto;
	margin-left:1em;
	top: 75%;
	padding-left:1em;
	margin-right:8em;
	background: #000;
	color: #FFF;
	
}



/*-----NIVEL 2-----*/
#fotoniveldos{
	background: #000  url(imagenes/imagen_niveldos-14.jpg);
	background-size:106%;
	background-position: 80% 43%;
	height: 25.3em;
	
	
}

/*METODOLOGIA DOS*/

.metodologia {
	min-height: 100vh;
	width: 100%;
	margin: 0px;
}


#metodologia.metodologia {
	background: url(imagenes/metodologia_fondo-01.jpg) no-repeat fixed center center;
	background-size: cover;
	margin: 0px;
}


#proceso {
	height: 15.5em;
	padding: 1em;
}

p.enseñanza {
	font-family:roboto;
	font-weight:400;
	font-size:2em;
	text-align:center;}

p.textoenseñanza {
	font-family:roboto;
	font-weight:300;
	font-size:1em;
	text-align:center;
	margin-top:0;
	
}

  #amarillo_metodologia{
	
	background: rgba(255, 242, 45, 0.7);
	display: block;
	padding-top: 1em;
	color: #000;
	width: 50%;
	text-align: left;	
	margin: 0;
	height:6.8em;
	margin-left:0em;
}
	
#amarillo_metodologia p{
	font: 400 0.8em roboto;
	padding-left: 3em;
	padding-right: 3em;
	
}

  #rosa_metodologia{
	
	background: rgba(220, 20, 60, 0.75);
	display: block;
	padding-top: 1em;
	color: #000;
	width: 50%;
	text-align: left;	
	margin: 0;
	height:6.8em;
	margin-left:0em;
}
	
#rosa_metodologia p{
	font: 400 0.8em roboto;
	padding-left: 3em;
	padding-right: 3em;
	
}

#imagenes_abajo_metodologiados{
	width:100%;
	height:13em;
	background-image: url(imagenes/imagen_metodologia_dos-12.jpg);	
	background-size:cover;
	
	
}


/*DOCENTES NIVEL DOS*/

  
#imagen_docentesdos{
		background-image:  url(imagenes/docentes_cuadrodos-13.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:0em;
		margin-left:0em;
		width:25%;
}
	
 #imagen_docentesdos p{
	font: 700 1em roboto;
	margin-top:5em;
	margin-bottom:5em;
	text-align:center;
	
}	

#imagen_titular{
		background-image:  url(imagenes/docentes_wasjman-14.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:0em;
		margin-left:0em;
		width:25%;
}

#imagen_adjuntados{
		background-image:  url(imagenes/docente_adjunto_dos-13.jpg) ;
		background-size:cover;
		height:12.75em;
		margin-top:0em;
		margin-left:0em;
		width:25%;
}

#imagen_jtpdos{
		background-image:  url(imagenes/docente_jtpdos-13.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:0em;
		margin-left:0em;
		width:25%;
}

#docentesunodos{
		background-image:  url(imagenes/docente_uno_dos-13.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:-0.2em;
		margin-left:0em;
		width:25%;
}

#docentesdosdos{
		background-image:   url(imagenes/docente_cuatro_dos-13.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:-0.2em;
		margin-left:0em;
		width:25%;
}

#docentestresdos{
		background-image: url(imagenes/docente_dos_dos-13.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:-0.2em;
		margin-left:0em;
		width:25%;
}


#docentescuatrodos{
		background-image:  url(imagenes/docente_tres_dos-13.jpg);
		background-size:cover;
		height:12.75em;
		margin-top:-0.2em;
		margin-left:0em;
		width:25%;
}

p.nombres_docentesdos{
	font: 300 0.8em roboto;
	margin-left:1em;
	top: 75%;
	padding-left:1em;
	margin-right:8em;
	background: #000;
	color: #FFF;
	
}

#fondo_negro{
	background-color:#000;
	height:100%;
	width:auto;	
}

	/*LOGIN*/
	#registro {
		margin-top: 2em;
		padding-left: 2em;
		color: #ffffff;
		text-transform: uppercase;
	}
	
	#registro p{
		font: 400 1em roboto;
		text-transform: none;
	}
	
	#login {
		height: 10em;
		margin-top: 20.4em;
	}
	
	p.titular{
		font-size: 1.3em;
	}
	
	#registro img{
		height: 1.6em;
		padding-top: 1.3em;
		width: auto;
		display: inline-block;
		float: left;
	}
	
	#login img{
		height: 1.6em;
		padding-top: 1.3em;
		width: auto;
		display: inline-block;
		float: left;
	}
	
	
	.field{
		height: 1.5em;
		background-color: rgba(255, 255, 255, 0.5);
		margin-top: 0.2em;
		padding: 0.3em;
		width: 95;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0.5em;
		color: #8d8c8c;
		border-style: none;
	}
	
	.fieldnegro{
		height: 1.5em;
		background-color: rgba(0, 0, 0, 0.5);
		margin-top: 0.5em;
		padding: 0.3em;
		width: 75%;
		margin-left: 1.5em;
		margin-right: 1.5em;
		margin-bottom: 0.5em;
		color: #797979;
		border-style: none;
		font: 300 1em roboto;
	}
	
	.fieldnegro2{
		height: 12em;
		background-color: rgba(0, 0, 0, 0.5);
		margin-top: 0.5em;
		padding: 0.3em;
		width: 75%;
		margin-left: 1.5em;
		margin-right: 1.5em;
		margin-top: 5em;
		color: #797979;
		border-style: none;
		font: 300 1em roboto;
	}
	
	a.boton {
		display: block;
		width: 45%;
		float: right;
		color: #000;
		font-weight: 700;
		background-color: #fff22d;
		padding: 0.2em;
		margin-top: 0.5em;
		margin-bottom: 1em;
		text-align: center;
		margin-right: 0;
		margin-left: 0;
	}
	
	a.boton:hover {
		background-color: #7ddce0;
	}
	
	a.botonenviar {
		display: block;
		width: 35%;
		float: right;
		color: #000;
		font-weight: 700;
		background-color: #fff22d;
		padding: 0.2em;
		margin-top: 0em;
		margin-bottom: 1em;
		text-align: center;
		margin-right: 16.5%;
		margin-left: 0;
	}
	
	a.botonenviar:hover {
		background-color: #7ddce0;
	}
	
	
	a.botoncenter {
		display: block;
		width: 50%;
		color: #000;
		font-weight: 700;
		background-color: #fff22d;
		padding: 0.2em;
		margin-top: 1em;
		margin-bottom: 1em;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
	
	a.botoncenter:hover {
		background-color: #7ddce0;
	}
	
	
		/*----- GALERIA PRINCIPAL -----*/
		
	
	#fondonegro{
	    background-color: #000;
	   float:right;
	    width: 100%;
	    height: 8em;
	
	}
	#fondonegro p {
	    font-size: 3em;
	    padding: 0;
	    margin-left: 1.5em;
	} 
		
	#tpdestacado {
	        background-color: hsla(0, 0%, 0%, 0.32);
	        width: 100%;
	        height: 4em;
	
	}
	
		#tpdestacado p{
	       padding: 1em;
	        margin-top: 7em;
			margin-left: 3em;
			font: 300 1.1em roboto;
		}
		
		#fondotp{
			background-image: url(imagenes/fondotp1.jpg);
			height: 30em;
			width: 40%;
			float: left;
			background-size:cover;
		}
		
		#fondotp2{
			background-image: url(imagenes/trabajoserie.jpg);
			height: 30em;
			width: 40%;
			float: left;
			background-size:cover;
		}
		
		.textonombretp {
			background: hsla(0, 0%, 0%, 0.69);
			float: right;
			padding: 1em;
			margin-top: 18em;
		}
		
		.textonombretp p.corto {
		    font-weight: 300;
		    color:#ffffff;
		    margin-bottom: 0;
		    margin-top: 0;
		    font-size: 1.5em;
		    font-family: roboto;
		    text-align: center;
		}
		
		.textonombretp p.paula {
		    margin-bottom: 0;
		    margin-top: 0;
		    color:#fafafa;
		    font-size: 1.8em;
		    font-family: roboto;
		    text-align: center;
		    font-weight: 300;
		    }
		
		.textonombretp p.paula2 {
		    margin-bottom: 0;
		    margin-top: 0;
		    color:#ffffff;
		    font-size: 1.5em;
		    font-family: roboto;
		    text-align: center;
		    font-weight: 300;
		    }
		
		.textonombretp p.nivel2 {
		    font-weight: 300;
		    margin-bottom: 0;
		    margin-top: 0;
		    color:#ffffff;
		    font-size: 2.2em;
		    font-family: roboto;
		    text-align: center;
		    }	
		    	
		/*-----REFERENTES-----*/
		
		
	    #imagen_ray{
			background-image:url(imagenes/propuesta_ray.jpg);
			background-size:cover;
			height:25.3em;
			margin: 0 0 0 -0.1em;
	}
	
	
	  #david_lynch{
		
		background: #dc143c;
		display: block;
		padding-top: 0.3em;
		color: #fff;
		font-size: 1.2em;
		text-decoration: none;
		text-align: center;	
		margin-right: 0em;
		margin-top: 0.15em;
		float:left;
		height:10em;
		margin-left:0.5em;
	}
		
	#david_lynch p{
		font: 700 1.5em/1em roboto;
		margin-left:0.5em;
		margin-top:0.3em;
		float: left;
		color:#FFF;
		
	}
	
	#david_lynch a p:hover{
		color: #000;
	}
	
	#imagen_lynch{
			background-image: url(imagenes/propuesta_lynch.jpg);
			background-size:cover;
			height:12.75em;
			margin-top:0.15em;
			margin-left:0.7em;
			width:22%;
	}
		
		  #amarillo_ray{
		
		background: #FFF22D;
		display: block;
		padding-top: 0.3em;
		color: #000;
		font-size: 1em;
		text-decoration: none;
		width: 25%;
		text-align: center;	
		margin-right: 0em;
		margin-top: 0.15em;
		float:left;
		height:12em;
		margin-left:0.7em;
	}
		
	#amarillo_ray p{
		font: 400 0.8em roboto;
		margin-left:0em;
		margin-top:3.3em;
		padding-left:2em;
		padding-right:2em;
		
	}
	
	#imagen_ventana{
			background-image: url(imagenes/propuesta_davilynch.jpg);
			background-size:cover;
			height:12.4em;
			margin-top:0.15em;
			margin-left:0.7em;
			width:22%;
	}
	
		  #negro_hitch{
		
		background:  #000;
		display: block;
		padding-top: 0.5em;
		color:  #FFF;
		font-size: 1em;
		text-decoration: none;
		text-align: left;	
		margin-right: 0em;
		margin-top: 0.4em;
		float:left;
		height:9em;
		margin-left:-0.3em;
		width:41%;
	}
		
	#negro_hitch p{
		font: 400 0.8em roboto;
		margin-left:0em;

		padding-left:4em;
		padding-right:4em;
		
	}
	
	
	#imagen_hitch{
			background-image: url(imagenes/propuesta_hitchco.jpg);
			background-size:cover;
			height:9.3em;
			margin-top:0.4em;
			margin-left:0.7em;
			width:39.4%;
	}
	
	  #magenta_hitch{
		
		background: #dc143c;
		display: block;
		padding-top: 0.3em;
		color:  #FFF;
		font-size: 0.8em;
		text-decoration: none;
		width: 17.45%;
		text-align: left;	
		margin-right: 0em;
		margin-top: 0.45em;
		float:left;
		height:11.3em;
		margin-left:0.7em;
	}
	
	
	#magenta_hitch p{
		font: 400 0.9em roboto;
		margin-left:0em;
		padding-left:2em;
		padding-right:2em;
		
	}
		
	#titulo_imagen {
	  background: rgba(255, 242, 45, 0.65);
		display: block;
		padding-top: 0.3em;
		color:  #000;
		font-size: 1.5em;
		text-decoration: none;
		width: 40%;
		margin-top: 11.5em;
		float:left;
		height:5em;
		margin-left:0em;
		padding-left: 0.5em;
		line-height: .9em;
	}
		
	#titulo_imagen a p{
		font: 700 1em roboto;
		margin-left:0em;
		margin-top:1.3em;
		text-decoration:none;
		color: #000;
		
	}
	
	#titulo_imagen a p:hover{
		color:#FFF;
	}
	
	
	/*CLEAR*/
	span.clear{
		clear: left;
		display: block;
	}
	
/*-----SOCIAL-----*/
.social{
	padding: 0.5em;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 100%;
}

.social a img{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	display: block;
}
	
/*-----RESPONSIVE-----*/
	
	/*Smartphone*/  
  
  
@media all and (max-width:22rem) {
	
	main {
		width: 100%;
		height: 100%;
	}
	
	.carilla {
		height: 100%;
		max-width: 22rem;
		width: 100%;
		margin: 0;
		overflow: hidden;
	}
	
	#index.carilla {
		height:100%;
		width: 100%;
		max-width:480px;
		overflow: hidden;
	}
	
	.credito {
		display: none;
	}
	
	.contenido {
		padding: 0;
	}
	
	#menu {
			display:none;
		}
		
	.slicknav_menu {
			display:block;
		}
	
	.menusecundario {
		float: left;
		width: 100%;
		height: 5em;
		display: none;
		
	}
	
	.menuitem {
		display: none;
	}
	
	#logo img{
		width: auto;
		height: 4em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 1em;
		margin-right: auto;
		}
		
	#logo img:hover {
		background-color:#68a0c7 ;
		}
	
	.doscol {
		width: 100%;
		height: auto;
	}
	
	.doblecol {
		width: 50s%;
		height: auto;
	}
	
	.cuatrocol {
		width: 100%;
		height: auto;
	}
	
	#logoindex img{
		width: 50%;
		height: auto;
		margin-top: 10%;
		margin-bottom: 1em;
	}
	
	.homeslider {
		height: 20em;
	}
	
		.slide1 {
			background-size: cover;
			background-position: 46% 35%;
			height: auto;
			min-height: 100%;
			
	
		}
		
		.slide2 {
			background-size: cover;
			background-position: 41% 36%;
			height: auto;
			min-height: 100%;
			
		}
	
	
	.slideroverlay {
		float: right;
		margin-right: 0;
		margin-top: 13em;
		z-index: 1;
		display: block;
	}
	
		
	.nombre {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
		background: #fff22d;
		color: #000000;
		font-size: 1.5em;
		text-transform: uppercase;
		padding: 0.2em;
		display: inline-block;
		float: right;
	}
	
	.nombre:hover {
		color: #ffffff;
		background-color: #7ddce0;
	
	}
	
	
	.nivel {
		color: #ffffff;
		font-size: 1em;
		padding: 0.2em;
		display: block;
		font-family: roboto;
		font-style: italic;
		text-align: right;
		font-weight: 300;
		}
	
	
	
	.botonlogin { 
	font-size: 0.9em;
	}
	
	.botonlogin img { 
	height: 1.8em;
	width: auto;
	}
	
	
	#homecatedra {
		height: 5em;
		width: 100%;
		float: left;
		overflow: hidden;
	}
	
	#homeniveluno {
		height: 15em;
		width: 50%;
		float: left;
		overflow: hidden;
		background-size:cover;
	}
	
	#homeniveldos {
		height: 15em;
		width: 50%;
		float: left;
		overflow: hidden;
	}
	
	.textohome {
		display: block;
	}
	
p.encabezadohide {
	font-size: 1.2em;
	margin-top: -17em;
	background: none;
	color: #ffffff;
	padding: 0.1em;
	margin-right: 1em;
}

p.encabezado {
	font-size: 1.2em;
	margin-top: -11em;
	width: 50%;
	padding: 0.1em;
}
	
 p.descripcionhide {
 	display: none;
 }
	
	p.descripcion {
		width: 80%;
		margin-top: -16.5em;
	}
	
	footer {
		width: 100%;
		height: 2rem;
		padding: 0.2em;
		
		
	}
	
	footer p {
		padding-left: 5em;
		padding-right: 5em;
		font: 300 0.7em roboto;
		color: #ffffff;
		height: 2rem;
	}
	
	
} 

	/*Tablet*/  

@media all and (min-width:25rem) and (max-width:48rem) {

	main {
			width: 100%;
			min-height: 100vh;
		}
		
		.carilla {
			height: 100%;
			max-width: 48rem;
			width: 100%;
			margin: 0;
			overflow: hidden;
		}
		
		#index.carilla {
			height:100%;
			width: 100%;
			max-width:480px;
			overflow: hidden;
		}
		
		.credito {
			display: none;
		}
		
		.contenido {
			padding: 0;
		}
		
		#menu {
				display:block;
			}
			
		.slicknav_menu {
				display:none;
			}
		
		.menusecundario {
			float: left;
			width: 100%;
			height: 15vh;
			display: block;
			margin-left: auto;
			margin-right: auto;
			
		}
		
		.menuitem {
			display: block;
			float: left;
			height: auto;
			width: 6em;
			margin-left: 2%;
			margin-right: 2%;
		}
		
		#logo img{
			width: 20vh;
			height: auto;
			margin-bottom: auto;
			margin-left: 0;
			margin-right: 0;
			float: left;
			}
			
		#logo img:hover {
			background-color:#68a0c7 ;
			}
		
		.doscol {
			width: 100%;
			height: auto;
		}
		
		.doblecol {
			width: 50s%;
			height: auto;
		}
		
		.cuatrocol {
			width: 100%;
			height: auto;
		}
		
		#logoindex img{
			width: 50%;
			height: auto;
			margin-top: 10%;
			margin-bottom: 1em;
		}
		
		.homeslider {
			height: 40vh;
		}
		
			.slide1 {
				background-size: cover;
				background-position: 46% 35%;
				height: auto;
				min-height: 25em;
				
		
			}
			
			.slide2 {
				background-size: cover;
				background-position: 41% 36%;
				height: auto;
				min-height: 25em;
				
			}
		
		
		.slideroverlay {
			float: right;
			margin-right: 0;
			margin-top: 17.8em;
			z-index: 1;
			display: block;
		}
		
			
		.nombre {
			margin-right: 0;
			margin-left: 0;
			margin-bottom: 0;
			background: #fff22d;
			color: #000000;
			font-size: 1.5em;
			text-transform: uppercase;
			padding: 0.2em;
			display: inline-block;
			float: right;
		}
		
		.nombre:hover {
			color: #ffffff;
			background-color: #7ddce0;
		
		}
		
		
		.nivel {
			color: #ffffff;
			font-size: 1em;
			padding: 0.2em;
			display: block;
			font-family: roboto;
			font-style: italic;
			text-align: right;
			font-weight: 300;
			}
		
		
		
		.botonlogin { 
		font-size: 0.9em;
		}
		
		.botonlogin img { 
		height: 1.8em;
		width: auto;
		}
		
		
		#homecatedra {
			height: 25vh;
			width: 100%;
			float: left;
			overflow: hidden;
		}
		
		#homeniveluno {
			height: 25vh;
			width: 50%;
			float: left;
			overflow: hidden;
			background-size:cover;
		}
		
		#homeniveldos {
			height: 25vh;
			width: 50%;
			float: left;
			overflow: hidden;
		}
		
		.textohome {
			display: none;
		}
		
	p.encabezadohide {
		font-size: 1.5em;
		margin-top: -11.5em;
		background: #fff22d;
		color: #000000;
		padding: 0.1em;
		margin-right: 0;
		width: 30%;
		
	}
	
	p.encabezado {
		font-size: 1.5em;
		margin-top: -8.5em;
		width: 50%;
		padding: 0.1em;
	}
		
	 p.descripcionhide {
	 	display: block;
	 	width: 40%;
	 	float: right;
	 	margin-top: -15em;
	 	font-size: 1em;
	 }
		
		p.descripcion {
			width: 80%;
			margin-top: -10.5em;
			font-size: 1em;
		}
		
		footer {
			font-size: 0.4em;
		}
		
		
	} 
	
.