*{ margin: 0; padding: 0;}
   
div {margin: 0; padding: 0;}  
   
.link {
    color: #FFF2DE;
    text-decoration: none;
    opacity: 0.7;

    }
    
.link:hover {
     color: white;
     text-shadow: 0px 0px 10px #ffffff;
     opacity: 1;
}    
/*--------------------------------------------sfondo a tutto schermo ridimensionabile------------------------*/

#AAA {
    width: 100%;
    height: 100%;
    min-height: 50%;
    min-width: 900px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -100;
    background-color: white;

}

/*-----------------------------------------end of sfondo a tutto schermo ridimensionabile---------------------*/





/*---------------------------------------------------sfondo a tutto schermo ------------------------*/

body {
    background-attachment: fixed;
    background-color: black;
}
/*------------------------------------------------end of sfondo a tutto schermo ---------------------*/






/* -------------------------------------------------------testata con menu------------------------------------*/

#header {
     width: 900px;
     height: 120px;
     margin: 0 auto 0 auto;
     text-align: center;
     position: fixed;
     top: 0px;
     z-index: 100;
}

#box-santissimi {
     width: 400px;
     height: 120px;
     text-align: center;
     background: rgba( 231, 156, 68, 0.8);
}

#box-santissimi h1{
     
     font-size: 15pt;
     letter-spacing: 10px;
     text-shadow: 0px 0px 6px #ffffff;
     font-family: gulimche;
     padding-top: 45px;
}



#main-menu {
     width: 500px;
     margin-left: 400px;
     margin-top: -68px;
     
     float: left;
}

#main-menu ul{
     list-style: none;
     padding: 0;
     width: 500px;
     height: 120px;
     float: left;

}

#main-menu ul li{
     font-family: arial;
     font-size: 8pt;
     text-decoration: none;
}

#main-menu ul li a{
     display: block;
     text-decoration: none;
     float: left;
     margin-left: 70px;
     margin-top: 50px;
     color: white;
}

#main-menu ul li a:hover {
     color: rgb( 231, 156, 68);
     text-shadow: 0px 1px 5px rgb( 231, 156, 68);
}

/* ------------------------------------------------------end of testata con menu--------------------------------*/






/* -------------------------------------------------------index------------------------------------*/


#pagina-index {
     width: 900px;
     height: 800px;
     margin: 0 auto 0 auto;
     text-align: center;
     
     
}


/* ------------------------------------------------------profilo------------------------------------*/


#pagina-profilo {
     width: 900px;
     height: 650px;
     margin: 0 auto 0 auto;
     text-align: center;
     padding-top: 150px;
     
     background-repeat: no-repeat;
     top: 0;
     
}


p.testo-it {
     padding: 0 200px;
     font-family: arial;
     font-size: 10pt;
     color: white;
     position: relative;
     top: 100px;
     text-align: justify;
}

p.testo-eng {
     padding: 0 200px;
     font-family: arial;
     font-size: 10pt;
     color: #111111;
     position: relative;
     top: 150px;
     text-align: justify;
}



.mask {
  z-index: 10;
  position: fixed;
}

div#footer-01 {
     width: 550px;
     height: 0px;
     margin: 0 auto 0 auto;
     text-align: center;
     font-family: arial;
     font-size: 10pt;
     letter-spacing: 0px;
     line-height: 1.8;
     color: white;
     background: rgba( 231, 156, 68, 0.8);
     margin-bottom: 50px;
     border-radius: 5px;
}

/* ------------------------------------------------------opere/works-----------------------------------*/




#pagina-opere {
     width: 900px;
     height: 1200px;
     margin: 0 auto 0 auto;
     text-align: left;
     top: 0;
     
}


#lista-opere {
     width: 500px;
     padding-top: 240px;
     padding-left: 220px;
     
}

#lista-opere ul{
     list-style-image: url("../images/elements/tratto.jpg");
     padding: 0;
     width: 500px;
     height: 120px;
     

}

#lista-opere ul li{
     font-family: arial;
     font-size: 10pt;
     text-decoration: none;
}

#lista-opere ul li a{
     display: block;
     text-decoration: none;
     padding-left: 30px;
     padding-top: 20px;
     color: white;
}

#lista-opere ul li a:hover {
     color: white;
     text-shadow: 0px 1px 10px rgb( 255, 255, 255);
}
     
     
     
div#tratti-arancio {
     width: 500px;
     height: 160px;
     margin-top: 150px;
     margin-left: 160px;
     background: rgba( 231, 156, 68, 0.1);
     
}

div#tratti-arancio-2 {
     width: 53px;
     height: 140px;
     margin-top: 400px;
     margin-left: 160px;
}

div#tratto {
     width: 53px;
     height: 3px;
     margin-top: 40px;
     margin-left: 0px;
     background: rgba( 231, 156, 68, 1);
     
}

div#titolo {
     width: 900px;
     height: 130px;
     padding-top: 0px;
     padding-left: 0px;
     float: left;
     text-align: center;
     font-family: arial;
     font-size: 48pt;
     color: white;
}


div#footer {
     width: 100%;
     height: 30px;
     margin: 0 auto 0 auto;
     text-align: center;
     color: white;
     background: rgba( 231, 156, 68, 0.8);
     margin-bottom: 50px;
     border-radius: 15px;
}
div#footer p {
     padding-left: 40px;
     padding-top: 5px;
     font-family: arial;
     font-size: 10pt;
     letter-spacing: 2px;
     color: white;
}



/* ------------------------------------------------------EXHIBITIONS-------------------------------------------------------------*/




#pagina-exhibitions {
     width: 900px;
     height: 2700px;
     margin: 0 auto 0 auto;
     text-align: center;
     
     background-repeat: no-repeat;
     top: 0;
     
}

.mask {
  z-index: 10;
  position: fixed;
  top: 0px;
}

div#box-icone {
     width: 600px;
     height: 500px;
     margin: 100 auto 0 auto;
     text-align: center;
     background: rgba( 231, 156, 68, 0);
}

div#icone {
     width: 60px;
     height: 45px;
     border: 1px #999 solid;
     margin: 5 5;
     text-align: center;
     float: left;
     background: rgba( 255, 255, 255, 0.2);
}



/*----------------------------------elenco exhibitions------------------------------------------------*/

h1#titolo-exhibitions {
     margin-top: 170px;
     font-family: arial;
     font-size: 50pt;
     color: white;
     text-align: center;
     letter-spacing: 2px;
     text-shadow: 0px 1px 10px rgba( 0, 0, 0, 0.2);
}

#elenco-exhibitions {
     width: 500px;
     padding-top: 40px;
     padding-left: 220px;
     text-align: justify;
}

#elenco-exhibitions ul{
     list-style-image: url("../images/elements/tratto.jpg");
     padding: 0;
     width: 500px;
     height: 120px;
}

#elenco-exhibitions ul li{
     font-family: arial;
     font-size: 10pt;
     text-decoration: none;
     text-shadow: 0px 0px 5px rgba( 0, 0, 0, 0.3);
}

#elenco-exhibitions ul li a{
     display: block;
     text-decoration: none;
     padding-left: 30px;
     padding-top: 20px;
     color: white;
}

#elenco-exhibitions ul li a:hover {
     color: white;
     text-shadow: 0px 1px 10px rgb( 255, 255, 255);
}

/*-----------------------------------elenco exhibitions------------------------------------------------*/



/* ------------------------------------------------------news------------------------------------*/


#pagina-news {
     width: 100%;
     height: 600px;
     margin: 10% auto 0 auto;
     text-align: center;
     background-repeat: no-repeat;
     top: 0;
     
}



.mask {
  z-index: 10;
  position: fixed;
}