@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: #F5F4F3;  /*  ECE6D5 pale gold 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;
	}
#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;
	}
	
 
/* ------- categories nava -------- */
.subnava{
	color:#b5bf69;
	margin-bottom:20px;
	margin-left:12px;
	}
.subnava span {
	padding: 0 12px;
}
.subnava a:link, .subnava a:active, .subnava a:visited{
	color:#717171;
	text-decoration:none;
	}
.subnava a:hover{
	color:#ffac01;
	}
	
.subnava a:link.active-link, .subnava a:active.active-link, .subnava a:visited.active-link {
	color:#ffae00;
	text-decoration:none;	
}
.subnava a:hover.active-link {
	color:#ffae00;
}

 
/*  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;
}
	
/** ------ promo content area  -------- **/
.tastings{                     /*  0               0 12px              564px   */
	margin:340px 0 12px 14px;    /* down from TOP   RIGHT             / in from LEfT */
	width:300px;
}
.tastings img{
	border: none;
}
#heading{
	padding:8px 0 0 96px;
	margin-bottom:42px;
	/*background-color:#ECE6D5; */
		}
	
 
/*---  archivist.incutio.com/viewlist/css-discuss/3393 ----- */ 
/* do one for each page OVERLAP overlap fotos */

/* this for about ---*/
.overlap {
    position: relative;           /* establish new containing block */
    width: 220px; height: 120px;  /* must specify width/height to create a SPACE for the image*/
    border: 0px solid #000000;   /* to "see" space add 1px border*/
  }
  
  
.overlap .sm, .overlap .big { position: absolute; }
.overlap .sm {  top: 0; right: 0; z-index: 1; }
.overlap .big { bottom: 0;  right: 0; z-index: 2; }

.overlap_kitchen {
    position: relative;           /* establish new containing block */
    width: 220px; height: 100px;  /* must specify width/height to create a SPACE for the image*/
    border: 0px solid #000000;   /* to "see" space add 1px border*/
  }
.overlap_kitchen .sm, .overlap_kitchen .big { position: absolute; }
.overlap_kitchen .sm {  top: 0; right: 0; z-index: 1; }
.overlap_kitchen .big { bottom: 0;  right: 0; z-index: 2; }

.overlap_flag {
    position: relative;           /* establish new containing block */
    width: 220px; height: 200px;  /* must specify width/height to create a SPACE for the image*/
    border: 0px solid #000000;   /* to "see" space add 1px border*/
  }
.overlap_flag .sm, .overlap_flag .big { position: absolute; }
.overlap_flag .sm {  top: 0; right: 0; z-index: 1; }
.overlap_flag .big { bottom: 0;  right: 0; z-index: 2; }



.overlap_bar {
    position: relative;           /* establish new containing block */
    width: 240px; height: 70px;  /* must specify width/height to create a SPACE for the image*/
    border: 0px solid #000000;   /* to "see" space add 1px border*/
  }
.overlap_bar .sm, .overlap_bar .big { position: absolute; }
.overlap_bar .sm {  top: 0; right: 0; z-index: 1; }
.overlap_bar .big { bottom: 0;  right: 0; z-index: 2; }

.overlap_contact {
    position: relative;           /* establish new containing block */
    width: 280px; height: 60px;  /* must specify width/height to create a SPACE for the image*/
    border: 0px solid #000000;   /* to "see" space add 1px border*/
  }
.overlap_contact .sm, .overlap_contact .big { position: absolute; }
.overlap_contact .sm {  top: 0; right: 0; z-index: 1; }
.overlap_contact .big { bottom: 0;  right: 0; z-index: 2; }



  
/* make it 4 baroloright ---*/
#fotocontent{
	color: #8c8c8c;
}

#fotocontent img{
	float:right;
}
	
.menulists{
	width: 440px;
	margin-top: 3px;
	margin-bottom:3px;
	/* overflow-y: scroll;
	overflow-x: hidden; */
	height: 240px;
	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: 450px;  
	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: 430px;
    margin:5px 20px 60px 20px;
    text-align: justify;
	float: left;
}
/* UTILITIES */

.clear {
	clear: both;
	height: 0;
	}

#fotocontent img.center {
	  loat: left;
	padding: 40px 130px 10px 20px;
	}


img.right {
	float: right;
	padding-left: 20px;
	padding: 0 0 20px 20px;
	}
img.left {
	float: left;
	padding: 0 10px 10px 0;
	}
.notopmargin {
	margin-top: 0;
	}
img {
	border: none;
	}

.errors {
 color: #FF0000;	
}

.nolist {
	list-style: none;
	padding:0px;
}
/* for images in content left area */
.small-image {
float: right; 
margin: 5px 0px 10px 10px;
padding: 3px;
border: 1px solid #e4e2e2; 
/*border:1px solid gold; */
}

.large-image {
margin-top: 10px;
margin-bottom: 15px;
border: 2px solid #ddd;
}