@charset "utf-8";

/*=======================================*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*;;;;;;;;;;;by Lina Marzotti;;;;;;;;;;;;*/
/*;;;;;;;;2009-All right reserved;;;;;;;;*/
/*;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;*/
/*====================================== */

				body {
					font-size: 1em;
					width: 100%;
					height: 100%;
					margin: 0 auto;
					background-color:#FFFFFF;  
					text-align: center;  
				}


	/* ID */

#Principale {	
	width: 90%;
	height: 90%;	
	min-width: 760px;
	margin: 0 auto;
	text-align: center;
	font-family: tahoma;
	font-size: 0.75em;
	color: #000000;
	position:relative;
}
#Principale #Top {
	width: 100%;
	height: 2%;
	margin-bottom: 1em;
	float:left;
	font-family:Tahoma;
	background-color: #CC3333;	
	position: relative;
}
#Principale #Top #lingue {
	width: 10%;
	height: 100%;
	padding: 0.25em;
	margin-left: 0.25em;
	float: left;
	text-align: left;
	position:relative;
}
#Principale #Top #login {
	width: 20%;
	height: 100%;
	margin: auto 0.5em;
	padding: 0.25em 0.5em 0em 0.5em;
	float: right;
	font-weight: bold;
	font-variant: small-caps;
	color:#ffffff;
	text-align: right;
	position:relative;
}
#Principale #Testata {
	width: 100%;
	height: 20%;
	float:left;
	border-top: 0.083em solid #333333;
	border-bottom: 0.083em solid #333333;
	background-color:#FFFFFF;	
	position: relative;
}
#Principale #Testata #Logo {
	width: 20%;
	height: auto;
	float: left;
	padding-left: 2em;
	position: relative;
}
#Principale #Testata #Titolo {
	width: 35%;
	height: 30%;
	float:left;
	padding: 1em 3em 1em 3em;
	float: left;
	text-align:left;
	font-family:Tahoma;
	font-size: 1.5em;
	font-weight:bold;
	color: #CC0000;
	position:relative;
}
#Principale #Testata #Msg_Box {
	width: 30%;
	height: 10%;
	padding: 0.25em 0.5em 0em 0.5em;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
	color: #333333;
	float: right;
	position:relative;
}
#Principale #Testata #MenuTop {
	width: 70%;
	height: 30%;
	margin: 0 auto;
	padding: 3.75em 0.25em 0.25em 0.25em;
	color: #CC0000;
	float: right; 
	position:relative;; 
}
#Principale #MenuSx {
	width: 20%;
	height: 70%;
	padding: 0.5em 1em 0.5em 1em; 
	margin: 1em 0.083em 1em 0em;
	float:left;
	background-color:#FFFFFF;	
	position:relative;	
}
#Principale #piede {
	width: 100%;
	height: 2%;
	margin-top: 1em;
	padding: 0.5em 1em 0.5em 1em;
	font-size: 0.83em;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#CC3333;		
	position:relative;
}
#Principale #NavBar {
	width: 70%;
	height: 3%;
	margin-top: 1em;
	padding: 0.5em 2em 0.5em 2em;
	float: right;
	background-color: #CC3333; 
	font-weight: bold;
	color: #ffffff;
	position:relative;
}
#Principale #NavBar #Editore {
	width: auto;
	height: auto;
	float: right;
	text-align: right;
	font-weight:bold;
	font-variant:small-caps;
	color: #ffffff;
	position:relative;
}
#Principale #Testo {
	width: 70%;
	height: 90%;	
	padding: 1em 1.6em 1em 1.6em;
	margin-top: 1em;
	float: right;
	background-color:#FFFFFF;	
	border-top: 0.083em solid #333333;
	border-bottom: 0.083em solid #333333;	
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 1.25em;
	line-height: 1.5em;
	color: #000000;
	
}
#Principale #Testo #Indice {
	width: 25%;
	padding: 0.5em;
	margin-left: 1.5em;
	margin-top: 1em;
	float: right;
/*	background-color: #F0D9DC;	*/
	background-color: #FFE394;
	border-top: 0.083em dotted #333333;
	border-bottom: 0.083em dotted #333333;	
	position:relative;
	
}		
#Principale #Scaffale {
	width: auto;
	height: 52%;
	min-width: 15px;
	min-height: 550px;
	margin:0px 20px 0px 6px;
	padding: 3px 5px 3px 5px;
	float: right;
	background-color:#FFFFFF;
	border-right: #6FA5E8 2px inset;
	border-left: #001678 2px outset;
	position:relative;
}
#Principale #Testo #Indice #MM_Box {
	width: 100%;
	height:20em;
	overflow:auto;
	padding: 0.2em;
	position:relative;
}
/*=========================librerie====================*/

#libreria {
	width: 100%;
	height:100%;
	float:right;
	background-color:#ffffff;	
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 1em;
	color: #000000;
	
}	
#libreria #elenco {
	width: 28%;
	height:20%;
	max-height:40em;
	overflow:auto;
	padding: 0.2em;
	float:left;
	font-size:0.83em;
	position:relative;
}
#libreria #scheda {
	width: 70%;
	height:30%;
	padding: 0.2em;
	float:right;
	position:relative;
}
#libreria #form_ricerca {
	width: 20%;
	height:20%;
	padding: 0.2em;
	margin-top:0.2em;
	position:relative;
}
#libreria #tabella_ricerca {
	width: 70%;
	height:20%;
	padding: 0.2em;
	margin-top:0.2em;
	float:right;
	position:relative;
}
	/*Classi*/

.clearfloat {
	width: 100%;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}  /*Questo elemento  deve seguire immediatamente il div #Testo al fine di forzare il div #Principale a contenere tutti i float di livello inferiore */

.menutop {
	font-size: 1em;
	font-weight:bold;
	font-variant:small-caps;
	color: #CC0000;
	text-align: right;
}
.MenuSx {
	font-size: 1em;
	font-weight:bold;
	font-variant:small-caps;
	text-align: right;
}
.bianco {
	color:#ffffff;
}

.navbar {
	font-size: 1em;
	font-variant:small-caps;
	color: #FFFFFF; 
	text-align: left;
}
.macrosezione {
	width: 80%;
	height: 20%;		
	margin-top: 0.83em;	
	margin-bottom: 0.55em;
	font-size: 1.30em;
	font-weight:bold;
	text-align:left;	
	position:relative;
}
.menu {
	width: 100%;
	height: 15%;	
	margin: 0.83em;	
	border-bottom: 1px dotted #333333;
	font-size: 1.15em;
	font-variant:small-caps;
	text-align:left;	
	position:relative;
	cursor:pointer;
}
.submenu {
	width:100%;
	height: 10%;		
	margin: 0.83em;	
	text-align:left;
	font-size: 1em;
	position:relative;
	cursor:pointer;
}
.s_submenu {
	width: 50%;
	height: 10%;	
	margin: 0.83em 0.83em 0.83em 1.6em;	
	font-size: 1em;
	font-style:italic;
	text-align:left;
	position:relative;	
}	
.indice {
	font-family: Tahoma;	
	font-size: 0.9em;
	font-weight:200;
	line-height: 2em;
	color: #666666;
	text-align: left;
	list-style-type:upper-roman;
	list-style-position:outside;
	cursor: pointer;
	
}

	/* JAVASCRIPT */
	
.Elenco {
	font-family: Tahoma;
	font-size: 0.83em;
	cursor: pointer;
}
.mOver {
	cursor: pointer;
	font-family: Tahoma;
	font-size: 10px;
	text-decoration:underline;
}
.mOut {
	cursor: pointer;
	font-family: Tahoma;
	font-size: 10px;
	text-decoration:none;
}

	/*Navigazione*/
 
a:link     {
	color:#666666; 
	text-decoration: none;
}
a:visited {
	color:#666666;
	text-decoration: none;
}
a:hover {
	color:#666666;
	text-decoration: underline; 
}
a:active {
	color:#666666;
	text-decoration: none;
}

a:link.bianco {
	color:#ffffff;
	text-decoration: none; 
}
a:visited.bianco {
	color:#ffffff;
	text-decoration: none; 
}
a:hover.bianco {
	color: #ffffff;
	text-decoration:underline;
	}
a:active.bianco {
	color: #ffffff;
	text-decoration:underline;
}
a:link.navbar {
	color:#ffffff;
	text-decoration: none; 
}
a:visited.navbar {
	color:#ffffff;
	text-decoration: none; 
}
a:hover.navbar {
	color: #ffffff;
	text-decoration:underline;
}
a:active.navbar {
	color: #ffffff;
	text-decoration:underline;
}
a:link.menutop {
	color:#666666;
	text-decoration: none; 
}
a:visited.menutop {
	color: #CC0000;
	text-decoration:none;
}
a:hover.menutop {
	color: #CC0000;
	text-decoration:underline;
	
}
a:active.menutop {
	color: #CC0000;
	text-decoration:underline;
}
a:link.MenuSx {
	color: #CC0000;
	text-decoration:none;
}
a:visited.MenuSx {
	color:#666666;
	text-decoration: none; 
}
a:hover.MenuSx {
	color: #CC0000;
	text-decoration:underline;	
}
a:active.MenuSx {
	color: #CC0000;
	text-decoration:underline;
}

/*===============================Visualizzatore di immagini(lightbox)=====================================*/

.abs-on {
	display:block;
}
.abs-off {
	display:none;
}
/*===============================Visualizzatore di immagini(lightbox)=====================================*/
#lightbox {
	background-color:#666;
	padding: 10px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption { 
	float: left; 
}
#keyboardMsg { 
	float: right; 
}
#closeButton { 
	top: 5px;
	right: 5px; 
}
#lightbox img { 
	border: none; 
	clear: both;
} 
#overlay img { 
	border: none;
	
}
#overlay { 
		background-image: url(_Img/overlay.png);
		background-repeat:repeat; 
		/*opacity: 2.0;*/
}

html /*#overlay*/ {
	background-color: #333333;
	background-color: transparent;
	background-image: url(_Img/blank.gif);
/*	filter: DXImageTransform.Microsoft.AlphaImageLoader; */
}