@charset "utf-8";
/* CSS Document */

/* generic and main format */
    .desktop{display:block !important;}
    .mobile{display:none !important;}
    .container{width:100%; max-width:1280px; margin: 0 auto; padding:0 10px;}    
    .container-no-slider{padding:175px 10px 0 10px;}
    .content-blocks{width:100%; margin: 0; padding: 0;}
    .content-images{width:100%; margin: 0; padding: 0;}
    .content-images img{width:100% !important; height: auto !important;}
    .block1{width: 100%; padding: 10px;}
    .block2 {display: grid; grid-template-columns: 48% 48%; grid-gap: 4%;}
    .block3 {display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%;}
    .txt-center{text-align:center;}
    
    .block1 {
  width: 100%;
  padding: 10px;
}

/* Container con grid base */
.block-links {
  display: grid;
  grid-template-columns: repeat(10, 1fr); /* 10 colonne su desktop */
  gap: 10px;
  align-items: center;
  justify-items: center;
}



.block-links div {
  text-align: center;
}
.block-links div a 
{
     font-family:'Oxygen', sans-serif; font-weight: 400; line-height: 120%; padding: 10px; text-align: center; display:block; color:#000000;
}
.block-links img {
  max-width: 100%;
  height: auto;
  transition: all 0.3s ease;
}

/* Tablet grande: 6 colonne */
@media (max-width: 1400px) {
  .block-links {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* Tablet medio: 4 colonne */
@media (max-width: 1024px) {
  .block-links {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Smartphone: 2 colonne */
@media (max-width: 600px) {
  .block-links {
    grid-template-columns: repeat(2, 1fr);
  }
}

    
    
    
    
    
    .blink_me {box-shadow: 4px 5px #000000; text-shadow: 3px 3px 2px #000000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 15px; width: 75%; margin: 5px auto; font-family:'Oxygen', sans-serif; font-weight: 700; text-transform: uppercase; color:#ffffff; display: block; text-align: center; text-decoration: none; color:#ffffff; background-color:#b30000; padding:10px; text-align:center; text-transform:uppercase; font-weight:700; animation: blinker 1s linear infinite;}
    @keyframes blinker {
  0%   {opacity: 1;}
  25%  {opacity: 1;}
  50%  {opacity: 1;}
  75%  {opacity: 0;}
  80%  {opacity: 1;}
  100% {opacity: 1;}
}
.blink_me a{color:#ffffff; text-decoration:none;}
#navigation1_LblRiferimenti:hover .submenu{display:block;}
.submenu{position:absolute; top:44px; left:0; background-color:#444444; display:none; padding:10px;}
.submenu a{color:#fffb28 !important; padding:5px !important;}
.submenu a:hover{color:#ffffff !important;}
.space-link{margin: 20px auto !important;}
.evidenzia{background-color:Yellow;}
/* generic and main format */ 
    
/* main header format */
    h1,h2,h3,h4{font-family: 'Oxygen', sans-serif; font-weight: 700; text-align: center;}
    h1{font-size: 34px;}
    h2{font-size: 21px; line-height:140%;}
    h3{font-size: 23px; line-height:140%;}
    h4{font-size: 24px;}
    .h-reset-padding{padding-top: 10px !important;}
/* main header format */
    
/* main font format */  
    strong{font-weight: 700;}
    p{font-family: 'Oxygen', sans-serif; font-weight: 400; line-height: 130%; padding: 20px 0; text-align: justify;}
    ul{list-style-type: square; list-style-position: inside;}
    ul li{font-family: 'Oxygen', sans-serif; font-weight: 400; line-height: 130%;}
    ul li a{color:#000000; text-decoration:none; border-bottom:solid 1px #000000;}
    .p22{font-size: 22px;}
    .p20{font-size: 20px;}
    .p18{font-size: 18px;}
    .p16{font-size: 16px;}
    .p14{font-size: 14px;}
    .p12{font-size: 12px;}
/* main font format */ 

/* background */
    .bg-red{background-color: #991c1e;}
    .red{color: #991c1e !important;}
    .bg-gray{background-color: #5a5a5a;}
    .bg-word{background-color: #2a5699;}
    .bg-pdf{background-color: #f90c00;}
/* background */
    
/* anchor format */
    .big-a{box-shadow: 4px 5px #000000; text-shadow: 3px 3px 2px #000000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 15px; width: 75%; margin: 5px auto; font-family:'Oxygen', sans-serif; font-weight: 700; text-transform: uppercase; color:#ffffff; display: block; text-align: center; text-decoration: none; font-size:20px; cursor:pointer;}
    .medium-a{box-shadow: 4px 5px #000000; text-shadow: 3px 3px 2px #000000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 15px; width: 60%; margin: 5px auto; font-family:'Oxygen', sans-serif; font-weight: 700; text-transform: uppercase; color:#ffffff; display: block; text-align: center; text-decoration: none;}
/* anchor format */

    
    .sanzioni{padding: 20px; background-color: #e0e0e0; color: #000000; text-align:left; font-size:20px;}
    
       
/* header, logo and menù */
    .header{width:100%; position: fixed; top:0; left:0; z-index: 9999; padding: 0; display:block; background-color: #444444;}
    .header-mobile{height:50px; width: 100%; position: fixed; top:0; left:0; text-align: center; z-index: 9999; display:none;}
    .logo, .logo-mobile{width: 100%; text-align: center; background-color: #6f090b; line-height: 0;}
    .logo img{width: 100%; max-width: 580px; margin: auto;}
    .logo-mobile img{width: 100%; max-width:300px; margin: auto; padding-top:4px; padding-bottom: 4px;}
    .navigation{width:100%; max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between;}
    .navigation div a{color:#dadada; text-decoration: none; display: block; text-align: center; padding: 10px; font-family:'Oxygen', sans-serif; font-size:15px; font-weight: 400; line-height:120%;}
    .navigation-active{color:#ffffff !important;}
    .navigation div a:hover{color:#ffffff;}
    #navigation-icon{width: 32px; height: 30px; position: absolute; top:4px; left:12px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
    #navigation-icon span {display: block; position: absolute; height: 2px; width: 50%; background: #ffffff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
    #navigation-icon span:nth-child(even) {left: 50%; border-radius: 0 9px 9px 0;}
    #navigation-icon span:nth-child(odd) {left:0px; border-radius: 9px 0 0 9px;}
    #navigation-icon span:nth-child(1), #navigation-icon span:nth-child(2) {top: 7px;}
    #navigation-icon span:nth-child(3), #navigation-icon span:nth-child(4) {top: 18px;}
    #navigation-icon span:nth-child(5), #navigation-icon span:nth-child(6) {top: 29px;}
    #navigation-icon.open span:nth-child(1),#navigation-icon.open span:nth-child(6){-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    #navigation-icon.open span:nth-child(2),#navigation-icon.open span:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
    #navigation-icon.open span:nth-child(1) {left: 4px; top: 14px;}
    #navigation-icon.open span:nth-child(2) {left: calc(50% - 4px); top: 14px;}
    #navigation-icon.open span:nth-child(3) {left: -50%; opacity: 0;}
    #navigation-icon.open span:nth-child(4) {left: 100%; opacity: 0;}
    #navigation-icon.open span:nth-child(5) {left: 4px; top: 22px;}
    #navigation-icon.open span:nth-child(6) {left: calc(50% - 4px); top: 22px;}
    .menu-mobile{width: 100%; height:100vh; position: fixed; left: -100%; top:46px; background-color: #444444; padding-top:0; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;}
    .menu-mobile.open{ left: 0;}
    .menu-mobile div a{color:#dadada; text-decoration: none; display: block; text-align: center; padding: 10px; font-family:'Oxygen', sans-serif; font-size:16px; font-weight: 700; line-height:120%; text-transform:uppercase;}
/* header, logo and menù */
        
/* slider top and call to action */
    /* *********************SETTARE IL PADDING TOP* *********************************************/
    .content-slidertop{width:100%; margin: 0; padding: 0; padding-top: 147px; position: relative;}
    /* *********************SETTARE IL PADDING TOP* *********************************************/
    .slidertop, .slidertop div img{width: 100%;}
     
    .slidertop .slick-slide {margin: 0; outline:none;}
    .slidertop .slick-slide img {width: 100%;}
    .slidertop .arrowleft {position: absolute; top: 50%; left: 20px; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; background: transparent; background-image: url("../images/arrow-left.png"); z-index: 9998; }
    .slidertop .arrowright {position: absolute; top: 50%; right: 20px; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; outline: none; background: transparent; background-image: url("../images/arrow-right.png"); z-index: 9998; }
    .call-to-action-rspp{position: absolute; top:200px; width: 100%; margin: auto; z-index: 100;}
    .call-to-action-rspp p, .call-to-action-rspp h1{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#fffb28; color:#000000; font-size: 34px; font-family: 'Oxygen', sans-serif; font-weight: 700; padding: 10px; width:100%; max-width: 960px; margin: auto; text-align: center;  box-shadow: 10px 10px 17px 0px #27281b;}
    .call-to-action-rspp p img{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 100%; max-width: 400px; margin: auto; margin-top: 20px;}
/* slider top and call to action */  
    
/* slider link */
    .content-sliderbottom{width:100%; margin: 0; padding-bottom: 100px;}
    .sliderbottom {width: 100%;}
    .sliderbottom .slick-slide {margin: 0 10px; outline:none;}
    .sliderbottom div a img{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
    .sliderbottom div a{font-family: 'Oxygen', sans-serif; font-size:14px; color:#000000; display: block; text-align: center; text-decoration: none; margin-top: 10px; line-height: 16px;}
    .sliderbottom .slick-slide img {width: 100%;}
    .sliderbottom .slick-dots {position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%;}
    .sliderbottom .slick-dots li {position: relative; display: inline-block; width:10px; height:10px; margin: 0 5px; padding: 0; cursor: pointer; font-size:0; border:0; line-height:0;}
    .slick-dots li button {border: 0; background: transparent; display: block; width:20px; height: 5px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
    .sliderbottom .slick-dots li button:hover, .sliderbottom .slick-dots li button:focus {outline: none; }
    .sliderbottom .slick-dots li button:before{position: absolute; top: 0; left: 0; content: ""; width:10px; height:10px; background-color:#AC1417;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
    .sliderbottom .slick-dots li button:hover:before{background-color:#000000;}
    .sliderbottom .slick-dots li.slick-active button:before {background-color:#000000;}
/* slider link */

/* video */
    .rwd-video {height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative;}
    .rwd-video iframe, .rwd-video object, .rwd-video embed {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
/* video */

/* footer */
    footer{width:100%;padding:20px; text-align:center; background-color: #f9e103;}
    .footer p{font-family:'Oxygen', sans-serif; font-size:12px; color:#000000; max-width:1280px; margin: 0 auto; text-align: center !important; font-weight: 700;}
    .footer a{color:#000000;}
/* footer */   

/* contact */ 
.box-fixed-contact{position:fixed; bottom:50px; left:-210px; z-index:9999; height:70px; background-color:#000000; width: 260px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;}
.box.fixed.contact div.rel{position:relative; width:100%; height:1px;}
.box-abs-contact{position:absolute; top:-2px; right:-34px; z-index:100; cursor:pointer;}
.box-abs-contact img{width:80px;}
.dubbi-domande{font-family:'Oxygen', sans-serif; color:#ffffff; padding:9px !important; font-size:20px;}
.open-contact{left:0;}
/* contact */
  
/* banner */
.banner{display:none; width:100%; padding:30px; background-color:#000000;}
.banner-int{width:100%; max-width:1280px; margin:auto;}
.banner p{font-family:'Oxygen', sans-serif; color: #fffc68; font-size: 40px; text-align: center; text-shadow: 3px 3px 2px #000000; font-weight: 700;}
.close-banner{width:20px; height:20px; position:absolute; top:0; right:25px; cursor:pointer;}
/* banner */ 

/* Banner Promo */
    #promo{position:fixed; top:0; z-index:99999; left:0; display: none; width:100%; height:100vh; background-color:rgba(0, 0, 0, 0.8);}
    .promo{width:100%; max-width:800px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin:auto;}
    .promo img{width:100%; height:auto;}
    .closepromo{position: absolute; z-index: 9999; cursor: pointer; right:0; top:0; }
    .closepromo img{width:25px;}
    .displaynone{display:none !important;}
/* Banner Promo */

.dubbidomande {
    background-color: #0d42c1;
    display: inline-block;
    padding: 10px 20px;
    margin: 30px;
    font-weight: 700;
    color: white;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 30px;
}

/* Tabella Regioni */  
 .box-regioni{text-align:center !important; font-size:0; padding:10px;}
 .box-regioni-gray{text-align:center; font-size:0; background-color:#f3f3f3;}
 .box-regioni-item{width:33.333%; display:inline-block;}
 .box-regioni-item p, .box-regioni-item a {font-family: 'Oxygen', sans-serif; font-size:16px; color:#000000; text-align:center !important; padding:15px !important; display:block;}
 .nome-regione{font-size:20px !important; font-weight:700; padding:15px !important;}
   
.promoqui{display:none; width:100%; padding:4px; background-color:#ff0000;}
.promoqui p{text-align:center !important; padding:5px !important;}
.promoqui p a{font-family: Arial, Verdana, Sans-Serif !important; font-size: 24px !important; color: #ffffff; text-shadow: 1px 1px #000000;}
div.sticky {position: -webkit-sticky; position: sticky; top: 147px; z-index:110;}

@media(max-width:1024px)
{
    .call-to-action-rspp {width: 90%; left: 5%;}        
    .call-to-action-rspp p, .call-to-action-rspp h1{font-size: 30px;} 
    h1{font-size: 32px;}
    h2{font-size: 28px;}
    h3{font-size: 26px;}
    h4{font-size: 24px;}
    .p22{font-size: 20px;}
    .p20{font-size: 18px;}
    .p18{font-size: 16px;}
    .p16{font-size: 14px;}
    .p14{font-size: 12px;}
}

@media(max-width:768px)
{
    .promoqui p a{font-size: 18px !important;}
    .call-to-action-rspp p{font-size: 26px;} 
    h1{font-size: 28px;}
    h2{font-size: 26px;}
    h3{font-size: 24px;}
    h4{font-size: 22px;}
    .p22{font-size: 20px;}
    .p20{font-size: 18px;}
    .p18{font-size: 16px;}
    .p16{font-size: 14px;}
    .p14{font-size: 12px;}
    .big-a{width: 85%;}
    .medium-a{width: 70%;}
    .sanzioni{font-size:16px;}
}

@media(max-width:767px)
{
    p{ text-align: left !important;}
    .header{display:none;}
	.header-mobile{display:block;}
    .desktop{display:none !important;}
	.mobile{display:block !important;}
    .call-to-action-rspp{top:80px !important;}
    .call-to-action-rspp p, .call-to-action-rspp h1{font-size: 18px;} 
    .container-no-slider{padding-top:60px;} 
    /* *********************SETTARE IL PADDING TOP* *********************************************/
    .content-slidertop{padding-top: 7px;}
    /* *********************SETTARE IL PADDING TOP* *********************************************/
	.content-blocks{width:95%; margin:auto;}
	.block2, .block3{display: grid; grid-template-columns: 100%; grid-gap:0;}
		p{text-align: left !important;}
    /* contact */ 
    .box-fixed-contact{bottom:10px; left:-160px; height:42px; width: 200px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;}
    .box-abs-contact{right:-30px;}
    .box-abs-contact img{width:50px;}
    .dubbi-domande{font-size: 15px; padding: 1px 10px 0px 10px !important;}
    .open-contact{left:0;}
    /* contact */  
    .banner p{font-size:28px; text-align:center !important;}	
	.box-regioni-item{width:90%; display:block; margin:auto;}
    div.sticky {top: 46px; margin-bottom: 0;}    
	
}
	
@media(max-width:480px)
{
}
/* === MENU A TENDINA PER PROFILI APPRENDISTATO === */
#navigation1_LblProfili:hover .submenu,
#navigation1_LblProfiliM:hover .submenu {
    display: block !important;
    z-index: 9999;
}