body,html { height:100%;margin:0 }


body {
 margin:0px;
 padding:0px;
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:10px;
 text-align:left;
 background-color:black;
 background-repeat:no-repeat;
 text-decoration:none;
 overflow:hidden;
 }


div#shim2 {
width: 50%;
height: 50%;  
margin-top: -300px;  
float: left;
	margin-left: 0px auto;
	position: relative;
	}
	
.piccolo {
	width:2px;
}
		
		
			
		
	
	#wrapper {
	position: relative;
	text-align: left;
	top:30px;
	width: 1000px;
	height:580px;
	clear: both;
	margin: 0px auto;
z-index:2;

	}
	
	
	
	
.contenutopdfbooks{
position:absolute;
left:0px;
top:150px;
height:14px;
width: 810px;
border:0px solid red;
z-index:2;
}


.testo_book{
position:absolute;
left:25px;
top:265px;
height:auto;
width:490px;
z-index:2;

}

.anteprimapdf{
position:absolute;
left:250px;
top:50px;
height:145px;
width:145px;
z-index:2;

}

	
	
.barra_credits {
position:absolute;
top:10px;
left:10px;
width: 470px;
height:15px;
 text-align:left;
 float:left;
background-color:#E5E5E5;
 }
img{border:0;}



a {font-family: verdana, arial, helvetica, sans-serif;  font-size:10px; text-decoration:none; }
a:link{color: white;}
a:visited {color: white;}
a:hover {color: gray;}
a:active{color: gray;}


a.nero {font-family: verdana, arial, helvetica, sans-serif;  font-size:10px; text-decoration:none; }
a.nero:link{color: black;}
a.nero:visited {color: black;}
a.nero:hover {color: red;}
a.nero:active{color: red;}





a.selected {font-size: 10px; text-decoration:none; color: #FCC103;}


a.menu {font-family: verdana, arial, helvetica, sans-serif;  font-size:10px; text-decoration:none; font-weight:bold;}
a.menu:link{color: gray;}
a.menu:visited {color: gray;}
a.menu:hover {color: red;}
a.menu:active{color: red;}


a.simplylink {font-family: verdana, arial, helvetica, sans-serif;  font-size:8px; text-decoration:none;}
a.simplylink:link{color: red;}
a.simplylink:visited {color: red;}
a.simplylink:hover {color: red;}
a.simplylink:active{color: red;}



.nero a{
color:gray;
}

#logo2{
position:absolute;
left:0px;
top:0px;
width:257px;
height:121px;
font-size:10px;
z-index:2;
}




#logo{
position:absolute;
left:0px;
top:0px;
width:257px;
height:121px;
font-size:10px;
background-image:url('../img/logo.png');
background-repeat:no-repeat;
z-index:2;
}


#menu{
position:absolute;
left:73px;
top:107px;
width:187px;
height:369px;
font-size:10px;
border:0px solid red;
color:gray;
line-height:12px;
z-index:2;
}

#indirizzi{
position:absolute;
left:22px;
top:170px;
width:192px;
height:310px;
font-size:10px;
}



#contenuto{
position:absolute;
left:260px;
top:0px;
width:722px;
height:424px;
background-repeat:no-repeat;
z-index:2;
border:0px solid red;
}


#chiudi_promozione{
position:absolute;
left:692px;
top:5px;
width:auto;
height:auto;
z-index:30;
}


#pdf_promozione{
position:absolute;
left:407px;
top:450px;
width:300px;
height:25px;
z-index:30;
text-align:right;
}




#promozione_ita{
position:absolute;
left:0px;
top:5px;
width:707px;
height:437px;
z-index:2;
background-image:url('promozione/Abitareiltempo.jpg');
background-repeat:repeat;
}


#promozione_eng{
position:absolute;
left:0px;
top:5px;
width:707px;
height:437px;
z-index:2;
background-image:url('promozione/Abitareiltempo_GB.jpg');
background-repeat:repeat;
}



#timeline{
position:absolute;
left:0px;
top:0px;
width:720px;
height:561px;
z-index:2;

}



#ecologic{
position:absolute;
left:73px;
top:463px;
width:120px;
height:50px;
}



#down_ecologic{
position:absolute;
left:73px;
top:516px;
width:250px;
height:12px;
line-height:12px;
color:white;
}


#piede2{
position:absolute;
left:73px;
top:547px;
width:910px;
height:19px;
font-size:9px;
text-align:left;
color:white;
font-size:8px;
}




#piede{
position:absolute;
left:73px;
top:534px;
width:910px;
height:19px;
font-size:9px;
text-align:left;
color:white;
font-size:8px;
}

#descrizione_collezione{
position:absolute;
left:00px;
top:398px;
width:615px;
height:113px;
font-size:10px;
text-align:left;
border:0px solid red;
color:black;
font-size:11px;
background-image:url('fondino_traspa.png');
background-repeat:repeat;
padding:5px;
line-height:12px;

}




#bandiere{
position:absolute;
left:73px;
top:564px;
width:400px;
height:19px;
font-size:10px;
text-align:left;
}

#simply{
position:absolute;
left:250px;
top:570px;
width:400px;
height:19px;
text-align:left;
z-index:30;
font-size:8px;
color:white;
}

.box_thumb2{
position:relative;
top:0px;
left:0px;
width:118px;
height:118px;
background-image:url('fondo_box.png');
float:left;
margin-bottom:8px;
margin-right:8px;
text-align:center;

}


.box_thumb_cataloghi_vuoto{
position:relative;
top:0px;
left:0px;
width:118px;
height:145px;
float:left;
margin-bottom:8px;
margin-right:8px;
text-align:center;
color:white;
font-size:9px;
}




.box_thumb_cataloghi{
position:relative;
top:0px;
left:0px;
width:118px;
height:145px;
background-image:url('fondo_box.png');
background-repeat:no-repeat;
float:left;
margin-bottom:8px;
margin-right:8px;
text-align:center;
color:white;
font-size:9px;
}



.fotina2{
position:relative;
top:5px;
width:118px;
height:100px;
text-align:center;
border:0px solid red;
}



.box_thumb3{
position:relative;
top:0px;
left:0px;
width:118px;
height:80px;
background-image:url('fondo_box.png');
float:left;
margin-bottom:8px;
margin-right:8px;
text-align:center;
border:0px solid black;
}



.fotina3{
position:relative;
top:5px;
width:118px;
height:70px;
text-align:center;

}

.barra_credits {
position:absolute;
top:10px;
left:10px;
width: 250px;
height:15px;
 text-align:left;
 float:left;
background-color:#E5E5E5;
 }
  .riga{
 position:relative;
 left:0px;
 width:300px;
text-align:left;
float:left;

 }
 
  .sinistra{
 position:relative;
width:75px;
left:0px;
float:left;
color:#333333;

 }
  .destra{
position:relative;
left:20px;
top:0px;
width:175px;
text-align:left;
float:left;

 }
 
input#ric {
	font-size:10px;
	border:none;
	border-bottom:dotted 1px #FFF; 
	color:#FFF; 
	display:none;
	width:70px;
	padding:2px;
	padding-left:17px;
	margin-top:2px;
	font-style:italic;
	background:url(cerca.png) no-repeat left;
}
