body { 
  margin:0px;
  padding:0px;
  font-family: arial,verdana,serif;
  background:#ffffff url(../imgs/bg.gif) repeat-x;
  }
  
p,a,ul,li,ol,dl,form,input,table,tbody,tr,td { margin:0px;padding:0px; }


div.clear { clear:both;}




/*
    ********   LEFT-COL
*/
div#left-col {
  position:relative;
  top:0px;
  left:0px;
  background:#ffffff url(../imgs/servizi_bg.gif) no-repeat;
  width: 490px;
  border-top:1px solid #ffffff;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  border-left:1px solid #ffffff;
  margin:1px 0px 0px 0px;
  padding:0px;
  overflow:none;
  
}

div#left-col div#row1 { position:relative;clear:both;top:0px;left:0px;width:485px;margin:0px;padding:0px;}
DIV#left-col DIV#row1 H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 30px;
    PADDING-BOTTOM: 13px;
    MARGIN: 0px;
    FONT: bold 13px arial,verdana,serif;
    COLOR: #324c62;
    PADDING-TOP: 2px
}

DIV#left-col DIV#row1 DIV#services{
    PADDING: 0px ;
    MARGIN: 0px 20px 0px 0px;
    FONT: 12px Verdana,Arial;
    line-height:16px;
    COLOR: #324c62;
    MAX-WIDTH:490px;
}
DIV#left-col DIV#row1 DIV#services H5
{
    background:#F1F1F1 url(../imgs/freccia.gif) no-repeat;
    DISPLAY:block;
    PADDING:4px 0px 4px 20px;
    MARGIN:1px 10px 0px 20px;
    COLOR: #70939F;
    
    font:bold 12px verdana,arial;
}
/*
    PORTO - NUMERI UTILI
*/
DIV#left-col DIV#row1 DIV#services div.guardie{
    BACKGROUND:url(../imgs/porto-utili-guardie.gif) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.aci{
    BACKGROUND:url(../imgs/porto-utili-aci.gif) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.aci{
    BACKGROUND:url(../imgs/porto-utili-aci.gif) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.soc{
    BACKGROUND:url(../imgs/porto-utili-soccorso.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.farm{
    BACKGROUND:url(../imgs/porto-utili-farmacia.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.med{
    BACKGROUND:url(../imgs/porto-utili-med.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.com{
    BACKGROUND:url(../imgs/porto-utili-comune.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.post{
    BACKGROUND:url(../imgs/porto-utili-poste.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.scu{
    BACKGROUND:url(../imgs/porto-utili-scuole.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.taxi{
    BACKGROUND:url(../imgs/porto-utili-taxi.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.enel{
    BACKGROUND:url(../imgs/porto-utili-enel.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.cin{
    BACKGROUND:url(../imgs/porto-utili-cinema.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
DIV#left-col DIV#row1 DIV#services div.pro{
    BACKGROUND:url(../imgs/porto-utili-proloco.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 80px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:60px;
    height: auto !important;
    HEIGHT:60px;
}
/*
    PORTO - SERVIZI
*/
DIV#left-col DIV#row1 DIV#services div.fer{
    BACKGROUND:url(../imgs/porto-servizi-ferry.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.tel{
    BACKGROUND:url(../imgs/porto-servizi-telefoni.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.gas{
    BACKGROUND:url(../imgs/porto-servizi-gasoline.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.bar{
    BACKGROUND:url(../imgs/porto-servizi-bar.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.rist{
    BACKGROUND:url(../imgs/porto-servizi-ristoranti.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.market{
    BACKGROUND:url(../imgs/porto-servizi-market.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.tabacchi{
    BACKGROUND:url(../imgs/porto-servizi-tabacchi.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.rim{
    BACKGROUND:url(../imgs/porto-servizi-rimessaggio.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.gru{
    BACKGROUND:url(../imgs/porto-servizi-gru.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.cost{
    BACKGROUND:url(../imgs/porto-servizi-costruzioni.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.motori{
    BACKGROUND:url(../imgs/porto-servizi-motori.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.acc{
    BACKGROUND:url(../imgs/porto-servizi-accessori.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}

DIV#left-col DIV#row1 DIV#services div.ice{
    BACKGROUND:url(../imgs/porto-servizi-ice.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 12px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}
DIV#left-col DIV#row1 DIV#services div.nol{
    BACKGROUND:url(../imgs/porto-servizi-noleggio.jpg) NO-REPEAT;
    PADDING: 0px 0px 0px 120px;
    MARGIN:0px 0px 0px 20px;
    MIN-HEIGHT:80px;
    height: auto !important;
    HEIGHT:80px;
}

DIV#left-col DIV#row1 P{
    font-size:12px;
    padding:0px 0px 10px 40px;
    width:440px;
    MAX-WIDTH:480px !important;
    margin:0px;
    line-height:18px;
}
/*

*/
DIV#left-col DIV#row1 H6{
    padding:0px 40px 10px 40px;
    margin:0px;
    color:#0786c5;
    font:normal 18px Verdana,arial;
}

DIV#left-col DIV#row1 H2{
    padding:20px 0px 30px 20px;
    margin:0px;
 }

DIV#left-col DIV#row1 UL
{
    DISPLAY: block;
    MARGIN: 0px 0px 20px 60px;
    COLOR: #324c62;
    PADDING: 0px 0px 0px 0px;
    LIST-STYLE-TYPE: square
}
DIV#left-col DIV#row1 UL LI
{
    PADDING: 0px 40px 10px 0px;
    MARGIN: 0px 0px 0px 0px;
    FONT: 12px/16px Verdana,Arial;
    }
DIV#left-col DIV#row1 TABLE{
    marign-left:30px;
    PADDING-LEFT:30px;
}
div#left-col h2 { font:normal bold 13px arial,verdana,serif; color:#324C62;padding:22px 0px 0px 20px;margin:0px 0px 30px 0px; }
div#left-col h3 { font:normal bold 13px arial,verdana,serif; color:#324C62;margin:0px auto;padding:5px 0px 0px 18px; background:#EDEFF1;height:22px; /*
width:370px;
*/width:350px;}
div#left-col p { font:normal normal 11px verdana,serif; color:#324C62;margin:15px 0px 0px 0px; padding:15px 15px 15px 18px;width:450px;line-height:16px;}
div#left-col div.heading {}
div#left-col a {}



div#middle-col-main {position:absolute;top:23px;left:503px;height:450px;width:136px;margin:0px;padding:0px;border:1px solid #ffffff;
	background:url(../imgs/middle-col-main.jpg) no-repeat;
  }
div#middle-col-info {position:absolute;top:23px;left:503px;height:450px;width:136px;margin:0px;padding:0px;border:1px solid #ffffff;
	background:url(../imgs/middle-col-info.jpg) no-repeat;
  }
div#middle-col-servizi {position:absolute;top:23px;left:503px;height:450px;width:136px;margin:0px;padding:0px;border:1px solid #ffffff;
	background:url(../imgs/middle-col-servizi.jpg) no-repeat;
  }
div#middle-col-utili {position:absolute;top:23px;left:503px;height:450px;width:136px;margin:0px;padding:0px;border:1px solid #ffffff;
	background:url(../imgs/middle-col-utili.jpg) no-repeat;
  }
div#middle-col-circoli {position:absolute;top:23px;left:503px;height:450px;width:136px;margin:0px;padding:0px;border:1px solid #ffffff;
	background:url(../imgs/middle-col-circoli.jpg) no-repeat;
  }
div#middle-col-secca {position:absolute;top:23px;left:503px;height:450px;width:136px;margin:0px;padding:0px;border:1px solid #ffffff;
	background:url(../imgs/middle-col-secca.jpg) no-repeat;
  }
div#right-col { 
  position:absolute;
  top:23px;
  left:652px;
  width:178px;
  border-top:1px solid #ffffff;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  background:#edeff1 url(../imgs/meteo_bg.gif) 0px 0px no-repeat;
  margin:0px;
  padding:0px;
  }
div#right-col img { margin:6px 4px 6px 4px; vertical-align:top;}
 
div#right-col h3 { background:transparent url(../imgs/title-meteo.gif) no-repeat;margin:0px;padding:0px;height:29px; width:178px;}
div#right-col h3 span {display:none; }
div#right-col p {font:normal normal 11px arial,verdana,serif; color:#ffffff; padding: 0.5em 14px 0.2em 14px;margin-top:30px;/* mac ie hack \*/ margin:0px;/* end hack */ }



div#right-col div.bulletin {
  clear:both;
  position:relative;
  /*width:219px;*/
    height:434px;
  margin:0px;
  padding:0px 0px 0em 0px;
  background:#edeff1;
  /*
border:1px solid #90C1D2;
*/
  
  }
div#right-col div.bulletin h4 { /*background:transparent url(../imgs/title-bulletin.gif) no-repeat; */
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:1px dotted #90C1D2;
    width: 236px;
    height:18px;
    color:#324C62;
    font:normal bold 11px arial,verdana,serif;
    margin:0em;padding: 0.5em 0em 0em 0em;
    text-indent:1em;}
div#right-col div.bulletin ul { list-style-type:square;color:#34A0BA;display:block; margin-left:20px;margin-right:0.5em; padding:0px; }
div#right-col div.bulletin ul li { margin:0px;padding:0px 0px 5px 0px;line-height:11px; }
div#right-col div.bulletin ul li a { font:normal normal 11px arial,verdana,serif;color:#000000;text-decoration:none; margin:0px;padding:0px;}
div#right-col div.bulletin ul li a:hover { text-decoration:underline; }
div#right-col div.bulletin ul li span.date {font:normal bold 11px arial,verdana,serif;color:#4290C1;margin:0px;padding:0px;}
div#meteo{
  height:97px;
  text-align:right;
  border-top:13px solid #0685c5;
  padding:0px 0px 0px 0px;
  background:#edeff1;
}
div#ff {
  position:relative;
  height:95px;
  width:90px;
  background:#324C62 url(../imgs/meteo.gif) no-repeat;
  margin:0px;
  top:0px;
  padding:0px;
  border-left:1px solid #ffffff;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
  border-right:1px solid #ffffff;
  float:left;
}