/* CSS Document */
/***************************** IMPAGINAZIONE *****************************/
html,body { margin:0; padding:0;}

body { 
	padding-left:72px; padding-right:20px; text-align:left; 
	background-color:#FFFFFF; background: url("../img/bkg_sx.gif") repeat-y top left; }

body.popup {
	margin: 16px 10px 10px 10px; padding:0; text-align:left; 
	background-image:none;
}
	
div#logged { position:absolute; z-index:100; right:130px; top:10px; width:600px; height:14px;
			text-align:right; }
	#logged ul { float: right; display:inline; list-style-type:none; margin:0 0 0 10px; padding:0; height:14px; }		
	#logged li { float: left; display:inline; height:14px; margin:0 auto; padding:0 8px 0 20px; overflow:visible;
			background-image: url("../img/freccia_login.gif"); background-position:top left; background-repeat:no-repeat; }
			
div#login { position:absolute; z-index:100; right:130px; top:10px; width:600px; height:14px;
			text-align:right; }
	
div#header {  position:relative; height:115px; text-align:center;
			background-image:url("../img/bkg_titolo.jpg"); background-repeat:no-repeat; background-position:center;}
	#header #titolo { position:relative; margin:0 auto; padding-top:35px; width:170px; }
	
	#logo_istituto { position:absolute; left:-12px; top:5px; width:224px; height:87px;
					 background-image: url("../img/logo_istituto.gif"); background-repeat:no-repeat;}
	#logo_carapelli { position:absolute; right:20px; top:20px; width:80px; height:40px;
					  background-image: url("../img/logo_carapelli.gif"); background-repeat:no-repeat;}
	div#bandiera_en { position:absolute; right:20px; top:90px; width:40px; height:24px;
					  background:url(../img/band_en.gif) no-repeat; }		
	div#bandiera_it { position:absolute; right:20px; top:90px; width:40px; height:24px;
					  background:url(../img/band_it.gif) no-repeat; }		

div#menu {  position:relative; padding:0; margin:16px 0; width:100%; }
	
	.tab_sezioni_principali { background-image:url(../img/verde.gif); background-repeat:repeat-x; background-position:center; }
	.tab_sezioni,
	.tab_sottosezioni { margin:8px auto; padding:0;
				   border-top:1px dashed #BCC4AA;  }
	.tab_nomenu { margin:8px auto 12px auto; padding:0;
				   border:1px solid #778754; }
				   
	#menu .menu_item {
		position:relative; left:0; top:0; height:94px; text-align:center;
		background-image:url(../img/menu_item.gif); background-position:center; background-repeat:no-repeat; }
	#menu .tab_sezioni_principali .menu_item.attivo{ background-image:url(../img/menu_item_on.gif); }
	
	#menu .menu_sottoitem {
		position:relative; left:0; top:0; text-align:center;
		background-image:url(../img/menu_sottoitem.gif); background-position:50% top; background-repeat:no-repeat; }
	#menu .menu_sottoitem.attivo { background-image:url(../img/menu_sottoitem_on.gif); }
	
	#menu .menu_sez_princ {
		position:absolute; left:50%; margin-left:-50px; width:100px; height:39px; }
		#menu .menu_sez_princ.su { top:0; }
		#menu .menu_sez_princ.giu { top:55px; }
	
	#menu .menu_sezione,
	#menu .menu_sottosezione,
	#menu .nomenu  {
		position:relative; left:0; top:0; padding:8px 2px 4px 2px; }
		
	#menu #sali_livello { position:relative; float:left; width:1px; height:1px; overflow:visible; }
	#menu #freccia_sali_livello { position:absolute; left:0; top:-10px; width:16px; height:20px;
						  background-image:url(../img/sali_livello.gif); background-repeat:no-repeat; }

	#menu div.invisibile { display:block; width:25px; height:16px;
		position:absolute; left:50%; margin-left:-32px; margin-top:-16px; 
		background:url("../img/ico_invisibile.gif") no-repeat; }
		
	#menu .links_gestione { display:none; position:absolute; top:-30px; left:50%; margin-left:-60px;
			width:120px; height:20px;  padding:4px;
			background-color:#FFFFDF; border:1px solid #BDC7AD; 
			text-align:center; vertical-align:middle;}
		#menu .menu_sezione .links_gestione,
		#menu .menu_sottosezione .links_gestione,
		#menu .nomenu .links_gestione { top:-25px; }
		#menu .tab_sezioni_principali .links_gestione a,
		#menu .tab_sezioni .links_gestione a,
		#menu .tab_sottosezioni .links_gestione a,
		#menu .nomenu .links_gestione a {display:inline; width:100%; height:100%;}
	
	#logout { position:absolute; top:-35px; width:170px; height:22px;
			background:url(../img/puls_logout.gif) no-repeat; }
				
	#cestino { position:absolute; right:100px; top:-49px; width:112px; height:36px; 
			 background:url(../img/puls_cestino.gif) no-repeat; }
	
	#menu_nocms { position:absolute; left:50%; top:-35px; height:22px; width:384px; margin-left:-200px;
		overflow:hidden; white-space:nowrap; text-align:center; }		
		#menu_nocms ul{ list-style-type:none; margin:0; padding:0; height:22px;}
		#menu_nocms li{ float: left; height:22px; margin:0; padding:0;}
		#menu_nocms li#separatore { width:4px; height:22px; background:url(../nocms_img/nocms_gest_separatore.gif) no-repeat; }
		
div#sottotitolo { margin:8px; padding:8px; }

div#main { padding:12px; height:100%; overflow:auto; }
 .sfondo_grigio { background-color:#F2F2F2; }
 .bordo_verde { border:1px solid #BCC4AA; }
 .applicazione_nocms { text-align:center; }



div#gestione { 
	position:relative; top:0;
	margin:0 0 8px 0; padding:24px;
	background-color:#FCFCEE;
	border:1px dotted #BDC7AD; }
	div#gestione IMG { vertical-align:middle; }
	div#gestione A IMG { text-decoration:none; }
	div#gestione_zoom { display:none; }
	


.cornice_riquadro_home_centro { margin:0 auto; width:60%;
	padding:0 11px 11px 0; background: url(../img/ombra.gif) bottom right no-repeat;}
.cornice_riquadro_home_sx { float:left; width:47%; margin:0;
	padding:0 11px 11px 0; background: url(../img/ombra.gif) bottom right no-repeat;}
.cornice_riquadro_home_dx { float:right; width:47%; margin:0;
	padding:0 11px 11px 0; background: url(../img/ombra.gif) bottom right no-repeat;}	
.cornice_avviso { margin:auto; width:65%; 
	padding:0 11px 11px 0; background: url(../img/ombra.gif) bottom right no-repeat;}
	body.popup .cornice_avviso { width:95%; }
		
.riquadro_home { 
	padding:8px;  overflow:auto; height:100%;
	border:1px solid; border-color: #BDC7AD #444 #444 #BDC7AD;
	background-image:url(../img/bkg_box.jpg); background-repeat:no-repeat; background-position:top right; }
	.riquadro_home .titolo {  margin-bottom:12px; padding:0 0 0 16px;
		text-align:left; font-size:13px; font-weight:bold; text-transform:uppercase; color:#778754;
		background-image:url(../img/item.gif); background-repeat:no-repeat; background-position:top left; }
		.riquadro_home .titolo a { color:#778754; text-decoration:none; }
	.riquadro_home .testo {
		margin-top:2px; height:100%; overflow:auto; background-color:#F2F2F2; padding:8px; text-align:left; }
	.riquadro_home .testo_avviso {
		margin-top:2px; height:100%; overflow:auto; background-color:#FCFCEE; padding:16px 8px; text-align:left; }	
div#partita_iva { position:absolute; right:40px; width:265px; text-align:right; margin-top:-4px;  }
div#footer { padding:16px 0; text-align:center; }
	#footer #logo_istituto { position:relative; width:224px; height:95px; left:0; margin:auto;
					 		 background-image: url("../img/logo_istituto.gif"); background-position:top; background-repeat:no-repeat;}
 
 
	
/* GENERICI *************************/
	
P { margin:12px 0; padding:0; }
BLOCKQUOTE { margin-top:0; margin-right:0; margin-bottom:0; padding-top:8px; padding-right:0; padding-bottom:8px; }
HR {clear:both; margin:4px 0; color:#333300;}
UL { margin-top:4px; margin-bottom:4px; padding-top:0; padding-bottom:0; list-style-type:square; }
LI { margin-top:8px; margin-bottom:8px; padding-top:0; padding-bottom:0; }
UL.no_lista { list-style-type:none; }

FORM { margin:0; padding:0; }
INPUT, SELECT { vertical-align:middle; }
FIELDSET { white-space:nowrap; clear: both;	padding:4px; margin:0 0 4px 0; border:1px solid #CCCCCC; }
FIELDSET LEGEND { margin: 2px 4px; }

.largo { width:95%;}
.largo30 { width:30%;}
.largo45 { width:45%;}
.largo55 { width:55%;}
.largo65 { width:65%;}
.largo75 { width:75%;}
.largo85 { width:85%;}

.box_largo { clear:both; margin:8px; }
.box_sx { float:left; width:47%; margin:8px 8px 8px 0; }
.box_dx { float:right; width:47%;  margin:8px 0 8px 8px; }	

/* BUG MOZILLA: usa sempre con FLOAT (aggiungi "a_sx" o "a_dx") */
span.ombra { padding:0 11px 11px 0; background: url(../img/ombra.gif) bottom right no-repeat;}
span.a_sx { float:left; margin:4px 8px 4px 0; }
span.a_dx { float:right; margin:4px 0 8px 16px;}
span.centro, div.centro { display:block; text-align:center; }
img.bordo { border:1px solid #BDC7AD; }

/* per evitare sovrapposizioni tra DIV con FLOAT */
div.no_sovrapposizioni{ clear: both; visibility:hidden; margin:0px; padding:0px; height:1px; line-height:1px; /* bug mozilla height 1px */}

/* per nascondere testo di un div (in cui sarà rimpiazzato da un background) ed espandere il link a tutta l'area  */
.nascondi_testo a { display:block; width:100%; height:100%; }
.nascondi_testo span { display:none; }



/***************************** TESTI, LINKS  *****************************/


BODY, P, DIV, TD, TH {
	font-family:"Times New Roman", Times, serif; font-size:13px; color:#000000; }
	
.testo_gestione,
.cornice_avviso .testo_avviso,
.cornice_avviso .testo_avviso P,
.cornice_avviso .testo_avviso TD,
.cornice_avviso .testo_avviso DIV,
#gestione, #gestione P, #gestione TD, #gestione DIV {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }


SELECT, INPUT, TEXTAREA {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; }

a { color:#778754; text-decoration: underline; }
a:hover {  color:#778754; text-decoration: none}

.bottone {margin:2px 3px; padding:0px;		
		border-top:3px double #C4CCCC; border-right:3px double #ACB5B5; border-bottom:3px double #6F7777; border-left:3px double #ACB5B5;
		background-color:#FFFFFF; background-image:url(../img/btn_background.gif); background-position:center; background-repeat:repeat-x; cursor: hand;}		
FIELDSET LEGEND { font-weight:bold; color:#999900; }


#logged { font-size:11px; color:#778754; font-weight:bold; }
	#logged a,
	#logged a:link,
	#logged a:visited,
	#logged a:active { color:#778754; text-decoration:none; }
	#logged a:hover  { color:#778754; text-decoration:underline; }

#login { font-size:11px; color:#778754; font-weight:bold; }
	#login a,
	#login a:link,
	#login a:visited,
	#login a:active { color:#778754; text-decoration:none; }
	#login a:hover  { color:#778754; text-decoration:underline; }
	
	
#header #titolo H1 { margin:0 auto; padding:0; font-size:20px; font-variant:small-caps; text-align:center; color:#444; }
	#header #titolo H1 a { color:#444; text-decoration:none; }
	
.evidenzia { color:#778754}
.evidenzia2 { color:#999900}
.evidenzia3 {color:#990000}
.txt_piccolo { font-size:10px; }
.txt_grande { font-size:14px; }
	SELECT.txt_grande, INPUT.txt_grande, TEXTAREA.txt_grande { font-size:12px;  }
.txt_centrato { text-align:center; }
.txt_giustificato { text-align:justify; }
.txt_a_sx { text-align:left; }
.txt_a_dx { text-align:right; }
.txt_rientro { text-indent:16px; }
	
#sottotitolo H2 { margin:0; padding:0; text-align:center; font-size:13px; text-transform:uppercase; color:#778754; }
	#sottotitolo H2 a { color:#778754; text-decoration:none; }

#main H3 { clear:both; margin:8px 0; padding:0 0 0 16px; text-align:left; font-size:13px; text-transform:uppercase; color:#778754;
			background-image:url(../img/item.gif); background-repeat:no-repeat; background-position:top left; }
	#main H3  a { color:#778754; text-decoration:none; }

#main H4 { clear:both; margin:8px 0; padding:4px 4px 4px 16px; background-color:#FDFEE3; border:1px solid #BCC4AA;
			text-align:left; font-size:13px; text-transform:uppercase; color:#778754; font-weight:bold; }
	#main H4  a { color:#778754; text-decoration:none; }

#main H5 { clear:both; margin:8px 0; padding:4px 4px 4px 16px; background-color:#FFF7EB; border:1px solid #BCC4AA;
			 text-align:left; font-size:13px; text-transform:uppercase; color:#666; font-weight:bold; }
	#main H5  a { color:#666; text-decoration:none; }

#partita_iva { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8B9176; font-size:10px; }

#footer, #footer P { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#8B9176; }

#titoloPopUp {
	clear:both;
	font-weight:bold;
	font-size:15px;
	padding:6px 0px 12px 0px;
}

#sottotitoloPopUp {
	clear:both;
	font-weight:bold;
	font-size:12px;
	padding:6px 0px 12px 0px;
}


#menu .menu_sez_princ,
#menu .menu_sez_princ a { font-weight:bold;	font-size:12px; color:#999; text-decoration:none; display:block;}
	#menu .menu_item.attivo .menu_sez_princ,
	#menu .menu_item.attivo .menu_sez_princ a,
	#menu .menu_sez_princ a:hover { color:#444; }

#menu .menu_sezione,
#menu .menu_sezione a { font-weight:bold; font-size:12px; color:#999; text-decoration:none; display:block; height:100%;}
	#menu .menu_sottoitem.attivo .menu_sezione,
	#menu .menu_sottoitem.attivo .menu_sezione a,
	#menu .menu_sezione a:hover { color:#444; }	

#menu .menu_sottosezione,
#menu .menu_sottosezione a { font-weight:bold; font-size:12px; color:#999; text-decoration:none; display:block; height:100%;}
	#menu .menu_sottoitem.attivo .menu_sottosezione,
	#menu .menu_sottoitem.attivo .menu_sottosezione a,
	#menu .menu_sottosezione a:hover { color:#444; }	

#menu .nomenu,
#menu .nomenu a { font-weight:bold; font-size:12px; color:#999; text-decoration:none; display:block; height:100%;}
	#menu .menu_sottoitem.attivo .nomenu,
	#menu .menu_sottoitem.attivo .nomenu a,
	#menu .nomenu a:hover { color:#444; }