@import "/gui/css/reset.css";
/*--------------------*/
body {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #222;
	background: #C2E770;
}
#content, input, textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 100%;
}
#wrapper {
	overflow: visible;
	position: relative;
	margin: 25px auto 3em;
	padding: 0 10px;
	width: 760px;
	background: url(/gui/img/wrapper.png);
}
#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#header {
	border: 1px solid #005C31;
	border-width: 6px 0 0;
	height: 150px;
	background: #FFF;
}
#container {
	float: right;
	margin: 0 0 0 -212px;
	padding: 0 0 0 212px;
	width: 548px;
	background: url(/gui/img/primary.png) left bottom no-repeat;
}
#nav {
	float: left;
	position: relative;
	width: 212px;
}
#footer {
	position: absolute;
	clear: both;
	bottom: -2em;
	margin: 0 -10px;
	width: 780px;
	height: 2em;
	background: url(/gui/img/footer.png) top no-repeat;
}
/*--------------------*/
#header h1 {
	margin: 20px 0 0 33px;
}
#header h2 {
	overflow: hidden;
	text-indent: -999em;
	margin: 0 0 0 33px;
	width: 400px;
	height: 30px;
	background: url(/img/agricultura-ecologica.png);
}
#skip {
	position: absolute;
	top: -8px;
	right: 0;
	width: 205px;
	height: 160px;
}
.home #skip {
	background: url(/gui/img/head-home.jpg);
}
.about #skip {
	background: url(/gui/img/head-about.jpg);
}
.situation #skip {
	background: url(/gui/img/head-situation.jpg);
}
.production #skip {
	background: url(/gui/img/head-production.jpg);
}
.business #skip {
	background: url(/gui/img/head-business.jpg);
}
.gallery #skip {
	background: url(/gui/img/head-home.jpg);
}
.contact #skip {
	background: url(/gui/img/head-contact.jpg);
}
.research #skip {
	background: url(/gui/img/head-research.jpg);
}
.quality #skip {
	background: url(/gui/img/head-quality.jpg);
}
.commitment #skip {
	background: url(/gui/img/head-commitment.jpg);
}
#skip li {
	overflow: hidden;
	width: 0;
	height: 0;
}
/*--------------------*/
#nav {
	font-size: 1.1em;
	font-weight: bold;
}
#primary {
	margin: 0 0 0 33px;
	padding: 20px 0 0;
	width: 179px;
}
#primary h2 {
	display: none;
}
#primary ul {
	margin: 20px 0;
}
#primary li {
	margin: 0;
}
#primary a, #primary a:visited {
	display: block;
	padding: 4px 14px;
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px solid #005C31;
	opacity: 0.99;
}
#primary a:hover, #primary a:active {
	color: #AEE239;
	border-color: #27783E;
}
.home #home a, .about #about a, .situation #situation a, .production #production a, .business #business a, .gallery #gallery a, .contact #contact a {
	cursor: default;
	color: #AEE239;
	border-color: #005C31;
}
#secondary {
	position: absolute;
	top: 0;
	left: 0;
	width: 760px;
	height: 25px;
	border: 1px solid #005C31;
	border-width: 2px 0;
	background: #FFF;
}
#secondary h2 {
	overflow: hidden;
	float: left;
	margin: 0 0 0 33px;
	width: 179px;
	height: 25px;
	text-indent: -999em;
	background: #61A251;
}
#secondary ul {
	float: left;
	width: 548px; 
	height: 25px;
	background: url(/gui/img/secondary.png) right repeat-y;
}
#secondary li {
	float: left;
	margin: 0;
	height: 25px;
	line-height: 25px !important;
	border-right: 2px solid #C2E770;
}
#secondary a {
	padding: 0 16px;
	font-size: 1.02em;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -0.05em;
	color: #005C31;
}
#secondary a:hover {
	color: #D69504;
	
}
/*--------------------*/
#content {
	padding: 40px;
	min-height: 35em;
}
p {
	margin: 0;
	padding: 1.5em 0 0;
	font-size: 1.1em;
	line-height: 1.35em;
	text-align: justify;
}
p.copy {
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.06em;
}
h3 {
	clear: both;
	padding: 0.6em 0 0;
	font-size: 1.75em;
	letter-spacing: -0.05em;
	color: #C2E770;
	border-bottom: 1px solid #C2E770;
}
.home #content {
	background: url(/gui/img/body-home.jpg) 0% 0% no-repeat;
}
.home p.first {
	position: relative;
	z-index: 1;
	margin-left: 160px;
	background: #FFF;
}
.home p.second {
	margin-top: 270px;
}
.home p.image {
	position: absolute;
	left: 468px;
	top: 307px;
}
.about #content {
	background: url(/gui/img/body-about.jpg) 100% 100% no-repeat;
}
.about p.second {
	margin-right: 60px;
}
.about p.third {
	margin-right: 245px;
}
.about p.fourth {
	margin-right: 270px;
	margin-bottom: 5em;
}
.situation #content {
	background: url(/gui/img/body-situation.jpg) 100% 85% no-repeat;
}
.situation p.second {
	margin-right: 150px;
}
.situation p.third {
	margin-right: 200px;
}
.situation p.fourth {
	margin-right: 250px;
}
.production #content {
	background: url(/gui/img/body-production.jpg) 100% 100% no-repeat;
}
.production p.second {
	margin-right: 320px;
}
.business #content {
	background: url(/gui/img/body-business.jpg) 100% 100% no-repeat;
}
.business p.image {
	position: relative;
	left: -20px;
}
.gallery #content {
	padding: 13px;
	background: url(/gui/img/body-gallery.jpg) 100% 100% no-repeat;
}
.gallery #content ul {
	overflow: hidden;
	padding: 28px 0;
}
.gallery #content li {
	float: left;
	padding: 6px;
}
.gallery #content img {
	border: 1px solid #CCC;
}
.gallery #content li.image-6 {
	clear: left;
}
.research #content {
	background: url(/gui/img/body-research.jpg) 100% 100% no-repeat;
}
.quality #content {
	background: url(/gui/img/body-quality.jpg) 100% 100% no-repeat;
}
.commitment #content {
	background: url(/gui/img/body-commitment.jpg) 100% 100% no-repeat;
}
.research p, .quality p, .commitment p {
	margin-right: 237px;
}
.research p.image, .quality p.image, .commitment p.image {
	margin: 0;
}
/*--------------------*/
.form-wrapper, .vcard {
	font-size: 1.1em;
}
form {
	margin: 0 0 4em;
}
form legend {
	display: none;
}
form ol {
	margin: 0 0 0 100px;
	background: #C2E770;
}
form li {
	clear: both;
	display: block;
	padding: 6px 0 0;
	width: 100%;
}
form input, form textarea {
	float: left;
	margin: 0 6px;
	width: 278px;
	border: 1px solid #27783E;
	background: #EBF7D0;
}
form label {
	position: relative;
	float: left;
	margin: 0 0 0 -100px;
	width: 92px;
	text-align: right;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #27783E;
}
form span {
	float: right;
	margin: 0 5px 0 0;
	line-height: 1.2em;
	font-size: 0.85em;
	color: #7AAC88;
}
form .form-checkbox {
	overflow: hidden;
	padding: 6px 0;
}
form .form-checkbox input {
	width: auto;
	border: none;
}
form .form-checkbox label {
	position: static;
	margin: 0;
	width: auto;
}
form .form-checkbox strong {
	font-weight: normal;
	color: #27783E;
}
form .form-checkbox a {
	color: #27783E;
	font-weight: bold;
	text-decoration: underline;
}
form .form-checkbox a:hover {
	color: #FFF;
}
form .form-submit {
	margin: 0 0 0 100px;
}
form .form-submit input {
	width: 200px;
	margin: 0 37px;
	border: 1px solid #005C31;
	border-top-color: #4E8E70;
	border-left-color: #4E8E70;
	color: #005C31;
	font-weight: bold;
}
/*--------------------*/
.vcard {
	clear: both;
}
.vcard dl {
	clear: both;
	overflow: visible;
	margin: 0 0 0 100px;
	padding: 0.4em 0 0;
	height: 1.5em;
	color: #27783E;
	background: #C2E770;
}
.vcard dl.work {
	height: 2.5em;
}
.vcard dt {
	position: relative;
	float: left;
	margin: 0 0 0 -100px;
	padding: 0 8px 0 0;
	width: 92px;
	text-align: right;
	font-weight: bold;
	letter-spacing: -0.05em;
}
.vcard dd {
	clear: right;
	float: right;
	margin: 0;
	width: 362px;
	padding-left: 6px;
}
.vcard dd.postal-code, .vcard dd.locality, .vcard dd.region, .vcard dd.dash {
	float: left;
	padding-right: 0.15em;
	width: auto;
}
.vcard h4, .vcard .country-name, .vcard .net, .vcard .url {
	display: none;
}
#gmap {
	margin: 0 0 0 100px;
	height: 400px;
	border: 1px solid #27783E;
}
/*--------------------*/
#footer ul {
	margin: 6px 0;
}
#footer li {
	float: left;
}
#footer .copyright {
	width: 52%;
	text-align: right;
}
#footer .license {
	list-style: disc;
	margin: 0 0 0 3.5%;
	padding: 0 0 0 0.5%;
	width: 44%;
}
#footer a {
	color: #005C31;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}