/* DEFINI��ES GERAIS */
* {margin:0;padding:0;list-style:none;text-decoration:none;}
strong{font-weight:bold;}
em{font-style:italic;}
html,address{font:normal normal 11px Arial, Helvetica, Verdana sans-serif;}
html,body{text-align:center; height:100%;}
body{font-family:Arial, Verdana, sans-serif;font-size:12px;background:url(../imagens/bg.gif) repeat-x;}
html{height:100%;}
img{border:none;}
p{line-height:18px;color: #616161;margin-bottom:10px;}
a{color:#000;}
a:hover{color:#666;}
a:focus{outline:none;}
li{color:#848484;margin:0 0 5px 30px;}

/* CLASSES DE USO GERAL*/
.left{float:left}
.right{float:right}
.clear{clear:left;}
.none{display:none}
.block{display:block}
.inline{display:inline}
.indent{text-indent:-100000px}
.absolute{position:absolute}
.relative{position:relative}
.hidden{overflow:hidden;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.bold {font-weight:bold;}
.clear_float {clear: both;}
.ordenada li { list-style-type:decimal }
.nao_ordenada li { list-style: square }
.nao_ordenada li ul { margin-bottom: 20px; }
.nao_ordenada li ul li { list-style: circle }

/* Tamanhos de fonte de 10px a 20px */
.font8{font-size:8px;}
.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}

/* Títulos */
h3 { color: #f2a538; font-size: 14px; margin: 35px 10px 10px 10px; }


	/* CORES */
	.red{color:red;}
	.black{color:#000;}
	.white{color:#fff;}
	.blue{color:#0A90F1;}
	.blue2{color:#255da9;}
	.grey{color:#616161;}
	.grey2{color:#DFDFDF;}
	.azul{color:#328caa;}
	.laranja{color:#f2a538;}


/*################################## PRINCIPAL ##############################################*/
/* ESTRUTURA */
div#principal{position:relative; min-height:100%;max-width:100%;min-width:950px;padding-bottom:300px;}
* {behavior:url(js/iepngfix.htc);}
.ie6 * html #principal {height:100%;border-right:950px solid #fff;display:block;}
.ie6 * html #principalMeio {margin-right:-950px;display:inline-block; position:relative;}

/* conteudo */
#meio {width:1004px;margin:0 auto;min-height:1004px;}
.ie6 #meio {height:1004px;}

/* TOPO */
div#topo{width:100%;height:189px;text-align:center;}

/* COLUNAS DA INDEX */
div#colEsq{width:208px;float:left;}

div#colDir{margin:40px 0 0 43px;width:753px;float:left;text-align:left;}

div#colDir #destaques{margin:0 0 30px 0;}

/* VPS */
div#colDir #vps{width:324px;text-align:left;float:left;margin:0 29px 0 42px}
div#colDir #vps p{margin:5px 0 0 0;}

/* ASSESSORAMENTO */
div#colDir #assessoramento{width:324px;text-align:left;float:left;margin:0 0 37px 0;}

/* INFORMAÇÕES */
div#colDir #info{width:753px;height:236px;background:url(../imagens/principal/bg_informacoes.gif);clear:both;}
div#colDir #info .btConfiguracoes{width:142px;height:178px;background:url(../imagens/principal/configuracoes.gif);display:block;float:left;margin:31px 0 0 41px;}
div#colDir #info .btSuporte{width:141px;height:178px;background:url(../imagens/principal/suporte.gif);display:block;float:left;margin:31px 0 0 37px;}
div#colDir #info .btFerramentas{width:141px;height:178px;background:url(../imagens/principal/ferramentas.gif);display:block;float:left;margin:31px 0 0 37px;}
div#colDir #info .btTeste{width:141px;height:178px;background:url(../imagens/principal/teste.gif);display:block;float:left;margin:31px 0 0 37px;}

/* FORMAS DE PAGAMENTO */
div#colDir #formasPagamento{width:677;margin:37px 0 0 42px;float:left;}
div#colDir #formasPagamento img{margin-bottom:37px;z-index:10;}

/* RODAPE */
div#rodape{bottom:0; width:100%; height:53px; left:0; background: url(../imagens/bg_rodape.gif) repeat-x;}
div#rodape #rodapeMeio{width:1004px;margin:0 auto;}
div#rodape #rodapeMeio #sofa{width:321px;height:246px;margin:-193px 0 0 -53px;background:url(../imagens/principal/sofa.jpg);z-index:10;}
div#rodape #rodapeMeio p{color:#4c4c4c;font-size:10px;float:left;margin:20px 0 0 -50px;}

/* INTERNAS */

/* TITULOS */
.tit{width:px;height:px;background:url(../imagens/principal/titulos.gif) no-repeat;display:block;margin:;}
.tServicos{width:208px;height:47px;background:url(../imagens/principal/tit_servicos.gif) no-repeat;display:block;margin:38px 0 0 0;}
.tVps{width:324px;height:45px;background:url(../imagens/principal/tit_vds.gif) no-repeat;display:block;margin:0 0 0 0;}
.tAssessoramento{width:324px;height:45px;background:url(../imagens/principal/tit_assessoramento.gif) no-repeat;display:block;margin:0 0 0 0;}
.tFormasPagamento{width:677px;height:45px;background:url(../imagens/principal/tit_formas_pagamento.gif) no-repeat;display:block;margin:0 0 15px 0;}
.tInternas{color:#2686A6;font-size:18px;margin-bottom:30px;}

/* FORMS */
fieldset{margin:0;padding:0;border:none;}
form *{font-family:Arial, Helvetica, sans-serif;font-size:11px;}

/* BOTOES */
bt.{}

/* MENU */
#menuServicos{margin:0;text-align:left;}
#menuServicos li{}
#menuServicos li a{padding:8px 0 0 41px;width:167px;height:24px; background:url(../imagens/principal/menu_servicos.gif);display:block;} 
#menuServicos li a:hover{background-position: 0 -32px;}

div.window { display: block; float: left; margin: 7px; padding: 0px; width: 30%; height: 115px; background: url(../imagens/bg_window.png) bottom repeat-x;  } 
div.window span { display: block; color: #FFF; font-weight: bold; padding: 5px; }
div.window span.cor1 { background-color: #2686A6; }
div.window span.cor2 { background-color: #F2A538; }
div.window span.cor3 { background-color: #567314; }
div.window p { color: #555; font-size: 14px; margin: 5px; }

/*################################## PLANOS ##############################################*/

.plano_real { color: #37AA59 }
.plano_lite { color: #3776AA }
.plano_executivo { color: #828060 }
.plano_luxo { color: #964B58 }
.plano_premium { color: #804F93 }


/*################################## HOSPEDAGEM ##############################################*/
table#comparativo thead { text-align: center; }
table#comparativo thead tr th { padding-bottom: 20px; }
table#comparativo thead tr th span { font-size: 16px; display: block }

table#comparativo tbody { text-align: center }
table#comparativo tbody td { border-bottom: 1px solid #CFCFCF; padding: 5px; }
table#comparativo tbody td.colspan { color: #99724F; font-size: 13px; font-weight: bold; background-color: #FFF; background: url(../imagens/colspan.gif) repeat-x bottom; padding-top: 20px; }
table#comparativo tbody td.texto { text-align: right }
table#comparativo tbody td span { display: block }
table#comparativo tbody td span.destaque1 { color: #006699; font-weight: bold; }
table#comparativo tbody td span.destaque2 { color: #CC0000; font-weight: bold; font-style: italic; }
table#comparativo tbody td ul li { text-align: left; margin: 0px; padding: 5px; }