﻿.page { background: #fff url('../../images/bg_fsaude.jpg') no-repeat;}

.centralizar {
	margin: 0px auto;
	text-align: center;
}  

/* Barra do Topo login inicio */
  
.header {
	width: 950px;
	height: 25px;
	background: url('../../images/bg_header.jpg');
	margin: 0 auto;
}

.header h3 {
	width: 171px;
	height: 16px;
	background: url('../../images/tit_comunitmarket.png');
	margin: 5px 0 0 20px;
	float: left;
}
.atalho_logo { 
	background: url('../../images/transp.gif');
	float: left;
	position: relative;
	width: 23px;
	height: 23px;
	left: 175px;
	margin-right: -175px;
}

/* ----------------------------  Login Off Inicio */ 

.header ul.login_off {
	float: right;
	margin: 4px 15px 0 0;
}

.header ul.login_off li {
	float: left;
}

.header ul.login_off li input {
	color: #6c6c6c;
	background: url('../../images/bg_formulario.gif'); 
    border: 1px #cccccc solid;
    font: 9px verdana;
    padding: 2px 5px 0 0;
    margin: 0 5px 0 0;
}

.header ul.login_off li a.ok {
	background: url('../../images/bt_ok3.png');
	width: 33px;
	height: 17px;
	display: block;
	margin: 0 0 0 0;
	
}

.header ul.login_off li a.bt_cadastre {
	color: #fff;
	background:transparent url(../../images/seta.png) no-repeat scroll left center;
	display: block;
	margin: 2px 10px 0 10px;
	padding: 0 0 0 10px;
	
}

/* ----------------------------  Login Off Fim */
/* ----------------------------  Login ON Inicio */

.header ul.login_on {
	float: right;
	margin: 4px 15px 0 0;
}

.header ul.login_on li {
	float: left;
}

.header ul.login_on li span.user_login {
	color: #D3D8EA;
	background: url('../../images/ico_user.gif') no-repeat left center;
	padding-left: 15px;
}

/* ----------------------------  Login ON Inicio */

/* Barra do Topo Login Fim */

h1.tit_fs, h2.subtit_fs, h3.logo { margin: 30px 20px 0 20px;} 

h1.tit_fs {
	float: left;
	width: 158px;
	height: 22px;
	background: url('../../images/tit_forum_saude.png');
}

h2.subtit_fs {
	float: left;
	width: 277px;
	height: 28px;
	background: url('../../images/subtiti_forum_saude.png');
}

h3.logo {
	float: right;
	width: 129px;
	height: 44px;
	background: url('../../images/logo_sulamerica.png');
}

/* menu comunidade */
ul.fs_menu {
	width: 600px;
	height: 30px;
	float: left;
	margin: 30px 0 0 20px;
}

ul.fs_menu li {
	float: left;
	height: 30px;
	text-indent: -3000px;
	overflow: hidden;	
	}

ul.fs_menu li a {	
	display: block;
	background-position: center top;
	}

ul.fs_menu li.home a{
	width: 69px;
	height: 30px;
	background: url('../../images/bt_home.png') no-repeat;
	margin-right: 15px;
}

ul.fs_menu .temas a{
	width: 75px;
	height: 30px;
	background: url('../../images/bt_temas.png') no-repeat;
}

ul.fs_menu .temasOn a{
	width: 75px;
	height: 30px;
	background: url('../../images/bt_temas_on.gif') no-repeat;
}

ul.fs_menu .compartilhe a{
	width: 194px;
	height: 30px;
	background: url('../../images/bt_compartilhe.png') no-repeat;
}

ul.fs_menu .compartilheOn a{
	width: 193px;
	height: 30px;
	background: url('../../images/bt_compartilhe_on.gif') no-repeat;
}

ul.fs_menu .busca a{
	width: 81px;
	height: 30px;
	background: url('../../images/bt_busca.png') no-repeat;
}

ul.fs_menu .buscaOn a{
	width: 80px;
	height: 30px;
	background: url('../../images/bt_buscar_on.gif') no-repeat;
}

ul.fs_menu .comunidade a{
	width: 126px;
	height: 30px;
	background: url('../../images/bt_comunidade.png') no-repeat;
}

ul.fs_menu .comunidadeOn a{
	width: 126px;
	height: 30px;
	background: url('../../images/bt_comunidade_on.gif') no-repeat;
}
/* menu comunidade */

.img_compartilhe {
	margin: 30px 0 0 20px;
	border: 0px;	
}

h4.procura  {
	width: 208px;
	height: 27px;
	background: url('../../images/sub_o que_procura.png') no-repeat;
	}

h4.barra_laranja {
	background: url('../../images/barra_laranja.jpg') no-repeat left center;
	height: 24px;
	margin-left: 20px;
	padding: 10px 0 10px 10px;
	color: #2f4388;
	font: bold 22px verdana;
	
}

h4.barra_laranja span {
	color: #ff6600;
}

.box_compartilhe  {
	margin: 45px 0 0 20px; 
	width: 450px;
	/* height: 170px; */
	}
	
.box_compartilhe li p { margin: 10px 0 0 10px; font-size: 11px;}

.box_compartilhe li label {
	margin: 20px 0 0 10px; 
	font-size: 11px; 
	font-weight: bold;
	width: 120px;
	display: block;
	text-align: right;
	float: left;
	}

.box_compartilhe li label.erro  {
	color: Red;
}

.box_compartilhe li input  {
	margin: 20px 0 0 10px;
	width: 245px; 
    background: url('../../images/bg_formulario.gif'); 
    border: 1px #cccccc solid;
    }

.box_compartilhe li select  {
	margin: 20px 0 0 10px; 
	width: 250px;
    background: url('../../images/bg_formulario.gif');
    border: 1px #cccccc solid;
    float: left;
    }
  
.box_compartilhe li a {
	float: right;
	margin: 10px 60px 0 0;
}

.box_experiencias {
	width: 90%;
	margin: 0 20px 0 20px;
	background-image: url('../../images/bg_tit_coment.png');
	background-repeat: repeat-x;
	background-position: left top;}
	
.box_experiencias h6{
	width: 115px;
	height: 40px;
	text-indent: -9000px;
	background-image: url('../../images/tit_comentarios.gif');
	background-position: bottom;
	background-repeat: no-repeat;
}
	
.box_experiencias .comentario{
    margin: 0 0 0 10px;
    padding: 0 0 0 60px;
    height: 45px;
    background-image: url('../../images/img_balaocinza.gif');
    background-repeat: no-repeat;
    background-position: left 10px;
}

.box_experiencias .comentario_txt {
    background-image: url('../../images/br_fundo_comentario.png');
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0 0 15px 0;
	padding: 10px 60px 10px 10px;
	}
	
.box_experiencias .comentario_txt_erro {
    background-color: #fceade;
	margin: 0 0 15px 0;
	padding: 10px 60px 10px 10px;
}

.box_experiencias .comentario_txt_erro  p {   
	font-size: 11px;
	color: #4e5468;
}
	
	
.separador{
	height: 1px; 
	margin-top: 10px;
	background-image: url('../../images/bg_tit_coment.png');
	background-repeat: repeat-x;
	background-position: left top;}

.box_experiencias .comentario_txt  p {   
	font-size: 11px;
	color: #4e5468;
}

.box_experiencias .comentario span {
    font-family: Verdana;
    color: #5d6ea9;
    font-size: 11px;
    margin-left: 10px;

}

h4.tit_experiencias  {
	width: 274px;
	height: 30px;
	background: url('../../images/sibtit_experiencias.png') no-repeat;
	margin: 10px 0 10px 20px;
	}

h4.tit_temas  {
	width: 474px;
	height: 27px;
	background: url('../../images/sibtit_assuntosdestaque.png') no-repeat;
	margin: 20px 0 0px 20px;
}
	
h4.tit_comunidade  {
	width: 917px;
	height: 43px;
	background: url('../../images/tit_comunidade.gif') no-repeat;
	margin: 20px 0 15px 20px;
}

h4.tit_genericos {
	font-size: 16px;
	font-weight: bold;
	color: #f60;
	padding-left: 39px;
	background: url(../../images/bg_tit_pggenerica.gif) no-repeat left center;
	margin: 20px 0 10px 20px;
}

h4.tit_genericos span {
	font-size: 11px;
	font-weight: normal;
	margin-left: 10px;
	color: #142870;
	padding-left: 18px;
	background: transparent url(../../images/ico_coment.png) no-repeat left bottom;
}

h4.tit_genericos span b {	font-size: 11px;}

h5 {
	font-size: 13px;
	color: #ff6600;
}

.exp_head {
	background-image: url('../../images/bg_head_coment.png');
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	padding: 10px;
	color: #142870;
	font-size: 11px;
}



.exp_head span.autor
{
	background-image: url('../../images/ico_autor.png');
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-right: 15px;
}

.exp_head span.calend
{
	background-image: url('../../images/ico_calend.png');
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 20px;

}

.exp_head span.coment
{
	background-image: url('../../images/ico_coment.png');
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-right: 20px;
}

.exp 
{
	background-image: url('../../images/bg_coment.png');
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	padding: 10px;
	}

.exp p 
{
	font-size: 11px;
	color: #4e5468;
}

.exp_detalhe 
{
	width: 855px;
	padding: 10px;
	}
	
	.exp_detalhe p 
{
	font-size: 11px;
	color: #4e5468;
	margin: 0 0 18px 0;
}

.bt_detalhes {
	width: 96px;
	height: 21px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../../images/bt_ver_detalhes.png');
	display: block;
	float: right;
	margin: 10px 20px 20px 0;
	border: 0px;
}
.form_detalhe{
    margin: 0 20px 0 20px;
}

.form_detalhe .erro{
    color: #cc0000;
}


.form_detalhe h6{
    width: 186px;
    height: 30px;
    text-indent: -9000px;
    background: url('../../images/tit_deixeseucomentario.gif') no-repeat;
}
.form_detalhe span{
    /*margin-left: 13px;*/
    font-family: Verdana;
    font-size: 11px;
    color: #4e5468;
}
ol.form {
	margin-top: 20px;
}

ol.form li {
	width: 800px;
	margin: 0 0 15px 0;
}

ol.form li label {
	font-size: 11px;
	font-weight: bold;
	width: 75px;
	float: left;
	text-align: right;
	padding: 5px 10px 0 0; 
}

ol.form li input {
    width: 500px;
	background: url('../../images/bg_formulario.gif') no-repeat right top;
	padding: 2px 0 0 6px;
	margin: 3px 5px 0 0;
	border: 1px #cccccc solid;
	height: 20px;
}

ol.form li textarea {
    width: 500px;
	background: url('../../images/bg_formulario.gif') no-repeat right top;
	padding: 2px 0 0 6px;
	margin: 3px 5px 0 0;
	border: 1px #cccccc solid;
}

ol.form li select {
    width: 510px;
	background: url('../../images/bg_formulario.gif');
	padding: 2px 0 0 6px;
	margin: 3px 5px 0 0;
	border: 1px #cccccc solid;
	height: 23px;
}

ol.form li img {
    margin: 0 0 0 95px;
}

p.maisexp {
    float: left;
	margin: 10px 0 20px 100px;
	background: transparent url(../../images/ico_mais.gif) no-repeat scroll 0 0;
	height: 18px;
	padding-left: 25px; 
}

p.maisexp a {
	color: #ff6600;
	font: bold 14px 'tahoma';	
}

p.compartilheexp {
    float: left;
	margin: 10px 0 20px 20px;
	background: transparent url('../../images/ico_balao.gif')  no-repeat scroll 0 0;
	height: 18px;
	padding-left: 25px;
}

p.compartilheexp a {
	color: #ff6600;
	font: bold 14px 'tahoma';	
}

/* ---------------------------------------------------- lista de temas */
/* -------------------------------------------- Comunidade2 Inicio */

.boxdetalhes h4.tit_experiencias2 {
	display: block;
	width: 107px;
	height: 17px;
	background: url('../../images/tit_experiencias.png') no-repeat;
	margin: 0 0 20px 0;
}

.boxdetalhes h4.tit_comentarios {
	display: block;
	width: 108px;
	height: 17px;
	background: url('../../images/tit_comentarios.png') no-repeat;
	margin: 10px 0 20px 0;
}

.boxdetalhes .bg_bar {
	background: url('../../images/bg_tit_coment.png') repeat-x left top;
	padding: 2px;
}

.boxdetalhes .bt_ver_todos {
	display: block;
	width: 75px;
	height: 25px;
	background: url('../../images/bt_ver_todos.gif') no-repeat;
	margin: 10px;
}

.boxdetalhes .bg_bar a.botoes {
	background: url('../../images/ico_mais.gif') no-repeat left center;
	margin: 10px;
	display: block;
	padding: 0 10px 0 25px;
	color: #ff6600;
	font: 13px Verdana;
}

.boxdetalhes .bg_bar a.botoes span {
	color: #142870;
	margin: 10px;
	font: 11px Verdana;
}

/* -------------------------------------------- Comunidade2 fim */
/* -------------------------------------------- guia box participantes fim */

.listatemas {
	margin: 0 32px;
}
.listatemas ul {
}
.listatemas ul li {
	border-bottom: dotted 1px #ededed;
	padding: 8px 0;
}

.listatemas ul li.novotema {
	background: #f4f3f4 url(../../images/bg_listatemas.jpg) repeat-y left;
	border-top: 1px solid white;
}
.listatemas ul li a {
	padding-left: 26px;
	font-size: 13px;
	font-weight: bold;
	color: #f60;
	background: transparent url(../../images/ico_mais.gif) no-repeat left center;
	display: block;
}
.listatemas ul li a span {
	font-size: 11px;
	font-weight: normal;
	margin-left: 18px;
	color: #142870;
	padding-left: 18px;
	background: transparent url(../../images/ico_coment.png) no-repeat left bottom;
}
.listatemas ul li a span b {
	font-size: 11px;
}
.listatemas ul li a span.novocoment {
	font-weight: bold;
	background: transparent url(../../images/ico_coment_new.gif) no-repeat left bottom;
}
.listatemas ul li a img {
	margin: -5px 0 -5px 40px;
}

/* ------------------------------------------------ fim lista de temas */

/* -------------------------------------------------------- box perfil */

.boxperfil {
	width: 547px;
	margin: 0 auto 20px;
	padding-right: 15px;
	background: #FFF url(../../images/bg_boxperfil.jpg) repeat-x bottom;
	border-bottom: 1px dotted #c5c9d6;
	min-height: 150px;
}

.boxperfil .tit_perfil {
	padding: 0 10px;	
}

.boxperfil .fotoperfil {
	background: transparent url(../../images/bg_fotoperfil.png) no-repeat;
	padding: 6px 8px 8px 6px;
	border: 0 none;
	float: left;
	margin-right: 20px;
}
.boxperfil h6 {
	font-size: 11px;
	color: #142870;
	margin: 5px 0;
}	
.boxperfil span.coment {
	background: url(../../images/ico_coment.png) no-repeat left center;
	padding-left: 20px;
	margin-right: 26px;
	color: #5d6ea9;
	font-size: 11px;
}
.boxperfil span.coment b {
	color: #142870;
}
.boxperfil p {
	color: #4e5468;
	font-size: 11px;
	line-height: 16px;
	margin-top: 5px;
}

/* ---------------------------------------------------- fim box perfil */
/* ---------------------------------------------------- box Alterar perfil Inicio */

.boxperfil h5.tit_alterar {	margin-bottom: 10px;}

.boxperfil h5.tit_alterar span
{	
	margin-bottom: 10px;
	color:#FF6600;
	font-size:13px;
	font-weight:bold;
}

.boxperfil label {
	/*display: block;
	float: left;*/
	margin-right: 10px;
	text-align: right;
	width: 100px;
	font: 11px verdana;
	color: #142870;
}

.boxperfil span {
	font: 11px verdana;
	color: #142870;
}

.boxperfil input {	width: 230px;}

.boxperfil .img_foto_alterar {
	float: left;
	margin: 0 5px 10px;
}

.boxperfil ul.lista_alterar_dados {
	float: right;
	width: 350px;
}

.boxperfil ul.lista_alterar_dados li 
{
	/*height: 25px;*/
	margin:0 0 10px 0;
	width:450px;
}

.boxperfil ul.lista_alterar_dados li label 
{
	font-size: 11px;
	font-weight: bold; 
	text-align: right;
	float:left;
	padding: 5px 10px 0 0;
}
.boxperfil ul.lista_alterar_dados li input 
{
	background: url('../../images/bg_formulario.gif');
	margin: 3px 5px 0 0;
	border: 1px #cccccc solid;
	/*height: 16px;
	padding: 2px 0 0 6px;*/
}
.boxperfil ul.lista_alterar_dados li label.erro{color: #f96909;}
.boxperfil ul.lista_alterar_dados li input.erro{background: url('../../images/bg_erro_text.gif') ;}

.alterar_sobre {
	margin: 0 auto;
	width: 547px;
}

.alterar_sobre h5.sobremim {
	background: url(../../images/tit_sobremim.gif) no-repeat left top;
	margin-bottom: 10px; 
}

.alterar_sobre h5.meuperfil {
	background: url(../../images/tit_meuperfil.gif) no-repeat left top;
	margin-bottom: 10px; 
}

.alterar_sobre .radiobt {
	margin-bottom: 5px;
	font: 11px verdana;
	color: #142870;
}

.alterar_sobre p {
	font: 11px verdana;
	color: #142870;
	margin-bottom: 10px;
}

.alterar_sobre textarea {
	width: 545px;
	margin-bottom: 10px;
}

.alterar_botoes  {
	margin: 15px auto;
	width: 547px;
	text-align:right;
}

.alterar_botoes .bt_cancela {
	width: 73px;
	height: 21px;
	float: right;
}

.alterar_botoes .bt_enviar {
	width: 73px;
	height: 21px;
	/*float: right;*/
}

/* ---------------------------------------------------- box Alterar perfil Fim */
/* ------------------------------------------------- box participantes */

.boxparticipantes {
	width: 557px;
	margin: 40px auto;
	background: #FFF url(../../images/bg_boxparticipantes.jpg) repeat-y;
	position: relative;
}

.boxdetalhes {
	width: 557px;
	margin: 40px auto;
	position: relative;
}

.boxparticipantes .topoboxparticipantes {
	background: #FFF url(../../images/bg_topo_boxparticipantes.jpg) no-repeat;
	width: 557px;
	height: 16px;
}

.boxparticipantes .footerboxparticipantes {
	background: #FFF url(../../images/bg_footer_boxparticipantes.gif) no-repeat;
	width: 557px;
	height: 16px;
}

.boxparticipantes a.ico_novo {
	background-image:url(../../images/ico_autor.png);
	background-position:left center;
	background-repeat:no-repeat;
	margin: 0 10px ;
	padding-left:20px;
	color: #5d6ea9;
	font: 11px verdana;
}

.boxparticipantes a.ico_mais2 {
	background-image:url(../../images/ico_mais2.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin: 0 5px ;
	padding-left: 30px;
	color: #142870;
	font: bold 11px verdana;
}

.boxparticipantes a.ico_recente {
	background-image:url(../../images/ico_recente.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin: 0 5px ;
	padding-left: 35px;
	color: #142870;
	font: bold 11px verdana;
}

.boxparticipantes a.ico_todos {
	background-image:url(../../images/ico_todos.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin: 0 5px ;
	padding-left: 35px;
	color: #142870;
	font: bold 11px verdana;
}

/* -------------------------------------------- guia box participantes inicio */

.boxparticipantes .box_participantes_guia {
	width: 500px;
	margin: auto;
}

.boxparticipantes .box_participantes_guia .participantes_container { 
	float:left;
	height:140px;
	padding:15px;
	width:95px;
}

.boxparticipantes .box_participantes_guia .participantes_container p {
	margin: 1px;
	font: 11px Verdana;
	line-height: 14px;
	color: #142870; 
}

/* -------------------------------------------- guia box participantes fim */
/* -------------------------------------------- abas box participantes */

.boxparticipantes ul.abas_participantes {
height: 26px;
position: absolute;
top: -24px;
}

.boxparticipantes ul.abas_participantes li {
list-style-type: none;
display: inline;
}

.boxparticipantes ul.abas_participantes li a {
float:left;
position: relative;
left: 0px;
text-align: center;
height: 26px;
text-decoration: none;
text-indent: -2000px;
overflow: hidden;
}
.boxparticipantes ul.abas_participantes li a#abaparticipantes {
width: 98px;
}
.boxparticipantes ul.abas_participantes li a#abaprofsaude {
width: 163px;
}
.boxparticipantes ul.abas_participantes li a#abaparticipantes.ativo {
background: url(../../images/bg_abaparticipantes_ativo.gif) no-repeat;
}
.boxparticipantes ul.abas_participantes li a#abaparticipantes.deslig {
background: url(../../images/bg_abaparticipantes_desligado.gif) no-repeat;
}
.boxparticipantes ul.abas_participantes li a#abaprofsaude.ativo {
background: url(../../images/bg_abaprofsaude_ativo.gif) no-repeat;
}
.boxparticipantes ul.abas_participantes li a#abaprofsaude.deslig {
background: url(../../images/bg_abaprofsaude_desligado.gif) no-repeat;
}


/* ---------------------------------------- fim abas box participantes */
/* --------------------------------------------- fim box participantes */
/* --------------------------------------------------------- paginacao */

.paginacao {
}
.paginacao p 
{
	font-size: 11px;
	text-align: center;
	height: 19px;
}
.paginacao p a {
	width: 18px;
	height: 18px;
	color: #f60;
	font-weight: bold;
	display: inline-block;
	padding-top: 4px;
	margin: 0 3px;
	background: url(../../images/ico_paginacao.gif) no-repeat center center;
}
.paginacao p a:hover {
	text-decoration: underline;
}
.paginacao p a.ativo {
	color: #fff;
	background: url(../../images/ico_paginacao_on.gif) no-repeat center center;
}
.paginacao p a.primeira , .paginacao p a.ultima {
	width: 12px;
	height: 19px;
	background-image: none;
	vertical-align: bottom;
}

p.vertodostemas {
	width: 144px;
	margin: 20px 0 20px 20px;
	text-indent: -2000px;
}
p.vertodostemas a {
	display: block;
	height: 18px;
	background: url('../../images/txt_vertodostemas.gif') no-repeat;
	overflow: hidden;
}

/* ----------------------------------------------------- fim paginacao */
