﻿/* 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: "" ""; }

/* --------------------------- TELEFONICA --------------------------- */
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 */
.tfonica_date {
	height:21px;
	line-height:21px;
	font-size:10px;
	padding:0 12px 0 0;
	color:#666666;
	float:right;
	
}
.tfonica_big {
	padding:0 0 7px 0;
	width:100%;
	height:100px;
	background-image:url(bgtopo.gif);
	background-repeat:repeat-x
}
.tfonica_big a{
	float:left;
	padding: 0 4px 0 4px;
	background-color:#FFF;
	
}
.tfonica_big .saibamais {
	font-size:10px;
	color:#FFF;
	margin:-8px 0 0;
	float:right;
}
.tfonica_rpt {
	height:20px;
	background:#D0F500;
	border-top:1px solid #FFF;
	border-bottom:1px solid #A6BC01;
	
}

/* SIDEBAR DIREITO */
#sidebar {
	float:right;
	width:140px;
	overflow:hidden;
	margin:15px 0 0;
	position:relative;
}
#ppi {
	width:140px;
	height:513px;
	overflow:hidden;
	margin:0 auto;
}
#ppi iframe {
	width:300px;
	height:522px;
	margin:-8px 0 0 -8px;
	padding:0;
	overflow:hidden;
}
#patrocinados {
	clear:both;
	width:298px;
	margin:12px 0 0 0;
	overflow:hidden;
	border:1px solid #D0F500;

}
#banner{margin:0 0 0 0; display:inline; float:left;}

#patrocinados ul {
	margin:0;
}
#patrocinados ul li {
	background:url(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;
	text-decoration:underline;

}
#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(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:100%;
	height:27px;
	overflow:hidden;
}
.caixabusca .palavrachave {
	height:19px;
	line-height:19px;
	width:300px; /* não pode ser maior por conta do min-width da página */
	width: 50%;
	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(bot_buscar.gif) no-repeat 0 0;
	cursor:pointer;
	border:none;
	float:left;
}
.botao:hover {background-position:0 -27px;}
.caixabusca .powered-OLD {
	width:90px;
	height:20px;
	margin:4px 0 0 0;
	background:url(powered82.gif) no-repeat 0 0;
	float:left;
}
.caixabusca .powered {
	width:125px;
	height:27px;
	margin:0px 0 0 0;
	background:url(powered82-N.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;
	margin:0 0 3px;
	padding:0 0 0 15px;
	background:url(seta_gde.gif) no-repeat 0 3px;

}
ul li h2 a {
	text-decoration:underline;
}
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(seta_peq.gif) no-repeat 0 4px;
}
li#coluna_relacionadas-dois{
	width:180px;
	float:right;
	margin:-26px 0 0;
	padding:0 0 10px 10px;
	border:1px solid #D0F500;

}
#coluna_relacionadas-dois h1{margin:0 0 10px}
#coluna_relacionadas-dois ul{margin:0;}
#coluna_relacionadas-dois ul li a{
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(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(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:33%; /* 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(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:20px 0 auto 150px;}
#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(tracejado.gif) repeat-x 0 10px;
	clear:both;
}
.conozca { position:absolute; right:6px; top:88px; text-align:right; }
.conozca a { color:#00086E; font-size:0.85em; background:none; }
.conozca a:hover { text-decoration:underline }
.speedy { position:absolute; right:6px; top:35px; text-align:right; }