body {  	
    background: #b39f84 url(img/back-x.jpg) repeat-x;
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	line-height:1.25;
	
	}

img { border: 0}

#bigwrap { width: 1029px; margin: 0 auto; background: url(img/shadow.png) top center no-repeat; position: relative; top: 20px}
#wrap { background-color: #eee6dd; width: 970px; margin: 0 auto; position: relative }

#wrap-index {  width: 900px; margin: 0 auto; position: relative; top: 60px; }

#swf-home { width: 500px; height: 500px; float: right; background: url(img/ombra2.png) 15px 300px no-repeat; position: relative; right: 40px}

#wrap-header { background:url(img/header.jpg); height: 156px}
.clr { clear: both}

h2 { font-size: 1.2em; padding: 0; margin: 3px 0; padding-left: 22px}
p { font-size: 0.9em; padding-left: 22px; margin: 0; padding: 6px 0 6px 22px; text-align: justify }

#logo { background: url(img/logo.png); width: 355px; height: 120px; float: left; position: relative; top: 100px }

#entra { position: absolute; top: 270px; left: 60px; width: 224px; height: 55px }
#entra  a { display: block; background: url(img/entra-sito.png) no-repeat; width: 224px; height: 55px}

#wrap-content { width: 560px; margin: 10px;  float: left }
#wrap-home { width: 550px; margin: 0 auto}

#dati-provincia {  width: 300px}
#provincia {  width: 400px; margin-top: 10px}
#wrap-footer { height: 30px; text-align: center; padding: 10px 10px; color: #e4d4bd; font-size: 0.8em; background-color: #160d09; width: 950px; margin: 0 auto}
#wrap-footer a { color: #d9b88c; text-decoration: none}
#wrap-footer-index {  text-align: center; position: relative; top: 100px; padding: 10px 10px; color: #e4d4bd; font-size: 0.7em; clear: both; width: 950px; margin: 0 auto}

#wrap-footer-index a { color: #d9b88c}
.title-tag { color: #160d09; padding: 2px 0 2px 20px; font-size: 1em; font-weight:bold; margin-top: 15px; background: #ede5dc url(img/back-title.png) top left no-repeat;}
/* content */

.wrap-ricette { margin: 10px 0}
.wrap-ricetta { border-bottom: 1px dotted #b39f84; position: relative;  margin-left: 5px; height: 70px; padding: 10px 0; width: 270px; float: left}
.wrap-ricetta .image { float: left; width: 70px; margin: 0 4px 0 0; border: 1px solid #666; height: 70px;}
.wrap-ricetta .title { float: right; width: 190px; font-size: 1em; font-weight: bold; padding-bottom: 5px }
.wrap-ricetta .title a { text-decoration: none; color: #000}
.wrap-ricetta .title a:hover { text-decoration: underline; color: #000}
.wrap-ricetta .txt { float: right; width: 190px; font-size: 0.8em }
.wrap-ricetta .send { width: 144px; height: 33px; position: absolute; right: 0; bottom: -5px}
.wrap-ricetta .send a { display: block; position: absolute; right: 0; bottom: 5px;  background: url(img/send.png) no-repeat; width: 144px; height: 33px}

.sends { margin: 0 auto; position: relative; top: 10px; width: 190px; }
.sends  a { display: block; background: url(img/send.png) no-repeat; width: 144px; height: 33px}
/* sidebar */

#wrap-sidebar { width: 380px; margin: 10px 0; float: right}

#wrap-number { float: left; width: 120px; text-align: right }
#wrap-number .number { height: 44px; padding-top: 19px}
.wrap-bestcom {}
.bestcom { float: right; width: 300px; padding: 5px 0; border-bottom: 1px dotted #b39f84;}
.bestcom a { text-decoration: none; color: #333}
.bestcom a:hover { text-decoration: underline; color: #333}
.bestcom .imgcom { float: left; width: 50px; height: 50px; border: 1px solid #666}
.bestcom .namecom { float: right; width: 228px; padding: 7px 10px 0 10px; font-size: 1.7em }

.imagesingle { text-align: center}
.imagesingle img { border: 2px solid #160d09}
.alignleft { float: left; width: 150px;}
.alignright { float: right; width: 150px;}
.alignleft a { text-decoration: none; color: #160d09 }
.alignright a { text-decoration: none; color: #160d09 }
.navigation { margin-top: 10px}
#wrap-title { margin-bottom: 10px}
#wrap-title a {  text-decoration: none; color: #160d09  }
/* menuvari */


#wrap-menu { height: 46px; background: url(img/menu.png) repeat-x}
#wrap-menu ul { margin: 0; padding: 0; height: 42px; position: relative; top: 0; left: 26px}
#wrap-menu li { margin: 0; padding: 0; list-style: none; float: left}

#wrap-menu li a#cucina { background: url(img/menu/cucina.png) top; width: 102px; height: 42px; display: block}
#wrap-menu li a#cucina:hover { background: url(img/menu/cucina.png) bottom; width: 102px; height: 42px; display: block}

#wrap-menu li a#concorso { background: url(img/menu/concorso.png) top; width: 180px; height: 42px; display: block}
#wrap-menu li a#concorso:hover { background: url(img/menu/concorso.png) bottom; width: 180px; height: 42px; display: block}

#wrap-menu li a#ricette { background: url(img/menu/ricette.png) top; width: 160px; height: 42px; display: block}
#wrap-menu li a#ricette:hover { background: url(img/menu/ricette.png) bottom; width: 160px; height: 42px; display: block}

#wrap-menu li a#contatti { background: url(img/menu/contatti.png) top; width: 90px; height: 42px; display: block}
#wrap-menu li a#contatti:hover { background: url(img/menu/contatti.png) bottom; width: 90px; height: 42px; display: block}

#ombra { width: 502px; height: 218px; position: absolute; background: url(img/ombra.png) }
#wrap-conten ul { margin: 0; padding: 0; height: 33px; position: relative; }
#wrap-conten li { margin: 0;list-style: none; float: left; padding: 0 5px 0 0 }
#wrap-conten li a {  margin: 4px 0 0 0 }

#wrap-content ul li a#antipasti { border: 1px solid #CCC; background: url(img/menu/antipasti.png) top; width: 72px; height: 33px; display: block}
#wrap-content ul li a#antipasti:hover { border: 1px solid #666;  background: url(img/menu/antipasti.png) bottom; width: 72px; height: 33px; display: block}


#wrap-content ul li a#focacce { border: 1px solid #CCC; background: url(img/menu/focacce.png) top; width: 121px; height: 33px; display: block}
#wrap-content ul li a#focacce:hover { border: 1px solid #666;  background: url(img/menu/focacce.png) bottom; width: 121px; height: 33px; display: block}

#wrap-content ul li a#primi { border: 1px solid #CCC; background: url(img/menu/primi.png) top; width: 72px; height: 33px; display: block}
#wrap-content ul li a#primi:hover { border: 1px solid #666;  background: url(img/menu/primi.png) bottom; width: 72px; height: 33px; display: block}

#wrap-content ul li a#secondi { border: 1px solid #CCC; background: url(img/menu/secondi.png) top; width: 75px; height: 33px; display: block}
#wrap-content ul li a#secondi:hover { border: 1px solid #666;  background: url(img/menu/secondi.png) bottom; width: 75px; height: 33px; display: block}

#wrap-content ul li a#verdure { border: 1px solid #CCC; background: url(img/menu/verdure.png) top; width: 72px; height: 33px; display: block}
#wrap-content ul li a#verdure:hover { border: 1px solid #666;  background: url(img/menu/verdure.png) bottom; width: 72px; height: 33px; display: block}

#wrap-content ul li a#dolci { border: 1px solid #CCC; background: url(img/menu/dolci.png) top; width: 72px; height: 33px; display: block}
#wrap-content ul li a#dolci:hover { border: 1px solid #666;  background: url(img/menu/dolci.png) bottom; width: 72px; height: 33px; display: block}