div#bg-corner-top-sx {
background: url('../immagini/bg_corner_sx_top.gif') no-repeat right bottom;
width:163px;
height:130px;
float:left;
}
div#bg-top {
background: url('../immagini/bg_top.gif') no-repeat bottom;
width:784px;
height:130px;
float:left;
}
#bmondadori {
position:absolute;
width:220px;
height:50px;
margin:0px 0px 0px -650px;
float:left;
}
#pearson {
position:absolute;
width:220px;
height:50px;
margin:0px 0px 0px -80px;
float:left;
}
div#bg-corner-top-dx {
background: url('../immagini/bg_corner_dx_top.gif') no-repeat bottom left;
width:27px;
height:130px;
float:left;
}
div#wrapper-sx {
width:163px;
height:600px;
display:block;
}
div#wrapper-dx {
background: url('../immagini/ombra_bg_dx.gif') repeat-y;
width:27px;
height:600px;
display:block;
}
div#bg-corner-bottom-sx {
background: url('../immagini/bg_corner_sx_bottom.gif') no-repeat top right;
width:163px;
height:130px;
float:left;
}
div#bg-bottom {
background: url('../immagini/bg_bottom.gif') repeat-x;
width:784px;
height:130px;
float:left;
}
div#bg-corner-bottom-dx {
background: url('../immagini/bg_corner_dx_bottom.gif') no-repeat top left;
width:27px;
height:130px;
float:left;
}
.vuoto {
width:137px;
margin:58px 0px 0px 0px;
height:72px;
float:left;
}
.content {
width:170px;
height:72px;
float:left;
margin:0px;
}
a#catalogo {
background: url('../immagini/catalogo.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
a:hover#catalogo {
background: url('../immagini/catalogo_over.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
.sel-catalogo {
background: url('../immagini/catalogo_over.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
a#cerca {
background: url('../immagini/cerca.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
a:hover#cerca {
background: url('../immagini/cerca_over.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
.sel-cerca {
background: url('../immagini/cerca_over.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
a#news {
background: url('../immagini/news.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
a:hover#news {
background: url('../immagini/news_over.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
.sel-news {
background: url('../immagini/news_over.gif') no-repeat;
width:153px;
height:72px;
margin:58px 0px 0px 0px;
position:absolute;
}
#menu-sx {
width:163px;
margin:0px 0px 0px 0px;
height:200px;
}
.content1 {
width:163px;
height:75px;
float:left;
margin:15px 0px 0px 0px;
}
a#curiosita {
background: url('../immagini/curiosita.gif') no-repeat;
width:163px;
height:64px;
margin:0px;
position:absolute;
}
a:hover#curiosita {
background: url('../immagini/curiosita_over.gif') no-repeat;
width:163px;
height:64px;
margin:0px;
position:absolute;
}
.sel-curiosita {
background: url('../immagini/curiosita_over.gif') no-repeat;
width:163px;
height:64px;
margin:0px;
position:absolute;
}
a#cultura {
background: url('../immagini/cultura.gif') no-repeat;
width:163px;
height:71px;
margin:0px;
position:absolute;
}
a:hover#cultura {
background: url('../immagini/cultura_over.gif') no-repeat;
width:163px;
height:71px;
margin:0px;
position:absolute;
}
.sel-cultura {
background: url('../immagini/cultura_over.gif') no-repeat;
width:163px;
height:71px;
margin:0px;
position:absolute;
}
a#home {
background: url('../immagini/home.gif') no-repeat;
width:163px;
height:71px;
margin:0px;
position:absolute;
}
a:hover#home {
background: url('../immagini/home_over.gif') no-repeat;
width:163px;
height:71px;
margin:0px;
position:absolute;
}
.sel-home {
background: url('../immagini/home_over.gif') no-repeat;
width:163px;
height:71px;
margin:0px;
position:absolute;
}
div#menu-footer, div#menu-footer a {
font:13px Arial;
color:#000000;
text-align:center;
text-decoration:none;
margin:10px 0px 0px 0px;
}
div#menu-footer a:hover {
font:13px Arial;
color:#009036;
text-align:center;
text-decoration:underline;
margin:10px 0px 0px 0px;
}
#curiosita, #curiosita-over, #cultura, #cultura-over, #catalogo, #catalogo-over, #piano, #piano-over, #catalogo, #catalogo-over, #cerca, #cerca-over, #news, #news-over, #home, #home-over, #scarica, #scarica-over, #sfoglia, #sfoglia-over {cursor:hand;}

/* css pagina piano dell'opera */
#titolop {
background: url('../immagini/img_p_01.gif') no-repeat top center;
width:781px;
height:136px;
float:left;
}
#titolopa {
background: url('../immagini/img_p_03.gif') no-repeat top center;
width:781px;
height:136px;
float:left;
}
div#containerpiano {
width:776px;
margin:0px;
height:456px;
overflow-y:auto;
overflow-x:hidden;
padding:4px;
float:left;
}
#imgopera {
background: url('../immagini/img_p_02.jpg') no-repeat;
width:580px;
height:262px;
margin:0px;
float:left;
z-index:1;
}
#imgopera-a {
background: url('../immagini/img_p_04.jpg') no-repeat;
width:580px;
height:262px;
margin:0px;   
float:left;
z-index:1;
}
a.ordina {
background: url('../immagini/ordina.gif') no-repeat;
width:175px;
height:54px;
margin:0px 0px 0px 0px;
float:left;
color:#000000;
text-decoration:none;
line-height:12px;
}
div.ordina-vuoto {
width:175px;
height:35px; 
margin:5px 0px 0px 0px;
float:left;
color:#000000;  
text-decoration:none;
line-height:12px;
}

#menu-dx {
width:155px;
margin:15px 0px 0px 20px;
float:left;
position:relative
}
.botton-content {
width:130px;
height:54px;
position:relative;
}
a#piano {
background: url('../immagini/piano.gif') no-repeat;
width:130px;
height:54px;
margin:0px 0px 0px 0px;
position:absolute;
}
a:hover#piano {
background: url('../immagini/piano_over.gif') no-repeat;
width:130px;
height:54px;
margin:0px 0px 0px 0px;
position:absolute;
}
#piano-over {
background: url('../immagini/piano_over.gif') no-repeat;
width:130px;
height:54px;
margin:0px 0px 0px 0px;
position:absolute;
}
a#scarica {
background: url('../immagini/scarica.gif') no-repeat;
width:130px;
height:54px;
margin:0px 0px 0px 0px;
position:absolute;
}
a:hover#scarica {
background: url('../immagini/scarica_over.gif') no-repeat;
width:130px;
height:54px;
margin:0px 0px 0px 0px;
position:absolute;
}
a#sfoglia {
background: url('../immagini/sfoglia.gif') no-repeat;
width:130px;
height:54px;
margin:0px 0px 0px 0px;
position:absolute;
}
a:hover#sfoglia {
background: url('../immagini/sfoglia_over.gif') no-repeat;
width:130px;
height:54px;
margin:0px 0px 0px 0px;
position:absolute;
}
#corpotesto {
width:490px;
height:210px;
font:14px Arial;
color:#000000;
float:left;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}
#indice-dx {
width:210px;
height:310px;
margin:-70px 0px 0px 10px;
float:left;
}
#box-indice {
border-left:2px solid #009036;
padding-left:10px;
}
#indice-ar {
font:11px Arial;
color:#ee7f01;
margin:0px 0px 7px 15px;
padding:0px;
list-style-type:disc;
list-style-position:outside;
}
#indice-az {
font:11px Arial;
color:#0093d0;
margin:0px 0px 7px 15px;
padding:0px;
list-style-type:disc;
list-style-position:outside;
}
#indice-g {
font:11px Arial;
color:#009036;
display:block;
background-color:#ffed98;
margin:0px 0px 0px 15px;
padding:0px;
list-style-type:disc;
list-style-position:outside;
}
span {
font:17px Times New Roman;
font-weight:bold;
}
#corpotesto2 {
width:720px;
height:100%;
font:14px Arial;
color:#000000;
margin:30px 0px 0px 20px;
padding:0px 0px 0px 0px;
float:left;
}
ul#sezioni {
list-style-type:disc;
list-style-position:inside;
margin:0px 0px 0px 0px;
padding:0px;
}
ul#sezioni li {
padding-bottom:5px;
}
.componenti {
font:13px Arial;
width:715px;
float:left;
}
.listino1 {
font:13px Arial;
line-height:17px;
background-color:#fde7d0;
width:652px;
float:left;
padding:3px;
}
.listino2 {
font:13px Arial;
line-height:17px;
background-color:#fff9c7;
width:50px;
float:left;
padding:3px;
}
.listino3 {
font:13px Arial;
line-height:17px;
background-color:#d7ead7;
width:652px;
float:left;
padding:3px;
}
.listino4 {
font:13px Arial;
line-height:17px;
background-color:#cee7f3;
width:652px;
float:left;
padding:3px;
}
.titolopiano {
font:15px Arial;
color:#009036;
font-weight:bold;
margin-bottom:5px;
}
.space {
width:715px;
height:5px;
float:left;
line-height:5px;
}
a.titolop {
background-color:#009036;
color:#ffffff;
font:18px Arial;
font-weight:bold;
padding:3px 3px 3px 3px;
width:190px;
margin:0px 0px 0px 0px;
float:left;
text-decoration:none;
text-align:center;
}
a:hover.titolop  {
background-color:#b1c800;
}

/* css catalogo */
#titoloc1 {
background: url('../immagini/img_c_01.gif') no-repeat top center;
width:781px;
height:65px;
float:left;
}
#titoloc2 {
background: url('../immagini/img_c_02.gif') no-repeat top center;
width:781px;
height:46px;
float:left;
}
#titoloc3 {
background: url('../immagini/img_c_03.gif') no-repeat top center;
width:781px;
height:33px;
float:left;
}
div#containercatalogo {
width:776px;
margin:0px;
height:527px;
overflow-y:auto;
overflow-x:hidden;
padding:4px;
float:left;
}
.box-catalogo {
width:370px;
height:250px;
float:left;
margin:0px 10px 0px -10px;
padding:0px 0px 0px 0px;
}
.box-catalogo-big {
width:740px;
height:255px;
float:left;
margin:-5px 10px 0px -10px;
padding:0px 0px 0px 0px;
}
.testo-catalogo {
font:13px Arial;
color:#000000;
margin:20px 0px 0px 0px;
}
a.link-verde {
font-weight:bold;
color:#000000;
text-decoration:none;
}
a:hover.link-verde {
font-weight:bold;
text-decoration:underline;
color:#0093d0;
}
#popupprezzi {
background-color:#ffffff;
border:1px solid #0093d0;
display:none;
width:715px;
height:250px;
margin:0px 0px 0px -250px;
padding:5px;
position:absolute;
float:left;
z-index:10;
}
#popupprezzi-ang {
background-color:#ffffff;
border:1px solid #0093d0;
display:none;
width:715px;
height:250px;
margin:0px 0px 0px 20px;
padding:5px;
position:absolute;
float:left;
z-index:10;
}
/*  css cerca */
#titoloce {
background: url('../immagini/img_ce_01.gif') no-repeat top center;
width:781px;
height:136px;
float:left;
}
a.titoloce {
background-color:#162983;
color:#ffffff;
font:18px Arial;
font-weight:bold;
padding:3px 3px 3px 3px;
width:190px;
margin:0px 0px 0px 0px;
float:left;
text-decoration:none;
text-align:center;
}
a:hover.titoloce  {
background-color:#0093d0;
}
.box-cerca {
width:350px;
float:left;
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
position:relative;
}
.testo-cerca {
font:13px Arial;
color:#000000;
margin:0px 0px 0px 0px;
}
.titolo-blu {
font:18px Arial;
color:#162983;
width:350px;
height:25px;
border-bottom:1px solid #162983;
margin-bottom:5px;
font-weight:bold;
}
div#containercerca {
width:776px;
margin:0px;
height:428px;
overflow-y:auto;
overflow-x:hidden;
padding:4px;
float:left;
}
/* css curiosita */
#titolor {
background: url('../immagini/img_r_01.jpg') no-repeat top center;
width:781px;
height:573px;
}
#box-r1 {
margin:152px 0px 0px 220px;
font:13px Arial;
color:#000000;
width:350px;
height:100px;
position:absolute;
}
#box-r2 {
margin:402px 0px 0px 310px;
font:13px Arial;
color:#000000;
width:200px;
height:100px;
text-align:right;
position:absolute;
}
#ricetta {
background: url('../immagini/cliccaqui.gif') no-repeat;
width:181px;
height:105px;
margin:210px 0px 0px 570px;
position:absolute;
cursor:pointer;
}
#proverbio {
background: url('../immagini/cliccaqui2.gif') no-repeat;
width:205px;
height:139px;
margin:300px 0px 0px 100px;
position:absolute;
cursor:pointer;
}
a#iscriviti {
background: url('../immagini/iscriviti.gif') no-repeat;
width:258px;
height:54px;
margin:530px 0px 0px 20px;
position:absolute;
}
a:hover#iscriviti {
background: url('../immagini/iscriviti_over.gif') no-repeat;
width:258px;
height:54px;
margin:530px 0px 0px 20px;
position:absolute;
}
#box-out-r {
width:340px;
height:250px;
margin:200px 0px 0px 400px;
padding:10px;
background-color:#e2001a;
position:absolute;
z-index:10;
}
#box-in-r {
width:330px;
height:240px;
padding:5px;
background-color:#ffffff;
}
.titolo-ricetta {
font:16px Arial;
color:#e2001a;
font-weight:bold;
}
.chiudi {
background: url('../immagini/chiudi.png') no-repeat;
position:absolute;
z-index:12;
width:30px;
height:30px;
margin:-18px 0px 0px 331px;
}
#box-out-p {
width:340px;
height:170px;
margin:300px 0px 0px 60px;
padding:10px;
background-color:#162983;
position:absolute;
z-index:10;
}
#box-in-p {
width:330px;
height:160px;
padding:5px;
background-color:#ffffff;
}
.titolo-proverbio {
font:16px Arial;
color:#162983;
font-weight:bold;
}

/* css home */
#titoloh {
background: url('../immagini/img_h_01.jpg') no-repeat center;
width:781px;
height:557px;
z-index:1;
}
#sfoglia-swf {
width:107px;
height:118px;
margin:430px 0px 0px 538px;
position:absolute;
cursor:pointer;
display:block;
}
#img-sfoglia {
background: url('../immagini/img_h_02.gif') no-repeat center;
position:absolute;
margin:430px 0px 0px 582px;
width:81px;
height:127px;
}
#novita {
background: url('../immagini/sole.gif') no-repeat center;
width:150px;
height:140px;
float:left;
margin:282px 0px 0px 593px;
position:absolute;
}
/* css news */
#titolon {
background: url('../immagini/img_n_01.gif') no-repeat center;
width:781px;
height:108px;
float:left;
}
div#containernews {
width:776px;
margin:0px;
height:456px;
overflow-y:auto;
overflow-x:hidden;
padding:4px;
float:left;
}
#boxn {
width:776px;
height:186px;
}
#matita {
background: url('../immagini/matita.jpg') no-repeat top left;
width:46px;
height:100%;
float:left;
margin-top:20px;
}
#boxnews {
margin-left:81px;
width:500px;
float:left;
}
.titolonews {
font:19px Arial;
color:#0093d0;
font-weight:bold;
margin-top:20px;
}
.testonews {
font:16px Arial;
color:#000000;
width:480px;
}
.sfondonews {
background: url('../immagini/matite.jpg') no-repeat bottom right;
}
.immagine {
width:143px;
float:left;
margin-top:10px;
}
/* css flipp */
h1#opera {
font:15px Arial;
font-weight:bold;
margin:0px;
text-align:center;
display:block;
cursor:pointer;
}
.testoflip {
font:13px Arial;
text-align:center;
}
/* css cultura e civilta */
#titolocu {
background: url('../immagini/img_cu_01.gif') no-repeat top center;
width:784px;
height:600px;
margin:0px;
}
div#containercultura {
width:778px;
height:482px;
overflow-y:auto;
overflow-x:hidden;
padding:4px;
position:absolute;
margin:110px 0px 0px 0px;
}
#pdf {
vertical-align:center;
line-height:30px;
text-indent:3px;
}
#box-titolo {
font:18px Arial;
color:#ce000d;
width:680px;
margin:0px 0px 0px 30px;
float:left;
}
#box-contenuto {
width:320px;
font:13px Arial;
margin:20px 0px 0px 30px;
float:left;
}
a.link-red {
font-weight:bold;
color:#000000;
text-decoration:none;
}
a:hover.link-red {
font-weight:bold;
text-decoration:underline;
color:#ce000d;
}