<style type="text/css">
<!--
/***********************************************/
/* class.css                           		   */
/***********************************************/

body{
	float:left;
	font-family: tahoma, verdana;
	color: #000000;
	font-size:12px;
	width: 100%;
	height: 100%;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
}

/******* Estrutura do Site *******/

#estrutura{
	position:absolute;
	width: 100%;
	height:100%;
	text-align:center;
	padding: 0px 0px 0px 0px;
	background:#e2ddb7;
}

#fundo{
	position:relative;
	width: 850px;
	height:799px;
	margin:0 auto;
	background: url(../../img/estrutura/fundo.jpg);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	text-align:center;
}


/******* Estrutura da Lateral *******/

#lateral{
	float:left;
	width:234px;
	height:799px;
}

#linkMarca{
	float:left;
	margin-top:10px;
	margin-left:20px;
}

#menu{
	float: right;
	margin-top:18px;
	text-align:right;
}

#parceiros{
	float: right;
	width:154px;
	margin-right:16px;
	margin-top:51px;
	text-align:center;
}

#banner{
	float: left;
	width:140px;
	height: 60px;
	text-align:center;
	margin-top:3px;
}

#topoCadastro{
	float:left;
	width:196px;
	height:168px;
	margin-top:10px;
	margin-left:10px;
	background:url(../../img/estrutura/cadastro.jpg);
	background-repeat:no-repeat;
}

#topoAgradecimento{
	float:left;
	width:196px;
	height:168px;
	margin-top:10px;
	margin-left:10px;
	background:url(../../img/estrutura/agradecimento.jpg);
	background-repeat:no-repeat;
}

/******* Estrutura do Topo *******/

#topo{
	float:left;
	height: 324px;
	width: 600px;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#bannerTopo{
	float:left;
	position: relative;
	margin-left:52px;
	margin-top:12px;	
	width: 490px;
	height: 90px;
	overflow: hidden;
}

#bannerTopo img{
	position:absolute;
	display:block;
	border:none;
	width: 480px;
	height: 80px;
}

#topoColuna1{
	float:left;
	width:205px;
	height:199px;
	margin-top:30px;
}

#topoColuna2{
	float:left;
	width:340px;
	height:199px;
	margin-top:30px;
	text-align:center;
}

#bannerTopo2{
	float: none;
	width:300px;
	height:160px;
	margin-top:15px;
	border:1px #000000 solid;
}

#topoForm{
	float:left;
	width:150px;
	margin-top:95px;
	margin-left:10px;
}

#topoForm2{
	float:left;
	width:155px;
	margin-top:17px;
	margin-left:7px;
}

#topoBotao{
	float:left;
	width:155px;
	margin-top:8px;
	margin-left:50px;
}

/******* Estrutura do Miolo *******/

#miolo{
	float: left;
	width: 600px;
	height: 470px;
	padding: 0px 0px 0px 0px;
}

#fundoMiolo{
	float:left;
	width:540px;
	height:409px;
	margin-top:12px;
	margin-left:11px;
	text-align:left;
	background:url(../../img/estrutura/fundoMiolo.jpg);
}

#mioloColuna1{
	float:left;
	width:180px;
}

#mioloColuna2{
	float:left;
	width:355px;
}

#mioloOQueRola{
	float:left;
	width:160px;
	height:183px;
	margin-top:29px;
	margin-left:12px;
	font-size:11px;
}

#mioloFiquePorDentro{
	float:left;
	width:160px;
	margin-top:35px;
	margin-left:12px;
	font-size:11px;
}

#pontos{
	float:left;
	margin-top:-4px;
}

#mioloPromocao{
	float:left;
	position: relative;
	width: 310px;
	height: 130px;
	overflow: hidden;
	margin-top:24px;
	margin-left:27px;
}

#mioloPromocao img{	
	display: block;
	width: 310px;
	height: 130px;
	border: none;
}	

#mioloPromocao a{
	position: absolute;
}

#mioloPromocaoNumeros{
	float: right;
	margin-right:15px;
	cursor: pointer;
}

#mioloGaleriaColuna1{
	float:left;
	width:165px;
	height:100px;
	margin-top:55px;
	margin-left:18px;
	font-size:11px;
	text-align:center;
}

#mioloGaleriaColuna2{
	float:left;
	width:165px;
	height:100px;
	margin-top:36px;
	font-size:11px;
	text-align:center;
}

#botaoGaleria{
	float: none;
	margin-top:5px;
}

#mioloBannerRodape1{
	float:left;
	width:165px;
	height:45px;
	margin-top:48px;
	margin-left:10px;
	font-size:11px;
	text-align:center;
}


/********** Rodape ***********/

#rodape{
	clear: both;
	width:100%;
	height:57px;
}


/********** Link ***********/


a{ font-family: tahoma, verdana; font-size: 11px;  color: #02557a; text-decoration: none;}
	a:hover { color:#02557a; text-decoration: underline;}
	a:link { color:#02557a; text-decoration: none;}

.link{ font-family: tahoma, verdana; font-size: 11px;  color: #7e7f7f; text-decoration: none;}
	.link:hover { color:#7e7f7f; text-decoration: underline;}
	.link:link { color:#7e7f7f; text-decoration: none;}
	
.menu{ font-family: tahoma, verdana; font-size: 11px;  color: #FFFFFF; text-decoration: none;}
	.menu:hover { color:#FFFFFF; text-decoration: underline;}
	.menu:link { color:#FFFFFF; text-decoration: none;}

.link2{ font-family: tahoma, verdana; font-size: 11px;  color: #02557a; text-decoration: none;}
	.link2:hover { color:#7e7f7f; text-decoration: underline;}
	.link2:link { color:#02557a; text-decoration: none;}
	
/******* Formulario *******/


.form{
	margin-top:0px; width:145px; background:f0ecc9;
	border-right: #d5d5d5 0px solid; border-top: #d5d5d5 0px solid;
	border-left: #d5d5d5 0px solid; border-bottom: #d5d5d5 0px solid;
	font-family: Arial, Verdana; font-size: 11px; color:5f5f5e; font-style: normal;
}

.botao{
	margin-top:1px; width:50px;
	border-right: #d5d5d5 1px solid; border-top: #d5d5d5 1px solid;
	border-left: #d5d5d5 1px solid; border-bottom: #d5d5d5 1px solid;
	font-family: Arial, Verdana; font-size: 11px; font-style: normal;
}

.formContato{
	width:200px; background:e9e8e8;
	border-right: #cacaca 1px solid; border-top: #cacaca 1px solid;
	border-left: #cacaca 1px solid; border-bottom: #cacaca 1px solid;
	font-family: Arial, Verdana; font-size: 11px; margin-top:2px
}

.formCadastroPromocao{
	width:200px; background:#FFFFFF;
	border-right: #cacaca 1px solid; border-top: #cacaca 1px solid;
	border-left: #cacaca 1px solid; border-bottom: #cacaca 1px solid;
	font-family: Arial, Verdana; font-size: 11px; margin-top:2px
}


.formCadastroPromocao2{
	width:90px; background:#FFFFFF;
	border-right: #cacaca 1px solid; border-top: #cacaca 1px solid;
	border-left: #cacaca 1px solid; border-bottom: #cacaca 1px solid;
	font-family: Arial, Verdana; font-size: 11px; margin-top:2px
}

.formContato2{
	width:50px; background:e9e8e8;
	border-right: #cacaca 1px solid; border-top: #cacaca 1px solid;
	border-left: #cacaca 1px solid; border-bottom: #cacaca 1px solid;
	font-family: Arial, Verdana; font-size: 11px; margin-top:2px
}


/********** fonte ***********/

.fonteVermelha{ font-family:tohoma, verdana; font-size:12px; color:a32403;}

.textoVermelho{
	float: left;
	padding: 0px 3px 0px 3px;
	width: 100%;
	text-align: left;
	font-family: verdana, arial;
	font-size: 11px;
	color:#FF0000;
}

.fonteVermelho{
	float: left;
	padding: 0px 3px 0px 3px;
	width: 100%;
	text-align: left;
	font-family: verdana, arial;
	font-size: 10px;
	color:#FF0000;
}

/********** Contato ***********/

#contato{
	float:left;
	width:175px;
}

#contatoBotao{
	float:left;
	width:70px;
	text-align:right;
	margin-top:68px;
	padding: 0px 15px 0px 0px;
}

/********** Novidades ***********/

#novidadeImagem{
	float: right;
	width:185px;
	margin-top:5px;
}

#orkut{
	float: right;
	margin-right:135px;
	margin-top:-50px;
}

-->
</style>