@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

#topo_a {
	margin: 0 auto;
	width: 1024px;
	height: 100px;
	background:url(images/red_plastic.jpg);
}

#topo_c {
	width: 1024px;
	
	background-color:#003366;
	background: images/pano.gif;
	}

#corpo {
    width: 1024px;
	margin: 0 auto;
	background: url(images/fundo_corpo.png) no-repeat top;
	}

#box_introducao {
	width: 100%;
	height:20px;
	margin: 0 0 0 0;
	color: #FFFFFF;
	}

#box_coluna_dir_vertical {
	width: 165px;
	
	background:url(images/fundo_bco_box_coluna_vert_dir.png) top no-repeat;
	background: url(images/fundo_bco_box_coluna_vert_dir_parte_de_baixo.png) bottom repeat-y ;
	float:right;
	}
#coluna_dir_vertical {
	width: 164px;
	background-color: #333333;
	margin: 0 0 0 0;
	}
#coluna_dir_vertical_top {
	width: 164px;
	height: 10px;
	}
	
#climatempo {
	background-color:#333333;}

#conteudo {
	width: 850px;
	margin: 5px 0 0 0;
	float: left;
	}

#dinamica {
	widnt: 850px;
	}

#box_secao {
	font-family: "Lucida Sans Unicode", Verdana; 
	color:#000; 
	font-size:11px;
	margin: 0 0 0 25px;
	float: left;
	height: 17px;
	width: 100px;
	text-align:center;
	background: url(images/fundo_box_secao.png);
	}
#box_voce_esta {
	font-family: "Lucida Sans Unicode", Verdana; 
	color:#000; 
	font-size:12px;
	margin: 0 0 0 25px;
	float: left;
	width: 100px;
	text-align:center;
	}

#box_aba_superior_pagina { 
		width: 160px; 
		height: 17px;
		background: url(images/fundo_aba_superior_pagina.png) no-repeat;
		margin: 0 0 0 655px;
		}

#container {
	display: table;
	clear: both;
	width: 850px;
	}

	.contained {
		float: left;
		margin: 0 0 0 25px;
        width: 180px;
		height: 430px;
		}

	.contained_dois {
		margin: 0 0 0 65px;
        width: 750px;
		border-top: 1px solid #999999;
		}


	#box_generico_dois {
		width: 750px;
		height: 40px;
		margin: 30px 0 0 0;
		}

.titulo_dois {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
	width: 360px;
	float:left;
	clear: both;
	margin: 0 0 0 295px;
	}

.titulo_tres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
	width: 250px;
	float: left;
	}


.box_indicador_assunto_dois {
	font-family: "Lucida Sans Unicode", Verdana; 
	color:#000; 
	font-size:14px; 
	font-weight:bolder;
	width: 90px;
	float: right;
	background:url(images/fundo_texto_sub_secao.png);
	}

.texto_paginas_right {
		width: 450px;
		float: left;
		text-align:justify;
		font-family:"Lucida Sans Unicode", Verdana;
		border-top: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		font-size:12px;
		}

#box_paginas_left {
		width: 250px;
		float: left;
		clear: both;
		text-align:justify;
		font-family:"Lucida Sans Unicode", Verdana;
		border-top: 2px solid #ccc;
		margin: 0 50px 0 0;
		font-size:12px;
		}

.especialistas_dois {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 10px;
	color: #666666;
	}

.vantagens_escuro {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 10px;
	color: #666666;
	}



.texto_nome_pagina {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		margin-left: 13px;
		color: #000;
		}

#box_titulo{
	height: 32px;
	background: url(images/fundo_box_titulo.png) no-repeat;
	}

#relogio {
	font-family:"Arial Narrow";
	font-size: 14px;
	margin-right: 28px;
	float:right;
	color: #FFF;
	}

#box_banner_novo {
	width: 468px;
	height: 61px;
	float: right;
	margin: 0 40px 0 0;	
	}

.h1_apresentacao {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	}

.especialistas {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 10px;
	color: #FFFFFF;
	}

.vantagens_claro {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
	}

.vantagens_claro_dois {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
	margin-top: 5px;
	width: 200px;
	}

.h3_texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 5px 0 5px 5px;
	}

.h5_texto_topo_dois {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FFFFFF; 
	font-weight:bolder; 
	margin-left: 5px;
	}

.box_indicador_assunto {
	font-family: "Lucida Sans Unicode", Verdana; 
	color:#000; 
	font-size:14px; 
	font-weight:bolder;
	float:right;
	width: 90px;
	background:url(images/fundo_texto_sub_secao.png);
	}
	
#box_menu_bottom{
	width: 1024px;
	height: 25px;
	background: url(images/bg-bubplastic-h-blue.gif) repeat-x;
	clear:both;
	}

#box_menu_bottom_item {
	width: 90px;
	height: 15px;
	margin: 5px 0 0 10px;
	float: left;
	}

#tampao {
	width: 100%;
	height: 30px;
	clear: both;
	}


.texto_menu_bottom {
	font-family: "Lucida Sans Unicode", Verdana;
	text-align: center;
	font-size: 11px;
	color: #fff;
	}

.texto_menu_coluna_direita {
	font-family: "Lucida Sans Unicode", Verdana;
	text-align: left;
	margin-left: 5px; 
	font-size: 11px;
	color:#CCCCCC;
	border-bottom: 1px solid #666666;
	}

.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
	margin: 0 8px 0 5px;
	}



.box_generico {
	float: left;
	margin: 20px 0 0 30px;
	}
	
.box_generico_tres {
	margin: 30px  0 0 0;
	}

.box_generico_quatro {
	float: left;
	margin: 0 0 0 65px;
	}

.box_generico_cinco {
	float: left;
	margin: 0 0 0 20px;
	}

.box_generico_seis {
	float: left;
	margin: 68px 0 5px 20px;
	}



a.classe1:link {text-decoration: none; }
a.classe1:visited {text-decoration: none; }
a.classe1:hover {text-decoration: none;}
a.classe1:active {text-decoration: none;}

a.classe2:link {text-decoration: none; color:#CCCCCC;}
a.classe2:visited {text-decoration: none; color:#CCCCCC;}
a.classe2:hover {text-decoration: none; color:#fff;}
a.classe2:active {text-decoration: none; color:#CCCCCC;}

a.classe3:link {text-decoration: none; color:#ffffff;}
a.classe3:visited {text-decoration: none; color:#ffffff;}
a.classe3:hover {text-decoration: none; color:#ffffff;}
a.classe3:active {text-decoration: none; color:#ffffff;}

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 20px;
	padding-left: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif; font-weight:bolder;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 20px;
	padding-top: 1px;
	padding-right: 20px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */





/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top left no-repeat;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top right no-repeat;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-blue.gif) top right no-repeat;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top left no-repeat;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top right no-repeat;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top left no-repeat;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top right no-repeat;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top left no-repeat;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top right no-repeat;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top left no-repeat;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top right no-repeat;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-red.gif) top right no-repeat;
}

#test li {
	display: block;
	border: solid 1px red;
}
