/*CSS per il sito dei Meloni Nadal ini*/

/*I box principali*/
body{margin: 0; padding: 0; background: #007300; font: normal 12px arial, helvetica, sans-serif;}
#container{width: 768px; margin: 0 auto; padding: 0;}
/**Il box dell'header e i suoi componenti**/
#header {width: 768px; height: 158px;}
#logo {width: 210px; height: 158px; float: left; background: url(img/logo_Nadalini.gif) no-repeat; cursor: pointer; text-decoration: none;}
#foto{width: 558px; height: 158px;float: left;}
#header h1, #header h2 {display: none; margin:0;}
h1{font: bold 14px arial, helvetica, sans-serif; margin: 6px 0px; padding: 0;}
h2{font: bold 14px arial, helvetica, sans-serif; margin: 6px 0px; padding: 0;}
h3{font: bold 14px arial, helvetica, sans-serif; margin: 6px 0px; padding: 0; color: #d30;}
h4{font: bold 12px arial, helvetica, sans-serif; margin: 6px 0px; padding: 0;}
li h3{font: bold 14px arial, helvetica, sans-serif; margin: 6px 0px; padding: 0; color: #000;}


/**I box centrali con menù, sezioni e testo**/
#corpo{width: 768px; float: left; clear: none;background: url(img/sfondo.jpg) repeat-y #fff; margin: 0; padding: 0;}
.menu{float: left; clear: none; width: 107px; height: 44px; padding: 3px 0 0 0; text-align: center; font: bold 13px "Georgia", times new roman, serif; color: #d30; letter-spacing: -1px; background-color: #f90; border-top: solid 2px #fc0; border-left: solid 1px #fc0; border-right: solid 1px #fc0; border-bottom: solid 2px #fc0;}
.sx{border-left: none; margin-left: 2px;}
.dx{border-right: none;}
.qui{background-color: #cf0; border-top: solid 2px #fc0; border-bottom: solid 2px #cf0; font: bold 13px "Georgia", times new roman, serif; }
.sezione{float: left; clear: none; width: 238px; text-align: center; font: bold 13px "Georgia", times new roman, serif; padding: 5px 8px; background-color: #cf0;}
.sezione2{float: left; clear: none; width: 174px; text-align: center; font: bold 13px "Georgia", times new roman, serif; padding: 5px 8px; background-color: #cf0;}
.sezione3{float: left; clear: none; width: 137px; text-align: center; font: bold 13px "Georgia", times new roman, serif; padding: 5px 8px; background-color: #cf0;}
.sezione4{float: left; clear: none; width: 137px; height: 36px; text-align: center; font: bold 13px "Georgia", times new roman, serif; padding: 5px 8px; background-color: #cf0;}
span{font-size: 12px; font-weight: bold; text-decoration: none; color: #d30;}
.testo{float: left; clear: none; width: 480px; color:#000; margin: 15px 15px 15px 20px; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 13px; text-align: justify;}
.contatti{width: 400px;}
.immagine{float: left; clear: right; width: 150px; margin: 35px 0 25px 10px; text-align: center;}
#sotto{float: left;width: 768px;height: 28px; padding-bottom: 8px; background: url(img/footer.jpg) no-repeat;text-align: center;}

.box{float: left; width: 748px; margin: 10px auto; background-color: #fc0;  border: 2px dotted #f00; padding: 10px 5px 10px 5px; font-size:12px;}
.box .img{float: left; clear: none; width: 120px;}
.box .column {float: left; clear: none; width: 290px; margin-left: 10px;}
.clear{clear: both; text-align: center; font-size: 14px; font-weight: bold; color: #007300;}
#footer {float: left; clear: none;width: 40%;}
div.ricette{width: 100%;padding: 10px;border-top: 2px dotted #f90; margin-top: 6px;}
.info{float: left; clear: none; width: 180px; border: 1px solid #d00; padding: 6px 4px; font-size: 11px; margin-top: 40px; margin-left: 20px;}

/**Classi speciali home page**/
.filetto{float: left; clear: both; width: 100%; height: 4px; margin-bottom: 20px;}
.center{text-align: center; font-weight: bold;}
.testo_home{float: left; clear: none; width: 355px; color:#000; margin: 15px 15px 15px 40px; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 13px; text-align: justify;}
.img_home{float: left; clear: none; width: 284px; margin: 0 0 10px 10px; font-size: 11px;font-style: italic;color: #7D775C;}
.citazione_home{width: 65%; font: normal 11px arial, helvetica, sans-serif; margin-left: 20px; margin-bottom: 20px;}
.img_macfrut{float: left; clear: none; width: 124px; height: 250px; margin: 22px 0 15px 20px; text-align: center;}


#imgHome{width: 20%; float: left; clear: none;padding: 20px; margin: 0;}
.citazione{width: 20%; float: right; clear: none; font: normal 11px arial, helvetica, sans-serif; padding: 12px; padding-right: 18px; margin: 0;text-align: right;}

#box_menu_fruit{width: 768px; height: 40px;	float: left; clear: none;margin: -20px 0px 0px 0px;padding-right: 4px;padding-left: 3px;}
.menu_vuoto{width: 200px; height: 40px;background: #FFFFFF;}

p.nadalini{font-weight: bold; color: #FF9900;margin: 0; padding: 0;}
#num{font-weight: normal; font-size: 9px; color: #000000; vertical-align: super; margin: 0; padding: 0;}
#box_sezioni2{float: left; clear: none;height: 71px;padding: 0px 0px 0px 5px;margin: 0px;}


/**Formattazione elenchi**/
ul{list-style-type: square;}
li.link{font-size: 11px;margin: 10px 0px 0px 0px;list-style-type: disc;color: #000000;}
ul.elenco {width: 30%;font-size: 10pt;font-weight: bold;color: #DD3300;margin: 10px 0px 0px 20px;list-style-type: none;}
.dsc{font-size: 11px;font-style: normal; margin: 0; line-height: 12px; color: #000; list-style-position: inside;}
ul.ingredienti{font-size: 9px;font-weight: bold;color: #DD3300;margin: 5px 0px 5px 0px;list-style-type: circle; line-height: 12px;}


p.home {float: left;width: 700px;clear: none;color:#FFCC00;margin: 50px;padding: 10px;font-family: "Myriad",arial, helvetica, sans-serif;font-size: 11pt;text-align: center;}
p.home2{float: left; clear: none; width: 36%; margin: 0px 12px; font: normal 12px arial, helvetica, sans-serif;}
#img{float: left;clear: none;width: 200px;margin: 5px; padding: 0;text-align: center;font-family: "Myriad",arial, helvetica, sans-serif;font-size: 11px;font-style: italic;color: #7D775C; }
.img{float: left;clear: none;width: 200px;margin: 5px; padding: 0;text-align: center;font-family: "Myriad",arial, helvetica, sans-serif;font-size: 11px;font-style: italic;color: #7D775C; }
#img1{float: right;clear: none;width: 200px;margin-top: 20px; padding: 0;text-align: center;font-family: "Myriad",arial, helvetica, sans-serif;font-size: 11px;font-style: italic;color: #7D775C; }
#img2{float: right;clear: none;width: 170px;padding: 6px 0px 6px 6px;margin: 0;text-align: center;font: italic 11px "Myriad",arial, helvetica, sans-serif;color: #7D775C; }
#img3{float: right;clear: none;width: 80px;margin-top: 20px; padding: 0;text-align: center;font-family: "Myriad",arial, helvetica, sans-serif;font-size: 11px;font-style: italic;color: #7D775C; }
#imgp{float: left;clear: none;width: 30%;margin-top: 20px;padding: 0;text-align: center;font-family: arial, helvetica, sans-serif;font-size: 1em;font-style: italic;}
#txt{float: left;clear: none;width: 47%;margin-top: 26px;padding: 10px;font-family: arial, helvetica, sans-serif; font-size: 13px;line-height: 16px;color: #000000; /**background-color: #FF0000;**/}
#txtC{float: left;clear: none;width: 45%;margin-top: 26px;padding-left: 125px;font-family: arial, helvetica, sans-serif;font-size: 12px;text-align: center;}

/** Formattazione link**/
a:link, a:visited{ font-size: 12px; font-weight: bold; color: #007300; /**verde sfondo**/}
a:hover, a:active{font-size: 12px; font-weight: bold; color: #d00; /**rosso scuro**/}

#logo a:link, #logo a:visited{font-size: 10px; text-decoration: none;  padding-top: 6px; margin-left: 3px; color: #ccc;}
#logo a:hover, #logo a:active{ font-size: 10px; text-decoration: none; padding-top: 6px; margin-left: 3px;color: #ccc;}
.menu a:link, .menu a:visited{font-size: 13px; text-decoration: none; color: #007300;}
.menu a:hover, .menu a:active{font-size: 13px; text-decoration: underline; color: #ff0;}
.testo a:link, .testo a:visited{text-decoration: underline;color: #d00;}
.testo a:hover, .testo a:active{text-decoration: underline; color: #fc0;}
.sezione a:link, .sezione a:visited{font-size: 12px; text-decoration: none; color: #007300;}
.sezione a:hover, .sezione a:active{font-size: 12px; text-decoration: underline;color: #d00;}
.sezione2 a:link, .sezione2 a:visited{font-size: 12px; text-decoration: none; color: #007300;}
.sezione2 a:hover, .sezione2 a:active{font-size: 12px; text-decoration: underline;color: #d00;}
.sezione3 a:link, .sezione3 a:visited{font-size: 12px; text-decoration: none; color: #007300;}
.sezione3 a:hover, .sezione3 a:active{font-size: 12px; text-decoration: underline;color: #d00;}
.sezione4 a:link, .sezione4 a:visited{font-size: 12px; text-decoration: none; color: #007300;}
.sezione4 a:hover, .sezione4 a:active{font-size: 12px; text-decoration: underline;color: #d00;}
a.extra{width: 100%; background-color: #f90; padding: 3px 6px; text-decoration: none; color: #007300; font: bold 11px "Georgia", times new roman, serif;}
.extra a:hover {text-decoration: underline;color: #d00; font-size: 11px;}


a.dld:link, a.dld:visited{ font-size: 12px; font-weight: bold; color: #DD3300;}
a.dld:hover, a.dld:active{ font-size: 12px; font-weight: bold; color: #FF9900;}

#footer a:link, a:visited{ font-size: 12px; font-weight: bold;	text-decoration: none; color: #003300;}
#footer a:hover, a:active{ text-decoration: none; font-size: 12px; font-weight: bold; color: #FFCC00;}

a img{border: 0;}
.lucida{font: bold italic 12px "Lucida Handwriting", times new roman, serif;}