a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    vertical-align: top; }

ol, ul {
	list-style-type:disc;

}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}



body { 
text-align: center;
background-image:url('images/body.png');
}
#contenido { 
	text-align: center;
width: 800px;
border:solid 1px #000;
margin:0 auto;
padding:0 auto;
background-color: #fff;
}
#medio {
	width: 800px;
}
header { 

	padding: 0 auto;
margin: 0 auto;
background-color: #009ec3;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #000;
background-image:url('images/asf2.jpg');
background-repeat: no-repeat;
background-position: -499px -300px;

}

header h1 { color:#2c539e;
text-shadow: 0.1em 0.1em 0.2em #000;
font-weight: bold;
font-size:2.5em;
font-family: 'Jockey One', cursive;
padding: 10px;
   -moz-transition: all .30s; 
    -webkit-transition: all .30s; 
    -o-transition: all .30s;
    transition: all .30s;

}
header h1:hover { color:#2c539e;
text-shadow: 0.1em 0.1em 0.3em #000;
font-weight: bold;
font-size:2.7em;


}
header h2 {
	text-shadow: 0.1em 0.1em 0.4em #000;
font-weight: bold;
font-size:2em;
color: #2c539e;
font-family: 'Russo One', cursive;
padding: 10px;
   -moz-transition: all .30s; 
    -webkit-transition: all .30s; 
    -o-transition: all .30s;
    transition: all .30s;

}
header h2:hover {
	text-shadow: 0.1em 0.1em 0.6em #000;
font-weight: bold;
font-size:2.3em;
color: #2c539e;
font-family: 'Russo One', cursive;
padding: 10px;
 

}


nav { background: rgb(37,141,200);
background: -moz-linear-gradient(top,  rgba(37,141,200,1) 0%, rgba(37,141,200,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,141,200,1)), color-stop(100%,rgba(37,141,200,1)));
background: -webkit-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%);
background: -o-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%);
background: -ms-linear-gradient(top,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%);
background: linear-gradient(to bottom,  rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 );
padding: 5px;
border-bottom:solid 1px #ccc;
color:#000;
}



nav li {
display: inline-block;
   -moz-transition: all .25s; 
    -webkit-transition: all .25s; 
    -o-transition: all .25s;
    transition: all .25s;
}
nav li a { color:#E5E5E5; 
	font-size: 1.1em;
	padding: 3px;
	text-shadow: 0.0em 0.1em 0.3em #000;
	text-decoration: none;
	font-weight: bold;
	   -moz-transition: all .25s; 
    -webkit-transition: all .25s; 
    -o-transition: all .25s;
    transition: all .25s;
}
nav li a:hover { color:#eee;
	font-size: 1.2em;
	text-shadow: 0.1em 0.1em 0.5em #000;
	box-shadow: 0.0em 0.2em 0.5em #000;
	background-color: #4096ee;
	border-radius: 10px;
	padding: 5px;

}


section {
	background: rgb(247,150,33);
background: -moz-linear-gradient(top,  rgba(247,150,33,1) 0%, rgba(249,198,103,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,150,33,1)), color-stop(100%,rgba(249,198,103,1)));
background: -webkit-linear-gradient(top,  rgba(247,150,33,1) 0%,rgba(249,198,103,1) 100%);
background: -o-linear-gradient(top,  rgba(247,150,33,1) 0%,rgba(249,198,103,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,150,33,1) 0%,rgba(249,198,103,1) 100%);
background: linear-gradient(to bottom,  rgba(247,150,33,1) 0%,rgba(249,198,103,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79621', endColorstr='#f9c667',GradientType=0 );
border-bottom: 1px solid #000;

float:left; /* Alineación a la derecha */
width:540px;
height: 800px;
}
article p {padding: 4px;}
article p:first-letter {

font-size: 16px;
font-weight: bold;

}

aside .aside { border-radius: 15px;

width: 90%;
margin-left: 7px;
margin-top: 7px;
padding-bottom: 10px;
padding: 5px;
box-shadow: 0.2em 0.2em 0.5em #000;
background: rgb(247,150,33);
background: -moz-linear-gradient(top,  rgba(247,150,33,1) 0%, rgba(249,198,103,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,150,33,1)), color-stop(100%,rgba(249,198,103,1)));
background: -webkit-linear-gradient(top,  rgba(247,150,33,1) 0%,rgba(249,198,103,1) 100%);
background: -o-linear-gradient(top,  rgba(247,150,33,1) 0%,rgba(249,198,103,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,150,33,1) 0%,rgba(249,198,103,1) 100%);
background: linear-gradient(to bottom,  rgba(247,150,33,1) 0%,rgba(249,198,103,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79621', endColorstr='#f9c667',GradientType=0 );
border-bottom: 1px solid #fff;
   -moz-transition: all .25s; 
    -webkit-transition: all .25s; 
    -o-transition: all .25s;
    transition: all .25s;

}
aside .aside:hover { 
border-radius: 25px;

box-shadow: 0.2em 0.2em 2em #000;

}

aside {
	text-align: center;
	background-color: #3f3f3f;
   float:right;
    width:259px;
    height: 800px;
    border-bottom: 1px solid #000;
    color:#222;
    font-weight: bold;
  } 


  aside a { color: #000;
  	font-weight: bold;
  	font-size: 0.7em;
  	   -moz-transition: all .25s; 
    -webkit-transition: all .25s; 
    -o-transition: all .25s;
    transition: all .25s;
  }
 
  aside a:hover {

  	font-size: 0.9em;
 }

 aside h3 { padding: 20px;
color:#2c539e;
text-shadow: 0.1em 0.1em 0.1em #ccc;
font-weight: bold;
font-size:1.5em;
font-family: 'Jockey One', cursive;
padding:10px;
 }

 aside h4 { padding: 20px;
color:#2c539e;
text-shadow: 0.1em 0.1em 0.1em #ccc;
font-weight: bold;
font-size:1.2em;
font-family: 'Jockey One', cursive;
padding:10px;
 } 

aside img  {border-radius: 10px;
box-shadow: 0.1em 0.1em 0.1em #000;
   -moz-transition: all .25s; 
    -webkit-transition: all .25s; 
    -o-transition: all .25s;
    transition: all .25s;}

aside  a:hover img { 
	border-radius: 15px;
	box-shadow: 0.1em 0.1em 0.8em #000; opacity: 0.8;}

footer .pepe { opacity: 0.7;
	background-color: #000;
}

footer {
background-image:url('images/asf2.jpg');
background-position: -499px -300px;


}
footer p { padding: 20px;
	font-weight: bold;
	font-size: 0.9em;
	opacity: 1;
	color: #fff;
}


footer a { color: #eee; font-size: 1.2em;
	font-family: 'Jockey One', cursive;
text-decoration: none;
opacity: 1;}
  footer a:hover {font-size: 1.3em;
  	text-shadow: 0.1em 0.5em 0.3em #000;}
footer h1 { 
	font-family: 'Jockey One', cursive;
	color: #2c539e;
font-size: 1.5em;
color:#2c539e;
text-shadow: 0.1em 0.1em 0.2em #000;
font-weight: bold;
}

section h1 { 
color:#2c539e;
text-shadow: 0.1em 0.1em 0.1em #ccc;
font-weight: bold;
font-size:1.7em;
font-family: 'Jockey One', cursive;
padding:10px;
}
section h2 { 
color:#2c539e;
text-shadow: 0.1em 0.1em 0.1em #ccc;
font-weight: bold;
font-size:1.3em;
font-family: 'Jockey One', cursive;
padding:5px;
}

section li { font-size: 14px;
list-style-type:disc;
padding-left: 15px;}
section ul {list-style-type:disc;}

section a { color: #000; font-size: 1.2em;
	font-family: 'Jockey One', cursive;
text-decoration: none;
font-weight: bold;
opacity: 1;
   -moz-transition: all .25s; 
    -webkit-transition: all .25s; 
    -o-transition: all .25s;
    transition: all .25s;}
  section a:hover {font-size: 1.3em;
  	text-shadow: 0.1em 0.5em 0.3em #000;}

.e9 { color:#e9e9e9; }


.logo { height: 80px}