/* CSS Document */

/* inicio menu centro */
#coluna_central_menu UL{
	margin:0 0 0 23px;
	padding:0;
	text-align:left;
	color: #c8c8c8;
}

#coluna_central_menu UL LI{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	width:90px;
}

#coluna_central_menu UL LI A{
	display:block;
	width:107px;
	height:14px;
	overflow:hidden;
	margin:0 0 7px 0;
	padding:0;
}

#coluna_central_menu UL LI A:hover{
	background-position:0 14px;
}

#coluna_central_menu UL LI A:hover{
	background-position:0 14px;
}

#coluna_central_menu UL LI.active A{
	background-position:0 14px;
}

#coluna_central_menu UL LI#b_thedon A{
	background-image: url(../img/en/t_the_don.gif);
}
#coluna_central_menu UL LI#b_the_story_begins A{
	background-image: url(../img/en/b_the_story_begins.gif);
}
#coluna_central_menu UL LI#b_7th_generation A{
	background-image: url(../img/en/b_7th_generation.gif);
}
#coluna_central_menu UL LI#b_the_art A{
	background-image: url(../img/en/b_the_art.gif);
}
#coluna_central_menu UL LI#b_the_labels A{
	background-image: url(../img/en/b_labels.gif);
}
#coluna_central_menu UL LI#b_the_pioneers A{
	background-image: url(../img/en/b_the_pioneers.gif);
}
#coluna_central_menu UL LI#b_the_advertising A{
	background-image: url(../img/en/b_the_advertising.gif);
}
#coluna_central_menu UL LI#b_the_tvspot A{
	background-image: url(../img/en/b_the_tv_spots.gif);
}

/*  fim menu centro */

#left_image {
	width: 325px;
	height: 478px;
	position: absolute;
	left: 44px;
	top: 44px;
	/*background-image: url(/img/left_img_the_making_of_porto.jpg);*/
}

#right_col {
	width: 325px;
	height: 478px;
	position: absolute;
	left: 566px;
	top: 44px;
	/*background-image: url(../img/right_col_backg.gif);*/
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #000000;
	overflow:hidden;
	text-align:left;
	
}

#right_col_wine_description {
	width: 325px;
	height: 478px;
	position: absolute;
	left: 566px;
	top: 44px;
	/*background-image: url(/img/right_col_backg_white.gif);*/
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #FFFFFF;
}

#b_download_pdf a{
	width: 60px;
	height: 25px;
	display: block;
	position: absolute;
	left: 206px;
	top: 440px;
	/*background-image: url(/img/b_download_pdf.gif);*/
	background-repeat: no-repeat;
}

#b_more a{
	width: 36px;
	height: 13px;
	display: block;
	position: absolute;
	left: 271px;
	top: 452px;
	/*background-image: url(/img/b_more.gif);*/
	background-repeat: no-repeat;
}

#image_wine_description {
	width: 107px;
	height: 410px;
	position: absolute;
	left: 200px;
	top: 25px;
}

#right_col div#frame{
	position:relative;
	padding:10px 40px 0 20px;
	color: #FDBA2F;
}

#right_col div#frame div#content{
	position:relative;
	padding:0;
	margin:0;
	overflow:hidden;
	/*height:280px;*/
	margin:0 0 10px 0;
	top:10px;
}

#right_col div#frame div#content div#text{
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	text-align:justify;
}

#right_col div#frame div#content div#text p{
	padding:0;
	margin:0;
	margin-bottom:10px;
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FDBA2F;
}

#right_col div#frame div#content div#text p.item{
	border:0;
	margin:10px 0 10px 0;
	margin:0;
	padding-bottom:10px;
}

#right_col div#frame div#content div#text span{
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #c8c8c8;
}

#right_col div#frame div#content div#text span a{
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #c8c8c8;
}

#right_col div#frame  h1{
	padding:0;
	margin:0;
	padding-top:10px;
	font-family: arial;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #c8c8c8;
}
#right_col div#frame h2{
	padding:0;
	margin:0;
	padding:5px 0 5px 0;
	margin:0 0 10px 0;
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	border-bottom:1px solid  #c8c8c8;
	color: #c8c8c8;
	text-align:justify;
}



.slider{
	position: absolute;
	width: 12px;
	height: 280px;
	background: #414141 url(../img/scrollbar_top.gif) no-repeat;
	background-position:left top;
	z-index: 1;
	right:12px;
	top:128px;
	
}
.indicator{
	width: 12px;
	height: 16px;
	background-image: url(../img/b_scroller.gif);
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
	position: relative;
	z-index: 2;
	cursor:pointer;
	cursor:hand;
}
#indicator{
	/*background-image:url(http://interface.eyecon.ro/demos/images/indicator2.gif);*/
	background-color: transparent;
}
#slider_bottom{
	position:absolute;
	padding:0;
	margin:0;
	width:12px;
	height:6px;
	bottom:0px;
	background: #414141 url(../img/scrollbar_bottom.gif) no-repeat;
	background-position:left bottom;
}

#coluna_central_menu div#centercontent{
	position:relative;
	padding:0;
	margin:0;
	overflow:hidden;
	height:150px;
	width:130px;
	padding:10px 0 0 0;
	margin-bottom:10px;
}

#coluna_central_menu div#centercontent div#items{
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	text-align:left;
}

#coluna_central_menu div#centercontent div#items a{
	padding:0;
	margin:0;
	padding-bottom:4px;
	display:block;
	font-family: arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	color: #c8c8c8;
}
#coluna_central_menu div#centercontent div#items a:hover{
	color: #FDBA2F;
	text-decoration:none;
}
#coluna_central_menu div#centercontent div#items a.active{
	color: #FDBA2F;
	text-decoration:none;
}


/************  THE ART ******************/


.slider_vert{
	position: absolute;
	width: 202px;
	height: 12px;
	background: #414141 url(../img/scrollbar_left.gif) no-repeat;
	background-position:left top;
	z-index: 1;
	left:55px;
	top:70px;
	
}
.indicator_vert{
	width: 16px;
	height: 12px;
	background-image: url(../img/b_scroller_h.gif);
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
	position: relative;
	z-index: 2;
	cursor:pointer;
	cursor:hand;
}
#indicator_vert{
	/*background-image:url(http://interface.eyecon.ro/demos/images/indicator2.gif);*/
	background-color: transparent;
}
#slider_right{
	position:absolute;
	padding:0;
	margin:0;
	width:6px;
	height:12px;
	right:0px;
	top:0px;
	background: #000000 url(../img/scrollbar_right.gif) no-repeat;
	
}

#right_col div#frame div#back{
	position:absolute;
	height:227px;
	width:325px;
	top:251px;
	left:0;
	background: #000000 url(../img/right_col_backg_the_art.gif) no-repeat;
}

#right_col div#gallery{
	position:relative;
	top:0px;
	left:0px;
	width:326px;
	/*height:80px;*/
}

#right_col div#gallery div#contentgallery{
	position:relative;
	margin:0;
	left:55px;
	overflow:hidden;
	height:64px;
	width:204px;
}

#right_col div#gallery div#contentgallery div#imagegallery{
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	height:74px;
	width:2000px;
}

#right_col div#gallery div#contentgallery div#imagegallery img{
	float:left;
	margin-right:6px;
	padding-bottom:6px;
	cursor:pointer;
	cursor:hand;
	padding:2px;
}
#right_col div#gallery div#contentgallery div#imagegallery img.active{
	border:2px solid #FDBA2F;
	padding:0;
}

#right_col div#frame div#back .image_description{
	position:absolute;
	top:15px;
	left:15px;
	width:290px;
	height:200px;
	display:none;
}

#right_col div#frame div#back .image_description b{
	padding:0;
	margin:0;
	padding-bottom:4px;
	display:block;
	font-family: arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
	color: #000000;
}
#right_col div#frame div#back .image_description p{
	padding:0;
	margin:0;
	padding-bottom:4px;
	display:block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
}

#right_col div#frame div#back .image_description div.imagem_download{
	position:absolute;
	padding:0;
	margin:0;
	top:100px;
	left:130px;
	width:84px;
	height:100px;
}

#right_col div#frame div#back .image_description div.imagem_download a img{
	position:relative;
	margin-bottom:10px;
	display:block;
}



#right_col div#frame div#back .image_description_tvspot{
	position:absolute;
	top:15px;
	left:15px;
	width:290px;
	height:20px;
	display:none;
}

#right_col div#frame div#back .image_description_tvspot b{
	padding:0;
	margin:0;
	padding-bottom:4px;
	display:block;
	font-family: arial;
	font-size: 12px; /*14px;*/
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
	color: #000000;
}
#right_col div#frame div#back .image_description_tvspot p{
	padding:0;
	margin:0;
	padding-bottom:4px;
	display:block;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
}

#right_col div#frame div#back .image_description_tvspot div.imagem_download{
	position:absolute;
	padding:0;
	margin:0;
	top:100px;
	left:130px;
	width:84px;
	height:100px;
}

#right_col div#frame div#back .image_description_tvspot div.imagem_download a img{
	position:relative;
	margin-bottom:10px;
	display:block;
}

#right_col div#frame div#back div#player{
	position:absolute;
	top:40px;
	left:45px;
	width:234px;
	height:174px;
}

/**********************/