@charset "UTF-8";
/* CSS Document */

*{ 
	margin:0; 
	padding:0;
}

@font-face { 
	font-family:"Rosario-Regular";
	src: url("Rosario-Regular.ttf");
	format ("ttf");
	}

@font-face { 
	font-family:"Montserrat-Bold";
	src: url("Montserrat-Bold.ttf");
	format ("ttf");
	}


@font-face { 
	font-family:"Montserrat-Regular";
	src: url("Montserrat-Regular.ttf");
	format ("ttf");
	}
	
body{ 
	font-family:Rosario-Regular, sans-serif;
	width:100%;
	position:relative;
	margin:0px auto 0px auto;
	display:block;
}


header{ 
	width:100%; 
	background:#000;
	height:100px;
	
	
}
header nav{ 
	min-width:600px;
	float:none;
	margin:0px 24% 0px 24%;
}

header nav ul li{ 
	float:left; 
	list-style-type:none;
}

header nav ul li a{ 
	color:#FFF;
	text-decoration:none; 
	font-family: Montserrat-Regular;
	font-size:14px;
	padding:10px; 
	margin:10px;
	text-align:center;
}


header nav ul li a img{ 
	width:120px;
	height:120px;
}

li.botonera1, li.botonera2, li.botonera3, li.botonera4 {
	margin-top: 60px;
}



section{
	height:50%;
	display:inline;
	margin:0px 24% 0px 10%;
}

section aside{
	margin:30px auto 10px auto;
	font-family:"Montserrat-Bold";
	text-align:center;
	font-size:60px;
	color:#97CA32;
}

section aside p{
	font-family:"Rosario-Regular";
	font-size:16px;
	color:#000;
	margin: 0px auto 0 px auto;
	padding:0px 400px 0px 400px;
}

.banner {
	width:100%;
	float:left;
	margin:40px 24% 0% 24%;
}
.filauno{
	width:100%;
	min-height:180px;
	float:left;
	margin:2% 24% 0% 24%;
}
.filauno article{
	width:184px;
	height:180px;
	background:#F2F2F2;
	float:left;
}
.filauno article img{	
	height: 180px;
	width: 180px;
	margin: 2% 2% 0% 2%
}


.filados{
	width:100%;
	height:180px;
	float:left;
	margin:0% 24% 0% 24%;
}
.filados article{
	width:184px;
	height:180px;
	background:#F2F2F2;
	float:left;
}
.filados article img{
	height: 173px;
	width: 180px;
	margin: 2% 2% 0% 2%;	
}


.lineatiempo{
	float:left;
	margin:20px 24% 0% 33%;
}	

.niveluno, .niveldos {
	font-family:Montserrat-Regular;
	font-size:18px;
	padding:80% 10% 40% 2px;
}


body section ul {
		margin:0px 5% 0px 10%;
}

body section ul li{

	float:left; 
	list-style-type:none;
	color:#000;
	text-decoration:none; 
	font-family: Montserrat-Regular;
	font-size:14px;
	padding:0px 16px 0px 16px; 
	margin:0px 10px 0px 10px;
}

.filatres{
	width:100%;
	min-height:90px;
	float:left;
	margin:2% 24% 0% 24%;
}
.filatres article {
	width:184px;
	height:90px;
	background:#F2F2F2;
	float:left;
}
.filatres article img {
	width:180px;
	height:90px;
	margin: 2% 2% 0% 2%
}

.filacuatro {
	width:100%;
	min-height:90px;
	float:left;
	margin:0% 24% 0% 24%;
}

.filacuatro article {
	width:183px;
	height:150px;
	background:#F2F2F2;
	float:left;
	padding:10px 0px 5px 1px;
}

.filacuatro article p1 {
	font-family: Montserrat-Regular;
	font-size:16px;
}

.filacuatro article p1 img {
	width:180px;
}

.filacuatro article p2 {
	font-family: Rosario-Regular;
	font-size:14px;
	padding:15px inherit inherit inherit;
}


footer{ 
	width:100%;
	text-align:center;
	background:#97CA32;
	float:left;
	margin-top:50px;
	height:80px;
}

footer{ 
	width:100%;
	text-align:center;
	background:#97CA32;
	float:left;
	margin-top:50px;
	height:80px;
}
footer p{ 
	font-type:"Rosario-Regular";
	font-size:12px; 
	color:#000; 
	text-align:center;
	padding:10px 22% 10px 22%;
}