@charset "iso-8859-1";

/* CSS SITE 12º TABELIONATO */

* { margin:0;  padding:0}

body	{ background: url(/img/bgs/bgsite.jpg) repeat-x; font-family: Tahoma, Arial, Sans serif; font-size:11px; color:#666; background-color:#e5e5e5;}
.clear	{ clear:both; padding:0px; margin:0px;}

#site		{ margin-left: auto; margin-right:auto; width:850px }

h1			{ padding-left:10px; font-size:14px; color:#002251;}
h2			{ font-size:13px; color:#666; margin-bottom:15px;}
h3			{ font-size:12px; color:#666; margin-bottom:10px;}

ul			{ list-style-type:none;}
li			{ list-style-position:outside; }
a			{ color:#333; text-decoration:none; }
a:hover		{ color:#333; text-decoration:underline; }

dl			{  line-height:15px;}
dt			{ color:#999; font-size:10px; }
dd			{ margin-bottom:12px;}
dd a		{ text-decoration: none}
dd a:hover	{ text-decoration: underline}

p			{ margin-bottom: 12px; line-height:15px;}
img 		{ border:none;}
label		{ cursor: pointer;}

form		{ margin:0; padding:0;}

/* TOPO */
#topo				{ width:850px; /*border-right:1px solid #FFF;*/ height:115px;}
.logo				{ width:640px; float:left; background: url(/img/bgs/bussula.jpg) no-repeat right 3px;  height:115px;}
.logo img			{ padding-top:17px; padding-left:25px;}

/* AREA AUXULIARA MENU AUX / BUSCA */
#areaauxiliar		{ background:url(/img/bgs/bgBusca.jpg) repeat-x; width:209px; float:left;}
	/* MENU AUXILIAR */
	#menuauxiliar		{ height:26px; padding-top: 7px; }
	#menuauxiliar ul	{ list-style-type:none; margin-left:10px; /*margin-top:7px;*/ }
	#menuauxiliar li	{ list-style-type:none; display:inline; background:url(/img/bgs/bgSetamenu.gif) no-repeat 5px 5px; margin-right:10px; margin-left:10px; }
	#menuauxiliar li a			{ font-weight:bold; color:#FFF; text-decoration:none; padding-left:15px}
	#menuauxiliar li a:hover	{ font-weight:bold; color:#FFF; text-decoration:underline;}
	/* BUSCA */
	#buscador			{ width:166px; float:left; margin-right:2px; }
	#buscador input		{ background:url(/img/bgs/bgBuscador.jpg) no-repeat; height:20px; width:162px; border:none; font-size:10px; color:#666; padding:4px;}
	.busca				{ height:73px;padding-left:10px;padding-top:9px;}

/* CONTENT */
#areaconceitual		{ height:344px; /*border-bottom:5px solid #00FF00;*/ width:850px; border-right:1px solid #FFF;}
	.swf				{ width:640px; float:left; padding-top:1px;}
	#barralateral		{ float:left; width:209px;}
	#barralateral a			{ color:#FFF; text-decoration:none;}
	#barralateral a:hover	{ color:#FFF; text-decoration:underline;}			
	#barralateral form	{ margin-bottom:8px;}
	.boxbarralateral	{ padding-left:15px; padding-top:10px;}
	.video				{ margin-bottom:8px;}

/* CLIENTE CORPORATIVO */
#loginnome			{ width:160px; margin-right:2px;}
#loginnome input	{ background:url(/img/bgs/bgloginnome.jpg) no-repeat; width:160px; padding:4px; border:none; font-size:10px; margin-bottom:5px; color:#666}
#loginsenha			{ width:136px; float:left; margin-right:2px;}
#loginsenha input	{ background:url(/img/bgs/bgloginsenha.jpg) no-repeat; width:136px; padding:4px; border:none; font-size:10px; color:#666;}

/* CLIENTE CORPORATIVO */
#chamadas			{ width:850px; border-right:1px solid #FFF; /* background-color:#FFF; */}
#menu				{ background:url(/img/bgs/bgmenu_1.jpg) repeat-x; height:41px;}
#menu ul			{ list-style-type:none; list-style-position:inside; padding-top:12px;padding-bottom:12px;}
#menu ul li			{ display:inline;  font-size:12px;padding-top:12px;border-right: #D1D1D1 1px solid;padding-bottom:12px; }
#menu ul li a		{	font-weight:bold; padding-top:12px;padding-bottom:12px;
						background:url(/img/bgs/bgsetaroxo.gif) no-repeat 14px 16px;
						color:#666; 
						text-decoration:none;  
						padding-right:29px; padding-left:27px;
					}
#menu ul li a:hover	{ font-weight:bold; color:#6F006E; text-decoration:none; background-color:#E0E0E0;}

#areachamadas		{ padding-top:22px; padding-bottom:20px;  background: url(/img/bgs/bgchamadas.jpg) repeat-x; background-color:#FFF;}
.box				{ width:212px; float:left;}
.chamadas			{ margin-left:18px; margin-right:10px;}

/* ENQUETE */

span			{ display:block; font-size:10px; height:18px;}
span input		{ margin-right:5px; vertical-align:text-top; }
.votar			{ padding-top:5px;}

/* AUXILIARES */
.bbv		{ border-bottom:3px solid #FF0000;}
.titulo		{ }
.bt			{ margin-bottom:0px;}

.btmais		{ background:url(/img/bgs/bgbullet.gif) no-repeat; padding-left:15px; font-size:10px;}
.btmais a		{ color:#6F006E; }
.btmais a:hover	{ color:#6F006E; }

.btvoltar		{ background:url(/img/bgs/bgbulletvoltar.gif) no-repeat; padding-left:15px; font-size:10px; margin-top:15px;}
.btvoltar a		{ color:#6F006E; }
.btvoltar a:hover	{ color:#6F006E; }

.btemolumentos		{ background:url(/img/bgs/bgbullet.gif) no-repeat 0 1px; padding-left:18px; font-size:11px; font-weight:bold; margin-top:6px;}
.btemolumentos a		{ color:#6F006E; }
.btemolumentos a:hover	{ color:#6F006E; }

.separador	{ background:url(/img/bgs/bgseparador.gif) no-repeat top right; }

.mb12		{ margin-bottom:8px;}
.mb20		{ margin-bottom:20px;}

/*  CLASSES E ID PAGINA INYERNAS   */

#submenu	{ width:230px; float:left; margin-right:20px;}
#submenu ul	{ margin-left:15px;}
#submenu ul li	{ list-style-type:none; list-style-position:inside; display:list-item; background:url(/img/bgs/bgSetaroxo.gif) no-repeat 4px 9px; padding-left:15px; border-bottom: 1px solid #DEDEDE; padding-bottom:5px; padding-top:5px; }
#submenu ul li a		{ font-weight:normal; color:#6F006E; text-decoration:none; }
#submenu ul li a:hover	{ font-weight:bold; color:#6F006E; text-decoration:none; }

#submenu p	{ margin-left:15px;}	

#conteudo		{ width:570px; float:left}
#conteudo p		{ font-size:12px; line-height:18px;}
#conteudo ul	{ margin-left:15px; list-style-type:square; list-style-position:inside; margin-bottom:12px}
#conteudo ul li	{ margin-bottom:5px}

.foto		{ float:left; border:1px solid #999; width:auto; margin-right:8px; margin-bottom:5px;}
.foto img	{ margin:3px}
.legenda	{ background-color:#666; font-size:10px; color:#FFF; padding:3px }

#indicadores				{ padding:10px; }
.indicador					{ background-color:#EBEBEB; padding: 4px; width:175px;}
.indicador_left				{ background-color:#EBEBEB; padding: 4px 0px 4px 4px; float:left; width:50px;}	
.indicador_right			{ background-color:#EBEBEB; padding: 4px 4px 4px 0px; float:left; width:125px; text-align:right;}	
.cotacao					{ width:175px; padding:4px; }
.indice						{ width:85px; float:left; color:#EBEBEB; padding-bottom:5px;}
.valor						{ width:90px; float:left; text-align:right; color:#EBEBEB; padding-bottom:5px;}
.tempo-icone, .tempo-mais	{ width:40px; float:left; padding-top:5px; background-color:#EBEBEB; text-align:center; margin-right:10px; border: #666666 solid 2px;}
.tempo-mais					{ text-align:center;}
.tempo-descricao			{ width:110px; padding-top:3px; float:left; background: url(/img/bgs/bg-tempo.gif) no-repeat top right;}
.tempo-descricao p			{ line-height:2px;color:#EBEBEB;}




/* FORMULARIO */
#formulario	{ margin-left: 20px; margin-bottom:20px;}
#formulario input, #formulario select, #formulario textarea	{ background-color:#F0F0f0; border: 1px solid #CCC; border-top: 1px solid #999; border-left:1px solid #999; width:460px; margin-bottom:5px; font-family:"Trebuchet MS", Arial, Tahoma; font-size:10px; color:#666;}
#formulario h3	{ padding-left:0; margin-bottom:5px; margin-top:10px;}
label	{ display:block; font-size:10px; color: #666;}
.coluna	{ width:230px; float:left; margin-right:10px }
.coluna input { width:170px; }
.btenviar			{ padding:10px; text-align:center ; border-top: 4px solid #f0f0f0; margin-bottom:15px;}

/* RODAPE */
#rodape			{ background:url(/img/bgs/bgrodape.jpg) repeat-x;}
#contentrodape	{ width:850px; border-right:1px solid #FFF; font-size:10px; color:#FFF; padding-top:10px; padding-bottom:20px;}
#contentrodape span	{ font-weight:bold; margin-bottom:0;}
.assinatura		{ float:left; width:750px;}
.assinatura p 	{ padding-left:10px;}
.e-tab			{ float:left; width:95px; text-align:center;}
.subitem		{ margin-left:35px;}
.subitem2		{ margin-left:70px;}