/*
	PROPRIEDADES PADRÕES
--------------------------------------------------------- */
	* {
		margin:0;
		padding:0;
	}
	body {
		background:#021124 url(../imagens/fundo.jpg) repeat left top;
		font:11px "Trebuchet MS", Arial, Verdana, sans-serif;
	}
	* { outline:none; }
	p {
		margin-top:10px;
		text-align:left;
	}
	p a {
		color:#fff !important;
		text-decoration:underline;
	}
	p a:hover { text-decoration:none; }
	abbr, acronym {
		cursor:help;
	}
	ul li {
		list-style:none;
		text-align:left;
	}
	a img { border:0; }
	.cl { clear:both; }
/*
	CLASSES PARA FLUTUAR ELEMENTOS
--------------------------------------------------------- */
	.left {
		float:left;
	}
	img.left { margin-right:14px; }
	.right {
		float:right;
	}
	.center { text-align:center; margin:0 auto; }
	a.center { display:block; width:100%; text-align:center; margin:0 auto; }
	
	.left a:hover{	
	text-decoration:none;	
	}
	
	.left a:link{		
	color:#6699FF;
	}
	
	.left a:visited{		
	color:#f9f9f9;
	}
	.listFloat {
		margin-bottom:10px;
	}
	.listFloat li {
		float:left;
	}
	.on { display:block !important; }
	.off { display:none !important; }
	
/*
	ESTILIZANDO FORMULÁRIOS
--------------------------------------------------------- */
	/*optgroup {
		background-color:#4A72A3;
	}*/

	.b_normal {
		border:1px solid #7E9DBA;
		height:12px;
		padding:2px;
		font:11px "Trebuchet MS", Arial, Verdana, sans-serif;
	}
	label {
		color:#fff;
	}
	#form-contato fieldset {
		border:0;
		width:300px;
	}
	#form-contato legend {
		display:none;
	}
	#form-contato label {
		display:block;
		width:60px;
		float:left;
		margin-right:5px;
	}
	#form-contato input, .form-host input {
		height:13px;
	}
	#form-contato #enviar {
		width:76px !important;
		height:22px !important;
		border:0;
		margin-left:62px;
	}
	#form-contato input, #form-contato textarea, #form-contato select, 
	.form-host input, .form-host textarea, .form-host select {
		border:1px solid #7E9DBA;
		width:200px;
		padding:2px;
		font:11px "Trebuchet MS", Arial, Verdana, sans-serif;
	}
	#form-contato p, .form-host p {
		margin-bottom:7px !important;
	}

	.inputMenor { width:34px !important; }
	.inputDate { width:55px !important; margin-right:3px; }
	.inputMedio { width:115px !important; }

	.labelMenor { width:47px !important; }
	.labelMaior { width:375px !important; }

	.form-host fieldset {
		border:1px solid #333;
		padding:10px;
	}
	.form-host legend {
		padding:5px;
		font-size:12px;
		font-weight:bold;
		/*color:#b8ff01;*/
	}

	.form-host label {
		display:block;
		width:90px;
		float:left;
		margin-right:5px;
	}

	.box-left {
		float:left;
		width:300px;
	}

	.boxTipoDominio {
		height:20px;
	}

	.dominioNovo, .dominioTransf {
		display:none;
	}

	.dominioNovo {
		clear:both;
		margin:16px 10px 10px 15px;
		padding-left:10px;
		border-left:4px solid #4a72a3;
	}
	.dominioTransf {
		clear:both;
		margin-left:20px;
	}
	.dominioTransf label {
		width:36px;
	}

	.form-host #enviar {
		border:0 !important;
		width:76px !important;
		height:22px !important;
		margin-left:12px;
	}

	.input-radio {
		width:22px !important;
		float:left;
		outline:none !important;
		border:0 !important;
	}

	#msg {
		border-left:4px solid #4A72A3;
		padding-left:10px;
		margin:6px 0 6px 0;
	}

	#file_pro p {
		clear:both;
		border-left:4px solid #4A72A3;
		margin:6px 0 10px 8px;
		padding-left:10px;
	}
	#file_pro input {
		height:20px;
	}

/*
	TOPO
--------------------------------------------------------- */
	#wrapper {
		margin:0 auto;
		text-align:center;
	}
	#topo {
		text-align:left;
		background:#021124 url(../imagens/topo.jpg) repeat-x left top;
	}
	.position {
		height:114px;
		width:687px;
		margin:auto;
	}
	.position ul {
		position:absolute;
		top:6px;
		margin-left:250px;
	}
	*+html body .position ul, * html body .position ul { margin-left:50px; }
	.position ul li {
		list-style:none;
		float:left;
		display:inline;
		text-indent:-9999em;
	}
	.position .brazil a, .position .usa a {
		width:19px;
		height:19px;
		overflow:hidden;
		display:none;
	}
	.position .brazil a {
		background:url(../imagens/icon_brazil.png) no-repeat center center;
	}
	.position .usa a {
		background:url(../imagens/icon_eng.png) no-repeat center center;
	}
	.atual_versao {
		display:block !important;
	}
	h1 {
		width:687px;
		margin:0 auto;
		height:114px;
		display:inline;
	}
	h1 a {
		display:block;
		width:203px;
		height:63px;
		text-indent:-9999em;
		background:url(../imagens/logo.jpg) no-repeat center center;
		padding-top:43px;
		overflow:hidden;
		margin-left:25px;
	}
	#destaque {
		background:#fff url(../imagens/menu-top.jpg) repeat-x left bottom;
	/*	border-bottom:3px solid #b7b7b7;*/
		padding:2px;
	}
	#destaque div {
		width:687px;
		margin:auto;
		text-align:left;
		padding:10px 0 20px 34px;
	}
	#destaque a.ver-mais-destaque {
		clear:both;
		display:block;
		margin-top:10px !important;
	}
	#topo h2 {
		font-size:25px;
		color:#026CFF;
	}
	#topo p {
		width:285px;
		margin:0;
		line-height:14px;
	}
	#topo .ver-mais-destaque {
		display:block;
		width:89px;
		height:19px;
		text-indent:-9999em;
		background:#fff url(../imagens/ver-mais-destaque.jpg) no-repeat center center;
		margin:-7px 0 0 192px;
		overflow:hidden;
	}
	#tv {
		position:absolute;
		margin-left:-121px;
		left:50%;
		top:22px;
		margin-left:10px;
	}
	.sumir_texto {
		display:none;
	}

	blockquote {
		float:right;
		width:290px;
		height:45px;
		padding:3px 25px 10px 23px;
		margin-top:15px;
		font-style:italic;
		color:#fff;
		background:url(../imagens/aspa_top.jpg) no-repeat left top;
	}
	blockquote cite {
		display:block;
		margin-top:10px;
		text-align:right;
		padding-right:25px;
		background:url(../imagens/aspa_bottom.jpg) no-repeat right bottom;
	}
	blockquote cite strong {
		color:#fff;
	}

/*
	CONTEUDO
--------------------------------------------------------- */
	#conteudo {
		color:#fff;
		width:700px;
		margin:0 auto;
		text-align:center;
	}
	.call {
		width:290px;
		margin-top:2px;
	}
/*
	- MENU
--------------------------------------------------------- */
	#menu {
		float:left;
		height:48px;
	}
	#menu li {
		display:inline;
		float:left;
		margin-right:2px;
	}
	.menu-home a, .menu-empresa a, .menu-solucoes a, .menu-clientes a, .menu-contato a {
		display:block;
		width:76px;
		height:29px;
		text-indent:-9999em;
		overflow:hidden;
	}
	.menu-home-ativado a, .menu-empresa-ativado a, .menu-solucoes-ativado a, .menu-clientes-ativado a, .menu-contato-ativado a {
		display:block;
		width:76px;
		height:32px;
		text-indent:-9999em;
		overflow:hidden;
	}
	.menu-home a {
		background:url(../imagens/menu-home.jpg) no-repeat center top;
	}
	.menu-home a:hover, .menu-home-ativado a {	background:url(../imagens/menu-home-ativado.jpg) no-repeat center top; height:32px; }
	
	.menu-empresa a {
		background:url(../imagens/menu-empresa.jpg) no-repeat center top;
	}
	.menu-empresa a:hover, .menu-empresa-ativado a { background:url(../imagens/menu-empresa-ativado.jpg) no-repeat center top; height:32px; }
	
	.menu-solucoes a {
		background:url(../imagens/menu-solucoes.jpg) no-repeat center top;
	}
	.menu-solucoes a:hover, .menu-solucoes-ativado a {	background:url(../imagens/menu-solucoes-ativado.jpg) no-repeat center top; height:32px; }
	
	.menu-clientes a {
		background:url(../imagens/menu-clientes.jpg) no-repeat center top;
	}
	.menu-clientes a:hover, .menu-clientes-ativado a {	background:url(../imagens/menu-clientes-ativado.jpg) no-repeat center top; height:32px; }
	
	.menu-contato a {
		background:url(../imagens/menu-contato.jpg) no-repeat center top;
	}
	.menu-contato a:hover, .menu-contato-ativado a {	background:url(../imagens/menu-contato-ativado.jpg) no-repeat center top; height:32px; }

	.block-branco {
		margin-bottom:30px;
	}
	
/*
	- NEWSLETTER
--------------------------------------------------------- */
	#newsletter {
		width:290px;
		height:35px;
		float:left;
		background-color:#010D1D;
		margin:8px 0 7px 9px;
	}
	#newsletter h3 {
		display:block;
		width:90px;
		height:11px;
		text-indent:-9999em;
		float:left;
		background:url(../imagens/titulos/newsletter.jpg) no-repeat left center;
		margin:13px 0 0 10px;
	}
	* html body #newsletter h3 {
		margin-top:0px;
	}
	#newsletter form {
		float:left;
	}
	#newsletter input {
		margin-right:6px;
	}
	#newsletter label {
		margin-left:-17px;
	}


/*
	MIGALHA DE PÃO
--------------------------------------------------------- */
	#migalha {
		float:left;
		margin:6px 0 0 15px;
		color:#fff;
		width:267px;
		height:48px;
		text-align:left;
	}
	#migalha a {
		color:#B9FE03;
		text-decoration:none;
		text-align:left;
	}
	#migalha a:hover {
		text-decoration:underline;
	}

/*
	BOX'S DO CONTEUDO
--------------------------------------------------------- */
	.box1 p, .box1 ul, .box1 dl, .box2 p, .box2 ul {
		margin:0 10px 0 10px;
		color:#fff;
	}
	.box1, .box2 {
		background-color:#010D1D;
		border:1px solid #051934;
		margin:10px 0 10px 0;
		text-align:left;
		line-height:14px;
		padding:10px 0 10px 0;
		margin-bottom:20px;
	}

	.box_normal {
		width:390px;
		margin-right:9px;
	}
	.boxie {
		width:687px;
	}
	.box2 {
		margin-left:0px;
		width:290px;
	}
	.ver-mais {
		display:block;
		width:89px;
		height:19px;
		text-indent:-9999em;
		background:url(../imagens/ver-mais.jpg) no-repeat center center;
		overflow:hidden;
		margin-left:265px;
	}
	* html body .box2 ul li {
		margin-bottom:-16px;
	}
	/*.box2 ul li a {
		font:11px "Trebuchet MS", Arial, Verdana, sans-serif;
		color:#fff;
		display:block;
		padding:7px;
		text-decoration:none;
		border:1px solid #010D1D;
	}
	.box2 ul li a:hover {
		background-color:#031428;
		border:1px solid #051934;
	}*/

	.box1 h3, .box2 h3 {
		margin:10px 0 5px 10px;
		padding-left:10px;
		background:url(../imagens/seta.gif) no-repeat left center;
		font-size:11px;
	}

	.box1 h3 a, .box2 h3 a {
		color:#fff !important;
	}

	.box-host {
		height:128px;
		padding:20px 0 0 4px;
		background:url(../imagens/box-host.jpg) no-repeat center center;
	}

	.price {
		font-size:12px;
		display:block;
		margin:10px 0 0 10px;
	}
	.price sup {
		font-size:10px;
	}
/*
	CLIENTES
--------------------------------------------------------- */
	#clientes dt a {
		color:#fff;
		display:block;
		padding:7px;
		text-decoration:none;
		padding-left:17px;
		background:url(../imagens/mais.gif) no-repeat left center;
	}
	#clientes a:hover {
		color:#ccc;
	}
	#clientes dd a {
		background:none;
		padding:5px 17px 5px 17px;
		background-color:#081C35;
		color:#fff;
		display:block;
		text-decoration:none;
	}

/*
	CLIENTES
--------------------------------------------------------- */

	#screenshots {
		clear:both;
		background:red;
	}
	#screenshots li {
		float:left;
		display:inline;
		margin:0 5px 5px 0;
	}
	#screenshots li a {
		display:block;
		width:74px;
		height:54px;
		border:2px solid #6687B0;
	}
	#screenshots li a:hover {
		border:2px solid #fff;
	}


/*
	TITULOS
--------------------------------------------------------- */

	#ultimo-trabalho, #solucoes, #noticias, #a-empresa, #visao, 
	#missao, #nossas-solucoes, #modalidades, #nossos-clientes, 
	#fale-conosco, #tc-hosting, #tc-marketing, #diferencial, #infra-estrutura {
		display:block;
		width:125px;
		height:17px;
		text-indent:-9999em;
		margin:10px;
	}

	#ultimo-trabalho { background:#010D1D url(../imagens/titulos/ultimo-trabalho.jpg) no-repeat left center; }
	#solucoes {	background:#010D1D url(../imagens/titulos/solucoes.jpg) no-repeat left center; }
	#noticias {	background:#010D1D url(../imagens/titulos/noticias.jpg) no-repeat left center;	}
	#a-empresa { background:#010D1D url(../imagens/titulos/a-empresa.jpg) no-repeat left center; }
	#visao { background:#010D1D url(../imagens/titulos/visao.jpg) no-repeat left center; }
	#missao {	background:#010D1D url(../imagens/titulos/missao.jpg) no-repeat left center; }
	#nossas-solucoes {	background:#010D1D url(../imagens/titulos/nossas-solucoes.jpg) no-repeat left center;	}
	#modalidades {	background:#010D1D url(../imagens/titulos/modalidades.jpg) no-repeat left center; margin-top:20px;	}
	#nossos-clientes {	background:#010D1D url(../imagens/titulos/nossos-clientes.jpg) no-repeat left center;	}
	#fale-conosco {	background:#010D1D url(../imagens/titulos/fale-conosco.jpg) no-repeat left center;	}
	#tc-hosting {	background:#010D1D url(../imagens/titulos/tc-hosting.jpg) no-repeat left center;	}
	#tc-marketing {	background:#010D1D url(../imagens/titulos/tc-marketing.jpg) no-repeat left center;	}
	#diferencial {	background:#010D1D url(../imagens/titulos/diferencial.jpg) no-repeat left center;	}
	#infra-estrutura {	background:#010D1D url(../imagens/titulos/infra-estrutura.jpg) no-repeat left center;	}

/*
	MODALIDADES
--------------------------------------------------------- */
	
	.modalidades {
		display:none;
		width:455px;
	}
	#boxModalidades {
		float:left;
		width:80px;
	}

	#list-modalidades { float:left; }
	#list-modalidades li {
		margin:10px 0 5px 0;
		width:160px;
		line-height:18px;
		padding-left:5px;
	}
	#list-modalidades li a {
		background:url(../imagens/seta.gif) no-repeat left center;
		padding-left:10px;
		color:#fff;
		text-decoration:none;
	}
	#list-modalidades li a:hover {
		text-decoration:underline;
	}

	#list-modalidades li.atual {
		background:url(../imagens/bg-list.jpg) no-repeat left center;
	}

/*
	HOSPEDAGEM
--------------------------------------------------------- */

	.table-assinatura {
		width:340px;
	}
	.table-assinatura thead tr th {
		border-bottom:1px solid #ccc;
		width:100px;
	}
	.table-assinatura caption {
		text-align:left;
		margin-bottom:5px;
		width:350px;
		height:22px;
		padding:5px;
		cursor:default;
		font-style:italic;
		background:url(../imagens/bg-caption.jpg) no-repeat left center;
	}
	* html body .table-assinatura caption {
		background:url(../imagens/bg-caption.jpg) no-repeat left top;
	}

	#passo-dados-de-cadastro, 
	#passo-plano-de-assinatura, 
	#passo-forma-de-pagamento {
		display:block;
		width:575px;
		height:26px;
		margin:15px 0 15px 0;
		text-indent:-9999em;
	}

	#passo-dados-de-cadastro { background:url(../imagens/passo-a-passo.jpg) no-repeat left top; }
	#passo-plano-de-assinatura { background:url(../imagens/passo-a-passo.jpg) no-repeat left center; }
	#passo-forma-de-pagamento { background:url(../imagens/passo-a-passo.jpg) no-repeat left bottom; }

	#box-valor {
		width:117px;
		padding:15px;
		margin-right:15px;
		text-align:center;
		background-color:#2D3845;
	}
	#box-valor h4 {
		font-size:12px;
	}
	#box-valor #total {
		font-size:16px;
	}
	.form-host h3 {
		margin-top:8px;
	}

	.form-assinatura #enviar, .form-cadastro #enviar {
		margin:10px 0 0 0 !important;
	}

/*
	TC MARKETING
--------------------------------------------------------- */

	#marketing-dl dt {
		margin:10px 0 5px 10px;
		padding-left:10px;
		background:url(../imagens/seta.gif) no-repeat left center;
		font-size:11px;
	}


/*
	RODAPÉ
--------------------------------------------------------- */
	#rodape {
		clear:both;
		background-color:#010D1D;
		border-top:3px solid #001737;
		padding:17px;
		margin-top:20px;
		color:#fff;
		text-align:center;
		min-height:109px;
	}
	/* for Internet Explorer */
	/*\*/
	* html #rodape {
		height:109px;
	}
	/**/

/*
	hCard (Escondendo)
--------------------------------------------------------- */
	.vcard { display:none; }




/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../imagens/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../imagens/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../imagens/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
.help a {
	color:#fff;
	background-color:#4a72a3;
	font-weight:bold;
	font-size:10px;
	padding:2px 5px 2px 5px;
}