@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

*{
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	margin: auto;
	height: auto;
	font-family: Verdana;
}

img {
	width: 100%;
}

h4,h2 {
	font-family: Gill Sans, sans-serif;
	color: #440D5E;
}

p {
	font-family: 'Open Sans', sans-serif;
}

/** BANNER **/

.banner {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	background-size: cover;
	height: 30rem;
	background-position: center;
	background-image: url("http://i68.tinypic.com/x2nol0.jpg")
}

.banner h1 {
	text-align: center;
	font-size: 10rem;
	margin:auto;

}

/** MENU **/
.menu {
	background-color: #440D5E;
	padding: 2.3rem;
	margin-top: -0.2rem;
	font-size: 1.5rem;
}

nav {
	overflow: hidden;
	width: 100%;
	margin: auto;
}

nav ul li {
	float: center;
	display: inline-block;
	list-style-type: none;;
}

nav ul li a {
	text-align: center;
	display: inline-block;
	color: white;
	padding: 2rem 2rem;
	text-decoration: none;
	margin: 1rem;
	border-bottom: 0.2rem solid #1986c8;
}

nav ul li a:hover{
	background-color: #1986c8;
}

.nav2 {
	position: fixed;
	background-color: #440D5E;
	margin-top: -33rem;
	margin-left: -2.3rem;
	font-size: 1rem;
	padding-top: 0.2rem;
}

/** ALUMNOS **/
.alumnos {
	background-color: #d1e7f9;
	margin-top: -0.2rem;
	padding: 1rem;
}


h1{
	color: #40235B;
	margin: 2rem;
}


.perfiles {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
}
	.perfiles p {
		width: 100%;
		margin: auto;
	}

	.perfiles .uno img:hover{
		background-image: url("../uno/img/1a.png")
	}

	 .perfiles .dos img:hover{
		background-image: url("../dos/img/2a.png")
	}

	 .perfiles .tres img:hover{
		background-image: url("../tres/img/3a.png")
	}

	.perfiles .cuatro img:hover{
		background-image: url("../cuatro/img/4a.png")
	}


	.perfiles a {
		text-decoration: none;
		color: #40235B;
		font-family: Helvetica;
}

	.perfiles a:visited {
		color: #007498;
	}

/** PROYECTO **/

.proyecto {
	background-color: white;
	padding-top: 1rem;
}

.proyecto h1 {
	color: #FF8A65;
	margin-top:  -1.3rem;
	font-size: 2.4rem;
}

.proyecto h2 {
	color: white;
}
.proyectoali {
	background-color: white;
	color: black;
	padding-bottom: 5rem;
    display: flex;
}

.proyectoali p{
	margin: auto;
	width: 74%;
	text-align: left;
	font-family: 'Roboto', sans-serif;
}

.titulo h1 {
	padding-bottom: 1rem;
	margin-top: 3rem;
	color: black;
}

.titulo h1 .apuntes {
	color: rgba(0,0,0,0.5);
}

/** CUERPO **/
#color2{
	background-color: #440D5E;
	color: white;
}

p {
	font-family: Georgia;
}

/** FOOTER **/

footer {
	background-color: #d1e7f9;
	margin: auto;
	margin-top: -2rem;
	text-align: left;
	color: white;
	padding-bottom: 5rem;

}

footer h1{
	text-align: center;
	color: #440D5E;
	padding-top: 4rem;
}

.academico {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
	font-size: 1.2rem;
	font-family: 'Roboto', sans-serif;
}

.academico p {
	font-family: 'Palatino Linotype', sans-serif;
	color: black;
}

/**LEGAL**/

.cont {
	background-color: white;
	padding: 2rem;
}

.cont p{
	font-size: 1rem;
}

.panelgaleria {
 	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
    }

.panelgaleria .horizontal {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
}

.panelgaleria img{ 
    width: 15%;
    display: block;
}

@media (max-width: 768px) {
    .titulo h2, .titulo p{
        font-size: 80%;
    }

    .proyecto .proyectoali p{
    	font-size: 50%;
    }

}