*{
	margin: 0;
	padding: 0;
	list-style: none;
}

body{
	background: #fff url(/img/bg_site2.gif) repeat-y  -10px top; 
}

body, td{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.clear{
	clear: both;
	margin:-1px;
	height: 1px;
	font: 0;
	position: relative
}

a img{
	border: 0;
}

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

a:hover{
	color: #990000;
}

input, textarea, select{
	border: 1px solid #777;
	font: 11px verdana;
	_font: 10px verdana;
}

.nota{
	font: bold 10px arial;
	padding: 10xpx;
	text-align: center;
}

.assineja{/* estão dentro dos templates, no fim */
	padding: 10px;
	border-top: 1px solid #C9C4BB;
	border-bottom: 1px solid #C9C4BB;
	background: #f7f7f7;
	margin-top: 20px;
	text-align: center;
}

.assineja a{
	color: #990000;
	text-transform:uppercase;
}

#banner-assineja{
	margin-top: 20px;
	margin-left: -10px;
	margin-right: -10px;
	text-align: center;
}

/*---------------------------------------------
	ESQUELETO DO SITE
-----------------------------------------------*/
#site{
	width: 778px;
	text-align: left;
	background: url(/img/bg_site2.gif) repeat-y top center;
}
#topo{
	background: #FFF;
	border-bottom: 1px solid #ddd;
	margin-bottom: -2px; 	/* Mozilla tem 2px de diferença do ie*/
	_margin-bottom: 0; 		/* Anula no ie  o comando acima */
}
#topo-pequeno{
	background: #FFF;
	border-bottom: 1px solid #ddd;
	height: 80px;
	position: relative;
}
#topo-pequeno .logo {
	position: absolute;
	top: 8px; 
	left: 8px;

	width: 200px;
}
#topo-pequeno .banner-alternativo {
	float: right;
	width: 468px;
}

#barra-topo{
	width: 768px;
	_width: 778px;			/* HACK ie 768+5+5 do padding */
	padding: 5px;
	border-bottom: 1px solid #ddd;
	background: #FFF;
}
#corpo{}

#navegacao{
	float: left;
	width: 150px;
}

#lateral{
	_float: right;
	_width: 145px;	
	float: left;
	width: 150px;	

}

#principal{
	float: left;
	width: 476px;
	_width: 476px;	
	background: #FFF;
	margin-left: 1px;
	_margin-left: 1px;
}

#conteudo{
	padding: 10px;
	display: block;
	width: 456px;
	_width: 476px;
}

#rodape-interno {
	width: 446px;
	_width: 476px; /* HACK ie 457+15+15 do padding */
	padding: 20px 15px;
	border-top: 1px solid #ddd;
	background: #FFF url(/img/bg_rodape_topo.gif) repeat-x left top;
	font: 11px verdana;
	text-align: center;
	display: none;
} 

#rodape-interno a {
	color: #CC3300
}

#rodape-externo {
	background: #FFF url(/img/bg_rodape_topo.gif) repeat-x left top;
	background: #FFF;
	border-top: 1px solid #CCCCCC;
	width: 778px;
	margin-top: 2px;
	_margin-top: 0;
	min-height: 80px;
	_height: 80px;	
}

#rodape-externo p {
	padding: 15px;
	width: 335px;
	_width: 365px;
	color: #555;
}

#rodape-externo p, 
#rodape-externo  .logos-parc {
	float: left;
}

#rodape-externo  .logos-parc dl {
	float: left;
	padding: 5px;
	position: relative;
}

#agente-autorizado {
	margin-top: 10px;
}
#agente-autorizado dd {
	text-align: center
}

#mercado-social,
#melhordobrasil,
#bomexemplo{
	position: absolute;
	text-align: center;
	top: 15px;
}

/* BUG MOZILLA */
#lateral,
#principal{
	margin-top: 1px;
	_margin-top: 0;
}

/*---------------------------------------------
	NAVEGAÇÃO HORIZONTAL
-----------------------------------------------*/
#navegacao-topo{
	display: none;
}
/*---------------------------------------------
	NAVEGAÇÃO: MENU
-----------------------------------------------*/

#navegacao .menu {
	background: #B63400 url(/img/bg_menu_topo.jpg) no-repeat left top;
	width: 140px;	
	margin-left: 5px;	
	margin-bottom:0;
	margin-top: 2px	
}
#navegacao .menu ul {
	background: url(/img/bg_menu_base.jpg) no-repeat left bottom;
	padding: 5px;
}

#navegacao .menu li.titulo{
	color: #003366;
	font: bold 100% Verdana, Arial;
	text-transform: uppercase;	
	background: #A61400;	
	padding: 4px;
}

#navegacao .menu li.titulo span{
	background: url(/img/bs2_pixel_7x72.gif) no-repeat 6px center;
	padding: 0 0 0 18px;
	color: #FFC165;
}

#navegacao .menu li a{
	font:11px arial;
	color: #fff;
	border-top: 1px solid #960400;
	border-bottom: 1px solid #d64410;	
	display: block;
	width: 120px;
	_width: 130px;	
	padding: 1px 5px;
}

#navegacao .menu li a:hover {
	text-decoration: underline;
	color: #FFFFCC;
	background: #D64410;
}

#navegacao .menu .selected a {
	background: #D64410 url(/img/marcador3.gif) no-repeat right center;
}

#navegacao .menu li.nob a {
	border-bottom: none;
}

/* AMARELO */
#navegacao .menu-amarelo {
	background: #FFC001 url(/img/bg_menu_topo_amarelo.jpg) no-repeat left top;
}

#navegacao .menu-amarelo ul {
	background: url(/img/bg_menu_base_amarelo.jpg) no-repeat left bottom;
}

#navegacao .menu-amarelo li.titulo {
	background: #DFA021;
}

#navegacao .menu-amarelo li.titulo span {
	color: #723D1E;
}

#navegacao .menu-amarelo li a {
	border-top: 1px solid #DFA021;
	border-bottom: 1px solid #FFE021;
	color: #723D1E;
}

#navegacao .menu-amarelo .selected a {
	background: #FFE021 url(/img/marcador5.gif) no-repeat right center;
}

#navegacao .menu-amarelo li a:hover{
	background: #FFE021 ;
	color: #444;
}

/* LARANJA */
#navegacao .menu-laranja {
	background: #FF9702 url(/img/bg_menu_topo_laranja.jpg) no-repeat left top;
}

#navegacao .menu-laranja ul {
	background: url(/img/bg_menu_base_laranja.jpg) no-repeat left bottom;
}

#navegacao .menu-laranja li.titulo {
	background: #dF7702;
}

#navegacao .menu-laranja li.titulo span {
	color: #600100
}

#navegacao .menu-laranja li a {
	border-top: 1px solid #dF7702;
	border-bottom: 1px solid #FFb722;	
}

#navegacao .menu-laranja .selected a {
	background: #FFb722 url(/img/marcador5.gif) no-repeat right center;	
}

#navegacao .menu-laranja li a:hover {
	background: #FFb722
}

/* VERDE */
#navegacao .menu-verde {
	background: #4EB607 url(/img/bg_menu_topo_verde.jpg) no-repeat left top;
}

#navegacao .menu-verde ul {
	background: url(/img/bg_menu_base_verde.jpg) no-repeat left bottom;
}

#navegacao .menu-verde li.titulo {
	background: #2E9607;
}

#navegacao .menu-verde li.titulo span {
	color: #1b4004;
}

#navegacao .menu-verde li a {
	border-top: 1px solid #2E9607;
	border-bottom: 1px solid #6Ed627;	
}

#navegacao .menu-verde .selected a {
	background: #6Ed627 url(/img/marcador5.gif) no-repeat right center;	
}

#navegacao .menu-verde li a:hover {
	background: #6Ed627 
}

/* AZUL */
#navegacao .menu-azul {
	background: #2987A2 url(/img/bg_menu_topo_azul.jpg) no-repeat left top;/*0B5DC0*/
}

#navegacao .menu-azul ul {
	background: url(/img/bg_menu_base_azul.jpg) no-repeat left bottom;
}

#navegacao .menu-azul li.titulo {
	background: #006F8A;/*124480*/
}

#navegacao .menu-azul li.titulo span {
	color: #C9E9FF;
}

#navegacao .menu-azul li a {
	border-bottom: 1px solid #49a7d2;/*0B3Da0*/
	border-top: 1px solid #096782;/*2B7De0*/
}

#navegacao .menu-azul .selected a {
	background: #43B1CF  url(/img/marcador1.gif) no-repeat right center;
}

#navegacao .menu-azul li a:hover {
	background: #43B1CF /*2B7De0  */
}
/* ROXO */
#navegacao .menu-roxo {
	background: #6C4385 url(/img/bg_menu_topo_roxo.jpg) no-repeat left top;
}

#navegacao .menu-roxo ul {
	background: url(/img/bg_menu_base_roxo.jpg) no-repeat left bottom;
}

#navegacao .menu-roxo li.titulo {
	background: #4C2365;
}

#navegacao .menu-roxo li.titulo span {
	color: #FCD3F5;
}

#navegacao .menu-roxo li a {
	border-top: 1px solid #4C2365;
	border-bottom: 1px solid #8C63a5;
}

#navegacao .menu-roxo li a:hover {
	background: #8C63a5;
}


/*---------------------------------------------
	BARRA DE ATALHOS
-----------------------------------------------*/
#atalho{
	text-align:center;
	width:778px;
	background:#444;
	margin:0 0 2px 0;
}
#atalho ul{
	margin:0 0 0 15px;
}
#atalho ul li{
	float:left;
}
#atalho ul li a{
	padding:5px 8px;
	display:block;

	
	border-right:1px solid #ccc;
	color:#fff;
	
	text-transform:uppercase;
}
#atalho ul li a:hover{
	background:#fff;
	color:#c30000;
}
#atalho .lojavirtual{
	background: #CC3300;
}
#atalho .lojavirtual a{

	font-weight: bold;
}
/*---------------------------------------------
	BARRA TOPO: BARRA DO WEBMAIL + BANNER
-----------------------------------------------*/
#banner23{

	width: 468px !important;
	width: 470px;
	min-height: 60px !important;
	_height: 62px;
	left: 305px;
	
	float:right;

}
#webmail{
	float: left;
	width: 293px !important;
	width: 295px;	
	margin-right: 5px;
	background: url(/img/bg_webmail.jpg) no-repeat right top;
	height: 60px;
	position: relative;

}
#webmail h3 {
	display: none;
}

#label-login,
#label-senha {
	position: absolute;
	right: 197px;
	color: #666;
}

#label-login {
	top: 22px;
}

#label-senha {
	top: 42px;
}

#login,
#senha {
	background: #FFF;
	font: 11px arial, helvetica, sans-serif;
	position: absolute;
	left: 100px;

	height: 14px;
	_height: 16px;

	width: 114px;
	_width: 122px;
	
	padding: 0px 3px;
	
	border: 1px solid #777;
}

#login {
	top: 20px;
}

#senha {
	top: 41px;
}

#bt-ok {
	position: absolute;
	bottom: 0px;
	right: 12px;
	border: 0 solid;
}

/*---------------------------------------------
	BUSCA
-----------------------------------------------*/
#busca {
	width: 140px;	
	margin: 5px 0px 5px 5px;
	background: #E0E1DC url(/img/bg_menu_topo_cinza.jpg) no-repeat left top;
}

#busca dl {
	padding: 5px;
	background: url(/img/bg_menu_base_cinza.jpg) no-repeat left bottom;	
	width: 130px;
	_width: 140px;	
}

#busca dt {
	padding: 5px;
	font: bold 10px verdana;
	background: #CFCFCB;
	margin-bottom: 5px;
	color: #666666
}

#busca dd {
	padding: 0px 0px 5px 0px;
	background: url(/img/google.gif) no-repeat right bottom;
}

#busca .palavra {
	width: 98px;
	_width: 102px;
	height: 14px;
	_height: 16px;	
	margin-bottom: 5px;
}

#busca #local,
#busca #web {
	font: bold 10px Arial, Helvetica, sans-serif;
}

#busca #local input,
#busca #web input {
	border: 0 solid;
	width: 15px;
	height: 12px;
	margin-left: 10px;
	padding: 0;
}

#busca .button {
	height: 16px;
	margin-bottom: 3px;
	_margin-bottom: 5px;	
}

#busca .palavra,
#busca .button {

	font: bold 10px Arial, Helvetica, sans-serif;
}

/*---------------------------------------------
	TEXTOS, TITULOS
-----------------------------------------------*/
h1{
	letter-spacing:1px;
	color: #444;
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url(/img/h1.gif) no-repeat left bottom;
	font: bold 15px  Arial	
}

h1 span{
	color: #990000;
}

h2{
	margin: 15px 0 5px 0;
	font: bold 11px verdana

}

h4{
	font: bold 9px verdana;
	margin-bottom: 8px;
	background: #e9e4dB;
	border: 1px solid #c9c4bB;
	color: #333;
	padding: 3px 10px;
	text-transform:uppercase;
	letter-spacing: 1px;
}

dt span{
	color: #990000;
}

.leia-mais{
	font: bold 10px verdana;
	text-align: right
}

.leia-mais a{
	color: #444;	
}

/*-------------------------------------------
	LATERAL
-------------------------------------------*/

/* RELOGIO */
#relogio {
	text-align: center;
	padding: 7px 0;
}

/*---------------------------------------------
	PRODUTOS - SERVICOS
-----------------------------------------------*/
.servico {
	width: 150px;
	min-height: 125px;
	_height: 125px;
	padding-bottom: 10px;
	margin: 5px 0;
}

.servico dl {
	width: 140px;
	margin-left: 6px !important;
	margin-left: 7px;	
}

.servico dt {
	padding: 4px 5px 4px 9px;
	font-weight: bold;
}

.servico dd{
	padding: 5px;
	position: relative;
}
.servico .imagem-produto{
	text-align: center;
	background: #FFF;
	text-align: left;
}
.servico ul{
	padding: 0;
	margin: 0;
}
.servico ul li{
	line-height: 16px;
	color: #333;
	text-align: right;
	letter-spacing: -1px;
}
.servico ul li .preco{
	font: bold 10px Verdana;
	color: #555;
	border-bottom: 1px solid #ccc
}
.servico .mais-detalhes{
	padding-top: 10px;
	margin-top: 10px;
	text-align: right;
}
.servico .mais-detalhes a {
	font: 10px verdana;
	letter-spacing: -1px;
	color: #C33A03;
}
.servico .mais-detalhes a:hover {
	color: #333
}

/* adsl */
.servico-adsl {
	background: url(/fotos/planos/tb_cx_adsl.jpg) no-repeat 10px 30px;
}

.servico-adsl dt {
	background: #0B5DC0 url(/img/bg_menu_topo_azul.jpg) no-repeat left top;
}

.servico-adsl dt span {
	color: #C9E9FF;
}

/* horpedagem */
.servico-hospedagem dt {
	background: #FF9702 url(/img/bg_menu_topo_laranja.jpg) no-repeat left top;
}

.servico-hospedagem dt span{
	color: #600100	
}

.servico-hospedagem {
	background: url(/fotos/planos/tb_cx_host.jpg) no-repeat 10px 30px;
}


/* dialup */
.servico-dialup dt {
	background: #4EB607 url(/img/bg_menu_topo_verde.jpg) no-repeat left top;
}
.servico-dialup dt span {
	color: #1b4004;
}

.servico-dialup {
	background: url(/fotos/planos/tb_cx_dialup.jpg) no-repeat 10px 30px;
}

/* PORTIFOLIO */
/*
#portifolio {
	padding: 0px 0px 15px 0px;
	text-align: center;
	width: 150px;
}
#portifolio dt {
	font: bold 10px verdana;
	padding: 0px 5px 0px 13px;
	line-height: 25px;
	color: #444;
	text-align: left;
	margin: 0 5px;
	background: #cfcfcf url(/img/tab-portifolio.gif) no-repeat top center;	
}

#portifolio dd.img {
	text-align: center;
}

#portifolio dd.cliente {
	text-align: center;
	font: bold 10px verdana;
	padding: 5px 0;
	margin: -2px 5px 0 5px;
	width: 140px;
	background: #CFCFCF url(/img/tab-portifolio-base.gif) no-repeat left bottom;
}

#portifolio dd.cliente a {
	color: #333;
}
*/
/* ATENDIMENTO */
.atendimento {
	background: #FEFDE7;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	width: 140px;
	margin-left: 6px !important;
	margin-left: 7px;	
	background: #FFC001 url(/img/bg_menu_base_amarelo.jpg) no-repeat left bottom;	
}

.atendimento dl {
	padding: 5px;
	background: url(/img/bg_menu_topo_amarelo.jpg) no-repeat left top;
}

.atendimento dt {
	background: #DFA021;
	color: #fff;
	padding: 4px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.atendimento dd {
	padding: 5px;

	color: #333;
	text-align: center
}

.atendimento .telefone {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #CC0000;
}

.atendimento .telefone2 { 
	font: bold 13px Arial, Helvetica, sans-serif;
	display: block;
}

.atendimento dd a { 
	font: 10px Verdana, Arial, Helvetica, sans-serif ;
	text-decoration: underline;
}

.atendimento dd .cidade-atendida {
	margin-top: 8px;
	text-align: center;
}

.atendimento .cidade-atendida a {
	color: #555;
}

#ha-vaga {
	text-align: center;
	padding: 0px 0 5px 0;
}

/*
COTACAO
*/
#cotacao {
	width: 140px;
	margin: 5px 0 5px 5px;
	margin-left: 6px !important;
	margin-left: 7px;	
	background: #E0E1DC url(/img/bg_menu_topo_cinza.jpg) no-repeat left top;
}
#cotacao dl {
	background: url(/img/bg_menu_base_cinza.jpg) no-repeat left bottom;	
	padding: 5px;
}
#cotacao dt{
	background: #ccc;
	color: #666;
	padding: 2px 4px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#cotacao dd {

	padding: 5px 0;
	position: relative;	
	width: 130px;
/*	height: 67px !important;
	height: 77px;	*/
	overflow: hidden;
	margin-top: 5px;
}
#cotacao dd img {
	position: relative;
	top: -30px;
}
#cotacao dd .descricao {
	text-align: left;
	font: bold 10px arial;
	text-transform: uppercase;
	color: #FF0000;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1px;
}
#cotacao dd .descricao,
#cotacao dd .valores {
	padding: 3px 5px;	
}

/*
IP
*/

#ip {
	width: 140px;
	margin: 5px 0 5px 5px;
	margin-left: 6px !important;
	margin-left: 7px;	
	background: #E0E1DC url(/img/bg_menu_topo_cinza.jpg) no-repeat left top;
}

#ip dl {
	background: url(/img/bg_menu_base_cinza.jpg) no-repeat left bottom;	
	padding: 5px;
}

#ip dt{
	background: #ccc;
	color: #666;
	padding: 2px 4px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

#ip dd {
	text-align: center;
	padding: 5px 0;
/*	background: url(/img/pc.jpg) no-repeat left center; */
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}


/*
PORTIFOLIO
*/
#portifolio {
	width: 140px;
	margin: 5px 5px 0px 5px;		
	background: #E0E1DC url(/img/bg_menu_topo_cinza.jpg) no-repeat left top;
}

#portifolio dl {
	background: url(/img/bg_menu_base_cinza.jpg) no-repeat left bottom;	
	padding: 5px 5px 0 5px;
}

#portifolio dt{
	background: #ccc;
	color: #666;
	padding: 2px 4px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

#portifolio dd {
	text-align: center;
	padding: 5px 0;
	margin: 0 -5px;
}

/*
get firefox
*/

#logos
{
	padding-left: 5px;
}

#publicidadeHeader { 
	width:100%;
	float:left; 
	display:inline;  
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center;
	margin:10px 0px 10px 0px;
	
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding: 5px 0px 5px 0px;
}

#publicidade .banner {
	margin:10px 0px 10px 0px;
}

#publicidade .banner .foto {
	width:100%;
	text-align:center;
}

#publicidade .banner .foto img {
	_width:93% !important;
	max-width:94%;
	border:1px solid #CCCCCC;

}


#publicidade .descricao{
	text-align:center;
	font-size:11px;	
}

#publicidade .descricao a{
	color:#4C7EC0;
	text-decoration:none;
}

#publicidade .descricao a:hover {
	text-decoration:underline;
}

#publicidade{
	float:left;
	width:90%;
	margin:0px 8px 0px 10px;
	display:inline;
	background-color:#FFFFFF;
}

#twitter { 
	width:476px;
}

#twitter .titulo {
 	font-weight:bold;
	font-size:11px;
	margin:16px 0px 0px 8px;
	width:460px;
	padding:0px 0px 8px 0px;
	color:#A60404;
	border-bottom:dashed 1px #CCCCCC;
}

#twitter .panelContainer {
	/* display:none */

}

#twitter .post {
	float:left;
	width:220px;
	_width:210px;
	padding:8px 0px 4px 7px;
	height:65px;
	_height:80px !important;
	
}

#twitter .post .twitter {
	font-size:10px;
	font-weight:bold;
	padding:4px 0px 4px 0px;

}

#twitter .espaco {
 	height:20px;
}


#twitter .post .atualizacao {
	font-size:10px;
	color:#444444;
}