/* --------------------------------------
----------------- RESET
-----------------------------------------*/

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,
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-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* --------------------------------------
----------------- LAYOUT
-----------------------------------------*/
.clear { clear:both;}

html,body{
    height:100%;
    margin:0;
}

body {
	font-size: 12px; /* convert 16px base font size to 12px */
	line-height: 1.4em; /* 20px (12 x 1.6666 = 20) */
	font-family: arial;
	color: #222222;
	background:url(../images/bg-all.jpg) repeat-x #eeddd7 top center;
	padding:0px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}



a { color:#da0c74; text-decoration:none}
a:hover { text-decoration:underline; color: #440000}


a.navy { color:#336699; text-decoration:none}
a.navy:hover { text-decoration:underline; color: #440000}

a.black { color:#222222; text-decoration:none; font-size: 10px;}
a.black:hover { text-decoration:underline; color: #440000}

a.smallgray { color:#888888; text-decoration:none; font-size: 10px;}
a.smallgray:hover { text-decoration:underline; color: #000000}

a.gray { color:#777777; text-decoration:none;}
a.gray:hover {  color: #000000}






p {
margin-bottom:10px;
}

#left p {
margin-bottom:20px;
line-height: 21px;
color: #463d3a;
margin-left: 36px;
text-align: justify;
}

#page-text p {
line-height: 16px;
color: #666666;
}

h1 {
font-family: Trebuchet MS;
font-size: 16px;
font-weight: normal;
color: #da0c74;
margin-bottom: 8px;
}

h2 {
font-size: 16px;
font-weight: normal;
color: #da0c74;
margin-bottom: 10px;
}

h3 {
font-size: 11px;
color: #363636;
font-weight: bold;
margin-bottom: 13px;
}

#page-text h1 {
margin-bottom: 25px;
font-size: 19px;
font-weight: normal;
font-family: Arial;
color: #444444;
margin-top: 8px;
}




/* --------------------------------------
----------------- LAYOUT
-----------------------------------------*/

#wrapper {
    width:940px;
    margin: 0 auto;
    padding-top: 35px;
	text-align: left;
	position: relative;
	background: #ffffff;
}

#spot {
	width: 940px;
	height: 275px;	
}

#menuzone {
	height: 45px;
}

#page {
	background: url(../images/bg-page.jpg) no-repeat #ffffff;
	min-height: 300px;
}

#event {
	float: right;
	margin-right: 35px;
	margin-top: 25px;
	width: 535px;
	padding-bottom: 15px;
}

#footerwide {
	background: url(../images/bg-footerwide.jpg) no-repeat center top;
	padding-bottom: 20px;
	margin-top: 13px;
}

#footer {
	background: url(../images/bg-footer.jpg) no-repeat #e8e8e8;
	height: 98px;
	width: 940px;
	margin: 0 auto;
	position: relative;
}

#page-text {
	float: right;
	margin-right: 35px;
	margin-top: 25px;
	width: 535px;
	padding-bottom: 25px;
}






/* --------------------------------------
----------------- ELEMENTI
-----------------------------------------*/

#logo {
position: absolute;
top:240px;
left:40px;
z-index: 100px;
}

#quote {
float: left;
margin-left: 40px;
margin-top: 120px;
}

#event-title {
float: left;
margin-bottom: 5px;
}

#event-mask {
	width: 175px;
	height: 235px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	clear: left;
	margin-top: 15px;
	background-color: #eeeeee;
}

#event-text {
	float:right;
	width: 320px;
	margin-top: 17px;
}

#event-text p {
	color: #4e4e4e;
	font-size: 11px;
	line-height: 16px;
}

#event-text a.share {
font-size: 11px;
}



#footer-logo {
float: right;
margin-right: 30px;
margin-top: 31px;
}

.footer-text {
float: left;
margin-left: 30px;
margin-top: 20px;
font-size: 11px;
text-align: left;
color: #777777;
margin-right: 20px;
}

.footer-text h3 {
font-size: 12px;
margin-bottom: 4px;
color: #444444;
}

.footer-text h4 {
margin-bottom: 8px;
font-weight: normal;
}

.footer-text strong {
color: #363636;}

.icon {
padding-left: 22px;
background: url(../images/ico-facebook.png) no-repeat left center;
}


.newsletter-input {
border: 1px solid #aaaaaa;
margin: 0px;
margin-right: 13px;
}





.services {
margin-top: 40px;
}

.services td {
padding: 2px;
padding-bottom: 5px;
}

.services .pic {
background: no-repeat url(../images/pic-shadow.jpg) bottom left;
padding-left: 19px;
}

#page-text .services p {
font-size: 11px;
color: #000000;
}

.services li {
list-style: disc;
margin-left: 15px;
font-size: 11px;}




#fotospace {
float: left;
width: 160px;
margin-left: 42px;
margin-top: 60px;
margin-bottom: 20px;
}

#fotospace img {
border: solid 1px #666666;
margin-bottom: 5px;

}



.event-others {
padding: 7px;
padding-left: 80px;
border-bottom: dotted 1px #bbbbbb;
margin-left: 30px;
background-repeat: no-repeat;
background-position:  left center;
min-height: 70px;
}

#page-text .event-others h1 {
font-size: 15px;
margin-bottom: 4px;
}

#page-text .event-others h3 {
margin-bottom: 0px;
font-size: 10px;
}






.bio {
padding: 7px;
border-bottom: dotted 1px #bbbbbb;
margin-left: 30px;
position: relative;
}

.bio .foto {
width: 70px;
height: 70px;
background-position: center center;
background-repeat: no-repeat;
border: solid 1px #333333;
float: left;
margin-right: 30px;}

.biofoto {
width: 60px;
height: 60px;
background-repeat: no-repeat;
background-position: center center;
}

#page-text .bio h1 {
font-size: 15px;
margin-bottom: 4px;
}

#page-text .bio h3 {
margin-bottom: 0px;
font-size: 10px;
}



#infodata {
padding-top: 70px;
margin-left: 42px;
width: 260px;
float: left;
}



/* --- pages */



.pages {width: 400px;
margin: 0 auto;
text-align: center;
margin-top: 30px;}

.current {padding: 5px;
border: solid 1px #cccccc;
background: #fce5f2}

.pages a {padding: 5px;
border: solid 1px #cccccc;}

.nextprev {padding: 5px;
border: solid 1px #cccccc;}

/* --------------------------------------
----------------- MENU
-----------------------------------------*/





ul#stone-menu {
	list-style: none;
	
	
}

ul#stone-menu li {
display: inline;

 }
 
	
ul#stone-menu li a, ul#stone-menu li span {
	display: block; float: right; height: 24px;
	text-indent: -9999px;
	margin-top: 11px;
	margin-right: 37px;
}





	ul#stone-menu li a.menu1 {
		width: 48px; background-image: url(../images/menu-1.jpg)	
	}
	
	ul#stone-menu li a.menu2 {
		width: 64px; background-image: url(../images/menu-2.jpg)		
	}
	
	ul#stone-menu li a.menu3 {
		width: 70px; background-image: url(../images/menu-3.jpg)	
	}
	
	ul#stone-menu li a.menu4 {
		width: 62px; background-image: url(../images/menu-4.jpg)	
	}
	
	ul#stone-menu li a.menu5 {
		width: 60px; background-image: url(../images/menu-5.jpg)
	}
	

	
	
	
	ul#stone-menu li a.menu1:hover, ul#stone-menu li a.menu1:focus {
		background-position: 0px -24px;	
	}
	
	ul#stone-menu li a.menu2:hover, ul#stone-menu li a.menu2:focus {
		background-position: 0px -24px;	
	}
	
	ul#stone-menu li a.menu3:hover, ul#stone-menu li a.menu3:focus {
		background-position: 0px -24px;	
	}
	
	ul#stone-menu li a.menu4:hover, ul#stone-menu li a.menu4:focus {
		background-position: 0px -24px;	
	}
	
	ul#stone-menu li a.menu5:hover, ul#stone-menu li a.menu5:focus {
		background-position: 0px -24px;	
	}