body {
	font: 75%/1.5 Arial, Helvetica, sans-serif;
	background: #fff url(../img/bkg_body.jpg) center top repeat-x;
	color: #456;
}	
html>body {
	font-size: 12px;
}

/* Tipografia di base */
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #369;
}
h1 {
	font-size: 3em;
	line-height: 0.75;
	margin: 0.5em 0;
}
h2 {
	font-size: 2em;
	line-height: 0.7;
	margin: 0.75em 0;
}
h3 {
	font-size: 1.5em;
	line-height: 1;
	margin: 1em 0;
}
h4 {
	font-size: 1.25em;
	line-height: 1.2;
	margin: 1.2em 0;
}
p {
	margin: 1.5em 0;
}
a {
	color: #06c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Stile bdWrap */
#bdWrap {
}

/* Stile contenitore */
#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	/*background: url(../img/bkg_wrap.png) 0 150px no-repeat;*/
}

/* Testata della pagina */
#header {
	width: 960px;
	height: 150px;
}

/* Stile logo */
#boxLogo {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 50px;
}

/* Stile contenitore immagine testata */
#splash {
	position: absolute;
	left: 0;
	top: 90px;
	width: 960px;
	height: 50px;
}
#splash h1 {
	text-indent: -2400em;
	margin: 0;
	width: 960px;
	height: 50px;
}
/*#pgProdotti #boxLogo h1 {
	background: #f00 url(../img/ttl_01.jpg);
}*/

/* Stili area lingue */
#boxLingue {
}
#boxLingue ul {
}
#boxLingue li {
}
#boxLingue a {
}
#lkIt a {
}
#lkEn a {
}
#lkDe a {
}
#boxLingue a:hover {
}

/* Stili area mail */
#boxMail {
}
#boxMail p {
}
#boxMail a {
}
#boxMail a:hover {
}

/* Stile navigazione */
#nav {
	position: absolute;
	right: 0;
	top: 0;
	width: 702px;
	height: 50px;
}
#nav ul {
	width: 702px;
	height: 50px;
}
#nav li {
	float: left;
	width: 112px;
	height: 50px;
}
#nav a {
	text-indent: -2400em;
	display: block;
	width: 117px;
	height: 50px;
	color: #fff;
}
#lk01 a {
	background: url(../img/nav_01.png) 0 0;
}
#lk02 a {
	background: url(../img/nav_02.png) 0 0;
}
#lk03 a {
	background: url(../img/nav_03.png) 0 0;
}
#lk04 a {
	background: url(../img/nav_04.png) 0 0;
}
#lk05 a {
	background: url(../img/nav_05.png) 0 0;
}
#lk06 a {
	background: url(../img/nav_06.png) 0 0;
}
#nav a:hover {
	background-position: 0 -50px;
}

/* Stile corpo */
#section {
	clear: both;
	padding-bottom: 3em;
	width: 960px;
	overflow: hidden; 
	_overflow: visible; 
	zoom: 1;
}

/* Stile testo */
#article {
	float: right;
	padding: 3em 0 1em 0;
	width: 680px;
	min-height: 460px;
	height: auto!important;
	height: 460px;
	overflow: hidden; 
	_overflow: visible; 
	zoom: 1;
}
.pgProgetti #article {
	width: 960px;
}
p.descrizione {
	font-size: 1.5em;
	line-height: 1.5;
	margin: 1em 0;
	color: #678;
}


/* Stili box testo area article */
div.artA, div.artB {
	clear: both;
	width: 680px;
	overflow: hidden; 
	_overflow: visible; 
	zoom: 1;
}
div.artA p {
	margin-right: 284px;
}
div.artB p {
	margin-left: 284px;
}
div.artA h3 {
	margin-right: 284px;
}
div.artB h3 {
	margin-left: 284px;
}

/* stile immagine testo */
div.artA div.boxImg, div.artB div.boxImg {
	margin: 18px 0 0 0;
	width: 260px;
	height: 260px;
}
div.artA div.boxImg {
	float: right;
}
div.artB div.boxImg {
	float: left;
}

/* stile boxIt pagine base */
div.boxIt {
	float: left;
	clear: both;
	margin: 0.5em 0;
	width: 680px;
}
div.boxIt img {
	float: left;
}
div.boxIt h4, div.boxIt p  {
	margin-left: 150px;
}

/* Stili lista spunta */
ul.spunta {
}
ul.spunta li {
	padding: 12px 0 12px 27px;
	background: url(../img/spunta.png) 0 10px no-repeat;
}

/* stile area moduli */
#artModuli {
}
#artModuli ul {
	width: 680px;
}
#artModuli li {
	float: left;
	margin: 0 24px 24px 0;
	padding-left: 70px;
	width: 246px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
}
#artModuli div.boxImg {
	float: left;
	margin-left: -70px;
}
#artModuli h2 {
	padding-bottom: 0.25em;
	border-bottom: 1px dotted #c3ccd9;
}
#artModuli h3 {
	font-size: 1.5em;
	line-height: 1;
	margin: 0.5em 0;
}
#artModuli p {
	margin: 0;
}

/* Stile elementi lista pagine sub categorie */
ul.subC {
	clear: both;
	float: left;
	margin: 12px 0;
	width: 100%;
}
ul.subC li {
	clear: both;
	margin: 0 0 3em 0;
	min-height: 72px;
	height: auto !important;
	height: 72px;
}
ul.subC li h3 {
	font-size: 1.5em;
	line-height: 1;
	margin: 0.5em 0;
}
ul.subC li p {
	margin-left: 72px;
}
ul.subC li img {
	margin-top: 1em;
	float: left;
}
ul.subC li a.lkPF {
	margin-left: 72px;
}

/* Stile elementi pagine lista */
div.boxLst {
	clear: both;
	float: left;
	margin: 12px 0;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
div.boxLst img {
	float: right;
	margin: 0 0 12px 12px;
	width: 120px;
}

/* Stile galleria immagini */
div.boxGalleria {
	clear: both;
	float: left;
	margin: 12px 0;
	width: 100%;
}
div.boxGalleria li {
	float: left;
	margin: 6px;
	padding: 2px;
	border: 1px solid #ccc;
	width: 120px;
	height: 80px;
	overflow: hidden;
}
div.boxGalleria img {
	width: 120px;
}
p.lkAll {
	clear: both;
	padding-top: 0.375em;
	border-top: 1px solid #999;
}

/* Stili pagina contatti con mappa */
#bcContatti {
	float: left;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dotted #ccd;
}
#bcContatti #boxMap {
	position: relative;
	float: right;
	margin-top: 25px;
	border: 1px dotted #ccd;
	width: 322px;
	height: 477px;
}
#bcContatti #map_canvas {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 320px;
	height: 475px;
}

#bcContatti #bcForm {
	float: left;
	margin-top: 25px;
	width: 310px;
	height: 475px;
}

/* pulsante add this */
a.addthis_button {
	display: block;
	float: right;
	margin-top: -24px;
	width: 136;
	height: 24px;
}
/* Stile sidebar */
#aside {
	float: left;
	padding-top: 1.8em;
	width: 200px;
	min-height: 200px;
	height: auto!important;
	height: 200px;
	overflow: hidden; 
	_overflow: visible; 
	zoom: 1;
}
#aside h3 {
	font-size: 1.5em;
	line-height: 1;
	margin: 2em 0 0 0;
	padding: 0 0 0.5em 0;
	font-weight: bold;
	color: #369;
}
#aside h3 a {
	color: #369;
	text-decoration: none;
}
#aside h3 a:hover {
	color: #06c;
	text-decoration: none;
}
#aside ul {
	margin: 0 0 2.4em 0;
	padding-top: 1px;
	width: 200px;
	background: url(../img/bkg_ul_aside.png) 0 0 no-repeat;
}
#aside li {
	width: 200px;
	font-size: 1.25em;
	font-weight: bold;
}
#aside li a {
	display: block;
	padding: 12px 0 6px 36px;
	background: url(../img/bkg_nav_aside.png) left bottom no-repeat;
	width: 164px;
	height: 24px;
	letter-spacing: -0.04em;
	color: #abc;
}
#aside li a:hover {
	background-position: center bottom;
	text-decoration: none;
	color: #679;
}
	
/* Stile footer */
#footer {
	padding: 10px 0;
	width: 100%;
	background: #06b url(../img/bkg_footer.jpg) center top no-repeat;
	color: #d6e9f6;
	overflow: hidden; 
	_overflow: visible; 
	zoom: 1;
}
#footer a, #subFooter a {
	color: #d6e9f6;
}
#footer a:hover, #subFooter a:hover {
	color: #fc0;
	text-decoration: none;
}
#boxFooter {
	margin: 0 auto;
	padding: 10px 0;
	width: 960px;
}
#infoFooter {
	float: left;
	padding: 45px 20px 10px 20px;
	width: 160px;
}
#infoFooter p {
	margin: 0.5em 0 0 0;
	color: #d6e9f6;
}
#navFooter {
	float: right;
	padding: 2px 0 2em 0;
	width: 680px;
}
#navFooter h3 {	
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: -0.03em;
	line-height: 1.2;
	margin: 1.2em 0 0.9em 0;
	color: #d6e9f6;
}
#navFooter ul {
}
#navFooter li {
	float: left;
	width: 170px;
}
#navFooter li ul {
	width: 170px;
}
#navFooter li ul li {
	float: none;
	margin: 0.5em 0;
	width: 170px;
}

#subFooter {
	width: 100%;
	padding: 1em 0 3em 0;
	background: #048 url(../img/bkg_sub_footer.png) center top no-repeat;
	color: #d6e9f6;
	overflow: hidden; 
	_overflow: visible; 
	zoom: 1;
}
#navServizio {
	margin: 0 auto;
	padding: 1.5em 0 3em 280px;
	width: 680px;
}
#navServizio ul {
}
#navServizio li {
	float: left;
	width: 170px;
}

/* Stili modulo prenotazione */
#modulo {
	margin: 0;
	padding: 0;
}
#modulo p {
	clear: both;
	margin: 12px 0;
	padding-top: 9px;
}
label {
	float: left;
	display: block;
	margin: 3px 0;
	padding: 9px 6px 0 6px;
	border-bottom: 1px solid #ccc;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	color: #333;
}
input, select, textarea {
	margin: 12px 0 0 0;
	padding: 6px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 86%;
	color: #333;
	background: #f3f3f3;
}
input:focus, select:focus, textarea:focus, input.sffocus, select.sffocus, textarea.sffocus {
	border: 1px solid #999;
	background: #fff
}
#boxPrivacy {
	margin: 1.5em 0;
	padding: 1.5em;
	background: #eee;
}
#boxPrivacy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border: 0;
}
#boxPrivacy h2 {
	font-size: 1.25em;
	line-height: 1.2;
	margin: 12px 0;
}
#boxPrivacy label {
	border: 0;
	width: auto;
}
input.bottone {
	padding: 0.75em 1.5em;
	border: 1px solid #333;
	background: #999;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
}
input.bottone:focus, input.bottone.sffocus {
	background: #ccc;
	color: #333;
}
#modulo br {
	clear: left;
}

/* ------------ stili portfolio ------------ */
#boxPortfolio {
	width: 960px;
	height: 450px;
	background: url(../img/bkg_portfolio.jpg);
}
#navigator {
	width: 960px;
	height: 160px;	
}

#navigator ul {	
	margin: 0 auto;	
	width: 900px;
}

#navigator li {	
	float: left;
	list-style-type: none;
	width: 150px;
	text-align: center;
}

#navigator a {
	position: relative;
	display: block;
	padding: 12px 5px;
	height: 126px;
	color: #e6f3ff;
	text-decoration: none;
}	
#navigator a img {
	width: 100px;
	height: 65px;
}	

#navigator a.current {
	background: url(../img/bkg_navigator.png) 0 0 no-repeat;
}

#navigator img {
	display: block;
	margin: 5px;
	border: 5px solid #fff;
}

#navigator strong {
	display: block;		
	font-size: 13px;
}

/* panes */
#panes {
	position:relative;
	margin-bottom: -50px;
	padding-bottom: 20px;
	width: 960px;	
	height: 300px;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display: none;		
	position: absolute;
	top: 20px;
	left: 30px;
	width: 900px; 
}

#panes img {
	float: left;
	margin-right: 30px;	
	border: 5px solid #fff;
}
#panes div div.pfTxt {
	display: block;
	position: absolute;
	left: 400px;
	top: 0;
	width: 500px;
}
#panes p.more {
	font-weight:bold;
}

#panes h3 {
	/*margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;*/
}
a.lkPF {
	display: block;
	margin-bottom: 3em;
	padding: 5px 0 0 25px;
	width: 210px;
	height: 30px;
	background: url(../img/lk_PF.png) 0 0 no-repeat;
	color: #d6e9f6;
	font-size: 112%;
	font-weight: bold;
}
a.lkPF:hover {
	background-position: 0 -35px;
	text-decoration: none;
}
.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}

/* ------------ stili ndx ------------ */
body.pgNdx {
	background: #fff url(../img/bkg_body_ndx.jpg) center top repeat-x;
}	
.pgNdx #bdWrap {
	background-image: none;
}
.pgNdx #header {
	width: 960px;
	height: 400px;
}
.pgNdx #article {
	float: right;
	padding: 0 0 1em 0;
	width: 960px;
	overflow: hidden; 
	_overflow: visible; 
	zoom: 1;
}
#boxTop, #boxDown, #boxContatti {
	margin-bottom: 12px;
	width: 960px;
	overflow: hidden; 
	_overflow: visible; 
	zoom: 1;
}
#boxTop, #boxDown, #boxContatti {
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccd;
}
#boxTop div, #boxDown div, #boxContatti div {
}
#topA, #downA, #contattiA {
	float: left;
	width: 296px;
}
#topB/*, #contattiB*/ {
	float: left;
	margin: 0 36px;
	width: 296px;
}
#contattiB {
	float: left;
	margin: 0 0 0 36px;
	width: 628px;
}
#topC, #downC/*, #contattiC*/ {
	float: right;
	width: 296px;
}
#topB {
}
.pgNdx #boxMap {
	position: relative;
	margin-top: 25px;
	padding: 1px;
	border: 1px dotted #ccd;
	width: 624px;
	height: 264px;
}
.pgNdx #map_canvas {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 624px;
	height: 264px;
}
/* Area servizi */
#downB {
	float: right;
	width: 630px;
}
#downB ul {
	width: 630px;
}
#downB li {
	float: left;
	margin: 0 24px 24px 0;
	padding-left: 70px;
	width: 220px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}
#downB img {
	float: left;
	margin: 6px 0 0 -70px;
}
#downB h3 {
	font-size: 1.5em;
	line-height: 1;
	margin: 0 0 0.25em 0;
}
#downB p {
	margin: 0;
}

/* ------------ Stile slider area splash ------------ */
/* Stili box spot */
#boxShow {
	position: absolute;
	left: 0;
	top: 50px;
	width: 963px;
	height: 350px;
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 963px;	 
	height: 300px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position: absolute;
	width: 20000em;	
	clear: both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top: 120px;	
}



/* single item */
#thumbs div {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 963px;
	height: 300px;
	cursor: pointer;
}

#thumbs div div.boxImgEventi {
	margin: 0 0 5px 0;
	padding: 2px;
	width: 180px;
	height: 120px;
	border: 1px solid #7db5de;
	background: #fff;
	overflow: hidden;
}
#thumbs div div.boxImgEventi a img {
	border: 0;
	width: 180px;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background: #99d3fc;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background: #93ccfc;
	cursor: default;
}

#thumbs h3 {
	margin: 6px 0;
	font-size: 112%;
	font-variant: small-caps;
	letter-spacing: -0.04em;
	line-height: 1.2;
}
#thumbs p {
	margin: 6px 0;
	line-height: 1.2
}
/* this makes it possible to add next button beside scrollable 
div.scrollable {
	float:left;		
}
*/
/* prev, next, prevPage and nextPage buttons */
a.prev, a.prevPage, a.next, a.nextPage {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	background: url(../img/scroll_sx.png) no-repeat;
	cursor: pointer;
}
a.prev, a.prevPage {
	left: 0;
	top: 100px;
}
a.next, a.nextPage {
	right: 0;
	top: 100px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position: 0px -25px;		
}

/* disabled navigational button */
a.disabled {
	visibility: hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image: url(../img/scroll_dx.png);
	clear: right;	
}

/* position and dimensions of the navigator */
div.navi {
	position: absolute;
	top: 22px;
	right: 42px;
	height: 8px;
	text-align: right;
}
/* items inside navigator */
div.navi a {
	width: 8px;
	height: 8px;
	float: left;
	display: inline; 
	margin: 0 0 0 3px;
	background: url(../img/navigator.png) 0 0 no-repeat;     
	cursor: pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -24px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -48px;     
} 	
/* Pulsante pagina generale notizie */
p.allNews {
	clear: both;
	margin: 0 -25px;
	padding: 12px 42px 6px 42px;
	width: 626px;
	background: url(../img/dot.gif) 0 0 repeat-x;
	font-weight: bold;
}