* {
	margin: 0;
	padding: 0;
}

body {
	background: #926307 url(./images/body_bg.jpg) repeat-x scroll 0 615px;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	cursor: default;
}

a img, form, fieldset {
	border: 0 none;
}

body .clear {
	clear: both;
}

body .clearFix {
	height: 0.001%;
}

body .hidden {
	display: none;
}

body a {
	outline: none;
}

#single-news h1 {
	font-size: 15px;
	padding: 5px 0;
}

#single-news a {
	color: #EFD506;
}

#single-news a:hover {
	color: #fff;
}

#single-news p {	
	padding: 10px;
	font-size: 12px;
}

#gallery {
	height: 600px;
}

#gallery #g-side {
	float: left;
	width: 150px;
	height: 600px;
	overflow: auto;
	padding-right: 2px;
	background: url( images/gallery-side-bg.png ) repeat-y;
}

#g-side ul {
	list-style: none;
}

#g-side ul li {
	display: block;
	text-align: center;
	padding: 5px 0;
	border-bottom: 1px solid #866d55;
	margin-bottom: 5px;
}

#g-side ul li img {
	border: 1px solid #573f26;
}

#g-side ul li:hover img,
#g-side ul li.active img {
	border: 1px solid #efd506;
}

#g-side ul li span {
	padding: 3px 0 0;
	display: block;
}

#g-side ul li span a {
	color: #fff;
	text-decoration: none;
}

#g-side ul li:hover span a,
#g-side ul li.active span a {
	color: #efd506;
}

#gallery #g-wide {
	position: relative;
	z-index: 10;
	float: left;
	width: 748px;
	height: 600px;
}

#g-wide #cur-image {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 748px;
	height: 490px;
	text-align: center;
	background: url( images/seleziona-gallery.png ) no-repeat center;
}

#cur-image img {
	margin: 0 auto;
}

#g-wide #cur-image.loading {
	background: url( images/big-loader.gif ) no-repeat center;
}

#g-wide #bottom {
	position: absolute;
	z-index: 10;
	bottom: 0;
	right: 0;
	width: 748px;
	height: 100px;
	padding-top: 5px;
	border-top: 1px solid #5b4228;
	overflow: auto;
}

#bottom ul {
	list-style: none;
}

#bottom ul li {
	display: inline-block;
	padding: 2px 10px;
}

#bottom ul li img {
	border: 1px solid #573f26;
}

#bottom ul li.active img {
	border: 1px solid #efd506;
}

.main {
	width: 9800px;
	height: 630px;
	position: absolute;
	top: -15px;
	left: 0;
}

#main .navigation {
	position: absolute;
	z-index: 50;
	top: 358px;
	left: 15px;
	width: 172px;
	height: 295px;
	background: url(./images/menu_bg.png) no-repeat;
}

#main .navigation a.home {
	position: absolute;
	top: 22px;
	left: 46px;
	z-index: 1;
	width: 80px;
	height: 19px;
	background: url(./images/home_button.png) no-repeat scroll 0 0;
	text-indent: -2000px;
}

#main .navigation a.home:hover {
	background-position: 0 -19px;
}

#main .navigation ul.nav {
	position: absolute;
	top: 51px;
	left: 31px;
	list-style: none;
}

#main .navigation ul.nav li {
	width: 101px;
	height: 31px;
	margin-bottom: 2px;
}

#main .navigation ul.nav li a.voice {
	width: 101px;
	height: 32px;
	display: block;
	background: url(./images/menu_voices_bg.gif) no-repeat;
	text-indent: -2000px;
}

#main .navigation ul.nav li a.credits {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

#main .navigation ul.nav li a.credits:hover {
	text-decoration: underline;
}

#main .navigation ul.nav li a#menu-ristorante { background-position: 0 0; }
#main .navigation ul.nav li a#menu-pizzeria { background-position: 0 -34px; }
#main .navigation ul.nav li a#menu-contesto { background-position: 0 -66px; }
#main .navigation ul.nav li a#menu-photogallery { background-position: 0 -100px; }
#main .navigation ul.nav li a#menu-contatti { background-position: 0 -133px; }


#main .navigation ul.nav li a#menu-ristorante:hover { background-position: -101px 0; }
#main .navigation ul.nav li a#menu-pizzeria:hover { background-position: -101px -34px;; }
#main .navigation ul.nav li a#menu-contesto:hover { background-position: -101px -66px; }
#main .navigation ul.nav li a#menu-photogallery:hover { background-position: -101px -100px; }
#main .navigation ul.nav li a#menu-contatti:hover { background-position: -101px -133px; }

#main .section {
	float: left;
	width: 1400px;
	height: 630px;
	background: url(./images/section_bg.jpg) repeat-x;
	position: relative;
}

#main #il-ristorante {
	width: 2800px;
}

#main .section .insegna {
	position: absolute;
	z-index: 10;
	top: 23px;
	left: 24px;
	width: 162px;
	height: 113px;
}

#main #home .insegna { background: url(./images/insegna_home.jpg) no-repeat; }
#main #il-ristorante .insegna { background: url(./images/insegna_ristorante.jpg) no-repeat; left: 74px; }
#main #pizzeria .insegna { background: url(./images/insegna_pizzeria.jpg) no-repeat; }
#main #il-contesto .insegna { background: url(./images/insegna_contesto.jpg) no-repeat; }
#main #photogallery .insegna { background: url(./images/insegna_photogallery.jpg) no-repeat; }
#main #contatti .insegna { background: url(./images/insegna_contatti.jpg) no-repeat; }

/*********************************** Section: Home */
/* @ id: home
/* @ sub: insegna, logo, chef, news, welcome, airplane, stone
/*	@ scripts: animate to airplane
*/

#main #home .logo {
	position: absolute;
	top: 73px;
	left: 479px;
	width: 415px;
	height: 251px;
	background: url(./images/logo_cloud.jpg) no-repeat;
}

#main #home .chef {
	position: absolute;
	bottom: 51px;
	left: 288px;
	width: 209px;
	height: 281px;
	background: url(./images/chef_bg.jpg) no-repeat;
}

#main #home .news {
	position: absolute;
	top: 118px;
	right: 67px;
	width: 277px;
	height: 374px;
	background: url(./images/news_bg.jpg) no-repeat;
}

#main #home .news .scroll {
	margin-top: 105px;
	margin-left: 40px;
	width: 163px;
	height: 230px;
	overflow: hidden;
}

#main #home .news .scroll ul {
	list-style: none;
	margin-top: -1px;
	width: 163px;
}

#main #home .news .scroll ul li {
	width: 163px;
	height: 55px;
	overflow: hidden;
	padding: 5px 0;
	font-size: 10px;
	color: #765331;
	border-top: 1px solid #bfa886;
	border-bottom: 1px solid #fbf4e1;
}

#main #home .news .scroll ul li span {
	float: left;
	width: 49px;
}

#main #home .news .scroll ul li a {
	color: #765331;
	text-decoration: none;
}

#main #home .news .scroll ul li a:hover {
	border-bottom: 1px dotted #765331;
	color: #bea987;
}

#main #home .welcome {
	position: absolute;
	top: 336px;
	left: 496px;
	width: 324px;
	height: 245px;
	background: url(./images/welcome_bg.jpg) no-repeat;
}

#main #home .airplane {
	position: absolute;
	top: 210px;
	left: 0px;
	margin-left: -400px;
	width: 374px;
	height: 111px;
}

#main #home .stone {
	position: absolute;
	bottom: 1px;
	right: 133px;
	width: 178px;
	height: 108px;
	background: url(./images/stone_bg.jpg) no-repeat;
}

#home .tavola {
	position: absolute;
	bottom: -19px;
	left: 818px;
	width: 260px;
	height: 346px;
	background: url(./images/home_bancopizza.jpg) no-repeat;
}

/***************************************************/

/*********************************** Section: Il Ristorante */
/* @ id: il-ristorante 
/* @ sub: portico-sx, portico-dx
/*	@ scripts: gallery-one, gallery-two x2
/* @ png: cespuglio, arco
*/

#il-ristorante #first {
	position: absolute;
	top: 72px;
	left: 678px;
	width: 175px;
	height: 105px;
	background: url(./images/ristorante_logo1.jpg) no-repeat;
}

#il-ristorante #second {
	position: absolute;
	top: 106px;
	left: 2001px;
	width: 173px;
	height: 106px;
	background: url(./images/ristorante_logo2.jpg) no-repeat;
}

#il-ristorante .cespuglio {
	position: absolute;
	z-index: 60;
	width: 117px;
	height: 87px;
	background: url(./images/cespuglio.png) no-repeat;
}

#il-ristorante .portico {
	position: absolute;
	z-index: 10;
	width: 1051px;
}

#il-ristorante .arco {
	position: absolute;
	top: 357px;
	z-index: 30;
	width: 326px;
	height: 38px;
}

#il-ristorante #arco-sx { left: 464px; background: url(./images/arco.png) no-repeat; }
#il-ristorante #arco-dx { left: 838px; background: url(./images/arco.png) no-repeat; }
#il-ristorante #arco-dx-sx { left: 1633px; background: url(./images/arco3.png) no-repeat; }
#il-ristorante #arco-dx-dx { left: 2008px; background: url(./images/arco4.png) no-repeat;}

#il-ristorante .portico-sx {
	bottom: 3px;
	left: 349px;
	height: 418px;
	background: url(./images/portico_sx.jpg) no-repeat;
}

#il-ristorante .portico-sx #cespuglio-sx { bottom: -18px; left: 80px; }
#il-ristorante .portico-sx #cespuglio-dx { bottom: -18px; left: 390px; }

#il-ristorante .portico-sx .bandiere {
	position: absolute;
	top: -23px;
	left: 95px;
	width: 481px;
	height: 119px;
	background: url(./images/ristorante_bandiere.jpg) no-repeat;
}

#il-ristorante .portico-sx .bandiere a.banchetti {
	position: absolute;
	top: 32px;
	left: 10px;
	width: 92px;
	height: 55px;
}

#il-ristorante .portico-sx .bandiere a.feste {
	position: absolute;
	top: 31px;
	left: 103px;
	width: 91px;
	height: 57px;
}

#il-ristorante .portico-sx .bandiere a.catering {
	position: absolute;
	top: 33px;
	left: 196px;
	width: 91px;
	height: 56px;
}

#il-ristorante .portico-sx .bandiere a.cene {
	position: absolute;
	top: 31px;
	left: 288px;
	width: 91px;
	height: 60px;
}

#il-ristorante .portico-sx .bandiere a.pranzo {
	position: absolute;
	top: 34px;
	left: 381px;
	width: 91px;
	height: 54px;
}

#il-ristorante .portico-sx .cartello {
	position: absolute;
	top: 186px;
	left: 118px;
	width: 320px;
	height: 139px;
	background: url(./images/ristorante_cartello.jpg) no-repeat;
}

#il-ristorante .portico-sx .cartello div.inside {
	margin-left: 8px;
	margin-top: 14px;
	width: 300px;
	height: 105px;
	overflow: auto;
	font-size: 10px;
	color: #a06b37;
}

#il-ristorante .portico-sx .cartello div.inside a {
	text-decoration: none;
	border-bottom: 1px dotted #a06b37;
	color: #a06b37;
	font-weight: bold;
}

#il-ristorante .portico-sx .cartello div.inside a:hover {
	border-bottom: 1px dotted #f3a559;
	color: #f3a559;	
}

#il-ristorante .portico-sx .gallery-one {
	position: absolute;
	top: 148px;
	left: 114px;
	width: 329px;
	height: 246px;
	overflow: hidden;
}

#il-ristorante .portico-sx .gallery-two {
	position: absolute;
	top: 195px;
	left: 488px;
	width: 328px;
	height: 184px;
	border-top: 3px solid #a4a4a4;
	border-bottom: 3px solid #a4a4a4;
}

#il-ristorante .portico-sx .gallery-two #easySlider ul li {
	height: 184px;
}

#il-ristorante .portico-sx .gallery-two .catene {
	position: absolute;
	z-index: 100;
	left: 106px;
	top: -36px;
	width: 116px;
	height: 35px;
	background: url(./images/ristorante_catene.jpg) no-repeat;
}

#il-ristorante .portico-sx .gallery-two #sliderPrev {
	position: absolute;
	display: block;
	z-index: 100;
	left: -45px;
	top: 27px;
	width: 45px;
	height: 55px;
}

#il-ristorante .portico-sx .gallery-two #sliderPrev a {
	display: block;
	width: 45px;
	height: 55px;
	background: url(./images/ristorante_arrowsx.jpg) no-repeat;
	text-indent: -8000px;
}

#il-ristorante .portico-sx .gallery-two #sliderNext {
	position: absolute;
	display: block;
	z-index: 100;
	right: -45px;
	top: 28px;
	width: 42px;
	height: 53px;
}

#il-ristorante .portico-sx .gallery-two #sliderNext a {
	display: block;
	z-index: 100;;
	width: 42px;
	height: 53px;
	background: url(./images/ristorante_arrowdx.jpg) no-repeat;
	text-indent: -8000px;
}

#il-ristorante .portico-sx .gallery-two ul {
	list-style: none;
}

#il-ristorante .portico-sx .cartelli {
	position: absolute;
	z-index: 60;
	bottom: -23px;
	right: 3px;
	width: 144px;
	height: 164px;
	background: url(./images/cartelli_sx.jpg) no-repeat;
}

#il-ristorante .portico-dx {
	bottom: 2px;
	right: 350px;
	height: 396px;
	background: url(./images/portico_dx.jpg) no-repeat;
}

#il-ristorante .portico-dx #cespuglio-dx-sx { bottom: -18px; right: 80px; }
#il-ristorante .portico-dx #cespuglio-dx-dx { bottom: -18px; right: 390px; }

#il-ristorante .portico-dx .gallery-one {
	position: absolute;
	top: 125px;
	left: 234px;
	width: 329px;
	height: 246px;
	overflow: hidden;
}

#il-ristorante .portico-dx .gallery-two {
	position: absolute;
	top: 125px;
	left: 609px;
	width: 328px;
	height: 246px;
}

#il-ristorante .portico-dx .cartelli {
	position: absolute;
	bottom: -22px;
	left: 24px;
	width: 147px;
	height: 144px;
	background: url(./images/cartelli_dx.jpg) no-repeat;
}

/************************************************************/

/*********************************** Section: Pizzeria */
/* @ id: pizzeria
*/

#pizzeria .logo-general {
	position: absolute;
	top: 13px;
	left: 701px;
	width: 172px;
	height: 107px;
	background: url(./images/pizzeria_logo.jpg) no-repeat;
}

#pizzeria .logo-pizza {
	position: absolute;
	top: 13px;
	left: 701px;
	width: 172px;
	height: 107px;
	background: url(./images/logo-non-solo-pizza.jpg) no-repeat;
}

#pizzeria .forno {
	position: absolute;
	top: 125px;
	left: 209px;
	width: 636px;
	height: 478px;
	background: url(./images/pizzeria_forno_new.jpg) no-repeat;
}

#pizzeria .forno .mattoni {
	position: absolute;
	top: 116px;
	left: 104px;
	width: 433px;
	height: 53px;
}

#pizzeria .video {
	position: absolute;
	z-index: 100;
	top: 15px;
	left: 275px;
	width: 521px;
	height: 350px;
	background: #413310;
	border-left: 7px solid #af764c;
	border-right: 7px solid #af764c;
	border-bottom: 7px solid #af764c;
}

#pizzeria .video .close {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 77px;
	height: 19px;
	background: url(./images/pizzeria_chiudi.jpg) no-repeat scroll 0 0;
}

#pizzeria .video .close:hover {
	background-position: 0 -19px;
}

#pizzeria .video .vimeo {
	width: 436px;
	height: 245px;
	margin-left: 41px;
	margin-top: 6px;
}

#pizzeria .telefono {
	position: absolute;
	top: 152px;
	right: 236px;
	width: 313px;
	height: 90px;
	background: url(./images/pizzeria_telefono.jpg) no-repeat;
}

#pizzeria .pomodori {
	position: absolute;
	top: 522px;
	left: 205px;
	width: 74px;
	height: 70px;
	background: url(./images/pizzeria_pomodori.jpg) no-repeat;
}

#pizzeria .trancio {
	position: absolute;
	top: 372px;
	left: 55px;
	width: 118px;
	height: 220px;
	background: url(./images/pizzeria_trancio.jpg) no-repeat;
}

#pizzeria .tronchetto {
	position: absolute;
	top: 525px;
	left: 849px;
	width: 116px;
	height: 131px;
	background: url(./images/pizzeria_tronchetto.jpg) no-repeat;
}

#pizzeria .albero {
	position: absolute;
	top: 428px;
	right: 151px;
	width: 174px;
	height: 223px;
	background: url(./images/pizzeria_albero.jpg) no-repeat;
}

#pizzeria .menu {
	position: absolute;
	top: 277px;
	left: 949px;
	width: 211px;
	height: 267px;
	background: url(./images/pizzeria_menu.jpg) no-repeat;	
	display: block;
}

#pizzeria .blocknotes .inside {
	margin-top: 75px;
	margin-left: 15px;
	width: 147px;
	height: 178px;
	overflow: hidden;
}

#pizzeria .blocknotes .inside ul {
	list-style: none;
}

#pizzeria .blocknotes .inside ul li {
	margin-bottom: 6px;
	font-size: 12px;
	color: #2b2b2b;
}

#pizzeria .motorino {
	position: absolute;
	bottom: -61px;
	right: 10px;
	width: 227px;
	height: 278px;
	background: url(./images/pizzeria_motorino.jpg) no-repeat;
}

/************************************************************/

/*********************************** Section: Contesto */
/* @ id: il-contesto
*/

#il-contesto .logo-general {
	position: absolute;
	top: 107px;
	left: 941px;
	width: 174px;
	height: 107px;
	background: url(./images/contesto_logo.jpg) no-repeat;
}

#il-contesto .giochi {
	position: absolute;
	top: 381px;
	left: 504px;
	width: 429px;
	height: 249px;
	background: url(./images/contesto_giochi.jpg) no-repeat;
}

#il-contesto .messaggio {
	position: absolute;
	top: 272px;
	left: 260px;
	width: 237px;
	height: 311px;
	background: url(./images/contesto_messaggio.jpg) no-repeat;
}

#il-contesto .altalena {
	position: absolute;
	top: 484px;
	right: 166px;
	width: 269px;
	height: 179px;
	background: url(./images/contesto_altalena.jpg) no-repeat;
}

#il-contesto .gallery {
	position: absolute;
	top: 89px;
	left: 498px;
	width: 492px;
	height: 249px;
	background: url(./images/contesto_gallery.jpg) no-repeat;
}

#il-contesto .gallery .inside {
	margin-top: 5px;
	margin-left: 71px;
	width: 360px;
	height: 194px;
	overflow: hidden;
	position: relative;
}

#il-contesto .gallery .nuvole {
	position: absolute;
	z-index: 100;
	left: 57px;
	bottom: 22px;
	width: 394px;
	height: 39px;
	background: url(./images/contesto_gallery_nuvole.png) no-repeat;
}

#il-contesto .gallery .inside ul {
	list-style: none;
	width: 10000pX;
}

#il-contesto .gallery .inside ul li {
	float: left;
	width: 360px;
}

#il-contesto .pallone {
	position: absolute;
	top: 233px;
	right: 267px;
	width: 72px;
	height: 101px;
	background: url(./images/contesto_pallone.jpg) no-repeat;
}


/************************************************************/

/*********************************** Section: Photogallery */
/* @ id: il-contesto
*/

#photogallery .logo-general {
	position: absolute;
	top: 57px;
	left: 672px;
	width: 174px;
	height: 106px;
	background: url(./images/photogallery_logo.jpg) no-repeat;
}

#photogallery .fotografa {
	position: absolute;
	top: 378px;
	left: 294px;
	width: 173px;
	height: 248px;
	background: url(./images/photogallery_fotografa.jpg) no-repeat;
}

#photogallery .cartello {
	position: absolute;
	top: 407px;
	left: 479px;
	width: 318px;
	height: 220px;
	background: url(./images/photogallery_cartello.jpg) no-repeat;
}

#photogallery .stendino {
	position: absolute;
	top: 163px;
	left: 154px;
	width: 1226px;
	height: 459px;
	background: url(./images/photogallery_stendino.png) no-repeat;
}

#photogallery #festa {
	position: absolute;
	z-index: 10;
	top: 138px;
	left: 231px;
	width: 139px;
	height: 194px;
	background: url(./images/photogallery_polaroid_festa.jpg) no-repeat;
}

#photogallery #aperto {
	position: absolute;
	z-index: 10;
	top: 145px;
	left: 426px;
	width: 161px;
	height: 207px;
	background: url(./images/photogallery_polaroid_aperto.jpg) no-repeat;
}

#photogallery #vini {
	position: absolute;
	z-index: 10;
	top: 169px;
	left: 649px;
	width: 151px;
	height: 201px;
	background: url(./images/photogallery_polaroid_vini.jpg) no-repeat;
}

#photogallery #forno {
	position: absolute;
	z-index: 10;
	top: 177px;
	left: 858px;
	width: 178px;
	height: 206px;
	background: url(./images/photogallery_polaroid_forno.jpg) no-repeat;
}

#photogallery #cene {
	position: absolute;
	z-index: 10;
	top: 194px;
	right: 149px;
	width: 142px;
	height: 194px;
	background: url(./images/photogallery_polaroid_cene.jpg) no-repeat;
}

/************************************************************/

/*********************************** Section: Contatti */
/* @ id: il-contesto
*/

#contatti .logo-general {
	position: absolute;
	top: 94px;
	left: 853px;
	width: 240px;
	height: 147px;
	background: url(./images/contatti_logo.jpg) no-repeat;
}

#contatti .numeri {
	position: absolute;
	top: 216px;
	left: 429px;
	width: 458px;
	height: 414px;
	background: url(./images/contatti_numeri.jpg) no-repeat;
}

#contatti .theend {
	position: absolute;
	top: 479px;
	right: 71px;
	width: 164px;
	height: 167px;
	background: url(./images/contatti_theend.jpg) no-repeat;
}

#contatti .facebook {
	position: absolute;
	top: 229px;
	left: 303px;
	width: 119px;
	height: 44px;
	background: url(./images/contatti_facebook.jpg) no-repeat;
}

#contatti .email {
	position: absolute;
	top: 283px;
	left: 327px;
	width: 68px;
	height: 92px;
	background: url(./images/contatti_bottone.jpg) no-repeat;
}

/************************************************************/