*{	margin: 0; padding: 0; }

body{
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	background: #fff;
	color: #777;
}

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

a img{ border: none;}

a:hover{text-decoration: none;}

h2, h3, h2 a{color: #777; font-family: Arial, Helvetica, sans-serif;}

h1{font-size: 30px; color: #999;}
h2{font-size: 20px;}


p{
	margin: 5px 0;
	line-height: 20px;
}

li{ list-style: none;}

div#container {
	height: 100%;
	width: 960px;
	margin: 0 auto;
}

div#header{
	position: relative;
	height: 140px;
	width: 100%;
	border-bottom: #b7b7b7 1px solid;
}

span#dati{
	position: absolute;
	bottom: 7px;
	left: 4px;
	color: #0057a2;
	font: 19px "Times New Roman", Times, serif;
	letter-spacing: -1px;
}

ul#menu{
	display: block;
	height: 20px;
	width: 480px;
	float: left;
	margin-top: 8px;
	margin-left: 495px;
	color: #aaa;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
ul#menu li{
	display: block;
	float: left;
	margin-left: 9px;
	display: inline;
}

ul#menu a:hover{
	text-decoration: underline;
}

img#logo{
	margin-left: 0px;
}

ul#lingua{
	position: absolute;
	top: 15px;
	left: 920px;
	width: 25px;
}
ul#lingua li{
	float: left;
	list-style: none;
	margin: 0 3px;
}

div#wrapper_home{
	width: 100%;
	height: auto;
	background: url(../img/content_bg.jpg) top left repeat-y;
	min-height:278px;
   height:auto !important;
   height:278px;

}
div#wrapper_home h1{
	color: #999;
	font: 80px "Times New Roman", Times, serif;
	font-weight: lighter;
}

div#content{
	float: left;
	width: 595px;
	padding: 20px 20px 20px 45px;
}
div#content_contact{
	width: 910px;
	padding: 20px 20px 20px 45px;
}

div#evento{
	width: 290px;
	margin-left: 660px;
	padding-top: 20px;
}
div#evento p{
	color: #ccc;
	font-weight: bold;
	margin: 0 0 5px 3px;
	width: 270px;
}
div#evento span{
	margin: 0 0 0 3px;
}

div#evento img{
	border: #ccc solid 1px;
	margin: 20px 0 10px 0; 
}

div#wrapper{
	position: relative;
	width: 100%;
	min-height:278px;
   height:auto !important;
   height:278px;
}

div#content_storia{
	width: 595px;
	margin-left: 290px;
	padding: 20px;
}

div#cornice{
	position: absolute;
	float: left;
	height: 217px;
	width: 217px;
	padding: 12px;
	top: 20px;
	left: 30px;
	background: #FFF url(../img/cornice_bg.jpg) top left no-repeat;
}
div#cornice img{
	border: 1px #eee solid;
}

ul#vetrina{
	display: block;
	float: left;
	width: 645px; 
	margin-top: 20px;
	margin-left: 290px;
	display: inline;

}
ul#vetrina li{
	position: relative;
	height: 87px;
	width: 592px;
	padding: 20px 0 0 20px;
	margin: 0 0 20px 20px;
	border: #ccc solid 1px;
}
ul#vetrina li a{
	color: #777;
} 

img.box_oro{
	position: absolute;
	height: 125px;
	width: 190px;
	top: -10px;
	left: 370px;
	border: #ccc solid 1px;
	background: #FFF;
}

div#articolo_dati{
	position: relative;
	float: left;
	width: 570px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
}
div#articolo_dati img{ margin: 0 5px;}
div#articolo_dati a:hover{
	color: #777;
}

div#articolo_dati h2{
	width: 480px;
}

div#articolo_dati_img {
	float: left;
	margin: 20px 20px 20px 0;
	width: 350px;
	text-align: center;
}
div#articolo_dati_img img{
	border: #ccc solid 2px;
}

div#frecce{
	position: absolute;
	top: 30px;
	right: 20px;
	width: 80px;
	height: 20px;
	text-align: center;
}

span#info{
	display: block;
	text-align: center;
	width: 250px;
	margin-top: 20px;
	font-size: 16px;
	border: #ccc 1px solid;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}
span#info a{
	display: block;
	height: 20px;
	width: 100%;
	color: #777 !important;
}

span#return{
	display: block;
	float: left;
	text-align: left;
	margin-top: 5px;
	font-size: 14px;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

div#collezione{
	position: relative;
	margin: 0 auto;
	width: 890px;
	text-align: center;
}

ul.gioielli{
	clear: both;
	border-top: #ccc 1px solid ;
	width: 660px;
	padding-left: 20px;
	padding-right: 20px; 
	margin: 10px auto;
}
ul.gioielli li{
	display:block;
	float: left;
	text-align: center;
	width: 100px;
	height: 90px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	display: inline;
}
ul.gioielli li img{
	border: #ccc 1px solid;
}
ul.gioielli li.title{
	padding-top: 2px;
	height: 20px;
	width: 100%;
}

span#filtro{
	display: block;
	font-size: 16px;
	margin: 0 auto 10px auto;
	border: #ccc 1px solid;
	width: 150px;
	font-weight: bold;
}

.next{
	position: absolute;
	top: 90px;
	right: 102px;
	cursor: pointer;
	outline: none;
}
.prev{
	position: absolute;
	top: 90px;
	left: 102px;
	cursor: pointer;
	outline: none;
}

ul#categoria{
	position: absolute;
	top: 56px;
	left: 369px;
	width: 150px;
	height: auto;
	z-index: 110;
}

ul#categoria li, ul#categoria2 li{
	width: 100%;
	height: 20px;
	border: #ccc 1px solid;
	background: #FFF;
	text-align: center;
}
ul#categoria li a, ul#categoria2 li a{
	display: block;
	height: 18px;
	padding-top: 2px; 
	width: 100%;
}
ul#categoria li a:hover, ul#categoria2 li a:hover{
	color: #555;
	background: #ccc;
}

div#navigation{
	position: relative;
	padding-top: 20px; 
	width: 100%;
	height: 165px;
	border-top: #b7b7b7 1px solid;
}

.next{
	position: absolute;
	top: 90px;
	right: 50px;
	cursor: pointer;
	outline: none;
}
.prev{
	position: absolute;
	top: 90px;
	left: 50px;
	cursor: pointer;
	outline: none;
}

.gallery {
	margin: 0 auto;
	width: 811px;
	height: 144px;
	overflow: hidden;
	border: #eee 1px solid;
	
}
.gallery .holder {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.gallery .holder ul {
	padding: 0;
	margin-top: 6px;
	text-align: center;
	list-style: none;
	width: 30000px;
}
.gallery .holder ul li {
	display: block;
	height: 131px;
	width: 127px;
	padding: 4px;
	float: left;
	list-style: none;
	background: #FFF url(../img/marchio_bg.jpg) top left no-repeat;
	margin: 0;
	display: inline;
}
.gallery .holder ul li img { display: block;
margin-left: 1px;}

form#form1{
	margin: 0 auto !important;
	margin-left: 65px;
	width: 320px;
}

form#form1 input.casella_contact{
	width: 320px;
	border: #ccc 1px solid;
	font: 12px arial,sans-serif;
	margin-bottom: 7px;
	padding: 1px;
}
form#form1 textarea{
	width: 320px;
	border: #ccc 1px solid;
	margin-bottom: 7px;
	font-size: 12px;
	background: #FFF;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
form#form1 textarea#normativa{
	width: 320px;
	font-size: 10px;
	margin-bottom: 7px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#invia{
	background: #ccc;
	color: #555;
	border: #777 1px solid;
	height: 20px;
	width: 40px;
}

#map { width:455px; height:380px; border: 1px #ccc solid; }

ul#contact{ list-style: none }
ul#contact li{
	float: left;
	width: 50%;
	margin: 10px 0;
}

.claim{ font-size: 14px }

div#footer {
	height: 25px;
	font-size: 13px;
	background: #eee;
	text-align: center;
	padding-top: 10px;
	border-top: #b7b7b7 1px solid;
}
div#footer a {
	color: #e2001a;
	text-decoration: underline;
}

.clear{ clear: both;}
.rosso{ color: #e2001a !important;}
.underl{ text-decoration: underline !important;}
.sel{color: #0066c5 !important;}
.piccolo{ font-size: 10px !important;}