nav {border: 0px solid; position:relative; width: 100%; margin-left: auto; margin-right: auto; } .menu {font-family: "Yanone", "Trebuchet MS", sans-serif; font-size: 18px; line-height: 22px; /* 22 */ transition: all ease .8s; position:relative; z-index: 1000; } ul.fullnav, ul.fullnav ul { list-style: none; width: 100%; margin: 0; border: 0; font-size: 0; text-align: center; } ul.fullnav { border-top: 0px solid #485927; border-bottom: 4px solid #a7d150; /* 4 */ background-color: brown; } ul.fullnav li { display: inline-block; margin: 0 1rem; padding: 0; font-size: 20px; /* 20 */ line-height: 38px; /* 38px */ } ul.fullnav li a { display: block; padding: 0 7px; text-decoration: none; color: white; } ul.fullnav li ul { position: absolute; left: 0; width: 100%; height: 0; overflow: hidden; background-color: #a7d150; line-height: 0; /* 0 */ z-index: 3; } ul.fullnav ul a { color: #485927; } ul.fullnav li:hover a { background-color: #a7d150; } ul.fullnav li:hover ul { height: auto; } ul.fullnav li:hover ul li a { background: transparent; } ul.fullnav li:hover ul li a:hover { text-decoration: none; color: #485927; } /* .menu-fixed { position:fixed; z-index:10; top:0; left:0; /* max-width:700px; Ojo con max-width:1000px */ /* /* width:100%; box-shadow:0px 3px 2px rgba(128,0,0,.5); /* 0px 4px 3px y .5 */ /* opacity: .9; } */ .idiomaen, .idiomaes {border:0px solid white; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); >a img {display: block;} } .idiomaen { top: 50%; right: 3px;} /* 50% 3px */ .idiomaes { top: 50%; right: 30px;} /* 50% 40px */ .go-top { position: fixed; bottom: 5rem; right: 0.5rem; text-decoration: none; background-image: url(to_top03.png); background-repeat: no-repeat; /* color: white!important; ha de haber texto en html background-color: rgba(153, 51, 0, 0.6); /*rgba(153, 51, 0, 0.5);*/ font-size: 16px; padding: 1em; display: none; z-index: 10; } .go-top:hover { /* color: #800000!important; ha de haber texto en html background-color: rgba(153, 102, 0, 0.4); */ background-image: url(to_top03.png); /* background-image: url(to_top02.png); no hay que cargar otra img */ opacity: 0.5; background-repeat: no-repeat; z-index: 10; /* 9 */ } /* header nav ul { list-style: none; overflow: hidden; } header nav ul li { float: left; } header nav ul li a { display: block; padding:20px; color:#fff; text-decoration: none; } header nav ul li a:hover { background:#2980b9; } .menu-fixed { position:fixed; z-index:1000; top:0; max-width:1000px; /*left:0;*/ /*Podemos hacer que el menu abarque el 100% al hacer scroll*/ /* width:100%; box-shadow:0px 4px 3px rgba(0,0,0,.5); } */