/* -------- redefined html tags -------- */

html {min-width:770px;}
* html {width:770px;}
body {
   background: transparent url(/images/scala.jpg) no-repeat bottom left;
   margin: 0;
   padding: 0;
   width:100%
}

body, p, h1, h2, h3, h4, h5, h6, table, td, th, ul, ol, li, input {
   font-size: 12px;
   color:#000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, td, th, ul, ol, li {
   padding-top: 2px;
   padding-bottom: 2px;
   text-align:justify;
   line-height: 1.5;
   margin-top: 2px;
}

dt {padding-top: 2px;}
dd {margin-left: 8px;}
dt,dd {line-height: 1.5}

#cont h2,#contenuto h2, h3 {
   color:#036;
   margin:0 20px 10px 10px;
   padding:4px 6px;
   clear:both;
}

h4, h5, h6 {
   color:#036;
   margin:0 20px 0 10px;
   padding:1px 6px;
}

h2 {
   font-size:12pt;
   text-align:left;
}

#contenuto h2,#cont h2 {border-bottom: 1px solid #802F60;}

#contenuto h3 {padding-left:80px; font-size:11pt;}

#contenuto ul {
   list-style: square url("/images/b1.gif");
}

#rnews h2,#lmenu h2 {
  margin: 0;
  padding: 0 2px 1px 2px;
  font-size: 10pt;
  font-variant:small-caps;
  color: #333;
}

#rnews h2{border-left: #336FA1 solid 18px;border-bottom:#333 solid 1px;margin: 0 0 5px 0;}

h4 {font-size:10pt}

p {
  padding: 2px 10px;
  line-height: 1.5
}

#cont p,#contenuto p{padding: 2px 30px;}

hr {
    padding: 0;
    border-style: solid;
    width: 90%;
    margin: 10px auto;
    height: 1px;
    border:none;
    color: #802F60;
    background-color: #802F60;
}

img {border:0;margin:4px;}

a {text-decoration: none;font-weight:500;}

a:link {color:#009;}
a:active {color:#802F60;}
a:visited {color:#009;}
a:hover {color:#802F60;}


/* -------- styles used in the default template -------- */

#header {
   position:relative;
   height:26px;
   margin:0;
   padding-top:54px;
   background:#802F60 url(images/titolo.jpg) no-repeat top right;
}
* html #header {width:100%}

#header h1 {
   font-size:12pt;
   color:#FFF;
   margin:0 20px 0 120px;
   padding-top:3px;
   border-top: #FFF solid 2px;
   text-align:right;
}

#header h1 span {
  display: none;
}

#logo {
   position:absolute;
   top:0;
   left:0;
   width:535px;
   height:80px;
   margin:0;
   padding:0;
   float:right;
   background: transparent url(images/titolo.gif) no-repeat top left;
}

#menu
{
   position:absolute;
   margin:0;
   padding:0;
   top:90px;
   left: 10px;
   right: 10px;
   font: 10pt/1.5 Arial, Verdana, sans-serif;
   text-align:center;
   z-index: 1;
   color:#036;
   background-color:#FFF;
   border-top:#802F60 solid 1px;
   border-bottom:#802F60 solid 1px;
   font-variant:small-caps;
}
* html #menu {width:98%}

.current {display: block;color: #802F60;}
ul#menu {list-style: none;}
ul#menu ul {list-style: none; margin:0;padding:0;}
ul#menu li{float:left; margin: 0 2px; min-width:86px;text-align:center;}
html * ul#menu li {width:90px}
ul#menu li a {display: block; border-width:0 0 1px 0;}
ul#menu li a:link {color: #036;}
ul#menu li a:active { color: #802F60;}
ul#menu li a:visited { color: #036;}
ul#menu li a:hover { color: #802F60;}


* ul#menu li ul li{float:none;margin:1px 0;}
* ul#menu li ul li.current {color: #C3C; }


#lmenu, #rnews {
   position:absolute;
   top: 170px;
   background-color: transparent;
   width:176px;
   margin: 0;
   padding: 0 2px;
   text-align:left;
   z-index: 1;
}

* html #lmenu {padding-top: 16px}

ul#lmenu {margin: 0; padding: 0px 2px 4px 8px}
ul#lmenu {left: 10px;border-right: 1px dotted #333;}
ul#lmenu li {list-style: none;padding-left:20px;}
ul#lmenu li a {text-align:left;display:block}
ul#lmenu li.title {font-variant:small-caps;color: #333;margin: 8px 0 5px 0;padding:0px 2px;font-size:13px;font-weight:bold;border-bottom:#333 solid 1px;}
ul#lmenu li#title1 {margin: 0 0 5px 0;border-left: #BD0913 solid 18px}
ul#lmenu li#title2 {border-left: #FFA34F solid 18px}
ul#lmenu li#title3 {border-left: #0099FF solid 18px}
ul#lmenu li#title4 {border-left: #33AC26 solid 18px}
ul#lmenu li#title5 {border-left: #999999 solid 18px}


#rnews {right: 10px;border-bottom: 1px solid #666;}



ul#mappa li {font-size: 10px}
ul#mappa li h4 {font-size: 10px;padding:0;margin:0;}
ul#mappa li h5 {font-size: 10px;padding:0;margin:0;}
ul#mappa li a:link {color: #036;}
ul#mappa li a:active { color: #802F60;}
ul#mappa li a:visited { color: #036;}
ul#mappa li a:hover { color: #802F60;}

/* -------- styles used in content  -------- */

#cont {
   position:relative;
   padding: 1em 1em 0 1em;
   margin:72px 190px 10px 190px;
}

#contenuto {
   position:relative;
   padding: 1em 1em 0 1em;
   margin:72px 10px 10px 190px;
}

p.destra{text-align:right; font-size:10px;}

div.avvisi{margin:6px 0;}
div.avvisi ul {padding-left:15px;margin-left:0}
div.avvisi ul li{line-height: 100%;margin:10px 0;text-align:left;font-size:11px;list-style: square url("/images/b1.gif");}
div.avvisi ul li a{font-size:11px}
div.avvisi p.centra{text-align:center; font-size:10px;}
div.avvisi p.destra{text-align:right; font-size:10px;}


#cont div.eventi{margin:6px 0;}
#cont div.eventi p{;margin:0;text-align:left}
#cont div.eventi p.centra{text-align:center; font-size:10px;}
#cont div.eventi p.destra{text-align:right; font-size:10px;}
#cont div.eventi p.indent {padding-left: 6em;}
#cont div.eventi p em {font-size:10px;font-weight:bold;font-style:normal;}

.clear {clear:both}
.indent {padding-left: 20px;}
.centra {text-align: center;}
.bold {font-weight:bold;}
.titolo {font-weight:bold; padding-top:4px; color:#036}
.t {border-bottom: 1px solid #802F60;padding-top:20px;padding-bottom:0px;}

li.indent {list-style:none;}
li.titolo {list-style:none;margin:0;padding:0;font-weight:normal}
p.link {margin:0;padding:0;line-height:100%}

.didascalia {
  padding: 10px 100px;
  font-size:8pt;
  border-top: 1px solid #903;
  border-bottom: 1px solid #903;
}

.firma {text-align:right; padding-right:100px}
.firma span {padding-right:12px}

div.box {
   border-top: 1px solid #036;
   border-bottom: 1px solid #036;
   background-color: #D7DFE7;
   margin: 0 30px;
   padding: 10px
}

div.elemento_bacheca {
   border-left: 2px solid #CCC;
   border-bottom: 1px solid #CCC;
   margin: 0 2em 1em 2em;
   padding: 10px
}

.box h3 {
     text-align:center;
}

.immagine_sx {
  padding-right:10px;
  float:left;
}

.immagine_dx {
  padding-left:10px;
  float:right;
}

#orario{
       padding: 2px 30px;
       overflow:hidden;
}

#prenota{
        padding: 1em 0;
        width: 50em;
        border-right: 1px solid #CCC;

}

#prenotalayout label, #prenotalayout input, #prenotalayout textarea {
        display: block;
        width: 30em;
        float: left;
        margin-bottom: 1em;
}

#prenotalayout input, #prenotalayout textarea{border:1px solid #DDD}

#prenotalayout input.small {width: 10em;}
#prenotalayout input.vsmall {width: 5em;}

#prenotalayout label {
        text-align: right;
        width: 10em;
        padding-right: 2em;
}

#prenotalayout label.dow {
        width: 3em;
        padding-right: 1em;
}

#prenotalayout br {
        clear: left;
}

#calcola{
        padding: 1em 0;
        width: 50em;
        border-right: 1px solid #CCC;

}

#calcolalayout label, #calcolalayout input, #calcolalayout textarea {
        display: block;
        width: 30em;
        float: left;
        margin-bottom: 1em;
}

#calcolalayout input, #calcolalayout textarea{border:1px solid #DDD}

#calcolalayout input.small {width: 5em;}
#calcolalayout select {width: 15em;}


#calcolalayout label {
        text-align: right;
        width: 5em;
        padding-right: 2em;
}

#calcolalayout br {
        clear: left;
}

#calcolalayout table {
        margin-left: 7em;
}



table#prenotazioni {width:700px; margin: 0 auto;border: 1px solid #AAA;border-collapse:collapse;}
table#prenotazioni th {font-size:9px;border: 1px solid #AAA;text-align:center;background-color:#DDD}
table#prenotazioni td {font-size:9px;text-align:left;width:100px;border-right:1px solid #AAA;background-color:#EEE}
table#prenotazioni td.even {border-top: 1px solid #AAA;border-bottom: 1px solid #DDD}
table#prenotazioni td.odd {border-bottom: 1px solid #AAA}
table#prenotazioni td.timeeven {background-color:#DDD;text-align:right;width:30px;border-top: 1px solid #AAA;}
table#prenotazioni td.timeodd {background-color:#DDD;text-align:right;width:30px;border-bottom: 1px solid #AAA}
table#prenotazioni td.busy {background-color:#CCACBF;height:20px;}
#caption {width:700px;background-color:#CCACBF;height:25px;text-align:center;margin:0 auto;}
#caption ul {list-style:none;text-align:center;padding:0;margin: 0 auto;}
#caption ul li {display:inline;padding:0 50px;}

/*********************************
Objhandler
*********************************/


ul.dbmenu li a:link { color: #448; }
ul.dbmenu li a:visited { color: #448; }
ul.dbmenu li a:hover{color: #000;background: #CCC;border-color: #AE0125;}
ul.dbmenu li a.current{background: #efefef;border-bottom: 1px solid #efefef;}

div.navbar {position:relative;margin: 10px auto; padding:5px 10px; background-color:#DDD; border: 1px solid #778}
div.navbar form {margin:0;position:absolute;width:250px;left:10px;top:5px;}
div.navbar form  p {margin:0}
div.navbar p.navcount {margin:0; position:absolute;width:200px;right:10px;top:5px;text-align:right}
div.navbar input{border: 1px solid #778;max-width:800px;}
div.navbar ul.navbuttonlist {text-align:center;border:0;margin:0}
div.navbar ul.navbuttonlist li {list-style: none; display: inline;}
div.navbar ul.navbuttonlist li a {width: 100px; margin:0; padding:3px; text-decoration: none;}


/* Puņ essere un div o un form */
#recform {
        width: 600px;
        margin: 10px auto;
        padding: 25px 25px 0 25px;
        border: 1px solid #AE0125;
        line-height:100%;
}

* html #recform {width: 650px;}
#recform p {padding:0}
#recform label {display: block;}
#recform .clear {clear: both;}
#recform div {margin:0;padding:0;}
#recform div h3 {margin:0;padding:0}
#recform div p {margin:0;padding:0}
.auth {font-size: 9px; width: 100px}
.linklike {text-decoration: none; font-weight:500; border-width:0; color:#009;background-color:transparent;cursor:pointer;margin:0;padding:0}

ul.commandlist {padding: 3px 0; margin: 0;text-align:center;}
ul.commandlist li {list-style: none; margin: 0; display: inline;}
ul.commandlist li a {width:120px; margin:0; padding:0; text-decoration: none;}

ul.buttonlist {height: 30px;margin:5px auto 0 auto;padding:10px 0 0 0;text-align:center;position: relative;background-color:#DDD; border: 1px solid #778;clear:both}
#recform ul.buttonlist {background-color:transparent; border: 0;border-top: 1px solid #AE0125;}
ul.buttonlist li {list-style: none; display: inline;}
ul.buttonlist li.left {list-style: none; display: block; margin: 5px; position: absolute; top:0; left:0}
ul.buttonlist li.right {list-style: none; display: block; margin: 5px; position: absolute; top:0; right:0}
ul.buttonlist li a {width: 120px; margin:0; padding:3px; text-decoration: none;}

form#formlogin{
  margin:0 auto;
  width:300px;
  padding: 3px 5px;
  text-align: center;
}

form#formlogin p{
  text-align: center;
}

table#objlist {width:100%;margin: 10px auto;border: 1px solid #778;border-collapse:collapse;}
table#objlist tr.even {background-color:#E9E9E9;}
table#objlist tr.odd {background-color:#EFEFEF;}
table#objlist tr:hover {background-color:#DCC;}

table#objlist th {vertical-align: middle;height:30px;border-bottom:1px solid #036;margin: 0;padding:0 5px;background-color:#DDD}
table#objlist td {vertical-align: top;border:1px solid #CCC;margin: 0;padding:0 5px;}


table.display_orario {width:100%;margin: 1px auto;border-collapse:separate}
table.display_orario td {font-size:2em;text-align:left;vertical-align:top}
table.display_orario tr {border: 1px solid #778;}
table.display_orario tr.even {background-color:#DDD}
table.display_orario tr.odd {background-color:#EFEFEF}
table.display_orario tr.annullato td {color:#F00; text-decoration:line-through}


table.onetomany {border: 1px solid #AAA;padding:0;margin:0;width:557px;border-collapse:collapse;background-color:#fafafa}
table.onetomany caption{text-align:left;font-weight:bold;font-size:xx-small;padding:6px 0 2px 0;}
table.onetomany th{border: 1px solid #AAA;padding:2px;font-size:x-small}
table.onetomany td{border-style:solid;border-color: #AAA;border-width: 1px 0;padding:2px;}
table.onetomany tr:hover {background-color:#EEE;}

ul.onetomany {width:555px; padding:0; margin: 0;text-align:center;border-width: 0 1px 1px 1px; border-style:solid;border-color:#AAA;background-color:#fafafa}
ul.onetomany li {list-style: none; padding:0; margin: 0; text-align:center }
ul.onetomany li a {margin:0; padding:0; text-decoration: none;font-size:xx-small;}

table.detail {border: 1px solid #AAA;padding:0;margin:10px 0 0 0;width:557px;border-collapse:collapse;background-color:#fafafa;}
table.detail caption{text-align:left;font-weight:bold;font-size:xx-small;padding:6px 0 2px 0;}
table.detail th{border: 1px solid #AAA;padding:2px;font-size:x-small}
table.detail td{border-style:solid;border-color: #AAA;border-width: 1px 0;padding:2px;font-size:x-small}
table.detail tr:hover {background-color:#EEE;}

ul.detail {width:555px; padding:0; margin: 0;text-align:center;border-width: 0 1px 1px 1px; border-style:solid;border-color:#AAA;background-color:#fafafa}
ul.detail li {list-style: none; padding:0; margin: 0; }
ul.detail li a {margin:0; padding:0; text-decoration: none;font-size:xx-small;}

ul.commandlist {padding: 3px 0; margin: 0;text-align:center;}
ul.commandlist li {list-style: none;  display: inline;}
table.onetomany td ul.commandlist {padding:0}
table.onetomany td ul.commandlist li {padding: 0 5px}
table.onetomany td ul.commandlist li a {font-size:xx-small;}
table.detail td ul.commandlist {padding:0}
table.detail td ul.commandlist li {padding: 0 5px}
table.detail td ul.commandlist li a {font-size:xx-small;}
ul.commandlist li a {width:60px; margin: 0 1em; padding:0; text-decoration: none;}

ul#risorse {position:absolute; left:-130px;margin:0;padding:0;}
ul#menu_orari {list-style: none} 
ul#menu_orari li {list-style: none; float: left;}
ul#menu_orari li a {display:block; width: 20em; border: 1px solid #aaa; text-align:center;}
ul#menu_orari li a:hover {background-color:#CCC}