@charset "UTF-8";

/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

p {
	margin-bottom: 10px;
	font-size: 12px;
	word-spacing: 0.6em;
	line-height: 1.5em;
}
.allestimento {
	font-size: 20px;
	text-align: center;
}

.cancella { visibility:hidden; clear:both; }



a {	
	color: #990000;	
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;
}





#corpo h2 {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #923B31;
}

#contenitore {
	margin: auto;
	width: 100%;
	position:relative;
}
#testata {
	width: 100%;
	height: 133px;
	background-image: url(img/bg2.gif);
	
}

#testata .wrapper, #corpo .wrapper, #piede .wrapper { width:960px; margin:auto; position:relative; }

#testata .wrapper #menu {
	position:absolute;
	top:47px;
	left:480px;
	width:480px;
	height:76px;
	
}

#menu li { display:inline; }




#menu li a.home {
	background-position:0px 0;
	width:77px;
}

#menu li a.home:hover {
	background-position:0px -76px;
}

#menu li a.home.attivo {
	background-position:0px -152px;
}

#menu li a.prodotti {
	background-position:-77px 0;
	width:132px;
}

#menu li a.prodotti:hover {
	background-position:-77px -76px;
}

#menu li a.prodotti.attivo {
	background-position:-77px -152px;
}

#menu li a.chisiamo {
	background-position:-209px 0;
	width:140px;
}

#menu li a.chisiamo:hover {
	background-position:-209px -76px;
}

#menu li a.chisiamo.attivo {
	background-position:-209px -152px;
}

#menu li a.contatti {
	background-position:-349px 0;
	width:131px;
}

#menu li a.contatti:hover {
	background-position:-349px -76px;
}

#menu li a.contatti.attivo {
	background-position:-349px -152px;
}

#menu li a {
	background-image:url(img/menu.png);
	display:block;
	float:left;
	height:76px;
	text-indent:-9999px;
	/*border: 1px solid #FF0000;	*/
}


#corpo .wrapper #logo {
	position: absolute;
	left: 74px;
	top: 179px;
	background-image: url(img/logo2.png);
	background-repeat: no-repeat;
	text-indent: -9000px;
	height: 262px;
	width: 384px;
}

#corpo {
	
	width: 100%;
	position:relative;
	
}


#corpo .prodotti, #corpo .chisiamo, #corpo .contatto, #corpo .short { float:right; width:480px; margin-top:70px;  }

.prodotti li, .ricette li  { float:left; margin:3px; }
.prodotti li img, .ricette li img {
	border: 2px solid #923B31;
}

#corpo .ricetta img {
	position: absolute;
	left: 280px;
	top: 250px;	
	border: 2px solid #923B31
}

.contattof li {
	list-style-position:outside;
	list-style-type: disc;
	margin-left:60px;
	margin-bottom:15px;
	background-color: transparent;
	color: #003300;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.contattof .telefono {
	
	list-style-image: url(img/contatto/telefono.png);
}


.contattof .mobile {
	
	list-style-image: url(img/contatto/mobile.png);
}



.contattof .lettera {
		list-style-image: url(img/contatto/lettera.png);
		
}

.contattof .email {
	
	list-style-image: url(img/contatto/email.png);
}

.contattof .fax {
	
	list-style-image: url(img/fax.gif);
}

.contattof .skype {
		list-style-image: url(img/skype.jpg);
}

.contattof .msn {
	
	list-style-image: url(img/msn.jpg);
}

.contattof .facebook {
		list-style-image: url(img/facebook.jpg);
}

.contattof .myspace {
	
	list-style-image: url(img/myspace.jpg);
}





#piede {
	width: 100%;
	background-image: url(img/bg2.gif);
	padding-top: 8px;
	padding-bottom: 8px;
	clear:both;
	left:0;
	bottom:0;
	position:fixed;
	z-index:100;
	color:#FFFFFF;
}


#piede li { float:left; margin-right:10px; font-size:10px; }



#corpo .wrapper #slideshow {
    position:relative;
    height:350px;
	top:140px;
	left:480px;
	width:480px;
}

#slideshow img {
	position:absolute;
	z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}


.banner li {
	float:left;
	margin: auto;
	margin-left:3px;
	margin-right:3px;
}