/* --- -------------------------------------------- --- */
/* ---              CSS para ICOX2                  --- */
/* --- -------------------------------------------- --- */
/* ---        Criação: 21.09.2007 - 11hs00          --- */
/* --- -------------------------------------------- --- */
/* --- Arquivo gerado por Luiz Gustavo Aleagi Nunes --- */
/* ---  http://sapiensdc.com.br - aleagi@gmail.com  --- */
/* --- -------------------------------------------- --- */

/* --- Índice das áreas deste CSS --- */
/* --- 
01. ajustes gerais
02. divs de posicionamento
03. links
04. headers
05. parágrafos
06. formulários
07. tabelas
08. alinhamentos
09. listas
10. os elementos do cabeçalho
11. os blocos da coluna da esquerda
12. os elementos da coluna central
13. os blocos da coluna da direita
14. os elementos do rodapé
15. tipografia
16. as imagens


50. elementos extras
--- */

/* --- Importação dos demais estilos --- */
/*
@import url(tipografia.css);
@import url(cores.css);
*/

/* --- 01. ajustes gerais --- */
/* ---
zerando estufamentos, bordas, margens, backgrounds e listas
--- */
* {
	margin:					0;
	padding:				0;
	border:					0;
	background:				transparent;
	list-style:				none;
}

/* ---
O HTML e o corpo. Estas são as duas principais marcações e estão acima de todas as demais. Nota que IE6 não reconhece estilos na tag HTML.
--- */
html {
	margin:					0;
}

body {
	background:				#0886c1; /*url(images/body_bg.jpg) fixed;*/
/*	background:				#045596; */
	font:					12px "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	color:#666666;
}

/* ---
--- fim - de - área - ------------------------------------------------------------------------------------------------------
--- */

/* --- 02. divs de posicionamento --- */
/* ---
Esta é a div principal que limita toda a página. A a primeira a ser aberta e a última a ser fechada.
--- */
#container {
	margin:					10px auto;
	width:					996px;
	text-align:				left;
/*	background:				#fff; */

}

#container:after {
	content:				".";
	display:				block;
	clear:					both;
	visibility:				hidden;
	height:					0;
	overflow:				hidden;
}

/* ---
o cabeçalho como um todo
--- */
#header {
/*	margin:					2px; */
	padding-top:				0px;
	padding-bottom: 2px;
	padding-left: 22px;
	padding-right: 18px;
	width:956px;
	background-color: #dff0fa;
}


/* ---
as páginas principais depois do cabeçalho
--- */
#pagina {
/*	margin:					2px; */
	padding-bottom:				2px;
	padding-top:2px; 
	padding-left:16px;
	padding-right:16px;
	height:					auto;
	background-color: #dff0fa;
}


/* ---
o menu lateral - a coluna da esquerda
--- */
#menu_lateral {
/* 	margin:					0 0 20px 4px;
	padding:				2px;
            #M.M */
	padding:			0;
	width:					200px;
	float:					left;
}


/* ---
a caixa de acessibilidade, as letras onde os tamanhos das fontes aumentam e diminuem...
--- */
#acessibilidade {
	color:					#fff !important;
	float:					right;
	text-align:				right;
	padding:				0 5px 0 0;
}

#acessibilidade h1,
#acessibilidade h2,
#acessibilidade h3,
#acessibilidade h4,
#acessibilidade h5,
#acessibilidade h6 {
	display:				inline;
	color:					#fff;
}

#acessibilidade a {
	color:					#fff !important;
}

/* ---
o bloco com as estatísticas de usuários no sistema
--- */
#estatisticas {
	position:				relative;
	left:					0px;
	text-align:				left;
	font-size:12px;
  /*background:				#c0c0c0; 
  	padding:				5px;  */
}

/* ---
as divs extras para o cabeçalho, caso seja necessário colocar alguma informação à mais...
--- */
#header_extra1 {}
#header_extra2 {}
#header_extra3 {}
#header_extra4 {}
#header_extra5 {}

/* ---
--- fim - de - área - ------------------------------------------------------------------------------------------------------
--- */

/* --- 03. links --- */
/* ---
Aqui vão os links do sistema
--- */
a,
a:link {
	text-decoration:		none;
	color:					#0386C2;
}

a:hover {
	text-decoration:		underline;
	color:					#0386C2;
}

a:visited {
	text-decoration:		none;
	color:					#0386C2;
}

.n_sublinhado {
	text-decoration:		none;
}

/* ---
--- fim - de - área - ------------------------------------------------------------------------------------------------------
--- */


/* --- 04. headers --- */
/* ---
Aqui vão os headers do sistema
--- */
h1 {
	font-size:				1.6em;
}

h2 {
	font-size:				1.3em;
}

h3 {
	font-size:				1.1em;
}

h4 {
	font-size:				1em;
}

h5 {
	font-size:				0.8em;
}

h6 {
	font-size:				0.6em;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration:		none !important;
	color:					#045596;
}


/* --- 06. formulários --- */
input.radio,
input.checkbox,
.radio,
.checkbox {
	padding:			0 2px;
	vertical-align:		middle;
	border:				none;
	background:			none;
	display:			inline;
}

input,
textarea,
select,
input {
	border:				solid 1px #a9a9a9;
	background:			url(../../../icox/tema/icox2/images/input.png) top left no-repeat;
	margin-bottom:		2px;
	padding:			1px;
	font:				0.9em "Trebuchet MS", arial, verdana, helvetica, sans-serif;
}

option {
	padding-right:		10px;
	background:			#fff;
}


/* --- 07. tabelas --- */
table {
	background:			#fff;
	border-spacing:		0;
	margin-bottom:		10px;
	border-collapse: 	collapse;
	width:				99%;
}

table.tabAuto {
	width:				auto;
	height:				auto;
}

table.tabAuto td,
table.tabAuto tr {
	border-bottom:		0;
}


thead {

}

tr th {
	padding:			4px;
	text-transform:		uppercase;
	font-weight:		bold;
	background:			#ededed;
	color:				#434343;
	margin:				2px;
	white-space:		nowrap;
	text-align:			center;
	border-bottom:		solid 1px #333;
	border-top:			solid 1px #333;
}

tfoot td {
	text-align:			center;
	background:			#fff;
	font-weight:		bold;
	padding:			2px;
	border-top:			solid 1px #434343;
	padding:			8px 4px;
}

tbody {
	padding:			10px 0px;
}

tbody tr.impar td {
	padding:			5px 0;
}

tbody tr.par td {
	padding:			5px 0;
	background:			#ededed;
}

td.sem_borda {
	border:				0;
}

td {
	vertical-align:		middle;
	background:			#fff;
	border-bottom:		solid 1px #f1f1f1;
	padding:			5px 4px;
}

tr {

}

/*
td:hover {
	vertical-align:		middle;
	background:			#f5f8e5;
	border-bottom:		solid 1px #434343;
	padding:			5px 4px;
}
*/

tr.primeira {
	border-top:			solid 1px #434343;
}

tr.par {
	background:			#ededed;
}

tr.impar {
	background:			#fff;
}

tr.center {
	text-align:			center;
}

td.top {
	vertical-align: 	top;
}

td.semBg {
	background: none;
}

td img {
	vertical-align:		middle;
}

td.destaque {
	text-align:			center;
	background:			#434343;
	font-weight:		bold;
	width:				16%;
	padding:			2px;
	border:				0;
	color:				#fff;
}

td.nota,
th.nota,
td.layout {
	text-align:			center;
	width:				50px;
}

td.comentarios {
	text-align:			center;
	width:				60px;
}

td.membros,
td.foto_autor,
td.acao {
	text-align:			center;
	width:				60px;
}

td.mensagens {
	text-align:			center;
	width:				50px;
}

td.status,
td.criado,
td.responsavel,
th.status {
	text-transform:		uppercase;
	font-weight:		bold;
	width:				90px;
}

td.topicos,
td.membros,
th.topicos,
th.membros {
	text-transform:		uppercase;
	font-weight:		bold;
	width:				50px;
	text-align:			center;
}

td.status img a:hover {
	text-decoration:	none;
}

td form {
	border:				0;
	margin:				0;
	padding:			0;
}


.fundo_azul_claro {
	background:			#ededed;
	padding:			10px;
}

table.calendar {
	font-size:			10px;
}

table.calendar tbody {
	padding:			10px 0px;
}

table.calendar td {
	vertical-align:		middle;
	padding:			2px 1px;
}

table.calendar td.destaque {
	text-align:			center;
	font-weight:		bold;
	width:				16%;
	padding:			1px;
	border:				0;
}

table.calendar  tr td.destaque {
	background:			#434343;
	color:				#fff;
	padding:			2px;
	margin:				2px;
}

table.calendar  td {
	background:			none;
	border-bottom:		0;
}

table.calendar  tr td.destaque {
	width:				30px;
}




/* --- 09. listas --- */
/* ---
a listagem das fotos do icofotos
--- */
ul.lista_fotos {
	margin:				20px auto;
	text-align:			center;
}

ul.lista_fotos li {
	display:			inline;
	margin:				0 5px;
}

ul.lista_fotos li img.lista_fotos {
	padding:			10px;
	background:			#fff;
	border:				solid 1px #efefef;
}

ul.lista_fotos li img.lista_fotos:hover {
	background:			#efefef;
	border:				solid 1px #c0c0c0;
}


/* --- 
a lista do bloco de estatísticas da home - não logado
--- */
ul.lista_lateral_home {
	width:				188px;
}

ul.lista_lateral_home li {
	clear:				both;
}

ul.lista_lateral_home h4 {
	float:				right;
	margin-left:		10px;
	margin-top:			0px;
	font-size:			1.2em;
	margin-top:			-18px;
}

ul.lista_lateral_home h4:hover {
	color:				#fff;
}

ul.lista_lateral_home li a {
	float:				left;
	padding:			2px;
	background:			#efefef;
	width:				100%;
}

ul.lista_lateral_home li a:hover {
	background:			#333;
	color:				#fff;
}


/* ---
as listas triplas de contatos, comunidades, blogs, sempre mostradas na coluna da direita (blocos_direita)
--- */
ul.tripla,
ul.tripla_grande  {
/* 	display:			table;            #M.M */

	vertical-align:		top;
	margin:				10px 0;
}

ul.tripla {
	padding-bottom:		9px;
	width:				250px;
}

ul.tripla  li,
ul.tripla_grande li {
	text-align:			center;
	float:				left;
	width:				83px;
	margin:				0px;
	padding:			0px;
	min-height:			100px;
	height:				auto !important;
	height:				100px;
	overflow:hidden;
}

ul.tripla li img,
ul.tripla li img,
ul.tripla_grande li img {
/*	height:				90px; */
	background:			url(../../../icox/tema/icox2/images/pixel.gif);
}

ul.tripla_grande li {
	width:				150px;
	text-align:			left;
	margin:				5px;
	font-weight:		bold;
}


/* ---
a lista que monta as abas de navegação de vários locais do sistema
--- */
ul#menu_abas  {
	display: 			inline;
/* 	border-bottom:		1px solid #a9a9a9;            #M.M */

	margin:				15px 0 0 15px;
	display:			block;
} 

ul#menu_abas li {
	display: 			inline;
	white-space:		nowrap;
	margin:				0 1px;
}

ul#menu_abas li a {
	position:			relative;
	top:				0px;
	background:			#efefee;
	padding: 			1px 10px;
	border: 			1px solid #a9a9a9;
	color: 				#a0a0a0;
	padding-top:		5px 0;
}

ul#menu_abas li a:hover {
	border: 			1px solid #a9a9a9;
	border-bottom:		1px solid #a9a9a9;
	background: 		#333;
	color: 				#fff;
}

ul#menu_abas li a.selecionado,
ul#menu_abas li.selecionado a {
	position:			relative;
	top:				0px;
	border: 			1px solid #a9a9a9;
	background: 		#fff;
	border-bottom:		1px solid #fff;
	color: 				#434343;
	text-transform:		uppercase;
	font-size:			1.0em;
	padding:			6px 15px 0 15px;
}

ul#menu_abas li a.selecionado:hover,
ul#menu_abas li.selecionado a:hover {
	border: 			1px solid #434343;
	background: 		#fff;
	border-bottom:		1px solid #fff;
	color: 				#434343;
	font-size:			1.0em;
	text-transform:		uppercase;
	padding:			6px 15px 0 15px;
}


/* ---
a lista de letras do bloco lateral de algumas páginas
--- */
ul.lista {
	text-align:			justify;
	clear:				both;
	overflow:			hidden;
}

ul.lista li,
ul.lista li a {
	float:				left;
	width:				20%;
	text-align:			center;
}

ul.lista li a:hover{
	background:			#ededed;
	text-decoration:	none;
}


/* ---
a lista de tags dos blogs
--- */
ul.tags_linha {

}

ul.tags_linha li {
	display:			inline;
	margin-right:		2px;
	margin-top:			2px;
	font-size:			9px;
	color:				#c0c0c0;
}

ul.tags_linha li a {
	font-size:			9px;
	padding:			0 1px;
	background:			#fff;
	border:				solid 1px #c0c0c0 !important;
	text-decoration:	none;
}

ul.tags_linha li a:hover {
	font-size:			9px;
	color:				#c0c0c0;
	padding:			0 1px;
	background:			#fff;
	border:				solid 1px #333;
	text-decoration:	none;
}

span.off {
	font-size:			9px;
	color:				#c0c0c0;
}


/* ---
a lista de imagens de avatar e qualquer outra lista que precise de LIs flutuantes à esquerda...
-- */
ul.flutua_esquerda {
	width:				99%;
	margin:				1px auto;
	text-align:			center;
}

ul.flutua_esquerda li {
	width:				auto;
	float:				left;
	margin:				0 10%;
	text-align:			center;
}

/* ---
A lista de itens dos elementos (blog e comunidades) da pagina principal
--- */
ul.linha li {
	display:			inline;
}

ul.tabela {
	margin:				0 15px;
	margin-left:		0;
	padding:			5px;
}


ul.tabela li {
	width:				100%;
/* 	display:			table;            #M.M */

	margin-bottom:		10px;
	clear:				both;
}

ul.tabela li img {
	margin:				0 5px 25px 0;
}

ul.tabela li p.autor_blog_home a {
	text-decoration:	underline;
	color:				#888;
	font-size:			10px;
}

ul.tabela li p.autor_blog_home a:hover {
	text-decoration:	none;
	color:				#9b9b9b;
}

p.tabela,
li.tabela {
	padding:			2px;
	width:				98%;
	margin:				2px 0;
	margin-bottom:		15px;
/*	border-bottom:		solid 1px #c0c0c0; */
	overflow:			hidden;
}

span.texto_tabela {
	display:			block;

/*	margin:				5px 0;
	margin-left:		65px;
	background:			#efefef;
	border:				solid 1px #e3e3e3;
	padding:			5px;
	margin-bottom:		4px;
	font-style:			italic;
*/
}

/* --- 10. os elementos do cabeçalho --- */
/* ---
o logotipo principal do site. caso não queira utilizá-lo, coloque: display: none;
--- */
#logo_principal {
	padding:				30px 10px;
	text-align:				center;
}

/* ---
o menu principal do cabeçalho
---*/
#menu_cabecalho {
	text-align:				left !important;
/*
	Removendo a cor de fundo
	background:				#c6c6c6;
*/
} 

#menu_cabecalho ul {
	font-size:				12px;
	height:					auto;
	text-align:				left;
	margin:					0 auto;
	padding:				5px 0;
	overflow:				hidden;
}

#menu_cabecalho ul li {
	display:				inline;
}


/* ---
a data, a hora e a versão do sistema
--- */
#data_do_sistema {
	display:				inline;
}

#hora_do_sistema {
	display:				inline;
}

#versao_icox {
	display:				inline;
	color:#ff5c00;
	font-weight:bold;
	font-size:14px;
}


/* ---
a caixa abaixo do menu princpal - o formulário de busca
---*/
#caixa_busca {
	text-align:				center;
	padding:				0px 0;
	font-size:11px;
	color:#FFFFFF;
	width:auto;
/*
	Retirando cor do fundo
	background:				#333;
	color:					#fff;
*/
}


#caixa_busca ul {
	display:				inline;
	overflow:				hidden;
}

#caixa_busca ul li{
	display:				inline;
	margin:					0 5px;
}

#caixa_busca form  {
	margin:					3px 0;
}

#caixa_busca a.busca_avancada {
	color:					#fff;
	text-decoration:		underline;
}

#caixa_busca form a.busca_avancada:hover {
	text-decoration:		none;
}

#user_info {
	margin:					0;
	padding:				5px 0;
	text-align:				center !important;
/*	background:				#e6e6e6; */
	float:left;
}

#user_info2 {
	margin:					10px auto;
	padding:				10px;
}

#user_info3 {
	margin:					0px auto;
}


#user_info ul li {
	display:				inline;
}

#infos {
	font-size:12px;
	text-align:				center;
	float:left;
}

#infos h1,
#infos ul {
	text-align:				right;
	display:				block;
}


/* ---
o efeito dropdown de alguns itens do menu
--- */
ul#nav,
ul#nav ul {
	margin:					0 auto;
}

* ul#nav li {
	float: 					left;
	margin:					0 2px;
}

* ul#nav li ul {
	position: 				absolute;
	left: 					-5000px;
	float:					left;
	text-align:				center !important;
}

* ul#nav li ul li {
	display: 				block;
	width:					170px;
	text-align:				left;
	clear:					both;
}

* ul#nav li ul li a {
	display: 				block;
	background:				#ededed;
	text-align:				left;
	padding:				2px;
}

* ul#nav li ul li a:hover {
	background:				#434343;
	color:					#fff;
	text-align:				left;
	display:				block;
	padding:				2px;
	text-decoration:		none;
}


* ul#nav li:hover ul {
	left: 					auto;
	display:				block;
	margin-left:			-5px;
	padding:				2px;
	z-index:				999 !mportant;
}

* ul#nav li.sfhover ul {
	left: 					auto;
	margin-top:				15px;
	margin-left:			-70px;
}


/* ---
os estilos dos itens do menu principal dos blocos laterais
--- */
ul.menu_principal {
	border-top:			solid 1px #BEDEFC;
/* 	margin-bottom:		15px;            #M.M */
	zoom:				100%;
}

ul.menu_principal li {
	border-bottom:		solid 1px #BEDEFC;
}

ul.menu_principal li a {
	display:			block;
	text-decoration:	none;
	text-transform:		uppercase;
	padding:			3px 12px;
	background-color: #E7F3FE;
}

/* --- pequeno hack para que tudo fique ok no IE --- */
* html ul.menu_principal li a {
	height:				1%;
}

ul.menu_principal li a:hover {
	background:			#0386c2;
	color:				#fff;
	padding:			3px 12px;
	text-decoration:	none;
}




/* ---
--- fim - de - área - ------------------------------------------------------------------------------------------------------
--- */
/* --- 11. os blocos da coluna da esquerda --- */
/* ---
o bloco dos blogs que assino do meu icox
--- */
#bloco_blogs_que_assino {
/* 	background-color:		#f4fbfe;            #M.M */
	padding:				10px;
}
/* ---
o bloco do login
--- */
.block {
	width:					auto;
	margin-bottom:			20px;
	padding:				10px;
}

.block_title,
.block_title_linha {
	margin-top:				10px;
	margin-bottom:			5px;
	text-align:				left !important;
	font-size:				14px;
	color:					#FF5A00;
	font-weight:			bold;
}

.block_title_linha {
	display:				inline;
}

.block_content {
	font-size:10px;
}

.icones {
width:19px;
height:14px;
float:left;
}

/* --- os blocos --- */


/* ---
o bloco de login
--- */

#bloco_do_login #login_info {
	/* esta é a caixa que abriga a mensagem abaixo do bloco de login */
	padding:				5px;
}

/* ---
o bloco das estatísticas
--- */
#bloco_estatistica {
	margin-bottom:			15px;
}


/* ---
o bloco que mostra a lista dos meus contatos 
--- */
#bloco_meus_contatos {
	margin-bottom:			25px;
/* 	background-color:		#f4fbfe;
	padding:				5px;            #M.M */
}


/* ---
os blocos da página principal da comunidade - coluna direita
--- */
#bloco_comunidades_comunidades_relacionadas {
	margin-bottom:			15px;
	background-color:		#FFFFFF;
	border:					1px solid #D0E8FD;
	padding:				4px;
}

#bloco_comunidades_links_favoritos {
	margin-top:				40px;
	margin-bottom:			15px;
	background-color:		#FFFFFF;
	border:					1px solid #D0E8FD;
	padding:				4px;
}

#bloco_comunidades_membros{
	margin-top:				40px;
	margin-bottom:			15px;
	background-color:		#FFFFFF;
	border:					1px solid #D0E8FD;
	padding:				4px;
}


.caixa_padrao6 {
/*	margin-top:				40px;
	border:					1px solid #D0E8FD;
*/	
	margin-bottom:			15px;
	background-color:		#FFFFFF;
	padding:				4px;
}



/* ---
os blocos do blog - direita
--- */
#bloco_blog_blogs_relacionados {
	margin-bottom:			15px;
}

#bloco_blog_eu_indico {
	margin-bottom:			15px;
}

/* ---
bloco das enquetes relacionadas
--- */
#bloco_enquetes_relacionadas {
	margin-top:				40px;
	margin-bottom:			15px;
	background-color:		#FFFFFF;
	border:					1px solid #D0E8FD;
	padding:				4px;
}


/* ---
o bloco de contatos
--- */
#bloco_contatos {
	margin-bottom:			15px;
	background-color:#FFFFFF;
	border:1px solid #D9EEFF;
	padding:5px;
}

#bloco_contatos.box {
	background-color:transparent;
	border:0;
	padding:0;
}
/* ---
o bloco das ferramentas institucional
--- */
#bloco_institucional {
	clear:					both;
	margin:					15px 0;
}


/* ---
o cabeçalho do institucional e seus elementos
--- */
#institucional_header {
	position:				relative;
	border-bottom:			solid 1px #333;
}


/* ---
o rodapé do institucional
--- */
#institucional_footer{
	clear:					both;
	padding:				20px;
	text-align:				center;
}

/* ---
o bloco das seções institucionais
--- */
#bloco_institucional_secoes {}

/* ---
o bloco da assinatira do institucional
--- */
#bloco_institucional_assinar {}




/* ---
o bloco que lista as letras para navegação rápida
--- */
#bloco_lista_de_letras {
	clear:					both;
	text-align:				center;
	height:					100%;
/*	overflow:				hidden;
	padding:				10px;*/
}


/* ---
o bloco que lista os tops (blogs, usuários e comunidades) na index não logado
--- */
#bloco_estatisticas_home {}

#bloco_estatisticas_home h3 {
	margin:				10px 0;
}

/* ---
o bloco do sistema - mostrado para admins
--- */
#bloco_sistema {}


/* ---
o bloco rede ICOX
--- */
#bloco_rede_icox {}


/* ---
o bloco do apicultor - mostrado se o usuário for apicultor
--- */
#bloco_apicultor {}


/* ---
o bloco do perfil pessoal - ele é criado juntando o bloco do sistema + o bloco da rede + o bloco do perfil pessoal. Só é mostrado se o a pessoa for admin.
--- */
#bloco_perfil_pessoal_se_admin {}

/* ---
o bloco do perfil pessoal - mostrado para si mesmo apenas
--- */
#bloco_perfil_pessoal {

	haslayout:0
/*	text-align:			center;
 	margin-top:20px;            #M.M */

}

#bloco_perfil_pessoal .box_body{
text-align:center
}
.perfil_pessoal{
text-align:left
}

#bloco_perfil_pessoal ul.menu_principal {
	text-align:			left;
}


/* ---
o bloco do perfil pessoal - mostrado para si mesmo apenas
--- */
#bloco_usuario {
	text-align:			center;
}


/* ---
o bloco que mostra o perfil dos módulos nucleo duro
--- */
#bloco_perfil_nucleo_duro {
	margin-bottom:		15px;
}


/*--
o bloco que mostra o perfil de uma comunidade
--- */
#bloco_perfil_comunidade {
	text-align:				center;
	margin-bottom:			15px;
	background-color:		#f8f8f8;
	padding-top:			10px;
	padding-bottom: 		10px;
}

#bloco_perfil_comunidade img.comunidade,
#bloco_perfil_comunidade .estrelinha {
	text-align:			center;
	margin:				0 auto;
}



/* ---
Esta parte mostra uma informação dizendo que a comunidade é moderada
--- */
div.moderada {
	position:			absolute;
	margin-top:			50px;
	margin-left:		80px;
	float:				right;
	height:				90px;
	width:				90px;
	background:			url(../../../icox/tema/icox2/images/moderada.gif) top no-repeat;
}

/* ---
o bloco da comunidade com os links apontando para ir a outros liugares (outras funções) da comunidade
--- */
#bloco_comunidade_ir_para {}

/* ---
o bloco que mostra as ferramentas ICOX instaladas no sistema
-- */
#bloco_ferramentas_icox {
font-size:10px;
}
#bloco_ir_para {}
#bloco_descricao_comunidade


/* ---
o bloco de informações pessoaos - mostra a data de aniversário, etc...
--- */
#bloco_perfil_perfil_informacoes_pessoais {}

#informacoes_pessoais {
width:auto;
height:auto;
background-color:#E7F3FE;
padding:10px;
border:1px solid #BEDEFC;
margin-bottom:20px;
}

/* ---
o bloco principal com as ferramentas do usuário
--- */
#bloco_menu_principal {
font-size:10px;
}


/* ---
o bloco das ferramentas do blog
--- */
#bloco_ferramentas_blog {
font-size:10px;
}

/* ---
o bloco do perfil do blog
--- */
#bloco_perfil_do_blog {}

/* ---
o bloco do perfil das ferramentas do núcleo duro
--- */
#bloco_perfil_nucleo_duro{}


/* ---
o bloco que mostra as tags mais populares
---*/
#bloco_tags_populares {
/* 	margin-bottom:		20px;            #M.M */
	overflow:hidden;
	width:100%
}

#bloco_tags_populares ul {
/*	padding:			20px;*/
	padding-top:		5px;
	text-align:			justify;
}


/* ---
o bloco que mostra as ferramentas do núcleo duro
--- */
#bloco_ferramentas_nucleo_duro {}


/* ---
o bloco da lista de ferramentas das Enquetes
--- */
#bloco_ferramentas_enquetes {}
/* ---
o bloco das enquetes pessoais
--- */
#bloco_minhas_enquetes {}


/* ---
o bloco das ferramentas
-- */
#bloco_ferramentas {}




/* ---
A área central da página, à direita do menu lateral
--- */
#conteudo {
	position:			static;
	margin-left:		200px;
	height:				100%;
}

#conteudo:after {
	content:			".";
	display:			block;
	clear:				both;
	visibility:			hidden;
	height:				0;
	overflow:			hidden;
}

#conteudo2 { /*mostrada apenas quando necessário modificar o layout dos blogs ou comunidades */
/*	padding:			10px;*/
}

/* ---
a barra do breadcrump
--- */
#barra_navegacao {
	padding-bottom:			5px;
	margin-bottom:		0px;
/*	background:			#E7F3FE; 
	border-bottom:1px solid #D0E8FD; */
}


/* ---
os submenus que estão em todos os lugares, geralmente para mostrar subitens de uma determinada área
--- */
ul.sub_nav_menu {
	margin-bottom:		20px;
	color:				#434343;
}

ul.sub_nav_menu li {
	display:			inline;
	white-space:		nowrap;
}

ul.sub_nav_menu li a {
	color:				#0271A6;
	background:			#F2F9FF;
	padding:			2px;
	margin-left:		2px;
	margin-right:		2px;
}

ul.sub_nav_menu li a:hover {
	color:				#fff;
	padding:			2px;
	background-color: 	#0271A6;
	text-decoration:	none;
}

ul.sub_nav_menu li.selecionado a {
	color:				#0271A6;
	border-bottom:		solid 2px #0271A6;
	background:			none;
	text-decoration:	none;
}

ul.sub_nav_menu li.selecionado:hover a {
	text-decoration:	none;
}

/* ---
o menu dropdown
--- */
.menutop {
/* 	width: 				954px;            
width:600px;
	float:left;				#M.M */
padding-right:2px;
}
#chromemenu.menutop{width:600px}
.menutop_full{width:100%}


.menutop:after { /*Add margin between menu and rest of content in Firefox*/
	content: 			"."; 
	display: 			block; 
	height: 			0; 
	clear: 				both; 
	visibility: 		hidden;
}

.menutop ul {
	width: 				100%;
	padding: 			0px 0;
	margin: 			0;
	text-align: 		center; /*set value to "left", "centro", or "right"*/
}

.menutop ul li {
	display: 			inline;
}

.menutop ul li a {
	margin: 			0;
	text-decoration: 	none;
}

.menutop ul li a:hover {
	text-decoration:  	underline;

}

.menutop ul li a[rel]:after { /*HTML to indicate drop down link*/
	content: 			"";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */
.dropmenudiv,
.dropmenudiv2,
.dropmenudiv3 {
	position:			absolute;
/* 	display:			table;            #M.M */

	text-align: 		left;
	top:				20px !important;
	width:				180px;
	z-index:			100;
	visibility: 		hidden;
	opacity: 			.9;
	filter: 			alpha(opacity=90);
	font-weight:		900;
	/*filter: 			progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv2 {
	top:				165px !important;
}

.dropmenudiv3 {
	top:				155px !important;
}

.dropmenudiv a,
.dropmenudiv2 a,
.dropmenudiv3 a {
	text-align: 		left;
	width: 				auto;
	display: 			block;
	text-indent: 		3px;
	padding:			3px 0;
	text-decoration: 	none;
	background:			#eee;
}

* html .dropmenudiv a,
* html .dropmenudiv2 a,
* html .dropmenudiv3 a {
	width: 				100%;
}

* html .dropmenudiv,
* html .dropmenudiv2,
* html .dropmenudiv3 {
	top:				0;
	left:				0;
	margin-left:		0px;
}

.dropmenudiv a:hover,
.dropmenudiv2 a:hover,
.dropmenudiv3 a:hover {
	background: 		#333;
	color:				#fff;
}



/* ---
a coluna central

#coluna_central,
#coluna_central2,
#coluna_central3 {
	padding:				2px;
	margin:					2px 0;
	margin-left:			212px;
	margin-right:			312px;
}
--- */


#coluna_central2 {
/* 	margin-right:			1px;            #M.M */
	width:735px;
	float:right;
	margin-bottom:10px
}
td#coluna_central2 {
	width:auto;
	float:none
}

#coluna_central{margin:0 290px 20px 210px;padding-bottom:5px}

#coluna_central3,
#coluna_central5 {
/*	margin-right:			192px;
display: 				inline-block;*/
margin:0 180px 20px 210px
}

#coluna_central5 {
width:450px
/* margin-right: 310px            #M.M */
}


#coluna_central4 {
	margin-right:			1px;
	width:					742px;
	float:					right;
}

#coluna_central3:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }  /*Having something in the content such as a period gives a more consistent results across browsers.*/


/* ---
a coluna da direita
-- */
#blocos_direita {
/* 	margin:					2px 4px 0;
	padding:				10px;            #M.M */

	float:					right;
	width:					280px;
}

/* ---
uma coluna da direita mais fininha devido ao voluma de informação a ser mostrada
--- */
#blocos_direita2 {
	margin:					2px 4px 1em;
/*	padding:				5px;*/
	float:					right;
	width:					160px;
/*	background-color:		#F8F8F8;
	border:					1px solid #f1f1f1;*/
}

/* ---
o footer
--- */
#footer {
	clear:				both;
/* 	width:960px;
            #M.M */
	margin:20px auto 0;
}

#footer ul.footer {
	margin:				0 auto;
/* 	display:			table;            #M.M */
	text-align:			right;
/* 	width:				99%;            #M.M */
}

#footer ul.footer li {
/*	width:				auto;
	text-align:			center;
 	float:				right;            #M.M */	
	padding:        10px 0 0 30px;
	display:inline
}


/* --- 49. elementos gerais --- */
/* ---
a div que engloba as divs que dividem a página em 2, 3, 4 ou mais elementos...
--- */
.cem_porcento {
	overflow:			hidden;
	margin:				10px 0;
	height:				100%;
}

/* ---
a div que é a metade exata de qualquer conteúdo
--- */
.metade_esquerda {
	float:				left;
	width:				50%;
}

.metade_esquerda2 {
	float:				left;
	width:				48%;
}

.metade_esquerda3 {
	float:				left;
	width:				48.5%;
}

/* ---
flutuações e clear dos floats...
--- */
.flutua_esquerda {
	float:				left;
	margin-right:5px;
}

.flutua_direita {
/* 	float:				right;
	background-color:#FFFFFF;             #M.M */
	text-align:right
}
.chat .flutua_direita {
 	float:				right;
}

.limpa {
	clear:				both;
}

.linha {
	display:			inline;
}

.centro {
	text-align:			center;
}

.direita {
	text-align:			right;
}

.esquerda {
	text-align:			left;
}

.justificado {
	text-align:			justify;
}

.tag1 {
	font-size:			11px;
	font-weight:		bold;
}

.tag2 {
	font-size:			12px;
}

.tag3 {
	font-size:			13px;
	font-weight:		bold;
}

.tag4 {
	font-size:			14px;
}

.tag5 {
	font-size:			15px;
	font-weight:		bold;
}

.tag6 {
	font-size:			17px;
}

.tag7 {
	font-size:			18px;
	font-weight:		bold;
}

.tag8 {
	font-size:			19px;
}

.tag9 {
	font-size:			20px;
	font-weight:		bold;
}

.tag10 {
	font-size:			22px;
}

hr.estilo1,
hr.estilo2,
hr.estilo3,
hr.estilo4 {
    border:				0;
    width: 				90%;
/*  color: 				#c0c0c0;
    background:			#c0c0c0;
    height:				1px; */
	margin:				0px auto;
	text-align:			center;
	display:none
}

hr.estilo2 {
    width: 			100%;
}

hr.estilo3 {
    width: 			100%;
	margin:			12px auto;
}

hr.estilo4 {
    width: 			90%;
	margin:			1px auto;
}

/* ---
alinhamento vertical da imagem
--- */
img.middle,
img.alerta,
img.pequena {
	vertical-align:		middle;
}

img.pequena {
	width:				70px;
}

/* ---
tamanhos das imagens e afins...
--- */
img.lista1 {
	width:				50px;
	margin:				5px;
	padding:			5px;
	margin-top:			0;
}




.caixa_estilo1 {
	height:			auto;
	overflow:		hidden;
}


/* DIVs extras se quiser formatar */
.paginacao {

}

.oculta {
	display:			none;
}


/* ---
a caixa de anúncio das mensagens de retorno do sistema
--- */
.aviso_naologado2 {
/*	position:			relative;
	padding:			10px;
 	overflow:			hidden;            
 	margin:				0px auto;
	line-height:		120%;
	display:			block;            #M.M */
	margin:0 2px 10px 210px;
    text-align: 		center;
	clear:right;
	background-color:#FFF;
	height:50px
}

.aviso_naologado {
	margin:0 2px 10px 0px;
    text-align: 		center;
	background-color:#FFF;
	width:460px;
	height:50px
}


#bloco_esquerda2 .aviso_naologado2 {
	margin-left:2px
}
/* ---
a lista de comunidades na página do perfil
--- */
.post_comunidade .flutua_esquerda {
	margin-right:		5px;
}


/* --- o chat --- */
body.chat {
/*	
	background:			#fff;
	padding:			15px;
*/
	background:				#fff;
	padding:				15px;
	font:					12px "Trebuchet MS", arial, verdana, helvetica, sans-serif;

}

body.chat #logo {
	background:			url(../../../../upload/logo_chat.png) top left no-repeat; 
	height:				99px;
	text-align:center;
}

body.chat small {
	color:				#808080;
}

/* ---
a lateral do chat
--- */
body.lateralchat {
/*	background:			#E7F3FE; */
	background-image:url(../../../images/bg_chat_lateral.jpg);
	background-repeat:repeat-x;
	padding:			5px;
	height:				100% !important;
	color:#FFFFFF;
}


.lateralchat a:link {
	text-decoration:		none;
	color:					#F2F9FF;
}

.lateralchat a:hover {
	text-decoration:		underline;
	color:					#FFFFFF;
}

.lateralchat  a:visited {
	text-decoration:		none;
	color:					#FFFFFF;
}

.lateralchat .n_sublinhado {
	text-decoration:		none;
}


/* ---
o cabeçalho do chat
--- */
body.chat .headerchat {

}


/* ---
a tabela onde ficam as mensagens do chat.
--- */
body.chat table {
}

body.chat table td {
	font-size:			0.8em !important;
}

/* ---
a parte inferior do chat, onde há os botões...
--- */
body.chat .enviarchat { 
	border-top:			solid 2px #0386C2;
/*		border-right:		solid 5px #333; */
	background-image:url(../../../images/bg_chat.jpg);
	background-repeat:repeat-x;
	padding:			15px;
}

/* --- para mostrar e ocultar os DIVs --- */
.trigger {
	cursor:					pointer;
	vertical-align:			middle;
}		
.trigger:hover {
	cursor:					pointer;
	background:				#efefef;
	vertical-align:			bottom;
	color:					#333;
}		
.expanded {
	cursor:					pointer;
}
.expanded:hover {
	cursor:					pointer;
}
.show {
     position:				static;
/*      display: 				table;            #M.M */

}
.hide {
	position:				absolute;
	left:					-999em;
	height:					1px;
	width:					100px;
	overflow:				hidden;
}


/* --- As dicas --- */
table.dicas {
	clear:				both;
	width: 				958px;
	border-collapse: 	separate; 
	margin-top:			20px;
	border-spacing: 	30px 0px;
}

table.dicas td {
	width:				30%;
	vertical-align:		top;
	border-collapse: 	separate; 
	background:			#efefef;
	border:				solid 1px #e3e3e3;
	padding:			10px;
	padding-bottom:		5px;
	border-spacing: 	60px;
	border-bottom:		0;
}

table.dicas td.esquerda {
	margin-left:		0px;
}

table.dicas td.direita {
	text-align:			left;
}

/*   
*************************************************
*************   CSS ADICIONADO   ****************
*************************************************
*/

/* ************* DIVS **************** */


/* CABEÇALHO */
#menu {
width:956px;
height:auto;
/* float:left;            #M.M */

}

#cabecalho_top {
width:956px;
height:auto;
/* float:left;            #M.M */

margin-bottom:20px;
}

#cabecalho_up_left {
width:944px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#cabecalho_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#cabecalho_mid_left {
width:945px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:10px;
}

#cabecalho_mid_right {
width:12px;
height:auto;
background-image:url(images/bt_mid.png);
background-repeat:repeat-y;
float:left;
}

#cabecalho_botton_left {
width:944px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#cabecalho_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}

/* ************************************************* */


/* LOGIN */

#login_bloco,
div.login {
	margin-bottom:20px;
}

#login_top {
width:200px;
height:auto;
float:left;
}

#login_up_left {
width:188px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#login_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#login_mid_left {
width:179px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:10px;
padding-left:10px;
overflow:hidden;
}


#login_mid_texto {
width:179px;
height:auto;
text-align:center;
float:left;
}

#login_botton_left {
width:188px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#login_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}


#login_cadastre {
width:auto;
height:auto;
margin-top:20px;
margin-bottom:5px;
text-align:center;
}


/* ************************************************* */

/* BLOCO CENTRAL */

#central_bloco {
width:445px;
height:auto;
/* float:left;            #M.M */

margin-bottom:20px;
}

#central_top{
width:445px;
height:auto;
float:left;
margin-bottom:20px;
}

#central_up_left {
width:433px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#central_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#central_mid_left {
width:423px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:11px;
padding-left:10px;
}

#central_mid_right {
width:12px;
height:auto;
background-image:url(images/bt_mid.png);
background-repeat:repeat-y;
float:left;
}

#central_botton_left {
width:433px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#central_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}


/* ************************************************* */

/* COMUNIDADES */
#comunidades_top{
width:420px;
height:auto;
float:left;
}

#comunidades_up_left {
width:408px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#comunidades_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#comunidades_mid_left {
width:398px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:11px;
padding-left:10px;
}

#comunidades_mid_right {
width:12px;
height:auto;
background-image:url(images/bt_mid.png);
background-repeat:repeat-y;
float:left;
}

#comunidades_botton_left {
width:408px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#comunidades_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}

#bloco_fotos {
/* width:398px;            #M.M */

height:auto;
float:left;
}

/* ************************************************* */

/* NAVEGAÇÃO */
#navegacao_top{
width:734px;
height:auto;
float:left;
margin-bottom:20px;
}

#navegacao_up_left {
width:722px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#navegacao_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#navegacao_mid_left {
width:712px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:11px;
padding-left:10px;
}

#navegacao_mid_right {
width:12px;
height:auto;
background-image:url(images/bt_mid.png);
background-repeat:repeat-y;
float:left;
}

#navegacao_botton_left {
width:722px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#navegacao_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}

/* ************************************************* */


/* BLOGS */
#blogs_top{
width:290px;
height:auto;
float:left;
margin-bottom:20px;
}

#blogs_up_left {
width:278px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#blogs_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#blogs_mid_left {
width:268px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:11px;
padding-left:10px;
}

#blogs_mid_right {
width:12px;
height:auto;
background-image:url(images/bt_mid.png);
background-repeat:repeat-y;
float:left;
}

#blogs_botton_left {
width:278px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#blogs_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}

#blogs_todos {
text-align:right;
/* width:268px;
height:auto;
float:left;
            #M.M */
}

/* ************************************************* */



/* COMUNIDADES */

#bloco_esquerda2 {
width:520px;
height:auto;
float:left;
}

#lista {
width:520px;
height:auto;
float:left;
margin-bottom:20px;
}


#lista_top{
width:520px;
height:auto;
float:left;
margin-bottom:20px;
}

#lista_up_left {
width:508px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#lista_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#lista_mid_left {
width:498px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:11px;
padding-left:10px;
}

#lista_mid_right {
width:12px;
height:auto;
background-image:url(images/bt_mid.png);
background-repeat:repeat-y;
float:left;
}

#lista_botton_left {
width:508px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#lista_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}

/* ****************************************** */

/* 5+ */

#bloco_direita2 {
width:190px;
height:auto;
float:right;
}

#cinco_top{
width:190px;
height:auto;
float:left;
margin-bottom:20px;
}

#cinco_up_left {
width:178px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#cinco_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#cinco_mid_left {
width:168px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:11px;
padding-left:10px;
}

#cinco_mid_right {
width:12px;
height:auto;
background-image:url(images/bt_mid.png);
background-repeat:repeat-y;
float:left;
}

#cinco_botton_left {
width:178px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#cinco_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}

#cinco_todos {
width:168px;
height:auto;
text-align:right;
float:left;
}

/* ************************************************* */












/* ************************************************* */


/* BLOCO DIREITA */
#direita_todos {
width:280px;
height:auto;
float:right;
margin-bottom:20px;
}


#direita_top{
width:280px;
height:auto;
float:right;
margin-bottom:20px;
}

#direita_up_left {
width:268px;
height:7px;
background-image:url(images/bt_left_up.png);
background-repeat:no-repeat;
float:left;
}

#direita_up_right {
width:12px;
height:7px;
background-image:url(images/bt_right_up.png);
background-repeat:no-repeat;
float:left;
}

#direita_mid_left {
width:258px;
height:auto;
background-image:url(images/bt_mid_full.png);
background-position:right;
float:left;
padding-right:11px;
padding-left:10px;
}

#direita_mid_right {
width:12px;
height:auto;
background-image:url(images/bt_mid.png);
background-repeat:repeat-y;
float:left;
}

#direita_botton_left {
width:268px;
height:10px;
background-image:url(images/bt_left_bottom.png);
background-repeat:no-repeat;
float:left;
}

#direita_botton_right {
width:12px;
height:10px;
background-image:url(images/bt_right_bottom.png);
background-repeat:no-repeat;
float:left;
}

/* ************************************************* */

#espaco_top {
width:100%;
height:20px;
}


#espaco_down {
width:100%;
height:20px;
}

#curvas {
width:996px;
height:16px;
line-height:16px;
background-image:url(images/border_top.jpg);
/* background-image:url(images/border_top.png);            #M.M */
background-repeat:no-repeat;
}

#curvas_down {
margin:0, auto;
width:996px;
height:16px;
background-image:url(images/border_botton.jpg);
/* background-image:url(images/border_botton.png);            #M.M */
background-repeat:no-repeat;
}

#curvas_top_left {
width:20%;
height:15px;
float:left;
text-align:left;
background-color:#FFFFFF;
}

#curvas_top_right {
width:20%;
height:15px;
float:right;
text-align:right;
background-color:#FFFFFF;
}

#menu_alterado {
width:auto;
height:110px;
/* 
border-bottom:2px solid #ff5c00;
border-top:2px solid #ff5c00; 
background-image:url(images/bg_cabecalho2.jpg);
background-repeat:repeat-x;
*/
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
background-color:#FFFFFF;
float:left;
}

#logotipo {
width:155;
height:110px;
float:left;
overflow:hidden;
}

#conteudo_header {
width:80%;
height:60px;
float:right;
}

#publicidade {
width:468px;
height:60px;
text-align:right;
float:right;
overflow:hidden;
}

#estatisticas_bloco {
width:30%;
height:50px;
float:left;
}

#busca_bloco {
width:100%;
overflow:hidden;
height:28px;
background-color:#0386c2;
float:right;
margin-top:20px;
padding-right:5px;
text-align:right;
}

#menu_left {
width:600px;
height:auto;
float:left;
text-align:left;
}

#menu_right {
width:300px;
height:auto;
float:right;
text-align:right;
margin-right:5px;
/*margin-left:650px;
 position:absolute;            #M.M */

}

#faca_parte {
width:200px;
height:207px;
margin-top:40px;
margin-bottom:20px;
float:left;
}

/* *************** INDEX NÃO LOGADO **************************** */

/* Clear */
.clear {
clear:both;
}

/* Espaço */
#espaco {
width:auto;
height:30px;
}


/* Bloco Você está aqui! */
#aqui {
width:100%;
height:100%;
margin-bottom:10px;
float:left;
}


/* Bloco Superior */
#blocos {
width:735px;
height:auto;
margin-bottom:10px;
float:right;
}

#bloco_esquerda {
width:420px;
height:auto;
float:left;
}

#bloco_direita {
width:290px;
height:auto;
float:right;
}

/* Bloco das Comunidades */
#comunidades {
width:420px;
/* height:auto;
float:left;
            #M.M */
margin-bottom:20px;
}

/* Bloco do Chat */
#chat_logado {
width:290px;
height:187px;
/* float:right;            #M.M */
/* background-image:url(images/chat3.png);*/
margin-bottom:30px;
}

#chat_nao_logado {
width:290px;
height:187px;
/* float:right;            #M.M */
background-image:url(images/chat3.png);
margin-bottom:30px;
}

/* Blog dos Usuários */
#usuarios{
width:48%;
height:auto;
float:left;
padding:10px;
background-color:#f2f9ff;
overflow:hidden;
}

/* Bloco das últimas fotos*/
#fotos {
width:420px;
margin-bottom:20px;
/* height:auto;
float:left;
            #M.M */
}

/* ******************************************* */

/* Blocos Rodapé */

/* #footer_left {
width:355px;
height:60px;
float:left;
margin-left:10px;
}
            ## comentado por M.M */
#footer_left_logo {
width:75px;
height:auto;
float: left;
text-align:left;
}

#footer_left_texto {
	width:355px;
	position:absolute;
/*	float:left;

	width:270px;
height:auto;            ## comentado por M.M */
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#0071d2;
margin-top:5px;

}

#footer_right {
/*width:570px;
height:60px;
 float:right;            ## comentado por M.M */
}

/*********************************************************************************************/

/* --- Últimas Comunidades --- */


#bloco_imagem,
.bloco_imagem,
a.bloco_imagem {
	margin:auto;
	width:60px;
	height:60px;
	overflow:hidden;
	text-align:center;
	border:1px solid #666666;
}

a.bloco_imagem {
	margin:18px;
	float:left;
}

ul.tripla3 li.bloco_imagem{
float:none;
display:inline
}
#comunidade_legenda {
width:100%;
height:auto;
margin-bottom:10px;
}


#comunidade_bloco {
/* width:398px;height:auto;
float:left;            #M.M */
overflow:hidden;
}

#comunidade_todas {
width:398px;
text-align:right;
/* height:auto;
float:left;
            #M.M */
		clear:both
}

#comunidade_conteudo {
width:130px;
height:auto;
margin-bottom:20px;
float:left;
}

#comunidade_imagem {
width:130px;
height:60px;
float:left;
text-align:center;
}

#comunidade_texto {
width:130px;
height:auto;
float:left;
text-align:center;
}


/*********************************************************************************************/




/* --- Últimas Fotos --- */
ul.tripla3,
ul.tripla3_grande  {
/* 	display:			table;
	vertical-align:		top;
	width:				100%;
            #M.M */
	overflow:			hidden;
}

ul.tripla3 {
	padding-bottom:		0px;
}

ul.tripla3  li,
ul.tripla3_grande li {
	text-align:			center;
	float:				left;
	width:				66px;
	height:				66px;
	overflow:			hidden;
}


ul.tripla3 li img,
ul.tripla3_grande li img {
/*	height:				90px; */
/*	background:			url(../marrom20/images/pixel.gif); */
}

ul.tripla3_grande li {
	width:				90px;
	text-align:			left;
	margin:				5px;
	font-weight:		bold;
}


ul.tripla_grande3 li:hover {
	background:			#fff;
}

/*********************************************************************************************/

/* --- Últimas Fotos --- */
ul.tripla4,
ul.tripla4_grande  {
	margin-top:			10px;
/* 	display:			table;
	vertical-align:		top;
	width:				100%;            #M.M */
	overflow:			hidden;
}

ul.tripla4 {
	padding-bottom:		0px;
}

ul.tripla4  li,
ul.tripla4_grande li {
	text-align:			center;
	float:				left;
	width:				33%;
	height:				125px;
	overflow:			hidden;
}


ul.tripla4 li img,
ul.tripla4_grande li img {
/*	height:				90px; */
/*	background:			url(../marrom20/images/pixel.gif); */
}

ul.tripla4_grande li {
	width:				150px;
	text-align:			left;
	margin:				5px;
	font-weight:		bold;
}


ul.tripla_grande4 li:hover {
	background:			#fff;
}


#tripla4_tit {
width:80px;
height:auto;
overflow:hidden;
text-align:center;
margin:auto;
padding-top:5px;
font-size:12px;
}



/*********************************************************************************************/


#dica {
width:auto;
height:auto;
padding:5px;
background-color:#F2F9FF;
color:#0386C2;
margin:5px;
}

#lista_usuarios {
width:auto;
height:auto;
padding:5px;
margin:5px;
margin-top:30px;
margin-bottom:30px;
color:#FFFFFF;
}


/* ***************** FONTES ***************** */

ul.logados li{
list-style-type:circle;
list-style:circle;
}

.perfil {
font-size:14px;
color:#0363A2;
font-weight:bold;
}


.central_titulo {
font-size:16px;
color:#FF5A00;
font-weight:bold;
}

.erro_login {
font-size:20px;
color:#FF0000;
font-weight:bold;
line-height:150%;
}

.sair {
color:#FF0000;
}

.versao {
color:#ff5c00;
font-weight:bold;
}

.nome {
font-size:18px;
color:#ff5c00;
font-weight:bold;
text-transform: uppercase;
}

.login_banner {
padding-top:127px;
text-align:center;
background:#fff url(images/faca_parte.gif) no-repeat 50% 0;
}

.login_banner p,
.login_texto {
color:#0886C1;
font-size:18px;
}

.login_lembrar {
color:#0886C1;
}

.login_texto_pq {
color:#FF5A00;
}

.comunidade_titulo {
color:#04aee7;
font-size:20px;
font-weight:bold;
}

.comunidade_texto {
font-size:12px;
}

.publicada {
color:#04aee7;
font-weight:bold;
font-size:11px;
}


.titulo_laranja {
	font-size:				16px;
	color:					#ff5a00;
	font-weight:			bold;
}

.titulo_azul {
	font-size:				22px;
	color:					#045596;
	font-weight:			bold;
}

.titulo_chat {
	font-size:				18px;
	color:					#FFFFFF;
	font-weight:			bold;
	}

.titulo_chat_azul {
	font-size:				20px;
	color:					#FF5A00;
	font-weight:			bold;
}


/* ***************** MENSAGENS DO CHAT ***************** */

.chat_nome {
color:#FF5A00;
font-weight:bold
}	

.chat_mensagem {
color:#0386C2;
font-weight:normal;
}	


/* ***************** LINKS ***************** */

/* Estilo Link1 - Link para o botão SAIR*/
a.link1:link {
color:#0386C2;
text-decoration:none;
}

a.link1:visited {
color:#0386C2;
text-decoration:none;
}

a.link1:hover {
color:#045596;
text-decoration:none;
}

a.link1:active {
}

/* Estilo Link2 - Link "esqueceu a senha" */
a.link2:link {
color:#FF5A00;
text-decoration:none;
}

a.link2:visited {
color:#FF5A00;
text-decoration:none;
}

a.link2:hover {
color:#FF5A00;
text-decoration:underline;
}

a.link2:active {
}


/* Estilo Link3 - Link conteúdo comunidade home*/
a.link3:link {
color:#999999;
text-decoration:none;
}

a.link3:visited {
color:#999999;
text-decoration:none;
}

a.link3:hover {
color:#045596;
text-decoration:none;
}

a.link3:active {
}


/* Estilo Link4 - Links Título Últimas Mensagens*/
a.link4:link {
color:#0363a2;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

a.link4:visited {
color:#0363a2;
text-decoration:none;
font-size:13px;
font-weight:bold;
}

a.link4:hover {
color:#0363a2;
text-decoration:underline;
font-size:13px;
font-weight:bold;
}

a.link4:active {
}

/* Estilo Link5 - Links conteúdo últimas mensagens*/
a.link5:link {
color:#045596;
text-decoration:none;
font-size:12px;
}

a.link5:visited {
color:#045596;
text-decoration:none;
font-size:12px;
}

a.link5:hover {
color:#045596;
text-decoration:underline;
font-size:12px;
}

a.link5:active {
}



/* Estilo Link6 - Links do Rodapé */
a.link6:link {
color:#0071d2;
text-decoration:none;
}

a.link6:visited {
color:#0071d2;
text-decoration:none;
}

a.link6:hover {
color:#0071d2;
text-decoration:underline;
}

a.link6:active {
}


/* Estilo Link7 - Link "CADASTRE-SE" */
.login_banner a,.login_banner a:visited,.login_banner a:hover,
a.link7:link ,a.link7:visited,a.link7:hover {
color:#FF5A00;
text-decoration:none;
font-size:18px;
font-weight:bold
}

.login_banner a:hover, a.link7:hover {
text-decoration:underline;
}


/* Estilo Link8 - Link "ver todos" */
a.link8:link {
color:#FF5A00;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

a.link8:visited {
color:#FF5A00;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

a.link8:hover {
color:#FF5A00;
text-decoration:underline;
font-size:12px;
font-weight:bold;
}

a.link8:active {
}



/* Estilo Link9 - Link "SAIR" */
a.link9:link {
color:#FF5A00;
text-decoration:none;
font-size:13px;
font-weight:bold;
text-transform: uppercase;
}

a.link9:visited {
color:#FF5A00;
text-decoration:none;
font-size:13px;
font-weight:bold;
text-transform: uppercase;
}

a.link9:hover {
color:#FF5A00;
text-decoration:underline;
font-size:13px;
font-weight:bold;
text-transform: uppercase;
}

a.link9:active {
}


/* box - Marco Moura 03/07/08 */
.box{position:relative;text-align:left;z-index:2;margin-bottom:18px}

.box .box_body{padding:8px 10px;background:transparent url(images/bt_mid_full.png) repeat-y 100% 0;overflow:hidden;z-index:6}

.box .up_left,.box .up_right,
.box .btn_left,.box .btn_right{height:7px;background:#DFF0FA url(images/bt_left_up.png) no-repeat 0 0;overflow:hidden;position:absolute}

.box .up_left ,
.box .btn_left{background-image:url(images/bt_left_up.png);width:100%;z-index:3;left:0}

.box .btn_left{background-image:url(images/bt_left_bottom.png)}

.box .up_right ,
.box .btn_right {background-image:url(images/bt_right_up.png);width:11px;right:0;z-index:4}

.box .btn_right {background-image:url(images/bt_right_bottom.png)}


#coluna_central.up_right,
#coluna_central.btn_right,
#coluna_central .up_right,
#coluna_central .btn_right{_left:453px}

#coluna_central3.box .up_right, 
#coluna_central3.box .btn_right,
#coluna_central3 .box .up_right,
#coluna_central3 .box .btn_right{_left:563px}

/*	fim box */

.box .box_body .box .box_body {background-image:none}
.box .box_body .box .up_left,.box .box_body .box .up_right,
.box .box_body .box .btn_left,.box .box_body .box .btn_right{background-image:none;height:0}
/* fim */

img.block_icox{float:left;margin-right:5px}

img.aviso{float:left;margin-right:10px}

.titulo_post {
font-size:17px;
color:#0386C2;
font-weight:bold;
}

.titulo_comentario {
font-size:14px;
color:#666666;
font-weight:bold;
}