/* ROMA AETERNA */

body {background-color: #FFFFFF; font-size: 20px; color: #000000; margin: 0px 20px; padding: 0px; cursor: default}

body, p, h1, h2, h3, h4, h5, h6, table, td, ul, ol {font-family: "Times New Roman",times,serif}

h1 {font-size: 48px; color: #CC2222; font-weight: normal; margin: 0px 10px; text-align: center}
h2 {font-size: 32px; color: #CC2222; font-weight: normal; margin: 5px 20px; text-align: center}
h3 {font-size: 24px; color: #000000; font-weight: normal; margin: 5px 10px; text-align: center}
h4 {font-size: 24px; color: #000000; font-weight: bold; margin: 20px 0px; text-align: left}
h5 {font-size: 20px; color: #000000; font-weight: normal; margin: 5px 0px; text-align: center}
h6 {font-size: 14px; color: #000000; font-weight: normal; margin: 10px 0px; text-align: center}

p {margin: 15px 0px 0px 0px; text-align: justify; text-indent: 30px}
p.alto {margin: 0px 0px; text-align: justify}
p.ridotto {margin: 0px 0px; text-align: justify; font-size: 16px}

.blu {color: #0080C0}
.bianco {color: #EEEEEE}
.nero {color: #000000}
.oro {color: #FDD040}
.porpora {color: #CC2222}
.porporamini {font-size: 15px; color: #CC2222}
.rosso {color: #DD3333}
.rossomedio {font-size: 26px; color: #DD3333}
.rossogrande {font-size: 40px; color: #DD3333}
.verde {color: #00AAAA}

.maggiore {font-size: 24px; font-weight: bold}
.ridotto {font-size: 16px}
.discreto {font: 16px Arial,verdana,helvetica}
.mini {font: 13px Arial,verdana,helvetica}
.minioro {font: 13px Arial,verdana,helvetica; color: #FDD040}
.microro {font: 10px Arial,verdana,helvetica; color: #FDD040}
.nota {font: 13px Arial,verdana,helvetica; color: red}
.sigla {color: navy; cursor:help}
.centro {text-align: center}
.destra {text-align: right}
.sinistra {text-align: left}
.fotosn {margin: 5px 15px 5px 0px; float: left; font: 13px Arial,verdana,helvetica; text-align: center}
.fotodx {margin: 5px 0px 5px 15px; float: right; font: 13px Arial,verdana,helvetica; text-align: center}

a {color: #0080DD; text-decoration: none} a:visited {color: #1100EE; text-decoration: none} a:hover {color: #0080DD; text-decoration: underline} a:active {color: red; text-decoration: underline}

a.oro, a.oro:visited {color: #FDD040; text-decoration: none} a.oro:hover {color: #FFFF55;  text-decoration: none} a.oro:active {color: white; text-decoration: none}

a.pagina, a.pagina:visited {color: #00AAAA; text-decoration: none} a.pagina:hover, a.pagina:active {color :#00AAAA; text-decoration: underline}

a.sito, a.sito:visited {color: #CC2222; text-decoration: none} a.sito:hover {color: #FDD040; background: #A40030; text-decoration: none} a.sito:active {color: red; text-decoration: none}

a.targa, a.targa:visited {display: block; width: 200px; height: 40px; text-align: center; background: url(immagini/targa.gif) no-repeat 0px 0px; font: bold 20px/40px "Times New Roman",times,serif; color: #FDD040; text-decoration: none;} a.targa:hover {background-position: 0px -46px; color: #FFFF55; text-decoration: none;} a.targa:active {background-position: 0px -46px; color: white; text-decoration: none;}

a.targa2, a.targa2:visited {display: block; width: 250px; height: 80px; text-align: center; background: url(immagini/targa2.gif) no-repeat 0px 0px; font: 34px/80px "Times New Roman",times,serif; color: #FDD040; text-decoration: none;} a.targa2:hover {background-position: 0px -92px; color: #FFFF55; text-decoration: none;} a.targa2:active {background-position: 0px -92px; color: white; text-decoration: none;}

a.targa3, a.targa3:visited {display: block; width: 500px; height: 80px; text-align: center; background: url(immagini/targa3.gif) no-repeat 0px 0px; font: 34px/80px "Times New Roman",times,serif; color: #FDD040; text-decoration: none;} a.targa3:hover {background-position: 0px -92px; color: #FFFF55; text-decoration: none;} a.targa3:active {background-position: 0px -92px; color: white; text-decoration: none;}

ol.arabo {list-style-type: decimal}
ol.romano {list-style-type: upper-roman}
ul.vuoto {list-style-type: none}
ul.quadro {list-style-type: square}

li {text-align: justify}

table {text-align: left}
table.celle {border: 3px solid #FDD040}
td {font-size: 20px}
td.optio {color: #FDD040; font-weight: normal; text-align: center; cursor:pointer}
td.optio:visited {color: #FDD040} td.optio:hover {color: #FFFF55} td.optio:active {color: white}
td.qui {background-color: #B32030; padding:0px 20px; text-align: center; font: 34px Arial,verdana,helvetica; color: #00AAAA; cursor:pointer}
td.li {background-color: #B32030; padding:0px 20px; text-align: center; font: 20px Arial,verdana,helvetica; color: #FDD040; cursor:pointer}

div.centro {margin: 0px 0px; text-align: center}

div.asta {border-left: 6px solid #A40030; padding-left: 6px; margin-right: 20px}

div.greca {background-image: url(immagini/greca.gif); margin-top: 12px; padding: 6px 0px 9px 0px}

div.menu {background-image: url(immagini/barramenu.gif); font-size: 8pt; text-align: right}

div.barra, div.barra a.tasto, div.barra a.indice {font-family: Verdana, Arial, sans-serif; font-size: 8pt; font-weight: bold; color: #FDD040}
div.barra {background-color: #A40030; background-image: url(immagini/barratasti.gif); padding: 6px 0px 6px 0px; text-align: right}

div.barra a.tasto {background-color: #A40030; border: 2px solid; border-color: #FFFF55 #770000 #770000 #FFFF55; color: #FDD040; padding: 2px 6px 2px 6px; text-decoration: none}
div.barra a.tasto:hover {background-color: #A40030; border-color: #770000 #FFFF55 #FFFF55 #770000; color: #FFFF55}
div.barra a.tasto:active {background-color: #A40030; border-color: #770000 #FFFFFF #FFFFFF #770000; color: white}

div.barra a.indice {background-color: #A40030; border: 2px solid; border-color: #FFFF55 #770000 #770000 #FFFF55; color: #00DDDD; padding: 2px 6px 2px 6px; text-decoration: none}
div.barra a.indice:hover {background-color: #A40030; border-color: #770000 #FFFF55 #FFFF55 #770000; color: #00DDDD}
div.barra a.indice:active {background-color: #A40030; border-color: #770000 #FFFFFF #FFFFFF #770000; color: white}