body {
	background: #ffffff;
	margin: 0px;
	color: #333333;
	font: 8pt Tahoma, Arial, Verdana;
	line-height: 140%;
}

.sec {
	position: absolute; 
	top: 500px; 
	left:225px; 
	visibility:hidden; 
	z-index: 100; 
	background-color:Khaki; 
	width: 300px;
	padding: 5px;
	border: 1px solid #aaaaff;
}

a:link {color: #CC6600; text-decoration: underline}
a:visited {color: #dc8423; text-decoration: underline}
a:hover {color: #dc8423; text-decoration: none}
a:active {color: #dc8423; text-decoration: underline}
#div_centralizada {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 200px;
    width: 300px;
    margin-top: -100px;
    margin-left: -150px;
}
#sortable{
	line-height:160%;
	font-family:verdana;
	background: #cccccc;
	width:100%; 
	_width:96%; 
	border:0px; margin:0px; padding:0px;
}

#sortable thead{
	color:black;
	font-size:14px;
	font-weight:bold;
	background: #efefef;
	align:center;
}

#sortable tbody{
	color:black;
	font-size:17px;
	background:white;
	align:center:	
}

th{
	font-size:11px;
	padding:2px;
	background: #EFEFEF;
}

.table_result_admin{
	line-height:160%;
	font-family:verdana;
	background: #cccccc;
}

.table_result_admin thead{
	color:black;
	font-size:14px;
	font-weight:bold;
	background: #efefef;
	align:center;
}

.table_result_admin tbody{
	color:black;
	font-size:17px;
	background:white;
	align:center:	
}

#boxFora{
 border-left: 0px solid #efefef;
 border-right: 3px solid #efefef;
 border-top: 0px solid #efefef;
 border-bottom: 3px solid #efefef;
 background-color: #FFFFFF;
 }
 
#boxDentro{
 border-top: 1px dashed #CCCCCC;
 background-color: #FFFFFF;
 align:center;
 }
<!--
	padding: 2px;
	ackground: rgb(204, 68, 68) none repeat scroll 0%;
	position: absolute;
	z-index: 3;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	color: white;
	font-size: 75%;
	top: 1px;
	right: 16px;
	      
	      
	-x-background-x-position:0%;
	-x-background-y-position:0%;
	background-attachment:scroll;
	background-color:#CC4444;
	background-image:none;
	background-repeat:repeat;
	color:white;
	font-size:75%;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	position:absolute;
	right:16px;
	top:1px;
	z-index:3;
			
-->
<!--
 background:#C3DAF9 none repeat scroll 0%;
 border:1px solid #6593CF;       
 left: 45%;
 padding:2px;
 position:absolute;
 text-align:center;

 top:50%;
 width:140px;
 z-index:20001;
-->
body {
	margin:0px;
	padding:0px;
	background:white;
}

#spnTudo {	
}

#DivDefaultLoading {
    background:#C3DAF9;
 	border:1px solid #6593CF;       
 	/*left: 1;*/
 	padding:2px;
 	text-align:center;
 	z-index:20001;
 	
 	width:140px;
	height:28px;
	position:fixed;
	_position:absolute;
	top:50%;
	left:50%;
	margin-top:-14px;
	margin-left:-70px;
}
   #DivDefaultLoading .loading-indicator {
       background:white
		url(../img/block-bg.gif)
		repeat-x scroll 0%;
       border:1px solid #A3BAD9;
       color:#003366;
       font-family:tahoma,arial,helvetica;
       font-size:12px;
       font-size-adjust:none;
       font-stretch:normal;
       font-style:normal;
       font-variant:normal;
       font-weight:bold;
       line-height:normal;
       margin:0pt;
       padding:5px;
   }

/* DEFINE  */
input, select, textarea {
	color:#000000;
	font:8pt Tahoma, Arial, Verdana; 
}
.botao {border: 0px;} 

/* DEFINE COR, TAMANHO DOS BOTOES */
.botaog {	
}

img {border:0px;}

td {font:8pt Tahoma, Arial, Verdana;}

p {margin: 0px;	padding: 5 0 0 0px;text-align:justify;}

/* DEFINE FONT SIZE 1 */
.fontp {font:7pt Tahoma, Arial, Verdana;}

/* DEFINE CORES DE FONT */
.font_branco, .font_branco A:link, .font_branco A:hover, .font_branco A:visited, .font_branco A:active    {color:#ffffff;}
.font_cinza, .font_cinza A:link, .font_cinza A:hover, .font_cinza A:visited, .font_cinza A:active    {color:#333333;}
.font_cor1, .font_cor1 A:link {color:#CC6600;}
.font_cor2, .font_cor2 A:link, .font_cor2 A:hover , .font_cor2 A:visited{color:#003366;}

/* DEFINE FONT ARIAL SIZE 2*/
.texto {font:10pt Arial, Verdana, Tahoma; line-height: 120%;}

/* DEFINE CORES DE BACKGROUND */
.cor_1 {background-color:#003366;color:#ffffff;}
.cor_2 {background-color:#FAE6BF;}
.cor_3 {background-color:#FFFAF0;}
.cor_4 {background-color:#F59F48;}
.cinza {background-color:#F5F5F5;}
.cinza2 {background-color:#f0f0f0;}
.cinzaesc {background-color:#eeeeee;}
.branco {background-color:#ffffff;}
.cinza_1 {background-color: #D4D4D4;}
.cinza_2 {background-color: #DFDFDF;}
.cinza_3 {background-color: #E4E4E4;}
.cinza_4 {background-color: #EFEFEF;}
.cinza_5 {background-color: #F9F9F9;}
/* DEFINE PADDING */
.bloco {padding: 10 10 0 10px;}

/* DEFINE ALINHAMENTO A ESQUERDA */
.bloco_esq {float:left;padding-left:5px;}

/* DEFINE ALINHAMENTO A DIREITA */
.bloco_dir {float:right;padding-right:5px;}

/* DEFINE LINHA DECORATIVA */
.linha {height: 3px; padding:0px; margin:0px; border:0px; background: url('../img/linha.gif') repeat-x;}
.lista {list-style-image: url('../img/list.gif');}

h1 {
	font: 16pt 'Trebuchet MS', Verdana, Sans-Serif;
	letter-spacing: -1px;
	margin: 0 0 0 5px;
} 
h2 {
	font: 14pt 'Trebuchet MS', Verdana, Sans-Serif;
	margin: 0 0 0 5px;
} 
h3 {
	font: 12pt 'Trebuchet MS', Verdana, Sans-Serif;
	margin: 0 0 0 5px;
} 

#centraliza { 	
	float:left;
	border-left:1px solid #eeeeee;	
	width: 779px;
	background: #ffffff url('../img/back.gif') repeat-y top right;
	/* PARA CENTRALIZAR O CONTEUDO É SÓ DESCOMENTAR
	width: 788px;
	position:absolute;
	left:50%;
    margin: 0 0 0 -395px;		
    _margin: -10 0 0 -388px;	
	*/
}	

#geral {
	width:770px;
}
.topo_logado {
	width:100%;
	background: #003366;
}
.topo {
	background-image: url('../img/back_topo.gif');
	background-repeat: no-repeat;
}
.topo_logo1 {
	padding-top:2px;
	padding-left:10px;
	float:left;
}
.topo_banner {
	padding-top:5px;
	padding-right:8px;
	float:right;
}
.topo_canto1{
	float:left;
}
.topo_canto2{
	float:right;
}
.topo_logo2 {
	padding-top:20px;
	padding-left:10px;
	float:left;
}
.topo_logo3 {
	padding-top:0px;
	padding-left:10px;
	float:left;
}
.topo_assinante {
	float:right;
	padding: 10 0 10 15;
}
/* ######### Style for Tab Interface itself ######### */

.menu{
	height:42px;
	background-image: url('../img/back_menu.gif');
	background-repeat: repeat-x;
}

.menu ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	text-align: center;
}

.menu li{
	display: inline;
	margin: 0;
	height:42px;
	padding: 14 12 0 11px;
	background: url('../img/menu_divisoria.gif') no-repeat top left; 
	text-align:center;
	cursor:hand;
	float:left;
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
}

.menu li a{
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
}

.menu li a:visited{
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
}

.menu li a:hover{
	color:#ffcc99;
	text-decoration: none;
	font-weight: bold;
}

.menu li.selected{
	color:#ffcc99;
	text-decoration: none;
	font-weight: bold;
}

.menu li.selected a{ /*selected main tab style */
	color:#ffcc99;
	text-decoration: none;
	font-weight: bold;
}

.menu li.selected a:hover{ /*selected main tab style */
	color:#ffcc99;
	text-decoration: none;
	font-weight: bold;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
	position:absolute;
	top: 0;
	margin-top: 15px;
	border: 1px solid #efefef; 
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 180px;
	visibility: hidden;
}
.dropmenudiv a:link {
	width: auto;
	display: block;
	padding: 8 0 8 20px;
	text-decoration: none;
	color:#003366;
	background: #ffffff url('../img/seta.gif') no-repeat; 
}
.dropmenudiv a:visited {
	width: auto;
	display: block;
	padding: 8 0 8 20px;
	text-decoration: none;
	color:#003366;
	background: #ffffff url('../img/seta.gif') no-repeat; 
}
* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	width: auto;
	display: block;
	padding: 8 0 8 20px;
	text-decoration: none;
	color:#003366;
	background: #efefef url('../img/seta_on.gif') no-repeat; 
}
.home_link {
	margin-left:10px;
	padding:8 20 8 20px;
	font-weight: bold;
	background: url('../img/seta.gif') no-repeat; 
}
.home_link_over {
	margin-left:10px;
	padding:8 20 8 20px;
	font-weight: bold;
	background: url('../img/seta_on.gif') no-repeat; 
}
.home_link A:link,.home_link A:visited,.home_link_over A:link,.home_link_over A:visited {
	color:#333333;
	text-decoration: none;
}
.home_link A:hover,.home_link A:active,.home_link_over A:hover,.home_link_over A:active {
	text-decoration: underline;
}
.home_botao {
	text-align:center;
	padding-top:17px;
}
.box1 {
	height: 250px;
}
.box2 {
	height: 40%;
	padding: 15px;
}
.coluna_home {
	width: 75%;
	float:left;
}
.home_dir {
	width:170px;
	float:left;
}
#home_nav {
	width:170px;
	background: url('../img/home_navback.gif') repeat-y;
	float:left;
}
ul.home_navlist {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.home_navlist li {
	padding: 10 0 10 0px;
	text-align:right;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	color:#333333;
}
.home_navlist li a, .home_navlist li a:visited {
	padding: 10 15 10 0px;
	text-decoration: none;
	color:#333333;
	background: url('../img/seta.gif') no-repeat right;
}
.home_navlist li a:hover {
	padding: 10 15 10 0px;
	text-decoration: underline;
	color:#CC6600;
	background: url('../img/seta_on.gif') no-repeat right;
}
.home_navlist li.selected a, .home_navlist li.selected a:visited {
	text-decoration: underline;
	color:#CC6600;
	background: url('../img/seta_on.gif') no-repeat right;
}
#home_conteudo {	
	width:65%;
	padding: 0 0 0 10px;
	float:left;
	font:10pt Arial, Verdana, Tahoma;
	text-align:justify;
}

#email A:link, .coluna A:visited{
	color:#333333;
}




.coluna_atendimento{
	width:182px;
	float:right;
	background: url('../img/coluna_atendimento_back.gif') no-repeat top right;
}
.coluna {
	padding: 5px;
	/*height:60px;*/
	color:#333333;
	font: 8pt;
}

.coluna_clientes {
	padding: 5px;
	/*height:80px;*/
	color:#333333;
	font: 8pt;
	text-align:center;
	margin-top:15px;
}

.coluna_laranja {
	padding: 5px;
	color:#eda700;
	font: 8pt;
	clear:both;
}

.coluna A:link, .coluna A:visited {
	color:#333333;
}
.coluna A:hover {
	color:#CC6600;
}

.box3 {
	width: 96%;	
	_width: 100%;	
	float:left;
	padding: 0 15 0 15px;
}

.perguntas {font:10pt Arial, Tahoma, Verdana;color: #CC6600;}
.box_conteudo {
	width: 68%;
	padding-left:1%;	
	_width: 70%;
	float:left;
	display:block;
	clear:both;
}
.coluna_direita{
	margin-bottom:5px;
	margin-right :5px;
	width:180px;
	float:right;
	background: #f5f5f5 url('../img/top_coluna.gif') no-repeat top left;
}

.coluna_direita_assinante{
	margin-bottom:5px;
	width:180px;
	float:right;
	margin-right:10px;
	background: #f5f5f5 url('../img/top_coluna.gif') no-repeat top left;
}

.coluna_direita_admin{
	float:right;
	margin-right:10px;
	margin-top:0px;
	padding-top:0px;	
}

.coluna_botao{
	margin-top:10px;
	margin-bottom:5px;
	width:180px;
	float:right;
}
.tab_sombra {
	border-right: solid 3px #efefef;
	border-bottom: solid 3px #efefef;	
}

.tab_borda {  
	background-color: #ffffff;
	border: solid 1px #cccccc;
	text-align: left;
}

/* DEFINE BOXS e SOMBRAS */
.sombra {
	border-right: solid 3px #efefef;
	border-bottom: solid 3px #efefef;
	margin-bottom: 5px;
}

.listras {
	list-style-image: url('../img/seta.gif');
}

.borda_cinza {  
	background-color: #ffffff;
	border: solid 1px #cccccc;
	padding:2px;
	text-align:left;
}

.borda_laranja {  
	background-color: #ffedc3;
	border: solid 1px #eda700;
	padding:5px;
	text-align:left;	
}

.borda_azul {  
	background-color: #eaf2f7;
	border: solid 1px #b8cbd6;
	padding:5px;
	text-align:left;	
}
.borda_content {
	padding:10px;
	_padding:5px 10px;
	margin:0px;
	border:0px;
	text-align:left;
}
.borda_content .form {
	padding:0px;
	margin:0px;
	border:0px;
}

/* DEFINE BOX DE (?) AJUDA */
.ajuda {
background-color:#f5f5f5;
border: 1px solid #cccccc;
padding:4px; 
margin: 4 0 4 0 px;
display: none;
}
.ajuda_coluna {
margin: 4 0 4 0 px;
display: none;
}
/* DEFINE PUBLICIDADE RESOLUÇÃO ACIMA DE 1024 */
.coluna_1024 {
	position: absolute;
	top: 20px;
	left: 785px;
	width: 150px;
	height: 350px;
	float:left;
	text-align:center;
}

/* DEFINE ESTILO DO RODAPÉ */
.rodape {
	background-color:#003366; 
	height:25px;
	padding-top:5px;
}

.form_segmenta {
width: 340px;
font: 8pt tahoma, arial, verdana; 
color:#666666;
}
.form_area {
font: 8pt tahoma, arial, verdana; 
color:#cc6600;
}

/* BUSCA */
.search {	background-color:#f4f4f4; }
.escolha {	background-color:#dfdfdf; }

#indique{
	position: relative;
	display:none;
}

#novidade{
	position: relative;
	display:none;
}


/** Formulários **/
.tableResult{
	padding:0;
	margin:0;		
}

.tableResult tr td{
	padding:1 5;		
}

form div, form table, form div.box3 {
	border:0px; margin:0px; padding:0px;
}
.comentario {
	font-size:11px; 
	text-weight: bold;
	padding: 5px 0px !important;
	margin: 5px 0px !important;
}
.comentario B {
	display: inline !important;
}
form div.box3 {
	width: 100% ! important;
}
form.form {
	/*background:#F7F7F7 white;*/
	padding:0px;
	_margin-left:1px;
	clear:both;
	/*border-top:1px dotted #CCC;*/
}

form.form fieldset {border:none;}

form.form label {
	padding:7px 5px 0;
	float:left;
	/*width:182px;*/
	font:14px 'Trebuchet MS',Verdana,Sans-Serif;
	color:black;
}
form.form label B{
	display: block;
}

.inputtext {
	border:1px solid #BDBDBD;
	padding:3px;
	margin:3px 0;
	/*background:#F7F7F7;*/
}

.inputtext:focus {
	border:2px solid #97BEE0;
	padding:2px;
}

form.form label textarea {
border:1px solid #999999;
font-family:Verdana,Arial,Tahoma,Sans-Serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:140px;
line-height:normal;
padding:7px 5px;
width:422px;
}


form.form .button_maior {
	border:0px;
	display: block;
	padding: 2px 3px;
	text-align: center;
	font: 12px Verdana, Arial, Tahoma, Sans-Serif;
	text-decoration: none !important;
	color: white;
	width: 150px;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
}


form.form .button {
	border:0px;
	display: block;
	padding: 2px 3px;
	text-align: center;
	font: 12px Verdana, Arial, Tahoma, Sans-Serif;
	text-decoration: none !important;
	color: white;
	width: 100px;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
}


form.form .button:hover {
	color: white !important;
}

form.form .button.botoesazul {
	background-color: #0097BF;
	/*float: left;*/
}


form.form .button.cor1{
	background-color: #666666;
	/*float: left;*/
}
form.form .button_maior.cor1{
	background-color: #666666;
	/*float: left;*/
}

form.form .button.cor1:hover {
	background-color: #999999;
}

form.form .button_maior.cor1:hover {
	background-color: #999999;
}

.botao_calendar{
	background:#666666;
	color:#ffffff;
	width:20px;
	border:0px;
	height:21px;
}

.botao_calendar:hover{
	background:#999999;
	color:#ffffff;
	width:20px;
	border:0px;
	height:21px;
}

.botao_prosseguir{
	background:#666666;
	color:#ffffff;
	width:70px;
	border:0px;
	height:21px;
}

.botao_prosseguir:hover{
	background:#999999;
	color:#ffffff;
	width:70px;
	border:0px;
	height:21px;
}
.sortable{
	background:#CCCCCC none repeat scroll 0%;border:0px none;font-family:verdana;line-height:160%;margin:0px;padding:0px;width:100%;
}
.sortable tr td{
	background:#FFFFFF none repeat scroll 0%;
}
.topo_coleta {
	background:#003366 url(../img/topo_back.gif) repeat scroll 0%;
	width:100%;
}

/* Estilos para as caixas de mensagens */

.clean-gray{
 border:solid 1px #DEDEDE; 
 background:#EFEFEF;
 color:#222222;
 padding:4px;
 text-align:center;
}
.clean-yellow{
 border:solid 1px #DEDEDE; 
 background:#FFFFCC;
 color:#222222;
 padding:4px;
 text-align:center;
}
.clean-ok{
 border:solid 1px #349534; 
 background:#C9FFCA;
 color:#008000;
 padding:4px;
 text-align:center;
}
.clean-error{
 border:solid 1px #CC0000; 
 background:#F7CBCA;
 color:#CC0000;
 padding:4px;
 text-align:center;
}

.box-aviso{
 border:solid 1px #ff8e16; 
 background:#fef9e4;
 color:#222222;
 font-size: 12px;
 padding:5px 10px 10px 10px;
 text-align:center;
}

.box-aviso h3{
  color:#df0101;
  font-size: 20px;
  padding: 5px 10px;
}

.simple_error { border: 1px solid; margin: 0px 0px; padding:5px 5px 5px 5px; background-repeat: no-repeat; background-position: 10px center;}
.simple_error { color: #D8000C;background-color: #FFBABA; }