/*.............. ZERANDO PROPRIEDADES ..............*/
* {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	text-decoration:none;
	vertical-align:middle;
}
/*.............. HTML ..............*/
html{
	/*background:#930000 url(../imagens/background/gradiente.gif) repeat-x;*/
	background:#0a4382 url(../imagens/background/gradiente_azul_01.jpg) 50% 0 no-repeat;
}
/*.............. BODY ..............*/
body{
	color:#fff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*.............. A ..............*/
a{
	color:#f5f5f5;
}
/*.............. TÍTULO PRINCIPAL ..............*/
h1{
	top:104px;
	z-index:11;
	width:213px;
	height:94px;
	display:block;
	overflow:hidden;
	margin-left:60px;
	position:absolute;
	text-indent:-99999px;
	background:url(../imagens/mulheresPerdidas_azul.gif) no-repeat;
}

/*.............. ID'S E CLASSES ..............*/
/*.............. LAYOUT ..............*/
#base{
	margin:0px auto;
	width:960px;
}
#layout{
	width:760px;
	float:left;
}
/*.............. CABEÇALHO ..............*/
#cabecalho{
	height:200px;
	margin-bottom:22px;
}
/*.............. PLAYER MP3 ..............*/
#player{
	top:0;
	z-index:10;
	width:200px;
	height:100px;
	margin-left:66px;
	position:absolute;
}
/*.............. ANIMAÇÃO TOPO ..............*/
#animacao{
	top:0;
	z-index:12;
	width:425px;
	height:200px;
	margin-left:275px;
	position:absolute;
}
/*.............. NAVEGAÇÃO ..............*/
#navegacao{
	top:200px;
	margin-left:65px;
	position:absolute;
	background:#141414 url(../imagens/background/menu.gif) repeat-x;
}
#navegacao li{
	float:left;
	display:block;
}
#navegacao a{
	float:left;
	display:block;
	color:#a4a4a4;
	font-size:13px;
	padding:6px 14px;
	font-weight:bold;
	border-left:1px solid #050505;
	font-family:Arial, Helvetica, sans-serif;
}
#navegacao .home{
	border:0;
	background:url(../imagens/background/menu-esq_azul.gif) no-repeat left top;
}
#navegacao .contato{
	background:url(../imagens/background/menu-dir_azul.gif) no-repeat right top;
}
#navegacao a:hover{
	color:#fff;
}
/*.............. BACKGROUND 1 ..............*/
#background1{
	float:left;
	background:url(../imagens/background/conteudo-topo_azul.gif) no-repeat center top;
}
* html #background1{
	float:none;
	width:100%;
}
/*.............. BACKGROUND 2 ..............*/
#background2{
	float:left;
	margin-bottom:10px;
	background:url(../imagens/background/conteudo-bottom_azul.gif) no-repeat center bottom;
}
/*.............. CONTEÚDO ..............*/
#conteudo{
	width:100%;
	float:left;
	margin:10px 0;
	background:url(../imagens/background/conteudo-rep_azul.gif) repeat-y center;
}

/*.............. INÍCIO DA COLUNA ESQUERDA ..............*/
#esquerda{
	float:left;
	width:430px;
	margin-left:50px;
}
* html #esquerda{
	margin-left:25px;
}
/*.............. FIM DA COLUNA ESQUERDA ..............*/

/*.............. INÍCIO DA COLUNA DIREITA ..............*/
#direita{
	float:right;
	width:235px;
	margin:27px 25px 0 0;
	background:url(../imagens/background/divisao.gif) repeat-y;
}
* html #direita{
	margin:27px 12px 0 0;
}
/*.............. VENDAS ..............*/
#vendas{
	width:190px;
	padding:0 22px;
	margin-bottom:20px;
	background:url(../imagens/background/divisao-inicio.gif) no-repeat;
}
#vendas h3{
	width:190px;
	height:35px;
	overflow:hidden;
	text-indent:-99999px;
	background:url(../imagens/titulos/vendas.gif) no-repeat;
}
#vendas a{
	color:#a4a4a4;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:5px 0 0 13px;
}
#vendas a img{
	float:left;
	padding:2px;
	margin-top:5px;
	margin-right:5px;
	border:1px solid #515151;
}
#vendas #compreJa{
	border:0;
	padding:0;
	position:absolute;
	_margin:-67px 0 0 136px;
	margin:-67px 0 0 81px;
}
* html #vendas #compreJa{
	margin:-67px 0 0 79px;
}
/*.............. ÚLTIMAS FOTOS ..............*/
#ultimasFotos{
	float:left;
	width:190px;
	padding:0 22px;
	margin-top:10px;
	margin-bottom:20px;
}
#ultimasFotos h3{
	width:190px;
	height:50px;
	overflow:hidden;
	text-indent:-99999px;
	background: url(../imagens/titulos/ultimasFotos.gif) no-repeat;
}
#ultimasFotos ul{
	float:left;
	margin:5px 0 0 10px;
}
* html #ultimasFotos ul{
	margin:5px 0 0 5px;
}
#ultimasFotos li{
	float:left;
}
#ultimasFotos a{
	margin:4px;
	padding:2px;
	display:block;
	border:1px solid #515151;
}
#ultimasFotos a:hover{
	background:#515151;
}
/*.............. AGENDA (CALENDÁRIO) ..............*/
#calendario{
	float:left;
	width:194px;
	height:270px;
	padding-left:22px;
	background:url(../imagens/background/calendario-fundo_azul.gif) no-repeat 25px 58px;
}
#calendario h3{
	width:190px;
	height:50px;
	overflow:hidden;
	margin-bottom:15px;
	text-indent:-99999px;
	background:url(../imagens/titulos/calendario.gif) no-repeat;
}
#calendario table{
	margin-left:15px;
	border-collapse:separate;
	font-family:Arial, Helvetica, sans-serif;
}
#calendario caption{
	padding-bottom:8px;
	font-size:12px;
	margin-left:5px;
	font-weight:bold;
}
#calendario th{
	color:#000;
	width:21px;
	height:17px;
	font-size:14px;
}
#calendario td{
	color:#000;
	height:19px;
	font-size:10px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#calendario .diaAtual{
	color:#fff;
	font-weight:bold;
	background:url(../imagens/diaAtual.gif) no-repeat;
}
#calendario tbody a{
	color:#fff;
	height:17px;
	display:block;
	padding-top:3px;
	font-weight:bold;
	background:url(../imagens/diaLink_azul.gif) no-repeat;
}
#calendario tfoot a{
	color:#000;
	display:block;
}

/*.............. ENQUETE ..............*/
#enquete {
	float:left;
	display:block;
	width:190px;
	padding-left:35px;
	margin-top:20px;
}
#enquete h3{
	width:190px;
	height:50px;
	margin-left:-10px;
	overflow:hidden;
	text-indent:-99999px;
	background: url(../imagens/titulos/enquete.gif) no-repeat;
}
#enquete .radio {
	margin-right:3px !important
}
#formEnquete form, #formEnquete fieldset {margin:0}

.pergunta {
	font-weight:bold;
	display:block;
	margin-bottom:10px
}
.porcentagem {margin:0 0 0 15px; float:left}

.barraPorcento {
	height:3px;
	font-size:3px;
	float:left;
	margin-top:5px;
	margin-left:5px;
	display:block;
	background:#bbb;
}

.botao {
	width:44px;
	height:15px;
	display:block;
	text-indent:-99999px;
	clear:both !important;
	margin:15px 0 20px 55px !important;
	background:url(../imagens/bt_votar.gif) no-repeat !important;
	border:none;
	cursor:pointer
}
* html .botao {text-indent:0; line-height:60px}

.votado {color:#fff; clear:both; display:block; margin:15px 0 20px 35px}



/*.............. BANNERS ..............*/
#banners{
	float:left;
	width:170px;
	padding-top:240px;
}
#banners div{
	width:160px;
	height:600px;
	padding:5px;
	background:#112339;
}

/*.............. FIM DA COLUNA DIREITA ..............*/

/*.............. MENU DO RODAPÉ ..............*/
#limiteNavegacao{
	clear:both;
	height:30px;
	margin:auto 0;
	text-align:center;
}
#limiteNavegacao li{
	display:inline;
}
#limiteNavegacao a{
	color:#999;
	margin:0 5px;
	font-size:10px;
	border-bottom:1px solid #333;
}
#limiteNavegacao a:hover{
	color:#fff;
	border-bottom:1px solid #fff;
}

/*.............. RODAPÉ ..............*/
#rodape{
	clear:both;
	width:720px;
	height:71px;
	font-size:11px;
	margin:10px auto 5px auto;
	background:url(../imagens/background/rodape-meio_azul.gif) repeat-x;
}
#rodape address{
	float:left;
	width:500px;
	height:71px;
	color:#a4a4a4;
	display:block;
	font-style:normal;
	padding:10px 0 0 20px;
	background:url(../imagens/background/rodape-esquerdo_azul.gif) no-repeat left top;
}
#rodape h3 a{
	float:right;
	width:154px;
	height:71px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../imagens/swapi_azul.gif) no-repeat;
}
#rodape .site, #rodape .fn{
	display:none;
}

/*.............. PAGINAÇÃO ..............*/
.paginacao{
	padding:2px;
	margin:20px;
	font-size:11px;
	text-align:center;
}
.paginacao span{
	margin:0 2px;
	padding:1px 3px;
	border:1px solid #666;
}
.paginacao a{
	color:#a4a4a4;
}
.paginacao a:hover{
	color:#fff;
}