* {margin: 0; padding: 0; list-style: none; text-decoration: none; font-style: normal; outline: none;}

fieldset, img {border: none;}

* body ul li a {height: 1%;}

em {font: 11px; color: #8c8c8c;}

.a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.a:hover {
	color: #FFCC00;
	text-decoration: none;
}
.a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.cright {
	color: #000000;
	text-decoration: none;
}
.txt {
	text-decoration: none;
}
body { 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #000 url(../images/bg_pagina.jpg) repeat-x;
	background-attachment : fixed;
	font-family: "Trebuchet MS", Georgia;
	font-size: 12px;
	font-style:normal;
}

.cright:link {
	color: #FFFFFF;
	text-decoration: none;
}
.cright:hover {
	color: #FFCC00;
	text-decoration: none;
}
.cright:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.titCaixa {
	font-size: 13px;
	/*	font-weight: bold;*/
	color: #000000;
	text-decoration: none;
}
.DTHORA {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-family: tahoma;
}

.Edits{
  font-weight:normal;  
  color: #666666; 
  border-color: #666666; 
  border-style: solid; 
  border-width: 1.9px; 
  background-color:#FFFFFF;
}
.txtPlanos {
	text-decoration: none;
	font-weight: bold;
}
.PagMsg {
	font-size: 18px;
/*	font-weight: bolder;*/
	text-decoration: none;
}
.btns {
	border-top        : 1px solid #D7D7D7;
	border-left       : 1px solid #D7D7D7;
	border-width      : 1px;
	background-color  : #FFFFFF;
	padding           : 1px 3px 1px 3px;
	color             : #000000;
} 
.cxTitulo {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #0000FF;
}
/*background-color:#FFFFFF;*/
#website { width: 752px; /*border:solid 1px #CCCCCC;*/ background: #fff; padding:0; display: table;   margin: 0 auto; 	
    /*border-left: 4px solid #ececec;
	border-right: 4px solid #ececec; */
	height: 100%;
}

#coluna_esquerda { 
	float: left; 
	width: 197px; 
	background: #F8F8F8;/*#F9FCFF;*/
	border-right: 1px solid #ececec;
	border-top: 1px dashed #ececec;
	border-bottom: 1px dashed #ececec;
	/*padding: 0 0px 0 10px; */
}

#topo { width:752px; height:128px; background: #fff url(../images/bg-topo.jpg) repeat-x; }
#topo h1, #topo h2 { display: none; }


#logo { width:320px; height:72px; padding:0; margin:5px 5px ; }

/*#menu { width:752px; height:60px;} */

#banner_meio { width:765px; height:100px;}

#rodape {
	background-color: #515151;
	width: 100%;
	display: table;
	/*position: absolute;*/
	top: 614px;
	left: -2px;
}

#rodape a {
  color: #888;
  font-weight: bold;
}

#rodape a:hover {
  color: red;
  text-decoration: underline;
}

#rodape address {
width: 734px;
height: 20px;
padding-top: 8px;
padding-right: 10px;
margin: auto;
background: #f8fbff; /*#f8fbff*/
border-left: 4px solid #ececec;
border-right: 4px solid #ececec;
text-align: right;
}

#rodape address img {
float: left;
margin: 0;
}

#rodape address span.validos {
  margin-left: 13px;
  display: block;
}

#conteudo_central {
width:543px;
float: right;
padding-right: 6px;
margin-top: 5px;
}

#conteudo_central div.header_normal {
width: 542px;
height: 47px;
background: #fff  url(../images/topo-paginas.gif) no-repeat;
margin-top: 3px;
}

#conteudo_central div.header_normal h1 {
font: bold 16px;
margin: 15px 0 0 50px;
padding: 0 2px;
float: left;
_display: inline;
border-bottom: 1px dashed #ccc;
color: #555;
}

#conteudo_central div.header_normal h1 span {
color: #ffb052;
}

#destaque_flash {
width: 502px;
height: 169px;
background: #fff url(depoimento.gif) no-repeat;
position: relative;
padding: 0 10px 0 30px;
float: left;
}
/*#texto-secao { display: block; width: 752px; }*/


#menu {
	width: 752px;
	height: 20px;
	position: static;
	top: 112px;
	text-align: center;
	padding-top: 6px;
	margin-top: 20px;
	float: left;
	display: block;
	/*background: transparent url(../images/bg-menu.gif) repeat-x;*/;
	left: 114px;
}

#menu li {
	display: inline;
	background: transparent url(../images/menu.gif) no-repeat left 5px;
	*background: transparent url(../images/menu.gif) no-repeat center left;
	padding: 0 12px; }

#menu li.primeiro {background: none;}

#menu li a {
	font-size: 13px;
	font-weight: bold;
	color: #777;
}

#menu li a:hover {
color: #333;
text-decoration: underline;
}

/* Planos */

#planos-hospedagem {
width: 182px;
height: 225px;
background: #fff url(../images/box_linux.gif) no-repeat;
position: relative;
float: right;
}

#planos-hospedagem  h2{
display: none;
}

#planos-hospedagem  ul li {
color: #3984a8;
font-size: 10px/13px;
padding-left: 15px;;
}

#planos-hospedagem  h3{
font-size: 12px;
padding-top: 10px;
padding-left: 18px;
}

#planos-hospedagem  h3 em {
font-size: 16px;
color: #333;
padding-left: 3px;
}

#planos-hospedagem  a {
	color: #666666;
	padding-left: 3px;
}

/*streaming */

#planos-streaming {
width: 182px;
height: 225px;
background: #fff url(../images/box-streaming.gif) no-repeat;
position: relative;
float: right;
}

#planos-streaming  h2{
display: none;
}

#planos-streaming  ul li {
color: #3984a8;
font-size: 10px/13px;
padding-left: 15px;;
}

#planos-streaming  h3{
font-size: 12px;
padding-top: 35px;
padding-left: 18px;
}

#planos-streaming  h3 em {
font-size: 16px;
color: #333;
padding-left: 3px;
}

#planos-streaming  a {
	color: #666666;
	padding-left: 3px;
}

/* fim streaming */

#faz-site {
width: 360px;
height: 225px;
position: relative;
background: #fff url(../images/box_faz_site.gif) no-repeat;
float: left;
}

#faz-site h2{
display: none;
}

#faz-site p{
font-size: 14px; 
color: #666;
width: 300px;
padding: 75px 10px 0 20px;
}

#faz-site a {
	color: #666666;
	padding-left: 3px;
}

#faz-site em {display: none;}

#faz-site h3 {
float: right;
font-size: 20px;
color: #fff;
bottom: 39px;
right: 28px;
position: absolute;
}

#faz-site h3 span {
font-size: 13px;
margin-right: 3px;
}

#faz-site a.ver_planos {
width: 102px;
height: 25px;
display: block;
text-indent: -9000em;
bottom: 10px;
left: 20px;
position: absolute;
}

/* depoimentos */

#box-depoimentos {
width: 360px;
height: 225px;
position: relative;
background: #fff url(../images/box-depoimentos.gif) no-repeat;
float: left;
}

#box-depoimentos h2{
display: none;
}

#box-depoimentos p{
font-size: 14px; 
color: #666;
width: 300px;
padding: 75px 10px 0 20px;
}

#box-depoimentos a {
	color: #666666;
	padding-left: 3px;
}


#box-depoimentos em {display: none;}

#box-depoimentos h3 {
float: right;
font-size: 20px;
color: #fff;
bottom: 39px;
right: 28px;
position: absolute;
}

#box-depoimentos h3 span {
font: 10px;
margin-right: 3px;
}

#box-depoimentos a.ver_planos {
width: 102px;
height: 25px;
display: block;
text-indent: -9000em;
bottom: 10px;
left: 20px;
position: absolute;
}
/* fim depoimentos */

/* Box Registro*/

#box-registro {
width: 360px;
height: 138px;
position: relative;
background: #fff url(../images/box-registro.jpg) no-repeat;
float: left;
}

#box-registro h2{
display: none;
}

#box-registro p{
font-size: 12px; 
color: #666;
width: 300px;
padding: 38px 0px 0 20px;
}

#box-registro a {
	color: #666666;
	padding-left: 3px;
}


#box-registro em {display: none;}

#box-registro h3 {
float: right;
font-size: 20px;
color: #fff;
bottom: 39px;
right: 28px;
position: absolute;
}

#box-registro h3 span {
font: 10px;
margin-right: 3px;
}

#box-registro a.ver_planos {
width: 102px;
height: 25px;
display: block;
text-indent: -9000em;
bottom: 10px;
left: 20px;
position: absolute;
}
/* fim registro Dominios */

/* Box banner meio*/

#box-banner-meio {
width: 360px;
height: 87px;
position: relative;
float: left;
}
/* fim Box banner meio*/

/* Box banner meio*/

#box-tecnologias {
	background-color: #515151;
	width: 100%;
	display: table;
	/*position: absolute;*/
	top: 614px;
	left: -2px;
}

#box-tecnologias address {
width: 734px;
height: 20px;
padding-top: 8px;
padding-right: 10px;
margin: auto;
background: #f8fbff; /*#f8fbff*/
border-left: 4px solid #ececec;
border-right: 4px solid #ececec;
text-align: right;
}

#box-tecnologias address img {
float: left;
margin: 0;
}

#box-tecnologias address span.validos {
  margin-left: 13px;
  display: block;
}

/* fim Box banner meio*/


#texto-apresenta {
width: 526px;
border: 1px solid #CCCCCC;
background: #f4f4f4;
float: left; 
text-align:justify;
color:#999999;
padding: 5px 5px 0 5px;
margin: 5px 0px 5px 4px;
}

#texto-apresenta a {
 color:#666666;
}

#texto-apresenta p{
font-size: 11px/16px;
color: #666;
width: 200px;
padding: 75px 10px 0 20px;
}


/* Fim de Planos */
#depoimentos {
width: 502px;
height: 169px;
background: #fff url(depoimento.gif) no-repeat;
position: relative;
padding: 0 10px 0 30px;
float: left;
}

#depoimentos h2 {
display: none;
}

#depoimentos h4{
font: bold 14px/18px;
color: #333;
padding-left: 3px;
}

#depoimentos h4 em, #depoimentos h4 em a, p.comentario {
font: 12px/15px;
color: #3d2b4a;
}

#depoimentos ul {
float: right;
padding-top: 40px;
width: 155px;
}

#depoimentos ul li {
width: 160px;
display: table;
}

#depoimentos ul li span{
font: bold 12px/28px;
width: 30px;
display: block;
float: left;
}


#depoimentos ul li em {
font: 11px;
color: #87bb59;
float: right;
width: 65px;
display: block;
padding-top: 7px;

}

#central-do-assinante {
	width: 165px;
	height: 120px;
	/*position: absolute; */
	/*top: 130px;
	left: 131px; */
	text-align: center;
}

#central-do-assinante h2 {
	font: 11px;
	color: #666666;
}


#central-do-assinante form {
padding-top: 30px;
padding-left: 8px;
}

#central-do-assinante form label {
float: left;
font: 8pt;
color: #888;
width: 40px;
display: block;
padding-top: 7px;
}

#central-do-assinante form input#clogin,#central-do-assinante form input#csenha, #central-do-assinante form input#clogar {
float: left;
font: 8pt;
margin-top: 5px;
}

#central-do-assinante form input#clogar {
margin-left: 5px;
}

#chat {
	width: 100%;
	height: 100px;
	/*position: absolute; */
	/*top: 130px;
	left: 131px; */
	text-align: center;
}

#chat h2 {
	font: 11px;
	color: #666666;
}


#contato form {
  padding: 0px 10px;
  clear: both;
}

#contato p{
font: 11px/16px;
color: #666;
width: 500px;
padding: 0px 10px 0 20px;
}

#contato #setor {
  padding-top: 30px;
  _margin-bottom: 10px;
}


#contato form label {
font: 10px;
color: #777;
display: block;
width: 148px;
margin-right: 5px;
float: left;
margin-bottom: 7px;
margin-top: 2px;
clear: both;
text-align: right;
}


#contato form label.error {
  color: red;
  margin-left: 145px;
  margin-top: -5px;
  width: 300px;
  text-align: center;
  _display: inline;
}

#contato form input.error, #contato form textarea.error {
  border: 2px solid red;

}

#contato form input, #contato form select, #contato form textarea  {
font: 11px;
color: #444;
margin-bottom: 7px;
margin-top: 2px;
display: block;
float: left;
*float: none;
}


#contato form small {
  color: #888;
  clear: both;
  float: left;
  margin-top: -5px;
  margin-left: 80px;
  margin-bottom: 3px;
}

#contato form small a {
  color: #333;
  text-decoration: underline;
}

form.default label {
font: 11px;
color: #777;
display: block;
width: 120px;
float: left;
margin-bottom: 10px;
margin-top: 6px;
clear: both;
}

form.default input, form.default select.select  {
font: 11px;
color: #444;
margin-bottom: 10px;
margin-top: 5px;
display: block;
float: left;
*float: none;
}

form.default textarea.text{
font: 11px;
color: #444;
clear: both;
float: left;

*margin-left: -51px;
}


a.tooltip {
position: relative;
cursor: help;
}

a.tooltip span {
display: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
width: 200px;
color: #222;
border: 2px dashed #FF953F;
padding: 10px;
background-color: #FFF0DF;
z-index: 100;
font: 11px;
top: 0;
left: 15px;
}

a.big:hover span {
  width: 500px;
}

/* Flash  :::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.flash{
	width:765px;
	padding:0;
	margin:0;
}

/*  Hospedagem ----------------------------------------*/


#hospedagem p {
  font: 11px verdana, arial, sans-serif;
color: #333;
margin-left: 22px;
padding-right: 20px;
}

#hospedagem a em {
  color: #333;
  display: block;
  padding-top: 30px;
  text-align: left;
  padding-left: 60px;
  font: bold 17px 'trebuchet ms', arial, verdana, sans-serif;
}

#hospedagem a small {
  float: left;
  width: 300px;
  color: #656;
  display: block;
  font-size: 11px;
  text-align: left;
  padding-right: 10px;
  padding-left: 20px;
  padding-top: 8px;
}

#hospedagem a.plataforma_windows em span {
   color: #669900;
}

#hospedagem a.plataforma_linux em span {
   color: #1e74b6;
}

#hospedagem a.plataforma_windows {
  width: 500px;
  height: 170px;
  background: #fff url(../images/hospedagem-windows-box.jpg) no-repeat;
  display: block;
  margin: 10px 0 0 20px;
}

#hospedagem a.plataforma_linux {
  width: 500px;
  height: 170px;
  background: #fff url(../images/hospedagem-linux-box.jpg) no-repeat;
  display: block;
  margin: 10px 0 0 20px;
}

table.tabela_planos {
text-align: center;
border: 1px solid #eee;
margin: 10px 0 10px 8px;
width: 535px;
}

table.tabela_planos td {
font: 11px verdana, arial, sans-serif;
margin: 0;
color: #333;
height: 30px;
}

table.tabela_planos thead td, table.tabela_planos th {
color: #333;
background: #eee;
font: bold 11px verdana, arial, sans-serif;
padding: 2px 5px;
text-align: center;
}


table.tabela_planos tfoot td a {
font: 11px verdana, arial, sans-serif;
text-decoration: underline;
color: #34799d;
padding: 3px;
display: block;
height: 24px;
line-height: 24px;
}

table.tabela_planos tfoot td a:hover {
background-color: #34799d;
color: #fff;
}

table.tabela_planos th.carac {
text-align: left;
font: 11px verdana, arial, sans-serif;
width: 22%;
}

table.tabela_planos tbody tr.par td {
background: #F5F5F5;
}

table.tabela_planos tbody tr td em {
  color: #CC0000;
  font: bold 11px verdana, arial, sans-serif;
}


table.tabela_planos tbody td {
width: 90px;
}


#componentes {
  padding-left: 20px;
  color: #666;
font: 11px Verdana, arial, sans-serif;
margin-top: -30px;
padding-bottom: 30px;
background-color: #FFFFFF;
}


#componentes p {
margin-left:0 !important;
color: #666;
font: 11px Verdana, arial, sans-serif;
}

#componentes h1 {
font-weight: bold;
font-size: 12px;
color: #CC6600;
border-bottom: 1px dotted #ccc;
width: 515px;
margin-top: 30px;
}

#componentes h2 {
font-size: 12px;
color: #67A4E8;
margin-top: 20px;
background: url(../images/nav_arrow.gif) no-repeat center left;
padding-left: 12px;
}

#componentes li {
color: #666;
font: 11px Verdana, arial, sans-serif;
padding-left: 8px;
background: url(../images/seta_laranja.gif) no-repeat center left;
}

#componentes blockquote {
padding-left: 30px;

}

