html 
{
    background-image:url(fondo.gif);
    /*
    background-image:url(bg.jpg);
    margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-position:center top;
    */
}

body
{
	style:"overflow-x: hidden;"	
}

#formGuestBook
{
	display:inline;
	font-family:Verdana;
	font-size:10px;	
}



#dayPicGuestbook
{
	border: solid 2px black;
	clear:both;
	width:660px;
	/*height:120px;*/
	height:150px;
	background-color:White;
}

#dayPic
{
	border: solid 2px black;
	display:inline;
	margin-top:8px;
	background-color:White;
	float:left;
	margin-left:10px;
	/*height:100px;*/
	height:130px;
	width:140px;
}

#tabellaGuestBook
{
	height:70px;
	width:460px;
	background-color:Blue;
}

#imgHome
{
	clear:both;
	margin-left:10px;	
}

#guestBook
{
	border: solid 2px black;
	display:inline;
	margin-top:8px;
	background-color:White;
	float:right;
	margin-right:10px;
	/*height:100px;*/
	height:130px;
	width:470px;
}

#textDayPicGuestbook
{
	font-family:Verdana;
	font-size:10px;	
}

#header
{
    background-image:url(logoHEADER.jpg);
    border:2px solid black;
    height:100px;
    width:660px;
    background-color:#C0BAAC;
}

/*codice per la pulsantiera*/
#nav
{
    font: normal 11px verdana;
    color:Black;
    margin-top:75px;    
}


#content
{
    width:662px;
    background-position:center;/*metto lo stage al centro della pagina...*/
    margin-left:auto;/*stabilendo anche le distanze dai lati destro e sinistro...*/
    margin-right:auto;
    /*
    background-color:Gray;
    */
}


/*stili per il blocco di sinistra della home page*/
#leftBlock
{
    /*background-image:url(backGround.jpg);*/
    /*background-image:url(galleria.jpg);*/
    background-color:White;/*sfondo bianco del sito*/    
    border:3px solid black;
    margin-top:20px;
    margin-right:20px;
    float:left;
    width:300px;
    height:300px; 
    margin-bottom:20px;
}
#contentLeftBLock
{
	width:280px;
	height:280px;
	margin-left:8px;
	margin-top:8px;
}
#contentLeftBLock img
{
    border: 2px solid black;
}
#contentLeftBLock img:hover
{
    border: 2px solid orange;
}
/*fine stili per il blocco di sinistra della home page*/


img 
{
	border:groove 1 px orange;
}

/*stili per il blocco centrale della home page*/
#centerBlock
{
    /*background-image:url(omino.jpg);*/
    border:1px solid black;
    margin-top:20px;
    background-color:White;
    float:left;
    width:90px;
    height:300px; 
    margin-bottom:20px;
}
#contentCenterBlock
{
	margin-left:8px;
	margin-top:8px;
	width:70px;
	height:280px;	
}
#contentCenterBlock img
{
    border: 2px solid black;
}
#contentCenterBlock img:hover
{
	border: 2px solid orange;
}
/*fine stili per il blocco centrale della home page*/



/*stili per il blocco di destra della home*/
#rightBlock
{
    /*background-image:url(home.jpg);*/
    border:1px solid black;
    margin-top:20px;
    margin-left:20px;
    background-color:White;
    float:right;
    width:210px;
    height:300px;     
}
#contentRightBlock
{
	margin-left:8px;
	margin-top:8px;
	width:190px;
	height:280px;
}
#contentRightBlock img
{
    border: 2px solid black;
}
#contentRightBlock img:hover
{
	border: 2px solid orange;
}
/*fine stili per il blocco di destra della home*/




#newsBlock
{
    border:2px solid black;
    clear:both;
    width:660px;
    height:120px;
    /*background-color:#C0BAAC;*/
    background-color:White;    
    margin-top:15px;
}



#footerBlock
{
    text-align:center;
    font: normal 10px verdana;
    color:Black;   
    border:2px solid black;
    clear:both;
    margin-top:20px;
    width:660px;
    height:13px;
    background-color:#C0BAAC;    
}


a
{
    color:#663300;    
}

#dayPic img
{
	border-color:#C0BAAC;
}

#contentImageFotoGallery
{   
    /*
    margin-left:0px;
    margin-right:0px;
    margin-top:20px;*/
    border:1px solid black;
    margin-top:20px;
    background-color:White;
    width:660px;
}

#listaPortfolio
{
    margin:20px;    
    font-family:Verdana;
}

#listaPortfolio ul
{
    list-style-type:none;
    line-height:25px;
}

#listaPortfolio li
{
    
}

#listaPortfolio li a
{
    text-decoration:none;
    color:Black;
}

#listaPortfolio li a:hover
{
    color:#663300;
}

#listaPortfolio p
{
    color:#663300;
}

#imageFotoGallery
{
	margin-bottom:20px;
	margin-top:20px;
	margin-left:0px;
	
    width:660px;
    background-color:Transparent;
}

#image
{
	width:250px;
	height:250px;
	background-color:White;
}

#centreAlign
{
	width:150px;
	height:150px;
	border:0px;
	background-color:Fuchsia;
}

#Align
{
	padding-top:auto;
	
	padding-left:auto;
	
}


#marginAuto
{
	margin-left:10px;
	margin-top:auto;
	
}

#imageFotoGallery ul
{
     margin-top:20px;
     /*display:inline;*/
}

#contentImageFotoGallery ul
{
	margin-top:20px;
}

#contentImageFotoGallery li
{}

#imageFotoGallery li
{   
    list-style:none;
    display:inline;
}



#imageFotoGallery a
{
    margin:5px;    
}

#imageFotoGallery img
{
    border: 2px solid #C1BAB0;
}


/*inizio stili LIGHTBOX*/
#lightbox
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer
{
	padding: 10px;
}

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink
{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }


#imageDataContainer
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
/*FINE STILI LIGHTBOX*/









#nav ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav ul li 
{
    position: relative;
    float: left;
    width:80px;
}
    
#nav li ul 
{
    position: absolute;
    left: 0; /* Set 1px less than menu width */
    top: auto;
    display: none;
}

#nav li ul ul
{
    position: absolute;
    left:100%; /* Set 1px less than menu width */
    top: -.1em;
    display: none;
   }

/* Styles for Menu Items */
#nav ul li a 
{
    display: block;
    text-decoration: none;
    color:Black;
    background-color:Transparent;
    padding: 5px;
    /*
    color: #777;
    background: #fff;  IE6 Bug 
    background:#C9C0C0;
    border: 1px solid #ccc;
    */
}








/* commented backslash mac hiding hack \*/ 
#nav * html ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */
#nav li:hover a,#nav li.over a,
#nav li:hover li:hover a,#nav li.over li.over a,
#nav li:hover li:hover li:hover a,#nav li.over li.over li.over a,
#nav li:hover li a:hover,#nav li.over li a:hover,
#nav li:hover li:hover li:hover a:hover,#nav li.over li li a:hover,
#nav li:hover li:hover li:hover li:hover a:hover,#nav li.over li.over li.over li.over a:hover 
{
   border: 1px solid #ccc;
   color: #fff;
   background-color:#6E6565;
}

/* set dropdown to default */
#nav li:hover li a,#nav li.over li a,
#nav li:hover li:hover li a,#nav li.over li.over li a,
#nav li:hover li:hover li:hover li a,#nav li.over li.over li.over li a
{
    color: #777;
   background-color: #fff;
}

#nav li ul li a 
{ 
    padding: 2px 5px; 
} /* Sub Menu Styles */

#nav ul li:hover ul ul,
#nav ul li:hover ul ul ul,
#nav ul li.over ul ul,
#nav ul li.over ul ul ul 
{
    display:none;
}

#nav ul li:hover ul,
#nav ul li li:hover ul,
#nav ul li li li:hover ul,
#nav ul li.over ul,
#nav ul li li.over ul,
#nav ul li li li.over ul 
{
    display: block;
}
/*fine stili della pulsantiera*/
















