html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

header {
    background-color: #005da4; /* Color de fondo */
    padding-top: 20px; /* Espaciado interno */
    /*text-align: center; /* Alineación del texto */
    font-size: 25px; /* Tamaño de la fuente */
    color: #333; /* Color del texto */
    height:85px; 
}

nav {
	min-height:110px;
	background-color:#FFF;
	
}

section {
	min-height:400px;
	background-color:#F8F9F9;
	
}

footer {
    background-color: #000; /* Color de fondo */
    padding: 20px; /* Espaciado interno */
    text-align: center; /* Alineación del texto */
    font-size: 25px; /* Tamaño de la fuente */
    color: #333; /* Color del texto */
    height:100px; 
}

#map {
    width: 100%;
    height: calc(100vh - 50px);
}

/* --- ESTILOS PARA SUBMENÚS --- */
/* Configurar el submenú */
.dropdown-submenu {
    position: relative;
}

/* Mostrar el submenú debajo del menú principal en escritorio */
@media (min-width: 992px) { /* lg y superiores */
    .dropdown-submenu > .dropdown-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
    }

    /* Mostrar el submenú cuando el padre tiene la clase "show" */
    .dropdown-submenu:hover > .dropdown-menu,
    .dropdown-submenu > .dropdown-menu.show {
        display: block;
    }
}

/* En pantallas pequeñas, hacer que el submenú sea un bloque */
@media (max-width: 991px) { /* xs, sm, md */
    .dropdown-submenu > .dropdown-menu {
        position: relative;
        left: 0;
        display: none;
    }

    /* Mostrar el submenú cuando el padre tiene la clase "show" */
    .dropdown-submenu > .dropdown-menu.show {
        display: block;
    }
}