* { margin:0; padding:0 }

a { outline:none }
	
p { margin-bottom:20px }

body {
	font:13px Arial;
	background:#006699 url(img/bgbody.jpg) repeat-x }
	
#all {
	width:850px;
	margin:0 auto }
	
#header {
	background:url(img/bg-header-antena.jpg) no-repeat top 480px;
	height:135px;
	position:relative }
	
#header h1 {
	position:absolute;
	top:25px;
	left:30px;
	width:250px;
	height:65px;
	background:url(img/logotipo-viacom.gif) }

#header h1 a {
	display:block;
	text-indent:-1000000px;
	width:250px;
	height:65px }
	
#header .random {
	z-index:5;
	display:none;
	position:absolute;
	left:285px;
	top:0 }

#header .data {
	z-index:10;
	font-size:10px;
	color:#70A1BE;
	text-align:right;
	position:absolute;
	right:330px;
	top:65px }
	
#header .menu {
	background:url(img/bg-menu.gif) no-repeat left top;
	width:595px;
	height:35px;
	position:absolute;
	left:15px;
	bottom:0 }
	
#header .menu ul { 
	list-style:none }

#header .menu ul li {
	padding-right:1px;
	background:url(img/bg-menu-link.gif) no-repeat right center;
	float:left }

#header .menu ul li.end { background:none }
	
#header .menu ul li a {
	padding:10px 12px;
	display:block;
	text-decoration:none;
	color:#BDC6CF;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold }
	
#header .menu ul li.start a { padding:10px 11px 10px 20px }
#header .menu ul li.end a { padding:10px 55px 10px 11px }
	
#header .menu ul li.start a:hover { background:url(img/bg-menu.gif) left -35px }	
#header .menu ul li a:hover { background:url(img/bg-menu.gif) center -35px }	
#header .menu ul li.end a:hover { background:url(img/bg-menu.gif) right -35px }	

#header .webmail {
	font-family:Tahoma;
	position:absolute;
	right:20px;
	top:30px;
	width:220px;
	height:85px }
	
#header .webmail h3 { 
	background:url(img/bg-title-webmail.gif) no-repeat left center;
	padding:5px 0 5px 35px;
	border:0;
	letter-spacing:0;
	margin-bottom:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#FFF }
	
#header .webmail label { 
	float:left;
	width:100%;
	margin-bottom:5px }
	
#header .webmail label span {
	float:left;
	padding:3px 0;
	width:40px;
	font-size:11px;
	color:#FFF }
	
#header .webmail label .obs{
	float:left;
	padding:3px 0;
	color:#70A1BE;
	font-size:10px  }
	
#header .webmail input.text {
	width:85px;
	padding:3px;
	color:#FFF;
	font:bold 11px Tahoma;
	background:#0082BF;
	border:1px solid #0099CC }

#header .webmail input.text{ 
	float:left;
	margin-right:5px }
	
#container {
	float:left;
	width:820px;
	background:#FFF url(img/bg-content-header.gif) no-repeat top;
	padding:15px 15px 5px 15px }
	
#content, 
#boxes { float:left }

#content{ 
	width:540px; 
	margin:0 15px 0 0 }
	
#boxes { width:265px }

#content div,
#boxes div {
	margin:0 0 15px }

h2 {
	clear:both;
	padding:3px 0;
	border-top:1px solid;
	letter-spacing:-1px;
	text-transform:lowercase;
	font-weight:normal;
	font-size:22px }
	
#content h2 { margin-bottom:5px }
	
h2 span { border-top:3px solid }
	
h2.red,
h2.red span {
	border-color:#BF1E15;
	color:#BF1E15 }
	
h2.blue,
h2.blue span {
	border-color:#006699;
	color:#006699 }
	
h2.gray,
h2.gray span {
	border-color:#999;
	color:#999 }
	
h3 {
	padding:5px 0; 
	margin-bottom:5px;
	letter-spacing:-1px;
	color:#666;
	font-size:16px }
	
/* GOOGLE SEARCH -----------------------------*/
#google-search {
	border:1px solid #CCC;
	padding:15px;
	background:#EEE url(img/bg-googlesearch.gif) no-repeat right center }

#google-search input.text ,
#google-search input.submit { 
	padding:2px;
	font-weight:bold }

#google-search input.text {
	float:left;
	margin:0 5px;
	font-size:16px;
	color:#333 }

/* NOTICIAS -----------------------------*/
#noticias a,
#noticia a {
	display:block;
	margin-bottom:5px;
	text-decoration:none }	

#noticias a img {
	border:0;
	padding:3px;
	margin:0 10px 10px 0;
	background:#DDD }
	
#noticias a:hover img { background:#006699 }
	
#noticias a .titulo,
#noticia a .titulo {
	color:#006699;
	font-weight:bold;
	font-size:17px }

#noticias a:hover .titulo,
#noticia a:hover .titulo { text-decoration:underline }
	
#noticias a .data,
#noticia a .data {
	float:right;
	padding:5px;
	margin-left:10px;
	background:#DDD;
	font-size:11px;
	color:#666 }
	
#noticias .resumo { font-size:11px }
	
#noticia .diagrama { 
	padding:0 20px;
	margin-bottom:40px }	
	
#noticia .data  { 
	color:#666;
	font-size:11px }
	
#noticia .titulo {
	font-size:26px;
	letter-spacing:-1px;
	display:block;
	margin:0 0 20px;
	font-weight:bold }
	
#noticia .arquivo {
	width:270px;
	margin:0 0 20px 20px;
	float:right }
	
#noticia .arquivo .legenda {
	display:block;
	line-height:normal;
	clear:both;
	background:#DDD;
	padding:5px;
	border-bottom:2px solid #CCC;
	font-size:11px;
	text-align:center }
	
#noticia .corpo { 
	font-size:14px;
	line-height:18px }

ul.noticias  {
	width:540px;
	float:left;
	clear:both;
	margin-bottom:15px;
	border-bottom:1px dotted #CCC;
	list-style:none}

ul.noticias li a {
	margin:0 !important;
	display:inline }

ul.noticias li { 
	width:530px;
	float:left;
	padding:3px 0 3px 10px;
	background:url(img/seta-noticia.gif) no-repeat center left;
	border-top:1px dotted #CCC }
	
ul.noticias li .titulo {
	float:left;
	letter-spacing:normal !important;
	margin:0 !important;
	padding:0 !important;
	font-size:13px !important }

ul.noticias li .data {
	margin:0 !important;
	padding:0 !important;
	background:none !important }

/* PRODUTOS -----------------------------*/
#produtos img.anuncio { margin:5px 0 }
	
#produtos table { margin-bottom:30px }
#produtos table tr td { padding:10px 0 }

#produtos table tr td a {
	color:#000;
	text-decoration:none }

#produtos table tr td a:hover span{ text-decoration:underline }

#produtos table tr td img { border:0 }

#produtos table tr td .nome { 
	font-size:11px !important;
	font-weight:normal !important }
	
#produtos table tr td .preco {
	color:#BF1E15;
	font-size:13px !important;
	font-weight:bold }

#produtos .diagrama { 
	padding:0 20px;
	margin-bottom:40px }	
	
#produtos .diagrama p { margin:10px; padding:0 }	
	
#produtos .diagrama ul {
	list-style:square;
	padding:0;
	margin:0 0 15px 35px }
	
#produtos.detail .nome {
	font-size:16px;
	font-weight:bold }
	
#produtos.detail img { margin:15px 0 }
	
#produtos table.detail .preco {
	font-size:19px !important;
	margin-bottom:10px;
	display:block;
	font-weight:bold }
	
#produtos table.detail tr td {
	font-size:11px;
	padding:0 15px;
	color:#666 }
	
#produtos .paginador { text-align:center } 

#produtos .paginador ul li a {
	padding:2px 6px;
	color:#BF1E15;
	text-decoration:none;
	background:#EEE;
	border:1px solid #CCC;
	display:inline !important }
	
#produtos .paginador ul li a:hover {
	background:#BF1E15;
	color:#FFF }
	
.estatico ul {
	list-style:square;
	margin:0 0 15px 35px }
	
.estatico h3 { color:#BF1E15 !important }
	
/* NEWSLETTER -----------------------------*/
#newsletter {
	margin:0 !important;
	font-size:11px;
	width:257px;
	padding:12px;
	background:#D2E0ED;
	float:left }
	
#newsletter table tr td { padding:2px }
#newsletter table tr td input.text{
	border:1px solid #006699;
	color:#006699;
	padding:3px }

/* PREVISÃO DO TEMPO -----------------------------*/
#previsao {
	margin:0 !important;
	width:244px;
	text-align:center;
	float:left;
	padding-left:15px }
	
#previsao h2 {
	margin-bottom:20px;
	text-align:left }

/* BOXES -----------------------------*/
#links,
#cotacao,
#enquete,
#parceiros { width:100%; float:left }

#banners { margin-bottom:0 !important }
#banners img { margin-bottom:10px }

/* BOX: LINKS -----------------------------*/
#links {
	width:240px;
	padding:12px;
	background:#D2E0ED }
	
#links h2 { font-size:18px }
	
#links div {
	float:left;
	width:100%;
	margin:0 0 10px 0 }
	
#links ul { list-style:none }

#links ul li {
	float:left;
	width:50%;
	font-size:11px }
	
#links ul li a {
	color:#000;
	padding:0 0 0 10px;
	background:url(img/seta-canal.gif) no-repeat center left }
	
#links ul li a:hover { color:#006699 }

#links select {
	float:left;
	font-size:11px;
	width:50% }
	
#links select option { 
	cursor:pointer;
	color:#006699;
	background:#DDD;
	padding-left:10px;
	text-decoration:underline }

#links select option.titulo {
	padding:0;
	background:#FFF;
	color:#666;
	text-decoration:none }
	
/* BOX: COTAÇÕES -----------------------------*/
#cotacao div { margin-bottom:5px }

#cotacao .dolar {
	border:2px solid #006699;
	padding:5px }

#cotacao .boi a {
	margin:10px 0;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	background:#006699;
	padding:5px;
	display:block }
	
#cotacao .boi a:hover { background:#00496C }

#cotacao .soja table {
	border:2px solid #006699 }
	
#cotacao .soja table tr td {
	background:#EEE;
	font-size:11px;
	border-bottom:1px solid #BBB;
	padding:2px 5px }
	
#cotacao .soja table tr td.data {
	background:#DDD;
	font-size:10;
	text-align:right;
	color:#666 }

#cotacao .soja table tr td.fonte span {
	font-weight:bold;
	color:#006699 }
#cotacao .soja table tr td a { color:#006699 }

/* BOX: ENQUETE -----------------------------
#enquete { 
	width:240px;
	padding:12px;
	background:#F3D5D3}*/
	
#enquete table { 
	border-top:1px solid #BF1E15;
	margin:0 0 15px }

#enquete table tr td {
	border-bottom:1px solid #BF1E15;
	padding:2px }
	
#enquete table tr td.label { 
	color:#BF1E15;
	font-weight:bold }
	
/* BOX: PARCEIROS -----------------------------*/
#parceiros ul { list-style:none }
#parceiros ul li { margin-bottom:10px }
#parceiros ul li img{ border:1px solid #CCC }

/* PAGINADOR -----------------------------*/
.paginador {
	font-size:11px;
	text-align:right;
	clear:both;
	width:100% }
	
.paginador ul { 
	display:inline; 
	list-style:none }

.paginador ul li { 
	display:inline }
	
.paginador ul li a {
	padding:2px 6px;
	color:#006699;
	text-decoration:none;
	background:#EEE;
	border:1px solid #CCC;
	display:inline !important }
	
.paginador ul li a:hover {
	background:#006699;
	color:#FFF }
	
#carrinho, 
#cadastro { width:820px }

#carrinho p { margin:0 0 10px }
#carrinho table { background:#FFF; clear:both; margin:10px 0; border-left:1px solid #CCC }
#carrinho table a { color:#0000BB; font-size:11px }
#carrinho table tr td{ padding:5px; border-bottom:1px solid #CCC; border-right:1px solid #CCC }
#carrinho table tr td input { border:1px unset #999; padding:2px; font-size:11px }
#carrinho table tr td.quantidade input { text-align:center }
#carrinho table tr.header td { font-size:11px }
#carrinho table tr.header td,
#carrinho table tr.footer td { color:#666; font-weight:bold; background:#DDD; border-top:2px solid #CCC }
#carrinho table tr td.nome { font-size:13px; font-weight:bold }
#carrinho table tr td.preco { font-weight:bold  }
#carrinho table tr td.total { font-size:13px; font-weight:bold  }
#carrinho table tr.footer td { font-size:15px  }
#carrinho table tr.footer td.total { color:#BB0000 }
#carrinho table.buttons { border:0; background:none }
#carrinho table.buttons tr td { padding:0; border:0; background:none }

#cadastro table { background:#FFF; clear:both; margin:10px 0 20px; border-left:1px solid #CCC }
#cadastro table tr td { font-weight:bold; padding:5px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; background:#EEE }
#cadastro table tr td.label{ background:#FFF; font-weight:normal }
#cadastro table tr td em{  color:#999 }
#cadastro table tr td input { border:1px unset #999; padding:2px; font-size:13px }
#cadastro table tr.header td { font-size:11px;  color:#666; font-weight:bold; background:#DDD; border-top:2px solid #CCC  }
#cadastro table tr.footer td  {  color:#666; font-weight:bold; background:#DDD; border-top:2px solid #CCC  }
#cadastro table tr.footer td  a { color:#BB0000 }
#cadastro table tr.header td { font-weight:bold;  }
#cadastro table tr td.nome { font-size:13px; font-weight:bold }
#cadastro table tr td.preco { font-weight:bold  }
#cadastro table tr td.total { font-size:15px; font-weight:bold  }
#cadastro table tr.footer td.total { color:#BB0000 }
#cadastro table tr.footer td input.button { background:#BB0000; color:#FFF; font:bold 13px Verdana; padding:10px }

#contrato p { line-height:16px !important }
#contrato .scroll { background:#EEE; border:1px solid #DDD; padding:15px; font:12px "Courier New"; height:400px; overflow:auto }
#contrato .scroll ol { margin-left:30px !important }
	
/* Assine -----------------------------*/
#assine #error {
	background:#F9ECEC;
	padding:10px;
	font-size:11px;
	border:2px solid #CC0000;
	color:#CC0000 }	

#assine #error p { margin-bottom:5px }	

#assine #error ul { margin-bottom:0; font-weight:bold }	

#assine fieldset {
	margin-bottom:15px;
	border:1px solid #006699;
	font-size:11px;
	padding:10px 0 }
	
#assine fieldset.float {
	width:48%;
	margin-right:10px;
	float:left }
	
#assine fieldset.floatr {
	width:48%;
	float:right }
	
#assine fieldset legend { 
	font-size:14px;
	color:#006699;
	font-weight:bold;
	padding:0 10px }

#assine table tr.head td  { background:#DDD; font-weight:bold; border-bottom:1px solid #CCC }
#assine table tr.alt td  { background:#EEE }
#assine table tr td  { padding:2px 3px }

#assine table tr td.label {
	width:120px;
	text-align:right }

#assine input.text,
#assine textarea{ 
	padding:2px;
	color:#006699;
	font:13px Arial }
	
#assine table tr td.aviso { padding:10px }
#assine table tr td.aviso p { margin-bottom:10px }
#assine .aviso { color:#CC0000 }

#assine .declaracao {
	font-size:10px;
	clear:both;
	color:#666;
	padding:5px 0 }
	
#assine input.button {
	padding:5px;
	color:#006699;
	font:bold 17px Arial }
	
	
/* RODAPÉ -----------------------------*/
#footer {
	background:url(img/bg-content-footer.gif) no-repeat top;
	clear:both;
	position:relative;
	padding:20px 10px 10px 10px;
	font-size:11px;
	color:#FFF }

#footer .dev {
	position:absolute;
	right:10px;
	top:40px;
	font-size:9px;
	color:#009CE8 }