@charset "utf-8";
/*
Nome do Projeto: Visual Sites Hospedagem Profissional
URL: http://www.hospedagem.visualsites.com.br
Descricao: Hospedagem de sites
Versao: 2.0 
Data: 07/06/2008
Autor: Felipe da Silva Rosas (eusniper@hotmail.com)
Site: http://eufelipe.com
*/

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

#Home #corpo {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background:#FFFFFF;
}
body {
	background-image: url(../pics/bg-site.gif);
	background-repeat: repeat;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:12px;
	color: #353535;
}
img {
	border:none; 
}

/************************************************
					TOPO DO SITE
*************************************************/

#Home #corpo #cabecalho h1 a{
	background-image: url(../pics/Logo-visual-sites.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	display: block;
	height: 58px;
	width: 225px;
	overflow: hidden;
}
#Home #corpo #cabecalho {
	height: 130px;
	width: 800px;
}

/************************************************
				MENU HORIZONTAL
*************************************************/

#Home #corpo #cabecalho #Menu-Horizontal {
	background-image: url(../pics/bg-menu-horizontal.jpg);
	background-repeat: repeat;
	list-style:none;
	padding: 0px;
	height: 31px;
	width: 800px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#Home #corpo #cabecalho #Menu-Horizontal li {
	float: left;
}
#Home #corpo #cabecalho #Menu-Horizontal a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #272727;
	background-image: url(../pics/bg-menu-horizontal.jpg);
	text-align: center;
	display: block;
	padding: 6px 15px;

}
#Home #corpo #cabecalho #Menu-Horizontal a:hover {
	color: #FFFFFF;
	background-image: url(../pics/bg-menu-horizontal-hover.jpg);
}

/************************************************
				MENU ICONES
*************************************************/

#Home #corpo #cabecalho #fisheye_menu {
	float: right;
	list-style:none;
	padding-left:25px;
	padding-top:0px;
	width:220px;
	height: 78px;
}

#fisheye_menu {
	list-style: none;
	padding: 0;
	margin: 10px;
	height: 81px;
}
#fisheye_menu li {
	position: relative;
	display: block;
	float: left;
}
#fisheye_menu span {
	position: absolute;
	top: 100%;
	left: 0;
	text-align: center;
	width: 79px;
	padding: 1px;
	margin: 0;
	border: solid 1px #bbb;	
	color: #333;
	background: #eee;
}
#fisheye_menu a {
	text-decoration: none;
}
#fisheye_menu img {
	border: 0;
	vertical-align: top;
}

/************************************************
				IMAGEM CENTRAL
*************************************************/


#Home #corpo #Imagem-Central h1, 
#Home #corpo #Imagem-Central-registro h1,
#Home #corpo #Imagem-Central-hospedagem h1,
#Home #corpo #Imagem-Central-confirmar-pagamento h1,
#Home #corpo #Imagem-Central-parceria h1,
#Home #corpo #Imagem-Central-solucoes h1,
#Home #corpo #Imagem-Central-suporte h1,
#Home #corpo #Imagem-Central-fale-conosco h1,
#Home #corpo #Imagem-Central-web-sites h1,
#Home #corpo #Imagem-Central-diretorios h1,
#Home #corpo #Imagem-Central-quem-somos h1,
#Home #corpo #Imagem-Central-anti-span h1 {
	text-indent: -9000px;
	height: 236px;
	width: 800px;
	overflow: hidden;
	background-repeat: no-repeat;
	clear: both;
}
#Home #corpo #Imagem-Central h1 {background-image: url(../pics/imagem-central.jpg);}
#Home #corpo #Imagem-Central-registro h1 {background-image: url(../pics/imagem-central-registro.jpg);}
#Home #corpo #Imagem-Central-hospedagem h1 {background-image: url(../pics/imagem-central-hospedagem.jpg);}
#Home #corpo #Imagem-Central-confirmar-pagamento h1 {background-image: url(../pics/imagem-central-confirmar-pagamento.jpg);}
#Home #corpo #Imagem-Central-parceria h1 {background-image: url(../pics/imagem-central-parceria.jpg);}
#Home #corpo #Imagem-Central-solucoes h1 {background-image: url(../pics/imagem-central-solucoes.jpg);}
#Home #corpo #Imagem-Central-suporte h1 {background-image: url(../pics/imagem-central-suporte.jpg);}
#Home #corpo #Imagem-Central-fale-conosco h1 {background-image: url(../pics/imagem-central-fale-conosco.jpg);}
#Home #corpo #Imagem-Central-web-sites h1 {background-image: url(../pics/imagem-central-web-sites.jpg);}
#Home #corpo #Imagem-Central-diretorios h1 {background-image: url(../pics/imagem-central-diretorios.jpg);}
#Home #corpo #Imagem-Central-quem-somos h1 {background-image: url(../pics/imagem-central-quem-somos.jpg);}
#Home #corpo #Imagem-Central-anti-span h1 {background-image: url(../pics/imagem-central-quem-somos.jpg);}
/************************************************
				COLUNAS
*************************************************/
#Home #corpo #Coluna-esquerda {
	width: 465px;
	float:left;
}
#Home #corpo #Coluna-Direita {
	width: 330px;
	float: right;
}
#Home #corpo #Coluna-esquerda-texto {
	width: 465px;
	float:left;
	padding:10px;
}

/************************************************
				ATENDIMENTO ONLINE
*************************************************/

#Home #corpo #Coluna-Direita #atendimento-online {
	background-image: url(../pics/atendimento-online.jpg);
	height: 223px;
	width: 324px;
	border: 1px solid #C3C3C3;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#Home #corpo #Coluna-Direita #atendimento-online h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	color: #332d33;
	margin-left:2px;
}
a.bnt-preto:link,  a.bnt-preto:visited, a.bnt-preto:active {
	background-image: url(../pics/bnt-preto.gif);
	height: 41px;
	width: 140px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	margin-left:160px;
	margin-top:120px;
}
a.bnt-preto:hover {
	background-image: url(../pics/bnt-preto-hover.gif);

}

/************************************************
				PLANOS
*************************************************/
.conteudo-plano {
	height: 110px;
	width: 334px;
	line-height:20px;
	padding-top:8px;
	margin-left: 118px;
}

a.Bnt-assinar-plano:link , a.Bnt-assinar-plano:visited, a.Bnt-assinar-plano:active {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../pics/bnt-planos.gif);
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	color:#FFFFFF;
	text-align:center;
	width: 140px;
	line-height: 30px;
	margin-left: 188px;
}
a.Bnt-assinar-plano:hover {
	background-image: url(../pics/bnt-planos-hover.gif);
	color:#FFFFFF;
}

a.mais-detalhes:link, a.mais-detalhes:visited, a.mais-detalhes:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	width:60px;
	float: left;
	display: block;
	margin-bottom: 20px;
	padding-top: 70px;
	padding-left: 5px;
}

#Home #corpo #Coluna-esquerda #Planos .Plano-Bronze {
	background-image: url(../pics/bg-plano-bronze.jpg);
	background-repeat: no-repeat;
	height: 129px;
	width: 455px;
	margin:5px;
}

#Home #corpo #Coluna-esquerda #Planos .Plano-Prata {
	background-image: url(../pics/bg-plano-prata.jpg);
	background-repeat: no-repeat;
	height: 129px;
	width: 455px;
	margin:5px;
}
#Home #corpo #Coluna-esquerda #Planos .Plano-Ouro {
	background-image: url(../pics/bg-plano-ouro.jpg);
	background-repeat: no-repeat;
	height: 129px;
	width: 455px;
	margin:5px;
}


#Home #corpo #Coluna-esquerda #Planos .Plano-Bronze h1,
#Home #corpo #Coluna-esquerda #Planos .Plano-Prata h1,
#Home #corpo #Coluna-esquerda #Planos .Plano-Ouro h1 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 24px;
	font-weight: bold;
	color: #545454;
}
#Home #corpo #Coluna-esquerda #Planos .Plano-Bronze strong {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color: #148205;
}
#Home #corpo #Coluna-esquerda #Planos .Plano-Prata strong {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color: #006699;
}

#Home #corpo #Coluna-esquerda #Planos .Plano-Ouro strong {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color: #FF6600;
}

/************************************************
				WEB SITE
*************************************************/

#Home #corpo #Coluna-Direita #precisa-de-web-site {
	background-image: url(../pics/precisa-de-website.jpg);
	background-repeat: no-repeat;
	width:324px;
	height:172px;
}
#Home #corpo #Coluna-Direita #precisa-de-web-site h1 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 24px;
	color: #FFFFFF;
	padding-top:10px;
	padding-left:22px;
}

a.orcamento:link, a.orcamento:visited, a.orcamento:active {
	background-image: url(../pics/bnt-orcamento.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 271px;
	padding-left:10px;
	line-height:30px;
	margin-left:10px;
	color:#FFFFFF;
	text-align:center;
}
#Home #corpo #Coluna-Direita #precisa-de-web-site p {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	color: #f1f7ea;
	padding: 5px;
}

/************************************************
				NOVIDADES
*************************************************/

#Home #corpo #Novidade {
	clear: both;
	padding:5px;
	margin:2px 5px;
	border: 1px solid #D4D4D4;
	height:53px;
	background:#EEF6E7;
}


#Home #corpo #Novidade h1 {
	font-family: Impact, Arial, Verdana, Helvetica, sans-serif;
	font-size: 36px;
	float:left;
	color: #636a6c;
}
#Home #corpo #Novidade p {
	font-family: Impact, Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #a0a2a2;
	padding-left: 204px;
	background-image: url(../pics/logo-registro-br.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

/************************************************
			SEJA PARCEIRO
*************************************************/

#Home #corpo #seja-parceiro {
	width: 208px;
	background-color: #5f7078;
	background-image: url(../pics/seja-parceiro.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 258px;
	float:right;
	margin-right:3px;
	margin-top:23px;

}
#Home #corpo #seja-parceiro h1 {
	font-family: Impact, Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: #262525;
	text-align:center;
	padding-top: 175px;
	font-weight: normal;
}
#Home #corpo #seja-parceiro p {
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}

a.link-parceiro-h1:link, a.link-parceiro-h1:visited, a.link-parceiro-h1:active {color:#262525;}
a.link-parceiro-h1:hover {color:#FF8000;}
a.link-parceiro-p {color: #FFFFFF }

a.link-parceiro-p:hover {color:#FF8000;}

/************************************************
			RECURSOS DO SERVIDOR
*************************************************/

#Home #corpo #Alguns-recursos-do-servidor {
	float: left;
	width: 586px;
}
#Home #corpo #Alguns-recursos-do-servidor h1 {
	font-family: Impact, Arial, Verdana;
	font-size: 18px;
	color: #636a6c;
	padding-left: 30px;
	font-weight: normal;
}

#Home #corpo #Alguns-recursos-do-servidor #construtor-de-sites,
#Home #corpo #Alguns-recursos-do-servidor #loja-virtual,
#Home #corpo #Alguns-recursos-do-servidor #blog-wordpress,
#Home #corpo #Alguns-recursos-do-servidor #forum-phpbb {
	height: 128px;
	width: 275px;
	background:#FFFFFF;
	float:left;
	padding:3px;
	margin:3px;
	border: 1px solid #b7b9ba;
}

#Home #corpo #Alguns-recursos-do-servidor #construtor-de-sites {
	background-image: url(../pics/logo-rv-site-builder.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#Home #corpo #Alguns-recursos-do-servidor #loja-virtual {
	background-image: url(../pics/logo-loja-virtual.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#Home #corpo #Alguns-recursos-do-servidor #blog-wordpress {
	background-image: url(../pics/logo-wordpress.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#Home #corpo #Alguns-recursos-do-servidor #forum-phpbb {
	background-image: url(../pics/logo-php-bb.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}


#Home #corpo #Alguns-recursos-do-servidor #construtor-de-sites h3,
#Home #corpo #Alguns-recursos-do-servidor #loja-virtual h3,
#Home #corpo #Alguns-recursos-do-servidor #blog-wordpress h3,
#Home #corpo #Alguns-recursos-do-servidor #forum-phpbb h3 {
	padding-left: 95px;
	font-family: Impact, Arial, Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #2b456b;
}

#Home #corpo #Alguns-recursos-do-servidor #construtor-de-sites p,
#Home #corpo #Alguns-recursos-do-servidor #loja-virtual p,
#Home #corpo #Alguns-recursos-do-servidor #blog-wordpress p,
#Home #corpo #Alguns-recursos-do-servidor #forum-phpbb p {
	font-family: Impact, Arial, Verdana;
	font-size: 18px;
	padding-left: 95px;
	font-weight: normal;
	color: #96999a;
}
a.bnt-recursos-azul:link, a.bnt-recursos-azul:visited, a.bnt-recursos-azul:active,
a.bnt-recursos-laranja:link, a.bnt-recursos-laranja:visited, a.bnt-recursos-laranja:active, 
a.bnt-recursos-verde:link, a.bnt-recursos-verde:visited, a.bnt-recursos-verde:active,
a.bnt-recursos-vermelho:link, a.bnt-recursos-vermelho:visited, a.bnt-recursos-vermelho:active {
	background-repeat: no-repeat;
	display: block;
	margin-left: 95px;
	text-align:center;
	line-height:30px;
	color:#FFFFFF;
	height: 29px;
	width: 169px;
	margin-top:10px;
}
a.bnt-recursos-azul:link, a.bnt-recursos-azul:visited, a.bnt-recursos-azul:active {
	background-image: url(../pics/bnt-azul.gif);
}
a.bnt-recursos-laranja:link, a.bnt-recursos-laranja:visited, a.bnt-recursos-laranja:active{
	background-image: url(../pics/bnt-laranja.gif);
}
a.bnt-recursos-verde:link, a.bnt-recursos-verde:visited, a.bnt-recursos-verde:active{
	background-image: url(../pics/bnt-verde.gif);
}
a.bnt-recursos-vermelho:link{
	background-image: url(../pics/bnt-vermelho.gif);
}

a.bnt-recursos-azul:hover, a.bnt-recursos-laranja:hover, a.bnt-recursos-verde:hover, a.bnt-recursos-vermelho:hover{
	background-image: url(../pics/bnt-recursos-preto.gif);
}


.solution-text {
	padding:5px;
	height:150px;
	width:600px;
}
.solution-img {
	width:100px;
	border:6px solid #FFFFFF;
	padding:6px;

}
.solution-img, .solution-text {float:left;}

.solution {	
	padding:5px;
	height:220px;
	border:1px solid #E2EFFE;
}
/************************************************
			RODAPE
*************************************************/
#Home #corpo #rodape {
	clear: both;
	background:url(../pics/bg-rodape.gif) repeat;
	text-align:center;
}

#Home #corpo #rodape ul {
	width: 800px;
	list-style: none;  
	margin: 0 auto;  
	padding: 0;  
	width: 780px;
	height:38px;
}

#Home #corpo #rodape ul li{  
	float: left; 
}  
#Home #corpo #rodape ul li a{  
	display: block;  
	padding:10px 15px;
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size:12px;
	text-decoration: none;  
	text-align: center;  
	color: #353535;   
}  
#Home #corpo #rodape ul li a:hover{   
	color: #FFF;
	background:#363636;
}  

#Home #corpo #coluna-banner {
	background-image: url(../pics/banner.jpg);
	background-repeat: no-repeat;
	width: 230px;
	height:450px;
}
#Home #corpo #conteudo {
	width: 570px;
	
}
#Home #corpo #coluna-banner, #Home #corpo #conteudo {float:left;}#Home #corpo #conteudo #Texto {
	padding: 10px;
}
.img-float {float:left; padding:5px; border:5px solid #FFFFFF;}


.div-left, .div-right, .div-center {
	width:230px;
	margin:5px;
	padding:5px;
}
.div-left {margin-left:20px;}

.div-left, .div-center, .div-right {float:left;}



















/**************** textfield ***********************/
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}
/**************** text area ***********************/

.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/**************** select ***********************/
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
}
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}

/**************** checkbox ***********************/


.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{
	display: none;
}

.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	display: inline;
	color: #CC3333;
}



.bnt-contato {
	font-family:"Trebuchet MS", Verdana, Arial;
	color:#FFFFFF;
	background:#006600;
	margin-bottom:4px;
	margin-top:4px;
	margin-left:10px;
	margin-right:10px;
	border:none;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
}
.bnt-contato:hover {
	background:#FF6600;
}

.plano-icone {
	width:156px;
}
.plano-info {
	width:500px;
	margin-top:10px;
}
.plano-bnt {
	width:150px;
}
.plano-icone, .plano-info, .plano-bnt {float:left;}

a.Bnt-assinar:link , a.Bnt-assinar:visited, a.Bnt-assinar:active {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../pics/bnt-planos.gif);
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	color:#FFFFFF;
	text-align:center;
	width: 140px;
	line-height: 30px;
	margin:5px;
}
a.Bnt-assinar:hover {
	background-image: url(../pics/bnt-planos-hover.gif);
	color:#FFFFFF;
}