/*
* Autor:Jason S. Piloti
* E-mail: contato@jasonpiloti.com
*/

/* -- estilizacao geral -- */

*{
	margin:0;
	padding:0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#67767E;
}

div:after{
   content:".";
   display: block;
   clear:left;
   visibility:hidden;
   overflow:hidden;
   height:0;
}

h1{
	font-size:30px;
	color:#F68815;	
}

h2{
	font-size:25px;
	color:#F68815;
}

h3{
	font-size:18px;
	color:#F68815;
}

h4{
	font-size:14px;
	color:#333;
	text-align:center;
}

p{
	font-size:12px;
	color:#67767E;
}

a{
	font-size:12px;
	color:#67767E;
	outline:none;
}

a:hover{ color:#F68309; }
img{ border:none; }

li{
	list-style:url(../images/ico-li.gif);
	margin-left:15px;
	margin-bottom:6px;
}

/* -- fundo boody -- */

.principal{
	background:url(../images/bg-body-principal.jpg) repeat-x center top;
	width:100%;
	height:100%;
}

.interna{
	background:url(../images/bg_body_interna.jpg) repeat-x center top;
	width:100%;
	height:100%;
}

/* -- Estruturacao -- */

#geral{
	margin:0 auto;
	display:table;
	
	width:970px;
	height:100%;	
}

#topo{
	background:url(../images/bg-topo.jpg) no-repeat center center;
	width:100%;
	height:226px;
}

#animacao{
	width:100%;
	height:394px;	
}

#animacao-esteiras{
	width:100%;
	height:74px;	
}

#linha-fitness, #produto{ margin-top:40px; }

#rodape{
	background:url(../images/bg-rodape.jpg) no-repeat center top;
	width:100%;
	height:100%;
	
	margin-top:20px;
}

#rodape ul{
	width:350px;
	height:100%;
	
	margin-top:10px;
	margin-bottom:10px;
}

#banner-01, #banner-02{
	float:left;
	
	margin-top:20px;
	margin-bottom:10px;
}

#caracteristicas{
	width:516px;
	height:100%;
}

#caracteristicas ul{ margin-top:20px; }

#condicoes-pagamentos{
	width:420px;
	height:100%;
}

#miniatura{	margin-bottom:10px; }

#dir{ float:right; }
#esq{ float:left; }

#zoom{
	width:180px;
	height:24px;
	
	position:absolute;
	top:695px;
	margin-left:298px;
	z-index:300;
}

#direitos{
	text-align:center;
	
	width:970px;
	height:30px;
	
	margin:0 auto;
	display:table;

	margin-top:10px;
	margin-bottom:10px;	
}

.bt_direitos{
	background:url(../images/direitos.jpg) no-repeat center center;
	width:970px;
	height:30px;
	text-indent:-5000px;
	display:block;
	margin:0 auto;
}

.menu-rodape{
	float:left;
	margin: 40px 20px 20px 20px;		
}

.produto{
	float:left;
	
	width:290px;
	height:100%;
	
	margin: 40px 14px 14px 14px;	
}

.caixa{
	padding:10px;
	border:solid #DCDCDC 1px;
	
	margin-bottom:20px;
	margin-top:20px;
}

.bt_voltar{
	background:url(../images/bt_voltar.jpg) no-repeat center center;
	width:100px;
	height:30px;

	display:block;
	text-indent:-5000px;
	margin-top:20px;
}

#sua-vida-mais-saudavel{
	width:478px;
	height:206px;
		
	float:right;
	margin-top:20px;
	margin-right:20px;
}


/* -- Logo / Titulos / Bts -- */

.logo-colombo-fitness{
	background:url(../images/logo.png) no-repeat center center;
	width:289px;
	height:85px;
	
	text-indent:-5000px;
	display:block;
	
	float:left;
	margin:74px 0 0 20px;
}

.sua-vida-mais-saudavel{
	background:url(../images/sua-vida-mais-saudavel.png) no-repeat center center;
	width:478px;
	height:206px;
	
	text-indent:-5000px;
	display:block;
	
	float:right;
	margin-top:0px;
	margin-right:0px;
}

.titulo-confira-toda-linha-de-fitness{
	background:url(../images/confira-toda-linha-de-fitness.gif) no-repeat center center;
	width:420px;
	height:24px;
	
	text-indent:-5000px;
	display:block;
}

.titulo-caracteristicas{
	background:url(../images/titulo-caracteristicas.jpg) no-repeat center center;
	width:159px;
	height:39px;
	
	text-indent:-5000px;
	display:block;
}


/* -- galeria -- */

#caixa-galeria{
	width:516px;
	height:378px;	
}

#galeria {
	position:relative;
	overflow:hidden;
	clear:both;
	
	width:516px;
	height:378px;
	
	background-color:#FBFBFB;
	border:solid #DCDCDC 1px;
	
	position:relative;
	top:-380px;
	
	z-index:1;
}

#galeria div {
	float:left;
	display:block;
}

#galeria .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

.prev{
	background:url(../images/bt-galeria-esquerda.gif) no-repeat center center;
	width:40px;
	height:378px;
	
	text-indent:-5000px;
	display:block;
	
	position:relative;
	top:-1px;
	left:1px;
	
	z-index:2;
}

.next{
	background:url(../images/bt-galeria-direita.gif) no-repeat center center;
	width:40px;
	height:378px;
	
	text-indent:-5000px;
	display:block;
	
	position:relative;
	top:-759px;
	left:477px;
	
	z-index:3;
}

#thumb-mails {
	margin-top:20px;
	margin-bottom:20px;

	clear:both;
	display:table;
}

#thumb-mails li {
	list-style:none;
	padding:0;
	margin:0;
	margin-right:10px;
	float:left;
}

#thumb-mails a img{	border:solid #DCDCDC 1px;}
#thumb-mails a.current img{ border:#F68815 solid 1px; }