/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 9px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 150px;
 z-index:2;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 z-index:3;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
}
.menulist a.highlighted {
 color: #FFF;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */


.menulist li a {
	border:0;
	padding:4px 4px 4px 21px;
	background:url(../imagens/icon_arrow1.png) 9px 7px no-repeat;
}
.menulist li a:hover, .menulist li a.highlighted:hover, .menulist li a:focus, .menulist li a.highlighted {
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	border-top:1px solid #c6c6c6;
	border-bottom:0;
	color:#32517f;
}
.menulist li ul a:hover, .menulist li ul a.highlighted:hover, .menulist li ul a:focus, .menulist li ul a.highlighted {
	border:1px solid #fff;
	background:#fff;
	color:#32517f;
}
.menulist li ul {
	border:1px solid #c6c6c6;
	background:#fff;
}

#listMenuRoot ul {
 top: 1.0em; margin-top: 22px; /* I'm using ems and px to allow people to zoom their font */
 z-index:-1;
}
#listMenuRoot a {
    color: #1F2886;
}
#listMenuRoot li {
    z-index: 10;
	border-right:#E2E2E2 1px solid;
}
#listMenuRoot li.menu_active {
	background: #FFF url(../imagens/fundo_menu_topo_sel.png) center top no-repeat;
	padding-top: 0px;
}
#listMenuRoot li.menu_active a.menu_active:link,
#listMenuRoot li.menu_active a.menu_active:active,
#listMenuRoot li.menu_active a.menu_active:visited{
    color: #0D3267;
    display: block;
    float: left;
    height: 21px;
    line-height: 21px;
    margin-left: 0;
    padding: 6px;
}
#listMenuRoot li ul li{
	border:0px;
}
#listMenuRoot li.last {
	padding-right:0;
}
#listMenuRoot li a {
    background: none repeat scroll 0 0 transparent;
    font-weight: bold;
    margin: 1px 1px 0;
    padding: 8px 7px;
}

#listMenuRoot li a:hover, 
#listMenuRoot li a.highlighted:hover,
#listMenuRoot li a:focus, 
#listMenuRoot li a.highlighted{
	background:#fff;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	border-top:1px solid #c6c6c6;
	border-bottom:0px!important;
	background:#fff;
	margin:0px;
	text-decoration:none;
	color:#0D3268;
	font-weight:bold;
	height:18px;
}
#listMenuRoot li.menu_active a.highlighted{
	background: #FFF url(../imagens/fundo_menu_topo_sel.png) center top no-repeat;
	padding-top: 0px;
}

#listMenuRoot li.menu_active a.menu_active:hover{
    background: url("../imagens/bg_menu_right.png") no-repeat scroll right center transparent;
    color: #0D3267;
    display: block;
    float: left;
    height: 18px;
    margin-right:0px;
	padding-left:5px;
	padding-right:6px;
	padding-bottom:6px;
	padding-top:6px;
	border-bottom:#FFF 4px solid !important;
}
#listMenuRoot li ul {
	width:149px;
	padding:3px;
	padding-bottom:3px;
}
#listMenuRoot li ul a {
	border:0;
	padding:3px 5px 3px 5px;
	margin:0;
	color:#333;
	font-weight:normal;
	font-size: 10px;
	height:auto !important;
}
#listMenuRoot li ul a:hover {
    background-color:#1B2573;
    color: #FFFFFF;
	padding:3px 5px 3px 5px;
	height:auto !important;
}
#listMenuRoot li.menu_active ul a.highlighted:hover,
#listMenuRoot li ul a.highlighted:hover, #listMenuRoot li ul a:focus, #listMenuRoot li ul a.highlighted {
	color:#fff;
	font-weight:normal;
	
}
#content p.logo_caca {
	background: url(../imagens/logo_caca.png) left top no-repeat;
	padding-left: 110px;
	margin-bottom: 20px;
	
}
.div_loading {
	position: absolute;
	top: 0;
	color: #FFF;
	left: 450px;
	width: 100px;
	height: 26px;
	background: #d9722b;
	z-index: 90000000;
	text-align: center;
	line-height: 26px;
}
.slider-txt {
    background: none repeat scroll 0 0 #F47F24;
    height: 25px;
    text-align: center;
}

:root #listMenuRoot li a {
    padding: 8px 7px 8px 6px \0/IE9;
}
.aviso_logar{
	background-color:#FFFFA6;
	display:block;
	min-width:985px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
}
.aviso_logar span{
	width:950px;
	padding-left:30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background: url("../imagens/icone_msg_alerta.png") left top no-repeat;
}
.aviso_logar span a.lnk_fechar{
	float:right;
	font-weight:normal;
	font-size:11px;
	color:#1A2572;
	margin-right:5px;
	margin-top:0px;
	*margin-top:-30px;
	display:block;
}
.menu_user_topo {
	height:40px;
	width:970px;
	line-height:40px;
	*line-height: normal;
	vertical-align:middle;
	padding-left:5px;
	font-size:11px;
	position: absolute;
	overflow: visible;
	z-index:10;
}
.menu_user_topo a{
	color:#D36124;
	margin-right:5px;
	font-weight:bold;
}
.menu_user_topo a:hover{
	color:#D36124;
}
.menu_user_topo img{
	vertical-align: text-bottom;
}
a.link_topo, a.link_topo:hover{
	font-weight:normal;
	color:#1B2573;
	padding-left:18px;
	height:15px;
	line-height:15px;
	display:inline-block;
	margin-left:5px;
}
a.meu_cadastro{
	background:url("../imagens/icone_meu_cadastro.png") left no-repeat;
}
a.meus_pedidos_topo{
	background:url("../imagens/icone_meus_pedidos.png") left no-repeat;
}
a.central_atendimento{
	background:url("../imagens/icones_barra_superior.png") left no-repeat;
}
span.alo_panvel{
	position: relative;
	*margin-top:-26px;
	display:inline;
	float:right;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	z-index:4;
	width:245px;
	text-align:right;
}
span.alo_panvel img{
	margin-bottom:-3px;
}
.consulta_cep {
	display:inline-block;
	zoom: 1;
    *display: inline;
	width: 150px;
	height:25px;
}
.consulta_cep input{
	width:75px;
	height:20px;
	line-height:20px;
	margin-top:0px;		
	background-color:#FFF;
	border:1px solid #BFC2C9;
	font-size:12px;
	font-weight:bold;
}
.consulta_cep input.botao_cep{
    background:#FFFFFF url("../imagens/fundo_botao_cep.png") repeat-x;
    border: 1px solid #8D9BD4;
    color: #1F2886;
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    margin-left: 4px;
    margin-right: 5px;
    width: 20px;
    font-weight:normal;
}
	/* Tooltip */ 
		     
.popupInfo {
    position: relative;
	display:inline;
	z-index:10;
}
.tooltip {
	cursor:help;
	padding-top:11px;
}
  
.popup-tooltip {
   	position: absolute;
    display: none;
    z-index: 50;
	width:161px;
	height:55px;
	padding-top:20px;
	text-align:center;
	background:url(../imagens/fundo_tooltip_cep.png) no-repeat;
	line-height:normal !important;
	z-index:10;
	filter: none !important;
}
.popup-tooltip a{
	text-decoration:none;
	line-height: normal!important;
}
.popup-tooltip span{
    display: block;
    font-weight: bold;
    margin-top: -8px;
    padding-top: 0;
}