@charset "ISO-8859-1";
/* CSS Document */
a:link, a:visited{text-decoration:none; color:#333333}
a:hover, a:focus{text-decoration:none; color:#91B9D3}
body{margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; }
html, body{height:100%; width:100%; font-size:15px}

/*accelleratori*/
.clearer{ clear:both}
.invisible{ display:none}
.hide{display:none;}
.pointer{cursor:pointer !important}
.no-pointer{cursor:default !important}
.no-margin{margin:0 !important}
.no-padding{padding:0 !important}
.no-min-width{min-width:0px !important}
.italic{font-style:italic}
.underline{text-decoration:underline}

/*colori*/
.violet{ background:#914ba3}
.blu{ background:#007fe0}
.brown{ background:#8f4300}
.orange{ background:#e07e00}
.yellow{ background:#b4a500}
.green{ background:#3f7a34}
.red{color:#090}
.red_text{color:#F00}
.green_text{color:#3f7a34}

/*animazione*/
.transFx{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
	
/*LAYOUT GENERALE*/
#container{background:#FFFFFF repeat-x top left;  width:100%; min-width:768px;  position:relative; overflow:hidden}

#head{ background:#fff url(elementi/head-desktop.png?v=1.17) no-repeat 20px center; background-size: 800px; min-height:110px; position:relative; border-bottom:3px solid #e1e1e1}
#head h1{ display:none}
#head h2{ position:absolute; font-weight:200; color:#999; right:1em; bottom:0; display:inline-block; margin:0; font-size:1.5em; padding:10px 20px; background:#fff; border-radius:3px 3px 0 0}

/*box user*/
.box-user{ position:absolute; top:1em; right:1.5em; font-size:1.8em}
.box-user span{ color:#666}

/*box login*/
#content.login{ padding:2em 2em; text-align:center; background:#fff url(elementi/bg-login.jpg?v=1.01) no-repeat; background-size: cover; background-position: center center}
.box-login{ width:40%; max-width:30em; min-width:20em; display:inline-block; background:#fff; padding:1em 2em; border:1px solid #f1f1f1 }
.box-login label{ padding:0;}
.box-login input[type="text"]{ font-size:1.3em}
.box-login input[type="password"]{ font-size:1.3em}

/*larghezze*/
.x100{ width:100%}
.x90{ width:90%}
.x80{ width:80%}
.x75{ width:75%}
.x70{ width:70%}
.x66{ width:66%}
.x60{ width:60%}
.x50{ width:50%}
.x40{ width:40%}
.x33{ width:33.33%}
.x30{ width:30%}
.x25{ width:25%}
.x20{ width:20%}
.x18{ width:18%}
.x16{ width:16%}
.x13{ width:13%}
.x10{ width:10%}
.x5{ width:5%}

/*sx*/
#col-sx{ float:left; width:15em; padding:1em 0.5em}
#open-menu{ position:fixed; top:20px; left:10px; z-index:1000; display:none}
#open-menu a{width:40px; height:40px; font-size:18px; line-height:40px; text-align:center;  display:block; color:#000; background:#FFF; border-radius:20px; box-shadow:1px 1px 0px rgba(0,0,0,0.2)}
#open-menu a:hover{ background:#333; color:#FFF}

/*menu*/
ul.menu_list{list-style: none;  padding:0;  margin: 0; background:transparent; border-top:0px solid #f1f1f1;}  
ul.menu_list li{position: relative; padding:0; margin:0; font-size:1.1em; border:0px solid #f1f1f1; border-top:0}
ul.menu_list li{}
ul.menu_list li a{color:#333; background:#fff; display: block; text-decoration: none; padding:0.5em 0.3em; text-align:left} 
ul.menu_list li a:hover{background:#D2FEFF;}  
ul.menu_list li ul {	 display: none;  	margin: 0; padding:0; z-index:100; border-bottom:10px solid #fff	}  
ul.menu_list li ul li{margin: 0; padding: 0; border:0}  
ul.menu_list li ul li a {  font-size:0.8em; padding: 0.4em 0.3em; padding-left: 2.2em;}
ul.menu_list li ul li a .fa{ display:none}
ul.menu_list li ul li a:hover {}
ul.menu_list li.logout{ margin:0.8em 0 0 0; border-top:1px solid #f1f1f1}
ul.menu_list li.appunti{ }
ul.menu_list li.homepage{}

/*pulsanti*/
.pul{ text-align:center}
.pul a{ display:inline-block;border:1px solid #e1e1e1; font-weight:normal; padding:0.5em 1em; background:#f1f1f1 ; color:#333; font-size:1.2em; margin:1em 0 0 0; cursor:pointer; border-radius:2px;}
.pul a:hover{ background:#333; color:#FFF}
.pul.pub a{ color:#090; border:1px solid #090; background:#090; color:#eef5eb;}
.pul.pub a:hover{ background:#333; color:#fff; border:1px solid #333;}
.pul.cancel a{ color:#C03; border:1px solid #C03; background:#C03; color:#fff}
.pul.cancel a:hover{ background:#333; color:#fff;  border:1px solid #333;}
.pul.function a{ border:1px solid #666; background:#666; color:#fff}
.pul.function a:hover{ background:#333; color:#fff;  border:1px solid #333;}

/*content pagina*/
#content{ padding:0.2em 1em 0.2em 0em;  border-top:0px solid #E2E2E2; overflow:hidden; box-sizing:border-box; }
#content h1{margin:0.5em 0.2em; padding:0; font-size:2.5em; font-weight:100;  color:#666;}
#content h2{margin:0em; padding:0.5em 0; font-size:1.5em; color:#333; font-weight:100; line-height:1.1em; }
#content h3{margin:0em; padding:0.5em 0; font-size:1.2em; color:#333; font-weight:100; line-height:1.1em; }
#content h4{margin:0em; padding:0.5em 0; font-size:1em; color:#333; font-weight:100; line-height:1.1em; }

#content p{margin:0 0 10px 10px; padding:0; line-height:1.1em;}
#content .testo_form p{margin:0 0 10px 10px; padding:0; font-size:0.8em; line-height:1.1em;}
#content .testo_form p .etichetta_form{width:100px; text-align:right; display:inline-block; font-style:italic}

#content .schedule h2{ text-align:center; padding:40px 20px 20px 20px}
#content .schedule iframe{ height:600px}
/*form*/
form{margin:0; padding:1em; background:#f1f1f1; display:inline-block;}
#form_login{ background:#FFF}
#div_ricerca{ overflow:hidden; background:#f1f1f1; padding:1em}
html>body form{display:block}

.form-dialog{font-size:12px; background:#fff;}
.dialog-tag-list{overflow-y:auto; max-height:80px; margin-bottom:0.5em; }
.dialog-tag-list .blocco{margin: 0.5em 0}
.elemento_desschede span{font-size:0.8em}

.blocco{color:#666666; display:block; float:left; position:relative; font-size:1.2em; overflow:hidden; margin:1em 0 1em 0;}
.blocco > *{ vertical-align:middle}

label {font-size:1em; color:#666666; text-transform:uppercase; margin:0 0 0em 0; padding-bottom:2em; display:block; float:left; 
position:relative; overflow:hidden; min-height:6.7em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right:2em }

section { max-width:1200px; display:block; clear:both; padding-top:0.5em; padding-bottom:0.5em;  border-top:1px solid #e1e1e1; overflow:hidden}
section.smallSize{ font-size:0.8em}
section.smallSize label{ padding-bottom:0.2em; min-height:5em}

.total_espansione{ text-align:center; padding-bottom:1em}
.total_espansione a{ display:inline-block; padding:0.7em 1em; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.5); border-radius:2px; font-size:0.9em; color:#666}
.total_espansione a:hover{ background:#fff; color:#000}

label .pulsantiera{height:15px; width:420px; background-color:#EEF; border:1px solid #CCC; padding:1px 1px 1px 3px; margin:1px 0 0 0; display:inline-block;}
label .asterisco{margin-left:3px; color:#C00}
label a.info{ display:inline-block; font-size:18px; line-height:15px; height:15px; width:15px; color:#333; position:absolute; top:0; right:1.5em}
label a.settings{ display:inline-block; font-size:18px; line-height:15px; height:15px; width:15px; color:#333; position:absolute; top:0; right:2.5em}
label a.info:hover, label a.settings:hover{ color:#369}

#content p.fontDispo{ font-size:0.7em; position:absolute; left:0; bottom:1.2em; padding-left:0; margin:0.3em 0 0 0}
#content p.fontCount{ font-size:0.7em; position:absolute; right:2em; bottom:1em; padding-right:1em; margin:0.3em 0 0 0}

#content p.disabled, .fancy p.disabled{ padding:0.8em 0.5em; text-transform:none; color:#333; background:#e1e1e1; width:95%; margin:0.5em 0 0 0}

/*campi form*/
input, textarea, select{
	color: black;
    background-color: white;
	display:block;
	clear:left;
	margin:0.5em 0 0 0;
	text-transform:none;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

label.big{ font-size:1.3em}
input:focus, textarea:focus, select:focus {
	border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
/**
 * Checkbox Five
 */
input[type=checkbox] {
	visibility: hidden;
}
.checkboxFive {
	width: 25px; height:25px;
	margin:0 10px 0 0; display:inline-block; vertical-align:middle;
	position: relative;
}
/**
 * Create the box for the checkbox
 */
.checkboxFive label{
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	min-height: auto;
	top: 0;
  	left: 0; margin:0; padding:0;
	background: #fff;
	border:1px solid #ddd; border-radius:3px;
}
/**
 * Display the tick inside the checkbox
 */
.checkboxFive label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
	opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}

input[type="text"]{
	padding:0.7em 0.5em 0.6em 0.5em; border:1px solid #e1e1e1; font-weight:normal; background:#fff ; 
	color:#333; font-size:1em; border-radius:2px; width:100%;
}

input[type="password"]{
	padding:0.7em 0.5em; border:1px solid #e1e1e1; font-weight:normal; background:#fff ; 
	color:#333; font-size:1em;  cursor:pointer; border-radius:2px; width:100%; 
}

input[type="file"]{
	padding:0.5em 0.5em; border:1px solid #e1e1e1; font-weight:normal; background:#fff ; 
	color:#333; font-size:1em;  cursor:pointer; border-radius:2px; width:100%;
}

input[type="submit"]{
	border:1px solid #e1e1e1; font-weight:normal; padding:10px 15px; background:#f1f1f1 ; color:#333; font-size:12px; 
	margin:6px 0 0 0; cursor:pointer; border-radius:2px;
}
input[type=submit]:hover {
    background: #e1e1e1; 
}

select {
	width:100%;
	border: 1px solid #111;
	background: transparent;
	padding:0.6em 0.5em;
	font-size: 1em;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(elementi/select-arrow.png) right center no-repeat #fff;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width: 0\0) {
  select {
    background: none;
    padding: 5px;
  }
}

textarea{
	border:0; font-size:1em; font-family: 'Source Sans Pro', sans-serif;
	padding:0.5em; font-size:1em; width:100%; height:5em;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.fancy textarea{ border:1px solid #e1e1e1}
textarea.ckeditor{ height:400px}

textarea.big{height:8em;}

/*Componenti invisibili per funzioanmento*/
#div_diabled_submit, #div_settings{display:none}

/*HOME LAYOUT*/
.home-layout{ display:block; padding:0 50px 0 0; width:920px; margin:0 auto; position:relative}
.container-hl{ display:table; position:relative; width:100%; margin:0; padding:0; border:2px solid #fff}
.row{ display:block; position:relative;vertical-align:middle;}
.box{ display:block; position:relative; float:left; cursor:pointer; height:200px; overflow:hidden; width:25%; background:#999 }
.box.double{ width:50%}
.box p, .box h1{ margin:0; padding:0 30px 0 15px !important}
.box p{ font-size:19px}
.box h1{ font-size:22px !important}
.box a{ color:#FFF}

.header{ height:40px; background:#d2d8dc;border-right:1px solid #fff;border-bottom:4px solid #fff;}

.carousel{border-right:0px solid #fff; border-bottom:2px solid #fff; position:relative }
.carousel a{ color:#FFF}
.slide{ display:none; padding:20px; height:160px; overflow:hidden; background:#999}
.slide.active{ display:block}
#content .carousel p, #content .carousel h1{ margin:0; padding:0 30px 0 15px !important}
#content .carousel h1{ font-size:30px}
#content .carousel p{ font-size:20px}

.pagination{ text-align:center; padding:10px 10px 15px 10px}
.dot{display:inline-block;}
.dot a{ width:20px; height:20px; line-height:20px; display:block; text-align:center; background:#e1e1e1; color:#999; font-size:10px;  border-radius:10px}
.dot.active a{ background:#666; color:#FFF}

.options{ position:absolute; bottom:10px; right:-50px; width:50px; z-index:200 }
.options.up{ bottom:auto; top:0 }
.options a{ font-size:25px; color:#666; display:block; text-align:center}
.options a:hover{ font-size:25px; color:#000}

.tool{ position:absolute; top:0px; right:0px; width:30px; display:inline-block; border-right:2px solid #fff; height:100% }
.tool a{ display:block; text-align:center; color:#CCC; font-size:20px; padding:3px}
.tool a:hover{ color:#FFF}

.avviso1{color:#4fbf9f; font-weight: 600}

/*pulsantiera alto*/
#pulsantiera{ margin:0; background:#e1eef6; font-weight: 600;color: #183651; padding-top:20px; background:#FFF; border-bottom:3px solid #e1e1e1; border-top:1px solid #e1e1e1;	z-index:50; text-align:right}
#pulsantiera a{ color:#333; display:block; padding:0.7em 0.5em 0.7em 0; background:#FFF; line-height:1.5em}
#pulsantiera a:hover{ text-decoration:none; color:#000 !important }
#pulsantiera a.off{ color:#CCC !important; cursor:default}
#pulsantiera a.off:hover{ }
#pulsantiera ul{ margin:0; list-style:none; display:inline-block; position:relative; padding:2px 0; text-align:right}
#pulsantiera li{ display:inline-block; margin:0 0.5em 0 0;}
#pulsantiera .paginazione{ font-size:0.8em;	position:absolute; top:-20px; right:-0px; display:block; width:100%; min-width:10em; height:25px; line-height:25px; padding:0 10px;color:#666;}

#pulsantiera .salva a, #pulsantiera .nuovo a{ color:#4fbf9f}
#pulsantiera .elimina a{ color:#090; color:#C03}

#pulsantiera ul.blocchetto-menu{ display:inline-block; font-size:13px; border-left:1px solid #fff}
#pulsantiera .contenitore-pulsantiera{ position:relative}

#pulsantiera_loading {width:100%; background:#fff url('elementi/loading.gif') 50% 50% no-repeat;}

/*bg pulsantiera*/
#bg-pulsantiera{ height:50px; display:none; position:fixed; top:0px; z-index:10; width:100%; left:0; height:85px; background:#fff; border-bottom:3px solid #e1e1e1;
-moz-box-shadow: 0px 0px 10px #999; -webkit-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999;}

/*tabella risultati*/
table.linkable, table.hoverble {margin:1em 0px; padding:0;  border:1px solid #CCCCCC; width:100%;font-size:1em; background:#FFF}
table.linkable caption, table.hoverble caption{ border:1px solid #fff; border-bottom:none; text-transform:uppercase; font-weight:normal; padding:0.5em 0; background:#fff ; font-size:12px; letter-spacing:0.5px; color:#999; margin:0 0 0 0;}
table.linkable th, table.hoverble th{ font-size:0.8em; font-weight:bold;  color:#666666; text-transform:uppercase; text-align:left; padding:10px 2em 10px 0.9em ; background:#f1f1f1}
table.linkable td, table.hoverble td{ border-top:1px dashed #CCCCCC; color:#666666;  padding:10px 1em; text-align:left; }
table.linkable tr:nth-child(odd), table.hoverble tr:nth-child(odd){background:#EEEEFF; background:#fffbe1}
table.linkable tr:hover td, table.hoverble tr:hover td{background:#CBFCFE}
table.linkable td:hover{background:#B1FAFE; cursor:pointer}
  table.linkable th.etichetta, table.hoverble th.etichetta,  table.linkable td.etichetta, table.hoverble td.etichetta{background-color:#FBFEBA;}
td a.modifica span{color:#F90}
td a.assenze-consuntivo  span{color:#F90}
td a.elimina span{color:#F00}
table.linkable caption .left, table.hoverble caption .left{ float:left; padding:0 1em}
table.linkable caption .right, table.hoverble caption .left{ float:right; padding:0 1em}
table.linkable caption, table.hoverble caption{border: 1px solid #fff; font-size: 0.8em; background: #d5dfe8; background:#fff; color: #8195a7}
table.linkable, table.hoverble{ border: 1px solid #fff}
table.linkable th, table.hoverble th{ background: #8195a7; padding: 10px 1.3em; font-size: 0.8em; color: #fff}
table.linkable td, table.hoverble td{ color: #183651}
table.linkable tr:nth-child(odd), table.hoverble tr:nth-child(odd){ background: #eff3f5}
table.linkable th.etichetta, table.hoverble th.etichetta{background-color:#FBFEBA;}
td a.modifica, td a.elimina , td a.valida, a.modifica { display: inline-block; box-sizing: border-box; border-radius: 3px; border-bottom: 2px solid rgba(0,0,0,0.15); padding: 3px 6px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #183651}
td a.modifica, a.modifica{ background:#fbbd5e}
td a.modifica span, a.modifica span{color:#fff}
td a.assenze{ background:#999; color: #fff; font-size: 11px; border-radius: 2px; padding: 2px}
td a.assenze span{color:#fff}
td a.elimina{ background:#f06151}
td a.elimina span{color:#fff}
td a.assenze-consuntivo { display: inline-block; box-sizing: border-box; border-radius: 3px; border-bottom: 2px solid rgba(0,0,0,0.15); padding: 3px 6px; font-size: 10px; font-weight: 600; text-transform: uppercase; color: #183651}
td a.assenze-consuntivo { background:#fbbd5e}
td a.assenze-consuntivo  span{color:#fff}
td a.valida{ background:#0C0}

div.box-avviso{border:1px solid #ccc; border-radius:5px; background-color:#FF9; display:block; clear:both; margin:0 0 10px 0; padding:10px; width:90%; font-size:0.9em}
table.linkable td.totale{ font-weight: 800; font-size: 1.2em; text-align: center}

/*p con bordo grigio a tutta pagina*/
#risultati .bordo{ border:3px solid rgba(0,0,0,0.08); text-align:center; background:#FFC; text-transform:uppercase; font-weight:normal; padding:1.5em 1em;  color:#999; margin:1em 0;}

/*tabella SCHEDULE*/
.schedule{ overflow-x:scroll; width:100%}
.schedule table.linkable, .schedule table.hoverble { font-size:11px; border:0}
.schedule table.linkable th, .schedule table.hoverble th{ font-weight:bold;  color:#666666; text-transform:uppercase; text-align:center; padding:10px; background:#f1f1f1}
.schedule table.linkable th span, .schedule table.hoverble th span{ display:block; font-weight:100}
.schedule table.linkable td, .schedule table.hoverble td{ padding:5px 2px; text-align:center; border-left:1px solid #e1e1e1 }
.schedule table.linkable tr.totale td, .schedule table.hoverble tr.totale td{ background:#f1f1f1; border-top:2px solid #e1e1e1}
.schedule table.linkable td:first-child, .schedule table.hoverble td:first-child{ border-left:0 }
.schedule table.linkable td.dipendente, .schedule table.hoverble td.dipendente{  text-align:left; min-width:80px; font-size:13px; padding:15px 0px 15px 5px}
.schedule table.linkable th.dipendente, .schedule table.hoverble th.dipendente{ font-size:9px; text-align:left}
.schedule table.linkable td .presenze, .schedule table.hoverble td .presenze{ display:block; font-size:12px;}
.schedule table.linkable td .permessi, .schedule table.hoverble td .permessi{ display:block; font-size:13px;}
.schedule table.linkable td .presenze i, .schedule table.hoverble td .presenze i{ color:#090}
.schedule table.linkable td .permessi i, .schedule table.hoverble td .permessi i{ color:#090; color:#F60}
.schedule td .decimals{ display:inline; font-size:0.8em}
.presenze.rosso a{ color:#FF0000}
.presenze.blu{ background:none}
.presenze.blu a{ color:#FF0000; color:#0066CC; color:#0099CC; background:none}

/*footer*/
footer{ height:auto; margin:0px 0 0 0; padding:0}
#footer{clear:both; padding:20px 0; background:#fff; border-top:3px solid #E2E2E2;}
#footer p{font-size:0.8em; color:#626769; text-shadow:1px 1px #FFF; padding:5px 20px; margin:0; text-align:center;}

/*espansione*/
.icona_espansione{border:0; float:left; margin:0 5px 0 0;}
#content h2.titolo_espansione{ font-weight:100; border-top:2px solid #e1e1e1}

/*espansione*/
.corpo_espansione{display:none; position:relative;}

/*quadro per elenco record semplice*/
.quadro{display:block; clear:both; width:100%; overflow-x:hidden; overflow-y:auto; max-height:200px;  margin:0 0 1em 0;}
.quadro ul{list-style:none; margin:0; padding:0;border-top:1px solid #e1e1e1; }
.quadro li{border-bottom:1px solid #e1e1e1; float:none; margin:0; padding:0.2em 0 0.2em 1em; font-size:0.9em}
.quadro li label{ font-variant:normal; text-transform:none; letter-spacing:normal; font-size:1em; margin:0; padding:0; float:none; width:auto; color:#666;}

/*lista alternata e cliccabile*/
ul.linkable li:nth-child(odd){background:#fffbe1}
ul.linkable li:hover{background:#CBFCFE; cursor:pointer}
/*lista alternata*/
ul.alternate li:nth-child(odd), table.alternate tr:nth-child(odd){background:#fffbe1}

/*Box in homepage*/
#content .container_box_home{float:left}
#content .box_home{border:1px solid #f1f1f1; background-color:#fff;  font-size:1em; margin:0.5em; padding:1em; height:25em; overflow-y:auto;}
#content .box_home:hover{ background-color:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.2); cursor:pointer}
#content .box_home p{margin: 0 0 0 0; line-height:1.2em}
#content .box_home p a{color:#333}
#content .box_home ul{ margin:1em 0; padding:0; list-style:none}
#content .box_home li{ padding:0.5em; border-top:1px solid #e1e1e1}
#content .box_home li:nth-child(even) {background: #f1f1f1}
#content .box_home li.comunicazioni{ overflow: hidden}
#content .box_home li.comunicazioni .day{ position: relative; top: 0; left: 0; float: left; margin-right: 10px; padding: 0}
#content .box_home li.comunicazioni .text{ padding-bottom: 5px; font-weight: 600}
/*Box comunicazioni in homepage*/
#content .box_home_comunicazioni{border:1px solid #f1f1f1; background-color:#fff;  font-size:1em; margin:0.5em; padding:1em; height:25em; overflow-y:auto;}
#content .box_home_comunicazioni:hover{ background-color:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.2); cursor:pointer}
#content .box_home_comunicazioni p{margin: 0 0 0 0; line-height:1.2em}
#content .box_home_comunicazioni p a{color:#333}
#content .box_home_comunicazioni ul{ margin:1em 0; padding:0; list-style:none}
#content .box_home_comunicazioni li{ padding:0.5em; border-top:1px solid #e1e1e1}
#content .box_home_comunicazioni li:nth-child(even) {background: #f1f1f1}
#content .box_home_comunicazioni li.comunicazioni{ overflow: hidden}
#content .box_home_comunicazioni li.comunicazioni .day{ position: relative; top: 0; left: 0; float: left; margin-right: 10px; padding: 0}
#content .box_home_comunicazioni li.comunicazioni .text{ padding-bottom: 5px; font-weight: 600}
/*Paging*/
#paging{display:block;margin:1em 0 0 0; padding:0; }
#paging ul{border:0; margin:0; padding:0;text-align:center}
#paging li{border:0; margin:0; padding:0;font-size:1em; min-width:2em;list-style:none; display:inline-block; }
#paging a{border:1px solid #fff; display:block; text-align:center; padding:0.4em; color:#666; background:#f1f1f1}
#paging a:hover{background:#666;color:#FFF;}
#paging .attivo a{background:#333;color:#FFF;font-weight:bold;}
#paging .inattivo a, #paging .inattivo a:hover{border-color:#fff; color:#CCC; background:#f1f1f1; cursor:default; }

#paging a{ background: none; color: #8195a7}
#paging .inattivo a, #paging .inattivo a:hover{ background: #fff}
#paging .attivo a{ background: #183651}
#paging a:hover{background: #8195a7}

/*Box parole chiave e schede correlate*/
.lista_tag{}
.lista_tag ul{ margin:0; padding:0;}
.lista_tag li{ display:inline-block; line-height:1.2em; margin-right:1.5em}
.lista_tag.schede li{ display:block; float:none; overflow:hidden; margin:0 0 0.5em 0}

.corpo_espansione .lista_tag li a{ display:block; float:left; line-height:1em; padding:0.1em; margin:0 0.2em 0 0; color:#666; text-transform:none}
.corpo_espansione .lista_tag li a:hover{ color:#C30}

div.lista_tag, div.lista_schede{padding:0.5em 0 3em 0;}
div.lista_tag span, div.lista_schede span {}
div.lista_tag span a, div.lista_schede span a {}
div.lista_schede span {	clear:left;}

/*Bottoni accanto campo inserimento*/
div.pulsantiera_button{	padding:0; position:absolute; right:1em; top:-2em; font-size:1em;}
div.pulsantiera_button .pulsante{ clear:none;float:left;margin-right:10px;}
div.pulsantiera_button a, div.pulsantiera_button a:hover{ background:transparent; border:0; padding:0.2em 0.3em}
div.pulsantiera_button a:hover{ background:#FFF}

/*Pulsantiera in espansione*/
div.pulsantiera_button ul{ margin:0 0 0 10px; padding:0; list-style:none; display:block; clear:both}
div.pulsantiera_button li a{padding:0 5px; margin:0 5px;}
div.pulsantiera_button li a:hover{ text-decoration:none; }
div.pulsantiera_button li a.off{ color:#CCC; cursor:default}
div.pulsantiera_button li{ float:left; margin:0 20px 0 0}

/*Box lista_elementi*/
.lista_elementi{overflow:auto; border:1px solid ##ccc; border-radius:3px; background-color:#eeeeff}
.lista_elementi li {border:1px solid #0099CC}
.lista_elementi li a{ background-color:#FFFFFF}

/*Classi avvisi rosso verde e arancione*/
.avviso1{color:#090}
.avviso0{color:#FF9900}
.avviso-1{color:#F00}

/*Paging interno*/
.paging_tabella{display:block;margin:0; padding:0; }
.paging_tabella ul{border:0; margin:0; padding:0;text-align:center}
.paging_tabella li{border:0; margin:0; padding:0;font-size:1em; min-width:2em;list-style:none; display:inline-block; }
.paging_tabella a{border:1px solid #fff; display:block; text-align:center; padding:0.4em; color:#666; background:#f1f1f1; margin:0 !important; padding:0 !important;}
.paging_tabella a:hover{background:#666;color:#FFF;}
.paging_tabella .attivo a{background:#333;color:#FFF;font-weight:bold;}
.paging_tabella .inattivo a, #paging .inattivo a:hover{border-color:#fff; color:#CCC; background:#f1f1f1; cursor:default; }

/*Azzera per ckeditor*/
.cke_reset_all label{text-transform:none; float:none; letter-spacing:0}

/*STILI PER SLIDE MENU */
#menu_mobile{ overflow-y: auto}
.panel {
    position: fixed;
    margin-left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
	background:#fff; box-shadow: inset -3px 0px 1px #e0e8ef
}
.wrap {
    position: relative;
}
.panel li{ font-size:1.1em}
.panel ul{ padding:0 5px 5px 0}
.panel li a{padding:0.3em; display:block; background:#transparent; text-align:center}
.panel li.sport a{ color:#ffd200}
.panel li.salute a{ color:#d95d83}
.panel li.cucina a{ color:#27c492}
.panel li.arte a{ color:#763939}

/*CALENDARIO*/
.total-cal{ padding: 20px; background: #fff; overflow: hidden; width: 100%; box-sizing: border-box}
.total-cal h2, #content .total-cal h2{ text-align: center; font-size: 20px; font-weight: 600}
.total-cal h2 span{ width: 200px; display: inline-block}
.block-cal{ width: 33.3%; float: left; box-sizing: border-box; padding: 10px;}
.calendar{ position:relative; padding:0 0px; background: #fff}
.calendar h1, #box-calendario h1{ margin:0;  font-size:30px; font-weight:100; color:#173d64; background:#fff; padding:5px 10px 5px 10px; text-align:center; border-bottom:1px solid #f1f1f1;  border-top:1px solid #f1f1f1}
.side-menu .calendar { margin:20px 0 30px 0; min-height:0;}
.calendar h2, #content .calendar h2, #article .side-menu .calendar h2{ text-align:center; color:#2e3192; font-weight:200; font-size:1em; margin:0; padding: 10px 5px; background:#cfd0e3; font-weight: 600}
.calendar table{ width:100%;}
.side-menu .calendar table{ margin:0 0px; background:#fff; }
.calendar .giorno{ height:30px; width:100%;color:#999; text-align:right; background: #fff; 
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.calendar .giorno span{ padding:5px; font-size: 10px}
.box_home .calendar{ display: inline-block}

.side-menu .calendar .giorno{ height:auto; text-align:center; font-size:0.9em}
.side-menu .calendar .giorno span{ padding:0.5em 0; display:block}
.side-menu .calendar table th, .calendar table th{ padding:0.5em 0; background:#f1f1f1; color:#333; font-size:0.8em; border:1px solid #f1f1f1;}
.side-menu .calendar .pulsanti .sequence-next, .side-menu .calendar .pulsanti .sequence-prev{ height:auto; line-height:normal; font-size:15px; padding:0 0.5em}
.side-menu .calendar .pulsanti .sequence-next{ right:0}
.side-menu .calendar .pulsanti .sequence-prev{ left:0}

.calendar .on{ background:#fff; color:#2e3192; font-weight: 600; cursor:pointer}
.calendar .on-your{ background:#afe8db; color:#7d7d7d}
.calendar .on-twin{ position:relative; background:#ebcc36; color:#333}
.calendar .on-twin::before{ content:''; position:absolute;  background:#2A80D9; top:0; left:0; right:50%; bottom:0 }
.calendar td{ padding:0px; border:1px solid #f1f1f1; background:#f1f1f1}
.calendar td:hover{}
.calendar td:hover .giorno{ background:#f1f1f1; color:#7d7d7d}
.calendar td:hover .on{background:#333;color:#3579be}
.calendar td:hover .on-your{ background:#333;color:#7d7d7d}
.calendar td:hover .on-twin{ color:#7d7d7d}
.calendar .cliccato{}

.calendar .sequence-prev{ height:auto; margin:0; padding:0; position:relative; top:auto; left:auto; float:left; font-size:1em; font-weight:100; color:#2e3192; display:inline-block; cursor:pointer}
.calendar .sequence-next{ height:auto; margin:0; padding:0; position:relative; top:auto; left:auto; float:right; font-size:1em; font-weight:100; color:#2e3192; display:inline-block; cursor:pointer}

/*STILI PER FANCYBOX */
.crop-container{ padding:0px; background:#fff; margin:10px 0 0 0; width:100%; display:table}
.crop-container form{ overflow:hidden; background:none;}
.img-container, .data-container{ display:table-cell; vertical-align:top; padding:10px; background:#fff;}
.img-container{ border-left:5px solid #fff}
.img-container img{max-width:600px; max-height:500px; display:block; margin:0 auto}
.crop-container #toolbar{ display:table-cell; vertical-align:top; overflow:auto; width:150px; background:#FFF; padding:0 1.5em 0 0.5em}
.crop-container #toolbar .pul{ display:block; width:100%; margin:0 0 5px 0}
.crop-container #toolbar .pul a{ display:block; width:100%; padding:0.5em 0;text-align:center; margin:0}
.crop-container #toolbar .pul a.off{ background:#e1e1e1; border:1px solid #e1e1e1; color:#ccc; cursor:default}

.crop { background:#fff}
.crop .box{ margin:0}
.crop h1, .fancy h1{ margin:0;background:#f1f1f1; padding:5px 10px 0px 10px; font-size:30px; font-weight:100; color:#333; text-align:center; border-bottom: 2px solid #e1e1e1}
.crop p, .fancy p{margin:5px 10px 5px 10px;}
.crop h2, .fancy h2{ margin:0; padding:0px 10px 10px 0px; font-size:20px; font-weight:600; color:#333; text-align:left}

a.clear_upload{color:#666; font-size:0.8em; display:none}
a.clear_upload:hover{ color:#333}

.img-detail{ display:table; width:100%; background:#f1f1f1}
.img-detail-container{ display:table-cell; vertical-align:middle; width:60%; text-align:center;padding:0.2em 0 0.2em 0; font-size:5em; color:#ccc; height:150px;}
.img-detail-container img{display:table-cell; vertical-align:middle; max-width:200px; max-height:150px; display:inline-block; border:0}
.info-container{display:table-cell; vertical-align:middle; text-align:left; }
.info-container ul{ margin:0; padding:10px; list-style:none}
.info-container li{ font-size:0.9em}

.drop-area{ display:block; border:5px dotted #e1e1e1; font-size:15px; text-align:center; color:#999; padding:20px;}

/*TAB*/
#tab{ position:relative; background:#c2d3d7; border-bottom: 2px solid #fff}
#tab ul{ list-style:none; overflow:hidden; margin:0; padding:0.5em 0 0 20px}
#tab li{ display:inline-block}
#tab li a{ display:block; color:#666; font-size: 1.2em; background:#f1f1f1; padding:0.5em 0.8em; border-radius:5px 5px 0 0; text-decoration:none}
#tab li a:hover{ background:#fff; color:#333}
#tab li.active a{ background:#fff; color:#333; font-weight: 800}

/*Risultati GRAFICI CHART*/
/*STILI PER GRAFICI*/

@media screen and (min-width: 1200px) {
.form-grafici{ float: right; width: 30%; margin: 20px 0 0 20px}
    .form-grafici .x25{ width: 50%}
    .form-grafici .x50{ width: 100%}
}

#div_risultati{ overflow: hidden}

.highcharts-credits:hover {cursor:auto!important;}
.loading {margin-top: 10em;text-align: center;color: gray;}
.grafico{height: 500px; min-width: 310px; max-width: 1200px; margin: 0 auto; }
.grafico.basso{height: 350px; }

#risultati{ max-width:1500px}
.box-stat{ display:block; float:left; box-sizing:border-box; padding:30px 10px; overflow:hidden; margin-bottom:20px; }
.box-stat .box-stat canvas{ float:left}
.box-stat table{ box-sizing:border-box}

#content .general-stat{ background:#fff; margin-bottom:1em; border-bottom:2px solid #f1f1f1; overflow:hidden; float: left}
#content .general-stat .box-stat p{ text-align:center; font-size:1.1em; color:#666; padding:0; margin:0}
#content .general-stat .box-stat p span{ font-size:2.5em; padding:10px 0; color:#73b0d0; display:block; font-weight:600}
#content .general-stat  .box-container .box-stat{padding:1em;}

.box-stat ol.lista-dati{ margin:1em 0 0 0; padding:0 0.8em; font-size:1.2em}
.box-stat ol.lista-dati li{ border-top:1px solid #e1e1e1; font-size:0.9em; color:#333; list-style-position:inside; padding:10px}
.box-stat ol.lista-dati li span{ float:right; font-size:0.9em; padding-top:0.2em; color:#73b0d0; text-transform:uppercase}
.box-stat table.linkable, .box-stat table.hoverble{ margin:1em 0 0 0em; padding:0; font-size:1.2em}
.box-stat table.linkable th, .box-stat table.hoverble th{ background:#f1f1f1; color:#ccc; border-top:1px solid #e1e1e1; padding:10px; font-size:0.7em; text-align:right}
.box-stat table.linkable th.left, .box-stat table.hoverble th.left{ text-align:left; padding:10px}
.box-stat table.linkable td, .box-stat table.hoverble td{ font-size:0.9em; padding:10px; text-align:right;  }
.box-stat table.linkable td strong, .box-stat table.hoverble td strong{color:#73b0d0}
.box-stat table.linkable td.left, .box-stat table.hoverble td.left{ text-align:left; padding:10px}

.box-stat table.legenda{ height:30px}
.box-stat ul{ margin:0 0 15px 0; padding:2px 0; list-style:none;}
.box-stat ul li{ padding:2px 0;}

.legend-box{ width:33%; float:left; display:block}

#content .box-stat h2, #content .box-container h2{ color:#333;  padding:1em; font-size:0.9em; text-transform:uppercase; text-align:center; font-weight:600; margin:0em 0 0 0}
#content .box-stat h3{ font-size:15px; text-align:left; padding:0 0 5px 0; margin:0}
#content .box-stat td h3{ text-align:center}
#content .box-stat a.print-graph{ display:inline-block; color:#333; margin-left:5px; padding:5px 8px; font-size:0.8em; border-bottom:2px solid rgba(0,0,0,0.2); 
text-transform:uppercase; background:#f1f1f1; border-radius:3px }

#content .box-stat p{ font-size:12px; text-align:center; padding:5px 0 10px 0; margin:0 0 10px 0}
#content .box-stat table{ table-layout:fixed}
#content .box-stat td{ vertical-align:top; }

.tab-nav{ margin:20px 0 10px 0 }
.tab-nav ul{ list-style:none; text-align:center; margin:0; padding:0}
.tab-nav li{ display:inline-block; margin:0 5px;  border:1px solid #e1e1e1}
.tab-nav a{ display:block; padding:0.5em 0.7em; font-size:2em; color:#ccc; font-weight:600;}
.tab-nav a:hover{ background:#f1f1f1}
.tab-nav li.active a{ border-bottom:3px solid #333; color:#333}

.doughnut-legend { text-align:center}
.doughnut-legend li{ display:inline-block; font-size:0.75em; margin-right:10px}
.doughnut-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

/*STILI PER TEST*/
.test-container{ background:#e1e1e1}
.test-container h2{ text-align:center; background:#f1f1f1; font-size:1.2em}
.pages{ display:inline-block; float:right; background:#fff; padding:0.2em 0.5em; margin-top:-0.2em}
.test-container figure{ width:100%; text-align:center; margin:0; padding:1em 0 1em 0}
.test-container img{ display:inline-block; max-width:450px; max-height:500px}
.test-container figcaption{ display:block; font-size:1.5em; text-align:center; padding:1em}
.test-container form{ overflow:hidden}
.test-container fieldset{ padding:1em; margin:0; background:#f1f1f1; border:1px solid #e1e1e1; text-align:center; }

.test-container legend{ text-align:center; font-size:1.5em}
.test-container label{ text-align:center; padding-bottom:0; min-height:5em; display:inline-block;float:none}
.test-container input{ display:inline-block}
.risposta{ font-size:2em; display:inline-block}
.nav-test{ background:#f1f1f1; padding-bottom:2em}
.alert{ display:block; opacity:0; position:fixed; bottom:-50%; left:0.5em; right:0.5em; box-sizing:border-box; background:#000; background:rgba(0,0,0,0.6); padding:1.5em 1em; color:#FFF; text-align:center}
.alert.active{ opacity:1; bottom:40%}
#content .alert p{font-size:1.2em; text-shadow:1px 1px 1px #000 }
.alert .pul a{ font-size:0.9em; margin:0}
.audio-container{width:100%; text-align:center; margin:0; padding:0.5em 0 0.5em 0; background:#e1e1e1}
.audio-container audio{ width:500px}
#content .audio-container p{ padding:3px 0; margin:0; font-size:0.8em; width:400px; margin:0 auto; text-align:center; background:#FFF; border-radius:0 0 3px 3px}
.audio-controls{ width:400px; margin:0 auto 1px auto; background:#FFF; border-radius:3px 3px 0 0; overflow:hidden}
.audio-controls .pul-play{ width:60%; float:left; border-right:2px solid #e1e1e1; padding:10px 20px; box-sizing:border-box; text-align:center}
.audio-controls .pul-play a{ font-size:1.5em; display:inline-block; padding:5px 10px; background:#666; color:#fff; border-radius:3px;}
.audio-controls .pul-play a:hover{ background:#000}
.audio-controls .pul-play.playing a{ background:#090; }
.audio-controls .pul-play.playing a span{-webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;}
.intro{padding:2em 4em}
.intro label{font-size:0.8em;}
.intro .pul-leggi{float:left; padding:1em 0}
.intro h2{text-align:left; background:none; font-size:1.5em}
#content .intro p{margin-left:0}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

.audio-controls .pul-play a span{ font-size:1.2em }
.audio-controls .pul-volume{ width:40%; float:left; padding:10px 20px; box-sizing:border-box; font-size:10px}
.audio-controls .pul-volume:before{ content:"- volume +"; display:block; text-align:center; font-size:15px; padding-bottom:2px;}

#content .testoTest{ padding:1em 4em;}
#content .testoTest p{ text-align:center; font-size:2em; padding:0.5em}
#content .infoTest{ background:#fff; padding:0.5em; border-top:2px solid #f1f1f1}
#content .infoTest p{ font-size:1em; padding:0; margin:0; color:#666; text-align:right}
#content .infoTest p i{ color:#000}
#content .slide-list ul{ margin:0; padding:10px 0; list-style:none; text-align:center}
#content .slide-list li{ display:inline-block;}
#content .slide-list li a{ display:block; border-radius:50%;  height:20px; width:20px; line-height:20px; color:#333; background:#FFF; font-size:12px }
#content .slide-list li a:hover{ box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
#content .slide-list li.check a{ background:#CFF; background:#3CF; color:#FFF }
#content .slide-list li.current a{ border:1px solid #000;  height:25px; width:25px; line-height:25px}
#content .slideNav a{ height:2em; width:2em; line-height:2em; background:#FFF; font-size:1.9em; border-radius:50%; box-shadow:0px 0px 5px rgba(0,0,0,0.5); display:block; text-align:center}
#content .slideNav a.prev{ position:fixed; left:20px; top:50%}
#content .slideNav a.next{ position:fixed; right:20px; top:50%}

/*ENTRY BADGE*/
/*footer*/
body.badge{ background:#f1f1f1}
.badge #container{ background:none}
.badge #content.login{ background:none}
.badge .box-login{ margin-top:0%; min-width:45em; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.badge .box-login p{ font-size:1.5em; padding:0.5em 0; color:#333}
.badge #content .box-login h1{ margin:0.2em 0; font-size:2em}
.badge footer{ height:auto; margin:10px 0 0 0; padding:0}
.badge #footer{clear:both; padding:0.5em 0; background:none; border-top:0px solid #E2E2E2;}
.badge #footer p{font-size:12px; color:#626769; text-shadow:1px 1px #FFF; padding:5px 20px; margin:0; text-align:center;}
.badge .pul{ display:inline-block; margin-right:10px}
.badge .pul a{ font-size:1.8em; border:0; border-bottom:3px solid rgba(0,0,0,0.15)}
.badge .pul a:hover{ background:#333 !important; color:#fff !important}
.badge .pul.entra a{ background:#390; color:#FFF}
.badge .pul.esci a{ background:#390; background:#F30; color:#FFF}
.badge .pul.pausa a{ background:#390; background:#999; color:#FFF}

/*CALENDARIO*/
/*Settimanale*/
.settimanale, .giornaliero{}
.settimanale table, .giornaliero table{ width:100%; /*table-layout:fixed;*/ background:#f1f1f1; margin-bottom:1em; background:#f1f5f9; background:#fff; border-top:30px solid transparent; border-bottom:2px solid #e1e1e1; position:relative}
.settimanale th, .giornaliero th{ text-align:center; padding:0 5px; font-size:10px; text-transform:uppercase; letter-spacing:0.3px; color:#14a0bf; box-sizing:border-box}
.settimanale td, .giornaliero td{ border-left:0px dotted #ccc; text-align:center; background-image:url(elementi/bg-td.png); background-position:bottom center; background-repeat:repeat-x; border-top:0px dotted #e1e1e1; box-shadow: inset 0 0 1px rgba(0,0,0,0.1); color:#333; padding:5px; height:12px; line-height:12px; box-sizing:border-box; font-size:10px; position:relative;}
.settimanale tr:nth-child(4n+0) td, .giornaliero tr:nth-child(4n+0) td{  box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);}
.settimanale td.odd, .settimanale td:nth-child(4n+4), .settimanale td:nth-child(4n+5){ background-color:#fbfbe9; border-left-color:#a6b0b9}
.settimanale td:nth-child(4n+4), .settimanale td:nth-child(4n+6){ border-left: 1px dotted #ccc}
.settimanale td:hover, .giornaliero td:hover{ cursor:pointer; background-color:#fff}
.settimanale td.ora, .settimanale th.ora, .giornaliero td.ora, .giornaliero th.ora{  background:#fff; width:250px; border-left:0;}
.settimanale tr.totali td, .settimanale tr.totali td:nth-child(4n+4), .settimanale tr.totali td:nth-child(4n+6){ background: #f2fbff}
.settimanale td.ora, .giornaliero td.ora{ background-color:#FFFFCC; background-color:#e3f2f9}
.settimanale td.ora:hover, .giornaliero td.ora:hover{  background:#fff; cursor:default}
.settimanale .prenotazione, .giornaliero .prenotazione{ position:absolute; top:0; left:0; width:100%; /*z-index:45;*/ height:100%;}
/*.settimanale .prenotazione a, .giornaliero .prenotazione a{ display:block; padding:5px; background:#f1d3f0; color:#333; font-size:12px; line-height:1.15em; text-align:left; 
box-sizing:border-box; box-shadow:inset 0px 0px 1px #fff; border:1px solid #a2a1a1; overflow:hidden}*/
.settimanale .prenotazione a, .giornaliero .prenotazione a{ display:block; padding:5px; color:#333; font-size:12px; line-height:1.15em; text-align:left; 
box-sizing:border-box; box-shadow:inset 0px 0px 1px #fff; border:1px solid #a2a1a1; overflow:hidden}
.settimanale .prenotazione.slim a, .giornaliero .prenotazione.slim a{ width:33.3%; float:left; /*z-index:300*/ }
.settimanale .prenotazione a:hover, .giornaliero .prenotazione a:hover{ text-decoration:none; background:#FF9 !important; overflow:visible; overflow-y:auto; z-index:400}
.settimanale thead, .giornaliero thead{ margin: 0}
.settimanale thead tr, .giornaliero thead tr{ }
.settimanale thead tr th, .giornaliero thead tr th{ padding: 5px 2px}
.settimanale tbody{}
.giornaliero table caption, .cal_block table caption, .igiorni table caption{ font-weight:100; font-size:15px; padding:12px 0px; background:#e2ebf3; color:#666; text-align:left; text-transform:uppercase; border-bottom:0px dotted #e1e1e1; border-top:0px solid #fff; 
letter-spacing:0.5px}
.settimanale table caption, .settimanale table .caption{font-weight:600; font-size:15px; padding:12px 0px; background:#fff; color:#666; text-align:center; text-transform:uppercase; border-bottom:1px dotted #e1e1e1; border-top:0px solid #fff; 
letter-spacing:0.5px}
.settimanale table caption .nextPrev, .giornaliero table caption .nextPrev, .cal_block table caption .nextPrev{ width:80px; text-align:center}
.nextPrev{ float:left}
.nextPrev a{ display:inline-block; padding:0 5px}

.giornaliero tr td:nth-child(2n+3) {
    background-color: #fbfbe9; 
}
.giornaliero tr td:nth-child(2n+3):hover {
    background-color: #fff; 
}
	
/*Calendario in linea*/
.mesile{ padding:0; border-top:2px solid #fff; overflow:hidden; background:#e2ebf3}
.ilmese{ float:left; text-align:center; font-size:15px; font-weight:600; line-height:35px; width:10%}
.igiorni{ float:left; width:100%; box-sizing: border-box; padding: 0 15px}
.igiorni table{ table-layout:fixed;}
.igiorni table td{ text-align:center;  font-size:12px}
.igiorni table td a{ display:block; background: #dae3ea; border: 2px solid #e2ebf3; padding:10px 2px; color:#333333}
.igiorni table td.domenica a{ color:#CC0000; color:#F00}
.igiorni table td a:hover{ background:#f5f6f7; text-decoration:none}
.igiorni table td.active a{ background:#fff; border-bottom: 2px solid #fff; }
.igiorni table td span{ font-weight:600}

/* Desktop Layout: 1200px */
@media only screen and (max-width: 1200px) {
	body{ font-size:14px}
	#pulsantiera{ font-size:13px}
	#col-sx{ width:12em; font-size:13px}
	.alert{  left:12.5em;}
}

/* Desktop Layout: 1000px */
@media only screen and (max-width: 1000px) {
	#col-sx{ display:none}
	#head{ height:80px; min-height:0; background-size:contain; background-position:60px center}
	body{ font-size:13px}
	#pulsantiera{ font-size:13px}
	#open-menu{ display:block}
	#pulsantiera .inizio, #pulsantiera .dietro, #pulsantiera .avanti, #pulsantiera .fine{}
	#pulsantiera .paginazione{top:-40px}
	.box-user{ font-size:1em}
	
	.alert{  left:0.5em;}
}

/* Tablet Layout: 768px */
@media only screen and (max-width: 790px) {
	.no-mobile{ display:none}
}