@charset "utf-8";
/* CSS Document */
/* Stili per cookies policy*/
body{font-size:18px}
#cookieChoiceInfo{           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #F00;     /* Lo fondo è di colore nero (#000) */
  font-size: 16px;            /* i caratteri devono essere grandi 16 pixel */
  color:#333;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding:10px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity:.8;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieChoicePolicyLink {                      
  color: #5c839e;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
}
#cookieChoicePolicyLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color:#666;                 /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  test-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}

#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
								/* ...visivamente come un pulsante */
  background-color:#5c839e;   /* lo sfondo è verde (#0A0) */
  color:#FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration:none;      /* Il testo non è sottolineato         */
  font-weight:600;           /* Il testo è in grassetto             */
  font-size:13px;
  padding:3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}

#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #666;
}
/* Fine stili per cookies policy*/
/* Bottone finale iscrizione corsi */
div.button4{width:200px;margin:20px auto 20px auto}
div.button4 input {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #4267b2  linear-gradient(#9cc2e8, #3b536b);
  box-shadow: inset #4d759c 0 -1px 1px, inset 0 1px 1px #d2def7, #337ab7 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
div.button4 input:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
div.button4 input:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}}
@keyframes pulsate {50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}}
/* Fine Bottone finale iscrizione corsi */
.inputForm{text-transform:uppercase;width:75px}
.fakeInput{height:1px;border-style:none;width:0}
.antibot{color:Blue;font-size:10px;padding-bottom:20px}
.lnkAntibot{color:Blue;font-size:10px;padding-bottom:20px}
.faq{text-align:justify}
.faq STRONG{color:#5c839e}
.faqr{padding-left:25px;margin-bottom:8px}
.r0{font-size:20px;padding-right:4px}
.r1{padding-top:20px;background:none}
.r2{font-size:13px;letter-spacing:0;margin-left:2px;margin-top:2px;color:#666}
.r3{clear:both}
.s0{margin-left:5px}
DIV.col-6 col-md-4 IMG{margin-bottom:20px}
.r4{background-image:url(/pics/corso-primo-soccorso-brescia-corso-antincendio-brescia.jpg)}
.r5{background-image:url(/pics/corso-patentino-muletto-brescia-patente-mulettista-brescia.jpg)}
.log-new SPAN{font-size:5px}
.r6{width:100%;height:50px;background-color:#5c839e}
.r7{padding-top:16px;padding-left:25px;margin-bottom:12px}
.r8{margin-bottom:0}
.r9{margin-right:10px;margin-bottom:10px;color:#5c839e}
.r10{font-size:17px}
.r11{font-size:24px}
.q0{background-color:#BBB}
.q1{text-align:center}
.q2{margin:0 auto}
.q3{font-size:14px;line-height:17px;color:#fff}
.q4{text-align:center;font-size:13px;padding-top:10px}
.p0{color:#F00}
.p1{font-size:16px;padding:7px 4px 0 0}
.b{font-weight:bold}
.b8{margin:13px auto}
.c1{background-color:yellow;margin-top:15px}
.c2{text-align:center;margin-top:15px;}
.c2 a{font-size:20px;color:#F00}

/*Pulsanti https://toolset.mrw.it/css/button-generator.html */
div.cont{text-align:center;margin:25px auto 25px auto}
.btn-toolset {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 18px;
 background-color: #78A3BA;
 border-radius: 30px;
 padding: 10px 20px;
 border: 1px solid #006FE6;
 cursor: pointer;
}
.btn-toolset:hover {
 background-color: #5C839E;
 border-color: #0056B3;
}
.btn-toolset > strong {
 font-size: 24px;
}
/*fine Pulsanti*/
#divFerie{border:2px solid #F00;font-size:28px;text-align:center;background:#CCDDEE;padding:30px 30px 30px 30px;-moz-border-radius: 30px 30px 30px 30px;-webkit-border-radius: 30px 30px 30px 30px;border-radius:30px}
#divVC{border:2px solid #F00;font-size:15px;text-align:justify;background:yellow;padding:5px 20px 5px 20px;-moz-border-radius:30px 30px 30px 30px;-webkit-border-radius:30px 30px 30px 30px;border-radius:30px}
#specDIV,#specDIVMaster{height:1px;width:1px;float:right;overflow:hidden}
.r00{border-radius:20px}

/* Stili per la riproduzione dei video youtube */
.yt-wrap{margin-top:20px!important;max-width:960px;width:100%;margin-inline:auto}
.yt-lite{position:relative;display:block;width:100%;background:#000;cursor:pointer}
.yt-lite::before{content:"";display:block;padding-top:56.25%} /* 16:9 */
@supports(aspect-ratio:16/9){.yt-lite{aspect-ratio:16/9}.yt-lite::before{display:none}}
.yt-lite > .thumb, .yt-lite > iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-lite > .thumb{object-fit:cover}
.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:rgba(0,0,0,.6);border-radius:12px;display:grid;place-items:center}
.yt-play::before{content:"";border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;margin-left:3px}
figure.video{margin:0}
figure.video figcaption{margin:.5rem 0 1rem;text-align:center;color:#555;font-size:clamp(.9rem,2.5vw,1rem);line-height:1.35}
#cap-y1{font-size:16px}
.yt-wrap{border-radius:12px;overflow:hidden;}
.yt-lite {border-radius:12px;overflow: hidden;}
.yt-lite > .thumb,.yt-lite > iframe {border-radius:12px;}

/* *********************Stili per video short youtube******************************** */
/* Wrapper centrato e responsive */
.aisov-yt{
  margin:0;
  margin-top:20px!important;
  width:100%;
  max-width:clamp(280px, 50vw, 480px);
  margin-left:auto;margin-right:auto;
  float:none;display:block;align-self:center;justify-self:center;
}
@media (min-width:768px){ .aisov-yt{ width:50% } }

/* Player */
.aisov-yt .aisov-yt__lite{
  position:relative;display:block;width:100%;background:#000;cursor:pointer;
  border-radius:var(--radius,0);overflow:hidden;
  clip-path: inset(0 round var(--radius,0));
}
.aisov-yt .aisov-yt__lite::before{
  content:"";display:block;padding-top:calc(100%/(var(--ratio,16/9)));
}
@supports(aspect-ratio:1/1){
  .aisov-yt .aisov-yt__lite{ aspect-ratio:var(--ratio,16/9) }
  .aisov-yt .aisov-yt__lite::before{ display:none }
}

/* Media */
.aisov-yt .aisov-yt__thumb,
.aisov-yt .aisov-yt__lite > iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;
}
.aisov-yt .aisov-yt__thumb{ object-fit:cover }

/* Pulsante play */
.aisov-yt .aisov-yt__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:68px;height:48px;background:rgba(0,0,0,.6);border-radius:12px;
  display:grid;place-items:center;
}
.aisov-yt .aisov-yt__play::before{
  content:"";border-style:solid;border-width:10px 0 10px 18px;
  border-color:transparent transparent transparent #fff;margin-left:3px;
}

/* Didascalia */
.aisov-yt figcaption{
  margin:.5rem 0 1rem;text-align:center;color:#555;
  font-size:14px;
  line-height:1.35;
}
/* *********************FINE Stili per video short youtube******************************** */