@charset "utf-8";
/* CSS Document */

/* Definições de TAGs padrão */
	body 
	{
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		background: url(layout/fundo_site.jpg);
		color : #666; 
		margin : 0px 0px 0px 0px; 
		text-align: center; 
	}

/* Definições de Layout */
	#areaUtilSite
	{
		text-align: left;
		width: 750px;
		position: absolute;  
		top: 0px; left: 50%; 
		margin: 0px 0px 0px -375px;
		padding: 0;
		background: #fff;
		border: 1px solid #939597;
	} 
	
	#mainMenu
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 0px;
		left: 0px;
		background: url(layout/fundo_menu.jpg) 0 0 repeat-x;
		width: 510px;
		height: 75px;
		text-align: left;
	}
	
	#mainMenuLinhabase
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 75px;
		left: 0px;
		background: url(layout/contorno_topo.png) 0 0 repeat-x;
		width: 510px;
		height: 3px;
	}
	
	#mainMenu .menuSeparador
	{
		position: absolute;
		padding: 0px;
		top: 14px;
		width: 10px;
		text-align: center;
		color: #666;
	}

	#mainMenu .menuCliente
	{
		position: absolute;
		padding: 0px;
		top: 15px;
		text-align: left;
		color: #666;
	}
	
	#mainMenu .menuCliente a
	{
		text-decoration: none;
		color: #003366;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		display: block;
	}
	
	#mainMenu .menuCliente a:hover
	{
		color: #000;
	}
	
	#mainMenu .menuLinks
	{
		position: absolute;
		padding: 0px;
		width: 98px;
		height: 25px;
		top: 50px;
		text-align: center;
	}
	
	#mainMenu .menuLinks a
	{
		text-decoration: none;
		color: #fff;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		padding-top: 6px;
		padding-bottom: 2px;
		background: url(layout/btn_menu.png);
		height: 17px;
		display: block;
	}
	
	#mainMenu .menuLinks a:hover
	{
		text-decoration: underline;
		color: #FFFFCA;
		background: url(layout/btn_menu_hover.png);
	}
	
	#logoSite
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 0px;
		left: 510px;
		background: url(layout/logo_layout.png) 0 0 no-repeat;
		width: 240px;
		height: 89px;
	}
	
	#logoSite #logomarca
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 15px;
		left: 30px;
		background: url(layout/logo.jpg) 0 0 no-repeat;
		width: 200px;
		height: 49px;
	}
	
	#rodapeSite
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		padding-left: 10px;
		padding-top: 5px; 
		left: 20px;
		width: 700px;
		height: 115px;
		text-align: center;
		color: #66;
		font-size: 10px;
		background: url(layout/linha_base_tabela.jpg) left top repeat-x;
	}
	
	#rodapeSite a
	{
		font-weight: bold;
		text-decoration: none;
		color: #003300;
	}
	
	#rodapeSite a:hover
	{
		text-decoration: overline underline;
		color: #ff0000;
	}

/* Ítens do home.php	 */
	#bannerFlash
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 90px;
		left: 20px;
		width: 710px;
		height: 190px;
		text-align: left;
	}
	
	.colunaPlanos
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 293px;
		width: 168px;
		height: 210px;
		text-align: left;
		background: #f5f5f5;
		border: 2px solid #939597;
	}
	
	.colunaPlanosExtra
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 507px;
		width: 120px;
		height: 30px;
		text-align: right;
	}
	
	.colunaPlanosExtra a
	{
		text-decoration: none;	
		height: 30px;
		display: block;
		background: url(layout/btn_sign.png);
	}

	.colunaPlanosExtra a:hover
	{
		background: url(layout/btn_sign_hover.png);
	}
	
	.colunaPlanos .cabecalhoColuna
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 0px;
		left: 0px;
		width: 168px;
		height: 35px;
		text-align: left;
		background: url(layout/box_colunas.png) 0 0 repeat-x;
	}
	
	.colunaPlanos .cabecalhoColuna .indexColuna
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		left: 7px;
		width: 20px;
		height: 35px;
		text-align: left;
		color: #fff;
		font: bold 30px Georgia, "Times New Roman", Times, serif;
	}
	
	.colunaPlanos .cabecalhoColuna .tituloColuna
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 6px;
		left: 50px;
		width: 110px;
		height: 25px;
		text-align: left;
		font: bold 20px Geneva, Arial, Helvetica, sans-serif;
		color: #fff;
	}
	
	.colunaPlanos .conteudoColuna
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 40px;
		left: 5px;
		width: 158px;
		height: 135px;
		text-align: left;
		color: #000;
	}
	
	.colunaPlanos .conteudoColuna ul
	{
		margin: 0px;
		padding: 0px;
		color: #212121;
		line-height: 1.65em;
		font-size: 10px;
	}
	
	.colunaPlanos .conteudoColuna ul li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.colunaPlanos .conteudoColuna ul li a
	{
		color: #003366;
		text-decoration: none;
		font-weight: bold;
		display: block;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
	}
	
	.colunaPlanos .conteudoColuna ul li a:hover
	{
		color: #fff;
		background: #003366;
	}
	
	.colunaPlanos .conteudoColuna ul li .destaque
	{
		font-weight: bold;
		color:#424200;
	}
	
	.colunaPlanos .rodapeColuna
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		top: 180px;
		left: 5px;
		width: 158px;
		height: 30px;
		text-align: center;
		color: #666;
		font: bold 12px Arial, Helvetica, sans-serif;
	}
	
	.colunaPlanos .rodapeColuna .destaque1
	{
		position: relative;
		top: 5px;
	}
	
	.colunaPlanos .rodapeColuna .destaque2
	{
		position: relative;
		top: 5px;
		font: bold 20px "Times New Roman", Times, serif;
		font-style: italic;
		color: #AE0004;
	}
	
	.colunaPlanos .rodapeColuna .destaque3
	{
		position: relative;
		text-decoration: overline underline;
		top: 3px;
	}
	
	#marketingMsg
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		left: 20px;
		top: 550px;
		width: 708px;
		/* height: 100px; */
		height: 50px;
		text-align: left;
		background: #f5f5f5;
		border: 1px solid #939597;
		font: 12px  Arial, Helvetica, sans-serif;
		color: #222;
	}
	
	#marketingMsg ul
	{
		margin: 0px;
		padding: 0px;
		line-height: 25px;
	}
	
	#marketingMsg ul li
	{
		list-style: none;
		padding-left: 10px;
		padding-right: 5px;
	}
	
	#creditosUltrario
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		left: 20px;
		top: 665px;
		width: 710px;
		height: 70px;
		text-align: center;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		color: #777;
	}
	
/* Ítens do hospedagem.php	 */
	#tabelaDePlanos
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		padding-left: 10px;
		padding-top: 10px; 
		top: 90px;
		left: 20px;
		width: 696px;
		height: 956px;
		text-align: left;
		border: 2px solid #939597;
	}

	#tabelaDePlanos .planosItem
	{
		height: 25px;
		padding-left: 10px;
		padding-right: 6px;
		width: 290px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		background: url(layout/linha_base_tabela.jpg) left bottom repeat-x;
	}
	
	#tabelaDePlanos .planosItemDetalhe
	{
		height: 25px;
		padding-left: 5px;
		padding-right: 5px;
		width: 85px;
		border-left: 1px dashed #939597; 
		text-align: center;
		font: bold 11px Geneva, Arial, Helvetica, sans-serif;
		color: #000;
		background: url(layout/linha_base_tabela.jpg) left bottom repeat-x;
	}
	
	#tabelaDePlanos .planosItemDetalhe .valorPlanoA
	{
		position: relative;
		color: #666;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#tabelaDePlanos .planosItemDetalhe .valorPlanoB
	{
		position: relative;
		font: bold 15px Geneva, Arial, Helvetica, sans-serif;
		color: #AE0004;
	}
	
	#tabelaDePlanos .planosItemDetalhe a
	{
		border-top: 2px solid #fff;
		text-decoration: none;	
		padding-top: 3px;
		height: 18px;
		width: 85px;
		display: block;
		background: #0000ff;
		color: #fff;
		font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#tabelaDePlanos .planosItemDetalhe a:hover
	{
		background: #ff0000;
		color: #fff;
	}
	
/* Ítens do dominios.php	 */
	#tabelaDeDominios
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		padding-left: 10px;
		padding-top: 10px; 
		top: 90px;
		left: 20px;
		width: 696px;
		height: 220px;
		text-align: left;
		border: 2px solid #939597;
	}

	#tabelaDeDominios .dominiosItem
	{
		padding-left: 10px;
		padding-right: 6px;
		width: 500px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
		background: url(layout/linha_base_tabela.jpg) left bottom repeat-x;
	}

	#tabelaDeDominios .dominiosItemDetalhe
	{
		height: 25px;
		padding-left: 15px;
		padding-right: 5px;
		width: 160px;
		border-left: 1px dashed #939597; 
		text-align: center;
		font: bold 11px Geneva, Arial, Helvetica, sans-serif;
		color: #000;
		background: url(layout/linha_base_tabela.jpg) left bottom repeat-x;
	}
	
	#tabelaDeDominios .dominiosItemDetalhe a
	{
		text-decoration: none;	
		height: 50px;
		width: 150px;
		display: block;
		background: url(layout/btn_domain_sign.png);
	}

	#tabelaDeDominios .dominiosItemDetalhe a:hover
	{
		background: url(layout/btn_domain_sign_hover.png);
	}

/* Ítens do contatos.php	 */
	#tabelaDeContatos
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		padding-left: 10px;
		top: 90px;
		left: 20px;
		width: 696px;
		height: 625px;
		text-align: left;
		border: 2px solid #939597;
	}

	#tabelaDeContatos .contatosItem
	{
		padding-left: 10px;
		padding-right: 10px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #000;
	}
	
	.linkContato
	{
		font-weight: bold;
		text-decoration: overline underline;
		color: #003300;
	}
	
	.linkContato:hover
	{
		text-decoration: none;
		color: #ff0000;
	}
	
	#formcontato
	{
	}
	
	#formcontato .labelCampo
	{
		clear: both; 
		padding: 0px; 
		color: #333;
		float: left; 
		width: 150px;
		height: 30px;
		padding-top: 2px;
	}
	
	#formcontato .camposContato
	{
		float: left;
		width: 476px;
		height: 30px;
		padding-top: 2px;
	}
	
	

/* Ítens do sendmail.php	 */
	#sendMail
	{
		position: absolute;
		padding: 0px;
		margin: 0px;
		padding-left: 10px;
		padding-top: 10px; 
		top: 90px;
		left: 20px;
		width: 696px;
		height: 355px;
		text-align: left;
		border: 2px solid #939597;
	}