@import url('https://fonts.googleapis.com/css?family=Arvo|Fjalla+One|Josefin+Sans');

body{
	background-image:url('../imagenes/fondo.jpg');
    font-family: 'Josefin Sans', sans-serif;
    width: 90%;
    margin: 10px auto;
}

header {
  width:100%; /* Establecemos que el header abarque el 100% del documento */
  font-family: 'Fjalla One', sans-serif;
  overflow:hidden; /* Eliminamos errores de float */
  background:#33C6B0;
  margin-bottom:0px;
  padding: 0px;
  border-radius: 25px 25px 0px 0px; /*superior, derecho, inferior, izquierdo*/
  border-style: none;
}

.logo-header{
	float:left;
	padding: 20px 0px 20px 20px; /*Superior, derecho, inferior, izquierdo*/
	text-decoration:none;
  width: 10%;

}

h1{
	font-size: 200%
	font-weight: bold;
	letter-spacing: 10px;
	text-align: center;
	text-transform: uppercase;
}
h2{
	font-size: 200%;
    font-family: 'Arvo', serif;
	font-weight: bold;
	color: #000;
	letter-spacing: 5px;
	text-align: center;
}


#contenedor
{
  padding: 10px 20px 10px 20px; /*Superior, derecho, inferior, izquierdo*/
	background: rgba(255, 255, 255, 0.40);
	/* redondea el borde*/
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-box-shadow: 0 5px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 5px 3px rgba(0,0,0, .4);
    float: center;
}


nav
{
    display: block;
    width: 100%;
    text-align: center;
}
nav ul
{
    list-style-type: none;
}
nav li
{
    display: inline-block;
    margin-right: 2px;
    margin-top: 0.2em;
    padding: 0.5em 0.5em;
    background: #9fdf73;
    border-radius: 6px;
    text-decoration: none;
    color: #000;
    -moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    -ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
    transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}
nav a
{
		text-align: center;
		font-size: 10pt;
    color:#076f0e;
    padding-bottom: 3px;
    text-decoration: none;
}
nav a:hover
{
    color: #000000;
    border-bottom: 3px solid #000000;
}

section{
   float:left;
   width:50%;
   text-align:justify;
   margin-top:20px;

}
article{
    margin-bottom:5px;
    margin-left: 10px;
    padding: 10px;
		background: rgba(51, 198, 176, 0.19);
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 5px;
    border-color:#33C6B0;
}

aside
{
    float:right;
    width:50%;
	text-align:justify;
	margin-top:10px;
}
blockquote
{
  margin-bottom:5px;
  padding: 10px;
  border-radius: 10px 10px 10px 10px;
  border-style: solid;
  border-width: 2px;
  border-color:#209338;

}

section.solo{
  float:left;
  width:100%;
	margin-top:10px;
}

footer
{

	float:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	margin-top:10px;
	width:100%;
	overflow:hidden; /* Eliminamos errores de float */
	background:#33C6B0;
	margin-bottom:10px;
	padding: 0px;
  border-radius: 0px 0px 25px 25px;
  border-style: none;
}
a.footer
{
font-size:9px;
}