@charset "utf-8";
/************************CSS Document *********************/
body {
 margin: 0px;
 padding: 0px;
 background-color: #F5F5F5;
 color: #3b3b4b;
 font-family: 'Courgette', 'sans';
 font-style: small;
 font-size: 1em;
}
/********************contenedor principal de la pagina web *******************/
#wrapper {
 background-color: #fff;
 overflow: hidden;
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;
}
/*********************Encabezado en la pagina principal *********************/
header h1 {
 color: rgba(0, 183, 255, 0.959);
 text-align: center;
 padding: 2% 0%;
 font-style: normal;
 text-transform: uppercase;
 font-size: 30px;
}
/************************ Menu de Navegacion *********************/
nav ul {
 background-color: #4d4d4d;
 list-style: none;
 padding: 2px 0;
 margin: 0;
}
nav ul li  {
 display: inline-block;
 width: 19%;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
nav a {
 color: #FFF;
 display: block;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 padding: 2% 0px;
}
nav a:hover {
 background: rgba(0, 183, 255, 0.959);
 color: #FFF;
 text-decoration: underline;
}
/****************** Adorno de la pagina principal *********************/
#hero {
 position: relative;
}
#hero figure {
 padding: 0;
 margin: 0;
}
#hero img {
 width: 100%;
}
#hero p {
 position: absolute;
 border: 1px solid #fff;
 box-shadow: 0 0 10px -4px black;
 right: 40px;
 bottom: 4%;
 padding: 1%;
 width: 50%;
 color: #FFF;
 text-shadow: 0 0 4px black;
 font-weight: bold;
}
#hero p br {
 margin-bottom: 10px;
}
figure figcaption {
 width: 50%;
 margin-left: 3%;
 font-size: 0.50em;
}

/********************** aside **********************/
aside  {
 width: 25%;
 float: left;
 padding-top: 1%;
 padding-bottom: 1%;
 padding-left: 1%;
 text-align: justify;
}
aside h3  {
 text-align: left;
}
aside a {
 color: #F90;
 text-decoration: none;
}
aside a:hover {
 text-decoration: underline;
 color: #9B3210;
}
/***************** contenido *****************/
#contenido  {
 float: left;
 width: 70%;
 padding-bottom: 1%;
 padding-left: 1%;
 text-align: justify;
}
#contenido a  {
 color: #F90;
 text-decoration: none;
}
#contenido a:hover  {
 text-decoration: underline;
 color: #9B3210;
}
/*****************************************pie***************************************/
footer{
	clear:both;
	width:100%;
}

/**********************************primer pie**************************************/
#footer_top{
	background-color:#3A3A3A;
	overflow:hidden;
}

/*******************************primera seccion del pie****************************/
#fotter_top section{
	float:left;
	width:25%;
	padding:2%;
	color:#FFF;
}

/*****************************titulo primer pie*************************************/
#footer_top h3{
	color:#900;
	font-weight:bold;
	padding-bottom:1%;
	}
/****************************parrafo primer pie*************************************/
#footer_top p{
	font-size:0.75em;
	color:#FFF;
	text-align:justify;
}
/*******************************enlace del primer pie*********************************/
#footer_top a{
	display:block;
	color:#900;
	text-decoration:underline;
	padding-top:2%;
}
/*******************************enlace hover del primer pie***************************/
#footer_top a:hover{
	color:#900;
	text-decoration:none;
}