/* =============================================== */
/*           FONT - LINK - RADIO - INPUT           */
/* =============================================== */

/* 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: #FF6600;
	border: none;
	text-decoration: underline;
}
a:hover {
	color: #333333;
	text-decoration: none;
	border: none;
} 
/* STILE DEI BOX DI INPUT */
.input {
	FONT-SIZE: 10pt;
	FONT-FAMILY: tahoma, Helvetica;
	background-image: URL(../../template/commerce/bg_input.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #333333;
	border: 1Px solid;
	border-color: #C0C0C0;
}
.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;
}

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

/* CLASSE DEI PULSANTI INPUT.SUBMIT 3D SPECIAL VERSION*/
.input3d{	
	font-weight: bold;
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color: #FF6600;
}
.input3d:hover{
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color: #FF9900;
}	
/* CLASSE DEI PULSANTI INPUT.SUBMIT 3D SPECIAL VERSION GRAFICA 2*/
.input3d_2{	
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color:#d4d0c8;
}
.input3d_2:hover{
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color: #999999;
}	




/* =============================================== */
/*               TITOLO DELLE PAGINE               */
/* =============================================== */
.StyleTitoloPagine {
	color: #FF6600;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}




/* =============================================== */
/*               BOX FIRMA AZIENDA                 */
/* =============================================== */
.BoxFirmaAzienda {
	width: 90%;
	text-align: center;
	border: 0Px;
}



/* =============================================== */
/*                  STRUTTURA DOM                  */
/* =============================================== */
/* STRUTTURA DELLE PAGINE SITO E SFONDO */
.StyleBody {
	background-image: URL(../../../template/commerce/bg_site.gif);
	background-repeat: repeat-x;
	background-color: #303038;
}
/* OSSATURA DELLA PAGINA */
.StylePagina {
	width: 1000Px;
	height: 100%;
	border: 0Px;
}






/* =============================================== */
/*                 BANNER FOOTER                   */
/* =============================================== */
.StyleBannerFooter {
	width: 1000Px;
	border: 0Px;
	height: 85Px;
	background-image: URL(../../../template/commerce/bg_banner_footer.gif);
}






/* =============================================== */
/*                  FOOTER SITO                    */
/* =============================================== */
.StyleFooter {
	width: 1000Px;
	border: 0Px;
	height: 100Px;
}
.StyleFooter1 {
	width: 1000Px;
	border: 0Px;
	height: 39Px;
	background-image: URL(../../../template/commerce/bg_footer.gif);
}
.StyleFooter2 {
	padding-left: 10Px;
	text-align: left;
	width: 240Px;
}
.StyleFooter3 {
}
.StyleFooterSide {
}





/* =============================================== */
/*           GALLERIE E SOTTOGALLERIE              */
/* =============================================== */
.TableContainerGallery {
	border: 0Px;
	width: 100%;
}
#coloracella tr.ruled {
  background: #F3F3F3;
}
.StyleBackGallery {
	widht: 120Px;
	height: 130Px;
	text-align: center;
	border: 1Px solid #CCCCCC;
	background-color: #F2F2F2;
}
.StyleSlideGallery {
	background-color: #F3F3F3;
	color: #000000;
}
.StyleMenuGallery {
	background-color: none;
	color: #000000;
	text-align: center;
}
.ContenitoreSlideShow {
	width: 120Px;
	border: 0Px;
	vertical-align: top;
}




/* =============================================== */
/*                   NEWSLETTER                    */
/* =============================================== */
.StyleNewsletterCont {
	border: 0Px;
	width: 90%;
}
.StyleTastiNewsletterSx {
	text-align: left;
}
.StyleTastiNewsletterDx {
	text-align: left;
}





/* =============================================== */
/*           IL PAGINATORE - NAVIGATORE            */
/* =============================================== */
.NavigatoreTable {
	border: 0Px;
}
.NavigatoreDiv {
	background-color: #CCCCCC;
	border: 1Px Solid #999999;
	height: 15Px;
	width: 15Px;
	text-align: center;
}
.NavigatoreDiv:Hover {
	background-color: #888888;
	border: 1Px Solid  #999999;
	height: 15Px;
	width: 15Px;
	text-align: center;
	cursor: pointer;
	cursor: hand;	
}
.NavigatoreDivSelezionato {
	background-color: #FF9900;
	border: 1Px Solid #CC3300;
	height: 15Px;
	width: 15Px;
	text-align: center;
}
.NavigatorePrecedenteSuccessivo{

}
.TestoDelBotteneDelLink {
	text-decoration: none;
	color: #333333;
}
.TestoDelBotteneDelLinkSelezionato {
	text-decoration: none;
	color: #CC3300;
	font-weight: bold;
}







/* =============================================== */
/*       HIGHSLIDE GALLERIE E SOTTOGALLERIE        */
/* =============================================== */
hs.graphicsDir = '/include/js/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(/include/js/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(/include/js/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;
}





/* =============================================== */
/*                    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%;
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}


#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;
	}
	
/* =============================================== */
/*                    MESSAGE BOX                  */
/* =============================================== */
/* =============================================== */
/*            DIV FLOATING ALERTDIVBODY            */
/* =============================================== */
.AlertDivBody {
	position:absolute;
	width:100%;
	height:200%;
	background-color:#000000;
	top:0;
	left:0;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	display:none;
}
.AlertDivBodyTable {
	border: 0Px;
	position:absolute;
	text-align:center;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	display:none;
}
.AlertDivBodyMessage {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #111100;
	background-color:#FFFFFF;
}

.messageBox_1_1 {
	width: 11px;
	height: 10px;
	font-size: 5px;
	background: url(/template/common/messagebox/message_box_01.gif);
}
.messageBox_1_2 {
	height: 10px;
	font-size: 5px;
	background: url(/template/common/messagebox/message_box_02.gif);
}
.messageBox_1_3 {
	width: 12px;
	height: 10px;
	font-size: 5px;
	background: url(/template/common/messagebox/message_box_03.gif);
}
.messageBox_2_1 {
	width: 11px;
	font-size: 5px;
	background: url(/template/common/messagebox/message_box_04.gif);
	repeat-x: none;
}
.messageBox_2_1 {
	background-color:#FFFFFF;
}
.messageBox_2_3 {
	width: 12px;
	font-size: 5px;
	background: url(/template/common/messagebox/message_box_06.gif);
	repeat-x: none;
}
.messageBox_3_1 {
	width: 11px;
	height: 14px;
	font-size: 5px;
	background: url(/template/common/messagebox/message_box_07.gif);
}
.messageBox_3_2 {
	height: 14px;
	font-size: 5px;
	background: url(/template/common/messagebox/message_box_08.gif);
}
.messageBox_3_3 {
	width: 12px;
	height: 14px;
	font-size: 5px;
	background: url(/template/common/messagebox/message_box_09.gif);
}