body { 
  margin:0; 
  padding:0;
  background-color: #fff; 
  text-align: justify;
  font-family: Georgia, Arial, Garamond;
  font-size: 16px;
}

#header {
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  background-color:#fff;
  border-bottom:2px ridge #2AAEDA;
  width:100%;
  height: 70px;
}

#logo {
  float:left;
  padding:10px;
}

#title {
  font-family: Georgia, Arial, Garamond;
  float:left;
  padding-top:10px;
  font-size:32pt;
  font-variant: small-caps;
  font-weight: 800;
  color:#2AAEDA;
}

#accesso {
  font-family: Georgia, Arial, Garamond;
  float:right;
  margin-right:20px;
  width:auto;
  min-width:80px;
  height:38px;
  text-align:center;
  border: #2AAEDA 1px solid;
  -moz-border-radius:3px;
  -moz-box-shadow:1px 1px 1px #2AAEDA;
  -webkit-border-radius:3px;
  -webkit-box-shadow:1px 1px 1px #2AAEDA;
  border-radius:3px;
  box-shadow:1px 1px 1px #2AAEDA;
  background: #2AAEDA;
  cursor:hand;
  cursor: pointer;
  color:#fff;
}

#accesso:hover {
  border: #2898B8 1px solid;
  -moz-border-radius:3px;
  -moz-box-shadow:1px 1px 1px #2898B8;
  -webkit-border-radius:3px;
  -webkit-box-shadow:1px 1px 1px #2898B8;
  border-radius:3px;
  box-shadow:1px 1px 1px #2898B8;
  background: #2898B8;
  cursor:hand;
  cursor: pointer;
  color:#ddd;
}

#accesso .pict{
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

#submenu {
  text-shadow: none;
  margin-top:38px;
  border: #2AAEDA 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow:1px 1px 1px #aaa;
  -webkit-box-shadow:1px 1px 1px #aaa;
  box-shadow:1px 1px 1px #aaa;
  background: #fff;
  cursor: hand;
  cursor: pointer;
  color: #2AAEDA;
}

#submenu table {
  width:100%;
}

#submenu .tr-menu:hover{
  cursor:hand;
  cursor:pointer;
  background-color:#ddd;
}

#submenu .td-menu {
  height:30px;
  text-align:left;
  padding-left:20px;
}

#submenu table td span.lineadiv {
  padding:0px;
  display: block;
  height: 1px;
  overflow: hidden;
  margin: 4px 0px 2px 0px;
  background: #CCC;
  width:100%;
}

#page {
  font-family: Georgia, Arial, Garamond;
  margin:0px;
  padding:0px;
  width: 100%; 
  height: auto; 
}

#page .sx{
  padding:10px;
  vertical-align:top;
}
       
#page .dx {
  padding:10px;
  width:320px;
}

#dx {
  font-family: Georgia, Arial, Garamond;
}

#dx.up{
  float:left;
  margin:30px 10px 5px 0;
  padding:15px;
  border: #2AAEDA 1px solid;
  -moz-border-radius:3px;
  -moz-box-shadow:1px 1px 1px #2AAEDA;
  -webkit-border-radius:3px;
  -webkit-box-shadow:1px 1px 1px #2AAEDA;
  border-radius:3px;
  box-shadow:1px 1px 1px #2AAEDA;
  height:20px;
  width:320px;
  color:#fff;
  background-color:#2AAEDA;
  font-family: Georgia, Arial, Garamond;
  font-size:16px;
  font-variant: small-caps;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

#dx.accedi{
  float:left;
  margin:20px 20px 20px 0;
  padding:25px;
  border: #2AAEDA 1px solid;
  -moz-border-radius:3px;
  -moz-box-shadow:1px 1px 1px #2AAEDA;
  -webkit-border-radius:3px;
  -webkit-box-shadow:1px 1px 1px #2AAEDA;
  border-radius:3px;
  box-shadow:1px 1px 1px #2AAEDA;
  height:320px;
  width:300px;
  color:#fff;
  background-color:#2AAEDA;
}

#dx .title {
  font-family: Georgia, Arial, Garamond;
  font-variant: small-caps;
  font-size:16pt;
  text-align:left;
  color:#fff;
  height:40px;
}

#dx.accedi #errore {
  float:left;
  padding-top:2px;
  width:300px;
  height:50px;
  font-size: 12pt;
  color:#ff0000;
}

#user {  
  float:left;
  padding-top:2px;
}

#user input.text {
  font-weight: normal;
  font-size: 1em;
  padding: 10px 40px 10px 10px;
  background: #ffffff url(../img/user.png) top right no-repeat;
  border: 0;
  width: 250px;
  color: #000;
}

#pwd {  
  float:left;
  padding-top:2px;
}

#pwd input.text {
  font-weight: normal;
  font-size: 1em;
  padding: 10px 40px 10px 10px;
  background: #ffffff url(../img/pwd.png) top right no-repeat;
  border: 0;
  width: 250px;
  color: #000;
}

#email {  
  float:left;
  padding-top:2px;
}

#email input.text {
  font-weight: normal;
  font-size: 1em;
  padding: 10px 40px 10px 10px;
  background: #ffffff url(../img/email.png) top right no-repeat;
  border: 0;
  width: 250px;
  color: #000;
}

#noimage {  
  float:left;
  padding-top:2px;
}

#noimage input.text {
  font-weight: normal;
  font-size: 1em;
  padding: 10px 40px 10px 10px;
  background: #ffffff top right no-repeat;
  border: 2px solid #2AAEDA;
  width: 250px;
  color: #000;
}

#noimageobbl input.text {
  font-weight: normal;
  font-size: 1em;
  padding: 10px 40px 10px 10px;
  background: #feffe0 top right no-repeat;
  border: 2px solid #2AAEDA;
  width: 250px;
  color: #000;
}

#noimagedis input.text {
  font-weight: normal;
  font-size: 1em;
  padding: 10px 40px 10px 10px;
  background: #dddddd top right no-repeat;
  border: 2px solid #2AAEDA;
  width: 250px;
  color: #000;
}

#search {
  margin-right:20px;
  bottom: 0;
  right: 28px;
  height: 38px;
  line-height: 38px;
  padding-bottom:20px;
}

#search input.text {
  font-weight: normal;
  font-size: 1em;
  padding: 10px 40px 10px 10px;
  background: #ffffff url(../img/search.png) top right no-repeat;
  border: 0;
  width: 400px;
  color: #000;
  border: 1px solid #2AAEDA;
}

#dx.accedi a {
  font-family: Georgia, Arial, Garamond;
  font-size:12pt;
  color:#fff;
}
 
input.button {
  font-size:12pt;
  width: 160px;
  height: 30px;
}

#list{
  border:1px solid #2AAEDA;
  -moz-box-shadow:1px 1px 1px #aaa;
  -webkit-box-shadow:1px 1px 1px #aaa;
  box-shadow:1px 1px 1px #aaa;
  color:#2AAEDA;
}

#list th{
  border:1px solid #2AAEDA;
  height:30px;
  -moz-box-shadow:1px 1px 1px #aaa;
  -webkit-box-shadow:1px 1px 1px #aaa;
  box-shadow:1px 1px 1px #aaa;
  background-color: #2AAEDA;
  color:#fff;
}

#list th img{
  border:1px solid #2AAEDA;
  width:20px;
  padding:3px;
  border-radius: 5px;
  background-color: #fff;
  color:#fff;
}

#list th.first {
  -moz-border-radius:5px 0 0 0px ;
  -webkit-border-radius:5px 0 0 0px ;
  border-radius:5px 0 0 0px ;
}
#list th.last {
  -moz-border-radius:0 5px 0 0;
  -webkit-border-radius:0 5px 0 0;
  border-radius:0 5px 0 0;
}

#list .tr-list.pari-nohover {
  background-color:#EEF0F0;
  height:30px;
}

#list .tr-list.dispari-nohover {
  background-color:#fff;
  height:30px;
}

#list .tr-list.pari {
  background-color:#EEF0F0;
  height:30px;
}

#list .tr-list.dispari {
  background-color:#fff;
  height:30px;
}

#list .tr-list.dispari:hover{
  cursor:hand;
  cursor:pointer;
  background-color:#ddd;
}

#list .tr-list.pari:hover{
  cursor:hand;
  cursor:pointer;
  background-color:#ddd;
}

#list .td-first {
  border-left:1px solid #2AAEDA;
  box-shadow:1px 1px 0px #aaa;
}
#list .td-center {
  box-shadow:1px 1px 0px #aaa;
}

#list .td-last {
  border-right:1px solid #2AAEDA;
  box-shadow:1px 1px 1px #aaa;
}

#list .endlist {
  border-bottom:1px solid #2AAEDA;
  box-shadow:1px 1px 1px #aaa;
}

.mask{width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;filter: alpha(opacity=74); -moz-opacity: 0.74;-khtml-opacity: 0.74;opacity: 0.74;background: #C0C0C0;}
.modal{z-index: 500;width:100%;height:420px;opacity: 1.0;position: fixed;top:80px;font-size: 72px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.hide{display: none;}
.content{background:-webkit-gradient(linear, 0 0, 0 100%, from(#8DB3FF),to(#003399));background:-moz-linear-gradient(top, #8DB3FF, #003399);/* IE5.5 – IE7 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8DB3FF, endColorstr=#003399);/* IE8 */-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#8DB3FF, endColorstr=#003399)”;z-index: 2;margin-top: 15px;padding: 15px;width: 100%;height: 100%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-style: normal;font-weight: bold;text-shadow: none;text-decoration: none;text-transform: none;letter-spacing: 0em;word-spacing: 0em;line-height: 1.2;color: white;text-shadow: 1px 0px 5px #77a05e;text-align:left;overflow-y: auto;border-radius: 5px;border-width: 5px;border-color: white;border-style: solid;}
.contentpopup{background:#FAFCFE;z-index: 2;margin:0 auto;padding: 15px;width:800px;height:440px;border: 1px solid #ACC2DA;font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 16px;font-style: normal;font-weight: bold;text-shadow: none;text-decoration: none;text-transform: none;letter-spacing: 0em;word-spacing: 0em;line-height: 1.2;color: #000;text-align:left;overflow-y: auto;border-radius: 5px;border-width: 5px;border-color: white;border-style: solid;}
.close {float:right}
.title{ font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-style: normal;font-weight: 400;text-shadow: none;text-decoration: none;text-transform: none;letter-spacing: 0em;word-spacing: 0em;line-height: 1.2;color: #222;text-shadow: 1px 0px 5px black, 3px 0px 5px black;text-align:center;}
.launch:active{opacity: 0.8;}
.text{font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#000;font-size: 14px;font-weight: 400;text-shadow: none;text-align: left;}
.info{ font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;border:2px solid #2AAEDA;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height:480px;padding:20px;font-size: 12pt; font-style: normal;font-weight: 400;text-shadow: none;text-decoration: none;text-transform: none;letter-spacing: 0em;word-spacing: 0em;line-height: 1.2;color: #222;text-shadow: 1px 0px 1px #fff, 1px 0px 1px #fff;}

.label {font-size:11pt;text-align:right;font-weight:400;color:#000;}
.text-any {text-align:left;height:18px;}
.text-upper {text-align:left;height:18px;}
.obbl {border: 1px solid #7f9db9;background-color:#feffe0;}
.disable {border: 1px solid #7f9db9;background-color:#EFEFEF;height:16px;}
