@charset "utf-8";
/* barolo CSS Document */

body{
	margin:0;
	  font-family: Helvetica, Arial, sans-serif;  
	font-size:11px; 
	color:#5a564d;
	background-color:#2E2623;  
	}
	

hr {color:#948E79}

a:link, a:active, a:visited{
	color:#2e251c;
	text-decoration:none;
	}
a:hover{
	color:#e79e06;
	}
	
#wrap{
	background-color: #FFFFFF;
	width:780px;
	margin:auto;
	}
	
#container{
	background-color: #ECE6D5;  /*FFFFFF; white */
	width:760px;
	margin:auto;
	}
	
#header{
	background-image:url(../imgsvino/header-home.jpg);background-repeat:no-repeat;
	height:86px;
	background-color:#2E2623;
	text-align: right;
	}
	
	#headerprima{
	background-image:url(../imgsvino/header-home3.png);background-repeat:no-repeat;
	height:86px;
	background-color:#2E2623;
	text-align: right;
	}
	
#header img{
	border:0;
 	
	}
	
	
  h1{
	font-size:18px;
	color:#3B3935;
	/*margin: 0 0 10px 0;
	margin:5px 10px 12px 20px; */
	 margin: 10px 20px 10px 10px;
	 font-weight: bold;

letter-spacing: 3px;
	}  
	
	 h2{
	font-size:12px;
	color:#292929;
	/* margin: 0 0 10px 0;
	margin:5px 10px 12px 20px; */
	 margin: 10px 20px 10px 10px;
	}  

	
	/*
	
	 h1 { font-size:36px; font-family: fertigo, Arial, sans-serif; }  
h2 { font-size:18px; font-family: bentham, Arial, sans-serif; margin: 10px 20px 10px 10px; }  
h3.alert { font-family: geo, Arial, sans-serif; }  */


form{
	padding:0;
	margin:0;
	}
	
#vertStripes{
		position:absolute;
	top:0;left:780;
	width:15;
	height:434;
	z-index:1;
	}
	
/* ---- main menu ---------- */

#menu{
	background-color:#885448; 885448; /* AC5251 45484D;*/
	color:#FFFFFF;
	height:26px;
}
#menu a:link, #menu a:active, #menu a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#menu a:hover{
	color:#FECA02;
	text-decoration:none;
}
#menu ul{
	padding:0;
	margin:0;
	list-style:none;
}
#menu li{
	float:left;
	padding:5px 9px;
	margin:1px 12px;
	height:14px;
	position: relative;
}
#menu li:hover, #menu li.sfhover{
	background-color:#5E4848; 
}
#menu li ul {
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	padding-top:3px;
	width:150px;
	}
#menu li li{
	background-color:#885448;
	border-bottom:3px solid #3C3230;  
	width:150px;
	margin:0;
	}

/* My Comment for horizointal */
#menu li:hover ul, #menu li.sfhover ul{
	display:block;
	}
	
/* ------ second drop down menu --------- */
/*-- 
#menu li ul ul{
	margin-left:168px;
	padding-left:1px;
	padding-top:0;
	top:0;
	}
#menu li:hover ul ul, #menu li.sfhover ul ul{
	display:none;
	}
#menu li li:hover ul, #menu li li.sfhover ul{
	display:block;    
	} --*/

/* ------- sub menu -------- */
.sub-menu{
	color:#b5bf69;
	margin-bottom:20px;
	margin-left:12px;
	}
.sub-menu span {
	padding: 0 12px;
}
.sub-menu a:link, .sub-menu a:active, .sub-menu a:visited{
	color:#717171;
	text-decoration:none;
	}
.sub-menu a:hover{
	color:#ffac01;
	}
	
.sub-menu a:link.active-link, .sub-menu a:active.active-link, .sub-menu a:visited.active-link {
	color:#ffae00;
	text-decoration:none;	
}
.sub-menu a:hover.active-link {
	color:#ffae00;
}

 div#navbar2 {
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #336699;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}
div#navbar2 li a:link {
    color: #FFF:
}
div#navbar2 li a:visited {
    color: #CCC;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color: #FFF;
    background-color: #3366FF;
}


/*  pane pane  */
#pane {
	height:18px;
	background-color:#3C3230; 
	clear:left;
	padding:0 17px;
	font-size:10px;
	color:#7a7a7a;
	line-height:18px;
}
#pane a:link, #pane a:active, #pane a:visited {
	color:#FFFFFF;
	text-decoration:none;
	padding:0 1px;
}
#pane a:hover {
	color:#FECA02;
	text-decoration:none;
}
#pane a:link.active-link, #pane a:active.active-link, #pane a:visited.active-link {
	color:#ffae00;
	text-decoration:none;
	padding:0 1px;
}
#pane a:hover.active-link {
	color:#ffae00;
	text-decoration:none;
}

/*  KUDOS  */
#kudos{
	height:24px;
	background-color:#f1e9ea; 
	clear:left;
	padding:10px 24px;
	font-size:14px;
	color:#333030;
	line-height:18px;
	float: right;
}
#kudos a:link, #kudos a:active, #kudos a:visited {
	color:#FFFFFF;
	text-decoration:none;
	padding:0 1px;
}
#kudos a:hover {
	color:#FECA02;
	text-decoration:none;
}
#kudos a:link.active-link, #kudos a:active.active-link, #kudos a:visited.active-link {
	color:#ffae00;
	text-decoration:none;
	padding:0 1px;
}
#kudos a:hover.active-link {
	color:#ffae00;
	text-decoration:none;
}

	
/** ------ promo content area  -------- **/
.tastings{                     /*  0               0 12px              564px   */
	margin: 350px 0 12px 0px;    /* down from TOP   RIGHT             / in from LEfT */
	width:300px;
}
.tastings img{
	border: none;
}

.tastings2{                     /*  0               0 12px              564px   */
	margin: 40px 0 12px 4px;    /* down from TOP   RIGHT             / in from LEfT */
	width:240px;
}
.tastings2 img{
	border: none;
}





#heading{
	padding:8px 0 0 296px;
	margin-bottom:42px;
	background-color:#ECE6D5; 
	}
	
 /*
#sub-content{
	color: #8c8c8c;
}

#sub-content img{
	float:left;
} */

/* .smallphoto {
   position:relative;	
	float:left;
	width: 6px;
	height: 80px;
	border: 1px solid #000000;
	
} */
/*
#photoLarge{top:17;left:0;width:206;height:185; }
#photoSmall{position:absolute;top:-11;right:350;width:56;height:37;z-index:13}

*/

/*---  archivist.incutio.com/viewlist/css-discuss/3393 ----- */ 
.overlap {
    position: relative;           /* establish new containing block */
    width: 200px; height: 80px;  /* must specify width/height to create a SPACE for the image*/
    border: 1px solid #000000;
  }
  .overlap .sm, .overlap .big { position: absolute; }
  .overlap .sm {  top: 0; right: 0; z-index: 1; }
  .overlap .big { bottom: 0;  left: 0; z-index: 2; }
  
/* make it right ---*/
#fotocontent{
	color: #8c8c8c;
}

#fotocontent img{
	float:left;
}
	
.menulists{
	width: 470px;
	margin-top: 3px;
	margin-bottom:3px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 440px;
	padding-right: 25px;
}

table.menulist{
	width: 100%;
}

table.menulist td{
	font-style:italic;
	padding-bottom:5px;
	}
	
table.form{
	width:450px;
}
table.form td{
	padding: 3px 9px 3px 0;
}
table.form th{
	text-align:left;
	vertical-align: middle;
	}
table.form input{
	color:#8c8c8c;
	font-size:11px;
	padding:2px;
	}	
table.form textarea{
	color:#8c8c8c;
	font-size:11px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	}
 
.smalltext{
	clear: both;
	font-size:10px;
	color:#8c8c8c;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
}

.textmenu{
	padding:00;
	margin:23px 0 0 0;
	list-style:none;
	}
.textmenu li{
	padding:4px 0;
	padding-left:15px;}
	
	
/** ------- Piedi area ---------- **/
#piedi{
	height:20px;
	padding-top: 10px;
	background-color:#3C3230; /* 332a1f */
	clear:both;
	text-align:left;
	color:#7a7a7a;
	padding-left: 12px;
		}
	
#piedi a:link, #piedi a:active, #piedi a:visited{
	color:#7a7a7a;
	padding:0 3px 0 15px;
	text-decoration:none;
	}
#piedi a:hover{
	text-decoration: underline;
	}

.scroll-pane-list {
    width: 495px;  
	text-align: justify;	
	border-top:1px solid #b5bf69;
	border-bottom:1px solid #b5bf69;
	float: left;
}

.scroll-pane {
    width: 470px;
    overflow-y: scroll;
	overflow-x: hidden;
	height: 290px;
    text-align: justify;
	padding-right: 25px;
	float: left;
}


/* ==========   main content area replaces scrollpane =====*/
.textcontentlist {
    width: 495px;  
	text-align: justify;	
	border-top:1px solid #b5bf69;
	border-bottom:1px solid #b5bf69;
	float: left;
}
                        /* down from TOP   RIGHT    BOTTOM        / in from LEfT */
.textcontent {
	font-size:12px;
    width: 450px;
    margin:5px 0px 60px 20px;
    text-align: justify;
	float: left;
}


.errors {
 color: #FF0000;	
}

.nolist {
	list-style: none;
	padding:0px;
}