/* CSS Document */
body { background-color:#F2F5F8;margin:auto;font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/*impostazione misure layout*/

#pagina {overflow:hidden; display:block;width:90%; min-width:850px; border:1px solid #000000; margin:20px auto 20px auto; background-color:#FFFFFF}
#home {overflow:hidden; display:block;width:773px; border:1px solid #000000; margin:20px auto 20px auto; background-color:#FFFFFF}
#pagina_popup {overflow:hidden; display:block;width:440px; min-width:440px; border:1px solid #000000; margin:20px auto 20px auto; background-color:#FFFFFF}
.testata_interna, .testata_popup {width:100%; float:left; clear:both}
#logo {margin:5px 0px 5px 28px}
#selettore_lingua {float:right; margin-right:10px; margin-top:10px}
#testata_interna .immagine {height:85px;background-repeat:repeat-x; background-position:top center}
#testata_popup .immagine {height:25px;background-repeat:repeat-x; background-position:top center}
#testata_home .immagine {height:250px}

.menu_principale {height:25px; border-bottom:2px dotted #999999;/* overflow:show;*/ background-position:bottom center; background-repeat:repeat-x}
.colonna_sx { width:40%; float:left; clear:left}
.colonna_dx { width:60%; float:left; clear:right;}
.colonna_unica {width:100%;float:left; clear:both;}
.menu_sx {padding:6px 20px 0px 50px}
.menu_dx {padding:6px 10px 0px 0px}
.menu_unico {padding:6px 50px 0px 50px}
.colonna_sx .corpo  {padding:30px 20px 20px 50px}
.colonna_dx .corpo, .colonna_unica .corpo {padding:20px 50px 20px 0px}
.colonna_unica .corpo {padding:20px 50px 40px 50px}

.colonna_sx .box .leggi, .colonna_sx .box .ascolta {display:block; padding:10px 10px 10px 10px}
.colonna_sx .box .guarda {display:block; padding:0px 10px 0px 0px}
.colonna_sx .box .guarda_ascolta {display:block; padding:10px}

.footer_sx {padding:10px 20px 10px 50px}
.footer_dx {padding:10px 50px 10px 0px}
.footer_unico {padding:10px 20px 10px 20px}	
#footer {width:100%; float:left; clear:both}
.colonna_sx .box { width:234px; border:2px dotted #CCCCCC; padding:0px; overflow:hidden; z-index:1}
.colonna_sx .box .immagine {width:98px; float:left; margin-right:10px}
.colonna_sx .box .video {width:86px; float:left; margin:0px 10px 10px 0px}

.colonna_dx .header_elenco, .colonna_dx .chiusura_elenco, .colonna_unica .header_elenco, .colonna_unica .chiusura_elenco {padding-bottom:4px; border-bottom:2px dotted #666666; margin-top:20px ; margin-bottom:20px}

#comandi {float:right;}
.ang {width:16px; height:16px; position:relative; z-index:2; left:220px; border:1px solid #ffffff; top:17px}
.ang_testata {width:16px; height:16px; float:right}
.colonna_dx .corpo p.opera{ padding:5px 10px 5px 10px}
.colonna_dx .corpo .contenitore_categoria {border:1px dashed #cccccc; margin-top:8px; border-top:0px none #cccccc}

.box_compositore, .box_scrittore, .box_operista, .box_didatta, .box_direttore_artistico {margin:10px 0px 10px 0px; text-align:center}

.box_compositore {border:1px dashed #003C78}
.box_scrittore {border:1px dashed #FF9900}
.box_operista {border:1px dashed  #8C2129}
.box_didatta {border:1px dashed #441A47}
.box_direttore_artistico {border:1px dashed #17653C}

/*angolini colorati*/
.ang_top_scrittore {background-image:url('../img/ang_arancio_top.gif')}
.ang_top_operista {background-image:url('../img/ang_rosso_top.gif')}
.ang_top_compositore {background-image:url('../img/ang_blu_top.gif')}
.ang_direttore_artistico {background-image:url('../img/ang_verde.gif')}
.ang_scrittore {background-image:url('../img/ang_arancio.gif')}
.ang_operista {background-image:url('../img/ang_rosso.gif')}
.ang_compositore {background-image:url('../img/ang_blu.gif')}
.ang_biografia {background-image:url('../img/ang_azzurro.gif')}

/*sfondi delle testate*/
.imm_test_home { background-image:url('../img/sfondo_animazione.jpg')}
.imm_menu_home { background-image:url('../img/sfondo_animazione_A85.jpg')}

.imm_test_scrittore { background-image:url('../img/testata_scrittore.jpg')}
.imm_test_compositore { background-image:url('../img/testata_compositore.jpg')}
.imm_menu_compositore { background-image:url('../img/testata_compositore_A85.jpg')}
.imm_menu_scrittore { background-image:url('../img/testata_scrittore_A85.jpg')}
.imm_test_didatta { background-image:url('../img/testata_didatta.jpg')}
.imm_menu_didatta { background-image:url('../img/testata_didatta_A85.jpg')}
.imm_test_operista { background-image:url('../img/testata_operista.jpg')}
.imm_menu_operista { background-image:url('../img/testata_operista_A85.jpg')}
.imm_test_biografia { background-image:url('../img/testata_biografia.jpg')}
.imm_menu_biografia { background-image:url('../img/testata_biografia_A85.jpg')}
.imm_test_direttore_artistico { background-image:url('../img/testata_direttore_artistico.jpg')}
.imm_menu_direttore_artistico { background-image:url('../img/testata_direttore_artistico_A85.jpg')}


/*colori*/
.compositore {color:#003C78}
.biografia {color:#3496D7}
.operista {color:#8C2129}
.scrittore {color:#FF9900}
.didatta {color:#8C2129}
.direttore_artistico {color:#17653C}

.sfondo_compositore {background-color:#003C78}
.sfondo_operista {background-color:#8C2129}
.sfondo_scrittore {background-color:#FF9900}
.sfondo_didatta {background-color:#8C2129}
.sfondo_direttore_artistico {background-color:#17653C}


/*testi*/
#logo a {color:#000000; font-size:22px; text-decoration:none}
#logo a b {color:#999999; font-weight:bold}
.colonna_sx .box .titolo {font-size:12px; font-weight:bold}
.colonna_sx .box .titolo i {font-weight:normal}
.colonna_sx .box .testo {font-size:11px; font-style:italic}
.colonna_dx .titolone{ display:block; font-size:49px; font-weight:bold; margin-bottom:16px}
.colonna_dx p, .colonna_unica p { text-align:justify; color:#454545; font-size:13px}
.colonna_dx .titolo, .colonna_unica .titolo  { font-size:14px; font-weight:bold;}
.colonna_dx .categoria, .colonna_unica .categoria  { font-size:16px; font-weight:bold; display:block; padding:4px; color:#FFFFFF}

.footer_dx, .footer_unico {font-size:11px; color:#454545}
.colonna_sx .titolino, .colonna_dx .header_elenco {font-size:14px; color:#000000; font-weight:bold;}
.colonna_unica .titolone {font-size:18px; color:#454545; font-weight:bold}
.colonna_unica .titolone i {font-size:18px; color:#454545; font-weight:normal; font-style:italic}
.colonna_unica .sottotitolo {font-size:12px; color:#454545; font-weight:normal}

/*link*/
#selettore_lingua a {font-size:11px; font-weight:bold;color:#666666; text-decoration:none}
.menu_sx a {margin-right:28px; font-size:12px; color:#000000; text-decoration:none}
.menu_dx div, .menu_unico div, .menu_sx div {margin-right:28px; float:left; padding-bottom:1px; color:#000000}
.menu_dx a { font-size:12px; color:#000000; text-decoration:none;}
.colonna_dx .corpo p a.titolo_opera {font-weight:bold; text-decoration:none}
.colonna_dx p a {font-weight:bold;color:#333333; text-decoration:none}
.colonna_dx p a:hover {color:#000000; text-decoration:underline}

.menu_sx .biografia {border-bottom:4px solid #3496D7; font-weight:bold}
.menu_dx .scrittore, .menu_unico .scrittore {border-bottom:4px solid #FF9900; font-weight:bold}
.menu_dx .compositore, .menu_unico .compositore {border-bottom:4px solid #003C78; font-weight:bold}
.menu_dx .didatta, .menu_unico .didatta {border-bottom:4px solid #8C2129; font-weight:bold}
.menu_dx .operista, .menu_unico .operista {border-bottom:4px solid #8C2129; font-weight:bold}
.menu_dx .direttore_artistico, .menu_unico .direttore_artistico {border-bottom:4px solid #17653C; font-weight:bold}
.menu_unico .menubianco {border-bottom:4px solid #FFFFFF; font-weight:bold; font-size:14px; color:#FFFFFF}

.colonna_dx .capitolo {margin:10px 0px 10px 0px; font-size:12px; font-weight:bold}
.colonna_dx .capitolo a {text-decoration:none;}
.colonna_sx .titolino {margin-top:26px}
.colonna_sx .box:hover { background-color:#EFEFEF}
.colonna_sx .box a { color:#454545; text-decoration:none; display:block}
.chiusura_elenco a, #comandi a {font-size:11px; color:#666666; font-weight:bold; text-decoration:none}
.footer_sx a {margin-right:28px; font-size:12px; color:#666666; text-decoration:none}
.footer_dx a, .footer_unico a {font-weight:bold; color:#000000; text-decoration:none}

.colonna_dx .glossario { background-image:url(../img/sfondo_ombrina.gif); background-repeat:no-repeat;width:42px; height:50px;padding:5px 10px 5px 10px; position:relative;margin-left:-70px;margin-top:5px; float:left}
.colonna_dx .glossario p {margin-left:25px}
.colonna_dx hr{height:0.25px; border:0.25px dotted #cccccc;}

.glossario a { font-family:Arial black; font-size:18px; color:#3496D7}

.ricerca{ margin:10px; float:right;}
.ricercasx { width:8px; background-image:url('../img/ricerca_sx.gif'); background-repeat:no-repeat; background-position:left; height:17px; display:block; float:left}
.ricercaflw {border-left:1px solid #cccccc ;background-image:url('../img/ricerca_flow.gif'); background-repeat: repeat-x; background-position:left; height:17px; display:block; float:left; vertical-align:middle;padding-left:5px}
.ricercadx {height:17px; display:block; float:left; vertical-align:middle}
input.camporicerca { border:0px; background-color:transparent; height:17px; line-height:17px; color:#333333; font-family:Arial; font-size:11px; vertical-align:middle}
input.bottonericerca {/*border:1px solid #CCCCCC;*/; border:2px solid #cccccc; height:17px; line-height:12px; font-family:Arial; font-size:11px; vertical-align:middle; padding:0px 5px 0px 5px; font-weight:bold; background-image:url(../img/metal.jpg); color:#666666}

#ricerca_big{border: 1px solid #3496D7; margin-bottom:10px; padding:10px; background-image:url(../img/testata_biografia_A85.jpg)}

.risultati_ricerca{border: 1px solid #3496D7; margin-bottom:10px; padding:10px;}

#box_opzioni_ricerca {font-size:10px; text-align:left; padding:10px}
#box_opzioni_ricerca input {margin-left:10px; line-height:11px}

.risultato_ricerca { margin-bottom:5px; color:#454545}
.risultato_ricerca a, .risultato_ricerca a:visited, .risultato_ricerca a:link { font-size:12px; text-decoration:none}

.risultato_ricerca a:hover { font-size:12px; text-decoration:underline}


#immagine {z-index:1 !important}
#lightwindow_container { z-index:2 !important}
#lightwindow_title_bar { height:auto !important}
#lightwindow_title_bar .nota { display:block; text-align:center; width:100%}
#lightwindow_title_bar .nota a { color:#000000; font-weight:bold; text-decoration:none}