html, body { background-color: #FFFFFF ;
padding: 0px ; margin: 0px ;
font: 12px/18px Georgia, "Andale Mono", "Bitstream Vera Sans Mono", Courier, Monospace ;
color: #000000 ; text-align: center /* per IEWin */ ;
}
img { border: 0px ; }
.none { display: none ; }
#container { background: transparent ;
display: block;
width: 625px ;
position: relative ;
margin-left: auto;
margin-right: auto;
}
/* ###################### BANNER ###################### */
#banner { background: transparent url(lauralenti.gif) no-repeat left ;
height: 250px ;
position: relative ;
top: 25px ;
padding: 0px ;
border: 1px solid #858585 ;
}
#banner h1 { padding: 0px ; margin: 0px ;
height: 250px ; width: 623px ;
}
#banner h1.main { background: transparent url(banner/logo.gif) no-repeat right ; }
#banner h1.rest { background: transparent url(banner/rest.gif) no-repeat right ; }
#banner h1.terr { background: transparent url(banner/terr.gif) no-repeat right ; }
#banner h1.cera { background: transparent url(banner/cera.jpg) no-repeat right ; }
#banner h1.glas { background: transparent url(banner/glas.jpg) no-repeat right ; }
#banner h1.link { background: transparent url(banner/link.jpg) no-repeat right ; }
/* ###################### MENU ###################### */
#menu { float: left;
position: absolute ; top: 295px ; left: 0px ;
width: 192px ; height: 70px ;
margin: 0px; padding: 0px ;
border-bottom: 1px solid #858585 ;
}
#menu .desc { display: block ;
height: 30px ; width: 192px ;
margin: 0px ; padding: 0px ;
text-align: center ; color: #457575; }
#menu a { border: 1px solid #858585 ;
display: block; text-decoration: none ;
padding: 0px ; margin: 0px ;
width: 30px ; height: 30px ;
}
/* hack per IEMac \*/
* html #menu a { /* hack per IEWin */ width: 32px ; height: 32px ; }
#menu teng { /* fine hack per IEMac */ }
#menu a:hover { border: 1px solid #E16810 ; }
/* #################### LINK MENU #################### */
#menu a:link span, a:visited span, a:active span { display: none ; }
#menu a:hover span { display: inline ;
position: absolute ; top: 50px ;
text-align: center ; color: #858585 ; text-decoration: none ;
width: 190px ; height: 40px ; padding: 0px ;
}
/* ########################### HOME */
#menu a.home { background: #E16810 ; position: absolute ; top: 30px; left: 0px ; }
#menu a:hover.home { background: #C14800 ; }
#menu a:hover.home span { left: 0px ; }
/* #################### RESTAURO */
#menu a.dove { background: #659595 ; position: absolute ; top: 30px ; left: 40px ; }
#menu a:hover.dove { background: #457575 ; }
#menu a:hover.dove span { left: -40px ; }
/* ###################### CERAMICHE */
#menu a.cera { background: transparent url(menu/te.gif) no-repeat left ;
background-position: 1px 1px ;
position: absolute ; top: 30px ; left: 80px ; }
/* hack per IEMac \ */
#menu a.cera { background-position: 0px 0px ; }
#menu a:hover.cera { background-position: 0px -29px ; }
/* hack per IEMac \ */
#menu a:hover.cera { background-position: 0px -30px ; }
#menu a:hover.cera span { left: -80px ; }
/* ######################## VETRO */
#menu a.glas { background: transparent url(menu/ve.gif) no-repeat left ;
background-position: 1px 1px ;
position: absolute ; top: 30px ; left: 120px ; }
/* hack per IEMac \ */
#menu a.glas { background-position: 0px 0px ; }
#menu a:hover.glas { background-position: 1px -29px ; }
/* hack per IEMac \ */
#menu a:hover.glas { background-position: 0px -30px ; }
#menu a:hover.glas span { left: -120px ; }
/* ########################### LINKS */
#menu a.link { background: transparent url(menu/ce.gif) no-repeat left ;
background-position: 1px 1px ;
position: absolute ; top: 30px ; left: 160px ; }
/* hack per IEMac \ */
#menu a.link { background-position: 0px 0px ; }
#menu a:hover.link { background-position: 1px -29px ; }
/* hack per IEMac \ */
#menu a:hover.link { background-position: 0px -30px ; }
#menu a:hover.link span { left: -160px ; }
/* ###################### MAIN ###################### */
#main { position: absolute ; top: 325px ; left: 200px ;
width: 425px ; }
#main div.par { position: relative; padding: 0px 0px 10px 0px ; }
* html #main div.par { width: 425px ; } /* hack per IEWin: altrimenti non posiziona bene gall */
/* #################### main h1 */
#main h1 { position: relative ; left: 0px ;
text-align: right ;
height: 40px ;
margin: 0px ; padding: 0px ;
border-bottom: 1px solid #858585 ;
}
#main h1.benv { background: transparent url(titoli/benvenuti.gif) no-repeat right ; }
#main h1.curr { background: transparent url(titoli/curriculum.gif) no-repeat right ; }
#main h1.labo { background: transparent url(titoli/labo.gif) no-repeat right ; }
#main h1.rest { background: transparent url(titoli/restauro.gif) no-repeat right ; }
#main h1.cera { background: transparent url(titoli/ceramica.gif) no-repeat right ; }
#main h1.glas { background: transparent url(titoli/vetro.gif) no-repeat right ; }
#main h1.porc { background: transparent url(titoli/porcellane.gif) no-repeat right ; }
#main h1.terr { background: transparent url(titoli/terrecotte.gif) no-repeat right ; }
#main h1.maio { background: transparent url(titoli/maioliche.gif) no-repeat right ; }
#main h1.gres { background: transparent url(titoli/gres.gif) no-repeat right ; }
#main h1.faen { background: transparent url(titoli/faenze.gif) no-repeat right ; }
#main h1.tgle { background: transparent url(titoli/terraglie.gif) no-repeat right ; }
#main h1.link { background: transparent url(titoli/links.gif) no-repeat right ; }
/* #################### main p */
#main p { position: relative ; top: 0px ; left: 0px ;
text-align: justify ;
margin: 0px ; padding: 30px 0px 0px 30px ;
border-left: 1px solid #858585 ;
}
#main a { font-weight: bold ; }
#main a:link { text-decoration: underline ; color: #457575 ; }
#main a:visited { text-decoration: none ; color: #457575 ; }
#main a:hover { text-decoration: underline ; color: #E16810 ; }
#main a:active { text-decoration: underline ; color: #E16810 ; }
#main span.quote { display: block ; text-align: right ; }
* html #main span.quote { display: inline ; padding-left: 2em; text-align: right ; } /* hack per IEWin */
/* hack per IEMac \*/
#main p { padding-bottom: 30px ; }
/* hack per IEMac \*/
* html #main p { height: 1% ; } /* hack per IEWin: evita il 3px text-jog */
/* #################### GALLERIE #################### */
#main .gall { position: absolute ; top: 95px ; left: -208px ;
color: #457575;
width: 200px ; height: auto ;
padding: 0px ; margin: 0px ; border: 0px solid #858585 ;
text-align: right ;
}
* html #main .gall { left: -208px ; top: 97px ; } /* hack per IEWin */
#main .gall img { float: right ; border: 1px solid #858585;
margin: 0px 0px 8px 8px ;
padding: 0px ;
}
#main .gall a { display: inline; text-decoration: none ;
border: 0px ; padding: 0px ; margin: 0px ; }
#main .gall a:hover img { border: 1px solid #E16810 ; }
#main .gallex { position: absolute ; top: 155px ; left: -208px ;
color: #457575;
width: 200px ; height: auto ;
padding: 0px ; margin: 0px ; border: 0px solid #858585 ;
text-align: right ;
}
* html #main .gallex { left: -208px ; top: 157px ; } /* hack per IEWin */
/* #################### COMMENTI #################### */
em { cursor: help ;
display: inline ;
font-weight: bold ;
font-style: normal ;
border-bottom: 1px dotted #457575; }