/* STILE PRINCIPALE DELLE FONT DI TUTTO IL SITO */
TD {
	color : black;
	font-family: Tahoma, Verdana;
	font-size: 11px;
} 

/* STILE DEI COLLEGAMENTI */
A { 
	color: Orange;
	border: none;
	text-decoration: underline;
}
A:Hover {
	color: navy;
	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;
	color: white;
}



/* =============================================== */
/* STRUTTURA DEL SITO E SFONDO */
.StyleBody {
	background: url(../template/back.jpg);
	background-repeat: repeat-x;
	background-color: #dff4fb;
}

/* OSSATURA DELLA PAGINA */
.StylePagina {
	width: 940px;
	height: 100%;
	border: 0Px;
}

/* STILE COLONNA SINISTRA */
.StyleSx {
	width: 240Px;
	height: 100%;
	background: url(../template/sf-sx.png);
	text-align: center;
	vertical-align: top;
}	

/* STILE COLONNA DESTRA */
.StyleDx {
	width: 700Px;
	height: 100%;
	background-image: url(../template/sf-dx.png);
	vertical-align: top;
}	

/* STILE BANNER SUPERIORE */
.StyleUpBanner {
	width: 940Px;
	height: 250Px;
	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: 100Px;
	background-image: url(../template/back-banner.png);
}	

/* STILE CORPO DEL BANNER DOVE APPAIONO INSERIMENTI AMMINISTRATIVI */
.StyleBannerContainer {
	width: 930Px;
	height: 30Px;
	background-repeat: no-repeat;
}	

/* STILE DELLA CODA DEL SITO */
.StyleFooter {
	width: 940Px;
	height: 100Px;
	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 */
.StyleBodyNewsletter {
	background-color: #FFFFFF;
}
.StyleTitleNewsletter {
	background-color: #3399FF;
	height: 25Px;
	width: 550Px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
}

/* STILE DEI TITOLO INIZIALI DI OGNI PAGINA DEL SITO */
.StyleTitoloPagine {
	width: 96%;
	color: #c0c0c0;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 20px;
	text-align: right;
}

/* 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: 50Px;
	vertical-align: top;
}
/* STILE DEL TESTO CARATTERE LINK DELLE NEWSLETTER */
.StyleTastiSpacerLink {
	text-align: left;
	color: #666666;
	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: 25Px;
	background-image: url(../template/tasto_newsletter_mid.jpg);
}
.StyleTastiNewsletterSpacer{
	width: 40Px; 
	height: 25Px;
	text-align: right;
}
.StyleTastiNewsletterLink{
	width: 206Px; 
	height: 25Px;
	text-align: left;
}
.StyleTastiNewsletterFooter{
	width: 100%; 
	height: 14Px;
	background-image: url(../template/tasto_newsletter_dw.jpg);
}
.StyleFirma {
	width: 100%;
	border: 0Px;
}


/* =============================================== */


/* STILI DELLA BARRA DI BACKGROUND DEL MENU */
.clBar { 
	position:absolute;
	width:10;
	height:10;
	layer-background-color:#FF9933;
	visibility:100%;
}


/**** STILE DEL MENU AL LIVELLO 0 **************/
.clLevel0, .clLevel0over {
	position:absolute;
	padding:2px;
	font-family: thaoma, verdana;
	font-size:12px;
}
.clLevel0 {
	color:#000000;
	text-align:left;
}
.clLevel0over {
	layer-background-color:#000000;
	color:#FF0000;
	cursor: pointer;
	cursor: hand;
	text-align:left
}
.clLevel0border {
	position:absolute;
	visibility:hidden;
	layer-background-color:#006699
}

/**** STILE DEL MENU AL LIVELLO 1 ***************/
.clLevel1, .clLevel1over {
	position:absolute;
	padding:2px;
	font-family: thaoma, helvetica;
	font-size:12px
}
.clLevel1 { 
	background-color: #d1ffb4;
	color:#000000;
	text-align:left
}
.clLevel1over {
	layer-background-color:#E6E6E6;
	background-color:#dff4fb;
	color:#FF0000;
	cursor: pointer;
	cursor:hand;
	text-align:center
}
.clLevel1border { 
	position:absolute;
	visibility:hidden;
	background-color: #82CCFF;
	layer-background-color:#006699
}



/* STILE GRAFICO DELLE GALLERIE E SUBGALLERIE AUTOMATICHE */
#coloracella tr.ruled {
  background: #F3F3F3;
}
.StyleBackGallery {
	widht: 165Px;
	height: 110Px;
	text-align: center;
}
.StyleSlideGallery {
	background-color: #F3F3F3;
	color: #000000;
}
.StyleMenuGallery {
	background-color: none;
	color: #000000;
	text-align: center;
}



/* 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;
}


/* =============================================== */


/* 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;
	}
