/*@media (min-width: 900px){*/
#menu_principal{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
}
/*}*/

.contenedor_menu{
	width: 100%;
}


#menu_principal a:hover {
    text-decoration: none;
}

@media (max-width: 900px){
    /*#grandes_eventos{
    	grid-column-start: auto !important;
        grid-column-end: auto !important;
    }
    #empleo_reactivacion{
    	grid-column-start: auto !important;
        grid-column-end: auto !important;
    }*/
}

#menu_grandes_eventos{
	background-color: #529148;
}
#menu_grandes_eventos:hover{
	background-color: #28791c;
}

#menu_eventos_localidad{
	background-color: #FC7900;
}
#menu_eventos_localidad:hover{
	background-color: #cd6300;
}

#menu_festivales{
	background-color: #fcbd00;
}
#menu_festivales:hover{
	background-color: #c6790d;
}

#menu_mapa_eventos{
	background-color: #303784;
}
#menu_mapa_eventos:hover{
	background-color: #14194b;
}


#menu_vacunacion{
	background-color: #579ADB;
}
#menu_vacunacion:hover{
	background-color: #175797;
}

#menu_ultimas_noticias{
	background-color: #BE1C33;
}
#menu_ultimas_noticias:hover{
	background-color: #920016;
}





img.icon{
	display: block;
	margin: 5px auto;
	width:110px;
}

#menu_principal h2{
	font-size: 2.5rem !important;
	min-height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	word-break: break-word;
}

.barraFlotante img.icon{ 
	display: none !important;
}

@media (max-width: 900px){
    .barraFlotante img.icon{ 
    	display: none !important;
    }
    .barraNormal img.icon{ 
    	/*display: none !important;*/
    }
    
    /*.barraNormal {
        position: fixed;
        top: 0;
        z-index: 2;
        margin: 60px 0 0 0 !important;
        width: 100%;
        padding: 0 !important;
    }*/
    
    .barraFlotante {
        margin: 0px 0 0 0 !important;
        width: 100%;
        padding: 0 !important;
    }
    
.item_menu {
    width: 40vw;
    white-space: normal;
    padding: 2%;
}
}

.item_menu {
    padding: 2%;
}
.barraFlotante{
     position: fixed;
     top: 0;
     z-index: 2;
}

.barraNormal {
	display: grid;
}

@media (min-width: 900px){
.navbar-brand{
display:none;
}
#menu_principal h2 {
    white-space: normal;
}
}

.apagado{
	display: none;
}

.scroll_menu {
  white-space: nowrap; 
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch; 
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.scroll_menu::-webkit-scrollbar {
  display: none; }