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

body {
	width: 100%;
	font: 1em Arvo;
	color: #ffffff;
}

a {
	text-decoration: none;
}

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

#carilla-index {
	min-height: 100%;
	min-width: 960px;
	width: 100%;
	height: auto;
	margin: 0;
	background: url(imagenes/index-bg.jpg) no-repeat fixed center center;
	background-size:cover;
}

#carilla-login {
	min-height: 100%;
	min-width: 960px;
	width: 100%;
	height: auto;
	margin: 0;
	background: url(imagenes/login-bg.jpg) no-repeat fixed center center;
	background-size:cover;
}

#carilla-catedra {
	min-height: 100%;
	min-width: 960px;
	width: 100%;
	height: auto;
	margin: 0;
	background: url(../1/Imagenes/leandro%20martinez.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: block;
	top: 95%;
	font-size: 0.8em;
	text-align: right;
	color: #ffffff;
	padding: 1em;
}

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

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


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

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

/*TRES COLUMNAS*/
		.trescol{
			width: 33.33%;
			float: left;
			margin: 0px;
			height: 100%;
	}

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


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

.contenido {
	padding: 1em;
}

#logoindex img{
	width: 80%;
	height: auto;
	margin-top: 12em;
	margin-bottom: 1em;
}

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

	/*BOTONES*/

	.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;
		width: 100%;
		height: 30em;
		background: url(imagenes/homeslider1.jpg) no-repeat left top;
		background-size: cover;
	}

		/*NAVEGACIÓN DEL SLIDER*/
		.homeslidernavl {
			width: 10%;
			float: left;
			height: 100%;
		}

		.homeslidernavl:hover {
			background-color: #fff22d;
		}

		.homeslidernavl img {
			margin-left: auto;
			margin-right: auto;
			margin-top: 13em;
			margin-bottom: auto;
		}

		.homeslidernavr {
			width: 10%;
			float: right;
			height: 100%;
		}

		.homeslidernavr:hover {
			background-color: #fff22d;
		}

		.homeslidernavr img {
			margin-left: auto;
			margin-right: auto;
			margin-top: 13em;
			margin-bottom: auto;
		}
		
	/*MENÚ*/
	
	.menusecundario {
		background-color: #7ddce0;
		height: 30em;
	}
	
	nav {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	#logo img{
		width: 100%;
		height: auto;
		margin-top: 1.5em;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
		}
		
	#logo img:hover {
		background-color:#68a0c7 ;
	}
	
	.menuitem {
		color: #ffffff;
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 0.5em;
		
	}
	
	.menuitem:hover {
	background-color: #68a0c7;
	}
	
	.menuitem img {
		clear: both;
	}
	
	/*CATEDRA, NIVEL 1 Y NIVEL 2*/
	
	#homecatedra {
		height: 22em;
		background: url(imagenes/lacatedracolor.jpg) center center;
		background-size: cover;
	}
	
		#homecatedra:hover {
			background: url(imagenes/lacatedra.jpg) center center;
			background-size:cover;
		}
	
	#homeniveluno {
		height: 22em;
		background: url(imagenes/nivel1color.jpg) center center;
		background-size:cover;
	}
	
		#homeniveluno:hover {
			background: url(imagenes/nivel1.jpg) center center;
			background-size:cover;
		}
	#homeniveldos {
		height: 22em;
		background: url(imagenes/nivel2color.jpg) center center;
		background-size:cover;
	}
	
		#homeniveldos:hover {
			background: url(imagenes/nivel2.jpg) center center;
			background-size:cover;
		}
	
	
/*-----PERFIL-----*/

	/*COLUMNA DE PERFIL*/
		#perfil {
			background: url(imagenes/perfilalumno.jpg)center center;
			background-size:cover;
			height:720px;
		}
	
		#fotoperfil {
			margin-top: 5em;	
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
	
		#fotoperfil p {
			font-size: 0.8em;
		}

			#fotoperfil p:hover {
				color: #000000;
			}

	#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;
	}
	
	/*GALERIA DEL ALUMNO*/
	
	#galeria {
		width: 100%;
		margin: 0px;
		height: 720px;
		background-color: #f5f5f5;
	}

	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;
			}
			
			/*DOBLE COLUMNA*/
				.galeria-doblecol{
					width: 40%;
					float: left;
					margin: 0px;
			}
			
			
			/*DOS COLUMNAS*/
				.galeria-doscol{
					width: 50%;
					float: left;
					margin: 0px;
			}
		
		/*TRES COLUMNAS*/
				.galeria-trescol{
					width: 33.33%;
					float: left;
					margin: 0px;
			}
		
		/*CUATRO COLUMNAS*/
				.galeria-cuatrocol{
					width: 80%;
					float: left;
					margin: 0px;
			}
			
			/*CINCO COLUMNAS*/
				.galeria-cincocol {
					width: 100%;
							float: left;
							margin: 0px;
				}
	
		
		.menulateral {
			background-color: #7ddce0;
			height: 720px;
			float: right;
		}
	
		.menuitemlargo {
			clear: both;
			display: block;
			color: #ffffff;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			margin-top: 1em;
			margin-bottom: 2em;
			
		}
		
		.menuitemlargohover {
			clear: both;
			display: block;
			color: #000000;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			margin-bottom: 2em;
			
		}
		
		
		.menuitemlargo:hover {
		background-color: #68a0c7;
		}
		
		.menuitemlargo img {
			margin-left: auto;
			margin-right: auto;
			clear: both;
		}
		

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

	}


	/*LOGIN*/
	#registro {
		height: 20em;
		margin-top: 3em;
	}
	
	#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(0, 0, 0, 0.35);
		margin-top: .2em;
		padding: 0.1em;
		width: 95;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0.4em;
	
	}
	
	a.boton {
		display: block;
		color: #ffffff;
		background-color: #b42114;
		padding: 0.2em;
		margin-top: 2em;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}

/*-----PIE DE PÁGINA-----*/

footer{
    font-weight: 300; 
    font-size: 0.6em;
    width: 70%;
    color: #ffffff; 
  	margin-top: 24em;
  	margin-left: 2.5em;
  	margin-right: auto;
  	clear: both;
	  text-align: center;
  }