body {
    background: #FFF url(../images/logo-simbolo.png);
    background-position: right top;
    background-repeat: no-repeat;
    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: 0px solid #ccc;
}

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

#title .title-c {
    max-width: 1200px;
    width: 100%;
    min-height: 110px;
    margin: 0 auto;
    border: 0px 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: 0px solid #FFF;
    border-radius: 50px;
    text-align: left;
}

#login-info {
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border: 0px 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 {
    width: 40%;
    float: left;
    margin: 17px 0 6px 0;
}

.miur {
    width: 21%;
    float: right;
    text-align: right;
}

#db { float: right; width: 10%; height: 30px;  margin-top: 30px; text-align: center; 
        padding:13px 5px 0 5px; font-weight: bold; color: #fff; background: #66AF6C; }

#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: 0px 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;
}

#corsi-menu {
    width: 100%;
    float: left;
    margin: 2px 0 0 0;
}

#corsi-menu .corsi-menu-c {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    border: 0px solid #FFF;
}

#corsi-menu .corsi-menu-c ul {
    margin: 0;
    padding: 0;
}

#corsi-menu .corsi-menu-c li {
    margin: 0;
    width: 33.33%;
    float: left;
    list-style: none;
    text-align:center;
    color: #FFF;
}

#corsi-menu .corsi-menu-c li p {
    margin: 0;
}

#corsi-menu .corsi-menu-c li a {
    background: #333 url(images/bg-arrow.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 180px;
    padding: 20px 0;
    display:block;
    color: #FFF;
    text-decoration: none;
}

#corsi-menu .corsi-menu-c li a:hover {
    background: #82af24 url(images/bg-arrow.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    color: #fff;
}

#corsi-menu .corsi-menu-c li img {
    width: 40%;
}

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

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

.bg-c {
    background: #444 url(images/bg-arrow.png) !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
}

a.bg-c:hover {
    background: #82af24 url(images/bg-arrow.png) !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    color: #fff;
}

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;
    margin-bottom: 30px;
    padding: 0;
    font-variant: small-caps;
    text-transform:uppercase;
    width:100%;
}

ul.nav-gc li {
    float: left;
    list-style: none;
    background: #95C11E !important;
    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: 0px 5px;
}






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

#content .content-c {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    border: 0px solid #FFF;
}

#content .content-c .center {
    width: 70%;
    float: left;
    border: 0px solid #940000;
    padding: 20px 0;
    //text-transform: uppercase;
}

#content .content-c .center .intro {
    border-bottom: 1px solid #82af24;
    padding: 0 0 20px 0;
}

#content .content-c .center .intro h2 {
    margin: 0 0 5px 0;
}

#content .content-c .center .intro p {
    margin: 0;
}

#content .content-c .center .date {

}

#content .content-c .center-area {
    width: 40%;
    float: left;
    border: 0px solid #940000;
    padding: 20px 0;
    //text-transform: uppercase;
}

#content .content-c #sidebar {
    width: 25%;
    float: right;
    border: 0px solid #940000;
    margin: 20px 0;
    padding: 0;
    //text-transform: uppercase;
    background: #DEDEDE;
}

#content .content-c #sidebar ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

#content .content-c #sidebar li {
    width: auto;
    padding: 12px 20px 10px 20px;
    border-bottom: 1px solid #FFF;
    //text-transform: uppercase;
    list-style: none;
}

#content .content-c #sidebar li a {
    text-decoration: none;
}

#content .content-c #sidebar li a:hover {
    text-decoration: underline;
    //color: #
}

#content .content-c #sidebar .top-ap {
    background: #652881;
    padding: 20px;
    font-size: 20px;
    color: #FFF;
}

#content .content-c #sidebar-area {
    width: 25%;
    float: left;
    margin: 20px 5%;
}

#content .content-c #sidebar-area .login {
    width: 100%;
    height: 250px;
    float: left;
    background: #e19c24 url(images/bg-lock.png) !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    margin: 0 0 20px 0;
    border-bottom: 10px solid #333;
}

#content .content-c #sidebar-area .login a {
    width: 100%;
    height: 250px;
    display: block;
    color: #333;
}

#content .content-c #sidebar-area .login a:hover {
    background: #CCC url(images/bg-lock.png) !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
}

#content .content-c #sidebar-area .login a p {
    font-size: 30px;
    //text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 30px 0 0 0;
}

#content .content-c #sidebar-area .info {
    width: 100%;
    height: 150px;
    float: left;
    background: #1fa8ca;
    color: #FFF;
    text-align: center;
    margin: 0 0 20px 0;
}

#content .content-c #sidebar-area .social {
    width: 100%;
    height: 110px;
    float: left;
    background: #DEDEDE;
    margin: 0 0 20px 0;
    text-align: center;
}

#content .content-c #sidebar-area .social p {
    color: #FFF;
    float: left;
}

#content .content-c #sidebar-area .social p a {
    width: 40px;
    height: 40px;
    float: left;
    padding: 10px;
    background: #333;
    color: #FFF;
    border-radius: 100%;
    margin: 10px 20px;
}

#content .content-c #sidebar-area .social p a:hover {
    background: #1fa8ca;
}

#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 {
    text-align: left;
    border-collapse: collapse;
    text-align: center;
    width: auto;
}

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

.tabella td {

    color: black;
    padding: 5px;
    border-bottom-style: solid 1px;
    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: 0 auto;
    border: 0px solid #940000;
}

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

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

#text-interesse {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
}

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

#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: 1px solid #505050;
    border-color: #505050;
    border-width: 1px;
    color: white;
    padding: 5px;
    text-align: center;
}

.legenda td, .legenda-prova td {
	background-color: white;
    border-bottom: 0.5px solid #505050;
    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: 1px solid #505050;
    border-color: #505050;
    border-width: 1px;
    color: white;
    padding: 5px;
    text-align: center;
}

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

.ris_attesa {background-color: #FFFFCC}
.ris_esatta {background-color: #CDF2CD}
.ris_sbagliata {background-color: #CCCCCC}

/* 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;}

/*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 }


.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 {
    color:#662383;
    font-family:'PT Sans',sans-serif;;
    font-size:24px;
    font-weight:bold;
    height:60px;
    margin:10px auto;
    width:350px;
}

.bottoneAnnoCorrente {
    background-color:#95C11E;
    border-radius: 5px;
    color:#fff;
}

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

#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; }

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;
}
.button:hover { background-color: white; color: #95C11E; border-color: #95C11E; }