html{
background-color:rgba(240,240,240,1)}

/*---------------------- BOTONERA --------------------*/
#menu{
	list-style:none;
	margin:0;
	padding:0;
	margin:auto;
	width:850px;
	height:70px;
	background-color:rgba(none);}
#menu li {
	position:relative;
	top:-13px;
	padding:0px;
	overflow:hidden;
	margin:auto;
	width:850px;
	height:50px;
	background-color:rgba(none);}
	
#menu li a {
	display:block;
	width:140px;
	padding:5px 0;
	float:left;
	position:relative;
	top:15px;
	height:30px;
	text-decoration:none;
	text-align:center;
	font-family: 'Architects Daughter', sans-serif;
	font-size:13px;
	color:#FFFFFF;
	background-color:rgba(200,40,40,1);}
#menu li a:hover {
	color:rgba(200,40,40,1);
	background-color:rgba(255,255,255,0.5)}

/*---------------------- INDEX --------------------*/
#contenedor{
	POSITION:RELATIVE;
	top:25px;
	margin:auto;
	width:900px;
	height:450px;
	background-color:rgba(230,230,230,1)}
#texto-index{
POSITION:RELATIVE;
top:40px;
margin:auto;
width:800px;}

/*---------------------- CARTA --------------------*/
#texto-carta{
	POSITION:RELATIVE;
	top:100px;
	margin:auto;
	width:650px;}


/*---------------------- MAPA --------------------*/

/*---------------------- alumno1 --------------------*/
#texto-alumno{
	position:relative;
	float:left;
	top:15px;
	left:200px;
	width:200px;
	font-size:0.7em;}
#foto-ariel{
	position:relative;
	float:left;
	top:15px;
	left:100px;
	width:200px;
	height:350px;
	background-image:url("../imagenes/ari.png");
	background-position:center;
    background-size:100%;
	background-repeat:no-repeat;}
#boton{
position:relative;
	float:left;
	top:15px;
	left:250px;
	width:200px;
	font-size:0.7em;}
	
#foto-cris{
	position:relative;
	float:left;
	top:15px;
	left:100px;
	width:200px;
	height:350px;
	background-image:url("../imagenes/cris.png");
	background-position:center;
    background-size:100%;
	background-repeat:no-repeat;}
	
.propuesta{
	display:block;
	width:170px;
	padding:5px 0;
	float:left;
	position:relative;
	top:180px;
	height:30px;
	text-decoration:none;
	text-align:center;
	font-family: 'Architects Daughter', sans-serif;
	font-size:1.5em;
	color:#FFFFFF;
	background-color:rgba(200,40,40,1);}

/*---------------------- RAIZ --------------------*/
#raiz, #alumno1, #alumno2{
	position:relative;
	padding:0;
	margin:auto;
	width:850px;
	top:20px;
	height:70px;}
	
#raiz li, #alumno1 li, #alumno2 li{
	position:relative;
	top:-13px;
	overflow:hidden;
	margin:auto;
	width:600px;
	height:55px;}
	
#raiz li a, #alumno1 li a, #alumno2 li a{
	display:block;
	width:100px;
	padding:5px 0;
	float:left;
	position:relative;
	top:15px;
	height:40px;
	text-decoration:none;
	text-align:center;
	font-family: 'Architects Daughter', sans-serif;
	font-size:13px;
	color:#FFFFFF;
	background-color:rgba(200,40,40,1);}
/*---------------------- FOOTER --------------------*/
footer{
position:relative;
margin:auto;
top:60px;
width:800px;
font-size:0.6em;
text-align:center;
color:rgba(0,0,0,0.2)}