/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu_dropdown
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu_dropdown">
 *      <ul class="menu_dropdown">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu_dropdown::base */
div#menu_dropdown {
    color:#333333;
    font-size:12px;
    height:50px;
    width:960px;
}

ul.menu_dropdown {
	clear:both;
	float:none;
	cursor:pointer;
	z-index:1;
	position:relative;
}

div#menu_dropdown ul {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	z-index:2;
	position:relative;
}

div#menu_dropdown li {
	position:relative;
	margin:0px;
	padding:0px;
	display:block;
	overflow:visible;
	float:left;  
	height:50px;
	z-index:3;
}
/* menu_dropdown::level1 */
div#menu_dropdown li a {
	height:50px;
	display:block;
	float:left;
	line-height:50px;
	text-decoration:none;
	color:#333;
	overflow:hidden;
	z-index:4;
  	position:relative;
}


div#menu_dropdown li.menu_pai
{  
	background-image:url("../imagens/botao_240x50.png");
	background-repeat:no-repeat;
    color:white;
    display:block;
    position:relative;
    width:240px;
    z-index:6;
}

div#menu_dropdown li ul li
{
	background-image:url("images/personalizado/dropdown.png");
	background-repeat:no-repeat;
}

div#menu_dropdown li.menu_pai:hover
{
	background-image:url("../imagens/botao_240x50_hover.png");
	background-repeat:no-repeat;
}

div#menu_dropdown li span.bg { 
	display:block;
    padding:0;
	height:30px;
	z-index:5;
	position:relative;
    float:left;
}

div#menu_dropdown li.current {  
	font-weight:bold;
}

div#menu_dropdown li.current ul {  
	font-weight:normal;
}

/* menu_dropdown::level2 */
div#menu_dropdown ul.menu_dropdown ul {
	padding:0px 0px 10px;
	left:-999em; 
	position:absolute;
	top:30px;
}

div#menu_dropdown li:hover ul
{
	width:191px;
	margin-left:24px;
}

div#menu_dropdown li:hover ul, div#menu_dropdown li.sfhover ul { 
	left:0px; 
	z-index:100;
	visibility:visible; 
}

div#menu_dropdown li li {
	text-indent:0px;
	float:none; 
	height:auto;
}

div#menu_dropdown li li a, div#menu_dropdown li li span.separator { 
	margin:0px 1px;
	padding:0px;
	height:auto; 
	float:none; 
	display:block; 
	line-height:25px;
}

/*Fundo do submenu*/
div#menu_dropdown li div ul li
{   
	background-image:url("images/personalizado/dropdown.png");
    background-position:0px;
    background-repeat:repeat-y;
    width:191px;
}

/* Cor da fonte do submenu*/
div#menu_dropdown li div ul li a
{
	font-size:13px;
	padding:0px 5px;
	color:#FFF;
}

/* Cor da fonte do submenu hover*/
div#menu_dropdown li div ul li a:hover {
	color:#CCC;
}

/* menu_dropdown::level3 */
div#menu_dropdown li ul ul { 
	margin:-31px 0 0 164px;
}

div#menu_dropdown li li.divisor
{
	background-image:url('images/personalizado/divisor_dropdown.png'), url("images/personalizado/dropdown.png");
	background-position:0px;
	background-repeat:no-repeat;
    height:2px;
}

div#menu_dropdown li:hover ul ul, div#menu_dropdown li.sfhover ul ul { 
	border-top:1px solid #ccc; 
}

div#menu_dropdown li:hover ul ul, div#menu_dropdown li.sfhover ul ul, div#menu_dropdown li:hover ul ul ul, div#menu_dropdown li.sfhover ul ul ul, div#menu_dropdown li:hover ul ul ul ul, div#menu_dropdown li.sfhover ul ul ul ul { 
	left:-999em; 
}
div#menu_dropdown li li:hover ul, div#menu_dropdown li li.sfhover ul, div#menu_dropdown li li li:hover ul, div#menu_dropdown li li li.sfhover ul, div#menu_dropdown li li li li:hover ul, div#menu_dropdown li li li li.sfhover ul { left:0pt; z-index:100; }