#nav a{

display: block;

text-decoration: none;

font-family:Arial, Helvetica, sans-serif;

font-size:8px;

text-align:center;

color: #FFF;

padding: 5px;

height: 18px;

/*background:url(img/linea-naranja.png) no-repeat right;*/

border-right: solid 1px #000;

} 

#nav2 a{

display: block;

text-decoration: none;

font-family:Arial, Helvetica, sans-serif;

font-size:8px;

text-align:center;

color: #FFF;

padding: 5px;

height: 18px;

/*background:url(img/linea-naranja.png) no-repeat right;*/

border-right: solid 1px #000;

}



ul,li{

list-style: none;

margin:0;

padding:0;

} 

#nav{

font-family:Arial, Helvetica, sans-serif;

color:#FFFFFF;

background-repeat:repeat-x;

width: 783px;

height: 30px;

margin: 0;

padding: 0;

border-bottom:#999999 1px dotted;

z-index: 10;

}  


#nav2{

font-family:Arial, Helvetica, sans-serif;

color:#FFFFFF;

width: 783px;

height: 30px;

margin: 0;

padding: 0;

border-bottom:#999999 1px dotted;

z-index: 20;



}

/*separacion de pixeles*/

#nav li{

z-index: 300;

cursor: pointer;

width: 75px;

background-color:#333333;

}



#nav2 li{

z-index: 200;

cursor: pointer;

width: 75px;

background-color:#333333;

}
#nav li a, #nav2 li a{
	text-decoration:none;
	color:#FFF;
	
}
.boton{

width: 76px;

height: 30px;

float:left;

position: relative;

background-image:url(img/relleno.gif);

background-repeat:repeat-x;

z-index: 1;

color:#333333;

list-style-type:none;

} 

.submenu{

display: none;

position: absolute;

border:none;

height: auto;

width: 113px;

color:#333333;

background-color: none; 

}

.submenu li{

float: none;

position: static;

margin: 0;

font-size: 11px;

font-variant: normal;

list-style-type:none;

border-left: none;

width: 100px;

height: 25px;




}
#nav .submenu li a, #nav2 .submenu li a{
	text-decoration:none;
	color:#333;
	display:block;
	
}
#nav .submenu li a:hover, #nav2 .submenu li a:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#333;
	
}
.submenu li a{

color:#333333;

background: #f0f0f0 url('img/bg.png') repeat-x 0 0;

width: 100px;

height: 9px;

border-right: 1px #CCCCCC double;

border-left: 1px #CCCCCC double;

}

.submenu li a:hover{



color:#333333;

height: 11px;

width: 100px;

height: 20px;



}

#panel{

width: 783px;

background-image:url(img/relleno.gif);

background-repeat:repeat-x;

margin: auto;

}

#clear{

height: 7px;

}

#nav .submenu li a{

color:#666666;

height: 15px;



}

#nav .submenu li a:hover{

color:#FFF;


height: 15px;

}

#nav2 .submenu li a{

color:#666666;

height: 15px;

}

#nav2 .submenu li a:hover{

color:#FFF;

background-color:#333;

height: 15px;

}

#nav .submenu li{

border:none;

}

#nav2 .submenu li{

border:none;

}

/*separacion de pixeles*/

#nav .submenu li a{

border-right: solid 1px #ddd;

background:url(img/linea.png) no-repeat bottom #f0f0f0;

border-bottom: 1px solid #333;

}

#nav2 .submenu li a{

border-right: solid 1px #ddd;

background:url(img/linea.png) no-repeat bottom #f0f0f0;

border-bottom: 1px solid #333;

}