@charset "utf-8";
/* CSS Document */

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
img,
form,
fieldset,
input,
textarea,
figure,
blockquote { margin: 0; padding: 0; border: 0; font-weight: normal }
html,
body { font-family: "Times New Roman", Times, serif; font-weight: 400; color: #4d4d4d }
/**/
h1,h2,h3,h4,h5,h6 { line-height: 1.1; color: #323232}
/**/
body { background: #000 /*url(../images/fundo1.jpg) center 140px no-repeat*/ ;background-size: cover; color: #eee }
body > header { display:block; position: relative; z-index:1; background: url(../images/header-bg-320.png) top repeat-x; height: 230px; margin: 0 auto 0 auto; }
body > header > div { margin: 0 auto 0 auto; width:320px; position:relative;}
body > header div h1 { position: absolute; margin: 0px; padding: 0px; width: 140px; height: 140px; left: 20px;  background: url(../images/quinta-do-valado-small.jpg) center center; text-indent: -1209px; overflow: hidden; }
body > header  div h1 a { display: block; margin: 0px; padding: 0px; width: 141px; height: 141px; }

/**/
body > header nav {  position: absolute; left: 161px; height: 202px; width: 159px; font-size:14px }
body > header .menu { position: absolute; top:0; background: url(../images/menu-selector.jpg) left top no-repeat; width: 140px; right:8px; display: block; position: absolute; text-align: left;  color: #FFF;  text-transform: uppercase; font-weight: bold }
body > header .menu {  padding-top:49px; }
body > header .menu li { cursor: pointer; list-style: none; display: none;  height: 25px; font-size:12px }
body > header .menu li a {  display: block; text-decoration: none; color: #000;  border-bottom: 1px solid #F5B950;  overflow: hidden; padding: 5px 0 0 0  }
body > header .menu li a.active, body > header .menu li a:hover { color: #fff}
body > header:hover, body > header.hover { background: url(../images/header-bg-320-on.png);}
body > header:hover .menu li,body > header.hover .menu li { display: block;}
body > header:hover h2, body > header.hover h2 { display: none}
/**/
body > header .lang { position:absolute; right: 0px; top: 18px }
body > header .lang li { display: inline-block; float: left; margin-right: 10px;  }
body > header .lang li a.pt { width: 16px; height: 11px; display: block; background: url(../images/flag-pt.gif); overflow: hidden; text-indent: -100px }
body > header .lang li a.en { width: 16px; height: 11px; display: block; background: url(../images/flag-en.gif); overflow: hidden; text-indent: -100px }
body > header .lang li a.zh { width: 16px; height: 11px; display: block; background: url(../images/flag-zh.gif); overflow: hidden; text-indent: -100px }
/**/
body > header  h2 { position: absolute; display: block; background: url(../images/adelaide-tributa-small.png); width:118px; height: 75px; right: 20px; top:55px}
body > header  h2  span { display: none}


/**/

.body { position: relative; background: url(../images/section.jpg) top no-repeat; width: 970px; margin: 0 auto 0 auto; height: 100%; }
.bgcentro { width: 100%; height: 100%; position: absolute; z-index: -1; background: url(../images/bgcentro.png) top center no-repeat; top: 270px }
.bgheader { width: 100%; height: 65px; position: absolute; z-index: 2; background: url(../images/bgheader.fw.png) top center no-repeat; top: 270px }
.bodyholder { width: 100%; background: url(../images/bgcentro.fw.png) top center repeat-y; top: 270px }
.footerholder { width: 100%; height: 320px; background: url(../images/bgrodape.fw.png) top center repeat-y; clear: both }

/**/
body > section { position:relative;  min-height:200px;  margin: -100px auto 0 auto; width:280px; font-size:13px}
body.vinho > section { position:relative;  min-height:200px;  margin: 250px auto 0 auto; width:320px; font-size:13px}
body > section .texto { margin-top:40px;}
body > section .texto p { margin-top:20px}
/**/
body.vinho { background: #000 url(../images/fundo1-small.jpg) center 135px no-repeat;}
body.vinho section .menu { margin-left:20px; width: 293px;  display: block;  text-align: center;  color: #FFF;  text-transform: uppercase; font-weight: bold }
body.vinho section .menu li { cursor: pointer; list-style: none;    }
body.vinho section .menu li a { height: 17px; display: block; text-decoration: none; color: #F39D1D;  border-bottom: 1px solid #222D38;  padding: 10px 0 10px 0;  font-size: 14px }
body.vinho section .menu li a.active, body .home .menu li a:hover { color: #fff}
/**/
body.noticias  {background: #000 url(../images/fundo2.jpg) center 117px no-repeat;}
body.noticias section.noticias { width: 280px; margin-left:auto; margin-right: auto; margin-top:0px; z-index:5; }
body.noticias section.noticias article { border-bottom: 1px solid #666; padding-bottom:5px; margin-bottom:5px;}
body.noticias section.noticias article h2 { font-size:13px}
body.noticias section.noticias article a {color: #fff; text-decoration: none;}
body.noticias section.noticias article a:hover {color: #F39D1D}
/**/
body.noticias  section.noticia { margin-top:50px}
body.noticias section.noticia h1 {font-size: 21px; color:#F39D1D}
body.noticias section.noticia h1+p { margin-bottom:50px;}
body.noticias section.noticia figure { float: left; margin-right:20px; margin-bottom:20px}
/**/
body.distrib  {background: #000 url(../images/fundo3.jpg) center 117px no-repeat;}
body.distrib section.distrib { margin-top:0px}
body.distrib section.distrib ul { list-style: none}
body.distrib section.distrib ul li {  margin-bottom:15px; text-align: center}
body.distrib section.distrib  a {color: #fff; text-decoration: none;}
body.distrib section.distrib  a:hover {color: #F39D1D}
body.distrib section.distribuidores { margin-top:50px}
body.distrib section.distribuidores h1 {font-size: 21px; color:#F39D1D}
body.distrib section.distribuidores h1+p { margin-bottom:50px;}
/**/
.galeria { position:relative;  left:50%; margin-left:-140px;}
.galeria .navi  { margin-top: 100px }
.galeria .navi .prev { float: left; display: block; width:40px; height:40px; background: url(../images/seta-left.png) center center no-repeat}
.galeria .navi .next { float: right; display: block; width:40px; height:40px; background: url(../images/seta-right.png) center center no-repeat}
/**/
section.intro { width:320px ;	position: relative; 	top:-10px;	z-index:0;		left:50%;	margin-left:-160px;}
section.intro > div { position:relative; margin-left: auto; margin-right:auto; width:320px;}
section.intro > div img { width: 320px; height:330px; }
section.intro .opts { width:320px;  position: absolute; /*top: 10px;*/ left: 50%; margin-left: -160px;}
section.intro .opts a { display: block; color:#DEA22A; text-decoration: none; font-size:12px; padding: 10px 20px 10px 20px;  border-top: 1px solid #222D38;  border-bottom: 1px solid #222D38; text-align: center; font-style:italic}
section.intro .opts a.left { float:left;}
section.intro .opts a.right { float:right;}
section.intro .opts a span {text-transform: uppercase; font-size: 19px;  font-style: normal }


/**/
.body .central a:link { color: #df8000; text-decoration: none; font-weight: 400}
.body .central a:visited { color: #df8000; text-decoration: none; font-weight: 400}
/**/
section a:link, section a:visited { color: #E9910C; text-decoration:none} 

/**/
footer { display: block; font-size: 12px; color: #999; margin: 0 auto 0 auto; width: 300px; clear: both; padding-top: 66px; padding-left:20px; padding-bottom: 100px;  }
footer  { background: url(../images/logos_institucionais.jpg)  no-repeat center 120px; text-align: center;}
footer p {  margin-left:auto; margin-right: auto; display: inline-block; float: left;  margin-right: 5px;  }
footer p:before { }
footer p:first-child:before {  }
footer a { color: #E9910C; text-decoration: none }
/**/
.hide { display: none}


/**/
#cboxLoadedContent { font-size: 13px}
#cboxLoadedContent h1 {  margin-bottom:20px; }
#cboxLoadedContent .dist h3 { margin-top:20px; margin-bottom:20px; color: #E9910C;}
#cboxLoadedContent a { color: #E9910C; text-decoration: none }
#cboxLoadedContent p { line-height: 1.4; margin-bottom:20px; }
/**/
.jcarousel-skin-tango {
	position: absolute  !important;
	top: 70px;
	z-index: 5;
	margin-left: -195px !important;
	}

/**/
#jq_ez_bg { top:46px !important; }

