/* CSS VINCENZO */
div.hormenu3 {width: 150px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: rgba(245,245,250,0.4); position: relative;}
div.btop { border-top: 1px solid #e0faff; border-right: 1px solid #e0faff; border-left: 1px solid #e0faff; border-bottom: 0px solid #e0faff;}
div.bmid { border-top: 0px solid #e0faff; border-right: 1px solid #e0faff; border-left: 1px solid #e0faff; border-bottom: 0px solid #e0faff;}
div.bbott { border-top: 0px solid #e0faff; border-right: 1px solid #e0faff; border-left: 1px solid #e0faff; border-bottom: 1px solid #e0faff;}
div.hormenu3 ul {width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; left: 150px; top: 0px; list-style-type: none; line-height: 25px;}
div.hormenu3 li > ul {display: none; position: absolute; background: #daffd0; z-index:0;position: relative}
div.hormenu3 li:hover > ul {display: block; position: absolute; z-index: 2; width: 215px; padding: 0; margin: -1px; border-bottom: 2px groove #aabbff; border-top: 1px solid #e0faff; border-left: 0px solid #eeffff; border-right: 2px groove #bbccff}
div.hormenu3 li.base:hover {background: url(img/menuleftbg.png) repeat-y; border-right: 0px dotted #90cec0; border-top: 0px solid #c0fef0;}

div.hormenu3 img {vertical-align: middle}
div.hormenu3 li li {padding-left: 6px; background-color: #daffd0}
div.hormenu3 li > ul > li:hover {padding-left: 6px; background-color: #b0faa0}
div.hormenu3 ul > li > ul > li > a {display: block; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000099;}
div.hormenu3 ul > li > ul > li > a:hover {display: block; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #0000ff; text-decoration: none;}

.style0n {font-size: 24px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; font-style: normal}
.style0b {font-size: 24px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: normal;}
.style0i {font-size: 24px; font-family: "Trebuchet MS", Arial, Verdana; font-style: italic}
.style0bi {font-size: 24px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: italic}
.style1n {font-size: 20px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; font-style: normal}
.style1b {font-size: 20px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: normal;}
.style1i {font-size: 18px; font-family: "Trebuchet MS", Arial, Verdana; font-style: italic}
.style1bi {font-size: 18px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: italic}
.style2n {font-size: 15px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; font-style: normal}
.style2b {font-size: 15px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: normal;}
.style2i {font-size: 15px; font-family: "Trebuchet MS", Arial, Verdana; font-style: italic}
.style2bi {font-size: 15px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: italic}
.style3n {font-size: 13px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; font-style: normal}
.style3b {font-size: 13px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: normal;}
.style3i {font-size: 13px; font-family: "Trebuchet MS", Arial, Verdana; font-style: italic}
.style3bi {font-size: 13px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: italic}
.style4n {font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; font-style: normal}
.style4b {font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: normal;}
.style4i {font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana; font-style: italic}
.style4bi {font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: italic}
.style5n {font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; font-style: normal}
.style5b {font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: normal;}
.style5i {font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana; font-style: italic}
.style5bi {font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; font-style: italic}

.menuleft {font-size: 14px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; text-align: right; cursor: pointer;}
.menuleft:hover {font-size: 14px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: normal; text-align: right; color: #0033ff; cursor: pointer;}
.menuleftp {font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; text-align: left; background: url(img/pattmenu3.png); background-repeat: repeat-x; background-position: center}
.menuleftp:hover {font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; text-align: left; color: #0033ff; background: url(img/pattmenu2.png); background-repeat: repeat-x; background-position: center; cursor: pointer;}
.menulefta {text-align: left}
.menulefta:hover {text-align: left}

.padd0 {padding-left: 0px; padding-right: 0px}
.padd1 {padding-left: 10px; padding-right: 10px}
.padd2 {padding-left: 20px; padding-right: 20px}
.padd3 {padding-left: 40px; padding-right: 40px}

.padd5 {padding: 0px 0px 0px 0px;}
.padd6 {padding: 5px 5px 5px 5px;}
.padd7 {padding: 10px 10px 10px 10px;}
.padd8 {padding: 20px 20px 20px 20px;}
.link {cursor: pointer;}

.alt0 {line-height: 0.9;}
.alt1 {line-height: 1.2;}
.alt2 {line-height: 1.3;}
.alt3 {line-height: 1.6;}

.just {text-align: justify}
.cent {text-align: center}
.right {text-align: right}
.left {text-align: left}

.fullw {width: 100%;}

/* colors */
.ctext {color: #001144 !important;}
.cmenu {color: #223366 !important;}
.clight {color: #ddddee !important;}
.clighter {color: #feffff !important;}
.cdark {color: #000022 !important;}
.cred {color: #ff4400 !important;}
.cblu {color: #0022ee !important;}
.cevid {color: #ff6611 !important;}
.cevidg {color: #00bb22 !important;}
.cevidg1 {color: #009933 !important;}

.cssvalid {border:0; width:66px; height:24px;}
.update {background: url(img/pattmenu2r.png) repeat-x;}
 
.w12 {width: 12%;}
.w30 {width: 30%;}
.w50 {width: 50%;}
.w75 {width: 75%;}
.w85 {width: 85%;}
.w100 {width: 100%;}

.data {background-color: #bbf0dd;}

.alfa1 {vertical-align: top; background: rgba(145,255,134,0.60) !important;}
.alfa1b {vertical-align: top; background: rgba(140,255,134,0.10) !important;}
.alfa2 {vertical-align: top; background: rgba(145,255,134,0.60) !important;}
.alfa2b {vertical-align: top; background: rgba(140,255,134,0.40) !important;}
.alfa3 {vertical-align: top; background: rgba(140,255,234,0.40) !important;}
.alfa3b {vertical-align: top; background: rgba(140,255,234,0.15) !important;}
.alfa4 {vertical-align: top; background: rgba(140,255,234,0.30) !important;}
.alfa4b {vertical-align: top; background: rgba(140,255,234,0.0) !important;}

html {
  height:100%
}

a {text-decoration: none; color: #0055ee;}
a.clean {text-decoration: none}
a.menu {font-family: Tahoma; }
a:hover {color: #0055ff; text-decoration: underline}
a:active {color: #22bbff;}
a:visited {color: #0000aa;}

p {text-align: center;}

body {
  overflow: auto;
  background-color:#ccddee;
  margin:0px;
  padding:0px;
  line-height: 1.2;
  font-family: "Trebuchet MS", Arial, Verdana;
  font-size:12px;
  color:#000000;
}

form {margin: 0px 0px 0px 0px}
img {border: 0px;}
 
table {border-collapse: collapse; margin: auto; border: 0; }
table.tabtext {background-color: rgba(224,231,255,0.5); border: 1px solid; border-collapse: separate}
table.tabtext td {padding: 0.3em 0.5em 0.3em 0.5em;}
table.tabtext1 {background-color: rgba(230,238,255,0.5); border: 2px groove #aaaaaa; border-collapse: separate}
table.tabtext1 td {border: 1px solid #bbbbbb;}
td.td1 {width: 8px;}
td.td2 {width: 250px;}
td.td3 {width: 275px; vertical-align: middle;}
td.td4 {width: 8px;}
td.tdp1 {width: 25%;}
td.w110 {width: 110px;}
td.w20p {width: 20%;}
td.w75p {width: 75%;}
td.maintable {background: url(img/bordo2.png) repeat-y center;}
td.menu {font-size: 12px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; line-height: 2; background: url(img/pattmenu4.png) repeat-x center; text-align: center; width: 110px;}
td.menuactive {font-size: 13px; font-family: "Trebuchet MS", Arial, Verdana; font-weight: bold; line-height: 2; background: url(img/pattmenu4_s.png) repeat-x center; text-align: center; width: 130px;}
td.tesi1 {width: 25%; vertical-align: top}
td.tesi2 {width: 75%; vertical-align: top}
td.tesi1a {width: 28%; vertical-align: top}
td.tesi2a {width: 72%; vertical-align: top}

/* frames ID*/
div {display: block;}
div.textfrbg {background: rgba(228,236,252,0.8); border: 2px groove white; margin: auto;}
div.textfrbg2 {background: rgba(228,236,252,0.4); border: 2px groove white; top: 8%; position: relative; width: 90%;}
div.sfondo {position: relative; left: 0px; top: 0px; width: 100%; height: 820px; right: 0px; background: #effff4; margin-bottom: 0em; display: block; margin: 0; padding: 0}
 div.top {position: absolute; left: 0px; top: 0px; right: 0px; height: 155px; background: url(img/topwater1.png) bottom no-repeat; z-index: 1}
  div.topmaster {position: absolute; top: 0px; left: 0; width: 150px; height: 100%; background: url(img/idromet.png) no-repeat center top; z-index: 1}
  div.topmaster2 {position: absolute; top: 8px; left: 20px; width: 120px; background-position: center center; z-index: 1}
  div.toptitolo {position: absolute; top: 0px; left: 155px; width: 450px; height: 100%; z-index: 1;}
  div.topunisa {position: absolute; top: 0px; left: 605px; width: 150px; height: 100%; background: url(img/logo_unisa_s.png) no-repeat; z-index: 1; background-position: 48px 20px; text-align: center;}
 div.topinfo {position: absolute; left: 0px; top: 130px; width: 100%; height: 25px; z-index: 1;}
 div.menu {position: absolute; left: 0px; top: 160px; width: 100%; height: 29px; background: #fdfdff; z-index: 2; border-top: 1px solid #e5f8ff;}
 div.space {position: absolute; left: 0px; top: 189px; width: 100%; height: 15px; background: #fdfdff; z-index: 2;}
 div.mid {position: absolute; left: 0px; top: 204px; width: 100%; height: 560px; float: left; background: url(img/bottwater2.png) #fdfdff scroll bottom no-repeat; z-index: 1; }
  div.menul0 {width: auto; border-top: 1px #ddddee solid; border-right: 2px white groove; border-bottom: 0px white groove; border-left: 1px #ddddee solid; background: rgba(165,225,250,0.45);}
  div.menul1 {width: auto; border-top: 1px #bbccbb solid; border-right: 2px white groove; border-bottom: 2px white groove; border-left: 1px #ddddee solid; background: rgba(180,245,250,0.45);}

  div.midleft {position: relative; left: 0px; top: 0px; width: 30%; height: 100%; z-index: 2; float: left; background: url(img/07b.png) no-repeat left bottom; }
   div.midleft1 {position: relative; left: 3%; top: 0px; width: 94%; height: 500px; z-index: 2; overflow: auto;}

  div.midright {position: relative; left: 0px; top: 0px; width: 70%; height: 100%; z-index: 2; float: left;}
   div.midright1 {position: relative; left: 0px; top: 0px; width: 91%; height: 450px; overflow: auto; float: left; z-index: 2; border: 1px groove #88aaff; background: rgba(80,120,255,0.2); }
   div.midright2 {position: relative; top: 0px; width: 96%; height: auto; overflow: auto; float: left; z-index: 2; border: 0; /* background: rgba(225,235,255,0.5); border: 2px groove white; */ margin: auto;}
   div.midright3 {position: absolute; left: 0px; top: 0px; width: 96%; height: 550px; overflow: auto; float: left; z-index: 2; border: 0px; /* background: rgba(140,180,255,0.1); */}

  div.midleftbd {position: relative; left: 0px; top: 0px; width: 22%; height: 100%; float: left; z-index: 2; background: url(img/07b.png) no-repeat left bottom; }
   div.midleft1bd {position: relative; left: 3%; top: 2%; width: 94%; height: 96%; z-index: 2; margin: auto;}
  div.midrightbd {position: relative; left: 0px; top: 0px; width: 78%; height: 100%; float: left; z-index: 2;}
   div.midright1bd {position: relative; left: 0%; top: 2%; width: 98%; height: 90%; float: left; overflow: auto; z-index: 2; margin: auto;}
   div.framediv {position: relative; display: block; height: 450px; overflow: auto; visibility: visible}
   div.framediv1 {position: relative; display: block; left: 4%; width: 92%; height: 460px; background: #fdfdff; overflow: auto; visibility: visible}
   div.framediv2 {position: relative; display: block; left: 4%; width: 92%; height: 425px; background: #fdfdff; overflow: auto; visibility: visible}
   div.framedivsl {position: relative; display: block; left: 4%; width: 92%; height: 425px; background: #d0e0fa; overflow: auto; visibility: visible; padding: 1.5em 0.5em 1.5em 0.5em; border: 2px #bbffaa groove; }

  div.midtop {position: relative; left: 4%; top: 0px; width: 92%; height: 100%; background-color: #fdfd0f; background: url(img/idromet_g.png) no-repeat center 110px; z-index: 3; }
 div.bottom {position: absolute; left: 20%; top: 770px; width: 60%; height: 50px; background: #fdfdff; z-index: 1; border-top: 0px solid blue;}
/* VINCENZO */

