/*
Cliente: Academia Espaco Fitness
Projeto: Site da Academia Espaco Fitness
Autor: Carlos Eduardo de Souza - carlos@viscountbox.com
*/


/*
----------	
	
	PALETA DE CORES:
	
	#9e2435 - Bordo
	#f36f21 - Laranja
	#818285 - Cinza
	
----------
*/


/*
----------	
	
	ELEMENTOS GERAIS
	
----------
*/

* { margin: 0; padding: 0; }
html, body { background: url(../imagens/bg.gif) repeat-x; font: 100% "Lucida Sans Unicode", "Trebuchet MS", Arial, Helvetica, sans-serif; }

#limites, #rodape .interna { width: 775px; margin: 0 auto; font-size: .68em; }

p { margin-bottom: 1em; }

a img { border: 0; }

/* ------- LINKS ------- */
a { text-decoration: none; color: #9e2435; }
a:hover { color: #f36f21; }

a.destaque { padding: 5px; background: #9e2435; color: #fff; }
a.destaque:hover { text-decoration: underline; }

/* ------- CLASSES ------- */
.esquerda { float: left; }
.direita { float: right; }
p.esquerda, p.direita { float: none; }
p.esquerda { text-align: left; }
p.direita { text-align: right; }
.centro { text-align: center; }

.ampliar { padding-left: 10px; background: url(../imagens/icone_ampliar.png) 0 center no-repeat; color: #000; }

/* ------- TOPO ------- */
#topo { background: url(../imagens/topo_bg.jpg) no-repeat; }

#topo h2 { float: left; width: 187px; height: 151px; background: url(../imagens/topo_logo.jpg) no-repeat; }
#topo h2 a { position: relative; display: block; width: 120px; height: 119px; top: 6px; left: 33px; text-indent: -9999em; overflow: hidden; }

#topo ul { margin-left: 255px; padding-top: 92px; list-style: none; }
#topo ul li { float: left; margin-right: 10px; font-size: 1.27em; }
#topo ul li a { display: block; width: 115px; height: 35px; text-align: center; line-height: 35px; }
#topo ul li a:hover, #home #topo ul li#menu_home a, .academia #topo ul li#menu_academia a, 
.mapa #topo ul li#menu_mapa a, .contato #topo ul li#menu_contato a { background: url(../imagens/topo_menu_over.png) no-repeat; color: #f36f21; }
* html #topo ul li a:hover, * html #home #topo ul li#menu_home a, * html .academia #topo ul li#menu_academia a, 
* html .mapa #topo ul li#menu_mapa a, * html .contato #topo ul li#menu_contato a { background: url(../imagens/topo_menu_over.gif) no-repeat; }
#home #topo ul li#menu_home a, .academia #topo ul li#menu_academia a, 
.mapa #topo ul li#menu_mapa a, .contato #topo ul li#menu_contato a { font-weight: bold; }

#topo img { display: block; clear: both; margin: 0 auto; }

/* ------- CONTEUDO ------- */
#conteudo { clear: both; margin-top: 20px; padding: 0 18px; }

	/* ------- COLUNA 1 ------- */
	#coluna1 { float: left; width: 220px; }
	
	#coluna1 dl dt { width: 210px; height: 38px; padding-left: 10px; background: url(../imagens/coluna1_titulo.jpg) #efefef 10px 0 no-repeat; border-top: 10px solid #efefef; font-size: 1.63em; color: #9e2435; }
	#coluna1 dl dd { margin-bottom: 25px; padding: 5px 10px 10px; background: #efefef; }
	#coluna1 dl dd ul { list-style: none; font-size: 1.1em; }
	#coluna1 dl dd ul li a { display: block; padding: 0 8px 0 7px; line-height: 1.8em; color: #000; zoom: 1; }
	#coluna1 dl dd ul li a:hover, #coluna1 dl dd ul li.ativo a { padding: 0 7px; background: #e7e7e7; border-right: 1px solid #9e2435; color: #f36f21; }
	#coluna1 dl dd ul li.ativo a { font-weight: bold; }
	
	/* ------- COLUNA 2 ------- */
	#coluna2 { float: left; width: 500px; min-height: 410px; margin-left: 19px; background: url(../imagens/coluna2_bg.jpg) right 30% no-repeat; }
	* html #coluna2 { height: 410px; margin-bottom: -30px; }
	#coluna2 ul { margin-left: 1.3em; }

	/* ------- RODAPE ------- */
	#rodape { clear: both; height: 175px; background: url(../imagens/rodape_bg.gif) repeat-x; }
	
	#rodape .interna, #rodape .interna a { color: #fff; }
	#rodape .interna { position: relative; width: 740px; height: 135px; margin: 0 auto; padding-top: 40px; background: url(../imagens/rodape_logo.jpg) right 0 no-repeat; color: #fff; }
	#rodape .interna a:hover { text-decoration: underline; }
	
	#rodape a.link_topo { float: right; padding-left: 15px; background: url(../imagens/icone_topo.png) 0 center no-repeat; font-size: 1.27em; }
	
	#rodape ul { float: left; margin-bottom: 38px; border-bottom: 1px solid #fff; list-style: none; line-height: 1.5em; font-size: 1.27em; }
	#rodape ul li { display: inline; }
	#rodape ul li a { padding: 0 5px; }
	#rodape .interna ul li a:hover { background: #fff; text-decoration: none; color: #9e2435; }
	
	#rodape .vcard { clear: left; margin: -40px 260px 0 0; }
	html > body #rodape .vcard { margin-top: 0; }
	#rodape .vcard .org, #rodape .vcard .adr { font-size: 1.27em; }
	#rodape .vcard .adr { margin: 0; }
	#rodape .vcard p em { font-style: normal; }
	
	#rodape a.botao { position: absolute; width: 250px; height: 33px; top: 118px; right: 0; background: url(../imagens/rodape_botao_bg.jpg) no-repeat; line-height: 33px; text-align: center; }

/*
----------	
	
	PAGINAS ESPECIFICAS
	
----------
*/

	/* ------- PAGINA INICIAL ------- */
	#home #coluna2 #destaque { height: 153px; margin-bottom: 17px; background: url(../imagens/home_destaque_body-spinning-pilates.jpg) no-repeat; text-indent: -9999em; overflow: hidden; }
	#home #coluna2 #destaque ul { list-style: none; }
	
	#home #coluna2 #chamada { float: right; width: 204px; height: 117px; margin-bottom: 2em; padding: 12px 18px 0; background: url(../imagens/home_chamada_bg.jpg) no-repeat; text-align: right; }
	#home #coluna2 #chamada h3 { margin-bottom: 10px; /*margin-bottom: 20px;*/ text-align: center; font-size: 2.18em; /*font-size: 1.3em;*/ font-weight: normal; color: #f36f21; }
	#home #coluna2 .aniversario h3 { text-transform: uppercase; }
	#home #coluna2 #chamada p { font-weight: bold; font-size: 1.1em; /*font-size: 1.5em;*/ text-transform: lowercase; line-height: 1.5em; color: #818285; }
	#home #limites #coluna2 .aniversario p { font-size: 1.3em; text-transform: uppercase; }
	#home #coluna2 #chamada p strong { display: block; font-size: 1.33em; text-transform: none; color: #9e2435; }
	#home #coluna2 #chamada p strong span { font-size: 1.5em; }
	
	#home #coluna2 dl { width: 240px; }
	#home #coluna2 dl.maior { clear: right; width: auto; margin-top: 20px; }
	#home #coluna2 dl dt { margin-bottom: 5px; border-bottom: 1px solid #818285; font-size: 1.45em; color: #9e2435; }
	#home #coluna2 dl dd { /*min-height: 90px;*/ margin-bottom: 4.5em; }
	/** html #home #coluna2 dl dd { height: 90px; }
	#home #coluna2 dl dd ul li strong { display: block; }*/
	#home #coluna2 dl dd ul { margin-bottom: 2em; }
	
	
	/* ------- PAGINAS INTERNAS ------- */
	#interna #breadcrumb { margin-bottom: 1em; padding-left: 9px; background: url(../imagens/breadcrumb_bg.png) no-repeat; line-height: 23px; }
	#interna #breadcrumb a { color: #000; }
	#interna #breadcrumb a:hover { text-decoration: underline; }
	#interna #breadcrumb strong { color: #9e2435; }
	
	#interna h1 { margin-bottom: 19px; font-size: 1.63em; color: #f36f21; }
	#interna h3 { margin-bottom: 15px; font-size: 1.27em; }
	
	#interna ul, #interna p { margin-bottom: 2em; line-height: 1.63em; }
	
	#interna img.direita { margin: 0 0 20px 20px; }
	
	#interna span.ampliar { position: relative; top: -78px; right: 24px; }
	
	#interna ul.galeria { padding-bottom: 62px; background: url(../imagens/interna_galeria_bg.jpg) #fff bottom no-repeat; list-style: none; text-align: center; }
	#interna ul.galeria li { display: inline; margin: 0 3px; }
	#interna ul.galeria li a img { border: 2px solid #fff; }
	#interna ul.galeria li a:hover img { border-color: #f36f21; }
	
		/* ------- COLUNA 1 ------- */
		#interna #coluna1 dl dd ul { margin: 0; }
	
		/* ------- ACADEMIA ------- */
		.academia h1 { margin-top: 22px; }
		
		/* ------- MAPA DO SITE ------- */
		.mapa #coluna2 ul { margin: 0 0 1em; list-style: none; }
		.mapa #coluna2 ul li ul { margin-left: 1.5em; list-style: disc inside; }
		.mapa #coluna2 ul li { margin-bottom: 1em; }
		.mapa #coluna2 ul li ul li { margin-bottom: 0; }
		.mapa #coluna2 ul li a, .mapa #coluna2 ul li span { padding-left: 16px; background: url(../imagens/seta_laranja.png) 0 4px no-repeat; font-weight: bold; font-size: 1.1em; color: #9e2435; }
		.mapa #coluna2 ul li span { background-position: 0 -14px; }
		.mapa #coluna2 ul li ul li a { padding: 0; background: transparent; font-size: 1em; color: #000; }
		.mapa #coluna2 ul li a:hover { text-decoration: underline; }
		
		/* ------- CONTATO ------- */
		.contato #coluna2 ul { margin: 0 0 2em; list-style: none; }
		.contato #coluna2 ul li { padding-left: 16px; background: url(../imagens/seta_laranja.png) 0 4px no-repeat; font-size: 1.1em; }