/* CSS Struttura */

html,body{margin: 0; padding:0; cursor: default; background:url(img/base.jpg); background-repeat:repeat-y; background-position: center; background-color:#eee; }

body{font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #333;}

div#container{width: 955px; min-height: 600px; height:auto; margin:0 auto; text-align: left; padding-top: 0px;
}

div#header{height: 130px;}


div#tit-territorio{height: 50px; background-color: #4f2a29;}
div#tit-prodotti{height: 50px; background-color: #56763a;}
div#tit-info{height: 50px; background-color: #16567e;}
div#tit-news{height: 50px; background-color: #91394e;}
div#tit-contatti{height: 50px; background-color: #959489;}


div#tit2{width: 915px; heigh: 50px; margin-top: 40px; margin-bottom: 10px;  margin-left: 20px; margin-right: 20px; font-size: 24px; padding-bottom:4px; padding-top:4px; border-bottom: 0px solid #666; border-top:4px solid #666;}

div#titSemplice{
	heigh: 30px;
	font-size: 14px;
	margin: 10px;
}

div#sep20{clear:both; border-top: 20px solid #eee;}
div#sep20w{clear:both; border-top: 20px solid #fff;}

div#sep1px{clear:both; height: 1px; border-top: 1px solid #666; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px;}

div#linea{border-top:1px solid #ddd; margin-top: 10px; margin-bottom: 10px;}

div#linea1{border-top:1px solid #ccc; margin-top: 10px; margin-bottom: 10px; margin-right: 10px}

div#sep4px{clear:both; height: 20px; border-top: 4px solid #666; margin-top: 20px; margin-bottom: 0px; margin-left: 20px; margin-right: 20px;}

div#body{height:auto; margin:20px;}
div#body-sx{float: left; width: 458px;}
div#body-dx{float: right; width: 437px; padding-left:0px;}

div#product{clear:both; heigh: auto;  width: 915px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; }
div#product-sx{float: left ; width: 457px; margin-bottom: 20px;}
div#product-dx{float: right; width: 438px; margin-left:20px; border-top: 2px solid #666; padding-top:10px;}
div#product-center{clear:both; heigh: auto; width: 915px; padding-top: 5px;  margin-top: 20px; margin-bottom: 20px; border-top: 4px solid #666; }
div#product-center2px{clear:both; heigh: auto; width: 915px; padding-top: 5px;  margin-top: 40px; margin-bottom: 20px; border-top: 2px solid #666; }


div#menu-prod{clear:both; height:auto; margin-top: 20px; }
div#menu-prod-sx1{width: 233px; float: left; padding-left:10px;}
div#menu-prod-dx1{width: 234px; float: right;}
div#menu-prod-sx2{width: 234px; float: left;}
div#menu-prod-dx2{width: 233px; float: right;padding-right:10px;}


div#ricette{width: 915px; padding-left:20px; padding-left:20px; margin-bottom:60px;}
div#ricette-sx{width: 205px; float: left; margin-bottom:60px;}
div#ricette-dx{width: 690px; float: right; margin-left:20px; border-top: 2px solid #666; margin-bottom:60px;}

div#storia{width: 915px; padding-left:20px; padding-left:20px; margin-bottom:20px;}
div#storia-sx{width: 205px; float: left; margin-bottom:20px;}
div#storia-dx{width: 690px; float: right; margin-left:20px; margin-bottom:20px;}
div#sep-storia{clear:both; padding-bottom:10px;}


div#footer{clear:both; height:auto; bottom:0px; font-size: 10px; color: #555;  margin-top: 10px; margin-bottom: 10px;  padding-left: 20px; padding-right: 20px; padding-top:10px; width: 915px; text-align:left; border-top:1px solid #ddd;}
div#footer a{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#555;}
div#footer a:hover{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#900;}

table.tabella-body {table-layout : fixed; width : 915px; border-collapse : separate; border-spacing : 0px;  padding: 0px; vertical-align: text-top;}
table.tabella-body td {border: 0px;}
table.tabella-prod{table-layout : fixed; width : 438px; height:140; border-collapse : separate; border-spacing : 0px;  padding: 4px; vertical-align: text-top; font-size:12px; font-style:italic; background-color:#EBF4F6; border-top: 2px solid #666; border-bottom: 1px solid #666;}

#mainmenu a{color: #333; text-decoration: none}
#mainmenu a:hover{color: #C00; text-decoration: none}
#mainmenu a#activelink{color: #C00;text-decoration: none}

ul{margin: 0; padding: 0; list-style-type: none}
li{margin: 0;padding: 0}
a{color: #C00; text-decoration: underline}
a:hover {cursor: default; color:#C00; text-decoration: underline}
a#activelink{cursor: default; color: #C00; text-decoration: none}

.padding-top5{ padding-top:5px;}

.text-brown {color: #4f2a29;}
.text-green {color: #56763a;}
.text-blue {color: #16567e;}
.text-red {color: #91394e;}
.text-grey {color: #959489;}

.tit4{font-size:14px; font-weight: bold;}

.tit3{ font-size:12px; font-weight: bold;}

.tit3-linea{border-top: 1px solid #666;}




/* CSS menu */

div#fascia-gialla{height:40px; background-color: #fc6;}

div#menucolor{clear:both; height:auto;}
div#menusx{float: left; width: 477px;}
div#menudx{float: right; width: 478px;}


div#menu1{width: 223px; float: left; padding-left:20px; line-height: 20px; background-color:#4f2a29; color: #bda2a2; }
div#menu2{width: 224px; float: right; padding-left:10px;  line-height: 20px; background-color: #56763a; color: #b3ca9f;}
div#menu3{width: 224px; float: left; padding-left:10px;  line-height: 20px; background-color: #16567e; color: #b1c6d3;}
div#menu4{width: 112px; float: left; padding-left:10px; line-height: 20px;  background-color: #91394e; color: #ddccc7;}
div#menu5{width: 112px; float: right; padding-left:10px; line-height: 20px; background-color: #959489; color: #ceccbd;}

div#spazio-menu1{width: 223px; float: left; padding-left:20px;}
div#foto-menu1{width: 223px; float: left; padding-left:0px;}
div#foto-menu2{width: 224px; float: right; padding-left:10px;}
div#foto-menu3{width: 224px; float: left; padding-left:10px;}
div#foto-menu4{width: 112px; float: left; padding-left:10px;}
div#foto-menu5{width: 112px; float: right; padding-left:10px;}


#menu1 a{color: #bda2a2; text-decoration: none; background-color:#4f2a29;}
#menu1 a:hover{color: #e4cfcf;}


#menu2 a{color: #b3ca9f; text-decoration: none; background-color: #56763a;}
#menu2 a:hover{color: #d7e8c8;}

#menu3 a{color: #b1c6d3; text-decoration: none; background-color: #16567e;}
#menu3 a:hover{color: #dce9f1;}

#menu4 a{color: #ddccc7; text-decoration: none; background-color: #91394e;}
#menu4 a:hover{color: #f1e5e1;}

#menu5 a{color: #ceccbd; text-decoration: none; background-color: #959489;}
#menu5 a:hover{color: #e6e4d8;}

#space-submenu{padding-top:20px; padding-bottom:40px;}
#space10px{clear:both; padding-top:10px;}


div#mainmenu{height: 16px; padding-left:20px; padding-top:4px; test-align:left; vertical-align: center; background-color: #fc6;}


div#menu-territorio{height: 16px; padding-left:20px;  padding-top:4px; background-color: #bda2a2; color: #4f2a29;}
#menu-territorio a{color: #4f2a29; text-decoration: none}
#menu-territorio a:hover{color: #e4cfcf;}

div#menu-prodotti{height: 16px; padding-left:20px; padding-top:4px; background-color: #b3ca9f; color: #56763a;}
#menu-prodotti a{color: #56763a; text-decoration: none}
#menu-prodotti a:hover{color: #d7e8c8;}
#menu-prodotti a#activelink{color: #d7e8c8;}

div#menu-info{height: 16px; padding-left:20px; padding-top:4px; background-color: #b1c6d3;color: #16567e;}
#menu-info a{color: #16567e; text-decoration: none}
#menu-info a:hover{color: #dce9f1;}
#menu-info a#activelink{color: #dce9f1;}

div#menu-news{height: 16px; padding-left:20px; padding-top:4px; background-color: #ddccc7; color: #91394e;}
#menu-news a{color: #91394e; text-decoration: none}
#menu-news a:hover{color: #f1e5e1;}
#menu-news a#activelink{color: #f1e5e1;}


div#menu-contatti{height: 16px; padding-left:20px; padding-top:4px; background-color: #ceccbd; color: #959489;}
#menu-contatti a{color: #959489; text-decoration: none}
#menu-contatti a:hover{color: #e6e4d8;}
#menu-contatti a#activelink{color: #e6e4d8;}



/* CSS temporanei */

div#menu-prod-sx-temp{width: 308px; float: left; padding-left:10px;}
div#menu-prod-center-temp{width: 318px; float: left;}
div#menu-prod-dx-temp{width: 309px; float: right; padding-right:10px;}

div#space-submenu{}
div#space-submenu ul{list-style-type: none; margin: 0; padding: 0; list-style-image: url(img/arrow.gif);
}
div#space-submenu li{padding:0}
div#space-submenu a{width: 120px; line-height: 15px;text-decoration: none; color: #333;}
div#space-submenu a:hover{color: #CC0000}
div#space-submenu li#activelink a,div#navigation li#activelink a:hover{color: #fff}

.attenzione{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; border: 4px solid #f00; background-color: #f00;}