/* --- -------------------------------------------- --- */
/* ---              CSS para Aurora23                  --- */
/* --- -------------------------------------------- --- */
/* ---        Criação: 16.06.2008 - 15hs23          --- */
/* --- -------------------------------------------- --- */
/* --- 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
--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 				0;
	padding: 				0;
	border: 				0;
	outline: 				0;
	font-size: 				100%;
	vertical-align: 		baseline;
	background: 			transparent;
}
body {
	line-height: 			1;
}
ol, ul {
	list-style: 			none !important;
}
blockquote, q {
	quotes: 				none;
}

q:before,q:after {
content: '';
}

:focus {
	outline: 				0;
}

ins {
	text-decoration: 		none;
}
del {
	text-decoration: 		line-through;
}

/* não deixe de usar 'cellspacing="0"' no código */
table {
	border-collapse: 		collapse;
	border-spacing: 		0;
}

/* ---
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:				#E8F0E9; /*url(images/body_bg.jpg) fixed;*/
	font:					12px Verdana, Arial, Helvetica, sans-serif;
}

/* ---
--- 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:					0 auto;
	text-align:				left;
	width:					980px;
}

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

/* ---
o cabeçalho como um todo
--- */
#header {
	
}


/* ---
as páginas principais depois do cabeçalho
--- */
#pagina {
	height:					100%;
	position:				relative;
	overflow:				hidden;
}


/* ---
o menu lateral - a coluna da esquerda
--- */
#menu_lateral {
	padding-top:			0;
	width:					165px;
	float:					left;
}


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

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

#acessibilidade a {}

/* ---
o bloco com as estatísticas de usuários no sistema
--- */
#estatisticas {
	position:				relative;
	margin-top:				-3px !important;
	margin-bottom:			20px;
	left:					0px;
	background:				#fff;
}

#estatisticas h1 {
	font-weight:			100;
}

#estatisticas #estatisticas_numeros h1,
#estatisticas #estatisticas_numeros_logado h1 {
	color:					#333;
	font-size:				1.4em;
	font-weight:			900;
}

#estatisticas #estatisticas_numeros,
#estatisticas #estatisticas_numeros_logado {
	float:					right;
	width:					270px;
	margin-top:				-1px;
}

#estatisticas p {
	font-size:				12px !important;
	color:					#a0a0a0 !important;
	font-family:			Verdana, Arial, Helvetica, sans-serif; !important;
	margin-bottom:			-15px;
	padding-bottom:			0;
}

#estatisticas #estatisticas_numeros a,
#estatisticas #estatisticas_numeros_logado a {
	text-decoration:		none;
}

#estatisticas #estatisticas_numeros ul li,
#estatisticas #estatisticas_numeros_logado ul li {
	text-align:				center;
	float:					left;
	width:					90px;
}

#estatisticas #estatisticas_numeros_logado ul li {
	width:					70px;
	margin:					0 5px;
}

#estatisticas #estatisticas_numeros_logado {
	width:					370px;
	margin-top:				20px;
	float:					left;
}

#estatisticas #estatisticas_numeros_logado h1 {
	font-size:				1em;
}

/* --- a caixa de pendencias ---------------------------------------------- */
#bloco_pendencias {}

#bloco_pendencias .block_content {
	background:				#efefef;
	padding:				10px;
	margin-top:				10px;
}

#bloco_pendencias .block_content ul li {
	margin-bottom:			10px;
}

#bloco_pendencias .block_content ul li a {
	color:					#aeaeae;
}

/* ---
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:		underline;
	color:					#333;
	font-size:11px;
}

a:hover {
	text-decoration:		none;
}

.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.8em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1,
h2,
h3,
h4,
h5,
h6 {
	text-decoration:		none !important;
	color:					#004F27;
	font-family:			Verdana, Arial, Helvetica, sans-serif; !important;
}


/* --- 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 #666;
	margin-bottom:		2px;
	padding:			2px;
	font-size:			0.9em;
}

textarea {
	font-size:			1.2em !important;
}

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 h1 {
  line-height:        1em !important;
}

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


thead {

}

tr th {
	padding:			6px 4px;
	text-transform:		none;
	background:			#098666;
	color:				#FFF;
	white-space:		nowrap;
	text-align:			center;
}

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,
.sem_borda {
	border:				0 !important;
}

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

tr {

}


/* --- um tabela diferente, mais estilizada --- */
table.zebrada {
	border-collapse:		separate;
	border:					solid 1px #fff;
}

table.zebrada th {
	background:				none;
	border:					solid 1px #efefef;
	margin:					1px;
	text-align:				left;
	color:					#333;
}

table.zebrada tr.par,
table.zebrada tr.impar {
	background:				#fff !important;
	border:					solid 1px #fff;
	margin:					1px;
	border-collapse: 		separate;
}

table.zebrada tr.impar {
	background:				#efefef;
}

table.zebrada td {
	background:				none;
	border:					solid 1px #fff;
	border-collapse: 		separate;
	padding:				4px 3px !important;

}

table.zebrada tr.par td {
	border:					solid 1px #efefef !important;
	border-collapse: 		separate;
}


ul.zebrada {

}

ul.zebrada li {
	padding:			5px;
	margin:				2px 0;
	font-weight:		900;
}

ul.zebrada li span.esquerda {
	display:			block;
	float:				left;
	width:				150px;
	text-align:			right !important;
}

ul.zebrada li span.direita {
	margin-left:		10px;
}

ul.zebrada li.impar {
	background:			#efefef !important;
	border:				solid 1px #efefef !important;
	overflow:			hidden;
	height:				100%;
}

ul.zebrada li.par {
	border:				solid 1px #efefef !important;
	overflow:			hidden;
	height:				100%;
}

ul.zebrada li.impar span.regular,
ul.zebrada li.par span.regular {
	color:				#000 !important;
	display:			table-cell;
	font-size:			0.9em;
	font-weight:		100 !important;
}

* html ul.zebrada li.impar span.regular,
* html ul.zebrada li.par span.regular {
	float:				left;
}

/*
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;
	vertical-align:		top;
	margin:				10px 0;
}

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

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

ul.tripla li img,
ul.tripla li img,
ul.tripla_grande li img {
/*	height:				90px; */
	background:			url(../../../icox/tema/icox3/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;
	margin:				15px 0;
	display:			block;
	width:				99%;
} 

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;
	margin-bottom:		20px;
	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 {
	margin:				5px 0;
	margin-left:		65px;
	background:			#fdf7bd;
	border:				solid 1px #004F27;
	display:			block;
	padding:			5px;
	margin-bottom:		4px;
	font-style:			italic;
	color:#FFFFFF;
}

/* --- 10. os elementos do cabeçalho --- */
/* ---
o logotipo principal do site. caso não queira utilizá-lo, coloque: display: none;
--- */
#logo {
	float:					left;
	margin-right:			15px;
	margin-top:				-22px;
	margin-left:			20px;
}

#banner {
	background:				#004F27;
	padding:				5px;
	text-transform:			none;
	font-weight:			900;
	text-align:				left !important;
	color:#FFFFFF;
	font-size:15px;
}

/* ---
o menu principal do cabeçalho
---*/
#menu_topo {
	text-align:				right !important;
}

#menu_topo ul {
	text-align:				right !important;
	padding:				4px 0 !important;
}

#menu_topo ul li {
	text-align:				right;
	text-align:				right !important;
}

#menu_topo ul li a {
	text-align:				right;
	text-align:				right !important;
	font-size:				1.2em;
	margin:					0 12px;
	font-weight:			900;
	text-transform:			lowercase;
	font-family:			Verdana, Arial, Helvetica, sans-serif !important;
}


#menu_cabecalho,
#menu_footer {
	text-align:				center !important;
} 

#menu_cabecalho ul,
#menu_footer ul {
	height:					auto;
	text-align:				center;
	margin:					0 auto;
	padding:				10px 0;
	overflow:				hidden;
	position:				relative;
}

#menu_footer ul {
	padding:				4px 0;
}

#menu_cabecalho ul li,
#menu_footer ul li {
	display:				inline;
}

#menu_footer {
	background:				#004F27;
	padding:				1px;
	text-transform:			none;
	margin:					10px 0;
	color:#FFFFFF;
}

#menu_footer ul li a {
	text-transform:			none;
	font-weight:			900;
	font-size:				12px;
	text-decoration:		none;
	margin:					0 12px;
	color:#FFFFFF;
	font:"Courier New", Courier, mono;
}


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

#hora_do_sistema {
	display:				inline;
}

#versao_icox {
	display:				inline;
}


/* ---
a caixa abaixo do menu princpal - o formulário de busca
---*/
#caixa_busca {
	text-align:				right;
	padding:				4px 0;
	font-size:				1.2em;
}


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

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

#caixa_busca form  {
	margin:					5px 0;
	margin-bottom:			0 !important;
}

#caixa_busca a.busca_avancada {
	text-decoration:		none;
	margin-left:			5px;
	color:					#FFFFFFS;
}

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

input#buscar {
	position:				relative;
	background:				url(../../../icox/tema/icox3/images/buscar_botao.png) top center no-repeat;
	border:					0 !important;
	content: 				'' !important;
	font-size:				0 !important;
	width:					29px;
	height:					16px;
	top:					-3px !important;
	color:					#6e7680;
  vertical-align:         bottom;
}

input#busca_texto {
  
}


/* --- as informações do usuário --------------------------- */
#user_info {
	margin:					0;
	padding:				5px 0;
	text-align:				center !important;
	text-align:				left !important;
}

#user_info2 {
	margin:					3px auto 15px;
}

#user_info2 #menu {
	padding-bottom:			0 !important;
	border-top:				solid 6px #004F27;
	text-align:				left !important;
	padding-top:			5px;
	color:#FFFFFF;
}

#user_info2 #menu ul {
	text-align:				left !important;
}

#user_info2 #menu ul li {
	text-align:				left !important;
}
#user_info2 #menu ul li a {
	text-align:				left !important;
	text-transform:			lowercase;
	font-weight:			900;
	font-size:				1.2em;
	margin:					0 12px;
	font-family:			Verdana, Arial, Helvetica, sans-serif !important;
}

#user_info ul li {
	display:				inline;
}

#infos {
	text-align:				center;
}

#infos h1,
#infos ul {
	text-align:				center;
	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-bottom:		solid 1px #5EAED1;
	margin-bottom:		15px;
	zoom:				100%;
}

ul.menu_principal li {
	border:				solid 1px #5EAED1;
	border-bottom:		0;
}

ul.menu_principal li a {
	display:			block;
	text-decoration:	none;
	text-transform:		none;
	font-size:			12px;
	padding:			3px;
	padding-left:		3px;
	font-weight: 		normal;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	
}

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

ul.menu_principal li a:hover {
	background:			#efefef;
	padding:			3px;
	padding-left:		3px;
	text-decoration:	none;
}




/* ---
--- fim - de - área - ------------------------------------------------------------------------------------------------------
--- */
/* --- 11. os blocos da coluna da esquerda --- */
/* --- os blocos --- */
.block {
	background:				#fff; /*url(../../../icox/tema/icox3/images/block_header.png) top center no-repeat; */
	margin:					0 auto;
	margin-bottom:			20px;
	border-right:			solid 1px #c0c0c0;
	border-bottom:			solid 1px #c0c0c0;
}

.block_title,
.block_title_linha {
	padding-top:			5px;
	border-bottom:			solid 1px #5EAED1 !important;
	margin:					0 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif		 	!important;
	text-align:				left !important;
	display:block;
	background-color: #098666;
}

.caixa_estilo1 .block_title {
	margin:					0 5px;
}

.block_title h1 {
	font-size:				14px;
	margin-bottom:			0px !important;
	padding-left:			3px;
	margin-top:				3px;
	display:				inline;
	text-transform:			none;
	border-bottom:			solid 0px #5EAED1;
	color:					#FFF !important;
	font-family:			Verdana, Arial, Helvetica, sans-serif !important;
	text-align:				left !important;
	vertical-align:middle;
}

/* --- a lista de áras do bloco ---------------------------- */
ul.home_areas {

}

ul.home_areas li {

}

ul.home_areas li a {
	border-bottom:				solid 1px #5EAED1;
	font-size:					12px;
	text-transform:				none;
	padding:					3px;
	font-weight:				normal;
	color:						#004f27;
	text-decoration:			none;
	display:					block;
	
	
}

ul.home_areas li a span.cinza,
.cinza,
.cinza a {
	color:						#999;
	margin-right:				1px;
}

.cinza_escuro,
.cinza_escuro a {
	color:						#333;
	margin-right:				1px;
}

.sem_bg {
	background:					none !important;
}

.preto,
.preto a {
	color:						#000;
	margin-right:				1px;	
}

.lh20 {
	line-height:				2em;
}

.lh15 {
	line-height:				1.5em;
}

.lh10 {
	line-height:				1em;
}

/* --- a lista das abas do bloco --------------------------- */
.block_title ul.abas {
	text-align:				right;
	margin:			0px;
	background-color:#098666;
	height: 20px;
	
	
}

.block_title ul.abas li {
	display:				inline;
	text-align:				right;
}

.block_title ul.abas li a {
	text-decoration:		none;
	margin-top: 5px;
	padding:				2px;
	text-transform:			none;
	font-weight:			900;
	font-size:				13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFCC;
	
	
}

.block_title ul.abas li a:hover{
	color:					#FFFFFF;
	border-bottom:			solid 0px #5EAED1;
}

.block_title ul.abas li.selected a {
	color:					#FFFFFF;
	border-bottom:			solid 0px #5EAED1;
}

.block_title ul.abas li.selected a:hover {

}

/* --- o conteúdo do bloco ------------------------------------------- */
.block_content {
	/*background:				url(../../../icox/tema/icox3/images/block_body.png) center repeat-y;*/
	padding-left:			10px !important;
	padding:				10px;
	position:				relative;
	overflow:				hidden;
}

.paddingless {
  padding:        0 !important;
}

.block_content span.limiter {
	border-top:				solid 1px #5EAED1 !important;
	width:					150px;
	height:					3px;
}

/* --- a lista dos links abaixo das abas - tipos de conteúdo --------------------------- */
.block_content ul.tipo_conteudo {
	text-align:				right;
	margin-bottom:			5px;
	overflow:				hidden;
	height:					100%;
}

.block_content ul.tipo_conteudo li {
	display:				inline;
	text-align:				right;
	color:					#5EAED1;
	font-weight:			900;
	margin:					0px;
	height:					180px !important;
}

.block_content ul.tipo_conteudo li a {
	text-transform:			none;
	text-decoration:		none;
	font-size:				12px;
	color:					#004F27;
	font-family: Verdana, Arial, Helvetica, sans-serif			  !important;
	
}

.block_content ul.tipo_conteudo li a:hover {
	color:					#5EAED1;
}

/* --- a lista do conteúdo, propriamente dito --------------------------- */
.block_content ul.o_conteudo {
	position:				relative;
	overflow:				hidden;
}

.block_content ul.o_conteudo li {
	float:					left;
	width:					87px;
	margin:					2px 4px;
	border:					solid 1px #f1c7c7;
	padding:				5px 2px;
	text-align:				center;
	height:					140px !important;
	overflow:				hidden;
}

a.img_cnt img{
	height:					75px !important;
	width:					75px !important;
}

.block_content  ul.o_conteudo li a {

}

.block_content ul.o_conteudo li a:hover {

}

.block_content ul.o_conteudo li a img {
	text-align:				center !important;
}

.block_content ul.o_conteudo li p.autor {
	color:					#a0a0a0;
	font-size:				0.8em;
	line-height:			1.3em;
	margin-bottom:			6px;
}

.block_content ul.o_conteudo li p.autor  a {
	color:					#a0a0a0;
	text-decoration:		none;
}

.block_content ul.o_conteudo li p.autor  a:hover {
	color:					#5EAED1;
}

.block_content ul.o_conteudo li h2 {
	font-size:				1em;
	line-height:			1em;
	padding-bottom:			5px;
	height:					35px;
}

.block_content ul.o_conteudo li h2 a {
	color:					#000;
}

.block_content ul.o_conteudo li h2 a:hover {
	color:					#5EAED1;
}

/* --- o bloco dos amigos -------------------------------- */
.block_content ul.os_amigos {
	position:				relative;
	overflow:				hidden;
}

.block_content ul.os_amigos li {
	float:					left;
	width:					87px;
	margin:					2px 4px;
	border:					solid 1px #f1c7c7;
	padding:				5px 2px;
	text-align:				center;
	height:					140px !important;
	overflow:				hidden;
}

a.img_cnt img{
	height:					75px !important;
	width:					75px !important;
}

.block_content  ul.os_amigos li a {

}

.block_content ul.os_amigos li a:hover {

}

.block_content ul.os_amigos li a img {
	text-align:				center !important;
	margin-bottom:			10px;
}

.block_content ul.os_amigos li h2 {
	font-size:				0.9em;
	line-height:			1em;
	padding-bottom:			5px;
	height:					35px;
	color:					#000;
}

.block_content ul.os_amigos li h2 a {
	color:					#000;
}

.block_content ul.os_amigos li h2 a:hover {
	color:					#5EAED1;
}

.block_footer {
	/*background:				url(../../../icox/tema/icox3/images/block_footer.png) bottom center no-repeat;*/
	height:					10px;
}

/* --- a lista dos destaques da home ------------------------- */
ul.home_destaques {
	overflow:				hidden;
	position:				relative;
	margin:					8px 3px 10px 3px;
}

ul.home_destaques li {
	float:					left;
	border:					solid 1px #f1c7c7;
	width:					132px !important;
	height:					160px !important;
	padding:				2px;
	margin:					2px;
}

ul.home_destaques li h1 a,
ul.home_destaques li h1 {
	font-size:				1.1em !important;
	color:					#004F27;
	text-transform:			none;
	display:				block;
	margin-bottom:			6px;
}

ul.home_destaques li a.home_destaques_img img,
ul.home_destaques li img {
	width:					39px !important;
	height:					39px !important;
	float:					left;
	margin-right:			5px;
	vertical-align:			top !important;
	margin-bottom:			5px;
}

ul.home_destaques li h2 {
	color:					#000;
	font-size:				1em;
	display:				inline;
	height:					50px;
}

ul.home_destaques p.home_destaque_autor {
	clear:					both;
	color:					#a0a0a0;
	font-size:				0.8em;
	line-height:			1.3em;
	margin-bottom:			6px;
}

ul.home_destaques p.home_destaque_autor  a {
	color:					#a0a0a0;
	text-decoration:		none;
}

ul.home_destaques p.home_destaque_autor  a:hover {
	color:					#5EAED1;
}

ul.home_destaques p.home_destaque_teaser {
	color:					#000;
	font-size:			1em;
}

ul.home_destaques p.home_destaque_teaser  a{
	color:					#5EAED1;
	text-decoration:		none;
}

/* --- a lista de tags ---------------------------------- */
ul.assuntos {
	position:				relative;
	overflow:				hidden;
	height:					100%;
}

ul.assuntos li {
	display:				inline;
}

ul.assuntos li a {
	margin:					1px 4px;
	line-height:			1.5em;
	text-decoration:		none;
}


/* ---
o bloco dos blogs que assino do meu icox
--- */
#bloco_blogs_que_assino {}

/* ---
o bloco do login
--- */
#bloco_do_login {}
#bloco_do_login #login_info {
	/* esta é a caixa que abriga a mensagem abaixo do bloco de login */
}

#bloco_do_login p.right {
	position:				relative;
	left:					75px;
	text-align:				left;
	font-size:				9px;
	width:					75px;
	line-height:			1.0em;
}

#bloco_do_login_botao {
	background:				url(../../../icox/tema/icox3/images/bloco_login_entrar.png) no-repeat;
	height:					22px;
	padding-bottom:			8px;
	width:					62px;
	border:					0 !important;
	color:					#5EAED1;
	font-weight:			900;
	font-size:				0.9em !important;
}

#bloco_do_login input#nome,
#bloco_do_login input#senha {
	width:					135px;
}

#bloco_do_login .block_content strong {
  font-size:      11px;
/*	font-family:			"Lucida Console", Courier, courier new, monospace, serif !important; */
}

/* ---
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;
}


/* ---
os blocos da página principal da comunidade - coluna direita
--- */
#bloco_comunidades_comunidades_relacionadas {
	margin-bottom:			15px;
}

#bloco_comunidades_links_favoritos {
	margin-bottom:			15px;
}

#bloco_comunidades_menbros{
	margin-bottom:			15px;
}



/* ---
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-bottom:			15px;
}


/* ---
o bloco de contatos
--- */
#bloco_contatos {
	margin-bottom:			15px;
}

/* ---
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;
	overflow:				hidden;
	height:					100%;
}


/* ---
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 Aurora2
--- */
#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,
#bloco_area {
	text-align:			center;
}

#bloco_perfil_pessoal h1.nome,
#bloco_area h1.nome {
	font-size:			1.0em;
	text-align:			left;
	padding:			0 15px;
	padding-bottom:		5px;
	color:				#9b0001 !important;
}

#bloco_area h1.nome {
	padding:			0px;
	text-align:			center;
	font-weight:		100;
	font-size:			1.2em;
}

#bloco_perfil_pessoal p,
#bloco_area p {
	text-align:			left;
	color:				#999;
	padding:			0 15px;
}

#bloco_area p {
	text-align:			center;
	padding:			0px;
}

#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;
}

#bloco_perfil_comunidade img.comunidade,
#bloco_perfil_comunidade .estrelinha,
.block_content .estrelinha {
	text-align:			center !important;
	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/icox3/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 Aurora2 instaladas no sistema
-- */
#bloco_ferramentas_icox {}
#bloco_ir_para {}


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

/* ---
o bloco principal com as ferramentas do usuário
--- */
#bloco_menu_principal {}


/* ---
o bloco das ferramentas do blog
--- */
#bloco_ferramentas_blog {}

/* ---
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;
}

#bloco_tags_populares ul {
	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,
#breadcrumb {
	padding:				0 5px;
	margin-bottom:			10px;
	color:					#999;
}

#barra_navegacao a,
#breadcrumb a {
	text-decoration:		none;
}

#breadcrumb ul {
	display:				inline !important;
}

#breadcrumb ul li {
	display:				inline !important;
	color:					#5EAED1 !important;
	margin:					0 1px;
	text-transform:			lowercase !important;
}

#breadcrumb ul li a {
	color:					#999;
	text-decoration:		none;
	display:				inline !important;
}

#breadcrumb ul li a:hover {
	color:					#5EAED1 !important;
}


#breadcrumb ul li a.selected {
	color:					#000 !important;
}

#breadcrumb ul li a.selected:hover {
	color:					#5EAED1 !important;
}

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

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

ul.sub_nav_menu li a {
	color:					#000;
	padding:				2px;
	font-size:				1.2em;
	text-transform:			lowercase;
	line-height:			1.8em;
	text-decoration:		none;
}

ul.sub_nav_menu li a:hover {
	color:					#5EAED1;
	padding:				2px;
	border-bottom:			solid 3px #5EAED1;
}

ul.sub_nav_menu li.selecionado a {
	border-bottom:			solid 3px #5EAED1;
}

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





/* ---
o menu dropdown
--- */
.menutop {
	width: 					99%;
}

.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;
	text-align: 		left;
	top:				20px !important;
	width:				184px !important;
	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*/
}

.dropmenudiv ul,
.dropmenudiv2 ul,
.dropmenudiv3 ul {
/*  background:     url(images/sombreado-menu.png) center bottom no-repeat !important;
  padding-bottom:   15px; */
	border-right:			solid 1px #c0c0c0;
	border-bottom:			solid 1px #c0c0c0;
  background:         #fff;
}

* html .dropmenudiv ul,
* html .dropmenudiv2 ul,
* html .dropmenudiv3 ul {
/*  background:     url(images/sombreado-menu_ie6.png) center bottom no-repeat !important;
  padding-bottom:   15px; */
}
.dropmenudiv ul,
.dropmenudiv2 ul,
.dropmenudiv3 ul {
  overflow:         hidden;
  height:           100%;
}

.dropmenudiv ul li a,
.dropmenudiv2 ul li a,
.dropmenudiv3 ul li a {
  background: none !important;
  font-size:        1.2em;
}

.dropmenudiv ul li a:hover,
.dropmenudiv2 ul li a:hover,
.dropmenudiv3 ul li a:hover {
  background: #efefef !important
}

* html .dropmenudiv ul li a,
* html .dropmenudiv2 ul li a,
* html .dropmenudiv3 ul li a {
  height:         1%;
}

.dropmenudiv2 {
	top:				115px !important;
}

* html .dropmenudiv2 {
	  border: solid 1px #fff !important;
}

.dropmenudiv3 {
	top:				115px !important;
}

.dropmenudiv a,
.dropmenudiv2 a,
.dropmenudiv3 a {
	text-align: 		left;
	width: 				auto;
	display: 			block;
	text-indent: 		3px;
	text-decoration: 	none;
	padding:			4px 0 4px 35px !important;
}

* html .dropmenudiv a,
* html .dropmenudiv2 a,
* html .dropmenudiv3 a {

}

* html .dropmenudiv,
* html .dropmenudiv2,
* html .dropmenudiv3 {
}

.dropmenudiv a:hover,
.dropmenudiv2 a:hover,
.dropmenudiv3 a:hover {
	background: 		#efefef;
}



/* ---
a coluna central
--- */
#coluna_central,
#coluna_central2,
#coluna_central3 {
	margin-left:			185px;
	margin-right:			340px;
}

#coluna_central2 {
	margin-right:			2px;
}

#coluna_central3 {
	width:					600px;
	margin-right:			40px;
}

#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 {
	float:					right;
	width:					325px;
}

/* ---
uma coluna da direita mais fininha devido ao voluma de informação a ser mostrada
--- */
#blocos_direita2 {
	float:					right;
	width:					180px;
}

/* ---
o footer
--- */
#footer {
	clear:					both;
	text-align:				center;
	overflow:				hidden;
	margin:					0 auto;
	padding:				10px 0px;
	padding-top:			0;
}

#footer ul.footer {
	margin:					0 auto;
	display:				table;
	text-align:				center;
	width:					99%;
}

#footer ul.footer li {
	width:					23%;
	text-align:				center;
	float:					left;
}


/* --- 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:				49%;
	margin-right:		1%;
}

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

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

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

.flutua_direita {
	float:				right !important;
}

.limpa {
	clear:				both;
}

.linha {
	display:			inline;
}

.centro {
	text-align:			center !important;
}

.margem_central {
    margin:         0 auto;
}

.direita {
	text-align:			right;
}

.relative {
	position:			relative;
}

.absolute {
	position:			absolute;
}

.md10 {
	margin-right:		10px;
}

.md20 {
	margin-right:		20px;
}

.small.linha {
	font-size:			10px !important;
	display:			inline !important;
	font-family:Arial, Helvetica, sans-serif;
}

.small {
	font-size:			10px !important;
}

.block {
	display:			block;
}

.esquerda {
	text-align:			left !important;
}

.justificado {
	text-align:			justify;
}

.hidden {
	overflow:			hidden;
}

.tag1 {
	font-size:			8px !important;
	font-weight:		bold;
}

.tag1 {
	font-size:			9px !important;
	font-weight:		bold;
}

.tag2 {
	font-size:			10px !important;
}

.tag3 {
	font-size:			11px !important;
	font-weight:		bold;
}

.tag4 {
	font-size:			12px !important;
}

.tag5 {
	font-size:			13px !important;
	font-weight:		bold;
}

.tag6 {
	font-size:				15px !important;
}

.tag7 {
	font-size:				16px !important;
	font-weight:			bold;
}

.tag8 {
	font-size:				17px !important;
}

.tag9 {
	font-size:				18px !important;
	font-weight:			bold;
}

.tag10 {
	font-size:				20px !important;
}

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

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...
--- */
div.thumb {
	float:					left;
}


img.lista1 {
	width:					50px;
	margin:					5px;
	padding:				5px;
	margin-top:				0;
}




.caixa_estilo1,
.caixa_padrao5,
ul.tabela li {
	height:					auto;
	overflow:				hidden;
	background:				#fff;
	padding:				10px;
	margin-bottom:			20px;
	border-right:			solid 1px #c0c0c0;
	border-bottom:			solid 1px #c0c0c0;
}


/* DIVs extras se quiser formatar */
.paginacao {
	margin:					5px auto;
}

.oculta {
	display:				none;
}


/* ---
a caixa de anúncio das mensagens de retorno do sistema
--- */
.aviso_naologado2 {
	position:				relative;
	border:					dashed 1px #333;
	margin:					20px auto;
	padding:				10px;
    text-align: 			center;
	display:				block;
	overflow:				hidden;
	line-height:			120%;
}


/* --- comunidades, limitador de espaços --- */
#texto_comunidades span.texto_tabela {
	overflow:				hidden;
}

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


/* --- o chat --- */
body.chat {
	background:				#fff;
	padding:				5px;
}

body.chat #logo {
	background:				url(../../../../upload/logo.png) top left no-repeat;
	height:					59px;
}

body.chat small {
	color:					#808080;
}

/* ---
a lateral do chat
--- */
body.lateralchat {
	background:				#efefef;
	padding:				5px;
	height:					100% !important;
}

/* ---
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 5px #333;
	border-right:			solid 5px #333;
	padding:				10px;
}

/* --- 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;
}
.hide {
	position:				absolute;
	left:					-999em;
	height:					1px;
	width:					100px;
	overflow:				hidden;
}


/* --- As dicas --- */
table.dicas {
	clear:					both;
	border-collapse: 		separate; 
	border-spacing: 		5px 0px;
	width:					28%;
}

table.dicas td {
	width:					140px !important;
	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;
}

table.dicas td  h1 {
	color:					#333;
	font-size:				1.2em;
	padding-bottom:			10px;
}

/* --- a busca do blog -------------------------- */
.busca_blog {
	position:				absolute;
	right:					215px;
	text-align:				right;
	width:					270px;
}

* html .busca_blog {
	position:				absolute;
}

.escondido,
.escondida {
	display:				none;
}

.negrito {
	font-weight:			900;
}

.setinha {
	color:					#5EAED1;
	margin:					0 5px;
}

form#form_ordenar select {
	margin-top:				-3px;
}

/* --- um lista tripla para a página inteite ---------------- */
ul.tres_em_tres {
	margin:					10px 0;
	width:					780px;
}

* html ul.tres_em_tres {
	width:					758px;
}

ul.tres_em_tres li {
	width:					30% !important;
	float:					left;
	border:					solid 1px #f1c7c7;
	margin:					2px;
	padding:				5px !important;
	height:					135px;
}

ul.tres_em_tres li img {
	float:					left;
	margin-right:			5px;
}

ul.tres_em_tres li h2 {
	color:					#999;
	margin-left:			5px;
	font-size:				1.2em;
}

ul.tres_em_tres li p {
	color:					#0;
	font-size:				0.7em;
	font-weight:			900;
}

ul.tres_em_tres li p  a {
	text-decoration:		none;
}

ul.tres_em_tres li p  a:hover {
	color:					#5EAED1;
}

ul.tres_em_tres li div.delete {
  clear:					both;
	float:					right;
	color:					#000;
	font-size:				0.7em;
	font-weight:			900;
  	text-align:     		right;
	position:				relative;
	top:					10px !important;
}

ul.tres_em_tres li div.delete img {
  text-align:       		center;
  margin-left:      		42%;
  clear:          			both;
  vertical-align:			middle !important;
}

ul.tres_em_tres li div.delete a {
	text-decoration:		none;
}

ul.tres_em_tres li div.delete a:hover {
	color:					#5EAED1;
}

ul.tres_em_tres li h4  {
	clear:              both;
  padding-top:     5px;
  height:         20px;
}

.paginacao ul.paginacao {
	margin-right:			10px;
}

.paginacao ul.paginacao li {
	display:				inline;
}

a.sem_linha {
	text-decoration:		none;
}

#responder_topico,
#comentar_audio {
	background:				url(../../../icox/tema/icox3/images/botao_responder.png) no-repeat;
	height:					25px;
	padding-bottom:			8px;
	width:					112px;
	border:					0 !important;
	color:					#000;
	font-weight:			900;
	font-size:				0.9em !important;
}

* html #responder_topico,
* html #comentar_audio {
	padding-bottom:			4px;
}



/* CSS MENU LATERAL */

#dhtmlgoodies_menu	li{	/* Main menu <li> */

	list-style-type:none;	/* No bullets */

	margin:0px;	/* No margin - needed for Opera */

}

#dhtmlgoodies_menu	li a{	/* Main menu links */

	display:block;

}

.dhtmlgoodies_subMenu{

	background:			#ffffff;

	font-size:			1.2em;

	border-bottom:		0;

	visibility:			hidden;

	position:			absolute;

	overflow:			hidden;

	text-decoration:	none;

	margin-left:		-15px;

	margin-top:			10px;

}

.dhtmlgoodies_subMenu ul li{

	width:				144px;

	list-style-type:	none;

	margin:				0px;

	padding-left:		5px;

	padding-right:		5px;

}

.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */

	padding-left:		0px;

	font-weight:		900;

	white-space:nowrap;	/* No line break */

	padding:			5px 12px;

	text-decoration:	none;

	display:block;	/* Display as block - you shouldn't change this */

}

.dhtmlgoodies_subMenu ul li a:hover {

	background:			#efefef;

	padding:			5px 15px;

	padding-left:		12px;

	text-decoration:	none;

	margin-right:		5px;

}




p.direita {
	clear:				both;
}




#subMenuDiv1 {
  width:          184px;
/*  background:     url(images/sombreado-menu.png) center bottom no-repeat !important; */
	border-right:			solid 1px #c0c0c0;
	border-bottom:			solid 1px #c0c0c0;
  background:         #fff;
}

* html #subMenuDiv1 {
/*  background:     url(images/sombreado-menu_ie6.png) center bottom no-repeat !important; */
}

#subMenuDiv1 ul#submenuUl1 {
  width:          184px !important;
}

#subMenuDiv1 ul#submenuUl1 li a {
  background: none !important;
  width:        100% !important;
}

#subMenuDiv1 ul#submenuUl1 li a:hover {
  background: #efefef !important;
}