/* CSS Text Document */
#menuW {
width:100%;
max-width:1960px;
margin: 0 auto;
background-color:#000000;
color:#FFFFFF;
position:fixed;
z-index:1000;
top:0px;
padding:10px;
vertical-align:middle;
text-align:center;
border:0px solid #f4f4f4;
transition: background-color 0.5s ease; /* Para lograr una transición suave */
border-bottom:0px solid #000000;
}

#menuW .logo {
display:inline-block;
width:100%;
max-width:400px;
max-height:150px;
border:0px solid #f4f4f4;
text-align:center;
overflow:hidden;
vertical-align:middle;
}
#menuW .logoimg {
max-width:380px;
max-height:70px;
vertical-align:middle;
z-index:1000;
box-shadow: rgba(0, 0, 0, 0.0) 0px 3px 8px;
background-color:;
padding:4px 25px;
border-radius:6px;
}

#menuW .MenuPrincipal {
display:inline-block;
width:100%;
max-width:880px;
height:60px;
padding:1px;
border:0px solid #f4f4f4;
vertical-align:middle;
text-align:left;
z-index:9999;
}
#MenuMovil {display:none;}
#zonaLogo {display:none;}
#MenuSummary {display:none;}


@media (max-width: 998px) {
#menuW {
display:none;
}

#MenuMovil {display:block;position: fixed;width:100%;background-color:#000000;color:#f6f5f4;z-index: 9999;}
#zonaLogo {display:block;width:100%;background-color:#000000;}
#zonaLogo .logoMovil {display:block;height:80%;max-height:60px;padding:6px;}

#ListMenu {width:94%;position:relative;display:block;top:30px;padding:0px;z-index:10000;}
#ListMenu li {width:90%;padding:6px;text-decoration:none;font-size:1.2em;color:#000000;border-bottom:1px solid #bbbbbb;}
#ListMenu li a:link, a:visited, a:active {color:#000000;text-decoration:none;}
#ListMenu li a:hover {color:#000000;border-bottom:2px solid #000000;}
#ListMenu ul {list-style: none;}

#ListMenu .BotonCerrar {position:absolute;top:0px;right:10px;margin-botom:30px;cursor:pointer;border:8px solid #f4f4f4;border-radius:8px;padding:4px 10px;background-color:#000000;color:#f6f5f4}

dialog::backdrop {
	  background: rgba(0, 0, 0, 0.7);
}

}