<style data-iconpos="top">	/*
	   glossario.css
	   Glossario
			   Created by Edit4 on 2013-10-18.
	*/

html { 
	font-size: 62.5%;
	font-family: Lucida Sans Unicode, Arial Unicode MS, Arial;
	/* font-size: 100%; */ 
	/* font-size: 14px; */
} 

body {
	position:relative;	
	color: #5C6061;
	font-size: 1.4em;
	background-color: #999999;
	width:100%;
	padding: 0;
	margin: 0;		
	/* questo settaggio ha un font-size equivalente a 14px; */
	/* font-size: 14px; */
	/* font-size: 62.5%; */
}

a, a:hover, a:active, a:focus  {
   /* evita l'effetto dotted-line intorno ai link da parte di Firefox */
   outline: 0;
}

#sfondo{
	background-color: #ffffff;
	padding: 0;
	margin: 0;		
}

#sfondo, #contenutoPagina, header, footer{
	width:100%;
	max-width: 1024px;
	position:relative;
	margin: 0 auto;
}

#contenutoPagina{
	border:0;
	padding:0;
}

header {
	clear: both;
	height: 108px;
	border: 0;
	padding: 0;
	background-color: #305175;
}

header img{
	position:absolute;
	clear:both;
	border:0;
	padding:0;
	top:15px;
	left:14px;
}

header h1{
	position:absolute;
	clear:both;
	border:0;
	padding:0;
	top:15px;
	right:14px;
	color:#FFFFFF;
}

footer{
	clear: both;
	height: 30px;
	background-color: #305175;
	color: #FFFFFF;
	top: 0;
	border-top: 10px solid #ffffff;
}	

footer p {
	position: absolute;
	top: -13px;
	height: 23px;
}		
footer p.left {
	text-align: left;
	left: 10px;
	font-size: 0.8em;
}		
footer p.right {
	text-align: right;
	right: 12px;
	font-size: 0.8em;
}		

footer.footerNascosto{
	height: 1px;
	visibility: hidden;
}

footer.footerNascosto p{
	background-color: white;
	text-color: white;
	display:none;
}
	
	
div#zonaRicercaELettere
{
	clear:both;
	position:relative;
	width: 100%;
	padding: 0 0 1em 0;
	margin: 0;
	background-color: #ECF0F1;
	border-bottom: 1px solid #999999;
}

div#zonaRicerca
{
	padding: 1em 0 1em 0;
	border: 0em;
	clear:both;
	width:100%;
}


div#zonaPulsantiLettera
{
	position:relative;
	width: 90%;

	padding: 0 0 0 0;
	margin: 0;
	margin-left: auto;
    margin-right: auto;

    text-align:center;
	background-color: #FFFFFF;		

	/* stondatura angoli in css3 */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  

}

#zonaPulsantiLettera a
{
	font-size: 14px;
	display:inline-block;	
	text-transform:uppercase;
	text-align: center;
	padding: 0.3em 0.5em 0.2em 0.5em;
	width:1em;
	height:1.6em;
    text-decoration: none;
    border:0;	
}

a.selected, a:visited.selected{
	color: #ffffff;
	background-color: #305175;
    border: 2px solid #305175;	
}

a.disabled, a:visited.disabled{
	color: #cccccc;
	background-color: #ffffff;
    border: 2px solid #ffffff;
    cursor:default;
}

a.enabled, a:visited.enabled{
	color: #5C6061;
    border: 2px solid #ffffff;
}

a.enabled:hover, a:visited.enabled:hover{
	color: #000000;
	background-color: #D9DDDE;
    border: 2px solid #D9DDDE;
}



/*
 *
 * stili per adeguamento al prototipo del grafico 
 * 
 * */ 

#zonaRicerca, form {
	position:relative;
    padding:0;
    margin:0;
}

div#descrizioneRicerca{
	font-size:14px;
	position:absolute;
	top: 0.7em;
    left:1em;
    width:4.5em;
    height:23px;
}

div#contenitoreInputRicerca{
	margin: 0 14.35em 0 4.5em;   
    z-index: 100;
}

button#confermaRicerca{
	position: absolute;
	top: 0;
	right: 9.85em;
	width: 39px;
	height: 39px;
	border: 7px solid #305175;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	background-image: url("../grafica/lente.png");
	background-color: #305175;
	background-repeat: no-repeat;
}

button#mostraHighlight{
	position:absolute;
	top: 1px;
	right:6.7em;
	width:37px;
	height:37px;
	border: 6px solid #FFFFFF;
	outline: 1px solid #305175;

	outline-radius: 5px;
	-webkit-outline-radius: 5px;
	-moz-outline-radius: 5px;
	-ms-outline-radius: 5px;
	-o-outline-radius: 5px;
}
button#mostraHighlight.on{
	background-color: #305175;
}
button#mostraHighlight.off{
	background-color: #FFFFFF;
}
button#mostraHighlight.disabled{
	background-color: #ECF0F1;
	border: 3px solid #ECF0F1;
}

button.reset {
	font-size:14px;
	position:absolute;
	top: 0;
    right:1em;
	height:39px;
}



input#campoRicerca {
	font-size:16px;
	width:100%;  
	height:20px;
	    
    padding: 7px 7px 8px 7px;  
    font-size: 15px;  
    text-shadow: 0px 1px 0px #fff;  
    outline: none;      

	/* stondatura angoli in css3 */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    border: 2px solid #305175;
}

input#campoRicerca:focus {  
    /*
    -webkit-box-shadow: 0px 0px 5px #305175;  
    -moz-box-shadow: 0px 0px 5px #305175;  
    box-shadow: 0px 0px 5px #305175;
    */  
} 

/* === Button Style === */

button.reset {
	background-color: #305175;
	border: 2px solid #305175;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	color: white;
	font-weight: bold;
	padding: 8px 0 8px 0;
	text-align: center;
	width: 5.2em;
}
button.reset:hover {
	cursor: pointer; 
}
button.reset:active {
	opacity:.85;
}


/* colore verde usato per pulsanti e selezioni */
.coloreVerde{
	color: #305175;
}	
.coloreSfondoVerde{
	color: #305175;
}	
.coloreRosso{
	color: #305175;
}	
.coloreSfondoRosso{
	color: #305175;
}	
.coloreTestoGigio{
	color: #5C6061;
}


/* si accerta di mandare sempre a capo le differenti zone */
div#zonaLemmi
{
	padding: 1em 0 0 0;
	border: 0;
	clear:both;
	width:100%;
	position:relative;

}


div#definizione, div#elenco_termini{
	/* pezza per mstrare le scrollbar sotto iOS (da 5.0 in poi) */
	-webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    overflow-scrolling: touch;		
}


div#elenco_termini
{	
	width: 38%;
	height: 19.2em;
	float: left;
	overflow:auto; 
}

div#spazioTraDefinizioniETermini{
	border:0;
	padding:0;	
	width: 1%;
	height: 19.2em;
	float: left;
	overflow:auto; 
	border-right:1px solid #999999;
  	background-color: #ffffff;
}


div#definizione{
	padding: 0 2% 0 2%; 
	background-color: #ffffff;
	width: 56%;
	height: 16.8em;
	float: left;
	overflow:auto;
	line-height:1.0em; 
}

div#avantiEIndietro{
	margin: 5px 0 0 0;
	border:0;
	padding:2px 0 0 0;
	border-top: solid 1px #999999; 
	position: absolute;
	left:2%;
	width:56%;
	top:18.145em;
	text-align:left;
	z-index: 1; /* va sopra al bordo alto del footer */ 
}

div#terminePrecedente{
	position: absolute; 
	left:0;
	text-align:left;
}

div#termineSuccessivo{
	position: absolute;
	right:0;
	text-align:right;
}

div#terminePrecedente a, div#termineSuccessivo a{
	font-size: 13px;
	text-decoration: none;
	color: #5C6061;
}

div#terminePrecedente span.freccia, div#termineSuccessivo span.freccia{
	color: #305175;
	font-family: Lucida Sans Unicode, Arial Unicode MS, Arial;	
}

div#definizione h1.termineTitoloLemma{
	font-size: 32px;
	line-height: 40px;
	color:#305175;
	padding-bottom:0;
	border-bottom:0;
	font-weight:normal;
}

div#definizione div.definizione{
	position: relative;
	top:-10px;
	font-size:16px;
	font-family: Georgia;
}

div#definizione div.definizione img.nodida{
	position: relative;
	float:right;
	border: solid 7px #ECF0F1;
	margin: 10px;
	padding:0;
	width:33%;
	/* stondatura angoli in css3 */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;	
}

div#definizione div.definizione img.nodida:hover{
	border: solid 7px #305175;
	cursor:pointer;
}

div#elenco_termini div.termineInLista{	
	/* min-height: 33px; */
	min-height: 1.0em;
	padding: 0 1em 0 0;	
}

div#elenco_termini div.termineInLista a.termineInLista, div.divisoreTermini {	
	display: block;
	padding: 0.4em 0 0.4em 1em;	
	border:0;
	border-left: solid 6px #FFFFFF; /* bordo a sinistra. Normalmente Ã¨ bianco, diventa verde quando Ã¨ selezionato*/
	background-color: #FFFFFF;
	font-size:13px;
	text-decoration: none;
	color: #5C6061;  
}

div#elenco_termini div.termineInLista.selected a.termineInLista{
	color: #305175;
	border-left: solid 6px #305175; /* bordo a sinistra. Normalmente Ã¨ bianco, diventa verde quando Ã¨ selezionato*/	
}

div#elenco_termini div.termineInLista a.termineInLista:hover{	
	background-color: #ECF0F1;	
}

div.divisoreTermini{
	width:98%;
	text-align:center;
	border-bottom: solid 1px #ECF0F1; /* bordo sotto in grigio */
	padding: 0.4em 0 0.4em 0;	
}

div.divisoreTermini span.testoDivisore{
	text-align:center;
	text-transform: uppercase;
	color:#aaaaaa;
}


/*
 * Media queries
 */


@media (max-width: 950px) { 
	/* 
	 * Se la pagina Ã¨ larga meno di 960px, elimina la descrizione dei link in basso a lemmasuccessivo e a lemmaPrecedente 
	 * e nasconde la riga dei pulsanti lettera, eliminando anche un pÃ² di spazio grigio in verticale. 
	 */
	div#terminePrecedente .termine{
		display:none;
	}
	div#termineSuccessivo .termine{
	    display:none;
	}
	
	div#zonaPulsantiLettera{
	    display:none;
	}	
	div#zonaRicercaELettere{
		padding: 0;	
	}
	
	header h1{
		display:none;
	}
}


/*
 * settaggi per ie8 
 *  
 */

.ie8 div#terminePrecedente .termine{
		display:none;
	}
.ie8 div#termineSuccessivo .termine{
	    display:none;
	}
	
.ie8 div#zonaPulsantiLettera{
	    display:none;
	}	
.ie8 div#zonaRicercaELettere{
		padding: 0;	
	}


/*
 * 
 *  Classi di uso comune
 * 
 */
.nascosto{visibility: hidden;}  
.invisibile{display:none;}


.highlight { 
	color: #ffffff;
	background-color: #305175; 	
	}

#attenderePrego, #avviso{
	clear:both;	
	position: absolute;
	top: 150px;
	width: 58%;
	margin: 0 auto;
	text-align: center;
}

.avviso {
	text-align: center;
	background-color: white;
}

.avviso p {
	padding: 1em;
}
	
.avviso .icona{
	display: block;
	background-color: #305175;
	margin: 0 auto;
}	

.avviso .icona.attenderePrego{
	background-image:url('../grafica/ajax-loader.gif');
	height:32px;
	width:32px;
}	

.avviso .icona.avviso{
	background-image:url('../grafica/attenzione.png');
	height:75px;
	width:84px;
}	


/* l'XML del lemmario deve restare nascosto */
xml{display:none;} 
lemmi{display:none;} 
cat{display:none;} 
termine{display:none;} 
definizione{display:none;} 
immagine{display:none;} 
suono{display:none;}
Lemmi{display:none;} 
Cat{display:none;} 
Termine{display:none;} 
Definizione{display:none;} 
