@import url("reset.css");
@import url("replacements-en-us.css");
@import url("modal.css");

/*
	Projeto - Robert Oatley (Vineyards)
	Developer(s):
		+ Fernando Basilio (fernando.basilio@hellointeractive.com.br)
*/

/* constantes ======================================================================================= */
* {
	margin: 0;
	padding: 0;
}

html, body, form, #container{	
	width: 100%;
	height: 100%;
}

body{
	background: #72623c url(/img/Rov_BG_new.jpg) no-repeat center;
}

body{
	font-family: "Helvetica LT Std", Arial, sans-serif;
	font-size: 12px;
	color: #fcf6dd;
}

h1, h2, h3, h4, h5{
	font-size: 10px;
}

a{
	color: #f3e3ba;
	text-decoration: none;
}

a:hover{
	color: #9E0B0F;
	font-weight: bold;
}


p a{
	color: #fcf6dd;
	text-decoration: underline;
}

p a:hover{
	color: #fcf6dd;
	font-weight: normal;
	text-decoration: underline;
}

input, textarea{
	border: 1px solid #d3d1d1;
	background: #fff;
	font-family: "Helvetica LT Std", Arial, sans-serif;
	font-size: 12px;
}

button{
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}


/* estrutura ======================================================================================= */
#container{
	width: 100%;
	height: 100%;
}

#content{
	width: 887px;
	height: 657px!important;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-450px;
}

.header{
	position: absolute;
	top: 0;
	left: 0;
	padding: 16px 0 0 0;
}

.header h1.imgLogo{
	margin-left: 7px;
}

.header h1.imgLogo a{
	float: left;
	width: 102px;
	height: 53px;	
}

.conteudo{
	position: absolute;
	top: 93px;
	left: 0;
	width: 877px;
	height: 372px;
	margin: 1px 0 0 0;
	overflow: hidden;
}

.footer{
	position: absolute;
	bottom: 32px;
	left: 0;
	padding: 28px 0 0 0;
	margin: 1px 0 0 0;
	font-family: "Helvetica LT Std", Arial, sans-serif;;
}

.footer dl{
	float: left;
	width: 182px;
	margin: 0 15px 0 0;
	font-size: 10px;
}

.footer dl dt,
.footer dl dt a{
	float: left;
	width: 182px;
	height: 27px;
	font-size: 11px;
	font-weight: bold;
}
.footer dl dt a{
	height: 18px;
	padding-top: 9px;
}
.footer dl dt{ margin: 0 0 10px 0; }

.footer dl dt a:hover,
.footer dl dt.on a{
	background-position: 0 -27px;	
	color: #fcf6dd;
}

.footer dl dd{
	float: left;
	width: 182px;
	height: 12px;
}

.footer dl dd a{
	float: left;
	height: 12px;
}


.footer dl dd{ margin: 0 0 2px 0; }

.footer dl dd.on a{
	color: #d7cca0;
	font-weight: bold;
}

.footer dl dd a:hover{
	color: #fcf6dd;
	font-weight: bold;
}

ul.navFooter{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 362px;
	height: 23px;
}

ul.navFooter li,
ul.navFooter li a{
	float: left;
	display: inline;
	height: 23px;
	text-indent: -9999px;
}

ul.navFooter li{
	margin-left: 1px;
}


.loader{
	width: 32px;
	height: 32px;
	position: absolute;
	top: 264px;
	left: 422px;
	display: none;
}

.loading{ background: url(/img/loader.gif) no-repeat center!important; }

#footerSite{
	position: absolute;
	width: 100%;	
	text-align: center;
	color: #cac099;
/*	background: url(/img/bgFooterSite.png) repeat-x;*/
	font-size: 9px;
	bottom: 0;
	letter-spacing: 1px;
	padding-bottom: 5px;
}

/* accordion ======================================================================================= */
.haccordion{
	width:877px;
	height: 372px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.haccordion .itemAccord, .haccordion .contentAccord{
	float: left;
	height: 372px;
}

.haccordion .itemAccord{
	width: 20px;
	background: #999;
	color: #fff;
	cursor: pointer;
	margin-right: 1px;
}

.haccordion .contentAccord{
	display: none;
	width: 0px;
	overflow: hidden;
}

.haccordion .contentAccord a{
	float: left;
	width: 772px;
	height: 372px;
}


/* heritage item ======================================================================================= */
.contentItem .boxImgContent{
	position: absolute;
	top: 0;
	left: 0;
	width:877px;
	height: 372px;
	display: block;
	overflow: hidden;
	z-index: 1;
}

.contentItem .boxImgContent .ImgContent{
	width: 282px;	
}

.contentItem , .textInfo {
	font-size: 13px;
	line-height: 18px;
}

.contentItem p, .textInfo p{
	width: 445px;
	text-align: justify;
	_text-align: left;
	margin: 0 0 10px 0;
}
.contentItem p em, .textInfo p em{
	font-style: italic;
}

.conteudo .titItem{
	width: 450px;
	height: 37px;
	margin: 34px 0 11px 0;
}

.titItem a{
	float: right;
	display: inline;
	margin: 9px 11px 0 0;
}

.titItem h3,
.titItem img{
	float: left;
	margin: 0px 0 0 0;
}

.titItem h3{
	margin: 9px 0 0 0;
	font-family: "Helvetica LT Std", Arial, sans-serif;;
	font-size: 18px;
	font-weight: normal;
	padding-left: 20px;
}

.titItemReviews{
	background: none!important;
}

/* wines item ======================================================================================= */
.conteudoWinesDetail{
	width: 877px;
	height: 372px;
}

.bgWinesLanding{
	float: left;
	width: 877px;
	height: 372px;
	position: relative;
	z-index: 1;
}

.bgWinesLanding img{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

ul.listWines{
	width: 887px;
	height: 339px;
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 2;
}

ul.listWines li {
	float: left;
	display: inline;
	text-indent: -9999px; overflow: hidden;
	width: 72px;
	height: 328px;
}

ul.listWines li a {
	float:left;
	display: block; text-indent: -9999px; outline: none;
	width: 72px;
	height: 328px;
	background: url(/img/bgWine.png) no-repeat;
}

ul.listWines li.wine0{ margin-left: 72px; }
ul.listWines li.wine1{ margin-left: 92px; }
ul.listWines li.wine2{ margin-left: 96px; }
ul.listWines li.wine3{ margin-left: 95px; }
ul.listWines li.wine4{ margin-left: 88px; }


/*tooltips*/
#tooltip {
	position: absolute;
	z-index: 9999;
	border: 1px solid #111;
	background-color: #eee;
	padding: 0px;
	opacity: 1;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {
	line-height: 14px;
	font-size: 11px;
	width: 110px;
	font-weight: bold;
	margin: 0;
}

#tooltip.pretty {
	color: #fcf6dd;
	font-family: "Helvetica LT Std", Arial, sans-serif;;
	border: none;
	opacity: 1;
}

#tooltip.fancy {
	width: 137px;
	height: 22px;
	padding: 25px 0 0 24px;
	background: url(/img/bgToolTip.png);
}

/* wines item ======================================================================================= */
.imgInfo{
	float: left;
	width: 293px;
}

.imgInfo .iInfo{
	float: left;
	display: inline;
	margin: 44px 0 0 114px;
}

.textInfo{
	float: left;
}

ul.navSubWines{
	position: absolute;
	top: 71px;
	right: 20px;
	width: 110px;
/*	height: 180px;*/
/*	height: 144px;*/
	z-index: 9;	
	background: url(/img/bgNavWines.png) no-repeat;
}

ul.navSubWines li, ul.navSubWines li a{
	float: left;
	display: inline;
	height: 19px;
	color: #FCF6DD;
	font-size: 10px;
	font-weight: bold;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 1px;
}

ul.navSubWines li{
	margin: 10px 0 7px 0;		
}

 ul.navSubWines li a{
 	padding-left: 42px;
 }

ul.navSubWines li.navWinesInfo,
ul.navSubWines li.navWinesInfo a{
	background: url(/img/navWinesInfo.png) no-repeat 8px -19px;
}

ul.navSubWines li.navWinesPairing,
ul.navSubWines li.navWinesPairing a{
	background: url(/img/navWinesPairing.png) no-repeat 8px -19px;
}

ul.navSubWines li.navWinesReview,
ul.navSubWines li.navWinesReviewCollateral,
ul.navSubWines li.navWinesReview a,
ul.navSubWines li.navWinesReviewCollateral a{
	background: url(/img/navWinesReview.png) no-repeat 8px -19px;
}

ul.navSubWines li.navWinesReviewCollateral{
	line-height: 9px;
}

ul.navSubWines li.navWinesDownload,
ul.navSubWines li.navWinesDownload a{
	background: url(/img/navWinesDownload.png) no-repeat 8px -19px;
	text-transform: uppercase;
}

ul.navSubWines li.navWinesView,
ul.navSubWines li.navWinesView a{
	background: url(/img/navWinesView.png) no-repeat 8px -19px;
}

ul.navSubWines li a:hover,
ul.navSubWines li.on a{
	background-position: 8px 0px;
	color: #9e0b0f;
}


/* vineyards item ======================================================================================= */
.boxContent ul.navSubVineyards{
	width: 115px!important;
	position: absolute;
	top: 120px!important;
	right: 0px!important;
	z-index: 9;
	background: url(/img/bgNavVineyards.png) repeat-y;
	opacity:1;
	filter:alpha(opacity=100);
}

.boxContent ul.navSubVineyards li{
	float: left;
	font-size: 8px;
	font-weight: bold;
	width: 105px;
	margin: 5px 0 5px 5px;
	letter-spacing: 1px;
}

.boxContent ul.navSubVineyards li,
.boxContent ul.navSubVineyards li a{
	float: left;
	display: inline;
	color: #fcf6dd;
/*	color: #5d5030;*/
}

.boxContent ul.navSubVineyards li.on a,
.boxContent ul.navSubVineyards li a:hover{
	color: #9e0b0f;
}

.boxContent ul.navSubVineyards li.onHome a{
	color: #9e0b0f!important;
/*	color: #2f0102!important;*/
}


.map{
	position: absolute;
	top: 17px;
	right: 15px;
	width: 95px;
	height: 86px;
	z-index: 9;	
}

.boxImgContentHome img{
	cursor: pointer;
}

.listReviews{
	float: left;
	width: 447px;
	background: url(/img/bgDotted.png) repeat-x;
}

.listReviews dt{
/*	text-transform: uppercase;*/
	margin: 0;
	line-height: 12px;
	padding: 7px 0 0 0;
	font-size: 14px;
}

.listReviews dd{
	font-size: 10px;
	background: url(/img/bgDotted.png) repeat-x 0 bottom;
	padding: 0 0 2px 0;
}

.listReviews dt a{
	float: right;
	margin: 0!important;
}

.listReviews dt span{
	margin: 3px 5px 0 0;
}

.listReviews dt span,
.listReviews dt span a{
	float: right;
	text-align: right;
	width: 70px;
	font-size: 10px;
	color: #F3E3BA;
	background: url(/img/navWinesDownload.png) no-repeat 0 -19px;
	height: 19px;
	font-weight: bold;
}

.listReviews dt span a:hover{
	background: url(/img/navWinesDownload.png) no-repeat 0 0px;
	color: #9E0B0F;
}



p.please{
	color: #5c4f2f;
}

p.please strong{
	font-weight: bolder;
}

/*contato*/
.boxFormContact{
	padding-top: 35px;
}

.boxFormContact p{
	float: left;
	clear: both;
	width: 580px;
	margin-bottom: 15px;
}

.boxFormContact p.title{
	margin-top: 30px; 
}

.boxFormContact p input{
	float: left;
	padding: 3px;
	width: 200px;
	margin: 0 20px 0 0;
}

.boxFormContact p span{
	float: left;
	padding: 2px 0 0 0;
	margin-left: 5px; 
}

.boxFormContact p label{
	float: left;
	padding: 2px 0 0 0;
	width: 80px;
	text-align: right;
	padding-right: 10px;
}

.boxFormContact p input.radioSexo{
	float: left;
	width: 13px;
	height: 13px;
	background: none;
	border: none;
	margin: 3px 0 0 5px;
}

.boxFormContact p .inputTxtMsg{
	width: 420px;
	height: 120px;
	overflow: auto;
}

.btSend{
	margin-left: 10px;
}

.textContact{
	float: left;
	width: 282px;
	height: 352px;
	padding-top: 20px;
}

.textContact p{
	float: left;
	display: inline;
	width: 210px;
	margin: 40px 0 0 35px;
	padding-bottom: 35px;
/*	color: #3d341c;*/
	border-bottom: 1px solid #5d5030;
}

.textContact p.noBorder{
	border: none;
}

.textContact p strong{
	text-transform: uppercase;
	font-size: 18px;
	color: #fcf6dd;
	text-align: left;
}

.imgMap{
	float: right;
/*	position: absolute;
	top: 20px;
	right: 11px;*/
	margin-top: 20px;
	margin-right: 11px;
	width: 94px;
	height: 90px;
}

/* home */
.landing_home{
	text-align: center;
	width: 408px;
	margin: 0 auto;
	padding-top: 200px;
	font-size: 15px;
	line-height: 20px;
}

.landing_home span {
	padding: 9px 0 0 0;
	text-align: center;
	font-family: "Helvetica LT Std",Arial,sans-serif;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 3px;
}

.btEnter{
	margin: 15px 0 0 0;
}

.landing_home p{
	float: left;
	margin: 10px 0 0 0;
}


/* list reviews merlot */

.listReviewsMerlot{
	
}

.listReviewsMerlot{
	float: left;
	width: 447px;
}

.listReviewsMerlot dt{
	float: left;
	display: block;
	width: 447px;
	text-transform: uppercase;
	margin: 0;
	line-height: 12px;
	padding: 13px 0 10px 0;
	font-size: 14px;
	background: url(/img/bgDotted.png) repeat-x;
}

.listReviewsMerlot dt p{
	width: 410px;
	margin: 0;
	padding: 0;
}

.listReviewsMerlot dt a{
	float: right;
	width: 11px;
	height: 11px;
	background: url(/img/ico_bt_abrir.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 5px 0 0; 
}

.listReviewsMerlot dt a.mnOn{
	background-position: 0px -12px;
}
	

.listReviewsMerlot dt span{
	float: left;
	clear: both;
	font-size: 10px;
}

.listReviewsMerlot dd{
	display: none;
	float: left;
	width: 447px;
}




/* list trade, list review */
.listTrade,
.listReview{
	float: left;
	width: 447px;
	background: url(/img/bgDotted.png) repeat-x;
}

.listTrade dt,
.listReview dt{
	text-transform: uppercase;
	float: left;
	width: 447px;
	margin: 0;
	line-height: 12px;
/*	padding: 12px 0 4px 0;*/
	font-size: 14px;
	background: url(/img/bgDotted.png) repeat-x 0 bottom;
}

.listTrade dt span,
.listReview dt span{
	float: left;
	padding: 12px 0 4px 0;
}

.listTrade dt a,
.listReview dt a{
	float: right;
	margin: 0!important;
}

.listTrade dt a,
.listReview dt a{
	float: right;
	width: 35px;
	height: 24px;
	font-size: 10px;
	color: #FCF6DD;
	font-weight: bold;
	background: url(/img/bgVertical.png) repeat-y 0 0;
	padding: 12px 10px 0 10px;
}

.listTrade dt a:hover,
.listReview dt a:hover{
	color: #9E0B0F;
}

.bgTitTradeInterna a{
	background: none;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	margin: 11px 34px 0 0;
}