/* CSS Document */

/* basic elements */

body, h1, h2, h3, h4, h5, h6, p, ul, li, form {
	margin: 0px;
	padding: 0px;
	border:0;
}

/* ------------|Defaults------------ */
body {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#894522;
	margin:					0;
	padding:				0;
}


/* ------------|Misc Classes------------ */


.clear {
	clear:					both;
}

/* ------------|Structure------------ */

.page {
	width:					85%;
	min-width:				1000px;
	margin:					0 auto;
}

#top-bar {
	position:				fixed;
	background:				transparent url(site/img/bkg_top.png) repeat-x;
	width:					100%;
	height:					160px;
	margin-bottom:			-8px;
	z-index:				3;
}

#content-area {
	padding:				160px 0;
	min-height:				400px;
	position: relative;
	z-index:				2;
}

#content-area-home {
	padding:				160px 0px 160px 0px;
	min-height:				400px;
	position: relative;
	z-index:				2;
}


#bottom-bar {
	clear:					both;
	position:				fixed;
	background:				transparent url(site/img/bottom-bar.png) repeat-x;
	width:					100%;
	height:					40px;
	bottom:					0;
	z-index:				3;
}

/* ------------|Backgrounds------------ */

#home #content-area {
	/*background:				#fff url(site/img/bkg1.jpg) no-repeat fixed top center;*/
	min-width: 950px;
}



/* ------------|Content Etc------------ */

.box {
	width:					558px;
	/*background-color:		#FFF;
	filter:					alpha(opacity=100);
	-moz-opacity:			0.85;
	-khtml-opacity:			0.85;
	opacity:				0.85;*/
	
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 380px;
	z-index:99;
	padding-top: 27px;
	padding-right: 35px;
	padding-bottom: 27px;
	padding-left: 55px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.85);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}


/* ------------|Content Etc------------ */

.boxPorto {
	width:					628px;
	/*background-color:		#FFF;
	filter:					alpha(opacity=100);
	-moz-opacity:			0.85;
	-khtml-opacity:			0.85;
	opacity:				0.85;*/
	
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 380px;
	z-index:99;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 27px;
	padding-left: 10px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.85);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
}



.box-home {
	width:					758px;
	/*background-color:		#FFF;
	filter:					alpha(opacity=100);
	-moz-opacity:			0.85;
	-khtml-opacity:			0.85;
	opacity:				0.85;*/
	
	margin-top: 280px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 620px;
	z-index:99;
	padding-top: 27px;
	padding-right: 35px;
	padding-bottom: 27px;
	padding-left: 35px;
}

.box-flash {
	width: 900px;
	/*background-color:		#FFF;*/
	margin-top: 260px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 280px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index:99;
}

.box-flash-1 {
	width: 700px;
	float:left;
}

.box-flash-2 {
	width: 200px;
	float:left;
	text-align: center;
	position:relative;
	z-index:100;
	left:-200px;
	top:-60px;
}

.box-flash-3 {
	width: 178px;
	float:left;
	text-align: left;
	padding-right:722px;
	}