@charset "utf-8";
/* CSS Document */
/* remove the list style */
.nav {
margin:0; 
padding:0; 
list-style:none;
}	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.nav li {
float:left;  
width:130px;
position:relative;
}
.nav li.especial {
float:left;  
width:1px;
height:60px;
background-color: #333;
position:relative;
}
/* this is the parent menu */
.nav li a {
font-family: Arial, Helvetica, sans-serif;
display:block; 
padding:18px 20px 0 20px;   
height:42px; 
text-decoration:none; 
color:#fff; 
text-align:center; 
font-size:18px;
font-weight:bold
}
.nav li:hover {
color:#fff;
background:url(../images_web/bg_botonera_hover_flecha.png) top center repeat-x;
}
.nav li a:hover {
color:#fff;
background:url(../images_web/bg_botonera_hover_flecha.png) top repeat-x
}
.nav li a.activado {
color:#fff;
background:url(../images_web/bg_botonera_hover_flecha.png) top repeat-x
}
/* submenu, it's hidden by default */
.nav ul {
position:absolute; 
left:0; 
display:none; 
margin:2px 0px 0px 0px; 
padding:0; 
list-style:none;
}
.nav ul li {
width:220px; 
float:left; 
border:1px solid #fff;
margin-top:-2px;
background-color:#333333; 
}

/* display block will make the link fill the whole area of LI */
.nav ul a {
display:block;  
height: auto;
font-size:12px;
text-align:left;
padding: 8px 10px; 
color:#fff;	
}
.nav ul a:hover {
text-decoration: none;
background:none;
background-color:#000000; 
}
.nav ul li:hover {
text-decoration: none;
background:none;
background-color:#000000; 
}
/* this is the parent menu */







.nav ul.subsubmenu {  
left:220px; 
display:none; 
margin:0px 0px 0px 0px; 
padding:0; 
list-style:none;
top:0px}
.nav ul.subsubmenu li { 
width:220px; 
float: left; 
border:1px solid #fff;
margin-top:-1px;
background-color: #666; }
.nav ul.subsubmenu li:hover {
	background:none;
background-color: #FC0; 
}
.nav ul.subsubmenu li a:hover {
	background:none;
background-color: #FC0; 
}

#menub {
	text-align:left;
	font-size:12px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1000;
	position:relative;
	height:auto;
	border:#CCCCCC solid 2px;
	border-top:0px;
}
#menub ul { 
	list-style-type: none;
	margin:0px; 
	padding:0px;
}
#menub ul li.nivel1 {
	width:240px;
	background-color:#FFFFFF
}
#menub ul li a {
	display:block;
	text-decoration:none;
	color: #666;
	padding:8px 5px 8px 10px;
	position:relative;
	border:1px solid #999;
	border-left:0px;
	border-right:0px;
	margin-top:-1px;
}
#menub ul li:hover {
	position:relative;
}
#menub ul li a:hover, #menub ul li:hover a.nivel1 {
	color:#FFF;
	background-image:url(../images_web/bg_botonera_hover.png);
	position:relative;
}
#menub ul li a.nivel1 {
	display:block;
	position:relative;
}
#menub ul li ul {
	display:none;
}
#menub ul li a:hover ul, #menub ul li:hover ul {
	display:block;
	position:absolute;
	left:240px;
	top:-1px;
	
	border:1px solid #333;
	
}
#menub ul li ul li{
	background-color:#FFFFFF;
}
#menub ul li ul li a {
	padding:8px 5px 8px 5px;
	width:220px;
	
	color:#333;
	margin-bottom:0px;
	border-top:0px solid #FFF;
	margin-left:0px;
	background-image:url(../images/barra-sep-li.png);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:0px;
}
#menub ul li ul li a:hover {
	position:relative;
	background-image:none;
	background-color: #000;
	padding-left:10px;
	padding-right:0px;
	color:#FFF;
}
/* */
#menub ul li:hover ul li ul{
	display:none;
}
#menub ul li ul li:hover ul{
	display:block;
	position:absolute;
	left:230px;
	top:-1px;
	
	border:1px solid #333;
	z-index:1000
}
#menub ul li ul li:hover{
	background-color:#000;
	color:#FFF
}
#menub ul li ul li ul li a {
	padding:8px 5px 8px 5px;
	width:220px;
	
	color:#333;
	margin-bottom:0px;
	border-top:0px solid #FFF;
	margin-left:0px;
	background-image:url(../images/barra-sep-li.png);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:0px;
}
#menub ul li ul li ul li a:hover {
	position:relative;
	background-image:none;
	background-color: #6599FF;
	padding-left:10px;
	padding-right:0px;
	color:#FFF;
}