/* --- -------------------------------------------- --- */
/* ---          CSS para Comunidades MIS            --- */
/* --- -------------------------------------------- --- */
/* ---        Criação: 28.08.2008 - 13hs51          --- */
/* --- -------------------------------------------- --- */
/* --- 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:				#e5f6f5; /*url(images/body_bg.jpg) fixed;*/
	font-size:				62.5%;
	font:					    0.8em "Arial", verdana, sans-serif;
	text-align:				center;
}

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

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

/* ---
o cabeçalho como um todo
--- */
#header {
	height:					200px !important;
	overflow:				hidden;
	padding:				2px 0;
}


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


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

#menu_lateral2 {
	padding-top:		0;
	width:					240px;
	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;
  padding:        10px;
}

#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:				0.7em !important;
	color:					  #a0a0a0 !important;
	font-family:			"Lucida Sans", arial, verdana, helvetica, sans-serif !important;
	margin-bottom:		-1px;
	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 {
	padding:				3px;
	margin:				  0px;
}

#bloco_pendencias a {
	color:					#999999 !important;
  text-decoration:  underline;
}

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

a:hover {
	text-decoration:		underline;
}

a.n_sublinhado {
	text-decoration:		none;
}

a.sublinhado {
	text-decoration:		underline !important;
}

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


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

h2 {
	font-size:				1.1em;
}

h3 {
	font-size:				1.0em;
}

h4 {
	font-size:				0.9em;
}

h5 {
	font-size:				0.8em;
}

h6 {
	font-size:				0.7em !important;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1,
h2,
h3,
h4,
h5,
h6 {
	text-decoration:		none !important;
	color:					#009999;
	font-family:			"Lucida Sans", arial, verdana, helvetica, sans-serif !important;
}

h1.title,
.title {
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif !important;
	font-size:				1.2em !important;
	line-height:			1em !important;
}

.title {
	text-transform:			none;
  font-size:          0.9em;
}

hr.middle,
hr.middle_popup {
	height:					1px;
	border:					0 !important;
	background:				#000;
	margin-left:			73px;
	width:					662px;
	margin-bottom:			15px;
}

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

.enderecos {
	width: 				305px;
}

input,
textarea,
select,
input {
	border:				solid 1px #666;
	margin-bottom:		2px;
	padding:			2px;
	font-size:			0.9em !important;
 	 background:        #fff;
}

option {
	padding-right:		5px;
	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;
}

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


thead {

}

tr th {
	padding:			6px 4px;
	text-transform:		lowercase;
	background:			#00a99d;
	color:				#fff;
	white-space:		nowrap;
	text-align:			center;
}

tr th a {
	color:				#fff !important;
	text-decoration:	underline !important;
}

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 #009999;
	padding:			5px 4px;
}

tr {

}


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

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;
  font-size:      0.8em;
}

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,
.sem_bg {
	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;
	font-size:			0.9em;
}

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 lista dos últimos eventos da home
--- */
ul.last_events,
ul.last_events2 {
  font-size:            0.9em;
  margin:               0 5px;
}

ul.last_events li,
ul.last_events2 li {
  margin-bottom:        10px;
  border-bottom:        dashed 1px #333 !important;
  padding-bottom:       10px;
  font-weight:          900;
  display:            block;
    min-height:       20px;
}

* html ul.last_events li {
  height:           100%;
}

* html ul.last_events2 li {
  height:           100%;
}

ul.last_events li img,
ul.last_events2 li img {
  float:               right !important;
	margin-left: 5px;
	margin-top:		2px;
  display:        block;
}

ul.last_events li p,
ul.last_events2 li p {
  margin-bottom:        0 !important;
}

ul.last_events li p.referencias,
ul.last_events2 li p.preferencias {
  margin-left:          0px;
  margin-bottom:        0 !important;
}

* html ul.last_events li p,
* html ul.last_events2 li p {

}

#blocos_direita ul.last_events,
#blocos_direita2 ul.last_events {
  font-size:          0.9em !important;
}

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

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(../../../mis/tema/mis_comunidades/images/pixel.gif);
}

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

ul.triplona,
ul.triplona2 {
  margin:         0;
}

ul.triplona2 {
  margin-bottom:  -40px;
  overflow:       hidden;
}

ul.triplona3 {
  height:         100%;
  overflow:       hidden;
}

ul.triplona li,
ul.triplona2 li,
ul.triplona3 li {
  float:          left;
  width:          153px;
  overflow:       hidden;
  margin:         0 2px;
  padding:        3px;
  height:         180px;
  margin:         4px 2px;
}

* html ul.triplona li,
* html ul.triplona2 li,
* html ul.triplona3 li {
width:          151px;
}

ul.triplona3 li {
  height:         110px;
}

ul.triplona3 li.dupla {
  height:         360px;
}

ul.triplona2 li {
  height:         100px;
}

ul.triplona3 li {

}

ul.triplona3 li ul {
clear:        both;
}

ul.triplona3 li ul li {
  float:        none;
  display:      block;
  width:        100%;
  clear:        both;
}

ul.triplona li img,
ul.triplona2 li img,
ul.triplona3 li img  {
  float:          left;
  vertical-align: top !important;
  margin-bottom:    5px;
  margin-right:     5px;
}

ul.triplona li h1,
ul.triplona2 li h1,
ul.triplona3 li h1 {
	font-family:			"Lucida Console", monaco, courier, sans-serif !important;
  font-size:        1.2em;
  font-weight:      100;
  text-transform:   uppercase;
  padding-bottom:   10px;
}

ul.triplona li h4,
ul.triplona2 li h4,
ul.triplona3 li h4  {
  font-family:			"Lucida Console", monaco, courier, sans-serif !important;
  color:            #000;
  font-size:        0.9em;
}

ul.triplona3 li p  {
	clear:				both;
}

ul.duplona {
  position:       relative;
  overflow:       hidden;
  width:          192px;
  padding:        0 !important;
  margin:         5px 0 !important;
  left:           -7px;
}

ul.duplona li {
  width:          82px;
  height:         110px !important;
  margin:         0 2px;
  float:          left;
  padding:        5px;
  background:     #fff;
  margin-bottom:  4px;
}

ul.duplona li h5,
ul.duplona li h5 a {
  color:          #000;
}

#blocos_direita p.direita a,
#blocos_direita2 p.direita a {
  font-size:        0.9em;
}



.bg_branco {
  background:       #fff;
}

.bg_branco2 {
  background:       #fff;
  padding:          10px;
  margin:           10px 3px;
}


/* ---
a lista que monta as abas de navegação de vários locais do sistema
--- */
ul#menu_abas  {
	display: 			inline;
	border-bottom:		1px solid #00a99d;
	margin:				15px 0;
	display:			block;
	width:				99%;
} 

ul#menu_abas li {
	display: 			inline;
	white-space:		nowrap;
  position:       relative;
  top:          -2px;
}

ul#menu_abas li a {
	position:			relative;
	top:				0px;
	background:			#efefee;
	border: 			1px solid #a9a9a9;
	color: 				#666 !important;
	padding:			6px 45px 2px 5px;
	margin:				0 2px 0 2px;
}

ul#menu_abas li a:hover {
	border: 			1px solid #a9a9a9;
	border-bottom:		1px solid #a9a9a9;
	background: 		#00a99d;
	color: 				#fff !important;
z-index:        99999999 !important;
}

ul#menu_abas li a.selecionado,
ul#menu_abas li.selecionado a {
	position:			relative;
	top:				0px;
	border: 			1px solid #00a99d;
	background: 		#00a99d;
	color: 				#fff !important;
	text-transform:		uppercase;
	font-size:			1.0em;
	padding:			8px 8px 2px 8px;
  z-index:        99999999 !important;
}

ul#menu_abas li a.selecionado:hover,
ul#menu_abas li.selecionado a:hover {
	border: 			1px solid #00a99d;
	background: 		#00a99d;
	border-bottom:		1px solid #fff;
	color: 				#fff;
	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:			#efefef; */
	border-left:				solid 2px #00a99d;
	display:			block;
	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 {
	float:					left;
  width:          228px;
  height:         94px;
	margin-top:				15px;
}

#banner {
	text-transform:			lowercase;
	font-weight:			900;
	text-align:				left !important;
  font-size:        0;
}

/* ---
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.3em;
	margin:					0 12px;
	font-weight:			900;
	text-transform:			lowercase;
}


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

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

#menu_cabecalho ul li {

}

/* ---
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;
  margin-top:       -30px;
  line-height:      1em;
  margin-bottom:    -10px;
}


#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;
text-transform:			lowercase !important;
}

#caixa_busca a.busca_avancada {
	text-decoration:		none;
	margin-left:			20px;
	color:					#707070;
  font-size:          0.9em;
}

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

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

*:first-child+html input#buscar {
top:					2px !important;
}

*html input#buscar {
top:					0px !important;
}

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;
	padding-top:			5px;
}

#user_info2 #menu ul {
position: relative;
left:         -190px;
	text-align:				right !important;
  margin-top:       -20px;
    width:        700px;
}

*:first-child+html #user_info2 #menu ul  {
  margin-top:       -30px;
}

* html #user_info2 #menu ul  {
  margin-top:       -10px;
}

#user_info2 #menu ul li {
	display:				inline;
	margin:					0 13px;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
}
#user_info2 #menu ul li a {
	color:					#000;
	text-decoration:		none;
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
	font-size:				0.9em;
}

#user_info2 #menu ul li a:hover {
	text-decoration:		underline;
}

#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 {
	margin-bottom:		15px;
	zoom:				100%;
}

ul.menu_principal li {
	border-bottom:		dashed 1px #333;
}

ul.menu_principal li a {
	display:			block;
	text-decoration:	none;
	text-transform:		uppercase;
	font-size:			0.8em;
	padding:			5px 12px;
	padding-left:		20px;
	font-weight:		100;
}

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

ul.menu_principal li a:hover {
	background:			#009999;
  color:          #fff;
	padding:			5px 12px;
	padding-left:		20px;
	text-decoration:	none;
}




/* ---
--- fim - de - área - ------------------------------------------------------------------------------------------------------
--- */
/* --- 11. os blocos da coluna da esquerda --- */
/* --- os blocos --- */
.block {
	margin:					0 auto;
}

.block_title,
.block_title_linha {
	padding-top:			10px;
	margin:					0 12px;
	font-family:			"Lucida Console", courier, courier new, system, serif !important;
	text-align:				left !important;
}

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

.block_title h1 {
	font-size:				1.3em;
	display:				inline;
	color:					#009999;
	font-family:			"Lucida Console", courier, courier new, system, serif !important;
	text-align:				left !important;
  text-transform:     uppercase !important;
  font-weight:        100;
}

#blocos_direita .block_title a {
	color:					#fff !important;
}

#blocos_direita .block_title a.selected {
	color:					#fff !important;
	border-bottom:			solid 2px #fff !important;
}

#blocos_direita .block_title,
#blocos_direita2 .block_title {
  color:            #fff !important;
  background:       #009999;
  padding:          5px;
  margin:           0 4px;
}

#blocos_direita .block_title h1,
#blocos_direita2 .block_title h1,
#blocos_direita .block_title h1 a,
#blocos_direita2 .block_title h1 a {
  color:            #fff !important;
  font-size:        1.3em;
  font-weight:      100;
}

#blocos_direita .block_content,
#blocos_direita2 .block_content {
  padding:          10px 0px;
  margin:           0px;
}

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

}

ul.home_areas li {

}

ul.home_areas li a {
	border-bottom:				solid 1px #009999;
	font-size:					1.1em;
	text-transform:				lowercase;
	padding:					4px;
	font-weight:				900;
	color:						#333;
	text-decoration:			none;
	display:					block;
}

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

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

.sem_bg {
	background:					none !important;
}

.preto,
.preto a,
a.preto {
	color:						#000 !important;
	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-bottom:			4px;
}

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

.block_title ul.abas li a {
	text-decoration:		none;
	margin:					0 2px;
	padding:				3px 4px;
	text-transform:			lowercase;
	font-weight:			900;
	font-size:				1.2em;
}

.block_title ul.abas li a:hover{
	color:					#009999;
	border-bottom:			solid 3px #009999;
}

.block_title ul.abas li.selected a {
	color:					#009999;
	border-bottom:			solid 3px #009999;
}

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

}

ul.abas a h1 {
	font-size: 1em !important;
}

\* --- o conteúdo do bloco ------------------------------------------- */
.block_content {
	/*background:				url(../../../mis/tema/mis_comunidades/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 #009999 !important;
	width:					150px;
	height:					3px;
}

/* --- a lista dos links abaixo das abas - tipos de conteúdo --------------------------- */
.block_content ul.tipo_conteudo,
 ul.tipo_conteudo {
	text-align:				left;
	margin-bottom:			5px;
  position:             relative !important;
	width: 50%;
}

#blocos_direita ul.tipo_conteudo,
#blocos_direita2 ul.tipo_conteudo  {
	width: 100% !important;
}

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

.block_content ul.tipo_conteudo li a,
 ul.tipo_conteudo li a {
	text-transform:			lowercase;
	text-decoration:		none;
	font-size:				0.8em;
	color:					#333;
	font-family:			"Lucida Console", courier, courier new, system, serif !important;
}

.block_content ul.tipo_conteudo li a:hover,
 ul.tipo_conteudo li a:hover {
	color:					#009999;
}

/* --- 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 #fff;
	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.7em;
	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:					#009999;
}

.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:					#009999;
}

/* --- 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 #eff6f5;
	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:					#009999;
}

.block_footer {
	/*background:				url(../../../mis/tema/mis_comunidades/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 #fff;
	width:					100px !important;
	height:					170px !important;
	padding:				2px;
	margin:					2px;
}

ul.home_destaques li h1 {
	font-size:				1em;
}

ul.home_destaques li h1 a {
	color:					#009999;
	text-transform:			lowercase;
	display:				block;
	margin-bottom:			6px;
}

ul.home_destaques li a.home_destaques_img img {
	width:					50px;
	height:					50px;
	float:					left;
	margin-right:			5px;
	vertical-align:			bottom !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,
.autor {
	clear:					both;
	color:					#a0a0a0;
	font-size:				0.7em !important;
	line-height:			1.3em !important;
	margin-bottom:			6px !important;
}

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

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

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

ul.home_destaques p.home_destaque_teaser  a {
	color:					#009999;
	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 2px;
	line-height:			1.5em;
	text-decoration:		none;
}

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


/* ---
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(../../../mis/tema/mis_comunidades/images/bloco_login_entrar.png) no-repeat;
	height:					22px;
	padding-bottom:			8px;
	width:					62px;
	border:					0 !important;
	color:					#009999;
	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:      1.4em;
/*	font-family:			"Lucida Console", courier, courier new, system, 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 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,
#bloco_area {
	text-align:			center;
	background:			#fff;
}

#bloco_perfil_pessoal .block {
}

#bloco_perfil_pessoal .recomende {

}

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

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

#bloco_perfil_pessoal h1.nome a {
	padding:			0;
}

#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(../../../mis/tema/mis_comunidades/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 {}
#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: 5px !important;
	margin-bottom:		20px;
}

#bloco_tags_populares ul {
	padding-top:		5px;
  margin: 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;
}

/* ---
breadcrumb
--- */
#header_breadcrumb {
	clear:					both;
	position:				relative;
	top:					-50px;
	margin-left:			76px;
	height:					25px;
	color:					#000 !important;
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
	font-size:				0.8em;
	font-weight:			900;
	line-height:			1em;
}

#header_breadcrumb a {
	color:					#999;
	text-decoration:		none;
	cursor:					pointer !important;
}

#header_breadcrumb ul li {
	float:					left;
	margin:					0 3px;
}


/* ---
a barra do breadcrump
--- */
#barra_navegacao,
#breadcrumb {
	padding:				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:					#009999 !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:					#009999 !important;
}

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

#breadcrumb ul li a.selected:hover {
	color:					#009999 !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.0em;
	text-transform:			lowercase;
	line-height:			1.8em;
	text-decoration:		none;
}

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

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

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





/* ---
o menu dropdown
--- */
.menutop {
  width: 					100%;
  margin-top:     -9px;
	text-align: 		right !important;
}

*:first-child+html .menutop {
}

*html .menutop {
  margin-top:     -27px !important;
  position:   absolute;
}

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

.menutop ul {
position: relative !important;
	width: 1160px !important;
  padding: 			0;
	margin: 			0;
	text-align: 		right !important; /*set value to "left", "center", or "right"*/
  height:       20px !important;
  overflow:     hidden;
  padding-top:  10px;
}

*:first-child+html .menutop ul {
  margin-top: -20px !important;
	width: 1170px !important;
}

* html .menutop ul {
  position: relative;
  width: 100% !important;
  left: -480px !important;
}

.menutop ul li {
	text-align: 		right !important;
	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:				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:				122px !important;
}

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

* 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: 		#efefef;
}



/* ---
a coluna central
--- */
#coluna_central,
#coluna_central2,
#coluna_central3,
#coluna_central4,
#coluna_central5,
#coluna_central6 {
	margin-left:			245px;
  padding:          5px;
  background:     #fff;
}

* html #coluna_central {
	margin-left:			255px;
}

#coluna_central2 {
	margin-right:			2px;
	margin-left:			245px;
  background:     #fff;
}

#coluna_central3 {
	width:					485px;
	margin-left:			245px;
	margin-right:			0px;
  background:     #fff;
}

#coluna_central4 {
	margin-left:			245px;
	width:					495px;
	margin-right:			0px;
  background:     #fff;
}

#coluna_central5 {
	margin-left:			245px;
	width:					385px;
	margin-right:			0px;
  background:     #fff;
}

#coluna_central6 {
	margin-left:			245px;
	width:					485px;
	margin-right:			0px;
  background:     #fff;
}

#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:					200px;
  padding-top:      5px;
}

/* ---
the footer menu
--- */
/* ---
the footer menu
--- */
#footer_menu {
	clear:					both;
	background:				#000;
	height:					22px !important;
	margin-left:			70px;
	position:				relative;
	top:					0px;
  margin-top:         15px;
  bottom:           0!important;
}

#footer_menu ul {
	position:				relative;
	line-height:			1em;
	padding-left:			2px;
  padding-top:       3px;
}

#footer_menu ul li {
	display:				inline;
	color:					#fff;
	font-size:				0.8em;
}

#footer_menu ul li a {
	color:					#fff;
	text-decoration:		none;
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
	margin:					0 5px;
}

#footer_menu ul li a:hover {
	text-decoration:		underline;
}

/* --- css para o opera --- */
@media all and (min-width: 0px){
#footer_menu {
  position:             relative;
  padding-bottom:         0 !important;
  top:                    44px;
}
}




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

.flutua_direita {
	float:				right !important;
}

.limpa {
	clear:				both;
}

.linha {
	display:			inline;
}

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

.direita {
	text-align:			right;
}

.relative {
	position:			relative;
}

.absolute {
	position:			absolute;
}

.md10 {
	margin-right:		10px;
}

.md20 {
	margin-right:		20px;
}

.small.linha {
	font-size:			0.8em !important;
	display:			inline !important;
}

.small {
	font-size:			0.8em !important;
}

.block {
	display:			block;
}

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

.justificado {
	text-align:			justify;
}

.hidden {
	overflow:			hidden;
}

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

.tag2 {
	font-size:			10px;
}

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

.tag4 {
	font-size:			12px;
}

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

.tag6 {
	font-size:				15px;
}

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

.tag8 {
	font-size:				17px;
}

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

.tag10 {
	font-size:				20px;
}

hr.estilo1,
hr.estilo2,
hr.estilo3,
hr.estilo4 {
    border:					0;
    width: 					90%;
    color: 					#c0c0c0;
    background:				#c0c0c0;
    height:					1px;
	margin:					1px 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;
	padding:				5px 2px;
  position:         relative;
  margin-bottom:    0;
  background:       #fff;
  border:           solid 1px #fff !important;
}

* html .caixa_estilo1 {
  border:       solid 1px #fff;
}

.caixa_estilo1 h1.title,
.caixa_padrao5 h1.title,
ul.tabela li h1.title {
  color:            #fff;
  background:       #009999;
  padding:          5px;
  font-size:        1.1em;
  font-weight:      100;
  margin:           0 4px;
}

.caixa_estilo1 h1.title2,
.caixa_padrao5 h1.title2,
ul.tabela li h1.title2 {
	font-size:				1.3em;
	display:				inline;
	color:					#000;
	font-family:			"Lucida Console", courier, courier new, system, serif !important;
	text-align:				left !important;
  text-transform:     lowercase !important;
  font-weight:        100;
}

.caixa_estilo1 h1.title3,
.caixa_padrao5 h1.title3,
ul.tabela li h1.title3 {
	font-size:				1.3em;
	display:				inline;
	color:					#000;
	font-family:			"Lucida Console", courier, courier new, system, serif !important;
	text-align:				left !important;
  text-transform:     uppercase !important;
  font-weight:        100;
}

.caixa_estilo1 h1.title4_selected,
.caixa_padrao5 h1.title4_selected,
ul.tabela li h1.title4_selected {
	font-size:				1.1em !important;
	display:				inline;
	color:					#fff;
  padding:        4px 8px;
  background:       #099;
	font-family:			"Lucida Console", courier, courier new, system, serif !important;
	text-align:				left !important;
  text-transform:     uppercase !important;
  font-weight:        100;
}

.caixa_estilo1 h1.title4,
.caixa_padrao5 h1.title4,
ul.tabela li h1.title4 {
	font-size:				1.1em !important;
	display:				inline;
	color:					#000;
  padding:        3px 8px;
	font-family:			"Lucida Console", courier, courier new, system, serif !important;
	text-align:				left !important;
  text-transform:     uppercase !important;
  font-weight:        100;
  border-right:         solid 1px #099;
  border-bottom:         solid 1px #099;
  border:         solid 1px #099;
}

/* DIVs extras se quiser formatar */
.paginacao {
	margin:					15px auto;
	text-align:				center;
}

.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%;
	background:				#fff;
}


/* --- 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:					15px;
	text-align:				right;
	width:					270px;
}

* html .busca_blog {
	position:				absolute;
}

.escondido,
.escondida {
	display:				none;
}

.negrito {
	font-weight:			900;
}

.sem_negrito {
	font-weight:			100;
}

.setinha {
	color:					#009999;
	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;
	font-size:      		0.8em;
	border:					0px solid blue;
}

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

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.1em;
  	text-transform:   		uppercase;
}

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

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

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

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

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

ul.tres_em_tres li div.adicionar img {
	margin-left:			8px;
}

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

ul.tres_em_tres li div.delete a:hover,
ul.tres_em_tres li div.adicionar a:hover {
	color:					#009999;
}

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

*:first-child+html .paginacao ul.paginacao {
 margin-bottom:      30px;
}

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

a.sem_linha {
	text-decoration:		none;
}

#responder_topico,
#comentar_audio {
	background:				url(../../../mis/tema/mis_comunidades/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;
}

/* --- coisas específicas para o MIS --- */
/* ---
primary menu
--- */
#primary_menu {
	position:				relative;
	top:					11px;
  line-height:      2em;
}

#primary_menu ul {
	float:					right;
}

#primary_menu ul li {
	display:				inline;
	margin:					0 13px;
}

#primary_menu ul li.ultimo {
	margin-right:			0;
}

#primary_menu ul li a {
	color:					#000;
	text-decoration:		none;
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
	font-size:				0.9em;
}

#primary_menu ul li a:hover {
	text-decoration:		underline;
}

/* ---
secondary menu
--- */
#secondary_menu {
	clear: both;
	margin: 0 0 0 61px;
	padding: 5px 0 0 0;
    line-height: 2em;
}

#secondary_menu ul {

}

#secondary_menu ul li {
	display:				inline;
	margin:					0 10px;
	padding-right:			10px;
    height: 0px;
}

#secondary_menu ul li a {
	color:					#000;
	text-decoration:		none;
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
	cursor:					pointer;
	font-size: 12px !important;
}

#secondary_menu ul li a:hover {
	text-decoration:		underline;
}

/* ---
the bar
--- */
#secondary_bar_black,
#secondary_bar_red,
#secondary_bar_blue,
#secondary_bar_purple,
#secondary_bar_pink,
#secondary_bar_yellow,
#secondary_bar_green,
#secondary_bar_lemon_green {
	background:				#000;
	height:					21px;
	margin-left:			11px;
    margin-top:				-7px;
	color:					#fff;
	text-decoration:		none;
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
	line-height:			1em;
	width:					887px;
	position:				relative;
}

#secondary_bar_black ul,
#secondary_bar_red ul,
#secondary_bar_blue ul,
#secondary_bar_purple ul,
#secondary_bar_pink ul,
#secondary_bar_yellow ul,
#secondary_bar_green ul,
#secondary_bar_lemon_green ul {
	padding-left:			10px;
}

#secondary_bar_black ul li,
#secondary_bar_red ul li,
#secondary_bar_blue ul li,
#secondary_bar_purple ul li,
#secondary_bar_pink ul li,
#secondary_bar_yellow ul li,
#secondary_bar_green ul li,
#secondary_bar_lemon_green ul li {
	background:				none !important;
	position:				relative;
	top:					1px;
	margin:					0 !important;
	padding:				0 !important;
	letter-spacing:			-0.02em !important;
}

#secondary_bar_black ul li a,
#secondary_bar_red ul li a,
#secondary_bar_blue ul li a,
#secondary_bar_purple ul li a,
#secondary_bar_pink ul li a,
#secondary_bar_yellow ul li a,
#secondary_bar_green ul li a,
#secondary_bar_lemon_green ul li a {
	color:					#fff;
	margin:					0 !important;
	padding:				0 2px !important;
	font-size: 12px;
}

#secondary_bar_red,
.bar_red {
	background:				#ed1941;
}

#secondary_bar_blue,
.bar_blue {
	background:				#00aeef !important;
}

#secondary_bar_purple,
.bar_purple {
	background:				#91278f !important;
}

#secondary_bar_pink,
.bar_pink {
	background:				#ed008c !important;
}

#secondary_bar_yellow,
.bar_yellow{
	background:				#ffc20f !important;
}

#secondary_bar_green,
.bar_green {
	background:				#01a89e !important;
}

#secondary_bar_lemon_green,
.bar_lemon_green {
	background:				#cadb2a !important;
}

.submenustyle {
	width: 					auto;
	display: 				none;
  padding-bottom:      5px;
}

* html .submenustyle { /*IE only width definition*/
	width: 					100%;
}

.submenustyle a {
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
	color:					#fff !important;
	text-decoration:		none;
	margin:					0 !important;
	padding:				0 !important;
}

/* ---
language
--- */
#language {
	float:					right;
	position:				relative;
	top:					-130px;
  line-height:    2em;
}

#language a {
	color:					#000;
	text-decoration:		none;
	text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
}

/* ---
the calendar on the header
--- */
#header_calendar {
	width:					67px;
	height:					54px;
	position:				relative;
	top:					-80px;
	left:					894px !important;
}

.center {
	text-align:				center;
}

.right {
	text-align:				right;
}

.borderless {
	border:					0 !important;
}

.float_left {
	float:					left;
}

.float_right {
	float:					right;
}

.clear {
	clear:					both;
}
.paddingless {
	padding:					0 !important;
}

.marginless {
	margin:					0 !important;
}

.oculta {
	display:				none;
}

.lowercase {
  text-transform:     lowercase !important;
}

.no_text_decoration {
  text-decoration:     none !important;
}

p.description {
	font-size:				0.7em;
	font-family:			"Lucida Console", monaco, courier, sans-serif;
	line-height:			1.2em;
	margin-bottom:			2em;
}

p.description a {
  color:            #666 !important;
  text-decoration:   none;
}

p.small,
.small {
	font-size:				0.7em;
}

.bold {
	font-weight:			900;
}

.italic {
	font-style:				italic;
}

a.lineless {
	text-decoration:		none;
}

.one_half_lh {
	line-height:			1.6em;
}

.double_lh {
	line-height:			2em;
}

.single_lh {
	line-height:			1.2em;
}

p {
	margin-bottom:			2em;
}

.single_lh p,
.lh10 p {
	margin-bottom:			0.5em;
}

.red {
	color:					#ed1941 !important;
}

.blue {
	color:					#00aeef !important;
}

.purple {
  color:					#91278f !important;
}

.black {
	color:					#000 !important;
}

.pink {
	color:				  #ed008c !important;
}

.yellow {
	color:				  #ffc20f !important;
}

.green {
	color:				  #01a89e !important;
}

.lemon_green {
	color:				  #cadb2a !important;
}

.light_gray,
.light_grey {
	color:					#999;
}

.gray,
.grey {
	color:					#666;
}

.gray2,
.grey2 {
	color:					#9b9d9d;
}

.gray3,
.grey3 {
	color:					#666666 !important;
}

.marginless {
	margin:					0 !important;
}

.m_ten_bottom {
	margin-bottom:			10px !important;
}

.m_ten_left {
	margin-left:			10px !important;
}

.m_ten_right {
	margin-right:			10px !important;
}

.m_ten_top {
	margin-top:				10px !important;
	overflow:				hidden;
}

.m_twenty_top {
	margin-top:				20px !important;
	overflow:				hidden;
}

.m_thirty_top {
	margin-top:				30px !important;
	overflow:				hidden;
}

* html .m_thirty_top {
	margin-top:				40px !important;
}

*:first-child+html .m_thirty_top {
	margin-top:				35px !important;
}

.m_fifty_left {
	margin-left:			50px !important;
}

.m_hundred_eighty_left {
	margin-left:			180px !important;
}

.p_fifty_left {
	padding-left:			50px !important;
}

.p_ten_top {
	padding-top:			10px !important;
}

.p_twenty_top {
	padding-top:			20px !important;
}

.inline {
	display:				inline;
}

.visible {
	overflow:				visible !important;
}

.12em {
	font-size:				1.4em !important;
}

.zero_eight_em {
	font-size:				0.8em !important;
}

.zero_seven_em {
	font-size:				0.7em !important;
}

.zero_six_em {
	font-size:				0.6em !important;
}

.hidden {
  overflow:         hidden;
}

.border {
	border:					solid 1px #f00;
}

.font_two {
	font-family:			"Lucida Console", monaco, courier, sans-serif !important;
}

.uppercase {
	text-transform:			uppercase;
}

/* --- statistics --- */
.statistics {

}

.statistics .numbers {
  float:            left;
  width:            200px;
  margin-left:      70px;
  height:           20px !important;
  margin-top:       -12px;
  display: none;
}

*:first-child+html .statistics .numbers {
  margin-top:       -22px;
}

*html .statistics .numbers {
  margin-top:       -20px;
  margin-left:      35px;
}

.statistics .numbers ul.stats {
  width:            250px;
  overflow:         hidden;
}

.statistics .numbers ul.stats li {
  float:            left;
	font-size:				0.9em;
  text-transform:   lowercase;
  margin-right:     5px;
}

.statistics .numbers ul.stats li h2 {
  font-size:        1.8em;
  margin-right:     5px;
  float:            left;
  color:            #333;
}

.statistics .numbers ul.stats li p {
  float:            left;
  line-height:      0.9em;
}

#header_login {
  height:           30px;
  text-align:       center;
}

#header_login a {
  font-size:          0.9em;
}

#header_login label {
  margin-right:     15px;
}

.button {
  background:       #fff;
  padding:            1px 5px !important;
}

.submenustyle ul {
  padding-top:       3px !important;
}

.submenustyle ul li a {
  font-size:        0.8em !important;
}

form.comentarios h3 {
  float:            left;
  width:            80px;
  color:            #333;
  font-weight:      100;
  font-size:        1em;
  text-align:       right;
}

form.comentarios label {
  margin-left:      10px;
}

.help_text {
  margin-left:      420px;
  float:            left;
  margin-top:       -75px;
  font-size:        0.8em;
  width:            160px;
  font-weight:      900;
}

#bloco_descricao_area .block_title h1 {
  color:            #000 !important;
  text-transform:   lowercase !important;
}

form.busca2 {
  position:         relative;
  float:            right;
  margin-top:       0px;
  text-align:         right;
  width:          250px;
text-transform:			lowercase !important;
}

form.busca,
form.busca2 {
text-transform:			lowercase !important;
}

table.form  {
  width:            475px;
}

table.form td {
  border-bottom:        none !important; 
}

table.form td.label {
  width:                    60px;
  font-weight:          900;
  vertical-align:       top;
}

table.form td.principal {
  width:                    260px;
  vertical-align:       top !important;
}

table.form td.ajuda {
  width:                    120px;
  vertical-align:       bottom;
  font-size:            0.8em;
  font-weight:          900;
}






h2.border_bottom,
h2.border_bottom a {
	font-size:				1.3em;
	border-bottom:			dashed 1px #333;
	margin-bottom:			5px;
  color:              #000;
	font-family:			"Lucida Console", monaco, courier, sans-serif !important;
  font-weight:            100;
}

ul.lista_eventos li {
  margin-bottom:              15px !important;
}

#redemis {
    margin:px 0 0 0;
    padding: 3px 0 3px 4px;
    font-size: 0.9em;
}






/* CSS MENU LATERAL #####################################################*/
#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type:	none;	/* No bullets */
	margin:				0px;	/* No margin - needed for Opera */
	text-align: 		left !important;
}

#dhtmlgoodies_menu	li a{	/* Main menu links */
	display:			block;
}

.dhtmlgoodies_subMenu{
	background:			#ffffff;
	border-bottom:		0;
	visibility:			hidden;
	position:			absolute;
	overflow:			hidden;
	margin-left:		-15px;
	margin-top:			10px;
	text-align: 		left !important;
	font-size:			0.8em;
}

.dhtmlgoodies_subMenu ul li{
	text-transform:		uppercase;
	width:				144px;
	list-style-type:	none;
	margin:				0px;
	border-bottom:		dashed 1px #333;
}

.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	padding-left:		0px;
	white-space:		nowrap;	/* No line break */
	padding:			5px 10px 5px 0;
	display:			block;	/* Display as block - you shouldn't change this */
	padding-left:		20px;
}

.dhtmlgoodies_subMenu ul li a:hover {
	background:			#009999;
	padding:			5px 0px;
	padding-left:		0px;
	margin:				0px;
	color:				#fff;
	padding-left:		20px;
}


ul.bloco_sanfona {
}

ul.bloco_sanfona li.titulo {
  text-transform:			uppercase;
	font-family:			"Lucida Console", monaco, courier, sans-serif !important;
	font-size:				1.2em !important;
	line-height:			1em !important;
  color:            #fff;
  background:         #099;
  background-image:  url(images/sanfona_seta_direita.png);
  padding:              4px;
  margin:             3px 0;
}

ul.bloco_sanfona li.titulo a {
  display:          block;
  color:            #fff;
}

* html ul.bloco_sanfona li.titulo a {
  height:         1%;
}


ul.bloco_sanfona li.selected {
  background-image:  url(images/sanfona_seta_baixo.png) !important;
}

ul.bloco_sanfona li.conteudo {
  border: solid 1px #e5f6f5;
}

*:first-child+html ul.bloco_sanfona li.conteudo {
padding-bottom: 10px !important;
}




#blocos_direita2 ul.list {
	margin:			5px 0;
}

#footer_menu {
[
color:black;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also
hidden from older Firefox and Netscape browsers.*/
clear:        both;
margin-top: -50px;
margin-bottom: 42px !important;
]
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
#minilogos {
	margin-top:				42px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#caixa_busca {
  position: absolute;
  width:  960px;
}
}


*:first-child+html #footer_menu {
  margin-top:         50px;
  margin-bottom:      0 !important;
  }
  
  
  * html #footer_menu {
    top:          70px;
  }
 
  .caps {
    text-transform: uppecase !important;
  }
 
  .nopadding {
    padding: 0 !important;
  }
  
  .com_titulo {
    height:       150px !important;
  }
  
#coluna_central ul.tipo_conteudo,
#coluna_central2 ul.tipo_conteudo  {
  margin-top: -21px;
  }
  
  
p.titulo_post {
	font-size: 1.3em;
	color: #01a89e;
}

/* --- lista de formulários da página de todas as comuidades --- */
ul.triplinha {

}

.p_triplinha_descricao {
	margin: 		0px; 
	padding: 		0px; 
	border: 		0px solid red; 
	display: 		table; 
	width: 			100%;
}
.p_triplinha_titulo {
	margin-bottom: 	0px; 
	padding-bottom: 0px; 
	border: 		0px solid red;
}

ul.triplinha li {
  float:        left;
  width:        32%
}

.verde_mis {
	color: 				#009999;
}

div#espacamento_mis_1 {
	height: 			10px;
	width: 				100%;
	display: 			block;
}

.div_direita_mis {
	margin-right: 		85px;	
}

.espacamento_esquerda {
	margin-left: 		5px;
}


/* --- novos rodapés --- */
#novos_rodapes {
	clear: both;
	line-height: 1em;
	margin: 10px 0 0 70px !important;
	vertical-align: bottom !important;
}

#footer_menu {
    clear: both !important;
    position: relative !important;
    top: 0px !important;
}

/* IE8 */
#footer_menu {
    margin /*\**/: 10px 0 0 70px\9 !important
}

/* --- IE7 --- */
*:first-child+html #footer_menu {
    margin: 10px 0 0 70px !important;
}

/* --- IE6 --- */
* html #footer_menu {
    margin: -20px 0 -20px 70px !important;
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer_menu {
    clear: both;
    margin: 20px 0 0 70px !important;
  }
}

*:first-child+html #novos_rodapes {
    margin: 10px 0 -20px 70px !important;
}

* html #novos_rodapes {
    margin: 10px 0 -30px 70px !important;
}

#chromemenu2 ul {
    position: relative;
    top: 0 !important;
    left: 0px !important;
    width: 960px !important;
}