﻿
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;
  position:relative;
  height:475px;
}


/* ----- CARTINA ----- */
.mappaBox .contCar{
    position: absolute;
	margin-top:38px;
	margin-left:4px;
	top:0px;
	left:0px
}
.mappaBox .cartina {
	height: 400px;
    width: 360px;
	overflow: hidden;
}
.mappaBox .maskItalia {
	behavior: url(../iepngfix/iepngfix.htc);
	/*background-image: url(../images/maskItaliaWhite.png);*/
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 270px;
	position: absolute;
	z-index: 1900;
}


/* Mini Mappe */
.mappaBox .miniMask{
  position:absolute;
  top:380px;
  left:1px;
}

.mappaBox .maskMattino {
	behavior: url(../iepngfix/iepngfix.htc);
	height: 87px;
	width: 90px;
	position: absolute;
	/*z-index: 1906;*/
	margin-left:10px;
	
}
.mappaBox .maskPom {   
	behavior: url(../iepngfix/iepngfix.htc);
	height: 87px;
	width: 90px;
	position: absolute;
	/*z-index: 1905;*/
	margin-left:135px;
}
.mappaBox .maskSera {
	behavior: url(../iepngfix/iepngfix.htc);
	height: 87px;
	width: 90px;
	position: absolute;
	/*z-index: 1904;*/
	margin-left:260px;
}

.mappaBox .miniMask .miniMap {
  height:87px;
  width:77px;
  margin-top:22px;
  margin-left:4px;
  z-index:1900;
  position:absolute;
}

.mappaBox .miniMask .miniMapReg {
  height:87px;
  width:87px;
  margin-top:22px;
  margin-left:-1px;
  z-index:1900;
  position:absolute;
}

.mappaBox .miniMask .mg {
  margin-top:5px;
  z-index:2000;
  position:absolute;
  margin-left:-1px;
}
.mappaBox .miniMask a {
  display:block;
  font-size: 13px;
  font-weight: bold;
  color:#777777;
  text-decoration:none;
  margin:1px;
}

.mappaBox .miniMask a:hover {
    background-color:#6FA6D4;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

.mappaBox .miniMask .active {
    background-color:#c0c0c0;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
}


/* LEGENDA */ 
.mappaBox .legenda {
    height:522px;
    color:#A4A4A4;
    border-right-color:#B3B3B3;
    border-right-width:1px;
    border-right-style:solid;
    margin-left:300px;
    margin-top:1px;
    width: 152px;
    /*background-color:#EEEEEE;*/
   	padding:5px;
}
 

 
.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 .content {
 position:absolute;
 left:480px;
 top:47px;
 width:390px;
}

.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 .content2 {
 position:absolute;
 left:480px;
 top:490px;
 width:390px;
}

.mappaBox .content3 {
  margin-top:20px;
}


/* MASCHERE REGIONALI */
.mappaBox .cartinaReg {
	position: absolute;
	z-index: 1500;
	height: 295px;
    width: 295px;
	overflow: hidden;
}

.mappaBox .maskAbruzzo{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskAbruzzoWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskBasilicata{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskBasilicataWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskCalabria{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskCalabriaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskCampania{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskCampaniaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskEmilia_Romagna{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskEmilia_RomagnaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskFriuli_Venezia_Giulia{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskFriuli_Venezia_GiuliaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskLazio {
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskLazioWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskLombardia {
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskLombardiaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskLiguria{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskLiguriaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskMarche {
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskMarcheWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskMolise{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskMoliseWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskPiemonte {
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskPiemonteWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskPuglia {
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskPugliaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskToscana{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskToscanaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskTrentino_Alto_Adige{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskTrentino_Alto_AdigeWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskValle_D_Aosta{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskValle_D_AostaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskVeneto{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskVenetoWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskSardegna{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskSardegnaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskSicilia{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskSiciliaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}
.mappaBox .maskUmbria{
	behavior: url(../iepngfix/iepngfix.htc);
	background-image: url(../images/maskUmbriaWhite.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 295px;
	width: 295px;
	position: absolute;
	z-index: 1900;
}

.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
}


/* ----- LEGGENDA ----- */
.eaBg {
    float:right;
	background-image: url(../images/colonna_dx.png);
	background-repeat: no-repeat;
	position: relative;
	height:485px;
	width:230px;
}

.eaBg .legenda {
   height:300px;
   overflow:auto
}


.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;*/
  margin:5px 0px 2px 4px;
  padding:1px 2px 1px 4px;
  width:100%;
  text-align:left;			
}

.avvertenze {
  margin-left:8px;
  width:100%;
  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;
}
