/* Minification failed. Returning unminified contents.
(698,27): run-time error CSS1038: Expected hex color, found '#ffff'
(3386,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
 */
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{margin:0;font-family: 'Poppins',Arial,Verdana, sans-serif; color:#444;}

.wafixed{position:fixed;background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/whatsapp_chat.png) center center; background-size:contain; width:80px; height:80px; z-index:9999; bottom:35px; right:25px;transition:.5s}
.wafixed:hover{transform:scale(115%)}



.boxAvvisoCookie{ position:fixed; top:0; left:0; background:rgba(20,20,20,0.85); width:100%; z-index:10000;}
.boxAvvisoCookie p{padding:8px; box-sizing:border-box; max-width:1200px; color:#FFF; font-size:90%; margin:0 auto;}
.boxAvvisoCookie a{ color:#5bc4f1;}
.boxAvvisoCookie a.ok{ background:#5bc4f1; padding:4px 12px; margin-top:1px; font-size:120%; color:#FFF; text-decoration:none; display:block; float:right; margin-left:30px; border-radius:3px; border:solid 1px #FFF;}
.boxAvvisoCookie a.ok:hover{ background:#FFF; color:#5bc4f1;}

body p{ line-height:1.9em;}
.noMargin{margin:0;}

span[itemprop="location"]{ display:none;}
span[itemprop="description"]{ display:none;}
img[itemprop="image"]{ display:none;}
span[itemprop="offers"]{ display:none;}
span[itemprop="addressLocality"]{ display:none;}

#prezzoOffertaPrivata,#nomeUtenteOfferta,#dataFineOfferta,#prezzoPieno{display:none;}

.InfoBottom{ position:fixed; bottom:0; left:0; width:100%; height:100px; border-top:3px solid #222; box-sizing:border-box; z-index:99; padding:0; font-size:1.2em; background:#ffd101;}
.InfoBottom i{ display:block; float:left; width:110px; height:110px;margin-left:100px; background:url(/immagini/open.png) 0 0 no-repeat; background-size:contain}
.InfoBottom .contenuto{background:#697CF3; height:100%; width:100%; padding:20px 0; margin-top:30px; color:#fff;border-top:solid 3px #FFF;}
.InfoBottom .contenuto .content{max-width:1100px;}
.InfoBottom .contenuto h2,.InfoBottom .contenuto p{margin:0; padding:0;}
.no-border{border:none !important;}
.InfoBottom .contenuto a{float:right; padding:12px 30px; background:#e20079; color:#FFF; text-decoration:none; font-size:1.2em; border-radius:5px; border:solid 2px #FFF}
.InfoBottom .contenuto a:hover{color:#e20079; background:#FFF;border:solid 2px #e20079}
.imgCenter{ display:block; max-width:100%; margin:0 auto;}

.onDemand
{
    position:fixed;
    bottom:85px;
    right:-340px;
    transition:right .4s linear;
    max-width:320px;
    width:100%;
    height:375px;
    background:url(/immagini/andratuttobene.jpg)0 0 no-repeat #222;
    background-size:content;
    box-sizing:border-box;
-webkit-box-shadow: -4px -4px 19px -4px rgba(170,170,170,1);
-moz-box-shadow: -4px -4px 19px -4px rgba(170,170,170,1);
box-shadow: -4px -4px 19px -4px rgba(170,170,170,1);
z-index:99999;
 }

.onDemand .testo
{
    padding:195px 20px 20px;
    color:#111;
    font-size:.9em;
}

.onDemand h3{margin:0 0 10px; font-size:1.3em; line-height:1.3em; font-weight:bold; color:#f8d515}


.onDemand p{line-height:1.6em; color:#eee;}

.onDemand p a{color:#222; border:solid 2px #222; text-decoration:none; background:#f8d515; text-transform:uppercase; font-weight:bold; display:block; width:170px; padding:7px 15px 4px;margin:0 auto;}
.onDemand p a:hover{ text-decoration:none;background:#222;color:#f8d515; border-color:#f8d515}

.onDemand #closeOnDemand{position:absolute; right:10px; bottom:10px; opacity:.6; transition:.5s; width:14px; z-index:9; cursor:pointer;}
.onDemand #closeOnDemand:hover{opacity:1;}



@media all and (max-width: 1460px) 
{
    .InfoBottom{font-size:1.1em;}
  .InfoBottom i{margin-left:30px;}  
  .InfoBottom .contenuto .content{max-width:1000px;}
}


@media all and (max-width: 1280px) 
{
    .InfoBottom .contenuto .content{max-width:870px;}
    .InfoBottom .contenuto a{padding:12px 25px;}
   }
   
@media all and (max-width: 1024px) 
{
    .InfoBottom{font-size:1.05em;}
    .InfoBottom i{width:80px; height:80px;margin-left:20px;}
    .InfoBottom .contenuto .content{max-width:800px;}
    .InfoBottom .contenuto a{padding:10px 22px;}
   } 
   
@media all and (max-width: 900px) 
{
    .InfoBottom{font-size:1em;}
    .InfoBottom i{width:80px; height:80px;margin-left:20px;}
    .InfoBottom .contenuto{padding:12px 0;}
    .InfoBottom .contenuto h2{font-size:1.4em;}
    .InfoBottom .contenuto .content{max-width:80%; float:left;}
    .InfoBottom .contenuto a{padding:10px 22px; margin-left:10px; margin-bottom:5px;}
   }  


@media all and (max-width: 780px) 
{
  .InfoBottom{height:75px;}
  
}
   

@media all and (max-width: 600px) 
{
    .InfoBottom{height:70px; line-height:70px;}
.InfoBottom i{width:65px; height:65px;margin-left:10px;}
.InfoBottom .contenuto .content{max-width:80%; float:left; padding:0 5px;}
.InfoBottom .contenuto h2{font-size:1.3em;}
.InfoBottom .contenuto a{padding:7px 12px;font-size:1.1em;}
   }  
   

@media all and (max-width: 489px) 
{
    .InfoBottom{height:60px; font-size:0.9em; padding-top:5px}
    .InfoBottom i{width:55px; height:55px;margin-left:7px;}
    .InfoBottom .contenuto .content{max-width:80%;padding:0;}
   }  


@media all and (max-width: 370px) 
{
    .InfoBottom{height:50px;font-size:1em;}
    .InfoBottom i{width:45px; height:45px;margin-left:5px; margin-top:15px;}
    .InfoBottom .contenuto h2{font-size:1.1em;}
    .InfoBottom .contenuto a{padding:5px 10px;font-size:1em;}
   }  


.spotHeaderMain{
    background:#ffc107;
    padding:6px 15px;
    top:0;
    position:sticky;
    width:100%;
    left:0;
    box-sizing:border-box;
    z-index:9999;    
   box-shadow: 2px 2px 4px 1px rgba(150,150,150,0.3);
}

.spotHeader{max-width:520px; margin:0 auto;position: relative;overflow: hidden;}
.spot-container{  display: flex; transition: transform 0.3s ease-in-out; text-align:center; font-weight:bold; font-size:1rem;}
.spotHeader a.ctaSpot{color:#e91e63; font-weight:bold; display:inline-block; margin-left:6px; padding:0px 7px 0px 10px; text-decoration:none; border-radius:5px}
.spotHeader a.ctaSpot:hover{background:rgba(255,255,255,0.7);}

.spotHeader .frase-spot {
  min-width: 100%;
  box-sizing: border-box;  
  text-align: center;
  line-height:32px;
  display:inline-block;
}

.spotHeader .frase-spot.rocket{background:url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/rocket.png) 0 center no-repeat;}
.spotHeader .frase-spot.mic{background:url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/speak.png) 0 center no-repeat;}
.spotHeader .frase-spot.virus{background:url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/malware.png) 0 center no-repeat;}
.spotHeader .frase-spot.accessibilita{background:url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/ergonomic.png) 0 center no-repeat;}


@media all and (max-width: 500px) 
{
    .spotHeader{max-width:360px;}
    .spotHeader .frase-spot {line-height:22px; background:none !important;}
 }  



header{padding:0; width:100%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#logo{background:url(/immagini/logo-labforweb.png) 0 0 no-repeat; width:230px; height:69px; background-size:contain; display:inline; float:left; margin-top:10px; margin-right:4%; z-index:99;}
#logoMobile{ display:none;}
#menu{ padding:0; margin:0; list-style:none;  margin:0; z-index:200;}
#menu li{ float:left; margin-right:2px; position:relative;}
#menu li a{ display:block; padding:0 20px; text-decoration:none; font-size:1em;  color:#444; font-weight:bold; line-height:90px}
#menu > li:last-child{ float:right;}
#menu > li:hover{background:url(../immagini/lampo-mini.png) center top no-repeat rgba(68,68,68,0.95);}
#menu li:hover a{color:#FFF}
#menu li a.selected{ background:url(../immagini/lampo-mini.png) center top no-repeat rgba(68,68,68,0.95);color:#FFF}


#menu li ol{ list-style:none; background:rgba(255,255,255,0.95); position:absolute; top:100%; padding:0; margin:0; left:0; min-width:170%; display:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; border:solid 2px rgba(68,68,68,0.95); border-top:none; z-index:15 }
#menu li:first-child ol{min-width:100%; }
#menu li ol li{padding:0; margin:0; float:none; border-bottom:dashed 1px #EEE; position:relative;}
#menu li ol li:last-child{ border:none;}
#menu li ol a{ padding:0 25px; line-height:54px; font-size:100%; display:block; color:#444 !important;}
#menu li ol a:hover{ background:rgba(68,68,68,0.6); color:#FFF !important;}
#menu li:hover ol{ display:block;}

.sfMenuHome{background:rgba(255,255,255,1); width:100%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:0 30px; overflow:none; height:auto; height:90px;box-shadow:0 4px 3px rgba(100, 100, 100, 0.1); position:relative; z-index:2;}
.sfMenuHome section{max-width:1300px; margin:0 auto;}

 .ctaPP{ display:block; width:310px; margin:25px auto 45px; padding:18px 33px; background:#9dd301; color:#FFF; font-weight:bold; text-decoration:none; text-align:center; font-size:1.2rem;}


.contentHome{ background:url(../immagini/bannerHome.jpg) 0 0 no-repeat; height:490px; background-size:cover;}

.contentHomeRoboCode{ background:url(../immagini/herobanner_3000_desktop.jpg) center 90px no-repeat; height:490px; }
.contentHomeRoboCode #boxCtaHome
{
   max-width:1200px;
   margin:0 auto;
   box-sizing:border-box;
   padding-top:275px;
   padding-left:250px;
}

.contentHomeRoboCode #cta_home{background:rgba(253,216,22,0.95); display:inline-block; padding:6px 13px; color:#222; text-decoration:none; font-weight:bold; border:solid 2px #fdd816}
.contentHomeRoboCode #cta_home:hover{color:#fdd816; background:rgba(253,216,22,0.15);}


.contentHomeOD2024{background:#fff;}
.contentHomeOD2024 .contentPromo
{
    max-width:1350px;
    position:relative;
    margin:0 auto;
    padding:0 15px;
}

.contentHomeOD2024 .allPage
{
    max-width:100%;
    padding:0;
}


.contentHomeOD2024 .allPage section{position:absolute; top:0; left:0; width:100%; height:100%;}

.contentHomeOD2024 .allPage section .blocco
{
    max-width:1300px;
    margin:0 auto;
    color:#fff;
    padding:25px;
    position:relative;
    top:50%;
    transform:translateY(-50%);
}

.contentHomeOD2024 .allPage section .blocco h2{margin:0;text-shadow: 1px 2px #888; max-width:500px; font-size:2.2em; line-height:1.5em}
.contentHomeOD2024 .allPage section .blocco h3{max-width:500px; font-size:1.45em;text-shadow: 1px 2px #888;}


.contentHomeOD2024 .allPage section .bloccoOD{
    max-width:1300px;
    margin:0 auto;
    color:#fff;
    padding:25px;
    position:relative;
    top:60px;
}


.contentHomeOD2024 .bloccoOD .titolo{font-size:90px; line-height:70px; padding:0; margin:0;}
.contentHomeOD2024 .bloccoOD .titolo span{line-height:60px; }
.contentHomeOD2024 .bloccoOD .introHome{font-size:35px;margin:0 0 10px; line-height:1.4em; color:#ffc107; max-width:490px}
.contentHomeOD2024 .bloccoOD .data{font-size:3em;margin:15px 0 50px; font-weight:normal}

.contentHomeOD2024 .bloccoOD .testoBianco{color:#fff}
.contentHomeOD2024 .bloccoOD .testoViola{color:#e91e63;}
.contentHomeOD2024 .bloccoOD .testoMagentA{color:#e91e63; font-size:.65em; display:block; margin:8px 0 20px}


.contentHomeOD2024 .contentPromo .ctaViola
{
    text-decoration:none;
    padding:10px 35px 8px;
    color:#FFF;
    font-size:1.3em;
    background:#e91e63;
    border:solid 2px #fff; transition:.15s; border-radius:6px; font-weight:bold;}

.contentHomeOD2024 .contentPromo .ctaViola:hover
{
    background:rgba(255,255,255,0.85);
    border:solid 2px #e91e63;
    color:#e91e63
}


.contentHomeOD2024 .contentPromo img{width:100%; display:block;}

.contentHomeOD2024 .contentPromo .ctaCorsi
{
    text-decoration:none;
    padding:8px 25px 6px;
    color:#222;
    font-size:1.2em;
    background:#ffc107;
    border:solid 2px #222; transition:.2s; border-radius:6px; font-weight:bold;}

.contentHomeOD2024 .contentPromo .ctaCorsi:hover
{
    background:rgba(255,255,255,0.65);
}


@media all and (max-width: 1280px) 
{
        .contentHomeOD2024 .allPage section .blocco h2{ max-width:400px; font-size:1.8em; line-height:1.45em}
    .contentHomeOD2024 .allPage section .blocco h3{max-width:400px; font-size:1.25em;}
    .contentHomeOD2024 .contentPromo .ctaCorsi
    {

        padding:6px 20px 4px;
        font-size:1.1em;
    }

}
    

@media all and (max-width: 680px) 
{
        .contentHomeOD2024 .allPage section .blocco h2{ max-width:300px; font-size:1.5em; line-height:1.4em}
    
    .contentHomeOD2024 .contentPromo .ctaCorsi
    {

        padding:6px 20px 4px;
        font-size:1.1em;
    }

}

@media all and (max-width: 560px) 
{

.contentHomeOD2024 .allPage section .blocco
    {
        max-width:1300px;
        margin:0 auto;
        color:#fff;
        padding:25px;
        position:relative;
        top:160px;
        text-align:center;
    }
    
    .contentHomeOD2024 .allPage section .blocco h2{ max-width:100%; font-size:1.8em; line-height:1.5em;}
    .contentHomeOD2024 .allPage section .blocco h3{max-width:100%; font-size:1.4em;}
    
}



.contentHomeOD2024 .contentPromo .cta
{
    position:absolute;
    bottom:14%;
    left:40px;
    text-decoration:none;
    padding:8px 25px 6px;
    color:#fff;
    font-size:1.2em;
    background:#d002fa;
    border:solid 2px #d002fa; transition:.2s; border-radius:6px; font-weight:bold;}

.contentHomeOD2024 .contentPromo .cta:hover
{
    color:#d002fa;
    background:#fff;
    }

.contentHomeIntesa{ background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/banner-slider-intesa-home.jpg) center bottom no-repeat #2b8804; background-size:contain; height:530px; }


.contentHomeIntesa .contentPromo
{
    max-width:1300px; margin:0 auto; color:#fff; padding:25px;
    }


.contentHomeIntesa .infoIS
{
   max-width:600px; }


.contentHomeIntesa .infoIS #listaPerMerito li {color:#fff;}


.contentHomeIntesa .cta-promo{background:rgba(253,216,22,0.95); display:inline-block; padding:6px 13px; color:#222; text-decoration:none; font-weight:bold; border:solid 2px #fdd816}
.contentHomeIntesa .cta-promo:hover{color:#fdd816; background:rgba(253,216,22,0.15);}


@media all and (max-width: 760px) 
{
    .contentHomeIntesa{height:auto; }
}


@media all and (max-width: 650px) 
{
    .contentHomeIntesa{padding-bottom:300px;background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/banner-slider-intesa-home-mobile.jpg) right bottom no-repeat #2b8804;}
}




@media all and (max-width: 1280px) 
{
.contentHomeRoboCode{ background:url(../immagini/herobanner_1280_desktop.jpg) 0 85px no-repeat; height:480px}

.contentHomeRoboCode #boxCtaHome
{
   width:370px;
   margin:0;
   padding-top:275px;
   padding-left:0;
}

.contentHomeRoboCode #cta_home{display:block;  width:50px; margin-left:auto; text-align:center;}

}



@media all and (max-width: 1160px) 
{
.contentHomeRoboCode{ background-position:0 72px;}

}



@media all and (max-width: 640px) 
{
.contentHomeRoboCode{ background:url(../immagini/herobanner_640_desktop.jpg) 0 70px no-repeat; height:400px}
.contentHomeRoboCode #boxCtaHome{
   width:315px;
   padding-top:235px;
}

}

@media all and (max-width: 500px) 
{
.contentHomeRoboCode{ background:url(../immagini/herobanner_640_desktop.jpg) 0 60px no-repeat; height:680px}
.contentHomeRoboCode #boxCtaHome{
   width:315px;
   padding-top:235px;
}

#mainBox.homepage{
    margin-top:87vh;
    }

#mainBox #promoRegione h2{font-size:1.7em}

}

@media all and (max-width: 360px) 
{
.contentHomeRoboCode{ background:url(../immagini/herobanner_340_desktop.jpg) 0 60px no-repeat; background-size:contain; height:300px}
.contentHomeRoboCode #boxCtaHome{
   width:300px;
   padding-top:190px;
}

}




.contentLabfortraining{ background:#43a047; padding-bottom:10px;}
.contentContatti{ background:#2d3339; padding-bottom:10px;}

.callToAction{ display:block; max-width:280px; text-decoration:none; padding:10px 12px; margin:35px 0 15px; border:solid 2px #FFF; color:#FFF; text-align:center; text-transform:uppercase; font-weight:bold;}
.callToAction:hover{ background:#222;}

.tabella{ border-left:solid 1px #CCC; border-bottom:solid 1px #CCC; width:100%;}
.tabella td{ padding:5px;border-right:solid 1px #CCC; border-top:solid 1px #CCC; word-wrap:break-word;}
.tabella td:first-child{ font-weight:bold;}

.contentWebContent{ background:#e20079; padding-bottom:10px;}
.contentScuola{ background:url(../immagini/aule.jpg) center top no-repeat; height:490px; background-size:cover;}
.spotScuola{ margin:250px auto 0; padding:15px 30px; background:rgba(91,196,241,0.9); width:85%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.spotScuola h1{ margin:0; padding:0; color:#FFF; font-size:250%; font-weight:normal; text-transform:uppercase; text-align:center; line-height:1.6;}
.spotScuola h1 span{ display:block; font-size:60%; line-height:1.5;}
.contentDis{ background:none;max-height:450px;}

.lampetti{background:url(../immagini/lampetti.png) right -1px no-repeat;}
.padding50{ padding:50px 0;}


.boxLabForYou{ background:rgba(255,255,255,0.7); position:absolute; right:0; top:0; padding:10px; font-size:90%; text-align:center;}
.boxLabForYou h3,.boxLabForYou h4{ margin:0; padding:0;}
.boxLabForYou h4{ font-weight:normal}

#abstract{ width:100%; position:absolute; left:0; top:90px; height:260px; padding:5px 0; background:rgba(255,255,255,1); display:none !important; z-index:11; border-bottom:solid 3px #444;}

#abstract ul{ list-style:none; width:12%; padding:0; margin:15px 0; position:absolute; height:100%; width:250px;}
#abstract ul li{ padding:5px 10px 7px 20px; margin:0; color:#444; font-weight:bold; font-size:95%;}
#abstract ul li a{ text-decoration:none; display:block;color:#444; font-weight:bold;}
#abstract ul li a:hover{ text-decoration:none;}
#abstract ul li:hover{ background:rgba(200,200,200,0.4);}
#abstract ul ul{ background:trasparent;position:absolute; left:100%; height:85%; top:0; margin:0; width:430%;display:none;}
#abstract ul li ul li{float:left; text-align:center; position:relative; padding:5px; width:16.65%; height:100%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; border:1px dashed #ddd;}
#abstract ul li ul li img{ width:120px; display:block; margin:10px auto; border:solid 1px #FAFAFA; border-radius:3px;}

#abstract ul li ul li a.img120{ width:120px;height:120px; display:block; margin:10px auto; border:solid 1px #FAFAFA; border-radius:3px; background-size:contain;}
#abstract ul li ul li a.html5adv{background:url(/corsi_f/icone/120/corso-html5-avanzato.png) 0 0 no-repeat;}
#abstract ul li ul li a.sicurezza{background:url(/corsi_f/icone/120/corso-la-sicurezza-in-php.png) 0 0 no-repeat;}
#abstract ul li ul li a.illustrator{background:url(/corsi_f/icone/120/corso-adobe-illustrator-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.photoshop{background:url(/corsi_f/icone/120/corso-adobe-photoshop-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.ajax{background:url(/corsi_f/icone/120/corso-ajax-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.html5{background:url(/corsi_f/icone/120/corso-html5-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.infografica{background:url(/corsi_f/icone/120/corso-infografica-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.data{background:url(/corsi_f/icone/120/corso-infografica-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.jquery{background:url(/corsi_f/icone/120/corso-javascript-jquery.png) 0 0 no-repeat;}
#abstract ul li ul li a.php-avanzato{background:url(/corsi_f/icone/120/corso-php-avanzato-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.php{background:url(/corsi_f/icone/120/corso-php-mysql-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.responsive{background:url(/corsi_f/icone/120/corso-responsive-web-design-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.sass{background:url(/corsi_f/icone/120/corso-sass-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.copywriting{background:url(/corsi_f/icone/120/corso-scrivere-per-il-web-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.seo{background:url(/corsi_f/icone/120/corso-seo-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.smm{background:url(/corsi_f/icone/120/corso-social-media-marketing-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.swift{background:url(/corsi_f/icone/120/corso-swift.png) 0 0 no-repeat;}
#abstract ul li ul li a.copy-that-rocks{background:url(/corsi_f/icone/120/corso-web-content-management-serale.png) 0 0 no-repeat;}
#abstract ul li ul li a.web-design{background:url(/corsi_f/icone/120/corso-web-design-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.web-development{background:url(/corsi_f/icone/120/corso-web-development-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.ui-design{background:url(/corsi_f/icone/120/corso-web-interface-design-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.ui-ux-design{background:url(/corsi_f/icone/120/corso-ui-ux-design-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.wordpress{background:url(/corsi_f/icone/120/corso-wordpress-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.css3-animati{background:url(/corsi_f/icone/120/css3-animati.png) 0 0 no-repeat;}
#abstract ul li ul li a.grafica{background:url(/corsi_f/icone/120/grafica-base.png) 0 0 no-repeat;}
#abstract ul li ul li a.angular{background:url(/corsi_f/icone/120/icona-corso-angular-js.png) 0 0 no-repeat;}
#abstract ul li ul li a.angular2{background:url(/corsi_f/icone/120/corso-angular-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.angularAvanzato{background:url(/corsi_f/icone/120/corso-angular-avanzato.png) 0 0 no-repeat;}
#abstract ul li ul li a.bootstrap{background:url(/corsi_f/icone/120/icona-corso-bootstrap.png) 0 0 no-repeat;}
#abstract ul li ul li a.html-email{background:url(/corsi_f/icone/120/icona-corso-html-email.png) 0 0 no-repeat;}
#abstract ul li ul li a.guerrilla{background:url(/corsi_f/icone/120/icona-corso-web-guerrilla-marketing.png) 0 0 no-repeat;}
#abstract ul li ul li a.illustrator-in-a-day{background:url(/corsi_f/icone/120/illustrator-in-a-day.png) 0 0 no-repeat;}
#abstract ul li ul li a.photoshop-in-a-day{background:url(/corsi_f/icone/120/photoshop-in-a-day.png) 0 0 no-repeat;}
#abstract ul li ul li a.lamp{background:url(/corsi_f/icone/120/icona-corso-lamp.png) 0 0 no-repeat;}
#abstract ul li ul li a.yii{background:url(/corsi_f/icone/120/icona-corso-yii2.png) 0 0 no-repeat;}
#abstract ul li ul li a.mean{background:url(/corsi_f/icone/120/icona-corso-mean.png) 0 0 no-repeat;}
#abstract ul li ul li a.fullstack{background:url(/corsi_f/icone/120/corso-full-stack.png) 0 0 no-repeat;}
#abstract ul li ul li a.html{background:url(/corsi_f/icone/120/corso-html5-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.linux{background:url(/corsi_f/icone/120/corso-sistemista-linux-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.ionic{background:url(/corsi_f/icone/120/icona-corso-ionic.png) 0 0 no-repeat;}
#abstract ul li ul li a.wpadv{background:url(/corsi_f/icone/120/corso-wordpress-avanzato-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.front-end{background:url(/corsi_f/icone/120/corso-front-end-development.png) 0 0 no-repeat;}
#abstract ul li ul li a.python{background:url(/corsi_f/icone/120/corso-python-machine-learning.png) 0 0 no-repeat;}
#abstract ul li ul li a.jsavanzato{background:url(/corsi_f/icone/120/JS-avanzato.png) 0 0 no-repeat;}
#abstract ul li ul li a.react{background:url(/corsi_f/icone/120/Corso-React-Roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.laravel{background:url(/corsi_f/icone/120/corso-laravel-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.greensock{background:url(/corsi_f/icone/120/corso-greensock-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.grid{background:url(/corsi_f/icone/120/workshop-grid-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.jsdev{background:url(/corsi_f/icone/120/corso-javascript-developer-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.android{background:url(/corsi_f/icone/120/corso-app-developer-android-roma.png) 0 0 no-repeat;}
#abstract ul li ul li a.vue{background:url(/corsi_f/icone/120/corso-vue-js.png) 0 0 no-repeat;}
#abstract ul li ul li a.java-developer{background:url(/corsi_f/icone/120/corso-java-developer.png) 0 0 no-repeat;}
#abstract ul li ul li a.java{background:url(/corsi_f/icone/120/corso-java-ee.png) 0 0 no-repeat;}
#abstract ul li ul li a.node{background:url(/corsi_f/icone/120/corso-node.png) 0 0 no-repeat;}
#abstract ul li ul li a.database{background:url(/corsi_f/icone/120/corso-mysql.png) 0 0 no-repeat;}
#abstract ul li ul li a.docker{background:url(/corsi_f/icone/120/corso-docker.png) 0 0 no-repeat;}
#abstract ul li ul li a.java-base{background:url(/corsi_f/icone/120/corso-java-ee.png) 0 0 no-repeat;}
#abstract ul li ul li a.java-backend{background:url(/corsi_f/icone/120/corso-java-developer.png) 0 0 no-repeat;}
#abstract ul li ul li a.spring{background:url(/corsi_f/icone/120/corso-spring.png) 0 0 no-repeat;}
#abstract ul li ul li a.ai{background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/worshop-ai.png) 0 0 no-repeat;}
#abstract ul li ul li a.ai2{background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/worshop-ai-2.png) 0 0 no-repeat;}
#abstract ul li ul li a.video{background:url(/corsi_f/icone/120/video.png) 0 0 no-repeat;}
#abstract ul li ul li a.csharp{background:url(/corsi_f/icone/120/corso-c-sharp.png) 0 0 no-repeat #EEE;}
#abstract ul li ul li a.corso-python{background:url(/corsi_f/icone/120/corso-python.png) 0 0 no-repeat #EEE;}
#abstract ul li ul li a.accessilita{background:url(/corsi_f/icone/120/corso-accesibilita.png) 0 0 no-repeat #EEE;}


#abstract ul li ul li p{ margin:5px; padding:0; font-weight:normal; font-size:90%; color:#777; position:absolute; width:85%; bottom:5px; text-align:center; line-height:1.3em;}
#abstract ul li ul li a{ text-decoration:none; font-size:100%; color:#555; font-weight:bold; text-transform:uppercase; line-height:1.2em;}
#abstract ul li ul li a:hover{text-decoration:underline;}
#abstract ul li ul li:last-child{ border-right:none;}
#abstract ul li:hover ul{ display:block;}
#abstract ul li.selected ul{ display:block;}
#abstract ul li.selected{background:rgba(255,255,255,0.4);}
#abstract ul li ul li i.corsoInSaldo{ width:62px; height:63px; background:url(../images/saldi.png) 0 0 no-repeat; position:absolute;top:2px; right:1px; z-index:5; }
#abstract ul li ul li i.corsoGratuito{ width:62px; height:63px; background:url(../images/free.png) 0 0 no-repeat; position:absolute;top:2px; right:1px; z-index:5; }
/*#abstract ul li ul li i.corsoInSaldo{ width:62px; height:63px; background:url(../images/bf.png) 0 0 no-repeat; position:absolute;top:2px; right:1px; z-index:5; }*/
#abstract ul li ul li i.corsoSoldOut{ width:62px; height:63px; background:url(../images/sold-out.png) 0 0 no-repeat; position:absolute;top:2px; right:1px; z-index:5; }
#abstract ul li ul li i.corsoNuovo{ width:62px; height:63px; background:url(../images/new.png) 0 0 no-repeat; position:absolute;top:2px; right:1px; z-index:5; }
#abstract ul li ul li i.blackfriday{ width:62px; height:63px; background:url(../images/bf.png) 0 0 no-repeat; position:absolute;top:2px; right:1px; z-index:5; }


.superSpot{ background:url(../immagini/spot/back_lavagna.jpg) 0 0 no-repeat; height:200px; border-top:solid 5px #FFF;}
.superSpot h1{ text-align:center; color:#FAFAFA; font-weight:normal; font-size:280%; padding-bottom:0;}
.superSpot h2{ text-align:center; color:#FAFAFA; font-weight:normal; font-size:220%;}
.superSpot a{ text-decoration:none; display:block; max-width:150px; padding:8px 20px; background:#9dd301; color:#FFF; text-transform:uppercase; text-align:center; margin:10px auto; font-size:150%; border-radius:2px; border:solid 2px #FAFAFA;}
.superSpot a:hover{ border:solid 2px #9dd301; background:#EEE; color:#9dd301;}



.spotInterno{color:#FFF; font-size:1.1em; padding:25px 0; width:80%;}	
.spotInterno p{ margin:10px 0; padding:0;}
.spotInterno a{color:#FFF;}

.spotInterno span{ font-size:140%; font-weight:bold;}
.spotInterno h1{ font-size:140%; display:inline}
.spotInterno h2{ font-size:140%; display:inline}
.spotInterno ul{ list-style:none; margin:0; padding:0; overflow:auto;}
.spotInterno ul li{ float:left; width:25%; text-align:center;}
.spotInterno h2{ margin-top:40px; font-weight:normal;}

.spotFoto{ margin:250px auto 0; padding:15px 0; background:rgba(91,196,241,0.9); width:85%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.spotFoto h1{ margin:0; padding:0; color:#FFF; font-size:250%; font-weight:normal; text-transform:uppercase; text-align:center; line-height:1.6;}
.spotFoto h1 span{ display:block; font-size:60%; line-height:1.5;}


.imageSoldOut{ position:absolute; top:90px; right:25px;}

#entra{ background:rgba(255,255,255,0.3); height:55px; padding:20px 0 30px; position:absolute; top:390px; width:100%;}
.content{max-width:1400px; margin:0 auto; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; overflow:auto; padding:0 10px; width:98%;}
#thankyou .content{max-width:1150px;}

#entra a{ background:#9dd301; padding:15px 25px; display:block; float:right; text-decoration:none; font-size:150%; text-transform:uppercase; font-weight:bold; color:#FFF;}
#entra a:hover{ background:#f33796;}

#corsiHome{ margin:80px auto; overflow:auto; max-width:1000px;}
#corsiHome h2{ font-size:1.8em; text-align:center; padding:0; margin:0 0 70px; color:#444;}
#corsiHome ul{ padding:0; margin:0; list-style:none; }
#corsiHome ul li{ width:50%;  float:left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; text-align: center; text-align:center; margin-top:15px; margin-bottom:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 50%; padding:0 40px; transition:background,border 1s; }
#corsiHome ul li:last-child{ margin-right:0;}
#corsiHome ul li img{max-width:200px; }
#corsiHome ul li a.title{ text-decoration:none; color:#5bc4f1; font-size:1.2em; font-weight:bold; display:block; margin-top:20px;}
#corsiHome ul li a.title:hover{ text-decoration:underline;}
#corsiHome ul li a.button{ background:#5bc4f1; padding:4px 15px 5px; max-width:110px; color:#FFF; margin:0 auto; text-decoration:none; font-size:100%;}
#corsiHome ul li a.button:hover{ background:#f33796;}
#corsiHome ul li p{ margin:5px auto 15px; width:100%; color:#777; font-size:85%;}



#tipoCorsiHome
{
  border-bottom:solid 3px #ffff; 
  overflow:hidden;
  box-sizing:border-box; 
 }


#tipoCorsiHome section
{
   position:relative;
   float:left;
   width:50%;
   height:60vh;
   background-position:center center;
   background-repeat:no-repeat;
   background-size:cover;
   box-sizing:border-box;
   padding:25px;
}

#tipoCorsiHome h2
{
    margin:0;
    padding:50px 20px; text-align:center; font-size:2em;color:#fff;
    background-color:#5bc3f1;
    background-position:98% 0;
}

#tipoCorsiHome section.aula{background-image:url(/immagini/corsi-aula-roma.jpg);border-right:solid 2px #fff;border-top:solid 3px #fff;}
#tipoCorsiHome section.online{background-image:url(/immagini/corsi-online.jpg);border-left:solid 2px #fff;border-top:solid 3px #fff;}

#tipoCorsiHome section h3{margin:0; color:#FFF; position:absolute;z-index:2; font-size:3em; left:10%; width:80%; text-align:center; top:50%; transform:translateY(-50%); transition:top .8s;}
#tipoCorsiHome section p{margin:0; color:#FFF; position:absolute;z-index:2; font-size:1.15em; left:20%; width:60%; text-align:center; top:70%; opacity:0;  transition:1s; line-height:1.6em;}
#tipoCorsiHome section i{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.25; z-index:1; transition:opacity 1;}
#tipoCorsiHome section a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:20;}
#tipoCorsiHome section span{ position:absolute;z-index:2; font-size:1.2em; width:250px;transform:translateX(-50%); left:50%;color:#FFF; border:solid 2px #FFF; text-align:center; top:90%; opacity:0;  transition:1s; box-sizing:borer-box; padding:10px; text-transform:uppercase; font-weight:bold;}


#tipoCorsiHome section:hover h3{top:38%;}
#tipoCorsiHome section:hover i{opacity:0.58}
#tipoCorsiHome section:hover p{top:48%; opacity:1;}
#tipoCorsiHome section:hover span{top:72%; opacity:1;}


#ContentPlaceHolder1_PanelSpot2
{
    padding:10px 0 100px;
    }

.boxHomeSpot{
    padding:20px 0 0;
    background-color:#fafafa;
 }
   
.boxHomeSpot h1.titolo{font-weight:bold; text-align:center; padding:0 25px;}
.boxHomeSpot h2.sottotitolo{font-size:1.4em; margin-top:0; text-align:center; padding:0 25px 30px; color:#666;}


.boxHomeSpot ul{
    margin:0; list-style:none; padding:0;overflow:hidden;
 }
 
 
 .boxHomeSpot a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;    
    z-index:10;
 }


.boxHomeSpot.box4 > ul > li{
    width:25%;float:left; box-sizing:border-box; position:relative;padding:0; margin:0;
}


.boxHomeSpot.box3 > ul{max-width:1200px; margin:0 auto;min-height:405px;}

.boxHomeSpot.box3 ul li{
    width:33%;float:left; box-sizing:border-box; position:relative;padding:0; margin:0;
}


.boxHomeSpot.box2 > ul{max-width:800px; margin:0 auto;min-height:405px;}

.boxHomeSpot.box2 ul li{
    width:50%;float:left; box-sizing:border-box; position:relative;padding:0; margin:0;
}



.boxHomeSpot li.blu{background:#2c5ba3;color:#FFF}
.boxHomeSpot li.rosso{background:#e84242;color:#FFF}
.boxHomeSpot ul li.giallo{background:#f7d100; color:#111;}



.boxHomeSpot img{
    width:100%;
    margin:0;
}


.boxHomeSpot .info{
    padding:15px;margin:-10px 0 0;
    }


.boxHomeSpot .info ol{margin:0; list-style:none; padding:0;}
.boxHomeSpot .info ol li
{
    float:none;
    width:100%;
    border:none;
    margin:8px 0;
    padding-left:30px;
 }

.boxHomeSpot li.giallo .info ol li.date{background:url(/immagini/calendario-nero.png) 0 4px no-repeat; }
.boxHomeSpot li.giallo .info ol li.orario{background:url(/immagini/orologio-nero.png) 0 4px no-repeat;}
.boxHomeSpot li.giallo .info ol li.directions{background:url(/immagini/directions-b.png) 0 4px no-repeat;}
.boxHomeSpot li.giallo .info ol li.prezzo{background:url(/immagini/tag-b.png) 0 4px no-repeat; }
.boxHomeSpot li.blu .info ol li.date{background:url(/immagini/calendario-giallo.png) 0 4px no-repeat;}
.boxHomeSpot li.blu .info ol li.orario{background:url(/immagini/orologio-giallo.png) 0 4px no-repeat;}
.boxHomeSpot li.blu .info ol li.directions{background:url(/immagini/directions-y.png) 0 4px no-repeat;}
.boxHomeSpot li.blu .info ol li.prezzo{background:url(/immagini/tag-y.png) 0 4px no-repeat;}
.boxHomeSpot li.rosso .info ol li.date{background:url(/immagini/calendario-bianco.png) 0 4px no-repeat;}
.boxHomeSpot li.rosso .info ol li.orario{background:url(/immagini/orologio-bianco.png) 0 4px no-repeat;}
.boxHomeSpot li.rosso .info ol li.directions{background:url(/immagini/directions-w.png) 0 4px no-repeat;}
.boxHomeSpot li.rosso .info ol li.prezzo{background:url(/immagini/tag-w.png) 0 4px no-repeat;}


.boxHomeSpot li.giallo:hover .info ol li.date{background:url(/immagini/calendario-bianco.png) 0 4px no-repeat;}
.boxHomeSpot li.giallo:hover .info ol li.orario{background:url(/immagini/orologio-bianco.png) 0 4px no-repeat;}
.boxHomeSpot li.giallo:hover .info ol li.directions{background:url(/immagini/directions-w.png) 0 4px no-repeat;}
.boxHomeSpot li.giallo:hover .info ol li.prezzo{background:url(/immagini/tag-w.png) 0 4px no-repeat;}
.boxHomeSpot li.giallo:hover .info{background-color:#111; color:#FFF;}

.boxHomeSpot li.blu:hover .info ol li.date{background:url(/immagini/calendario-bianco.png) 0 4px no-repeat;}
.boxHomeSpot li.blu:hover .info ol li.orario{background:url(/immagini/orologio-bianco.png) 0 4px no-repeat;}
.boxHomeSpot li.blu:hover .info ol li.directions{background:url(/immagini/directions-w.png) 0 4px no-repeat;}
.boxHomeSpot li.blu:hover .info ol li.prezzo{background:url(/immagini/tag-w.png) 0 4px no-repeat;}
.boxHomeSpot li.blu:hover .info{background-color:#111}

.boxHomeSpot li.rosso:hover .info{background-color:#111}


.boxSpotPercorsi{width:1230px; box-sizing:border-box; margin:50px auto; overflow:auto;}
.boxSpotPercorsi h1{padding:0; text-align:center;margin:0}
.boxSpotPercorsi > h2{padding:0; text-align:center;margin:0; font-weight:normal; font-size:1.4em;}

.boxSpotPercorsi ul{margin:30px 0 50px; list-style:none; padding:0; overflow:auto;}
.boxSpotPercorsi.due{width:820px;}
.boxSpotPercorsi.due li{width:380px; float:left; height:605px; margin:0 15px 30px;position:relative;}

.boxSpotPercorsi.tre li{width:380px; float:left; height:605px; margin:0 15px 30px;position:relative;}
.boxSpotPercorsi ul li.giallo{background:#fcd915;}
.boxSpotPercorsi ul li.blu{background:#2c5aa2; color:#FFF;}
.boxSpotPercorsi ul li.rosso{background:#e84343; color:#FFF;}
.boxSpotPercorsi li img{position:absolute; top:0; left:0; max-width:100%;}
.boxSpotPercorsi li section{position:absolute;padding:18px; box-sizing:border-box; left:0; width:100%; bottom:0}
.boxSpotPercorsi li a{display:block; padding:6px; text-align:center; text-decoration:none; width:80px; border:solid 1px #333; color:#333; text-transform:uppercase; font-size:16px; margin:10px 0 0 auto; font-weight:bold;}
.boxSpotPercorsi li h2{margin:0; padding-bottom:5px; font-size:22px;}
.boxSpotPercorsi li span{display:block; font-size:16px; padding:2px 0;}

.boxSpotPercorsi li span.prezzo i{font-style:normal;}
.boxSpotPercorsi li span.prezzo .pieno{text-decoration:line-through}
.boxSpotPercorsi li span.prezzo .offerta{font-weight:bold; font-size:1.1em;}
.boxSpotPercorsi ul li.giallo a:hover{background:#333; color:#fcd915}
.boxSpotPercorsi ul li.blu a{border-color:#FFF; color:#fcd915}
.boxSpotPercorsi ul li.blu a:hover{background:#fcd915; color:#2c5aa2}
.boxSpotPercorsi ul li.rosso a{border-color:#FFF; color:#FFF}
.boxSpotPercorsi ul li.rosso a:hover{background:#fff; color:#333}

.boxSpotPercorsi li.giallo span.date{background:url(/immagini/calendario-nero.png) 0 4px no-repeat; padding-left:28px;}
.boxSpotPercorsi li.giallo span.orario{background:url(/immagini/orologio-nero.png) 0 4px no-repeat; padding-left:28px;}
.boxSpotPercorsi li.blu span.date{background:url(/immagini/calendario-giallo.png) 0 4px no-repeat; padding-left:28px;}
.boxSpotPercorsi li.blu span.orario{background:url(/immagini/orologio-giallo.png) 0 4px no-repeat; padding-left:28px;}
.boxSpotPercorsi li.rosso span.date{background:url(/immagini/calendario-bianco.png) 0 4px no-repeat; padding-left:28px;}
.boxSpotPercorsi li.rosso span.orario{background:url(/immagini/orologio-bianco.png) 0 4px no-repeat; padding-left:28px;}

.boxSpotPercorsi li span.streaming{background:url(/immagini/live-streaming.png) 0 center no-repeat; padding-left:28px; color:#f8d515; font-weight:bold; line-height:28px;}
.boxSpotPercorsi li span.hashtag{display:block; text-align:right; font-size:.9em;}

.boxSpotPercorsi.uno{width:850px;}
.boxSpotPercorsi.uno li{float:none; overflow:auto;}
.boxSpotPercorsi.uno li img{float:left; width:40%; position:static} 
.boxSpotPercorsi.uno section{float:left;width:60%; box-sizing:border-box; position:static; padding: 24px 30px;}
.boxSpotPercorsi.uno ul li a{display:block; margin:30px auto; width:140px; text-align:center;}


#moduloPrenotazioni
{
    padding:0px 10px 80px;
    background:#FAFAFA;
}

#moduloPrenotazioni ul{
    box-sizing:border-box;
    padding:25px;
    border:solid 3px #CCC;
    margin:0 auto;
    max-width:600px;
    list-style:none;
    background:#FFF;
}

#moduloPrenotazioni ul li{
    padding:5px 0 20px;
}

#moduloPrenotazioni ul li *
{
    font-size:1.1em;}


#moduloPrenotazioni ul li label{
    font-weight:bold;
    display:block;
    padding-bottom:1px;
}

#moduloPrenotazioni input,#moduloPrenotazioni select,#moduloPrenotazioni textarea
{
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:5px;
    font-size:1.2em;
    border:solid 1px #ccc;
    font-family:'Poppins',sans-serif;
 }
 
 #moduloPrenotazioni textarea
{
    height:100px;
 }
 
 
 
#moduloPrenotazioni ul li.privacy input
{
display:inline-block;
width:auto;
} 


#moduloPrenotazioni ul li.privacy a
{
    color: #f33796;
    font-size:1em;
} 

#moduloPrenotazioni ul li.privacy span
{
    display:block;
    background:#C00;
    font-size:.9em;
    font-weight:bold;
    padding:4px 10px 3px;
    text-align:center;
    color:#FFF; margin-top:5px;}


#moduloPrenotazioni ul li:last-child
{
     padding: 25px 0 15px;
     text-align:center;
 }

#moduloPrenotazioni input[type="submit"]
{
    background:#ffcc00;
    padding:10px;
    display:inline-block; 
    border:solid 1px #222;
    max-width:280px;
    cursor:pointer;
}

#moduloPrenotazioni input[type="submit"]:hover
{
     background:#222;
      border:solid 1px #ffcc00;
      color:#ffcc00
}


#moduloPrenotazioni .errore
{
    border-color:#C00;
    background-color:#ffeeee
}



@media all and (max-width: 1230px) 
{
.boxSpotPercorsi{width:820px;}
}

@media all and (max-width: 820px) 
{
.boxSpotPercorsi{width:380px !important; margin:15px auto;}
.boxSpotPercorsi li{float:none !important;}
.boxSpotPercorsi li h2{font-size:18px;}
.boxSpotPercorsi li a{padding:4px; width:70px; font-size:15px; margin:6px 0 0 auto;}
.boxSpotPercorsi li span{font-size:15px;}


.boxSpotPercorsi.uno li img{float:none; width:100%;} 
.boxSpotPercorsi.uno section{float:none;width:100%; padding:20px;}
.boxSpotPercorsi.uno ul li a{margin:20px auto;}
.boxSpotPercorsi li span.hashtag{text-align:center;}


}







#moduliSingoli{ padding-bottom:70px;} 

.chiudiBlocco{display:none !important}

.corsi ul.boxGrandi{max-width:1340px; margin:20px auto;}

.corsi ul.boxDue{max-width:1000px;}

.corsi ul.boxGrandi li{ width:31%;/*23%*/ box-sizing:border-box;  float:left; border:solid 2px #e9e9e9; background:#FFF; padding:0; margin:15px 1%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition:box-shadow 0.2s; position:relative}
.corsi ul.boxTre li{ width:31%; box-sizing:border-box;  float:left; border:solid 2px #e9e9e9; background:#FFF; padding:0; margin:15px 1%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition:box-shadow 0.2s; position:relative}
.corsi ul.boxQuattro li{ width:23%;}
.corsi ul.boxDue li{ width:48%;}

.corsi ul.boxGrandi li img{height:auto; width:100%;border-radius:0px;}
.corsi ul.boxGrandi li .contenutoBoxGrandi{padding: 6px 15px 15px;}
.corsi ul.boxGrandi li h2{margin:5px 0 0; font-size:1.5em; padding:0; line-height:1.2em; height:105px;  text-align:center;}
.corsi ul.boxGrandi li p{font-size:.85em; padding:0 5px 0 30px; color:#666;line-height:2.3em; background-repeat:no-repeat; background-position:0 3px}
.corsi ul.boxGrandi li p.durata{background-image:url(/immagini/calendar-page.png);}
.corsi ul.boxGrandi li p.start{background-image:url(/immagini/gun.png);}
.corsi ul.boxGrandi li p.orario{background-image:url(/immagini/clock.png);}
.corsi ul.boxGrandi li p.costoPromo{padding:10px 5px 0; text-align:center; font-size:1.1em; line-height:1.6em;}
.corsi ul.boxGrandi li p.costoPromo .deleteCosto{display:block; font-size:.85em;}
.corsi ul.boxGrandi li a{position:absolute;top:0;left:0;width:100%;height:100%; z-index:15;}
.corsi ul.boxGrandi li h2 span{margin:10px 0 0; font-weight:normal; display:block; background:#F5F5F5; font-size:.7em;color:#5bc4f1;}
.corsi h1.titolo{font-weight:bold; text-align:center;}
.corsi h2.sottotitolo{font-size:1.4em; margin-top:0; text-align:center;}
.corsi ul.boxGrandi li:hover{border:solid 2px #ffcc00;}


/*.corsi ul li:hover{box-shadow: 0 0 10px 5px rgba(100, 100, 100, 0.2); border:solid 1px #FFF;}
.corsi ul li img{ height:150px; margin-left:0px; text-align:center; background:#EEE; border-radius:5px; padding:0; border:none;transition:background-color 0.6s;}*/

.corsi{ margin:0 auto; padding:40px 0 0; overflow:auto; background:#e9e9e9;}
.corsi .content{padding-bottom:40px;}
.corsi h1,.corsi h2{ font-size:190%; padding:0; margin:0 10px 0; color:#444; font-weight:normal;}
.corsi h4.sottoTitolo{font-size:110%; padding:0; margin:0; font-weight:normal; float:left; margin:0 0 10px 12px;}
.corsi ul{ padding:0; margin:20px 0 0; list-style:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; overflow:auto; clear:left;}
.corsi ul li{ width:150px; min-height:323px;  float:left; border:solid 1px #e9e9e9; background:#FFF; padding:15px 12px; margin:15px 6px 15px 5px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);transition:box-shadow 0.2s; position:relative}
.corsi ul li:hover{box-shadow: 0 0 10px 5px rgba(100, 100, 100, 0.2); border:solid 1px #FFF;}
.corsi ul li img{ height:150px; margin-left:0px; text-align:center; background:#EEE; border-radius:5px; padding:0; border:none;transition:background-color 0.6s;}
.corsi ul li a.img150{ height:150px; width:150px; margin-left:0px; text-align:center; background:#EEE; border-radius:5px; padding:0; border:none;transition:background-color 0.6s; display:block; background-size:cover;}



.corsi ul li a.html5adv{background:url(/corsi_f/icone/150/corso-html5-avanzato.png) 0 0 no-repeat #EEE;}
.corsi ul li a.sicurezza{background:url(/corsi_f/icone/150/corso-la-sicurezza-in-php.png) 0 0 no-repeat #EEE;}
.corsi ul li a.illustrator{background:url(/corsi_f/icone/150/corso-adobe-illustrator-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.photoshop{background:url(/corsi_f/icone/150/corso-adobe-photoshop-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ajax{background:url(/corsi_f/icone/150/corso-ajax-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.html5{background:url(/corsi_f/icone/150/corso-html5-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.infografica{background:url(/corsi_f/icone/150/corso-infografica-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.data{background:url(/corsi_f/icone/150/corso-infografica-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.jquery{background:url(/corsi_f/icone/150/corso-javascript-jquery.png) 0 0 no-repeat #EEE;}
.corsi ul li a.php-avanzato{background:url(/corsi_f/icone/150/corso-php-avanzato-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.php{background:url(/corsi_f/icone/150/corso-php-mysql-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.responsive{background:url(/corsi_f/icone/150/corso-responsive-web-design-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.sass{background:url(/corsi_f/icone/150/corso-sass-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.copywriting{background:url(/corsi_f/icone/150/corso-scrivere-per-il-web-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.seo{background:url(/corsi_f/icone/150/corso-seo-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.smm{background:url(/corsi_f/icone/150/corso-social-media-marketing-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.swift{background:url(/corsi_f/icone/150/corso-swift.png) 0 0 no-repeat #EEE;}
.corsi ul li a.copy-that-rocks{background:url(/corsi_f/icone/150/corso-web-content-management-serale.png) 0 0 no-repeat #EEE;}
.corsi ul li a.web-design{background:url(/corsi_f/icone/150/corso-web-design-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.web-development{background:url(/corsi_f/icone/150/corso-web-development-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ui-design{background:url(/corsi_f/icone/150/corso-web-interface-design-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ui-ux-design{background:url(/corsi_f/icone/150/corso-ui-ux-design-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.wordpress{background:url(/corsi_f/icone/150/corso-wordpress-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.css3-animati{background:url(/corsi_f/icone/150/css3-animati.png) 0 0 no-repeat #EEE;}
.corsi ul li a.grafica{background:url(/corsi_f/icone/150/grafica-base.png) 0 0 no-repeat #EEE;}
.corsi ul li a.angular{background:url(/corsi_f/icone/150/icona-corso-angular-js.png) 0 0 no-repeat #EEE;}
.corsi ul li a.angular2{background:url(/corsi_f/icone/150/corso-angular-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.angularAvanzato{background:url(/corsi_f/icone/150/corso-angular-avanzato.png) 0 0 no-repeat #EEE;}
.corsi ul li a.bootstrap{background:url(/corsi_f/icone/150/icona-corso-bootstrap.png) 0 0 no-repeat #EEE;}
.corsi ul li a.html-email{background:url(/corsi_f/icone/150/icona-corso-html-email.png) 0 0 no-repeat #EEE;}
.corsi ul li a.guerrilla{background:url(/corsi_f/icone/150/icona-corso-web-guerrilla-marketing.png) 0 0 no-repeat #EEE;}
.corsi ul li a.illustrator-in-a-day{background:url(/corsi_f/icone/150/illustrator-in-a-day.png) 0 0 no-repeat #EEE;}
.corsi ul li a.photoshop-in-a-day{background:url(/corsi_f/icone/150/photoshop-in-a-day.png) 0 0 no-repeat #EEE;}
.corsi ul li a.lamp{background:url(/corsi_f/icone/150/icona-corso-lamp.png) 0 0 no-repeat #EEE;}
.corsi ul li a.yii{background:url(/corsi_f/icone/150/icona-corso-yii2.png) 0 0 no-repeat #EEE;}
.corsi ul li a.mean{background:url(/corsi_f/icone/150/icona-corso-mean.png) 0 0 no-repeat #EEE;}
.corsi ul li a.fullstack{background:url(/corsi_f/icone/150/corso-full-stack.png) 0 0 no-repeat #EEE;}
.corsi ul li a.html{background:url(/corsi_f/icone/150/corso-html5-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.linux{background:url(/corsi_f/icone/150/corso-sistemista-linux-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ionic{background:url(/corsi_f/icone/150/icona-corso-ionic.png) 0 0 no-repeat #EEE;}
.corsi ul li a.wpadv{background:url(/corsi_f/icone/150/corso-wordpress-avanzato-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.front-end{background:url(/corsi_f/icone/150/corso-front-end-development.png) 0 0 no-repeat #EEE;}
.corsi ul li a.python{background:url(/corsi_f/icone/150/corso-python-machine-learning.png) 0 0 no-repeat #EEE;}
.corsi ul li a.jsavanzato{background:url(/corsi_f/icone/150/JS-avanzato.png) 0 0 no-repeat #EEE;}
.corsi ul li a.react{background:url(/corsi_f/icone/150/Corso-React-Roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.laravel{background:url(/corsi_f/icone/150/corso-laravel-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.greensock{background:url(/corsi_f/icone/150/corso-greensock-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.grid{background:url(/corsi_f/icone/150/workshop-grid-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.jsdev{background:url(/corsi_f/icone/150/corso-javascript-developer-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.android{background:url(/corsi_f/icone/150/corso-app-developer-android-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.vue{background:url(/corsi_f/icone/150/corso-vue-js.png) 0 0 no-repeat #EEE;}
.corsi ul li a.java-developer{background:url(/corsi_f/icone/150/corso-java-developer.png) 0 0 no-repeat #EEE;}
.corsi ul li a.java{background:url(/corsi_f/icone/150/corso-java-ee.png) 0 0 no-repeat #EEE;}
.corsi ul li a.node{background:url(/corsi_f/icone/150/corso-node.png) 0 0 no-repeat #EEE;}
.corsi ul li a.database{background:url(/corsi_f/icone/150/corso-mysql.png) 0 0 no-repeat #EEE;}
.corsi ul li a.docker{background:url(/corsi_f/icone/150/corso-docker.png) 0 0 no-repeat #EEE;}
.corsi ul li a.java-base{background:url(/corsi_f/icone/150/corso-java-ee.png) 0 0 no-repeat #EEE;}
.corsi ul li a.java-backend{background:url(/corsi_f/icone/150/corso-java-developer.png) 0 0 no-repeat #EEE;}
.corsi ul li a.spring{background:url(/corsi_f/icone/150/corso-spring.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ai{background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/worshop-ai-150.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ai2{background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/worshop-ai-2-150.png) 0 0 no-repeat #EEE;}
.corsi ul li a.video{background:url(/corsi_f/icone/150/video.png) 0 0 no-repeat #EEE;}
.corsi ul li a.csharp{background:url(/corsi_f/icone/150/corso-c-sharp.png) 0 0 no-repeat #EEE;}
.corsi ul li a.corso-python{background:url(/corsi_f/icone/150/corso-python.png) 0 0 no-repeat #EEE;}
.corsi ul li a.accesibilita{background:url(/corsi_f/icone/150/corso-accesibilita.png) 0 0 no-repeat #EEE;}


.corsi ul li a.title{ text-decoration:none; color:#5bc4f1; font-size:15px; font-weight:normal; display:block; margin:12px 0 0px; min-height:44px; line-height:1.2;}
.corsi ul li a.title:hover{ text-decoration:underline;}
.corsi ul li h4.title{ padding:0; color:#5bc4f1; font-size:15px; font-weight:normal; margin:12px 0 0px; min-height:44px; line-height:1.2;}

.corsi ul li a.button{ background:#5bc4f1; padding:4px 0 5px; display:block; max-width:110px; color:#FFF; margin:0 auto; text-decoration:none; font-size:95%; text-align:center;}
.corsi ul li a.button:hover{ background:#f33796;}
.corsi ul li p{ color:#888; font-size:12px; margin:0; padding:0;}
.corsi ul li.inevidenza{ border:none;box-shadow: none; margin:10px 0 10px 12px;width:185px; min-height:280px; transition:box-shadow 0.3s;}
.corsi ul li.inevidenzaBanner{ border:none;box-shadow: none; margin:10px 0 10px 12px;width:325px; min-height:280px; transition:box-shadow 0.3s;}
.corsi ul li.inevidenza:hover{ border:none;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); background:#F5F5F5;}
.corsi ul li.inevidenzaBanner:hover{ border:none;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); background:#F5F5F5;}
.corsi ul li.inevidenza .title{ font-size:16px; margin-bottom:5px}
.corsi ul li.inevidenza img{ margin-left:0px; padding:0; border-radius:10px; background:none;}
.corsi ul li.inevidenzaBanner img{ margin-left:0px; padding:0; border-radius:0; background:none; height:120px;}
.corsi ul li.inevidenza p{ font-size:13px;}
.corsi ul li.inevidenza p.promo{color:#000;}
.corsi ul li.inevidenza p.promo span{ font-weight:bold;}


.corsi p.costoPromo,.corsi p.costo{ padding:3px 0 0;}
.corsi p.costo span{background:url(/immagini/euro24.png) 0 center no-repeat; background-size:contain; display:inline-block; height:20px; line-height:22px; font-size:1em; padding-left:25px; box-sizing:border-box}
.corsi p.costoPromo span{background:url(/immagini/sconto24.png) 0 center no-repeat; background-size:contain; display:inline-block; height:20px; line-height:22px; font-size:1.05em; padding-left:24px; box-sizing:border-box; color:#85b300;font-weight:bold; }
.corsi p.costoPromo span.deleteCosto{text-decoration:line-through; padding:0; background:none; color:#888;font-weight:normal;  font-size:.98em;}
.corsi p.costoPromo span.iva{ padding:0; background:none; color:#888;font-weight:normal;  font-size:1em;}
.corsi i.corsoInSaldo{ width:62px; height:63px; background:url(../images/saldi.png) 0 0 no-repeat; position:absolute;top:-12px; right:-15px; z-index:5; }
.corsi i.corsoGratuito{ width:62px; height:63px; background:url(../images/free.png) 0 0 no-repeat; position:absolute;top:-12px; right:-15px; z-index:5; }
/*.corsi i.corsoInSaldo{ width:62px; height:63px; background:url(../images/bf.png) 0 0 no-repeat; position:absolute;top:-12px; right:-15px; z-index:5; }*/
.corsi i.blackfriday{ width:62px; height:63px; background:url(../images/bf.png) 0 0 no-repeat; position:absolute;top:-12px; right:-15px; z-index:5; }
.corsi i.corsoNuovo{ width:62px; height:63px; background:url(../images/new.png) 0 0 no-repeat; position:absolute;top:-12px; right:-15px; z-index:5; }
.corsi i.corsoSoldOut{ width:62px; height:63px; background:url(../images/sold-out.png) 0 0 no-repeat; position:absolute;top:-12px; right:-15px; z-index:5; }

.spazioArea{width:25%; margin-right:5%; padding-top:50px;float:left;}
.spazioArea h3{ margin-left:0; color:#444;}
.corsi ul.tuttiCorsiWDES{float:left; display:inline; width:70%; clear:none;}
.corsi ul.tuttiCorsiWDEV{float:left; display:inline; width:70%; clear:none;}
.corsi ul.tuttiCorsiWCON{float:left; display:inline; width:70%; clear:none;}
.corsi ul.tuttiCorsiWGRA{float:left; display:inline; width:70%; clear:none;}
.corsi ul.tuttiCorsiWONLINE{float:left; display:inline; width:70%; clear:none;}
.corsi ul.tuttiCorsiWDES li:hover img{background:#9dd301;}
.corsi ul.tuttiCorsiWDEV li:hover img{background:#ffcc00;}
.corsi ul.tuttiCorsiWCON li:hover img{background:#e20079;}
.corsi ul.tuttiCorsiWGRA li:hover img{background:#ff6600;}
.corsi ul.tuttiCorsiWONLINE li:hover img{background:#5bc4f1;}

.corsi ul.tuttiCorsiWDES li:hover a.img150{background-color:#9dd301;}
.corsi ul.tuttiCorsiWDEV li:hover a.img150{background-color:#ffcc00;}
.corsi ul.tuttiCorsiWCON li:hover a.img150{background-color:#e20079;}
.corsi ul.tuttiCorsiWGRA li:hover a.img150{background-color:#ff6600;}
.corsi ul.tuttiCorsiWONLINE li:hover a.img150{background-color:#5bc4f1;}


.nopaddingbottom{ padding-bottom:0;}

.masterBox{padding:0; width:100%; max-width:1200px;box-shadow: 0 0 6px 3px rgba(100, 100, 100, 0.1); margin:15px auto; border-radius:2px; background:#FFF;overflow:auto;}
.masterBox .spazioSpotMaster{float:right; width:52%; padding:30px 50px; box-sizing:border-box;}
.masterBox .spazioSpotMaster .linkToForm{ text-decoration:none; padding:8px 25px 9px; text-transform:uppercase; margin-top:25px; float:left; background:#5bc4f1; color:#FFF; font-size:110%; border-radius:2px;}
.masterBox .spazioSpotMaster .linkToForm:hover{background:#555;}
.masterBox ul{ padding:0; margin:0 auto;}
.masterBox .spazioSpotMaster .spot1{font-size:1.9em; padding:0; margin:0; font-weight:normal;}
.masterBox .spazioSpotMaster .spot2{font-size:1.3em; padding:0; margin:0; font-weight:normal;}
.masterBox .spazioSpotMaster .spot3{font-size:1em; padding:5px 0 0; margin:0; font-weight:normal; clear:left;}
.masterBox .spazioSpotMaster .spot3 span{font-size:80%}
.masterBox .spazioSpotMaster .spot4{font-size:1.1em; padding:10px 0 0; margin:0; font-weight:normal; clear:left; color:#C00;}
.masterBox .spazioSpotMaster .spot5{font-size:.95em; padding:15px 0 0; margin:0; font-weight:normal; clear:left; color:#C00;}
.masterBox .spazioSpotMaster .alternativaBox{float:right; height:20px; width:390px; clear:left; text-align:right; margin-top:55px; color:#999; font-size:90%; padding-top:5px;}
.masterBox .spazioSpotMaster .alternativaBox a{height:34px; display:block; background:url(../immagini/scroll-down.png) right 0 no-repeat; float:right; margin-left:8px; padding-right:35px; text-decoration:none; color:#AAA; line-height:1.2; font-size:90%; line-height:16px;}
.masterBox .spazioSpotMaster .alternativaBox a:hover{ color:#888;background:url(/immagini/scroll-down.gif) right 0 no-repeat;}

.masterBox img { float:left; width:48%;}

.masterBoxBanner{padding:0; width:100%;max-width:1055px; max-height:304px; box-shadow: 0 0 6px 3px rgba(100, 100, 100, 0.1); 
                 margin:15px 0; 
                 background:#FFF; background-size:cover;
                 }


.masterBoxBanner img{ float:left; max-width:55%; border:none;}

.masterBoxBanner .testoSpot{float:left; max-width:45%; padding:35px 40px; box-sizing:border-box;}
.masterBoxBanner h4{padding:0;margin:0; font-weight:normal;}
.masterBoxBanner .spot1{font-size:220%;}
.masterBoxBanner .spot2{font-size:110%; margin-top:10px;}
.masterBoxBanner .spot3{font-size:105%; color:#C00; margin-top:25px;}
.masterBoxBanner .spot3 a{ text-decoration:none; color:#C00;}
.masterBoxBanner .spot3 a:hover{ text-decoration:underline;}
.masterBoxBanner .spot4{font-size:100%; margin-top:5px;}

.masterBoxBanner .linkToForm{text-decoration:none; padding:8px 25px 9px; 
                             text-transform:uppercase; 
                              background:#5bc4f1; color:#FFF; font-size:120%; 
                              border-radius:2px; margin-top:25px; width:150px; text-align:center; display:block}
.masterBoxBanner  .linkToForm:hover{background:#555;}


.avvisoinScheda{padding:15px 0; box-sizing:border-box; color:#f8d515; background:#222; font-size:1.2em; text-align:center;}
.avvisoinScheda a{display:block; margin:12px auto 0; width:220px; text-decoration:none; font-weight:bold; font-size:.9em; text-transform:uppercase; padding:6px 15px 5px; text-align:center; color:#222; background:#f8d515; border:solid 2px #f8d515}
.avvisoinScheda a:hover{color:#f8d515; background:#222;}
.avvisoinScheda .content{opacity:0;}

.avvisoinScheda.fissaInAlto{position:fixed; top:0; left:0; width:100%; z-index:5;}

.corsi ul li.sole{ background:url(../immagini/sole.png) top right no-repeat #FFF;}
.corsi ul li.luna{ background:url(../immagini/luna.png) top right no-repeat #FFF;}

.bianco{background:#FFF;}
.grigetto{background:#F5F5F5;}
.chiaro{background:#FCFCFC;}
.viola{background:url(../immagini/pattern.png) 0 0 repeat-x #ce91bb;}

.docenti{ text-align:left; background:#f9f9f9; color:#666; padding:50px 0;}
.docenti .content{ width:100%;}
.spazioNomeDocente{width:35%;margin:0; float:left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding-right:50px; padding-left:40px;}
.curriculum{ width:65%; margin:0; float:left; border-left:solid 1px #DDD;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding-left:50px; padding-right:40px;}
.docenti h2,.docenti h3{ color:#666; margin:0; padding:0; font-size:190%;}
.docenti h2{ font-size:250%; margin-bottom:15px;}
.docenti p{padding:10px 0; margin:0;}

.piuDocenti{text-align:center;}
.piuDocenti h2{ margin-bottom:30px;}
.piuDocenti ul{ list-style:none; padding:0; margin:0 auto; font-size:95%; overflow:auto;display:table;}
.piuDocenti ul li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:0 50px; margin:30px 0;display:table-cell; background:#FFF;}
.piuDocenti ul.doc2 li{width:50%;}
.piuDocenti ul.doc3 li{width:33.3%;}
.piuDocenti ul.doc4 li{width:25%;}

.piuDocenti ul.doc2 li{border:solid 20px #f9f9f9; box-sizing:border-box; text-align:left; padding:35px;}
.piuDocenti ul.doc3 li{border:solid 20px #f9f9f9; box-sizing:border-box; text-align:left; padding:35px;}
.piuDocenti ul.doc4 li{border:solid 20px #f9f9f9; box-sizing:border-box; text-align:left; padding:35px;}

.piuDocenti h3{ font-size:150%;}
.piuDocenti span{ font-size:150%; font-weight:bold;}



#spazioAcquisto{background:url(/immagini/bannerAcquista2.jpg) center bottom no-repeat #eaf6ff; background-size:cover; padding:60px 0 80px; }
#spazioAcquisto h2{ font-size:2.3em; margin:0 0 40px; color:#FFF; border-bottom:solid 4px #FFF; padding-bottom:5px;}
#boxAcquisto{ text-align:center; color:#666; padding:0; max-width:900px; margin:0 auto; overflow:auto;}

#boxAcquisto .spazioAcquisto{ text-align:center;  color:#666; padding:20px 0; width:100%; margin:0 auto; overflow:auto; display:table;}


#boxAcquisto .add-cart-sx{box-sizing:border-box; width:45%;padding:35px 25px 110px;background:#FFF; border:solid 5px #ff6600; display:table-cell; position:relative;}
#boxAcquisto .add-cart-dx{box-sizing:border-box; width:45%;padding:35px 25px 110px;background:#FFF; border:solid 5px #9dd301; display:table-cell; position:relative;}
#boxAcquisto .spaziotraIBox{width:10%; display:table-cell}
#boxAcquisto h3{padding:0; margin:0; font-size:1.6em;}
#boxAcquisto .costoBase{font-size:1.9em; display:block; padding: 10px 0 0; line-height:1em;}
#boxAcquisto .costoScontato{font-size:3.5em; font-weight:bold; display:block; padding:15px 10px 0; color:#ff6600;  line-height:1em;}


#boxAcquisto .add-cart{box-sizing:border-box; max-width:420px; margin:0 auto; padding:35px 25px 110px;background:#FFF; border:solid 5px #ff6600; position:relative;}

#boxAcquisto .iva{font-size:.9em;  display:block; padding:0 10px 15px 10px; line-height:1.4em;color:#ff6600;}
#boxAcquisto p{ line-height:1.6em;}
#boxAcquisto p.note{font-size:.9em;line-height:1.4em; margin:0 0 20px;}

#boxAcquisto .cta{display:inline-block; padding:12px 8px; border-radius:0; color:#FFF; text-decoration:none; margin-top:15px; font-size:1.15em;  font-weight:bold;
                  text-transform:uppercase; position:absolute; bottom:40px; width:70%; text-align:center; box-sizing:border-box; left:15%;  }

#boxAcquisto .cta:hover{ background:#ffcc00 !important; color:#444; border-color:#444 !important}
#boxAcquisto .add-cart-sx .cta{ background:#ff6600;border:solid 1px #ff6600;}
#boxAcquisto .add-cart-dx .cta{ background:#9dd301;border:solid 1px #9dd301;}

#boxAcquisto .add-cart .cta{ background:#ff6600;border:solid 1px #ff6600;}

#boxAcquisto .add-cart .prezzoBase{border-bottom:solid 2px #DDD;padding:12px 0; margin-top:5px; opacity:.7;}
#boxAcquisto .add-cart .prezzoEarlyBird{padding:15px 0 0;margin:0;}
#boxAcquisto .add-cart h4{margin:0; font-size:1.3em;}
#boxAcquisto .add-cart p{margin:0; font-size:.9em;}
#boxAcquisto .timer{ background:url(/immagini/wall-clock.png) no-repeat 10px center #EEE; padding:5px 0;max-width:286px; margin:5px auto 0; font-size:.9em; line-height:1.4em;}
#boxAcquisto #clock{/*font-family: 'PT Mono', monospace;*/ display:block; text-align:center;}


.serali{ background:url(../immagini/stelle.jpg) 0 0 repeat;}
.serali h1{ color:#FAFAFA;}
.serali h4{ color:#FAFAFA;}

.pulsanteBianco{padding:10px 25px; border:solid 1px #FFF; color:#FFF; text-decoration:none; text-align:center; margin-top:15px; display:inline-block; text-transform:uppercase;}
.pulsanteBianco:hover{border:solid 1px #555; color:#444; background:rgba(255,255,255,0.9);}
.pulsanteNero{padding:10px 25px; border:solid 1px #555; color:#444; text-decoration:none; text-align:center; margin-top:15px; display:inline-block; text-transform:uppercase;}
.pulsanteNero:hover{border:solid 1px #FFF; color:#FFF; background:rgba(0,0,0,0.6);}

.numeriScuola{ list-style:none; margin:0; padding:20px 0; overflow:auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.numeriScuola li{width:22%; margin-right:4%; float:left; line-height:2em; font-size:130%; text-align:center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.numeriScuola li img{ display:block; margin:0 auto; padding:15px;}
.numeriScuola li span{ display:block; font-size:220%;}
.numeriScuola li:last-child{ margin:0;}


.bianco blockquote{ width:50%; color:#999999; text-align:center; margin:0 auto; margin-bottom:40px; line-height:1.5;}
.bianco blockquote span{ display:block; color:#CCC; line-height:2em;}


.breadcrumb{background:#43a047; clear:both;}
.antracite{background:#555;}
.webdes{background:#9dd301;}
.grigioCCC{background:#CCC;}
.breadcrumb ul{ overflow:auto; padding:10px 0; margin:0; list-style:none;}
.breadcrumb ul li{margin:0 20px 0 0; background:url(../immagini/curved_arrow.png) right 2px no-repeat; padding:0 35px 0 0; float:left;}
.breadcrumb ul li:last-child{ background:none;}
.breadcrumb a{text-decoration:none; color:#FFF; font-size:95%; font-weight:normal;}
.breadcrumb a:hover{text-decoration:underline;}

#schedaCorso{/*background:#5bc4f1;*/background:#E5E5E5; color:#555; font-size:1.1em; line-height:1.5; width:100%;display:table; padding:0; margin:0;}
#schedaCorso .sx{width:35%; padding:20px 40px 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; text-align:center;display: table-cell; background:rgba(255,255,255,0.1);}

#schedaCorso .sx .infoCorso{padding:0; margin:15px 0; list-style:none}
#schedaCorso .sx .infoCorso li{font-weight:bold;}
#schedaCorso .sx h3.sotTit{margin:5px 0;}

#schedaCorso .sx img{  border-radius:5px; border:solid 2px #F5F5F5; max-width:100%; margin-top:20px;}
#schedaCorso .sx img.Banner{ width:100%; border-radius:0; border:solid 2px #F5F5F5;}
#schedaCorso .sx h1{ margin:5px 0 0; line-height:1.35em;}
#schedaCorso .sx h1 span{ display:block; font-weight:normal; font-size:80%;}
#schedaCorso .sx h2{font-weight:normal; font-size:1.2em;margin:5px 0 0; color:#777;}
#schedaCorso .sx h4{font-weight:normal; font-size:1.5em; margin:0; font-weight:normal;margin:0;}
#schedaCorso .sx p{ line-height:1.5em; font-weight:bold; font-size:110%; padding:10px 0 15px;}
#schedaCorso .sx p.descr{ font-size:95%; font-weight:normal;}


#schedaCorso .sx a{text-decoration: none;
    color: #e20079;}

#schedaCorso .sx .listaCta{padding:0; margin:0; list-style:none;}
#schedaCorso .sx .listaCta li{ height:auto; min-height:50px; float:none; padding:13px 0;}
#schedaCorso .sx .listaCta li .iscrizione{min-width:200px; display:inline-block}



#schedaCorso .sx .listaCose{padding:0; margin:50px 0 0; text-align:left;}
#schedaCorso .sx .listaCose ul{ list-style-image:url(../immagini/Check.png); font-size:90%}
#schedaCorso .sx .listaCose ul li{ padding:8px 0;}
#schedaCorso .sx .promo{ display:block; margin:40px auto 0; width:95%; padding:15px 25px;
                         -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; background:#FAFAFA; color:#555; 
                         box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3);
                         font-size:120%; font-weight:bold; 
                         text-align:center; 
                         max-width:450px;}
#schedaCorso .sx span.promo a{text-decoration:underline;}
#schedaCorso .sx ul.offerte{list-style:none; padding:0; margin:-25px 0 10px}
#schedaCorso .sx ul.offerte li{padding:2px 0}
#schedaCorso .sx ul.offerte span{font-size:.9em;}
#schedaCorso .sx ul.offerte .prezzo-sconto{font-size:1.1em;}
#schedaCorso .center .promo{ display:block; margin:20px 0 50px; padding:15px 20px;
                             -moz-box-sizing: border-box;-webkit-box-sizing: border-box;
                             box-sizing: border-box; background:#FFF; border:solid 3px #e20079; 
                             font-size:110%; max-width:100%; }

.dx .promo{ display:block; margin:60px auto 30px; width:100%; padding:20px 25px; border:solid 5px #9dd301; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; background:#FFF; color:#000; box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3); font-size:110%; text-align:center;}
#schedaCorso .sx .promo a,.dx .promo a{color:#444; text-decoration:none;}
#schedaCorso .sx .promo a:hover{ text-decoration:underline;}
#schedaCorso .sx a.prerequisiti{text-decoration:none; color:#e20079;}
#schedaCorso .sx a.prerequisiti:hover{ text-decoration:underline;}

#schedaCorso .sx .multi-orario{ font-weight:normal; font-size:90%; display:block; padding-bottom:3px;}
#schedaCorso .sx .barraPrezzo{ text-decoration:line-through;}
#schedaCorso .sx .prezzo-old{display:inline-block; text-decoration:line-through; font-weight:normal}
#schedaCorso .sx .prezzo-sconto{display:inline-block; color:#FF9800; font-weight:bold; font-size:120%; background:url(../immagini/icona-sconto.png) right 2px no-repeat; padding-right:23px; margin-right:5px;}

#schedaCorso .sx .iscrizione{color:#FFF;}
.iscrizione{ text-decoration:none; padding:10px 30px; border:solid 1px #FFF; color:#FFF;}
.iscrizione:hover{background:#5bc4f1;}
.iscrizioneCC{ text-decoration:none; padding:10px 30px; border:solid 1px #666; color:#444;background:#F2F2F2;}
.iscrizioneCC:hover{background:#FFF;}

.bflink{ background:#222 !important; border-color:#FFD700 !important; color:#FFD700 !important}
.bflink:hover{ background:#FFD700 !important; border-color:#222 !important; color:#222 !important}

#schedaCorso .center{width:65%; padding:20px 40px 50px; height:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; text-align:left; line-height:1.7em; display:table-cell; background:rgba(255,255,255,0.85);}
#schedaCorso .center h3{ margin:30px 0 5px; font-size:1.4em; padding:10px 0;}
#schedaCorso .center p{ margin:0; padding:0 0 15px;}
#schedaCorso .center ul{ padding:0 20px 20px; margin-top:5px; list-style:circle;}
#schedaCorso .center ul li{padding:3px 0;}


#schedaCorso .center .opzioni
{
    position:relative;
    padding: 20px 30px;
    box-sizing:border-box;
    background:#FFF;
    margin:10px 0 20px;
    border:solid 3px #5bc4f1;
    }


#schedaCorso .center .opzioni h4
{
    font-size:1.15em;margin:10px 0 20px;}

#schedaCorso .center .opzioni ol
{
    margin:0;
    padding:0;
    list-style:none;
}

#schedaCorso .center .opzioni li
{
    padding:15px 0 15px 65px;
    background-repeat:no-repeat;
    background-position:0 center;
    line-height:40px;
    line-height:1.3em;
}


#schedaCorso .center .opzioni li.aula
{
    background-image:url(/immagini/browsing.png)
}

#schedaCorso .center .opzioni li.streaming
{
    background-image:url(/immagini/videoconference.png)
}

#schedaCorso .center .opzioni li.ondemand
{
    background-image:url(/immagini/on-demand.png)
}



#schedaCorso .center #boxPercorso{
    position:relative;
    padding:30px 30px 10px;
    box-sizing:border-box;
    background:#FFF;
    margin:15px 0;
}


#schedaCorso .center #boxPercorso h2{margin:0; padding:10px 0 20px;position:relative; z-index:2; font-size:1.4em;}
#schedaCorso .center #boxPercorso h3{margin:0; padding-bottom:20px;position:relative; z-index:2;}


#schedaCorso .center #boxPercorso img{
    position:absolute;
    top:35px;
    right:15px;
    max-width:256px;
}

#schedaCorso .center #boxPercorso ul{
    margin:0;
    padding:0;
    list-style:none;
    max-width:980px;
}

#schedaCorso .center #boxPercorso ul li{
    border-bottom:solid 1px #DDD;
    box-sizing:border-box;
    min-height:85px;
    padding:20px;
}

#schedaCorso .center #boxPercorso ul li:last-child{
    border-bottom:0;
}


#schedaCorso .center #boxPercorso span{
    display:inline-block;
    font-size:2.5em;    
    color:#5bc4f1;
    font-weight:bold;
    width:130px;
    line-height:50px;
    float:left;
}

#schedaCorso .center #boxPercorso p{
    display:inline;
    font-size:1em;
    line-height:1.4em;
    margin:0;
    width:auto;
    float:left;
    max-width:450px;    
}





#schedaCorso .center #jobplacement{
    position:relative;
    padding:30px 30px 10px;
    box-sizing:border-box;
    margin:30px 0 40px;
    border:solid 3px #ffc477;
    background:#fffcf7;
}


#schedaCorso .center #jobplacement h2{margin:0; padding:10px 0 20px;position:relative; z-index:2; font-size:1.4em;}
#schedaCorso .center #jobplacement h3{margin:0; padding-bottom:20px;position:relative; z-index:2;}


#schedaCorso .center #jobplacement img{
    float:right;
    max-width:256px;
    margin-left:20px
}



#schedaCorso .center #jobplacement span{
    display:inline-block;
    font-size:2.5em;    
    color:#5bc4f1;
    font-weight:bold;
    width:130px;
    line-height:50px;
    float:left;
}







#schedaCorso .center #englishBox{
    padding:20px;
    box-sizing:border-box;
    margin:20px 0;
    border:solid 3px #6787f5;
    background:#FFF;
}

#schedaCorso .center #englishBox p
{margin:0; padding:0}


#schedaCorso .center #englishBox img{
    float:left;
    max-width:80px;
    margin-right:30px
}






#schedaCorso .center #boxCosto{
    position:relative;
    padding:30px 30px 10px;
    box-sizing:border-box;
    background:#FFF;
    margin:15px 0;
}

#schedaCorso .center #boxCosto.black-friday
{
    background:url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2024/black-friday.png) no-repeat #fff 99% 15px;
    border:dashed 6px #222;
    background-size:230px;
}

#schedaCorso .center #boxCosto.black-friday .nota
{
    display:inline-block;
    margin:15px 0;
    font-weight:bold;
    font-size:.85em;
    padding:2px 15px;
    background:#222;
    color:#ffd301;
}


#schedaCorso .center #boxCosto h3{margin:0; padding-bottom:20px;position:relative; z-index:2;}


#schedaCorso .center #boxCosto img{
    position:absolute;
    top:25px;
    right:-30px;
    max-width:220px;
}

#schedaCorso .center #boxCosto ul{
    margin:0;
    padding:0 110px 0 0;
    list-style:none;
    max-width:780px;
}

#schedaCorso .center #boxCosto ul li{
    border-bottom:solid 1px #DDD;
    box-sizing:border-box;
    min-height:75px;
    padding:25px 20px 5px;
}

#schedaCorso .center #boxCosto ul li.attiva{
    background:url(/immagini/like.gif) no-repeat 98% center #eef9fe;
}
#schedaCorso .center #boxCosto ul li.prezzo strike{position:relative; text-decoration:none; font-size:1em;}
#schedaCorso .center #boxCosto ul li.prezzo span{font-size:1em;}
#schedaCorso .center #boxCosto ul li.prezzo strike:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 5px;
    bottom: 0;
    border-bottom: 2px solid #666;
    transform: rotate(-10deg) translateY(-40%);
    width:85%;   
}

#schedaCorso .center #boxCosto ul li.attiva strike{position:relative; text-decoration:none; font-size:1em;}
#schedaCorso .center #boxCosto ul li.attiva span{font-size:1em;}
#schedaCorso .center #boxCosto ul li.attiva strike:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 5px;
    bottom: 0;
    border-bottom: 2px solid #666;
    transform: rotate(-10deg) translateY(-40%);
    width:85%;   
}



#schedaCorso .center #boxCosto ul li:last-child{
    border-bottom:0;
}


#schedaCorso .center #boxCosto p{
    font-size:1em;
    line-height:1.6em;
    margin:0;
    width:auto;
    max-width:720px;    
}


#schedaCorso .center #boxCosto li.attiva p .nota{
    font-size:.85em;
    line-height:1.3em;
}



#schedaCorso .center #boxCosto ul li.paypal{display:none;background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/paypal_logo_solo.png) 98% 90% no-repeat #ffc200; border:solid 2px #283593; box-sizing:border-box}
#schedaCorso .center #boxCosto ul li.paypal h3{color:#283593;margin-bottom:0; padding-bottom:0;}

#schedaCorso .center #boxCosto li.paypal p{margin-top:15px; margin-bottom:0;}


#schedaCorso .center .boxPayPal{
    position:relative;
    padding:35px 35px 15px 35px;
    box-sizing:border-box;
    background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/paypal_logo_solo.png) 98% 30px no-repeat #eef9fe;
    margin:15px 0;
    border:solid 3px #3b7bbf
}

#schedaCorso .center .boxPayPal h3
{
 margin:0 0 25px;
 display:inline-block;
 background:#3b7bbf;
 color:#fff;
 padding:8px 25px 6px;
}

#schedaCorso .center .boxPayPal ol
{
    padding:0; list-style:none;margin:15px 0; overflow:auto;}

#schedaCorso .center .boxPayPal ol li
{
    float:left;
    width:44%;
    margin:0 3%;
    background:#fff;
    padding:15px;
    box-sizing:border-box;
    border:solid 1px #3b7bbf
    }



#schedaCorso .center ul.boxSaldi{ background:url(/immagini/sale-tag.png) 98% 15px no-repeat #5bc4f1; list-style:none; padding:35px 120px 38px 30px; color:#FFF; font-size:1.1em;}
#schedaCorso .center ul.boxSaldi li{padding:0 0 0 20px; margin:25px 0 0; border-left:dotted 2px #EEE;}
#schedaCorso .center ul.boxSaldi li:first-child{margin:0;}
#schedaCorso .center ul.boxSaldi li p{padding:5px 0; line-height:1.8em;}

#schedaCorso .center ul.boxSaldi li:first-child strong{color:#5bc4f1; display:inline-block; padding:0px 5px; background:#FFF;}
#schedaCorso .center ul.boxSaldi li:first-child strong:nth-of-type(1){-ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg);}
#schedaCorso .center ul.boxSaldi li:first-child strong:nth-of-type(2){-ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg);}
#schedaCorso .center ul.boxSaldi li:first-child p:nth-of-type(2) strong{-ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg);}


#schedaCorso .center ul.boxSaldiBlackFriday{border:solid 4px #FFD700; background:#222; font-size:1.3em; line-height:2.1em;}
#schedaCorso .center ul.boxSaldiBlackFriday strong{color:#FFD700 !Important; font-size:1.2em;   -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #222;}

#schedaCorso .center ul.no-bullet{padding:0; list-style:none; margin-bottom:40px;}
#schedaCorso .center ul.no-bullet li{padding:0 0 0 15px; border-left:solid 3px #CCC; margin:15px 0 25px;}

#schedaCorso .center ul.cosa-diamo{padding:10px 0;list-style:none; }
#schedaCorso .center ul.cosa-diamo li{padding:10px 0 10px 0; background-repeat:no-repeat; background-position:0 center; min-height:60px;}
#schedaCorso .center ul.cosa-diamo li i{ display:table-cell; width:80px; height:48px; vertical-align:middle;background-repeat:no-repeat; background-position:0 center; opacity:.8;}
#schedaCorso .center ul.cosa-diamo li span{ display:table-cell;vertical-align:middle;}
#schedaCorso .center ul.cosa-diamo li.esperienza i{background-image:url(/immagini/esperienza.png)}
#schedaCorso .center ul.cosa-diamo li.dispense i{background-image:url(/immagini/esercizi.png)}
#schedaCorso .center ul.cosa-diamo li.registrazioni i{background-image:url(/immagini/videolezioni.png)}
#schedaCorso .center ul.cosa-diamo li.wifi i{background-image:url(/immagini/wifi.png)}
#schedaCorso .center ul.cosa-diamo li.inglese i{background-image:url(/immagini/inglese.png)}
#schedaCorso .center ul.cosa-diamo li.biscotti i{background-image:url(/immagini/caffe.png)}
#schedaCorso .center ul.cosa-diamo li.laboratorio i{background-image:url(/immagini/laboratorio.png)}
#schedaCorso .center ul.cosa-diamo li.certificato i{background-image:url(/immagini/certificato.png)}
#schedaCorso .center ul.cosa-diamo li.labforjob i{background-image:url(/immagini/facebook-like.png);}
#schedaCorso .center ul.cosa-diamo li.coupon i{background-image:url(/immagini/coupon.png)}
#schedaCorso .center ul.cosa-diamo li.test i{background-image:url(/immagini/test.png)}

#schedaCorso .center ul.cosa-diamo li.labforjob{display:none;}


#schedaCorso .center a{ text-decoration:none; color:#e20079}
#schedaCorso .center a:hover{ text-decoration:underline}
#schedaCorso .center a.linkModulo{ text-decoration:none;padding:10px 20px; border:solid 1px #AAA; color:#555; margin:40px auto; display:block; max-width:250px; text-align:center; background:#FFF;}
#schedaCorso .center a.linkModulo:hover{background:#5bc4f1; text-decoration:none; color:#FFF;border:solid 1px #444;}
.dx{width:100%; float:none; clear:both; padding:80px 40px 50px; height:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; text-align:left; font-size:100%;display:block; margin:0; background:#FFF;}
.dx .certAdobe{float:right;}
.dx h3{ margin:20px 0 5px; font-size:115%;}
.dx ul{ margin-bottom:35px;}
.dx ul ul{ margin-bottom:15px;}
.dx h2{ margin:5px 0; padding:0; font-size:1.7em; text-align:center;}
.dx .introProgramma{margin:20px 0; background:#FFF; padding:15px 20px; box-sizing:border-box;box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3); line-height:1.6em; font-size:1em;}
.dx .introProgramma a{text-decoration:none; font-weight:bold; color:#e20079}
.dx .introProgramma a:hover{ text-decoration:underline;}

.dx a.pdf{ text-decoration:none;padding:10px 0; border:solid 1px #AAA; color:#555; margin:60px auto 0; display:block; max-width:220px; text-align:center;}
.dx a.pdf:hover{color:#FFF;background:#5bc4f1;border:solid 1px #444;}
#schedaCorso .pulisci{ clear:both;}


.dx .programmaSingolo
{
    max-width:960px;
    border-left:solid 2px #EEE;
    border-right:solid 2px #EEE;
    margin:0 auto;
    padding:0 30px !important;
    font-size:1em !important}

.dx .programmaSingolo h2{ padding-bottom:50px !important;}
.dx .programmaSingolo h3{border:none !important;}


.dx a.linkModulo{ text-decoration:none;padding:10px 20px; font-size:1.1em; border:solid 1px #AAA; color:#555; margin:0 auto 30px; display:block; max-width:250px; text-align:center; background:#FFF;}
.dx a.linkModulo:hover{background:#5bc4f1; text-decoration:none; color:#FFF;border:solid 1px #444;}

.boxRisparmio{  background:#9dd301; padding:60px 0;}
.boxRisparmio h2{ margin-top:0; text-align:center; color:#FFF; font-size:1.6em; font-weight:normal;}
.boxRisparmio h3{ margin:0; text-align:center; color:#FFF;font-size:1.4em;font-weight:normal;}

.boxRisparmioWebDev{background:#ffcc00; padding:60px 0;}
.boxRisparmioWebDev h2{margin-top:0; text-align:center; color:#444; font-size:1.6em; font-weight:normal;}
.boxRisparmioWebDev h3{margin:0; text-align:center; color:#444;font-size:1.4em;font-weight:normal;}

.boxRisparmioCopy{background:#e20079; padding:60px 0;}
.boxRisparmioCopy h2{margin-top:0; text-align:center; color:#FFF; font-size:1.6em; font-weight:normal;}
.boxRisparmioCopy h3{margin:0; text-align:center; color:#FFF;font-size:1.4em;font-weight:normal;}


#calendario .cta{display:inline-block; text-decoration:none; background:#5bc4f1; color:#fff; padding:5px 15px 4px; margin:10px 0; border-radius:3px}


.modulo{ background:#43a047; text-align:left; padding:70px 0; color:#FFF;}
.modulo a{ color:#f33796; text-decoration:none;}
.modulo a:hover{text-decoration:underline;}
.modulo .content{ max-width:1250px;}
.modulo h2{ padding:10px 30px 0 0; margin:0; font-size:28px; min-height:320px; color:#FFF; font-weight:normal; float:left; width:40%; background: url(../immagini/big-arrow.png) right 200px no-repeat; margin-right:5%; }
.modulo h2 span{font-size:24px;}
.modulo ul{ list-style:none; margin:0; padding:0; float:left; width:50%;}
.modulo ul li{ text-align:left; padding:8px 0;}
.modulo ul li.privacy{ padding:8px 0 8px 90px; font-size:90%;}
.modulo ul li:last-child{ padding:22px 0 15px 93px;}
.modulo h4{ float:left; padding:8px 0 0; margin:0; color:#EEE; width:105px; font-size:110%;}
.modulo label{ float:left; padding:8px 0 0; margin:0; color:#EEE; width:105px; font-size:1.1em; font-weight:bold;}
.modulo .testo{ font-family:Arial, Helvetica, sans-serif; width:65%; padding:7px; font-size:18px; border:solid 2px #DDD; color:#444;box-sizing:border-box;}
.modulo .testo2{display:none}

.modulo .testo.aspNetDisabled{border-color:#EEE; color:#BBB;}

.modulo .testoError{ font-family:Arial, Helvetica, sans-serif; width:65%; padding:7px; font-size:18px; border:solid 2px #C00; color:#444;box-sizing:border-box;}
.modulo .checkError{border:solid 2px #C00;}
.modulo textarea{ font-family:Arial, Helvetica, sans-serif; width:65%; padding:5px; font-size:15px; height:80px; border:solid 2px #DDD; color:#444;box-sizing:border-box;}
.modulo .pulsante{background:none; padding:11px 20px 10px; color:#FFF; cursor:pointer;border:solid 2px #FFF; text-transform:uppercase; font-size:16px; font-weight:bold;}
.modulo .pulsante:hover{ background:#f33796;}
.modulo .esitoOk{ display:block; padding:8px 10px; border:solid 1px #FFF; background:#9dd301;width:80%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.modulo .esitoKo{ display:block; padding:8px 10px; border:solid 1px #FFF; background:#C00;width:80%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}


table.programma{display:block; margin:20px 0;border-collapse:collapse}
table.programma td{padding:8px 15px;border-bottom:solid 15px #FFF; line-height:1.6em;border:solid 1px #ddd}
table.programma td:first-child{background:#5bc4f1; text-align:center; font-weight:bold; color:#FFF;border-color:#5bc4f1;}



.moduloNews{text-align:left; padding:20px 40px 40px; color:#333; margin:40px 0 20px; background:#fc0; border:solid 2px #333;}
.moduloNews a{ color:#f33796; text-decoration:none;}
.moduloNews a:hover{text-decoration:underline;}
.moduloNews h2{ padding:0; margin:0; font-size:28px; font-weight:bold;}
.moduloNews ul{ list-style:none; margin:0; padding:0; width:100%;}
.moduloNews ul li{ text-align:left; padding:10px 0 0;list-style:none;}
.moduloNews ul li.privacy{ padding:20px 0 20px; font-size:90%;}

.moduloNews li h4{padding:5px 0 0; margin:0;  font-size:100%; color:#333;}
.moduloNews .testo{ font-family:Arial, Helvetica, sans-serif; width:100%; max-width:520px; padding:7px; font-size:18px; border:solid 2px #DDD; box-sizing:border-box}
.moduloNews .testoError{ font-family:Arial, Helvetica, sans-serif; width:100%;max-width:420px; padding:7px; font-size:18px; border:solid 2px #C00; box-sizing:border-box }
.moduloNews .checkError{border:solid 2px #C00;}
.moduloNews .pulsante{background:#FFF; padding:11px 30px 10px; color:#FFF; cursor:pointer;border:solid 2px #FFF; border-radius:4px; background:#e20079; text-transform:uppercase; font-size:1.2em; font-weight:bold;}
.moduloNews .pulsante:hover{ background:#FFF; color:#e20079;border:solid 2px #e20079;}
.moduloNews .esitoOk{ display:block; padding:10px 15px; border:solid 3px #9dd301; background:#FFF;width:100%; font-weight:bold;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.moduloNews .esitoKo{ display:block; color:#FFF; padding:10px 15px; border:solid 1px #222; background:#C00;width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}



.scegli{background:url(/immagini/lampo-sfondo.png) 0 0 repeat #2d3339; padding:0; color:#DDD; text-align:center;}
.scegli .content{background:url(../immagini/lampo-med.png) left -1px no-repeat;padding:40px 50px 70px}
.scegli h2{ font-size:220%; font-weight:normal; color:#EEE; line-height:2.5em; margin:0 0 50px; padding:0;}
.scegli h2 span{ display:block; font-size:65%; color:#8c989e; line-height:1.5em;}
.scegli a{ padding:12px 25px 13px; text-decoration:none; background:#DDD; font-size:120%; text-transform:uppercase; border-radius:4px; color:#555; transition:box-shadow 0.1s;}
.scegli a:hover{background-color:#FFF; color:#2d3339; box-shadow: 0 0 15px rgba(255, 255, 255, 0.7)}


.disoriented{background:url(../immagini/lampo-sfondo.png) 0 0 repeat #2d3339; padding:0; color:#DDD; text-align:center;}
.disoriented .content{background:url(../immagini/lampo-med.png) left -1px no-repeat;padding:80px 50px 100px;}
.disoriented h3{ font-size:240%; font-weight:normal; color:#EEE; line-height:2.5em; margin:0 0 80px; padding:0;}
.disoriented h3 span{ display:block; font-size:65%; color:#8c989e; line-height:1.5em;}
.disoriented a{ padding:12px 25px 13px; text-decoration:none; background:#DDD; font-size:120%; text-transform:uppercase; border-radius:4px; color:#555; transition:box-shadow 0.1s;}
.disoriented a:hover{background-color:#FFF; color:#2d3339; box-shadow: 0 0 15px rgba(255, 255, 255, 0.7)}

.fasciaCoiLampi{background:url(../immagini/lampo-sfondo.png) 0 0 repeat #2d3339; padding:0; color:#DDD; text-align:center;}
.fasciaCoiLampi .content{background:url(../immagini/lampo-med.png) left -1px no-repeat;padding:80px 50px 100px;}
.fasciaCoiLampi h2,.fasciaCoiLampi h3{ font-size:240%; font-weight:normal; color:#EEE; margin:0 0 20px; padding:0;}
.fasciaCoiLampi p{font-size:1.7em; color:#8c989e; line-height:1.5em;}

.fasciaCoiLampi a{ padding:12px 25px 13px; margin-top:40px; display:inline-block; text-decoration:none; background:#DDD; font-size:120%; text-transform:uppercase; border-radius:4px; color:#555; transition:box-shadow 0.1s;}
.fasciaCoiLampi a:hover{background-color:#FFF; color:#2d3339; box-shadow: 0 0 15px rgba(255, 255, 255, 0.7)}

.fasciaCoiLampi.header .content{padding:40px;}
.subTitlePrenota{padding:45px 20px; text-align:center; background:#fafafa;margin:0;}


.contattiDiretti{background:#489cc0; padding:40px 0; color:#FFF; text-align:center;}
.contattiDiretti h3{ font-size:240%; font-weight:normal;}
.contattiDiretti h4{ font-size:120%; font-weight:normal;}
.contattiDiretti ul{ list-style:none; margin:0; padding:30px 0 60px; overflow:auto;}
.contattiDiretti ul li{ float:left; width:35%; text-align:center;}
.contattiDiretti ul li:last-child{ width:30%}
.contattiDiretti ul li ul{ padding:0 0 0 35px;}
.contattiDiretti ul li ul li{ width:60px; padding:0 0 10px; margin:0;}
.contattiDiretti ul li ul li:last-child{ width:60px; }
.contattiDiretti ul li a.mail{background:url(../immagini/mail.png) 0 5px no-repeat; line-height:45px; font-size:30px; text-decoration:none; color:#FFF; padding-left:52px}
.contattiDiretti ul li a.phone{background:url(../immagini/phone.png) 0 5px no-repeat;line-height:45px; font-size:30px; text-decoration:none; color:#FFF; padding-left:38px}
.contattiDiretti ul li a.telefono{background:url(../immagini/phone.png) 0 5px no-repeat;line-height:45px; font-size:30px; text-decoration:none; color:#FFF; padding-left:38px}
.contattiDiretti ul li a.mail:hover{background:url(../immagini/mail-hover.png) 0 5px no-repeat; color:#000;}
.contattiDiretti ul li a.phone:hover{background:url(../immagini/phone-hover.png) 0 5px no-repeat;color:#000;}
.contattiDiretti ul li a.telefono:hover{background:url(../immagini/phone-hover.png) 0 5px no-repeat;color:#000;}

.contattiDiretti ul li a.whatsapp{background:url(../immagini/whatsapp.png) 0 2px no-repeat;line-height:45px; height:45px; font-size:30px; text-decoration:none; color:#FFF; padding-left:55px}
.contattiDiretti ul li a.whatsapp:hover{background-position:0 -45px; color:#000;}

.contattiDiretti ul li ul li a{display:block; height:45px; width:45px;}
.contattiDiretti ul li ul li a.facebook{background:url(../immagini/facebook.png) 0 0 no-repeat;}
.contattiDiretti ul li ul li a.facebook:hover{background:url(../immagini/facebook.png) 0 -45px no-repeat;}
.contattiDiretti ul li ul li a.twitter{background:url(../immagini/twitter.png) 0 0 no-repeat;}
.contattiDiretti ul li ul li a.twitter:hover{background:url(../immagini/twitter.png) 0 -45px no-repeat;}
.contattiDiretti ul li ul li a.googleplus{background:url(../immagini/googleplus.png) 0 0 no-repeat;}
.contattiDiretti ul li ul li a.googleplus:hover{background:url(../immagini/googleplus.png) 0 -45px no-repeat;}
.contattiDiretti ul li ul li a.linkedin{background:url(../immagini/linkedin.png) 0 0 no-repeat}
.contattiDiretti ul li ul li a.linkedin:hover{background:url(../immagini/linkedin.png) 0 -45px no-repeat;}
.contattiDiretti ul li ul li a.skype{background:url(../immagini/skype.png) 0 0 no-repeat;}
.contattiDiretti ul li ul li a.skype:hover{background:url(../immagini/skype.png) 0 -45px no-repeat;}
.contattiDiretti ul li ul li a.instagram{background:url(../immagini/instagram.png) 0 0 no-repeat;}
.contattiDiretti ul li ul li a.instagram:hover{background-position:0 -45px;}


ul.iconeSocial{width:170px; margin:0 auto; padding:0 0 3.0px;}

ul.iconeSocial li a{display:block; height:45px; width:45px;}
ul.iconeSocial li a.facebook{background:url(/immagini/facebook.png) 0 0 no-repeat;}
ul.iconeSocial li a.facebook:hover{background:url(/immagini/facebook.png) 0 -45px no-repeat;}
ul.iconeSocial li a.twitter{background:url(/immagini/twitter.png) 0 0 no-repeat;}
ul.iconeSocial li a.twitter:hover{background:url(/immagini/twitter.png) 0 -45px no-repeat;}
ul.iconeSocial li a.googleplus{background:url(/immagini/googleplus.png) 0 0 no-repeat;}
ul.iconeSocial li a.googleplus:hover{background:url(/immagini/googleplus.png) 0 -45px no-repeat;}
ul.iconeSocial li a.linkedin{background:url(/immagini/linkedin.png) 0 0 no-repeat}
ul.iconeSocial li a.linkedin:hover{background:url(/immagini/linkedin.png) 0 -45px no-repeat;}
ul.iconeSocial li a.skype{background:url(/immagini/skype.png) 0 0 no-repeat;}
ul.iconeSocial li a.skype:hover{background:url(/immagini/skype.png) 0 -45px no-repeat;}
ul.iconeSocial li a.instagram{background:url(/immagini/instagram.png) 0 0 no-repeat;}
ul.iconeSocial li a.instagram:hover{background:url(/immagini/instagram.png) 0 -45px no-repeat;}



ul.scuola{ margin:0; padding:0; width:100%; color:#666; line-height:1.5; border-top:#5bc4f1 solid 5px; background:#5bc4f1;}
ul.scuola > li{ width:34%; margin:0; padding:50px 60px; background:rgba(255,255,255,0.85);-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
ul.scuola > li{display:table-cell;}
ul.scuola > li h2{ font-size:180%; text-align:center; padding:0; margin:0;}
ul.scuola > li img{ display:block; margin:25px auto;}
ul.scuola > li:first-child{width:33%; background:rgba(255,255,255,0.95);}
ul.scuola > li:last-child{width:33%; background:rgba(255,255,255,0.75);}
ul.scuola a{ color:#e20079; text-decoration:none;}
ul.scuola a:hover{text-decoration:underline;}
ol.puntiTesto{background:none; width:90%; list-style:circle; padding:0 5%; margin:10px 7% 10px 3%; overflow:auto;}
ol.puntiTesto li{ padding:5px 0; background:none !important; float:none; width:100%; float:left;}


ol.li-padding-15 li{padding:8px 0 7px;}

.news,.box-docenti,.box-studenti{ padding:30px 0 50px; line-height:1.5em; font-size:100%; background:#f4f4f4; overflow:auto; clear:both;}
.dx-noborder{ float:right; margin-left:20px; border:none;}
.sx-noborder{ float:left; margin-right:20px; border:none;}

.news #container,.box-docenti #container,.box-studenti #container{
 padding: 0 0 120px;
 max-width: 1400px;
 margin: 0 auto 40px;
 height:auto;
 overflow:hidden;
 display:block;
 min-height:420px;
 position:relative;
}

.news video{ width:100%; display:block;}


.news .linkStar{ width:150px; display:block; padding:10px 25px; color:#fde600 !important; text-align:center; font-size:120%; margin:30px auto 15px; border: solid 3px #fde600; border-radius:5px; background:#111; text-decoration:none; text-transform:uppercase;}
.news .linkStar:hover{color:#111 !important;background:#fde600; text-decoration:none !important;border: solid 3px #111;}
.news blockquote{ margin:50px auto; width:80%; padding:30px 70px; box-sizing:border-box; background:url(/news-doc/imgNews/blockquote.png) 15px 15px no-repeat #FAFAFA; border:solid 3px #EEE; font-style:italic; color:#888;}

.news .item {
	box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3);
 	width: 300px;
 	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; 
  	margin: 20px 8px;
	font-size:90%;
	background:#fff;
	min-height:300px;
	display:block !important;
}

.news .item a{ text-decoration:none; color:#5bc4f1;}
.news .item a.titolo{ font-weight:bold; font-size:125%; line-height:20px; color:#444;}
.news .item a:hover{ text-decoration:underline;}
.news .item .abNews p{ color:#777; font-size:95%; line-height:18px; padding-bottom:10px;line-height:1.6em;}
.news .item .abNews .leggi{ color:#5bc4f1; background:#FFF; font-size:95%; padding:4px 12px 5px; border:solid 1px #5bc4f1;}
.news .item .abNews .leggi:hover{color:#FFF; background:#5bc4f1; text-decoration:none; }

.news .imgBlock{ display:block; margin:20px auto;}
.news .imgDx{max-width:50%; float:right; margin-left:20px; margin-bottom:15px;}
.news .imgSx{max-width:50%; float:left; margin-right:20px; margin-bottom:15px;}
.news .imgRound{border-radius:50%;}


.news .item .abNews{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	
	padding:25px 25px 35px;
	border-top:4px #5bc4f1 solid; 
}

.news .item .shareNews{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	
	padding:8px 25px;
	border-top:2px #DDD solid;
	background:#FBFBFB;
	overflow:auto;
	display:block;
}

.news .item .shareNews span{ font-size:80%; color:#AAA; float:left;}
.news .item .shareNews ul{ list-style:none; margin:0; padding:0; overflow:auto; float:right;}
.news .item .shareNews ul li{ float:left; margin-left:5px;}
.news .item .shareNews ul li a{display:block; height:25px; width:25px;}
.news .item .shareNews ul li a.facebook{background:url(../immagini/facebook-news.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.news .item .shareNews ul li a.instagram{background:url(../immagini/instagram-news.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.news .item .shareNews ul li a.linkedin{background:url(../immagini/linkedin-news.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.news .item .shareNews ul li a.twitter{background:url(../immagini/twitter-news.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.news .item .shareNews ul li a.gplus{background:url(../immagini/gplusnews.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

.news .item img {
width:100%;
display:block;
}


.box-docenti .item {
	box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3);
 	width: 30%;
 	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; 
  	margin: 20px 8px;
  	min-height:300px;
	font-size:85%;
	background:#fff;
	display:block !important;
}

.box-studenti .item {
	box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3);
 	width: 30%;
 	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; 
  	margin: 20px 8px;
  	min-height:300px;
	font-size:95%;
	background:#fff;
	display:block !important;
	padding-bottom:5px;
}

.box-studenti h3{padding:15px 20px 5px; margin:0; font-size:1.3em}
.box-studenti p{padding:0 20px}

.box-studenti .item img{width:100%;}

.box-studenti ul.link{margin:0; padding:0 20px 20px; list-style:none; font-size:.9em; color:#999;}
.box-studenti ul.link span{display:block;}
.box-studenti a{color:#e20079; font-weight:bold;}
.box-studenti ul.link a{font-weight:normal}

.box-docenti .item .abDocenti{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	
	padding:25px 25px 20px;
	word-wrap:break-word;
}

.box-docenti .item .abDocenti img {
width:50%;
float:right;
margin-left:10px;
margin-bottom:10px;
}


.box-docenti .item .abDocenti h2{ margin-top:0; padding-top:0; font-size:130%;}
.box-docenti .item .abDocenti p{ color:#888; font-size:100%; line-height:1.4em; padding-bottom:15px; margin:0;}

.box-docenti .item h3{color:#FFF; margin:0; padding:12px 25px 10px; font-weight:normal; text-transform:uppercase; font-size:120%;}
.box-docenti .item h3.wdes{ background:#9dd301;}
.box-docenti .item h3.wdev{ background:#ffcc00;}
.box-docenti .item h3.wcopy{ background:#e20079;}
.box-docenti .item h3.gra{ background:#ff6600;}



.bgVerde{background:#9dd301; color:#FFF;}
.bgBlu{background:#5bc4f1; color:#FFF;}
.bgMagenta{background:#e20079; color:#FFF;}
.bgArancio{ background:#ff6600; color:#FFF;}
.lampoBianco{ display:block; width:26px; height:34px; background:url(../immagini/bstro-arrow.gif) 0 0 no-repeat; margin:20px auto 0;}
/*.lampoBianco:hover{background:url(../immagini/scroll-down.gif) 0 0 no-repeat;}*/
.lampoBlu{ display:block; width:91px; height:90px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background:url(../immagini/scroll-down.gif) center top no-repeat rgba(255,255,255,0.7); margin:40px auto 0;transition-property:background;transition-duration:0.6s;}
.lampoBlu:hover{background:url(../immagini/lampo-blu.png) center top no-repeat rgba(255,255,255,1);}


.box-docenti .item a{ text-decoration:none; color:#5bc4f1;}
.box-docenti .item a.titolo{ font-weight:bold; font-size:120%; line-height:22px; color:#444;}
.box-docenti .item a:hover{ text-decoration:underline;}
.box-docenti .item .abNews p{ color:#888; font-size:90%; line-height:18px; padding-bottom:10px;}
.box-docenti .item .abNews .leggi{ color:#5bc4f1; background:#FFF; font-size:90%; padding:3px 10px 4px; border:solid 1px #5bc4f1;}
.box-docenti .item .abNews .leggi:hover{color:#FFF; background:#5bc4f1; text-decoration:none; }

.box-docenti .item .abNews{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	
	padding:25px 25px 35px;
}

.box-docenti .item .shareNews{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	
	padding:8px 25px;
	border-top:2px #DDD solid;
	background:#FBFBFB;
	overflow:auto;
}

.box-docenti .item .shareNews span{ font-size:80%; color:#AAA; float:left;}
.box-docenti .item .shareNews ul{ list-style:none; margin:0; padding:0; overflow:auto; float:right;}
.box-docenti .item .shareNews ul li{ float:left; margin-left:5px;}
.box-docenti .item .shareNews ul li a{display:block; height:25px; width:25px;}
.box-docenti .item .shareNews ul li a.facebook{background:url(../immagini/facebook-news.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.box-docenti .item .shareNews ul li a.linkedin{background:url(../immagini/linkedin-news.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.box-docenti .item .shareNews ul li a.twitter{background:url(../immagini/twitter-news.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.box-docenti .item .shareNews ul li a.gplus{background:url(../immagini/g+news.png) 0 0 no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}

.box-docenti .item img {
width:100%;
display:block
}



.intesaHome{background:#2b8804; border-bottom:5px solid #fff;}
.intesaHome h2{margin-top:0}

.intesaHome section
{
    max-width:1200px;
    margin:0 auto;
    overflow:auto;
    box-sizing:border-box;
    padding:50px 30px;
    color:#fff;
}

.intesaHome section *{box-sizing:border-box}
.intesaHome section img{float:left; width:45%}

.intesaHome section .infoIS{float:left; width:55%; padding-left:5%;}


.intesaHome #listaPerMerito li{color:#fff}

.intesaHome  a{font-weight:bold;color:#ffd101 ; text-decoration:none; font-size:1.2em; display:inline-block; padding:6px 15px 5px; border:solid 2px #ffd101; margin-top:15px}

.intesaHome  a:hover{background:#206b00}


.fontSerif{font-family: 'Lora', serif !important;}
.spazioNews{ width:75%; margin-top:30px;border:solid 1px #DDD;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:0; background:#FFF;box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3); margin-bottom:15px; font-size:1.1em; line-height:2em; color:#666;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; 
             overflow:hidden; height:auto;}
.spazioNews img{ max-width:100%;}
.spazioNews .notizia{ padding:50px 40px;}

.spazioNews .notizia .lastMod{display:block; color:#999; font-size:.9em; padding:0 0 20px; margin-top:-20px;}


.spazioNews .opzioni
{
    position:relative;
    padding: 20px 25px;
    box-sizing:border-box;
    margin:0;
    border:solid 3px #5bc4f1;
    }


.spazioNews .opzioni h4
{
    font-size:1em;margin:10px 0 20px; line-height:1.3em; color:#444; font-weight:bold;}

.spazioNews .opzioni ol
{
    margin:0;
    padding:0;
    list-style:none;
}

.spazioNews .opzioni li
{
    padding:15px 0 15px 65px;
    background-repeat:no-repeat;
    background-position:0 center;
    line-height:40px;
    line-height:1.3em;
}


.spazioNews .opzioni li.aula
{
    background-image:url(/immagini/browsing.png)
}

.spazioNews .opzioni li.streaming
{
    background-image:url(/immagini/videoconference.png)
}

.spazioNews .opzioni li.ondemand
{
    background-image:url(/immagini/on-demand.png)
}


.notizia .spazioShare{ padding:0 0 15px;}
.notizia .spazioShare h4{display:block; padding:10px 0; margin:0;}
.notizia .spazioShare ul{ padding:0; display:block; list-style:none; overflow:auto; margin:0;}
.notizia .spazioShare ul li{ float:left; margin-right:5px; padding-bottom:10px;}
.notizia .spazioShare ul li:last-child{margin-right:0;}
.notizia .spazioShare ul li a{display:block; opacity:0.8; transition:opacity 0.4s; padding:3px 10px; color:#FFF; font-size:.85em;}
.notizia .spazioShare ul li a:hover{ opacity:1; text-decoration:none;}
.notizia .spazioShare ul li a.facebook{background:#3b5997;}
.notizia .spazioShare ul li a.twitter{background:#41b7d8;}
.notizia .spazioShare ul li a.googlePlus{background:#d64937;}
.notizia .spazioShare ul li a.linkedin{background:#008cc9;}

.notizia .fineNotizia{ padding:20px 0 0;}


.spazioNews h1{ margin-top:0; font-size:200%; line-height:1.3em;}
.spazioNews h2{ margin-top:15px; font-size:150%; line-height:1.3em;}
.spazioNews h4{ margin:25px 0 0; color:#999; font-weight:normal; font-size:95%;}
.spazioNews .dx{ float:right; margin:0 0 20px 20px; max-width:50%;}
.spazioNews .sx{ float:left; margin-right:20px;}
.spazioNews .notizia a{ text-decoration:none;color:#e20079;}
.spazioNews .notizia a:hover{ text-decoration:underline;}
.spazioNews .notizia .padding-top20{ padding-top:20px;}
.spazioNews .notizia .padding-top35{ padding-top:35px;}



.spazioNews .quattroblocchi{padding:0;margin:40px 0; list-style:none; overflow:auto}

#listaPerMerito
{
    padding:0;
    list-style:none;
}

#listaPerMerito li {
    padding: 5px 0 6px 30px;
    position: relative;
    background: url(/immagini/landing/right-arrow.png) no-repeat 0 11px;
    background-size: 16px;
    font-size: 1.2em;
    font-weight: bold;
    color: #2d57a4;
}
.spazioNews .quattroblocchi li{float:left; width:50%; padding:10px 35px; box-sizing:border-box;}
.spazioNews .quattroblocchi li h3{margin:0;}
.spazioNews .quattroblocchi li p{margin-top:6px; font-size:.9em;}
.spazioNews .quattroblocchi li img{float:right; margin:10px 0 10px 10px;}

.spazioNews .prezzo-old{display:inline-block; text-decoration:line-through; font-weight:normal}
.spazioNews .prezzo-sconto{display:inline-block; color:#FF9800; font-weight:bold; font-size:120%; background:url(../immagini/icona-sconto.png) right 2px no-repeat; padding-right:23px; margin-right:5px;}


.spazioNews .pulsanteWDes{background:#9dd301; text-decoration:none; color:#FFF !important; display:inline-block; font-size:110%; text-align:center; padding:8px 20px;}
.spazioNews .pulsanteWDes:hover{ text-decoration:none !important; background:#222;}
.spazioNews .pulsanteWDev{background:#ffcc00; text-decoration:none; color:#FFF !important; display:inline-block; font-size:110%; text-align:center; padding:8px 20px;}
.spazioNews .pulsanteWDev:hover{ text-decoration:none !important; background:#222;}
.spazioNews .pulsanteWCopy{background:#e20079; text-decoration:none; color:#FFF !important; display:inline-block; font-size:110%; text-align:center; padding:8px 20px;}
.spazioNews .pulsanteWCopy:hover{ text-decoration:none !important; background:#222;}
.spazioNews .centraImg{ display:block; margin:25px auto;}

.spazioNews .pulsanteWCopyCenter{background:#e20079; text-decoration:none; color:#FFF !important; margin:25px auto; display:block; max-width:200px; font-size:110%; text-align:center; padding:8px 20px;}
.spazioNews .pulsanteWCopyCenter:hover{ text-decoration:none !important; background:#222;}
.spazioNews .diretta .pulsanteWCopyCenter:hover{ text-decoration:none !important; background:#FFF; color:#e20079 !important}

.spazioNews iframe.destra{float:right; height:236px; width:420px; margin-left:40px;}


.spazioNews .diretta{text-align:center; background:#292929; padding:15px 0; box-sizing:border-box; max-width:750px; margin:15px auto}
.spazioNews .diretta img{max-width:100%;}
.spazioNews .diretta h2{font-size:1.8em; color:#DDD;}

.sideBarNews{ float:right; width:25%; margin-top:30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding-left:30px; }
.sideBarNews h3{ background:#5bc4f1; color:#FFF; margin-left:8px; margin-top:0; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:5px 10px;}

.openDayNews .sticky{
  position: relative;
}


.openDayNews h3.promo
{
background:#ffd101;
padding:15px;
text-align:center;
color:#2f59a3;
margin-bottom:50px
}


.spazioNews a.toReference{ vertical-align:super; display:inline-block; padding:0 5px; font-size:.85em;}
.spazioNews a.sel{ vertical-align:super;background:#ddf4fe;display:inline-block; padding:0 5px; font-size:.85em;}

.spazioNews #references{ margin-top:50px; padding-top:30px; border-top:solid 1px #DDD; font-size:.9em; line-height:1.6em;}
.spazioNews #references li{padding: 10px 15px; margin:7px 0;}
.spazioNews #references li a{display:none;}
.spazioNews #references li.sel{background:#ddf4fe; font-size:1.1em; line-height:1.7em;}
.spazioNews #references li.sel a{display:inline-block;}
.spazioNews #references .magenta{color:#e20079;}

#corsiOD{padding:0; margin:0; list-style:none; position:absolute;top:50}
#corsiOD li{position:relative; margin-bottom:25px; }
#corsiOD li img{width:100%; left:0; top:0; z-index:1;}
#corsiOD li a{position:absolute; top:0; left:0;width:100%; height:100%;z-index:3;}
#corsiOD li span{position:absolute; bottom:10px; left:0;width:100%;z-index:2; line-height:36px; text-align:center; color:#222; background:rgba(255,255,255,0.65); text-transform:uppercase; font-weight:bold; transition:.4s;}
#corsiOD li:hover span{background:rgba(255,255,255,0.85);}

dl.lista {
	counter-reset: my-badass-counter;
}
dl.lista dt {
	position: relative;
	font-size:1em;
    font-weight:normal;
    padding: 0 0 0 0;
    margin:30px 0 50px;
    line-height:1.4em;
    padding-top:8px
}
dl.lista dt:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 0;
	font-size:35px;
	line-height:60px;
    background:#5bc4f1;
    width:60px; height:60px;
    padding-top:2px;           
    text-align:center;
    box-sizing:border-box;
    color:#FFF;
    border-radius:50%;
}


dt.magenta:before {
	background:#e20079;
 }


dl.lista dd {
	margin: 0 0 70px 0;
    font-size:1.em;
}	
dl.lista dt, dl.lista dd {
	padding-left: 80px;
}

.sideBarNews .item {
 	width: 98%;
  	margin: 0 8px 20px;
}

.centra{text-align:center;}
.wrap{ clear:both;}
#tornasu{ background:url(../immagini/tornasu.png) 7px 5px no-repeat rgba(255,255,255,0.8); display:block; height:58px; width:60px;-webkit-border-radius:2px;-moz-border-radius:2px;
border-radius:2px;opacity:0;position:fixed; left:25px; bottom:30px; transition-property:opacity;transition-duration:0.8s; z-index:100;}

.abs{ position:relative; top:100%;}

footer{ background:#333; margin-top:0px; padding:50px 0; color:#FAFAFA; font-size:90%; border-top:solid 5px #5bc4f1;}
footer .content{margin:0 auto; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; overflow:auto; padding:0 15px; width:80%;}
footer ul.foot1{ list-style:url(../immagini/lampo-check.png); -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; width:20%; float:left;}
footer ul.foot1 li{ padding:5px 0;}
footer ul.foot1 li:last-child{ list-style:url(https://labforweb-vod.b-cdn.net/Altro/star-16.png);}
footer ul.foot1 li a{ color:#5bc4f1; text-decoration:none; margin-top:-4px; margin-left:8px; float:left; font-size:110%;}
footer ul.foot1 li a:hover{ color:#FFF;}
footer ul.foot1 li:last-child a{ color:#FFC107;}


footer .spazioCorsi{ float:right; width:70%; padding:0; margin:12px 0;}

footer .spazioCorsi ul{ list-style:none; margin:0; padding:0;}
footer .spazioCorsi ul li{ width:25%; float:left; color:#AAA; font-size:105%;}

footer .spazioCorsi ul ul li{ float:none; width:90%; padding:4px 0; line-height:1;}
footer .spazioCorsi ul ul li:first-child{padding-top:15px}
footer .spazioCorsi ul ul li a{ color:#FFF; text-decoration:none; font-size:85%;}
footer .spazioCorsi ul ul li a:hover{ text-decoration:underline;}

footer .spazioLogo{clear:both; float:right; width:25%; margin-top:25px; text-align:right;}
footer .spazioLogo img{ height:60px;}
footer .spazioLogo p{ margin:0; padding:0; color:#888;}


#superfooter{ background:#111; padding:10px 0; color:#777; font-size:80%; text-align:center;}
#superfooter ul{ list-style:none; padding:0; margin:0; overflow:auto; display:inline-block}
#superfooter ul li{ display:inline-block; padding:5px 20px 0; box-sizing:border-box}
#superfooter ul li a{ color:#FFC107; text-decoration:none;}
#superfooter ul li a:hover{ text-decoration:underline;}




footer.footer{ background:#333; margin-top:0px; padding:70px 0; color:#FCFCFC; font-size:1em; border:0}
footer.footer *{box-sizing: border-box;}

footer.footer .content a{color:#fff; text-decoration:none !important;}
footer.footer .content a:hover{text-decoration: underline !important;}

footer.footer .content{margin:0 auto;  overflow:auto; padding:0 15px; max-width:1250px; display:flex}
footer.footer .boxInfo{width:35%; margin-right:5%; border-right:solid 1px #999; padding:20px 50px 30px 0;}
footer.footer .boxInfo img{max-width:260px; width:100%;}
footer.footer .boxInfo h3{margin:35px 0 5px; font-size:1.6em}
footer.footer ul{margin:0; padding:0; list-style:none;}
footer.footer .boxInfo ul.info{margin:10px 0 25px;}
footer.footer .boxInfo ul.info li{padding:4px 0 6px; font-size:1.1em;background-position: 0 center; background-repeat: no-repeat; background-size: 30px; line-height: 35px; padding-left: 50px;}
footer.footer .boxInfo ul.info li a{text-decoration: underline; font-size:1.2em}
footer.footer .boxInfo ul.info li a:hover{color:#ccc}
footer.footer .boxInfo ul.info .mail{background-image: url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/arroba.png);}
footer.footer .boxInfo ul.info .chiama{background-image: url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/phone-call.png);}
footer.footer .boxInfo ul.info .whatsapp{background-image: url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/whatsapp.png);}

footer.footer .boxRegione{margin-top:45px;}
footer.footer .boxRegione p{margin:0 0 15px;}
footer.footer .content a.qualita{color:#FFC107;background:url(https://labforweb-vod.b-cdn.net/Altro/star-16.png) no-repeat 0 3px; padding-left:24px}

footer.footer .sectionFooter{display: flex; flex-wrap: wrap;}
footer.footer .flex60{padding-left: 0;flex: 60%;}
footer.footer .flex50{flex: 50%;}


footer.footer .flex50 h3{margin-bottom:5px;}
footer.footer .flex50 ul{margin-bottom:30px}


.boxSocial{margin-top: 45px;}
.boxSocial ul{padding-top: 10px;}
.boxSocial ul li{display: inline-block; margin-right: 10px;}
.boxSocial a{display: block; width:32px; height: 32px; background-position: center center; background-size: contain; background-repeat: no-repeat; transition: .2s;}
.boxSocial a.fb{background-image: url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/facebook.png);}
.boxSocial a.insta{background-image: url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/instagram.png);}
.boxSocial a.in{background-image: url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/linkedin.png);}
.boxSocial a.yt{background-image: url(../immagini/youtube.png);}
.boxSocial a:hover{transform: scale(115%);}


#thankyou{padding:60px 40px; font-size:1.2em; color:#666; background:#f5f5f5}
#thankyou h1{color:#43a047; background:url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/thanks.png) 0 0 no-repeat; min-height:128px; font-size:2em; line-height:1.5em; padding-left:160px;}
#thankyou h1 span{ font-size:0.8em; font-weight:normal; display:block; padding-top:5px;}
#thankyou h1 span.titoloEvento{line-height:1.3em;}


#thankyou h1.ko{color:#ff1d00; background:url(/immagini/ko-f.png) 0 0 no-repeat;}
#thankyou h1.wait{color:#e2af01; background:url(/immagini/wait.png) 0 0 no-repeat;}
#thankyou h3,#thankyou h4{ font-weight:normal;}
#thankyou h3{ font-size:1.3em; padding:0;}
#thankyou h4{line-height:1.5em; padding:30px 0;}
#thankyou #avvisoMail{display:block;  background:url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/email-alert.png) 15px 15px no-repeat #fffae5; padding:15px 15px 15px 100px; border:solid 3px #ffc107}
#thankyou a{color:#ef5350; text-decoration:none; font-weight:bold;}
#thankyou a:hover{text-decoration:underline;}

#thankyou ul{margin:25px 0 0; padding:0; list-style:none;}
#thankyou ul.socialIcons{margin:10px 0 0;}
#thankyou ul li{float:left; padding-right:10px;}
#thankyou ul li a{ width:45px; height:45px; display:block; transform:scale(92%); transition:.3s;}
#thankyou ul li a.facebook{background:url(/immagini/email/facebook.png) 0 0 no-repeat;background-size:contain;}
#thankyou ul li a.facebook:hover{transform:scale(100%);}
#thankyou ul li a.twitter{background:url(../immagini/twitter-color.png) 0 0 no-repeat;}
#thankyou ul li a.twitter:hover{background:url(../immagini/twitter-color.png) 0 -45px no-repeat;}

#thankyou ul li a.linkedin{background:url(/immagini/email/linkedin.png) 0 0 no-repeat;background-size:contain;}
#thankyou ul li a.linkedin:hover{transform:scale(100%);}

#thankyou ul li a.instagram{background:url(/immagini/email/instagram.png) 0 0 no-repeat;background-size:contain;}
#thankyou ul li a.instagram:hover{transform:scale(100%);}

#labforyou{padding:80px;}
#labforyou ul{ list-style:none; overflow:auto; padding:0; margin:0; float:left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#labforyou ul.login{ width:35%; padding:0 5%;}
#labforyou ul.registrati{ width:65%; padding:0 5%; border-left:1px solid #DDD;}

#labforyou ul li{ padding:8px 0; display:block;}
#labforyou ul li:first-child{ font-size:150%; font-weight:bold; padding-bottom:30px; text-transform:uppercase; font-weight:normal;}
#labforyou ul li h4{ float:left; margin:0; padding:0 0 5px;}
#labforyou ul li h5{ float:left; margin:0 0 0 10px; padding:2px 0 5px; color:#C00; font-weight:normal;}
#labforyou ul li .textbox{ clear:left; font-size:18px; padding:5px 3px; width:95%; max-width:350px; display:block; border:solid 1px #CCC;}
#labforyou ul li .pulsanteLogin{clear:left; border:solid 1px #00CC00; background:#00CC00; color:#FFF; text-transform:uppercase; padding:6px 15px 5px; font-size:100%; margin:10px 0 0; font-weight:bold; cursor:pointer;}
#labforyou ul li .pulsanteLogin:hover{background:#FFF; color:#00CC00;}
#labforyou ul li a{ font-size:80%; text-decoration:none;color:#e20079;}
#labforyou ul li a:hover{ text-decoration:underline;}
#labforyou ul li .check{ float:left; margin:3px 5px 0 0; text-align:left;}
#labforyou ul li p{ float:left; width:80%; font-size:80%; padding:0 0 20px; margin:0;}
#labforyou ul li p a{ font-size:100%;}
#labforyou ul li.datiErrati{ font-size:85%; color:#C00;}


#webdesign{background:url(../immagini/web-designer.png) right -1px no-repeat #9dd301; color:#444;padding:50px 0; text-align:center;}
#webdev{background:url(../immagini/web-developer.png) left 0 no-repeat #ffcc00; color:#444;padding:50px 0; text-align:center;}
#copy{background:url(../immagini/web-content-man.png) right -1px no-repeat #e20079; color:#FFF;padding:50px 0; text-align:center;}
#grafica{background:url(../immagini/graphic-designer.png) left 0 no-repeat #ff6600; color:#FFF;padding:50px 0; text-align:center;}

#chiarezza{ padding:50px 0; text-align:left; background:#FFF; margin-top:50px;}
#chiarezza h1{ text-align:center;}
#chiarezza img{ float:left; margin-right:70px;}
#chiarezza blockquote{ width:50%; color:#999999; text-align:center; margin:0 auto; margin-bottom:40px; line-height:1.5;}
#chiarezza blockquote span{ display:block; color:#CCC; line-height:2em;}
#chiarezza a{ text-decoration:none;color:#e20079;}
#chiarezza a:hover{ text-decoration:underline;}
#webdesign .content{margin:0 auto; width:60%;}
#webdev .content{margin:0 auto; width:60%;}
#copy .content{margin:0 auto; width:60%;}
#grafica .content{margin:0 auto; width:60%;}
#webdesign .content p{ text-align:left;}
#webdev .content p{ text-align:left;}
#copy .content p{ text-align:left;}
#grafica .content p{ text-align:left;}

.testoDisorientedRight{text-align:left; padding-bottom:30px;}
.testoDisorientedLeft{text-align:left;padding-bottom:30px;}
#bgVideo{position:absolute; z-index:-1; width:100%; height:auto; top:0; left:0;}

.profili{ padding:50px 0; text-align:center; background:#F5F5F5; margin:0;}
.profili h2{ text-align:center;}

ul.figureProfessionali{ list-style:none; overflow:auto; padding:0; margin:50px 0;}
ul.figureProfessionali li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:0; width:30%; margin-right:5%; float:left; font-size:110%;}
ul.figureProfessionali li:last-child{ margin:0;}
ul.figureProfessionali .continua{ display:block; margin-bottom:15px; text-decoration:none; text-transform:uppercase; font-size:130%;color:#5bc4f1; font-weight:bold; clear:both;}
ul.figureProfessionali .continua:hover{ text-decoration:underline;}
ul.figureProfessionali li img{ height:140px;}

#map-canvas{height:550px; width:100%;}
#map-simple{ height:420px; width:100%;}
.popupGoogleMaps{ color:#555;}
.popupGoogleMaps h3{ margin:3px 0 8px; padding:3px 0; border-bottom:solid 2px #5bc4f1; color:#5bc4f1; font-size:20px;}
.popupGoogleMaps p{ margin:4px 0; padding:2px 0; font-size:14px; line-height:1.6em;}
.popupGoogleMaps span{font-size:12px; line-height:1.2em; color:#777;}
.popupGoogleMaps a{color:#5bc4f1; text-decoration:none;}
.popupGoogleMaps a:hover{text-decoration:underline;}
.popupGoogleMaps i{ font-style:normal; display:inline-block; padding:2px 3px; border:solid 1px #CCC; margin:0 1px;}



#aziende{background:#F5F5F5; padding:70px 0;}
#aziende img{ float:right; margin-left:5%;}
#logistica{ padding:60px 0; text-align:center;}
#logistica h2{font-size:2em;}
#logistica p{ font-size:150%}

#spotAziendePartner{ padding:40px 0; text-align:center;}
#spotAziendePartner h2{font-size:1.8em;}
#spotAziendePartner p{ font-size:1.4em;}


#spotLabforjob{ padding:40px 0; text-align:center; background:#1a7f89; color:#EEE}
#spotLabforjob h2{font-size:2em;}
#spotLabforjob p{ font-size:1.2em; text-align:left;}
#spotLabforjob a{ color:#EEE;}
#spotLabforjob a:hover{ color:#FFF;}
#spotLabforjob img{width:100%; max-width:1000px;}
#spotLabforjob .rientro{padding-left:20px}


#boxStudentiMore{padding:40px 0; text-align:center;}

#boxStudentiMore .box-studenti{padding:15px 0 0; background:#FFF;}
#boxStudentiMore .cta{padding:12px 15px; color:#FFF; text-decoration:none; font-size:1.15em;  font-weight:bold;
                  text-transform:uppercase; width:300px; text-align:center; box-sizing:border-box; background:#ffcc00; 
                  position:absolute; bottom:30px; left:50%; margin-left:-150px;
                  }

#boxStudentiMore .cta:hover{ background:#444; color:#ffcc00; border-color:#444 !important}

#boxStudentiMore h3{font-size:1.7em;}


#boxAziendeMore{padding:40px 0 160px; text-align:center;background:#f4f4f4; position:relative;}

#boxAziendeMore .box-studenti{padding:15px 0 0; }
#boxAziendeMore .cta{padding:12px 15px; color:#FFF; text-decoration:none; font-size:1.15em;  font-weight:bold;
                  text-transform:uppercase; width:300px; text-align:center; box-sizing:border-box; background:#ffcc00; 
                  position:absolute; bottom:80px; left:50%; margin-left:-150px;
                  }

#boxAziendeMore .cta:hover{ background:#444; color:#ffcc00; border-color:#444 !important}

#boxAziendeMore h3{font-size:1.7em;}
#boxStudentiMore .item{text-align:left;}
#boxAziendeMore .item{text-align:left;}

.tuttiCorsi{padding:30px 0}
.tuttiCorsi h2{font-size:2em; text-align:center;}


.tuttiCorsi .box{width:33.33%;padding:20px;box-sizing:border-box; float:left;}
.tuttiCorsi ul{box-sizing:border-box;padding:0; margin:0 0 35px; list-style:none;border:solid 1px #CCC;}
.tuttiCorsi h3{color:#fff; background:#5bc4f1; font-size:1.1em; padding:8px 15px;margin:0;box-sizing:border-box;}
.tuttiCorsi ul li{padding:6px 15px;border-bottom:solid 1px #CCC;}
.tuttiCorsi li:nth-child(even){background:#F5F5F5}
.tuttiCorsi ul li:last-child{border-bottom:0;}


#clienti{ padding:50px 0; background:#2d3339;}
#clienti ul{ list-style:none; padding:0; margin:0; overflow:auto;}
#clienti ul li{ float:left;height:100px; width:100px; padding:10px; border:solid 1px #FFF; border-radius:3px; margin:0 5px; margin-bottom:10px; background:#FFF;}
#clienti ul li img{ max-height:100px; max-width:100px;}

.rmm{display:none;clear:both;position:relative;width:100%;padding:0;margin:0 !important;background:none;     
     z-index:15;top:-30px; overflow:auto;}
.rmm *{-webkit-tap-highlight-color:transparent !important;}
.rmm a{color:#FFF;text-decoration:none; text-transform:uppercase; font-size:130%; padding:0; display:block;}
.rmm .rmm-main-list,.rmm .rmm-main-list li{margin:0;padding:0}
.rmm > ul{display:block;margin:0 0 100px 0 !important; padding:0 !important; overflow:hidden;list-style:none;
         width:100%; float:right; position:relative;         
        }
.rmm .rmm-main-list{ margin:0; padding:0; width:100%;}
.rmm .rmm-main-list li{display:inline;padding:0;margin:0;}
.rmm li{background:rgba(91,196,241,0.95);max-width:360px !important; margin:0 0 0 auto; position:relative; left:300px;}
.rmm-toggled{display:none;width:100%;position:relative;overflow:hidden;margin:0 !important}
.rmm-button:hover{cursor:pointer}
.rmm .rmm-toggled ul{display:none;margin:0 !important;padding:0 !important}
.rmm .rmm-toggled ul li{display:block;margin:0 auto !important}
.rmm.minimal a{color:#FFF}
.rmm.minimal a:hover{opacity:.7}
.rmm.minimal .rmm-main-list li a{display:inline-block;padding:8px 20px 8px 20px;margin:0 -3px 0 -3px;font-size:15px}
.rmm.minimal .rmm-toggled{width:100%;min-height:42px;margin:-5px 0 0; padding:0;}
.rmm.minimal .rmm-toggled-controls{display:block;height:42px;color:#333;text-align:left;position:relative; margin:0; padding:0; top:0;}
.rmm.minimal .rmm-toggled-title{position:relative;top:9px;left:9px;font-size:16px;color:#333}
.rmm.minimal .rmm-button{display:block;position:absolute;right:25px;top:-3px;}
.rmm.minimal .rmm-button span{display:block;margin:4px 0 4px 0;height:2px;background:#333;width:25px}
.rmm.minimal .rmm-toggled ul{ background:rgba(255,255,255,0.9);}
.rmm.minimal .rmm-toggled ul li a{display:block;width:100%;text-align:left;padding:15px 30px;border-top:1px solid #EEE;color:#FFF}
.rmm.minimal .rmm-toggled ul li:first-child a{border-top:1px solid #dedede}



/* labforyou */

#introLFY{position: relative; width: 100%; height: 0; padding-top: 56.2500%;padding-bottom: 48px; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;border-radius: 8px; will-change: transform;}
#introLFY iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;}

.sideBar{  float:right; width:30%; margin:60px 0 80px;border:solid 1px #DDD;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:40px 30px; background:#FFF;box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3); font-size:100%; color:#666;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:relative;z-index:10;}
.boxLFY{  float:left;position:relative; width:68%; margin:60px 0 80px;border:solid 1px #DDD;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:50px 30px; background:#FFF;box-shadow: 0 4px 6px rgba(120, 120, 120, 0.3); font-size:100%; color:#666;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; line-height:1.6;}
.boxLFY .guess{position:absolute; top:30px; right:30px; width:100px;}
.boxLFY h2{ padding:0; margin:0;}
.boxLFY h3{ padding:0; margin:5px 0 0;font-weight:normal; color:#999}
.corsiMobile{ display:none;}
.sideBar ul{ list-style:none; padding:0; margin:0;}
.sideBar ul li{ border-bottom:solid 1px #DDD;}
.sideBar ul li a{ text-decoration:none; text-transform:uppercase; padding:8px 12px; display:block; color:#5bc4f1; font-weight:bold; font-size:95%;}
.sideBar ul li a:hover{ color:#f33796; background:#ebf9ff;}

.sideBar ul li a span{ display:block; color:#777; font-weight:normal; font-size:90%; padding-left:25px; padding-top:3px; text-transform:none; background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/calendar-grey.png) 0 center no-repeat; background-size:18px; line-height:20px}

.sideBar ul li.linked a{color:#f33796; background:#ebf9ff;}
.sideBar h3{ text-transform:uppercase; padding:7px 15px; margin:0; color:#FFF; background:#5bc4f1;}
.sideBar h3.dati{ margin-top:30px;}

.sideBar h3.new{ text-transform:uppercase; padding:7px 15px; margin:0; color:#FFF; background:#009a34;}


.spotLFY img{max-width:100%;}
.spotLFY h1{margin:0; text-align:center;}
.spotLFY a{text-decoration:none; color:#e34f4b; font-weight:bold;}
.spotLFY a:hover{text-decoration:underline;}


.boxLFY img.cta{display:block;width:100%; margin-top:10px;}
.boxLFY a.cta{display:block;width:220px; font-weight:bold; color:#2d57a4; margin: 30px auto 0; text-align:center; background:#f7d100; text-decoration:none; text-transform:uppercase; font-size:1.1em; padding:10px 20px; border-radius:5px;}
.boxLFY a.cta:hover{background:#2d57a4; color:#f7d100;}

.spotLFY2021{width:100%;position:relative; padding-bottom:56.25%; border:solid 2px black; margin-bottom:50px;}
.spotLFY2021 iframe{position:absolute; width:100%; height:100%; top:0; left:0;border:0;}
.spotLFY2021 video{position:absolute; width:100%; height:100%; top:0; left:0;border:0;}





#moduloLP,#moduloLP_Paypal{display:none}

#moduloIS *
{
    box-sizing:border-box
}


#moduloIS{
    position:fixed;
    top:0;
    left:0;
    background: rgba(0,0,0,0.7);
    width:100%;
    height: 100%;
    z-index:10000;
    display:none;
}

#moduloIS section{
    margin:5% auto;
    max-height: 90vh;
    background: url(/immagini/intesa-sanpaolo-per-merito.jpg) no-repeat 70px 80% #FFF;
    background-size:30%;
    border-radius:10px;
    max-width: 1100px;
    padding:70px;
    overflow: auto;
    position: relative;
}

#moduloIS section .info{
    float:left;
    width:50%;
    padding-right:100px;
}

#moduloIS section .info h3{
    margin:0 0 10px;
    font-size:1.9em;
    color:#2d57a4;
    line-height:1.3em;
    background:url(/immagini/landing/right-arrow-blu.png) no-repeat right center;
    padding-right:80px;
}

#moduloIS section .info h4{
    margin:50px 0 10px;
    font-size:1.3em;
    color:#2d57a4;
}


#moduloIS section ul
{
    float:left;
    width:50%;  
    margin:0;
    list-style: none;
    padding:0;
}

#moduloIS section ul li{
    padding:5px 0 15px;
}

#moduloIS section label{
    display: block;
    font-size:1.1em;
    line-height:1.2em;
    margin-bottom:1px;
    color:#888;
}

#moduloIS section input,#moduloIS section select{
    display: block;
    width: 100%;
    padding:8px;
    font-size:1.2em;
    border:solid 1px #999;
    border-radius:4px;
}


#moduloIS section input[type="checkbox"]{display:inline-block; width:auto; margin-right:7px}

#moduloIS section .testoError{
    border-color:#C00;
   background:#fff1f1;
}

#moduloIS section .sub{
    padding:30px 0 0 0;
    text-align: center;
}

#moduloIS section .sub input{
    width:auto;
    background:#f7d100;
    cursor:pointer;
    border:solid 2px #2d57a4;
    color:#2d57a4;
    font-weight:bold;
    text-transform: uppercase;
    display: inline-block;
    transition: .2s;
    font-size:1.20em;
    padding:12px 25px;
    -webkit-appearance: none;
}

#moduloIS section .sub input:hover{
    background:#2d57a4;
    color:#f7d100;
}

#moduloIS .closeLP{
    position: absolute;
    top:10px;
    right:10px;
    opacity: 0.8;
    cursor:pointer;
    width: 20px;
}

#moduloIS .privacy{    
    padding-bottom:0;
    padding:5px 10px;
    border:transparent solid 1px;
}

#moduloIS .privacy.errore
{
 border:#C00 solid 1px;
   background:#fff1f1;
}


#moduloIS .privacy input{
    display:inline-block;
    width:15px;
}

#moduloIS .privacy a{
    color:#e8514e;
    font-weight:bold;
}


#moduloIS .privacy a:hover
{
    color:#2d57a4;
    }
    
    
#moduloIS .esitoOk
{
    font-size:1.4em;
    margin:80px 0 40px;
    color:#33a42d;
    font-weight:bold;
    display:block;
    background:#33a42d;
    padding:15px 20px;
    border-radius:8px;
    color:#FFF; 
} 

#moduloIS .esitoKo
{
    font-size:1.1em;
    margin:80px 0 40px;    
   color:#C00;
   font-weight:bold;
   display:block;
   background:#C00;
   padding:15px 20px;
   border-radius:8px;
   color:#FFF;
}



@media all and (max-width: 650px) 
{
.spotLFY2021{min-height:350px}
.spotLFY2021small{background-position:97% 97%; background-size:250px}    
.spotLFY2021 ul{left:30px; top:25px; width:90%;}

#schedaCorso .center #boxCosto.black-friday
{
    background-size:160px;
}






}


@media all and (max-width: 400px) 
{
.spotLFY2021 ul{left:15px;top:15px;}
}



#boxMenuCorsi{ background:#5bc4f1; padding:0; border:solid 2px #5bc4f1; margin-top:15px;}
#boxMenuCorsi .menuCorsi{color:#FFF; padding:8px 20px; display:inline-block; text-decoration:none; text-transform:uppercase;}
#boxMenuCorsi .menuCorsi:hover{color:#5bc4f1; background:#FFF;}
#boxMenuCorsi .menuCorsiSel{color:#5bc4f1; background:#FFF; padding:8px 20px; display:inline-block; text-decoration:none; text-transform:uppercase; font-weight:bold;}

#calendario ul{ list-style:none; padding:0; margin:0;}
#calendario ul li{ padding:12px 10px; border-bottom:dashed 1px #CCC;}
#calendario ul li.passata{opacity:0.7;}
#calendario ul li .programma{ font-size:100%; color:#43a047; font-style:italic; font-weight:bold;}
#calendario ul li .note{ font-size:90%; color:#C00;}
#calendario ul li.tutoraggio{ background:url(/labforyou/hourglass.png) 5px center no-repeat #5bc4f122; padding-left:50px}

#listaArchivio ul{ list-style:none; padding:0; margin:0;}
#listaArchivio ul li{ padding:12px 10px; border-bottom:dashed 1px #CCC;}
#listaArchivio ul li span{ color:#888; font-size:90%;}

#moduloArchivio{ background:#effaff; padding:0 20px; border:solid 1px #5bc4f1; border-top:none;}
#moduloArchivio ul{list-style:none; padding:0; margin:0;}
#moduloArchivio ul li{ padding-bottom:20px;}
#moduloArchivio ul li h4{ float:left; margin:0; padding:0 0 5px; font-size:95%;}
#moduloArchivio ul li h5{ float:left; margin:0 0 0 10px; padding:3px 0 5px; color:#C00; font-weight:normal;}
#moduloArchivio ul li .textbox{ clear:left; font-size:16px; padding:3px; width:95%; max-width:350px; display:block;}
#moduloArchivio ul li .pulsante{background:none; margin-top:15px; padding:10px 25px 9px; color:#f33796; cursor:pointer;border:solid 2px #f33796; text-transform:uppercase; font-size:15px; font-weight:bold;}
#moduloArchivio ul li .pulsante:hover{ background:#f33796; color:#FFF;}
#moduloArchivio ul li.errore{color:#c00; font-weight:bold}

#areaprivata ul{ list-style:none; padding:0; margin:0;}
#areaprivata ul li{ padding:0px; border-bottom:solid 1px #DDD;}
#areaprivata ul li:first-child{border-top:solid 1px #DDD;}
#areaprivata ul li span{background:#DDD; color:#444; padding:7px 12px; width:90px; display:inline-block; margin-right:20px; text-align:right; border-bottom:solid 1px #FFF;border-top:solid 1px #FFF;}

#areaprivata ul li.videoEsercizio{background:#222;border:0;}
#areaprivata ul li.videoEsercizio span{background:#2d57a4; color:#eee; padding:10px 12px; width:90px; display:inline-block; margin-right:0; text-align:right; border-bottom:solid 0px #FFF;border-top:solid 0px #FFF;}
#areaprivata ul li.videoEsercizio i{background:#f7d100;position: relative; color:#2d57a4; padding:10px 12px; width:90px; font-style:normal; display:inline-block; margin-right:20px; text-align:center;}
#areaprivata ul li.videoEsercizio i:after {
left: 100%;
	top: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(247, 209, 0, 0);
	border-left-color: #f7d100;
	border-width: 7px;
	margin-top: -7px;
}


#areaprivata ul li.videoEsercizio a{color:#ddd;}
#areaprivata ul li.videoEsercizio a:hover{color:#fff;}

#areaprivata ul li span.ospite{width:30px;background:#FFF;}
#areaprivata ul li a{ text-decoration:none;}
#areaprivata ul li a:hover{ text-decoration:underline;}

#areavideo ul{ list-style:none; padding:0; margin:0;}
#areavideo ul li{ padding:0px; border-bottom:solid 1px #DDD; overflow:auto; position:relative}
#areavideo ul li:first-child{border-top:solid 1px #DDD;}
#areavideo ul li span{ background:#DDD; color:#444; padding:7px 12px; float:left; width:90px; display:inline-block; margin-right:20px; text-align:right; border-bottom:solid 1px #FFF;border-top:solid 1px #FFF;}
#areavideo ul li a{ text-decoration:none; display:block; padding:7px 12px 7px 50px;  background:url(../immagini/video-ciak.png) 10px 6px no-repeat;}
#areavideo ul li a:hover{ text-decoration:none; background-color:#ebf9ff}
#areavideo ul ol{padding-left:50px; margin:10px 0; list-style:decimal !important;}
#areavideo ul ol li{border:0 !important; list-style:decimal !important;}

#areavideo ul li.videoTutor{ background:#5bc4f122; }
#areavideo ul li.videoTutor a{background-image:url(/immagini/star.png)}

#areavideo ul li p.dataVideoGuess{position:absolute; top:8px; right:12px; color:#666; margin:0; font-size:.85em;}

#overlayVideo{position:fixed;top:0;left:0; background:rgba(0,0,0,0.88); z-index:10000002; width:100%; height:100%}
#overlayVideo video{max-width:1200px; width:100%; margin:70px auto 0; display:block;}
#overlayVideo a{position:absolute; top:15px; right:15px; opacity:0.6; transition:.4s; width:32px; height:32px; background:url(/labforyou/close-panel-video.png) 0 0 no-repeat; background-size:cover;}
#overlayVideo a:hover{opacity:1}

#overlayVideo2{position:fixed;top:0;left:0; background:rgba(0,0,0,0.88); z-index:10000002; width:100%; height:100%; overflow-y:auto;}
#overlayVideo2 section{position:absolute; width:100%; left:50%; top:80px; transform:translateX(-50%); max-width:1200px;max-height:70%; padding-bottom:56.25%;}
#overlayVideo2 a{position:absolute; top:15px; right:15px; opacity:0.6; transition:.4s; width:32px; height:32px; background:url(/labforyou/close-panel-video.png) 0 0 no-repeat; background-size:cover;}
#overlayVideo2 a:hover{opacity:1}

#overlayVideo2 .swarm-fluid{background:#fff}
#overlayVideo2 .watermark{position:absolute; top:0; left:0; width:100%; height:100px; background:rgba(255,0,0,0.3)}

#overlayVideoStopCode{position:fixed;top:0;left:0;display:none; background:rgba(0,0,0,0.88); z-index:10000002; width:100%; height:100%}
#overlayVideoStopCode video{max-width:1200px; width:100%; margin:50px auto 0; display:block;}
#overlayVideoStopCode a{position:absolute; top:15px; right:15px; opacity:0.6; transition:.4s; width:32px; height:32px; background:url(/labforyou/close-panel-video.png) 0 0 no-repeat; background-size:cover;}
#overlayVideoStopCode a:hover{opacity:1}




.pulsanteInvio{margin-top:25px; padding-bottom:30px; border-bottom:solid 1px #DDD;}
.pulsanteInvio .pulsante{background:none; padding:10px 25px 9px; color:#f33796; cursor:pointer;border:solid 2px #f33796; text-transform:uppercase; font-size:16px; font-weight:bold;}
.pulsanteInvio .pulsante:hover{ background:#f33796; color:#FFF;}

#moduloBacheca{ background:#effaff; padding:0 20px; border:solid 1px #5bc4f1; border-top:none;}
#bacheca ul{ list-style:none; padding:0; margin:0; font-size:95%;}
#bacheca ul li{ padding:0px;}
#bacheca ul li span.docente{ background:#EEE; color:#444; padding:2px 10px; width:70%; display:inline-block; text-align:left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#bacheca ul li span.data{ background:#DDD; color:#444; padding:2px 10px; width:30%; display:inline-block; text-align:right;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#bacheca ul li a{ text-decoration:underline;}
#bacheca ul li div{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:0 10px; font-size:95%; margin:7px 0 45px}
#bacheca ul li div p{ padding:0; margin:0 0 10px}


.lfybody{background:#EEE;}
.moduloLFY{ width:65%; padding:0; list-style:none; margin:0}
.moduloLFY li{ padding:8px 0; display:block;}
.moduloLFY li h4{ float:left; margin:0; padding:0 0 5px;}
.moduloLFY li h5{ float:left; margin:0 0 0 10px; padding:2px 0 5px; color:#C00; font-weight:normal;}
.moduloLFY li .textbox{ clear:left; font-size:16px; padding:3px; width:95%; max-width:350px; display:block;}
.moduloLFY li .pulsante{clear:left; border:solid 1px #00CC00; background:#00CC00; color:#FFF; text-transform:uppercase; padding:6px 15px 5px; font-size:100%; margin:10px 0 0; font-weight:bold; cursor:pointer;}
.moduloLFY li .pulsante:hover{background:#FFF; color:#00CC00;}
.moduloLFY li a{ font-size:80%; text-decoration:none;}
.moduloLFY li a:hover{ text-decoration:underline;}
.moduloLFY li p{ float:left; width:80%; font-size:80%; padding:0 0 20px; margin:0;}
.moduloLFY li p a{ font-size:100%;}
.moduloLFY li.datiErrati{ font-size:85%; color:#C00;}


.alert{ background:url(../immagini/alert.png) 0 bottom repeat-x #000; color:#FFF; padding:40px 0 70px;}
.alert h2{ padding:0; margin:0 0 20px; font-size:200%; text-transform:uppercase; font-weight:normal;}
.alert p{ line-height:1.5em; font-size:110%;}

.sfondoMailOk{ position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:1000; left:0; top:0;}

.mailOk{ width:90%; max-width:800px; padding:40px 30px 40px 160px; box-shadow: 0 0 6px 3px rgba(100, 100, 100, 0.1); margin:150px auto; border-radius:2px; background:url(../immagini/ok.png) 30px 30px no-repeat #FFF;
         -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

.mailOk h2, .mailOk h3{ font-weight:normal;}
.mailOk h2{ font-size:200%; margin:0;}
.mailOk h3{ margin:10px 0 0;}
.mailOk .chiudi{ float:right; margin:-40px -20px 0 0; font-size:30px; text-decoration:none; color:#DDD; font-family:Verdana; padding:3px 11px;}
.mailOk .chiudi:hover{color:#BBB;}

.mailOk ul{ padding:20px 0; margin:0; list-style:none; overflow:auto;}
.mailOk ul li{ width:55px; height:45px; padding:0; margin:0; float:left;}
.mailOk ul li a{ width:45px; height:45px; display:block;}
.mailOk ul li a.facebook{background:url(../immagini/facebook-color.png) 0 0 no-repeat;}
.mailOk ul li a.facebook:hover{background:url(../immagini/facebook-color.png) 0 -45px no-repeat;}
.mailOk ul li a.twitter{background:url(../immagini/twitter-color.png) 0 0 no-repeat;}
.mailOk ul li a.twitter:hover{background:url(../immagini/twitter-color.png) 0 -45px no-repeat;}
.mailOk ul li a.googleplus{background:url(../immagini/googleplus-color.png) 0 0 no-repeat;}
.mailOk ul li a.googleplus:hover{background:url(../immagini/googleplus-color.png) 0 -45px no-repeat;}
.mailOk ul li a.linkedin{background:url(../immagini/linkedin-color.png) 0 0 no-repeat}
.mailOk ul li a.linkedin:hover{background:url(../immagini/linkedin-color.png) 0 -45px no-repeat;}


.popup{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99; font-size:1rem;}
.popup div{box-sizing:border-box; max-width:700px; max-height:70vh; padding:30px 25px; background:#FFF; margin:15vh auto 0; overflow-y:auto;border:solid 5px #9dd301;}
.popup div h3{margin-top:0;}
.popup .w25{box-sizing:border-box; width:25%; font-size:1.2em; padding:9px 25px;border-radius:none; background:#9dd301; border:solid 1px #9dd301; color:#FFF; outline:none; text-transform:uppercase;margin:0;}
.popup .w25:hover{background:#a8e102; cursor:pointer;margin:0;}
.popup .w75{box-sizing:border-box; width:74%; font-size:1.2em; padding:9px;border:solid 1px #9dd301; background:#f9ffe7; outline:none;}
.popup .errore{border-color:#C00; background:#fff6e7;}
.popup span.avviso{display:block; padding-top:15px; font-weight:bold; font-size:.85em;}
.popup .chiudi{position:absolute; top:20px; right:20px;}

.loadingNow{background:url(/images/loading.gif) center center no-repeat rgba(255,255,255,0.9); display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999;}




@media all and (max-width: 600px) {
.popup{padding:10px;box-sizing:border-box;}
.popup div{max-width:600px; max-height:90vh; padding:20px 15px; margin:5vh auto 0; border:solid 3px #9dd301;}
.popup .w75{box-sizing:border-box; width:100%; margin-bottom:10px; font-size:1.2em; padding:9px;border:solid 1px #9dd301; background:#f9ffe7; outline:none;}
.popup .w25{padding:9px 25px; display:block; width:150px; margin:0 auto; text-align:center;}
.spazioNews .notizia .lastMod{margin-top:0px;}


#schedaCorso .center #englishBox img
{
    float:right;
    max-width:80px;
    margin-right:0;
    margin-left:15px
}

}

#loading{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:99; display:none;}
.caricamento{ background:url(../images/loading.gif) center center no-repeat; margin:0 auto; width:100%; height:100%;}

.cancellaArchivio{background:url(https://www.labforweb.it/images/delete.png) 0 0 no-repeat; width:30px; height:30px; float:right; margin-top:5px;}

.boxConsensoCookie{ background:#F1F1F1; border:solid 1px #CCC; padding:5px 25px 25px; box-sizing:border-box; margin-top:50px;}


.corsiAI{ margin:0 auto; padding:50px 0; overflow:auto; background:#e9e9e9;}

.corsiAI .content{ max-width:1150px;}


.allInclusive{ background:#FFF; margin:0; border:solid 2px #DDD; float:left; width:32%; font-size:90%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
/*.allInclusive{ background:#FFF; border:solid 1px #DDD; float:left; width:35%; font-size:90%;}*/
.corsiAI .left{ margin:0 2% 0 0;}
.corsiAI .right{ margin:0;}
.allInclusive h1,.allInclusive h2,.allInclusive h3,.allInclusive h4{font-weight:normal; padding:0px; margin:0; line-height:1.4em;}
.allInclusive h1{ padding:15px 10px 0; text-align:center; font-size:200%;}
.allInclusive h2{ padding:10px; text-align:center; font-size:130%;}
.allInclusive h3{ padding:10px; text-align:center; font-size:120%;}
.allInclusive h4{ padding:10px; text-align:center; font-size:120%;}
.allInclusive h1 span{ display:block; font-size:90%;}


.allInclusive:hover{ border:solid 2px #5bc4f1;}


.aiPromo{ background:#ff6600; height:50px; width:100%; font-weight:bold; border-bottom:solid 2px #FFF; border-top:solid 2px #FFF; line-height:50px; font-size:150%; text-transform:uppercase; color:#FFF; text-align:center;}



.allInclusive ul{ padding:0 15px; margin:0; list-style:none; box-sizing:border-box; font-size:.85em;}
.allInclusive ul li{ text-align:center;}
.allInclusive img{ width:100%;}
.allInclusive h2{ padding:12px 15px 0; font-size:140%;}
.allInclusive h3 span{ font-size:80%; display:block; padding-top:3px;}
.allInclusive h4.promo{ padding:10px; font-size:110%; color:#C00;}
.allInclusive ul li.cta{ padding:15px 15px 25px}
.allInclusive ul li.cta a{ background:#5bc4f1; padding:7px 10px; display:block; max-width:130px; color:#FFF; margin:0 auto; text-decoration:none; font-size:110%; text-align:center; border:solid 1px #5bc4f1; text-transform:uppercase;
                           border-radius:2px;-moz-border-radius:2px;
}
.allInclusive ul li.cta a:hover{ background:#FFF; color:#5bc4f1;}

.allInclusive .wrapMobile{ display:none}
.spazioMobile{ display:none}



#programma {width: 100%; font-size:1.2em; max-width:1000px; margin:0 auto;padding:30px 0 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#programma h3{ margin:0; padding:0 0 0 0; box-sizing:content-box; position:relative; font-family:'Poppins',sans-serif;}
#programma h3 span{ position:absolute; right:45px; top:0; padding:14px 6px 7px; width:100px; height:100%; font-size:1em; text-align:center; font-weight:normal; color:#FFF; box-sizing:border-box}
#programma h3 span.week{ position:absolute; right:45px; top:0; padding:9px 6px 7px; width:100px; height:100%; line-height:1.2em; font-size:.9em; text-align:center; font-weight:normal; color:#FFF; box-sizing:border-box}
#programma .contenutoAccordion {display:none;padding:0 20px 0 30px;	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#programma h4{text-align:center; font-size:1.3em;}
#programma h3 i{display:block; font-style:normal; font-weight:normal; font-size:.9em;}

#programma > ul{padding-left:0;}
#programma > ul > li{position:relative;overflow:hidden;padding:0; margin:30px 0;}
#programma > ul > li a{display:block;background:url(../immagini/scroll-down-accordion.png) right center no-repeat #F5F5F5;padding:15px 20px; text-decoration:none; color:#444;font-size:85%;}

#programma > ul > li a.pausa{display:block;background:#5bc4f1;padding:15px 20px; text-decoration:none; color:#FFF;font-size:85%;cursor:default;}

#programma > ul > li a:hover{background:url(../immagini/scroll-down-accordion.png) right center no-repeat #EEE;}
#programma > ul > li a.pausa:hover{display:block;background:#5bc4f1;padding:15px 20px; text-decoration:none; color:#FFF;cursor:default;}

#programma > ul > li a em{font-weight:normal; font-size:.85em;}


#programma > ul > li a[target="_blank"]{display:inline-block;background:none;padding:0; text-decoration:none; color:#e20079;font-size:100%;font-weight:bold}
#programma > ul > li a[target="_blank"]:hover{background:none; text-decoration:underline;}

#programma > p.tutoring{display:block;background:#F5F5F5;padding:15px 20px; color:#444;font-size:.97em;position:relative; border-left: solid 3px #5bc3f1}
#programma p.tutoring span{ position:absolute; right:45px; top:0; padding:14px 6px 7px; width:100px; height:100%; font-size:1em; text-align:center; font-weight:normal; color:#FFF; box-sizing:border-box; background:#5bc3f1}


#programma.programmaSingolo > ul{padding-left:15px;}
#programma.programmaSingolo > ul > li{padding:5px 0; margin:0;}
#programma.programmaSingolo > ul > li:before{content:"- ";}

#programma ul.contenutoAccordion ul{ padding-bottom:0; padding-left:50px !important;}

#programma .contenutoAccordion{display:none;padding:0 40px; margin:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; font-family:'Poppins',sans-serif;}
.contenutoAccordion li{ font-size:.9em; padding:2px 0 0 0; list-style-position:inside;}

.contenutoAccordion li.nolist{ list-style:none;}
.contenutoAccordion li.nolist a.linkToModulo{background:none !important; color:#e20079 !important; font-size:100% !important; text-transform:uppercase; font-weight:bold;}
.contenutoAccordion li.nolist a.linkToModulo:hover{ text-decoration:underline !important; background:none !important;}
.contenutoAccordion li.calendarioList{ background:#FFF; padding:35px 0 20px; margin:0 0 20px; border:none; border-bottom:solid 1px #CCC; font-size:1em;}

.centraTestoBlock{display:block; text-align:center;}



/* aggiunta per moduli con programmi lunghi */
    
    
    #programma.large h2{padding-bottom:20px;}
    
    #programma.large
    {
        padding:0 !important;
        margin-bottom:50px;
    }
        
        
      #programma.large .ulLarge
      {
        padding:0 25px 20px; 
      }
        
    #programma.large label
    {
        display:block;
        text-align:left;
        background:#F5F5F5;
        border:solid 2px #EEE;
        padding:20px 25px;
        cursor:pointer;
        position:relative;
        transition:.3s;
    }
    #programma.large label:hover
    {
        background:#EEE;
        border-color:#5bc4f1;
     }
    
    #programma.large label.active
    {
     background:#5bc4f1;
     color:#FFF;
    }
    
    #programma.large label img
    {
        position:absolute;
        right:20px;
        top:25px;  
        transition:.5s;    
    }
    
    #programma.large label.active img
    {
        transform: rotate(135deg);
    }
    
    
    #programma.large ul
    {
        display:none;
   }
   #programma input[type="checkbox"]{display:none;}




/* aggiunta per moduli con programmi lunghi */


.menuOffCanvas
{
    position:fixed;
    top:0;
    left:-300px;
    width:250px;
    height:100%;
    background:rgba(255,255,255,0.9);
    box-sizing:border-box;
    padding:0; 
    -webkit-box-shadow: 10px 0px 10px -2px rgba(0,0,0,0.13);
-moz-box-shadow: 10px 0px 10px -2px rgba(0,0,0,0.13);
box-shadow: 10px 0px 10px -2px rgba(0,0,0,0.13);
transition:left .8s;
opacity:0;
z-index:6;
}

.menuOffCanvas ul{list-style:none; padding:0; margin:0;}
.menuOffCanvas ul li:first-child{border-bottom:none;}

.menuOffCanvas ul li{border-bottom:solid 1px #EEE; position:relative;}
.menuOffCanvas ul li img{position:absolute; right:-18px; top:50%;margin-top:-8px; opacity:1; transition:opacity 1s; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); z-index:10;}

.menuOffCanvas ul li span{ display:block; padding:10px 20px; line-height:1.4em; text-decoration:none; font-size:1em; font-weight:bold;}
.menuOffCanvas ul a{ display:block; padding:10px 20px; color:#444; line-height:1.4em; text-decoration:none; background:#FFF; font-size:.9em; font-weight:bold; transition:background .4s,color .2s;}
.menuOffCanvas ul a:hover{background:#5bc4f1; color:#FFF;}

.menuOffCanvas ul li.active a{background:#5bc4f1; color:#FFF;}


.menuOffCanvas aside
{   
  box-sizing:border-box; 
  padding:20px 8px;
  }


.menuOffCanvas aside div{position:relative;  background:#FFF; margin-top:15px;box-sizing:border-box; }
.menuOffCanvas aside div img{max-width:100%; max-height:150px; display:block;border:solid 3px #FFF;box-sizing:border-box; margin:0 auto;}
.menuOffCanvas aside h3{margin:0; padding:5px 10px; font-size:.9em; text-align:center;}
.menuOffCanvas aside div a{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
.menuOffCanvas aside div h3{opacity:0; transition:.7s; margin:0;  text-align:center; padding:8px 20px; line-height:1.2em; box-sizing:border-box; position:absolute;bottom:0; left:0; width:100%; background:rgba(255,255,255,0.8); color:#222; font-size:.85em;}
.menuOffCanvas aside div h3 span{font-weight:normal; display:block; text-align:center; font-size:.85em; padding-top:4px;}
.menuOffCanvas aside div:hover h3{opacity:1}

/*****************************************************************/
/******** OPEN DAY POP UP ****************************************/
/*****************************************************************/

.openday{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10; font-size:16px;}
.openday .contenitoreOD{ width:90%; max-width:700px; background:url(../immagini/open-day-dic2015.jpg) 0 0 no-repeat #111; border:solid 3px #111; 
                         min-height:380px; margin:10% auto; box-sizing:border-box;
                         border-radius:4px; position:relative; }
.openday .contenitoreOD .testo{ position:absolute; bottom:0; left:0; width:100%; max-width:500px; min-height:100px;  box-sizing:border-box; 
                                padding:10px 20px 30px 37px; font-size:130%; line-height:1.4; color:#222;}
.openday .contenitoreOD .testo a{ text-decoration:none; background:#FFF; color:#FFF; color:#222; padding:7px 0 6px;border:solid 1px #222; margin-top:20px;
                                  display:block; text-align:center; width:140px; font-size:80%;}
.openday .contenitoreOD .testo a:hover{ background:#222;border:solid 1px #FFF; color:#FFF;}
.openday .contenitoreOD .testo strong{ background:#222; color:#FFF; padding:1px 7px;}
                                  
.closeOD{position:absolute; top:-15px; right:-15px; display:block; height:50px; width:50px; background:url(../immagini/circle-close.png) 0 0 no-repeat; border:none;}
.linkAbsolute{ position:absolute; left:260px; text-align:center; bottom:20px; width:150px; padding:8px 15px; border:solid 1px #FFF; color:#FFF; text-decoration:none; text-transform:uppercase;}
.linkAbsolute:hover{ background:#FFF; color:#111;}

.moduloGDPR{padding:0; list-style:none; margin:0;}
.moduloGDPR li{padding-bottom:15px;}
.moduloGDPR li > label{display:block; font-weight:bold;}
.radioB{padding:20px; box-sizing:border-box; background:#effaff; margin-top:15px;}
.radioB td{padding-bottom:10px; font-size:.95em; line-height:1.6em;}
.radioB tr:last-child td{padding-bottom:0;}
.radioB td input{margin-right:10px;}

.moduloGDPR li .mmail,.moduloGDPR li .area{font-size:1em; padding:6px; border:solid 2px #DDD; width:100%; max-width:600px;}
.moduloGDPR li .area{min-height:100px;}
.moduloGDPR li .invia{border:solid 2px #009933; background:#FFF; display:block; text-align:center; width:290px; margin:0 auto; background:#009933; color:#fff;  padding:12px 0; cursor:pointer; font-size:1em;}
.moduloGDPR li .invia:hover{ background:#02b03c;}
.moduloGDPR li:last-child{padding-top:20px;}
div.ok{background:#e4ffed; padding:5px 20px; box-sizing:border-box; font-weight:bold;}
div.ok p.noBold{font-weight:normal;}
div.ok .invia{border:solid 2px #009933; background:#FFF; color:#009933;  padding:12px 25px; cursor:pointer; font-size:1em; margin:10px 0 30px;}
div.ok .invia:hover{ background:#009933; color:#fff;}
@media all and (max-width: 930px) 
{
    /*.openday .contenitoreOD{ width:90%; max-width:750px; min-height:380px; background:url(../immagini/open-day-2015-750.png) 0 0 no-repeat #FFF;}
    .openday .contenitoreOD .testo{padding:10px 20px 30px 30px;}*/
    .aiPromo{height:40px; line-height:40px; font-size:130%;}


.dx .programmaSingolo
{
    border-left:none;
    border-right:none;
    padding:0 !important;
}



.menuOffCanvas aside{display:none;}
}

@media all and (max-width: 779px) 
{
    .openday .contenitoreOD{ width:95%; max-width:570px;min-height:310px;  background:url(../immagini/open-day-dic2015-600.jpg) 0 0 no-repeat #111;}
    .openday .contenitoreOD .testo{max-width:400px; min-height:100px; font-size:120%;padding:10px 20px 30px 25px;}
    .linkAbsolute{left:195px;}

    .aiPromo{min-height:40px; height:auto;line-height:40px; font-size:110%;}
    
    .imageSoldOut{ position:absolute; top:63px; right:7px; max-width:80px;}
    
    #schedaCorso .center ul.boxSaldi{ background:url(/immagini/sale-tag-64.png) 99% 10px no-repeat #5bc4f1; list-style:none; padding:20px 70px 20px 20px; font-size:1em;}
    #schedaCorso .center ul.boxSaldi li{padding:0; margin:25px 0 0; border-left:none;}
    
    
    
 #schedaCorso .center #jobplacement img{
    max-width:180px;
    margin-left:20px
} 
  
  
  
 .intesaHome section img{float:none; width:100%}

.intesaHome section .infoIS{float:none; width:100%; padding-left:0;} 
    
}

@media all and (max-width: 599px) 
{
    .openday .contenitoreOD{ width:95%; max-width:480px;min-height:290px; background:url(../immagini/open-day-dic2015-480.jpg) 0 0 no-repeat #111;}
    .openday .contenitoreOD .testo{max-width:380px; min-height:100px;padding:10px 15px 25px 15px; font-size:120%;}
    .linkAbsolute{left:150px;}
    .aiPromo{line-height:20px; font-size:120%; padding:10px 0;}
    
    
.spazioNews dl.lista dt:before {
	/*display:none;
	padding:0;   */
}
.spazioNews dl.lista dd {
	margin: 0 0 30px 0;
    font-size:1.1.em;
}	
 
dl.lista dt, dl.lista dd {
	padding-left: 75px;
	padding-top:0;
}



.news .imgDx{max-width:100%; float:none; margin:0 auto 15px; display:block}
.news .imgSx{max-width:100%; float:none; margin:0 auto 15px; display:block}
 
 
 #schedaCorso .center #jobplacement img{
    max-width:150px;
    margin-left:12px
} 
     
    
}

@media all and (max-width: 480px) 
{
    .openday .contenitoreOD{ width:98%; max-width:400px; min-height:260px; background:url(../immagini/open-day-dic2015-400.jpg) 0 0 no-repeat #111;margin:15% auto;}
    .openday .contenitoreOD .testo{max-width:280px; min-height:100px;padding:8px 15px 20px 15px; font-size:110%; line-height:1.3;}
    .openday .contenitoreOD .testo a{padding:5px 0 4px; margin-top:15px; width:120px; font-size:90%;}
    .openday .contenitoreOD .testo strong{ background:none; color:#222; padding:0; font-weight:bold;}
.linkAbsolute{left:110px;}


 #schedaCorso .center #jobplacement img{
    max-width:150px;
    display:block;
    float:none;
    margin:10px auto;
} 
    

}

@media all and (max-width: 420px) 
{
    .openday .contenitoreOD{ width:100%; max-width:320px; min-height:220px; background:url(../immagini/open-day-dic2015-300.jpg) 0 0 no-repeat #111;margin:15% auto;}
    .openday .contenitoreOD .testo{max-width:240px; min-height:100px;padding:8px 12px 15px 12px; font-size:100%; line-height:1.2;}
    .openday .contenitoreOD .testo a{padding:5px 0 4px; margin-top:10px; width:120px; font-size:90%;}
    .openday .contenitoreOD .testo strong{ background:none; color:#222; padding:0; font-weight:bold;}
.linkAbsolute{left:60px;}
}

/*****************************************************************/
/******** FINE OPEN DAY POP UP ***********************************/
/*****************************************************************/


@media all and (max-width: 1520px) {
#menu{margin:0 0 0 1%;}
.sfMenuHome{padding:0 5%; height:89px;}
#abstract{top:89px;}
#logo{margin-right:6%;}

#webdesign .content{margin:0 20% 0 10%; width:70%;}
#webdev .content{margin:0 6% 0 24%; width:70%;}
#copy .content{margin:0 20% 0 10%; width:70%;}
#grafica .content{margin:0 6% 0 24%; width:70%;}

.contentScuola{ background:url(../immagini/responsive/1500/aule.jpg) center top no-repeat; height:490px;  }
ul.scuola > li{padding:50px 35px;}





}

@media all and (max-width: 1400px) {
#abstract ul{width:230px;}
#logo{margin-right:5%;}
.spotScuola h1{font-size:220%;line-height:1.6;}

.contentDis .spotFoto{ margin:200px auto 60px;}
}

/*BLOCCO OPEN DAY*/
@media all and (max-width: 1360px) {

#menu{margin:0 0 0 2%;}
.sfMenuHome{padding:0 2%; height:89px;}

.contentHomeOD2024 .allPage section .bloccoOD{
    top:40px;
    padding-left:60px
}

.contentHomeOD2024 .bloccoOD .titolo{font-size:80px;}
.contentHomeOD2024 .bloccoOD .titolo span{line-height:50px; }
.contentHomeOD2024 .bloccoOD .data{font-size:3em;margin:10px 0 40px;}

}

@media all and (max-width: 1095px) 
{
    .contentHomeOD2024 .allPage section .bloccoOD{
    top:20px;
    padding-left:30px
}

.contentHomeOD2024 .bloccoOD .titolo{font-size:70px;}
.contentHomeOD2024 .bloccoOD .introHome{font-size:30px; max-width:420px;}
.contentHomeOD2024 .bloccoOD .data{font-size:2.5em;margin:10px 0 35px;}

}


@media all and (max-width: 730px) 
{
    .contentHomeOD2024 .allPage section .bloccoOD{
    top:20px;
    padding-left:25px
}

.contentHomeOD2024 .bloccoOD .titolo{font-size:55px;}
.contentHomeOD2024 .bloccoOD .introHome{font-size:27px;}
.contentHomeOD2024 .bloccoOD .data{font-size:2em;margin:2px 0 35px;}

}

@media all and (max-width: 560px) 
{
    .contentHomeOD2024 .allPage section .bloccoOD{
    top:10px;
    padding:50px 20px;
    text-align:center;
}

.contentHomeOD2024 .bloccoOD .titolo{font-size:70px;}
.contentHomeOD2024 .bloccoOD .introHome{font-size:24px; max-width:360px; margin:0 auto;}
.contentHomeOD2024 .bloccoOD .data{font-size:2em;margin:15px 0 35px;}

}

@media all and (max-width: 440px) 
{
    .contentHomeOD2024 .allPage section .bloccoOD{
    top:0;
    padding:50px 20px;
}

.contentHomeOD2024 .bloccoOD .titolo{font-size:55px;}
.contentHomeOD2024 .bloccoOD .data{font-size:1.8em;margin:2px 0 30px;}

}

/*BLOCCO OPEN DAY*/


@media all and (max-width: 1280px) {
body{ font-size:15px;}
.sfMenuHome{height:86px;}
#logo{width:200px; height:60px; margin-top:10px; margin-right:6%;}
.contentHome{ background:url(../immagini/responsive/1280/bannerHome.jpg) 0 0 no-repeat; height:440px; background-size:cover;}
.contentScuola{ background:url(../immagini/responsive/1280/aule.jpg) center top no-repeat; height:440px;}
#entra{ background:rgba(255,255,255,0.3); height:55px; padding:15px 0 30px; position:absolute; top:360px; width:100%;}
#entra a{padding:12px 20px;font-size:130%;}
#abstract{top:78px; height:255px;}
#abstract ul{width:220px;}
#abstract ul li{ padding:5px 10px 7px 10px; font-size:90%;}

.spotScuola{width:92%;padding:12px 25px;}

#corsiHome ul li img{max-width:180px; }
footer .content{width:100%;}
#schedaCorso .sx{padding:30px 30px 50px;}
#schedaCorso .center{padding:30px 30px 50px;}
.dx{padding:40px 30px 50px;}
.masterBox{padding:0; width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.lampetti{background:url(../immagini/responsive/1280/lampetti.png) right 0 no-repeat;}
.spotInterno{font-size:1em; padding:20px 0; width:80%;}

#webdesign{background:url(../immagini/responsive/1280/web-designer.png) right -1px no-repeat #9dd301;}
#webdev{background:url(../immagini/responsive/1280/web-developer.png) left 0 no-repeat #ffcc00;}
#copy{background:url(../immagini/responsive/1280/web-content-man.png) right -1px no-repeat #e20079;}
#grafica{background:url(../immagini/responsive/1280/graphic-designer.png) left 0 no-repeat #ff6600;}

ul.scuola > li h2{ font-size:165%;}
ul.scuola > li{padding:50px 30px;}
ul.scuola > li img{ margin:20px auto 25px; width:170px;}

ul.figureProfessionali li{padding:0; width:22%; margin:0 1.5%; float:left;}
ul.figureProfessionali li:last-child{ margin:0 1.5%;}
ul.figureProfessionali li p{ padding:5px 10px;}

#labforyou{padding:80px 50px;}

.box-docenti .item .abDocenti p{ font-size:110%;}

.spazioNews{ width:70%;}
.sideBarNews{width:30%; font-size:110%; }
.spazioNews .notizia{ padding:40px 30px;}



}

@media all and (max-width: 1230px) {
.sfMenuHome{padding:0 1%; height:78px;}
#menu li a{padding:0 15px;font-size:1em; line-height:80px}

#menu li a.selected{ background:url(../immagini/lampo-mini.png) center -2px no-repeat rgba(68,68,68,0.95);color:#FFF}
#menu > li:hover{background:url(../immagini/lampo-mini.png) center -2px no-repeat rgba(68,68,68,0.95);}
#abstract{top:78px; height:245px;}
#abstract ul{width:208px;}
#abstract ul li ul li img{ width:110px;}



#thankyou{padding:60px 30px; font-size:1.1em; color:#666;}
#thankyou h1{font-size:2.1em;}
#thankyou h3{ font-size:1.3em; padding:15px 0 0;}
#thankyou h4{line-height:1.5em; padding:15px 0;font-size:1.1em;}


.corsi ul.boxGrandi{max-width:1050px;}
.corsi ul.boxGrandi li h2{margin:5px 0 0; font-size:1.4em; line-height:1.2em; height:95px; }
.corsi ul.boxGrandi li p{font-size:.8em;}




}

@media all and (max-width: 1160px) {
#abstract ul{width:195px;}
#logo{width:167px; height:50px; margin-top:13px; margin-right:6%;}
.sfMenuHome{padding:0 1%; height:73px;}
#menu li a{padding:0 12px; line-height:72px}
#menu li a.selected{ background:url(../immagini/lampo-mini.png) center -3px no-repeat rgba(91,196,241,0.95);color:#FFF}
#menu > li:hover{background:url(../immagini/lampo-mini.png) center -3px no-repeat rgba(91,196,241,0.95);}
#abstract{top:73px; height:235px;}
#abstract ul li ul li img{ width:105px;}
#abstract ul li ul li a{ line-height:1.2em;}
#schedaCorso .sx{padding:30px 20px 50px;}
#schedaCorso .center{padding:30px 20px 50px;}
.dx{padding:40px 20px 50px;}


ul.scuola > li h2{ font-size:145%;}
ul.scuola > li{padding:50px 25px;}

#chiarezza img{ float:left; margin-right:50px; margin-bottom:40px;}
#labforyou{padding:80px 40px;}
#labforyou ul.login{ width:40%;}
#labforyou ul.registrati{ width:60%;}

.sideBar{  float:right; width:34%;padding:50px 30px;}
.boxLFY{  float:left; width:64%;}
#bacheca ul li span.docente{width:60%;}
#bacheca ul li span.data{width:40%;}


.piuDocenti ul.doc4 li{width:65%;padding:0 30px; display:block; margin:30px auto;}

.allInclusive h1{font-size:160%;}

.corsi ul.boxGrandi li{ width:46%; margin:15px 2%;}
.corsi ul.boxGrandi li p{font-size:.9em;}


#schedaCorso .center #boxPercorso span{
    font-size:2.3em;    
    width:110px;
    line-height:50px;
}

#schedaCorso .center #boxPercorso p{
    font-size:.95em;
    line-height:1.4em;
    max-width:400px;    
}


#schedaCorso .center #boxCosto p{
    font-size:.95em;
    line-height:1.4em;
    max-width:500px;    
}



.boxHomeSpot.box4 > ul > li
{
    width:50%;
}


.boxHomeSpot.box3 > ul > li{
    width:50%;
}

}


@media all and (max-width: 1080px) 
{
#abstract{height:230px;}
#abstract ul{width:180px;}
#abstract ul li{font-size:85%;}
#abstract ul li ul li{font-size:90%;}
#corsiHome ul li img{max-width:160px; }
#corsiHome ul li a.title{font-size:110%;margin-top:15px;}

#chiarezza img{ float:left; margin-right:50px; margin-bottom:80px;}
ul.figureProfessionali li img{ height:120px;}

.spotScuola{margin:270px auto 0; width:100%;padding:10px 20px;}
.spotScuola h1{font-size:180%;}

#boxMenuCorsi{font-size:95%;}
#boxMenuCorsi .menuCorsi{padding:6px 17px;}
#boxMenuCorsi .menuCorsiSel{padding:6px 17px;}

.box-docenti .item,.box-studenti .item {
 	width: 45%;
}

.spazioNews .notizia{ padding:30px 25px;}


.sfMenuHome{padding:0; height:71px;}
.sfMenuHome #logo{ margin-left:25px;} 




.masterBox{width:100%;}
.masterBox .spazioSpotMaster{float:right; padding:25px 35px;}
.masterBox .spazioSpotMaster .linkToForm{ text-decoration:none; padding:8px 25px 9px; text-transform:uppercase; margin-top:20px; float:left; background:#5bc4f1; color:#FFF; border-radius:2px;}
.masterBox .spazioSpotMaster .linkToForm:hover{background:#555;}
.masterBox ul{ padding:0; margin:0 auto;}

.masterBox .spazioSpotMaster .alternativaBox{float:right; height:20px; width:390px; clear:left; text-align:right; margin-top:55px; color:#999; font-size:90%; padding-top:5px;}
.masterBox .spazioSpotMaster .alternativaBox a{height:34px; display:block; background:url(../immagini/scroll-down.png) right 0 no-repeat; float:right; margin-left:8px; padding-right:35px; text-decoration:none; color:#AAA; line-height:1.2; font-size:90%; line-height:16px;}
.masterBox .spazioSpotMaster .alternativaBox a:hover{ color:#888;background:url(/immagini/scroll-down.gif) right 0 no-repeat;}

}




@media all and (max-width: 1024px) {
body{ font-size:14px;}
.contentHome{ background:url(../immagini/responsive/1024/bannerHome.jpg) 0 0 no-repeat; height:400px; background-size:cover;}
.contentScuola{ background:url(../immagini/responsive/1024/aule.jpg) center top no-repeat; height:400px;}


#abstract{height:220px; top:70px;}
#abstract ul li ul li img{ width:95px;}
#entra{ background:rgba(255,255,255,0.3); height:55px; padding:8px 0 20px; position:absolute; top:340px; width:100%;}
#entra a{padding:10px 18px;font-size:120%;}
#webdesign{background:url(../immagini/responsive/1024/web-designer.png) right -1px no-repeat #9dd301;}
#webdev{background:url(../immagini/responsive/1024/web-developer.png) left 0 no-repeat #ffcc00;}
#copy{background:url(../immagini/responsive/1024/web-content-man.png) right -1px no-repeat #e20079;}
#grafica{background:url(../immagini/responsive/1024/graphic-designer.png) left 0 no-repeat #ff6600;}

#labforyou{padding:60px 25px;}

#labforyou ul.login{ width:45%;}
#labforyou ul.registrati{ width:55%;}

.box-docenti .item .abDocenti p{ font-size:110%;}

.contentHomeOD2024 .contentPromo .cta{left:30px}
}


@media all and (max-width: 1023px) {
#logo{margin-right:4%;}

#tipoCorsiHome section p,#tipoCorsiHome section span{display:none;}
#tipoCorsiHome section:hover h3{top:50%;}

#schedaCorso .sx{padding:30px 40px; width:100%; display:block; font-size:1em; text-align:left;}
#schedaCorso .sx img{ float:left; margin-right:8%;max-width:92%;}
#schedaCorso .sx h1,#schedaCorso .sx h4,#schedaCorso .sx h2{ text-align:center;}
#schedaCorso .sx img.Banner{ float:left; margin-right:8%;height:auto; margin-bottom:20px;}
#schedaCorso .sx img.imgBig{ float:none; display:block; margin:20px auto 20px;max-width:100%;}


#schedaCorso .sx p{ font-size:1.3em; line-height:1.65em;}

#schedaCorso .sx p.percorsi{ text-align:center}

#schedaCorso .sx .listaCta{clear:left;}
#schedaCorso .sx .listaCta li{ text-align:center;}


#schedaCorso .sx .iscrizione{ display:block; margin:0 auto; text-align:center; width:270px; font-size:120%;}
#schedaCorso .center{padding:30px 40px; width:100%;display:block;font-size:110%}
.dx{padding:40px; width:100%;display:block;font-size:110%}
#schedaCorso .sx .promo,.dx .promo{ max-width:600px; padding:10px 15px;}
#programma {width:95%;margin:0 auto; font-size:1.1em;}
#programma h3 span{padding:10px 0 5px; width:80px;}
#programma > ul >li a{padding:10px 20px;}

.modulo{text-align:center; padding:50px 0;}
.modulo h2{ padding:10px 0;min-height:100px; color:#FFF;float:none; text-align:center; width:95%; background:none; margin:0 auto 30px; }
.modulo ul{margin:0 auto; float:none; width:80%;}
.modulo .testo{width:75%; }
.modulo .testoError{width:75%;}
.modulo textarea{width:76%;}

.contattiDiretti ul{ padding:0;}
.contattiDiretti ul li{ float:none; width:100%; margin:0 0 35px; text-align:center;}
.contattiDiretti ul.iconeSocial{width:170px;}
.contattiDiretti ul.iconeSocial li{float:left;width:45px; padding:0 5px;}
.contattiDiretti ul.iconeSocial li:last-child{ width:45px;}

.contattiDiretti ul li:last-child{ width:100%}
.contattiDiretti ul li ul{ padding:0; margin:0 auto; width:286px;}
.contattiDiretti ul li ul li{ width:60px; padding:0; margin:0; float:left;}
.contattiDiretti ul li ul li:last-child{ width:46px;}
.contattiDiretti h3{ padding-bottom:20px;}

footer .spazioCorsi{ display:none;}
footer .spazioLogo{clear:none; float:right; width:30%; margin-top:140px; margin-right:12%}

.masterBox{padding:0;}
.masterBox .spazioSpotMaster{float:right;padding:15px 20px; box-sizing:border-box;}
.masterBox ul{ padding:0; margin:0 auto;}
.masterBox .spazioSpotMaster .spot1{font-size:1.8em; padding:0; margin:0; font-weight:normal; float:none;}
.masterBox .spazioSpotMaster .spot2{font-size:1.2em; padding:0; margin:0; font-weight:normal; float:none;}
.masterBox .spazioSpotMaster .spot3{font-size:.95em; padding:2px 0 0; margin:0; font-weight:normal; clear:left; float:none;}
.masterBox .spazioSpotMaster .spot3 span{font-size:.9em}
.masterBox .spazioSpotMaster .spot4{font-size:1.1em; padding:12px 0 0; margin:0; font-weight:normal; float:none; color:#C00;}
.masterBox .spazioSpotMaster .spot5{padding-top:8px;font-size:.8rem}
.masterBox .spazioSpotMaster .linkToForm{ display:block; text-transform:uppercase; font-size:.95em; max-width:190px; margin:15px auto 0; float:none; text-align:center; padding:5px 10px;}
.masterBox img { float:left;}



#corsiHome{ margin:60px auto;}
#corsiHome ul li{ width:50%; padding:15px 60px; text-align: center; margin:0; height:400px; font-size:120%;}
#corsiHome ul li img{max-width:180px;}
#corsiHome ul li a.title{ margin-top:15px;}

#chiarezza blockquote{ width:80%; margin-bottom:30px; line-height:1.4;}

ul.scuola{ display:block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin:0;}
ul.scuola > li{ width:100%; margin:0; padding:50px 60px;display:block;font-size:120%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
ul.scuola > li:first-child{width:100%;}
ul.scuola > li:last-child{width:100%;}

.numeriScuola li{width:50%; margin:10px 0 20px 0; float:left; line-height:2em; font-size:130%; text-align:center;}
#bacheca ul{font-size:105%;}


.spazioNomeDocente{width:100%;margin:0; float:none;padding:0 20px; text-align:center;}
.curriculum{ width:100%; margin:0; float:none; border:none;padding:0 20px; text-align:center;}

.piuDocenti ul.doc4 li{width:80%;padding:0 30px; display:block; margin:30px auto; font-size:105%;}

#aziende img{max-width:350px; margin-bottom:25px;}

#abstract{ visibility:hidden;}



.spazioNews{ width:100%;}
.sideBarNews{ display:none; }
.spazioNews .notizia{ padding:40px 35px;}

.allInclusive{float:none; display:block; width:100%;}
.corsiAI .left{ margin:0;}
.allInclusive h1,.allInclusive h2,.allInclusive h3,.allInclusive h4{font-weight:normal; padding:5px 15px; margin:0;}
.allInclusive h1{ padding:10px; text-align:center;  border-bottom:none; font-size:200%;}
.allInclusive h1 span{ display:inline; padding-left:6px; font-size:100%;}
.allInclusive ul { float:left; width:50%; padding:30px 0;}
.allInclusive ul li{ text-align:center; float:none;}
.allInclusive img{ width:50%; float:left;}
.allInclusive .wrapMobile{ clear:both; display:block}
.spazioMobile{ height:30px; display:block}



.tuttiCorsi .box{width:50%;}
.tuttiCorsi .box.last{clear:left;}


.listaCorsiFooter{display:none;}
footer.footer .boxInfo{width:55%; margin-right:5%; padding-left:10px;}
footer.footer .boxListaInfo{flex: 40%;}
}

@media all and (max-width: 980px)    
{
#logo{margin-right:3%;}
.contentHome{ background:url(../immagini/responsive/900/bannerHome.jpg) right 0 no-repeat; height:400px; background-size:cover;} 

.spazioArea{width:98%; margin:0 1%; padding-top:40px;float:none;}
.spazioArea h3{ margin-left:0; color:#444;}
.corsi ul.tuttiCorsiWDES{float:none; width:100%;}
.corsi ul.tuttiCorsiWDEV{float:none; display:inline; width:100%;}
.corsi ul.tuttiCorsiWCON{float:none; display:inline; width:100%;}
.corsi ul.tuttiCorsiWGRA{float:none; display:inline; width:100%;}
.corsi ul.tuttiCorsiWONLINE{float:none; display:inline; width:100%;}
.pulsanteNero{padding:10px 25px; text-align:center; margin:0px 0 20px;}

.contentDis .spotFoto{ margin:160px auto 60px;}
#bgVideo{position:absolute; z-index:-1; width:100%; height:auto; top:0; left:0;}

#chiarezza{ margin-top:10px;}
#chiarezza img{ float:none; margin:0 auto; margin-bottom:40px; display:block; max-width:94%;}

ul.figureProfessionali li{padding:0; width:46%; margin:0 2% 2%; float:left;}
ul.figureProfessionali li:last-child{ margin:0 2% 2%;}
ul.figureProfessionali li p{ padding:5px 10px;}
ul.figureProfessionali li img{ height:140px;}   
ul.figureProfessionali li .continua{ font-size:150%}



.sideBar{  float:none; width:100%;padding:0; background:none; box-shadow:none; border:none;margin:30px 0 0;}
.boxLFY{  float:none; width:100%;margin:40px 0 40px;}

.sideBar h3{ display:none;}
.sideBar ul{ display:none;}
.corsiMobile{ display:block; width:80%; margin:0 auto; font-size:110%; border:solid 2px #5bc4f1; padding:0 10px;}
.corsiMobile option{ padding:4px 10px; color:#5bc4f1; font-weight:bold; text-transform:uppercase;}


.piuDocenti ul.doc3 li,.piuDocenti ul.doc2 li{width:100%;padding:25px; display:block; margin:30px auto; font-size:105%;}



.masterBoxBanner{max-width:960px; max-height:800px;}
.masterBoxBanner img{ float:none; width:100%; max-width:100%; border:none;}
.masterBoxBanner .testoSpot{float:none; width:100%; max-width:100%; padding:20px 45px; text-align:center;}
.masterBoxBanner h4{padding:0;margin:0; font-weight:normal;}
.masterBoxBanner .spot1{font-size:240%;}
.masterBoxBanner .spot2{font-size:140%; margin-top:10px;}
.masterBoxBanner .spot3{font-size:130%; color:#C00; margin-top:25px;}
.masterBoxBanner .spot4{font-size:110%;}
.masterBoxBanner .linkToForm{margin:30px auto 15px;}
.masterBoxBanner .linkToForm:hover{background:#555;}



#menu{ display:none;}
.rmm{ display:block;}
#logo{display:none;}
#logoMobile{ display:block; background:url(/immagini/logo-labforweb.png) 0 0 no-repeat; background-size:contain; width:167px; height:50px; margin:10px 3% 0;float:left; z-index:99;}

.spazioNews h1{ margin-top:0; font-size:180%; line-height:1.3em;}
.spazioNews h2{ margin-top:12px; font-size:130%; line-height:1.3em;}

.allInclusive ul {padding:15px 0;}


#tipoCorsiHome section
{
   float:none;
   width:100%;
}

#tipoCorsiHome section h3
{
    font-size:2.8em;
}

.contentHomeOD2024 .contentPromo .cta
{
    bottom:10%}


}





@media all and (max-width: 880px)    
{


.spazioNews .notizia{ padding:25px 20px; font-size:120%;line-height:1.5em;}

.masterBox .spazioSpotMaster .spot1{font-size:1.6em; margin:0; padding:0;}
.masterBox .spazioSpotMaster .spot2{font-size:1.15em; margin:0; padding:0}
.masterBox .spazioSpotMaster .spot4{font-size:1em; padding:5px 0 0;}

#moduloIS section{
    max-width: 800px;
    padding:45px;
} 


#moduloIS section{
    background:#FFF;
}
 
 
#moduloIS section .info{
    float:none;
    width:100%;
    padding-right:0;
}

#moduloIS section .info h3{
    margin:0 0 10px;
    background:none;
    padding-right:0;
}

#moduloIS section .info p
{
    display:none;}

#moduloIS section .info h4{
    margin:0 0 10px;
    font-size:1.3em;
    color:#2d57a4;
    
}


#moduloIS section ul
{
   float:none;
    width:100%;  
    margin:15px 0;
} 
 
   #moduloIS section{
    padding: 35px 20px;
}      

#moduloIS section ul li
{
    padding:0 0 12px 0}


#moduloIS section input,#moduloIS section select{
    display: block;
    width: 100%;
    padding:6px;
    font-size:1.1em;
}

#moduloIS .close5LP{
    top:15px;
    right:15px;
    opacity: 0.8;
    width: 30px;
}

#moduloIS section label
{
    margin-bottom:0;}


#moduloIS section .sub
{
    padding-top:15px;
    padding-bottom:25px}

#moduloIS section .sub input{
    width:200px;
    display: block;
    margin:0 auto;
    -webkit-appearance: none;
}

#moduloIS section .info h4
{
    line-height:1.4em;}




}

@media all and (max-width: 800px) 
{
.rmm li{left:230px;}
#corsiHome ul li{padding:15px 40px;}
#corsiHome ul li{height:420px;}
#superfooter{font-size:85%;}
#superfooter ul li{ float:none; margin:0;}


.contentHome{ background:url(../immagini/responsive/800/bannerHome.jpg) center 0 no-repeat; height:400px; background-size:cover;} 

.spotScuola{margin:236px auto 0; width:100%;padding:10px 15%;}
.spotScuola h1{font-size:210%;line-height:1.3;}

#webdesign .content{margin:0 24% 0 6%; width:70%;}
#webdev .content{margin:0 3% 0 27%; width:70%;}
#copy .content{margin:0 24% 0 6%; width:70%;}
#grafica .content{margin:0 3% 0 27%; width:70%;}

.contentDis .spotFoto{ margin:23% auto 40px; width:100%;}
.contentDis .spotFoto h1{font-size:200%;}
.contentDis .spotFoto h1 span{font-size:60%;}

ul.figureProfessionali li{padding:0; width:44%; margin:0 3% 3%; float:left;}
ul.figureProfessionali li:last-child{ margin:0 3% 3%;}

#labforyou ul.login{ width:47%;}
#labforyou ul.registrati{ width:53%;}

#tornasu{ background:url(../immagini/responsive/800/tornasu.png) 7px 5px no-repeat rgba(255,255,255,0.8); display:block; height:42px; width:44px;-webkit-border-radius:2px;-moz-border-radius:2px;}

#aziende img{margin-left:5%; max-width:300px;}

.box-docenti .item,.box-studenti .item {
 	width: 96%;
}

.box-docenti .item .abDocenti{
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;	
	padding:25px 20px 20px;
}

.box-docenti .item .abDocenti p{ font-size:120%;}

.spazioNews .notizia{ padding:30px 30px;}



.allInclusive ul {width:45%; padding:5px 0;}

.allInclusive img{ width:55%;}



.masterBox .spazioSpotMaster{float:right; width:52%; padding:15px 20px; box-sizing:border-box;}
.masterBox .spazioSpotMaster .linkToForm{ text-decoration:none; padding:5px 15px 7px; text-transform:uppercase; margin-top:10px; float:left; background:#5bc4f1; color:#FFF; font-size:95%; border-radius:2px;}
.masterBox .spazioSpotMaster .linkToForm:hover{background:#555;}

}


@media all and (max-width: 779px)
{
.masterBox{padding:0 0 20px; max-width:500px; margin:0 auto;}
.masterBox .spazioSpotMaster{float:none; width:100%; padding:0 20px; box-sizing:border-box; text-align:center;}
.masterBox ul{ padding:0; margin:0 auto;}
.masterBox .spazioSpotMaster .spot1{font-size:1.5rem; padding:0; margin:0; font-weight:normal; float:none;}
.masterBox .spazioSpotMaster .spot2{font-size:1.3rem; padding:0; margin:0; font-weight:normal; float:none;}
.masterBox .spazioSpotMaster .spot3{font-size:1.1rem; padding:5px 0 0; margin:0; font-weight:normal; clear:left; float:none;}
.masterBox .spazioSpotMaster .spot3 span{font-size:.9rem; display:block;}
.masterBox .spazioSpotMaster .spot4{font-size:1.2rem; padding:16px 0 10px; margin:0; font-weight:normal; float:none; color:#C00;}
.masterBox .spazioSpotMaster .spot5{font-size:1rem; padding:16px 0 10px; margin:0; font-weight:normal; float:none; color:#C00;}
.masterBox .spazioSpotMaster .linkToForm{ display:block; text-transform:uppercase; max-width:190px; padding:8px 15px; font-size:1.1em; margin:15px auto 10px; float:none;text-align:center;}
.masterBox img { float:none; width:100%; margin-bottom:15px;}
.spazioNews .quattroblocchi li{float:none; width:100%;padding:10px 20px}

}




@media all and (max-width: 700px) 
{
    
    
    
    
.boxAvvisoCookie a.ok{ background:#5bc4f1; padding:5px 10px; font-size:130%; color:#FFF; text-decoration:none; display:block; margin:15px auto 5px; max-width:50px; text-align:center;}
    
#programma{width:90%;}
.modulo ul{margin:0 auto; float:none; width:90%;}
footer ul.foot1{width:50%;}
   
.spotInterno{padding:15px 0; width:70%;}
.rmm li{left:180px;}
#corsiHome{ margin:60px auto 40px;}
#corsiHome ul li{padding:15px 25px;}
.contentHome{ background:url(../immagini/responsive/700/bannerHome.jpg) center 0 no-repeat; height:400px; background-size:cover;}    

#webdesign{background-image:none;}
#webdev{background-image:none;}
#copy{background-image:none;}
#grafica{background-image:none;}

#webdesign .content{margin:0 auto; width:95%;}
#webdev .content{margin:0 auto; width:95%;}
#copy .content{margin:0 auto; width:95%;}
#grafica .content{margin:0 auto; width:95%;}

#webdesign .content p{ font-size:120%;}
#webdev .content p{ font-size:120%;}
#copy .content p{ font-size:120%;}
#grafica .content p{ font-size:120%;}

ul.figureProfessionali li{padding:0; width:40%; margin:0 5% 5%; float:left;}
ul.figureProfessionali li:last-child{ margin:0 5% 5%;}
ul.figureProfessionali li .continua{ font-size:130%}
.breadcrumb ul li:last-child{display:none;}


#labforyou ul.login{ width:85%; margin:0 auto; float:none; display:block;}
#labforyou ul.registrati{ width:85%; margin:30px auto 0; padding-top:30px; float:none; display:block; border-top:solid 1px #DDD; border-left:none;}

#boxMenuCorsi .menuCorsi{padding:4px 13px;}
#boxMenuCorsi .menuCorsiSel{padding:4px 13px;}


.spotScuola{margin:242px auto 0;}
.spotScuola h1{font-size:190%;}


.mailOk{ width:94%; max-width:800px; padding:30px 20px 20px 90px; margin:110px auto; background:url(../immagini/responsive/700/ok.png) 15px 16px no-repeat #FFF;}
.mailOk h2, .mailOk h3{ font-weight:normal;}
.mailOk .chiudi{margin:-25px -20px 0 0;padding:3px 11px;}


.spazioNews .dx{ float:none; display:block; margin:15px 0; max-width:100%;}

.tabella td{ display: block; padding:10px; border-bottom:none;}
.tabella td:first-child{ background:#FAFAFA;}
.tabella td:last-child{ border-top:none;}

.allInclusive h2{ padding:15px 15px 0; font-size:130%;}
.allInclusive h4.promo{ padding:7px; font-size:120%;}

.moduloNews{text-align:left; padding:20px 30px 40px; }

#thankyou{padding:40px 20px; font-size:1.1em; color:#666;}
#thankyou h1{background-size:64px; min-height:128px; font-size:2em; padding-left:90px;}
#thankyou h3{ font-size:1.3em; padding:15px 0 0;}
#thankyou h4{line-height:1.4em; padding:15px 0;font-size:1.1em;}


#schedaCorso .center #boxCosto ul{
    padding:0 0 0 0;
}

#schedaCorso .center #boxCosto ul li.attiva
{
    padding-right:80px;
}

#schedaCorso .center #boxPercorso
{
    padding:20px;
}

#schedaCorso .center #boxPercorso img
{
   display:none;
}

#schedaCorso .center #boxPercorso span{
    font-size:2.1em;    
    width:90px;
    line-height:50px;
}

#schedaCorso .center #boxPercorso p{
    font-size:.9em;
    line-height:1.3em;
    max-width:300px;    
}


#schedaCorso .center #boxCosto
{
    padding:20px;
}

#schedaCorso .center #boxCosto img
{
   display:none;
}


#schedaCorso .center #boxCosto p{
    font-size:.95em;
    line-height:1.3em;
    max-width:100%;    
}






/* aggiunta per moduli con programmi lunghi */
    
    #programma.large
    {
        margin-bottom:30px;
    }
        
        
      #programma.large .ulLarge
      {
        padding:0 10px 15px; 
      }
        
    #programma.large label
    {
        padding:12px 10px;
        font-size:.95em;
    }
    
    #programma.large label.active
    {
     background:#5bc4f1;
     color:#FFF;
    }
    
    #programma.large label img
    {
        position:absolute;
        right:10px;
        top:15px;  
        width:24px;
    }
        

/* aggiunta per moduli con programmi lunghi */




.masterBox img {
    float: none; width:100%;
}
.masterBox .spazioSpotMaster{float:none; width:100%; padding:15px 20px; box-sizing:border-box;}
.masterBox .spazioSpotMaster .linkToForm{ text-decoration:none; padding:5px 15px 7px; text-transform:uppercase; margin-top:10px; float:left; background:#5bc4f1; color:#FFF; font-size:95%; border-radius:2px;}
.masterBox .spazioSpotMaster .linkToForm:hover{background:#555;}
.masterBox {
    padding-bottom: 20px;
}





}


@media all and (max-width: 640px) 
{
.masterBox ul li.inevidenza{ width:94%; float:none; display:block; padding:15px 12px; margin:20px 3%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; border:solid 1px #e9e9e9;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
.corsi ul li.inevidenza:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); background:#F5F5F5;border:solid 1px #e9e9e9;}
.masterBox ul li.inevidenza img{ float:left; margin-right:15px; width:140px; height:114px;}
.masterBox ul li.inevidenza img.Banner{ float:left; margin-right:15px; width:100%; height:120px;}
.masterBox ul li.inevidenza a.title{font-size:17px;margin:5px 0 0; min-height:40px; line-height:1.1; font-weight:bold;}
.masterBox ul li.inevidenza p{ font-size:14px;}
.corsi ul li{ width:94%; min-height:auto; float:none; display:block; padding:15px 12px; margin:20px 3%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.corsi ul li img{ float:left; margin-right:15px; height:120px;}


.corsi ul li a.img150{ height:120px; width:120px; margin-right:15px; float:left;}

.corsi ul li a.html5adv{background:url(/corsi_f/icone/120/corso-html5-avanzato.png) 0 0 no-repeat #EEE;}
.corsi ul li a.sicurezza{background:url(/corsi_f/icone/120/corso-la-sicurezza-in-php.png) 0 0 no-repeat #EEE;}
.corsi ul li a.illustrator{background:url(/corsi_f/icone/120/corso-adobe-illustrator-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.photoshop{background:url(/corsi_f/icone/120/corso-adobe-photoshop-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ajax{background:url(/corsi_f/icone/120/corso-ajax-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.html5{background:url(/corsi_f/icone/120/corso-html5-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.infografica{background:url(/corsi_f/icone/120/corso-infografica-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.data{background:url(/corsi_f/icone/120/corso-infografica-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.jquery{background:url(/corsi_f/icone/120/corso-javascript-jquery.png) 0 0 no-repeat #EEE;}
.corsi ul li a.php-avanzato{background:url(/corsi_f/icone/120/corso-php-avanzato-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.php{background:url(/corsi_f/icone/120/corso-php-mysql-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.responsive{background:url(/corsi_f/icone/120/corso-responsive-web-design-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.sass{background:url(/corsi_f/icone/120/corso-sass-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.copywriting{background:url(/corsi_f/icone/120/corso-scrivere-per-il-web-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.seo{background:url(/corsi_f/icone/120/corso-seo-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.smm{background:url(/corsi_f/icone/120/corso-social-media-marketing-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.swift{background:url(/corsi_f/icone/120/corso-swift.png) 0 0 no-repeat #EEE;}
.corsi ul li a.copy-that-rocks{background:url(/corsi_f/icone/120/corso-web-content-management-serale.png) 0 0 no-repeat #EEE;}
.corsi ul li a.web-design{background:url(/corsi_f/icone/120/corso-web-design-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.web-development{background:url(/corsi_f/icone/120/corso-web-development-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ui-design{background:url(/corsi_f/icone/120/corso-web-interface-design-roma.png) 0 0 no-repeat #EEE;}ù
.corsi ul li a.ui-ux-design{background:url(/corsi_f/icone/120/corso-ui-ux-design-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.wordpress{background:url(/corsi_f/icone/120/corso-wordpress-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.css3-animati{background:url(/corsi_f/icone/120/css3-animati.png) 0 0 no-repeat #EEE;}
.corsi ul li a.grafica{background:url(/corsi_f/icone/120/grafica-base.png) 0 0 no-repeat #EEE;}
.corsi ul li a.angular{background:url(/corsi_f/icone/120/icona-corso-angular-js.png) 0 0 no-repeat #EEE;}
.corsi ul li a.angular2{background:url(/corsi_f/icone/120/corso-angular-roma.png) 0 0 no-repeat;}
.corsi ul li a.angularAvanzato{background:url(/corsi_f/icone/120/corso-angular-avanzato.png) 0 0 no-repeat;}
.corsi ul li a.bootstrap{background:url(/corsi_f/icone/120/icona-corso-bootstrap.png) 0 0 no-repeat #EEE;}
.corsi ul li a.html-email{background:url(/corsi_f/icone/120/icona-corso-html-email.png) 0 0 no-repeat #EEE;}
.corsi ul li a.guerrilla{background:url(/corsi_f/icone/120/icona-corso-web-guerrilla-marketing.png) 0 0 no-repeat #EEE;}
.corsi ul li a.illustrator-in-a-day{background:url(/corsi_f/icone/120/illustrator-in-a-day.png) 0 0 no-repeat #EEE;}
.corsi ul li a.photoshop-in-a-day{background:url(/corsi_f/icone/120/photoshop-in-a-day.png) 0 0 no-repeat #EEE;}
.corsi ul li a.lamp{background:url(/corsi_f/icone/120/icona-corso-lamp.png) 0 0 no-repeat #EEE;}
.corsi ul li a.yii{background:url(/corsi_f/icone/120/icona-corso-yii2.png) 0 0 no-repeat #EEE;}
.corsi ul li a.mean{background:url(/corsi_f/icone/120/icona-corso-mean.png) 0 0 no-repeat #EEE;}
.corsi ul li a.fullstack{background:url(/corsi_f/icone/120/corso-full-stack.png) 0 0 no-repeat #EEE;}
.corsi ul li a.html{background:url(/corsi_f/icone/120/corso-html5-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.linux{background:url(/corsi_f/icone/120/corso-sistemista-linux-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ionic{background:url(/corsi_f/icone/120/icona-corso-ionic.png) 0 0 no-repeat #EEE;}
.corsi ul li a.wpadv{background:url(/corsi_f/icone/120/corso-wordpress-avanzato-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.front-end{background:url(/corsi_f/icone/120/corso-front-end-development.png) 0 0 no-repeat #EEE;}
.corsi ul li a.python{background:url(/corsi_f/icone/120/corso-python-machine-learning.png) 0 0 no-repeat #EEE;}
.corsi ul li a.jsavanzato{background:url(/corsi_f/icone/120/JS-avanzato.png) 0 0 no-repeat #EEE;}
.corsi ul li a.react{background:url(/corsi_f/icone/120/Corso-React-Roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.laravel{background:url(/corsi_f/icone/120/corso-laravel-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.greensock{background:url(/corsi_f/icone/120/corso-greensock-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.grid{background:url(/corsi_f/icone/120/workshop-grid-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.jsdev{background:url(/corsi_f/icone/120/corso-javascript-developer-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.android{background:url(/corsi_f/icone/120/corso-app-developer-android-roma.png) 0 0 no-repeat #EEE;}
.corsi ul li a.vue{background:url(/corsi_f/icone/120/corso-vue-js.png) 0 0 no-repeat #EEE;}
.corsi ul li a.java-developer{background:url(/corsi_f/icone/120/corso-java-developer.png) 0 0 no-repeat #EEE;}
.corsi ul li a.java{background:url(/corsi_f/icone/120/corso-java-ee.png) 0 0 no-repeat #EEE;}
.corsi ul li a.node{background:url(/corsi_f/icone/120/corso-node.png) 0 0 no-repeat #EEE;}
.corsi ul li a.database{background:url(/corsi_f/icone/120/corso-mysql.png) 0 0 no-repeat #EEE;}
.corsi ul li a.docker{background:url(/corsi_f/icone/120/corso-docker.png) 0 0 no-repeat #EEE;}
.corsi ul li a.java-base{background:url(/corsi_f/icone/120/corso-java-ee.png) 0 0 no-repeat #EEE;}
.corsi ul li a.java-backend{background:url(/corsi_f/icone/120/corso-java-developer.png) 0 0 no-repeat #EEE;}
.corsi ul li a.spring{background:url(/corsi_f/icone/120/corso-spring.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ai{background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/worshop-ai-120.png) 0 0 no-repeat #EEE;}
.corsi ul li a.ai2{background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/worshop-ai-2-120.png) 0 0 no-repeat #EEE;}
.corsi ul li a.video{background:url(/corsi_f/icone/120/video.png) 0 0 no-repeat #EEE;}
.corsi ul li a.csharp{background:url(/corsi_f/icone/120/corso-c-sharp.png) 0 0 no-repeat #EEE;}
.corsi ul li a.corso-python{background:url(/corsi_f/icone/120/corso-python.png) 0 0 no-repeat #EEE;}
.corsi ul li a.accesibilita{background:url(/corsi_f/icone/120/corso-accesibilita.png) 0 0 no-repeat #EEE;}

.corsi ul li a.title{font-size:17px;margin:5px 0 0; min-height:40px; line-height:1.1; font-weight:bold;}
.corsi ul li p{ font-size:14px;}

.corsi i.corsoInSaldo{right:0px;}
.corsi i.corsoGratuito{right:0px;}
.corsi i.blackfriday{right:0px;}
.corsi i.corsoNuovo{right:0px;}
.corsi i.corsoSoldOut{right:0px;}
.modulo h4{width:100px; font-size:105%;}
.modulo label{ width:100px; font-size:100%;}

.modulo .esitoOk{width:90%;}
.modulo .esitoKo{width:90%;}
 footer ul.foot1{display:none;}
 footer .spazioLogo{clear:none; float:none; display:block; width:90%;margin-top:40px; margin:0 auto; text-align:center;}
 
#corsiHome{ margin:80px auto 20px;}
#corsiHome ul li{padding:0px 80px 100px; width:100%; height:auto; font-size:120%; float:none;}  

#corsiHome ul li p{font-size:100%;}

#aziende{font-size:120%;}
#chiarezza{font-size:120%;}
.figureProfessionali p{font-size:120%;}
#aziende img{ max-width:350px; width:90%; float:none; display:block; margin:0 auto 35px;}

#labforyou ul li a{ font-size:110%;}
#labforyou ul li p{width:90%; font-size:110%;}
#labforyou ul li.datiErrati{ font-size:100%;}


.allInclusive h1{font-size:160%;}
.allInclusive ul { float:none; width:100%; padding:25px 0; font-size:120%;}
.allInclusive img{ width:100%; float:none;}
.allInclusive .wrapMobile{display:none}

.news blockquote{ margin:40px auto; width:100%; padding:50px 25px 25px;background:url(/news-doc/imgNews/blockquote.png) 15px 15px no-repeat #FAFAFA;}


.onDemand{
    bottom:85px;
}



.corsi ul.boxGrandi li img{float:none;}

#schedaCorso .center #boxCosto{
    padding:5px;
}

#schedaCorso .center #boxCosto ul li{
    padding:20px 10px 5px;
}


}

@media all and (max-width: 600px) 
{
.content{max-width:600px; padding:0 20px; width:100%;}  
.corsi .content{padding:0;}    
.corsi i.corsoInSaldo{width: 48px;height:48px;background: url(../images/saldi.png) 0 0 no-repeat; background-size:cover; position: absolute;top: -12px;right: -12px;z-index: 5;}
.corsi i.corsoGratuito{width: 48px;height:48px;background: url(../images/free.png) 0 0 no-repeat; background-size:cover; position: absolute;top: -12px;right: -12px;z-index: 5;}
.contentHome{ background:url(../immagini/responsive/600/bannerHome.jpg) center 0 no-repeat; height:320px; background-size:cover; border-bottom:solid 3px #5bc4f1;} 
.contentScuola{ background:url(../immagini/responsive/600/aule.jpg) right top no-repeat; height:320px;}
#entra{ display:none;}

#schedaCorso .sx{padding:30px; width:100%; display:block; font-size:100%; text-align:center;}
#schedaCorso .sx h1{ font-size:180%;}
#schedaCorso .sx h4{ font-size:1.3em;}
#schedaCorso .sx h2{ font-size:1.1em;}

#schedaCorso .sx img{ float:none; margin:20px auto 0; max-width:95%; display:block;}
#schedaCorso .sx img.Banner{height:auto; width:100%;}
#schedaCorso .sx .iscrizione{ display:block; margin:0 auto; text-align:center; width:270px; font-size:120%;}
#schedaCorso .sx .listaCose{ font-size:110%;}

#schedaCorso .center{padding:30px;}
.dx{padding:30px;font-size:100%}

#programma ul.contenutoAccordion{ font-size:90%;}
.modulo ul{margin:0 auto; float:none; width:95%;}
#programma a.head{ font-size:90%;}
/*#programma h3 span{padding:5px 5px 7px; margin:-5px 33px 0 0; width:37px}*/
.modulo ul{margin:0 auto; float:none; width:100%;}


#programma {width:98%;margin:0 auto;}
#programma h3 span{padding:10px 0 5px; width:70px; font-size:.9em;}
#programma > ul > li a{padding:10px 130px 10px 15px;}


#tipoCorsiHome section
{
   height:40vh;
}


.lampetti{background:none;}
.spotInterno{font-size:1.1em; padding:15px 0; width:100%;}
.masterBox{padding:10px 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.masterBox ul li.inevidenza{ width:96%;}
.rmm li{left:120px;}
.rmm.minimal .rmm-toggled ul li a{padding:13px 22px;font-size:110%}
.disoriented .content{background:url(../immagini/responsive/600/lampo-med.png) left -1px no-repeat;}   

ul.scuola > li{width:100%; margin:0; padding:40px 30px;}

.contentDis .spotFoto{ margin:150px auto 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:15px;}
#chiarezza blockquote{ width:90%; margin-bottom:30px;}

ul.figureProfessionali li{padding:0; width:80%; margin:0 10% 15%; float:none;}
ul.figureProfessionali li:last-child{ margin:0 10% 15%;}
ul.figureProfessionali li .continua{ font-size:150%}


.sideBar{  float:none; width:100%;padding:20px; margin-top:10px;}
.boxLFY{  float:none; width:100%;padding:20px; margin-top:10px;}

#boxMenuCorsi .menuCorsi{padding:8px 0; text-align:center; display:block; font-size:120%;}
#boxMenuCorsi .menuCorsiSel{padding:8px 0; text-align:center; display:block; font-size:120%;}
.lfybody .content{ padding-left:0; padding-right:0;}
.lfybody #superfooter .content{ padding-left:15px; padding-right:15px;}

#bacheca ul{font-size:105%;}
#bacheca ul li span.docente{width:100%;}
#bacheca ul li span.data{width:100%; background:none; font-size:90%;}
.corsiMobile{width:90%;}
#areaprivata ul li span{ display:none;}
#areaprivata ul li{padding:7px 10px;}

.piuDocenti ul.doc4 li{width:95%;padding:0 30px;}
.piuDocenti ul.doc3 li,.piuDocenti ul.doc2 li{width:95%;}


.spotScuola{margin:162px auto 0;padding:10px 10%;}

.spazioNews .notizia{ padding:30px 25px;}
.spazioNews .notizia img{ float:none; display:block; margin:10px auto 20px;}
.spazioNews .notizia img.inlinea{display:inline; margin:0;}

#map-canvas{height:320px;}
#map-simple{ height:320px;}

.spazioArea{padding-top:20px;font-size:120%;}
.box-docenti .item .abDocenti{ font-size:110%;}
.piuDocenti{text-align:left;}
.piuDocenti ul{font-size:100%;}
.piuDocenti ul p{font-size:110%;}
#schedaCorso{ font-size:115%;}
.spazioNomeDocente{text-align:left;}
.curriculum{text-align:left; font-size:120%;}


.docenti .content{padding:0;}

.piuDocenti h2{ margin-bottom:20px; text-align:center;}

#thankyou{padding:40px 10px; font-size:1.1em; color:#666;}
#thankyou h1{font-size:1.7em; padding-left:80px;}
#thankyou h3{ font-size:1.2em; padding:15px 0 0;}
#thankyou h4{line-height:1.3em; padding:15px 0;font-size:1em;}



#schedaCorso .center ul.cosa-diamo li{min-height:45px;}
#schedaCorso .center ul.cosa-diamo li i{ width:48px; height:40px; vertical-align:middle; background-position:0 6px;}
#schedaCorso .center ul.cosa-diamo li.esperienza i{background-image:url(/immagini/esperienza-32.png)}
#schedaCorso .center ul.cosa-diamo li.dispense i{background-image:url(/immagini/esercizi-32.png)}
#schedaCorso .center ul.cosa-diamo li.registrazioni i{background-image:url(/immagini/videolezioni-32.png)}
#schedaCorso .center ul.cosa-diamo li.wifi i{background-image:url(/immagini/wifi-32.png);background-position:0 center;}
#schedaCorso .center ul.cosa-diamo li.biscotti i{background-image:url(/immagini/caffe-32.png)}
#schedaCorso .center ul.cosa-diamo li.inglese i{background-image:url(/immagini/inglese-32.png)}
#schedaCorso .center ul.cosa-diamo li.laboratorio i{background-image:url(/immagini/laboratorio-32.png)}
#schedaCorso .center ul.cosa-diamo li.certificato i{background-image:url(/immagini/certificato-32.png)}
#schedaCorso .center ul.cosa-diamo li.labforjob i{background-image:url(/immagini/facebook-like-32.png);}
#schedaCorso .center ul.cosa-diamo li.coupon i{background-image:url(/immagini/coupon-32.png)}
#schedaCorso .center ul.cosa-diamo li.test i{background-image:url(/immagini/test-32.png)}




.corsi ul.boxGrandi li{ width:90%; margin:15px 5%;}
.corsi ul.boxDue li{ width:90%; margin:15px 5%;}
.corsi ul.boxTre li{ width:90%; margin:15px 5%;}
.corsi ul.boxGrandi li h2{height:90px; }
.corsi ul.boxGrandi li p{font-size:1em;}


.tuttiCorsi .box{width:100%;clear:left; padding:0;}


#schedaCorso .center #boxPercorso h2{text-align:center;}
#schedaCorso .center #boxPercorso h3{text-align:center;}
#schedaCorso .center #boxPercorso ul li
{
    height:auto;
    padding:15px;
   }

#schedaCorso .center #boxPercorso span{
    font-size:2.5em;    
    width:100%;
    line-height:50px;
    float:none;
    text-align:center;
}

#schedaCorso .center #boxPercorso p{
    font-size:.9em;
    line-height:1.3em;
    max-width:100%;   
    float:none; 
    text-align:center;
    display:block;
}


#schedaCorso .center #boxCosto h3{text-align:left;}
#schedaCorso .center #boxCosto ul li
{
    height:auto;
    padding:15px;
   }


#schedaCorso .center #boxCosto p{
    font-size:.95em;
    line-height:1.3em;
    max-width:100%;   
    display:block;
}

#schedaCorso .center #boxCosto ul li.attiva{
    background:url(/immagini/like.gif) no-repeat 98% 98% #eef9fe;
    position:relative;
}



.wafixed{width:65px; height:65px; right:10px; bottom:25px; }

}

@media all and (max-width: 560px) 
{
    
    
#schedaCorso .center .boxPayPal{
    padding:20px 20px 0px 20px;
    background:url(https://labforweb-vod.b-cdn.net/immagini/landingpage/2024/paypal_logo_solo.png) 99% 15px no-repeat #eef9fe;
    background-size:60px;
}

#schedaCorso .center .boxPayPal h3
{
 margin:0 0 25px;
 display:block;
 background:transparent;
 color:#3b7bbf;
 padding:0;
 font-size:1.2em;
}
    
    
    #schedaCorso .center .boxPayPal ol li
{
    float:none;
    width:94%;
    margin:0 3% 15px;
    background:#fff;
    padding:15px;
    box-sizing:border-box;
    border:solid 1px #3b7bbf
    }
    


.boxHomeSpot.box4 > ul > li
{
    width:100%;
    float:none;
}

.boxHomeSpot.box3 > ul > li
{
    width:100%;
    float:none;
}

.boxHomeSpot.box2 > ul > li
{
    width:100%;
    float:none;
}

#tipoCorsiHome section h3
{
    font-size:2.2em;
}


.rmm li{background:rgba(91,196,241,0.95);max-width:500px !important; margin:0 0 0 auto; position:relative; left:0; text-align:center;}
.rmm.minimal .rmm-toggled ul li a{font-size:110%;}

#corsiHome ul li{padding:0px 30px 100px;}
.disoriented .content{padding:70px 30px 60px;}
.modulo{padding:60px 0;}
.modulo h2{ padding:10px 25px 0 0;font-size:160%; margin:0 0 10px;}
.modulo h2 span{font-size:160%;}
.modulo ul{ list-style:none; margin:0; padding:0; float:left;}
.modulo ul li{padding:6px 0;}
.modulo ul li.privacy{ padding:15px 0 8px 0; font-size:100%}
.modulo ul li:last-child{ padding:40px 0 15px 0; text-align:center;}
.modulo h4{ float:none; padding:8px 0 4px; color:#FAFAFA; width:100%; font-size:120%;}
.modulo label{ float:none; padding:8px 0 4px; color:#FAFAFA; width:100%; font-size:120%;}
.modulo .testo{width:95%;}
.modulo .testoError{width:95%;}
.modulo textarea{width:96%;}
.modulo .esitoOk{width:98%; padding:10px;}
.modulo .esitoKo{width:98%; padding:10px;}
.contentHome{ background:url(../immagini/responsive/500/bannerHome.jpg) right 0 no-repeat; height:320px; background-size:cover;} 
#logoMobile{width:150px; height:45px; margin-top:6px; margin-right:7%;}



.sfMenuHome{padding:0; height:56px; margin:0;}
.rmm.minimal .rmm-toggled ul{top:-8px;}
.masterBox ul li.inevidenza{ width:80%; float:none; text-align:center; display:block; padding:15px 12px; margin:20px 10%; border:solid 1px #FFF; box-shadow:none;}
.masterBox ul li.inevidenza img{ float:none; margin:0 auto; width:140px; height:114px;}
.masterBox ul li.inevidenza a.title{font-size:17px;margin:5px 0 0; min-height:40px; line-height:1.1; font-weight:bold;}
.masterBox ul li.inevidenza p{ font-size:14px;}
.contattiDiretti ul li a.mail{background:url(../immagini/responsive/600/mail.png) 0 7px no-repeat; line-height:30px; font-size:24px; padding-left:39px}
.contattiDiretti ul li a.phone{background:url(../immagini/responsive/600/phone.png) 0 7px no-repeat;line-height:30px; font-size:24px; padding-left:32px}
.contattiDiretti ul li a.telefono{background:url(../immagini/responsive/600/phone.png) 0 7px no-repeat;line-height:30px; font-size:24px; padding-left:32px}
.contattiDiretti ul li a.mail:hover{background:url(../immagini/responsive/600/mail-hover.png) 0 7px no-repeat;}
.contattiDiretti ul li a.phone:hover{background:url(../immagini/responsive/600/phone-hover.png) 0 7px no-repeat;}
.contattiDiretti ul li a.telefono:hover{background:url(../immagini/responsive/600/phone-hover.png) 0 7px no-repeat;}

.contattiDiretti ul li a.whatsapp{background:url(../immagini/responsive/600/whatsapp-logo.png) 0 3px no-repeat;line-height:25px; height:25px; font-size:24px; padding-left:39px;}
.contattiDiretti ul li a.whatsapp:hover{color:#000;}

.contattiDiretti h3{ font-size:200%;}
.numeriScuola li{width:100%; margin:10px 0 20px 0; float:none; line-height:2em; font-size:130%; text-align:center;}
#schedaCorso .sx h1{ font-size:160%; width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#schedaCorso .sx p{ font-size:120%;}

#schedaCorso .sx img.Banner{height:auto; width:100%;}
#schedaCorso .sx .iscrizione{ display:block; margin:0 auto; text-align:center; width:260px; font-size:115%;}

#labforyou{padding:50px 15px;}
#labforyou ul.login{ width:95%;padding:0 3%;}
#labforyou ul.registrati{ width:95%;padding:45px 3% 0;}
.contentDis #bgVideo{ display:none;}

.contentDis{ background:url(../immagini/img-video.jpg) center 0 no-repeat #FFF; }
.contentDis .spotFoto{ margin:80px auto 0;}
.contentDis .spotFoto h1{ font-size:160%;}
.contentDis .spotFoto h1 span{ font-size:70%;}

.spotScuola{margin:185px auto 0;padding:10px 15px;}
.spotScuola h1{font-size:170%;}

.mailOk{ width:94%; max-width:800px; padding:30px 20px 20px 20px; margin:65px auto; background:#FFF;}

#map-simple{ height:280px;}
#map-canvas{height:280px;}

.masterBoxBanner .testoSpot{padding:20px 30px;}

.masterBox .spazioSpotMaster .spot1{font-size:170%; padding:0; margin:0; font-weight:normal; float:none;}
.masterBox .spazioSpotMaster .spot2{font-size:130%; padding:0; margin:0; font-weight:normal; float:none;}
.masterBox .spazioSpotMaster .spot3{font-size:100%; padding:6px 0 0; margin:0; font-weight:normal; clear:left; float:none;}
.masterBox .spazioSpotMaster .spot5{font-size:100%}

.allInclusive h2{ padding:15px 15px 0; font-size:120%;}


#moduloIS section .sub input{font-size:1em;}  

#moduloIS section .info h3{font-size:1.5em;}     

#moduloIS section ul li{padding-bottom:15px;}
#moduloIS section label{font-size:1em; line-height:1.2em;}
#moduloIS section .sub{padding-bottom:0;padding-top:15px;}
#moduloIS section ul li.privacy{font-size:1em; line-height:1.4em;}
#moduloIS section .info h4
{
    font-size:1.15em;
    } 

.contentHomeOD2024 .contentPromo .cta{bottom:30px; left:50px;}

footer.footer .content{display:block;}
footer.footer .boxInfo{width:100%; margin-right:0; padding-left:10px;padding-right:10px; display:block; border-right:0;}
footer.footer .boxListaInfo{width: 100%;padding-left:10px;padding-right:10px; display:block}

}    

@media all and (max-width: 400px) 
{
#corsiHome ul li{padding:0px 15px 100px;}
.contentScuola{ background:url(../immagini/responsive/400/aule.jpg) center top no-repeat; height:320px;}
.disoriented .content{padding:80px 20px 100px;}
.disoriented a{ padding:11px 15px 12px; text-decoration:none; background:#FFF; font-size:105%;color:#2d3339; box-shadow: 0 0 15px rgba(255, 255, 255, 0.7)}
.contentHome{ background:url(../immagini/responsive/400/bannerHome.jpg) right 0 no-repeat; height:300px; background-size:cover;} 


.corsi .content{padding:0 12px;}  
.corsi i.corsoInSaldo{width: 42px;height:42px;background-size:cover; top: -6px;right:-4px;}  

.corsi i.corsoGratuito{width: 42px;height:42px;background-size:cover; top: -6px;right:-4px;}  
#schedaCorso .center .boxPayPal h3
{
 max-width:230px;

}

.fasciaCoiLampi .content{padding-left:20px;padding-right:20px;}
.fasciaCoiLampi a{ padding:10px 15px 11px;font-size:100%;}


.corsi ul li{ width:100%; float:none; display:block; padding:10px 8px; margin:20px 0; box-shadow:none;}
.corsi ul li:hover{box-shadow:none;}
.corsi ul li img{margin:5px 10px 10px 0; height:95px;}
.corsi ul li a.title{font-size:15px;margin:0px 0 0; min-height:36px;}
.corsi ul li p{ font-size:13px;}
.contentDis .spotFoto{ margin:100px auto 0;}
ul.figureProfessionali li{width:90%; margin:0 5% 15%;}
ul.figureProfessionali li:last-child{ margin:0 5% 15%;}
.breadcrumb{ display:none;}
.dx{padding:30px 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*#programma { display:none;}*/
#schedaCorso .sx h1{ font-size:150%;}
#schedaCorso .sx p{ font-size:115%;}
#schedaCorso .sx .iscrizione{width:240px;}

#labforyou{padding:40px 0px;}
#labforyou ul.login{ width:100%;padding:0 2%;}
#labforyou ul.registrati{ width:100%;padding:40px 2% 0;}
.corsiMobile{width:100%;}
.piuDocenti ul.doc4 li{width:100%;padding:0;}
.piuDocenti ul.doc3 li{width:100%;}
.piuDocenti ul.doc2 li{width:100%;}
ul.scuola > li{padding:40px 20px;}
ul.scuola > li h2{ font-size:135%;}
.spotScuola{margin:200px auto 0;padding:8px 10px;}
.spotScuola h1{font-size:140%;}
ol.puntiTesto{width:90%;padding:0 6%}

.news{ padding-top:5px;}
.news .content{ padding:0; margin:0; width:100%;}
.spazioNews .notizia{ padding:25px 20px; font-size:120%;line-height:1.5em;}
.spazioNews h1{ margin-top:0; font-size:140%; line-height:1.3em;}
.spazioNews h2{ margin-top:12px; font-size:110%; line-height:1.3em;}

.news .item {
 	width: 95%;
	font-size:110%;
	min-height:460px;
	margin-bottom:60px;
	
}



.allInclusive h1{font-size:150%;}
.allInclusive ul {font-size:110%;}


#thankyou{ background:url(https://labforweb-vod.b-cdn.net/immagini/labforweb-site/2025/thanks.png) 97% 15px no-repeat; background-size:64px; padding:40px 0;}
#thankyou h1{padding-left:0; padding-top:25px; background:none; min-height:100px;}
#thankyou h4{ padding:10px 0 0; font-size:1.2em; line-height:1.5em}
#thankyou p{ font-size:1.1em;}


#programma {width:98%;margin:0 auto; font-size:1em;}
#programma h3 span{padding:10px 0 5px; width:65px; right:40px;}
#programma > ul > li a{padding:10px 110px 10px 10px;}

#programma .contenutoAccordion{padding-left:15px;}
#programma .contenutoAccordion li{ font-size:1em;}

.corsi ul.boxGrandi li{ width:96%; margin:15px 2%;}
.corsi ul.boxDue li{ width:96%; margin:15px 2%;}
.corsi ul.boxTre li{ width:96%; margin:15px 2%;}
.corsi ul.boxGrandi li h2{height:90px; }
.corsi ul.boxGrandi li p{font-size:1em;}

    #programma.large label
    {
        padding:10px;
        font-size:.9em;
    }
    

    #programma.large label img
    {
        right:5px;
        top:15px;   
        width:16px;
    }


#moduloPrenotazioni
{padding-left:0;
 padding-right:0;
    }


#moduloPrenotazioni ul{
    padding:12px;
    border-width:2px;
    border-left:0;
    border-right:0;
}

#moduloPrenotazioni ul li{
    padding:5px 0 20px;
}

#moduloPrenotazioni ul li *{font-size:1em;}



#moduloPrenotazioni input,#moduloPrenotazioni select,#moduloPrenotazioni textarea
{
    padding:3px;
    font-size:1em;
 }
 



#moduloPrenotazioni ul li:last-child
{
     padding: 20px 0 10px;
 }



}    

@media all and (max-width: 320px) 
{
 .contentDis .spotFoto{ margin:124px auto 0;}
}

.panelTimeline{
    padding: 40px;
}


.panelTimeline > h2{
    text-align:center;
    font-size:1.7em;
}



.timelineBox *{
    font-family: "Poppins",sans-serif;
    box-sizing: border-box;
}


.timelineBox{
    margin:50px auto;
    max-width: 950px;
    text-align: center;
    overflow: auto;    
    box-sizing: border-box;
}

.timelineBox h2{
    display: inline-block;
    padding:10px 35px;
    background: #ff3f5c;
    font-weight: normal;
    color:#FFF;
    font-size:1.4em;
}

.timelineBox h3{
    padding:0 5px 5px;
    border-bottom: #5bc3f1 solid 2px;
    font-size:1.3em;
    color:#5bc3f1;
    margin:5px 0 15px;
}

.timelineBox article{
    width:50%;
    padding:20px 40px;
    border-right:solid 2px #ff3f5c;
    text-align: left;
}

.timelineBox article p{
    padding:5px;
    margin:0 0 15px;
}

.timelineBox article:nth-child(even){
    border-left:solid 2px #ff3f5c;
    border-right:0;
    margin-left:49.8%;
}

.timelineBox article img{
    max-width: 100%;
}

.timelineBox .right{
    float:right;
    max-width: 40%;
    margin-left:10%;
}
.timelineBox .left{
    float:left;
    max-width: 40%;
    margin-right:5%;
}

.timelineBox .wrap{clear: both; height: 1px; display: block;}

.timelineBox blockquote{
    max-width: 600px;
    margin:25px auto;
    background: url(/immagini/timeline/point.png) 98% 15px no-repeat #fff3f5;
    background-size: 80px;
    padding: 25px 90px 25px 25px;
    text-align:left;
    color:#555;
    border:solid 2px #ff3f5c;
}


.timelineBox .end{
    background: #b5eef9;
    max-width: 600px; 
    font-size: 1.15em;
    margin:0 auto;
    border: solid 5px #ff3f5c;
}




.timelineBox .end h3{
    margin: 0;
    padding:5px 0;
    top:0;
    left:0;
    color:#FFF;
    background:#ff3f5c;
    text-align: center;
    width: 100%;
    border:0;
}




.timelineBox .end img
{
    display:block;
    width:100%;margin:0}


@media screen and (max-width: 720px) {
    .timelineBox article{
        padding:20px;
    }
}

@media screen and (max-width: 620px) {
    .timelineBox article{
        width:100%;
        margin:0;
        border-left: solid 2px #ff3f5c;
        border-right: 0;    
        overflow: auto;  
        padding:30px 20px 
    }

    .timelineBox article:nth-child(even){
        margin-left:0;
    }
     

    .timelineBox h2{
        display: block;
        padding:10px 25px;
        text-align: center;
        margin:0;
    }
    
    .timelineBox .right{
        max-width: 180px;
    }
    .timelineBox .left{
        max-width: 180px;
     }

     .timelineBox article img{
        display: block;
        width:100%;
        max-width: 360px;
        margin:0 auto;
    }

}

@media screen and (max-width: 420px) {
    .timelineBox .right{
        float:none;
        display: block;
        margin:0 auto;
        max-width: 140px;
    }
    .timelineBox .left{
        float:none;
        display: block;
        margin:10px auto;
        max-width: 140px;
     }
}