html, body {height: 100%;}
body {margin: 0;}
p, h1, h2, h3, h4, h5, div, form, ul, ol {margin: 0; padding: 0;} 
input {font-size: 80%; padding: 0;}

body {font-family:  Verdana, Arial, "Trebuchet MS", Geneva, Georgia, Helvetica, sans-serif; font-size: 100%; color: #8b2412; background: url(immagini/sfondone.jpg) no-repeat #ffffff;}

.clear {clear: both; margin: 0;}

.ghost {display: none;}

img {border: 0;}

div#contenitore {width: 99%; margin: 0 auto 0 auto; position: relative;}

div#core {width: 990px; margin: 5px auto 0 auto;}

div#player {width: 20%; height: 23px; float: left; padding: 0 0 0 15px; font-size: 12px; margin: 0;}
div#menusuperiore {width: 73%; height: 23px; float:right; text-align: right; font-size: 12px; padding: 4px 15px 0 0;}
div#menusuperiore a {color: #8b2412; text-decoration: none;}
div#menusuperiore a:hover {color: #8b2412; text-decoration: underline;}


div#testata {width: 987px; height: 273px; background: url(immagini/testata.jpg) no-repeat; text-align: center; margin: 0 auto 0 auto; font-size: 1px;}

div#orario {width: 97%; margin: 210px auto 0 auto; text-align: right; font-size: 12px;}
div#menu {margin: 18px auto 0 auto; text-align: center; font-size: 12px; color: #FFFFFF;}
div#menu ul {list-style: none; margin: 0 auto 0 auto;}
div#menu ul li {display: inline; padding: 1px 20px 0 25px; line-height: 25px; margin: 0; font-family: Georgia; font-size: 14px; font-weight: bold; background: url(immagini/pirulino.gif) no-repeat left center;}
div#menu ul li a {color: #ffffff; text-decoration: none;}
div#menu ul li a:hover {color: #ffffff; text-decoration: underline;}

div#corpo {width: 985px; border-left: 1px solid #8b2412; border-right: 1px solid #8b2412; margin: 0 auto 0 auto; background:  url(immagini/sfondo_corpo.jpg) repeat-x bottom left #ffffff; padding: 0;}

div#percorso {width: 98%; margin: 0 auto 0 auto; padding: 10px 0 5px 0; text-align: right; font-size: 12px; border-bottom: 1px dashed #8b2412;}
div#percorso a {color: #8b2412; text-decoration: underline;} 
div#percorso a:hover {color: #8b2412; text-decoration: none;}

div#sinistra {width: 330px; float: left;}

div#topboxsinistro {width: 315px; height: 12px; margin: 10px auto 0 auto;}

div#boxsinistro {width: 313px; margin: 0 auto 0 auto; border-left: 1px solid #8b2412; border-right: 1px solid #8b2412; background: #ffffff; padding: 0;}

div#bottomboxsinistro {width: 315px; margin: 0 auto 0 auto;}

div.titolobox {width: 96%; margin: 0 auto 0 auto; font-family: Georgia; font-size: 16px; font-weight: bold; text-align: right; border-bottom: 1px dashed #8b2412; padding: 5px 0 5px 0;}
div#videosx {width: 281px; margin: 5px auto 0 auto;}

div.puntateh {width: 270px; margin: 5px auto 0 auto; padding: 5px 0 5px 0; text-align: right; line-height: 45px; font-size: 14px;  font-weight: bold; color: #8b2412; background: url(immagini/tivu.gif) no-repeat center left;}
div.puntateh a {text-decoration: none; color: #8b2412;}
div.puntateh a:hover {text-decoration: underline; color: #8b2412;}

div.puntateh2 {width: 270px; margin: 5px auto 0 auto; padding: 5px 0 5px 0; text-align: right; line-height: 45px; font-size: 14px;  font-weight: bold; color: #8b2412; background: url(immagini/tivu2.gif) no-repeat center left;}
div.puntateh2 a {text-decoration: none; color: #8b2412;}
div.puntateh2 a:hover {text-decoration: underline; color: #8b2412;}


div#galleria {width: 95%; margin: 5px auto 0 auto; text-align: center; padding: 0;}
div#galleria img {margin: 0 0 5px 0;}

div#destra {width: 650px; float: right;}
div#topboxdestro {width: 642px; height: 13px; margin: 10px 10px 0 auto; padding: 0;}

div#boxdestro {width: 640px; margin: 0 10px 0 auto; padding: 0; background: url(immagini/sfondino.jpg) repeat-x #fcee9f; border-left: 1px solid #8b2412; border-right: 1px solid #8b2412;}

div#boxdestro .testo {width: 95%; margin: 0 auto 0 auto; font-size: 12px; line-height: 20px;}
div#boxdestro .testo img {border: 1px solid #8b2412; float: right; margin: 10px;}
div#boxdestro .testo .segue {width: 65%; text-align: right; margin: 0; padding: 0;}
div#boxdestro .testo .segue img {border: 0;}
div#boxdestro .testo ul {padding: 0 0 0 20px; list-style: square;}
div#boxdestro .testo ul li {padding: 0 0 0 5px;}
div#boxdestro .testo a {color: #8b2412; text-decoration: none; font-weight: bold;}
div#boxdestro .testo a:hover {color: #8b2412; text-decoration: underline; font-weight: bold;}

div#bottomboxdestro {width: 642px; height: 12px; margin: 0 10px 0 auto; padding: 0;}

div#boxettisinistri {width: 640px; margin: 6px 10px 0 auto;}
div#alldx {width: 331px; float: left;}
div.boxettosinistro {width: 331px;}
div#topboxettosinistro {width: 331px; height: 12px; padding: 0;}
div#bottomboxettosinistro {width: 331px; height: 12px;}

div#contentboxettosinistro {width: 329px; border-left: 1px solid #8b2412; border-right: 1px solid #8b2412; background: url(immagini/sfondoboxetto.jpg) repeat-x #ffffff; padding: 0;}
div#contentboxettosinistro  ul {width: 90%; margin: 10px auto 0 auto; list-style: none; }
div#contentboxettosinistro  ul li {line-height: 22px; border-bottom: 1px dotted #8b2412; background: url(immagini/pirulino2.gif) no-repeat center left; padding: 3px 0 3px 25px; font-size: 12px;}
div#contentboxettosinistro  ul li a {color: #8b2412; text-decoration: none;}
div#contentboxettosinistro  ul li a:hover {color: #8b2412; text-decoration: underline;}

div#boxettodestro {width: 300px; float: right; text-align: center; font-size: 12px; padding: 15px 0 0 0;}
div#boxettodestro .testopiccolo {font-size: 11px;}
div#boxettodestro img {padding: 10px 0 10px 0; border: 0;}

div#contenuto {width: 95%; margin: 10px auto 0 auto; font-size: 12px; line-height: 18px;}
div#puntate {width: 96%; margin: 5px auto 0 auto;}
div#puntate ul {width: 93%; margin: 5px auto 0 auto; list-style: none;}
div#puntate li {padding: 10px 0 15px 70px; font-size: 12px; border-bottom: 1px dashed #8b2412;}
div#puntate li a {color: #8b2412; text-decoration: none;}
div#puntate li a:hover {color: #8b2412; text-decoration: underline;}

div#contenitorepuntata {width: 960px; margin: 10px auto 0 auto;}

div#contenitorepuntatand {width: 960px; height: 300px; text-align: center; margin: 10px auto 0 auto; padding: 150px 0 0 0; font-size: 12px;}
div#contenitorepuntatand a {font-size: 12px; color: #8b2412; font-weight: bold; text-decoration: none;}
div#contenitorepuntatand a:hover  {font-size: 12px; color: #8b2412; font-weight: bold; text-decoration: underline;}


div#pulsantipuntata {width: 964px; height: 77px; margin: 0 auto 0 auto;}

div#pulsantipuntata a.sx1 {float: left; text-decoration: none; background: url(immagini/pulsante_puntata.gif) no-repeat; width: 483px; height: 77px; text-align: center; font-family: Georgia; font-size: 30px; color: #8b2412; padding: 20px 0 0 0;}
div#pulsantipuntata a.sx1:hover {text-decoration: none;}

div#pulsantipuntata a.dx2 {float: left; text-decoration: none; background: url(immagini/pulsante_esercizi.gif) no-repeat; width: 483px; height: 77px; text-align: center; font-family: Georgia; font-size: 30px; color: #8b2412; padding: 20px 0 0 0;}
div#pulsantipuntata a.dx2:hover {text-decoration: none;}

div#pulsantipuntata a.sx2 {float: left; text-decoration: none; background: url(immagini/pulsante_puntata_off.gif) no-repeat; width: 481px; height: 77px; text-align: center; font-family: Georgia; font-size: 30px; color: #8b2412; padding: 20px 0 0 0;}
div#pulsantipuntata a.sx2:hover {text-decoration: none;}

div#pulsantipuntata a.dx1 {float: left; text-decoration: none; background: url(immagini/pulsante_esercizi_off.gif) no-repeat; width: 481px; height: 77px; text-align: center; font-family: Georgia; font-size: 30px; color: #8b2412; padding: 20px 0 0 0;}
div#pulsantipuntata a.dx1:hover {text-decoration: none;}


div#contentpuntata {width: 962px; margin: 0 auto 0 auto; padding: 0; border-left: 1px solid #8b2412; border-right: 1px solid #8b2412; background: url(immagini/sfondo_puntata.jpg) repeat-x left bottom #FFFFFF;}

div#titolopuntata {width: 964px; height: 40px; text-align: center; font-family: Georgia; font-size: 22px; padding: 15px 0 10px 0; margin: 10px 0 0 0;}

div#puntatasinistra {float: left; width: 48%; text-align: center; margin: 20px auto 0 auto;}

div#puntatasinistra a.qv {width: 350px; height: 95px; line-height: 95px; display: block; background: url(immagini/quaderno_verde.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 20px; color: #8b2412; padding: 0 0 5px 65px; margin: 40px 0 0 0; border-bottom: 1px dashed #8b2412;}
div#puntatadestra a.qv:hover {text-decoration: underline; color: #FF0000;}
div#puntatasinistra a.qr {width: 350px; height: 95px; line-height: 95px; display: block; background: url(immagini/quaderno_rosso.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 20px; color: #8b2412; padding: 0 0 5px 65px; margin: 0; border-bottom: 1px dashed #8b2412;}
div#puntatadestra a.qr:hover {text-decoration: underline; color: #FF0000;}
div#puntatasinistra a.vv {width: 350px; height: 95px; line-height: 95px; display: block; background: url(immagini/videovocabolario.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 20px; color: #8b2412; padding: 0 0 5px 65px; margin: 0; border-bottom: 1px dashed #8b2412;}
div#puntatadestra a.vv:hover {text-decoration: underline; color: #FF0000;}
div#puntatasinistra a.fo {width: 350px; height: 95px; line-height: 95px; display: block; background: url(immagini/fonologia.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 20px; color: #8b2412; padding: 0 0 5px 65px; margin: 0; border-bottom: 1px dashed #8b2412;}
div#puntatadestra a.fo:hover {text-decoration: underline; color: #FF0000;}
div#puntatasinistra a.pu {width: 350px; height: 95px; line-height: 95px; display: block; background: url(immagini/puntata.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 20px; color: #8b2412; padding: 0 0 5px 65px; margin: 0 0 50px 0; border-bottom: 1px dashed #8b2412;}
div#puntatadestra a.pu:hover {text-decoration: underline; color: #FF0000;}

div#puntatadestra {float: right; width: 48%;}
div#puntatadestra a.podcast {width: 300px; height: 95px; line-height: 95px; display: block; background: url(immagini/podcast.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 20px; color: #8b2412; padding: 0 0 5px 110px; margin: 20px auto 0 auto; border-bottom: 1px dashed #8b2412;}
div#puntatadestra a.podcast:hover {text-decoration: underline;}
div#puntatadestra a.stampante {width: 300px; height: 95px; line-height: 95px; display: block; background: url(immagini/stampante.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 20px; color: #8b2412; padding: 0 0 5px 110px; margin: 0 auto 0 auto; border-bottom: 1px dashed #8b2412;}
div#puntatadestra a.stampante:hover {text-decoration: underline;}
div#puntatadestra a.crediti {width: 300px; height: 95px; line-height: 95px; display: block; background: url(immagini/crediti.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 20px; color: #8b2412; padding: 0 0 0 110px; margin: 0 auto 0 auto;}
div#puntatadestra a.crediti:hover {text-decoration: underline;}

#gioco {width: 95%; margin: 20px auto 0 auto; font-size: 12px;}
#gioco2 {width: 95%; margin: 20px auto 0 auto; font-size: 12px;}
#gioco3 {width: 100%; margin: 20px auto 0 auto; font-size: 12px;}

#gioco ul {width: 95%; margin: 20px auto 0 auto; list-style: none;}
#gioco ul li {line-height: 30px; font-size: 18px; color: #8b2412; border-bottom: 1px dashed #8b2412; padding: 10px 0 0 0;}
#gioco ul li a {color: #8b2412; text-decoration: none;}
#gioco ul li a:hover {color: #8b2412; text-decoration: underline;}

#vv {width: 930px; margin: 0 auto 0 auto;}
div#barravv {width: 100%; margin: 0 auto 0 auto; border-bottom: 1px dashed #8b2412; padding: 10px 0 10px 0;}

div.ritornodd {font-weight: bold;}
div.ritornodd a {color: #8b2412; text-decoration: none;}
div.ritornodd a:hover {color: #8b2412; text-decoration: none;}

div.contenutonotiziagioco {width: 95%; margin: 0 auto 0 auto; padding: 10px 0 10px 0;}

#gioco2 ul {width: 95%; list-style: none; margin: 20px auto 0 auto;}
#gioco2 ul li {width: 200px; float: left; font-size: 18px; color: #8b2412; padding: 10px 0 0 0; margin: 0 0 0 15px; text-align: center;}
#gioco2 ul li img {border: 5px solid #dddddd;}
#gioco2 ul li a {color: #8b2412; text-decoration: none;}
#gioco2 ul li a:hover {color: #8b2412; text-decoration: underline;}

#gioco3 ul {width: 99%; list-style: none; margin: 0 auto 0 auto;}
#gioco3 ul li {width: 120px; line-height: 70px; float: left; font-size: 18px; color: #8b2412; padding: 0; margin: 5px 0 0 15px; }
#gioco3 ul li a {color: #8b2412; text-decoration: none;}
#gioco3 ul li a:hover {color: #ffffff; text-decoration: none;}


div#bottompuntata {width: 964px; height: 14px; margin: 0 auto 0 auto;}

div.titolone {width: 95%; margin: 0 auto 0 auto; font-size: 24px; font-family: Georgia; font-weight: bold; border-bottom: 1px dashed #8b2412; padding: 10px 0 10px 0;}
div.contenutonotizia {width: 95%; margin: 0 auto 0 auto; padding: 10px 0 10px 0;}
div.contenutonotizia embed {border: 15px solid #eeeeee;}

div.contenutonotizia table {width: 99%; margin: 10px auto 30px auto; border: 1px solid #8b2412;}
div.contenutonotizia table th.a1 {width: 18%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9;}
div.contenutonotizia table th.a2 {width: 32%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9;}
div.contenutonotizia table th.a3 {width: 35%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9;}
div.contenutonotizia table th.a4 {width: 15%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9;}
div.contenutonotizia table td.a1 {width: 18%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9; text-align: center;}
div.contenutonotizia table td.a2 {width: 32%; padding: 3px; border: 1px solid #8b2412;}
div.contenutonotizia table td.a3 {width: 35%; padding: 3px; border: 1px solid #8b2412;}
div.contenutonotizia table td.a4 {width: 15%; padding: 3px; border: 1px solid #8b2412; text-align: center; font-weight: bold;}
div.contenutonotizia a {color: #8b2412; font-weight: bold; text-decoration: none;}
div.contenutonotizia a:hover {color: #8b2412; font-weight: bold; text-decoration: underline;}
div.contenutonotizia ul {margin: 0 0 0 20px;}
div.contenutonotizia ul li {list-style: square; margin: 0 0 0 10px;}
div.contenutonotizia ol {margin: 0 0 0 20px;}
div.contenutonotizia ol li {list-style: square; margin: 0 0 0 10px;}

div.contenutofonologia {width: 95%; margin: 0 auto 0 auto; padding: 10px 0 10px 0;}
div.contenutofonologia a {color: #8b2412; font-weight: bold; text-decoration: none;}
div.contenutofonologia a:hover {color: #8b2412; font-weight: bold; text-decoration: underline;}

div#coda {width: 987px; height: 11px; margin: 0; padding: 0;}

div#copyright {width: 987px; height: 20px; text-align: center; margin: 6px auto 0 auto; font-size: 12px;}
div#copyright a {font-size: 11px; text-decoration: none; color: #8b2412;}
div#copyright a:hover {font-size: 11px; text-decoration: underline; color: #8b2412;}

div#bottoncioni {width: 60%; margin: 0 auto 0 auto; text-align: center;}
div.personaggio {float: left;}

div.personaggio a {border: 0;}
div.personaggio a:hover {border: 0;}

div#bottoncionididattica {width: 63%; margin: 0 auto 0 auto; text-align: center;}
div#bottoncioniservizi {width: 90%; margin: 0 auto 0 auto; text-align: center;}

div.contenutonotiziaservizi {width: 99%; margin: 0 auto 0 auto; padding: 10px 0 10px 0;}
div.contenutonotiziaservizi table {width: 99%; margin: 10px auto 30px auto; border: 1px solid #8b2412;}
div.contenutonotiziaservizi table th.a1 {width: 18%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9;}
div.contenutonotiziaservizi table th.a2 {width: 32%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9;}
div.contenutonotiziaservizi table th.a3 {width: 35%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9;}
div.contenutonotiziaservizi table th.a4 {width: 15%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9;}
div.contenutonotiziaservizi table td.a1 {width: 18%; padding: 3px; border: 1px solid #8b2412; background: #e9e9e9; text-align: center;}
div.contenutonotiziaservizi table td.a2 {width: 32%; padding: 3px; border: 1px solid #8b2412;}
div.contenutonotiziaservizi table td.a3 {width: 35%; padding: 3px; border: 1px solid #8b2412;}
div.contenutonotiziaservizi table td.a4 {width: 15%; padding: 3px; border: 1px solid #8b2412; text-align: center; font-weight: bold;}
div.contenutonotiziaservizi a {color: #8b2412; font-weight: bold; text-decoration: none;}
div.contenutonotiziaservizi a:hover {color: #8b2412; font-weight: bold; text-decoration: underline;}
div.contenutonotiziaservizi ul {margin: 0 0 0 20px;}
div.contenutonotiziaservizi ul li {list-style: square; margin: 0 0 0 10px;}


a.pdf {width: 350px; height: 70px; line-height: 70px; display: block; background: url(immagini/pdf.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 16px; color: #8b2412; padding: 0 0 5px 80px; margin: 20px 0 0 0;}
a.pdf:hover {text-decoration: underline;}
a.cons {width: 700px; height: 70px; line-height: 70px; display: block; background: url(immagini/interrogativo.gif) no-repeat center left; text-decoration: none; font-family: Georgia; font-size: 16px; color: #8b2412; padding: 0 0 5px 80px; margin: 20px 0 0 0;}
a.cons:hover {text-decoration: underline;}

div.domanda {width: 100%; margin: 0 auto 0 auto; border-bottom: 1px dashed #8b2412; padding: 10px 0 10px 0;}
div.domanda h3 {padding: 0 0 5px 0;}
div.vocesx {width: 200px; float: left;}
div.vocesx {float: left;}

#riproduttore {width: 400px; height: 320px; border: 7px solid #cccccc;}
#riproduttore a.player {width: 400px; height: 320px;}
#riproduttore a.player img {margin: 140px 0 0 10px;}

#riproduttoremini {width: 281px; height: 229px; margin: 10px 0 0 0; border: 7px solid #cccccc;}
#riproduttoremini a.player {width: 281px; height: 229px;}
#riproduttoremini a.player img {margin: 95px 0 0 80px;}