/*HEADER*/

body {
    background-color: #f7f7f7;
    margin: 0;
    font-family: sans-serif;
}

header {
    width: 100%;
    height: 100px; 
    background: #8d9fc3;
}

.logo{
    float:left;
    margin-top: 25px;
    margin-left: 2%;
    border-style: none;
}
    
nav  {
    float: right;
    width: auto;
    margin-top: 3%;
    padding-right: 3%;
}

ul li {
    display: inline-block;
    padding-left: 0.6rem;
}
    
.menu li a {
    width: 90%; 
    color: #fff;
    font-family: sans-serif;
    font-weight: 700;
    text-transform: uppercase; 
    text-decoration: none;
    font-size: 0.8rem;
    padding: 0.5rem;
}
    
    
/*HOME*/

#contenedorj{
    width:75%;
    margin: auto;
    margin-top: 15px;
    background-color: crimson;
}

.historial{
    text-align: center;
}

h1{
    font-family: sans-serif;
    font-weight: 700;
    color:#002d83;
    font-size: 1.3rem;
}

h2{
    font-family: sans-serif;
    font-weight: 500;
    color: #00006d;
    
}
h3{
    font-family: sans-serif;
    font-weight: 500;
    color: #00006d;
    
}

.j{
    color: crimson;
}
    
section{
        
        margin-left: 2%;
        margin-right: 2%;
        background-color: #ddd;
        margin-top: 2%;
        padding: 1%;
}

.sectionlucas{
        float: right;
        text-align: center;
}

.academicaj{
        width:940px;
        margin: auto;
        margin-top: 15px;
        background-color: black;
        color: white;
}

section p{
        margin: 0; 
    
}

section h1{
        margin: 0;   
}

section h3{
        margin-bottom: 0%;
        margin-top: 1%;
}
section h2{
       margin-bottom: 0%;
        margin-top: 1%;    
}
p{ font-size: .8rem;    
}

.fadu {
        width:50rem;
        float: right;
        padding-top: 2%;
        padding-bottom: 2%;
}

.fadu img {
        width: 100%;  
}

.fadumapa {
        width:50rem;
        float: left;
        padding-top: 2%;
        padding-bottom: 2%;
        margin-left: 10%;
}

.lucasfoto{
    float: right;
    padding: 15px;
    margin-top: 15px;
    
}
    
.mapa{
    float: left;
}

/* FOOTER */

footer {
    background-color: #8d9fc3;
    width: 95%; 
    margin: 2%; 
    text-align: center; 
    padding:0.5rem 0.5rem 0.5rem 0.5rem; 
    height: auto;
    clear: both;
    font-size: 2em;
    margin-top: 10px;
    }

footer p { color: #fff; font-size:0.9rem; font-family: sans-serif }

.jo{
    background-color: crimson;
    margin: auto;
    margin-top: 1%;
    width: 75%;
    text-align: center;
}