@charset "utf-8";
/*
 * COPYRIGHT 2012 - Francesco Leonetti - www.espertoweb.it
 * e' vietato l'utilizzo non autorizzato di questo codice
 * tutti i diritti riservati
 */
 

/* CSS Document */


	
	
body {
	
	font-size:100%;
	
}

.clearfloat {
	clear:both;
}

h1,h2,h3,h4 {
		
	
	font-weight:bold;
}


h1 {
	font-size:200%;
}

h2 {
	font-size:150%;
}

h3 {
	font-size:117%;
}

h4 {
	font-size:87%;
}

h1 {
	border-bottom:1px dashed #eee;
	padding-bottom:0.3em;
	margin-bottom:2em;	
}

#player {
	
}

h2 {
	
	font-size:150%;	
	
	font-weight:bold;
}

#player_contenuto {
	font-size:1em;
	
	width:96%;
	padding:3px 2% 0 2%;
}

#player input {	height:2em;text-align:center;display:inline;	position:relative; margin:0; vertical-align:middle; border-radius:5px;-moz-border-radius:5px;	-webkit-border-radius:5px;	border:1px solid #16A0C8;}


#player_opzioni_domanda {
	padding:10px;
	display:block;
}

.player_input {
	float:left;
	margin-right:10px;
	display:block;
	width:40px;
	text-align:right;
}

.player_opzione {
	float:left;
	display:block;
	margin:0;
	padding:0;
}

.player_opzione_separatore {
	clear:both;
	display:block;
	height:10px;
	margin-top:10px;
}


#player_tabella_item {
	width:90%;
}

.alto {
	margin-bottom:15px;
}

.piede_domanda {
	clear:both;
	margin:10px 0 10px 10px;
	float:right;
}

.giusto {
	color:green;
}

.sbagliato {
	color:red;
}

.feedback.giusto { 
	color:#fff;
	background-color:green;
	width:100%;
	margin:10px 0 10px 0;
	padding:10px;
}

.feedback.sbagliato { 
	color:#fff;
	background-color:red;
	width:100%;
	margin:10px 0 10px 0;
	padding:10px;
}

.comunica_feedback {
	margin:10px 0 0 0;
	padding:0px 0 0 0;
	/*text-transform:lowercase;*/
	
	font-size:1.2em;
	/*font-style:italic;
	font-weight:bold;*/
	color:#707172;
}

td.giusto {
	background-color:green;
}

td.sbagliato {
	background-color:red;
}

.testonormale {
	font-style:normal;
	font-weight:normal;
	line-height:2em;
}

#contenitore_domanda {
	display:block;
	height:100%;
}


.disattivato {
	display:none;
}


.correzione_spazio {
	font-size:0.8em;
	color:#707172;	
}
                  
#player_pulsanti {
	margin:20px 0 20px 20px;
	
}

#asset_consegna {
	font-style:italic;
	margin:20px 0 10px 0;
}

.player_opzione p, #asset_opzioni p {
	margin:0;
}



.tabella_dd {
  width: 90%;
  margin: 0px 0 0 1px;
  border-collapse: separate;
  border-spacing: 0 10px; }

.tabella_dd td {
  height: 19px;
  vertical-align: top; }

.tabella_dd td.titolo_riga {
  padding: 5px 0 0 10px;
  background-color: #EBECED;
  border-right: 2px solid #fff; 
  height:50px;
  min-height:50px;
  }

.tabella_dd td.dato {
  padding: 5px;
  /*width:50px;*/
  text-align: right;
  background-color: #EBECED;
  border-right: 2px solid #fff; }

.tabella_dd td.azione_tabella {
  width: 30px;
  text-align: center;
  vertical-align: top;
  background-color: #EBECED;
  padding: 5px 0 0 0px; }

.tabella_dd td.titolo_riga.contenutolnd, .tabella_dd td.dato.contenutolnd, .tabella_dd td.azione_tabella.contenutolnd {
  background-color: #fce504; }

.tabella_dd tr.tDnD_whileDrag td {
  background-color: #eee;
  border: 1px dotted #ccc; }

.tabella_dd tr.alt td {
  background-color: #ecf6fc; }

#elenco_risposte {
  margin-top: 10px; }

td.dragHandle {
  width: 19px;
  height: 19px; }

td.showDragHandle {
  cursor: move; }
  
.box_separator {
  width: 100%;
  height: 20px;
  border-bottom: 1px dotted #707172;
  margin-bottom: 20px;
  clear: both; }
  
.punteggio {
	text-align:right;
	font-size:1.2em;
}

#myBoxes {
    text-align:left;
}

ul.boxy {        
 		list-style:none;
    	position:relative;
    	left:20%;    	        
        padding: 4px 4px 0 4px;
        margin: 0px;
        height: auto;        
        text-align: center;
        font-size: 0.88rem;
        
        font-weight: bold;        
}
ul.boxy li {
        cursor:move;
        float: left;        
        margin-right: 4px;
        margin-bottom: 4px;
        padding:2px 12px 2px 12px;
        border: #100 1px dotted;
        background-color: #eee;
        z-index:100;
}

.inputBoxDD {
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 0px;

	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 0px;

	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-left-width: 0px;

	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
}

input.inputBoxDD {
	color:#fff;
}

input.inputBoxDD.sbagliato {
	color:red;
}

input.inputBoxDD.giusto {
	color:green;
}


#testoDD {
	clear:both;
	margin:50px 0 0 0;
	width:500px;
	 
	line-height:2.5em;
}

.dropmatch {
	border:2px dashed #ccc;
	min-width:100px;
	width:100px;
	height:50px;
	min-height:50px;
}

.dragmatch {
	background-color: #EBECED;
	padding:5px 0 0 0;
  	height:45px;
  	min-height:45px;	
	cursor:move;
	z-index:100;
}

#player_tabella_item { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#player_tabella_item li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; min-height: 18px;  border:1px solid #ccc;cursor:move;}
/*#player_tabella_item li span { position: absolute; margin-left: -1.3em; }*/

#nav {
	float:right;	
}


div.clear {
	clear:both;
}

img {border:none;}

.sinistra_40 img,.destra_40 img,.sinistra img,.destra img,.full img,.full_width img,.centro_70 img {
	width:100%;	
}

.full_height img {
	height:100%;	
}

.full_height {
	display:block;
	clear:both;
	height:100%;
	margin:0 auto;	
}

.centro_70 {
	display:block;
	clear:both;
	margin:0 auto;
	padding:5px;
	text-align:center;
	width:70%;
}

.sinistra_40 {
	float:left;
	margin:0 1em 1em 0;
	width:40%;
}

.destra_40 {
	float:right;
	margin:0 0 1em 1em;
	width:40%;
}

.sinistra {
	float:left;
	margin:0 1em 1em 0;
}

.destra {
	float:right;
	margin:0 0 1em 1em;
}

.centro {
	display:block;
	clear:both;
	margin:1em auto;
	padding:5px;
	text-align:center;
}


.full,.full_width {
	display:block;
	clear:both;
	width:100%;
	margin:0 0 1em 0;	
}

.nota {
	font-size:0.8em;
}

.linknota {
	font-size:0.8em;
}

.nascosto {
	display:none;
}

.asset_opzioni table td, #asset_opzioni table td {
	vertical-align:top;
}

table.verofalso {
	border:none;
	border-spacing:10px;
  	border-collapse:collapse;	
}

table.verofalso td.valoreverofalso {
	text-align:center;
}

select.giusto {
	border:green;
}

select.sbagliato {
	border:red;
}

.valorecorretto {
	font-size:0.9em;
	color:#ccc;
}

table.associazione {
	text-align:center;
	width:100%;
		
}

table.associazione td {
	vertical-align:top;
	border:none;
	border-spacing:20px;
  	border-collapse:collapse;	
}

.didascalia, div.didascalia+p {
	text-align:center;
	font-size:0.8em;
	font-style:italic;
}

.media_container {
	width:100%;
	text-align:center;
	margin:1em;
}

.citazione {
	font-size:0.9em;
	margin:1em;
	padding:1em;
	font-style:italic;
}


.rientro {
	text-indent:1em;
}

.box_sx {
	float:left;
	width:40%;
	border:1px solid #ccc;
	padding:1em;
	background-color:#7AC5FA;
	margin:1em 1em 1em 0;
}

.box_dx {
	float:right;
	width:40%;
	border:1px solid #ccc;
	padding:1em;
	background-color:#7AC5FA;
	margin:1em 0 1em 1em;
}

.box_center {
	display:block;
	margin:1em auto;
	width:50%;
	border:1px solid #ccc;
	padding:1em;
	background-color:#7AC5FA;
}

a,.link_blu {color: #0066CC;text-decoration: none;}
a:visited {color: #147;text-decoration: none;}

a[href^="http:"], a[href^="https:"], .link_rosso,
a[href^="http:"]:visited, a[href^="https:"]:visited
{
color:#C00;
border-bottom:1px dotted #C00;
-webkit-text-fill-color: #C00;
}

.Wirisformula {
	display:inline;
	margin:0 0.5em 0 0.5em;
}