/* CSS Document */

body{background-image: url(img/bg.gif); background-repeat:repeat-x; background-position: left bottom;
font:75%/1.4em  Arial, Verdana, Helvetica, sans-serif, "Trebuchet MS";
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal; }
.float_right {float:right;}
.float_left {float:left;}
.text_align_right {ext-align:right;}
.text_align_left {text-align:left;}
.text_align_center {text-align: center}
.border0{border:0;}
.border2 {border:2px solid #ADADAD;}
.padding_left5 {padding-left:5px}
.padding_left15 {padding-left:15px}
.margin_right {margin-right:10px}
.padding_top10 {padding-top:10px}
.border_bottom {padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #efefef;}
.bg_efefef {background-color:#efefef;}
.bg_orange {background-color:#dda855;}
.bg_000 {background-color:#000;}
.maiuscolo {text-transform:uppercase;}


html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* home
----------------------------------------------------------------------------------------------------*/

#menu_home
{width:100px; height:85px; border-left:1px solid #FFFFFF; float: right; margin-top:22px; margin-right:50px; padding-left:10px; padding-top:6px}
#menu_home h3{ font-familiy:Arial, Verdana, Helvetica, sans-serif, "Trebuchet MS";font-size:.9em; text-transform:uppercase;line-height:1.8em;}

/* top e down
----------------------------------------------------------------------------------------------------*/
#bg_up { 

	margin-top:0;
	height:119px;
	width:auto;	
	background-image: url(img/page_bg.gif);
	background-repeat: repeat-x;
	}
	
#bg_up_logo { 
	margin-top:0;
	height:87px;
	width: auto;}
	
#bg_up_menu_dwn { margin-top:0;
    line-height:11px;
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    height:30px;
    padding:0;
    text-align:center; }
		
 
/* ----------------------------------------------------------------------------------------------------	
                `menu navigazione
----------------------------------------------------------------------------------------------------*/

 
#navbar{
	display: inline;
	width: auto;
	color:#FFFFFF;
	text-transform:uppercase;	
}
#navbar ul{ text-align: center;
}
#navbar ul li { 
	display: inline; line-height:30px;
}
#navbar ul li a{
	padding:6px 9px 9px 9px;
	text-decoration: none;
	color: #fff;
}
#navbar ul li a:hover{
	color: #fff; 
	line-height:30px;
	background-color: #666666;
	padding:6px 9px 9px 9px;
}
	
	

/* ----------------------------------------------------------------------------------------------------	
             Content
----------------------------------------------------------------------------------------------------*/

#content_white { 
	width: 800px; height:auto;
	margin-left: auto;
	margin-right: auto;
	padding-top:5px;
	margin-bottom:300px;

	}

	
/* ----------------------------------------------------------------------------------------------------	
             Content search
----------------------------------------------------------------------------------------------------*/

.content_green, .content_orange, .content_pink{ width: 780px}

.content_green, .content_orange, .content_pink { padding-left:10px;padding-right:5px; font:1.1em   Arial, Verdana,Helvetica, sans-serif; color:#333 ;}
.content_green { background-color:#d0ce8b; border:1px solid #CACACA;}
.content_orange {background-color:#dda855;border:1px solid #eeb55b;}
.content_pink { background-color:#Efefef; border:1px solid #ccc;}
.content_green h3{color:#616033 }
.content_orange h3{color:#895d19}
.content_pink h3{color:#616033; font-weight:bold; border-bottom:1px solid #fff; }


.content_green h3, .content_orange h3, .content_pink h3{padding:10px 0 5px 0; text-transform: uppercase;}
.content_green h3{color:#616033 }
.content_orange h3, .content_orange h4{color:#895d19}
.content_green fieldset,  .content_orange fieldset{width:200px; margin-bottom:10px; height:17px;}
.br {display:none;}  
  
.content_green .textfield, .content_orange .textfield{

margin:3px;
height:17px;
border:1px solid #ADADAD;
padding: 3px;
}
.content_green .submit_button, .content_orange .submit_button {
padding:3px;
margin:10px 3px 3px 3px;
border:1px solid #fff;
background-color:#999;
width:80px;
font:.9em  Arial, Verdana,Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;} 

.content_orange h4{padding:5px 0 6px 0; text-transform: uppercase; font:.9em   Arial, Verdana,Helvetica, sans-serif;}
.options {border-top:1px solid #F8BD5F; border-bottom:1px solid #F8BD5F;  margin:10px 0 5px 0; padding-bottom: 12px}
.label   {font-size:.9em ;line-height:26px;height:50px;color:#333 ;font-weight:bold}

#form_SEARCH{margin-bottom:10px}

.form_input{border:1px solid #ADADAD;	padding:2px;
height:26px;
font:1.1em   Arial, Verdana,Helvetica, sans-serif ;
line-height:26px;
color:#333 ;
border:1px solid #ADADAD;
}


#form1_SEARCH .submit_button  {
	padding:2px;
	margin: 3px;
	border:1px solid #adadad;
	background-color:#efefef;
	width:55px;height:33px;
	font:.9em  Arial, Verdana,Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
}  

/*----------------------------------------------------------------------------------------------------	
           Table SEARCH results
----------------------------------------------------------------------------------------------------*/

#content_white table { border:1px solid #efefef; background-color:#FFFFFF;
	width:800px;
	margin-top:10px;	
}  
/*#content_white table img{
padding-left:2px;
float:left;
} */
#content_white table th {
background-color: #efefef;
border-right:1px dotted #fff;
vertical-align: middle;
height:33px;
} 
#content_white table td {
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
padding-top:8px;
/*height:30px:*/
} 


#content_white .td_name { 
width:15%;
padding-left:5px;
} 

#content_white .td_wine { 
width:30%;
padding-left:5px;
} 

#content_white .td_number {
width:8%; 
text-align:center;

} 

#content_white .td_euro {
width:8%;
text-align:right;
padding-right:2px;
} 


/* -------------- paginazione -----*/
.pages {wdth:80%; text-align:center; margin-top:10px;}
.pages span, .pages a{ padding:5px; text-decoration:none}
.pages a:hover{ padding:5px; text-decoration:none; background-color:#efefef;}


/*-- list proprietý---*/

dl.items{width:auto; padding:2px 0 2px 0;}
.items dt{
	color: #000;
	float:left;
	font-weight:bold;
	width: 130px;
	border-top:1px solid #fff;	
	line-height:22px;
	height:auto;
	
	}
.items dd{ 
	margin-left:130px;
	border-top:1px solid #fff;
	line-height:22px;
	height:auto;
		}
		
		
dl.items_border0{width:auto; padding:2px 0 2px 0;}
.items_border0 dt{
	color: #000;
	float:left;
	font-weight:bold;
	width: 130px;

	line-height:22px;
	height:auto;
	
	}
.items_border0 dd{ 
	margin-left:130px;

	line-height:22px;
	height:auto;
		}
























/* ----------------------------------------------------------------------------------------------------	
             list: Wine
----------------------------------------------------------------------------------------------------*/
dl.winelist_6grids {width: 443px;
 margin-bottom:5px;
 padding-bottom:5px;
 border-bottom:1px dotted #fff;
 float:left;
}
.winelist_6grids dt{ 
	float:left;	
	line-height:15px;
	padding: 3px 10px 3px 0;
	width: 270px;
	}
.winelist_6grids dd{ 
	width: auto;
	margin-left:280px
	}
.winelist_6grids img{padding:2px 0 0 0;}
.winelist_6grids a{font-weight:bold;}
.winelist_vote{
	width:25px;
	line-height:20px; 
	background-color: #adadad;
	border:1px solid #999;
	text-align:center;
	color:#FFF; font-size:1em; 
	float:right; 
	margin-right:2px;
	margin-top:7px;
	font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------	
             list: Events
----------------------------------------------------------------------------------------------------*/

dl.events {width: 443px; margin-top:10px;float:left;}
.events dt{ float:left;width: 180px;border-top:1px dotted #adadad; padding-top:5px;}
.events dd{
	border-top:1px dotted #adadad;
	width: auto;
	margin-left:180px;
	margin-bottom:10px;
	padding-top:5px;
	}
.data { color:#666;}

/* ----------------------------------------------------------------------------------------------------	
             list: BLOG
----------------------------------------------------------------------------------------------------*/
dl.blog {
	width: 100%; 
	}
.blog dt {
	float: left;
	width: 115px;
	color:#666;
	padding-top:5px;
	
	}
.blog dd {padding-top:5px;
	margin-left:118px;	
	width: auto;
	padding:5px 0 5px 0;
	border-bottom:1px dotted #adadad;
	
	}
.blog img {float:left;
	border:2px solid #adadad;
	margin-bottom:4px;
	margin-right:5px;
	}	

/* ----------------------------------------------------------------------------------------------------	
             list: FEED
----------------------------------------------------------------------------------------------------*/
.feed  p{
	padding-bottom:5px; 
	font-size:.9em;
	line-height:1.3em;}
.feed  h6{padding-top:4px;}




/* -----------------------------------------------------------------------------------------
           Singolo Item
---------------------------------------------------------------------------------------------*/

div.col_left { width:220px;height:260px; }
div.col_left img{  border:2px solid #ADADAD; margin-bottom:5px;}
div.col_right { width: 210px;float:right; height:260px;}

.map  {border-left:1px solid #adadad; border-right:1px solid #adadad; float:right; /*margin-right:110px; */background-color:#fff; padding:6px 5px 6px 5px;}



	
	

/*--------------- Risultati ricerca -------------*/

/*-- 2 colonne---*/
dl.result,  {width:auto; padding:5px 0 5px 0}
.result dt{
	color: #000;
	float:left;
	font-weight:bold;
	width: 500px;
	border-bottom:1px dotted #dadada;	
	line-height:26px;
	}
.result dd{

	margin-left:auto;
	border-bottom:1px solid #dadada;
	line-height:26px;
	padding-right:10px;
	}
	

/*---- 3 colonne-----*/
ul.result3,ul.result3 li, ul.result3_bold li{margin:0;list-style:none; line-height:1.3em; }
ul.result3{width: 100%;overflow: hidden; /* simple clearing of floats */
   }

ul.result3 li{
	float:left;width:32%;
	display: inline;
    border-top:1px solid #dadada;
	padding:3px 3px 5px 0;
	margin-bottom:5px;
  }
ul.result3_bold li{
	float:left;
	width:24%;
	display:inline;
	padding:3px 3px 5px 0;
	margin-top:10px;
	font-weight:bold;}

/*---- 4 colonne-----*/
ul.result4, ul.result4 li,  ul.result4_bold li{margin:0;list-style:none; line-height:1.3em; }
ul.result4, ul.result4_bold {width: 100%;overflow: hidden;}

ul.result4 li{
	float:left;width:24%;
	display:inline;
    border-top:1px solid #dadada;
	padding:3px 3px 5px 0;
	margin-top:10px;
	height:auto;}
	
 ul.result4_bold li{
	float:left;
	width:24%;
	display:inline;
	padding:3px 3px 5px 0;
	margin-top:10px;
	font-weight:bold;}

/*--- box con i voti ----*/
div.vote_box{
	padding:3px 3px 3px 6px;
	width: 201px;
	height: 194px;
	line-height:20px;
	background-image:url(img/bg_utility.gif);
	background-repeat:no-repeat;
	}
div.vote_box h6{
	margin-top:11px;}
	
.vote{
	width:25px;
	line-height:20px; 
	background-color:#adadad;
	text-align:center;
	color:#FFF; font-size:1.2em; 
	float:right; 
	margin-right:5px;
	padding:1px 5px 1px 5px;
	font-weight:bold;}



/*---  utility  ----*/

div.utility { height:25px;
	width:200px;
	padding:3px;
	margin-bottom:10px;
	margin-top:5px;
	}
ul.utility {
	width:auto;
	font-size:.8em;
	}
ul.utility li{
	display:inline;
	background-image:url(img/arrow_list.gif);
	background-repeat:no-repeat;
	background-position: 2px 4px;
	padding:2px 0 2px 16px;
	}
	
	
/*-- list review --*/	

dl.review {width:auto; margin-top:10px;}

.review dt{
	border-top:1px solid #ADADAD;
	height:35px;
	line-height:15px;
	width: auto;
	padding-top:5px;
	}
.review dd{
	height:auto;
	width: auto;
	font-style:italic;
	padding-bottom:5px;
	}
.review img {float:left;
	margin-bottom:4px;
	margin-right:5px;
	}
.review_vote{
	float:right;
	width: 170px;
	}
	
/*-- list save from --*/

.list_savefrom {
	line-height:15px;
	width: auto;
	padding-bottom:3px;
	}
.list_savefrom p{
	border-bottom:1px solid #ADADAD;
	padding-top:5px;
	padding-bottom:5px;
	}
.list_savefrom img{
	border:2px solid #ADADAD;
	float:left;
	margin-right:5px;
	}

/* ----------------------------------------------------------------------------------------------------	
           SCHEDA UTENTE 
----------------------------------------------------------------------------------------------------*/
div.col_left_name { width:160px; height:220px;}
div.col_left_name img{  border:2px solid #ADADAD; margin-bottom:5px;}
div.col_right_name { width: 280px; float:right;height:220px; }



/*-- list name ---*/

dl.name {width:auto; padding:5px 0 5px 0}
.name dt{
	color: #666;
	float:left;
	width: 80px;
	border-bottom:1px solid #fff;	
	line-height:26px;
	}
.name dd{
	margin-left:auto;
	border-bottom:1px solid #fff;
	line-height:26px;
	}
div.utility_name { 
margin-top:5px;
	width:auto;
	padding:3px;
	background-color:#E3F8CD;
	}
ul.utility_name {
	width:auto;
	font-size:.8em;
	}
ul.utility_name li{
	display:inline;
	line-height:25px;
	background-image:url(img/arrow_list.gif);
	background-repeat:no-repeat;
	background-position: 2px 4px;
	padding:2px 0 2px 16px;
	}


/*-- list  Friends Following Followers  --*/

.list_fff p{
line-height:10px;
	}
.list_fff img{
	border:2px solid #ADADAD;
	float:left;
	margin:2px 5px 2px 0;
	}

/*-- list votati --*/

.list_votati {
	line-height:15px;
	width: auto;
	padding-bottom:3px;
	}
.list_votati p{
	border-bottom:1px solid #ADADAD;
	padding-top:5px;
	padding-bottom:5px;
	}
	
/*-- list  Favourites  --*/	
.favourites_items { padding-bottom:10px}
ul.favourites_items li{border-bottom:1px solid #ebebeb;}
	

 
/* -- Table SEARCH narrow --*/	
          
#content_white .narrowsearch {
text-align: left;
background-color: #EFF1ED;
width:120px;
float:right;
margin-top:10px;

} 
.narrowsearch h5{
color:#fff;
background-color: #4A8A5A;
border-bottom:1px solid #D7E1D8;
text-align:center;
font-weight:bold;
line-height:33px;

} 
.narrowsearch h6{
margin-top:10px;
padding-left:4px;
padding-right:4px;}

.narrowsearch p{
padding-left:5px;}


/* -------------- lista multipla -----*/
ul.multi,ul.multi li{margin:0;list-style:none; line-height:1.3em; font-size:.95em;}
ul.multi img{ float:left; border:2px solid #adadad;
margin:0 10px 10px 0;}

ul.multi{width: 100%;overflow: hidden; /* simple clearing of floats */
   }

ul.multi li{float:left;width:24%;
   /* margin-left: 1%;*/display: inline; /* per evitare il float double margin bug di IE*/
    border-bottom:1px dotted #adadad;
	padding:3px 3px 3px 0;
	margin-bottom:10px;
	height:75px}
	
.multi p{
	background-image:url(img/arrow_list.gif);
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:15px;
	}

.multi h5{ font-weight:bold;
    margin-bottom:5px;} 

/* ----------------------------------------------------------------------------------------------------	
           Forms vari
----------------------------------------------------------------------------------------------------*/
.form {width: 440px; 
	font:1em Arial,Verdana,  Helvetica, sans-serif;
	color:#333 ;
	padding-top:5px;}
div.row {clear: both; width: 440px;
}
.form_col1 {
	color:#000 ;
	text-align: right;
	font-weight:bold;
	width: 100px;
	height: auto/*38px*/;
	line-height:30px;
	padding-right:5px;
	float: left;
	margin-right: 2px;
	border-top:1px dotted #fff;
}
.form_col2 {
	width: 300px;
	height:auto /*35px*/;
	display: block;
	float: left;
	margin: 0;
	padding-top:3px;
	font-size:.9em;
	border-top:1px dotted #fff;
	}
	
.form_col2 ul li {
display:inline;
	}
.form_col1comment {

	text-align: right;
	font-weight:bold;
		line-height:30px;
	color:#000 ;
	width: 100px;
	height: 90px;
	float: left;
	padding-right:5px;
	display: block;
	margin-right: 2px;
	border-top:1px dotted #fff;
}
.form_col2comment {
	width: 300px;
	height: 87px;
	margin: 0;
	display: block;
	float: left;
	padding-top:3px;
	border-top:1px dotted #fff;
}
.form_input {
	font:.9em Arial,Verdana,  Helvetica, sans-serif;
	color:#333 ;
	margin:3px;
	padding: 2px;
	border:1px solid #ADADAD;
	padding: 3px;
}
.form_textfield {
	margin:3px;
	border:1px solid #ADADAD;
	padding: 2px;
	font:.9em Arial,Verdana,  Helvetica, sans-serif;
	color:#333 ;
}

textarea {
	border: 1px solid #ADADAD;
	height: 60px;
	background-color: #fff;
	margin: 4px 0 5px 8px;
}
.form_submit {
	height: 29px;
	width: 400px;
	clear: both;
	margin-bottom:10px;
} 
.form_submit_button {
	padding:3px;
	margin:10px 3px 3px 3px;
	border:1px solid #fff;
	background-color: #669966;
	width:80px;
	font:.9em Arial,Verdana,  Helvetica, sans-serif;
	color:#fff ;
	text-transform:uppercase;}
