/* RESSET CSS */
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, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table {	border-collapse: separate;/*border-spacing: 0;*/}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button { background: #F6F6F6; font-size: 100%; border: 1px solid #A7A9A8; font-family: inherit; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
em, i { font-style: italic; }
/*select {margin: inherit;}*/
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
optgroup option { margin: 0; padding: 0; }
select option { padding: 0 2px;}



/* BODY E ESTRUTURA */
body{background:#f8f9f9; margin:0; padding:18px 0 0 0; font-family:Arial, Helvetica, sans-serif; color:#58595b; font-size:12px; overflow-x:hidden}
a{color:#58595b}
a:hover{text-decoration:underline}
h1 object, h2 object,
h3 object, h4 object,
h5 object, h6 object { margin-top: -2px; }
strong,bold{font-weight:bold}
.centerContainer{width:930px; margin:0 auto; position:relative; z-index:2}
.loading{display:none;position: relative;background:url('../_images/loading.gif'); width:16px; height: 16px; text-indent: -9999px;}
.clear {clear:both;height:0px !important;display:block;font-size:0px !important;overflow:hidden !important;}
.nn{display:none;}
.hidden {visibility:hidden}
.warn { font-size: 14px; font-weight: bold; }
.printable { display: none }
.inline { display: inline!important; width: auto!important; }
.clearLinha{ display:block; clear:both; height:1px; padding:10px 0; overflow:hidden}
.btnVoltar { display: block; padding: 10px; }


	/* ESTRUTURA 3 COLUNAS */
#E3colunas{}
#E3colunas .coluna1{float:left; width:674px; margin:0 24px 0 0; display:inline}
	#E3colunas .coluna1 div#banner-pequeno {margin: 26px 0 0 0;}
	#E3colunas .coluna1 .subcolunaA{display: inline; float:left; width:315px; margin:22px 32px 0 0; overflow: hidden; }
	#E3colunas .coluna1 .subcolunaB{display: inline; float:left; width:310px; margin:22px 0 0; overflow: hidden; }
	#E3colunas .subcolunaFooter{background:url(../_images/bg_subcolunaFooter.jpg) no-repeat; width:329px; height:7px; margin:20px auto; clear:both; overflow:hidden}
#E3colunas .coluna2{float:right; display:inline}


	/* ESTRUTURA 2 COLUNAS */
#E2colunas{}
#E2colunas .coluna1{float:left; width:442px; display:inline;}
#E2colunas .coluna2{float:right; width:443px; display:inline; }

	/* ESTRUTURA 2 COLUNAS - 75% 25% */
	
#E2colunas7525{}
#E2colunas7525 .coluna1{float:left; width:573px; display:inline;}
#E2colunas7525 .coluna2{float:right; width:293px; display:inline; }


	/* ESTRUTURA 1 COLUNA */
#E1coluna{width:100%;}

/* HEADER */
#header h1 a{display:block; width:140px; height:78px; background:url(../_images/logo.gif) no-repeat; text-indent:-9999px; float:left}
#inputBusca { font-weight: normal; }
.header.printable { display: none!important; }

	/* BIO + */
#menuTopo{width:680px; float:right;}
#bioMais{width:282px; background:url(../_images/separaBio.jpg) center bottom no-repeat; height:35px; margin:3px 0; float:left}
#bioMais li{float:left; height:19px; display:block; text-transform:uppercase; font-size:11px; z-index:5; position:relative }
#bioMais li a{font-size:10px}
#bioMais li.bioTit a{display:block;background:url(../_images/tit_bio.gif) no-repeat; width:38px; height: 19px; text-indent:-9999px; }
#bioMais li.bioParte {background:url(../_images/separaBioLista.jpg) right 0 no-repeat; padding:3px 8px 0 9px; z-index: 10;}
#bioMais li.bioParte a{background:url(../_images/bio_facoparte.gif) no-repeat; width:85px; text-indent:-9999px; display:block}
#bioMais li.bioJoin{padding:6px 0 0 7px; position:relative; z-index:30}
#bioMais li.bioJoin a{background:url(../_images/bio_querofazerparte.gif) no-repeat; width:118px; text-indent:-9999px; display:block}
#bioMais.logado { cursor: pointer; }
#bioMais#aLogout { z-index: 10; }

	/* BUSCA */
.divBusca {float:right; width:296px; margin:-2px 0 0 1px;}
.divBusca .campo{width:268px; height:25px; background: #F6F6F6; border: 1px solid #D4D6D7; float:left; font-size:15px; color:#808285; padding:9px 0 0 2px}
.divBusca .botao{width:23px; height:33px; background:url(../_images/btn_busca.gif); border:none; float:right; text-indent:-9999px; margin:0; line-height:99999px}

	/* MENU SITE */
#menu {clear:both; width:680px; top:8px; left:-2px; position:relative;}
#menu li{float:left; display:block }
#menu a{display:block; height:28px; text-indent:-9999px; overflow:hidden}
#menu .bioRitmo .submenu a { padding-top: 3px; padding-bottom: 3px; height: auto; }
#menu .bioRitmo a{ background:url(../_images/btn_bio.jpg) 0 0; width:126px}
#menu .bioRitmo a:hover, #menu .bioRitmo a.active{ background-position:0 bottom;}
#menu .unidades a{ background:url(../_images/btn_unidades.jpg) 0 0; width:111px}
#menu .unidades a:hover, #menu .unidades a.active{ background-position:0 bottom;}
#menu .horarios a{ background:url(../_images/btn_horarios.jpg) 0 0; width:110px}
#menu .horarios a:hover, #menu .horarios a.active{ background-position:0 bottom;}
#menu .programas a{ background:url(../_images/btn_programas.jpg) 0 0; width:89px}
#menu .programas a:hover, #menu .programas a.active{ background-position:0 bottom;}
#menu .dicas a{ background:url(../_images/btn_dicas.jpg) 0 0; width:90px}
#menu .dicas a:hover, #menu .dicas a.active{ background-position:0 bottom;}
#menu .blog a{ background:url(../_images/btn_blog.jpg) 0 0; width:90px}
#menu .blog a:hover, #menu .blog a.active{ background-position:0 bottom;}
#menu .atendimento a{ background:url(../_images/btn_atendimento.jpg) right 0; width:153px}
#menu .atendimento a:hover, #menu .atendimento a.active{ background-position:right bottom;}

	/* SUBMENU */
.submenu {display:none; position:absolute; z-index:5}
.submenu li a{ color:#e6e7e8; font-size:11px; text-decoration:none; background:none !important; text-indent:0 !important; padding:3px 0 0 5px; text-align: left; }
.submenu li a:hover{text-decoration:underline}
.submenu li{position:relative; z-index:1000}

.bioRitmo .submenu{ width:125px; margin:0 0 0 1px; }
.bioRitmo .submenu li{background:url(../_images/submenu_bioritmo_bg.jpg); width:125px; display:block; clear:both; overflow:hidden}

.bioRitmo .submenu li.first{ background:url(../_images/submenu_bioritmo_first.jpg);}
.bioRitmo .submenu li.last{ background:url(../_images/submenu_bioritmo_last.gif); height: 3px; }
.bioRitmo .submenu li.separator{ width:125px; height: 2px !important; background: url('../_images/submenu_bioritmo_separator.jpg') no-repeat; }

.unidades .submenu{ width:108px;}
.unidades .submenu li{background:url(../_images/submenu_unidades_bg.jpg); height:22px !important; width:108px; display:block; clear:both; overflow:hidden}
.unidades .submenu li.first{ background:url(../_images/submenu_unidades_first.jpg);}
.unidades .submenu li.last{ background:url(../_images/submenu_unidades_last.gif);}

.horarios .submenu{ width:83px;}
.horarios .submenu li{background:url(../_images/submenu_aulas_bg.jpg); height:22px !important; width:83px; text-align:center; display:block; clear:both; overflow:hidden}
.horarios .submenu li.first{ background:url(../_images/submenu_aulas_first.jpg);}
.horarios .submenu li.last{ background:url(../_images/submenu_aulas_last.gif);}

.programas .submenu{ width:90px;}
.programas .submenu li{background:url(../_images/submenu_programas_bg.jpg); height:22px !important; width:90px; text-align:center; display:block; clear:both; overflow:hidden}
.programas .submenu li.first{ background:url(../_images/submenu_programas_first.jpg);}
.programas .submenu li.last{ background:url(../_images/submenu_programas_last.gif);}

.dicas .submenu{ width: 150px; }
.dicas .submenu li{  background:url(../_images/submenu_dicas_bg.jpg); height:22px !important; width: 150px; text-align:center; display:block; clear:both; overflow:hidden}
.dicas .submenu li.first	{ background:url(../_images/submenu_dicas_first.jpg);}
.dicas .submenu li.last		{ background:url(../_images/submenu_dicas_last.gif);}
.dicas .submenu li a 		{ width: 200px !important; }

.atendimento .submenu{ width:151px;}
.atendimento .submenu li{background:url(../_images/submenu_atendimento_bg.jpg); height:22px !important; width:151px; text-align:center; display:block; clear:both; overflow:hidden}
.atendimento .submenu li.first{ background:url(../_images/submenu_atendimento_first.jpg);}
.atendimento .submenu li.last{ background:url(../_images/submenu_atendimento_last.gif);}


/* MENU MOTIVOS PARA MALHAR */
#menuMalhar{width:100%; height:72px; overflow:hidden; background:#f1f2f2; clear:both; position:relative; top:19px; padding:9px 0; z-index:1}
#menuMalhar ul{float:left}
#menuMalhar li{float:left; height:80px; display:block; text-indent:-9999px; overflow:hidden}
#menuMalhar a{display:block; text-indent:-9999px; overflow:hidden; height:80px}
#menuMalhar li.motivos a{background:url(../_images/txt_motivos.gif) no-repeat; width:79px; margin:8px 0 0}
#menuMalhar li.setaSepara{background:url(../_images/separa_motivos.gif) no-repeat; width:25px; margin:15px 0 0}
#menuMalhar li.separa{background:url(../_images/separa_motivos_lista.jpg) no-repeat; width:5px; margin:0 1px}
#menuMalhar li.percaPeso a{background:url(../_images/motivo_percaPeso.jpg) no-repeat 0 -75px; width:109px; height:85px}
#menuMalhar li.mentenhaSaude a{background:url(../_images/motivo_saude.jpg) no-repeat 0 -75px; width:123px; height:85px; }
#menuMalhar li.treine a{background:url(../_images/motivo_treine.jpg) no-repeat 0 -75px; width:109px; height:73px; margin:5px 0 0 0}
#menuMalhar li.corpo a{background:transparent url(../_images/motivo_corpo.jpg) no-repeat 0 -75px; width:110px; height:85px}
#menuMalhar li.sarado a{background:url(../_images/motivo_sarado.jpg) no-repeat 0 -75px; width:126px; height:70px; margin:5px 0 0 0 }
#menuMalhar .cincoDias{background:url(../_images/motivo_ate15dias.jpg) no-repeat 0 4px; width:180px; float:left; height:99px; display:block; text-indent:-9999px; overflow:hidden; position:relative; margin:-17px 0 0 -2px; width:187px}
.fundo{width:100%; background:#f8f9f9; float:right; height:90px; position:absolute; right:0; top:0; z-index:1; left:77%; display:block;}

/* menu do topo - ATIVAR! */

#menuMalhar li.percaPeso a:hover, #menuMalhar li.percaPeso a.active{background:url(../_images/motivo_percaPeso.jpg) no-repeat 0 0;}
#menuMalhar li.mentenhaSaude a:hover, #menuMalhar li.mentenhaSaude a.active{background:url(../_images/motivo_saude.jpg) no-repeat 0 0;}

.msie6 #menuMalhar li.mentenhaSaude a:hover,.msie7 #menuMalhar li.mentenhaSaude a:hover, .msie6 #menuMalhar li.mentenhaSaude a.active,.msie7 #menuMalhar li.mentenhaSaude a.active{background:url(../_images/motivo_saude.jpg) no-repeat 0 0;}

#menuMalhar li.treine a:hover, #menuMalhar li.treine a.active{background:url(../_images/motivo_treine.jpg) no-repeat 0 0}

.msie6 #menuMalhar li.treine a:hover,.msie7 #menuMalhar li.treine a:hover, .msie6 #menuMalhar li.treine a.active, .msie7 #menuMalhar li.treine a.active{background:url(../_images/motivo_treine.jpg) no-repeat 0 0}


#menuMalhar li.corpo a:hover, #menuMalhar li.corpo a.active{background:transparent url(../_images/motivo_corpo.jpg) no-repeat scroll 0 0}
#menuMalhar li.sarado a:hover, #menuMalhar li.sarado a.active{background:url(../_images/motivo_sarado.jpg) no-repeat 0 0}

/* MENU MOTIVOS PARA MALHAR FOOTER */
#menuMalharBaixo{width:100%; height:78px; background:#f1f2f2; clear:both; position:relative; top:19px; padding:9px 0; z-index:5; cursor: pointer; }
#menuMalharBaixo li{float:left; height:80px; display:block; font-size:14px; line-height:75px; padding:0 15px 0 3px}
#menuMalharBaixo li.last{padding:0 0 0 3px;}
#menuMalharBaixo li.cincoDias{background:url(../_images/5dias.jpg) no-repeat 0 0px; width:180px;}
#menuMalharBaixo li a{background:url(../_images/btn_experimente.jpg); width:205px; height:44px; display:block; text-indent:-9999px; overflow:hidden; margin:16px 0 0 0}

/* PAGINA */
.pagina h2 { font-size: 1.4em; font-weight: bold; margin-bottom: 10px;}
.pagina h2.fTitle { margin-top: 20px!important; }

/* FOOTER */
#footer{clear:both; padding:21px 0 0 0;}
#footer.centerContainer { z-index: 0; }

	/*MENU FOOTER*/
#menuFooter{background:url(../_images/bg_footer.jpg) no-repeat #ecedee; height:24px; width:100%; }
#menuFooter li{float:left; padding:6px 42px 0 18px;}
#menuFooter li.ultimo{padding:6px 0 0 0!important}
#menuFooter a{text-decoration:none; color:#939598; font-weight:bold}
#menuFooter a:hover{text-decoration:underline;}
#mapaSite{background:#FFF; padding:5px 0 5px 15px; display:none}

	/* TEXTOS FOOTER */	
.redes p { font: Arial, Helvetica, sans-serif !important; font-size: 12px !important; margin-bottom:17px;}
.redes a { display: block; width: 61px; height: 38px; float: left; }
.copyright {float:left; padding:10px 0 22px}
.certificacoes, .patrocinios, .certificacoes li, .patrocinios li {float:right}
.certificacoes{width:160px; margin:30px 22px  0 0}
.patrocinios{margin:30px 2px 0 0; *width:160px;}
.certificacoes .separa{width:1px; overflow:hidden; background:#cacccd; height:52px}
.certificacoes a, .patrocinios a{text-indent:-9999px; overflow:hidden; display:block}
.certificacoes .face2face a{background:url(../_images/logo_face2face.jpg) no-repeat; width:56px; height:27px; margin:21px 26px 0 0}
.certificacoes .vida a{background:url(../_images/logo_vida.jpg) no-repeat; width:46px; height:45px; margin:10px 26px 0 0}
.patrocinios .gatorade a{background:url(../_images/logo_gatorade.jpg) no-repeat; width:52px; height:39px; margin:15px 0 0 0}
.patrocinios .embrase a{background:url(../_images/logo_embrase.gif) no-repeat; width:59px; height:19px; margin:26px 8px 0 0}
.patrocinios .newbalance a{background:url(../_images/logo_newBalance.jpg) no-repeat; width:54px; height:42px; margin:13px 0 0 35px}

/* ICONS REDE SOCIAL TWITTER*/
#twitterFooter { background: url(../_images/ico_twitter_rodape.gif) no-repeat;}
#facebookFooter { background: url(../_images/ico_facebook_rodape.gif) no-repeat;}
#orkutFooter { background: url(../_images/ico_orkut_rodape.gif) no-repeat;}
#flickerFooter { background: url(../_images/ico_flicker_rodape.gif) no-repeat;}
#youtubeFooter { background: url(../_images/ico_youtube_rodape.gif) no-repeat;}


/* BREADCRUMB */
#breadcrumb a{color:#58595b; text-decoration:none}
#breadcrumb a:hover{text-decoration:underline}

/* SEPARADOR 100% HORIZONTAL */
.separa100perc {background:url(../_images/separa_100porc.jpg) 0 bottom; width:897px; height:47px; display:block; clear:both;}
	
/* SPACER */	
.spacer{display:block; clear:both; width:100%; height:25px;}

/* MENU INTERNA */
.menuInterna{width:100%; height:32px; margin:22px auto 0 auto}
.menuInterna li{float:left;  height:32px; position:relative; display:inline-block}
.menuInterna li a{font-size:13px; color:#58595b; text-decoration:none; padding:8px 10px; background:#e6e7e8; border-right:1px solid #babbbd; display:inline-block; width: 117px; text-align: center;}
.menuInterna li a:hover, .menuInterna li a.active{background:#bcbec0;}
.menuInterna li.first img{float:left; z-index:2; position:absolute;  margin:0;} 
.menuInterna li.last img{float:right; z-index:2; right:0; position:absolute; top:0 }
.menuInterna li.last a{ border:none}

/* MENU INTERNA INDIVIDUAL */
.menuInterna li a#sobre			{ width: 80px; 	}
.menuInterna li a#franquias		{ width: 70px; 	}
.menuInterna li a#licenciamento	{ width: 130px;	}
.menuInterna li a#convenio 		{ width: 150px;	}
.menuInterna li a#clube 		{ width: 130px;	}
.menuInterna li a#imprensa 		{ width: 90px; position: static; }
.menuInterna li a#acoes 		{ width: 130px;	}

/* Painel de fotos */
.fotoPanel { width: 390px; overflow: hidden; }
.fotoPanel .fotos {width:390px; background: url('../_images/loading.gif') center center; background-color: #fff; background-repeat: no-repeat; }
.fotoPanel .legenda{background:url(../_images/rodape_legenda.jpg) 0 bottom #e6e7e8 no-repeat; width:376px; padding:10px 7px; float:left; display:inline}
	.msie7 .fotoPanel .legenda { margin-top: -3px; } 
.fotoPanel .fotos img{position:relative; z-index:3}
.fotoPanel .carrosselthumbs{width:390px; height:55px; position:relative; z-index:5; margin-top:-55px; background:url('../_images/bg-thumb-fotos.png'); visibility: hidden; }
	.msie7 .fotoPanel .carrosselthumbs{margin-top: -58px;}
.fotoPanel .carrosselthumbs .carousel-wrap{width:328px !important; overflow:scroll; float:left; height:48px !important; }
.fotoPanel .carrosselthumbs li{ float:left; margin:5px 7px 0 0; display:inline; }
.fotoPanel .carrosselthumbs li.active a { cursor: default; }
.fotoPanel .carrosselthumbs li.active img { opacity: .4; filter: alpha(opacity=40); }
.fotoPanel .carrosselthumbs .previous{float:left; display:inline-block; background:url(../_images/seta-voltar.png); width:9px; height:25px; overflow:hidden; text-indent:-9999px; margin:15px 12px}
.fotoPanel .carrosselthumbs .next{float:right; display:inline-block; background:url(../_images/seta-avancar.png); width:9px; height:25px; overflow:hidden; text-indent:-9999px; margin:-34px 12px}

	/* CALEND�RIO */
.headerCalend{width:313px; background:url(../_images/bg_tit_calend.jpg) repeat-x; height:24px;}
.headerCalend .voltar a{background:url(../_images/setaVoltar_calend.jpg); display:block; width:22px; height:24px; text-indent:-9999px; overflow:hidden; float:left}
.headerCalend .avancar a{background:url(../_images/setaAvanc_calend.jpg); display:block; width:22px; height:24px; text-indent:-9999px; overflow:hidden; float:right}
.headerCalend .mes{float:left; width:267px; text-align:center; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; line-height:24px; }
#calendario {background:url(../_images/bg_subcolunaFooter.jpg) 0 bottom no-repeat; height:210px}
	.msie6 #calendario, .msie7 #calendario { height:236px }
#calendario .mes table{margin:6px 22px;}
#calendario .mes th{padding:3px 12px 5px; text-align:center}
#calendario .mes td{padding:3px 12px; text-align:center}
#calendario .mes th{font-weight:bold; font-size:14px}	
#calendario .mes .passado, #calendario .mes .futuro{color:#c5c7c9}
#calendario .mes a{background:#f58a21; color:#FFFFFF; display:block; width:100%}
#calendario .mes a.feriado { display: block; font-weight: bold; background-color: #f00; color: #fff; }
.todos a{background:url(../_images/btn_vejaTodos_calend.jpg); width:63px; height:18px; text-indent:-9999px; overflow:hidden; float:right; margin:-7px 0 0 0}
	
	/* Tooltip do calend�rio */
	#calendario .eventoTipo { font-size: 9px; color: #ccc; }
	#calendario .tooltip { visibility: hidden; position: absolute; width: 136px; padding-top: 12px; z-index: 10; }
	#calendario .tooltip.setaLeft { background: url('../_images/calendario_tooltip_topSetaLeft.gif') top no-repeat; }
	#calendario .tooltip.setaRight { background: url('../_images/calendario_tooltip_topSetaRight.gif') top no-repeat; }
	#calendario .tooltip .texto { background: url('../_images/calendario_tooltip_bottom.gif') bottom no-repeat #808285; color: #fff; font-size: 11px; padding: 0 8px 4px 8px; }
	#calendario .tooltip ul { margin: 0; margin-left: 10px; padding: 0; margin: 0; padding: 0; }
	#calendario .tooltip ul li { padding: 0; line-height: 12px; vertical-align: middle; margin: 0 0 2px 0; padding: 0; }
	
	
.msie6 .mes.panel, .msie7 .mes.panel {margin-top: 6px;}
	



	/* CARROSSEL */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 313px;
height: 161px; /*Height should enough to fit largest content's height*/
}
.msie6 .stepcarousel, .msie7 .stepcarousel { height: 190px; }

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 15px; margin around each panel*/
width: 290px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
	
	/* CARROSSEL MES */
	
.titlecarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 267px;
height: 23px; /*Height should enough to fit largest content's height*/
float:left;
}

.titlecarousel .meses{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.titlecarousel .mes{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 15px; margin around each panel*/
width: 267px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}




/* VANTAGENS */
.vantagens{ margin:19px 0 10px 8px;float:left;}
.vantagens p{ padding:5px 0 0 0}


#h_vantagens-exclusivas-para-alunos-bio-ritmo{margin:0 0 31px}




.listar_vantagens{
        width:536px;
        float:left;
    }
    .listar_vantagens li{
        margin:0 8px 8px 0;
        float:left;
        list-style:none;
        display:block;
        width:170px;
        text-align:center;
      
        height:160px;
        background:url(../_images/bg_lista_vantagens.gif) no-repeat;
    }
     .listar_vantagens li img{
        margin:20px 0 0 0;
        width:100px;        
    }
    .first_item{
        float:left;
        margin:0 8px 8px 0;  
        text-align:center;
        background: url(../_images/bg_lista_vantagens_grandao.gif) no-repeat left top;
        list-style:none;
         width:369px;
        height:388px;
    }
    .sem_first_item{
        float:left;
        margin:0 8px 8px 0;  
        text-align:center;
        list-style:none;
         width:369px;
        height:388px;
    }
    .first_item img{
        text-align:center;
        margin:10px 0;
        width:300px;        
    }
    

.cont-form-clube{
    float: left; margin-top: 20px; width: 200px; text-align: left; height: 50px;
    
}







.vantg{width:158px; float:left; background:url(../_images/separa-vantag-vert.jpg) right 0 no-repeat; margin:0 0 11px 12px; display:inline;padding-right:10px; text-align:center; }
.home.vantg a { display: block; width: 160px; height: 115px; }
.vantg.last{ background:none}
.vantg span {float:left; width:179px; display:block}
.suspenso {position:absolute; background:#666666; color:#FFFFFF; width:200px; visibility:hidden  }

/* TROCAR SENHA */
#trocarsenha{width:89px; height:61px; position:absolute; background:url(../_images/bg-trocarsenha.gif); padding:25px 0 0 0; left:348px; text-align:center; z-index:4; display:none}
#trocarsenha input{width:74px; height:13px; overflow:hidden; margin:0 0 2px}
#trocarsenha .botao{background:url(../_images/btn-enviar-senha.jpg); width:39px; height:17px; float:right; line-height:9999px; text-indent:-9999px; overflow:hidden; border:none; margin:50px 5px 0 0}

/* Login */
#login{width:361px; height:48px; position:absolute; background:url(../_images/bg-login.png); padding:41px 0 0 8px;  z-index:18; display:none; left:270px; top:0; }
#login a{color:#FFFFFF; font-size:11px}
#login input{height:18px; overflow:hidden; margin:0 0 2px; width:145px}
#login .botao{background:url(../_images/btn-enviar-login.gif); width:50px; height:20px; float:right; line-height:9999px; text-indent:-9999px; overflow:hidden; border:none; margin:0 5px 0 0}
.msie6 #login .botao, .msie7 #login .botao{margin:-23px 5px 0 0}
#login #esqueciSenha { float: right; margin-right: 10px; }
#login .loginWarn { float: left; color: #ccc; font-size: 11px; }

#login .formLogin input { color: #666; font-size: 11px;}

/* BOTAO VEJA MAIS */
.mais {background:url(../_images/btn_vejaTodos_calend.jpg);}
.mais a{background:url(../_images/btn-vejatodos.jpg) left 0 no-repeat; width:15px; height:18px; text-indent:-9999px; overflow:hidden; float:right}
.mais a.todos{background:url(../_images/btn-vejatodos.jpg) right 0; width:63px; height:18px; }

/* Paginacao geral */
.paginacaoFooter .listaPags { } 
.paginacaoFooter, .paginacao{margin:0 auto; font-weight:bold; display:inline; }
.msie6 .paginacao, .msie7 .paginacao{float:left; width:600px; text-align:center;}
.paginacaoFooter a.active, .paginacao a.active{background:#58595B; color:#fff; display:inline-block; padding: 0 5px; }
.paginacaoFooter .nPag, .paginacao .nPag { margin: 0 2px }

/* Trabalhe conosco */
.trabalheConosco{float:left;text-align:center; font-size:11px; margin-left:390px;}
.trabalheConosco a{background:url(../_images/btn-trabalhe.jpg); width:154px; height:34px; text-indent:-9999px; overflow:hidden; margin:0 auto; display:block; clear:both; }
.atendimento.trabalheConosco { margin-left: 70px; }

.termoseCondicoes { float: left; margin-left: 20px;}
.termoseCondicoes .btn-termosecondicoes { display: block; text-indent: -9999px; background: url('../_images/btn-termosecondicoes.jpg') no-repeat; width: 241px; height: 33px; }


/* Clube de vantagens */
#formClubedevantagens .botao { display: inline; width:25px; height:19px; background:url(../_images/btn-ok.jpg); text-indent:-9999px; line-height:30px; overflow:hidden; border:none; }
.btnImprimirVoucher { display: block; margin: 25px 0; background: url('../_images/btnImprimirVoucher.jpg') no-repeat; width: 266px; height: 45px; text-indent: -9999px; }
#formClubedevantagens { margin-bottom: 10px; }

/* Franquia */
#franquiaCadastro { margin-bottom: 50px; }

/* Nutricao */
#footerNutricao { margin-top: 30px; clear: both; }
#footerNutricao small { font-size: 10px; }
#footerNutricao a { color: #fff; }

#bionutri_equipe, .boxAzulGd { float: left; width: 498px; }
#bionutri_equipe .top, .boxAzulGd .top { height: 8px; font-size: 1px; background: url('../_images/bg_corner_equipe.jpg') no-repeat top; }
#bionutri_equipe h4, .boxAzulGd h4 { width: 208px; height: 16px; margin-bottom: 5px; }
#bionutri_equipe .texto, .boxAzulGd .texto { padding: 4px 12px; background: url('../_images/bg_equipe.jpg') repeat-y top; color: #fff; text-align: left; }
#bionutri_equipe .bottom, .boxAzulGd .bottom { height: 8px; font-size: 1px; background: url('../_images/bg_corner_equipe.jpg') no-repeat bottom; }

.boxAzulGd { margin-top: 80px; }

#bionutri_contato { float: left; width: 368px; margin-left: 4px; }
#bionutri_contato .top { height: 7px; font-size: 1px; background: url('../_images/bg_corner_contato.jpg') no-repeat top; }
#bionutri_contato h4 { background: url('../_images/lbl_entre-em-contato.gif') no-repeat top; width: 171px; height: 13px; text-indent: -9999px; margin-bottom: 5px; }
#bionutri_contato .texto { padding: 4px 12px; background: url('../_images/bg_contato.jpg') repeat-y top; color: #fff; text-align: left; }
#bionutri_contato .bottom { height: 7px; font-size: 1px; background: url('../_images/bg_corner_contato.jpg') no-repeat bottom; }

.btn_termos_contratuais{
background:url("../_images/btn-termosecondicoes.jpg");
width:241px;
float:right;
height:33px; display:block;
text-indent:-9999px;
overflow:hidden;
margin:-32px 0 0 0} 


/* Imprimir */
@media print {
	body { overflow: visible; margin: 0; background: none; }
	.printable { display: block; }
	.header.printable {display:block; height:78px; background:url(../_images/logo.gif) left no-repeat; text-decoration: none; padding-left: 160px; margin-bottom: 10px; }
	.header .bioRitmo { font-size: 30px; }
	.header .nomePagina { font-size: 20px; }
	.header .detalhePrint { font-size: 14px; }
	.header { font-size: 20px; }
}

.copyright{padding:10px 0 22px!important;}	
		#menuTopo div.share{margin:5px 0 0 120px; float:left; display:inline;}
		#menuTopo div.share ul li a{text-indent:-5000px}
		#menuTopo div.share ul li.blog{background:url(../_images/ico-blog.gif) no-repeat; width:27px; height:26px; float:left; display:inline; margin-right:13px;}
		#menuTopo div.share ul li.blog a{width:27px; height:27px; display:block;}
		#menuTopo div.share ul li.youtube{background:url(../_images/ico-youtube.png) no-repeat; width:27px; height:27px; float:left; display:inline; margin-right:13px;}
		#menuTopo div.share ul li.youtube a{width:27px; height:27px; display:block;}
		#menuTopo div.share ul li.twitter{background:url(../_images/ico-twitter.png) no-repeat; width:27px; height:26px; float:left; display:inline; margin-right:13px;}
		#menuTopo div.share ul li.twitter a{width:27px; height:26px; display:block;}
		#menuTopo div.share ul li.facebook-like{width:84px; height:21px; float:left; display:inline; margin-right:19px; margin-top: 4px;}
		#menuTopo div.share ul li.facebook{background:url(../_images/ico-facebook.png) no-repeat; width:27px; height:26px; float:left; display:inline; margin-right:13px;}
		#menuTopo div.share ul li.facebook a{width:27px; height:26px; display:block;}
		#menuTopo #busca div.busca{float:right; display:inline;}