@charset "utf-8";
/* CSS Document */

body {
	background: url(../layout/img/bg_deg_cinza.jpg) repeat-x top center #e9ecee;
	margin: 0px;	font: 12px arial #000
}

table {	text-align:left}

#alignCenter {
	position:absolute;
	border: 1px double #d9d9d9;
	margin-left: -400px;
	left:50%;
	float: left
}

#siteName {
    display: none
}

/* banner detecção browser */

#browserDetection {
	border: 1px double #d9d9d9;
	font: normal 12px arial;
	line-height:1.5em;
	background:#f5f5f5;
	padding: 5px 5px 0 30px; margin: 10px
}

#browserDetection h1{
	font: bold small-caps 16px arial;
	padding: 0; margin: 5px 0 -15px 0 
}

#browserDetection p.linkBrowsers{
	position:relative; float:right;
	right:0; margin: -70px 20px 0 0
}

/* header */

#genHeader {
	left: 0; top: 0;
	background: url(../layout/img/bg_header_azul.jpg) no-repeat;
	width: 780px; height: 86px
}

#logo {
	position: absolute;
	margin: 0 0 0 20px;
	width: 150px; height: 43px; cursor: pointer; top: 25px
}
#menuBB {
	margin: 20px 5px 0 0;
	background: url(../layout/img/menuBB.jpg) no-repeat;
	width: 44px; height: 44px; float:right;
	cursor:pointer
}

#data {
	position: absolute;
	width: 200px; text-align: right;
	left: 575px; top: 66px;
	padding: 2px 5px 2px 0
}

/* menu principal */

#menuH { width: 780px; margin:3px 0 0 0; background: -moz-linear-gradient(-90deg, #fff, #e9ecee) }
#menuH ul {	padding-left: 160px; margin: 0; top: 0; height: 25px}
#menuH ul li {	display: inline; float:left;
	width: 120px; height:22px; padding: 5px 0 0 0;
	text-align: center; list-style-type: none}

#menuH ul li.linkHselected{
	background: url(../layout/img/bgSubMenuSelected.gif);
	background: -moz-linear-gradient(-90deg, #fdfae3, #fbeb6f)
}

/* conteúdo */

#geral { padding: 0; float: left; width:778px }

#divPrincipal {
	background:	url(../layout/img/dobra_sup.jpg) #fff no-repeat;
	float:left; width:780px;
	padding: 18px 0 0 0
}

/* menus esquerdos */

#menuBranco {
	background: #fff; width: 100%; border: #e0e0e0 1px solid
}

#menuAmarelo {
	background: #ffffcc; width: 100%; border: #e0e0e0 1px solid
}

#menuDuvidas {
	background: #f5f5f5;
	background: -moz-linear-gradient(-90deg, #f9f9f9, #f0f0f0);
	width: 100%; border: #e0e0e0 1px solid
}

#menuDuvidas li {
    border-bottom: 1px solid #e0e0e0;
	line-height:20px
}

#menuConheca, #menuProdutos, #menuSalaImprensa {
    border: #e0e0e0 1px solid; padding: 3px 5px 3px 5px; margin: 0 0 0 5px;	width: 148px;
	background: #f5f5f5; background: -moz-linear-gradient(-90deg, #f9f9f9, #f0f0f0)}

/* Sala de Imprensa */

.nomeSecao {
	background: url(../layout/img/bg-faixa-home.jpg) no-repeat top right; 
	background-position: 30px -15px ;
	font: bold 18px arial; color: #000; width:497px; 
	margin: 10px 0 15px 100px; padding:0 0 24px 0 }

.boxImagem { font: normal 11px arial; float:left; width:114px; display:block; min-height:90px; padding:4px 2px 10px 2px}
.boxImagem img { width:95px; margin:4px}

/* sub menus */

#menuConheca{ display: none }

#menuProdutos { display: block }

#menuConheca li {
	display: block
}

#menuProdutosMapa #menuProdutos {
	margin: 0; background: #fff;
	border:none;
	list-style:none
}

#menuProdutosMapa #menuProdutos li.parceiro {
	color: #000;
	font-weight:bold;
	margin: 0 0 0 -5px
}

#menuProdutosMapa #menuProdutos li.produto {
	color: #003366;
	font-weight:bold;
	margin:0
}

#menuProdutosMapa #menuProdutos ul.sub li {
	list-style:none;
	margin:0 0 0 -30px
}

/* Menu de Produtos em Condições Gerais */

#menuProdutosCondGer { padding: 10px 5px 3px 5px; margin: 0 0 0 5px; list-style:none }
#menuProdutosCondGer li.parceiro { color: #000; font-weight:bold; margin: 0 0 0 -5px }
#menuProdutosCondGer li.produto { color: #003366; font-weight:bold;	margin:0 }
#menuProdutosCondGer ul.sub li { list-style:none; margin:0 0 0 -30px }

.fechaMenu {
	background: url(../layout/img/bt_x_menu.gif) right no-repeat;
	height:15px; width:140px
}

/* Conteúdo Principal */
#conteudoPricipal {
 	float:left;
	padding: 0 5px 0 15px;
	width: 410px
}

.destaques-home { padding: 10px 0 30px 0; margin: 0 0 50px 0 }
.destaques-home li { display:block; float:left; width:395px; height:150px; bor der: 1px double red; margin: 0 2px 0 0 }
.destaques-home li h3 { font: normal 3.0em arial; margin: 40px 0 0 -2000px }
.destaques-home .resultado p { font: normal 12px arial; padding: 0 120px 0 5px }
.destaques-home .premios p { font: normal 12px arial; padding: 0 50px 0 10px }
.destaques-home .resultado h3 { background: url(../layout/img/tit-resultado.png) no-repeat; background-position: 2000px 0px }
.destaques-home .resultado { background: url(../layout/img/img-homem-result-sorteio.gif) no-repeat right bottom }
.destaques-home .resultado .ver-agora { background: url(../layout/img/btn-ver-agora.gif) no-repeat; float:right; margin-right: 150px }
.destaques-home .premios h3 { background: url(../layout/img/tit-premios.png) no-repeat; background-position: 2005px 0px }
.destaques-home .premios { background: url(../layout/img/img-moedas-premios-distribuidos.gif) no-repeat right bottom }
.destaques-home .premios .veja-mais { background: url(../layout/img/btn-veja-mais.gif) no-repeat; float:right; margin-right: 150px }


#colunaMenuDireito {
	position:absolute; float:left; right:0;
	clear:right;
	padding: 0 5px 0 5px;
	width:164px
}

#colunaMenuEsquerdo {
	float:left;
	padding: 2px 4px 0 4px;
	width: 160px
}

#colunaMenuEsquerdo ul {
	margin: 0 0 8px 0;
	padding: 4px 0 2px 2px;
	list-style:none
}

#colunaMenuEsquerdo li {
	font: normal normal bold 11px/15px arial, sans-serif;
	margin: 0 0 0 5px
}

#colunaMenuEsquerdo li.item {
	line-height: 20px;
	margin: 0;
    border-bottom: 1px solid #e0e0e0
}

#colunaMenuEsquerdo li.parceiro {
    border-bottom: 1px solid #e0e0e0;
	margin:0;
	padding: 0 0 2px 0
}

#colunaMenuEsquerdo li.produto {
	color: #003366
}

#PopUpDiv {
    BORDER-RIGHT: #9999cc 1px double;
    BORDER-TOP: #ccc 1px double;
    Z-INDEX: 1;
    LEFT: 192px;
    VISIBILITY: hidden;
    BORDER-LEFT: #ccc 1px double;
    WIDTH: 400px;
    BORDER-BOTTOM: #9999cc 1px double;
    POSITION: absolute;
    TOP: 420px;
    BACKGROUND-COLOR: #f5f5f5;
    TEXT-ALIGN: left
}

.setaAmarela {
	padding: 0 0 2px 3px;
	list-style-image: url(../layout/img/setaAmarela.gif);
	height: 15px
}

/* coluna direita */

.boxAmarelo
{
    BACKGROUND-IMAGE: url(../layout/img/bg_caixaAmarela.jpg);
    MARGIN: 0px;
    WIDTH: 162px;
    HEIGHT: 26px;
    TEXT-ALIGN: left
}
.boxAmarelo A
{
    DISPLAY: block;
    PADDING-LEFT: 12px;
    PADDING-TOP: 5px
}

.breadcrumb { font: bold 10px arial; padding:3px}

.buttonLink { background:url(../layout/img/bg-tit-secao.gif) center; color: #fff; padding: 2px 6px 2px 6px }
.buttonLink:hover {	color: #f5f5f5}

#ourocapInforma { background-color: #f2f2f2}

#ourocapInforma .label { background: url(../layout/img/bg-tit-secao.gif) top left no-repeat; padding: 4px 0 4px 8px}

#ourocapInforma .label .titulo { font: 11px arial; color: #fff}

/* rodapé */

#alinhaRodape {	float:left}

#divRodape {
	text-align:center;
	background: url(../layout/img/bg-faixa-home.jpg) no-repeat bottom right;
	width:780px; height: 120px;
	padding: 10px 0 0 0
}

#divRodape li {
	display:inline; margin: 0 5px 0 5px;
	list-style-type:none; height:26px; text-align:center
}

.resultadoCotaLinhaAmarela { border: black thin; background: #fffece; color: red
}

/* Fake popup */

.popUpInfo {
	position:absolute;
	z-index: 1; visibility: hidden;
	top: 250px; left: 30%; padding:0;
	border: 1px double #ccc; height:550px;
	width:300px; background-color: #fff; text-align:left
}

.popUpInfo h3 {
	height:22px; width:290px; 
	margin:0; padding:5px 5px 0 5px;
	background:url(../img/bgSubMenu_azul.gif) repeat-x;
	font: bold 11px arial;
	color: #000084

}

.popUpInfo a.fechar {
	position:relative; float:right;
	margin: -20px 5px 0 0; top:0; right:0;
	cursor:pointer
}


/* jQuery lightBox plugin - Gallery style */
#gallery {	padding: 5px;	width: 590px}
#gallery ul { list-style: none }
#gallery ul li.boxImagem { display:: inline }
#gallery ul li.titulo { display:inline-block; width: 590px; font: bold 12px arial; border-bottom: 1px double #eee; padding: 5px }
#gallery ul img {	border: 5px solid #eee;	border-width: 5px}
#gallery ul a:hover img {}
#gallery ul a:hover { color: #003366 }