/* CSS Document */

.menu a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:85px;
  height:33px;
}
.menu a:hover { background-position: 0 -34px; text-decoration: none; }
.menu .alt { display:none; }


.menu a#uno { background-image: url(images/1.gif);
				width:86px;
  					height:33px; }
.menu a#dos { background-image: url(images/2.gif) ;
				width:95px;
  					height:33px;}
.menu a#tres { background-image: url(images/3.gif);
				width:89px;
  					height:33px; }
.menu a#cuatro { background-image: url(images/4.gif);
				width:85px;
  					height:33px; }
.menu a#cinco { background-image: url(images/5.gif) ;
				width:88px;
  					height:33px;}
					
.menu a#seis { background-image: url(images/6.gif);
				width:72px;
  					height:27px; }
					
.menu a#siete { background-image: url(images/7.gif);
				width:68px;
  					height:27px; }

#navi {  	list-style:none;	margin:0;	padding:0;}
#sub {
margin:0;	padding:0;}


#navi li {	margin:0px;	padding:0px;	border:0px solid ;	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)}
.navi ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}