@charset "UTF-8";
/* CSS Document */

label {
	display:block;
	font-size:12px;
	font-weight:bold;
}
.textInput { 
	width:150px; 
}
table {
	border-collapse:collapse;
}
.tbHeader {
	font-size:10pt;
}
.tbListaMaestre {
	font-size:10pt;
	color: #333;
}
.tbListaBimbi { 
	font-size:10pt; 
}
.tbListaRette { 
	font-size:10pt; 
}
.tbListaMenu {
	font-size:8pt;
	color: #333;
}
.linkModifica { 
	font-size:10pt; 
}
.StileTestoPrivacy {
    color: #ccc;
	font-size: 10px;
}
.input{
	/*font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;*/
	font-weight:200;
	font-size:24px;
	/*width:97%;*/
	padding:3px;
	margin-top:2px;
	margin-right:6px;
	margin-bottom:16px;
	border:1px solid #ccc;
	background:#fbfbfb;
	outline:none;
	-moz-box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);
	-webkit-box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);
	box-shadow:inset 1px 1px 2px rgba(200,200,200,0.2);
}
.textfield {
	  border-style:solid; 
	  border-color:#AAAAAA; 
	  border-width: 1px;
	  font-size:9pt;
}
.textfieldprot {
	  border-style:solid; 
	  border-color:#AAAAAA; 
	  border-width: 1px;  
	  background-color:#CCC;
}
.textfieldprotMinusc {
	  border-style:solid; 
	  border-color:#AAAAAA; 
	  border-width: 1px;  
	  background-color:#CCC;
	  font-size:8pt;
}
.textfieldnum {
	  border-style:solid; 
	  border-color:#AAAAAA; 
	  border-width: 1px; 
	  text-align:right;
}
.textfieldnumprot {
	  border-style:solid; 
	  border-color:#AAAAAA; 
	  border-width: 1px; 
	  text-align:right; 
	  background-color:#CCC;
}
.textfieldnumprotNoBord {
	  background-color:#CCC;
	  border-style: hidden; 
	  text-align:right; 
}
.textErrore { 
	font-size:10pt; 
	color:#F00;
}
.datiObbligatori {
	color: #F00;
	font-size:10pt;
}
.datiObbligatoriSmall {
	color: #F00;
	font-size:8pt;
}
#rettaDeroga {
	font-weight: bold;
	color: #03F;
}
#tblRigaArancioBianco {
	color: #FFF;
}
.tb7pt {
	font-size:7pt;
	color: #CCC;
	border:1px #444 solid;
}
.tb8pt {
	font-size:8pt;
	color: #AAA;
	border:1px #444 solid;
}
.tb8ptNoBord {
	font-size:8pt;
	color: #AAA;
}
.tb9pt {
	font-size:9pt;
	color: #AAA;
	border-bottom:1px #ddd solid;
}
.tb9ptNoBord {
	font-size:9pt;
	color: #AAA;
}
.tb10pt {
	font-size:10pt;
	color: #AAA;
	border:1px #444 solid;
}
.tb10ptNoBord {
	font-size:10pt;
	color: #AAA;
}
.erroreBloccante {
	background-color:#D90000;
	text-align:center;
	color:#FFF;
	font-size:12pt;
	width:970px;
	height:50px;
	margin:10px 0 10px 0;
	border:#D90000 solid 1px;
}
#login_error {
	/*margin:0 0 16px 8px;*/
	width: auto;
	text-align:center;
	background-color:#ffebe8;
	margin: 0 auto;
	margin-top:20px;
	border-color:#c00;
	border-width:1px;
	border-style:solid;
	padding:12pt;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.cssWarning {
	background-color: #FF0;
	text-align:center;
	color: #00F;
	font-size:14pt;
	width:500px;
	margin-left:10px;
	border: #00F solid 1px;
}
.cssOk {
	background-color:#6F6;
	text-align:center;
	color: #444;
	font-size:14pt;
	width:500px;
	margin-left:10px;
	border: #ddd solid 0px;
}
.intestTabella {
	background-color: #CCC;
	color: #444; 
	font-size:8pt;
	font-weight: normal;
}
.intestTabellaEvento {
	background-color:#ccc;
	color: #444; 
	font-size:8pt;
	font-weight: normal;
}
.testMinuscolo {
	font-size:8pt;
	color: #03F;
}
.testMinuscoloNero {
	font-size:8pt;
	color: #000;
}
.cssTestoBoldBlu8 {
	color: #03F;
	font-weight: bold;
	font-size:8pt;
}
.login {
	width: 400px;
	height:140px;
	margin: 0 auto;
	margin-top: 30px;
	padding-top:20px;
	font-size:11pt;
	border:1px solid #3399cc;
	background-color:#FFF;
	color:#3399cc;	
}
.cssPageTitle {
	font-size:10pt;
	font-weight:normal;
	margin:0 0 10px 10px;
}
#BoxContenitorePaging {
	text-align:left;
	width: 800px;
	margin-top:7px;
	margin-bottom:7px;
	margin-left:2px;
	padding: 1px;
	font-size:11pt;
	color: #AAAAAA;
	float:left;
}
.boxPagingFoto {
	width:15%;
	float:left;
}
.boxPaging {
	width:68%;
	text-align:center;
	float:left;
}
.boxPagingDX {
	width:15%;
	font-size:9pt;
	text-align:right;
	float:right;
}
.StileTestoGray9pt {
	margin-left:2px;
	font-size: 9pt;
	text-align:left;
}
.StileTestoScorrPag {
	border: 0px #ccc solid;  
	margin-left:2px;
	padding:2px 4px 0px 4px;
	font-size: 10pt;
	text-align:center;
}
.StileTestoPagSelez {
	background-color:#3399cc;
	color:#fff;
	border: 1px #fff solid;  
	margin-left:2px;
	padding:2px 4px 0px 4px;
	font-size: 10pt;
	text-align:center;
}
.StileTestoPagLink {
	border: 0px #3399cc solid;  
	margin-left:2px;
	padding:2px 4px 0px 4px;
	color: #3399cc;
	font-size: 9pt;
	text-align:center;
}
.StileTestoLinkBarraFoto {
	font-size: 9pt;
}
.boxDatiEvento {
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:7px;
	width:970px;
	float:left;
}
.boxBarraFunzioni {
	margin: 0 auto;
	margin-top:7px;
	margin-bottom:7px;
	width:970px;
	float:left;
}
.boxBarraNavFoto {
	margin: 0 auto;
	margin-top:0px;
	margin-bottom:0px;
	width:970px;	/*750px;*/
	float:left;
}
.boxFotoZoom {
	width:970px	/*740px;*/
	margin: 0 auto;
	float:left;
}
.boxFotoDett {
	border:0px #000 solid;
	width:220px;
	height:590px;
	font-size:9pt;
	text-align:left;
	float:left;
}
.cssHelp {
	color:#bbb;
	font-size:9pt;
	font-weight:normal;
	text-align: justify;
}
.button, .button:visited {
	background: #fff;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #3399cc;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}

/*--------------------------------------------------------------*/
/* CODICE PER BOX IMMAGINI CON BORDI ARROTONDATI (MINIATURE)    */
/*--------------------------------------------------------------*/
#contenitore{
	/*la larghezza del riquadro - non obbligatorio*/
	width:190px;
	/*height:230px;*/
	text-align:center; 
	margin-left:10px;
	margin-top:5px; 
	margin-bottom:5px;
	float:left;
}
/*stile css comune per tutti gli angoli*/
.css_angoli{
/*l'immagine di sfondo*/
background:url(../images/angoli_arrotondati.png) no-repeat;
/*l'altezza - la metà dell'immagine di sfondo*/
height:12px;
}
#angolo_superiore_sinistra{
/*immagine di sfondo posizionata in alto a sinistra*/
background-position:top left;
}
#angolo_superiore_destra{
/*immagine di sfondo posizionata in alto a destra*/
background-position:top right;
}
#angolo_inferiore_sinistra{
/*immagine di sfondo posizionata in basso a sinistra*/
background-position:bottom left;
}
#angolo_inferiore_destra{
/*immagine di sfondo posizionata in basso a destra*/
background-position:bottom right;
}
.colore_sfondo{
/*colore di sfondo per riempire la zona tra i 2 angoli*/
background-color:#CCC;
/*l'altezza*/
height:12px;
/*posizionamento dell'elemento in rapporto con suoi angoli*/
/*eguale a margin-top:-25px;margin-right:25px;margin-bottom:0;margin-left:25px;*/
margin:-12px 12px 0 12px;
}
.contenuto{
/*colore di sfondo del contenuto*/
background-color:#CCC;
height:200px;
/*spazio di 20px a destra e sinistra tra il bordo dell'elemento e il suo contenuto - non obbligatorio*/
/*padding:0 20px;*/
} 
.boxImg150x150 { 
        margin: 0 auto;  /* centra il contenitore nella pagina */
        width: 150px;        
        height: 150px;
        text-align: center;
}
.StileTestoImgbox3 {	/*id foto*/
	font-size: 8pt;
	color: #444;
}
/*---------- FINE DICHIARATIVE BOX IMMAGINI CON ANGOLI ARROTONDATI -----------------*/
/*--------------------------------------------------------------*/
/* CODICE PER BOX IMMAGINI CON BORDI ARROTONDATI (FOTO GRANDE)  */
/*--------------------------------------------------------------*/
#contenitore_img{
	/*la larghezza del riquadro - non obbligatorio*/
	width:970px	/*730px;*/
	text-align:center; 
	margin-left:0px; 	/*10px; */
	margin-top:5px; 
	margin-bottom:5px;
	float:left;
}
/*stile css comune per tutti gli angoli*/
.css_angoli_img{
/*l'immagine di sfondo*/
background:url(../images/angoli_arrotondati_foto.gif) no-repeat;
/*l'altezza - la metà dell'immagine di sfondo*/
height:12px;
}
#angolo_superiore_sinistra_img{
/*immagine di sfondo posizionata in alto a sinistra*/
background-position:top left;
}
#angolo_superiore_destra_img{
/*immagine di sfondo posizionata in alto a destra*/
background-position:top right;
}
#angolo_inferiore_sinistra_img{
/*immagine di sfondo posizionata in basso a sinistra*/
background-position:bottom left;
}
#angolo_inferiore_destra_img{
/*immagine di sfondo posizionata in basso a destra*/
background-position:bottom right;
}
.colore_sfondo_img{
/*colore di sfondo per riempire la zona tra i 2 angoli*/
background-color:#525252;
/*l'altezza*/
height:12px;
/*posizionamento dell'elemento in rapporto con suoi angoli*/
/*eguale a margin-top:-25px;margin-right:25px;margin-bottom:0;margin-left:25px;*/
margin:-12px 12px 0 12px;*/
}
.contenuto_img{
/*colore di sfondo del contenuto*/
background-color:#525252;
height:625px;	/*503px;*/
/*spazio di 20px a destra e sinistra tra il bordo dell'elemento e il suo contenuto - non obbligatorio*/
/*padding:0 20px;*/
} 
.boxImg_img { 
        margin: 0 auto;  /* centra il contenitore nella pagina */
        width: 945px;	/*700px;*/
        height: 630px;	/*500px;*/
        text-align: center;
}
.StileTestoImgbox3_img {	/*id foto*/
	font-size: 8pt;
	color: #525252;
}
/*---------- FINE DICHIARATIVE BOX IMMAGINI CON ANGOLI ARROTONDATI -----------------*/
/*---------- INIZIO DICHIARATIVE PER BOX BLU ARROTONDATI SENZA IMMAGINI ----------------*/
b.rtopBlu, b.rbottomBlu{display: block; /*background: #fff;*/} /*inserisci colore sfondo angoli che non si vedono (sfondo dell apagina in cui si utilizza)*/
b.rtopBlu b, b.rbottomBlu b{display: block; height: 1px; overflow: hidden; background: #3399cc;}
b.r1Blu{margin: 0 5px}
b.r2Blu{margin: 0 3px}
b.r3Blu{margin: 0 2px}
b.rtopBlu b.r4, b.rbottomBlu b.r4{margin: 0 1px; height: 2px}
.TestoBoxBlu {background-color:#3399cc; color:#fff;}
/*---------- FINE DICHIARATIVE PER BOX ARROTONDATI SENZA IMMAGINI ----------------*/
/*---------- INIZIO DICHIARATIVE PER BOX GRIGIO ARROTONDATI SENZA IMMAGINI ----------------*/
b.rtopGray, b.rbottomGray{display: block; /*background: #fff;*/} /*inserisci colore sfondo angoli che non si vedono (sfondo dell apagina in cui si utilizza)*/
b.rtopGray b, b.rbottomGray b{display: block; height: 1px; overflow: hidden; background: #ddd;}
b.r1Gray{margin: 0 5px}
b.r2Gray{margin: 0 3px}
b.r3Gray{margin: 0 2px}
b.rtopGray b.r4, b.rbottomGray b.r4{margin: 0 1px; height: 2px}
.TestoBoxGray {background-color:#ccc; color:#555;}
/*---------- FINE DICHIARATIVE PER BOX ARROTONDATI SENZA IMMAGINI ----------------*/
/*---------- INIZIO DICHIARATIVE PER TESTO ALL'INTERNO DI UN IMMAGINE ----------------*/
.image {
	position:relative;
	float:left; /* optional */
}
.image .text {
	position:absolute;
	top:0px; /* in conjunction with left property, decides the text position */
	right:5px;
	width:20; /* optional, though better have one */
}/*---------- FINE DICHIARATIVE PER TESTO ALL'INTERNO DI UN IMMAGINE ----------------*/

/* Pre load immaginis
div#preload { display: none; }