body{
			background:#000 url(bg.gif) no-repeat left top;
			color:#FFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			padding:0;
			margin:0;
		}
		#site{
			width:886px;		
		}
		#topo{
			height:329px;
		}
		#menu{
			height:40px;
			background-color:#901D78;
			padding-left:50px;
		}
			#menu ul li, #menu ul{
				list-style:none;
				margin:0;
				padding:0;
				display:inline;
			}
			#menu ul li a span{
				position:absolute;
				top:-102px;
			}
			#menu ul li a{
				border:0;
				display:block;
				height:40px;
				margin-left:20px;
				margin-right:20px;
				float:left;
			}
			#menu ul li a#pi{
				width:185px;
				background:url(menu/pi.gif);
			}
			#menu ul li a#pi:hover{
				background:url(menu/pi_hover.gif);
			}
			#menu ul li a#pi.selected{
				background:url(menu/pi_selected.gif);
			}
			#menu ul li a#oe{
				width:130px;
				background:url(menu/oe.gif);
			}
			#menu ul li a#oe:hover{
				background:url(menu/oe_hover.gif);
			}
			#menu ul li a#oe.selected{
				background:url(menu/oe_selected.gif);
			}
			#menu ul li a#qv{
				width:225px;
				background:url(menu/re.gif);
			}
			#menu ul li a#qv:hover{
				background:url(menu/re_hover.gif);
			}
			#menu ul li a#qv.selected{
				background:url(menu/re_selected.gif);
			}
			#menu ul li a#c{
				width:134px;
				background:url(menu/en.gif);
			}
			#menu ul li a#c:hover{
				background:url(menu/en_hover.gif);
			}
			#menu ul li a#c.selected{
				background:url(menu/en_selected.gif);
			}
		#corpo{
			padding-top:43px;
			padding-left:89px;
			background:url(bg2.jpg) no-repeat top left;
		}
		#conteudo{
			float:left;
			width:313px;
			margin-left:13px;
			margin-right:18px;
		}
		#lateral{
			margin-left:16px;
			width:436px;
			float:right;
		}
			#citacao{
				opacity:80%;
				background: url(aspas.gif) left top no-repeat #E77717;
				font-weight:bold;
				color:#482507;
				font-family:Arial Narrow, Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				padding-left:58px;
				padding-top:17px;
				padding-right:13px;
				padding-bottom:14px;
				margin-bottom:120px;
				clear:both;
			}
				#citacao span{
					text-align:right;
					font-size:12px;
					font-family:Trebuchet MS, Helvetica, sans-serif;
					margin-top:13px;
					float:right;
					color:#000;
					display:block;
				}
			#receita{
				height:191px;
				background:#221C0B;
				margin-bottom:50px;
				clear:both;
			}
			
			#quem_veste{
				height:280px;
				background:url(quem-veste.gif) #2D0C00;
				clear:both;
			}
		
		#rodape{
			clear:both;
			margin-top:20px;
			height:292px;
			
			background:url(rodape.jpg);
		}
		
		.clear{
			clear:both;
		}
		.stepcarousel{
		position: relative; /*leave this value alone*/
		overflow: scroll; /*leave this value alone*/
		width: 312px; /*Width of Carousel Viewer itself*/
		height: 102px; /*Height should enough to fit largest content's height*/
		}
		
		.stepcarousel .belt{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
		}
		
		.stepcarousel .panel{
		float: left; /*leave this value alone*/
		overflow: hidden;
		font-size:12px; /*clip content that go outside dimensions of holding panel DIV*/
		width: 292px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		margin:10px;
		
		}
		.stepcarousel .panel h4{
			margin:0;
			padding:0;
			color:#FFF;
			margin-top:5px;
			margin-bottom:5px;
		}
		.stepcarousel .panel p{
			margin:0;
			padding:0;
			color:#3CC;
		}
		#capa_quem_veste{
			width:436px;
			height:496px;
			background:#000;
			margin-bottom:20px;
			margin-right:13px;
			margin-left:13px;

			float:left;
		}
		#contador{
			width:306px;
			height:284px;
			background:#901D78;
			margin-bottom:10px;
			margin-right:13px;
			
			float:right;
		}
		#como_chegar{
			width:306px;
			height:348px;
			background:#83C227;
			margin-right:13px;
			
			float:right;
		}
		#eu_abraco{
			width:436px;
			height:126px;
			margin-bottom:29px;
			margin-left:13px;
			
			
			float:left;
		}

		#eu_abraco h3 span{
			position:absolute;
			top:-200px;
		}
		#eu_abraco h3{
			margin:0;
			padding:0;
			display:block;
			float:left;
			width:55px;
			height:126px;
			background:url(eu-abraco-capa.gif) no-repeat;
		}
			#mensagens{
				width:312px;
				height:90px;
				margin-bottom:3px;
				float:left;
			}
			#msg_rodape{
				width:312px;
				font-size:12px;
				float:left;				
				color:#1B6C6C;
				padding-left:10px;
			}
			#msg_rodape a{
				color:#1B6C6C;
				text-decoration:none;
			}
			#nav{
				float:right;
				width:200px;
				clear:right;
				padding-top:3px;
			}
			#todos{
				display:block;
				float:left;
				width:55px;
				background:#1B6C6C;
				color:#9FF !important;
				padding:3px;
			}
			#enviar{
				display:block;
				float:right;
				width:57px;
				height:110px;
				background:url(enviar.gif);
			}
			#enviar:hover{
				background:url(enviar-hover.gif);
			}
			#enviar span{
				position:absolute;
				top:-300px;
			}
		#fnm_header{
			width:468px;
			height:105px;
			margin-left:13px;
			margin-bottom:20px;
			color:#9FF;
			font-size:12px;
			
			float:left;
		}
			#fnm_header h3{
				margin:0;
				padding:0;
				margin-bottom:15px;
				background:url(a-feijoada-ao-redor-do-mundo.gif);
				display:block;
				width:386px;
				height:73px;
			}
			#fnm_header h3 span{
				position:absolute;
				top:-200px;
			}
		#participe{
			width:249px;
			height:105px;
			background:#AFD5E9;
			margin-right:13px;
			
			float:right;
		}
		#fnm_bottom{
			width:468px;
			height:295px;
			margin-left:13px;
			
			float:left;
		}
		#fnm_iframe{
			width:249px;
			height:295px;
			margin-right:43px;
			
			float:right;
		}
		#cqv_header{
			background:#F60;
		}
	.stepcarousel2{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 436px; /*Width of Carousel Viewer itself*/
	height: 415px; /*Height should enough to fit largest content's height*/
	background:#000000;
	}
	
	.stepcarousel2 .fotos{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
	}
	
	.stepcarousel2 .foto{
	float: left; /*leave this value alone*/
	overflow: hidden;
	width: 436px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin:0px;
	
	}
	.stepcarousel2 .foto h4{
		margin:0;
		padding:0;
		color:#FFF;
		margin-top:5px;
		margin-bottom:5px;
	}
	.stepcarousel2 .foto p{
		margin:0;
		padding:0;
		color:#3CC;
	}
	
	#dados_contato{
	margin-top:120px;
	width:216px;
	height:155px;
	float:left;
	margin-left:40px;
	}
	#patrocinios{
	margin-top:36px;
	width:597px;
	height:223px;
	float:left;
	margin-left:14px;
	}
	#pt_head{
		margin-bottom:15px;
	}
	#garrafa-pet{
		margin-bottom:45px;
	}