/* CSS Document  - PontoCom - Areta do Bem set/2006 */
/* update: março/2007 */
/* CORES SITE:
--------------
AZUL LOGO: #001EA0
LARANJA LOGO: #FF5F00
*/
* {
	margin: 	0px;
	padding: 	0px;
	}
body {
	background: #f3f3f3;
	text-align: left;
	}
#home, #pass {
	text-align: left;
	}
#tudo {
	width: 		780px;
	height: 	auto;
	margin: 	0 auto;
	text-align: center;
	padding: 	0px;
	border: 	1px solid #ccc;
	background: #fff url(img/bgTudo.jpg) top left repeat-y;
	}
.clear {
	clear: 		both;
	}
img {
	border: 	none;
	vertical-align:middle;
	}
p {
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#000;
	text-align:	justify;
	padding: 	2px 0px;
	}
.titulo {
	font:		bold 14px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#001EA0;
	}
.subtitulo {
	font: 		bold 12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:#001EA0;
	}
.subtituloLaranja {
	font: 		bold 12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#FF5F00;
	}
.destaqueCinza {
	font:		normal 12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#666;
	}
a, a:visited {
	font:		normal 12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#001EA0;
	text-decoration:none;
	}
a:hover {
	font: 		normal 12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#FF5F00;
	text-decoration:underline;
	}
h1 {
	font: 		18px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#FF5F00;
}
/**************************************
// OPEN
**************************************/
#menuaux {
	width: 		780px;
	left: 		0px;
	top: 		0px;
	height: 	20px;
	background:	#f3f3f3;
	text-align: right;
	margin: 	0px;
	padding: 	2px 0px;
	border-bottom: 1px #ccc solid;
}
#header {
	width: 		780px;
	height: 	120px;
	padding: 	0px;
	margin: 	0px;
	background: #FFFFFF url(img/bgHeader.jpg) left center no-repeat;
	}
#menu {
	width: 		780px;
	padding: 	0px;
	margin: 	0px;
	height:		26px;
	background: #fff url(img/bgMenu.jpg) repeat-X;
	clear:		both;
}
#menu ul {
	border:		none;
	background:	transparent;
	text-align: right;
	padding: 	2px 5px 1px 5px;
	margin: 	0px;	
}
#menu ul li {
	list-style: none; 
	display: 	inline;
	background: transparent url(img/vertical.gif) center right no-repeat;
	padding: 	0px 12px;
	margin: 	0px;
	font: 		bold 13px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#666;
}
#menu ul li a, #menu ul li a:visited { 
	padding: 	2px 12px;
	margin:		0px;	
	font: 		bold 13px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#666;
	background:	transparent;
	text-decoration: none;
}
#menu ul li a:hover {
	padding: 	2px 12px;
	margin:		0px;	
	color: 		#fff;
	background:	#0154A2;
	text-decoration: none;
}
#menu ul li span {
	text-decoration:underline;
}
/**************************************
// CONTEUDO
**************************************/
#colAuxiliar {
	width: 		180px;
	margin: 	0px;
	padding: 	10px 5px 10px 10px;
	text-align: left;
	float: 		left;
	}
#colPrincipal {
	width: 		570px;
	margin-right: 03px;
	padding: 	10px 5px;
	text-align: left;
	float: 		right;
	}
/* coluna auxiliar */
#segCanais {
	margin: 	0px;
	padding: 	0px;
	}
.cabColunaAuxiliar {
	margin: 	0px;
	padding: 	0px 0px 2px 0px;
	}
ul.canais {
	width: 		160px;
	height: 	auto;
	margin: 	0px;
	padding: 	0px;
	list-style: none;
	}
ul.canais li, {
	width: 		160px;
	height: 	1%;
	margin: 	3px 12px;
	_margin: 	0px ; /* hack para a gracinha do IE! */
	padding: 	2px 0px;
	_padding: 	1px 0px; /* hack para a gracinha do IE! */
	text-decoration: none;
	background: #f3f3f3;
	border: 	none;
	display: 	block;
	}
ul.canais li a, ul.canais li a:visited {
	margin: 	3px 0px;
	_margin: 	0px; /* hack para a gracinha do IE! */
	padding: 	2px 0px 2px 12px;
	_padding: 	1px 0px 1px 12px; /* hack para a gracinha do IE! */
	text-decoration: none;
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	background: #f3f3f3;
	border: 	1px solid #f3f3f3;
	display: 	block;
	}
ul.canais li a:hover {
	margin: 	3px 0px;
	_margin: 	0px; /* hack para a gracinha do IE! */
	padding: 	2px 0px 2px 12px;
	_padding: 	1px 0px 1px 12px; /* hack para a gracinha do IE! */
	text-decoration: none;
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#ff6000;
	background: #f3f3f3;
	border: 	1px solid #ff6000;
	display: 	block;
	}
/* coluna principal */
#entraWebmail {
	width: 		570px;
	height: 	90px;
	margin: 	0px;
	padding: 	0px;
	background: #fff url(img/bgWebmail.jpg) top left no-repeat;
	}
/* Conteudo da coluna do meio na pgina inicial */
#contMeioCapa {
	width: 		400px;
	height: 	auto;
	margin:  	0px 05px 0px 0px;
	padding: 	0px;
	background:	#fff;
	float: 		left;
	}
.cabContMeioCapa {
	margin: 	0px;
	padding: 	0px 0px 2px 0px;
	}
.colMeioCapaUnico {
	width: 		400px;
	height: 	auto;
	margin: 	0px;
	padding: 	0px;
	background:	transparent;
	}
/* coluna Auxiliar 2 - capa */
#colAux2 {
	width: 		160px;
	height: 	auto;
	margin: 	0px;
	padding: 	0px;
	background:	#fff;
	float: 		right;
	}
/**************************************
// TEMPO
**************************************/
#tempo {
	width: 		160px;
	height: 	130px;
	margin: 	0px;
	padding: 	1px;
	background:	#fff;
	text-align: center;
	}
iframe.previsao {
	width: 		122px;
	height: 	127px;
	margin: 	0px;
	padding: 	0px;
	background:	#fff;
	border:		0px; 
	overflow: 	hidden;
		}	
/**************************************
// ENQUETE
**************************************/
#enquete {
	width: 		160px;
	height: 	180px;
	margin:		0px;
	padding:	0px;
	background:	#f3f3f3;
	text-align: left;
	vertical-align:top;
	}
iframe.vote {
	width: 		140px;
	height: 	170px;
	margin: 	0px;
	padding: 	0px;
	background:	#fff;
	border:		0px; 
	overflow: 	hidden;
	}
/**************************************
// NOTICIAS
**************************************/
#colMeioCapaNoticias {
	width: 		400px;
	height: 	auto;
	margin: 	0px;
	padding: 	2px 10px;
	background:	#000;
	text-align:	center;
	}
.avisosTitulo {
	width: 		auto;
	height: 	auto;
	font:		bold 13px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#001EA0;
	background:	transparent;
	padding: 	2px 0px;
	margin: 	0px;
	text-align:	left;
	}
.avisoData {
	width: 		auto;
	height: 	auto;
	font:		italic 10px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#001EA0;
	background:	transparent;
	padding: 	0px 0px 5px 0px;
	margin: 	0px;
	text-align:	left;
	}
.avisosTexto {	
	width: 		auto;
	height: 	auto;
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	background:	transparent;
	padding: 	2px;
	margin: 	0px;
	text-align:	justify;
	}
.avisosTexto a, .avisosTexto a:visited, .avisosTexto a:hover {	
	width: 		auto;
	height: 	auto;
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	background:	transparent;
	padding: 	2px;
	margin: 	0px;
	text-align: justify;
	text-decoration:none;
	}
.avisosBt {
	width: 		auto;
	height: 	auto;
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	background:	transparent;
	padding: 	2px;
	margin: 	0px;
	text-align:	right;
	}
.avisosSepara {
	width: 		auto;
	height: 	auto;
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	background:	transparent;
	padding: 	2px;
	margin: 	0px;
	text-align:	right;
	border-top: 1px #CCCCCC dashed;
	}
/**************************************
// FORMULARIOS
**************************************/
label {
	margin-left:10px;
	padding: 	2px;
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	}
input {
	height: 	1%;
	margin: 	0px;
	padding: 	2px;
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	background: #f3f3f3;
	border: 	1px solid #999;
	}
select {
	margin: 	0px;
	padding: 	0px;
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	background: #f3f3f3;
	border: 	1px solid #999;
	}
option  {
	margin:		0px;
	padding: 	2px;
	border-bottom:1px dashed #999;
	}	
textarea {
	margin: 	0px;
	padding: 	2px;
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	background: #f3f3f3;
	border: 	1px solid #999;
	}
input:focus, select:focus, textarea:focus {
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#000;
	border: 	1px solid #999;
	background:	#fff;
	color: 		#000;
	}
.submit {
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	font-weight:bold;
	color: 		#fff;
	background: #FFCBA9 url(img/bgBt.jpg) left bottom repeat-x ;
	border: 	1px solid #ff6600; 
	margin: 	0px;
	padding: 	3px 5px 2px 5px;
	}
.submitAzul {
	height: 	1%;
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	font-weight:bold;
	color: 		#fff;
	background: #00CCFF url(img/bgBtAzul.jpg) left bottom repeat-x ;
	border: 	1px solid #001EA0; 
	margin: 	0px;
	padding: 	3px 5px 2px 5px;
	}
label.fieldLined {
	width: 		80px;
	text-align: right;
	margin-bottom:10px;
	padding-right: 02px;
	display: 	block;
	float:		left;
	}
/**************************************
// SERVICOS
**************************************/
.tabelaplanos {
	width:		570px;
	text-align:	justify;
	padding: 	2px;
	border: 	1px solid #FFF;
	}
tr.tableTit01 td{
	width: 		570px;
	padding: 	2px;
	background:	#001EA0;
	font:		bold 12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#fff;
	text-align:	center;
	}
tr.tableTit02 td{
	padding: 	2px;
	background: #0099CC;
	font:		bold 12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#fff;
	text-align:	center;
	}
tr.linhaA td{
	padding: 	2px 0px 2px 0px;
	margin: 	0px;
	background: #f3f3f3;
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#000;
	text-align:	center;
	}
tr.linhaB td{
	padding: 	2px 0px 2px 0px;
	margin: 	0px;
	background: #fff;
	font:		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color:		#000;
	text-align:	center;
	}
th {
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	}
/**************************************
// SUPORTE
**************************************/	
.segFormSuporte {
	width: 		320px;
	height: 	auto;
	margin: 	0px;
	padding: 	0px;
	float:		left;
	}
.segInfSuporte {
	width: 		230px;
	height: 	auto;
	margin: 	0px;
	padding: 	0px;
	background: #fff;
	float:		right;
	}
/**************************************
// PASS
**************************************/	
.segPass {
	width: 		450px;
	height: 	auto;
	margin: 	0 auto;
	text-align: center;
	padding: 	0px;
	border: 	1px #FF6600 solid;
	background: #fff;
	}
#entraEnquete {
	width: 		225px;
	height: 	auto;
	margin: 	0px;
	padding: 	0px;
	text-align: center;
	background: #666;
	float:		left;
	}
#entraAvisos {
	width: 		220px;
	height: 	auto;
	margin-left:05px;
	padding: 	0px;
	background: #666;
	text-align: center;
	float:		left;
	}
.bgCinzaFontFFF {
	width: 		auto;
	font:		bold 12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#fff;
	background: #666;
	text-align: center;
	}
.imgPass {
	text-align:	center;
	background: #f3f3f3;
	}
/**************************************
// RODAPE
**************************************/
#rodape {
	width:		auto;
	height: 	auto;
	margin: 	0px;
	padding: 	10px;
	border-top: 05px #FF5F00 solid;
	background: #efefef url(img/bgRodape.gif) center left repeat-X;
	text-align: right;
	clear: 		both;
	}
#rodape p{
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#666;
	background:	transparent;
	text-decoration: none;
	text-align: right;
	padding: 	2px;
	}
#rodape p a, p a:visited {
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#666;
	background:	transparent;
	text-decoration: none;
	}
#rodape p a:hover {
	font: 		12px "Trebuchet Ms" Verdana,Tahoma, Arial, sans-serif;
	color: 		#333;
	background:	transparent;
	text-decoration: none;
	}