body{
	background-color: #d0d0d0;
	margin: 0px;
	padding: 0px;
	font-family: "Amaranth", "Fira Mono", Arial, Open Sans;
	font-size: 16px; color: #F2F2F2;
}


@font-face         {
    font-family:'Firefox';
    src:url(fonts/woff/FiraMono-Regular.woff);

}
.google {
	font-family: "Amaranth";
}
.Firefox {
	font-family: "Firefox";
}


.caja{
	width: 80%;
	margin-left: 100px;
}

.header{
	height: 80px;
	border-bottom: 2px solid #d0d0d0;
}
.nombre{
	font-family: "Amaranth", "Fira Mono", Arial, Open Sans;
	font-size: 25px;
	font-weight:600;
	text-align: center;
	padding: 5px;

}

.leyenda{
	font-family: "Firefox", "Fira Mono", Arial, Open Sans;
	font-size: 15px; 
	font-weight:600;
	text-align: center;
	padding: 5px;

}

.contenido{
	height: 500px;
	border-bottom: 2px solid #d0d0d0;
}

.nav{
	width: 20%;
	height: 100%;
	float: left;
	border-right: 2px solid #d0d0d0;
}

.section{
	float: left;
	width: 60%;
	height: 100%;
	border-right: 2px solid #d0d0d0;
	text-align: center;
}

.aside{
	width: 19%;
	height: 100%;
	float: left;
}

.footer{
	padding: 5px;
	margin-left: 30px;
	text-align: center;
}

p{
	margin: 5px;
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
a {
	font-family: "Amaranth", "Fira Mono", Arial, Open Sans;
	text-decoration: none;
	font-size: 1.4em;
	display: block;
	padding: 6px;
	margin-left: 5px;
}
a:hover {
	color: #FFF;
	background-color: #666;
}


.foto{
	text-align: center;
	padding: 20px;

 
}

/*
.presentacion{
	text-align: center;
}
*/

.clear{
	clear:both;
}

.color_fondo{
	background-color:#FFBF00;
}

.color_texto{
	color: #424242;
}