ESTILO DEL MENU SUPERIOR

*{
margin:0px;
padding:0px;
}

#menu-arriba {
margin:auto;
width:100%;
background:# ffe9da; /*Color de fondo del menú*/
height:30px; /*Ancho de la barra*/
position:fixed; /*Para que nuestro menu se quede fijo al bajar el blog si deseas que suba junto al blog cambia fixed por absolute*/
z-index:101; /*Para quedar fija en la parte superior*/
}

ul, ol {
list-style:none;
}

.menu > li {
float:left;
}

.menu{
margin:0 auto;
width:1000px; /*Ancho del menú entero*/
}
.menu li a {
color:#3f3c3a; /*Color de las letras de las pestañas*/
font:normal normal 14px Josefin sans; /*Tamaño y tipografía de las pestañas*/
text-decoration:none;
padding:10px 30px;
display:block;
cursor:pointer;
}
.menu li a:hover {
color: # eacfbd; /*Color de las pestañas al pasar el ratón por encima*/
}
.menu li ul {
background-color: # ffe9da; /*Color de fondo de las subpestañas*/
display:none;
position:absolute;
min-width:150px;
}
.menu li ul a { /*cambiando la letra de las pestañas*/
color: #3f3c3a; /*Color de las letras de las subpestañas*/
font:normal normal 14px Josefin sans; /*Tamaño y tipografía de las subpestañas*/
}
.menu li ul a:hover {  /*cambiando la letra de las pestañas al pasar el cursor*/
color: #0a0a0a; /*Color de las letras de las subpestañas al pasar el ratón por encima*/
}
.menu li:hover > ul {
display:block;
}