@charset "utf-8";

/* Menu */
@import url("menu.css");
/* Titulos */
@import url("titulos.css");
/* Formularios */
@import url("formularios.css");
/* Demais estilos do site - Alinhamentos, Clear */
@import url("outros.css");


/*-----------------------------------------------------------------------------
Folha de estilos - Top Academia

version:	1.0
Autor:		Plus! Estúdio Web
Data:			05-05-2009
Email:		contato@plusestudioweb.com.br
Website:	http://www.plusestudioweb.com.br

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/


/*==========================================
	GERAL
============================================*/

*, html, body {
	margin: 0;
	padding: 0;
}


html, body {
	height:100%;
}


html {
	height:100%;
	margin:0;
	padding:0;
}


body {
	height:100%;
	margin:0;
	padding:0;
	background:#f2efce url(../../_IMG/layout/bg_geral_homepage.gif) center top repeat-x;
	color: #333;
	font: 13px/1.2em "Lucida Sans Unicode", "Lucida Sans", Lucida, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family:inherit;
}

body.homepage {
	background:#f2efce url(../../_IMG/layout/bg_geral.gif) center top repeat-x !important;
}

ul, ol, dl {
	margin: 0;
	padding: 0;
}

li, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

li *, dt *, dd * {
	margin: 0;
	padding: 0;
}


hr {
	clear: both;
	border: 2px solid #E3DBAC;
	margin-top: 6px;
	margin-bottom: 6px;
	_margin: 0;
	_padding: 0;
	*margin: 0;
	*padding: 0;
	background-color: #E3DBAC;
	color:#E3DBAC;
	border: 0;
	height:2px;
}


img {
	border: none;
	margin:0;
	padding:0;
}

img a {
	border: none;
}

img a:hover {
	border:none;
}

.img_dir {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
}

.img_esq {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

.clear {
	clear: both;
}

a:link, a:visited, a:hover, a:focus, a:active {
	color: #000;
}
a:link, a:visited, a:focus, a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


address {
	margin:0;
	padding:0;
}


p {
	line-height:1.3em;
	margin-bottom: 16px;
}

p a{
	text-decoration:none;
}




/*==========================================
	ESTRUTURA
============================================*/

/*----------------
	ENVOLVE GLOBAL
-----------------*/
#envolve_global {
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}

* html #envolve_global {
	height: 100%; /* hack para IE6 hq trata height como min-height */
}



/*--------
	GLOBAL
---------*/
#global {
	width:980px;
	min-height:100%;
	margin:0 auto;
	padding:0;
}


/*------
	TOPO
-------*/
#topo{
	width:980px;
	height: 120px;
	margin:0 auto;
	clear:both;
}
body.homepage #topo {
  height: 411px;
}

/*----------
	TOPO IMG
-----------*/
#topo_img{
	width:880px;
	height: auto;
	margin:0 auto;
	clear:both;
}

body.homepage #topo_img {
  height: 411px;
}

/*------
	LOGO
-------*/
#logo{
	width:980px;
	height:108px;
	margin:0 auto;
	position:absolute;
	z-index:2;
	/* Hack IE */
	*margin:0 auto 0 -50px;
}

#logo h1{ display:none;}



/*----------
	CONTEUDO
-----------*/
#conteudo {
	width:880px;
	height:auto;
	margin:0 auto;
	padding:40px 50px 455px 50px;
	clear:both;
	text-align:left;
}

/* Hack Navegadores Modernos */
div#conteudo:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}



/*------------------
	CONTEUDO INTERNO
-------------------*/
#conteudo_interno {
	width:660px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}

#conteudo_interno table{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 1px solid #E3DBAC;
}

#conteudo_interno table td {
	padding: 5px;
	border: 1px solid #E3DBAC;
	text-align: center;
}

#conteudo_interno table th{
	padding: 5px;
	background-color: #8F6F00;
	color: white;
	width: 15%;
	text-align: center;
}

#conteudo_interno table .escuro td{
	background-color: #E3DBAC;
}


/*--------
	RODAPE
---------*/
/* Container com o rodape */
#rodape {
	font-size: 12px;
	width:100%;
	min-width:980px;
	height:425px; 
	margin:0 auto; 
	background:url(../../_IMG/layout/rodape_bg_geral.jpg) center bottom repeat-x;
	bottom:0;
	color:#000; 
	left:0; 
	position:absolute;
	overflow:hidden;
}

#rodape_conteudo{
	width:980px;
	height:404px;
	margin:0 auto;
	padding:21px 0 0 0;
	background:url(../../_IMG/layout/rodape_bg.jpg) center bottom no-repeat;
	text-align:left;
}



/* --- CIMA --- */
#rodape_cima{
	width:960px;
	height:369px;
	margin:0 auto;
	padding:0 10px 0 10px;
	clear:both;
}

#rodape_cima ul{
	width:770px;
	float:right;
	list-style-type:none;
}

#rodape_cima ul li{
	width:215px;
	height:auto;
	min-height:120px;
	padding:20px 20px 0 20px;
	float:left;
}

#rodape_cima ul li.parceiros{
	width: 460px !important;
}

#rodape_cima ul li.separador{
	width:2px;
	height:120px;
	padding:0 !important;
	background:url(../../_IMG/layout/rodape_separador.gif) top center no-repeat;
}

* html #rodape_cima ul li{
	height: 100%; /* hack para IE6 hq trata height como min-height */
}

#rodape_cima h2{
	margin-bottom:15px !important;
}


.parceiro_box{
	float:left;
	margin:0 15px 8px 0;
}

/* --- BAIXO --- */
#rodape_baixo{
	width:960px;
	height:35px;
	margin:0 auto;
	padding:0 10px 0 10px;
	clear:both;
}

#copyright{
	width:170px;
	margin-top:5px;
	float:left;
}

#copyright a{
	margin-left:17px;
}

#endereco{
	margin-top:10px;
	float:right;
}



/*------------
	NEWSLETTER
-------------*/
#newsletter{
	width:205px;
	height:auto;
}

#newsletter p{
	margin-bottom:8px;
	font-size:11px;
}

form#form_newsletter ul{
	width:205px;
	margin:0;
	padding:0;
	list-style-type:none;
}

form#form_newsletter ul li{
	width:205px;
	height:auto !important;
	min-height:0 !important;
	margin:0 0 5px 0;
	padding:0 !important;
	float:none !important;
	/*Hack IE*/
	*margin:0 0 3px 0;
}

form#form_newsletter ul li input{
	width:192px;
	background:#fff !important;
	border:none !important;
	font-size:12px;
}

form#form_newsletter ul li.bt_cadastrar{
	margin-top:10px;
	text-align:right;
}




/*----------------
	FOTO COM BORDA
-----------------*/
.foto_borda{
	width:auto;
	height:auto;
	margin-bottom:10px;
	clear:both;
}

.foto_borda img,
.foto_borda a img{
	border:2px solid #c49f00;
}




/*==========================================
	HOME
============================================*/

#home_envolve_destaques{
	width:660px;
	height:auto;
	margin-bottom:10px;
	clear:both;
}

/* Hack Navegadores Modernos */
div#home_envolve_destaques:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}

.home_destaques{
	width:200px;
	height:auto;
	margin:0 30px 0 0;
	float:left;
}

.destaque_sem_margem{
	margin:0 !important;
	clear:right !important;
}



/*---------
	BANNERS
----------*/
#banner_menor{
	width:200px;
	height:180px;
	margin:0 30px 0 0;
	float:left;
	/*Hack IE*/
	_margin:0 15px 0 0;
}

#banner_maior{
	width:430px;
	height:180px;
	margin:0;
	float:left;
}




/*==========================================
	EQUIPE
============================================*/

.envolve_equipe{
	width:190px;
	min-height:235px;
	height:auto;
	margin:0 15px 20px 0;
	padding:10px;
	background:#eae7c4 url(../../_IMG/equipe/bg_equipe.gif) center top no-repeat;
	float:left;
	line-height:1.1em;
}

* html .envolve_equipe {
	height: 225px; /* hack para IE6 hq trata height como min-height */
}

.envolve_equipe p{
	margin:0 0 5px 0;
	color:#cd9f00;
	font-size:14px;
	font-weight:bold;
}

.envolve_equipe p.img_equipe{
	margin:0 0 5px 0;
	text-align:center;
}

.aumentar_box{
	min-height:280px !important;
	height:auto;
}




/*==========================================
	DESCONTOS TOP
============================================*/

.envolve_descontos{
	width:640px;
	height: 145px;
	padding:10px 10px 20px 10px;
	background:url(../../_IMG/outros/bg_separador_gradiente.png) center bottom no-repeat;
}

.envolve_descontos p{
	float: left;
}

.envolve_descontos .desconto_logo_empresa{
	width:215px;
	height:57px;
	margin:0 20px 0 0;
	padding:27px 20px 0 0;
	border-right:1px solid #d9d6b2;
	float:left;
	text-align:right;
}




/*==========================================
	ESTRUTURA (seção)
============================================*/

.envolve_estrutura{
	width:auto;
	height:215px;
}

.envolve_estrutura img{
	margin:0 0 0 20px;
	border:3px solid #8f6f00;
	float:right;
}




/*==========================================
	CONTATO
============================================*/

#contato_endereco{
	margin:0 0 0 70px;
	float:left;
}

#contato_endereco h2{
	margin-bottom:8px;
}

/*==========================================
	PAGINAÇÃO
============================================*/

ul.paginacao {
  clear: both;
	padding: 0;
	margin: 0;
	padding-top: 25px;
	padding-bottom: 25px;
}

ul.paginacao li {
  font-weight: bold;
	list-style: none;
	display: inline;
	margin-right: 1px;
	width: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
}

ul.paginacao li a {
  background-color: #c49f00;
	border: 1px solid #E3DBAC;
	color: white;
	padding-left: 7px;
	padding-right: 7px;	
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}

ul.paginacao li a:hover {
	background-color: #8F6F00;
	border-color: #ecead5;
}

ul.paginacao li.atual a {
    background-color: #8F6F00;
 		color: #FFFFFF;
    font-weight: bold;
    padding-left: 15px;
	  padding-right: 15px;	
}