@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 150px 10px;}    
    
    .container-home{padding:250px 10px 0 10px;}
    .container-int{padding:170px 10px 0 10px;}
    .container-short{width:100%; max-width:320px; margin: 0 auto; padding:0 10px;}
        
    .content-images{width:100%; margin: 0; padding: 0;}
    .content-images img{width:100% !important; height: auto !important;}
    .block1{width: 100%; max-width:1024px; margin:auto; padding: 10px; text-align: center;}
    .txt-center{text-align:center;}
    nav{ background-color:#1da1b6;}
    .pdtop-20{padding-top:20px !important;}
    .pdbtm-10{padding-bottom:10px !important;}
    .header a{color:#ffffff; font-family: 'Oxygen', sans-serif; font-weight: 400; font-size:16px; display:block;}
    a{color:#000000; font-family: 'Oxygen', sans-serif; font-weight: 400; font-size:16px;}
    a.elenco{border:none; width: 100%; padding:10px; background-color:#000000; font-weight: 600; font-family:'Oxygen', sans-serif; color: #ffffff; font-size:16px; cursor:pointer; display:block; text-decoration:none;}
    .spaninline{ display:inline !important;}
/* generic and main format */ 
    
/* main header format */
    h1,h2,h3,h4{font-family: 'Oxygen', sans-serif; font-weight: 700; text-align: center;}
    h2,h3,h4{padding-top: 20px;}
    h1{font-size: 34px;}
    h2{font-size: 28px;}
    h3{font-size: 26px;}
    h4{font-size: 24px;}
/* 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: center; font-size:16px;}
    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;}
/* main font format */ 

/* header, logo and menù */
    .header{width:100%; position: fixed; top:0; left:0; z-index: 9999; padding: 0; display:block; background-color: #ffffff;}
    .header-mobile{height:53px; width: 100%; position: fixed; top:0; left:0; text-align: center; z-index: 9999; display:none;}
    
    .intestazione{width: 100%; text-align: center; line-height: 0; background-image: url(../images/intestazione-std-bg-left.jpg), url(../images/intestazione-std-bg-right.jpg); background-position: left bottom, right bottom; background-repeat: no-repeat, no-repeat;}
    .intestazione img{max-width:580px;}
    .intestazione-mobile{width: 100%; text-align: center; background-color:#f4f4f4; line-height: 0; height:64px;}
    .intestazione-mobile img{max-width: 204px;}
    
    .intestazione-infoservice{width: 100%; text-align: center; line-height: 0; background-color:#6f090b;}
    .intestazione-infoservice img{max-width:320px;}
    .intestazione-infoservice-mobile{width: 100%; text-align: center; background-color:#6f090b; line-height: 0; height:64px;}
    .intestazione-infoservice-mobile img{max-width:204px;}
    
    .intestazione-simposio{width: 100%; text-align: center; line-height: 0;}
    .intestazione-simposio img{max-width:320px;}
    .intestazione-simposio-mobile{width: 100%; text-align: center; background-color:#f4f4f4; line-height: 0; height:64px;}
    .intestazione-simposio-mobile img{max-width:204px;}
    
    .intestazione-confcommercio-enna{width: 100%; text-align: center; line-height: 0;}
    .intestazione-confcommercio-enna img{max-width:320px;}
    .intestazione-confcommercio-enna-mobile{width: 100%; text-align: center; background-color:#f4f4f4; line-height: 0; height:64px;}
    .intestazione-confcommercio-enna-mobile img{max-width:204px;}
   
    .intestazione-aservizi{width: 100%; text-align: center; line-height: 0;}
    .intestazione-aservizi img{max-width:320px;}
    .intestazione-aservizi-mobile{width: 100%; text-align: center; background-color:#f4f4f4; line-height: 0; height:64px;}
    .intestazione-aservizi-mobile img{max-width:204px;}
    
    .intestazione-aqrgroup{width: 100%; text-align: center; line-height: 0;}
    .intestazione-aqrgroup img{max-width:320px;}
    .intestazione-aqrgroup-mobile{width: 100%; text-align: center; background-color:#f4f4f4; line-height: 0; height:64px;}
    .intestazione-aqrgroup-mobile img{max-width:204px;}
    
    .intestazione-siq{width: 100%; text-align: center; line-height: 0;}
    .intestazione-siq img{max-width:320px;}
    .intestazione-siq-mobile{width: 100%; text-align: center; background-color:#b41111; line-height: 0; height:64px;}
    .intestazione-siq-mobile img{max-width:204px;}   
    
    
    nav.infoservice{background-color:#444444;}
    nav.simposio{background-color:#b41c1b;}
    nav.confcommercio-enna{background-color:#00487d;}
    nav.aservizi{background-color:#000000;}
    nav.aqrgroup{background-color:#95c11f;}
    nav.siq{background-color:#b41111;}
    
    .navigation{width:100%; max-width: 1280px; margin: 0 auto; display: flex; justify-content: center;}
    .navigation div a{color:#ffffff; 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:#dadada;}
    .navigation-icon{width: 32px; height: 30px; position: absolute; top:12px; 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: #000000; 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:61px; background-color: #9f9f9f; 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, .menu-mobile a{color:#ffffff; text-decoration: none; display: block; text-align: center; padding: 10px; font-family:'Oxygen', sans-serif; font-size:16px; font-weight: 400; line-height:120%;}
/* header, logo and menù */

/* form */
    #LblMessaggio{display:block; text-align:center; font-family:'Oxygen', sans-serif; color:Red; font-size:16px; margin-bottom:10px;}
    input[type="text"],input[type="password"]{width: 100%;}
    input[type="button"]{cursor:pointer;}
    input[type="submit"]{border:none; width: 100%; padding:10px; background-color:#000000; font-weight: 600; font-family:'Oxygen', sans-serif; color: #ffffff; font-size:16px; cursor:pointer;}
    .container-input{position: relative;}
    .input{border: 0; padding: 10px; border-bottom: 1px solid #ccc; font-weight: 500; font-family:'Oxygen', sans-serif; color: #000000; font-size:16px; background-color:#f8f8f8;}
    .separator{width:100%; height:20px;}
/* form */

/* footer */
    .footer{width:100%; padding:10px; text-align:center; background-color: #000000; position:fixed; bottom:0; left:0;}   
    .footer p{font-family:'Oxygen', sans-serif; font-size:12px; color:#ffffff; max-width:1280px; margin: 0 auto; text-align: center !important; font-weight: 700;}
    .footer a{color:#ffffff; font-size:12px;}
    .footer-infoservice{width:100%; padding:10px; text-align:center; background-color: #000000; position:fixed; bottom:0; left:0;} 
    .footer-infoservice p{font-family:'Oxygen', sans-serif; font-size:12px; color:#ffffff; max-width:1280px; margin: 0 auto; text-align: center !important; font-weight: 700;}
    .footer-infoservice a{color:#ffffff; font-size:12px;}
    .footer-simposio{width:100%; padding:10px; text-align:center; background-color: #000000; position:fixed; bottom:0; left:0;}   
    .footer-simposio p{font-family:'Oxygen', sans-serif; font-size:12px; color:#ffffff; max-width:1280px; margin: 0 auto; text-align: center !important; font-weight: 700;}
    .footer-simposio a{color:#ffffff; font-size:12px;}
    .footer-cce{width:100%; padding:10px; text-align:center; background-color: #000000; position:fixed; bottom:0; left:0;}   
    .footer-cce p{font-family:'Oxygen', sans-serif; font-size:12px; color:#ffffff; max-width:1280px; margin: 0 auto; text-align: center !important; font-weight: 700;}
    .footer-cce a{color:#ffffff; font-size:12px;}
    .footer-aservizi{width:100%; padding:10px; text-align:center; background-color: #000000; position:fixed; bottom:0; left:0;}   
    .footer-aservizi p{font-family:'Oxygen', sans-serif; font-size:12px; color:#ffffff; max-width:1280px; margin: 0 auto; text-align: center !important; font-weight: 700;}
    .footer-aservizi a{color:#ffffff; font-size:12px;}
    .footer-aqr{width:100%; padding:10px; text-align:center; background-color: #155963; position:fixed; bottom:0; left:0;}   
    .footer-aqr p{font-family:'Oxygen', sans-serif; font-size:12px; color:#ffffff; max-width:1280px; margin: 0 auto; text-align: center !important; font-weight: 700;}
    .footer-aqr a{color:#ffffff; font-size:12px;}
    .footer-siq{width:100%; padding:10px; text-align:center; background-color: #191e34; position:fixed; bottom:0; left:0;}   
    .footer-siq p{font-family:'Oxygen', sans-serif; font-size:12px; color:#ffffff; max-width:1280px; margin: 0 auto; text-align: center !important; font-weight: 700;}
    .footer-siq a{color:#ffffff; font-size:12px;}  
    
/* footer */ 

/* print */ 
    .container-print{width:900px; margin:100px auto; border:5px groove gold; padding: 70px;}
    .container-print p{font-family: 'Arial', sans-serif; font-size: 15px !important; line-height:120%;}
    .container-print span{font-family: 'Arial', sans-serif; font-size: 15px !important; line-height:120%; display:block; font-weight:700;}
    .container-print ul li{font-family: 'Arial', sans-serif; font-size: 15px !important; display:block; text-align:left;}     
    #LblNomeCognomeTutor{display:inline-block; font-family: 'Arial', sans-serif; font-size: 15px !important;}
    #print{position:fixed; top:10px; right:10px; z-index:9999;}
    #print input{vertical-align:top !important;}
    #print img{cursor:pointer;}
    .blocco-documenti a, .blocco-documenti input{ margin-bottom:10px;}
    label{font-family: 'Arial', sans-serif; font-size: 16px !important; font-weight:700; vertical-align:super; padding-left:10px;}
    input[type=radio]{margin-bottom:10px; width:30px; height:30px;}
    .domanda{font-size: 18px !important; padding: 30px; margin: 0 0 20px 0; font-family:'Source Sans Pro', sans-serif; font-weight:700; text-transform: uppercase; color:#000000; display: block; text-align: left; background-color:#f5f5f5;}
    p, #LblIntro{font-family:'Oxygen', sans-serif; font-weight: 400; line-height: 130%; padding: 20px 0 5px; text-align: justify; font-size:18px; display:block;}

/* print */ 


@media(max-width:1024px)
{
    h1{font-size: 32px;}
    h2{font-size: 28px;}
    h3{font-size: 26px;}
    h4{font-size: 24px;}
}

@media(max-width:768px)
{
    .container-home, .container-int{padding:80px 10px 0 10px;}
    .logo-mobile img{width: 100%; max-width:200px; margin: auto;}
    h1{font-size: 26px;}
    h2{font-size: 24px;}
    h3{font-size: 22px;}
    h4{font-size: 21px;}
    p, a{font-size: 15px;}
    p, #LblIntro{font-size:16px;}
    .domanda{font-size: 16px !important;}
}

@media(max-width:767px)
{
    .header{display:none;}
	.header-mobile{display:block;}
    .desktop{display:none !important;}
	.mobile{display:block !important;}
}