/*    Camilo Coutinho     */
/* www.CamiloCoutinho.com */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
/* Defina os estilo do focus, ins e del */
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* Tabelas necessitam que estejam setadas 'cellspacing="0"' no código */
table {border-collapse: collapse;	border-spacing: 0;}

body{
	margin:0;
	padding:0;
	background: #000 url(img/bg-fit4fun.png) repeat-x top center;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	}
	
/* PNG transparente*/
.pngie6{behavior:url(js/iepngfix.htc);}

/* start */
#geral{
	margin: 0 auto;
	width: 730px;
	height: auto;
	overflow: hidden;
	background: transparent url(img/bg-geral-fit4fun.png) no-repeat top center;
	padding: 20px;
	behavior:url(js/iepngfix.htc);
	}
#fit4fun{
	float: left;
	height: 106px;
	width: 245px;
	background: transparent;
	margin: 30px 15px 20px 0;
	}
#chamada{
	float: left;
	height: 136px;
	width: 470px;
	background: transparent;
	margin: 0 0 20px 0;	
	}

#vitrine{
	float: left;
	height: 340px;
	width: 245px;
	background: transparent;
	margin: 0px 15px 0 0;
	}
#conteudo{
	float: left;
	height: auto;
	width: 470px;
	background: transparent;
	margin: 0;
	}	
#parceiros{
	float: left;
	height: 100px;
	width: 245px;
	background: transparent;
	margin: 20px 15px 0 0;
	text-align: right;
	}		
	
#rodape{
	float: left;
	height: 50px;
	width: 470px;
	background: transparent;
	margin: 20px 0 0;
	color: #333;
	font: 10px Arial, Helvetica, sans-serif;
	}	

#rodape span{ font: 12px Arial, Helvetica, sans-serif; color: #fff;}
#rodape span b{ font: bold 22px Arial, Helvetica, sans-serif; color: #fff;}
#rodape p{width: 447px; float: left;}
#rodape img{float: right;}

/* conteudo */
#vertical_container{ margin: 0 auto; width: 470px; padding: 0px;}
.accordion_toggle {
	display: block;
	height: 22px;
	width: 430px;
	background: url(img/fit4fun-aba-off.gif) no-repeat top left;
	padding: 3px 20px 0;
	text-decoration: none;
	outline: none;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000;
	border: none;
	cursor: pointer;
	margin: 0;
		}
.accordion_toggle_active { background: url(img/fit4fun-aba-on.gif) no-repeat top left; color: #ffffff;}
.accordion_content { background-color: #fc0; color: #000; overflow: hidden; }
.accordion_content h2 {	margin: 15px 0 5px 10px; color: #0099FF;}
.accordion_content p {line-height: 150%; padding: 5px 10px 15px 10px;}
.accordion_content p b {font:bold 12px Geneva, Arial, Helvetica, sans-serif; color: #C30;}
.accordion_content p a{padding: 1px 3px; background: #fa0; color: #900; text-decoration:none;}
.accordion_content p a:hover{background: #0082d7; color: #fff; text-decoration:none;}

form {text-align: left; margin-left: 10px; font-family:Arial, Helvetica, sans-serif;}
*form {text-align: left; margin-left: 0px;}
form input{ width: 340px; height: 25px; border: none; background: #FF9; line-height: 25px; margin:0 50px 5px; padding: 5px; color: #c00;}
form textarea{ width: 340px; height: 105px; border: none; background: #FF9; line-height: 25px; margin:0 50px 5px; padding: 5px; color: #c00; font: 12px Arial, Helvetica, sans-serif;}
form .btn_enviar{ background: #f50; color: #fff; font: bold 16px Arial, Helvetica, sans-serif; line-height:120%; width: 350px; height: 35px;}