/* *************************************************************************************
				BODY & WRAPPER STRUCTURE
************************************************************************************* */

* 										{ margin: 0; }
/*
html, body								{ height: 100%; }
html 									{ background: #f4f4f4 url('../img/body_back.gif') top center repeat-x; }
*/

html
{
	background: 						#f4f4f4 url('../img/wrapper_back.gif') top center repeat-y;
	height: 							100%;
}

body
{
	background: 						url('../img/body_back.gif') top center repeat-x;
	margin: 							0;
	padding: 							0;
	height: 							100%;
}

html>body
{
 min-height: 							100%;
 height: 								auto;
}

#wrapper
{
	background:							transparent url('../img/wrapper_back.gif') top left repeat-y;
	min-height:							100%;
	width:								990px;
	height: 							auto !important;
	height: 							100%;
	margin: 							0 auto;
}

/* *************************************************************************************
				CONTENT SPECIFIC STYLES
************************************************************************************* */

img 									{ border: 0; }
				
body, input, textarea, select {
	font-family: 						Arial, Tahoma, Verdana, Helvetica, "Sans Serif";
	color:								#232e54;
	font-size: 							11px;
	line-height: 						16px;
}

a										{ color: #82363a; font-weight: normal; text-decoration: none; }
a:hover 								{ color: #82363a; text-decoration: underline; }

h1 										{ font-family: Georgia; font-size: 26px; color: #232e54; margin-bottom: 25px; font-weight: normal; }
h2 										{ font-family: Georgia; font-size: 19px; color: #82363a; margin-bottom: 20px; font-weight: normal; }
h3 										{ font-family: Georgia; font-size: 14px; color: #232e54; margin-bottom: 15px; }

p 										{ line-height: 17px; margin-bottom: 20px; }

ul										{ margin-left: 25px; padding: 0; margin-bottom: 20px; }

hr 										{ border: 0; color: #cccccc; background-color: #cccccc; height: 1px; width: 100%; margin: 15px 0 15px 0; }

th										{ text-align: left; width: 140px; }

input, textarea							{ border: 1px solid #cccccc; padding: 3px; }

input[type="button"],
input[type="submit"],
input.button							{ background: #232e54; color: #ffffff; cursor: pointer; border: 0; padding: 3px; }


/* *************************************************************************************
				TOP
************************************************************************************* */

#top
{
	width:								990px;
	height:								220px;
	background:							#ffffff url('../img/top_back.jpg') top left no-repeat;
}
#top #fotos								{ position: absolute; margin-left: 480px; }
#top #logo								{ position: absolute; margin-top: 30px; margin-left: 30px; }
#top h1									{ position: absolute; margin-top: 180px; margin-left: 245px; }

/* *************************************************************************************
				MAIN
************************************************************************************* */

#main
{
	width:								990px;
	height:								100%;
}

/* *************************************************************************************
				NAVIGATION
************************************************************************************* */

#navigation
{
	float:								left;
	width:								215px;
}

#navigation form						{ width: 215px; height:60px; background: #4662a2 url('../img/search_back.jpg') top left no-repeat; }
#navigation input						{ margin: 18px 0 0 20px; padding: 4px; font-size: 12px; background: #f8f8f8; border: 1px solid #ffffff; width: 165px; }

#navigation ul							{ list-style-type: none; margin: 0; padding: 0; width: 214px; }
#navigation li							{ border-bottom: 1px solid #995c60; font-size: 12px; line-height: 30px; padding-left: 20px;}
#navigation li.active					{ background: #9a4b50; }
#navigation li img						{ padding-right: 10px; }
#navigation li a						{ color: #efe1e2; text-decoration: none; }
#navigation li.active a					{ color: #ffffff; }
#navigation li a:hover					{ color: #ffffff; }

/* *************************************************************************************
				CONTENT
************************************************************************************* */

#content
{
	z-index:							200;
	float:								left;
	width:								775px;
	min-height:							275px;
	background:							url('../img/content_back.gif') top left repeat-x;
}
#content #mainContent					{ float: left; width: 475px; padding: 35px 30px 30px 30px; }
#content #sideContent					{ float: left; width: 200px; padding: 35px 20px 30px 20px; }
#content #wideContent					{ float: left; width: 715px; padding: 35px 30px 30px 30px; }
/*
#mainContent							{ background: #ffeeff; }
#sideContent							{ background: #eeffee; }
#wideContent							{ background: #cceeff; }
*/

/* *************************************************************************************
				EXTRA
************************************************************************************* */

table h3								{ margin-bottom: 5px; }
table hr 								{ margin: 0 0 10px 0; }
table input, table textarea				{ width: 250px; }