@charset "UTF-8";
/* CSS Document */
*{margin: 0;
padding: 0;
	text-decoration: none;
}
body{
display: flex;
align-items: center;	
	
}
#info-ubicacio-dw {
    width: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}
	
#contenedor{
	width: 100%;

margin: 0;	
}
 header{
width: 100%;
height: 300px;
background:#FFFFF;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
font-size: 4em;
}

#titulo {
width: 100%;
height: 100%;
background:#badab4;
color: #000000;
font-size: 50px;
text-align: center;
float: center;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
display: grid; /*activamos Grid*/
place-items:center; /*place-item solo funciona con Grid*/
}


.contenido{
  display: block;
  margin-left: auto;
  margin-right: auto;
	padding-top: 3%;
	padding-bottom: 10%

}
.navbar {
  background-color: #DEDEDE; /* verde elegante */
  padding: 20px 0;
}

.navbar ul {
  list-style: none;
  display: flex;
  justify-content: center;
gap: 30px;
  margin: 5px;
  padding: 5px;
  flex-wrap: wrap; /* por si no cabe todo */
}

.navbar li {
  margin: 10px 15px;
}

.navbar a {
  text-decoration: none;
  color: #000000;
  font-size: 22px;
  font-family: Arial, sans-serif;
  transition: all 0.3s ease;
	
}


.navbar a:hover {
  color: #038d88;
  border-bottom: 2px solid #a6e3a1;
  padding-bottom: 5px;
}


 #contenido{

width: 100%;
height: 500px;
background:#FFFFF;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 20px;
text-align:justify
	 
}

section{
width: 100%;
height: 50px;
float:left;
background:#a3d2bf;
padding: 30px;
text-align:justify;
font-size:20px

}

.footer {
    background-color: #222; 
    color: #fff;
    text-align: center;
    padding: 30px 0;   
    font-size: 14px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

aside{

width: 100%;
height: 200px;
float: right;
background:#a3d2bf;
padding: 30px;
margin-bottom: 20px;
}