body{
	margin:0px;
	padding:0px;
	background:#FFF url(../img/site-fundo.jpg) repeat-x bottom left;
}
#site{
	margin:0 auto;
	width:980px;
}

/* ----------------------------------- Cabeçaho ----------------------------------- */
#cabecalho{
	margin:0 auto;
	width:980px;
	height:470px;
	padding-top:20px;
	margin-bottom:15px;
	background:url(../img/cabecalho-fundo.jpg) no-repeat bottom center;
}
#cabecalho .menu{
	float:left;
	background:url(../img/menu-fundo.jpg) no-repeat center;
	height:35px;
	width:100%;
}
#cabecalho .logo-cabecalho{
	float:left;
	padding:9px 0 0 12px;
}
#cabecalho .menu ul{
	float:right;
	padding:0;
	margin:0 auto;
	padding-right:20px;
}
#cabecalho .menu ul li{
	float:left;
	list-style:none;
	height:35px;
	width:113px;
	text-align:center;
	cursor:pointer;
}
#cabecalho .menu ul li.separador{
	width:2px;
	background:url(../img/menu-separador.jpg) no-repeat center top;
}
#cabecalho .menu ul li:hover{
	background:url(../img/menu-selecionado.jpg) no-repeat left top;
}
#cabecalho .menu ul li a{
	font: 14px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	text-decoration:none;
	color:#FFFFFF;
}
#cabecalho .menu ul li a div{
	width:100%;
	text-align:center;
	height:28px;
	padding:7px 0 0 0;
}
#cabecalho .menu ul li.selecionado{
	background:url(../img/menu-selecionado.jpg) no-repeat left top;
}
/* Submenu */
#cabecalho .submenu{
	float:left;
	height:63px;
	width:100%;
}
#cabecalho .submenu ul{
	float:right;
	padding:0;
	margin:0 auto;
}
#cabecalho .submenu ul li{
	float:left;
	list-style:none;
	height:15px;
	text-align:center;
	cursor:pointer;
	padding:20px 20px 0 20px;
}
#cabecalho .submenu ul li a{
	font: 13px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	text-decoration:none;
	color:#6C6C6C;
}
#cabecalho .submenu ul li a.selecionado{
	color:#F2C613;
}
#cabecalho .banner{
	float:left;
	height:310px;
	width:950px;
	margin:0px 15px;
}
.theme-default #slider {
    margin:0 auto;
    width:950px;
    height:310px;
}
/* ------------------------------------ Rodape ------------------------------------ */
#rodape{
	margin:0 auto;
	width:980px;
	height:550px;
	padding-top:12px;
}
#rodape .depoimento{
	float:left;
	width:212px;
	height:215px;
	padding:15px 20px 20px 40px;
	background:url(../img/depoimento-fundo.png) no-repeat top right;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	text-decoration:none;
	color:#fff;
	text-align:justify;
	line-height:16px;
}
#rodape .depoimento .nome{
	color:#FFCC00;
	font-weight:bold;
}
#rodape .depoimento .empresa{
	color:#666666;
}

#rodape .imagem{
	float:left;
	width:232px;
	height:215px;
	padding:0px;
	padding-bottom:40px;
}
#rodape .imagem .titulo{
	font: 20px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#444;
	width:100%;
	margin-bottom:20px;
}

#rodape .projetos{
	float:left;
	width:290px;
	height:250px;
	margin-right:10px;
}
#rodape .titulo{
	font: 20px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#999999;
}

#rodape .projetos ul{
	padding:0;
	margin:0;
	width:100%;
}
#rodape .projetos ul li{
	list-style:none;
	padding-top:12pt;
	height:35px;
	padding-left:9px;
	font: 14px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#000000;
}
#rodape .projetos ul li img{
	float:left;
	margin-right:10px;
}
#rodape .projetos ul li a{
	text-decoration:none;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#999999;
}
#rodape .produtos{
	float:left;
	width:355px;
	min-height:250px;
}
#rodape .produtos ul{
	padding:0;
	margin:0px 0 0 0;
}
#rodape .produtos ul li{
	float:left;
	list-style-image:url(../img/marcador.png);
	list-style-position:inside;
	width:50%;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#000000;
	padding:11px 0 0 0;
}
#rodape .icones{
	float: left;
	width:670px;
	margin-left:30px;
	height:230px;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
#rodape .icones .coluna{
	float:left;
	padding:0 0 0 20px;
	width:200px;
}
#rodape .icones .titulo{
	padding:5px 0;
}

#rodape .icones .titulo a{
	font: 20px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#999999;
	margin:5px 5px 0 0;
}

#rodape .icones a{
	color:#F2C513;
	text-decoration:none;
	font-weight:bold;
}
#rodape .icones a:hover{
	text-decoration:underline;
}

/* mapa do site */
#rodape .mapasite{
	float:left;
	width:960px;
	height:200px;
	padding:10px;
}

#rodape .mapasite .titulo{
	color:#FFFFFF;
	font-size:16px;
	width:100%;
	padding:0 0 5px 0;
	background:url(../img/rodape-linha-fundo.jpg) repeat-x bottom center;
}

#rodape .mapasite .mapa{
	width:900;
	height:135px;
	padding:20px 0 0px 10px;
	background:url(../img/rodape-fundo-degrade.png) no-repeat center top;
}

#rodape .mapasite .mapa ul{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:138px;
}

#rodape .mapasite .mapa ul li{
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
	height:17px;
}

#rodape .mapasite .mapa ul li a{
	font: 11px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	line-height:none;
}

#rodape .mapasite .mapa ul li a:hover{
	text-decoration:underline;
}

#rodape .mapasite .mapa ul li.pag{
	padding-bottom:5px;
}

#rodape .mapasite .mapa ul li.pag a{
	font: 13px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-weight:bold;
}

#rodape .mapasite .linha{
	width:100%;
	background:url(../img/rodape-linha-fundo.jpg) repeat-x top center;
}

#rodape .logo-rodape{
	float:left;
	margin:10px;
}

#rodape .direitos{
	float:left;
	height:40px;
	margin:20px;
	margin-left:40px;
	padding-left:30px;
	border-left:1px solid #625B57;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#000000;
}
#rodape .direitos .links{
	color:#FFC600;
	margin-top:2px;
	font-size:16px;
}
#rodape .direitos .links a{
	color:#FFC600;
	text-decoration:none;
	font-size:12px;
}
#rodape .direitos .links a:hover{
	text-decoration:underline;
}
#rodape .redesocial{
	float:right;
	padding:20px;
}
#rodape .redesocial a{
	margin:0 0 0 5px;
}

/* ----------------------------------- Site ----------------------------------- */
#conteudo{
	margin:0 auto;
	width:980px;
	min-height:150px;
	margin-right:
}

#conteudo .coluna-1{
	float:left;
	width:301px;
	text-align:justify;
	margin:0 15px 0 0;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#000;
	min-height:150px;
}

#conteudo .coluna-1 .imagemodelo img{
	border:1px solid #CCCCCC;
	padding:5px;
}

#conteudo .coluna-1 .linksmodelo img{
	float:none;
	margin:10px 3px;
	padding:0px;
}

#conteudo .coluna-1 .plano_sitefacil{
	float:left;
	margin-bottom:15px;
	padding:0px;
}

#conteudo .coluna-1 .texto{
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000000;
}

.texto-pag{
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000000;
	font-weight:bold;
}

#conteudo .coluna-1 .bancos{
	margin-bottom:25px;
	float:left;
	width:100%;
}

#conteudo .coluna-1 .bancos ul{
	padding:0;
	margin:7px 0 0 0;
}
#conteudo .coluna-1 .bancos ul li{
	float:left;
	list-style-image:url(../img/marcador.png);
	list-style-position:inside;
	width:50%;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#000000;
	padding:4px 0 0 0;
}

#conteudo .coluna-2{
	float:left;
	width:617px;
	text-align:justify;
	margin:0 15px 0 0;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#000;
	min-height:150px;
	margin-left:15px;
}

#conteudo .coluna-2 img{
	float:right;
	padding:0 7px;
}

#conteudo .coluna-2 .listagem{
	margin-bottom:25px;
	float:left;
	width:100%;
}

#conteudo .coluna-2 .listagem ul{
	padding:0;
	margin:7px 0 0 0;
}

#conteudo .coluna-2 .listagem ul li{
	float:left;
	text-align:left;
	list-style-image:url(../img/marcador.png);
	list-style-position:inside;
	width:50%;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#000000;
	padding:10px 0 0 0;

}

#conteudo .coluna-3{
	float:left;
	width:980px;
	text-align:justify;
	margin:0 0 0 0;
	font: 12px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#000;
	min-height:150px;
}

#conteudo .coluna-1 img{
	float:right;
	padding:0 7px;
}
#conteudo .linha-vertical{
	background:url(../img/linha-vertical.png) no-repeat left top;
	padding-left:16px;
}
#conteudo .titulo{
	font: 20px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#444;
	width:100%;
	margin-bottom:15px;
}

#conteudo .titulo a{
	color:#444;
	text-decoration:none;
}

#conteudo .titulo a:hover{
	color:#444;
	text-decoration:underline;
}

#conteudo .titulo2{
	float:left;
	display:block;
	font: 13px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-weight:bold;
	color:#444;
	width:570px;
	padding:10px;
	margin:10px 0;
	border:1px solid #FFF;
}
#conteudo .titulo2:hover{
	background-color:#F3F3F3;
	border:1px solid #ddd;
}
#conteudo .titulo2 img{
	padding:5px;
	background:#FFFFFF;
	border:1px solid #999;
	margin-right:20px;
}
#conteudo .linkblog{
	color:#444;
	text-decoration:none;
}

#conteudo .linkblog:hover{
	color:#444;
}
#conteudo .blog-texto{
	font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#434343;
	line-height:150%;
}
#conteudo .blog-texto a:hover{
	text-decoration:underline;
}
/* Afiliado */
#conteudo .afiliado{
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
}
#conteudo .afiliado input[type=text]{
	background:url(../img/afiliado-input.jpg) no-repeat left top;
	width:174px;
	height:18px;
	border:none;
	padding:2px 2px 5px 3px;
}
#conteudo .afiliado textarea{
	background:url(../img/afiliado-textarea.jpg) no-repeat left top;
	width:349px;
	height:168px;
	padding:2px 2px 5px 3px;
	border:none;
}

/* tooltip */
.bubbleInfo, .bubbleInfo-direita, .bubbleInfo-texto{
		position: relative;
}
.trigger {
	cursor:pointer;
}

/* Bubble pop-up */

.popup {
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
}

.popup td.corner {
	height: 15px;
	width: 19px;
}

.popup td#topleft { background-image: url(../img/tooltip/bubble-1.png); }
.popup td.top { background-image: url(../img/tooltip/bubble-2.png); }
.popup td#topright { background-image: url(../img/tooltip/bubble-3.png); }
.popup td.left { background-image: url(../img/tooltip/bubble-4.png); }
.popup td.right { background-image: url(../img/tooltip/bubble-5.png); }
.popup td#bottomleft { background-image: url(../img/tooltip/bubble-6.png); }
.popup td.bottom { background-image: url(../img/tooltip/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(../img/tooltip/bubble-8.png); }

.popup table.popup-contents {
	font-size: 12px;
	line-height: 1.2em;
	background-color: #fff;
	color: #666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	}

table.popup-contents th {
	text-align: right;
	text-transform: lowercase;
	}

table.popup-contents td {
	text-align: left;
	}

tr#release-notes th {
	text-align: left;
	text-indent: -9999px;
	background: url(../img/tooltip/starburst.gif) no-repeat top right;
	height: 17px;
	}

tr#release-notes td a {
	color: #333;
}
/* erro */
.error{
	color:#FF0000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


/* Planos de hospedagem */
.planos{
	height:262px;
}
.fundo-plano1{
	background:url(../img/fundo-plano1.jpg) no-repeat center;
}
.fundo-plano2{
	background:url(../img/fundo-plano2.jpg) no-repeat center;
}
.fundo-plano3{
	background:url(../img/fundo-plano3.jpg) no-repeat center;
}
.fundo-plano4{
	background:url(../img/fundo-plano4.jpg) no-repeat center;
}
.planos .nome{
	color:#686868;
	font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:center;
	padding:10px;
}
.planos .valor{
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding:9px;
}
.planos .valor strong{
	font-size:30px;
}
.planos .descricao{
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000000;
	text-align:center;
	line-height:250%;
	padding:10px;
}
.planos .contrate{
	margin:6px;
	text-align:center;
}

.barra-caminho{
	float:left;
	background:url(../img/linha-horizontal.jpg) repeat-x top;
	width:940px;
	padding:10px 20px 20px 20px;
	color:#6C6C6C;
	font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.barra-caminho .sel{
	color:#F02C0C;
	font-size:16px;
}
.contrate-plano{
	padding:0 20px 30px 20px;
	float:left;
	width:940px;
}
.contrate-plano table td.texto, .contrate-plano table th.topo{
	text-align:center;
	padding:1px;
	line-height:240%;
}
.contrate-plano .td{
	text-align:left;
	padding-left:20px !important;
}
.contrate-plano th{
	text-align:center;
	padding:0 !important;
	line-height:100% !important;
	color:#686868;
	font:16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.contrate-plano .campo{
	color:#000;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	width:108px;
	text-align:right;
}
.contrate-plano .selecao{
	margin:2px;
	padding:10px 130px 16px 130px;
	text-align:left;
	background:#E7E7E7;
	border:1px solid #CED1D5;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.contrate-plano .selecao label{
	cursor:pointer;
}
.input-longo{
	background:url(../img/input-longo.jpg) no-repeat left top;
	border:none;
	width:554px;
	height:17px;
	padding:3px;
}
.input-curto{
	background:url(../img/input-curto.jpg) no-repeat left top;
	border:none;
	width:214px;
	height:17px;
	padding:3px;
}

#dominio{
	margin:2px;
	padding:0;
	text-align:left;
}
#dominio ul{
	width:100%;
	padding:0;
	margin:0;
}
#dominio ul li{
	list-style:none;
	padding:10px;
	border:1px solid #F7F7F7;
}
#dominio ul li.selecionar{
	cursor:pointer;
}
#dominio ul li.ativo{
	background:#E7E7E7;
	border:1px solid #CED1D5;
}
#dominio ul li.ativo:hover{
	background:#E7E7E7;
	border:1px solid #CED1D5;
}
#dominio ul li:hover{
	background:#EFEFEF;
	border:1px solid #EFEFEF;
}
#dominio ul li input[type="radio"]{
	float:left;
	margin:2px 5px 30px 5px;
}
#dominio ul li div{
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#dominio ul li div span{
	font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
}
#dominio ul li div div{ margin-left:25px;
}
#registrar-caixa{
	display:none;
}

.janelinha{
	padding:10px 30px;
}

/* Registro de dominio */
.dominio-input{
	background:url(../img/dominio-input.png) no-repeat center;
	width:224px;
	height:17px;
	padding:3px;
	border:none;
}
.dominio-select{
	background:url(../img/dominio-input.png) no-repeat left center;
	width:73px;
	height:23px;
	padding:3px;
	border:none;
	margin-top:1px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
}

.dominio-disponiveis{
	font:14px Tahoma, Geneva, sans-serif;
	color:#000000;
	width:300px;
}
.dominio-preco{
	font:14px Tahoma, Geneva, sans-serif;
	color:#000000;
	font-weight:bold;	
}
.dominio-disponivel-tabela{
	border:1px solid #CED1D5; 
	background:#E7E7E7;
}

#cadastro-registro .campo{
	color:#000;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	width:108px;
	text-align:right;
}

.link-registra{
	cursor:pointer;
}

/* Formulário Site Fácil */
#formulario-sitefacil{
	color:#000;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:10px; 
	background:#fff;
	width:500px;
}

#formulario-sitefacil .titulo{
	font: 20px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#444;
	width:100%;
	margin-bottom:15px;
}

#formulario-sitefacil input[type="text"]{
	width:75%;
}

#formulario-sitefacil #carregando{
	padding-top:15px;
}

/* Formulário Catálogo Virtual */
#formulario-catalogo{
	color:#000;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:10px; 
	background:#fff;
	width:500px;
}

#formulario-catalogo .titulo{
	font: 20px "Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color:#444;
	width:100%;
	margin-bottom:15px;
}

#formulario-catalogo input[type="text"]{
	width:75%;
}

#formulario-catalogo #carregando{
	padding-top:15px;
}