html   {   margin: 0px; padding: 0px;     }   /* less_ #33339F NAVY! old #2364DC; old 0082C8 */

body  {    overflow:hidden;  width:100%; height:100px;   color: #111111;   font-family: "Times New Roman";  background : #FFFFFF;   margin: 0px; padding: 0px;
              background : url('img/background3.bmp') #FFFFFF; background-repeat:repeat-x;  background-attachment:scroll;  background-position:left top;}
#container {   width: 900px; margin-left: auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding-top:0px;}

#header {  padding-left: 2% ; padding-right: 2%;    height: 140px; }  
.menuBox {  margin:0px; padding: 0px;   height:100px; }
/*#logo { float: left;  margin: 26px 20px 14px 5px; }    */
#logo { margin:0px; padding:0px; height:37px; background : url('img/PieroZattoni.gif');   background-position:left top; background-repeat:no-repeat;}

h1        {     line-height: 150%; text-align:left;  font-size: 28px; font-weight:600;}
h3        {     font-size: 16px; font-weight:600;  padding-top: 0px; margin-top:15px; }
h6        {     font-size: 24px; font-weight:200;  padding-top: 0px; margin-top:15px; margin-top:10px; margin-bottom:0px; padding-bottom:0px; }

h2        {     line-height: 150%; text-align:left;  font-size: 18px;  }

#menu   {  float: right;  border: none; padding: 0;  margin: 0px 0px 0px 0px;      }
#menu ul { display:block; padding: 0px 0px 0px;  text-decoration: none; border: 0; margin: 0 0px 0 0;  font-size: 1.1em; list-style-type: none; }
#menu li { float:left ; margin-left:0px; color: white; list-style: none;}


.mainItem  {  margin-top: 30px;}
.mainItem  a  {  font-weight:600 !important; }

.hiddenItem1 {  width:194px; padding: 0; padding-left:5px;    display:none;
                font-weight:100 !important; font-size: 13px !important;    margin-top: 10px;        height:14px; overflow : hidden;  background: #FFFFFF;  z-index:2; position: relative;        text-overflow: ellipsis; white-space: nowrap;
                padding-bottom:2px; }
.hiddenItem2 {  width: 194px; padding: 0; padding-left:5px;     display:none;
                font-weight:100 !important; font-size: 13px !important;  margin-top: 10px;          height:14px; overflow : hidden;  background: #FFFFFF;  z-index:2; position: relative;      text-overflow: ellipsis; white-space: nowrap;
                padding-bottom:2px;}
.hiddenItem3 {  width:194px; padding: 0; padding-left:5px;     display:none;
                font-weight:100 !important; font-size: 13px !important;   margin-top: 10px;         height:14px; overflow : hidden;  background: #FFFFFF;  z-index:2; position: relative;       text-overflow: ellipsis; white-space: nowrap;
                padding-bottom:2px;}
.hiddenItem4 {  width:194px; padding: 0; padding-left:5px;    display:none;
                font-weight:100 !important; font-size: 13px !important;  margin-top: 10px;          height:14px; overflow : hidden;  background: #FFFFFF;  z-index:2; position: relative;       text-overflow: ellipsis; white-space: nowrap;
                padding-bottom:2px;}
                

#subMenu   {  border: none; padding: 0;  margin-top: 0px; margin-bottom: 30px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;     }
#subMenu ul {  padding: 0px 0px 0px;  text-decoration: none; border: 0;font-size: 1.1em; list-style-type: none;
  margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; }
#subMenu li {  margin-left:0px; color: black !important; list-style: none;  font-size: 16px; font-weight:600;
   margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
#subMenu li a {  color: black !important; }



.MenuItem {margin:0px; padding:0px;  display:block; }
#MenuHome { width:49px; height:43px;  background: url('img/Buttons/homeOFF.gif') top no-repeat; }
#MenuHome:hover {  background-image: url('img/Buttons/homeHOVER.gif'); }
#MenuHomeSelect { width:49px; height:43px;  background: url('img/Buttons/homeSELECT.gif') top no-repeat; }

#MenuReminiscenze { width:111px; height:43px;  background: url('img/Buttons/ReminiscenzeOFF.gif') top no-repeat; }
#MenuReminiscenze:hover {  background-image: url('img/Buttons/ReminiscenzeHOVER.gif'); }
#MenuReminiscenzeSelect { width:111px; height:43px;  background: url('img/Buttons/ReminiscenzeSELECT.gif') top no-repeat; }

#MenuStoria { width:53px; height:43px;  background: url('img/Buttons/StoriaOFF.gif') top no-repeat; }
#MenuStoria:hover {  background-image: url('img/Buttons/StoriaHOVER.gif'); }
#MenuStoriaSelect { width:53px; height:43px;  background: url('img/Buttons/StoriaSELECT.gif') top no-repeat; }


#MenuScienze { width:66px; height:43px;  background: url('img/Buttons/ScienzeOFF.gif') top no-repeat; }
#MenuScienze:hover {  background-image: url('img/Buttons/ScienzeHOVER.gif'); }
#MenuScienzeSelect { width:66px; height:43px;  background: url('img/Buttons/ScienzeSELECT.gif') top no-repeat; }


#MenuRiflessioni{ width:91px; height:43px;  background: url('img/Buttons/RiflessioniOFF.gif') top no-repeat; }
#MenuRiflessioni:hover {  background-image: url('img/Buttons/RiflessioniHOVER.gif'); }
#MenuRiflessioniSelect { width:91px; height:43px;  background: url('img/Buttons/RiflessioniSELECT.gif') top no-repeat; }


#MenuContatti{ width:70px; height:43px;  background: url('img/Buttons/ContattiOFF.gif') top no-repeat; }
#MenuContatti:hover {  background-image: url('img/Buttons/ContattiHOVER.gif'); }
#MenuContattiSelect{ width:70px; height:43px;  background: url('img/Buttons/ContattiSELECT.gif') top no-repeat; }



#contentBox { margin:0px; padding:0px;}
#contentBoxScroll { position: absolute; top: 121px; bottom:40px; overflow:scroll; overflow-y: scroll;
overflow-x: hidden; }

#rightColumn {  float:right;  width:0Px; height: 100px; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;  }
#leftColumn  { padding-top:27px;  float:left; width: 840px; padding-left:0px; padding-right:0; margin-top:0px;  margin-bottom:auto;  margin-right:auto;}
#subLeftColumn  {  padding-top:0px;  float:left; width: 200px; padding-left:0px; padding-right:0; margin-top:0px;  margin-bottom:auto;  margin-right:0px;
              /*overflow : visible !important; */
                  }
#leftColumnScroll  { position: absolute; top:101px;  bottom:40px; margin-left:201px; width:695px; overflow:scroll; overflow-y: scroll;
overflow-x: hidden;  padding-left:20px; padding-right:0px; border-left: 1px solid grey;  }

#biografia { margin-left:30px; margin-right:30px; text-align:justify;}
.categoria h1 {  text-align:center !important;

}

.articolo {  margin-bottom:20px; }
/*.corpo { float:left; width:790px; text-align:justify;}
.subCorpo { float:left; width:700px; text-align:justify;}  */
.corpo { float:left; margin-right:30px; text-align:justify; width:710px;}
.subCorpo { float:left; margin-right:30px; text-align:justify; width:620px;}
.corpo-text {margin-left:4%; margin-right:4%;width:92%; padding:0px;}
.box{ float:right; width:10px; height:100%;}

.copertina { border:1px solid black; display:block; margin-left:auto; margin-right:auto;}
.pdfLink {    text-align:center;  margin-bottom:25px;    margin-left:153px;  color: black !important;          }
.pdfLink:hover {color: #567390 !important;} 
.pdfLink img { position:relative; top:15px; }
.pdfIcon { border: 0px !important;}


#specialLink    {  text-align:center !important; }
#specialLink2  {  text-align:center; font-size: 19px; font-weight:200; margin-left:auto; margin-right:auto;  padding: 0; margin-top:0; margin-bottom:0; padding:10px; padding-bottom:10px; color: #0000FF;}

.copyrights  {  font-weight:300; font-size: 11px; color: #888888; margin-top:-15px;}

.title2  {  font-weight:800; }

#barra   {   padding-left: 0 ; padding-right: 0;  height:18px;  width:570px; margin-left:auto; margin-right:auto;  color: #000000;}
.smallBar { width:80%; }


/*.menu   {  overflow : visible;   padding : 0; height: 80px;  float: right; position: relative; left:-50%; text-align:left;  margin-top: 10px;}             */
.menu2 { position:relative; left:50%;   padding-left:0 ; padding-right:0; margin-left:0; margin-right:0 ;  }

.menuItem  { list-style-type:none; padding: 0 ; float:left; margin-left : 6px ; margin-right: 6px ; margin-top:10px; white-space:nowrap;}
.doubleLine { text-align:center;  list-style-type:none; padding: 0;  width:80px;  height:42px;  float:left;  margin-left : 6px ; margin-right: 6px ; }

div     {  overflow : hidden;   
              
 }
/*div     {  overflow : hidden; }              */




#emailInfo  { color: black !important;}
#emailInfo:hover  { color: blue !important;}




#link          { }
#link li       { list-style-type:square;  font-size: 10px; }
#link li a     { font-weight:100; font-size: 16px;  }

#works       {  }
#works li     { list-style-type:square;  font-size: 10px; }
#works li a     {  font-size: 18px;  line-height: 200%; }




.song {  margin-bottom:20px; margin-left:-10px;}              /* margine negativo per recuperare sul bordo*/

.songTitle { font-weight:500; font-size: 18px; }
.songInfo   {  font-weight:300; margin-left:0; padding-left: 12%; }
.songLength  {  font-weight:300; margin-left:0; padding-left: 12%;}
.songReview { }
.songReview  a { color: #0000FF !important; font-weight:300; font-size: 16px;margin-left:0; padding-left: 12%;  }
.songLinks a { font-weight:300; font-size: 16px;margin-left:0; padding-left: 12%;  }
.songVideo  a { font-weight:700; font-size: 16px;margin-left:0; padding-left: 12%;  }
.songMvt   {  font-weight:300; margin-left:0; padding-left: 12%;}
.player { padding-left:12%;}



#leftLinks       { margin-left:0;}
#leftLinks li     { list-style-type:none; margin-left:-30px; text-align:left;  }
#leftLinks li a  {  font-size: 18px;  line-height: 250%; font-weight:600; }





.bianco { color: #FFFFFF; }
#blueLink { color: #0000FF; }   /* text-decoration:  underline;}
 /* #blueLink a {text-decoration: underline important!;}           */

a {  font-weight:normal; text-align:center;   padding:4px; text-decoration: none; outline:0; }
a:link {color: #FFFFFF;}      /* color:#FFFFFF;} unvisited link */
a:visited {color: #CCCCCC;}  /*  color:#FFFFFF visited link */
a:hover {color: #666666;}  /* color:#A0A0A0; mouse over link */
a:active {color: #111111;}  /* color:#FFFFFF selected link */