@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

body { 
background-color: black;
width: 100%;
height: auto;
} 

.contenedor {
width: 90%;
max-width: 1000px;
margin: 0 auto;
overflow: hidden;
background-color: black;
height: auto;

}


header { 
margin: 0;
padding: 0;
margin-top: 3rem;
display: block;
}


.logo { 
width: 100%;
    margin-bottom: 2rem;
}

nav {
width: 100%;
text-align: center;
}

.navegador {
overflow: hidden;
}

nav li {
    
display: inline;
padding: 1rem; 
margin: 1rem;
margin-top: 3rem;
margin-bottom: 3rem;
text-decoration: none;

}

nav a {
text-decoration: none;
color: rgb(255, 255, 255); 
font-family: 'roboto', sans-serif;
font-weight: 300;
font-size: 1.5rem; 
padding: 0.5rem;  
position: relative;
right: 3rem;
}

nav a:hover {
font-weight: 400;
color: yellow;
            border: 1px solid yellow;
}

.menu {
width: 100%;
background: black;
float: left;
box-sizing: border-box;
padding: 0px;
}

#uno {
width: 25%;
float: left;
margin: 2rem;  
}

#uno img {
width: 100%;
height: auto;
border-radius: 1rem;
}


.caja {
margin-top: 3rem;
padding: 0;
width: 100%;
height: auto;
    margin-bottom: 3rem;
 }

.caja3{
    margin: 1rem ;
    padding: 2rem;
    width: 100%;
    height: 30%;
    font-family: 'oswald';
    font-weight: 300;
        height: auto;
    }

h3{ 
    color: yellow;
    font-family: 'oswald', sans-serif;
    font-weight: 300;
    font-size: 2rem;
    text-align: center;
    }

h2 { 
color: yellow;
font-family: "oswald";
font-style:normal;
font-weight: 300;
text-align: center;
}


h1 {
    font-size: 18px;
    text-align: center;
    font-family: sans-serif;
    color: #ffffff;}


p { 
font-family: sans-serif;
color: white;
text-align: center;
}


main {
width: 100%;
height: auto;
text-align: left;
}

.carta {
width: 42%;
height: auto;
border: 1px solid yellow;
margin: 2rem;
padding: 1rem;
float: left;
    box-sizing: border-box;
}

.carta img {
width: 100%;
    height: auto;
}

.mapa {
width: 100%;
height: auto;
margin-top: 3rem;
    margin-bottom: 3rem;
float: left;
}
.mapa img {
width: 100%;
    height: auto;

}

footer { 
background-color: aquamarine;
width: 100%;
font-size: 13px;
text-align: center
height: auto;
box-sizing: border-box;
padding: 2rem;
    float: left;

 }

footer p {
    color: black;
font-size: 0.7rem;
}

footer h1 {
color: black;
font-size: 0.8rem;
}