*{
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	margin: auto;
	height: auto;
	font-family: Verdana;
		background-color: #C0FFF7;
}

img {
	width: 100%;
}

/** MENU **/
#vio2 {
	background-color: #354777;
	padding-bottom: 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 #70519D;
}


nav ul li a:hover{
	background-color: #70519D;
}

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

.texto {
	background-color: #C0FFF7;
}

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

.materias p {
	font-family: 'Verdana', sans-serif;
}

.name {
	background-color: #C0FFF7;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 3rem;
}

	.name h1 {
		font-size: 2rem;
	}

	.name h2 {
		width: 16rem;
		margin: auto;
		border-bottom: 0.1rem solid #354777;
		margin-bottom: 2rem;
		padding-bottom: 0.2rem;
	}		

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

p {
	font-family: Georgia;
}

/**LEGAL**/

.cont {
	background-color: #9AB2B3;
	padding: 2rem;
}


.social {
	position: fixed; 
	left: 0;
	top: 200px; 
	z-index: 2000; 
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 1rem;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; 
	}
 	.social ul li img {
 		width: 10%;
 	}
	.social ul li .flor {
		background:#3b5998;
		margin-left: -1rem;
		width: 14rem;
	}

	.social ul li .caro {
		background: #00abf0;
		margin-left: -2rem;
		width: 15rem;
	}

	.social ul li .belu {
		background: #d95232;
		margin-left: -2.3rem;
		width: 15.3rem;
	}
 
	.social ul li a:hover {
		background: #000; 
		padding: 1rem 3rem; 
	}