/*******************************************************************************
GERAL
*******************************************************************************/
body {
	text-align: center;
	background: #efefef url(/layout/img/body-bg.gif) top left repeat-x;
}
#site {
	position: relative;
	margin: 0 auto;
	width: 990px;
	text-align: left;
}
/*******************************************************************************
HEADER
*******************************************************************************/
#header {
	position: relative;
}
#header, #header span {
	width: 990px;
	height: 110px;	
}
#header span {
	background: url(/layout/img/header-ssl.gif) no-repeat;
	display: block;
	position: absolute;
	z-index: 1;	
}
/*******************************************************************************
NAV TOPO
*******************************************************************************/
#nav {
	position: relative;
	background: url(/layout/img/nav-bg.gif) no-repeat;
	list-style-type: none;
	height: 59px;
	width: 990px;
}
	#nav li{
		display:block;
		float:left;
		height: 36px;
		font-size: 8px;
	}
		#nav li a {
			display: block;
			position: absolute;
			height: 36px;
		}
#nav span {
	display: block;
	position: absolute;
	z-index: 1;
	height: 36px;
}
#nav a:hover span {
	cursor: pointer;
}

#ssl-home {width: 119px;}
#ssl-home span {
	background: url(/layout/img/nav.gif) 0 0 no-repeat;
	width: 119px;	
}
#ssl-home.current span { background: url(/layout/img/nav.gif) 0 -72px no-repeat; }
#ssl-home a:hover span { background: url(/layout/img/nav.gif) 0 -36px no-repeat; }

#ssl-certs {width: 154px;}
#ssl-certs span {
	background: url(/layout/img/nav.gif) -119px 0 no-repeat;
	width: 154px;	
}
#ssl-certs.current span { background: url(/layout/img/nav.gif) -119px -72px no-repeat; }
#ssl-certs a:hover span { background: url(/layout/img/nav.gif) -119px -36px no-repeat; }

#ssl-comprar {width: 152px;}
#ssl-comprar span {
	background: url(/layout/img/nav.gif) -273px 0 no-repeat;
	width: 152px;	
}
#ssl-comprar.current span { background: url(/layout/img/nav.gif) -273px -72px no-repeat; }
#ssl-comprar a:hover span { background: url(/layout/img/nav.gif) -273px -36px no-repeat; }

#ssl-contato {width: 76px;}
#ssl-contato span {
	background: url(/layout/img/nav.gif) -425px 0 no-repeat;
	width: 76px;	
}
#ssl-contato.current span { background: url(/layout/img/nav.gif) -425px -72px no-repeat; }
#ssl-contato a:hover span { background: url(/layout/img/nav.gif) -425px -36px no-repeat; }

#ssl-suporte {width: 75px;}
#ssl-suporte span {
	background: url(/layout/img/nav.gif) -501px 0 no-repeat;
	width: 75px;	
}
#ssl-suporte.current span { background: url(/layout/img/nav.gif) -501px -72px no-repeat; }
#ssl-suporte a:hover span { background: url(/layout/img/nav.gif) -501px -36px no-repeat; }

#ssl-hospedagem {width: 161px;}
#ssl-hospedagem span {
	background: url(/layout/img/nav.gif) -576px 0 no-repeat;
	width: 161px;	
}
#ssl-hospedagem.current span { background: url(/layout/img/nav.gif) -576px -72px no-repeat; }
#ssl-hospedagem a:hover span { background: url(/layout/img/nav.gif) -576px -36px no-repeat; }

#ssl-registro {width: 163px;}
#ssl-registro span {
	background: url(/layout/img/nav.gif) -737px 0 no-repeat;
	width: 163px;	
}
#ssl-registro.current span { background: url(/layout/img/nav.gif) -737px -72px no-repeat; }
#ssl-registro a:hover span { background: url(/layout/img/nav.gif) -737px -36px no-repeat; }

#ssl-empresa {width: 90px;}
#ssl-empresa span {
	background: url(/layout/img/nav.gif) -900px 0 no-repeat;
	width: 90px;	
}
#ssl-empresa.current span { background: url(/layout/img/nav.gif) -900px -72px no-repeat; }
#ssl-empresa a:hover span { background: url(/layout/img/nav.gif) -900px -36px no-repeat; }
/*******************************************************************************
CONTEUDO
*******************************************************************************/
#conteudo {
	position: relative;
	width: 720px;
	padding: 9px 253px 9px 17px;	
	text-align: justify;
	background: url(/layout/img/conteudo-bg.gif) repeat-y;
}

#promo1 {
	float: left;
	margin-bottom: 20px;
}
#promo1 a:hover span {cursor: pointer;}
#promo1, #promo1 span {
	height: 204px;
	width: 346px;	
}
#promo1 span {
	background: url(/layout/img/promo1.gif) no-repeat;
	display: block;
	position: absolute;
	z-index: 1;
}

#promo2 {
	margin-left: 28px;
	margin-bottom: 20px;
	float: left;
}
#promo2 a:hover span {cursor: pointer;}
#promo2, #promo2 span {
	height: 206px;
	width: 346px;	
}
#promo2 span {
	background: url(/layout/img/promo2.gif) no-repeat;
	display: block;
	position: absolute;
	z-index: 1;
}


#banner-promo {
	float: left;
	margin-bottom: 10px;
}
#banner-promo, #banner-promo span {
	height: 44px;
	width: 715px;	
}
#banner-promo span {
	background: url(/layout/img/banner-promo.gif) no-repeat;
	display: block;
	position: absolute;
	z-index: 1;
}
/*******************************************************************************
COLUNA
*******************************************************************************/
#coluna {
	position: absolute;
	width: 223px;
	top: 162px;
	left: 768px;	
	line-height: 1;
}

#motivos, #verisign, #globalsign, #geotrust, #rapidssl, #selo, #selo2, #order-status, #thawte, #pagamento { 
	margin-top: 14px;
}

#selo {
	padding-left: 45px;
}

#selo2 {
	padding-left: 32px;
}

#motivos a:hover span {cursor: pointer;}

#motivos span, #rapidssl span, #geotrust span, #selo span, #selo2 span, #verisign span, #globalsign span, #thawte span {
	display: block;
	position: absolute;
	z-index: 1;
}

#motivos, #motivos span {
	height: 68px;
	width: 220px;	
}
#motivos span { background: url(/layout/img/10motivos.gif) no-repeat; }

#verisign, #verisign span {
	height: 54px;
	width: 220px;	
}
#verisign span { background: url(/layout/img/verisign-partner.gif) no-repeat; }

#globalsign, #globalsign span {
	height: 35px;
	width: 220px;	
}
#globalsign span { background: url(/layout/img/globalsign-partner.gif) no-repeat; }

#geotrust, #geotrust span {
	height: 83px;
	width: 220px;	
}
#geotrust span { background: url(/layout/img/geotrust-partner.gif) no-repeat; }

#rapidssl, #rapidssl span {
	height: 91px;
	width: 220px;	
}
#rapidssl span { background: url(/layout/img/rapidssl-partner.gif) no-repeat; }

#thawte, #thawte span {
	height: 80px;
	width: 220px;	
}
#thawte span { background: url(/layout/img/seal_thawte.gif) no-repeat; }
/*******************************************************************************
RODAPE
*******************************************************************************/
#rodape {
	position: relative;
	width: 982px;
	height: 42px;
	background: url(/layout/img/rodape-bg.gif) no-repeat;
	padding: 17px 4px 0 4px;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}

.copyright {
	float: left;
}

.politica {
	display: block;
	float: right; 
	text-align: right;
}
.politica li { 
	float: left; 
	display: inline;
}
.politica a {
	white-space: nowrap;
	border-left: 1px solid #999;
	padding: 0 0 0 1.5em; margin-left: 1.5em;
	padding-bottom: 2px;
}
.politica a.first { border-left: 0;}

/*******************************************************************************
TEXTO
*******************************************************************************/
.texto, .texto2 {
	margin-bottom: 18px;
}
.texto p, .texto2 p { 
	margin-bottom: 4px; 
	line-height: 16px;
	font-size: 11px;	
}
.texto h2 a, .texto h2 a:hover, .texto h3 a, .texto h3 a:hover {
	text-decoration: none;
	color: #245b9c;
}
.texto h2, .texto h3, .certbox h2 {
	line-height: 15px;
	margin-bottom: 3px;
	font-size: 13px;
}
.texto img {
	margin: 0 10px 10px 0;
	float: left;
}
.texto2 img {
	float: left;
}
.texto ul {
	list-style: disc;
	margin-left: 15px;
}
.texto li {
	line-height:15px;
	margin-bottom: 3px;
}

.certbox, .certbox2 {
	width: 330px;
	height: 130px;
	float: left;
	border: 1px solid #ccd9e8;
  	background: #F7FAFE url(/layout/img/text_background.gif) 0 0 repeat-x;
	padding: 8px;
	padding-top: 6px;
	margin-bottom: 20px;
}
.certbox2 {
	height: 95px;
}

.certbox h2, .certbox2 h2 { 
	text-align: center;
	margin-bottom: 6px;
}
.certbox ul, .certbox2 ul{
  	list-style: url(/layout/img/list_point.gif);
	padding-left: 16px;
}
.certbox li, .certbox2 li {
	margin-bottom: 6px;
}

.cbmargin {
	margin-right: 20px;
}

.cbmargin2 {
	margin-bottom: 5px;
}

.cb_info {
	margin-top: 8px;
	text-align: right;
}
/*******************************************************************************
FONTES E CORES
*******************************************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }

a { text-decoration: underline; }
a:link, a:visited, a:active, a:focus {
	color: #245b9c;
}
a:hover {
	color: #cb8b21;
}

h1, h2, h3 { 
	padding-bottom: 2px; 
	font-size: 12px;
	color: #245b9c;
	line-height:16px;
}

em { font-style:normal; }

.titulo {
	color: #245b9c;
	font-size: 14px;
}

.preco, .preco2 {
	color: #cb8b21;
	font-weight: bold;
	font-size: 12px;
}
.preco2 {
	font-size: 14px;
}

.codigo {
	font-family: Courier New, Courier, mono;
	text-align: left;
}
.cinza  {
	color: #7c7c7c;
}
.azul {
	color: #245b9c;
}
.laranja {
	color: #cb8b21;
}
.branco {color: #ffffff}
.vermelho {color: #ff0000}

.clearleft {clear: left;}
.floatleft {float: left;}

.al_direita {
	text-align: right;
}
.al_centro {
	text-align: center;
}

.back {
	display: block;
	text-align: right;
	padding: 3px 8px 0 0;
}

#full_page {
	width: 730px;
	background-image: url("/layout/img/bg_full_page.png");
	background-repeat: repeat-y;
	padding-top: 6px;
	padding-left: 40px;
	padding-right: 6px;
	padding-bottom: 6px;
	text-align: justify;
	color: #666666;
}
.titulo_txt {
	color: #0062A5;
	font-size: 12px;
	font-weight: bold;
	height: 16px;
}
