.cit {
margin: auto;
font-size: 17px;
line-height: 18px;
width: 93%;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-style: italic;
color: #663366;
z-index: 9;
text-align: center;
position: relative;
top: 6;
}

table,td,tr,p,div {
padding: 0;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  , sans-serif;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;

font-size: 18px;
  line-height: 140%;
color: #021668;
}

.fondo {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 100%;  
  color: #f98000;  
  line-height: 20px;
  margin-bottom: 10px;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  
  font-size: 18px; 
  text-align: center;   
  position: fixed;  
  margin-left: auto;  
  margin-right: auto;  
  bottom: -10px;  
  z-index: 10;
}

.aut {
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-style: italic;
font-size: 17px;
color: #663366;
font-weight: bold;
z-index: 9;
}


* FAQ */

.faq-wrapper {
  margin: 20px 0;
}
 
dl {
  line-height: 140%;
  margin-bottom: 10px;
}
 
dl, dt, dd {
  margin: 0;
  padding: 0;
}
 
.faqs dt {
  font-weight: 700;
font-size: 18px;
  background: #f0f3ff;
color: #021668;
  position: relative;
  padding: 3px 6px;
  margin: 12px 0;
  border-radius: 4px;
}
 
.faqs dd {
  display: none;
}
 
.faqs dd {
 padding: 2px;
}
 
.faqs dt:hover {
  cursor: pointer;
  background: #ffffff;
color: #f58000;
} 

.esplosa {
  cursor: pointer;
color: #f58000 !important;
  background: #ffffff !important;
} 


.fotospunti{  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #003366;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #003366;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #003366;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #003366;  
  width: 80%;
max-width: 400px;
  height: auto;
  margin-right: auto !important;
  margin-left: auto !important;
margin-top: 12px;  
  position: relative;  
  z-index: 5;
}
 
body {
 background-color: white;
  background-image: url("fotobody/sfondotnd.png");
 background-attachment: fixed; 
padding: 0px;
margin: 0px 0px 0px 0px;
color : #000000;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: "white"
scrollbar-face-color: "#305697"
scrollbar-highlight-color: white;
scrollbar-shadow-color: white;
scrollbar-track-color: #003366;
}

.frecciasu {
padding: 0px;
background-image: url("icone/frecciasu.png");
width: 35px;
height: 35px;
position: relative;
margin-left: auto;
margin-right: auto;
top: -35px;
z-index: 1;
line-height: 35px;
background-size: 100% 100%;
}

.frecciasu-on {
background-image: url("icone/frecciasu-on.png");
width: 35px;
height: 35px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: -70px;
z-index: 0;
background-size: 100% 100%;
}
 
.frecciasu:hover {
background-image: none;
background-size: 100% 100%;
}

.titolo {
z-index: 15;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-size: 18px;
line-height: 16px;
font-weight: bold;
text-align: center;
position: relative;
text-align: center;
left: 48;
top: 10px;
color: #FFFFFF;
}


.taafb 
{font-size: 12px;line-height: 12px; font-family: "Arial", "Palatino Linotype", "Book Antiqua", Palatino, serif;  color: rgb(59, 89, 152); position: relative; left: 10px; top: 6px;}

.pulslike
{position: relative; left: 10px; top: 8px; color: white; line-height: 12px;}

 
.casellatitolo {  
  height: 37px;
}

.boxtitolo {  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: white;  
  border-right-color: white;  
  border-bottom-color: white;  
  border-left-color: white;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 2px;  
  border-left-width: 0px;  
  position: fixed;  
  left: 0px;  
  top: 0px;  
  width: 100%;  
  height: 37px;  
  background-color: #021668;  
  z-index: 10;
}

/* LINKS */

a.fondo:link {
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
color:#003366;
text-decoration: underline;
font-weigth: normal;
}

a.fondo:hover {
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
color:#df6f00;
text-decoration: underline;
font-weigth: normal;
}

a, a:link {  
  font-weight: bold;  
  color: #003366;  
  text-decoration: underline;
}

a, a:visited {  
  color: #6c93bb;  
  text-decoration: none;
}

a, a:hover {  
  color: #f58000;  
  text-decoration: underline;
}

a, a:active {  
  color: #f98000;  
  text-decoration: none;
}

.icopagina {  
  display: block;  
  z-index: 9;  
  margin-left: auto;  
  margin-right: auto;  
  position: relative;  
  margin-top: 18px;
 margin-bottom: 10px;
opacity: 1;
    filter: alpha(opacity=100);
}


p {  
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 14px;
}


.dom {   
  margin-left: 5%;
padding-top: 8px;
height: 35px;   
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  
  font-style: italic;  
  color: #f98000;  
  z-index: 9;  
  text-align: left; 
}


a.linkfondo:link {
  font-weight: normal;

  color: #021668;    
  text-decoration: none;
position: relative;

}

a.linkfondo:visited { 
font-weight: normal; 
  color: #021668;  
  text-decoration: none;
position: relative;
}

a.linkfondo:hover {  
  color: #f58000;
font-weight: normal;
position: relative; 
}



.tabelle {  
  width: 80%;
  margin: auto; 
  color: rgb(2, 22, 104); 
  text-align: justify; 
}

.fotoindex {  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #003366;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #003366;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #003366;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #003366;  
  width: 85%;
max-width: 500px;
  height: auto;
  margin-right: auto;  
  margin-left: auto;  
  position: relative;  
  z-index: 5;
}

.dummy {  
  height: auto;  
  width: 100% !important;
    visibility: hidden;
}

.slide {  
  height: auto;  
  width: 100% !important;
  display: none;
}



.testocoldx {  
width: 92%;  
}




.mn {  
  display: block;  
  z-index: 9;  
  margin-left: auto;  
  margin-right: auto;  
  position: relative;  
  top: 25px;
width: 80px;
 margin-bottom: 15px;
opacity: 0.35;
    filter: alpha(opacity=35);
}

.fb-like.fb_iframe_widget span{
  vertical-align: top !important;
}

h1 {  
  position: relative;  
  font-weight: normal;  
  top: -14px;  
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  
  font-style: italic;  
  font-size: 18px;  
  color: #021668;  
  z-index: 9;  
  text-align: center;
margin-left: auto;
margin-right: auto;
}
.titolosopra {   
  z-index: 15;  
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  
  font-size: 20px;
line-height: 19px;  
  font-weight: bold;  
  text-align: center;  
  position: relative;
vertical-align: baseline;
white-space: nowrap;
text-decoration: none;
 
  left: 48px;  
  top: 11px;
}

.titoloindex {  
  position: fixed;   
  left: 0px;  
  top: 0px;  
  height: 42px;  
  z-index: 16;
}


.fondoarancio{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #F98000 843px, #FFFFFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F98000 843px, #FFFFFF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #F98000 843px, #FFFFFF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(843px, #F98000), color-stop(1, #FFFFFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F98000 843px, #FFFFFF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #F98000 843px, #FFFFFF 100%);
}

.mae {
margin-left: auto;
margin-right: auto;
font-style: normal;
font-size: 18px;
position:relative;
top: 0px;}


.testocoldx {  
width: 93%;  
}

.cigni {  
  display: block;  
  z-index: 9;  
  margin-left: auto;  
  margin-right: auto;  
  position: relative;
width: 75px;
height: 35px;  
  top: 10px;
margin-bottom: 18px;
}


.logocompleto {  
  display: block;  
  z-index: 9;  
  margin-left: auto;  
  margin-right: auto;  
  position: relative;
width: 180px;  
  top: 0px;
}



.mae {
text-align:center;
margin-left:auto;
font-style: normal;
margin-right; auto;
position:relative;
top: 12px;}



.caplabo {  
  position: relative;  
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;  
  font-style: italic;  
  font-size: 18px;  
  color: #021668;  
  z-index: 9;  
  text-align: center;
  font-size: 18px; 
}


.thumb {
width: 100px;
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 5;
border: 1px solid ;
}

.logo {  
  display: block;
position: relative; 
  z-index: 9;  
  margin-left: auto;  
  margin-right: auto;  
  position: relative;
width: 190px;  
  top: 8px;
}

.insegna {
width: 93%;
font-size: 18px;
font-weight: bold;
position: relative;
z-index: 9;
text-align: center;
}

.dispo2 {
display: block;}

.dispo3 {
display: block;}

.paginalike {
position: fixed;
left: 0;
top: 0 ;
z-index: 12;
}


.titolosotto {
z-index: 15;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-size: 18px;
font-weight: bold;
text-align: center;
position: relative;
left: 59px;
top: 13px;
}

.logofb
{ width: 50px; height: 52px; position: relative; left: -42px; top: 9px;}

.capteatro {  
  position: relative;  
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;  
  font-style: italic;  
  font-size: 18px;  
  color: #021668;  
  z-index: 9;  
  text-align: center;
}

h2 {  
  font-size: 14px;
  text-align: center;
margin-left: auto;
margin-right: auto;
}


.titolocorso {  
  display: block;  
  z-index: 9;  
  margin-left: auto;  
  margin-right: auto;  
  position: relative;  
  top: 0px;
width: 170px;
}

.hidmobile {
display: none;}

.titolopagsopra {
z-index: 15;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-size: 14px;
font-weight: bold;
text-align: center;
position: relative;
text-align: center;
left: 47;
top: 8px;
color: #FEA003;
}

.titolopagsotto {
z-index: 15;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-size: 14px;
font-weight: bold;
text-align: center;
position: relative;
text-align: center;
top: 2px;
color: white;
}


.hiddesktopp {display: none;}


.linktrasp {
border-top-width: 0px;
border-top-style: solid;
border-top-color: initial;
border-top-color: -moz-initial;
border-right-width: 0px;
border-right-style: solid;
border-right-color: initial;
border-right-color: -moz-initial;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: initial;
border-bottom-color: -moz-initial;
border-left-width: 0px;
border-left-style: solid;
border-left-color: initial;
border-left-color: -moz-initial;
width: 73px;
height: 73px;
position: relative;
top: 9px;
left: 9px;
}


.pulsante {
  height: 91px;
  width: 91px;
  float: left;
  background-image: url("icone/spritetnd.png");
  display: inline-block;
}


.menu1 {
  background-position: 0px 0px;
}

.menu1:hover {
  background-position: -91px 0px;
}

.menu1:active {
  background-position: -91px 0px;
}

.menu2 {
  background-position: -182px 0px;
}

.menu2:hover {
  background-position: -273px 0px;
}

.menu2:active {
  background-position: -273px 0px;
}

.menu3 {
  background-position: 0px -91px;
}

.menu3:hover {
  background-position: -91px -91px;
}

.menu3:active {
  background-position: -91px -91px;
}

.menu4 {
  background-position: -182px -91px;
}

.menu4:hover {
  background-position: -273px -91px;
}

.menu4:active {
  background-position: -273px -91px;
}

.menu5 {
  background-position: 0px -182px;
}

.menu5:hover {
  background-position: -91px -182px;
}

.menu5:active {
  background-position: -91px -182px;
}

.menu6 {
  background-position: -182px -182px;
}

.menu6:hover {
  background-position: -273px -182px;
}

.menu6:active {
  background-position: -273px -182px;
}

.menu7 {
  background-position: 0px -273px;
}

.menu7:hover {
  background-position: -91px -273px;
}

.menu7:active {
  background-position: -91px -273px;
}

.menu8 {
  background-position: -182px -273px;
}

.menu8:hover {
  background-position: -273px -273px;
}

.menu8:active {
  background-position: -273px -273px;
}



.spaziodx {
width: 450px;
}




.didascalia{
position: relative;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-style: italic;
font-size: 12px;
color: #021668;
z-index: 9;
text-align: center;
}

.youtube {
width: 200px;
}

.spazioparole {
word-spacing: 15px;
}

.cliccaqui {
border: 0px solid ;
position: relative;
width: 155px; height: 12px;
top: 2px;}

.testoicone {
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-size: 14px;
font-weight: bold;
text-align: center;
}

.tabelle {
width: 90%;
}

.landscape{
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 5;
border: 1px solid ;
}

.portrait{
width: 150px;
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 5;
border: 1px solid ;
}

.quadri {
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 5;
border: 1px solid ;
}

.stato {
width: 170px;
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 5;
}

.sensazioni {
text-align: center;
line-height: 19 px; 
color: rgb(102, 0, 0);
font-style: italic;
}


.boxfondo {
position: fixed;
width: 100%;
left: 0px;
bottom: 0px;
width: 100%;
height: 19px;
background-color: #fff;
border-style: solid;
border-color: #ffffff;
border-width: 2px 0px 0px 0px;
z-index: 10;
overflow: hidden;
}


.captitolo {
position: relative;
font-face: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  ;
font-style: italic;
font-size: 13px;
color: #021668;
z-index: 9;
text-align: center;
}

.suggtitolo {
font-size: 6px;
position: absolute;
left: 184px;
top: 30px;
color: 660001;
z-index: 9;
}



/* BODY */

* {
padding:0px;
}


.bordobianco {
border-style: solid;
border-width: 1px;
border-color: #fff;
}

.boxfooter {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
width: 100%;
height: 40;
background-color: #660000;
border-style: solid;
border-color: #ffffff;
border-width: 2px 0px 0px 0px;
z-index: 10;
}



#main { padding: 0px; top: 0;
left: 0 }

/* FOTO */


.logorotante {
position: fixed;
left: 17;
top: 9;
z-index: 11;
}


.fondolike {
position: fixed;
width: 182px;
left: -8;
top: -3;
z-index: 15;
}



.logocigni {
display: block;
position: relative;
z-index: 9;
margin-left: auto;
margin-right: auto;
position: relative;
top: 25px;
}

.logocigniindex {
display: block;
position: relative;
z-index: 9;
margin-left: auto;
margin-right: auto;
position: relative;
top: 15px;
}

.nomecorso {
display: block;
position: relative;
z-index: 9;
margin-left: auto;
margin-right: auto;
position: relative;
top: 15px;
}


/* SLIDESHOW */

#slideshow img { display: none; overflow: hidden ; }
#slideshowcop {margin-right: auto; margin-left: auto;}

.pics {
height: 113px;
width: 91px;
padding: 0;
margin: 0;
position: relative;
z-index: 5;
overflow: hidden;
}

.fotoallievi {
margin-right: auto;
margin-left: auto;
border-style: solid;
border-width: 1px;
border-color: #003366;
position: relative;
z-index: 5;
}

.fotoallievi img {height: 78px; width: 200px; display: none;
}

.fotoallievifast {
margin-right: auto;
margin-left: auto;
border-style: solid;
border-width: 1px;
border-color: #003366;
position: relative;
z-index: 5;
}

.fotoallievifast img {height: 78px; width: 200px; display: none;
}

.pics img { display: none;
padding: 0px;
border: 0px solid #ccc;
background-color: #eee;
width: 91px;
height: 113px;
top: 0;
left: 0 }

.pics2 img {border: solid 1px; height: 78px; width: 200px; display: none;
}


/* COLORI */
.bnc {
color: #FFF;
}

.rnc {
color: #FEA003;
}


.rosso {
color: #F00;



.bnc {
color: #FFF;
}

.rnc {
color: #FEA003;
}

.testo grande 4 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;  
font-size: 24px;

}

.rosso {
color: #F00;
}

.colsx {width: 91px;
overflow: hidden;}

* FAQ */


/*Add some spacing*/
.faq-section{
    margin: 40px 0;
        position: relative;
}

/*Hide the paragraphs*/
.faq-section p{
    display: none;
}

/*Hide the checkboxes */
.faq-section input{
    position: absolute;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    display: none\9; /* IE8 and below */
    margin: 0;
    width: 100%;
    height: 36px;
}

/*Show only the clipped intro */
.faq-section label+p{
    display: block;
    color: #999;
    font-size: .85em;
    transition: all .15s ease-out;
    /* Clipping text */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*If the checkbox is checked, show all paragraphs*/
.faq-section input[type=checkbox]:checked~p{
    display: block;
    color: #444;
    font-size: 1em;
    /* restore clipping defaults */
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
}

/*Style the label*/
.faq-section label{
    font-size: 1.2em;
    background: #eee;
    display: block;
    position: relative;
        height: 20px;
    padding: 7px 10px;
    font-weight: bold;
    border: 1px solid #ddd;
    border-left: 3px solid #888;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    transition: all .15s ease-out;
}

/*Remove text selection when toggle-ing*/
.faq-section label::selection{
    background: none;
}

.faq-section label:hover{
    background: #f5f5f5;
}

/*If the checkbox is checked, style the label accordingly*/
.faq-section input[type=checkbox]:checked~label{
    border-color: #ff7f50;
    background: #f5deb4;
    background-image: linear-gradient(to bottom, #fff, #f5deb4);
    box-shadow: 0 0 1px rgba(0,0,0,.4);
}

/*Label's arrow - default state */
.faq-section label::before{
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left-color: inherit;
}

/*Update the right arrow*/
.faq-section input[type=checkbox]:checked~label::before{
    border: 6px solid transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px;
}

.faq-section input{
    position: absolute;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    display: none\9; /* IE8 and below */
    margin: 0;
    width: 100%;
    height: 36px;
}