@charset "utf-8";

html, body, div, span{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial;
	vertical-align: baseline;
}

body {
	color: #000;
	font-family: "Arial", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode";
	font-size: 12px;
	padding: 0px;
	margin: 0;
	background-image: url(../img/bg.jpg);
	background-repeat:repeat-x;
}
	
img {
	border:	0;
}

p, ol {
	margin:	0;
	padding: 0;
	text-align:justify;
}
	
	
a, a:visited {
	color:#006699;
	outline: none;
	text-decoration: none;
}
	
a:hover, a:active {
	color:#003399;
	outline: none;
	text-decoration: underline;
}
	
.clear {
	clear: both;
}

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

	
/* LAYOUT */
	
#total {
	width: 902px;
	margin: 0 auto;
	height:100%;
	display:table;
	}

h1, h3, h4 {
	font-weight: bold;
	margin: 0;
	}

h1 {
	font-size: 15px;
	color: #333;
}

h2 {
	font-size: 12px;
	color:#09C;
}
h3 {
	font-size: 13px;
	color:#D42E5D;
}
h4 {
	font-size: 13px;
	color:#FFF;
}
.titGraficos{
	font-size:13px;
	font-weight:bold;
	color:#5B8532;
}
/* TOP */
.topo{
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	height:156px;
}
#marca{
	background-image: url(../img/bg_admin.jpg);
	height: 120px;
	background-position: right;
	background-repeat: no-repeat;
}

.menu {
	font-size: 13px;
	height:20px;
	float: left;
	padding-top:90px;
	padding-left:22px;
}

	
.menu a, .menu a:visited {
	color: #333;
	padding: 11px;
	padding-right: 6px;
	text-decoration: none;
}
		
.menu a:hover, .menu a:active {
	color: #CC0000;
	padding: 11px;
	padding-right: 6px;
	text-decoration: none;
}

/* CONTAINER */
		
#container {
	width: 902px;
	background-image:url(../images/bg_container.jpg);
	background-repeat:no-repeat;
	height:143px;
	padding-top: 9px;
	padding-bottom: 0;
}

#container2 {
	background-image:url(../images/bg_container2.jpg);
	background-repeat: repeat-y;
	text-align:justify;
	line-height:18px;
	padding:0px 20px 10px 20px;
	color:#333;
	position:relative;
	overflow:hidden;
}
#container2_hosp {
	width: 830px;
	background-image:url(../images/bg_container2.jpg);
	background-repeat: repeat-y;
	height:100%;
	text-align:justify;
	line-height:18px;
	padding:0px 30px 10px 40px;
	color:#333;
	display:inline-block;
}
#container2_web {
	width: 880px;
	background-image:url(../images/bg_container2.jpg);
	background-repeat: repeat-y;
	text-align:justify;
	line-height:18px;
	padding:0px 10px 10px 10px;
	color:#333;
	display:table;
}
.sql{
	padding-left:16px;
	width:780px;
}

.container_top {
	background: url(../images/container_top.jpg) no-repeat;
	width: 902px;
	height: 20px;
}
.container_top2 {
	background: url(../images/container_top2.jpg) no-repeat;
	width: 902px;
	height: 20px;
}	
.container_bottom {
	background: url(../images/container_bottom.jpg) no-repeat;
	width: 902px;
	height: 20px;
}

.caixa{
	background-color:#ffffff;
	border:1px solid #B6E9FA;
	width: 855px;
	display:table;
}
.caixa_form{
	background-color:#ffffff;
	border:1px solid #B6E9FA;
	padding: 10px;
}
.caixa_s3{
	float:right;
	width: 632px;
}
#liquid {
	padding: 0px;
	margin-top:20px;
	/*overflow: hidden;*/
	width: 880px; margin:0 auto;
	}

#liquid .liquids {
	display: block;
	background: url(../images/liquid_right.png) top right no-repeat;
	height: 143px;
	}

#liquid ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#liquid li {
	float: left;
	list-style: none;
	}

#liquid .liquid {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 125px;
	width: 210px;
	background: #fff;
	border-right: 5px solid #fff;
}

#liquid .liquid span {
	position: absolute;
	left: -999px;
	width: 990px;
}

#liquid .webdesign {
	background: #FFF url(../images/liquid_webdesign.jpg);
	border-bottom: none;
}
	
#liquid .webdesign:hover {
	background: #FFF url(../images/liquid_webdesign_h.jpg);
	border-bottom: none;
}

#liquid .slicing {
	background: #FFF url(../images/liquid_slicing.jpg);
	border-bottom: none;
}
	
#liquid .slicing:hover {
	background: #FFF url(../images/liquid_slicing_h.jpg);
	border-bottom: none;
}
		
#liquid .logo {
	background: #FFF url(../images/liquid_logo.jpg);
	border-bottom: none;
}
	
#liquid .logo:hover {
	background: #FFF url(../images/liquid_logo_h.jpg);
	border-bottom: none;
}

#liquid .wordpress {
	background: #FFF url(../images/liquid_wordpress.jpg);
	border-right: none;
	border-bottom: none;
	}
	
#liquid .wordpress:hover {
	background: #FFF url(../images/liquid_wordpress_h.jpg);
	border-right: none;
	border-bottom: none;
}
.espaco{
	margin-left: 170px;
}
.espacoEsq{
	padding-right: 25px;
	text-align:right;
}
.espacoTit{
	padding-left: 50px;
}

.texto { 
	line-height:15px;
	margin-top:13px; 
}
.caixa_principal{ 
	height:142px;
	max-height:600px;
	display:table;
}
.caixa_principal2{ 
	height:165px;
	max-height:600px;
	display:table;
	overflow:hidden;
}
.caixa_principal3{ 
	width: 815px;
	height:165px;
	max-height:600px;
	display:table;
}
.host{ 
	width:480px;
	float:right;
	padding-right:25px;
}
.titulo{
	font-weight:bold;
	font-size:13px;
	color:#F88010;
}
.titulo2{
	font-weight:bold;
	font-size:13px;
	color:#708A20;
}
.textoHost{
	padding-left:13px;
	font-size:11px;
}
#interna{
	width:300px; margin:0 auto;
	height:223px;
	padding: 105px 29px 78px 29px;
	color:#1A1A1A;
}
#login{
	float:right;
	margin-top: 77px;
	height:21px;
}
#login td{
	height:21px;
	vertical-align: top;		
}
.left{ 
	float:left;
	width:187px;
	height:85px;
	margin-left:15px;
	position:absolute;
	border:0;
}
.principal{
	width: 830px;
	height: 215px;
	padding:0px 5px 0px 50px;
}
.principal1{
	width: 830px;
	height: 215px;
	padding:0px 5px 0px 10px;
}
#containerBaixo{ 
	height:215px;
	background-image:url(../images/bg_baixo.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#containerBaixo2{ 
	height:204px;
	background-image:url(../images/bg_empresa.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.empresa{
	width:250px;
	padding-left: 160px;
	padding-top:30px;
	line-height:15px;
}
.empresa2{
	width:250px;
	padding-top:30px;
	padding-right:35px;
	line-height:15px;
	float:right;
}
.botao{
	padding-top:10px;
	text-align:center;
}
#caixa1{
	width: 150px;
	float:left;
	margin-left: 5px;
}
#caixa2{
	float:left;
	width:323px;
	padding:15px 0 0 80px;
}
#caixa3{
	width: 210px;
	float:left;
	margin-left: 60px;
	position:static;
}
.caixa2{
	width: 325px;
	float:left;
	margin-left: 70px;
}
.caixaContato{
	width: 300px;
	float:left;
	padding-left: 30px;
	padding-right: 40px;
	margin-top: 15px;
}
#planos{
	background-image:url(../images/hospedagem.jpg);
	width:815px;
	height:248px;
}
.caixaHosp{
	width:160px;
	text-align:justify;
	float:left;
	padding-left:70px;
	padding-top:99px;
}
.caixaHosp a, .caixaHosp a:visited {
	color: #333;
	text-decoration: none;
}		
.caixaHosp a:hover, .caixaHosp a:active {
	color: #fff;
	text-decoration: none;
}
.caixaHosp2 a, .caixaHosp2 a:visited {
	color: #333;
	text-decoration: none;
}		
.caixaHosp2 a:hover, .caixaHosp2 a:active {
	color: #fff;
	text-decoration: none;
}
.caixaHosp3 a, .caixaHosp3 a:visited {
	color: #333;
	text-decoration: none;
}		
.caixaHosp3 a:hover, .caixaHosp3 a:active {
	color: #fff;
	text-decoration: none;
}
.caixaHosp2{
	width:160px;
	text-align:justify;
	float:left;
	padding-left:105px;
	padding-top:99px;
}
.caixaHosp3{
	width:160px;
	text-align:justify;
	float:left;
	padding-left:105px;
	padding-top:99px;
}
.saibaMais{
	font-size:11px;
	font-weight:bold;
	color:#fff;
	margin-left:44px;
	padding-bottom:2px;
}
.saibaMais3{
	font-size:11px;
	font-weight:bold;
	color:#fff;
	margin-left:55px;
}
a.branco:link{
	text-decoration:none;
	color:#FFF;
}
a.branco:visited{
	text-decoration:none;
	color:#FFF;
}
a.branco:hover {
	color:#29350B;
	text-decoration:none;
}
a.branco:active{
	text-decoration:none;
	color:#FFF;
}
/*--------*/
a.branco2:link{
	color:#FFF;
}
a.branco2:visited{
	text-decoration:none;
	color:#FFF;
}
a.branco2:hover {
	color:#004053;
	text-decoration:none;
}
a.branco2:active{
	text-decoration:none;
	color:#FFF;
}
/*--------*/
a.branco3:link{
	color:#FFF;
}
a.branco3:visited{
	text-decoration:none;
	color:#FFF;
}
a.branco3:hover {
	color:#4F1500;
	text-decoration:none;
}
a.branco3:active{
	text-decoration:none;
	color:#FFF;
}
#planosSQL{
	background-image:url(../images/hospedagemSQL.jpg);
	width:815px;
	height:248px;
}
.servicos{
	padding:5px 5px 5px 25px;
	background-color:#fff;
	border:#0E93C0 1px solid;
	height:210px;
	text-align:left;
}
#caixaTop{
	width: 361px;
	background-image:url(../images/detalhe_web.jpg);
	width:360px;
	height:28px;
	float:right;
}
.webMeio{
	background-image:url(../images/detalhe_webMeio.jpg);
	background-repeat:repeat-y;
	position:relative;
	width:330px;
	margin-top:28px;
	padding-left: 30px;
	line-height:18px;
}
.webBaixo{
	background-image:url(../images/detalhe_webBaixo.jpg);
	width:360px;
	height:20px;
}

.caixaServ{
	width: 155px;
	padding:16px 16px 16px 32px;
	float:left;
}

.ultTrab{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	font-weight:bold;
	margin-bottom: 5px;
}
.espacoTop{ 
	margin-top:7px; 
	line-height:18px;
}

.espacoTop p{ 
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	display:inherit;
	position:absolute;
}

.espacoOrcamento{ 
	text-align:right; 
	margin-top:12px;
}
.ofertas{
	padding-top:115px;
	padding-left: 33px;
	color:#333;
}
#tabelaOrcamento{
	float:right;
	margin-right:10px;
	margin-top: 34px;
	font-weight:bold;
	color:#333;
}
#formulario{
	margin-left:120px;
}
.textoWeb{
	width:292px;
}
.linha{
	border-bottom:1px #333 dotted;
	margin: 15px 0px 15px 0px;
	width:292px;
}
.caixawebMeio{
	width:292px;
	padding-top: 18px;
	padding-bottom: 15px;
	border-top:#999 1px dotted;
}
.caixalayoutMeio{
	width:292px;
	height:145px;
	padding-top: 19px;
	padding-bottom: 15px;
	border-top:#999 1px dotted;
}
.caixawebMeioUltimo{
	width:292px;
	height:145px;
	padding-top: 20px;
	border-top:#999 1px dotted;
}
#cadastro{
	background-image: url(../images/bg_cadastro.jpg);
	width:861px;
	height:416px;
	margin-top: 10px;
}
.caixaCad{
	width:187px;
	padding: 18px 0px 0px 118px;
	line-height:16px; 
}
.caixaCad2{
	width:225px;
	text-align:left;
	padding: 20px 0px 0px 74px;
	line-height:16px; 
}

.caixaCad3{
	width:225px;
	text-align:left;
	float:left;
	padding:5px 0px 0px 74px;		
}
.caixaCad4{
	width:225px;
	text-align:left;
	padding-top:48px;
	padding-left:74px;
	line-height:14px;
}
.caixaCad5{
	width:225px;
	text-align:left;
	padding-top:32px;
	padding-left:55px;
	line-height:14px;
}
.btn_cadastro{
	padding-left:35px;
	padding-top:7px;
}
#formularioCad{
	width:517px;
	height:395px;
	float:right;
}
#tabelaformCad{
	margin-left:20px;
}
.menuFolio{
	width:510px;
}
.formsHack{
	vertical-align: top;
	padding-right: 25px;
}
.formsHackDir{
	vertical-align: top;
	padding-right: 25px;
	text-align:right;
}
.bordaZero{
	border:0;
}
.imgFloat{
	float:left;
}
.espacoTop1{
	padding-top:17px;
}
.lista{ margin-top:5px;}
.centro{
	text-align:center;
	color: #333;
	}
.cor1{
	background-image:url(../images/bgTabela.jpg);
	background-repeat:repeat-x;
	}
.cor2{
	background-image:url(../images/bgTabela2.jpg);
	background-repeat:repeat-x;
	}
.cor3{
	background-image:url(../images/bgTabela3.jpg);
	background-repeat:repeat-x;
	}	
.red{
	color:#990000;
	}
#cadastroOrc{
	padding-top: 20px;
	text-align:right;
	margin-right: 15px;
	}
#cadastroOrc a, .troca a:visited {
	text-decoration: none;
}
		
#cadastroOrc a:hover{
	background-image:url(../images/cadastre-seH.jpg);
}	
/*--------------E-MAIL MARKETING-----------*/
#news1{
	margin: 8px 0px 0px 15px;
	width:223px;
	height:270px;
	background-image:url(../images/caixaMkt1.jpg);
	float:left;
	}
.corBranca{
	color:#FFF;
	padding-left:20px;
	padding-top:10px;
	}
.newsTexto1{
	width:183px;
	margin:0 auto;
	padding-top:5px;
	letter-spacing:-0.3px;
	color:#000000;
	line-height:17px;
}
/*--------------E-MAIL MARKETING-----------*/
#news2{
	margin: 8px 0px 0px 80px;
	width:223px;
	height:270px;
	background-image:url(../images/caixaMkt2.jpg);
	float:left;
	}
.corBranca2{
	color:#FFF;
	padding-left:20px;
	padding-top:10px;
	}
.newsTexto2{
	width:183px;
	margin:0 auto;
	padding-top:5px;
	letter-spacing:-0.3px;
	color:#000000;
	line-height:17px;
}
/*--------------E-MAIL MARKETING-----------*/
#news3{
	margin: 8px 0px 0px 80px;
	width:223px;
	height:270px;
	background-image:url(../images/caixaMkt3.jpg);
	float:left;
	}
.corBranca3{
	color:#FFF;
	padding-left:20px;
	padding-top:100px;
	}
.newsTexto3{
	width:180px;
	margin:0 auto;
	padding-top:5px;
	letter-spacing:-0.3px;
	color:#000000;
	line-height:17px;
}
table.bordasimples {
	border-collapse: collapse;
	background-color:#F8FAE4;
	}
table.bordasimples tr td {
	border:1px solid #B5B99B;
	padding:5px;
	}
#caixaNews{
	height:300px;
	}
.valor{
	text-align:center;
	font-size:20px;
	color:#CC0000;
	}
.centro1{
	text-align:center;
	color:#CC0000;
	}
.centro2{
	text-align:center;
	background-image:url(../images/bgTabela.jpg);
	font-size:12px;
	font-weight:bold;
	margin:0px 140px 0px 140px;
	height:18px;
	background-position:top;
	}
.caixa_emailMkt2{
	background-color:#ffffff;
	border:1px solid #B6E9FA;
	padding: 20px;
}
.bordaNews{
	background-image:url(../images/border.jpg);
	background-repeat:repeat-x;
	height:2px;
 }
.espaco_esqNews{
	padding-left: 35px;
	text-align:right;
}
.botaonews1{
	width:99px;
	height:24px;
	margin:13px 0px 0px 60px;
	}
.caixote{
	width: 273px;
	height: 343px;
	border:1px dotted #CCC;
	background-color:#FFF;
	margin: 5px 0 0 10px;
	float:left;
	padding-top: 10px;
}
.justificado{
	text-align:justify;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	}	
#caixaCriacao{
	height:52px;
	background:url(../images/caixaCriacao.jpg) bottom no-repeat;
	padding-top:7px;
	}
#caixaDuvidas{
	height:52px;
	background:url(../images/bg_duvidas.jpg) bottom no-repeat;
	padding-top:5px;
	}
.duvidas{
	width:252px;
	}
.duvidas h2{
	margin: 7px 0 0 95px;
	}
.duvidas p{
	margin: 0px 0 0 78px;
	}	
.criacaoSite{
	width:135px;
	float:left;
	}
.criacaoSite h2{
	padding:7px 0 0 40px;
	}
.criacaoSite p{
	padding:0 0 0 22px;
	}
.criacaoLayout{
	width:135px;
	float:left;
	}
.criacaoLayout h2{
	padding:7px 0 0 30px;
	}
.criacaoLayout p{
	padding:0 0 0 12px;
	}

#lista2{ 
	margin:5px 0 10px 53px;
	color:#069;
	}
#lista2 li{
	list-style-image:url(../images/detalhe2.jpg);
	padding-top:5px;
	}
.centroTop{
	text-align:center;
	padding-top:14px;
	}
.s3design{
	margin: 28px 0 0 111px;
	float:left;
	}
.suporte{
	margin: 28px 0 0 93px;
	float:left;
	}
.verde{ 
	color:#9C0;
	font-weight:bold;
	}
.cinza{ 
	color:#999;
	}
#xhtml{
	margin:28px 0 0 65px;
	float:left;
	line-height:19px;
	color:#666;
	}
#xhtml  a, #xhtml a:visited {
	text-decoration:none;
	color:#999;
	}
#xhtml a:hover, #xhtml a:active {
	color: #333;
	text-decoration: none;
}

#footer {
	color:#333;
	width:896px;
	margin:0 auto;
	background:url(../images/rodape.jpg) top no-repeat;
	height:120px;
}
.s3design a, .s3design a:visited {
	text-decoration:none;
	color:#999;
	}
.s3design a:hover, .s3design a:active {
	color:#09C;
	text-decoration: none;
	}
.suporte a, .suporte a:visited {
	text-decoration:none;
	color:#999;
	}
.suporte a:hover, .suporte a:active {
	color:#09C;
	text-decoration: none;
	}
.rodapeS3{
	padding: 15px 0 0 33px;
	float:left;
	}
/*------------------ORÇAMENTO2---------------------*/

#wrapper{
	width: 840px;
	margin: 0 auto;
	position:relative;
	}
	
#left2{
	position:relative;
	float: left;
	margin-left:10px;
	width: 162px;
	}	
	
#right{
	position:relative;
	padding:15px;
	background: #fff;
	border:1px solid #0E93C0;
	margin: 0 1px 1px 0;
	width: 96%;
	}
	
.tab {
	background-image:url(../images/bg_btn1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	color: #fff;
	padding: 3px;
	margin: 0 1px 1px 0;
	text-align:center;
	}

.tab a, .tab a:visited {
	color:#000;
	padding: 11px;
	padding-right: 6px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
		
.tab a:hover, .tab a:active {
	color: #333;
	padding: 11px;
	padding-right: 6px;
	text-decoration: none;
	font-weight:bold;
	letter-spacing:inherit;
	}


.margemEsq{
	margin-left:30px;
	}

#content{
	padding:0 30% 0 30%;
	background:url(../images/451878_36197329.jpg) center top no-repeat;
	}

.criacaoSite a, .criacaoSite a:visited {
	text-decoration:none;
	color:#999;
	}
.criacaoSite a:hover, .criacaoSite a:active {
	color:#333;
	text-decoration: none;
	}
.criacaoLayout a, .criacaoLayout a:visited {
	text-decoration:none;
	color:#999;
	}
.criacaoLayout a:hover, .criacaoLayout a:active {
	color:#333;
	text-decoration: none;
	}
.on{ color:#060; font-weight:bold;}
.off{
	color:#CCC;
	font-weight:bold;
}