﻿@font-face {font-family: "helvetica neue";
			src: url(HelveticaNeue.dfont);}
			
@font-face {font-family: "courier new";
			src: url(Courier New);}
			
@font-face {font-family: "Walkway Expand Bold";
			src: url(Walkway Expand Bold.ttf);}

/* STILI LAYOUT PAGINA*/
body{
 margin: 0px;
 padding:0px;
 background-image: url(../immagini/fondo00.jpg);
 background-repeat: repeat;
 overflow-x: hidden;
 overflow-y: auto;
 font-family: arial, helvetica, sans-serif;
}

#container{
 width:100%;
 text-align:justify;
 margin:0;
  overflow: hidden;
}

img {
border:0;
}

#wrapper {
float:left;
width:100%;
margin-right: -19em;
}

#titlepage {
 margin: 40px 0 0 0;
 padding: 5em 0 0 0;
 background-image: url(../immagini/fondo06.jpg);
}

#titlepagetxt {
margin:0 0 5px 0;
padding: 0 0 5px 0;
border:0;
clear:both;
}

#content {
 padding:0;
 margin:0 20em 0 0;
}

#navigation {
 position: relative;
 top: 0px;
 right:0px;
 float:right;
 width:18em;
 margin: 0 0 10px 0;
 padding: 0px;
}

#ima {
 width:15em;
 margin: 10px 0 0 0px;
 padding: 0 0 0 0px;
 display:inline;
}


/* STILI MENU PAGINA LOG*/

#log {
 position:relative;
 height:6.2em;
 bottom:0;
 margin: 55px 0 10px 12px;
}


#log p {
position: absolute;
padding: 0 0 3px 0;
margin:0;
bottom:0;
font-family: 'courier new';
}

#log p a {
text-decoration: none;
font-family: 'courier new';
color: #000000;
font-size: 1.1em;
}

#log p a:hover {
text-decoration: none;
font-family: 'courier new';
color: #663333;
font-size: 1.1em;
}

#log p a.nn{
text-decoration: none;
font-family: 'courier new';
color: #663333;
font-size: 1.2em;
}

#log p a:hover.nn{
text-decoration: none;
color: #000000;
font-size: 1.2em;
}

#navigation .log li.rifpageN {
 margin:0;
 padding:45px 0 0 20px;
 list-style-type: none;
 list-style:none;
 text-align:left;
}

#navigation .log li.rifpageC {
 margin:0;
 padding: 0px 0 0 20px;
 list-style-type: none;
 list-style:none;
 text-align:left;
}

a, a:link, a:visited, a:hover, a:focus, a:active{
border:0;
text-decoration:none;
color: #663433;
}

#navigation .log li.palmizi {
 padding: 0 0 0 16px;
 text-align: left;
}

#navigation .log li.palmizi a {
 text-decoration:none;
 text-align: left;
 font-size: 12pt;
 line-height: 12pt;
 color: #000000;
}

#navigation .log li.palmizi a:hover {
 text-decoration:none;
 color: #663433;
}

#navigation .log li.network {
 margin:0 0 0 0;
 padding: 5px 0 15px 16px;
 font-size: 10pt;
 color: #663433;
}

/* STILI MENU*/

#navigation ul.menu {
width:18em;
list-style:none; /* elimino i punti elenco */
margin:0; padding:20px 0 0 0; /* elimino i rientri delle liste */
}

ul.menu li a {
font-family: 'Walkway Expand Bold';
font-size:9.5pt;
color: #555555;
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
ul.menu li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

#navigation ul.menu li {
}

#navigation ul.menu li a:hover, ul.menu li a:active {
color: #663433;
background: url(../immagini/sfumato.png) 100% 0 repeat-y;
} /* colori per l'effetto roll-over */

#navigation ul.menunn {
width:18em;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}

#navigation ul.menunn li a {
font-family: 'Walkway Expand Bold';
font-size:9.5pt;
color: #663433;
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
#navigation ul.menunn li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

#navigation ul.menunn li {
}

#navigation ul.menunn li a:hover, ul.menu li a:active {
color: #663433;
background: url(../immagini/sfumato.png) 100% 0 repeat-y;
} /* colori per l'effetto roll-over */

#navigation li.endsez a {
 margin: 0 0 10px 0;
 padding-bottom: 0;
}

#navigation li.topmargin a {
 margin: 10px 0 0 0;
 padding-bottom: 0;
}

#navigation li.bottommargin {
 margin: 0 0 10px 0;
 padding-bottom: 0;
}

#navigation .active  {
 margin: 0;
 padding: 0 0 0 1em;
 font-family: 'Walkway Expand Bold';
 color: #003366;
 height:2em;line-height:2em;
 font-size: 9.5pt;
 font-weight:bold;
 text-decoration: none;
 display: inline;
}

.wiew  {
 margin: 0 0 0 10px;
 padding:0;
 }
 
.wiew ul {
list-style:none; /* elimino i punti elenco */
margin:0; padding:0 0 0 0; /* elimino i rientri delle liste */
}

.wiew ul li a {
font-family: 'Walkway Expand Bold';
font-size:9.5pt;
color: #555555;
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
}
.wiew ul li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

.wiew ul li {
}

.wiew ul li a:hover, ul.menu li a:active {
color: #663433;
background: url(../immagini/sfumato.png) 100% 0 repeat-y;
} /* colori per l'effetto roll-over */

.wiew ul li .active  {
height:2em;line-height:2em;
margin: 0;
 padding: 0 0 0 1em;
 font-family: 'Walkway Expand Bold';
 color: #003366;
 font-size: 9.5pt;
 font-weight:bold;
 text-decoration: none;
 display:block;
}


/* STILI CONTENUTI PAGINA*/

#content h1 {
margin: 0 0 0 10%;
padding: 50px 0 3px 0;
font-family: 'courier new';
font-weight:normal;
font-size: 15pt;
color: #81806B;
vertical-align: text-bottom;
}

#content h1 a {
font-family: 'courier new';
}

#titlepagetxt h3 {
 margin: 0 0 0 8%;
 color: #81806B;
 font-family: 'courier new';
 font-weight: none;
 font-size: 1.4em;
}

#titlepagetxt h3 a {
 text-decoration: none;
 color: #81806B;
}

#titlepagetxt h3 a:hover {
 text-decoration: none;
 color: #663333;
}


#intestazione {
 width:50%;
 margin:0;
 padding:0;
 margin: 10px 18em 0 8%;
}

#intestazione h2 {
 margin:6px 0 0 0;
 font-family: 'helvetica neue';
font-weight:normal;
font-size: 9.5pt;
color: #003366;
text-align: left;
}

#intestazione h2 a {
 margin:0;
 font-family: 'helvetica neue';
font-weight:normal;
font-size: 9.5pt;
color: #003366;
text-align: left;
}

#intestazione h2 a:hover {
 margin:0;
 font-family: 'helvetica neue';
font-weight:normal;
text-decoration: none;
font-size: 9.5pt;
color: #663333;
text-align: left;
}

#content .txt {
float:right;
margin: 0 25px 0 10%;
padding: 25px 0 0 0;
font-family: 'helvetica neue light';
font-weight:normal;
font-size: 10pt;
color: #000000;
}

#content .txtbio {
margin: 0 20px 0 10%;
padding: 25px 3em 0 0;
}

#content .creditiproduzione {
margin: 0 40px 0 10%;
padding: 25px 0 0 0;
overflow: hidden;
}

#content .creditiproduzionesat {
margin: 0 20px 0 10%;
padding: 25px 0 0 0;
width: 70%;
}

.sep {
 right:0px;
 margin: 15px 0 0 12px;
 border-style: dotted;
 border-width: 1px 0 0 0;
 border-color: #87845B;
}

.sep2 {
 width:100%;
 top:0px;
 margin: 3em 0 3em 0;
 border-style: dotted;
 border-width: 1px 0 0 0;
 border-color: #87845B;
}

#ima .ico {
 margin: 10px 0 5px 18px;
 border-width: 0;
}

#ima p {
margin: 0px 0 0px 18px;
font-family: 'courier new';
font-weight:normal;
font-size: 9pt;
color: #81806B;
}

#ima .titolo {
font-family: 'courier new';
font-weight:normal;
font-size: 9pt;
font-style: italic;
color: #81806B;
}

#titlepagetxt img {
 border:0;
 margin:0 0 0 8%;
 padding:0;
}

.locandina {
border: 0;
width: 100%;
}

.locandina img {
float:left;
border: 0;
width: 100%;
height:100%;
}