/* STILE STRUTTURA GRAFICA DI IMPAGINAZIONE - MARGINI LATERALI CORPO PAGINE */
/* per adattare il contenuto ad una grafica personalizzata modificare SOLO LeftPage e RightPage */
/* il contenuto centrale, il titolo e le gallerie si sitemano da sole automaticamente */
.ContainerPage {
	width: 95%;
	text-align: center;
	border: 0Px;
}
.LeftPage {
	width: 0%;
}
.MiddlePage {
	text-align: left;
}
.RightPage {
	width: 2%;
}
.ContainerPageNewsletter {
	text-align: left;
	height: 100%;
	width: 100%;
	vertical-align: top;
}

/* STILE DEI TITOLO INIZIALI DI OGNI PAGINA DEL SITO */
.StyleTitoloPagine {
	color: #c54197;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 20px;
	text-align: right;
}

/* STILE PRINCIPALE DELLE FONT DI TUTTO IL SITO */
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
/*** definisce lo stile delle font dei contenuti delle pagine ***/
.TdContentPage {
	color : black;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
} 
/*** definisce lo stile di tutte le TD standard ***/
TD {
	color : black;
	font-family: Tahoma, Verdana;
	font-size: 11px;
} 

/* STILE DEI COLLEGAMENTI */
A { 
	color: #46281b;
	border: none;
	text-decoration: underline;
}
A:Hover {
	color: #c54197;
	text-decoration: none;
	border: none;
} 

/* STILE DEI BOX DI INPUT */
input {
	FONT-SIZE: 8pt;
	FONT-FAMILY: tahoma, Helvetica;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
input[type="radio"] {
	background-color: #FFFFFF;
	border: 0;
}
input[type="submit"] {
	FONT-SIZE: 8pt;
	FONT-FAMILY: tahoma, Helvetica;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
input[type="image"] {
	background-color: #FFFFFF;
	border: 0;
}
textarea {
	FONT-SIZE: 11px;
	FONT-FAMILY: tahoma, Helvetica;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}


/* =============================================== */
/* STILE DEL LINK ATTIVAZIONE */
.StyleKeyActive {
	font-size: 0Pt;
	visibility: hidden;	
}



/* =============================================== */
/* STRUTTURA DEL SITO E SFONDO */
.StyleBody {
	background-image: url(../template/back.jpg);
	background-repeat: repeat-x;
}

/* OSSATURA DELLA PAGINA */
.StylePagina {
	width: 940px;
	height: 100%;
	border: 0Px;
}

/* STILE COLONNA SINISTRA */
.StyleSx {
	width: 240Px;
	height: 100%;
	background: url(../template/sf-sx.jpg);
	text-align: center;
	vertical-align: top;
}	

/* STILE COLONNA DESTRA */
.StyleDx {
	width: 700Px;
	height: 100%;
	background-image: url(../template/sf-dx.jpg);
	vertical-align: top;
}	

/* STILE BANNER SUPERIORE */
.StyleUpBanner {
	width: 940Px;
	height: 16Px;
	background-image: url(../template/testata.jpg);
	border-collapse: collapse;
}

/* STILE DELLA TABELLA DELLE LINGUE IN TESTA AL SITO */
.StyleLanguage {
	position:absolute;
	z-index: 10;
	width: 935Px;
	text-align: right;
}
.StyleLanguageContainer {
	width: 890Px;
}	
.StyleLanguageFlag {
	height: 15Px;
	text-align: center;
}
.StyleLanguageClose {
	width: 10Px;
}

/* STILE DELLO SFONDO DEL BANNER DOVE APPAIONO INSERIMENTI AMMINISTRATIVI */
.StyleBackBanner {
	width: 940Px;
	height: 354Px;
	background-image: url(../template/back-banner.jpg);
}	

/* STILE CORPO DEL BANNER DOVE APPAIONO INSERIMENTI AMMINISTRATIVI */
.StyleBannerContainer {
	width: 930Px;
	height: 30Px;
	background-repeat: no-repeat;
}	

/* STILE DELLA CODA DEL SITO */
.StyleFooterBack {
	width: 100%;
	height: 300Px;
	background-image: url(../template/back-coda.gif);
}
.StyleFooter {
	width: 940Px;
	height: 300Px;
	background-image: url(../template/coda.jpg);
	border: 0Px;
}	
.StyleFooterSx {
	width: 240Px;
	text-align: center;
}	
.StyleFooterDx {
	width: 700Px;
}



/* COLORE DI SFONDO DELLA PAGINA E DELLA TABLE TITOLO DELLE NEWSLETTER */
/* se vuoi cambiare il colore dello sfondo nella finestra HIGHSLIDE modifica lo stile che trovi nella sezione HIGHSLIDE*/
.StyleBodyNewsletter {
	background-color: #FFFFFF;
}
/* sfondo e TITOLO della pagina Newsletter (aperta con HIGHSLIDE)
.StyleTitleNewsletter {
	background-color: orange;
	height: 25Px;
	width: 550Px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
} */
/* Style del testo presente nel CONTENUTO della Newsletter */
.StyleContentNewsletter {
	vertical-align: top;
	text-align: left;
	color: #000000;
}

/* STILE DELLA TABELLA DI INIZIO DEL MENU per fare una testa personalizzata del blocchetto menu */
.StyleTastiHeader {
	border: 0Px;
	height: 1Px;
	/*background-color: #0099FF;*/
}
/* STILE DELLA TABELLA DI FINE DEL MENU per fare una coda personalizzata del blocchetto menu */
.StyleTastiFooter {
	border: 0Px;
	height: 1Px;
	/*background-color: #669999;*/
}
/* STILE DEI TASTI */
.StyleTasti {
	border: 0Px;
	width: 100%; 
	height: 25Px;
	background-image: url(../template/tasto.jpg)
}
/* STILE DELLO SPAZIO LATERALE SINISTRO DOVE INIZIA IL NOME DEL TASTO */
.StyleTastiSpacer {
	width: 31Px;
}
/* STILE DELLO SPAZIO LATERALE SINISTRO DOVE INIZIA IL NOME DEL SUB TASTO CON MENUSTATICO */
.StyleTastiSpacerSub {
	width: 0Px;
	vertical-align: top;
}
/* STILE DEL TESTO CARATTERE LINK DELLE NEWSLETTER */
.StyleTastiSpacerLink {
	text-align: left;
	color: #46281b;
	font-weight: bold;
}
/* STILE DEI TASTI DEI BLOCCHI STORICO E ISCRIZIONE NEWSLETTER */
.StyleContainerFormNewsletter {
	border: 0Px;
	width: 100%;
}
.StyleTastiNewsletter {
	border: 0Px;
	width: 100%; 
	height: 25Px;
	background-image: url(../template/tasto_newsletter.jpg);
}
.StyleTastiNewsletterMid {
	border: 0Px;
	width: 100%; 
	height: 1Px;
	background-image: url(../template/tasto_newsletter_mid.jpg);
}
.StyleTastiNewsletterSpacer{
	width: 60Px; 
	height: 25Px;
	text-align: right;
}
.StyleTastiNewsletterLink{
	width: 206Px; 
	height: 25Px;
	text-align: left;
}
.StyleTastiNewsletterFooter{
	width: 100%; 
	height: 1Px;
	background-image: url(../template/tasto_newsletter_dw.jpg);
}


/* STILI DELLA FIRMA CON INDIRIZZO */
.StyleTableFirma {
	width: 100%;
	border: 0Px;
}
.StyleTestoFirma {
	text-align: center;
	color: #000000;
}


/* =============================================== */
/* STILI DELLA BARRA DI BACKGROUND DEL MENU */
/* per modificare altezza e larghezza menu e submenu modificare anche inc_menu.asp*/
.clBar { 
	position: absolute;
	width: 10;
	height: 10;
	visibility: 100%;
}

/**** STILE DEL MENU AL LIVELLO 0 **************/
.clLevel0, .clLevel0over {
	position: absolute;
	padding: 5px;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
}
.clLevel0 {
	color: #46281b;
	text-align: left;
}
.clLevel0over {
	color: #c54197;
	cursor: pointer;
	cursor: hand;
	text-align: left;
}
.clLevel0border {
	position: absolute;
	visibility: hidden;
}
/**** STILE DEL MENU AL LIVELLO 1 ***************/
.clLevel1, .clLevel1over {
	position: absolute;
	padding: 2px;
	font-family: Tahoma, Verdana;
	font-size: 11px;
}
.clLevel1 { 
	/*background-color: #e38ebc; /*colore SFONDO del SUBPULSANTE*/
	color: #46281b; /*colore TESTO del SUBPULSANTE*/
	text-align: center;
	background-image:url(../template/sub_tasto.jpg)
}
.clLevel1over {
	/*background-color: #ffffcc; /*colore SFONDO del SUBPULSANTE al passaggio*/
	color: #db6405; /*colore TESTO del SUBPULSANTE al passaggio*/
	cursor: pointer;
	cursor: hand;
	text-align: center;
	background-image:url(../template/sub_tasto_over.jpg)
}
.clLevel1border { 
	position: absolute;
	visibility: hidden;
	background-color: #db6405; /*colore BORDO del SUBPULSANTE*/
}



/* STILE GRAFICO DELLE GALLERIE E SUBGALLERIE AUTOMATICHE */
.StyleBackGallery {
	widht: 165Px;
	height: 110Px;
	text-align: center;
}
.StyleSlideGallery {
	background-color: #F3F3F3;
	color: #000000;
}
.StyleMenuGallery {
	background-color: none;
	color: #000000;
	text-align: center;
}


/* STYLE DI VISUALIZZAZIONE DELLA MAPPA INTERATTIVA GOOGLEMAP */
.StyleGoogleMap {
	width: 400px;
	height: 300px;
	color: #000000;
}


/* COMPONENTE HIGHSLIDE CON IFRAME */

hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.outlineWhileAnimating = true;

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 600px;
    height: 400px;
    padding: 2px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* style incluso in inc_gallery e inc_subgallery */
* 
.highslide {
	cursor: url(include/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(include/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(include/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* =============================================== */


/* COMPONENTE GRAFICO EFFETTO LIGHTBOX */
.formx {BORDER-RIGHT: #808080 1px solid; BORDER-TOP: silver 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: silver 1px solid; COLOR: #808080; BORDER-BOTTOM: navy 1px solid; FONT-FAMILY:  tahoma; BACKGROUND-COLOR: white}

.Knop1
{
BACKGROUND-COLOR: #F3F3EE;
COLOR: black;
FONT-FAMILY: tahoma;
FONT-SIZE: 11px;
LINE-HEIGHT: 18px;
MARGIN: 0px 0px;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
PADDING-TOP: 0px;
WIDTH: 100%;
}
A:hover.Knop1
{
	BACKGROUND-COLOR: #0000CD;
	COLOR: #FFF8DC;
	FONT-FAMILY: tahoma;
	FONT-SIZE: 11px;
	LINE-HEIGHT: 18px;
	MARGIN: 0px 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	WIDTH: 100%;
}#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: url('file:///C:/Users/Dany/Desktop/include/js/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('file:///C:/Users/Dany/Desktop/include/js/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('file:///C:/Users/Dany/Desktop/include/js/nextlabel.gif') no-repeat right 15%; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}