﻿@charset "UTF-8";
body { color:#454e30; font:12px/16px Arial, sans-serif; margin:0; padding:0; background:#e8eace url(../imgs/bkg.png) no-repeat  center top; text-align:justify; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span, table, caption, td, tr, th { margin:0; padding:0; }

a img { border:none; }
ul { list-style:none; }

a { color:#aaa132; text-decoration:none; }
a:hover { color:#394914; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

@font-face { font-family:OptimusPrincepsSemiBold; src: url('../OptimusPrincepsSemiBold.ttf') format('truetype'); /* non-IE */}

/* ________________________________________________ 2. Blocks __________________________________________________________ */
div#page-wrapper { width:975px; margin:0 auto; padding:0 }
div#header { margin:0; padding:0; height:177px; background: url(../imgs/bkg_header_bottom.png) no-repeat left bottom; }
div#navigation { float:right; position:relative; width:610px; height:48px; margin:-30px 0 0; font:normal 1.3em OptimusPrincepsSemiBold; background: url(../imgs/bkg_nav.png) no-repeat right top; }
div#banner { padding-left:28px; }
div#contents  { clear:both; margin:0; padding:0 0 20px; width:975px; overflow:hidden; background: url(../imgs/bkg_contents.png) repeat-y left top; }
	#home div#contents  { padding:0 0 40px; }

/* _______________________________________________ 3. Header Contents __________________________________________________ */
div#logo { width:271px; height:147px; float:left; position:relative; margin:0 0 0 10px; }
.caracol { background: url(../imgs/caracol_top.png) no-repeat right bottom; width:178px; height:110px; margin:32px 73px 0 0; float:right; position:relative; z-index:99; }
	
/* _______________________________________________ 4. Navigations bar __________________________________________________ */
ul#nav li { float:left; text-align:center; margin-top:15px; line-height:30px }
ul#nav li a { display: block; text-decoration:none; color: #fff; text-align:center; padding:0 26px;  }
ul#nav li a:hover { color:#d0ceb3; }
	#home ul#nav li#nav-home a,
	#quinta ul#nav li#nav-quinta a, 
	#produtos ul#nav li#nav-produtos a,
	#galeria ul#nav li#nav-galeria a,
	#contactos ul#nav li#nav-contactos a { color:#d0ceb3;  }	
		 
/* _____________________________________________ 5. Padding ______________________________________________________________________ */	
.padding { padding:3px 27px 27px 35px; }
#destaques .padding { padding:25px 27px 27px; }
#banner .padding { padding:2px 27px 18px; }
.shadow .padding { padding:30px 40px;}

/* _____________________________________________ 6. Cols ______________________________________________________________________ */
#mainCol { float:left; position:relative; width:670px; margin:0 30px 0 0; padding: 0; overflow:hidden; }
#secCol { float:right; position:relative; width:210px; margin:0; padding:0;  }
#destaques { clear:both; background: url(../imgs/bkg_destaques_top.png) no-repeat left top;}

	#produtos #secCol,
	#quinta #secCol { margin-top:50px; }
	#produtos #mainCol2 { width:902px; margin:0; }

	/* ___________ 6.1 Inside Cols____________ 	*/
	.blocoDestaques { width:243px; height:300px; float:left; background: url(../imgs/bkg_bloco_destaque.png) no-repeat left top; }
	.leftFloat { float:left; width:370px;}
	.rightFloat { float:left; width:300px; margin-top:40px;}
	.textlogo { padding:20px 10px 0 0; }
	.blockProduct { margin:20px 25px; width:175px; height:200px; float:left; position:relative; background-color:#FFF }
	.darkGreen { background-color:#505a38; }
	.orange { background-color:#e7852a; }
	.bordeaux { background-color:#833430; }
	.lightGreen { background-color:#b4ad39; }

	
/* ____________________________________________ 7. headdings __________________________________________________________________ */
h1 { font:normal 24px Arial, sans-serif; color:#7e2b2c; text-transform: uppercase; padding:0 0 25px; margin:0; }
h2 { font:normal 18px Arial, sans-serif; color:#7e2b2c; text-transform: uppercase; text-align:center; padding:0; margin:0;  }
h3 { font:normal 19px Arial, sans-serif; color:#7e2b2c; padding:0 0 10px; margin:0; }
h4 { font:bold 16px Arial, sans-serif; color:#3a4a14; text-align:center; padding:20px 0 15px 0; margin:0; }
h5 { font:bold 14px Arial, sans-serif; color:#aaa132; padding:0; margin:0 0 15px; }
h6 { font:normal 10px Arial, sans-serif; color:#aaa132; padding:0; margin:0; }

	/*_______________ h1_____________*/
	#logo h1 { width:271px; height:143px; background: url(../imgs/logo.png) no-repeat left top; margin:20px 15px 0; }
	#destaques h1 { padding:35px 27px 10px; }
	#home #mainCol h1 { font:normal 24px Arial, sans-serif; color:#7e2b2c; text-transform: uppercase; padding:0 0 42px; margin:0; }
	
	/*_______________ h2_____________*/
	#produtos #mainCol h2,
	#produtos #mainCol2 h2 { font:normal 20px Arial, sans-serif; color:#aaa132; text-transform:none; text-align:left; padding:0 0 15px; }
	#produtos #mainCol2 .blockProduct h2 { font:normal 18px/69px Arial, sans-serif; color:#fff; text-align:center; padding:0; margin:0 auto; height:69px;  }

	/*_______________ h3_____________*/
	#contactos #mainCol h3 { padding:20px 0 10px; }

	/*_______________ h5_____________*/
	 #contactos #mainCol h5 {  margin:0 0 15px; color:#3a4a14; }
	
	/*_______________ h6_____________*/
	 #mainCol h6  { text-align:right; margin-top:15px; }
	 #produtos #contents h6 { text-align:right; float:right; margin-top:15px; }

			
/* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */
p { padding-bottom:10px; line-height:20px; }
.blocoDestaques p { line-height:normal }
.greenLight { color:#aaa132; }
.greenDark { color:#454e30; }
.bordeaux { color:#7e2b2c; }
.bold { font-weight:bold; }
p.envelope { padding-left:30px; background:url(../imgs/mail.png) no-repeat left top; }

/* ____________________________________________ 9. imgs _______________________________________________________________________ */
#mainCol img,
img.left { float:left; margin-right:15px; }
#quinta img.left { margin:25px 15px 25px 0; }
#secCol img { float:left;  margin-bottom:10px;}
.margin img  {  margin-right:6px;}

/* ____________________________________________ 10. Lists ______________________________________________________________________*/ 
#mainCol ul { margin:0 20px 10px 0; }
#mainCol li { line-height:24px; }

/* ____________________________________________ 10. Links ______________________________________________________________________*/ 
.rightFloat a,
.rightFloat .msn a:hover,
#contactos #mainCol a:hover,
#contactos #mainCol .form a,
h2 a:hover { color:#394914; text-decoration:none; }
.rightFloat a:hover,
.rightFloat .msn a  { color:#aaa132; text-decoration:none;}
#contactos #mainCol a,
#contactos #mainCol .form a:hover,
h2 a { color:#7e2b2c; }

.blockProduct h2 a { color:#fff; }
.blockProduct h2 a:hover { color:#CCC; }

/* ____________________________________________ 11. Forms ______________________________________________________________________*/ 
form ul { list-style:none; margin:0; padding:0; }
form li	{ padding: 0 10px 1px 0; line-height:20px; }
	form li.big2 { float:right; margin-top:-110px; }
form label { text-align:right; width:70px; margin-right:8px; float:left; }
form input,
form textarea  { border:1px solid #d1cec0; font-size:11px; padding:3px; width:200px; margin-bottom:15px; }
	form textarea  { width:300px;}
fieldset { border:1px solid #d1cec0; padding:20px 10px; }
legend { font-weight:bold; color:#e10000 }
	form input:focus,
	form textarea:focus { border:1px solid #d1cec0; }
	form input.button { float:right; height:22px; width:70px; padding:0; border:none;  background-color:#394914; font:bold 11px/14px Arial, Helvetica, sans-serif; color:#fff; }
	

	
	/* ______________________________________________ 12. Footer _______________________________________________________________________*/ 
#footer { clear:both; text-align:left; font-size: 11px; color:#843536; }
	#footer p.floatRight { float:right; color:#3a4a14; margin-top:-30px; font-size:11px; }
		#footer p.floatRight a { color:#3a4a14; }
		#footer p.floatRight a:hover { color:#843536; }


