@font-face{
    font-family: me123;
    src: url("fuente/me123.ttf") format('truetype');
}
@font-face{
    font-family: me123ie;
    src: url("fuente/me123.eot") format('truetype');
}
body{
    background-color: black;
    background-image: url("imagenes/fondomasseffect.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: me123,me123ie,Verdana;
    font-size: medium;
    margin-left: 5px;
    margin-right: 5px;
    max-width: 69%;
}  
.page-wrapper {
    background-image: url("imagenes/fondo.png");  
    margin: 5px;
    text-align: justify;
    border-style: ridge;
    border-color: red;
    word-wrap: break-word;
}
.intro{
    min-width: 69%; 
    border-style: ridge; 
}
header h1 {
    color: red;
    font-size: 4em;
    padding-bottom: 10px;
    text-align: left;
    position: relative;
    top: 10px;
    left: 5px;
    margin-left: 10px;
}
header h2 {
    color: white;
    font-size: 2em;
    padding-bottom: 10px;
    text-align: right;
    float: right;
    clear: left;
    margin-right: 10px;
}
h3{
    color: red;
    font-size: 20px;
    font-weight: bold;
    float: left;
    text-align: left;
    width: 200px;
    height: 200px;
    word-wrap: break-word;
}
p {
    color: black;
    padding: 5px;
    font-size: 0.9em;
}
.summary > p{
    color: red;
    text-align: center;
    clear: right;
}
a{
    color: navy;
}
.preamble{
    background-image: url("imagenes/fondo.png");
    border-style: ridge;
    padding-top: 100px;
    padding-bottom: 100px;
    min-width: 100%;  
    max-width: 100%;
}    
.preamble > h3{
    background-image: url("imagenes/shepard.png");
    background-position: 45% 10%;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 90%;
    overflow: hidden;
}
.explanation{
    background-image: url("imagenes/fondo.png");
    border-style: ridge;
    min-width: 45%;  
    max-width: 45%;
    margin-top: 6%;
    margin-bottom: 6%;
    min-height: 600px;
    float: left;
}
.explanation > h3{
    background-image: url("imagenes/garrus.png");
    background-position: 45% 10%;
    float: left;
    margin-right: 10px;
    max-width: 100%;
}
.participation{
    background-image: url("imagenes/fondo.png");
    border-style: ridge;
    min-width: 45%;  
    max-width: 45%;
    margin-top: 6%;
    margin-bottom: 6%;
    min-height: 600px;
    float: right;
}
.participation > h3{
    background-image: url("imagenes/ashley.png");
    background-position: 55% 15%;
    float: right;
    margin-left: 10px;
    max-width: 100%;
}
.benefits{
    background-image: url("imagenes/fondo.png");
    border-style: ridge;
    min-width: 40%;
    max-width: 40%;
    margin-bottom: 6%;
    min-height: 600px;
    float: left;
}
.benefits > h3{
    background-image: url("imagenes/liara.png");
    background-position: 60% 30%;
    float: left;
    margin-right: 10px;
    max-width: 100%;
}
.requirements{
    background-image: url("imagenes/fondo.png");
    border-style: ridge;
    min-width: 50%;  
    max-width: 50%;
    padding-bottom: 10px;
    float: right;
    margin-bottom: 6%;
    min-height: 600px;
}
.requirements > h3{
    background-image: url("imagenes/tali.png");
    background-position: 20% 10%;
    float: right;
    margin-left: 10px;
    max-width: 100%;
}
footer{
    position: relative;
    text-align: center;
    clear: both;
    margin-top: 50px;
}
footer > a{
    margin-bottom: 10px;
    font-size: 1.4em;
}
.sidebar {
    background-image: url("imagenes/fondo.png");
    position: absolute; 
    top: 500px; 
    right: 0;
    min-width: 29%;
    max-width: 29%;
    margin: 5px;
    word-wrap: break-word;
    }
.wrapper{
    border-style: ridge;
    border-color: red;
    font-size: 0.9em;
    text-align: left;
}
.wrapper h3.select {
    color: white;
    text-align: left;
    padding-right: 100%;
    width: 80%;
    height: 80px;
}
.wrapper h3.archives {
    color: red;
    text-align: left;
    padding-right: 100%;
    width: 80%;
    height: 80px;
}
.sidebar h3.resources {
    color: white;
    text-align: left;
    padding-right: 100%;
    width: 80%;
    height: 80px;
}
li > a{
    color: blue;
    font-weight: bold; 
}
ul{
    padding-top: 50px;
    padding-bottom: 50px;
}