html, body, form, fieldset, a img{
margin:0;
padding:0;
border:0;
}
body{
background:#fff url(../img/bg_pag.gif) -110px -118px no-repeat;
font:70% Verdana, Arial, sans-serif;
color:#000;
}
a{
text-decoration:none;
color:#003399;
}
a:hover{
text-decoration:underline;
}
hr{
display:none;
}
label{
background:#fff;
}
h1, h2, h3, h4, h5, h6{
font-weight:lighter;
margin:auto;
}
h1{
font:220% Arial, sans-serif;
color:#003399;
}
h2{
font:200% Arial, sans-serif;
color:#333;
}
h3{
font:170% Arial, sans-serif;
color:#666;
}
h4{
font:150% Arial, sans-serif;
color:#777;
}
h5{
font:140% Arial, sans-serif;
}
h6{
font:130% Arial, sans-serif;
}
fieldset legend{
margin:0 0 10px -5px;
padding:0;
text-align:left;
color:#000;
}
acronym{
font-style:italic;
}
/* --------------------------------------------------------------- */
.dn{
display:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.cb{
clear:both;
}
.u{
text-decoration:underline;
}
.b{
font-weight:bold;
}
.i{
font-style:italic;
}
.input{
font:100% Verdana, Arial, sans-serif;
border:none;
border-bottom:1px solid #666;
width:99%;
margin:3px 0 0 0
}
.button{
font:bold 100% Verdana, Arial, sans-serif;
border:1px solid #003399;
background:#003399;
color:#fff;
margin:3px 0 0 0
}
.cn{
text-align:center;
margin:0 auto;
}
/*
.ul{
list-style:none;
padding:.3em 0 .6em 0;
}
.ul li, .ul ol, .ul ol ol, .ul ol li{
list-style:none;
padding:.3em 0 .3em 0;
}
.ul ol li{
list-style:none;
padding:.1em 0 .3em .7em;
}
.ulc{
list-style-image:url(../img/li.gif);
padding:.3em 0 1em 1.5em;
}
.ulc li, .ul ol, .ulc ol ol, .ulc ol li{
padding:.2em 0 .2em 0;
}
.ulc ol li{
padding:.1em 0 .2em .7em;
}
*/
/* --------------------------------------------------------------- */
table#calendario{
background:#fff;
padding:0;
margin:25px 0 0 0;
border:1px solid #ccc;
font-size:90%;
width:100%;
}
table#calendario a{
font-weight:bold;
display:block;
background:#efefef;
border:1px solid #ddd
}
table#calendario a:hover{
background:#003399;
color:#fff;
text-decoration:none;
}
table#calendario td{
background:#fff;
padding:0;
text-align:center;
}
table#calendario th{
background:#eee;
padding:0;
}
table#calendario caption{
display:none;
}
/* --------------------------------------------------------------- */
#contenitore{
width:780px;
}
/* --------------------------------------------------------------- */
#alto ul, #alto ol, #alto li, #alto p, #alto h1, #alto h2, #alto h3, #alto h4, #alto h5, #alto h6{
margin:0;
padding:0;
border:0;
}
#alto{
padding-right:20px;
height:150px;
background: url(/img/bg_alto.gif) top left no-repeat;
}
#alto #titolo{ /* parte sinistra del banner in alto */
float:left;
margin:0 0 0 0;
/*width:25%;
background:#33FF66;*/
}
#alto #titolo h1 a{
/*display:none;*/
display:block;
text-indent:-9999px;
width:210px;
height:110px;
margin:0 0 0 20px;
}
#alto #titolo h2{
display:none;
}
#alto #menu{ /* parte destra del banner in alto */
float:right; 
text-align:right;
width:520px;
}
#alto #menu #accessibilita{ /* menu accessibilita in alto a dx */
margin:15px 0px 75px 0;
float:right;
}
#alto #menu #accessibilita #lettura{ /* preferenze di lettura */
margin:0 0 0 10px;
float:right;
}
#alto #menu #accessibilita #menu_a{/* menu dopo le preferenze di lettura */
/*background:#CC6633;*/
float:right;
}
#alto #menu #accessibilita #menu_a a{ 
margin:0 15px 0 0;
color:#000;
}
#alto #menu #menu_p{ /* menu principale */
clear:both;
float:right;
width:100%;
/*background:#CC6633;*/
}
#alto #menu #menu_p a{
font-weight:bold;
padding:1px 8px 1px 8px;
/*border-right:1px solid #000;
border-left:0px solid #fff;*/
color:#000;
background:#fff;
}
#alto #menu #menu_p a:hover{
color:#003399;
}
/* --------------------------------------------------------------- */
#testata_h{
clear:both;
width:780px;
background: url(/img/bg_img.gif) center center no-repeat;
}
#testata_h .bg1{
background: url(/img/bg_testata_h_1.jpg) no-repeat;
}
#testata_h .bg2{
background: url(/img/bg_testata_h_2.jpg) no-repeat;
}
#testata_h .bg3{
background: url(/img/bg_testata_h_3.jpg) no-repeat;
}
#testata_h .bg4{
background: url(/img/bg_testata_h_4.jpg) no-repeat;
}
#testata_h .bg5{
background: url(/img/bg_testata_h_5.jpg) no-repeat;
}
#testata_h .bg6{
background: url(/img/bg_testata_h_6.jpg) no-repeat;
}
#testata_h span{
width:780px;
height:110px;
display:block;
}
#testata_p{
clear:both;
width:780px;
}
#testata_p .bg1{
background:#eee;
}
#testata_p .bg2{
background:#eee;
}
#testata_p .bg3{
background:#eee;
}
#testata_p .bg4{
background:#eee;
}
#testata_p .bg5{
background:#eee;
}
#testata_p .bg6{
background:#eee;
}
#testata_p p{
padding:0;
margin:0;
}
#testata_p span{
padding:9px 20px 9px 20px;
display:block;
}
/* --------------------------------------------------------------- */
#centrale_h table#orari th{
font-weight:normal;
text-align:left;
width:55%;
padding:0;
}
#centrale_h table#orari td{
padding:0;
text-align:right;
}
#centrale_h table#orari caption{
display:none;
}
#centrale_h{
clear:both;
width:780px;
line-height:1.5em
}
#centrale_h .riga{
width:780px;
clear:both;
}
#centrale_h .box1{
width:185px;
float:left;
padding:20px 20px 10px 20px;
}
#centrale_h .box2{
width:210px;
padding:20px 20px 10px 20px;
float:left;
}
#centrale_h .box3{
width:265px;
padding:20px 20px 10px 20px;
float:right;
}
#centrale_h .box3 select{
margin:15px 0 0 0;
}
#centrale_h .box1 ul, #centrale_h .box2 ul, #centrale_h .box3 ul{
list-style:none;
}
#centrale_h .box1 ul li, #centrale_h .box2 ul li, #centrale_h .box3 ul li{
padding:.3em 0 .3em 0;
}
#centrale_h #cambia_mese{
width:100%; 
padding:5px 0 0 0;
}
#centrale_h #ancora{
display:none;
}
#centrale_h .ultime_news_blocco {
margin-bottom:10px;
padding:0;
}
#centrale_h .ultime_news_blocco p{
margin:0;
padding:0;
}
#centrale_h #vetrina p{
margin:5px;
padding:0;
}
/* --------------------------------------------------------------- */
#centrale_p table#orari th, #centrale_p table#orari_stra th{
font-weight:normal;
text-align:left;
width:55%;
padding:0;
}
#centrale_p table#orari td, #centrale_p table#orari_stra td{
padding:0;
text-align:right;
}
#centrale_p table#orari caption, #centrale_p table#orari_stra caption{
display:none;
}
#centrale_p{
clear:both;
width:770px;
line-height:1.5em
}
#centrale_p #sx{
width:160px;
padding:20px;
float:left;
}
#centrale_p #sx a{
display:block;
font-weight:bolder;
padding:5px 0 5px 0 ;
}
#centrale_p #dx{
width:540px;
padding:20px 20px 20px 0;
float:right;
}
#centrale_p #dx h1{
margin-top:0;
padding-top:0;
}
#centrale_p #dx p{
margin:.6em 0 1.1em 0;
}
#centrale_p #dx .tit_allegati{
margin:20px 8px 0px 0;
font-weight:bold;
text-align:right;
font-style:italic;
}
#centrale_p #dx .elenco_allegati{
margin:0 8px 10px 0;
float:right;
clear:both;
}
#centrale_p #ancora{
clear:both;
margin:10px 0 10px 210px;
}
#centrale_p ul{
margin-top:0px;
}
#centrale_p li{
margin-bottom:5px;
}
/* --------------------------------------------------------------- */
#basso {
clear:both;
/*border-top: 5px solid #eee;*/
padding:30px 20px 20px 20px;
line-height:1.4em
}
#basso ul, #basso ol, #basso li, #basso p, #basso h1, #basso h2, #basso h3, #basso h4, #basso h5, #basso h6{
margin:0;
padding:0;
border:0;
}
/* --------------------------------------------------------------- */


/* Calendario */
/* The main calendar widget.  DIV containing a table. */

div.calendar { 
position: relative; 
padding-top:5px;
}

.calendar, .calendar table {  
  background:#fff;
	padding:0;
	margin:0;
  cursor: default;  
  font-family: Verdana, Arial, sans-serif;
  width:100%;
  font-size:95%;
  text-align: center;
}
.calendar table {
	border:1px solid #ccc;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #edc url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background:#eee;
  color: #000;
  padding: 2px;
  font-family: Verdana, Arial, sans-serif;
}

.calendar thead .titleH { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #eee;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #eee;
  color: #000;
}


.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #fff;
  padding: 2px;
  text-align: center;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #d00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #ccc;
  color: #fff;
  border: 1px solid #ddd;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #eee;
  font-weight: bold;
  color: #000;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 2px 2px 2px;
}
.calendar tbody .day span.othermonth {
  font-size: 90%;
  color: #ddd;  
}
.calendar tbody .day span.othermonth span.oweekend {
  color: #d99;  
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #fed;
}

.calendar tbody .rowhilite td {
  background: #eee;      
}

.calendar tbody .rowhilite td.wn {
  background: #eee;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #ddd;  
  border: 1px solid #ddd;
  font-weight: bold;
  color:#003399;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #eee;  
  border: 1px solid #ddd;
  font-weight: bold;
  color:#003399;
}


.calendar tbody td.todayselected { /* Cell showing today date */  
  border: 1px solid #ccc;    
}

.calendar tbody td.todayactiveselected { /* Cell showing today date */  
  border: 1px solid #ccc;  
  background: #bbb;  
  font-weight: bold;
}

.calendar tbody td.todayactiveselectedweekend { /* Cell showing today date */  
  border: 1px solid #ccc;  
  background: #bbb;  
  font-weight: bold;
  color: #003399;
}

.calendar tbody td.todayactiveweekend { /* Active (pressed) cells <TD> */
  color: #d00;
  background: #bbb;  
  border: 1px solid #ccc;
  font-weight: bold;
}



.calendar tbody td.selected { /* Cell showing today date */  
  border: 1px dashed #655;    
}

.calendar tbody td.activeselected { /* Cell showing today date */  
  border: 1px dashed #ccc;  
  background: #bbb;  
  font-weight: bold;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #d00;
}

.calendar tbody td.activeselectedweekend { /* Cell showing today date */  
  border: 1px dashed #ccc;  
  background: #bbb;  
  font-weight: bold;
  color: #d00;
}

.calendar tbody td.activeweekend { /* Active (pressed) cells <TD> */
  color: #d00;
  background: #eee;  
  border: 1px solid #ccc;
  font-weight: bold;
}

.calendar tbody td.hiliteweekend { /* Hovered cells <TD> */
  color: #d00;
  background: #ddd;  
  border: 1px solid #ccc;
  font-weight: bold;
}

.calendar tbody td.selectedweekend { /* Cell showing today date */  
  border: 1px dashed #bbb;    
  color: #d00;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #988;
  color: #000;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #dcb;
  color: #840;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}