@charset "utf-8";
/* CSS Document */

/*font-family: 'Caudex', serif;
font-family: 'Buda', sans-serif;*/



* { margin:0; padding:0;}

body { background-color:#FFF; color:#3d3d3d; font: normal 16px 'Buda', sans-serif;}

h1, h2, h3, h4 {font-family: 'Caudex', serif;}
h1 {font: bold 24px 'Caudex', serif; color:#bdcd00; margin-bottom: 10px;}
h2 {font: normal 20px 'Caudex', serif; color:#6f4237; margin-bottom: 20px;}
h3 {font: normal 19px 'Caudex', serif; color:#6f4237; margin-bottom: 8px; margin-top:15px;}
p { margin-bottom:15px;}

a {color:#6f4237;}
a:hover {color:#bdcd00;}



div#header { height:40px; background-color:#6f4237; color:#FFF; text-align:center;}
div#Hmenu { width:764px; margin:0px auto; background: url(../imgs/top_logo.gif) no-repeat bottom left; text-align:left; padding: 10px 0px 8px 210px;}
div#Hmenu ul.nav { list-style:none;}
div#Hmenu ul.nav li { display:inline;}
div#Hmenu ul.nav li a { padding:0px 10px; font: normal 18px 'Buda', sans-serif; text-decoration:none; color:#FFF; border-right: 1px solid #FFF; }
div#Hmenu ul.nav li a:hover {  text-decoration:none;  color:#6f4237; }

body#home div#Hmenu ul.nav li.home a, body#gelato div#Hmenu ul.nav li.gelato a, body#gelateria div#Hmenu ul.nav li.gelateria a {  text-decoration:none;  color:#bdcd00; }

div#Hmenu2 { width:974px; margin:0px auto; background: url(../imgs/bottom_logo.gif) no-repeat top left; text-align:left; padding-top:236px; clear:both}

div#main { width:974px; margin:0px auto; line-height:18px;}
div#contenuto { margin-left:210px; padding:20px 20px 5px 20px; background-color:#FFF; opacity:.80; filter:alpha(opacity=80); filter:"alpha(opacity=80)";}

#info {padding-top: 15px;color:#6f4237;}
#footer { margin-left:210px;  padding-top: 25px;color:#bdcd00; font-size:0.75em;}


span.sep { display:block; height:1px; width:50%; clear:both;}

#controls {
	margin-left: 210px;
	margin-top:40px;
}
#controls div {
	display:inline-block;
	padding:5px;
	margin:1px;
	color:#6f4237;
	background:rgba(255,255,255,.5);
	border:1px solid #fff;/*-moz-border-radius:4px;
			-webkit-border-radius:4px;
			-o-border-radius:4px;
			border-radius:4px;*/
		}
#controls div:hover:not(.counter) {
	background:rgba(255,255,255,.9);
}
#controls div.sel {
	background:rgba(255,255,255,.9);
}
#controls div:not(.counter) {
	cursor:pointer;
}
#wrapper {
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	top: -1px;
}