/* COLORMAP */

body { margin: 0; text-align: center; font-family: "Lucida Grande", "Trebuchet MS", "Arial"; font-size: 10pt; line-height: 150%; color: #333/*TX*/; background: white url(../img/sprite.png) left -330px repeat-x; }
body.embed { margin: 10px; text-align: left; background: white; }
p { margin: 0; }
#content { width: 970px; margin: 0 auto; text-align: left; padding: 10px 10px 0 10px; }
a:link { color: #05B/*AL*/; }
a:visited { color: #47B/*AV*/; }
a:hover, a:active { color: #05F/*AH*/; }
a img { border: none; }
br.clear { clear: both; font-size: 1px; line-height: 1px; }
h1 { color: #04A/*H1*/; margin: 0.5em 0 3em 0; font-size: 24pt; line-height: 130%; font-family: "Gill Sans MT","Gill Sans","Lucida Grande", "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: normal; }
h1.sub { color: #04A/*H1*/; font-size: 14pt; position: relative; top: -3em; }
h2 { font-variant: small-caps; font-size: 14pt; margin-top: 3em; margin-bottom: 1em; }
h3 { font-size: 12pt; margin-top: 2em; margin-bottom: 0.5em; font-weight: normal; font-variant: small-caps; }
li h3 { margin-top: 0; }
.label { text-transform: uppercase; color: #666; font-size: 80%; }
.toggler { background-color: #AAA !important; background-image: url(../img/sprite.png)!important; background-repeat: no-repeat; background-position: -490px -150px; color: white !important; padding: 0 3px 0 16px; text-transform: uppercase; font-size: 8pt; text-decoration: none; border-radius: 2px; }
.toggler:link, .toggler:visited, .toggler:hover, .toggler:active { color: white; border: none; border: none; }
.toggler:active { background-position: -490px -210px; }
.toggler:hover, .toggler:active { background-color: #05B/*AL*/  !important; }
.toggler-open { background-position: -490px -180px; }
a.hasher { text-decoration: inherit; color: inherit; }

/* header */
#header { padding: 0; height: 140px; position: relative; }
#footer { background-color: #789/*ME*/; padding: 10px; color: #eee; text-align: center; font-size:8pt; }
#footer a { color: white; }
#cerca  { position: absolute; right: 0; bottom: 0px; width: 400px; height: 50px; font-size: 12pt; color: #ccc; text-transform: uppercase; text-align: right; line-height: 50px; }
#cerca form { background-color: #99A; float: right; position: relative; width: 290px; height: 40px; padding: 5px; margin-left: 10px; }
#cerca input { position: absolute; top: 8px; right: 8px; font-family: "Lucida Grande", "Trebuchet MS", "Arial"; font-size: 10pt; width: 272px; height: 22px; border: 1px solid #666; padding: 4px; }
#cerca input { background: transparent; }
#cerca input:focus, #cerca input.focused { background: #EEF/*ED*/; }
#cerca #cerca-retro { position: absolute; top: 8px; right: 8px; font-family: "Lucida Grande", "Trebuchet MS", "Arial"; font-size:9pt; width: 272px; height: 22px; border: 1px solid #666; padding: 4px; color: #ccc; background: white; text-transform: none; line-height: 22px; text-align:left; }

#ambito-ricerca { font-size: 9pt; border: 1px solid #CCD; padding: 3px 6px; }
#ambito-ricerca label { display: block; }
.boxexpander { background-color: transparent  !important; background-image: url(../img/sprite.png); background-repeat: no-repeat !important; background-position: -490px -240px; color: #05B !important; padding: 0 3px 0 14px; text-transform: uppercase; font-size: 8pt; text-decoration: none; border-radius: 2px; }
.boxexpander:link, .boxexpander:visited, .boxexpander:hover, .boxexpander:active { color: #05B; border: none; border: none; }
.boxexpander:active { background-position: -490px -300px; color: #05B; }
.boxexpander-open { background-position: -490px -270px; }


#main { float: left; width: 650px; padding: 20px 0; padding-right: 17px; border-right: 1px solid #ccc; min-height: 600px; position: relative; }
#right { float: left; width: 300px; position: relative; }
#right #cerca-container { padding: 0; background: #DDE/*SE*/; z-index: 10; position: absolute; width: 300px; max-height: 500px; overflow: auto; }
.risultato-ricerca { margin: 10px; }
.risultato-ricerca h2 { font-size: 12pt; margin-top: 0; margin-bottom: 5px; }
.risultato-ricerca h3 { margin-top: 1.5em; }
.risultato-ricerca dl { font-size: 9pt; }
.risultato-ricerca dd { margin-left: 0; color: #666; }
#right-content { position: absolute; width: 300px; z-index: 0; }

#menu { height: 50px; font-size: 12pt; text-transform: uppercase; text-align: left; line-height: 50px; position: absolute; left: 0; bottom: 0px; display: block; list-style: none; margin: 0; padding: 0; }
#menu li { display: block; list-style: none; height: 50px; float: left; }
#menu a { color: #ccc; text-decoration: none; display: block; height: 26px; margin: 12px 15px 12px 0; border-right: #b8b8c8 1px solid; padding-right: 15px; line-height: 26px;}
#menu a:hover { color: white; }

#service-menu { height: 30px; font-size: 9pt; text-align: right; position: absolute; right: 10px; top: 0px; display: block; list-style: none; margin: 0; padding: 0; }
#service-menu li { display: block; list-style: none; float: right; }
#service-menu a { color: #ddd; text-decoration: none; display: block; height: auto; margin: 0 0 0 10px; border-left: #aaa 1px solid; padding-left: 10px; }
#service-menu a:hover { color: white; }


/* reference */
#reference { background: #48D/*GR*/ left -310px repeat-x; border-bottom: 1px solid #04A/*H1*/; color: white; padding: 3px 6px; border-radius: 4px; }
#reference { background: -webkit-gradient(linear, left top, left bottom, from(#AAB/*LM*/), to(#789/*ME*/)); }
#reference { background: -moz-linear-gradient(top,  #AAB/*LM*/,  #789/*ME*/) };
#reference .soggetto { text-transform: uppercase; color: white; }
#reference .label { color: #eee; }
#reference a { color: white; }

/*paginazione*/
.paginazione {clear:both; text-align:right; font-weight:normal; color:#333/*TX*/; margin:1em 0; font-size: 9pt; border-top: 1px solid #999; padding-top: 0.4em; }  
.paginazione a { padding:2px 0; border:0; margin: 0 5px; text-decoration: none; }
.paginazione a:hover, .paginazione span { border-bottom: #05F/*AH*/ 2px solid; text-decoration:none; }
.paginazione span {color:#333/*TX*/; border-bottom: #ccc 2px solid; border-top: none; padding:2px 0; margin: 0 5px; }
.paginazione a.next { margin-right: 0;}

.elenco>li { position: relative; }
ul.elenco { list-style: none; margin: 0; padding: 0; margin-top: 1em; }
ul.elenco>li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ccc; padding: 0.7em 0; clear: both; }
ul.elenco li.sezione { padding-top: 3em; border-top: none; }
ul.elenco li h4 { font-weight: normal; margin: 0;  font-size: 10pt; }
ul.elenco li p { margin: 0; margin-left: 2em; font-size: 9pt; }
ul.elenco li p a:link, ul.elenco li p a:visited { color: #333/*TX*/; text-decoration: none; border-bottom: 1px dotted #ccc;  }
ul.elenco li p a:hover, ul.elenco li p a:active { color: #05F/*AH*/; text-decoration: none; border-bottom: 1px solid #05F/*AH*/;}
.cognome { font-variant: small-caps; }
.altri-titoli { color: #666; }
.lunghezza { text-transform: uppercase; font-size: 80%; }
.titolo-originale { font-style: italic; }
.piu-recente { font-style: italic; }
.isbn { text-transform: uppercase; font-size: 80%; }
#elenco-opere .lista-edizioni { display: none; }

ol { padding-left: 35px; }
ol li { margin: 5px; clear: both; }


img.copertina { width: 50px; float: left; margin: 0 10px 10px 0; padding: 1px; border: 1px solid #999; }
.copertina-volume img.copertina { width: 100px; }
img.foto { width: 100px; float: left; margin: 0 10px 10px 0; padding: 1px; border: 1px solid #999; }

p.opera-info { font-size: 12pt; }
p.opera-autori { font-size: 12pt; margin-bottom: 3em; }
ol.lista-edizioni-completa li { margin-bottom: 1em; }
p.puntata { font-size: 9pt; color: #999; }

#elenco-opere span.pagina { width: 6em; text-align: right; margin-right: 1em; display: block; float: left; }
#elenco-opere dd { margin-left: 2em; }
.lista-volume #elenco-opere dd { margin-left: 7em; }

.lista-volumi-collana { margin-bottom: 2em; clear: both; }
.lista-volumi-collana span.numero { width: 4em; text-align: right; margin-right: 1em; display: block; float: left; }
.lista-volumi-collana dt { clear: both; padding-top: 1em; }
.lista-volumi-collana dd { padding-left: 6em; margin-left: 0; }
.lista-volumi-collana .copertina-volume { float: left; margin-bottom: 5px; }
.lista-volumi-collana .copertina-volume img { width: 50px; }

.info-volume { background: #ccc url(../img/sprite.png) 4px 3px no-repeat; color: white; padding: 0 3px 0 18px; text-transform: uppercase; font-size: 8pt; text-decoration: none; }
.info-volume:hover { background-color: #999; }
.info-volume:link, .numero-edizioni:visited, .numero-edizioni:hover, .numero-edizioni:active { color: white; border: none; border: none; }
.info-volume-open { background-position: -96px 3px; }
.info-volume-data { display: none; }
.info-volume-container { display: block; float: left; padding-bottom: 1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; }
.info-volume-container h4 { margin: 1em 0 0.2em 0; }
.info-volume-container ul { padding-left: 20px; }
.info-volume-container ul, .info-volume-container li { margin: 0; margin-bottom: 0.2em; }

.scheda-gerenza { border: 1px solid #ccc; padding: 1em; margin: 2em 0; list-style: none; display: block;  clear: both; }
.scheda-gerenza ul, .scheda-gerenza ul li { list-style: none; display: block; }
.scheda-gerenza h3 { margin-top: 0; }
.scheda-gerenza ul { padding-left: 2em; font-size: 9pt; margin: 0; }
.scheda-gerenza #gerenza-navigazione {  font-size: 9pt; text-align: center; }
.scheda-gerenza .gerenze-next { display: block; float: right; }
.scheda-gerenza .gerenze-prev { display: block; float: left; }

.gerenze-container { display: block; float: left; padding-bottom: 1em; border-bottom: 1px solid #ccc; margin-bottom: 1em; }
.container { display: none; }
.loading { width: 30px; height: 30px; background: url(../loading.gif) }
.lista-collane dt { clear: both; }
.elenco-autori { width: 48%; margin-right: 2%; float: left; }
.elenco-autori dd { margin: 0; padding: 0; font-size: 9pt; color: #999; }
.elenco-editori { width: 48%; margin-right: 2%; float: left; }
#lettere .selected { text-decoration: none; color: #666; font-weight: bold; }

/* home */

#main.home { overflow: hidden; padding: 0; width: 669px; }
#cover { width: 672px; position: relative; left: -2; }
.coversquare { width: 84px; height: 84px; float: left; background: black url(../img/cover.jpg) -1px -1px no-repeat; }
.coversquare a { display: block; width: 84px; height: 84px; border: none; text-decoration: none; }

#main.home .box { margin-top: 20px; margin-bottom: 20px; float: left; width: 200px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; }
#main.home #box3 { border: none; }
#main.home .portrait { float: left; margin: 0 10px 5px 0; border: 1px solid #ccc; padding: 2px; } 

#main.home #box4, #main.home #box5,#main.home #box6 { border: none; }
#main.home #box4 a.sfcom { width: 120px; height: 40px; background-image: url(../img/sprite.png); background-repeat: no-repeat; background-position: 0 -280px; text-indent: -999px; overflow: hidden; text-decoration: none; display: block; }


/* TESTI */

#testi { border-left: 3px #ccc solid; padding-left: 10px; }
#testi .testo { color: #666; }
#testi .complete { display: none }
#testi .complete .testo { margin-bottom: 10px; }
#testi .info { font-size: 8pt; }
#testi .show-more, #testi .show-less { font-size: 8pt; }
#testi .trama, #testi .recensione { margin-bottom: 10px; }

/* RIGHT */

.rightbox { margin: 5px; padding: 5px; }
.rightbox h3 { font-weight: bold; font-variant: normal; color: #333/*HS*/; font-size: 10pt; margin-top: 1em; }

/* EMBED */

.embed h1 { font-size: 2em; margin-top: 0; margin-bottom: 1em; }
.embed .textarea-env { margin: 20px 0; }
.embed textarea { }

/* CREDITS */
#credits { position: absolute; top: 50px; right: 18px; font-size: 9pt; border: 1px solid white;  padding: 5px; color: #666; text-align: right; }
#credits a { text-decoration: none; color: #666; }
#credits.credits-open { border-color: #dde; }
#credits .credits { display: none; }
#credits h4 { margin: 0; font-weight: normal; font-style: italic;}
#credits ul { display: block; list-style: none; margin: 0; padding: 0; margin-top: 0em; }
#credits ul li { display: block; list-style: none; margin: 0; padding: 0; margin-top: 0em; }

span.indicatore-voto { background-image: url(../img/sprite.png); background-repeat: no-repeat; background-position: 0 -211px; padding-right: 0; margin-right: 5px; }