@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i');
/* CSS Document */
html, body{ height:100%; margin:0; padding:0}
body{ margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; background:#f0f0f0}
#container{ width:100%}

body.login{ background:url(elementi/slide-login.jpg) no-repeat; background-size:cover; height:auto; min-height:100%}
.login #container{ height:100%; box-sizing:border-box; padding-top:6%}
#head{ height:140px; min-width:768px; border-bottom:1px solid #e1e1e1; position:relative; background:#FFF}
#head h1{ display:none}
#back{ width:600px; height:100px;  background:transparent url(elementi/bg-back.png) no-repeat 0 0px; background-size:contain; cursor:pointer; position:absolute; top:15px; left:20px; z-index:200}

#login{ margin:0px auto; box-sizing:border-box; padding:160px 0 0 0; position:relative; background:#FFF url(elementi/bg-back.png?v=1.01) no-repeat center 20px; 
width:540px; border-radius:10px; box-shadow:0 0 25px rgba(0,0,0,0.1); }
#login form{ padding:20px 40px; box-sizing:border-box; width:540px; margin:0 auto; border-top:1px solid #e1e1e1}
#login label{ display:block; text-transform:uppercase; font-size:12px; margin:0 0 10px 0; font-weight:600; letter-spacing:0.5px; color:#999}
#login .campo{ display:block; border:0px solid #CCC; font-size:18px; width:99%; box-sizing:border-box; border-bottom:3px solid rgba(0,0,0,0.1); height:auto;  padding:5px 10px; margin:5px 0 0 0; background:#e1e1e1; border-radius:6px}
#cerca .campo, .campo,{ display:block; border:1px solid #CCC; font-size:15px; line-height:25px; height:25px; padding:5px 10px; margin:5px 0 0 0; background:#e1e1e1; border-radius:6px}

.partners{ position:absolute; z-index:1; bottom:5px; height:50px; text-align:right; width:100%; box-sizing:border-box; padding-right:10px}
.partners img{ display:inline-block; height:35px; margin-top:10px}

input[type=submit] {
    padding:10px 25px; 
    background:#ccc; color:#333; 
    border:0 none;
    cursor:pointer; margin:20px auto; display:block;
    border-radius: 2px; font-size:1em ; border-bottom:3px solid rgba(0,0,0,0.1);
}
input[type=submit]:hover{
	background:#333; color:#fff
}

.pul-invia{ margin:25px 0 0 0}
.pul-invia a{ display:inline-block; vertical-align:middle; padding:0 20px 0 20px; height:40px; border-radius:8px; line-height:40px; background:#f1f1f1; 
border-bottom:2px solid rgba(0,0,0,0.1); color:#333; text-transform:uppercase;  text-decoration:none; font-weight:bold; margin-left:5px}
.pul-invia a:hover, .pul-invia a.salva:hover, .pul-invia a.chiudi:hover{ background:#333; color:#FFF}

.pul-invia a.info{ background:#1fa67a; background:#3399CC; color:#FFFFFF}
.pul-invia a.salva{ background:#1fa67a; color:#FFFFFF}
.pul-invia a.chiudi{ background:#ff9900; color:#FFFFFF}

.pul-invia a.off, .pul-invia a.off:hover{ color:#f1f1f1; background:#FFF; cursor:default}

#menu-login { margin:0px auto; width:500px; padding:0 0 20px 30px; position:relative; z-index:100}
#menu-login ul{ padding:0; margin:0;list-style:none; font-size:12px}
#menu-login li a{ color:#333; text-decoration:none; display:inline-block; height:20px; line-height:20px; padding:0 0 0 22px; margin:0 0 5px 0px}
#menu-login li a:hover{ color:#000; text-decoration:underline}
#menu-login li.pdf a{ background:transparent url(elementi/ico-small-pdf.png) no-repeat}
#menu-login li.password a{ background:transparent url(elementi/ico-small-password.png) no-repeat}

.more-text {display:none}
.viewMore a .less {display:none}
.viewMore a {color: #333; text-decoration:none}
/*DIMENSIONE BLOCCHI*/
.x100{ width:100%}
.x95{ width:95%}
.x90{ width:90%}
.x80{ width:80%}
.x75{ width:75%}
.x73{ width:73%}
.x70{ width:70%}
.x66{ width:66%}
.x60{ width:60%}
.x50{ width:48%}
.x40{ width:40%}
.x33{ width:33%}
.x30{ width:30%}
.x25{ width:24%}
.x22{ width:22%}
.x20{ width:20%}
.x15{ width:15%}
.x10{ width:10%}
.x2{ width:2%}

#cerca{ background:#e1e1e1; border-bottom:0px solid #d6d6d6;}
#cerca form{ padding:20px; margin:0; overflow:hidden}
#cerca .parola{ float:left}
#cerca label{ display:block; text-transform:uppercase; font-size:12px; margin:0 0 10px 0}
#cerca .campo, .campo{ display:block; border:1px solid #CCC; width:100%; box-sizing:border-box; font-size:15px; line-height:35px; height:35px;
 padding:5px 10px; margin:5px 0 0 0;  background:#FFF; border-radius:6px}
.nomargin .campo{ margin:0}
.nomargin .combo{ margin:0}
#cerca .campo2, .campo2{ display:block; border:1px solid #CCC; width:100%; box-sizing:border-box; font-size:15px; height:120px; padding:5px 10px; margin:5px 0 0 0; background:#FFF; border-radius:6px}
#cerca .pul-invia{ margin:15px 0 0 0px; float:left; text-align:left; padding-left:20px}
#cerca .pul-invia input{ font-weight:600}
/**
 * STILE PERSONALIZZATO PER SELECT
 */
.combo{
	/*border: 0 !important; */ 
	-webkit-appearance: none;  
	-moz-appearance: none; 
	background: #fff url(elementi/select-arrow.png) no-repeat right center;
	min-width: 80px; 
	text-indent: 0.01px; 
	text-overflow: ""; 
	color: #666; font-size:15px;
	box-sizing:border-box;
	border-radius: 5px; margin:5px 0 0 0;
	padding: 0 25px 0 5px; line-height:35px; height:35px;
	/*box-shadow: inset 0 0 1px rgba(185,223,223, 1);*/
	text-transform:none; width:100%; display:block; border:1px solid #f1f1f1;
}
/**
 * tolgo la freccia default della select in IE10
 */
select::-ms-expand {
display:none;
}
/**
 * tolgo la freccia default della select in IE8 e 9
 */
.combo {
    padding: 0 0px 0 5px\0/IE8+9; /* IE8+9  */
}



#compilatore{ position:absolute; top:20px; right:20px; width:auto}
#compilatore p{ margin:0; padding:0; font-size:14px; line-height:20px}
#compilatore ul{ margin:5px 0 0 0; padding:0; list-style:none; font-size:13px}
#compilatore li a{ color:#333; text-decoration:none; display:block;  padding: 0.3em 0.5em}
#compilatore li a:hover{  color:#993300; color:#417da9; color:#000;}
#compilatore li.modifica a{}
#compilatore li.stat a{}
#compilatore li.logout a{ font-weight:bold; color:#333; text-transform:uppercase }

#menu-tool{ width:100%;background:#FFF;border-bottom:3px solid #e1e1e1;}
#menu-tool ul{ margin:0px 0 0 0; padding:0 0 0 20px; list-style:none; font-size:12px; height:40px}
#menu-tool li { float:left; font-size:15px; margin:0 5px 0 0}
#menu-tool li a{ height:40px; line-height:40px; display:block; padding:0 10px 0 30px;
 border-right:1px solid #CCC; color:#333; text-decoration:none; position:relative}
#menu-tool li a:hover, #menu-tool li a.attivo{ color:#417da9; background:#fff }
#menu-tool li.cerca a{ background:transparent url(elementi/ico-tool-cerca.png) no-repeat }
#menu-tool li.totale a{ background:transparent url(elementi/ico-tool-all.png) no-repeat }
#menu-tool li.nuovo a{ background:transparent url(elementi/ico-tool-new.png) no-repeat }
#menu-tool li.manuale a{ background:transparent url(elementi/ico-tool-manuale.png) no-repeat }
#menu-tool li.statistiche a{ }
#menu-tool li.statistiche a:before{ content:'\f080'; position:absolute; top:0; left:0; font-family: FontAwesome,sans-serif; display:inline-block; height:1em; width:1em; font-size:1.4em;}

#content{ padding:20px 20px; min-width: 768px;}
#stage{ background:#FFF;border:2px solid #b5b5b5;}

/*TAB*/
#tab{ position:relative; background:#c2d3d7; font-size:1em}
#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; background:#f1f1f1; padding:0.5em 0.8em; border-radius:5px 5px 0 0; text-decoration:none;}
#tab li a span{ max-width:70px; overflow:hidden; display:inline-block; white-space: nowrap; text-overflow: ellipsis; vertical-align:middle}
#tab li a i{ display:inline-block; white-space: nowrap; vertical-align:middle}
#tab li a:hover{ background:#fff; color:#333}
#tab li.active a{ background:#fff; color:#333}
#tab li.active a span, #tab li a:hover span{ max-width:none }

/*ExportList*/
.export-list{ padding: 20px;}
.box-stat .export-list ul li{ display: block; list-style: none;  border-bottom: 1px solid #f1f1f1; font-size: 20px; padding: 0 }
.box-stat .export-list ul{ margin: 0; padding: 0; border-top: 1px solid #f1f1f1}
.export-list a{ text-decoration: none; padding: 10px; background: #fff; color: #333; display: block; }
.export-list a i{color: #1fa67a; margin-right: 8px}
.export-list a:hover{ background: #e5fdf6 }
.box-stat .export-list ul li span{ float: right; margin-top: 5px}
.box-stat .export-list ul li span a{ border-radius: 5px; font-size: 13px; background: none; border: 1px solid #ccc; }

.clearer{ clear:both}
#stage{ background:#FFF; border:0;}
#stage h1{ margin:0; padding:40px 20px 20px 20px; color:#333; font-size:30px}
#stage h2{ margin:1em 0 0 0; padding:15px 0px 0 0; color:#333; font-size:20px}
#stage form h2.etichetta{ font-weight:400; text-transform:none; letter-spacing:normal; color:#666; padding:0; margin:0; border:0}
#stage h3{ margin:1em 0 0 0; padding:15px 0px 0 0; color:#333; font-size:20px}

#stage form h2{ padding:1em 0 1em 0; border-top:1px solid #f1f1f1; font-size:15px; font-weight:600; letter-spacing:0.5px; text-transform:uppercase}
#stage form h3{ margin:0; padding:0 0 10px 0; font-weight:600; color:#999999; font-size:25px}
#stage form p a{ color:#333333}
#stage section{ margin:30px 0 0 0; position:relative; float:left; width:100%; box-sizing:border-box; padding:20px; background:#f1f1f1; border-top:2px solid #f1f1f1; overflow:hidden; clear:both}
#stage section.note{ padding:0 0px; background:none; border:0 }
#stage section.note .parola{ height:auto; padding-right:0 }
#stage section.note .campo2{ border:0; border-radius:0; background:#fbf5ad; padding:10px}
#stage section.note label{ font-size:18px; font-weight:600; color:#999}
#stage section.note label{}
#stage form{ padding:0 20px 20px 20px; margin:0; max-width:1400px; overflow:hidden}
#stage .parola, #cerca .parola{  float:left; height:80px; font-weight:400; padding-right:20px; box-sizing:border-box}
#stage section.checklist{ padding:0 0px 20px 0; margin:0; background:none; border:0 }
.ui-datepicker, #ui-datepicker-div { font-size:0.9em}
#stage label{ color:#666; display:block;  font-size:15px; margin:0 0 20px 0; font-weight:400}
#stage .parola label p{ border:1px solid #ccc; border-radius:5px; width:100%; box-sizing:border-box; font-size:15px; line-height:35px; height:35px; padding:10px; margin:5px 0 0 0;}
#stage .date{ display:block; border:1px solid #CCC; box-sizing:border-box; font-size:15px; line-height:2.5em; height:2.5em; padding:0 10px; margin:5px 0 0 0;
 background:#fff url(elementi/ico-date.png) no-repeat center right; border-radius:6px; width:100%}
#stage .radio{ margin:0 20px 0 0; box-sizing:border-box}
#stage .combo{ display:block; border:1px solid #ccc; border-radius:5px; box-sizing:border-box}
#stage .pul-invia{ margin:35px 0 0 0px}
#stage .pul-invia.informativa{ margin:10px 0 20px 0}
.radio-box{ margin:5px 0 0 0}
.radio-box { text-transform:none; font-size:12px}

/**
 * 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;
}

#stage .pul.add{ position:absolute; top:15px; right:20px; }
#stage .pul.add a{ padding:7px 14px; color:#666666; border-radius:4px; font-weight:600; text-decoration:none; text-transform:uppercase; font-size:15px; display:inline-block; 
margin-left:5px; background:#fff; border-bottom:2px solid rgba(0,0,0,0.09)}
#stage .pul.add a:hover{ background:#333; color:#fff}
table.tot{ width:100%; font-size:15px; background:#FFF; border:0px solid #b5b5b5; border-top:0px solid #b5b5b5}
table.tot th, table.tot td{ padding:10px 10px; border-bottom:2px solid #e1e1e1; border-top:4px solid #f1f1f1}
form table.tot td{ border-bottom:0; font-size:17px}
form table.tot td a{ display:inline-block; font-weight:600; color:#333333}
form table.tot tr:hover td{ background:#FFFFCC; background:#CCFFFF  }
form table.tot th{ text-align:left;}
table.tot th{ background:#758794; color:#FFF; border-bottom:2px solid rgba(0,0,0,0.1);}
table.tot .pato{ width:50%}
table.tot .convalida{ width:100px; text-align:left}

table.tot td.paziente{ font-size:28px;vertical-align:top; padding:5px 10px 10px 40px; 
background:transparent url(elementi/userxx.png) no-repeat top left; position:relative; overflow:hidden}
table.tot td.paziente a{ font-weight:600}
table.tot td.paziente:before{ content:'\f183'; position:absolute; display:block; left:0; top:0; font-size:25px; color:#21b384; 
font-family: FontAwesome,sans-serif; width:40px; padding:10px 0; text-align:center}
table.tot td.paziente.female:before{ content:'\f182'; color:#d11f5d;}

table.tot tr.ultima td{ border-bottom:2px solid #e1e1e1}
table.tot td a{ color:#333; text-decoration:none}
table.tot td a:hover{ color:#000; text-decoration:underline}
table.tot a.criteri { color:#333333}
table.tot td .menu-paziente a { color:#000}
table.tot td .menu-paziente a:hover{ text-decoration:none;}

.menu-paziente{ position:relative; bottom:auto; left:auto; margin-top:10px; overflow:hidden}
table.tot td.paziente .menu-paziente a{ display:inline-block; font-weight:200; border:1px solid #e1e1e1; background:#fff; width: auto; height:25px; font-size:12px; line-height:25px; padding:0 5px; color:#000; float:left; margin:0 10px 10px 0; border-radius:5px;}
.menu-paziente a:hover{  box-shadow:0px 0px 5px #ccc}
.menu-paziente a.aggiungi{ background:#FFF url(elementi/ico-add.png) no-repeat center center}
.menu-paziente a.certificato{ background:#FFF url(elementi/ico-lista.png) no-repeat center center}
.menu-paziente a.stampa{ background:#FFF url(elementi/ico-stampa.png) no-repeat center center}
.menu-paziente a.telefono{ background:#FFF url(elementi/ico-telefono.png) no-repeat center center}
td.paziente span{ display:none}
td.paziente .menu-paziente span  { display: inline}
td.paziente .status{ font-size:11px; text-transform:uppercase; letter-spacing:0.5px; color:#666}
td.paziente .status i{ color:#333333}

table.tot caption{ border:0px solid #CCC; border-bottom:2px solid #e1e1e1; text-transform:uppercase; font-weight:normal; padding:0.5em; font-size:1em; border-top:0px solid #f1f1f1; background:#fff ; color:#e2ebf3; color:#bec5cc; color:#333; margin:0 0 0 0;}
table.tot .left{ float:left}
table.tot .right{ float:right; font-size:0.9em}
table.tot .right a{ display:inline-block; padding:0 5px; color:#333333 }

.followup{ border-top:1px solid rgba(0,0,0,0.05); margin-top:10px; background:#dcf1ea; border-radius:5px}
.followup h2{ margin:0; padding:10px 10px; font-size:14px; color:#666; text-transform:uppercase; font-weight:600; letter-spacing:0.5px;}
.add{ display:inline-block; float:right; font-size:0.9em}
.add a{ display:block; font-size:1em !important; background:#1fa67a !important; color:#fff !important}
.add a:hover{ background:#333 !important; color:#fff !important}
.followup ul{ margin:0; padding:0 10px 10px 10px; list-style:none}
.followup li{ display:inline-block; letter-spacing:0.5px; font-weight:600; margin-right:5px}
.followup a, table.tot td .followup a{ display:block; padding:0.3em 0.5em; font-size:15px; color:#000000; background:#fff; border-radius:5px; border-bottom:2px solid rgba(0,0,0,0.2)}
.followup a:hover, table.tot td .followup a:hover{ text-decoration:none; background:#333; color:#fff }

table.tot td .menu-paziente .function{ clear:both}
table.tot td .menu-paziente .function a { color:#333; background:#f1f1f1; border:0;  border-bottom:2px solid rgba(0,0,0,0.2);line-height:1.1em; padding:10px 10px; height:auto}
table.tot td .menu-paziente .function a span{ display:none; display:inline}
table.tot td .menu-paziente .function a:hover{ text-decoration:none; box-shadow:none; background:#333; color:#fff}

/*.deceduto{ position:absolute; top:-1px; left:-2px; background:transparent url(elementi/deceduto.png) no-repeat; width:61px; height:50px}
.deceduto2{ position:absolute; top:0px; left:0px; width:100px; height:50px; overflow:hidden}*/
.deceduto:after{ position:absolute; top:0; left:0; background:#633; background:rgba(0,0,0,0.5); text-align:center; color:#FFF; content:'deceduto'; display:block;  width:80px; height:20px; line-height:20px; font-size:9px; text-transform:uppercase;
-ms-transform: rotate(-40deg); /* IE 9 */
    -webkit-transform: rotate(-40deg); /* Chrome, Safari, Opera */
    transform: rotate(-40deg);
	transform-origin:50% 200%;}

.red{color:#C30}
.green{color:#025C0A}
.yellow{color:#ECAC0A}
.pato-list { list-style:none; margin:0; padding:0; overflow:hidden}
.pato-list li{ padding:5px; float:left; display:block; width:33.3%; box-sizing:border-box; overflow:hidden}
.pato-list li:nth-child(3n+1){ clear:both }
.pato-list li .icona{ display:inline-block; vertical-align:middle; font-size:18px}
.pato-list li .icona.red{ color:#C30}
.pato-list li .icona.green{ color:#C30; color:#096}
.pato-list li a{ display:inline-block}
.pato-list li a.tag{ display:inline-block; border-radius:3px; color:#666; font-weight:600; background:#f1f1f1; padding:0.2em 0.5em; font-size:13px; vertical-align:middle}
.pato-list li a.tag:hover{ text-decoration:none; background:#333; color:#fff}
#paging{  height:30px; font-size:12px; margin:20px 0px 10px 0px; position:relative; text-shadow:none }
#paging ul{margin:0 auto; padding:0; text-align:center; height:30px}
#paging li{display:inline-block;  margin:0 5px 0 0; padding:0; border:0; }
#paging li a{display:block; font-weight:bold; line-height:30px; width:30px; background:transparent;  text-align:center; margin:0; 
padding:0 3px; text-decoration:none; color:#000; font-size:15px}
#paging li.attivo a:link, #paging li.attivo a:visited{ color:#999; background:#fff; font-weight:600; border-radius:5px}
#paging li a:hover, #paging li a:focus{background:transparent; text-decoration:none;}

#footer{ height:150px; background:transparent url(elementi/bg-footer.png) no-repeat top center}
#footer.login{ width:100%; margin:0 auto; height:40px; position:absolute; bottom:20px; left:0;background:transparent url(elementi/logo-registrare.svg) no-repeat center center; background-size:contain}

/*TOOLBAR*/

#toolbar{ background:#c2d3d7; background:#d8e1e3; height:60px;  overflow:hidden; padding:5px 10px 0 0; border-top:0px solid #c2d3d7; text-align:right; margin:0px 0 0 0}
#toolbar .pul{ display:inline-block; margin:0 2px 0 0; vertical-align: top}
#toolbar .pul-invia{ margin:0; padding:5px 10px}
#toolbar .pul a{ height:40px; line-height:40px; text-transform:uppercase; padding:0 15px; border-bottom:2px solid rgba(0,0,0,0.1); text-decoration:none; border-radius:4px; font-size:15px; background:#999; color:#FFF; display:inline-block; box-sizing: border-box}
#toolbar .pul input{ height:40px; line-height:40px; text-transform:uppercase; padding:0 15px; border-bottom:2px solid rgba(0,0,0,0.1); text-decoration:none; border-radius:4px; font-size:15px; background:#999; color:#FFF; display:inline-block; margin: 0}
#toolbar .pul.add{position: relative; float: none; top: auto; right: auto}
#toolbar .pul.add input{ background: #1fa67a; }
#toolbar .pul a:hover{ background:#666; color:#FFF}
#toolbar.sticked{ margin:0px 0 0 0; box-shadow:0px 0px 0px #ccc; border:0px solid #ccc}
#toolbar .pub a{ background:#ff9900; background:#1fa67a; color:#FFF}
#toolbar .pub a:hover{ background:#666; color:#FFF}

#toolbar .new a{ background:#ff9900; background:#096; color:#FFF}
#toolbar .new a:hover{ background:#666; color:#FFF}

#toolbar .cancel a{ background:#ff9900; background:#C33; color:#FFF}
#toolbar .cancel a:hover{ background:#666; color:#FFF}

#toolbar .report a{ background:#ff9900; background:#C33; color:#FFF}
#toolbar .report a:hover{ background:#666; color:#FFF}

#toolbar .off a, #toolbar .off a:hover{ color:#f1f1f1; background:#CCC; cursor:default}

/*STILI PER FANCYBOX*/
body.fancyBody{ background:#fff}
#head-fancybox{ height:3em; width:100%; border-bottom:2px solid rgba(0,0,0,0.08); position:fixed; box-shadow:none; background:#758794;  top:0; left:0; z-index:200}
.pul-closeFancybox{ position:absolute; top:0; right:15px}
.pul-closeFancybox a{ height:3em; line-height:3em; font-size:1em; color:#666}
.pul-closeFancybox a:hover{ text-decoration:none }
.pul-closeFancybox a i{ color:#fff;}
.menu-lightbox{ padding-top:2.2em}
.menu-lightbox ul{ padding:0 0.2em}
.menu-lightbox li{ display:block}
.menu-lightbox li a{ font-size:0.8em; display:block; padding:0.2em 0.5em}
.menu-lightbox li.active a{ font-weight:600}
.fancy-title{ font-size:1.5em; padding:0.2em 15px; color:#a5c9d3; background:#f2fbfe; font-family: 'Roboto Slab', serif;}
.menu-function{ position:relative}
.menu-function ul{ background:#FFF; height:1.8em}
.menu-function li{ display:inline-block; line-height:1.8em}
.menu-function li a{ display:block; color:#0098c4; font-size:0.8em; padding:0em 0.5em}
.menu-function li.off a i{ color:#CCC}
.menu-function li a i{ color:#666}
.navigator{ position:absolute; right:0; top:0em}
.counter{ font-size:0.7em; line-height:1.2em; float:left; display:block}

#container.popUp #toolbar{ position:fixed; top:auto; bottom:0; height:60px; padding:10px 0; box-sizing:border-box; width:100%; box-shadow: 0 0 5px rgba(0,0,0,0.3); text-align:center; background:#f1f1f1; z-index:200}

#container.popUp .clm{ overflow:hidden; padding-bottom:0; padding-top:3em}
.standalone #container.popUp .clm{ padding-top:4em; }
.standalone #container.popUp .multi-clm{ max-width:1000px; margin:0 auto}
#container.popUpVideo{ background:#000}
#container.popUpVideo .clm{ overflow:hidden; padding-bottom:0; padding-top:4em}
#container.popUp form h3{ margin:0; padding:0 0 10px 0; font-weight:600; color:#999999; font-size:25px}
#container.popUp form h4{ margin:0; padding:10px 0 10px 0; font-weight:600; color:#999999; font-size:20px; border-top:1px solid #ccc}
/*EXTRA ARTICLE STYLE*/
#extraArticle
{
    display:none;
    vertical-align:top;
    width:96%;
    background: #fff;
    padding: 0px; margin:0 2% 50px 2%; opacity:0; text-align:left; position:relative
}
#extraArticle.active{ display:inline-block; opacity:1}
#extraArticle article{ width:100%; height:100%; display:block}

#extraArticle .parola{ float:left; padding: 10px 0 0 0}

#extraArticle h1, #extraArticle h2, #extraArticle h3{ color:#666; padding:0 20px}
#extraArticle h1{ font-size:1.6em; margin:0em 0; padding:0.5em 0; font-weight:100}
#extraArticle h1 i{ color:#666}
#extraArticle h2{ font-size:1.2em; font-weight:100; margin:0.5em 0 0.2em 0; padding:0 }
#extraArticle p{ color:#666; font-size:1em; font-weight:100; padding:0 20px 0.5em 0; margin:0}
#extraArticle .pul-close{ right:1.5em; top:1.5em; z-index:auto }

#extraArticle .addthis_sharing_toolbox{ padding:1em 0}

#extraArticle form{ overflow:hidden; padding:0px; background:#e8faf0; background:#fff; margin:0 0px; max-width:1200px}
#extraArticle label{ float:left; display:block; box-sizing:border-box; padding:0.2em 0.4em 0.2em 0em}
#extraArticle section{ overflow:hidden; background:#f1f1f1; padding:0.5em 0.5em}
#extraArticle fieldset{ border:1px solid #d0e3d9; margin-bottom:1em; padding:0.2em 0.2em 0.5em 0.2em}
#extraArticle form h2{ text-align:left; color:#999; margin-bottom:0; padding-bottom:0.2em}
#extraArticle form td textarea{ height:2.5em; padding:0.7em 0.8em; box-sizing:border-box; font-size:0.85em}

.smallFont{ font-size:0.8em}

/*allegati nel fancy*/
#extraArticle .allegati, .allegati{ margin-top:1em; padding: 0 0.5em 1em 0.5em}
#extraArticle .allegati{ padding:0 0 1em 0; font-size:1em}
#extraArticle .allegati h2{ padding:0.4em 0.5em; margin:0; font-size:1em; font-weight:100; color:#666; border-bottom:2px solid #e1e1e1;  border-top:1px solid #e1e1e1}
#extraArticle .allegati .file-name, .allegati .file-name{ font-size:1em; font-weight:600}
#extraArticle .allegati .file-kb, #extraArticle .file-kb{ font-size:0.8em; line-height:1.1em}
#extraArticle .allegati ul{ list-style:none; margin:0; padding:0}
#extraArticle .allegati li{  font-size:0.8em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
#extraArticle .allegati li a{ display:block; overflow:hidden; padding:5px 15px;}
#extraArticle .allegati li a:hover{ background:#fff }
#extraArticle .allegati li a i{ float:left; display:block; font-size:2em; margin-right:10px; color:#333 }

/*gestione lista nel testo di extraarticle*/
#extraArticle ol{ padding-left:1em; font-size:1em; margin:0 0 0.5em 0}
#extraArticle ul{ padding-left:1em; font-size:1em; margin:0 0 0.5em 0; list-style:circle}
#extraArticle li{ font-size:1em; color:#666; font-weight:300; padding:0 20px 0.2em 0; font-family: 'PT Sans Narrow', sans-serif; }

/*gestione tabella nel fancybox*/
#extraArticle table.linkable, table.hoverble { border:0; font-size:0.8em}
#extraArticle table.linkable tr:nth-child(odd), #extraArticle table.hoverble tr:nth-child(odd){ background:#fff}
#extraArticle table.linkable td, #extraArticle table.hoverble td{ border-bottom:1px solid #e8faf0; color:#666666;  padding:10px 1em; text-align:center; vertical-align:middle }
#extraArticle table.linkable tr:hover, #extraArticle table.hoverble tr:hover{background:#fff}
#extraArticle table.linkable td:hover{background:#fff;}

#extraArticle .date{ display:block; border:1px solid #CCC; box-sizing:border-box; font-size:15px; line-height:35px; height:35px; padding:0 10px; margin:5px 0 0 0;
 background:#fff url(elementi/ico-date.png) no-repeat center right; border-radius:6px; width:100%}
 
 /* Tablet Layout: 1000px */
@media only screen and (max-width: 1000px) {
 #tab{ font-size:0.7em}
 #tab li a{ padding:0.5em}
}