365cosas
Menu ARRIBA
=====================EN HTML================================================EN CSS===========================
*{
list-style:none;
}
#menuarriba{
position:relative;
height:50px;
color:#FFFFFF;
background:#383636;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#menuarriba1{
position:relative;
height:38px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(http://img28.xooimage.com/files/6/3/5/background-e49414.jpg) repeat-x bottom left;
padding:0 0 0 20px;}
#menuarriba1 ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;}
#menuarriba1 ul li{
display:block;
float:left;
margin:0 1px;}
#menuarriba1 ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:38px;}
#menuarriba1 ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;}
#menuarriba1 ul li a:hover{
color:#fff;
background:transparent url(http://img44.xooimage.com/files/2/d/8/hover-e4db8c.jpg) repeat-x bottom left;}
#menuarriba1 ul li a:hover span{
display:block;
width:auto;
cursor:pointer;}
#menuarriba1 ul li a.current, #menuarriba1 ul li a.current:hover{
color:#fff;
background:#1D6893 url(http://img28.xooimage.com/files/7/9/d/left-e4dc30.jpg) no-repeat top left;
line-height:275%;}
#menuarriba1 ul li a.current span{
display:block;
padding:0 20px 0 0;
width:auto;
background:#383636 url(http://img22.xooimage.com/files/c/1/1/right-e4dab4.jpg) no-repeat top right;
height:38px;}