/* STILE PRINCIPALE DELLE FONT DI TUTTO IL SITO */
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
TD {
	color : black;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	text-align:left;
} 

/* STILE DEI COLLEGAMENTI */
A { 
	color: #003366;
	border: none;
	text-decoration: underline;
}
A:Hover {
	color: #FF6600;
	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.radio {
	background-color: none;
	border: 0Px;
	cursor: hand;
	cursor: pointer;
}
input.submit {
	FONT-SIZE: 8pt;
	FONT-FAMILY: tahoma, Helvetica;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
input.checkbox {
	background-color: none;
	border: 0Px;
}
input.image {
	background-color: #FFFFFF;
	border: 0Px;
}
textarea {
	FONT-SIZE: 11px;
	FONT-FAMILY: tahoma, Helvetica;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
h2 {
	color: orange;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 12px;
	text-align: justify;
}




/* =============================================== */
/* STILE INTESTAZIONE ALTO */
.StyleIntestazione{
	border: 0Px;
	width: 940Px;
	height: 130Px;
}
.StyleIntestazioneSx{
	width: 242Px;
	height: 133Px;
	background-image: url(../template/head_sx.gif);
}
.StyleIntestazioneDx{
	height: 78Px;
	width: 699Px;
	background-image: url(../template/head_dx_1.gif);
}
.StyleIntestazioneDx2{
	vertical-align: top;
	height: 36Px;
	width: 699Px;
	background-image: url(../template/head_dx_2.gif);
}
.StyleIntestazioneDx3{
	height: 19Px;
	width: 699Px;
	background-image: url(../template/head_dx_3.gif);
}

.StyleNewsMarqueueBanner{
	width: 940Px;
	height: 147Px;
	background-image: url(../template/back_news.gif);
}

/* =============================================== */
.BodyPage1 {
	width: 100%;
	text-align: center;
	border: 0Px;
}
.BodyPageSinistro {
	width: 2%;
}
.BodyPageDestro {
	width: 2%;
}
.BodyPageCentrale {
	width: 96%;
	text-align: left;
}

/* =============================================== */
/* STILE SCHEDA ISCRIZIONE UTENTE */
.StyleTableUserContainer {
	border: 1Px solid;
	border-color: #C0C0C0;
	width: 500Px;
}
.StyleTableUserHeader {
	background-color: #FFFFCC;
	border: 1Px solid;
	border-color: #C0C0C0;
	width: 400Px;
	height: 20Px;
}
.StyleTableUserDx {
	width: 25%;
}
.StyleTableUserDx2 {
	width: 25%;
	text-align: center;
}




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



/* =============================================== */
/* STRUTTURA DEL SITO E SFONDO */
.StyleBody {
	background: url(../template/back.gif);
	background-repeat: repeat-x;
	background-color: #b9b2f1;
}

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

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

/* STILE DIV DI BACKGROUND SOTTO COLONNA SINISTRA */
.BackDivImage {
	/*background-image: url(../template/back_functioncs.gif);
	background-repeat: no-repeat;*/
}

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

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

/* STILE COLORE TABELLE DESCRITTIVE PER ARCHIVIO ETC */
.ColoreFondoDescrizioni {
	background-color: #FFFFCC;
	text-align: justify;
	color: #666666;
}

/* STILE DELLE NEWS MARQUEUE IN HOME PAGE */
.NewsMarqueue {
	color: #808080;
	height: 127Px;
	width: 98%;
	padding: 3Px;
}

/* STILE DELLA FIRMA */
.StyleFirma {
	text-align: left;
}
.TableStyleFirma {
	border: 0Px;
	width: 240Px;
}




/* =============================================== */
/* STILE DEI TITOLO INIZIALI DI OGNI PAGINA DEL SITO */
h1 {
	width: 96%;
	color: #c0c0c0;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 15px;
	text-align: right;
}
/* STILE DEI TASTI */
.StyleTasti {
	border: 0Px;
	width: 100%; 
	height: 25Px;
	background-image: url(../template/tasto.gif)
}
/* STILE DELLO SPAZIO LATERALE SINISTRO DOVE INIZIA IL NOME DEL TASTO */
.StyleTastiSpacer {
	width: 20Px;
}
/* STILE DELLO SPAZIO LATERALE SINISTRO DOVE INIZIA IL NOME DEL SUB TASTO CON MENUSTATICO */
.StyleTastiSpacerSub {
	width: 35Px;
	vertical-align: top;
}


/* =============================================== */
/* STILE DEI FOOTER DEL SITO */
.StyleFooter1 {
	width: 940Px;
	height: 62Px;
	background-image: url(../template/footer.gif);
}
.StyleFooter2 {
	width: 240Px;
	text-align: center;
}
.StyleFooter3 {
	width: 700Px;
}






/* =============================================== */
/* STILI DELLA BARRA DI BACKGROUND DEL MENU */
.clBar { position:absolute;
	layer-background-color:#FF9933;
	visibility:100%;
}

/**** STILE DEL MENU AL LIVELLO 0 **************/
/*USARE PADDING-TOP OPPURE PADDING-LEFT PER SPOSTARE L'INIZIO DEL MENU*/
.clLevel0, .clLevel0over {
	position:absolute;
	padding-top:10px;
	font-family: verdana,arial,helvetica;
	/*font-weight: bold;*/
	font-size:10pt ;
	vertical-align: bottom;
}
.clLevel0 {
	color:#666666;
	text-align:center;
}
.clLevel0over {
	background-image: Url(../template/menu/menu_push.png);
	color:#FF0000;
	cursor: pointer;
	cursor: hand;
	text-align:center;
}
.clLevel0border {
	position:absolute;
	visibility:hidden;
}

/**** STILE DEL MENU AL LIVELLO 1 ***************/
.clLevel1, .clLevel1over {
	position:absolute;
	padding:2px;
	font-family: verdana,arial,helvetica;
	font-size:11px;
}
.clLevel1 { 
	background-color: #FFFFCC;
	color:#808080;
	text-align:left;
}
.clLevel1over {
	background-image: Url(../template/menu/submenu_push.gif);
	color:#FFFFFF;
	cursor: pointer;
	cursor:hand;
	text-align:center;
}
.clLevel1border { 
	position:absolute;
	visibility:hidden;
	background-color: #FFFF99;
}





/* =============================================== */
/* STILI STABELLE PRODOTTI EVASI LAVORI */
.TableHeaderLEP {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 20%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP2 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 30%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP3 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 45%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP4 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 10%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP5 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 50%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP6 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 12%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP7 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 13%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP8 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 15%;
	text-align: center;
	color: #333333;
}
.TableSubCategory {
	background-color: #F3F3F3;
	border-bottom: 2Px solid;
	border-right: 2Px solid;
	border-color: #C0C0C0;
	text-align: left;
	color: #333333;
	height: 20Px;
}
.TableDescription {
	background-color: #FFFFCC;
	text-align: justify;
	color: #666666;
	border-color: #F3F3F3;
	border-collapse: collapse;
	border: 1Px solid;
	width: 95%;
}




/* =============================================== */
/* STILI NEWS RSS */
.RSS1 {
	vertical-align: top;
	height: 100Px;
	background-image: url(../template/barra_news.gif);
}
.RSS2 {
	width: 700Px;
	height: 20Px;
	padding-left: 10Px;
	background-image: url(../template/barra_news.gif);
}
.RSS2B {
	text-align: center;
	width: 220Px;
	height: 20Px;
	background-image: url(../template/barra_news.gif);
}
.RSS3 {
	padding-left: 10Px;	
	vertical-align: top;
	height: 60Px;
}





/* =============================================== */
/* STILI SFONDO COLONNA LATERALE SINISTRA SOTTO LOGIN */
.TableBackSx {
	border: 0Px;
	width: 240Px;
}
.TableBackSxSpacer1 {
	width: 20Px;
}
.TableBackSxSpacer2 {
	width: 200Px;
}
.TableBackSxSpacer3 {
	width: 20Px;
}
.TableBackSxHeadFunction {
	width: 200Px;
	height: 35Px;
	background-image: Url(../template/tbotup.gif);
	border: 0Px;
}
.TableBackSxFooter {
	width: 200Px;
	height: 11Px;
	background-image: Url(../template/tbotc.gif);
	border: 0Px;
}
.TableBackSxLogin {
	border: 0Px;
	width: 240Px;
	vertical-align: top;
}

/* STILI DEI TESTI TITOLI NEI BOX QUALI FUNZIONALITA EVASI PRODOTTI NEWSLETTER */
.TableBackSxHeadFunctionText {
	color: #666666;
}

/* STILI SFONDO BOX FUNZIONALITA EVASI PRODOTTI NEWSLETTER */
.TableBackSxL0{
	width: 200Px;
	height: 24Px;
	/*background-color: #DCEEFE;*/
	background-image: Url(../template/back-function.jpg);
}
.TableBackSxL1{
	border-left: 1Px solid;
	border-bottom: 1Px solid;
	border-color: #c1c1c1;
	text-align: center;
	width: 40Px;
}
.TableBackSxL2 {
	border-right: 1Px solid;
	border-bottom: 1Px solid;
	border-color: #c1c1c1;
}
.TableBackSxL3{
	border-left: 1Px solid;
	border-bottom: 1Px solid;
	border-color: #c1c1c1;
	text-align: center;
	width: 70Px;
}


/* STILI SFONDO BOX LOGIN */
.TableBackSxLog1{
	border-left: 1Px solid;
	border-color: #c1c1c1;
	text-align: center;
	width: 40Px;
}
.TableBackSxLog2 {
	border-right: 1Px solid;
	border-color: #c1c1c1;
}
.TableBackSxLog2B {

}
.TableBackSxLog3{
	border-left: 1Px solid;
	border-color: #c1c1c1;
	text-align: center;
	width: 70Px;
}
.TableBackSxLog4 {
	border-right: 1Px solid;
	border-color: #c1c1c1;
	width: 35Px;
	text-align: center;
}
.TableBackSxLog5 {
	border-left: 1Px solid;
	border-color: #c1c1c1;
	width: 50%;
	text-align: center;
}
.TableBackSxLog6 {
	border-right: 1Px solid;
	border-color: #c1c1c1;
	width: 50%;
	text-align: center;
}









/* 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: 700px;
    height: 500px;
    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;
	}