@charset "utf-8";

body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #fff;
	text-align:left;
}

p, div, li, td, input, select, textarea {
    font-family: verdana, lucida, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    line-height: 16px;
	
}

textarea {

text-align:left;

}

#footer-txt p {
    font-family: verdana, lucida, arial, helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
}
h1, h2, h4, p.tagline, legend {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #1C1E19;
	font-style:italic;
	font-weight:normal;
	line-height: 28px;
}

h1 {
	font-size: 22px;
	margin-bottom: 20px;
}

h2 {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight:bold;
}

h3 {

	font-family: verdana, lucida, arial, helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
	margin-top:3px;
}

			
a img, :link img, :visited img {
    border: none;
	font-weight:bold;
}

a:link, a:visited {
    color: #84321A;
	font-weight:bold;
    text-decoration: none;
}
a:active {
    color: #84321A; 
	font-weight:bold;
    text-decoration: none;
}
a:hover{
    color: #84321A;
	font-weight:bold;
    text-decoration: underline;
}

h3 a:link, h3 a:visited, h3 a:active {
	color: #000; 
}

h1 span, h2 span, h3 span {
    display: none;
}
li {
    list-style: none;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

hr {
	border: 0;
	color: #999999;
	background-color: #999999;
	height: 1px;

}

#vertical_spacer_20 {
height:20px;

}

#vertical_spacer_5 {
height:5px;

}

#vertical_spacer_53 {
height:53px;

}


/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

#header, #main, #photobar, #content, #footer-pig, #footer-stripes, #footer-txt {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

#admin_content {

	width: 763px;
	margin: 0 auto;
	text-align: left;
}

#photobar-bg {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#header-wrapper {
	background: #111605 url(img/top_bg_hl_sh.jpg) 0 0 repeat-x;
	height: 115px;
	overflow: hidden;
}

#header {}


#logo {
		float:left;
		_display: inline;
		height:97px;
		width:79px;
}

#logo_w {

display:none;

}


	
#menu {
	float:right;
	_display: inline;
	height:97px;
	width:681px;
	text-align:right;
}

  	#lang {
			padding-top: 5px;
			padding-right: 7px;	
			font-family: verdana, lucida, arial, helvetica, sans-serif;
			font-size: 10px;
	}
	
		#lang a:link, #lang a:visited {
				color: #fff;
				font-weight:normal;
				text-decoration: none;
			}
		#lang a:active {
				color: #fff;
				font-weight:normal;
				text-decoration: none;
			}
		#lang a:hover{
				color: #fff;
				font-weight:normal;
				text-decoration: underline;
			}
	
	
	#menu_pt {
		background: url(img/menu_pt.jpg) 0 0 no-repeat;
		padding-right: 7px;		
		float:right;
		_display: inline;
		margin-top: 43px;
		width: 518px;		/* Width of entire image */
		height: 16px;		/* Height of buttons */		
	}
					
						#menu_pt span {
							font-family: Georgia, "Times New Roman", Times, serif;
							font-size:14px;
							font-weight:bold;
							display: none;
						}
				
						#menu_pt li, #menu_pt a {
							height: 29px;		/* Each button must have the same height, define it here */ display: block;
						
						}
						
						#menu_pt li {
						float: left;
						list-style: none;
						_display: inline;		/* fixes IE/Win double margin float bug (safe) */
						}
					
					/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
					/* width - width of each button, they will each most likely be unique */ 
					#menu_pt-inicio		{ width: 35px;}
					#menu_pt-empresa	{ width: 69px; margin-left:27px;}
					#menu_pt-origens	{ width: 48px; margin-left:27px;}
					#menu_pt-produtos	{ width: 101px; margin-left:27px;}
					#menu_pt-retalhista	{ width: 69px; margin-left:27px;}
					#menu_pt-contactos	{ width: 61px; margin-left:27px;}
						
				
					
					/* Changed values should match sum of "width" numbers specified above */
					#menu_pt-inicio a:hover		{	background-image:url(img/bar.gif) }
					#menu_pt-empresa a:hover	{	background-image:url(img/bar.gif) }
					#menu_pt-origens a:hover	{	background-image:url(img/bar.gif) }
					#menu_pt-produtos a:hover	{	background-image:url(img/bar.gif) }
					#menu_pt-retalhista a:hover	{	background-image:url(img/bar.gif) }
					#menu_pt-contactos a:hover	{	background-image:url(img/bar.gif) }


	#menu_en {
		background: url(img/menu_en.jpg) 0 0 no-repeat;
		padding-right: 7px;		
		float:right;
		_display: inline;
		margin-top: 43px;
		width: 518px;		/* Width of entire image */
		height: 16px;		/* Height of buttons */		
	}
					
						#menu_en span {
							font-family: Georgia, "Times New Roman", Times, serif;
							font-size:14px;
							font-weight:bold;
							display: none;
						}
				
						#menu_en li, #menu_en a {
							height: 29px;		/* Each button must have the same height, define it here */ display: block;
						
						}
						
						#menu_en li {
						float: left;
						list-style: none;
						_display: inline;		/* fixes IE/Win double margin float bug (safe) */
						}
					
					/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
					/* width - width of each button, they will each most likely be unique */ 
					#menu_en-home		{ width: 38px;}
					#menu_en-about		{ width: 58px; margin-left:32px;}
					#menu_en-origins	{ width: 46px; margin-left:32px;}
					#menu_en-products	{ width: 104px; margin-left:32px;}
					#menu_en-wholesale	{ width: 64px; margin-left:32px;}
					#menu_en-contact	{ width: 48px; margin-left:32px;}
						
				
					
					/* Changed values should match sum of "width" numbers specified above */
					#menu_en-home a:hover		{	background-image:url(img/bar.gif) }
					#menu_en-about a:hover	{	background-image:url(img/bar.gif) }
					#menu_en-origins a:hover	{	background-image:url(img/bar.gif) }
					#menu_en-products a:hover	{	background-image:url(img/bar.gif) }
					#menu_en-wholesale a:hover	{	background-image:url(img/bar.gif) }
					#menu_en-contact a:hover	{	background-image:url(img/bar.gif) }





	.menu_underbar 		{	background-image:url(img/bar.gif); } 	
	
	
/* ----------------------------------- */
/* PHOTOBAR
/* ----------------------------------- */
#photobar-wrapper {
	/*margin-top:7px;*/
	margin-top:10px;
	background: #ffffff url(img/stripes.jpg) 0 0 repeat;
	height: 187px;
	overflow: hidden;
}

#photobar-bg {
	background: #ffffff;
	height: 187px;
	overflow: hidden;
}

#photobar {
	height: 187px;
	overflow: hidden;
}

	#photobar-1{
	
		float:left;
		_display: inline;
		width: 187px;		
		height: 212px;	
	
	}
	
	#photobar-2{
	
		float:left;
		_display: inline;
		width: 378px;		
		height: 187px;	
	
	}
	
	#photobar-3{
	
		float:left;
		_display: inline;
		width: 569px;		
		height: 187px;	
	
	}
	
		#photo_spacer {
			float:left;
			_display: inline;	
			height: 187px;
			background-color:#FFFFFF;
			margin-left:4px;
		}



/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */

#content-wrapper {
	margin-top: 25px;
	overflow: hidden;
}

#content {	
	text-align:left;
}


#content-1 {
	
		float:left;
		_display: inline;
		width: 157px;
		padding:15px;
		text-align:left;
	
	}
	
#content-2 {
	
		float:left;
		_display: inline;
		width: 348px;
		padding:15px;	
		text-align:left;			
	
}

#content-3 {
	
		float:left;
		_display: inline;
		width: 539px;
		padding:15px;
		text-align:left;				
	
}

#content-4 {
	
		float:left;
		_display: inline;
		width: 730px;
		padding:15px;
		text-align:left;		
	
}

#content-title {
	
		float:left;
		_display: inline;
		width: 730px;
		padding-left:15px;
		padding-top:15px;
		text-align:left;				
	
}

#content_spacer {
			float:left;
			_display: inline;
			height:10px;
			width:4px;
		}
		
#content_product_img {
		float:left;
		_display: inline;
		width: 157px;
		padding:15px;
		text-align:left;	
		height:125px;
		margin-bottom:5px;
}


#content_product_desc {	
	height:125px;
	float:left;
		_display: inline;
		width: 539px;
		padding-right:15px;
		text-align:left;				
		padding-top:15px;


}

#content_product_separate {	
	height:10px;
	float:left;
		_display: inline;
		width: 730px;
		padding-left:15px;
		padding-right:15px;
		text-align:left;				

}


/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */


#footer-wrapper {

	margin-top: 42px;
	overflow: hidden;
}

#footer-pig {
	background-image:url(img/pig.jpg);
	height: 19px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: right;
}

#footer-bar {
background-color:#1C1E19;
	height: 4px;
	overflow: hidden;
}

#footer-stripes {
	background: url(img/stripes.jpg) 0 0 repeat-x;
	height: 12px;
	overflow: hidden;
}

#footer-txt {
	height: 20px;
	overflow: hidden;
}


/* --------------------- Admin -------------------------------------- */


#logininput {

height:150px;
margin-top:80px;
text-align:right;

}

#logininput .inputbox {

margin-top:7px;
margin-right:345px;

}

#logininput p {

text-align:left;

}

.warning {
font-weight:bold;
color:#CC0000;
}

#notice_txt {

	height:150px;
margin-top:80px;
text-align:left;

}

#elm1 {

	width: 100%; 
	height:1000px;

}

#elm2, #elm3 {

	width: 539px; 
	height:200px;

}

/* --------------------- CONTENT STYLES -------------------------------------- */

.red_bold_text {
	color:#FF0000;
	font-weight:bold;
}

.black_bold_text {
	color:#000000;
	font-weight:bold;
}

.boxed_content {
	background-color:#F4F4F4;
	padding:5px;
}

.boxed_content_low {
	margin-top:69px;
	background-color:#F4F4F4;
	padding:5px;
	
}