
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #2C1603 url(../img/bg.jpg) repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #999;
}
a { text-decoration: none; }

#container { 
	width: 900px;  
	margin: 0 auto;
	text-align: left; 
} 

/*--- { HEADER } -------------------------------------- */

#header { 
	background: url(../img/header.jpg) no-repeat; 
	padding: 0;
	height: 179px;
	text-align: right;
} 
ul#mainNav, ul#subNav {
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style: none;
	margin: 0 0 0 299px;
	padding: 59px 0 0 0;
}
ul#mainNav li, ul#subNav li { float: left; }

ul#mainNav a {
	font-size: 16px;
	color: #D94705;
	border-right: 1px solid #7F4108;
	padding: 0 8px 8px 8px;
	display: block;
	height: 24px;
	float: left;
}
ul#mainNav a:hover {
	color: #FF9933;
}
ul#mainNav a.last {
	border: none;
}
ul#mainNav #active a {
	color: #E7A922;
}
ul#subNav {
	margin: 76px 0 0 304px;
	padding: 0;
	color: #9B7144;
}
ul#subNav a {
	font-size: 12px;
	color: #F6E7B9;
	float: left;
	padding: 0 4px;
	line-height: 18px;
}
ul#subNav a:hover { color: #FF6600; }

ul#subNav #activeSub a { color: #9B7144; }


/*--- { SIDEBAR } -------------------------------------- */

.sidebar {
	float: left;
	width: 266px;
	padding: 15px 0 0 8px;
	height: 600px;
}
.sidebar .img {
	position: absolute;
	margin: 0 0 0 10px;
}
#sidebar1 { background: url(../img/sidebar1.jpg) no-repeat;  }
#sidebar2 { background: url(../img/sidebar2.jpg) no-repeat; }
#sidebar3 { background: url(../img/sidebar3.jpg) no-repeat; }

#sidebar1 #img1 { top: 329px; }
#sidebar2 #img2 { top: 210px; }
#sidebar3 #img3 { top: 389px; }

ul#sideNav {
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#sideNav li { border-bottom: 1px solid #9B7144; width: 263px; }

ul#sideNav a {
	color: #F6E7B9;
	line-height: 24px;
	padding: 0 0 0 17px;
}
ul#sideNav a:hover { color: #FF6600; }

ul#sideNav #activeSide a {
	color: #9B7144;
	padding: 0 0 0 7px;
}

/*--- { MAIN CONTENT } -------------------------------------- */

#mainContent { 
	float:right;
	width:594px;
	padding: 16px 0 0 0;
} 
#mainContent h1 {
	margin: 0;
	padding: 0; 
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E9A925;
	line-height: 24px;
	font-weight: lighter;
}
#mainContent p {
	font-size: 13px;
	color: #E6D1A6;
	line-height: 17px;
}
#mainContent b {
	color: #BE6918;
}
#mainContent a {
	color: #F7EFDE;
	border-bottom: 1px solid #7F4108;
}
#mainContent a:hover {
	border-bottom: 1px solid #F7EFDE;
}
.image { border: 4px solid #F6E7B9; }

.line p { margin: 0; }

hr { 
	margin: 1.5em 0;
	clear:both;
	height: 0;
	border: 0;
	border-top: 1px solid #9B7144;
}

/*--- { FOOTER } -------------------------------------- */

#footer { 
	padding: 0;
	margin: 5px 0 10px 0; 
	background: #1B0C01; 
	height: 28px;
	font-size: 11px;
	text-align: center;
	color: #6F370A;
	width: 100%;
} 
#footer p {
	margin: 0;
	padding: 7px 0 0 0;
}
#footer a { color: #E7A922; }

#footer a:hover { color: #D94705; }

#footer a#alerto { color: #D94705; }

#footer a#alerto:hover { color: #E7A922; }

/*--- { CLEAR } -------------------------------------- */

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear { display: inline-block; }   
.clear:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear {display: block;}

.right { float: right }

/* Form */
#mainContent form ol{list-style:none; margin-top: 1.5em;}
#mainContent form li{display:inline-block;}
* html #mainContent form li{height: 1%;}
#mainContent form li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mainContent form li{display: block; padding:0 0 1em;}
#mainContent form fieldset{border:none;}
#mainContent form label, #mainContent form legend{display:block; margin-bottom:.2em; font-weight:bold; color:#BE6918;}
#mainContent form span{display:block; float:left; margin:0 20px .7em 0;}
#mainContent form span.clear{clear:both;}
#mainContent form div span{float:none}
#mainContent form span label{font-size:80%; font-weight:normal; color:#E6D1A6;}
#mainContent form em{color:red;}
#mainContent form input{margin-bottom:.2em;}
#mainContent form textarea {height:100px; width:430px;}
#mainContent .txtfield {background-color:#F2EFEE; border:1px solid #ccc;}
#mainContent .txtfield_err {background-color:#EEEBE9; border:1px solid #FF0000;}
#mainContent form input.button {display:block; margin:1.5em 0 0 0; padding:.3em 30px; border:1px solid #C8BAAC; background-color:#E9A925; color:#310507; font-weight:bold;}
#mainContent form input:hover.button, #mainContent form input:active.button{border-color:#D94705; color:#BF4300;}

/* intro */
#intro {margin-left:-250px;}
#intro img{border:1px solid #773D0A;}
