/**
 * Hoja de estilos para la portada de la web de Francisco Mantecon (CSS3)
 */
html{min-height: 750px;}
#web { height:100%; margin: 0 auto; text-align: left;}

#imagenesCabeceraDerecha .xuntaLogosPie {display: none;}

/*** menu ***/
#panelMenu {display: block; top:0px; width: 100%; margin-left: 0px;}
#separadorMenu{display: none;}

#barraIdiomasSuperior {
  margin-left: 0;
}

#contenedorBanderas {
  margin-left: 0;
}

#contenedorIdiomas{display: flex; justify-content:space-evenly;}
#idiomas{display: flex; justify-content: center; width: 357px;}
#contenedorIdiomas > div{width:600px;}

#menu { display: flex; justify-content:space-evenly; gap:10px; left:0px; z-index: 2; margin:0;}
#menu li {position: relative; padding:0;}
#menu li h2 { font-weight: normal; margin:0 6px 15px; color:#FFF;transition: 0.4s ease-out 0s;}
#menu li h2:hover {margin-bottom: 3px;}
#menu li h2 > div{position:relative; float:left; height: 10px; border: solid red 0px; margin-right: 5px; };
#menu li h2 > a {color:inherit;}
.flechaMenu { position: absolute; right: 0; top: 0px; width: 100%; border-bottom:8px solid transparent; border-top:8px solid transparent; border-left:16px solid #000; transition: width 0.4s ease-out 0s;}

footer{
    background-image: none;
}

@media only screen and (max-width: 800px) {
#contenedorIdiomas > div{display: none;}
}