*{
	font-family: "Noto Sans", "Raleway", sans-serif;
}
body{
	background-color: #2a467c;
	margin: 0;
}

#galeria{
	scroll-margin-top: 210px;
}

#galeria-responsive{
	scroll-margin-top: 210px;
}

.contenedor-mapa{
	position: relative;
	top: 200px;
}

ul{
	padding: 0;
}

.titulo-mapa{
	font-size: 40px;
	text-align: center;
	padding-top: 3%;
	color: white;
}

.links a{
	text-decoration: none;
	color: black;
	font-size: 20px;
	color: white;
	text-align: center;
	line-height: 35px;
}

.links a:hover{
	color: #fff;
	border-bottom: 5px solid #8BCDF3 ;
}

.apartado{
	list-style: none;
	padding-top: 5%;
}

.container-links{
	display: grid;
	grid-template-columns:24% 24% 48%;
	gap: 2%;
	padding: 0% 20%;
}

.titulo-links{
	color: #ff914d;
	font-size: 1.6rem;
}

.img-mapa img{
	width: 70%;
}

.img-mapa{
	display: flex;
	align-items: center;
	grid-row: 1/ span 3;
	grid-column: 3 / span 1;
	text-align: center;
	padding: 20% 0;
}

.img-oculta{
	display: none;
}

.links ul{
padding-left: 12%;	
}

.sub_apartado{
padding: 2% 5% 2% 0%;
list-style-type: circle;
color:#ff914d;
}

.sub_apartado li{
font-size: 1px;

}



/*Modo movil*/
@media only screen and (max-width: 699px){

.titulo-mapa{
	font-size: 30px;
}

.links{
	width: 100%;
}

.links a{
	font-size: 15px;
}

.container-links{
	display: inline-block;
	width: 60%;
	text-align: left;
}

.img-mapa{
	display: none;
}

.img-oculta{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.img-oculta img{
	width: 200px;
}

}

/*Modo tablet*/
@media only screen and (min-width:700px) and (max-width:1370px){

/*.container-links{
	grid-template-columns: 28% 28% 40%;
	gap: 7%;
	padding: 0 10%;
}*/
.container-links{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3%;
	padding: 0 10%;
	justify-content: center;
}
.links{
	width: 100%;
	text-align: left;
}

/*.img-mapa{
	display: flex;
	align-items: center;
	padding-right: 5%;
	padding-top: 5%;
}*/
.img-mapa{
	grid-column: 1 / -1;
	grid-row: 3;
	display: flex;
	justify-content: center;
	padding-top: 0;
	padding-bottom: 15%;
}



.img-mapa img{
	width: 280px;
}

.links a{
	font-size:25px;
}

}