/* CSS Document */

/*GENERAL*/
h1, h2, h3, p, a, span, img{margin:0; padding:0;}
img{border:none;}
body{background:url("../images/body_bkg.jpg") top left;}

/*WRAPPER*/
div.wrapper{position:relative; overflow:hidden; width:960px; margin:0 auto; margin-top:20px;  background:url("../images/wrapper_bkg.jpg") repeat-y 0px 112px ;}

/*TOP*/
div.wrapper div.top{/*position:absolute; top:0px; left:0px;*/ float:left; overflow:auto; width:217px; height:598px; background:url("../images/top_bkg.jpg") no-repeat top left;}
div.wrapper div.top h1 a{display:block; margin:20px 0 0 21px; width:154px; height:156px; background:url("../images/h1_bkg.jpg") top left;}
div.wrapper div.top a{display:block; text-align:center; margin:0 auto; text-decoration:none;}
div.wrapper div.top span{visibility:hidden;}
div.wrapper div.top div.menu{margin-top:25px; width:194px; float:right;}
div.wrapper div.top div.menu img.separatore{margin:20px 0 25px 20px;}
div.wrapper div.top div.menu div.menu-box{width:145px;}
#a_esplora{display:block; overflow:hidden; margin-top:13px; width:145px; height:28px; background:url("../images/a_esplora.gif") no-repeat top left;}
#a_gioco{display:block; overflow:hidden; margin-top:21px; width:110px; height:25px; background:url("../images/a_gioco.gif") no-repeat top left;}
#a_personaggi{display:block; overflow:hidden; margin-top:17px; margin-left:36px; width:145px; height:13px; background:url("../images/a_personaggi.gif") no-repeat top left;}

/*CONTENT*/
div.wrapper div.content{width:960px; }
#personaggi-top{float:right; height:89px; width:743px; background:url("../images/personaggi-top_bkg.gif") no-repeat left top;}
div.wrapper div.content div.personaggi{float:right; overflow:hidden; width:743px; /*height:570px; */}
div.wrapper div.content div.personaggi a{display:block; text-decoration:none;}
div.wrapper div.content div.personaggi span{visibility:hidden;}

#malarius{ position:absolute; top:89px; left:218px; width:320px; height:232px; background:url("../images/malarius.jpg") no-repeat left top;}
#malarius:hover{ position:absolute; top:89px; left:218px; width:320px; height:232px; background:url("../images/malarius.jpg") no-repeat 0px -232px;}
#elenco{ position:absolute; top:89px; left:543px; width:417px; height:169px; background: url("../images/elenco.gif") no-repeat left top;}
#elenco:hover{ position:absolute; top:89px; left:543px; width:417px; height:169px; background: url("../images/elenco.gif") no-repeat 0px -168px;}
#eco{position:absolute; top:423px; left:251px; width:128px; height:164px; background: url("../images/eco.gif") no-repeat left top; }
#eco:hover{position:absolute; top:423px; left:251px; width:128px; height:164px; background: url("../images/eco.gif") no-repeat 0px -164px; }
#nestor{ position:absolute; top:321px; left:454px; width:240px; height:234px; background: url("../images/nestor.gif") no-repeat left top;}
#nestor:hover{ position:absolute; top:321px; left:454px; width:240px; height:234px; background: url("../images/nestor.gif") no-repeat 0px -234px}
#tommaso{position:absolute; top:258px; left:697px; width:250px; height:354px; background: url("../images/tommaso.gif") no-repeat left top;}
#tommaso:hover{position:absolute; top:258px; left:697px; width:250px; height:354px; background: url("../images/tommaso.gif") no-repeat 0px -354px;}

div.wrapper div.content div.books{float:left; overflow:auto; width:900px; margin-left:31px; margin-top:100px; display:inline;}

div.wrapper div.content div.books span{visibility:hidden;}
div.wrapper div.content div.books h3{margin-left: 70px; width:571px; height:22px; background:url("../images/h3_bkg.gif") no-repeat left top;}

div.wrapper div.content div.books div.content-left{width:470px; float:left;}
div.wrapper div.content div.books div.content-right{float:right;}

#elenco-libri{display:block; margin-top:53px; width:395px; height:186px; background: url("../images/a_elenco-libri.gif") no-repeat left top; text-decoration:none;}
#elenco-libri:hover{display:block; margin-top:53px; width:395px; height:186px; background: url("../images/a_elenco-libri.gif") no-repeat 0px -186px; text-decoration:none;}

div.wrapper div.content div.books div.libri-usciti{overflow:auto; margin-top:30px; margin-bottom:40px; width:413px; /*height:700px; */} 
div.wrapper div.content div.books div.libri-usciti div.book-container{overflow:auto; margin-bottom:9px; width:412px;}
div.wrapper div.content div.books div.libri-usciti div.book-container a{text-decoration:none;}

/*ultimi 3 libri usciti in homepage*/
div.box-home{height:142px; margin-bottom:12px; }
div.box-home a{ cursor:pointer; float:left; display:block; width:127px; height:142px; text-decoration:none;/*background:url("../images/porta.gif") */}
div.box-home h4{float:right; margin-top:0px; width:268px; height:142px; /*background:url("../images/p_tempo.gif") no-repeat left top;*/}

div.wrapper div.content div.books div.libri-in-uscita{float:left; margin-top:28px; width:353px; height:174px;}
div.wrapper div.content div.books div.libri-in-uscita span{visibility:hidden;}
div.wrapper div.content div.books div.libri-in-uscita p{clear:both; float:left; display:inline; margin-top:22px; margin-left:74px; width:246px; height:21px; background:url("../images/prossimamente-in-libreria.gif") no-repeat top left;}
#new1{float:left; display:block; margin-left:48px; display:inline; width:97px; height:133px; background: url("../images/new1.gif") no-repeat left top; text-decoration:none; }
#new2{float:left; display:block; margin-left:10px; display:inline; width:90px; height:125px; background: url("../images/new2.gif") no-repeat left top; text-decoration:none;}
#new3{float:right; display:block; width:96px; height:129px; background: url("../images/new3.gif") no-repeat left top; text-decoration:none;}

/*SCHEDA-PERSONAGGI*/
div.wrapper div.content div.scheda-personaggi{ width: 700px; height:1780px; float:right; }
#elenco-personaggi-top{float:right; height:89px; width:743px; background:url("../images/scheda-personaggi_bkg.gif") no-repeat left top;}
#a_tommaso{position:absolute; top:109px; left:302px;}
#a_nestor{position:absolute; top:107px; left:646px;}
#a_julia{position:absolute; top:506px; left:232px;}
#a_rick{position:absolute; top:506px; left:543px;}
#a_eco{position:absolute; top:843px; left:218px;}
#a_malarius{position:absolute; top:845px; left:627px;}
#a_cugini{position:absolute; top:1216px; left:283;}
#a_anita{position:absolute; top:1216px; left:654px;}
#a_jason{position:absolute; top:1600px; left:152px;}

/*SCHEDA-LIBRO*/
#libri-top{float:right; height:89px; width:743px; background:url("../images/libri-top_bkg.gif") no-repeat left top;}

#la-bottega_bkg{float:right; margin-right:33px; margin-top:23px; display:inline;  width:674px; height:120px; }
#la-bottega_bkg h3{display:block; width:674px; height:120px; /*background:url("../images/il-maestro_title.gif") no-repeat left top;*/}
#la-bottega_bkg span{visibility:hidden;}

div.book-box{float:right; margin-top:14px; margin-bottom:60px; width:740px; height:378px; background:url("../images/book-container_bkg.gif") no-repeat left top;}
div.book-box img{margin-left:220px; }
div.book-dati{float:right; margin-bottom:40px; width:740px; /*height:378px;*/}
div.book-dati div.trama{width:674px; margin-left:42px; margin-bottom:30px; font-size:18px;}
div.book-dati div.dati{width:674px; margin-left:42px; margin-bottom:30px; font-size:16px; color:#412516;}
div.book-dati div.links{margin-left:42px; margin-top:70px;}
div.book-dati div.links span{visibility:hidden; }
div.book-dati div.links a{background:red; display:block; margin:0; padding:0; width:301px; height:35px; text-decoration:none;}
#compra{background:url("../images/links-acquista.gif") no-repeat left top;}
#scarica{background:url("../images/links-scarica.gif") no-repeat left top;}
#ritorna{background:url("../images/links-torna.gif") no-repeat left top;}

/*ELENCO LIBRI*/
#elenco-libri-top{float:right; height:89px; width:743px; background:url("../images/elenco-top_bkg.gif") no-repeat left top;}
div.content div.colonna{float:right; margin-right:188px; display:inline;  margin-top:66px; width:407px; /*height:930px;*/ }
div.content div.colonna span{visibility:hidden;}
div.content div.colonna a{text-decoration:none;}

div.libro-box{width:407px; height:142px; margin-bottom:15px; }

#el-384-3277{height:142px; margin-bottom:16px; }
#el-384-3277 a{  float:left; width:132px; height:140px; }
#el-384-3277 h4{float:right; margin-top:52px; width:264px; height:51px; background:url("../images/el-p_tempo.gif") no-repeat left top;}
#el-384-3292{height:142px; margin-bottom:12px }
#el-384-3292 a{float:left; width:133px; height:141px;}
#el-384-3292 h4{float:right; margin-top:18px; width:255px; height:95px; background:url("../images/el-p_bottega.gif") no-repeat left top;}
#el-384-3293{height:145px; margin-bottom:12px; }
#el-384-3293 a{float:left; width:113px; height:144px; }
#el-384-3293 h4{float:right; margin-right:96px; margin-top:46px; display:inline; width:198px; height:98px; background:url("../images/el-p_specchi.gif") no-repeat left top;}
#el-384-3294{height:146px; margin-bottom:13px}
#el-384-3294 a{ float:left; margin-top:-9px; width:123px; height:146px; }
#el-384-3294 h4{float:right; margin-right:94px; margin-top:17px; display:inline; width:189px; height:94px; background:url("../images/el-p_isola.gif") no-repeat left top;}
#el-384-3295{height:142px; margin-bottom:0px;  }
#el-384-3295 a{float:left; width:133px; height:140px; }
#el-384-3295 h4{float:right; margin-top:16px; margin-right:65px; width:193px; height:107px; background:url("../images/el-p_guardiani.gif") no-repeat left top;}
#el-384-3296{height:156px; margin-bottom:14px; }
#el-384-3296 a{float:left; width:128px; height:156px; }
#el-384-3296 h4{float:right; margin-top:59px; margin-right:63px; display:inline; width:216px; height:70px; background:url("../images/el-p_chiave.gif") no-repeat left top;}
#el-384-8925{height:144px; margin-bottom:14px; }
#el-384-8925 a{float:left; width:128px; height:144px; }
#el-384-8925 h4{float:right; margin-top:51px; margin-right:14px; display:inline; width:249px; height:52px; background:url("../images/el-p_città.gif") no-repeat left top;}
#el-566-0420{height:144px;}
#el-566-0420 a{float:left; width:128px; height:144px; }
#el-566-0420 h4{float:right; margin-right:65px; display:inline; margin-top:10px; width:198px; height:106px; background:url("../images/el-p_maestro.gif") no-repeat left top;}
#el-566-0467{height:144px;}
#el-566-0467 a{float:left; width:128px; height:144px; }
#el-566-0467 h4{float:right; margin-right:65px; display:inline; margin-top:10px; width:159px; height:93px; background:url("../images/el-p_maestro.gif") no-repeat left top;}


/*FOOTER*/
div.wrapper div.footer{clear:both; float:right; width:928px; height:149px; background:url("../images/footer_bkg.gif") no-repeat left top;}
div.wrapper div.footer div.footer-content{overflow:auto; width:auto; height:20px;  margin-top:113px; margin-left:400px;}
div.wrapper div.footer div.footer-content a{ display:block; float:left; height:19px; width:auto;margin:0 5px;text-indent:-9999px;}
div.wrapper div.footer div.footer-content a.ep{ width:245px; background:url("../images/ep.png") no-repeat left top; }
div.wrapper div.footer div.footer-content a.credits{ width: 70px; background:url("../images/credits.png") no-repeat left top; }
div.wrapper div.footer div.footer-content a.note{ width: 120px; background:url("../images/note.png") no-repeat left top; }