/* CSS Document */
html,body {  padding:0; margin:0; }
body { font:70% Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, sans-serif; background-image:url(../img/linea5.gif);   }

a { color:#f8a0be; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
p {margin:0 10px; }
div#header { background: #000 url(../img/imgheader03.jpg) top left no-repeat; width:100%; height:120px; }

/* Menu */
    #tabs { float: left; width: 100%; font-size: 93%; line-height: normal; margin-top: 88px; margin-left: 0; }
    #tabs ul { margin: 0; padding: 10px 10px 0 0px; list-style: none; }
    #tabs li { display: inline; margin: 0; padding:0; }
    #tabs a { float: left; background: url("../img/tableft4.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
    #tabs a span { float: left; display: block; background: url("../img/tabright4.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #ccc; }
    #tabs ul li span.active { color: #fff; }
	
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float: none;}
    /* End IE5-Mac hack */
    #tabs a:hover span { color: #fff; }
    #tabs a:hover { background-position: 0% -42px; }
    #tabs a:hover span { background-position: 100% -42px; }


div#container { background-color:#fff; width:790px; margin:0 auto; }
div#wrapper { width:100%; }
div#content { float:left; width:68%; }
div#content p { color:#555; line-height:20px; padding:10px; }
div#content ul { color:#555; }
div#content ul { list-style-type:none; font-size:95%; line-height:20px; }
div#content ul li ul { list-style-type:circle;}

div#content h1 { color:#444; font-size:165%; font-weight:400; margin:10px 10px; }
div#content h2 { color:#444; font-size:140%; font-weight:bold; line-height:10px; padding:0 10px; }
div#content h3 { color:#444; font-size:120%; font-weight:bold; line-height:10px; padding:0 10px; }
div#content a { text-decoration:underline; }

/* Menu right */
#menuright { float:right; width: 30%; padding:5px; }
#menuright h2.novita { margin:20px 0px; line-height:20px; color:#444; border-bottom: 2px solid #CC0E44; }
#menuright h2 { color:#fff; font-size:165%; font-weight:400; line-height:10px; padding:0 10px; }
#menuright p { background:#f1f1f1; color:#555; display:block; font-size:90%; line-height:20px; margin:10px 0; padding:10px; }
#menuright p a.dipiu { display:block; text-align: right; font-style:italic; }
#menuright ul { margin: 5px; }
#menuright ul li { list-style:none; line-height:20px; }
#menuright ul li a { color:#333; display:block; font-size:90%; text-decoration:none; }
#menuright ul li a:hover { color:#000; }
#menuright ul.approfondimenti { background-color:#DCDCDC; margin:0px; padding: 10px 0 0 10px;  }

.approfondimenti a:hover {  }
#menuright ul.approfondimenti a { color:#333; }

div#extra { background-color: #FF8539; color:#fff; }
div#extra { float: right; clear: right; width: 32.9%; }

div#footer { clear: both; width: 100%; }
div#footer p { border-top:2px solid #d5086e; color:#555; font-size:90%; line-height:20px; padding:10px; text-align:center; }
div#footer a { display: inline; padding: 0; color: #C6D5FD; }

.altro { background-color:#4F2222; border:1px dotted #8B0000; margin:10px 0; }
.evidenza { border:1px dotted #1C2834; background-color:#FAFAFA; font-size:90%; margin:10px; padding:20px; border-left:2px solid #f8a0be; font-style:italic; }
.evidenza a { color:#1C2834; font-style:oblique; font-weight:700; }
.imgleft { float:left; margin:0 20px 0 0; padding:0px; border:0; }
.imgright { float:right; margin: 0 20px; padding:0px; border:0; }

div.ricerca { padding:0px; padding-left: 20px;}
div.ricerca h3 { font-size: 100%; color:#663333; text-decoration:underline; }
div.ricerca table { border: 1px solid #ccc; width:50%; margin:5px 0 20px 5px; border-collapse:collapse; display: none; }
div.ricerca table td, table th { font-size:100%; border:1px dotted #bbb; }
div.ricerca table th { font-size:100%; padding:3px; border:1px solid #bbb; color:#777; }
div.ricerca table caption { font-size:110%; font-weight:bold; color:#666; }
div.ricerca table td { background-color:#fafafa; text-align:left; white-space:nowrap; }
div.ricerca table td.foto { width:1%; }
div.ricerca table td img { border:0; margin:4px; }


/*form*/
form { padding: 0; margin: 0; }
div.form { font-size:90%; }
div.form input, select { margin: 2px; color:#993300; border:1px solid #6f5b5a; }
input#nomevino { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 2px 2px 2px 4px; }
input { font-size: 11px; text-align: center; }
select { font-size:90%; color: #1d545f; border:1px solid #ccc; /*background-color:#83b5bf;*/ width:125px; }
input.checkbox { width: 20px; padding:0; margin:0; }

form fieldset { border:1px solid #6f5b5a; padding:5px 5px 5px 10px; margin:4px; line-height:8px; }
form legend { font-weight:bold; margin-bottom:15px; padding:6px; background:none; color:#6f5b5a; }
* html form legend { padding:0 0 15px 0; margin:5px 0 0 0; border:none;}

form label {clear:left; float:left; width:60px; text-align:left; padding-right:15px; color:#6f5b5a; padding-bottom:5px; }
form input {border:1px solid #414d59; background:#bfb4b3;}
form input:hover { background:#6f5b5a; border:1px solid #fff; color:#fff;}
form input:focus {background:#eee; border:1px solid #b80b38; color:#b80b38;}

form #button { background-color:#6f5b5a; color:#ccc; border:1px solid #444; font-weight:bold; margin: 10px 5px; }
form #button:hover {color:#6f5b5a; background:#ccc; border:1px solid #003; }
form fieldset#esegui_ricerca { border:0; padding-top: 0px; padding-bottom:0px; }


	  div.autocomplete {
      position:absolute;
      width:250px;
      background-color:#fff;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #e0ecef;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
}
#content>p.nav { margin:5px; padding:0; }
#content>p.nav>a { color:#444; text-decoration:none; }
#content>p.nav>a:hover { text-decoration:none; }