

body {margin:0; padding:0; background: url('../img/bg.jpg') top center no-repeat; position:relative;} 
p {margin:0; padding:0;}
img {border:none;}
select {font:11px Arial, Verdana, sans-serif; color:#000000; background:#FFFFFF; width:140px; border:1px solid #FFFFFF;}
input {font:11px Arial, Verdana, sans-serif; color:#000000; background:#FFFFFF; width:70px; height:13px; border:1px solid #FFFFFF;}
#clear {clear:both;}

#top {width:800px; height:35px; text-align:right; margin:0 auto; padding:5px 5px 0 0; }
#header {width:800px; height:147px; margin:0 auto;}
#headerLeft {width:390px; height:115px; float:left; margin:50px 0 0 25px;  }
#headerRight {width:380px; height:130px; float:right; margin:0 0 0 0px;}

#caixas {width:390px; height:90px;}
.caixa {width:182px; height:90px; background: url('../img/caixa.png') top center no-repeat; float:left; padding-left:10px;}
.titCaixa {font:12px Arial, Verdana, sans-serif; color:#000000; margin-top:11px;}
.selectTelefone {margin-top:8px;}
.numTel {text-align:center; margin-top:10px; font:16px Arial, Verdana, sans-serif; color:#FFFFFF; font-weight:bold;}

#login {font:12px Arial, Verdana, sans-serif; color:#000000; width:132px; float:left; }
#btLogin {float:left; margin-top:15px;}
.itemLogin {padding-top:8px;}
#btnPU { width:21px; height:26px; background:url(../img/bt_enviar.png) no-repeat; border:none; }
 
 #chamadasOne {width:370px; height:50px; float:right; margin-top:5px;}
 .atendimento {width:174px; height:46px; background: url('../img/bg_atendimento.jpg') top center no-repeat; float:left;}
 .atendimentoOnline{width:174px; height:46px; background: url('../img/bg_atendimentoOnline.jpg') top center no-repeat; float:left; margin-left:15px;}
.titChamada {font:12px Arial, Verdana, sans-serif; color:#000000; margin:3px 0 0 45px; font-weight:bold;}
.descChamada {font:10px Arial, Verdana, sans-serif; color:#000000; margin:0 0 0 45px; }
.descChamada a, a:visited, a:hover, a:active {text-decoration:none; color:black;}


#conteudo {width:800px; margin:0 auto; clear:both;}
#conteudo a, a:visited, a:hover, a:active {text-decoration:none; color:black;}
#menu {width:800px; height:40px; background: url('../img/menu.png') top center no-repeat;}
#menu ul { list-style:none; margin:0; padding:0px;} 
#menu ul li { float:left; overflow:hidden;  margin-top:15px; font:10px Trebuched MS, Verdana, sans-serif; color:#FFFFFF;  text-align:center; font-weight:bold;}

#menu ul li#empresaMenu { width:58px; height:30px; margin-left: 8px; }
#menu ul li#hospedagemMenu { width:138px; height:30px; margin-left: 10px; }
#menu ul li#revendaMenu { width:65px; height:30px; margin-left: 10px; }
#menu ul li#streamingMenu { width:70px; height:30px; margin-left: 8px; }
#menu ul li#dedicadoMenu { width:130px; height:30px; margin-left: 10px; }
#menu ul li#registroMenu { width:138px; height:30px; margin-left: 13px; }
#menu ul li#suporteMenu { width:55px; height:30px; margin-left: 13px; }
#menu ul li#contatoMenu { width:55px; height:30px; margin-left: 12px; } 
#menu ul li a { text-decoration:none; color:#FFFFFF; }
#menu ul li a:hover{ text-decoration:none; color:#657C05; }

#destaques { width:800px; height:208px; background: url('../img/bg_destaque.jpg') top center no-repeat;}
#windows {width:395px; float:left;}
.titWindows { margin:5px 0 0 15px;}
.tiraVerdeWindows { width:122px; height:38px; float:left; margin-left:-12px; margin-top:5px; background: url('../img/tira_verde_left.png') top center no-repeat;}
.textoTiraW {font:13px Arial, Verdana, sans-serif; color:#000000; margin:5px 0 0 4px;}
#linux{width:395px; float:left; margin-left:10px;}
.titLinux { margin:5px 0 0 20px;}
.tiraVerdeLinux{ width:122px; height:38px; float:right; margin-right:-12px; margin-top:5px; background: url('../img/tira_verde_right.png') top center no-repeat;}
.textoTiraL {font:13px Arial, Verdana, sans-serif; color:#000000; margin:5px 0 0 10px; }
.bgPlanoDestaque {width:250px; height:130px;  background: url('../img/bg_plano_destaque.png') top center no-repeat; float:left; margin:10px 0 0 15px;}
.bgPlano1 { width:240px; height:43px; background: url('../img/bg_plano1.png') top left no-repeat; float:left; margin:35px 0 0 5px;}
.bgPlano2 { width:240px; height:43px; background: url('../img/bg_plano2.png') top left no-repeat; float:left; margin:10px 0 0 5px;}
.precoPlano {margin:3px 0 0 18px; font:16px Arial, Verdana, sans-serif; color:#000000; float:left;}
.descriPlano {margin:0 0 0 15px; font:12px Arial, Verdana, sans-serif; color:#FFFFFF; float:left;}
.desPlano {color:#9FBF3F;}
.moreDetalhes { float:left; margin:0 0 0 8px;}
.moreDetalhes a{font:10px Arial, Verdana, sans-serif; color:#FFFFFF; text-decoration:none;}
.moreDetalhes a:hover{color:#97B72E; }
.btTodosPlanos {float:right; margin-right:10px;}
.btTodosPlanos2 {float:right; margin-right:110px;}

#meio {width:800px; height:auto; background:#FFFFFF;}
#linha1 {width:800px; clear:both; }
#sobre {width:330px; height:200px; float:left; background: url('../img/a_intersit.jpg') top left no-repeat;}
.textoSobre { margin:55px 0 0 15px; font:12px Arial, Verdana, sans-serif; color:#000000; text-align:justify;}
#atalhos {width:470px; height:200px; float:left; background: url('../img/pessoas.jpg') bottom right no-repeat;}
.textoAtalhos { margin:35px 0 0 15px; font:11px Arial, Verdana, sans-serif; color:#000000;}
#botoes {width:279px; margin: 10px 0 0 15px;}
.btn { margin-top:8px;  }

#linha2 {width:800px; background:url('../img/fundo_cinza.jpg') top center repeat-x; clear:both; padding-top:20px; }
#coluna1 {width:165px; height:200px; float:left; margin-left:10px;}
#coluna2 {width:350px; height:201px; float:left; background:url('../img/bg_hospedagem.jpg') top center no-repeat;}
#planos {width:350px; margin: 75px 0 0 0; }
#coluna3 {width:250px; height:200px; float:left; }
.itemColuna1 {margin-top:3px;}
.plano {width:135px; height:113px; float:left; background:url('../img/bg_plano.jpg') bottom center no-repeat; margin-left:25px; }
.descPlano {margin-top:10px; margin-right:5px; font:12px Arial, Verdana, sans-serif; color:#000000; text-align:right; }

#suporte { width:250px; height:300px; margin-left:13px; float:left;}
.titSuporte { margin:5px 0 0 15px; font:11px Arial, Verdana, sans-serif; color:#000000;}
.conteudoSuporte {width:245px; height:65px; background:url('../img/icon_suporte.jpg')  left no-repeat; margin-top:10px;}
.textoSuporte { margin:12px 0 0 60px; font:12px Arial, Verdana, sans-serif; color:#000000; }
#registro { width:250px; height:80px; margin:5px 0 0 15px; }
.titRegistro { margin:20px 0 0 15px; font:11px Arial, Verdana, sans-serif; color:#000000;}
.conteudoRegistro {width:220px; height:65px; background:url('../img/icon_dominio.jpg')  left no-repeat; margin-top:10px;}
.textoRegistro{ margin:12px 0 0 70px; font:12px Arial, Verdana, sans-serif; color:#000000; text-align:justify;}

#linha3 {width:800px; height:120px; clear:both; padding-top:20px; }
#vps {width:346px; height:101px; background:url('../img/bg_registre_dominio.jpg') top center no-repeat; margin-left:10px; float:left;}
#vps img { margin:1px; } 
#construtorSite {width:308px; height:101px; background:url('../img/bg_construtor_site.jpg') top center no-repeat; margin-left:5px; float:left;}
.conteudoConstrutor {width:233px; margin:25px 0 0 63px;}
.textVoceEscolhe {font:15px Arial, Verdana, sans-serif; color:#000000;}
.itensConstrutor {width:81px; font:10px Arial, Verdana, sans-serif; color:#000000; float:left;}
.itensConstrutor2 {width:125px; font:12px Arial, Verdana, sans-serif; color:#A2B647; float:left; margin-left:20px; }
.btTeste {margin-top:7px;}
#extra {width:117px; height:101px; background:url('../img/bg_extra.jpg') top center no-repeat; margin-left:5px; float:left;}
.textExtra {width:115px; font:11px Arial, Verdana, sans-serif; color:#000000; margin:25px 0 0 8px;}

#linha4 {width:790px; height:220px; clear:both; margin-left:10px; }
#linha4Bor { width:780px; border:1px solid #CECECE; background:#FCFCFC; }
.textoLinha4 { width:750px; height:190px; font:12px Arial, Verdana, sans-serif; color:#000000; margin:5px 20px 5px 15px; text-align:justify; }
#linha4 a, a:visited, a:hover, a:active {text-decoration:none; color:#657C05;}

#rodape {width:800px; height:215px; background:#F9F9F9; overflow:hidden; top:-5px; position:relative;}
.contentRodape{width:777px; height:171px; background:url('../img/bg_rodape.jpg') center no-repeat; margin:20px 0 0 15px; clear:both;}
.colunas {margin:30px 0 0 180px; width:590px; height:110px; float:left;}
.col1{width:130px; float:left; }
.col2{width:130px; float:left; margin-left:15px;}
.col3{width:130px; float:left; margin-left:15px;}
.col4{width:130px; float:left; margin:10px 0 0 15px;}
.titCol {font:12px Arial, Verdana, sans-serif; color:#000000;}
.itensCol {font:11px Arial, Verdana, sans-serif; color:#666666;}
.itensCol ul { margin:0; padding:0px;} 
.itensCol ul li { overflow:hidden; font:11px Arial, Verdana, sans-serif; color:#666666;}
.itensCol ul li a { text-decoration:none; color:#000000; }
.itensCol ul li a:hover{ text-decoration:none; color:#A2B647; }

.autores {float:right; margin-right:10px; margin-top:2px; font:12px Arial, Verdana, sans-serif; color:#000000;}


#conteudoSubPagina {width:800px; background:#FFFFFF; float:left; top:-5px; position:relative; }
#conteudoSubPagina a, a:visited, a:hover, a:active {text-decoration:none; color:#657C05;}
#conteudoSubPagina p, address {font:12px Arial, Verdana, sans-serif; color:#000000; margin:-5px 20px 15px 20px; text-align:justify; padding-top:10px;}
#conteudoSubPagina li {font:12px Arial, Verdana, sans-serif; color:#000000; margin:0px 20px 5px 5px; text-align:justify; padding-top:10px;}
#conteudoSubPagina h1 {font:20px Arial, Verdana, sans-serif; color:#000000; margin:15px 10px 0 20px; font-weight:bold; text-transform:uppercase;}
#conteudoSubPagina h2 {font:15px Arial, Verdana, sans-serif; color:#000000; margin:20px 10px 0 20px; font-weight:bold; text-transform:uppercase;}
#conteudoSubPagina h3, dt {font:13px Arial, Verdana, sans-serif; color:#C9C9C9; margin:5px 10px 0 20px; font-weight:bold; text-transform:uppercase; font-style:italic;}
#conteudoSubPagina ol li {font:12px Arial, Verdana, sans-serif; color:#999999; margin:5px 10px 0 20px; font-weight:bold; text-transform:uppercase; font-style:inherit;}
#conteudoSubPagina dd {font:12px Arial, Verdana, sans-serif; color:#000000; margin:5px 10px 0 20px; font-style:inherit;}
#conteudoSubPagina #construtor { float:right; width:172px; height:200px;}
#conteudoSubPagina #construtor #testegratuito { top:220px; right:15px; position:absolute; }
#conteudoSubPagina #verm {color:red; text-transform:uppercase; font-weight: bold;}
#conteudoSubPagina #tpoHosp { width:230px; float:left; text-align:left; font-size:10px;}
#conteudoSubPagina fieldset#contato { font-family:Arial; }
#conteudoSubPagina fieldset#contato legend { font-size:14px; text-transform:uppercase; font-weight:bold;}
#conteudoSubPagina fieldset#contato input[type=text] { width:300px; }
#conteudoSubPagina fieldset#contato input[type=submit] { width:100px; height:30px; text-transform:uppercase; margin-left:124px;}
#conteudoSubPagina fieldset#contato input[type=submit]:hover { background:#657C05; color:white;}
#conteudoSubPagina fieldset#contato .label { text-transform:capitalize; font-size:12px; text-align:right; float: left; width: 120px; font-weight: bold; margin-right:5px; }
#conteudoSubPagina fieldset#contato input, .select { width: 180px; border:1px solid #F0F0F0; }
#conteudoSubPagina fieldset#contato textarea { width: 400px; height:150px; border:1px solid #F0F0F0; } 
#conteudoSubPagina fieldset#contato br { clear:left;}

#menuSubPagina { width:160px; height:500px; float:left; padding:10px 0 0 10px; }
#menuSubPagina ul {padding:0;	 margin: 0; line-height: normal; list-style:none;}
#menuSubPagina li {padding-top:5px; text-align:right; }
#menuSubPagina li:hover {background:#F8F8F8;}
#menuSubPagina a {font:11px Arial, Verdana, sans-serif; color:#000000; text-decoration:none; margin:-5px; text-align:right; }
#menuSubPagina a:hover {color:#99B735; }
#menuSubPagina .titulo { margin:5px; color:#83B834; list-style-position:inside; background:#FBFBFB}

#conteudoSubPagina2 {width:600px; height:auto; margin-left:0px; float:left; background:#FFFFFF; }
.textoSubPagina2 {font:11px Arial, Verdana, sans-serif; color:#000000; margin:0px 10px 0 20px; text-align:justify;}
.textoSubPagina2 p {padding-top:10px;}

#conteudoSubPagina .obs { font-size:9px; color:#666666; margin:0px 5px 1px 5px; } 

#hospedagem { width:460px; height:230px; margin:0 auto;	}

#plano { width:620px; font-family:Arial; }
#plano caption { width:600px; text-align: right; font:12px italic; }
#plano th {text-align:center; width:100px; border-right: 1px solid #009900; border-bottom: 1px solid #009900; background:#8bb900; font:11px Arial, sans-serif bold; color:white;}
#plano #col1 { background:#8BB900;}
#plano #col2 { background:#789F00;}
#plano #col3 { background:#668800;}
#plano #col4 { background:#587500;}
#plano #col5 { background:#496200;}
#plano .dest { color:#993300; font-weight:bold; }
#plano th.nobg { background:none;  border:none;}
#plano .infs { background:#e8e8e8; color:#000000; width:140px; text-align:left; font-weight:bold; margin-left:3px;}
#plano #pag { background:#EEDFA4; color:#000000; width:140px; text-align:left; border-color:black; font-weight:bold; }
#plano #pagV { background:#F5EDC9; }
#plano #pagCor { color:#666666; }
#plano #pagCorT { background:#F0F0F0; color:#666666; }
#plano td {text-align:center; font:10px Verdana, Arial, Helvetica, sans-serif bold; color:#000000; background:#F0F0F0;}
#plano th.assine {width:100px; height:18px; border-right: 1px solid #009900; border-bottom: 1px solid #009900; background:url("../img/bt_fundo.png") repeat-x; text-align:center; font-weight: bold;}
