/* CSS Document */
html {font-size:68%}
body {background-color:#CCC; font-family:Arial Narrow, Helvetica, sans-serif; font-size:1em; color:#505865; margin:0px}
* {margin: 0px;}

#pagina { width:80em; margin:0px auto; max-width:90%}

#menu_principale { background-color:#FFF; font-weight:bold; font-size:1.2em; padding-bottom:4px; margin:0px 0px 10px 0px; height:1em}
#menu_principale a {color:#8C172A; border-right:1px solid #ccc; padding:0px 1em; margin:0px; text-decoration:none}
#menu_principale a.attivo { color:#363345;}
#menu_principale a.attivo:hover { color:#8C172A;}

#testata { position:relative; height:13.2em; overflow:hidden}
#corpo_pagina { background-color:#FFF; padding:0px; padding-bottom:35px; position:relative; width:100%}

#testata h1 { color:#8C172A; font-size:2.5em; margin:0px;}
#testata h2 { color:#363345; font-size:2.5em; margin:0px}
#logo { position: absolute; bottom:32px; left:18px}
#header_content { position:absolute; bottom:28px; left:118px; padding:0px}
#box_testata {position:absolute; right:1%; top:9px; height:9.3em}
#box_testata .sfondoimg { position:absolute;width:100%; height:100%; z-index:1; overflow:hidden; top:0px}
#box_testata .sfondoimg img {width:100%;}
#box_testata .bordoimg { position:absolute;width:100%; height:100%; z-index:2; top:0px; background-color:transparent}
#box_ricerca {position:absolute; right:1%; bottom:2px; height:2em}

.camporicerca { border:none; font-size:0.9em; height:1.7em;  background-color:transparent; margin:0.2em 9px; width:75%}
.bottonericerca { margin:0px; border:none; font-size:0.9em;  background-color:transparent; padding:0em; position:absolute; right:9px; top:0.3em; height:1.7em}
.invisibile { display:none}

#breadcrumb {position:absolute; bottom:0%; left:18px; font-size:1.1em; font-weight:bold}
#breadcrumb a.attivo {text-decoration:none; color:#A7ACB2; font-weight:normal}
#breadcrumb a.attivo:hover {text-decoration:none; color:#505865; font-weight:normal}

.colonna { float:left; margin:1%; position:relative; #margin:0.9%; #display:inline}
.c1 { width:23%}
.c2 { width:48%}
.c3 { width:73%}
.c4 { width:98%}

.colonna .contenuto { padding:18px 25px 25px 25px;font-size:1.2em; text-align:justify}
.colonna .contenuto_stretto { padding:9px;font-size:1.2em;}
.colonna h1 { font-size:1.6em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0px}
.colonna p { font-size:1em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top:5px}
.colonna strong { font-size:1.1em; font-weight:bold;}
.colonna ul, .colonna ol { padding-left:18px;font-size:1em; font-family:Arial, Helvetica, sans-serif; }
.colonna li { margin-top:5px}
.colonna a { text-decoration:none; color:inherit; font-weight:normal; text-decoration:underline}
.colonna a:hover { text-decoration:none; color:#8C172A; font-weight:normal}
.colonna hr { background-color:transparent; color:transparent; height:1px; margin:10px 0px; border:none; border-bottom:1px dotted #ccc}

.colonna img.sx {float:left; margin:5px 10px 5px 0px}

div.sponsor {position:absolute; bottom:30px; right:0px}

.clear { clear:both}
.grigio { background-color:#CCC}
.grigio_chiaro { background-color:#E5E6E8}
.grigio_scuro { background-color:#363345;}
.bianco { background-color:#FFF}
.rosso { background-color:#8C172A}
.verde { background-color:#75722C}
.grigio_sfuma {background-color:#F5F6F8; background-image:url(../img/sfondo_grigio_sfuma.jpg); background-position:50% 0%; }

.giallo { background-color:#BA902A}
.blu { background-color:#51718C}
.marrone { background-color:#9A887F}
.testorosso { color:#8C172A}
.testogrigio { color:#A7ACB2}
.testobianco { color:#A7ACB2}
.testogrigio_scuro { color:#363345}

.b_tl { background-image:url(../img/b_tl.gif); background-position:0% 0%; background-repeat:no-repeat;}
.b_tr { background-image:url(../img/b_tr.gif); background-position:100% 0%; background-repeat:no-repeat; height:100% }
.b_br { background-image:url(../img/b_br.gif); background-position:100% 100%; background-repeat:no-repeat; height:100% }
.b_bl { background-image:url(../img/b_bl.gif); background-position:0% 100%; background-repeat:no-repeat; height:100% }

.b_tl_sml { background-image:url(../img/b_tl_sml.gif); background-position:0% 0%; background-repeat:no-repeat;}
.b_tr_sml { background-image:url(../img/b_tr_sml.gif); background-position:100% 0%; background-repeat:no-repeat; height:100%;}
.b_br_sml { background-image:url(../img/b_br_sml.gif); background-position:100% 100%; background-repeat:no-repeat; height:100%;}
.b_bl_sml { background-image:url(../img/b_bl_sml.gif); background-position:0% 100%; background-repeat:no-repeat; height:100%;}


.g_tl { background-image:url(../img/g_tl.gif); background-position:0% 0%; background-repeat:no-repeat;}
.g_tr { background-image:url(../img/g_tr.gif); background-position:100% 0%; background-repeat:no-repeat;}
.g_br { background-image:url(../img/g_br.gif); background-position:100% 100%; background-repeat:no-repeat;}
.g_bl { background-image:url(../img/g_bl.gif); background-position:0% 100%; background-repeat:no-repeat; }

.gc_tl { background-image:url(../img/gc_tl.gif); background-position:0% 0%; background-repeat:no-repeat; }
.gc_tr { background-image:url(../img/gc_tr.gif); background-position:100% 0%; background-repeat:no-repeat; }
.gc_br { background-image:url(../img/gc_br.gif); background-position:100% 100%; background-repeat:no-repeat; }
.gc_bl { background-image:url(../img/gc_bl.gif); background-position:0% 100%; background-repeat:no-repeat;}

#footer { height:66px; background-color:#363345; position:relative;}
#footer_sx {background-image:url(../img/f_bl.gif); background-position:0% 100%; background-repeat:no-repeat; height:100%}
#footer_dx {background-image:url(../img/f_br.gif); background-position:0% 100%; background-repeat:no-repeat; height:100%; width:75%; height:30px; background-color:#CCCCCC; position:absolute; bottom:0%; right:0%}
#box_logos { position:absolute; bottom:0px; right:9px; text-align:center}
#box_logos img {margin:0px 9px}
#box_logos span {margin:5px 0px; font-size:1em; font-weight:bold; color:#000000; line-height:16px}

.fascia {background-color:#CCCCCC; width:100%}
.header_modulo { font-size:2.5em; font-weight:bold; border-top:1px solid #CCC;/* border-bottom:1px solid #CCC;*/ padding:0px 7px}
.header_modulo hr {display:none}
.corpo_modulo {padding:10px}

.modulo {width:25%; float:left}
.box {position:relative; }
.box .immagine {height:8.7em; overflow:hidden; position:relative; background-color:#FFFFFF}
.box .vuoto {height:8.7em; overflow:hidden; }
.box .immagine img {border:none; position:absolute; left:0%; height:100%}
.box .testo { padding:5px 7px 0px 7px; height:13em;;  overflow:hidden}
.box .testo p {line-height:1em;}
.data_sx { float:left; width:50%; border-right:1px dotted #CCC; margin-bottom:3px}
.data_dx { float:right; text-align:right}

/*.box .testo:hover { background-color:#E5E6E8}*/
.box a {display:block; background-color:#FFF; text-decoration:none;}
.box a.attivo:hover {display:block;background-image:url(../img/sfondo_box.jpg); background-repeat:repeat-x; background-position:50% 50%; cursor:pointer;}

.box .testo h1, colonna h1, table.calendario tbody td h1 { font-family:Arial Narrow, Helvetica, sans-serif;font-size:2.4em; font-weight:bold; margin:0px; line-height:1.1em; color:#505865;}
.box .testo h2, table.calendario tbody td h2 {font-size:1.5em; font-weight:bold; margin:0px; color:#8C172A; line-height:1.2em}
.box .testo h3, table.calendario tbody td h3 {font-size:1.1em; font-weight:bold; margin:0px; text-transform:uppercase; color:#505865;}
.box .testo p, table.calendario tbody td p {font-size:1.1em; font-weight:bold; margin:0px; color:#A7ACB2}
.box .testo p strong, .box .testo p b {font-weight:bold; margin:0px; color:#505865}

.colonna img { border:none}
img.icona { vertical-align:middle; margin:0px 5px 2px 0px}
.colonna h4 { margin:0px 10px; color:#FFFFFF; font-size:1.3em; font-weight:bold; font-family:Arial Narrow; text-transform:uppercase; padding:5px 0px 2px 0px}
.grigio_chiaro h4 {color:#363345}


.colonna ul.boxes { display:block; padding:0px; background-color:#FFFFFF; margin:0px 0px; border-top:1px solid #D3D5D8; border-left:1px solid #F1F2F3; border-right:1px solid #F1F2F3; font-size:1.1em; font-family:Arial Narrow, Helvetica, sans-serif; }
.colonna ul.boxes li{list-style-type:none; padding:6px 10px; border-bottom:1px solid #A7ABB2; margin:0px}
.colonna ul li a { text-decoration:none}
.colonna ul.boxes li a {color:#505865}
.colonna ul.boxes li h5 { color:#505865; margin:0px; padding:0px; font-size:1em}
.colonna ul.boxes li h4 { color:#505865; margin:0px; padding:0px; font-size:1.2em; font-weight:bold; font-family:Arial Narrow; }
.colonna ul.boxes li p { color:#A7ABB2; margin:0px; padding:0px; font-size:1.1em}
.colonna a { font-weight:inherit; color:#505865}
.colonna a.details { display:block;text-decoration:none; text-align:right; padding:1px 15px 3px 10px; color:#FFF; font-weight:bold; margin:0px 5px; font-size:1.1em}
.colonna a.details:hover {font-weight:bold;}
.grigio_chiaro a.details, .bianco a.details, .grigio_sfuma a.details {color:#505865} 

.hfissa { height:23.4em}

table.calendario { width:100%; margin-bottom:3px;}
table.calendario td { padding:10px 2px}

table.calendario thead tr { background-color:transparent; color:#FFF; font-size:2.5em}
table.calendario thead td { padding-left:15px; font-weight:bold}
table.calendario tbody tr { background-color:#FFF}
table.calendario tbody a {display:block;text-decoration:none;}
table.calendario tbody td {border-bottom:1px solid #A7ACB2}
table.calendario tbody td:first-child { width:92px; text-align:center}
table.calendario tbody tr.pari { background-color:#FFF}
table.calendario tbody tr.dispari { background-color:#E5E6E8}

.immagine_evento {background-color:#E5E6E8;}
.immagine_evento img { width:100%}
.testo_evento {padding:18px}
.testo_evento  h1  {font-size:2.5em; font-weight:bold; margin:0px; line-height:1.1em; color:#505865; font-family:Arial Narrow, Helvetica, sans-serif}
.colonna h2  {font-size:1.6em; font-weight:bold; margin:0px; color:#8C172A; line-height:1.2em}
.colonna h3  {font-size:1.1em; font-weight:bold; margin:0px; text-transform:uppercase; color:#505865;}
.testo_evento  p  {font-size:1.2em; font-weight:normal; margin:10px 0px; color:#505865}
.testo_evento dl { font-size:1.3em; color:#505865}
.testo_evento dt { font-size:1.2em; color:#505865; margin-top:15px}
.testo_evento dd { margin-left:0px}
.testo_evento dd strong { font-weight:bold; color:#505865}

.testo_evento .box_evento { width:30%; float:right; margin-left:25px}
.box_evento{ text-align:center; font-size:1.2em}
.box_evento h1{ font-size:1.8em}
.box_evento h2{ font-size:1em}
.box_evento h3{}
.edificio { font-size:2.4em; font-weight:bold; line-height:0.9em}
.aula {  font-size:1.6em; line-height:1em}
.grigio_scuro .edificio, .grigio_scuro .aula {color:#FFF; padding:5px;}

.testo_evento ul { font-size:1.2em; padding:0px; margin-left:15px}
.testo_evento ul li {margin:5px 10px 5px 0px; list-style-position:outside}

.colonna form { margin:0px}
.colonna form input[type=text] { width:100%; font-size:1em; height:1.2em; border:1px solid #CCC; margin-bottom:5px}
.colonna form input[type=checkbox] { width:11px; height:11px; margin-right:2px}
.colonna form input[type=button] { padding:0.2em;font-size:1em; line-height:1em; height:2em; border:1px solid #CCC; margin-bottom:5px;}
.colonna form input.a_dx { float:right}
.colonna form hr { margin:2px 0px; color:#CCCCCC; border:none; background-color:#CCC; height:1px}
.colonna form p.nota { font-weight:normal; font-size:0.9em;}
a.no_effect, a.no_effect:visited,  a.no_effect:hover { font-size:inherit; font-weight:bold	; text-decoration:none; color:#FFF;}
.piantina { border:none; width:100%}
.piantina:hover {border:none; width:100%;}/**/

.box_mappa {width:100%; height:100%;}
img.img_oggi {position:absolute; top:0%; left:0%; z-index:9}