.pul a{ display:inline-block;border:1px solid #e1e1e1; font-weight:normal; padding:0.5em 1em; background:#676767 ; color:#FFF; 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:#333; color:#fff}
.pul.function a:hover{ background:#333; color:#fff;  border:1px solid #333;}

.pul.function a.off{ background:#f1f1f1; border:1px solid #e1e1e1; color:#CCCCCC}

/*Box COQRSI*/
#content .container_box_corsi{float:left; overflow:hidden;  background:rgba(277,277,277,0.2);}
#content .container_box_corsi h2{ text-align:center; color:#333;  padding:0.5em; font-size:1.2em}
#content .container_box_corsi h2 span{ display:inline-block; padding:0.5em 0.6em; background:rgba(277,277,277,0.2); border-radius:2px }
#content .container_box_corsi h1{ text-align:center; color:#ccc; margin:0.2em 0 0.5em 0; padding:0 10px !important; font-size:1.5em; line-height:1.2em; font-weight:600}
#content .container_box_corsi h1 a{color:#333;}
#content .container_box_corsi h1 a:hover{color:#333;}
.container_box_corsi .box{ width:33.3%; box-sizing:border-box; background:none !important;  font-size:1em; margin:0em; padding:1em 0.5em; overflow:hidden; height:auto; }
.container_box_corsi .box:hover article{ background-color:#fff; cursor:pointer; border: 3px solid var(--color1);}
.container_box_corsi .box article{border:3px solid #ccc; background-color:#fff;padding:0em; position:relative; overflow:hidden;  height:22em; padding-top: 20px; box-shadow:0px 0px 18px rgba(0,0,0,0.1); border-radius: 10px}

#content .container_box_corsi .box p{ text-align:center; margin: 0 0 0 0; line-height:1.2em; color:#333; font-size:0.95em; padding:0}
#content .container_box_corsi .box p a{color:#333}
#content .container_box_corsi .box p.infos{ font-size:0.8em; font-weight:600; color:#666; padding:0.5em 0 !important; text-transform:uppercase}
.container_box_corsi .pul{ position:absolute; padding:0.5em 0; bottom:0; left:0; width:100%; background:#fff}
.container_box_corsi .pul a{ padding:0.8em 1em; background:#2daf61; color:#FFF; font-size:0.9em; border:0; text-transform:uppercase}
.container_box_corsi .pul a:hover{ background:#333}

/*Stili per SCHEDA*/
#content .scheda{ background:rgba(277,277,277,0.5); padding:0.3em 0.3em; border-top:0px solid #ccc; margin-top:0.0em; }
#content .scheda h1{font-size:2.2em; padding:0.0em 0; margin:0em 0; color:#333; font-weight:600; border-bottom:2px solid #ccc; margin:20px 0 10px 0;}
#content .scheda h2{ font-size:2em; padding:10px 10px; margin:0.5em 0; border-bottom:1px solid #ccc; background-color:#dedede;}
#content .scheda p{ font-size:1.0em; padding:0; margin:0.5em 0}
#content .scheda p.avviso{margin-top:20px; background-color:#FFC; padding:10px; border-radius:5px;}
#content .scheda ol{ background:#fff; list-style:none; margin:0; padding:0 }
#content .scheda ol li{ border-bottom:1px solid #ccc; position:relative; padding:12px 20px 12px 50px; font-weight:600}
#content .scheda ol li span,#content .scheda ol li i{ font-weight:100}
#content .scheda ol {
	counter-reset: my-badass-counter;
}
#content .scheda ol li::before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter; font-size:25px; width:50px; height:30px; line-height:30px; color:#333; text-align:center; position:absolute; top:12px; left:0
}

#content .scheda ul{ background:#fff; list-style:none; margin:0; padding:0 }
#content .scheda ul li{ border-bottom:1px solid #ccc; position:relative; padding:12px 0 12px 50px}

#content .scheda ul li .icona {
	content: '';
	font-size:25px; width:50px; height:30px; line-height:30px; color:#333; text-align:center; position:absolute; top:12px; left:0
}
#content .scheda .file-kb{ font-size:12px; }
#content .scheda  .pul{ padding:1em 0}
#content .scheda  .pul a{  background:#2daf61; color:#FFF; font-size:1.1em; border:0; padding:0.8em 1em}
#content .scheda  .pul a:hover{ background:#333}

/*Lightbox capitolo FAD*/

#container.fancy{ padding:0; margin:0; background:#fff; height:100%; box-sizing:border-box; padding-top:3em}
.head-fancy{ position:fixed; top:0; left:0; width:100%; height:3em; border-bottom:2px solid #f1f1f1; background:#f1f1f1; text-align:right}
#container.fancy .head-fancy h1{ display:inline-block; font-size:1.33em; padding:0.5em; margin:0; float:left}
#container.fancy .head-fancy h1 span{ color:#ccc }
.pul-close{ display:inline-block; font-size:1em; line-height:3em;}
.pul-close a{ display:block; background:#333; color:#FFF; padding:0 1em}
.pul-close a:hover{ background:#333; }
.pul-nav{ display:inline-block; font-size:1em; line-height:3em;}
.pul-nav a{ display:block; background:#333; color:#FFF; padding:0 1em}
.pul-nav a:hover{ background:#333; }
#media-container{ height:100%; position:relative; height:100%;}
#media-container iframe{ position:absolute; top:0; left:0; height:100%; width:100%}
.media-type{height:100%; width:100%; display:table}
.media-content{ display:table-cell; vertical-align:middle; text-align:center; background:#e1e1e1}
.media-content img{ max-width:80%; max-height:80%; display:inline-block}
.media-content video{ width:80%; height:60%; display:inline-block}

/*STILI PER TEST*/
#container.test{ background:#FFF}
#container.test #content { padding:0}
.test-container{ background:#f1f1f1}
#container.test footer{ margin:0; }
#container.test #footer{}

#content .test-container h2{ text-align:left; background:#333; font-size:1.5em; color:#FFF; padding-left:1em; font-weight:600}
.pages{ display:inline-block; float:right; background:transparent; padding:0.2em 0.5em; margin-top:-0.2em; font-weight:100}
.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; background:none; margin-bottom:3em}
.test-container fieldset{ padding:1em; margin:-2em auto 0 auto; max-width:1000px; background:#fff; border:1px solid #333; text-align:center;  box-sizing:border-box}
.test-container fieldset .checkboxFive{ margin:0}

.test-container legend{ text-align:center; font-size:1.5em; background:#fff; padding:0 1em}
.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:none; 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}

#pulsante_concludi{}

@-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:3em 4em; margin:0 auto; max-width:1000px; box-sizing:border-box; background:#fff}
#content .testoTest p{ text-align:left; font-size:1.4em; padding:0.5em}
#content .infoTest{ background:#fff; padding:10px 0.5em; border-top:0px solid #f1f1f1}
#content .infoTest p{ font-size:1em; padding:0; margin:0; color:#666; text-align:right}
#content .infoTest p i{ color:#000; color:#333}
#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:#f9f1ec; 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:#333; color:#FFF }
#content .slide-list li.current a{ border:1px solid #333;  height:25px; width:25px; line-height:25px}
#content .slideNav a{ height:2.5em; width:2.5em; line-height:2.5em; background:#333; color:#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:hover{ background:#fff; color: #333}
#content .slideNav a.prev{ position:absolute;left:20px; top:50%}
#content .slideNav a.next{ position:absolute; right:20px; top:50%}
#content .slideNav a span{ display:block; position:absolute; top:0%; padding-top:0.8em;  line-height:1.1em; font-size:0.5em;  width:90px; color:#333}
#content .slideNav a.next span{right:6em; text-align:right;}
#content .slideNav a.prev span{left:6em; text-align:left;}

/* WIdeDesktop Layout: 1400px */
@media only screen and (max-width: 1400px) {
	#content .slideNav a.next span{right:20px; top:5em; text-align:right;}
	#content .slideNav a.prev span{left:20px; top:5em; text-align:left;}	
}

/* Desktop Layout: 1200px */
@media only screen and (max-width: 1200px) {
	#content .slideNav a span{ display:none;}
    #content .slideNav a{ height: 40px; width: 40px; line-height: 40px;}
    #content .slideNav a.prev{ left: 5px}
    #content .slideNav a.next{ right: 5px}
    #content .testoTest{ padding: 30px}
}