body { 
    font:80% verdana,helvetica,sans-serif;
    margin:0;
    padding:0;
    background:#000 url(../CommonImages/bg_body.png) 0 0 repeat-x;
}
code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
hr { display:none }

/* centrare la pagina web a larghezza fissa */
body { text-align:center }  

a{
    text-decoration:none;
    color:#6C6;
    font-weight:bold


}
a:hover{
    color:#F66;
    ;
}
/* container */
#container{
    position:relative;
    width:960px;
    margin: 0 auto;


}
/* testa */
#testa { 
    height:163px;
    margin:0;
    text-align:left;
    position: relative;
    background:#333 url(../CommonImages/intestazione.jpg) 0 0 no-repeat;
}

/* corpo */
#corpo {
    background:#333;
    border:1px solid #333;
    margin:0;
    text-align:left;
}

#corpo-colonna1 { 
    /*position:absolute;
    top:0;
    left:0;*/
    float:left;
    width:160px;
    padding:1em 0;
    /*  border-right:1px solid #FC3;*/
}
#corpo-colonna2 { 
    /*margin:0 200px 0 160px;  */
    background:#fff;
    padding:0;
    /*width:598px;*/
    min-height:630px;
    height:auto !important;
    height:500px;
    float:left;
    width:598px;
}
#corpo-colonna2 h2{
    padding: 6px;
    font-size: 1.2em;
}

#corpo-colonna3 {  
    /*position:absolute; top:0; right:0;*/
    float:right;
    width:198px;
    padding:1em 0;
    margin: 0;
    padding: 0;
    /*	border-left:1px solid #FC3;*/
}

/*pie' di pagina */
#piedipagina { 
    color:#c0c0c0;
    font-size:0.9em;
    margin:0 auto;
    text-align:center;
    background:#333 url(../CommonImages/footer.png) repeat-x;
    padding:40px 0 0 0;
    height:100px;
}
span.abbr{
    cursor:help;
    border-bottom:1px dashed #c0c0c0;
}

div#logo{
    position:absolute;
    left:0px;
    top:0px;
}
img#logo{
    padding:2px;
}

img#ProdottiTipici{
    position:relative;
    margin-top: -35px;
    margin-left:550px;
    z-index:1000;
}

div#Varie{
    position:absolute;
    right:0px;
    top:0px;
    width:90%;
    margin:0px;
    padding:2px;
    height:120px;
    filter:alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
}

ul#UserArea2 {
    position: relative;
    /*   margin-top:-38px;
     margin-left:300px;*/
    float:right;
    border: 0 none;
    padding: 3px;
    list-style: none;
    font-size:0.7em;
}
ul#UserArea2 li{
    line-height:2.7em;
}
ul#UserArea2 img{
    padding:0 3px;
    margin:0 0 -3px 0;
}
ul#UserArea2 a{
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
}
ul#UserArea2 a:hover{
    color:#333;
}
div#menu{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height: 24px;
    background:url(../CommonImages/bg_menu.png) repeat-x;
    z-index:999;

}
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
    list-style: none;
    background: #e3b84e;
    margin:0 6%;
    z-index:1000;
}

ul#navmenu li {
    margin: 0 0 0 -1px;
    border: 0 none;
    padding: 0;
    float: left; /*For Gecko*/
    display: inline;
    list-style: none;
    position: relative;
    height: 24px;
}

ul#navmenu ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 160px;
    list-style: none;
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;
}

ul#navmenu ul li {
    width: 160px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
    /*  border: 1px solid #FFF;*/
    border-right:1px solid #c0c0c0;
    border-left:1px solid #c0c0c0;
    /*  border-bottom-color: #CCC;*/
    padding: 0 6px;
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    color: #FFF;
    font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height:24px;
    /*  height: auto !important;
      height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
    background: #CCC;
    color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
    float: none;
    background: #EEE;
    color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
    background: #CCC;
    color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
    background: #EEE;
    color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
    background: #CCC;
    color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
    background: #EEE;
    color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
    background: #CCC;
    color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
    display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
    display: block;
}

.Right{
    text-align:right;
}
.Left{
    text-align:left;
    padding:23px;
}
.Center{
    text-align:center;
}
.Centered{
    margin:0 auto;
}
form#Contatto{
    margin:0 auto;
}
fieldset{
    margin: 0 auto;
    width:93%;
    border: none;
}
legend{
    font-weight: bold;
    padding-left:.5em;
    padding-right:.5em;
    color: #ff6666;
}
label{
    font-size: 0.8em;
    font-style: italic;
}
.Input,textarea{
    margin:.25em;
    font-size:.9em;
    border:1px solid #791313;
    color:#791313;
    font-weight:bold;
    padding-left:.5em;
    padding-right:.5em;
}
textarea{
    font-family:Verdana,Arial,Tahoma,"Trebuchet MS","Lucida Grande",Helvetica,"Lucida Sans Unicode",Lucida,Geneva,sans-serif;
    padding-right:0;
}
select,optgroup,option{
    color:#000;
}
.Center input.Invia{
    padding:.1em 1em;
    text-align:center;
    border:1px solid #fff;
    background:#e3b84e;
    color:#fff;
    cursor:pointer;
    font-weight:bold;
}
.Center input.InviaOver{
    padding:.1em 1em;
    text-align:center;
    background:#e6cc99;
    color:#791313;
    border:1px solid #791313;
    cursor:pointer;
    font-weight:bold;
}
form#Login{
    margin:3px 0 0 2px;
    padding:9px 5px;
    font-size:.8em;
    color:#fff;
    float:right;
    background:url(../CommonImages/bg_login.png) 0 0 no-repeat;
    height:90px;
    width:160px;
}
form#Login span#title_login{
    color:#F03;
    font-weight:bold;
}
form#Login input{
    margin:0;
    padding:2;
    border: 1px solid #FB3;
    font-size:1.4em;
    color:#333;
    font-weight:bold;
}
form#Login input:focus{
    background-color:#FF9;
}
form#Login input#Entra{
    border: 1px solid #FFF;
    font-size:1em;
    color:#333;
    font-weight:normal;
    background-color:#FC3;
    cursor:pointer;
}
form#Login input#Entra:hover{
    background-color:#CCC;
}
form#Login fieldset{
    margin-left:0px;
    text-align:center;
    height:70px;
    padding-bottom:0;
    padding-top:0;
}
form#Login legend{
    color:#000;
}
form#Login label{
    color:#000;
}
input#Entra{
    font-size:1.1em;
    text-align:center;
    color:#000;
    border:1px solid #791313;
    font-weight:bold;
    vertical-align:top;
    padding:0px;
}
ul#UserArea{
    margin:3px 0 0 0;
    padding:0;
}
/*  \*/
* html ul#UserArea{
    margin-right:0;
}
/*  */
#UserArea li{
    list-style:none;
    margin:0 3px;
    padding:0;
    float:left;
    background:#e3b84e;
}
#UserArea li#Uno{
    width:10em;
}
#UserArea li#Due{
    width:10em;
}
#UserArea li#Tre{
    width:20em;
}
#UserArea a{
    color:#000;
    text-decoration:none;
    display: block;
    font-size:.86em;
    text-align:center;
}
#UserArea a:hover{
    color:#002a16;
    text-decoration:underline;
}

#content h2{
    font-size:1.1em;
    margin:20px 0 10px 10px;
    width:230px;
    text-align:center;
    float: left;
}
#content div.Bnr468{
    top:130px;
    right:4px;
    z-index:1;
}
#content h3{
    font-size:.9em;
    margin-bottom:.25em;
    margin-left:15px;
}
/*Version 1.0 PaNiko 21-05-2008*/
.navigation{
    display:block;
    text-align:center;
    color:#c0c0c0;
    width:166px;
    height:25px;
    text-decoration:none;
    border-bottom:solid 1px #333;
    font-size:10px;
    font-weight:normal;
    line-height:25px;
    padding:0px;
    margin:0;
    background:url(../CommonImages/bg_menu.png) repeat-x;
}
.navigation2{
    display:block;
    text-align:center;
    color:#000;
    width:157px;
    height:20px;
    text-decoration:none;
    border:solid 1px #FFF;
    font-size:0.9em;
    font-weight:normal;
    line-height:1.8em;
    padding:0px;
    margin:0 0 -1px 0;
    background-color:#c0c0c0;
}
.navigation:hover,.navigation2:hover,#ricetta a:hover{
    background-color:#e6cc99;
    color:#FFF;
}
#ricetta{
    width:99%;
    padding:0px;
    margin:0 auto;
    text-align:center;
}
#ricetta a{
    display:block;
    text-decoration:none;
    background-color:#9C6;
    color:#000;
    font-size:0.9em;
    border:solid 1px #FFF;
    height:100%;
    line-height:1.8em;
}
#ricetta img{
    padding:3px;
}
#banner{
    text-align:center;
    padding:14px 4px 4px 4px;
}

/* Scheda Prodotti */

#schedaProd th {
    background-color:#FC3;
    color:#FFF;
    font-weight:bold;
    padding:4px;
}

.tool-tip {
    color: #fff;
    width: 139px;
    z-index: 13000;
}

.tool-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    background: url(../CommonImages/bubble.png) top left;
}

.tool-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(../CommonImages/bubble.png) bottom right;
}

.custom-tip {
    color: #000;
    width: 130px;
    z-index: 13000;
}

.custom-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #3E4F14;
    padding: 8px 8px 4px;
    background: #C3DF7D;
    border-bottom: 1px solid #B5CF74;
}

.custom-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: #CFDFA7;
}
div#prodotto_vetrina{
    float: left;
    height: 145px;
    width: 149px;
    margin: 0;
    padding: 0;
}
div.pic{
    margin: 0;
    padding:0 0 12px 0;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height:77px;
}

div.thumb{
    /*background: url(../CommonImages/shadow.png) no-repeat bottom center;*/
    display:block;
    width:90px;
    height: 90px;
    margin:5px 24px;
    padding:0;
}

div.pic img{
    display: block;   
    padding: 5px;
    margin:3% auto;
}
#didascalia{
    font-weight: normal;
    font-size: 10px;
    color: #646464;
    /*float: left;*/
    text-align: center;
    display: block;
    width: 90px;
    margin: 0 22px;
    padding: 0;
}
#didascalia:hover{
    color: #FF6666;
}
table#Prod {
    margin:0 auto;
    width:600px;
}
table#Prod tr{
    vertical-align:top;
}

table#Prod td{
    text-align:center;
}

table#Prod a{
    text-decoration:none;
    color:#F90;
    font-size:0.9em;
    cursor:pointer;
}

.title_menzione{
    background-color:#36C;
    color:#FFFFFF;
    font-weight:bold;
    padding:4px;
}
.title_abbinamenti{
    background-color:#6C6;
    color:#FFFFFF;
    font-weight:bold;
    padding:4px;
}
.avviso{
    padding: 5px 40px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #ff6666;
}
.evidenzia{
    color: #ff6666;
}
#download{
    border-spacing: 1px 1px;
    border-collapse: separate;
    background-color: #cccccc;
    margin: 0 auto;
    width: 98%;
}
#download th{
    color: #333333;
    background-color: #cccccc;
}
#download img{
    border-style: none;
}
#download td{
    padding: 3px;
    background-color: white;
}



