/* ---------- RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font: 62.5% Arial, Helvetica, Geneva, sans-serif;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* ---------- STYLE */
html,body {
	width:100%;
	height:100%;
	overflow:hidden
	}
body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color:#021e2f;
	}
	#body {
		position:absolute;
		top:0;
		left:0;
		z-index:20;
		overflow:auto;
		width:100%;
		height:100%;
		}
		#group {
			width: 812px;
			height: 100%;
			margin: 0 0 0 20px;
			float: left;
			}
			#content {
				width: 568px;
				height: auto;
				float: right;
				padding: 22px;
				background: url(../myimages/contentBack.png) repeat-y left top;
				border-bottom: 1px solid #ccc;
				}
				.shadow {
					margin: 0 0 20px 0;
					padding: 0 0 6px 0;
					background: url(../myimages/shadow.png) no-repeat left bottom;
					}
				h1 {
					width: 100%;
					margin: 0 0 15px 0;
					padding: 0 0 5px 0;
					font-size: 2.6em;
					text-transform: uppercase;
					color: #663300;
					background: url(../myimages/titleLine.gif) repeat-x left bottom;
					}
				h2 {
					width: 100%;
					margin: 0 0 15px 0;
					padding: 0 0 5px 0;
					font-size: 1.4em;
					text-transform: uppercase;
					color: #663300;
					background: url(../myimages/titleLine.gif) repeat-x left bottom;
					}
				p {
					margin: 0 0 15px 0;
					font-size: 1.4em;
					line-height: 1.4em;
					color: #666666;
					}
				strong { font-weight: bold; }
				em { font-style: italic; }
				#content ul { margin: 0 0 20px 0; }
				#content ol { margin: 0 0 20px 0; }
					#content ul li, #content ol li {
						margin: 0;
						list-style-position: inside;
						line-height: 1.4em;
						font-size: 1.2em;
						color: #666;
						}
					#content ul li { list-style-type: disc; }
					#content ol li { list-style-type: decimal; }
				blockquote {
					width: 536px;
					margin: 0 0 20px 0;
					padding: 15px;
					background-color: #f2f2f2;
					color: #666;
					border: 1px solid #999;
					font-size: 1.2em;
					line-height: 1.4em;
					}
				.alignleft {
					float: left;
					margin: 0 10px 5px 0;
					}
				.alignright {
					float: right;
					margin: 0 0 5px 10px;
					}
				form {
					width:100%;
					margin: 20px 0 0 0;
					padding: 0;
					}
					form label {
						width:100%;
						display: block;
						padding: 5px 0;
						}
						form label span {
							float: left;
							width: 100px;
							display: block;
							padding: 5px 20px 0 0;
							color: #666;
							font-size: 1.2em;
							text-align: right;
							}
						form .input_text {
							width: 300px;
							padding: 5px;
							background: #fff;
							border: 1px solid #999;
							font-size: 1.2em;
							color: #666;
							}	
						form .message {
							padding: 5px;
							width: 435px;
							height: 150px;
							background: #fff;
							border: 1px solid #999;
							overflow: hidden;
							font-size: 1.2em;
							color: #666;
							}
						form .button {
							float: right;
							width: 80px;
							margin: 15px 0 0 0;
							padding: 2px 5px;
							background: #663300;
							border: 1px solid black;
							text-transform: uppercase;
							font-size: 1.2em;
							color: #fff;
							cursor: pointer;
							}
				#content a:link, #content a:visited {
					color: #663300;
					text-decoration: none;
					}
				#content a:hover {
					color: #663300;
					text-decoration: underline;
					}
			#leftcol {
				position: fixed;
				left: 20px;
				top: 0;
				width: 190px;
				height: 100%;
				margin: 0;
				padding: 0 1px;
				background: url(../myimages/leftcolBack.png) repeat-y left top;
				}
				#leftcol a:link, #leftcol a:visited {
					color: #663300;
					text-decoration: none;
					}
				#leftcol a:hover {
					color: #663300;
					text-decoration: underline;
					}
				img.logo {
					margin: 20px 0 20px 30px;
					}
				#leftcol ul.menu {
					width: 190px;
					margin: 0;
					padding: 0;
					}
					#leftcol ul.menu li {
						width: 190px;
						margin: 0;
						padding: 0;
						font-size: 1.3em;
						text-align: right;
						text-transform: uppercase;
						list-style-position: outside;
						list-style-type: none;
						}
					#leftcol ul.menu li a:link, #leftcol ul.menu li a:visited {
						float: left;
						width: 138px;
						margin: 0;
						padding: 5px 26px;
						color: #663300;
						text-decoration: none;
						}
					#leftcol ul.menu li a:hover {
						color: #fff;
						text-decoration: none;
						background-color: #663300;
						}
					#leftcol ul.menu li a.active {
						color: #fff;
						text-decoration: none;
						background-color: #663300;
						}
					#leftcol ul.menu li a:hover.active { background-color: #663300; }
					#contact {
						position: absolute;
						right: 15px;
						bottom: 20px;
						text-align: right;
						font-size: 1.3em;
						color: #663300;
						}
						#contact span { font-size: 1.3em; }					
	.slideshow {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
		img.source-image {
			margin: 0;
			padding: 0;
			border: none;
			}
		.clear { clear: both; }
		.oficina {
			float:right;
			width:30%;
			padding-left:20px;
		}