body {background: url(images/body-bg.gif); text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0}
body h2 {font:normal 22px Georgia, "Times New Roman", Times, serif; color:#373737; padding:10px 5px; margin:5px 0 15px 0; border-bottom:1px solid #CCCCCC;}
body h3 {font:normal 18px Georgia, "Times New Roman", Times, serif; color:#373737; padding:10px 5px; 5px 5px}
body p {font:normal 11px Georgia, "Times New Roman", Times, serif; color:#343434; line-height:1.8em; padding:5px; margin:0; text-align:justify}
body strong { color:#3d3e3f; }
.bg { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none; }
a { text-decoration: none; color: #5f5f5f; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
br.clear { margin: 0px; padding: 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.container {text-align: left; position: relative; height: 100%;}
.shadow {padding: 0 8px 0 8px; width:968px; height:100%; position:relative; margin:0 auto;}

.page-01 {height:640px;}
.page-02 {height:730px;}
.page-03 {height:550px;}
.page-04 {height:550px;}
.page-05 {height:1250px;}
.page-06 {height:450px;}
.page-07 {height:500px;}

#header {height: 175px; background: url(images/header-bg.gif) bottom repeat-x;}
	#header .shadow {background: url(images/header-sh.gif) no-repeat;}
		#header .shadow .container {background: url(images/header-bg.jpg) no-repeat;}
		#header .shadow .container ul { width:950px; height:53px; padding:0; margin:122px 0 0 1px; list-style:none; border:0; float: left;}
		#header .shadow .container ul li { float:left; margin:0; padding:0; border-right:1px solid #303030; border-left:1px solid #0a0a0a; }
		#header .shadow .container ul li a { float:left; margin:0 1px 0 0; padding:17px 47px; color:#fff; font:normal 14px Georgia, "Times New Roman", Times, serif; text-decoration:none; }
		#header .shadow .container ul li a:hover { background: url(images/hover.gif) left repeat-x; }
		#header .shadow .container ul li a.active { background: url(images/hover.gif) left repeat-x; }
	
#top {height: 224px; background: #ebebeb}
	#top .shadow {background: url(images/content-sh.jpg) repeat-y;}
		#top .shadow .container {background: white;}
		#top .shadow .container img {width:242px; height:112px; float:left;}


#offer {height: 86px; background: #ebebeb}
	#offer .shadow {background: url(images/content-sh.jpg) repeat-y;}
		#offer .shadow .container {margin: 0 1px; background: url(images/compensa-bg.gif) repeat-x;}
			#offer .shadow .container .compensa {width: 322px; float:left}
				#offer .shadow .container .compensa h2 {float: left; width: 290px; color: #3b6e85; font: normal 22px Times New Roman; margin: 8px 0 3px 20px; padding: 0; border-right: 1px solid #cdd4d9; border-bottom: none}
					#offer .shadow .container .compensa h2 span {color: #3b6e85; font: normal 16px Times New Roman; margin: 0; padding: 0; text-transform: uppercase}
				#offer .shadow .container .compensa h2#last {border: none}
				#offer .shadow .container .compensa a {float: right; color: #3b6e85; background: url(images/more.gif) no-repeat top right; display: block; height: 29px; line-height: 0; padding-right: 15px; margin:16px 30px 0 0; font:normal 11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase}
				#offer .shadow .container .compensa a span {display: block; background: url(images/more.gif) no-repeat; padding: 5px 3px 10px 15px;}
				#offer .shadow .container .compensa a:hover {background: url(images/more.gif) no-repeat bottom right; color: #000000; text-decoration: none}
				#offer .shadow .container .compensa a:hover span {background: url(images/more.gif) no-repeat bottom left;}

#content {background:#ebebeb;}
	#content .shadow {background: url(images/content-sh.jpg) repeat-y;}
		#content .shadow .container {background: white;}
		
		#content .shadow .container .left {width:550px; margin:5px 15px; float:left; padding:5px 10px;}
			#content .shadow .container .left ul {width:550px; list-style:none; margin:0 0 0 10px; padding:0; line-height:1.2em;}
			#content .shadow .container .left ul li {background:url(images/li-arrow.gif) left no-repeat; padding:5px 30px; margin:0; font: normal 11px Georgia, "Times New Roman", Times, serif; color:#3c3c3c;}
			#content .shadow .container .left form {margin: 20px 0 0 20px; float: left}
			#content .shadow .container .left form p {text-indent: 0; margin: 0 0 10px 0;}
			#content .shadow .container .left label {margin: 0; padding: 0; font-weight: bold; width: 180px; float: left;}
			#content .shadow .container .left input, textarea, button, select {background: white; border: 1px solid #2e5d8b; font: normal 12px Georgia, "Times New Roman", Times, serif;}
			#content .shadow .container .left input {width: 200px; maxlength: 20px; padding:3px}
			#content .shadow .container .left textarea {overflow: hidden; width: 380px;}
			#content .shadow .container .left button {width: 80px; height: 30px; padding: 2px 0 8px 0; margin: 0 10px 0 0; cursor: hand; background: #1d6893; color: white; line-height: 18px}
			.alert p {text-indent: 0}

		#content .shadow .container .right { width:307px; float: right; margin:5px 15px; padding:5px 10px;}
			#content .shadow .container .right ul { list-style:none; margin:0; padding:0;}
			#content .shadow .container .right ul li { background:url(images/Sub_ul_li.gif) left no-repeat; padding:5px 30px; margin:0; border-bottom:1px solid #eaeaea;}
			#content .shadow .container .right ul li a { font: normal 11px Georgia, "Times New Roman", Times, serif; color:#3a3c3c; text-decoration:none;}
			#content .shadow .container .right ul li a:hover { color:#2e5a7c; text-decoration:underline;}

#footer {height: 80px; background: url(images/footer.gif) top repeat-x;}
	#footer .shadow {background: url(images/footer-bg.jpg) no-repeat}
		#footer .shadow .container {text-align:center;} 
		#footer .shadow .container p {color:white; width:100%; margin:0; padding:0; text-align:center}
		#footer .shadow .container a {font:normal 11px Georgia, "Times New Roman", Times, serif; text-decoration:none; color:white;}
		#footer .shadow .container a:hover {color:white; text-decoration:underline;}
		#footer .shadow .container ul {list-style:none; margin:0 0 0 0; padding:20px 0 0 0; width:100%}
		#footer .shadow .container ul li {padding:10px 15px; margin:0; display: inline}
		#footer .shadow .container ul li a {text-decoration:none; color:white;}
		#footer .shadow .container ul li a.active {color:white; text-decoration:underline;}
		#footer .shadow .container ul li span {font:normal 11px arial; color: white; margin: 0 -18px 0 20px}