html, body { 
  margin: 0;
  background-image: url(../immagini/bg.gif); 
}

body {
  font: 76% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {
  color: #000;
}

#container {
  width: 698px;
  margin: 0 auto;
  border: 1px solid #FFFFFF;
  background: url(../immagini/bgwrapper.gif) repeat-y;
}

#header {
  height: 181px;
  line-height: 181px;
  margin: 0;
  background-image: url(../immagini/bg_header.gif);
}

#menusopra {
  position: absolute;
  top: 1px;
  height: 24px;
}

#menusopra ul {
  margin: 0px 0px 24px 390px;
  list-style-type: none;
}

* html #menusopra ul {
  margin: 0px 0px 24px 420px;
}
 
#menusopra ul li {
  float: left;
  display: block;
  height: 18px;
  padding: 6px 0px 0px 25px;
}
 
#menusopra ul li a {
  display: block;
  font: 10px "Trebuchet MS", Arial, Helvetica, Tahoma sans-serif;
  color: #686868;
  text-decoration: none;  
}

#menusopra li#ho {
  width: 65px;
  background:url(../immagini/home.gif) no-repeat;
}

#menusopra li#ma {
  width: 80px;
  background:url(../immagini/mappa.gif) no-repeat;
}

#menusopra li#pr {
  width: 42px;
  background:url(../immagini/privacy.gif) no-repeat;
}

#contheader {
  clear: left;
  position: relative;
  top: 24px;
  border-bottom: 5px solid #FFFFFF;
}

* html #contheader {
  position: absolute;
}

#logo {
  float: left;
  width: 221px;
  height: 145px;  
  border-top: 7px solid #F81027;
  border-right: 1px solid #FFFFFF;
  background: url(../immagini/bglogo.gif);
  
}

#flash {
  float: right;
  width: 476px;
  height: 145px;
  padding-top: 1px;
  border-top: 7px solid #0D68AC;
  background: url(../immagini/bgflash.gif);
}

#wrapper {
  width: 693px;
  border: 1px solid #FFFFFF;
}

#navigation {
  float: left;
  width: 218px;
}

* html #navigation {
  margin: 8px 0px 0px 0px;
}

#menu {
  position: relative;
  left: -28px;
}

#menu ul {
  width: 193px;
  list-style-type: none;
}
 
#menu ul li {
  display: block; 
  height: 25px;
  margin: 0px 0px 2px 0px; 
  border: 1px solid #e8e8e8;
}
 
#menu ul li a {
  display: block;
  height: 23px;
  font: bold 15px "Trebuchet MS", Arial, Helvetica, Tahoma sans-serif;
  color: #686868;
  text-decoration: none;
  letter-spacing: -0.2px;
  word-spacing: -2px;
  padding: 2px 0px 0px 24px; 
  background-image: url(../immagini/button.gif);
}

* html #menu ul li a {
  word-spacing: -3px;
}

#menu ul li a:hover {
  background-image: url(../immagini/button_over.gif);  
}

.searchform {
  height: 91px;
}

* html .searchform {
  position: relative;
  top: -10px;
}

#contsearch {
  position: relative;
  left: 16px;
  width: 183px;  
  height: 91px;
  border: 1px solid #dbdbdb;
  background: url(../immagini/bgsearch.gif) no-repeat;
}

#cerca {
  width: 153px;
  height: 10px;
  margin: 40px 0px 0px 20px;
}

* html #cerca {
  margin: 40px 0px 0px 10px;
}

.input, .inputuser {
  border: 1px solid #000000;
  font: 11px "Trebuchet MS", Arial, Helvetica, Tahoma sans-serif;
  color: #3f3f3f;
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 0px 1px;
}

.inputpass {
  border: 1px solid #000000;
  font: 11px "Trebuchet MS", Arial, Helvetica, Tahoma sans-serif;
  color: #3f3f3f;
  margin: 1px 0px 2px 3px;
  padding: 0px 0px 0px 1px;
}

.loginlabel {
  position: relative;
  top: -2px;
}

.vai {
  margin: 2px 0px 0px 97px;
}

* html .vai {
  margin: 2px 0px 0px 108px;
}

.loginform {
  height: 80px;
  margin: 16px 0px 0px 10px;
}

#contlogin {
  position: relative;
  left: 16px;
  top: 14px;
  width: 183px;  
  height: 114px;
  margin: 0px 0px 20px 0px;
  border: 1px solid #dbdbdb;
  background: url(../immagini/bglogin.gif);
}

* html #contlogin {
  top: -16px;
  margin: 0px;
}

#content {
  float: right;
  width: 456px;
  padding: 0px 4px 2px 4px;
  margin: 12px 0px 0px 0px;
}

* html #content {
  width: 449px;
  padding: 0px 0px 2px 0px;
  margin: 8px 1px 0px 0px;
}

#conttitle {
  width: 456px;
  height: 25px;
  background: #e8e8e8;
  padding: 1px;
  margin: 0px 0px 6px 0px;
}

* html #conttitle {
  width: 100%;
  height: 23px;
}

#title {
  width: 450px;
  height: 23px;
  border: 1px solid #fff;
  font: bold 15px "Trebuchet MS", Arial, Helvetica, Tahoma sans-serif;
  color: #686868;
  padding: 0px 0px 0px 4px;
  background: url(../immagini/bgtitle.gif);
}

* html #title {
  width: 100%;
}

#footer {
  clear: both;
  width: 698px;
  height: 18px; 
  background: url(../immagini/bgfooter.gif);
  border-top: 4px solid #fff;
}

.footer {
  font: 10px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #fff;
  position: relative;
  top: 2px;
  left: 240px;
}

*+html .footer {
  top: -1px;
}

#listart a{
  width: 450px;
  display: block;
  font: bold 14px "Trebuchet MS", Arial, Helvetica, Tahoma sans-serif;
  color: #686868;
  border-bottom: 1px dotted #686868;
  text-decoration: none;
  margin: 4px 0px 0px 5px;
}

#listart a:hover{
  text-decoration: underline;
  color: #0d68ac;
}

#contgallery {
  width: 440px;
  height: 34px;
  margin: 4px 0px 0px 0px;
}

span#linkgallery {
  font: 12px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000000;
  position: relative;
  left: 8px;
  bottom: 12px;
}

#gallery {
   width: 449px;
   padding-left: 2px;
   margin-top: 10px;
   overflow: hidden;
   margin: 0px 0px 0px 6px;
}

* html #gallery {
   margin: 0px 0px 0px 2px;
}

#foto {
   float: left;
   width: 138px;
   height: 113px;
   margin: 2px 4px 10px 4px;
   border: 1px solid #404743;
}

#naviga {
   clear: left;
   width: 449px;
   height: 26px;
   text-align: right;
   margin: 10px 3px 0px 0px;
   padding-top: 6px;
}

.pagine {
   font: bold 11px Tahoma, Arial, "Trebuchet MS", Helvetica, sans-serif;
   color: #CBCBCB;
}

.pagine a{
   text-decoration: none;
   color: #404743;
}

.pagine a:hover{
   color: #F6C500;
}

span#npage {
   font: 11px Tahoma, Arial, "Trebuchet MS", Helvetica, sans-serif;
   color: #404743;
   margin-left: 105px;
}

span#logout a{
   font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #404743;
   text-decoration: none;
   margin: 0px 0px 0px 330px;
}

#nologin {
   font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #DD0000;
   text-align: center;
   margin: 10px 0px 0px 0px;
}

#nologin a {
   color: #DD0000;
   text-decoration: underline;
}

h2.sitemap, h2.maximise, h2.minimise {
    width: 300px;	
	background: url(../immagini/sitemapfolderbullet.gif) no-repeat center left;
	cursor: default;
	padding-left: 20px;
}

h2.sitemap a, h2.maximise a, h2.minimise a {
	font: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
}

h2.minimise {
	background: url(../immagini/minimise.gif) no-repeat center left;
}

ul.sitemap {
	list-style-type: none;
	margin-left: 0.5cm;
	padding-left: 0;
	text-align: left;
}

ul.sitemap li {
	text-align: left;
	background: transparent;
	/*margin-right : 300px;*/
}

ul.sitemap li a {
	background: transparent url(../immagini/sitemapdocbullet.gif) no-repeat;
	font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-left: 1em;
	text-decoration: none;
	color: #666666;
}

ul.sitemap li img {
	padding-right: 2px;
}

ul.sitemap li a:hover {
	background: transparent url(../immagini/sitemapdocbullethover.gif) no-repeat;
}

ul.sitemap li a.parent {
	background: transparent;
	padding-left: 0;
}

#cercate {
   width: 450px;
   margin: 0px 0px 20px 5px;
}

#risultati {
   width: 450px;
   margin: 0 auto;
}

#ricerca {
   width: 200px;
   margin: 0 auto;
   text-align: justify;
}

span#titolocercata a{
   font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #404743;
   text-decoration: none;
   width: 450px;
}

#brevecercata {
   display: block;
   font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #000000;
   width: 450px;
   padding: 0 0 10px 0;
   border-bottom: 1px solid #DDE3E8;
}

.cercataoff {
   font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #666666;
}

.cercata {
   font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #000000;
   text-decoration: none;
}

.parola {
   font: bold 12px Arial, Verdana, sans-serif;
   color: #D7A201;
   margin: 0px 110px 0px 0px;
}

* html .parola {
   margin: 0px 120px 0px 0px;
}

.risric {
   font: 11px Arial, Verdana, sans-serif;
   color: #000000;
}

form#contactform {
	margin: 20px 0 15px 0;
}

form#contactform fieldset {
	border: none;
	position: relative;
}

form#contactform fieldset legend {
	display: none;
}

form#contactform label {
	width: 115px;
	padding: 0 10px 0 0;
	clear: left;
	display: block;
	float: left;
	text-align: right;
}

form#contactform input.text, form#contactform textarea {
	width: 285px;
}

input.text, textarea {
	border-top: 1px solid #b0b3a7;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #b0b3a7;
	background: #faf7f7 url(../immagini/bg_text.gif) repeat-x;
	padding: 0 5px;
	margin: 0 0 15px 0;
	font: 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #606e5e;
}

input.text:focus, textarea:focus {	
	border-top: 1px solid #8aa4b8;
	border-right: 1px solid #80a6ce;
	border-bottom: 1px solid #80a6ce;
	border-left: 1px solid #8aa4b8;
	background: #e1e9f1 url(../immagini/bg_text_hover.gif) repeat-x;
}

input.text {	
	height: 18px;
}

form#contactform input.button {
	border: none;
	padding: 21px 0 0 0;
	margin: 10px 0 15px 125px;
	height: 21px;
	width: 56px;
	overflow: hidden;
	background: url(../immagini/bt_send.gif) no-repeat left top;
	cursor: pointer;
}

form#contactform input.button:hover {
	background: url(../immagini/bt_send.gif) no-repeat left -21px;
}

span#required {
    margin: 0 0 0 124px;
}

#sequenza {
    width: 440px;
	height: 200px;
	border: 1px solid #e8e8e8;
	padding: 2px;
	margin: 0 auto;
}