body {
    background: #FFF url(../images/logo-simbolo.png) no-repeat right top;
    margin: 0;
    font-family: 'PT Sans', sans-serif;
}

a {
    color: #82af24;
}

h3 {color: #95C11E; font-size: 26px; text-decoration: underline;}


#page {
    position:absolute;
    min-height:100%;
    width:100%;
}

#header {
    width: 100%;
    float: left;
    margin: 0;
}

#header .header-c {
    max-width: 1200px;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    border: 0 solid #ccc;
}

#header .header-c .logo {
    width: 250px;
    float: left;
    margin: 17px 0 6px 0;
}

#header .header-c .miur {
    float: right;
}

#header .header-c .miur-scritta {
    float: right;
    font-size: 9pt;
    font-weight: bold;
    padding-top: 20px;
}
#header .header-c .miur-scritta a {
    text-decoration: none; color: #1266cd;
}

#header .header-c #db {
    float: right; width: auto; height: 30px;  margin-top: 30px; text-align: center;
    padding:13px 8px 0 8px; font-weight: bold; color: #fff; background: #66AF6C;
}


#title {
    width: 100%;
    float: left;
    margin: 0 auto;
}

#title .title-c {
    max-width: 1200px;
    width: 100%;
    min-height: 110px;
    margin: 0 auto;
    border: 0 solid #ccc;
    background-color: #505050;
    color: white;
    padding: 1px;
    /*text-align: center;*/
}

#title .title-c h2 {
    display: inline-block;
    width: 55%;
    margin: 0 auto;
    padding: 35px  0 0 0;
    text-align: left;
}

#title .title-c img {
    display: inline-block;
    width: auto;
    height: 100%;
    vertical-align: middle;
    padding: 15px 0 10px 0;
    margin-top: auto;
    border: 0 solid #FFF;
    border-radius: 50px;
    text-align: left;
}

#login-info {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border: 0 solid #ccc;
}

#login-sx {
    width: 49%;
    display: inline-block;
    float: left;
    font-weight: bold;
    font-style: italic;
}

#login-dx {
    width: 49%;
    display: inline-block;
    float: right;
    text-align: right;
}

#login-dx a{
    background-color: #82AF24 !important;
    color: white !important;
    padding-left: 2px;
    padding-right: 2px;
    text-decoration: none;
    font-variant: small-caps;
}

#main {
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px 0;
    width: 100%;
}

#logo-cdl {
    width: 10% !important;
    height: auto !important;
    margin-left: 0;
}

#slider {
    position: relative;
    width: 100%;
    float: left;
    margin: 0;
}

#slider .slider-c {
    position: relative;
    max-width: 1200px;
    width: 100%;
    height: 480px;
    margin: 0 auto;
    text-align: right;
    border: 0 solid #ccc;
}

#slider .slider-c .video {
    width: 853px;
    height: 480px;
    float: right;
}

#slider .slider-c .claim {
    width: 307px;
    height: 440px;
    padding: 20px;
    background: #82af24;
    opacity: 0.8;
    color: #FFF;
    float: left;
    font-size: 24px;
    line-height: 26px;
    text-align: left;
}

.border-r {
    border-right: 0 solid #F1F1F1;
}

.border-l {
    border-left: 0 solid #F1F1F1;
}

a.active {
    background: #82af24 !important;
}

#nav {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
}

#nav ul.nav-c {
    max-width: 1200px;
    width: 100%;
    border:0;
    margin: 0 auto;
    padding: 0;
    font-variant: small-caps;
    text-transform:uppercase;
}

#nav ul.nav-c li {
    float: left;
    margin: 20px 20px 20px 0;
    list-style: none;
}

#nav ul.nav-c li a {
    text-decoration: none;
}

#nav ul.nav-c li a:hover {
    text-decoration: none;
    color: #DDD;
}



#nav ul.nav-g {
    max-width: 1200px;
    width: 100%;
    border:0;
    margin: 5px auto;
    padding: 0;
    font-variant: small-caps;
    text-transform:uppercase;
    background: #505050 !important;
}

#nav ul.nav-g li {
    float: left;
    margin: 2px;
    list-style: none;
    background: #505050 !important;
    padding: 5px 15px;

}

#nav ul.nav-g li a {
    text-decoration: none;
     background: #505050 !important;
/*     margin: 20px 20px 20px 20px;*/
     color: white !important;
}

#nav ul.nav-g li a:hover {
    text-decoration: none;
    color: #95C11E !important;
     background: #505050 !important;
/*     margin: 20px 20px 20px 20px;*/
}

ul.nav-g .selected {

    color: #95C11E !important;
    padding: 5px 10px;
    cursor: default;
/*     margin: 20px 20px 20px 20px;*/
}

ul.nav-gc {
    float:left;
    font-size: 0.9em;
    max-width: 1200px;
    width: 100%;
    border:0;
    margin: 0 auto 30px;
    padding: 0;
    font-variant: small-caps;
    text-transform:uppercase;
}

ul.nav-gc li {
    float: left;
    list-style: none;
    background: #95C11E !important;
    margin-right:10px;
    padding: 5px 2px;
}

ul.nav-gc li.sub2 {
    float: left;
    list-style: none;
    background: #fff !important;
    border: solid 2px #662881;
    margin-right:10px;
    padding: 5px 2px;
}

ul.nav-gc li a {
    text-decoration: none;
    background: #95C11E !important;
    color: #505050 !important;
    margin:0 2px;
}

ul.nav-gc li a:hover {
    text-decoration: none;
    color: white !important;
    background: #95C11E !important;
    margin: 0 5px;
}

#content {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    padding-bottom: 120px;
}

#footer {
    background: #FFF;
    border-top: 1px solid #999;
    width: 100%;
    height: 100px;
    float:left;
    margin: 0;
    text-align: center;
    position:absolute;
    bottom:0;
}

#footer p {
    margin: 40px 0 0 0;
}

.selected-menu {
    background-color: #82AF24 !important;
    cursor: default;
}

.divide-et-impera {
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 5px 5px 5px;
    background-color: #B3B3C3;
}

.selected {
    background-color: #82AF24 !important;
    color: white !important;
    padding: 5px 10px;
    cursor: default;
}

.punteggio {
    text-align: left;
    border-collapse: collapse;
}

.punteggio th {
    text-align: center;
    background-color: #662881;
    color: white;
    border-bottom-style: solid;
    padding: 5px;
    border-width: 1px;
    border-color: #505050;
}

.punteggio td {
    text-align: left;
    background-color: white;
    color: black;
    padding: 5px;
    border-bottom-style: solid;
    border-width: 0.5px;
    border-color: #505050;
}

.attenzione {
    border-style: solid;
    border-width: 2px;
    border-color: #82AF24;
    padding: 5px;
    background-color: #F1F1F1;
    color: black;
    display: block;
}

.attenzione a {
    color: #662881;
}

.avviso {
    border-style: solid;
    border-width: 2px;
    border-color: #505050;
    padding: 5px;
    color: white;
    background-color: #01A0C6;
}

.tabella {
    border-collapse: collapse;
    text-align: center;
    width: auto;
}

.tabella th {
    background-color: #662881;
    color: white;
    border: solid 1px #505050;
    padding: 0 8px 0 8px;
}

.tabella td {

    color: black;
    padding: 5px;
    border-width: 0.5px;
    border-color: #505050;
    border-bottom: solid 1px #505050;
}

.tabella .risp_err{
    color: red;
    font-weight: bold;
    font-style: italic;
}

.tabella .risp_ok{
    color: green;
    font-weight: bold;
}

.tab-oriz th { text-align: left; }

.msg_head {
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    background-color:#3B576D;
    margin:1px;
}

.msg_body {
    padding: 5px 10px 15px;
    background-color:#F4F4F8;
}

.slider {
    margin-top: 20px;
    background-color: #505050;
    color: white;
    cursor: pointer;
    text-decoration: underline;
}

.inline-box {
    display: inline-block;
    width: auto;
    margin: 30px 30px 0 0;
    border: 0 solid #940000;
}

#conferma-interesse{
    background-color: #01A0C6;
    color: white;
    border: 0 solid #505050;
    font-weight: bold;
    padding: 0;
    height: 250px;
    width: 500px;
    margin: 0;
    float: left;
}

#diploma {
    background-color: #d9ffbd;
    color: #662881;
    border: 0 solid #505050;
    font-weight: bold;
    padding: 0;
    height: 250px;
    width: 500px;
    margin: 0;
    float: left;
}
#diploma th { background-color: transparent; color: #662881; text-align: left; }
#diploma td { font-weight: normal; }

#conferma-interesse input[type="submit"], #diploma input[type="submit"] {
    display: block;
    background-color: white;
    color: #505050;
    font-weight: bold;
    border-radius: 10px;
    padding: 5px;
    width: 150px;
    text-align: center;
    margin: 10px auto auto;
    /*float: right;*/
}

#conferma-interesse input[type="submit"]:hover, #diploma input[type="submit"]:hover {
    background-color: #662881;
    color: white;
    cursor: pointer;
}
#text-interesse {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
}

#text-asterisco {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    color: #ff6;
}

#text-interesse a {
	color: #FFF;
	text-decoration: underline;
}

#top-dx {
	width: 30%;
	border-left: 1px solid #999;
	padding: 0 0 0 20px;
	float: right;
}

#legenda {
	float: left;
}

.legenda th, .legenda-prova th {
	background-color: #662881;
    border-bottom-style: solid;
    border-color: #505050;
    border-width: 1px;
    color: white;
    padding: 5px;
    text-align: center;
}

.legenda td, .legenda-prova td {
	background-color: white;
    border-bottom-style: solid;
    border-color: #505050;
    border-width: 0.5px;
    color: black;
    padding: 5px;
    text-align: left;
}

.graduatoria {
	width: 100%;
	float: left;
}

th {
	background-color: #662881;
    border-bottom-style: solid;
    border-color: #505050;
    border-width: 1px;
    color: white;
    padding: 5px;
    text-align: center;
}

th.raggr {
    background-color: #d1bdda;
    color: #000;
    text-align: left;
}


td {
    border-bottom-style: solid;
    border-color: #505050;
    border-width: 0.5px;
    color: black;
    padding: 5px;
    text-align: left;
}

.compact th, .compact td { font-size: 0.9em; padding: 4px; }
.compact2 th, .compact2 td { font-size: 0.8em; padding: 2px; }

.totali-parziali {background-color: #c1d792}
.totale-totale {background-color: #d1bdda}
.ris_attesa {background-color: #FFFFCC}
.ris_esatta {background-color: #CDF2CD}
.ris_sbagliata {background-color: #ff8080}

/* Paginazione */
#paginazione  { font-size: 1em; text-align: center; margin-bottom: 1em;  border-top: 1px solid #aaa;}
#paginazione .sel { font-weight: bold; margin-left: 0.2em }
#paginazione a:link, #paginazione a:visited { margin-left: 0.5em }


.tab_50 {width: 50% !important;}
.center {text-align: center !important;}
.left {text-align: left !important;}
.right, .dx {text-align: right !important;}
.div_login { background-color: #82AF24 !important; color: #fff !important; width: 50%; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.7em; }
.padSx15 { padding-left: 15px; }
.nowrap { white-space: nowrap; }

/*graduatoria*/
.piccolo {font-size: 11px;}

/* Tabella */
caption  { color: #c75400; font-weight: bold; text-align: left; padding-bottom: 10px }
.iscritto { background-color: #fff; border-bottom: 1px solid #ddd }
.rinuncia { color: #555; background: #e5daf0; }
.assegnato { background-color: #edfcd7 }
.prenotato { background-color: #d7e6fc }
.migrato { background-color: #ffddbb }
.attesa { background-color: #fffcbf }
.esauriti, tr.esauriti td { background-color: #f5f5f5 }
.no-graduatoria  { background-color: #ddd }
.rinuncia-dopo { background-color: #fd9292 }
.trasferito { background-color: #993300; color:#fff }	.trasferito a:link, .trasferito a:visited { color: #ff8 }
.nullo { background-color: #FBE0AA }
.straniero {background-color:#FF8080; color:#fff }
.annullato {background-color:#666; color:#fff }
.annullato a:link, .annullato a:visited, .annullato a:hover  { color: #fffcbf }
.trasf-prel { background-color: #FBE0AA }
.verde { background-color: #bfffbf; }

.box-immatricolato   { background-color: #ffffff; padding: 0.4em; border: solid 1px #dddddd }
.box-immatricolato h2 { color: #000000; }

.box-migrato   { background-color: #ffddbb; padding: 0.4em; border: solid 1px #000; }
.box-migrato h2 { color: #000000; }

.box-trasferito   { background-color: #FBE0AA; padding: 0.4em; border: solid 1px #dddddd }
.box-trasferito h2 { color: #000000; }

.box-trasf-prel   { background-color: #FBE0AA; padding: 0.4em; border: solid 1px #dddddd }
.box-trasf-prel h2 { color: #000000; }

/*
.box-assegnato   { background-color: #edfcd7; padding: 0.4em; border: solid 1px #0a0 }
.box-assegnato h2 { color: #000000; } */

.box-assegnato   { background-color: #edfcd7; padding: 0.4em; border: solid 1px #0a0 }
.box-assegnato h2 { color: #000000; }
.box-assegnato p.attenzione  { background-color: #edfcd7;  }
.box-prenotato { background-color: #d7e6fc; padding: 0.4em; border: solid 1px #000055 }
.box-prenotato h2 { color: #000000; }

.box-attesa { background-color: #fffcbf; padding: 0.4em; border: solid 1px #ff6600 }
.box-attesa h2 { color: #000000; }

.box-fuori-soglia { background-color: #dddddd; padding: 0.4em; border: solid 1px #bbbbbb }
.box-fuori-soglia h2 { color: #000000; }

.box-rinuncia { background-color: #e5daf0; padding: 0.4em; border: solid 1px #a8a0b1 }
.box-rinuncia h2 { color: #000000; }
.box-rinuncia-dopo { background-color: #fd9292; padding: 0.4em; border: solid 1px #a8a0b1 }
.box-rinuncia-dopo h2 { color: #000000; }
.box-esauriti { background-color: #f5f5f5; padding: 0.4em; border: solid 1px #aaa; }
.box-esauriti h2 { color: #000000; }


.cellaGrigia { background-color:#505050 !important; color:#fff; }

.cellaRosa { background-color:#F1F1F1; }

.cellaRossa { background-color:#ff0000; color:#fff; }
.cellaRossa a, .cellaRossa a:active, .cellaRossa a:visited { color:#fff; }
.cellaRossa a:hover { color:#fff; text-decoration:underline; }

.filter {
    background-color:#fff;
    border:1px solid #ddd;
    padding:10px;
    width:200px;
}

.bottoneAnno {
    background-color: #eee;
    color:#662383;
    font-family:'PT Sans',sans-serif;;
    font-size:24px;
    font-weight:bold;
    height:60px;
    margin:10px auto;
    width:350px;
    border: solid 1px #333333;
    border-radius: 5px;
}
.bottoneAnno:hover {
    background-color: #ffffff;
    color:#662383;
    cursor: pointer;
}

.bottoneAnnoCorrente {
    background-color:#95C11E;
    color:#fff;
}

.bottoneAnnoCorrente:hover {
    background-color:#662383;
}

.bottoneAnnoLungo {
    display: block;
    width: 450px;
    margin: 10px 0;
    padding: 5px 0 10px 0;
    background-color:#662383;
    color:#fff;
    text-decoration: none;
    text-align: center;
}

#boxProvaPrl {
    background-color:#F1F1F1;
    border:1px solid #505050;
    padding:10px;
}

.pr1 { background-color: #fff;       color: navy; font-weight: bold; padding:2px 10px; }
.pr2 { background-color: #40A040;    color: #fff; font-weight: bold; padding:2px 10px; }
.pr3 { background-color: #FFFFA0;    color: navy; font-weight: bold; padding:2px 10px; }

#boxSxHome {
    background-color: #fff;
    border: 2px solid #95C11E;
    box-sizing: border-box;
    float:left;
    margin-left:5%;
    padding: 20px;
    width:50%;
}

#boxDxHome {
    background-color: #fff;
    border: 2px solid #662383;
    box-sizing: border-box;
    float:right;
    margin-right:5%;
    padding: 20px;
    width:35%;
}

.ulHome {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ulHome a {
    color: #000;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
}

.ulHome a:hover {
    color:#fff;
}

#boxSxHome .h2Home {
    color: #662383;
}

#boxSxHome .ulHome {
    border-top: 2px solid #662383;
}

#boxSxHome .ulHome li {
    border-bottom: 2px solid #662383;
}

#boxSxHome .ulHome a:hover {
    background-color: #95C11E;
}

#boxDxHome .h2Home {
    color: #95C11E;
}

#boxDxHome .ulHome {
    border-top: 2px solid #95C11E;
}

#boxDxHome .ulHome li {
    border-bottom: 2px solid #95C11E;
}

#boxDxHome .ulHome a:hover {
    background-color: #662383;
}

.BoxContainer {
	border: solid 1px #FFF;
	float: left;
	padding: 10px;

}

.box_piccolo {width: 20%;}
.box_grande {width: 50%;}

.fisso {width: 30%; text-align:left !important;}

.chiuso {display: none;}

.toolHD { border: double 2px #662383; border-radius: 10px; background-color: #662383; color: white; padding: 4px; }
.toolHD a { color: white; }
.toolHD:hover { background-color: white; color: #662383; }
.toolHD:hover a { color: #95C11E; }

.boxHD { background-color: #f0cfff; border: solid 1px navy; border-radius: 10px; width: 50%; padding: 15px; }


form.inline { display: inline; }

.button {
    background-color: #662383; color: #fff; border-color: #fff;
    font-weight: bold; border-radius: 10px; padding: 5px; width: 150px; text-align: center;
    margin: 10px auto auto;
}
.buttonLungo { width: auto !important; padding: 5px 20px !important; }
.button:hover { background-color: white; color: #95C11E; border-color: #95C11E; cursor: pointer; }

.reset {
    background-color: white; color: #662383;
}

.vTop { vertical-align: top; }

.box-avviso { background-color: #fcbca4; padding: 2em; border: solid 2px #ff0000; border-radius: 3px;
    color: #000; /*font-weight: bold;*/ }

#colSX, #colDX { width: 49%; float:left; }

.tracciato {
    background-color: #222;
    color: #FFFFA0;
    font-size:8pt; font-family: monospace;
    padding: 5px;
    min-width: 50%; max-width: 100%; width: fit-content;

}