/* CSS Document */

ul.menu,
ul.menu li,
ul.menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.menu {
 position: relative;
 z-index: 597;
 float: left;
 padding-top:10px;
 padding-left:10px;
}

ul.menu li {
 float: left;
 line-height: 1;
 vertical-align: middle;
 zoom: 1;
 
}
ul.menu li a,ul.menu li .separator{ 
text-decoration:none;
/*color:#f8f6ea;*/
color:#ccc;
line-height:27px;
padding:.3em 0 0 1em;
display:block;
float:left;
font-family:Helvetica, Arial, sans serif;
font-size:1.2em;
font-weight:normal;
}
ul.menu li a,ul.menu li .separator{
padding-right:10px;
display:block;
float:left;
}
ul.menu li.active .separator,ul.menu li.active a,ul.menu li:hover a,ul.menu li.hover a,ul.menu li:hover .separator,ul.menu li.hover .separator{ 
/*background-image:url(../images/left_hover.png);
background-repeat:no-repeat;
padding-left:10px;
background-position:top left;
background-color:#f8f6ea;
*/
}
ul.menu li.active .separator,ul.menu li.active a,ul.menu li:hover a,ul.menu li.hover a,ul.menu li:hover .separator,ul.menu li.hover .separator{
padding-right:10px;
/*background-image:url(../images/right_hover.png);
background-position:top right;
background-repeat:no-repeat;
color:#820000;
cursor:pointer;*/
color:#fff;
}

ul.menu li:hover li a,ul.menu li:hover li a,ul.menu li.hover li a,ul.menu li.hover li a{
background-image:none;
background-color:transparent;
}
ul.menu li:hover ul,ul.menu li.hover ul{
background-image:url(../images/base_sottomenu.png);
background-position:bottom left;
background-repeat:no-repeat;

padding-bottom:5px;
width:200px;

}
ul.menu li:hover li,ul.menu li.hover li{
width:200px;
background-image:url(../images/sottomenu.png);
background-repeat:repeat-y;



}

ul.menu li:hover li a,ul.menu li.hover li a{
background-image:url(../images/sottomenu.png);
display:block;
background-repeat:repeat-y;
width:200px;
font-size:12px;
padding:5px 0 5px 10px;
text-align:left;



}
ul.menu li li:hover a,ul.menu li li.hover a{
color:#380000;

}

ul.menu li.hover,
ul.menu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 
}
ul.menu li li a{
line-height:1.1;

} 
ul.menu ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 200px;
}

ul.menu ul li {
 float: none;
}

ul.menu ul ul {
 top: 0px;
 left: 100%!important;
 left:95%;
}

ul.menu li:hover > ul {
 visibility: visible;
 
}