/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body {font:12px arial, helvetica, sans-serif;}
a {text-decoration:none;color:#00086E;}
strong{font-weight:bold;}

/* CONTEUDO */
#content {
	min-width:778px;
}
/* essas duas linhas são necessárias para o min-width no IE6 somente. fonte:cssplay.co.uk/boxes/width2.html */
* html .minwidth {border-left:778px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-778px; position:relative; float:left; z-index:2;}

/* HEADER */
.simple_date {
	height:21px;
	line-height:21px;
	font-size:10px;
	padding:0 12px 0 0;
	color:#666666;
	text-align:right;
}
.simple_big {
	padding:13px 12px 7px 30px;
	background:#00086E;
}
.simple_big .saibamais {
	font-size:10px;
	color:#FFF;
	margin:-8px 0 0;
	float:right;
}
.simple_rpt {
	height:20px;
	background:#D0F500;
	border-top:1px solid #FFF;
	border-bottom:1px solid #A6BC01;
}

/* SIDEBAR DIREITO */
#sidebar {
	float:right;
	width:120px;
	overflow:hidden;
	margin:0px 0 0;
	position:relative;
}
#ppi {
	width:140px;
	height:80px;
	overflow:hidden;
}
#ppi iframe {
	width:150px;
	height:522px;
	margin:-8px 0 0 -8px;
	padding:0;
	overflow:hidden;
}
#patrocinados {
	width:134px;
	/*margin:12px 0 0;*/
	overflow:hidden;
	border:1px solid #D0F500;
}
#patrocinados ul {
	margin:0;
}
#patrocinados ul li {
	background:url(/images/seta_peq.gif) no-repeat 0 3px;
	margin:8px;
	padding:0;
	font-size:11px;
	overflow:hidden;
}

#patrocinados ul li a {
	margin:11px;
	font-weight:bold;
}
#patrocinados ul li p {
	padding:0;
}

/* COLUNA PRINCIPAL */

/* valores #principal:-160 e #interna:160 necessários para o design liquido */
#principal {
	width:100%;
	margin:0 -160px 0 0;
	float:left;
}
#interna {margin:0 160px 0 0;}

/* ALERTA */
.bf_desc {
	font-size:15px;
	margin:15px  0 15px 10px;
	padding:14px;
	border:1px solid #D0D0D0;
}
.bf_desc img{
	float:left;
	margin:0 20px 0 0;
}
.bf_desc strong{color:#CB0000;}

/* SUGESTÃO */
.bf_exp {margin:15px 20px;}
.bf_exp a {
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;
}
.bf_exp dt {
	font-size:13px;
	font-weight:bold;
	padding:0 0 8px;
}
.bf_exp dd {
	background:url(/images/bullet.gif) no-repeat 10px center;
	padding:3px 0 3px 20px;
}

/* BUSCA */
.caixabusca {
	margin:15px 0 10px 10px;
	padding:10px;
	background:#EAEAEA;
	border:1px solid #D0D0D0;
}
.caixabusca form {
	width:550px;
	height:27px;
	margin:0 auto;
	border:1px solid #EAEAEA;
	overflow:hidden;
}
.caixabusca .palavrachave {
	height:19px;
	line-height:19px;
	width:300px; /* não pode ser maior por conta do min-width da página */
	margin:2px 10px 0 0;
	border:1px solid #D0D0D0;
	vertical-align:middle;
	float:left;
}
.botao {
	font-size:11px;
	font-weight:bold;
	color:#fff;
	width:110px;
	height:27px;
	margin:0 20px 0 0;
	vertical-align:middle;
	background:#EAEAEA url(/images/bot_buscar082.gif) no-repeat 0 0;
	cursor:pointer;
	border:none;
	float:left;
}
.botao:hover {background-position:0 -27px;}
.caixabusca .powered {
	width:90px;
	height:20px;
	margin:4px 0 0 0;
	background:url(/images/powered82.gif) no-repeat 0 0;
	float:left;
}

/* COLUNA PATROCINADAS */
#coluna_patrocinados {
	width:100%;
	float:left;
	padding:1px 0 0;
}
h1 {
	font-size:13px;
	font-weight:normal;
	margin:0 16px 10px;
}
ul {margin:0 0 20px 16px;}
ul li {margin:10px 0 0;}
ul li h2 {
	font-size:16px;
	font-weight:normal;
	text-decoration:underline;
	margin:0 0 3px;
	padding:0 0 0 15px;
	background:url(/images/seta_gde.gif) no-repeat 0 3px;
}
ul li p {padding:0 0 0 15px;}
ul li span {
	font-weight:bold;
	padding:0 0 0 15px;
}
ul li span a:hover {text-decoration:underline;}

/* COLUNA RELACIONADAS */
li#coluna_relacionadas{
	width:180px;
	float:right;
	margin:-26px 0 0;
	padding:0 0 10px 10px;
}
#coluna_relacionadas h1{margin:0 0 10px}
#coluna_relacionadas ul{margin:0;}
#coluna_relacionadas ul li a{
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(/images/seta_peq.gif) no-repeat 0 4px;
}

/* PAGINAÇÂO */
#paginacao {
	font-size:11px;
	font-weight:bold;
	text-align:center;
	clear:both;
}
#paginacao a {
	float:none;
	padding:0 2px;
	text-decoration:none;
}
#paginacao a.d {color:#666666;}
#paginacao a.s {color:#9cb900;}
#paginacao a:hover {text-decoration:underline;}

/* SUGESTÕES */
.bf_directory {
	margin:10px 0 0 10px;
	overflow:hidden;
	padding:20px;
	background:#FEFFF6 url(/images/tracejado.gif) repeat-x;
	border-bottom:1px solid #BFBFBF;
}
h3 {
	font-size:13px;
	font-weight:bold;
	zoom:1;
}
.bf_directory ul {
	margin:0;
	width:100%;
}
.bf_directory ul li {
	width:15%; /* formatação para 3 colunas de 4 itens */
	/* width:25%; formatação para 4 colunas de 3 itens */
	margin:5px 0 0;
	float:left;
	clear:none;
}
.bf_directory ul li a {
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(/images/seta_peq.gif) no-repeat 0 4px;
}

/* OPTOUT */
#optout {
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	text-align:right;
	margin:0 0 0 10px;
}
#optout a {text-decoration:underline;}
#optout span {float:left;}

/* CANCELAMENTO */
#cancelamento {margin:30px 0 30px 10px;}
#cancelamento form {margin:0 auto;}
#cancelamento.desativar form {text-align:center;}
#cancelamento.desativar form .botao {float:none;margin:0 50px;}
#cancelamento.reativar form {text-align:center;}
#cancelamento.reativar form .botao {float:none;}

/* RODAPE */
#rodape {
	font-size:11px;
	text-align:center;
	height:25px;
	padding:20px 0 0;
	background:url(/images/tracejado.gif) repeat-x 0 10px;
	clear:both;
}