#clube_eg .box_sub_interno h4.secundario {
  color: #0392ac;
  font: 108% "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  margin: 5px 0px;
}
#clube_eg .box_sub_interno div#lista_mapas {
  margin: 15px 18px 0px 18px;
}
#clube_eg .box_sub_interno ul#lista_mapas li {
  font-size: 93%;
  padding: 0px;
  line-height: 15px;
  margin-bottom: 2px;
}
#clube_eg .box_sub_interno ul li .titulo {
  float: left;
}
#clube_eg .box_sub_interno ul li .data_mapas {
  color: #666666;
  float: right;
}
#clube_eg .box_sub_interno div.paginacao {
	margin: 8px 5px;
}
#clube_eg .box_sub_interno input {
  margin: 5px 0;
}
#clube_eg .box_simples {
  position: relative;
  margin-bottom: 40px;
}
#clube_eg .box_simples img {
  margin-right: 20px;
  float: left;
}
#clube_eg .box_simples input {
  position: absolute;
  bottom: 0px;
  left: 120px;
}
#clube_eg .explicacao_get_member {
	position: relative;
	padding-bottom: 45px;
}
#clube_eg .explicacao_get_member h2 {
	position: absolute;
	top: 10px;
	right: 10px;
}
#clube_eg .explicacao_get_member h2 img {
	width: 90px;
}
#clube_eg .explicacao_get_member h3 {
	color: #722281;
	padding-bottom: 10px;
	font: italic 197% Georgia, "times new roman", times, serif;
}
#clube_eg .explicacao_get_member h4 {
	color: #0097AC;
	padding: 5px 0px;
	font: normal 161.6% Georgia, "times new roman", times, serif;
}
#clube_eg .pontos_aviso {
	position: relative;
}
#clube_eg .pontos_aviso em,
#clube_eg .pontos_aviso span {
	color: #83508B;
}
#clube_eg .pontos_aviso em {
	font-style: italic;
}
#clube_eg .pontos_aviso a.btn {
	font-size: 55%;
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 15px;
}

/* Inicio das Notificações para o Usuário
 * Templates em Templates/widgets/notificacao/
 * css base das notificações. O que muda é apenas o texto e customiações referentes a ele.
 */

.notificacao {
	font-size: 108%;
	color: #999999;
	background-color: #FFF4DD;
}

.notificacao .fecha_notificacao {
	margin-top: -8px;
	margin-right: -7px;
	_margin-right: -4px;
	float: right;
	display: block;
	font: bold italic 77% georgia, times, "times new roman", serif;
	text-decoration: none;
	color: #FFCC06;
	background-color: white;
	border: 1px solid #FFCC06;
	padding-left: 4px;
	z-index: 1;
}

.notificacao .fecha_notificacao span {
	color: white;
	background-color: #FFCC06;
	font-style: normal;
	padding: 1px 1px 1px 3px;
	margin-left: 2px;
}
.notificacao .fecha_notificacao span img {
	margin-top: -2px;
	padding: 2px 0px;
}

.notificacao_inner {
	padding: 7px;
	border: 1px solid #FED66E;
}

.notificacao_inner .titulo {
	float: left;
	width: 170px;
	height: 75px;
	padding: 15px 40px 5px 5px;
	border-right: 1px solid #DDDDDD;
}

.notificacao_inner .img {
	float: left;
	width: 70px;
	margin: 10px;
}

.notificacao_inner .texto {
	float: left;
	padding: 15px;
	width: 270px;
}

.notificacao_inner .titulo h3 {
	font-size: 138.5%;
	letter-spacing: -1px;
}

.notificacao_inner .texto h5 {
	color: #6B646A;
	font-family: "Trebuchet MS",arial,sans-serif;
	font-size: 100%;
	padding-bottom: 20px;
}

.notificacao_inner .texto span {
	color: #90277C;
	font-family: georgia, times, "times new roman", serif;
	font-style: italic;
	font-size: 85%;
	padding-left: 5px;
}
.notificacao_inner .texto .btn {
	display: inline-block;
}

/* fim padrão das notificações. */

/** personalização notificação de escolha de 2 tarots **/
#clube_eg .opt2 .img {
	width: 40px;
	margin: 5px 10px 5px 20px;
}
#clube_eg .opt2 .img img {
	width: 40px;
}
#clube_eg .opt2 .texto {
	padding-left: 0px;
	width: 100px;
}
#clube_eg .opt2 .texto h5 {
	padding-bottom: 0px;
}
#clube_eg .opt2 .texto .ou {
	color: #656671;
	font-size: 167%;
	font-weight: bold;
	display: inline-block;
	margin: -5px 0px -3px 0px;
	padding: 0px;
}
#clube_eg .opt2 .botao {
	float: left;
	padding-left: 20px;
	height: 95px;
	border-left: 1px solid #DDDDDD;
}
#clube_eg .opt2 .botao .btn {
	margin: 37px 0px;
}

/** personalização notificação de boas vindas **/
#clube_eg .opt3 .titulo {
	height: 50px;
	padding-top: 20px;
	padding-bottom: 10px;
}
#clube_eg .opt3 .texto,
#clube_eg .opt4 .texto {
	width: 370px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 10px;
}
#clube_eg .opt3 .texto p,
#clube_eg .opt8 .texto p,
#clube_eg .opt4 .texto p {
	color: #9D9894;
	font-size: 77%;
	font-weight: bold;
	line-height: 18px;
}
#clube_eg .opt3 .texto p strong,
#clube_eg .opt4 .texto p strong {
	color: #676464;
}

/** personalização da notificação de feedback **/
#clube_eg .opt4 .titulo {
	height: 170px;
}
#clube_eg .opt4 textarea {
	margin: 5px 0px;
	width: 370px;
	height: 60px;
	border: 1px solid #AAAAAA;
}

/** personalização da notificação de troca de pontos **/
#clube_eg .opt6 {
	height: 90px;
	background: url('../img/bg_degrade_azul.gif') #DEF5FD repeat-x left top;
	border-color: #D0CEE4;
}
#clube_eg .opt6 .fecha_notificacao {
	color: #C3C1DD;
	border-color: #C3C1DD;
}
#clube_eg .opt6 .fecha_notificacao span {
	background-color: #C3C1DD;
}
#clube_eg .opt6 .titulo {
	border-right-width: 0px;
	padding-right: 0px;
	padding-top: 10px;
}
#clube_eg .opt6 .texto {
	padding-left: 50px;
	padding-top: 0px;
	margin-top: -5px;
	width: 220px;
}
#clube_eg .opt6 .texto p {
	color: #64696C;
	font-weight: bold;
	margin: 2px 0px 5px 0px;
}
#clube_eg .opt6 .texto .amigos {
  color: #FBBC00;
  padding-left: 0px;
}
#clube_eg .opt6 .texto .pontos {
  color: #934D8B;
  font-size: 146.5%;
  padding-left: 0px;
}

/** personalização da notificação de mapa genérico */
#clube_eg .opt8 .texto {
	padding: 5px 15px;
}
#clube_eg .opt8 .texto p {
	line-height: 14px;
	margin: 0px 0px 15px 0px;
}

/** fim da personalização das notificações **/

/* inicio da navegação de abas do clube */

#clube_eg div#transitos_atuais {
	padding: 0; /* necessário zerar, pois em outra página isso é setado */
}

#clube_eg div#transitos_atuais div.atual h4 {
	font: bold 116% "Trebuchet MS", sans-serif;
	color: #333;
	margin-top: 20px;
	border-bottom: none;
	padding-bottom: 0;
}

#clube_eg div#transitos_atuais div.texto_wrapper {
	padding: 15px 15px 5px;
}

#clube_eg div.saiba_mais a.btn {
	margin: 20px 0 0 120px;
}

#clube_eg ul.nav {
	border: 1px solid #D6CBD3;
	border-bottom: none;
	background-color: #f4e9f2;
	height: 26px;
}

#clube_eg ul.nav li {
	text-align: center;
	height: 26px;
	line-height: 26px;
	float: left;
}

#clube_eg .horoscopo_amor {
	padding: 15px 18px 0;
}

#clube_eg ul.nav li.transito {
	width: 132px;
}

#clube_eg ul.nav li.amor {
	width: 165px;
}

#clube_eg ul.nav li.selected {
	background-color: #F3FAFB;
	border: 1px solid #B3DDE9;
	border-bottom: none;
	margin: -1px -1px 0;
	height: 27px;
}

#clube_eg ul.nav li a:hover {
	text-decoration: underline;
}

#clube_eg ul.nav li.selected a {
	color: #0392ac;
}

#clube_eg ul.nav li.selected h3 {
	text-transform:uppercase;
}

#clube_eg ul.nav li h3 {
	font-family: "Trebuchet MS",Arial,sans-serif;
	font-size: 100%;
	line-height: 26px;
}

#clube_eg div#transitos_atuais p.desc_transito,
#clube_eg div#transitos_atuais p.transito_amor {
	margin-top: 10px;
}

#clube_eg #lista_produtos_trocar .box_produto {
	border: 1px solid #B4DFE5;
	background-color: #EBF3F5;
	height: 195px;
}
#clube_eg #lista_produtos_trocar .box_produto img {
	float: left;
	width: 125px;
	height: 165px;
	padding: 15px;
}
#clube_eg #lista_produtos_trocar .box_produto div {
	float: left;
	width: 110px;
	padding: 15px 15px 15px 10px;
}
#clube_eg #lista_produtos_trocar .box_produto .pontos {
	display: block;
	border: 1px solid #D4D3DB;
	text-align: center;
	font: italic 116% Georgia, "times new roman", times, serif;
	color: #68277B;
	line-height: 30px;
}
#clube_eg #lista_produtos_trocar .box_produto .pontos span {
	color: #FFA200;
	font-weight: bold;
	font-size: 123.1%;
}
#clube_eg #lista_produtos_trocar .box_produto .descricao {
	display: none;
}
#clube_eg #lista_produtos_trocar .box_produto h3 {
	font: 131% "Trebuchet MS", arial, sans-serif;
	color: #68277B;
	margin: 10px 0px;
}

.modal_produto_pontos .passos {
	font: bold 93% "Trebuchet MS", arial, sans-serif;
	color: #969696;
	text-align: right;
	margin-right: 25px;
	margin-bottom: -15px;
}
.modal_produto_pontos .passos span {
	background-color: #995C98;
	color: white;
	padding: 2px;
}
.modal_produto_pontos .descricao {
	padding-bottom: 35px;
}
.modal_produto_pontos .descricao img {
	float: left;
	width: 125px;
	height: 165px;
	padding: 15px 0px 15px 15px;
}
.modal_produto_pontos .descricao div.dados {
	float: left;
	width: 320px;
	margin: 10px;
}
.modal_produto_pontos .descricao h4 {
	color: #0392ac;
	font: italic 116% Georgia, 'times new roman', times, serif;
}
.modal_produto_pontos .descricao h3 {
	color: #722281;
	font-style: italic;
	font-size: 182%;
}
.modal_produto_pontos .descricao p {
	font: 93% "Trebuchet MS", arial, sans-serif;
}
.modal_produto_pontos .descricao .balao_quadrado_abaixo {
	margin: 5px 0px 15px 0px;
	padding: 25px 15px 0px 15px;
	width: 285px;
	color: #0097AC;
	font: italic 153.9% Georgia, times, "times new roman", serif;
}
.modal_produto_pontos .descricao .btn {
	display: inline-block;
	margin-right: 2px;
	font-size: 108%;
}
.modal_produto_pontos .descricao .btn strong {
	font-size: 123.1%;
}

.modal_produto_pontos .form {
	padding-left: 20px;
}
.modal_produto_pontos .form h3 {
	font-style: italic;
	font-size: 138.5%;
	margin-bottom: 20px;
}
.modal_produto_pontos .form .conf_pontos_campo {
	display: inline-block;
	margin: 3px;
}
.modal_produto_pontos .form .conf_pontos_campo label {
	color: #9A6293;
	font: 93% "Trebuchet MS", arial, sans-serif;
	display: block;
}
.modal_produto_pontos .form .conf_pontos_botao {
	text-align: right;
}
.modal_produto_pontos .form .btn {
	font-size: 123.1%;
	margin: 15px 25px;
}
.modal_produto_pontos .form #conf_pontos_nome,
.modal_produto_pontos .form #conf_pontos_email,
.modal_produto_pontos .form #conf_pontos_referencia,
.modal_produto_pontos .form #conf_pontos_telefone { width: 205px; }
.modal_produto_pontos .form #conf_pontos_cep { width: 70px; }
.modal_produto_pontos .form #conf_pontos_bairro { width: 130px; }
.modal_produto_pontos .form #conf_pontos_estado { width: 40px; }
.modal_produto_pontos .form #conf_pontos_cidade { width: 235px; }
.modal_produto_pontos .form #conf_pontos_endereco { width: 341px; }