/* CSS VINCENZO */
/* Menu */
div.hormenu {
width: 20%;
float: left; 
margin: 0px 0px 0px 0px;
z-index: 10;
padding: 0px 0px 0px 0px;
background: none;
position: relative;
}

div.hormenu ul {width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; line-height: 25px}



div.hormenu li ul {display: none; position: absolute; background: #c0faf0; }
div.hormenu li:hover ul {
display: block;
position: absolute;
z-index:10;
width:170px;
padding: 0;
margin: 0;
border-bottom:2px groove #aabbff;
border-left:2px solid #eeffff;
border-right:3px groove #bbccff;
}

div.hormenu a {display: block; padding-left: 8px; color: #0000aa;}
div.hormenu a:hover {color: #0000ff;}
div.hormenu a.tmenu {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000044;}
div.hormenu a.tmenu:hover {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #0000ff;}
div.hormenu a.menu {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #0000aa;}
div.hormenu a.menu:hover {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #0000ff;}
div.hormenu li li {border: none; width: 170px;} 
div.hormenu li li a {padding-left: 15px; background-color: #ecffe0}
div.hormenu li li a:hover {padding-left: 15px; background-color: #b0faa0}

div.hormenu li.main {
width:100%;
float:left;
margin: 0;
padding: 0;
border-left: 0px solid black;
display: block;
height: 25px;
background: url(img/pattmenu2.png);
background-repeat: repeat-x;
background-position: center;
}

div.hormenu li.mainsel {
width:100%;
float:left;
margin: 0;
padding: 0;
display: block;
height: 25px;
background: url(img/pattmenu2_s.png);
background-repeat: repeat-x;
background-position: center;
}

div.hormenu li.mainsel a {
color: #0000ff;
}

div.hormenu li.mainsel:hover a {
color: #0000ff;
}

div.hormenu li.mainsel:hover {
width:100%;
float:left;
margin: 0;
padding: 0;
display: block;
height: 25px;
background: url(img/pattmenu5_s.png);
background-repeat: repeat-x;
background-position: center;
}

div.hormenu li.main:hover {
width:100%;
float:left;
margin: 0;
padding: 0;
display: block;
height: 25px;
background: url(img/pattmenu5_s.png);
background-repeat: repeat-x;
background-position: center;
}

div.menubar {position: relative; height: 25px; width: 100%; left: 0px; background: url(img/pattmenu2.png); background-repeat: repeat-x;}

 /* classi */
.style0n {font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal}
.style0b {font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left;}
.style0i {font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic}
.style0bi {font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic}
.style1n {font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal}
.style1b {font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left;}
.style1i {font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic}
.style1bi {font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic}
.style2n {font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal}
.style2b {font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left;}
.style2i {font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic}
.style2bi {font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic}
.style3n {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal}
.style3b {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left;}
.style3i {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic}
.style3bi {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic}
.style4n {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal}
.style4b {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left;}
.style4i {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic}
.style4bi {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic}
.style5n {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal}
.style5b {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left;}
.style5i {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic}
.style5bi {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic}

.padd0 {padding-left: 0px; padding-right: 0px}
.padd1 {padding-left: 15px; padding-right: 15px}
.padd2 {padding-left: 25px; padding-right: 25px}
.padd3 {padding-left: 40px; padding-right: 40px}
.link {cursor: pointer;}

.alt0 {line-height: 1;}
.alt1 {line-height: 1.4;}
.alt2 {line-height: 1.8;}

.just {text-align: justify}
.cent {text-align: center}
.right {text-align: right}
.left {text-align: left}
.top {vertical-align: top}
.bott {vertical-align: bottom}
.fullw {width: 100%;}
.zeromargine {margin: 0; padding: 0;}

/* colors */
.ctext {color: #001144;}
.cmenu {color: #222255;}
.clight {color: #ccccdd;}
.clighter {color: #eeeeff;}
.cdark {color: #000022;}
.cevid {color: #0033ff;}
.cevidg {color: #00bb22;}

.image0 {float: left; margin: 6px 12px 0px 0px;}
.image1 {float: right; margin: 6px 0px 6px 12px;}

html {
  height:100%
}

a {text-decoration: none}
a:hover {color: #0044ff; text-decoration: none}

body {
  overflow: auto;
  background-color:#ccddee;
  margin:0px;
  padding:0px;
  line-height: 1.2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
}

form {margin: 0px 0px 0px 0px}
img {border: 0px;}
hr.w12 {width: 12%;}
hr.w40 {width: 40%;}
hr.w85 {width: 85%;}

table {border-collapse: collapse; margin: auto;}
table.realtab {border: 1px groove;}
tr.mainbg {background-color: #fdfdff;}

/* frames ID*/
div.copertina2 {position: relative; left: 0px; top: 0px; width: 544px; height: 406px; background-image: url(img/copertina.png); background-repeat: no-repeat; background-position: center center;}

div.copertina {position: relative; left: 0px; top: 0px; width: 544px; height: 406px; background-image: url(img/copertinabg.jpg); background-repeat: no-repeat; background-position: center center;}
div {display: block;}
div.sfondo {position: relative; left: 0px; top: 0px; width: 100%; height: 740px; right: 0px; background-color: #fdfdff; margin-bottom: 0em; display: block; margin: 0; padding: 0}
 div.top {position: absolute; left: 0%; top: 0%; right: 0%; height: 155px; background: url(img/topwater.png) bottom; background-repeat: no-repeat; z-index: 1}
  div.topmaster {position: absolute; top: 0%; left: 0%; width: 20%; height: 100%; background-image: url(img/idromet.png); background-repeat: no-repeat; background-position: center top; z-index: 1}
  div.topmaster2 {position: absolute; top: 5px; left: 25px; width: 120px; height: 100%; background-position: center top; z-index: 1}
  div.toptitolo {position: absolute; top: 0%; left: 20%; width: 60%; height: 100%;background-image: url(img/idromet_home.png); background-repeat: no-repeat; background-position: center top; z-index: 1}
  div.topunisa {position: absolute; top: 0%; left: 80%; width: 20%; height: 100%; background-image: url(img/logo_unisa_s.png); background-repeat: no-repeat; z-index: 1; background-position: 48px 22px; text-align: center}
 div.topinfo {position: absolute; left: 0%; top: 130px; width: 100%; height: 25px; z-index: 1; line-height: 2.5;}
 div.menu {position: absolute; left: 0%; top: 155px; width: 100%; height: 25px; background-color: #fdfdff; z-index: 2; border-top: 1px solid #f0f0ff;}
 div.space {position: absolute; left: 0%; top: 180px; width: 100%; height: 15px; background-color: #fdfdff; z-index: 2;}
 div.mid {position: absolute; left: 0px; top: 195px; width: 100%; height: 500px; background-color: #fdfdff; z-index: 2; background: url(img/bottwater2.png) scroll bottom; background-repeat: no-repeat}
  div.midleft {position: relative; left: 0%; top: 0px; width: 30%; height: 100%; z-index: 2; background-image: url(img/07b.png); background-repeat: no-repeat; background-position: bottom}
  div.midright {position: absolute; left: 30%; top: 0px; width: 70%; height: 100%; z-index: 3;}
  div.midright1 {position: absolute; width: 90%}
/* tesi */
  div.midtop {position: relative; left: 4%; top: 0px; width: 92%; height: 100%; background-color: #fdfdff; z-index: 2; background: url(img/idromet_g.png); background-repeat: no-repeat; background-position: center 100px;}
 div.bottom {position: absolute; left: 20%; top: 695px; width: 60%; height: 45px; background-color: #fdfdff; z-index: 2; border-top: 0px solid blue;}
 
/* VINCENZO */