/*
Estilo para el sitio web Curriculum Vitae
Autor: María de los Ángeles Martínez Morales
Fecha: 07/Marzo/2017
*/
@import url('https://fonts.googleapis.com/css?family=Droid+Sans|Oleo+Script|Patua+One');

body{
  background-image:url('../Imagenes/fondo1.jpg');
  font-family: 'Droid Sans', sans-serif;
  width: 80%;/* Indicación de que el cuerpo emplee el 100% de la ventana */
  margin: 10px auto;
}
header {
  width:100%; /* Establecemos que el header abarque el 100% del documento */
  overflow:hidden; /* Eliminamos errores de float */
  background:#9fdf73;
  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 0px 20px; /*Superior, derecho, inferior, zquierdo*/
	text-decoration:none;
}
.logo-header-right
{
	float:right;
	padding: 20px 20px 0px 20px;
	text-decoration:none;
}

header>h1
{
  font-family: 'Oleo Script', cursive;
  font-size: 200%;
  font-weight: bold;
  letter-spacing: 10px;
  text-align: center;
  text-shadow: black 6px 6px 8px; /* los tres números indican distancia horizontal, vertical y difuminado*/
  text-transform: uppercase;
}
h2
{
  font-weight: bold;
  letter-spacing: 5px;
  text-align: center;
}
#contenedor
{
  padding: 10px 20px 10px 20px; /*Superior, derecho, inferior, izquierdo*/
	background: rgba(255, 255, 255, 0.67);
	/* 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: right;
}
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
{
    font-size: 12pt;
    color:#076f0e;
    padding-bottom: 3px;
    text-decoration: none;
}
nav a:hover
{
    color: #000000;
    border-bottom: 3px solid #000000;
}

section{
   float:left;
   width:70%;
   text-align:justify;
   margin-top:10px;
}
article{
    margin-bottom:5px;
	  padding: 10px;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 2px;
    border-color:#209338;
}
aside
{
    float:right;
    width:30%;
	text-align:justify;
	margin-top:0px;
}
blockquote
{
  margin-bottom:5px;
  padding: 10px;
  border-radius: 10px 10px 10px 10px;
  border-style: solid;
  border-width: 2px;
  border-color:#209338;
}
footer
{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	margin-top:10px;
	width:100%; /* Establecemos que el header abarque el 100% del documento */
	overflow:hidden; /* Eliminamos errores de float */
	background:#9fdf73;
	margin-bottom:10px;
	padding: 0px;
  border-radius: 0px 0px 25px 25px;
  border-style: none;
}
a.footer
{
font-size:9px;
}
section.solo
{
  float:left;
  width:100%;
	text-align:justify;
	margin-top:10px;
}
.objetivo
{
  display: block;
  padding: 10px;
  width: 500px;
  float:right;
}