﻿
a, img, form, br, h3, h2, h1, li, ul, body, span {
margin:0px;
padding:0px;
border:0px
}

.progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

.processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}


/* ----- MAPPA BOX ----- */

.mappaBox {
  float:left;
} 

.mappaBox .legenda ul {
 list-style-type: none;
 margin-top: 24px;
 padding: 0px;
}
 .mappaBox .legenda li {
 line-height: 11px;
 background-repeat: no-repeat;
 background-position:left top;
 text-align: left;
 padding-left: 20px;
 margin-bottom: 5px;
 padding-bottom: 5px;
 font-size: 11px;
}
.mappaBox .legenda strong {
 display: block;
 font-size: 12px;
 color:#3E3E3E;
 line-height: 10px;
 padding-bottom: 5px;
}

.mappaBox .legenda .l1{
	background-image: url(../images/legenda01.png);
}
 .mappaBox .legenda .l2{
	background-image: url(../images/legenda02.png);
}
 .mappaBox .legenda .l3{
	background-image: url(../images/legenda03.png);
}
 .mappaBox .legenda .l4{
	background-image: url(../images/legenda04.png);
}
 .mappaBox .legenda .l5{
	background-image: url(../images/legenda05.png);
}
 .mappaBox .legenda .l6{
	background-image: url(../images/legenda06.png);
}

h1 {
  font-size:22pt;
  font-family:Helvetica;
  letter-spacing:-.75pt;
  color:#85BA0C;
}

h2 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:15pt;
  color:#3E3E3E;
  font-weight:100;
  margin:1px 0px 3px 3px;
}

h3 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:9pt;
  color:#A4A4A4;
  font-weight:100;
  margin:1px 0px 13px 3px;
}

.text {
  margin:0px 0px 5px 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#666666;
}

.mappaBox .table {
  font-family:Arial, Helvetica, sans-serif;
  font-size:9pt;
  color:#666666;
}

.mappaBox .table strong {
 display: block;
 font-size: 12px;
 color:#3E3E3E;
 line-height: 10px;
 padding-bottom: 5px;
}

.mappaBox .credit {
  position: absolute;
  margin-top:562px;
  margin-left:305px;
  /*margin-left:135px;*/
  top:0px;
  left:0px;
  font-family:Helvetica, sans-serif;
  color:green;
  float:left
}

.mappaBox .credit a:visited {
  color:green
}


/* ----- LIST ----- */
.list {
   padding:5px 5px 0px 5px;
   width:150px;
   font-size:10px;
   overflow:auto;
}

.listText ul{
  list-style-type:none;
  list-style-image:none;
}

.listText li {
  list-style-type:none;
  list-style-image:none;
  border-bottom:1px #EEEEEE dotted;
  height:15px;
  padding-top:2px;
}

.listText li a {
    /*color:#FFFFFF;*/
}



.legenda td {
  padding:4px 0px 0px 3px;
  margin:1px 5px 1px 5px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:14px;
  border-bottom:1px #dcdcdc dashed;
  height:30px;
  color:#777777;
}

.eaBg .legenda ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

.eaBg .legenda li {
 list-style-type: none;
 line-height: 10px;
 background-repeat: no-repeat;
 background-position: left top;
 text-align: left;
 padding-left: 5px;
 margin-bottom: 5px;
 padding-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #FFFFFF;
 font-size: 10px;
}

.eaBg .legenda strong {
 display: block;
 font-size: 11px;
 color: #333333;
 line-height: 18px;
 padding-bottom: 5px;
 text-indent: 25px;
}

.eaBg .legenda .l1 {
 background-image: url(http://www.lamiaaria.it/images/legenda01.png);
}
.eaBg .legenda .l2 {
 background-image: url(http://www.lamiaaria.it/images/legenda02.png);
}
.eaBg .legenda .l3 {
 background-image: url(http://www.lamiaaria.it/images/legenda03.png);
}
.eaBg .legenda .l4 {
 background-image: url(http://www.lamiaaria.it/images/legenda04.png);
}
.eaBg .legenda .l5 {
 background-image: url(http://www.lamiaaria.it/images/legenda05.png);
}
.eaBg .legenda .l6 {
 background-image: url(http://www.lamiaaria.it/images/legenda06.png);
}
.eaBg .legenda .l7 {
 background-image: url(http://www.lamiaaria.it/images/legenda07.png);
}

.eaBg a {
  color:#4d87c7;
}

.eaBg a:hover {
  color:#000000;
  text-decoration:none;
}

/* ----- COLONNE ----- */
.colonna_sx {
  margin:0px 0px 0px 10px;
  float:left;
  width:630px;
}

.colonna_dx {
  background-color:#FFFFFF;
  margin:0px 0px 0px 20px;
  padding:5px 0px 0px 0px;
  float:left;
  width:310px;
  height:980px;
}

.elencoArticoli {
	background-image: url(../images/boxElencoBottom.jpg);
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #EFEFEF;
	position: relative;
	margin-top: 15px;
	margin-bottom: 20px;
}

.colonnaLegenda {
	background-image: url(http://lamiaaria.it/images/boxElencoTop.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}
.colonnaLegenda .testata {
	font-size: 18px;
	color: #6390BA;
	text-decoration: none;
	padding-bottom: 10px;
}
.colonnaLegenda .legenda {
}
.colonnaLegenda .legenda ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
.colonnaLegenda .legenda li {
 list-style-type: none;
 line-height: 12px;
 background-repeat: no-repeat;
 background-position: left top;
 text-align: left;
 padding-left: 10px;
 margin-bottom: 5px;
 padding-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #FFFFFF;
 font-size: 10px;
}
.colonnaLegenda .legenda strong {
 display: block;
 font-size: 14px;
 color: #333333;
 line-height: 18px;
 padding-bottom: 5px;
 text-indent: 25px;
}
.colonnaLegenda .legenda .l1 {
 background-image: url(http://lamiaaria.it/images/previsioni_legenda_0001.jpg);
}
.colonnaLegenda .legenda .l2 {
 background-image: url(http://lamiaaria.it/images/previsioni_legenda_02.jpg);
}
.colonnaLegenda .legenda .l3 {
 background-image: url(http://lamiaaria.it/images/previsioni_legenda_03.jpg);
}
.colonnaLegenda .legenda .l4 {
 background-image: url(http://lamiaaria.it/images/previsioni_legenda_04.jpg);
}
.colonnaLegenda .legenda .l5 {
 background-image: url(http://lamiaaria.it/images/previsioni_legenda_05.jpg);
}
.colonnaLegenda .legenda .l6 {
 background-image: url(http://lamiaaria.it/images/previsioni_legenda_06.jpg);
}
.colonnaLegenda .legenda .l7 {
 background-image: url(http://lamiaaria.it/images/previsioni_legenda_07.jpg);
}

.disclaimer {
  /*background-color:#ededed;*/
  width:640px;
  margin:5px 0px 2px 4px;
  padding:1px 2px 1px 4px;
  width:100%;
  text-align:left;			
}

.avvertenze {
  margin-left:8px;
  width:640px;
  text-align:justify
}

.avvertenze p {
  color:#FE0002;
  text-align:center
}

#layer1 {
  text-align:left;
  position: absolute;
  visibility: hidden;
  width: 230px;
  height: 302px;
  left: -10px;
  top: 0px;
  background-color: #e9e9e9;
  border: 1px solid #dddddd;
  padding: 10px;
  z-index:100
}

#close {
  float: right;
}
