body { margin: 0; font-family: verdana; font-size: 12px; color: #3e5f70; background: url(/images/bg-body.jpg) repeat-x center 184px #F0F3EA}

a { color: #333; }
img { border: 0 }
.wrapper { width: 940px; margin: 0 auto; } 

h1 { margin-top: 5px; font-family: georgia; color: #1d3667 }


/* HEADER */
#header { height: 139px; overflow: hidden; background: url(/images/bg-header.png) center top; border-top: 3px solid #f1f0d6 }
	#header .wrapper { position: relative; } /* background caricato via js */
		#logo { margin-top: 25px }
		#lang { position: absolute; right: 0; top: 0; width: 210px; height: 15px; padding: 5px 10px; text-align: center; font-size: 80%; background: #f1f0d6}
			#lang img { vertical-align: middle; }
				#lang img.selected { opacity: .5; filter:alpha(opacity=50) }


/* BARRA NAV */
#barraNav { overflow: hidden; position: relative; height: 43px; font-family: georgia; background: url(/images/bg-barranav.png) repeat-x; }
	a.lev1 { display: block; float: left; padding: 12px 18px; font-size: 16px; color: #3e5f70; text-transform: uppercase; text-decoration: none; background: url(/images/bg-barranav.png) repeat-x; border-right: 1px solid #e5e4cb }
		a.lev1:hover { color: #fff; background: url(/images/bg-barranav-selected.png) repeat-x; }
		a.lev1.selected { color: #fff; background: url(/images/bg-barranav-selected.png) repeat-x; }
	.overlay { display: none; background: #51707d; border: 1px solid #666; border-top: 0; }
		a.lev2 { display: block; padding: 6px 15px; font-size: 13px; text-decoration: none; color: #eee }
		a.lev2:hover { text-decoration: none; background: #3b525b }


#main { padding-top: 20px; }
	
	
	/* HOME */
	#fotoHomeWrapper { margin: 0 auto 30px auto; padding-top: 39px; background: url(/images/bg-foto-home.jpg) center top no-repeat }
		#slideShowHome { width: 900px; height: 428px; margin: 0 auto; }


	/* COL SX - MENU SX */
	#colSx { float: left; width: 145; margin-top: 10px; }
		#menuSx { margin-bottom: 25px; }
			#menuSx a { display: block; padding: 6px 5px 6px 15px; margin-bottom: 2px; color: #1d3667; text-decoration: none; border-left: 7px solid #d0e6f1; border-bottom: 1px solid #fff transparent }
				#menuSx a:hover { border-left-color: #1d3667 !important }
				#menuSx a.selected { border-left-width: 10px; border-left-color: #1d3667 !important }
					#menuSx a.ttl { text-transform: uppercase }
					#menuSx .links a { }
	
	
	/* CMS CONTENT */
	#content { float: right; width: 775px; }
	/* senza col sx */
	#contentFull {  }
	
	
	/* GALLERY */
	#gallery { position: relative; }
	/* GALLERIFFIC */
	div.galleryContent { display: block; float: right; width: 492px; }
	div.galleryContent a, div.navigation a { }
	div.galleryContent a:focus, div.galleryContent a:hover, div.galleryContent a:active { text-decoration: underline; }
	div.controls { height: 18px; }
	div.controls a { padding: 5px; }
	div.ss-controls { float: left; }
	div.nav-controls { float: right; }
	/* This height should be set to be at least the height of the largest image in the slideshow */
	div.slideshow-container { position: relative; clear: both; height: 371px; }
	/* This height should be set to be at least the height of the largest image in the slideshow */
	/* div.loader { position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 492px; height: 371px; }*/
	div.slideshow {}
	/* div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; } */
	div.slideshow span.image-wrapper { display: block; }
	div.slideshow a.advance-link { display: block; width: 498px; text-align: center;
		height: 373px; /* This should be set to be at least the height of the largest image in the slideshow */
		line-height: 371px; /* This should be set to be at least the height of the largest image in the slideshow */
	}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
	div.slideshow img { vertical-align: middle; border: 1px solid #ccc; }
	div.download { float: right; margin-left: 15px; }
	div.caption-container { position: relative; clear: left; height: 55px; left: 5px; }
	span.image-caption { display: block; position: absolute; width: 100%; top: 0; left: 0; }
	div.caption { padding: 5px 0 0 0 }
	div.image-title { font-weight: bold; font-size: 1.4em; }
	div.image-desc { line-height: 1.3em; }
	div.navigation { float: right; width: 280px; margin-top: 17px; }
		/* per template senza colonna sx */
		div.navigationFull { float: right; width: 440px; margin-top: 17px; }
	ul.thumbs { clear: both; margin: 0; padding: 0; }
	ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }
	a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
	ul.thumbs li.selected a.thumb { background: #000; }
	a.thumb:focus { outline: none; }
	ul.thumbs img { border: none; display: block; }
	div.pagination { clear: both; }
	div.navigation div.top { margin-bottom: 12px; height: 11px; }
	div.navigation div.bottom { margin-top: 12px; }
	div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
	div.pagination a:hover { background-color: #eee; text-decoration: none; }
	div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
	div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }

	
	/* FORM CONTATTO */
	#contactForm { width: 100%; }
		#contactForm td { width: 50%; padding: 5px 30px 5px 0; vertical-align: bottom; }
			#contactForm input.text, #contactForm textarea { width: 100%; padding: 2px; overflow: auto; border: 1px solid #ddd; background: #eee }
			#contactForm .submit { padding: 5px 20px; font-size: 150%; }
	
	
	/* FOOTER */
	#footer { margin: 30px 0 15px 0; font-size: 90%; line-height: 1.5em; text-align: center; color: #666 }
		#footer a { text-decoration: none; color: #666 }