@charset "utf-8";

*{ margin: 0 auto;}

body{ 
	text-align: center;
	background:#ccc;
	font-size: 16px;
	margin: auto;
	background-image:url(img/background-page.jpg);
	background-repeat:no-repeat;
background-attachment:fixed;
	}

.pagina{
	width: 960px;
	margin: auto;
	}

/*--------header------*/

.cabecera{
	width:100%;
	height:525px;
	margin:0 auto;
	background-image: url(img/header-back04.png);
	background-repeat: no-repeat;
	display:block;
	}
	
header{
	background-size: cover;		
}

.header img{
	width: auto;
	padding: 70px 0 0 0 ;
}



/*----------ASIDE---------*/

aside{
	width: 100%;
	height: 150px;
	background-color:#4B506E;
}


.datos{
	padding-top: 30px;
}


/*---MAIN----*/

main{
	width: 100%;

	background-size: cover;
}

	
.plan{
	width:  100%;
	height: auto;
	margin: 0;
	background-color:rgba(101,129,169,0.3);
	text-align:center;
}


.plan p{
	width:80%;
	padding:2%;
}
	

/*-------ALUMNOS------*/

	
.alumnos{
	width: 100%;;
	height: 300px;
	margin:0;
}

.link{
	width: 100%;
	height: 300px;
	background-color: rgba(255,255,255,0.2);
	padding:0;
	margin:0;
}

.link a{
	width: 150px;
	height: auto;
	float: left;
	margin: 8%;
	display: block;
}

/*-----------NAV----------*/


nav{
	width: 100%;
	height: 225px;
	background-color:rgba(101,129,169,0.5);
	background-repeat: no-repeat;
	background-size: cover;
}

.botones {
	width: 30%;
	height: 65px;
	margin: 5% 10% 0% 10%;
	float: left;
	background-color: rgba(212,212,212,0.3);
}


.botones a p{
	font-size: 1.3rem;
	color: #fff;
	padding: 0.3rem;
	font-weight: 700;
	text-align: center;
}




/*----------FOOTER-----------*/

.footer{
	width:100%;
	}

footer{
	width: 100%;
	height: 40px;
	padding-top: 0.3rem;
	box-sizing: content-box;
	background: #19B192;

}


footer p{
	max-width:960px;
 	font-size: 0.8rem;
}


/*----------TITULOS-LINKS-TEXTOS------------*/

a {
	text-decoration: none;
}

h1{
	font-family: century gothic, century gothic, Arial, Helvetica, sans-serif;
	font-size: 3.6rem;
	color: #fff;
	font-weight: 100;
	text-align: center;
	padding: 0.2rem;
}

h2{
	font-family: century gothic, century gothic, Arial, Helvetica, sans-serif;
	font-size: 2rem;
	color: #fff;
	font-weight: 800;
	text-align: center;
	padding: 0.2rem;
}

h3{
	font-family: century gothic, century gothic, Arial, Helvetica, sans-serif;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 100;
	text-align: center;
	padding: 0.2em;
}

h4{	font-family: century gothic, century gothic, Arial, Helvetica, sans-serif;
	font-size: 2rem;
	color: #fff;
	font-weight: 800;
	text-align: center;
	padding: 1.3rem;
	} 
h5{
	font-family: century gothic, century gothic, Arial, Helvetica, sans-serif;
	font-size: 3.6rem;
	color: #fff;
	font-weight: 100;
	text-align: center;
	padding: 0.2rem;}	
	
	
p{
	font-family: century gothic, century gothic, Arial, Helvetica, sans-serif;
	font-size: 1 rem;
	color: #fff;
	font-weight: 100;
	text-align: center;
}

.negrita{ font-weight:700;}