html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
BODY
{
  font-family:ARIAL, VERDANA, SANS-SERIF;
  font-size:15px;
  color:#353535;
  background:url(../img/sfondo.gif) top left repeat;
}

IMG
{
  border:none;
}

P
{
  text-align:justify;
}

H1, H2
{
  display:block;
  border-bottom:solid 2px #000000;
}

H1
{
  font-size:1.8em;
}

H2
{
  font-size:1.2em;
}

H3
{
  font-size:.9em;
}

UL
{
  margin-top:0;
  margin-bottom:.5em;
  padding-left:1.5em;
}

LI
{
  padding:.4em .3em;
  margin-left:.5em;
  list-style:disc url(../img/li.gif);
  line-height:1.3em;
}

BLOCKQUOTE
{
  padding:1em 1em;
  font-style:italic;
  font-size:.9em;
}

A
{
  color:#000000;
  text-decoration:underline;
}

A:hover, A:visited:hover
{
  color:#555555;
  text-decoration:underline;
}

A:visited
{
  color:#555555;
  text-decoration:underline;
}

LABEL
{
  display:block; min-width:10em;
}

DIV#msg
{
  background-color:#88f; color:#fff; border:solid 1px #00f; padding:.2em .5em; margin:.5em 0; font-weight:bold; -moz-border-radius:9px; -webkit-border-radius:9px;
}

DIV#err
{
  background-color:#f88; color:#fff; border:solid 1px #f00; padding:.2em .5em; margin:.5em 0; font-weight:bold; -moz-border-radius:9px; -webkit-border-radius:9px;
}

.small
{
  font-size:.8em;
  color:#222;
}

DIV.clear-float
{
  clear:both;
}

DIV#header
{
  height:150px;
  background-color:#ffffff;
  background:url(../img/sfondo_intestazione.gif) repeat-x;
}

DIV#header TABLE
{
  padding:0;
  margin:0;
  border-collapse:collapse;
}

DIV#header-bot
{
  height:2px;
  background-color:#0019b3;
}

DIV#footer
{
  clear:both;
  background-color:#0019b3;
  color:#ffffff;
  font-size:10px;
  margin-top:8em;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
}

DIV#footer A, A.hover, A.visited
{
  color:#ffffff;
  text-decoration:underline;
}
DIV#menu
{
  width:219px;
  background-color:#e8e8e8;
  font-size:.8em;
  font-style:italic;
  border-right:solid 2px #8e8e8e;
  padding-top:30px;
}

DIV#menu DIV#cambio-lingua
{
  padding-left:30px;
  padding-top:22px;
  padding-bottom:20px;
}

DIV#menu A.opzionemenu, DIV#menu A.opzionemenu:visited
{
  color:#565b74;
  display:block;
  text-decoration:none;
  height:35px;
  line-height:35px;
  padding-left:1em;
}

DIV#menu A.opzionemenu:hover, DIV#menu A.opzionemenusel, DIV#menu A.opzionemenusel:hover
{
  color:#ffffff;
  display:block;
  text-decoration:none;
  height:35px;
  line-height:35px;
  padding-left:1em;
  background:url(../img/menu_hover.gif) top left repeat-x;
  border-right:solid 1px #0019b3;
}

DIV#menu-left
{
  float:left;
  width:240px;
  background:url(../img/menu_left.gif) top right repeat-y;
}

DIV#menu-bot
{
  background:url(../img/menu_bottom.gif) top left no-repeat;
  float:left;
  width:240px;
  height:30px;
}

DIV#menu DIV#riga_vuota
{
  height:2em;
}

DIV#banner
{
  text-align:left; padding:0 5px;
}

DIV#banner IMG
{
  border:solid 1px #ccc; max-width:190px;
}

DIV.container
{
  text-align:center; float:left; margin:2px; width:150px; height:160px; padding-top:4px;
}

DIV.container DIV.box1
{
  height:110px; display:table; width:100%;
}

DIV.container DIV.box1 DIV.box2
{
  display:table-cell; vertical-align:middle;
}

DIV.container A.titoloimg
{
  text-decoration:none; padding:.2em .5em; display:block; font-size:.8em; background-color:#fffc9a; margin:0 .5em; padding:5px 2px;
}

IMG.miniatura-big
{
  cursor:url("../img/magminus.gif"), pointer;
}



DIV#gallery
{
}

DIV#gallery IMG.miniatura
{
  max-width:120px; max-height:120px;
}

DIV#tiny-gallery
{
  background-color:#eef; border:solid 1px #999; padding:.5em; overflow:auto; max-height:250px;
}

DIV#tiny-gallery DIV.container
{
  background-color:#FFF; border:solid 1px #ddd; border-bottom:solid 1px #aaa; border-right:solid 1px #aaa; -moz-border-radius:10px; -webkit-border-radius:10px;
}

DIV#tiny-gallery IMG.miniatura
{
  max-width:90px; max-height:90px; cursor:url("../img/magplus.gif"), pointer;
}
DIV#content
{
  margin:30px 20px 20px 250px;
  padding:1em 1.5em 2em 1.5em;
  background-color:#fff;
  color:#444;
  border:solid 1px #ccc;
  min-height:600px;
  max-width:700px;
  line-height:2.3em;
  font-size:.9em;
}

DIV#content TABLE TD
{
  vertical-align:top;
  line-height:1em;
  border-top:solid 1px #888; 
}

DIV#content TABLE TD .titolo-articolo
{
  display:block; color:#fff; background-color:#888; font-weight:bold; padding:2px;
}

DIV#content TABLE TD.immagine-articolo
{
  width:100px; padding:2px 2px 1em 2px; text-align:center;
}

DIV#content TABLE TD .descrizione-articolo
{
  padding-bottom:2px;
}

DIV#content TABLE TD IMG
{
  max-width:80px; max-height:80px;
}

DIV#content DIV.hiddennews
{
  padding-bottom:1em;
}


A.test
{
  margin:0 1em; padding:0 3em; text-decoration:none; font-weight:bold; background-color:#ccf; max-height:14em; overflow:auto;
}

DIV.test
{
  margin:0 1em; border:solid 1px #33f; background-color:#ccf; max-height:14em; overflow:auto;
}

A.azione, A.azione:visited
{
  font-size:14px; color:#444; text-decoration:none; background-color:#fdd; padding:.4em 1em .2em .2em; border:solid 1px #f00; -moz-border-radius:6px; -webkit-border-radius:6px;
}

A.azione IMG, A.azione:visited IMG
{
  vertical-align:sub;
}

A.azione:hover
{
  color:#000; background-color:#fbb;
}

DIV#tinycontent
{
  padding:4px; margin:0; background-color:#fff; border:solid 1px #aaa;
}

INPUT.text
{
  width:20em; height:1.3em;
}

TEXTAREA
{
  height:19em; width:100%;
}

TABLE#editor
{
  border-collapse:collapse; width:100%;
}

TABLE#editor TD
{
  vertical-align:top; border:solid 1px #ccc; background-color:#fff; padding:.5em;
}

TABLE#editor TD.label_column
{
  width:2em;
}

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

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* 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: #778 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: #fff;
  color: #000;
  padding: 2px;
}

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

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

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

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

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

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

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

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

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

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

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

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

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.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: #556;
  color: #fff;
}

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

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

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

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
