@charset "utf-8";
/* CSS Document */
body{
    text-align:left;
    font-size: 1.6em;
}
#up{
    height:7px;
    background-color:#eaeaea;
    border-bottom:1px solid #DCE7FB;
}
#header{
    margin-top: 15px;
}

/*.logo{
    float:left;
    padding-right:9px;	
    padding-left:7px;
}*/
.logo_sede{
    border-left: 2px solid #ccc;
    margin-top: 34px;
    float:left;
    padding-left:9px;
}
#titolo_direzione{
    color:#9ba4be;
    font-size:17px;
    margin-top:-7px;
}
#nome_sede{
    color:#38518a;
    font-size:25px;
    font-weight:bold;
    font-style:italic;
    margin-top:-7px;
}
#titolo_generico{
    color:#38518a;
    font-size:25px;
    font-weight:bold;
    font-style:italic;
    margin-top:-7px;
}
/* HOME-PAGE */
/* stilizza resize font */
#resize_font{
    text-align:right;
    float:right;
    padding-top:18px;
}
.zoomin{
    background-image: url(../Images/zoom_in.png);
    width:20px;
    height:20px;
    display:inline-block;
}
.zoomout{
    background-image: url(../Images/zoom_out.png);
    width:20px;
    height:20px;
    display:inline-block;
}
/* FINE stilizza resize font */
/* fine HOME-PAGE */

/* stilizza lingua */
#lingue{
    float: right;
    margin-top: 15px;
    margin-bottom: 1px;
    padding-top: 6px 
}
#lingue a{
    color:#484848;
}
#lingue a:hover{
    color:#38518a;
    text-decoration:underline;
}
#lingue ul{
    list-style:none;
    margin-right:7px;
    margin-top:10px;
}
#lingue ul li{
    display:inline;
    padding-left:7px;
}
/* FINE stilizza lingua */
/* menu principale */
.navbar-collapse{
    max-height: none;	
}
.container-fluid{
    padding:0;
}
#nav{
    margin-bottom:0;
}
#main_menu ul li a{
    margin:0;
    padding:8px 15px 8px 0;
    font-size:0.81em;
    text-decoration: none;	
}
#main_menu .nav li{
    display:inline;
}
#main_menu .nav li a{
    display:inline;
    float:left;
}
#main_menu ul li a:hover{
    text-decoration:underline;
    color:#38518a;
    background-color:transparent;
}
#main_menu ul li a:focus{
    text-decoration:underline;
    color:#38518a;
    background-color:transparent;
}
#main_menu{
    padding-left:9px;
    margin-top: 10px;
    font-size:1.5em;
    background-color:#f4f4f4;	
}	
/* FINE menu principale */

/* --------------- INIZIO media query ------------------*/
@media (min-width: 991px) and (max-width: 1200px){

    #main_menu {
        font-size: 1.45em;
    }

}
@media (max-width: 1200px){
    #boxministro{
        height: 434px;
    }
    #resize_font{
        display:none;	
    }

    #main_menu_tag ul li a{
        font-size: 0.85em;
        padding: 8px 5px 8px 5px;
    }

 

}
@media (max-width: 990px){
    #resize_font{
        display:none;	
    }
}
@media (max-width: 767px) {


    #main {
        margin-top: 0;
    }

    #main_menu .nav li {
        display: block;
    }

        #main_menu .nav li a {
            display: block;
            float: none;
        }

    #main_menu ul li a {
        text-align: center;
        padding: 10px 10px 10px 10px;
    }

    .navbar-toggle {
        position: relative;
        float: left;
        width: 100%;
        margin-right: 0px;
        padding: 12px 5px 12px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        border-radius: 1px;
    }

    #nav .navbar-toggle {
        background-color: #dedede;
    }


        #nav .navbar-toggle:hover, #nav .navbar-toggle:focus {
            background-color: #374f8b;
            color: #fff;
        }



   

    .banner {
        min-height: 204px;
    }


    #ricerca_sito {
        margin-top: -51px;
        margin-bottom: 5px;
        float: left;
        padding: 0 0px;
    }

    #lingue {
        padding-top: 0px;
        width: auto;
        float: right;
    }


        #lingue ul {
            list-style: none;
            margin-right: 10px;
            margin-top: 2px;
        }

            #lingue ul li {
                display: inline;
                padding-left: 7px;
            }

    /* risolve i margini dei menu */
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 1px;
    }

    /* FINE risolve i margini dei menu */
} 

@media (min-width: 767px) and (max-width: 991px){
    .cinquanta img {
        width: 50%;
    }

    .logo_sede{

        margin-top: 12px;

    }

    #nome_sede{

        font-size:18px;

    }


    #main_menu {
        font-size: 1.44em;
    }
    #main_menu ul li a{
        padding:15px 8px 15px 0;
        font-size:0.66em;
        text-decoration: none;
        font-weight:700;	
    }
    #boxUtility{
        margin-top: 6px;
    }

    /* HOMEPAGE */

    #lingue{
        margin-top: 0px;  
    }
    #lingue ul{
        margin-top: 0px; 	
    }
    /* FINE HOMEPAGE */
}
@media (max-width: 330px){
    /* HOMEPAGE */
 
    #logo{
        text-align:center;
    }
    .logo_sede 
    {
         text-align:center;
    }
    #lingue{
        font-size:0.8em;
        padding-right: 15px;
    }
    #lingue ul{
        list-style:none;
        margin-top:-13px;
    }
    #lingue ul li{
        display:inline;
    }

    #boxUtility {
        margin-bottom:20px;
    }

    .navbar-form{
        padding-left:0;
    }
    #custom_html img{
        width:100%;
    }
    /* FINE HOMEPAGE */
}
/*FINE media query*/
/* regole per cross browser*/
ul{
    margin-left:0px !important;
}
/* FINE regole per cross browser*/
  html {
            font-family: sans-serif;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        
        }

        body {
            font-family: "Trebuchet MS",Arial,Sans-Serif;
             font-size:100%;
            line-height: 1.1;
            color: #484848;
            background-color: #fff;
        }

        body, html {
            margin: 0;
            overflow: hidden;
            height: 100%;
            font-size:100%;
        }
        /*.h1, h1 {
    font-size:0em;
}

.h2, h2 {
   font-size:0em;
}

.h3, h3 {
    font-size:0em;
}

.h4, h4 {
     font-size:0em;
}

.h5, h5 {
      font-size:0em;
}

.h6, h6 {
  font-size:0em;
}*/

        @media (min-width: 768px) {

            /*#menu {
                position: absolute;
                top: 0px;
                bottom: 0px;
                left: 0px;
                width: 5%;
            }*/
        }

        #container {
            position: absolute;
            top: 0px;
            bottom: 0px;
            text-align: center;
            height: 100%;
            width:100%;
            overflow-y: scroll;
        }

        @media (min-width: 1200px) {
            #bodyLink {
                background-image: url('../Images/osm16.png');
                background-repeat: no-repeat;
                background-size: 20vw;
                height: 60vh;
            }
        }

        @media (min-width: 768px) {
            .navbar-collapse {
                height: auto;
                border-top: 0;
                box-shadow: none;
                max-height: none;
                padding-left: 0;
                padding-right: 0;
            }
        }
       
        section {
            box-sizing: border-box;
            text-align: center;
        }

       section#Titolo {
           color: #f8f8f9;
           /* text-shadow: 2px 1px #4f5054; Vecchio css */ 
           text-shadow: 2px 2px #4f4f4f; /* Modifica @ Raimondo Puddu */
           background-image: url("../Images/sh8.jpg");
           filter: opacity(75%);
           filter: bluescale(55%);
           filter: grayscale(35%);
           background-size:cover;
           background-position-x:center;
           background-position-y: center;
           background-color: lightgrey;
           /*width: 100%;*/
           max-width: 100%;
           max-height: 100%;
           box-sizing: border-box;
           text-align: center;
            /*overflow-y: auto;*/
          
           
       }

          #opTitolo {
          padding-top: 0.3em;
          padding-bottom: 1em;
          background-color:rgba(0,0,0,0.25);
          /*opacity:0.85;*/
          border-radius:1.5em;
          max-width: 40%;
          margin-left: 30%;
          margin-right: 30%;
          letter-spacing: 1px;

         
        }

         .lblSezTito03 {
         top: 0.39em;
         /*margin: 0px auto;*/
         width: 100%;
         line-height: 1.2em;
         position:relative;
        }          
          /*#linkAnchorSommario{ 
          top: -18px;
      }*/

      section#Titolo div.corpoSezione > img {
           margin-bottom: 50px;
          position: relative;
           
          
         

      }

      section#Titolo div.corpoSezione {
          /*top: 50%;*/
          position: absolute;
          /*left: 50%;*/
          /*width: 50%;*/
          width: 100%;
          text-align: center;
          /*transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);*/
          
      }

      section#Titolo .titolo {
      font-size:4.0em
      }
      section#Titolo .sottotitolo {
      margin-top:0.1em;
      font-size:3.0em
      }
      section#Titolo .testo {
      margin-top:20px;
      font-size:2.0em
      }
      section#Titolo .icona {
      margin-top:50px;
      font-size:2.5em
      }
      

      section#Titolo ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
      }

           
        section#Sommario {
             min-height: 900px;
            /*height: 900px;*/
            /*overflow-y: auto;*/
            text-align: center;
            color: white; 
            text-shadow: 2px 1px #4f5054;
            position: relative;
            background: white url("../Images/OSM2.jpg") repeat fixed;
            background-size: cover;
            vertical-align: middle;
        }

            section#Sommario ul {
                margin-right: 30px;
            }
      
      section#Sommario .titolo {
      font-size:3.0em
      }
      section#Sommario .sottotitolo {
      text-transform: uppercase;
      margin-top:10px;
      font-size:2.0em
      }
      section#Sommario .testo {
      text-align:justify;
      margin-top:20px;
      font-size:1.7em
      }
      section#Sommario .icona {
      margin-top:40px;
      font-size:2.5em
      }
      section#Sommario div.corpoSezione {
      text-align: justify;
      }
      section#Sommario div.corpoSezione img.logo {
                    margin-top: 45px;
                    margin-bottom: 55px;
                }

               

                section#Sommario div.corpoSezione li {
                    text-align: justify;
                }

            section#Sommario li {
                list-style: none;
                padding-right: 10px;
                padding-left: 30px;
                margin-bottom: 2em;
            }

        section#Questionario {
            position: relative;
            background-color: rgba(255,255,255,0.5);
            text-align: center;
            min-height: 700px;
            height: 850px;
            vertical-align: middle; 
            margin-top: 0px;
            text-shadow:2px 1px #f0f0f0;
        }
         section#Questionario .titolo {
      font-size:3.0em
      }
      section#Questionario .sottotitolo {
      margin-top:10px;
      font-size:2.0em
      }
      section#Questionario .testo {
      text-shadow:2px 1px #f0f0f0;
      margin-top:20px;
      font-size:1.4em
      }
      section#Questionario .testocampo {
    
      font-size:1.7em
      }
      section#Questionario .testocamporidotto {
    
      font-size:1.3em
      }
      section#Questionario .testocamporadio {
      font-size:1.1em;
      font-weight:normal;
      font-family: "Trebuchet MS",Arial,Sans-Serif;
      color: #484848;
      }
      section#Questionario .testolink {
      /*text-align:justify;
      margin-top:20px;*/
      font-size:1.2em
      }
            section#Questionario div.corpoSezione {
                margin-top: 30px;
                text-align: center;
                min-height: 600px;
            }

                section#Questionario div.corpoSezione img.logo {
                    margin-top: 45px;
                    margin-bottom: 55px;
                }

              
               

                section#Questionario div.corpoSezione li {
                    text-align: justify;
                }
            section#Questionario div#formquestionario {
                background-color: rgba(132,147,180,0.2);
                border-color: #d3d3d3;
                height: 690px;
               
            }
           
        #pagefooter {
            min-height: 60px;
            text-transform: uppercase;
            font-size: 0.8em;
            font-weight: 600;
            position: relative;
            z-index: 10;
            margin-bottom: 0px;
            bottom: 0px;
            padding-bottom: 0px;
            text-align: center; 
            background-color: black;
            padding-top: 15px;
        }

      

        section#Conclusione {
            height: auto;
            min-height: 1400px;
            text-shadow:2px 1px #f0f0f0;
        }


      section#Conclusione .titolo {
      font-size:1.7em
      }
      section#Conclusione .sottotitolo {
      margin-top:10px;
      font-size:1.3em
      }
      section#Conclusione .testo {
     
      margin-top:20px;
      font-size:1.2em
      }
      section#Conclusione .testocampo {
    
      font-size:1.1em
      }
      section#Conclusione .testocamporidotto {
    
      font-size:1.3em
      }
      section#Conclusione .testolink {
       text-align: right;
       padding-right: 40px;
       font-size:1.1em
      }
      section#Conclusione .testolinkcenter {
       text-align: center;
       font-size:1.1em
      }
         section#Conclusione .testominuto {
       text-align: center;
       font-size:0.8em
      }
            section#Conclusione .immaginedecorativa {
                color: white;       
                padding-top: 0px;
                padding-bottom: 400px;
                background-image: url("../Images/OSM3.png");
                background-size: cover;
                background-color: rgba(255,255,255,0.5);
            }

            section#Conclusione div.corpoSezione {
                text-align: justify;
            }
             section#Conclusione div#comandopdf {
            
            }
       
            

            section#Conclusione div.corpoSezione li {
                text-align: justify;
            }

            section#Conclusione li {
                list-style: none;
                padding-right: 10px;
                padding-left: 30px;
                margin-bottom: 0.8em;
            }
        .alertsfondo {
            background-color: rgba(132,147,180,0.2);
            border-color: #d3d3d3;
        }
        .alerttestata {
            background-color: rgba(196,198,200,0.5);
            border-color: #d3d3d3;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .alertnota {
            background-color: rgba(132,147,180,0.2);
            border-color: #d3d3d3;
        }
        .btn {
            /*font-size: 0.65em;*/
            text-shadow:none;
        }
          .testobottone {
            font-size: 1.2em;
        }
        .alignleft {
            text-align: left;
        }

        .alignright {
            text-align: right;
        }

        .aligncenter {
            text-align: center;
        }

        .alignjustify {
            text-align: justify;
        }
        .alignvertical {
            vertical-align: middle;
        }
        .menuinterno li a {
            color: #4f5054;
        }
        .mtop {
            margin-top: 20px; 
            }
        .pbottom {
            padding-bottom: 20px;
        }
         .placeholder {
        color: grey;
      }

      select option:first-child {
        color: grey;
        display: none;
     }

     select option {
       color: #555;
     }

        #myModaladv {
            background-image: url("../Images/osm10.jpg");
            background-size: cover;
            height: 100vh;
            margin-left: 0%;
            width: 100%;
             overflow-y: scroll;
        }

        #myModalfoo {
            background-image: url("../Images/osm10.jpg");
            background-size: cover;
            height: 100vh;
            margin-left: 0%;
            width: 100%;
            overflow-y: scroll;
        }

        #myModallink {
            margin-left: 0%;
            height: 100vh;
            width: 100%;
            overflow-y: scroll;
        }

        #myModalred {
            background-image: url("../Images/osm10.jpg");
            background-size: cover;
            height: 100vh;
            margin-left: 0%;
            width: 100%;
            overflow-y: scroll;
        }

        #myModalpri {
            background-image: url("../Images/osm10.jpg");
            background-size: cover;
            height: 100vh;
            margin-left: 0%;
            width: 100%;
             overflow-y: scroll;
        }
     .modaletitolo {
      font-size:2.0em
      }
      .modalesottotitolo {
      margin-top:10px;
      font-size:1.3em
      }
.modaleseparatore {
     margin-top:5px;
      }
     .modaletesto {    
      margin-top:20px;
      font-size:1.0em
      }
       .modaletestoredazione {    
      margin-top:10px;
      font-size:1.0em;
      font-style:italic;
      }
      .modaletestocampo {
      font-size:1.1em
      }
      .modaletestocamporidotto {
      font-size:1.3em
      }
     .modaletestolink {
       text-align: right;
       padding-right: 40px;
       font-size:1.1em
      }
.responsive-img {
    max-width:100%;
}
.panel-radio 
{
 min-height: 25px;
 height:auto;
 vertical-align:middle;
 padding: 5px 5px;
 /*line-height: 1.5;*/
 border-radius: 3px; 
 border: 1px solid #ccc;
}

.informativaCookie {
    min-height: 35px;
    padding: 10px 10px 10px 10px;
    background-color: #336699;
    font-family: Arial;
    font-size: 16px;
    color: #fff;
}

.alignLeft {
    text-align:left;
    direction:ltr;
}

.alignRight {
    text-align:right;
    direction: rtl;
}

.alignJustify {
    text-align:justify;
}

.alignCenter {
    text-align:center;
}



section#ObblighiDoveri {
    color: white;
    text-shadow: 2px 1px #4f5054;
    /*position: relative;*/
    background-image: url("../Images/osm1.jpg");
    background-size: cover;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
           
}