* {font-size: 12px;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.33em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.75em;}
pre, code, tt {font: 95% "Andale Mono", Courier, "Courier New", monospace;}
em {font-weight: bold;}
small {font-size: 85%;}
big {font-size: 115%;}
a {color: black;}
img {border: 1px solid black;}
body {font-family: Arial, Verdana; text-align: center;}


/* home styles */
#content table.home th {text-transform: uppercase; border-left: 1px solid #ff9909; border-bottom: 1px solid #ff9909; text-align: left; padding-left: 0.5em;}
#content table.home th a {text-decoration: none;}
#content table.home th a:hover {text-decoration: underline; }
#content table.home td {vertical-align: top; padding: 0.5em; padding-bottom: 1em; width: 50%; text-align: justify;}
#content table.home td img {float: left; width: 64px; height: 64px; margin: 0; margin-right: 0.5em; }
#content table.home td.banner img {border: 0; padding: 0.2em 0 0.2em 0; margin: 0; width: auto; height: auto;}
#content table.home td.banner {padding: 0; margin: 0;}
#content table.home a {font-weight: bold;}
#content table.home table td {margin: 0; padding:0;}

/* list styles */
#content table.list th {text-transform: uppercase; border-left: 1px solid #ff9909; border-bottom: 1px solid #ff9909; text-align: left; padding-left: 0.5em;}
#content table.list img {float: left; width: 64px; height: 64px; margin: 0; margin-right: 0.5em; }
#content table.list td {vertical-align: top; padding: 0.5em; padding-bottom: 1em; width: 50%; text-align: justify; border-bottomx: 1px solid #ff9909;}
#content table.list a {font-weight: bold;}



/* tabs styles */
#tabs {width: 100%; white-space: nowrap;}
#tabs th.tab-master {text-align: right; width: 100%; border-bottom: 1px solid #ff9909; }
#tabs th a {text-decoration: none; white-space: nowrap;}
#tabs th {border-left: 1px solid #ff9909; text-transform: uppercase;  text-align: left; padding-left: 0.5em; padding-right: 0.5em;}
#tabs th.tab-on  {background-color: #ff9909; font-weight: bold;}
#tabs th.tab-off {border-bottom: 1px solid #ff9909; font-weight: normal;}
#tabs th.tab-empty {width: 100%; text-align: left; border-bottom: 1px solid #ff9909;}


/* filter-tabs styles */
#filter-tabs {width: 100%; white-space: nowrap;}
#filter-tabs th a {text-decoration: none; white-space: nowrap;}
#filter-tabs th {border: 1px solid #AABEEF; text-transform: lowercase;  text-align: left; padding-left: 0.5em; padding-right: 0.5em;}
#filter-tabs th.tab-master {text-align: left; width: 100%; border: none; padding: 0; }
#filter-tabs th.tab-on  {border-top: 1px solid #AABEEF; font-weight: bold; background-color: #AABEEF; }
#filter-tabs th.tab-off {font-weight: normal; background-color: white;}


/* button-tabs styles */
table.list #button-tabs {width: 100%; white-space: nowrap;}
table.list #button-tabs th a {text-decoration: none; white-space: nowrap;}
table.list #button-tabs th {border: 1px solid #AABEEF; text-transform: lowercase;  text-align: left; padding-left: 0.5em; padding-right: 0.5em;}
table.list #button-tabs th.button-master {text-align: left; width: 100%; border: none; padding: 0; }
table.list #button-tabs th.button-on  {border-top: 1px solid #AABEEF; font-weight: bold; background-color: #AABEEF; }
table.list #button-tabs th.button-off {font-weight: normal; background-color: white;}


/* input fields */
input[type=submit], input[type=reset],  input[type=button] {
 background: #eee;
 color: #222;
 border: 1px outset #ccc;
 padding: .1em .5em;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { background: #ccb }
input[type=text], input.textwidget, textarea {
 background: #fff;
 color: #000;
 border: 1px solid #886;
}
input[type=text], input.textwidget { padding: .25em .5em }
input[type=text]:focus, textarea:focus { border: 1px solid #886; }

/* colors */
em {color: #ff9909;}
#site-map li {border: 1px solid #ff9909;} 
#site-map li.s-2 {color: white; background-color: #ff9909;}
#site-map li.o-2, #site-map li.o-1 {border-color: #b90293; background-color: #b90293;}
#site-map li.o-1 a {color: white;}
#site-map li.s-1:hover {background-color: #f4f4f4;}
#site-map dd {border: 1px solid #aabeef;}
#site-map dt {background-color: #aabeef;}
#lsite-map em {color: #ff9909;}

#personaggio {background-color:  #f4f4f4; }
#recensione {background-color: #f4f4f4;}
#filter {background-color: #ffcc33;}
#filter select {border: 1px solid #ffcc33;}
#filter span {color: white; padding: 2px; font-weight: bold;}
#page a {color: #707070;}
#page a.page-1 {background-color: #ff9909; color: white;}
#page a.page-1:hover {background-color: #f4f4f4;}
#newsletter-2 p.bar {color: black;}
p.bar {color: black; background-color: #ffcc33;}
p.bar a {color: black; background-color: #ffcc33;}
h4.bar {color: black; background-color: #ffcc33; margin-top:20px;}
p.gobar {text-align: right; border: 1px solid #ffcc33; margin-top: -1em; padding: 1px;}
p.gobar a {text-decoration: none;  color: #000060;}
p.double-gobar {text-align: right; border: 1px solid #ffcc33; padding: 1px;}
p.double-gobar a {padding:2px; text-decoration:none; color:#000060; font-weight:bold; background-color:#ffcc33;}
p.box {background-color: #f4f4f4;}
ul.box {background-color: #f4f4f4;}
p.box img {border: 1px solid #707070;}
p.box img:hover {1px solid black;}
div.double-box p.link {background-color: #f4f4f4;}

/* box singoli e doppi */
div.double-box {clear: both; height: auto; width: 100%; padding: 0px; margin: 0px;}
div.double-box p.box {width: 290px; float: left; margin: 0.5em;}
div.double-box p.bar {width: 626px; height: 1em; padding: 2px; font-weight: bold;}
div.box {float: left; width: 290px; margin: 0.5em; height: auto;}
div.box p.bar {height: auto; padding: 2px; font-weight: bold;}
p.box img {float: left; padding: 1px; margin-right: 0.5em; margin-bottom: 0; width: 64px; height: 64px;}
p.box img:hover {width: 66px; height: 66px; padding: 0px;}
p.box a, ul.box a {font-weight: bold;}
ul.box li {list-style: square inside;}
p.box i.autore {float: right; font-size: 0.8em;}
p.box, ul.box {height: 16em; padding: 0.5em; margin-left: 0;}
p.box#half {height: 8em;}
p.box#who {height: 5.5em;}
p.box#who img {float: left; padding: 1px; margin-right: 0.5em; margin-bottom: 0; width: 48px; height: 48px;}
p.box#who img:hover {width: 50px; height: 50px; padding: 0px;}
div.double-box p.link {width: 98%; height: auto; padding: 0.5em;}
div.double-box p.link a {font-weight: bold;}
div.double-box p.link img {float: left; padding: 1px; margin-right: 0.5em; margin-bottom: 0; width: 64px; height: 64px;}
div.double-box p.link img:hover {width: 66px; height: 66px; padding: 0px;}

div.double-box span.multimedia img {padding: 1px; width: 80px; height: 80px; margin: 4px}
div.double-box span.multimedia img:hover {padding: 0px; width: 84px; height: 84px; margin: 3px}
div.double-box span.multimedia a {text-decoration: none;}
div.double-box li.son {margin-left: 5em; margin-top: 0px; border-left: 1px solid black; padding-left: 0.5em;}

#main {margin: auto; width: 790px; text-align: left;}

#bottom {width: 100%; text-align: center; float: left; margin-top: 20px;}
#bottom img {border: none;}


#promo {float: right;}
#promo img {margin-bottom: 3px; height: 50px; width: 110px;}
#promo a.pic {}

#channel {width: 674px;}
#channel table {width: 674px; border-spacing: 1px; margin-left: -1;}
#channel a { font-size: 11px; text-decoration: none;}
#channel td {width: 13%; height: 15px; text-align: center; border-right: 2px solid #a30f2f;   border-bottom: 1px solid; border-top: 2px solid white;}
#xchannel td.end {border-bottom: 1px solid; border-right: none;}
#channel td { border: 1px solid #ff9909;}
#channel {margin-bottom: 10px; }

#left {float: left; width: 145px;}
#left a.pic img {margin: 20px; margin-top: 5px;}

#search { text-align: center; border: 1px solid; width: 145px; font-size: 10px; background-color: #b0b7ad; background-color: #d7d7d7;}
#search input[type=text] { width: 125px;}
#search input.button {  margin-top: 2px;}
#search form { text-align: right; width: 125px; margin-left: auto; margin-right: auto; margin-top: 10px;}

#site-map { border: 1px solid; width: 145px; font-size: 9px; margin-top: 5px;}
#site-map a { padding: 3px;  text-decoration: none;}
#site-map dl, ul {margin: 5; padding: 0;}
#site-map li, #site-map dd {margin: 0; margin-top: 2px; padding: 0; list-style-type: none; font-weight: bold; font-size: 10px;}
#site-map ul.o {margin-top: 20px;}
#site-map li.o-1,#site-map li.o-2  { margin-left: 25; height: 20px; width: 85px; text-align: center;}
#site-map ul {margin-bottom: 15px;}
#site-map dt {padding: 2px; font-weight: bold;}



#content {width: 630px; float:right;}
#content a.pic img {padding: 1px; margin: 3px;}
#content a.pic-obj img {border: 1px solid black;padding: 0px;  float: left; margin: 3px;}

#events  {text-align: center;}
#events img {margin-left: 10px; margin-right: 0px; border: none;}


#banner {}
#results {width: 615px; float: right; margin-right: 0; text-align: left; }
#results ul {margin: 0; padding: 0;  margin-top: 5;}
li {margin: 0; padding: 0; list-style-type: none; margin-top: 5;}


#results em {color: blu; font-weight: bold; font-style: normal;}


/* dossier object styles */

#index {padding: 2px; padding-top: 0px; width: 23%; float:right;}
#index aa {text-decoration:none; color: blue;}
#index span {border: 1px solid;}
#index p.bar {border: 1px solid; padding: 2px;}
#index p {margin: 0; padding-right: 0.4em; padding-top: 2px;}
#index p.level-1 {margin-top: 5; font-weight: bold;}
#index p.level-2 { padding-left: 1px;}
#index p.level-3 {font-style: italic; font-size: 9px; padding-left: 6px;}
#index p.level-1self {margin-top: 5; font-weight: bold; background-color: #e7e7e7;}
#index p.level-2self {background-color: #e7e7e7; padding-left: 1px; }
#index p.level-3self {font-stile: italic; font-style: italic; font-size: 9px; padding-left: 6px; background-color: #e7e7e7;}

#section {width: 75%; float:left; min-height: 400px; margin-bottom: 50px;}
#section a.print { color: black; float: right; padding: 2px; margin-bottom; 2px; border: 1px solid #AABEEF; text-decoration: none;}
#section a.print:hover { background-color:#AABEEF; }
#section h4 {margin: 0; font-size: 13px;}
#section h5 {margin-top: 0; margin-bottom: 3; font-style: italic; font-weight: normal;}
#section img {border: 1px solid black; padding: 2px; margin-right: 0.5em; float:left;}
#section p.center {width: 100%; text-align: center; }
#section img.center  {float: none; margin: auto;}
#section p {}
#section a {color: blue;}

a.parole {padding: 1px; border: 1px solid #e0f007; padding-bottom: 0; border-bottom: 2px solid #e0f007; color: ; text-decoration: none;}
a.parole:hover {background-color: #e0f007; color: black;}
a.personaggi {padding: 1px; padding-bottom: 0; border: 1px solid red; border-bottom: 2px solid red; color: ; text-decoration: none;}
a.personaggi:hover {background-color: red; color: black;}
a.recensioni {padding: 1px; padding-bottom: 0;  border: 1px solid green; border-bottom: 2px solid green; color: ; text-decoration: none;}
a.recensioni:hover {background-color: green; color: black;}
a.dossier {padding: 1px; padding-bottom: 0;  border: 1px solid pink; border-bottom: 2px solid pink; color: ; text-decoration: none;}
a.dossier:hover {background-color: pink; color: black;}
a.articoli {padding: 1px; padding-bottom: 0;  border: 1px solid blue; border-bottom: 2px solid blue; color: ; text-decoration: none;}
a.articoli:hover {background-color: blue; color: black;}


/* document object styles*/
#document {float:left; min-height: 400px; margin-bottom: 50px;}
/*#document p {clear: both;}*/
#document h4 {margin: 0; font-size: 13px;}
#document h5 {margin-top: 0; margin-bottom: 3; font-style: italic; font-weight: normal;}
#document img {border: 1px solid black; padding: 2px; margin-right: 0.5em; float:left;}
#document p.footer {text-align: right; font-style: italic;}
#document img {border: 1px solid black; padding: 2px; margin-right: 0.5em; float:left;}
#document p.center {width: 100%; text-align: center; }
#document img.center  {float: none; margin: auto;}


/* recensioni object styles*/
#recensione {float: right; width: 220px; text-align: center; padding: 2px; margin: 5px; }
#recensione img {float: none; margin: auto; margin-bottom: 5px; margin-top: 5px;}
#recensione p {text-align: left; margin: auto; width: 200px;}

/* personaggi object styles*/
#personaggio {float: right; width: 220px; text-align: center; padding: 2px; margin: 5px; }
#personaggio img {float: none; margin: auto; margin-bottom: 5px; margin-top: 5px;}
#personaggio p {text-align: left; margin: auto; width: 200px;}

/* multimedia object styles*/
#multimedia {background-color: #f7fcde;  float: left; width: 610px; text-align: center;}
#multimedia img {float: none; margin: auto; margin-bottom: 10px; margin-top: 10px; max-height: 350px;}
#multimedia p {text-align: left;}

/* quiz object styles*/
table.quiz {width:100%; border-bottom:1px solid black; margin-top:10px;}
table.quiz td {vertical-align:top;}
table.quiz td.image {vertical-align:top; text-align:right;}
table.quiz-link {width:100%; background-color:#FFCE31;}
table.quiz-link td.left {width:33%; text-align:left; height:20px; vertical-align:center;}
table.quiz-link td.center {width:33%; text-align:center; height:20px; vertical-align:center;}
table.quiz-link td.right {width:33%; text-align:right; height:20px; vertical-align:center;}
#quiz-risposta-1 {height:200px; z-index:1; visibility:hidden; margin-top:20px;}
#quiz-risposta-2 {height:200px; position:relative; top:-220px; z-index:1; visibility:hidden; margin-top:20px;}
#quiz-risposta-3 {height:200px; position:relative; top:-440px; z-index:1; visibility:hidden; margin-top:20px;}
img.quiz {float:left; margin:0px 10px 10px 0px; border:0;}


/* filter styles */
#filter {width: 97%; text-align: center; margin: 5px; margin-top: 20px; margin-bottom: 10px;}

/* paging styles */
#page {display: block; text-align: center; width: 100%;}
#page a {font-weight: bold; margin: 2px;}
#page a.page-1 {text-decoration: none;}


#newsletter-2 {text-align: center; padding: 1px; margin-top: 15px; margin-left: 5px;  margin-bottom: 2px; width: 133px; background-color: #d7d7d7;}
#newsletter-2 p { font-size: 10px; font-weight: bold; margin-bottom: 0px;}

#newsletter-2 input[type=text] { width: 125px;}
#newsletter-2 form { text-align: right; margin-left: auto; margin-right: auto; width: 125px;}
#newsletter-2 input.button { margin-top: 2px; }