/*GENERALES*/
* {margin: 0;
padding:0;
box-sizing: border-box;}
/*ESTILOS*/
body {margin:0;
font-family: 'Roboto Condensed', sans-serif;
background-color: #ffffff;
width:100%;
height: auto;}
body nav {font: roboto; text-align:center;}
/*CONTENEDOR*/
.contenedor {
margin-bottom: 0,5rem;
width: 100%;}
.titulo h3 {color: #396c74;
font-size: 5rem;
padding: 7rem;
margin: 0;
align-content: center;
text-align: center;
font-family: 'Roboto', sans-serif;
letter-spacing:0.5rem;}
.titulo {background: url(../img/bg.jpg);
background-size: cover;
padding: 5%;
height: 20rem;}
/*NAV*/
nav {display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
align-content: flex-start;
text-align: center;}
nav ul li {list-style-type: none;
display: inline-block;}
nav ul li a{
margin: 2rem;
border-radius: 15px;
background: #65B3BF;
padding: 1rem;
width: 3rem;
text-decoration: none;
display: inline-block;
color: white;}
nav ul li a:hover{ background: #396c74;}
.linkactivo { background: white;
color: #65B3BF;}
.menu {display: inline-block;
color: aqua;
text-decoration: none;
background: #65B3BF;
display: flex;
justify-content: space-around;
width: 100%;}
/*ESTRUCTURA*/
main{
width: 100%;
height: auto;}
section {display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: space-around;
width: 100%;}
img {width: 100%;}
/*IMAGEN DEL MAPA*/
article.imagen{
width: 100%;
height: auto;}
/*FOOTER*/
footer{
background: #65B3BF;
padding: 1rem;
margin: 0;}
footer p {color: #ffffff;
font-style: oblique;}