/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
body{font-family:  Euphemia, Futura Lt, Arial Narrow, sans-serif;font-size:80%;text-align: center}
#body{font-family:  Futura Lt, Arial, Verdana, sans-serif;font-size:76%;text-align: center}
div#container{width: 760px; margin: 0 auto; border: 0;}
h3{margin: 0; padding: 0.5em;}
h4{margin: 0; padding: 0;font-weight: normal; text-align:left; font-size:130%;}
h5{margin: 2px; padding: 0;font-weight: normal;}
h6{margin: 1px; padding: 0; color:Gray}
p{text-align:justify; font-size:120%}
li{text-align:left; list-style-type: disc}

/*stili generici, su header e footer*/
div#header{float: left; width: 715px;margin: 10px 0 0 0;}
div#header h1{font-family:  Futura Lt, Arial, Verdana, sans-serif;font-size:300%; margin: 0 0 0 35px; color:Silver;  letter-spacing: 20px; word-spacing: 0}
div#header h3{font-family:  Futura Lt, Arial, Verdana, sans-serif;font-size:200%; color:Silver; margin: 0 0 5px 35px;letter-spacing: 10px; }

div#footer{clear:both; Text-align:center; background-color: Silver; border-top: solid 1px black; color: #000; margin-top:7px;}
div#footer a{font-weight: bold;text-decoration: none}

div#navigation{clear:both;font-size:95%; font-weight: normal; border-bottom: solid 2px silver; padding: 0.5em 0 0.5em 0; margin:3px 0 0 0;}
div#navigation a{padding: 0 10px 0 10px; color:black;text-decoration: none; margin: 0;}
div#navigation a:hover{color: gray; text-decoration: none }
div#navigation a:activelink{color: gray; text-decoration: none}

div#subnav{font-weight: normal; text-align:left; padding: 15px 0 10px 0; margin: 0 0 5px 0;}
div#subnav h6{display:inline;margin-right:1em}
div#subnav a{padding: 0.5em; color:black;text-decoration: none ; margin: 0; text-transform:lowercase; font-size:120%; font-style:italic}
div#subnav a:hover{color: gray;text-decoration: none; }
div#subnav a:activelink{color: gray;text-decoration: none}

/*stili specifici per il layout*/
div#content{padding: 0; margin: 0;}

div#homeimage img{width: 350px; height: 340px; margin-top: 2em; margin-bottom:2em}
div#homeimage h4{font-family:  Futura Lt, Arial, Verdana, sans-serif;font-size:150%; color:Silver; letter-spacing: 10px; text-align:center; padding-bottom:2em;}
div#homeimage h5{padding:0em 5em 2em 5em; font-size:100%; color:Gray; font-style:italic;}
div#listagallery{float: left; width: 360px; text-align: left; margin: 16px 0 0 0;}
div#listagallery img{width: 70px; height: 70px; margin: 0 2px 5px 2px;display: inline; border-color:White; border-style:solid; border-width:2px;}
div#listagallery img:hover{border-color:Gray; border-style:solid; border-width:2px;}

div#fotodettaglio{ margin: 20px 0 0 360px;}
div#fotodettaglio img{margin: 0; width: 300px; height: 300px;padding:1em; border-style:solid; border-width:1px; border-color: #CCC #CCC #AAA #CCC;}

div#miafoto{float:left; margin: 62px 0 0 0;}
div#miafoto img{ width:125px; margin: 0; padding:1em; border-style:solid; border-width:1px; border-color: #CCC #CCC #AAA #CCC;}

div#altrifoto{float:left; margin:  40px 0 0 0px;}
div#altrifoto img{ width:100px; margin: 0; padding:0.2em; border-style:solid; border-width:1px; border-color: #CCC #CCC #AAA #CCC;}
div#altrifoto h5{margin:0;padding-bottom:2em;font-size:100%;color:Gray;}

div#contattifoto{float:left; margin:  25px 0 0 15px; height:400px;}
div#contattifoto img{ width:180px; margin: 0; padding:1em; border-style:solid; border-width:1px; border-color: #CCC #CCC #AAA #CCC;}

div#altriprogetti{ margin: 40px 0 0 230px;}
div#altriprogetti h4{margin:1em;padding-left:0;}
div#altriprogetti li{margin-top:1em;font-size:110%;list-style-type: none; text-align:justify;}

div#mioprofilo{ margin: 20px 0 0 170px;}
div#mioprofilo h4{text-align:center;margin:1em;}
div#mioprofilo h5{text-align:center;margin-top:4em;}
div#mioprofilo li{margin-top:1em;font-size:110%;list-style-type: none; text-align:justify;}
div#mioprofilo p{margin-top:0.5em;font-size:120%; text-align: center;}

div#articoli{ margin: 20px 0 0 0; clear:both;}
div#articoli h4{text-align:center;}
div#articoli li{margin-top:0.5em;margin-left:50px; font-size:100%;list-style-type: none; text-align: left;}

/*classi specifiche per il layout*/
div.cornice{float:left;margin:  5px 25px 0px 40px; padding: 0; width: 103px;}
div.cornice a:hover{ background-color:Gray;}
div.cornice img{display: block;border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC; padding: 2px; width: 100px; height: 100px;}
div.cornice h5{margin:0;font-size:100%; color:Gray;}

div.pubblicazione{float:left;margin: 5px 0 0 0;width:251px}
div.pubblicazione img{display: block; padding: 1em; width:100px; height:150px}
div.pubblicazione h5{text-align:center; font-weight:bold; color:Gray}
div.pubblicazione p{padding:0.5em 0 0 2em; margin:0;font-size:110%}
div.pubblicazione ul{margin-top:0.5em}

div.pubblicacentro{float:left;margin: 5px 0 0 0;border-left: 1px solid;border-right: 1px solid; border-color: #CCC #CCC #AAA #CCC;width:251px}
div.pubblicacentro img{display: block; padding: 1em; width:100px; height:150px}
div.pubblicacentro h5{text-align:center; font-weight:bold; color:Gray}
div.pubblicacentro p{padding:0.5em 0 0 2em; margin:0;font-size:110%}
div.pubblicacentro ul{margin-top:0.5em}

div.disegni{clear:both;margin: 25px 0 0 0;}
div.disegni p{padding: 0 0 0 130px; font-size:110%; margin:0.7em}
div.disegni a{padding: 0; color:black;text-decoration: none ; margin: 0; font-size:130%; font-style:italic}
div.disegni a:hover{color: gray;text-decoration: none; }
div.disegni a:activelink{color: gray;text-decoration: none}

div.corniced{float:left;margin: 15px 0 0 0; padding: 0; width: 113px;}
div.corniced a:hover{ background-color:Gray;}
div.corniced img{display: block;border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC; padding: 2px; width: 110px; height: 110px;}

/*classi particolari*/
.redirect {color:black;text-decoration:none; font-size:1em; text-align:center; margin:130px;}
.puntoeacapo{clear:both;}
.italico {font-style:italic;color:Gray;display:inline; margin-right:1em}
.grassetto {font-weight:bold;font-style:italic; color:Gray; display:inline;margin-right:1em}
.piccolo {color:Gray;display:inline; margin-right:1em;}
 
.invisibile{display: none}
.stacca{margin:2em 0 3em 20em}