* {
	margin: 0px;
	padding: 0px;	
}

body {
	background-image: url(../images/sf-pagina.png);
	background-repeat: repeat-x;
	background-color: #828183;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
}

#contenitore {
	width: 1070px;
	margin-left: auto;
	margin-right: auto;
	position: relative !important;
}

#menu {
	background-image: url(../images/sf-menu1.png);
	background-repeat: repeat-x;
	width: 230px;
	margin-right: 10px;
	float: left;
	text-align: center !important;
}

#logo {
	margin-top: 10px;
}

#menu-sx {
	text-align: left;
	padding-top: 15px;
	padding-left: 20px;
	padding-bottom: 20px;
}

#contenuti {
	margin-top:3px;
	width: 830px;
	height: 800px;
	float:left;	
	position: relative;
}

#sf-header {
	width: 830px;
	height: 142px;
	background-image: url(../images/sf-piano-1.png);
	background-repeat: no-repeat;
}

#sf-footer {
	background-image: url(../images/sf-piano-5.png);
	width: 830px;
	height: 66px;	
}

/*contenuti*/
#rip-header {
	margin-left: 130px;
	width: 600px;
	height: 130px;	
}

#center {
	width: 830px;
	height: 610px;	
	background-image: url(../images/bookShelf.png);
	background-repeat: no-repeat;
	position: relative;
	text-align: center; /* per poter centrare #bookshelf in IE */
}

/*scaffale*/
#bookshelf {
	width: 582px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;	
	position: relative;
}

div.shelfSector
{
	text-align: center;
	width: 145px;
/*e	height: 190px;*/
	height: inherit; /*la eredita dalla classe ripiano */
	float:left;	
	position: relative;
}
.ombra
{
	background: transparent url('box.png') no-repeat 9px 20px;
	background: transparent url('box.png') no-repeat 9px 9px;
}
.luce
{
	background: transparent url('box1.png') no-repeat 9px 20px;
}
/*e
#sector5, #sector6, #sector7, #sector8, #sector9, #sector10, #sector11, #sector12 {
	margin-top: 22px;	
}
*/
/*ripiano-1*/

#men-1 {
	margin-top: 10px;
	text-align: center;
	width: 160px;
	float: left;	
}

#men-2 {
	margin-top: 10px;
	text-align: center;
	width: 110px;
	float:left;
}

#men-3 {
	margin-top: 10px;
	text-align: center;
	width: 140px;
	float:left;
}

#men-4 {
	margin-top: 8px;
	text-align: center;
	width: 140px;
	float:left;
}
/* altri ripiani */
.ripiano
{
	height: 190px;
	height: 201px !important;
	height: 210px; /*IE*/
	padding-top: 10px;
	/*margin-bottom: 20px;*/
/*	padding-bottom: 20px;*/
}

/*ripiano 5*/
#rip-footer {
	padding-top: 8px;
	text-align: center;
/*	margin-left: auto;
	margin-right: auto;
*/
	position: absolute;
	left: 265px;
	width: 300px;
	height: 43px;
}

#navSx {
	float: left;
}

#numPag {
	width: 150px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	float: left;
	background: #fff;	
	border: medium ridge #FFFFFF;
}

#navDx {
	float: left;
}

/*definizione classi*/
.imgContainer {
/*e	width: 145px;*/
	width: 105px;
	height: 147px;	
/*	padding-left: 20px; /*se si scommentano le righe della classe bordoSXImmagine mettere il padding a 10px*/
	padding-right: 20px;
	padding-bottom: 0px;
/* commentato il 19-04-2010	position: absolute;*/
	bottom: 0px;
}

.bordoSXImmagine
{
	/*
	background: transparent url('bordo.gif') no-repeat top left;
	padding-left: 10px;
	border: solid 2px #9d9185;
	*/
	padding-left: 20px;
/*	position: absolute;*/
	bottom: 0px;
}

.img100
{
/*	position: absolute;
	bottom: 0px;
	left: 0px;
*/
margin-bottom: 5px;
/*        width: 100%;*/
/*e	height: 70%;*/
/*/        border:solid 1px #000;
//        margin-bottom:0px;*/
}
.testoBook {
	height: 30px;
	font-size: 12px;
	font-style:oblique;
	text-decoration: none;
	color: #000;
/*	margin-top: 20px;*/
}

.titMenu {
	font-size: 13px;	
	color: #000; 
	text-decoration: none;
	font-weight: bold;
	font-style:oblique;
}

.titMenu:hover {	
	color: #900; 
}

.titMenuSx {
	width: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	font-size: 13px;	
	color: #000; 
	text-decoration: none;
}
#titMenuSx1.selected,#titMenuSx1:hover
{
	background-image:url('../images/sf-red.png'); 
	background-repeat:no-repeat;	
	background-position: center center;
}

#titMenuSx2.selected,#titMenuSx2:hover 
{
	background-image:url('../images/sf-orange.png'); 
	background-repeat:no-repeat;	
	background-position: center center;
}

#titMenuSx3.selected,#titMenuSx3:hover 
{
	background-image:url('../images/sf-yellow.png'); 
	background-repeat:no-repeat;
	background-position: center center;
}

#titMenuSx4.selected,#titMenuSx4:hover
{
	background-image:url('../images/sf-green.png'); 
	background-repeat:no-repeat;	
	background-position: center center;
	padding-right: 40px;
}

#titMenuSx5.selected,#titMenuSx5:hover
{
	background-image:url('../images/sf-blue.png'); 
	background-repeat:no-repeat;	
	background-position: center center;
	padding-right: 50px;
}

#titMenuSx6.selected,#titMenuSx6:hover
{
	background-image:url('../images/sf-purple.png'); 
	background-repeat:no-repeat;	
	background-position: center center;
	padding-right: 40px;
}
/*
.titMenuSx:hover {
	font-weight: bold;
}
*/
.imgMenu {
	vertical-align: middle;
	padding: 10px;
}

.line {
	text-align: center;	
}

.solo
{
	clear: both;
}

/********************* DIV TAG ****************/
.divTAG
{
	margin-left: auto;
	margin-right: 52%;
	width: inherit;
	color: #39C;
	word-wrap:break-word;
}
.span{
	line-height: 1.5em;
	width: auto;
}
.span a{color: #39C;text-decoration:none;}
.span a:hover{
	/*font-weight: bold;*/
	color: #39E;
}
.maschera
{
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 90;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
/********************* FINE DIV TAG ***********/