body {margin:0px; height:100%; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5E5E5E;}
html {height:100%;}

form {margin:0px; padding:0px;}
select {font-size:11px; color:#666666; }

a {text-decoration:none; color:#222222;}
a:hover {text-decoration:none; color:#7A8F2E;}

.Rose a {text-decoration:none; color:#222222;}
.Rose a:hover {text-decoration:none; color:#E0285F;}

div.MainHome {width:100%; display:block; position:relative; margin:auto; height:auto; background-image:url(../images/bkg01.gif); background-repeat:repeat-x; background-position:top;}
div.Main {width:100%; display:block; position:relative; margin:auto; height:auto; background-image:url(../images/bkg02.gif); background-repeat:repeat-x; background-position:top;}


div.Clear {clear:both; height:0px;}

/*HEADER*/
div.MenuTop {margin:auto; height:18px; text-align:right; padding-top:5px;}
	.MenuTop a {font-size:10px; color:#8F8F8F; text-decoration:none; padding:0px 5px 0px 5px;}
	.MenuTop a:hover {color:#333333; text-decoration:none;}
	.MenuTop .Sel a  {font-size:10px; color:#333333; text-decoration:none; padding:0px 5px 0px 5px;}

div.HeadPhotoHome {width:100%; margin:auto; height:545px; background-repeat:no-repeat; background-position:bottom center;}
div.HeadHome {width:955px; position:relative; margin:auto; height:545px;}
div.HeadPhoto {width:100%; margin:auto; height:444px; background-repeat:no-repeat; background-position:top center;}
div.Head {width:955px; position:relative; z-index:1; margin:auto; height:444px;}

div.Logo {position:absolute; top:23px; left:0px; visibility:hidden;}
div.Garrafa {position:absolute; top:23px; left:171px; right:554px; z-index:2;}
div.GarrafaOne {position:absolute; top:23px; left:224px; right:607px;}

div.MenuHome {padding-top:411px;}
div.Menu {padding-top:310px;}
	div.TitleContainer {float:left; text-align:left; width:402px;}
	div.MenuContainer {float:right; width:553px;}
		div.MainMenu {width:553px; margin-top:13px;}
			.MainMenu a {margin:0px 5px 0px 18px; text-decoration:none; color:#222222;}
			.MainMenu a:hover {color:#7A8F2E;}
			.MainMenu .Sel a {color:#7A8F2E; font-weight:bold;}
			.MainMenu#EN a {margin:0px 17px 0px 18px; text-decoration:none; color:#222222;}
			.MainMenu#EN a:hover {color:#7A8F2E;}
			.MainMenu#EN .Sel a {color:#7A8F2E; font-weight:bold;}
			
div.SubMenu {width:153px;}
	.SubMenu ul {list-style:none; margin:2px 0px 0px 0px; padding:0px; font-size:9px;}
	.SubMenu li {text-align:right; margin:0px 0px 1px 0px; padding:0px;}
	.SubMenu li a {padding:2px 3px 2px 3px; color:#333333; display:block;}
	
	.SubMenu li#Green a:hover {color:#FFFFFF; background-color:#7A8F2E;}
	.SubMenu li.Sel#Green a {color:#FFFFFF; background-color:#7A8F2E;}
	.SubMenu li#Pink a:hover {color:#FFFFFF; background-color:#E0285F;}
	.SubMenu li.Sel#Pink a {color:#FFFFFF; background-color:#E0285F;}
	
div.GastronomiaPesquisa {float:right; text-align:right; margin-top:7px;}

div.DestaqueLine {position:relative; height:1px; width:955px; margin:auto;}
div.DestaqueHome {position:absolute; top:80px; right:0px; z-index:999;}

/*CONTENT*/
div.Content {width:955px; height:auto; margin:auto;}
	
	.TitBig {font-size:16px; font-weight:bold; color:#7A8F2E; padding-bottom:20px;}
		.TitBig a {color:#7A8F2E; text-decoration:none;}
		.TitBig a:hover {color:#4E5B1E; text-decoration:none;}
	
	.TitSmall {font-size:12px; font-weight:bold; color:#4E5B1E;}

	.Data {font-size:9px; color:#666666; font-weight:normal;}
	
	.TitBigLeft {font-size:16px; font-weight:bold; color:#7A8F2E; padding-bottom:20px; text-align:right;}
	.TextLeft {padding-bottom:45px; text-align:right;}
	.Text {padding-bottom:45px;}
	.LinkWhite {font-size:9px; padding-top:20px;}
	.TitGastronomia {font-size:14px; color:#7A8F2E; padding-bottom:15px; clear:both;}
	.TitPrato {font-size:16px; font-weight:bold; color:#7A8F2E; padding-bottom:5px; padding-top:10px; clear:both;}
	.TitSmallDetalhe {font-size:12px; font-weight:bold; color:#4E5B1E; padding:15px 0px 15px 0px;}
	
	div.NumberMenu {float:right; font-size:10px; color:#000000;}
		.NumberMenu a {color:#333333; background-color:#EEEEEE; padding:2px 3px 2px 3px; margin:1px;}
		.NumberMenu a:hover {color:#FFFFFF; background-color:#7A8F2E;}
		.NumberMenu .Sel a {color:#EEEEEE; background-color:#333333; padding:2px 3px 2px 3px; margin:1px;}
		.NumberMenu STRONG {color:#EEEEEE; background-color:#333333; padding:2px 3px 2px 3px; margin:1px;}
		
	div.NumberMenuRose {float:right; font-size:10px; color:#000000;}
		.NumberMenuRose a {color:#333333; background-color:#EEEEEE; padding:2px 3px 2px 3px; margin:1px;}
		.NumberMenuRose a:hover {color:#FFFFFF; background-color:#E0285F;}
		.NumberMenuRose .Sel a {color:#EEEEEE; background-color:#333333; padding:2px 3px 2px 3px; margin:1px;}
		.NumberMenuRose STRONG {color:#EEEEEE; background-color:#333333; padding:2px 3px 2px 3px; margin:1px;}


/* LEFT */
	
/*
div.Wineletter{width:153px; float:left;}
	.Wineletter input{border:0px none; font-size:11px; color:#333333;}
	div.WineletterTitle {}
	div.WineletterItem { background-color:#FFFFFF; margin-bottom:5px; border:1px solid #CCCCCC; height:16px;}
	div.WineletterItem input#nome {width:145px;}
	div.WineletterItem input#email {width:130px;}
*/

div.Wineletter{width:153px; float:left;}
	.Wineletter input{ font-size:11px; color:#333333;}
	div.WineletterTitle {}
	div.WineletterItem { background-color:#FFFFFF; margin-bottom:5px; height:16px;}
	div.WineletterItem input.nome {width:145px;}
	div.WineletterItem input.email {width:125px;}
	div.WineletterItem select.pais {width:150px;}


div.LeftContainer {width:399px; float:left; padding-top:185px;}
div.LeftContainerSmall {width:153px; float:left; padding-top:60px;}
div.LeftContainerContactos {width:399px; float:left;}

.Distribuidor {width:88px; /*height:88px;*/ border:1px solid #CCC; background-color:#FFF; float:right; margin-left:5px; margin-bottom:5px; cursor:pointer;}
.Distribuidor#LastDist {margin-left:0px;}
.Distribuidor IMG {background-position:center center; background-repeat:no-repeat;}
.Distribuidor .Place {text-align:center; display:block; background-color:#CCC; color:#666; padding:3px 0px 3px 0px; font-size:10px;}
	
	div.NewsPhoto {padding-bottom:20px;} 
	
	div.Legenda {padding:15px 0px 0px 23px; float:left; width:380px;}

div.Produtor {width:240px; float:right; text-align:left; background-image:url(../images/produtor/bkg_produtor.gif); background-position:right; background-repeat:no-repeat; background-color:#DDDDDD;}
	.Produtor a { font-weight:bold; color:#999999; display:block; padding:5px;}
	.Produtor a:hover {color:#666666;}

	/*PESQUISAS*/
	div.Pesquisa { margin-bottom:30px;}
		div.PesquisaTitulo {font-size:16px; font-weight:bold; color:#7A8F2E; margin-bottom:7px; text-align:right;}
		div.PesquisaTituloR {font-size:16px; font-weight:bold; color:#E0285F; margin-bottom:7px; text-align:right;}
		.Pesquisa select {width:130px; margin-bottom:5px;}
		div.SelectContainer {width:135px; text-align:right; float:right; height:25px;}
		div.BtnSearch {font-size:9px; text-transform:uppercase; text-align:right; clear:both;}
			.BtnSearch a {color:#222222;}
			.BtnSearch a:hover {color:#7A8F2E;}
		div.BtnImage {text-align:right; float:right; width:23px; height:18px;}

/* MAIN CONTAINER*/

div.MainContainer {float:right; width:500px;}

div.MainContainerVinhos {float:right; width:500px;}

	div.TextRight {padding-bottom:10px;}
	div.TextRight div.DetailImage {float:right; width:180px; margin:0px 0px 20px 25px;}
	
	div.GaleriaTumb {float:left; width:500px;}
		.GaleriaTumb div {float:left; margin:5px 5px 0px 0px; width:78px;}
	
	div.GaleriaFoto{float:left; width:399px;}

	table.FichaTecnica {margin:20px 0px 25px 0px;}
		.FichaTecnica td {padding:3px; border-bottom:1px solid #BFBFBF; text-align:left; vertical-align:top;}
		.FichaTecnica td#LeftColl {color:#7A8F2E; width:110px;}
		.FichaTecnica td#LeftCollRose {color:#E0285F; width:110px;}
		
	div.GasItem {float:left; margin-bottom:20px; clear:both; width:500px;}
		
	div.NewsItem {float:left; width:500px; margin-bottom:20px; clear:both;}
		div.ArticleFoto {float:left; width:141px; height:116px; padding:1px; margin-right:10px; border:1px solid #EEEEEE;}
		div.ArticleText {}
	
	div.ExpContainer {float:left; width:500px; padding:0px 0px 15px 0px; border-bottom:1px solid #CCCCCC;}	
		div.ExpBorderTop {border-top:1px solid #CCCCCC;}

		div.ExpImage { float:left; width:80px; margin:14px 0px 14px 4px; background-color:#FFFFFF; }
		div.ExpImage IMG { padding:1px; border:1px solid #EEEEEE; background-position:center center; background-repeat:no-repeat; width:80px; height:80px; }

		div.ExpLeft {float:left; padding-top:15px; width:225px; }
		div.ExpLeftWithImg {float:left; padding-top:15px; width:185px; padding-left:15px; min-height:84px; height: 84px; }
		html > body div.ExpLeftWithImg {height: auto;}

		div.ExpRight {float:right; text-align:right; padding-top:15px; width:205px; }


		
	div.GlossContainer {float:left; width:470px; padding:10px 15px 10px 15px; border-bottom:1px solid #CCCCCC;}
		div.GlossBorderTop {border-top:1px solid #CCCCCC;}
	
	div.Letras {float:left; width:510px; text-align:center; padding-bottom:25px;}
		.Letras a {text-decoration:none; color:#444444; padding:2px;}
		.Letras a:hover {text-decoration:none; color:#7A8F2E;}
		.Letras span { color:#AAAAAA; padding:2px;}
		.Letras span.Sel {text-decoration:none; color:#7A8F2E; font-weight:bold; font-size:12px;}

	div.Contactos {width:230px; float:left; padding:15px 0px 35px 0px;}
	
	div.Receita {}
		.Receita ol {margin:0px 0px 0px 23px; padding:0px;}
		.Receita li {font-size:11px; padding-bottom:15px;}
		
	div.PDF {margin:10px 0px 5px 0px;}
		.PDF a {color:#5E5E5E; text-decoration:none; padding-left:5px;}
		.PDF a:hover {color:#7A8F2E; text-decoration:none; padding-left:5px;}


/* GASTRONOMIA */
div.Gastronomia STRONG { font-size:12px; font-weight:bold; color:#4E5B1E; padding:15px 0px 15px 0px; }
div.Gastronomia .DetailImage { float:right; width:180px; margin:35px 0px 20px 25px; }


/*POPUP CASTA*/
.Casta {width:400px; margin:15px; clear:both;}
.CastaPhoto {padding:1px; border:1px solid #EEEEEE; float:left; margin:0px 15px 10px 0px;}


/*FOOTER*/
div.Footer {width:955px; margin:auto; height:135px; font-size:10px; color:#B9B9B9; clear:both;}
	.Footer a {font-size:10px; color:#8F8F8F; text-decoration:none;}
	.Footer a:hover {color:#666666; text-decoration:none;}
	.Footer .Sel a  {font-size:10px; color:#666666; text-decoration:none;}

div.FooterLogo {float:left; width:457px; margin-top:10px;}
div.Copyright {float:left; width:450px; padding-top:90px;}

/*DROPDOWN MENUS*/
div.DivDropDown {filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; background-color:#EEEEEE; padding:0px; position:absolute; top:0px; width:150px; z-index:1; visibility:hidden; margin:7px 0px 0px 0px;}
div.DropMenuItem {}
.DropMenuItem a { color:#7A8F2E; text-decoration:none; display:block; padding:2px 3px 2px 3px; }
.DropMenuItem a:hover { color:#FFFFFF; background-color:#7A8F2E}

/*MAPA SITE*/

.MapaSite  {font-family:Tahoma, Arial, sans-serif; font-size:10px; background-image:url(../images/mapa_site/traco.gif); background-repeat:repeat-y; }
.MapaSite .Mapatit {font-weight:bold; }
.MapaSite .Mapatit a { color:#333333; }
.MapaSite .Mapatit a:hover { color:#7A8F2E; text-decoration:none; }
.MapaSite .MapaSub {margin-left:30px; margin-bottom:25px; border-left:1px solid #666666; text-align:left; padding:2px 0px 2px 10px; }
.MapaSite .MapaSub a { color:#666666; }
.MapaSite .MapaSub a:hover { color:#7A8F2E; text-decoration:none; }

/*SHARE*/
#share {position:absolute; width:auto; overflow:hidden; left:0; top:5px; z-index:999;}
.ShareTitle {float:left; width:auto; padding-top:2px; margin-right:5px; font-size:10px;}
.Icon {float:left; margin-right:2px; width:14px; height:14px; border:1px solid #FFF; background-image:url(/images/share.gif); background-repeat:no-repeat;}
.Facebook {background-position:0px -51px;}
.Facebook:hover {background-position:0px 0px;}
.Twitter {background-position:-17px -68px;}
.Twitter:hover {background-position:-17px -17px;}
.Share.Icon {background-position:-34px -85px;}
.Share.Icon:hover {background-position:-34px -34px;}
	
/* override other styles */
.RoseBig { color:#E0285F; }
.RoseSmall { color:#C41C4E; }
.FLef { float:left; }
.FRight {float:right;}
.ARight {text-align:right;}


/*GLOSSARY TOOLTIP*/
.GlossaryToolTip {padding-bottom:0px; text-decoration:underline; cursor:hand;}
