@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@import url(http://fonts.googleapis.com/css?family=Pinyon+Script);
@charset 'UTF-8';
header, nav, section, footer, aside, blockquote, article {
display: block;
}
html {width: 100%;}
body {background: #f10 url('imagen/fondo.jpg'); padding: 0; margin: 0; width: 100%;}
nav {
position: absolute;
width: 940px;
height: 48px;
top: 165px;
left: 50%;
margin-left: -470px;
padding: 0;
background: #000;
}
#inicio a {
float: right;
height: 29px;
margin: 5px 5px 0px 10px;
padding: 6px 16px 4px 16px;
top: 4px;
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
background: url('imagen/barra/inicio-black.png')  no-repeat;
}
#inicio a:hover {
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
background: url('imagen/barra/inicio-black.png')  no-repeat;
}
#trayectoria a {
float: right;
height: 29px;
margin: 5px 5px 0px 10px;
padding: 6px 13px 4px 15px;
top: 4px;
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
}
#trayectoria a:hover {
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
background: #999;
background: url('imagen/barra/trayectoria-black.png') no-repeat;
}
#areas a {
float: right;
height: 29px;
margin: 5px 5px 0px 10px;
padding: 6px 25px 4px 24px;
top: 4px;
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
}
#areas a:hover {
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
background: #999;
background: url('imagen/barra/areas-black.png') no-repeat;
}
#aviso a {
float: right;
height: 29px;
margin: 5px 5px 0px 10px;
padding: 6px 19px 4px 14px;
top: 4px;
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
}
#aviso a:hover {
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
background: #999;
background: url('imagen/barra/areas-black.png') no-repeat;
}
#contacto a {
float: right;
height: 29px;
margin: 5px 15px 0px 10px;
padding: 6px 17px 4px 15px;
top: 4px;
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
}
#contacto a:hover {
font-family: 'Lato', sans-serif;

font-size: 16px;
color: #fff;
text-decoration: none;
background: #999;
background: url('imagen/barra/contacto-black.png') no-repeat;
}
#back {
position: absolute;
width: 100%;
height: 150px;
left: 0;
top: 0;
background: #000;
}
header {
position: absolute;
width: 900px;
height: 150px;
top: 0;
left: 50%;
margin-left: -450px;
background: #000 url('imagen/banner.jpg') 125px 0px no-repeat;
}
.contenedor {
position: absolute;
width: 940px;
height: 800px;
left: 50%;
top: 230px;
margin-left: -470px;
background: #fff;
}
blockquote {
position: absolute;
width: 630px;
height: 700px;
left: 255px;
top: 20px;
padding: 23px 20px 10px 20px;
margin: 0px;
text-align: justify;
background: #424242 url('imagen/inicio2.jpg') 430px 0 no-repeat;
}
article {
position: absolute;
width: 390px;
height: 363px;
left: 0;
top: 0;
padding: 23px 20px 10px 20px;
margin: 0px;
text-align: justify;
background: #fff;
border-top-style: solid;
border-top-width: 30px;
border-top-color: #000;
}
article p {
font-family: Century Gothic, "Courier New", Courier, monospace;
font-size: 14px;
color: #000;
margin: 0;
}
article h2 {
font-family: 'Pinyon Script', cursive;
font-size: 28px;
color: #000;
margin: 0;
}
#plus {
position: absolute;
width: 640px;
height: 238px;
right: 0;
top: 425px;
margin: 0px;
padding: 15px;
background: #424242;
border-top-style: solid;
border-top-width: 40px;
border-top-color: #000;
text-align: justify:
}
#plus p {
font-family: Century Gothic, "Courier New", Courier, monospace;
font-size: 13px;
color: #fff;
margin: 0;
}
#plus h2 {
font-family: Century Gothic, "Courier New", Courier, monospace;
font-size: 18px;
color: #fff;
margin: 0;
}
aside {
position: absolute;
width: 240px;
height: 733px;
left: 15px;
top: 20px;
background: #000 url('imagen/inicio.jpg') no-repeat;
background-position: 0 0;
text-align: justify;
}
aside p {
font-family: Century Gothic, "Courier New", Courier, monospace;
font-size: 13px;
color: #fff;
margin: 50px 58px 0 13px;
}
#members {
position: absolute;
width: 200px;
height: 265px;
left: 20px;
bottom: 20px;
background: #888 url('imagen/members.jpg') 0 0 no-repeat;
text-align: center;
}
#members p {
font-family: Century Gothic, "Courier New", Courier, monospace;
font-size: 13px;
color: #fff;
margin: 0;
}
footer {
position: absolute;
width: 100%;
height: 67px;
left: 0;
top: 1030px;
background: #555;
text-align: center;
padding-top: 13px;
margin: 0;
}
footer p {
font-family: Century Gothic, "Courier New", Courier, monospace;
font-size: 14px;
color: #000;
margin: 0;
}