/*BODY*/
body {
color:#3b3737;
font-family: sans-serif;
background-position: top left;
background-attachment:fixed;
/*background-color: #dedcdc; ORIGINALE*/
background-color: #9c8cac;
/*background-repeat: repeat-x;*/
font-size: 14px;
margin: 0;
padding: 0;
line-height: 130%;
}

p { /*paragrafo INDENTATO*/
padding: 4px 10px 4px 0px;
margin: 4px 0px 4px 0px;
}

h1 { /*Font per i titoli delle pagine*/
font-size: 18px;
margin: 16px 0px 4px 0px;
padding: 5px 4px 4px 8px;
border-bottom: 1px solid #3b3737;
text-transform: capitalize;
}
/*.home {background-color: #ca93e1;}
.bio {background-color: #ffd800;}
.works {background-color: #5dc4ff;}
.media {background-color: #5ac469;}
.contact {background-color: #f6ac6a;}*/

h2 { /*Font per il benvenuto*/
font-size: 28px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

a.hl {  /*LINKS*/
color:#6f6f6f;
font-weight: bold;
text-decoration:none;
border-bottom: 1px solid #6f6f6f;
}
a.hl:hover {color:#3b3737; border-bottom: 1px solid #3b3737;}

a.hldark {  /*LINKS*/
color: #e7e7e7;
font-weight: bold;
text-decoration:none;
border-bottom: 1px solid #e7e7e7;
}
a.hldark:hover {color:white; border-bottom: 1px solid white;}

a.hlpic {  /*LINKS*/
color:#6f6f6f;
font-weight: bold;
text-decoration:none;
}
a.hlpic:hover {color:#3b3737;}

div.container4all
{  
width: 800px;
min-height: 100px;
margin: 20px auto 3px auto;
text-align: left; 
}  

div.container
{  

/*background-color: #3b7c25;
background-color: #14852c;*/
background-color: #fcfbf4;
/*background-image: url('../imgs/gallery/sfondo.png');*/
background-repeat: no-repeat;
min-height: 600px;
margin-bottom: 2px;
text-align: left; 
} 

div.containerhead
{
/*border-bottom: 1px solid #3b3737;*/
background-color: none;
height: 200px;
margin: 0;
padding: 0;
}

div.header {
margin: 0;
padding: 0;
height: 20px;
padding-left: 20px;
background: #3b3737;
}

div.footer {
padding: 0;
margin-bottom: 10px;
font: 10px 'arial';
}

div.contentsbox {
text-align: left;
padding: 20px 10px 10px 10px;
}

div.greetingsbox {
text-align: center;
padding: 20px 10px 10px 10px;
margin: 0px 20px 0px 20px;
border: 1px solid #3b3737;
border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px; /* firefox */
  -webkit-border-radius: 10px; /* safari, chrome */
color: white;
background-color: #4b4b4b;

}

div.newsboxtitle {
text-align: left;
padding: 2px 10px 2px 10px;
border-top: 3px solid #3b3737;
border-bottom: 3px solid #3b3737;
border-left: 13px solid #3b3737;
border-right: 13px solid #3b3737;
margin: 20px 20px 0px 20px;
background-color: #3b3737;
font-size: 18px;
color: white;
}

div.newsbox {
text-align: left;
padding: 4px 10px 10px 10px;
border-bottom: 3px solid #3b3737;
border-left: 13px solid #3b3737;
border-right: 13px solid #3b3737;
margin: 0px 20px 10px 20px;
}


div.mediabox {
background-color: black;
padding: 0px;
margin: 0px;
width: 400px;
height: 225px;
margin-top: 1px;
}

div.mediadescrbox {
background-color: #3b3737;
color:white;
float:right;
padding: 0px;
margin: 0px;
width: 397px;
height: 225px;
margin-top: 1px;
}

div.worksbox {
padding: 0px;
margin: 0px;
width: 200px;
height: 120px;
}

div.worksdescrbox {
float:right;
padding: 0px;
margin: 0px;
width: 580px;
height: 120px;
}

div.menu {
width: 840px;
margin:0;
padding:0;
font-size:14px;
z-index: 1;
}

div.menu ul {
margin:0;
padding:0;
z-index: 1;
}

div.menu li {
position: relative;
float: left;
list-style: none;
margin:0;
padding:0;
z-index: 1;
}

div.menu li a {
padding-left: 10px;
padding-right: 10px;
height: 20px;
display: block;
text-decoration:none;
text-align: center;
line-height: 20px;
color:#fcfbf4;
background: #3b3737;
z-index: 1;
font-weight: bold;
}
.click{background: blue;}
.unclick{background: red;}
.click:hover{background: #dedcdc;color: #3b3737; }
.home:hover{background: #ca93e1;color: #3b3737; }
.bio:hover{background: #ffd800;color: #3b3737; }
.works:hover{background: #5dc4ff;color: #3b3737; }
.media:hover{background: #5ac469;color: #3b3737; }
.contact:hover{background: #f6ac6a;color: #3b3737; }

div.menu ul ul{
position: absolute;
top: 21px;
left: -1px;
visibility: hidden;
z-index: 1;
}

div.menu ul li:hover ul {
border-left: 1px solid #3b3737;
border-bottom: 1px solid #3b3737;
visibility:visible;
}

img.photo {border:1px solid #3b3737; margin:4px 4px 4px 0px;}
img.photo-float {border:0px solid #3b3737; margin:0px 0px 0px 0px;#3b3737;float:right}