/****************************MASTER***********************************/
body{
	background: #090a09;
	color: #e0e0e0;
	font-family: "Verdana", sans-serif;
	font-size: 14px;
	min-width: 960px;
}
/*********************************************************************/


/****************************TYPOGRAPHY*******************************/
h1, h2, h3, h4, h5, h6, p, ul, ol, dd, hr{margin: 10px 0;}
h1{font-size: 1.5em;}/*solo per titolo principale*/
h2{font-size: 1.4em;}/*resto dei titoli*/
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6, li, dt, em, strong{font-size: 1em;}
p{line-height: 1.5em;}
ul, ol{list-style-position: inside;}
a{color: #c0c0c0;}
a:hover{text-decoration: none;}
hr{border: 1px solid #FFF;}
/*********************************************************************/


/****************************SHARED RULES*****************************/
.center{
	margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;/*remove with footer background remove*/
    width: 960px;
    zoom: 1;
}
.center:after{
	clear: both;
}
.center:before,.center:after{
	content:'.';
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.commonbox{
	/* important, to apply to all the container boxes for a correct layout*/
	display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.clear{
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
/*********************************************************************/


/***************************LAYOUT************************************/

/*HEADER*/
.header{
	background: url(../img/header-bg.png) repeat-x top;
	height: 147px;
}
.logobox{
    width:130px
}
/*menu rules*/
.menubox{
	margin-left: 20px;
	margin-right: 0;
	width: 790px;
}
.menubox{
	margin-left: 10px;
	margin-right: 10px;
	width: 790px;
}
ul#topnav em{
	display: none;
}
ul#topnav {
	float: left;
	height: 87px;
	margin: 0 0 0 0;
	list-style: none;
	padding: 0;
	width: 790px;
}
ul#topnav li{
	float: left;
	height: 87px;
	margin: 0;
	padding: 0;
}
ul#topnav a, ul#topnav{
	clear: both;
	cursor: pointer;
	float: left;
	height: 87px;
}
ul#topnav li#home a, ul#topnav li#home{ 
	background: url(../img/menu-sprite5.png) 0 0 no-repeat scroll;
	height: 87px;
	width: 106px;
}
ul#topnav li#home a.active{ 
	background: url(../img/menu-sprite5.png) 0 -174px no-repeat scroll;
	height: 87px;
	width: 106px;
}
ul#topnav li#locale a, ul#topnav li#locale{ 
	background: url(../img/menu-sprite5.png) no-repeat -106px 0;
	height: 87px;
	width: 118px;
}
ul#topnav li#guestbook a, ul#topnav li#guestbook{
	background: url(../img/menu-sprite5.png) no-repeat -224px 0;
	height: 87px;
	width: 185px;
}
ul#topnav li#festeprivate a, ul#topnav li#festeprivate{
	background: url(../img/menu-sprite5.png) no-repeat -409px 0;
	height: 87px; 
	width: 113px;
}
ul#topnav li#gallery a, ul#topnav li#gallery{
	background: url(../img/menu-sprite5.png) no-repeat -522px 0;
	height: 87px;
	width: 124px;
}
ul#topnav li#contatti a, ul#topnav li#contatti{
	background: url(../img/menu-sprite5.png) no-repeat -646px 0;
	height: 87px;
	width: 143px;
}
/*end menu rules*/
/*END*/

/*CONTENT*/
.content{
	background: url(../img/content-bg.png) repeat;
}
/*END*/

/*FOOTER*/
.footer{
	background: url(../img/footer-bg.png) repeat-x;
	height: 205px;
}
.share-fb{
	margin-top: 50px;
	padding-left: 10px;
	width: 150px;
}
.credits{
    height: 96px;
    margin-top: -20px;
    width: 760px;
	font-size:10px
}
.credits p{
	font-size: 10px;
	text-align: right;
	margin: 71px 0 0 0;
	padding:0
}
/*END*/


/***************************PAGES*************************************/

/*HOMEPAGE*/
.content-box{
	width: 940px;
}
.home-text-box{
	height: auto;
	margin-left: 0;
	position: relative;
	width: 310px;
	z-index: 2;
}
.text-box-title h1{
	color: #fdfdfe;
	margin-top: 60px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.text-box-content-top{
	background: url(../img/content-home-text-top.png) no-repeat;
	height: 9px;
	padding: 0 10px;
	width: 301px;
}
.text-box-content-center{
	background: url(../img/content-home-text-center.png) repeat-y;
	height: auto;
	width: 301px;
	padding: 0 10px;
}
.text-box-content-bottom{
	background: url(../img/content-home-text-bottom.png) no-repeat;
	height: 9px;
	padding: 0 10px;
	width: 301px;
}
.text-box-content-center p{
	font-size: 0.91em;
	text-align: left;
	margin: 0;
}
.home-slideshow-box{
	background: url(../img/content-home-slide-bg3.png) no-repeat;
	height: 440px;
	margin-top: -24px;
    margin-left: -145px;
    margin-right: -173px;
    position: relative;
    width: 773px;
    z-index: 1;
}
.mp3player{
	margin: 20px 0 0 10px;
}
.social{
	margin: 20px 0 0 10px;
}
.social a{
	color: #F4DFAB;
	display: block;
	float: left;
	font-size: 1.4em;
	text-decoration: underline;
}
.social a:hover{
	color: #FFF;
	text-decoration: none;
}
.social img{
	float: left;
	margin-left: 10px;
}
/*Slideshow Rules*/
a:active{
	outline: none;
}
:focus{
	-moz-outline-style: none;
} 
.scrollable{
	/* non modificare */
	height: 348px;
	position: relative;
	overflow: hidden;
	width: 505px;
	/* modificabili */
	margin: 78px 0 0 245px;
}
.scrollable .items {
	/* non modificare */
	clear: both;
	position: absolute;
	width: 20000em;
}
.items div{
	background: url(../img/slide-bg.png) no-repeat;
	float:left;
	width: 505px;
}
.scrollable img{
	/* singolo elemento della slide */
	background-color: #fff;
	float: left;
	height: 332px;
	margin: 0;
	width: 503px;
}
.scrollable .active{
	/* elemento attivo */
	border: none;
	cursor: default;
	position: relative;
}
.scrollable{
	/* non modificare*/
	float: left;
}
a.disabled{
	/* non modificare */	
	visibility: hidden !important;
}

.navi{
	/* dimensione e posizionamento del navigatore a cerchi */
	background: #222;
	height: 18px;
	/**/
	margin-left: -493px;
	margin-top: 385px;
	position: absolute;
	width: auto;
	z-index: 3;
	/*CSS3*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { /* CHROME */
	.navi {
		margin-left: 252px;
	}
	
}

html>/**/body .navi, x:-moz-any-link, x:default { /* FIREFOX */
	margin-left: 252px;
}

.navi a{
	/* link interni al navigatore */
	background: url(../img/navigator2.png) 0 0 no-repeat;
	float: left;
	font-size: 1px;
	display: block;
	height: 12px;
	margin: 3px;
	width: 12px;
}

.navi a:hover{
	/* mouseover link navigatore */
	background-position: 0 -12px;
}
.navi a.active{
	/* link attivo navigatore */
	background-position: 0 -24px;
}

/*LOCALE PAGE*/
.localebox{
	width: 940px;
}
.localebox h2{
	color: #fff;
	margin: 40px 0 0 10px;
}
.localebox p{
	margin: 10px 10px 40px 10px;
}
.localefoto{
	background: url(../img/localefoto-bg2.png) no-repeat;
	height: 220px;
	margin-bottom: 20px;
	width: 220px;
}
.localefoto img{
	margin: 10px 0 0 10px; 
}

/*FESTE PRIVATE PAGE*/
.festebox{
	border-bottom: 1px dotted #888888;
	margin-bottom: 30px;
	width: 940px;
}
.festebox h2{
	color: #FFF;
	margin: 40px 0 0 10px;
}
.festebox p{
	margin: 10px 10px 40px 10px;
}
.festearticle{
	/*background: url(../img/eventiarticle-bg2.png) no-repeat;*/
	height: auto;
	margin-bottom: 20px;
	padding: 11px;
	width: 438px;
}
.festearticle div{
	display: block;
	height: 160px;
	margin-bottom: 10px;
	overflow: hidden;
}
.festearticle div hr{
	clear: left;
	display: block;
	visibility: hidden;
}
.festearticle img{
	border: 4px solid #fff;
	display: block;
	float: left;
	margin: 0 11px 0 0;
}
.festearticle h3{
	color: #F4DFAB;
	margin-top: 0;
}
.festearticle p{
	font-size: 0.9em;
	margin-top: 0;
}
.festearticle a{
	color: #F4DFAB;
}
.festearticle a:hover{
	color: #FFF;
}
.festearticle ul{
	border-top: 1px dotted #888888;
	padding-top: 10px;
}

/*EVENTI PAGE*/
.eventibox{
	width: 940px;
}
.eventibox h2{
	color: #FFF;
	margin: 40px 0 0 10px;
}
.eventibox p{
	margin: 10px 10px 40px 10px;
}
.eventiarticle{
	background: url(../img/eventiarticle-bg2.png) no-repeat;
	height: 152px;
	margin-bottom: 20px;
	padding: 11px;
	width: 438px;
}
.eventiarticle img{
	border: 4px solid #fff;
	float: left;
	margin: 0 11px 0 0;
}
.eventiarticle h3{
	color: #F4DFAB;
	margin-top: 0;
}
.eventiarticle h5{
	font-style: italic;
	font-weight: normal;
}
.eventiarticle p{
	font-size: 0.9em;
	margin-top: 0;
}
.eventiarticle a{
	color: #F4DFAB;
}
.eventiarticle a:hover{
	color: #FFF;
}


/*EVENTI-SINGOLO PAGE*/
.single-eventibox{
	width: 940px;
}
.single-eventibox h2{
	color: #FFF;
	float: left;
	margin: 40px 10px 30px 10px;
}
.single-eventibox p.social-share{
	float: right;
	font-style: italic;
	margin: 10px 10px 0 10px;
}
.single-eventibox p.social-share A{
	float: right;
	margin-top: 5px;
}
.single-eventibox img{
	border: 5px solid #fff;
	float: left;
	margin: 0 20px 20px 10px;
}
.single-eventibox p{
	margin: 0 10px 40px 0;
}
.single-eventibox-left{
	margin-left: 0;
	margin-right: 0;
	width: 480px;
}
.single-eventibox-right{
	margin-left: 0;
	margin-right: 0;
	width: 480px;
}


/*GALLERY PAGE*/
.gallerybox{
	width: 940px;
}
.gallerybox h2{
	color: #FFF;
	margin: 40px 0 0 10px;
}
.gallerybox p{
	margin: 10px 0 40px 10px;
}
.galleryarticle{
	background: url(../img/galleryarticle-bg2.png) no-repeat;
	height: 152px;
	margin-bottom: 20px;
	padding: 11px;
	width: 438px;
}
.galleryarticle img{
	border: 4px solid #fff;
	float: left;
	margin: 0 11px 0 0;
}
.galleryarticle h3{	
	color: #F4DFAB;
	margin-top: 0;
}
.galleryarticle h5{
	font-style: italic;
	font-weight: normal;
}
.galleryarticle p{
	font-size: 0.9em;
	margin-top: 0;
}
.galleryarticle a{
	color: #F4DFAB;
}
.galleryarticle a:hover{
	color: #FFF;
}

/*SINGLE-GALLERY PAGE*/
.single-gallerybox{
	width: 940px;
}
.single-gallerybox h2{
	color: #FFF;
	margin: 40px 10px 20px 10px;
}
.single-gallerybox p{
	margin: 0 10px 40px 10px;
}
.gallerybox-left{
	margin-left: 10px;
	margin-right: 10px;
	width: 460px;
}
.gallerybox-right{
	margin-left: 10px;
	margin-right: 10px;
	width: 460px;
}
.single-galleryframe{
	background: url(../img/gallery-single-frame-bg.png) no-repeat;
	height: 78px;
	margin: 3px;
	padding: 4px;
	width: 78px;
}
.single-galleryframe img{
	border: 4px solid #fff;
	float: left;
	margin: 0;
}
.single-galleryframe img:hover{
	border: 4px solid transparent;
	float: left;
	margin: 0;
}

.single-galleryframe h3{
	margin-top: 0;
}
.single-galleryframe p{
	margin-top: 0;
}
.gallery-share{
	margin:0 20px 30px 20px;
}
.guest-head{
	margin: 0 20px 30px 20px;
}
.guest-head h3{
	color: #F4DFAB;
}
.guest-entry{
	background: #222;
	border: 1px solid #000;
	font-size: 0.9em;
	margin: 0 20px 5px 20px;
	padding: 10px;
	/*CSS3*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.guest-entry h6 span{
	color: #F4DFAB;
}
.guest-form{
	background: #111;
	border: 1px solid #000;
	margin: 0 20px 5px 20px;
	padding: 10px;
	/*CSS3*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.guest-form label{
	float: left;
	width: 150px;
}

/*SINGLE-VIDEO PAGE*/
.single-videobox{
	width: 940px;
}
.single-videobox h2{
	color: #FFF;
	margin: 40px 10px 20px 10px;
}
.single-videobox p{
	margin: 0 10px 40px 10px;
}
.videobox-left{
	margin-left: 0;
	margin-right: 0;
	padding-left: 10px;
	width: 470px;
}
.videobox-right{
	margin-left: 0;
	margin-right: 0;
	width: 480px;
}



/*LINK PAGE*/
.linkbox-large{
	width: 940px;
}
.linkbox-large h2{
	color: #FFF;
	margin: 40px 0 10px 10px;
}
.linkbox-large p{
	font-size: 1em;
	margin: 10px 10px 10px 10px;
}
.linkbox-mid{
	background: url(../img/linkbox-mid-center-bg2.png) no-repeat;
	height: 188px;
	margin-top: 10px;
	width: 460px;
}
.linkbox-mid p{
	font-size: 1em;
	text-align: center;
}
.linkbox-mid a{
	color: #F4DFAB;
}
.linkbox-mid a:hover{
	color: #FFF;
}
.linkbox-mid textarea{
	height: 80px;
	margin: 15px 0 0 0;
	width: 400px;
}
.linkbox-large-bottom-text{
	background: url(../img/linkbox-large-bottom-bg2.png) no-repeat;
	font-size: 0.9em;
	height: 198px;
	margin: 20px 0 10px 0;
	padding: 22px 10px 10px 10px;
}
.linkbox-large-bottom-text p{
	margin: 0 0 15px 0;
}
.linkbox-large-bottom-text a{
	color: #F4DFAB;
}
.linkbox-large-bottom-text a:hover{
	color: #FFF;
}

/*CONTATTI PAGE*/
.mapsbox{
	width: 460px;	
}
.mapsbox h2{
	color: #FFF;
	margin: 40px 0 20px 10px;	
}
.mapsbox-content{
	background: url(../img/contacts-bg2.png) no-repeat;
	height: 536px;
	padding: 10px;
}
.mapsbox-content p{
	margin: 10px 0 0 10px;	
}
.mapsbox-content iframe{
	margin: 30px 10px 0 10px;
}
.mapsbox-content a{
	display: block;
	margin: 20px 0 0 10px;
}
.mailbox{
	width: 460px;
}
.mailbox h2{
	color: #FFF;
	margin: 40px 0 20px 10px;
}
.mailbox-content{
	background: url(../img/contacts-bg2.png) no-repeat;
	height: 750px;
	padding: 10px;
}
.mailbox-content p{
	margin: 10px 0 30px 10px;
}
.mailbox-content label{
	display: block;
	margin: 15px 10px 15px 0;
	width: 420px;
}
.mailbox-content label span{
	display: block;
	float: left;
	font-size: 1.1em;
	margin: 7px 0 0 0;
	width: 140px;
}
.mailbox-content label input{
	background: url(../img/contacts-input.png) no-repeat;
	border: none;
	height: 34px;
	padding: 0 5px 5px 5px;
	width: 268px;
	line-height:34px
}
.mailbox-content label textarea {
    background: url(../img/contacts-textarea.png) no-repeat;
    border: none;
    height: 192px;
    overflow: hidden;
    padding: 10px;
    width: 258px;
}
.mailbox-content label input.button{
	background: #FFF;
	border: 2px solid #927C59;
	float: right;
	margin: 0 2px 0 0;
	padding: 0;
	width: 80px;
	
	/*CSS3*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.mailbox-content label input.button:active{
	background: #333;
	color: #FFF;
}
.privacybox{
	width: 920px;
}
.privacybox h3{
	margin: 30px 0 0 10px;
}
.privacybox p{
	font-size: 0.9em;
	margin: 10px 0 0 10px;
}

/*TEST PAGE*/
.testpage{
	width: 940px;
}

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

/*******MENU FOOTER*****************************************/

#menu-footer {
	font-size:10px;
	color:white;
	padding:15px 0 0 0;
	text-align:center;
	width:960px
}

#menu-footer a {
	color:white;
	text-decoration:none;
	margin:0 10px 0 8px
}

#menu-footer a:hover {
	color:#867309;
	text-decoration:underline
}

/* PAGINAZIONE */

#paginazione {
	width:457px;
	border:0px solid white;
	line-height:30px;
	float:left
}

#paginazione a {
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	background:url(../img/paginazionebg.png);
	text-align:center;
	text-decoration:none;
	font-size:12px
}

#paginazione a:hover {
	color:#a7975f;
	text-decoration:underline
}
