﻿/*
===================================================
Folha de estilos base do website
Cliente: Balance Health Club

Vers: 1.0
Ano: 2007
Autor: Miguel Azevedo e Castro
E-mail: miguel.castro@janeladigital.com
Website: http://www.janeladigital.com/

Editado em Janeiro de 2008 por Mauro Mangas - Com supervisão de Miguel Castro, por questões de compatibilidade com IE6 e adaptações requisitadas pelo cliente.
===================================================*/ 

/*Estilos globais
===================================================*/ 
*{
	margin:0;
	padding:0;
	
}
html, body {
	height:100%;
}
body{
	background:#353535 url(../back09.jpg) top center no-repeat;
	background-attachment:fixed ;
	font:normal 62.5% Geneva, Arial, Helvetica, sans-serif;
	/*color:#88898c;*/
	color:#fff;
}
.pngFix { 
	behavior: url(_scripts/iepngfix.htc);
}
a, a:visited{
	text-decoration:none;
	color:#dedede; /*#6f7073;*/
	cursor:pointer;
}
a:hover{
	color:#f90;
}
a img {
	border:0;
	cursor:pointer;
}
ul{
	list-style:none;
 }


h1 {
	font-size: 2.4em;
  /*letter-spacing: -0.05em;*/
	line-height: 1.0;
}

h2 {
  font-size: 1.8em;
  line-height: 1.0;
}

h3 {
  font-size: 1.2em; 
  /*display:inline;*/
}

h4 {
  font-size: 1em;
  color:#d97f18;
}
h5 {
  font-size: 1em; 
}
h6 {
  font-size: .9em;  
}

.destaque{
	font-size: 1em;
     color:#d97f18;
    text-decoration:underline;
}

.horarios_cell{
	background-color: #FFCC00;
}
  
.separador {
	display:block;
	clear:both;
	border-top:#a3a2a2 1px solid;
	/*float:left;*/
	height:1px;
	width:98%;
	margin:5px auto 3px auto;
}
.sepDot{
	display:block;
	/*clear:both;*/
	background:url(../images/dot.gif);
	height:3px;
	width:99%;
	margin:5px auto 3px auto;
}
.sepDotLeft{
	width:53%;
	margin:5px 0 5px 0;
}
/* Estrutura do site
===================================================*/
#wrapper {
	height:100%;
	width: 99.9em;
	margin:0 auto 0 auto;
	position:relative;
	/*background: url(../backWrap.gif) repeat-x;*/
	background:url(../back00080.png);
	/*border:#f6c 3px solid;*/
	/*background:url(../images/shades.jpg) bottom right no-repeat;*/
}
.bottom{float:right; padding-right:10px; padding-top:60px; font-size:12px; color:#FFFFFF;}

.logo{
	position:absolute;	
	top:3px;
	left:0px;
	height:134px;
	width:329px;
}
#medContent{
	width:100%;
	float:left;
	border:#717174 2px solid;
	border-left:none;
	/*background-color:#fff;*/
	
	
}
#secContent{
	height:44.5em;
	width:34em;
	float:left;
	padding:0 0 0 5px;
	border-left:#717174 1px solid;	
	/*background-color:#ffFF00; */
	/* ORIGINAL: (width: 37em) */	
}
/* conteudos amplos execpto inicial
===================================================*/
#allContents{
	margin:58px 0 0 190px;
	width:800px;
	height:100%;
	/*background:#66FF66;*/
    /*background:url(../images/shades.jpg) bottom right no-repeat; */
	/*background:url(../images/shades_cinza.jpg) bottom right no-repeat; */
	min-height:380px;
}
#fullContents{
	margin:63px 0 0 0;
	width:99em;
	height:100%;
	/*background:#66FF66;*/
	 /*background:url(../images/shades.jpg) bottom right no-repeat; */
	/*background:url(../images/shades_cinza.jpg) bottom right no-repeat; */
	min-height:380px;
}
.horarios{
	border:#717174 1px solid;
	width:100%;
	margin:0 0 30px 0;
}
.horarios tr{
	height:40px
}
.horarios td {
	border:#717174 1px solid;
	text-align:center;
}
.horarios tr.small {
	height:2.2em;
	font-weight:bold;
	font-size:1.25em;
}
.horarios tr.dark {
	background:#999;
	color:#ebebeb;
}
.horarios tr.orange {
	background:#f90;
}
.horarios tr.vorange {
	background:#e58619;
}
	/* coluna da direita
===================================================*/
#newsletter{
	height:120px;
	padding-top:20px;
	}

.newsletterImg{
	width:150px;
	height:53px;
	display:block;
	float:left;
	background:url(../images/newsletter.gif);
	margin:20px 0 0 40px;
}
	/* form
===================================================*/
.newsletterForm{
	background:url(../images/dot.gif) top left repeat-y;
	padding:0 5px 10px 18px;
	float:right;
	text-align:right;
	position:relative;
	/*border:#33FF00 1px solid;*/
}
.newsletterForm input{
	width:120px;
	/*ORIGINAL width:150px;*/
}
.newsletterForm a.button, .newsletterForm a:visited.button { 
	display: block;
	width:69px;
	height:29px; 
	background: #fff url(../images/send.gif) left no-repeat;	
	position:absolute;
	right:5px;
	/*float:right;*/
}
.newsletterForm a:hover.button {
	display: block;
	background: #fff url(../images/send.gif) right no-repeat;
} 
.newsletterForm span {
	display:block;
	width:100%;
	margin:5px 0 0 0;	
}
.newsletterForm a.button span { 
	position:absolute;
	display:none;
	right:-999px;
}
	/* fim da form
===================================================*/

#smallBanners{
	font-size:1.38em;
	font-weight:bold;
	color:#b3b3b3;
	line-height:20px;
	width:100%;
	margin:0 0 0 15px;
	/*background-color:#00FF99;*/
}
.headers{
	display:block;
	margin:20px 0 0 0;
}
	/* coluna da esquerda
===================================================*/
.callBack{
	width:179px;
	float:left;
	/*height:200px;*/
	padding:10px 0 0 0;
	border-right:#717174 1px solid;	
}
.callBackImg{
	height:44px;
	width:135px;
	display:block;
	float:right;
	background:url(../images/callBack.gif) top left;
	margin:20px 0 5px 0;
}
.callBackImg p{
	position:absolute;
	left:-999px;
}
	/* Conteudos textuais principais
===================================================*/
.mainContents{
	float:left;
	width:58em;
	padding:0 0 15px 12px;
	font-size:1.35em;
	/*font-weight:bold;*/
	/*color:#88898c;*/
	color:#fff;
	line-height:20px;
	/*background-color:#00FF99;	*/
	 /*background:url(../images/shades.jpg) bottom right no-repeat; */
	/*background:url(../images/shades_cinza.jpg) bottom right no-repeat;*/
}
.mainContents p{
	width:63%;
}
/* Imagem principal
===================================================*/
.sportImages{
	height:366px; 
	width:425px; 
	margin:63px 0 0 21px; 
	float:left;
}
.bolder{
	font-weight:bold;
}
.clear {
	clear:both;
}

.redMarker{
	font-size:1.5em;
	color:#f30;
}
/* Lista efectivas
====================================================*/

.trueList{
	margin:0 3px 0 15px;
	font-size:1.2em;
	width:65.5em;	
	background-image:url(../images/dot.png);
}
.trueList ul{
	margin:5px 0 8px 0;

}
.trueList li{
	padding:5px 0 0 10px;
	
}
.trueList li ul li{
	padding:5px 0 0 20px;

}
.trueList p{
	margin:20px 0 20px 0;
	}
.alignRight{
	width:220px;
	display:block;	
	margin:0 0 20px 8px;
	border:#e1e1e1 1px solid;
	list-style:decimal-leading-zero inside;
}
.ol li{
	margin:5px 0 10px 0;
}
.orderPlease{
	list-style:decimal-leading-zero inside;
}
.medText{
	font-size: 1.5em;
}
.marginTop{
	padding:10px 0 0 0;
}
ul.aulas li{
	margin:5px 0 10px 0;
}
/* Organigrama
====================================================*/
.organigrama{
	display:block;
	height:345px;
	width:600px;
	background-image:url(../images/organigrama.gif);
}

#googleMap{
	position:absolute;
	top:170px;
	right:0;
	border:#717174 1px solid;	
	border-right:none;
}
#goTop{
	width:115px;
	height:18px;
	background:url(../images/top.gif)  right no-repeat;	
	position:fixed;
	bottom:0px;
	padding:0 2px 0 0;
	text-align:center;
	margin:0 0 3px -140px;
}


/*--------------free pass---------*/
#right{float:right;}

#left{float:left;}

.questions {height:170px; width:315px; text-align:left; padding-top:5px; margin:0;}

.freeForm{
	padding:0 0 5px 18px;
	float:right;
	text-align:left;
	position:relative;
	z-index:5000;
	/*border:#33FF00 1px solid;*/
}
.freeForm a.button, .freeForm a:visited.button { 
	display: block;
	width:69px;
	height:29px; 
	background: #fff url(../images/send.gif) left no-repeat;	
	position:absolute;
	right:180px;
	/*float:right;*/
}
.freeForm a:hover.button {
	display: block;
	background: #fff url(../images/send.gif) right no-repeat;
} 
.freeForm a.button span { 
	display:none;
}

a.video{
	 color:#eb872f;
	}
a.video:hover{
	color:#fa7400;
	}