/*

TAGS REDEFINIDAS

*/

body {
	background-image: url(../icon/bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: #FFBA00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input {
	font-family: Tahoma, Arial;
	font-size: 11px;
	margin-left: 0px;
	margin-right: 0xp;
	vertical-align: middle
}

select {
	font-family: Tahoma, Arial;
	font-size: 11px;
	margin-left: 0px;
	vertical-align: middle;
	background-color: #CCCCCC;
}

div {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #CCCFE7;
}

form {
	margin: 0px;
	padding: 0px;
	text-align: left;
}


/*

CLASSES E DIVS PARA ESTRUTURA

1. Tabela externa de estrutura
2. Célula interna para conteúdo
3. Container para vinheta em Flash
4. Célula de coluna de Shopping
5. Tabela interna de miolo (menu + colunas)
6. Container para área de login
7. Célula de coluna para menu
8. Célula de coluna para miolo
9. Container para full banner
10. Coluna da esquerda para miolo
11. Coluna da direita para miolo
12. Container de cross-content abaixo do menu
13. Container interno de conteúdo

*/

.container {
	background-image: url(../icon/bg_home.gif);
	text-align: left;
	width: 779px;
	padding: 0px;
	border: none 0px;
	margin: 0px auto;
}

.content {
	width: 619px;
	padding: 0px;
	margin: 0px auto;
	vertical-align: top;
}

#flash {
	height: 171px;
	width: 616px;
	padding-left: 3px;
	margin: 0px auto;
	clear: both;
}

.shopping {
	width: 160px;
	vertical-align: top;
}

/* 5 */
/*
.internal {
	width: 619px;
	border: none 0px;
}
*/

#login {
	width: 124px;
	height: 106px;
	margin-left: 18px;
	margin-top: 15px;
	margin-bottom: 30px;
}

#login td {
	color: #000000;
	text-align: left;
}

#menu {
	float: left;
	width: 129px;
	/*height: 300px;*/
	padding-left: 3px;
	padding-right: 5px;
	vertical-align: top;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	display: table;
}

#columns {
	float:left;
	width:470px;
}

#columns table{
float: left;
}

#full_banner {
	float:left;
	height: 62px;
	background-image: url(../icon/bg_banner.gif);
	background-repeat: no-repeat;
}

#button_banner {
	width: 150px;
	height: 85px;
	padding-left: 17px;
	padding-top: 25px;
}

/* 10 */
#left_col {
	float: left;
	width: 226px;
	margin-right: 11px;
	margin-left: 3px;
	background-color: #3C427C;
}

#right_col {
	float: left;
	width: 226px;
	background-color: #3C427C;
}

#cross_content {
	color: #FFFFFF;
	padding-left: 16px;
	padding-bottom: 17px;
	font-size: 10px;
/*	background-image: url(../icon/it_crosscontent_home_bg.gif); */
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 6px;
}

#crosscontent_wrapper {
/*
	position: absolute;
	z-index: 2;
	margin-left: -129px;
	top: 462px;
	top: 0px;
	visibility: hidden;
*/
}

#int_container {
	width: 463px;
	margin-top: 17px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin: 17px 0px 0px 3px;
}

/*

COLUNA DE SHOPPING

1. Bloco de shopping
2. Redefinição de links para bloco de shopping
3. Bloco de promoções
4. Item do bloco de promoções

*/

#block_shop {
	color: #000000;
	margin-left: 16px;
	margin-right: 14px;
	margin-top: 6px;
	margin-bottom: 6px;
}

#block_shop  a {
	color: #000000;
	font-weight: bold;
}

#block_promo {
	background-color: #4B5186;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 1px;
}

#block_promo_item {;
	margin-bottom: 16px;
}

/*

DIVS PARA ESTRUTURA DO MIOLO
1. Container para destaque no topo
2. Container interno para destaque no topo
3. Redefinição para células do container interno do destaque
4. Container para cartola de bloco
5. Redefinição para imagens do container de cartola do bloco
6. (TOPO) Container para bloco padrão
7. Redefinição de imagem para container de bloco padrão
8. Redefinição para bloco de britas (UL) dentro do container de bloco padrão
9. Redefinição para bloco de britas (LI) dentro do container de bloco padrão
10. Cabeçalho para bloco de informativo especial
11. Redefinição para imagens do bloco de informativo
13. Container para bloco de informativo especial

*/

#news_big {
	width: 463px;
	background-color: #4B5186;
	margin-top: 17px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 0px;
}

#news_big_middle {
	margin-left: 5px;
	margin-right: 7px;
}

#news_big_middle td {
	font-size: 11px
}

#header {
	float: left;
	clear: both;
	background-image: url(../icon/head_news_bg_home.gif);
	margin-top: 12px;
	margin-bottom: 1px;
}

/* 5
#header img {
	margin-left: -3px;
	margin-right: -3px;
}
*/

#block_top {
	background-color: #4B5186;
	clear: both; 
	height: 15px;
}

#block_top img {
	float: right;
/*	margin-right: -3px;*/
}

#block_main {
	background-color: #4B5186;
	clear: both;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 12px;
}

* html #block_main {
	height: 1%;
}

* html h2 {
	height: 1%;
}

* html .support {
	height: 1%;
}

#block_main ul {
	display: block;
	clear: both;
	margin-left: 16px;
	margin-top: 12px;
	margin-bottom: 0px;
	padding-left: 0px;
}

#block_main li {
	list-style-image: url(../icon/bullet_home.gif);
	margin-top: 3px;
}

#block_bottom {
	clear: both;
   background-image: url(../icon/block_home_b.gif);
	background-repeat: repeat-x;
	height: 11px;
}

#special_header {
	float: left;
	margin-top: 12px;
	margin-bottom: 1px;
	margin-left: 2px;
}

/* 10 */
#header_informative {
	width: 198px;
	background-color: #FFBA00;
	margin-top: 25px;
	margin-left: 12px;
	height: 17px;
}
#header_informative img {
	margin-right: -3px;
	margin-left: -3px;
}

#block_informative {
	margin-left: 8px;
	margin-top: 8px;
}

/*

CLASSES PARA ESTRUTURA DO MIOLO

1. Manchete de matéria
2. Redefinição de links para manchete de matéria
3. Título da matéria (opcional)
4. Apoio da matéria
5. Texto-container da cartola de bloco
6. Foto M
7. Foto T
8. Título de item similar ao menu
9. Texto-container da cartola de bloco informativo

*/

h2 {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 2px;
}

h2 a {
	color: #FFFFFF;
}

.title {
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	margin-top: 0px;
	margin-bottom: 3px;
}

.support {
	font-size: 11px;
	color: #CCCFE7;
}

/* 5 */
.header-text {
	background-image: url(../icon/head_news_bg_home.gif);
	float: left;
	display: block;
	font-family: Verdana, Arial;
	color: #FFFFFF;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 13px;
	padding-bottom: 4px;
	display: block;
}

.pic-m {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
	border: solid 1px #000000;
}

.pic-t {
	float: left;
	margin-right: 7px;
	border: solid 1px #000000;
}

.menu-title {
	color: #DECC7A;
	font-size: 11px;
	display: block;
	margin-left: 8px;
	margin-bottom: 3px; 
}

/* 9 */
.header-informative-text {
	float: left;
	display: block;
	color: #000000;
	margin-top: 2px;
}

/*

CLASSES/ESTILOS ESPECÍFICOS DESTA SEÇÃO (CORES E TAMANHOS)

1. Imagem para área de notícia de destque
2. Cartola para bloco interno de Chat
3. Horário de Chat
4. Descrição de Chat

*/

.news-big-img {
	float: left;
	border: solid 1px #000000;
	margin-right: 17px;
}

.chat-head {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}

#chat_hour {
	font-size: 10px;
	width: 42px;
	text-align: right;
	float: left;
}

.chat_description {
	font-size: 10px;
	width: 152px;
	display: block;
	color: #CCCFE7;
}

/*

CLASSES GERAIS

1. Tabela com itens multimídia
2. Espaçamento entre os itens nas células da tabela de itens multimídia
2. Imagens alinhadas à esquerda com borda

*/

.multimedia {
	margin-top: 3px;
}

.multimedia td {
	padding-top: 4px;
	font-size: 11px;
}

.floated-border1 {
	float: left;
	border: solid 1px #000000;
}

/*

RODAPÉ

*/

/* RODAPÉ */
#footer {
	background-image: url(../icon/bg_home.gif);
	text-align: left;
	width: 783px;
	/* * width: 779px;*/
	height: 90px;
	border: none 0px;
	padding-top: 37px;
	clear: both;
}

/* RODAPE - ÁREA OAS */
#footer_oas {
	float: left;
	height: 60px;
	width: 150px;
	margin-top: 20px;
	margin-left: 72px;
	text-align: center;
}

/* RODAPÉ - ÁREA DE TEXTO */
#footer_info {
	font-size: 11px;
	color: #CCCCCC;
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
	margin-right: 160px;
	margin-bottom: 21px;
	margin-top: 10px;
}

/*

MAIS ONLINE

*/

#mais_online {
	width: 458px;
	background-color: #4B5186;
	margin-top: 17px;
	margin-left: 7px;
	margin-bottom: 16px;
	margin-right: 0px;
	padding-bottom: 23px;
	border-bottom: solid 1px #656A98;
	display: table;
}

#mais_online ul {
	display: block;
	clear: both;
	margin-top: 12px;
	margin-bottom: 0px;
	padding-left: 14px;
}

#mais_online li {
	list-style-image: url(../icon/bullet_home.gif);
	margin-top: 3px;
	font-size: 10px;
}

h3 {
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 8px;
	margin-bottom: 2px;
}

/* Especiais */
#esphome_block  {
	background-image: url(../icon/i_esphome_frame.gif);
	height: 199px;
}

#esphome_textblock  {
	background-image: url(../icon/i_esphome_frame_bot.gif);
	background-position: bottom;
	width: 142px;
	padding-left: 35px;
	padding-right: 25px;
	padding-bottom: 25px;
}

#esphome_bottom, #esphome_b {
	background-image: url(../icon/i_esphome_bg.gif);
	padding-left: 15px;
	padding-right: 8px;
	padding-bottom: 8px;
	margin-top: -3px;
	margin-bottom: 5px;
}

#esphome_bottom a, #esphome_b a {
	font-weight: bold;
	color: #FFFFFF;
}

#esphome_bottom ul, #esphome_b ul {
	display: block;
	clear: both;
	margin-left: 16px;
	margin-top: 12px;
	margin-bottom: 0px;
}

#esphome_bottom li, #esphome_b li {
	list-style-image: url(../icon/bullet_home.gif);
	margin-top: 3px;
}


#buscadropdown {
	display: table;
}

#new-tools {
float:left; 
width:465px; 
height:58px; 
margin:8px 0px 8px 0px;
background-color:#CCCFE7;
}
#new-tools-left-box {
float:left; 
width:73px; 
height:36px; 
padding-top:22px;
padding-left:10px;
background-color:#CCCFE7;
color:#000000;
font-weight:bold;
}
#new-tools-middle-box{
float:left; 
width:297px; 
height:56px; 
background-color:#52588F; 
border:1px solid #CCCCCC
}
#new-tools-middle-box ul,
#new-tools-middle-box ul.bottom {
width:297px; margin:0px; 
padding:4px 0px 0px 0px; 
height:25px; 
border-bottom:1px solid #CCCFE7;
/*background-color:#FF00FF;*/
}
#new-tools-middle-box ul.bottom {
border-bottom:none;
}
#new-tools-middle-box ul.bottom span.texto{
}
#new-tools-middle-box ul li{
list-style-type:none; 
background-color:#FFFF003;
}
#new-tools-middle-box span {
padding-left:10px;
}
#new-tools-right-box {
float:right; 
width:55px; 
height:36px; 
padding-top:22px;
padding-left:28px;
background-color:#CCCFE7;
}
/* rodapé */
#new-footer{
background-image: url(../icon/bg_home.gif); 
float:left; 
clear:both; 
width:600px; 
height:100px; 
color:#FF0000;
}
#new-footer-oas{
float: left;
height: 60px;
width: 150px;
padding-top: 20px;
padding-left: 72px;
text-align: center;
}
#new-footer-info {
float:right;
width:270px;
font-size: 11px;
color: #CCCCCC;
text-align: right;
padding-top: 20px;
padding-right: 20px;
}