/*@font-face {
  	font-family: 'viewbook2011Regular';
	src:url("font/viewbook_2011-webfont.eot");
	src:url("font/viewbook_2011-webfont.eot?iefix") format("eot"),url("font/viewbook_2011-webfont.woff") format("woff"),url("font/viewbook_2011-webfont.ttf") format("truetype"),url("font/viewbook_2011-webfont.svg#webfontfeghHpZr") format("svg");

	font-weight:normal;
	font-style:normal

}
*/

/* CINZIA:MACONI
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*.clear {clear:both;}
* html ul li, * html ul li a, * html ul li img {height:1%;}
a {outline:none;}
.clear {clear:both;}*/
body {margin:0px; padding:0px; border:0; color:#000; font-weight:normal; background:#fff;}

#container {width:915px; margin:0 auto; padding:0; float:left; left:15%; position:absolute; }


/* HEADER */
#header {width:915px; height:35px; float:left; left:15%; border-top:#666666 dashed thin; border-bottom:#666666 dashed thin; position:fixed; top:17px; background-color:#FFF; z-index:10; font-family:"Arial", Arial, Helvetica, sans-serif; font-size:9pt; color:#000000; z-index:5000;}


#header a.menubt{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	float:left;
	top:20px;
	width:auto;
	height:15px;
	margin-right:80px;
	/*border-bottom:2px solid #FFFFFF;*/
}
#header a.menubt:hover{
	text-decoration:none;
	cursor:pointer;
	/*color:#FFCB07;*/
	border-bottom:2px solid #000000;
}
#header a.mail{
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	float:left;
}
#header a.mail:hover{
	color:#FFCB07;
	text-decoration:none;
	cursor:pointer;
}

#header .title{
	position:absolute;
	width:100px;
	float:left;
	top:3px;
}
#header .menu{
	width:520px;
	float:right;
	right:0px;
	top:10px;
	position:absolute;
	/*border:1px solid black;*/
}

/*--------------- SHARING BUTTONS ------------------*/
#header .shareBts{
  position: absolute;
  top:7px;
  right:0px;
  
  width: auto;
  
  z-index: 5000;
  
  float:right;
  
}


/* CONTENT */
/*#content {width:630px; float:right; border:1px solid #FF0000; position:absolute; top:100px; z-index:5;}*/

<!--  MENU --->
#fl_menu{position:fixed;}
#fl_menu{position:fixed; width:915px; left:15%;  height:auto; float:left; top:-10px; z-index:1; }

#fl_menu .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#000; color:#fff; letter-spacing:7px;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}
.content{width:520px; margin:50px auto;}




/*
#fl_menu {position:absolute; top:-10px; left:15%; z-index:56; width:250px; height:auto; float:left; z-index:9999; height:auto; float:left; vertical-align:text-top;/*vertical-align:text-top;}

#fl_menu .label{line-height:20px; font-weight:ligher; /*background:#000; color:#000; }*/

/*  VOCI MENU 
#fl_menu .label a {text-decoration:none; font-weight:lighter; font-family:"Arial", Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
#fl_menu .label p {text-decoration:none; font-weight:lighter; font-family:"Arial", Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
#fl_menu .label a:hover {color:#6E847E;}*/

/*  FRECCE*/
#fl_menu .freccie {height:80px; position:absolute; float:left; top:80px;}
#fl_menu .freccie #nav { text-indent:-9999px;}
#fl_menu .freccie #nav a {display:block;}
#fl_menu .freccie #nav a.next {background:url(../imgs/freccia_dx.jpg) top left no-repeat;}
#fl_menu .freccie #nav a.prev {background:url(../imgs/freccia_sx.jpg) top left no-repeat;}
#fl_menu .freccie #nav a.next:hover {background:url(../imgs/freccia_dx_over.jpg) top left no-repeat;}
#fl_menu .freccie #nav a.prev:hover {background:url(../imgs/freccia_sx_over.jpg) top left no-repeat;}
/*
#fl_menu .freccie #nav a.next_blue {background:url(../imgs/freccia_dx_over.jpg) top left no-repeat;}
#fl_menu .freccie #nav a.prev_blue {background:url(../imgs/freccia_sx_over.jpg) top left no-repeat;}
#fl_menu .freccie #nav a.next_blue:hover {background:url(../imgs/freccia_dx.jpg) top left no-repeat;}
#fl_menu .freccie #nav a.prev_blue:hover {background:url(../imgs/freccia_sx.jpg) top left no-repeat;}*/

#fl_menu .testo { top:150px; position:absolute; float:left; font-family:"Arial", Arial, Helvetica, sans-serif; font-size:9px; color:#000; width:250px;}
#fl_menu p.anno { font-size:14px;}
#fl_menu p.titolo { font-size:17px; font-weight:bold; color:#000;}
#fl_menu p.info { font-size:14px;}

#fl_menu .copyright {bottom:15px; position:fixed; font-family:"Arial", Arial, Helvetica, sans-serif; font-size:11px; color:#000;}


/* clearfix - - - - - - - - - - - - - - - - - - - - */
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Nascosto per IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine nascosto per IE-mac */
.clear {clear:both;}




#photos {width:630px; float:right; position:absolute; right:5px; top:75px;}
#photos ul {list-style:none; padding:0; margin:0;}

#photos li {padding:0; margin-bottom:15px;}



/*-------------------------------------------------------------- GRID ---------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/

	

#grid { 
  
	position:absolute;
	top:50px;
	
	margin-left:-10px;
	margin-right:-10px;
	
	float:left;
	
	
	text-align:left;
	
	/*border:1px solid black;	*/
	
} 
#grid p.grid_titolo {font-family:"Arial", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000; margin-left:10px; border-bottom:#666666 dashed thin; width:165px; height:30px;}

/*#grid .line {width:915px; height:1px; float:left; left:15%; border-bottom:#666666 dashed thin; color:#000000;}*/
.row { 
  	display: table-row; 
} 

	
.box { 
	position:relative;
	float:left;
				  
	padding:10px;
				  
	width: 167px;
	height:150px;
				
	/*border:1px solid black;	*/	
	
	color: #000;
	text-decoration:none;
	
	font-weight:lighter;
	
	cursor:default;	
	
	font-family:"Arial", Arial, Helvetica, sans-serif; font-size:11px;
	
}
.box_titolo_style{ 
	width: 161px;
	height:33px;
	padding:2px;
	
	/*border-bottom:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	font-weight:bold;*/
	font-weight:normal;
}


.image {
	/*position:absolute;
	float:left;*/
					
	width:167px;
	height:120px;
					
	/*z-index: 10;*/
					
}
				
.box:hover {
 	cursor:pointer;
}