* {
	padding:0;
	margin:0;
}

body {
	text-align:center;
	background:#BCD2E7 url(imagens/fundo.jpg) repeat-x left top;
}

a {
	font:11px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color:#000066;
	text-decoration:none;
}

a:hover {text-decoration:underline;}

/* ============ FORMULÁRIO DE ACESSO ============ */
fieldset {border:0;}

#usuario, #senha {
	padding:5px 0px 0px 5px;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#006600;
	padding:5px 0px 0px 5px;
}

#acesso label {
	text-transform:uppercase;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#8CAFD0;
}

legend { display:none; }

#form_acesso span {
	text-transform:uppercase;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#8CAFD0;
	background:url(imagens/barra_button.gif) no-repeat left center;
	padding-left:20px;
	left:5%;
	margin-left:10px;
}

/* ============ ESTILO DOS TOOLTIP ============ */
div#qTip {
	padding:5px;
	border:1px solid #666;
	display:none;
	background-color:#f2f2f2;
	color:#999;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:1000;
	filter:alpha(opacity=60);
	-moz-opacity:.25;
	opacity:.60;
}

#mestre {
	width:778px;
	text-align:left;
	margin:auto;
}

/* ============ TOPO ============ */
#topo {
	margin-bottom:55px;
}

#barra {
	height:24px;
	background:#fff url(imagens/fundo_topo.jpg) repeat-x left center;
}

#barra span {
	font:bold 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#8CAFD0;
	background:url(imagens/barra_button.gif) no-repeat left center;
	padding-left:15px;
	left:75%;
}

#form_acesso {
	width:214px;
	height:116px;
	background:url(imagens/fundo_acesso.jpg) no-repeat center center;
	position:absolute;
	left:72%;
	top:0;
}

* html body #form_acesso { /* hacks para o IE */
	width:214px;
	height:116px;
	background:url(imagens/fundo_acesso.jpg) no-repeat center center;
	position:absolute;
	left:72%;
	top:-5px;
}

#form_acesso label { margin-left:10px; }

#form_acesso #usuario {
	width:143px;
	height:17px;
	background:url(imagens/input_login.jpg) no-repeat left center;
	border:0;
	margin-top:6px;
}

#form_acesso #senha {
	width:143px;
	height:17px;
	background:url(imagens/input_senha.jpg) no-repeat left center;
	border:0;
	margin-left:11px;
}

#form_acesso #acessar {	margin:-1px 0 0 65px; }
* html body #form_acesso #acessar {	margin:-6px 0 0 55px; }/* hacks pra IE */

#acesso ul { margin-left:15px; }
#acesso ul li {	display:inline; }

#painel {
	border:1px solid #ccc;
	color:#8CAFD0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:90px;
}

h1 a {
	display:block;
	width:253px;
	height:82px;
	background:url(imagens/logo.jpg) no-repeat center center;
	text-indent:-999px;
}

#topo h2 {
	position:absolute;
	left:40%;
	top:0px;
}

#topo h2 a {
	display:block;
	width:241px;
	height:153px;
	background:url(imagens/visite_o_blog.jpg) no-repeat center center;
	text-indent:-999px;
}

/* ============ MENU ============ */
#menu {
	width:204px;
	float:left;
}
#menu ul li {
	list-style:none;
	text-indent:20px;
}

#menu h3 {
	display:block;
	width:203px;
	height:58px;
	text-indent:-999px;
}

#principal {
	background:url(imagens/principal.jpg) no-repeat center center;
}
#suporte {
	background:url(imagens/suporte.jpg) no-repeat center center;
}
#parceria {
	background:url(imagens/parceria.jpg) no-repeat center center;
}

/* ============ CONTEUDO ============ */
#loading {
	font:bold 15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-left:15px;
}

#conteudo {
	padding:10px;
	width:60%;
	float:left;
	margin-left:50px;
}

#conteudo h2 {
	font:bold 17px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#330066;
	margin-bottom:10px;
}

#conteudo p {
	font:11px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color:#000;
	line-height:15px;
	margin-bottom:10px;
	text-align: justify;
}

#conteudo #promocao-1gb a {
	display:block;
	width:451px;
	height:180px;
	background:url(imagens/promocao.jpg) no-repeat center center;
	text-indent:-999px;
	margin:auto;
}

#conteudo dl {
	font:11px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color:#006600;
}

#conteudo dt {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
}

#conteudo dl dd {margin-bottom:10px;}

#conteudo dl dd span {
	text-transform:uppercase;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#conteudo a {
	text-decoration:underline;
}

#conteudo a:hover {
	text-decoration:none;
}

#form_patrocinio legend {
	display:block;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#conteudo ul li {
	font:11px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color:#fff;
	margin-left:24px;
	list-style-type:square;
	margin-bottom:10px;
}

/* ============ FORMULARIO DE CONTATO ============ */

#conteudo input, #conteudo textarea, select {
	border:2px solid #8CAFD0;
	padding:6px;
	color:#8CAFD0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

/* ============ RODAPE ============ */
#rodape {
	clear:both;
	background:url(imagens/fundo_rodape.jpg) repeat-x bottom center;
	height:139px;
	margin-top:500px;
	margin-bottom:15px;
}
* html body #rodape { margin-top:0; } /* hacks para o IE */

#rodape a {
	display:block;
	width:218px;
	height:62px;
	background:url(imagens/logo_rodape.jpg) no-repeat center center;
	text-indent:-9999px;
	margin:0 auto;
	padding-top:80px;
}

#rodape p {
	font:10px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
	color:#fff;
	line-height:15px;
	text-align:center;
	margin-top:-30px;
}

/* ============ PLANOS ============ */

.planos_p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}