html { color: #000000 ; background-color: #ffffff; overflow: auto; }
body { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
       background-color: #fff; color: #333; width:1000px; margin:0 auto;}

ul { list-style: none outside; padding-left: 5px; padding-right: 5px; }

h1 { color:#666666; background-color:transparent; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
h1 a { color:#666666; background-color:transparent; text-decoration: none;}
h1 a:hover { text-decoration: none;}

#top { margin:0 auto; width: 100%;}
#footer { 
    background-color: white;
    clear:both;
    color:#666666;
    font-weight:bold;
    margin-bottom:30px;
    text-align:center;
}
#main { width: 1000px; margin: 0 auto; }
#container { width: 1000px; margin: 15px auto 30px; top: 0px; left: 0px; }

#title { width: 395px; height: 72px; }
#subtitle { margin: 0 auto; text-align: center; }

#map { background: url('../img/map1.png') no-repeat 50% top;
    width: 622px; height: 316px; }
    
.italy{ position: relative; top: 20px; left: 20px; 
    width: 178px; height: 211px; }

#shortcuts { clear: both; width: 622px; height: 130px; float: left; }
#shortcuts img { width: 198px; height: 120px; margin: 5px; }

#containerLeft { float: left; height: 440px; width: 622px; margin-left: -4px; margin-right: 5px; } 
#containerRight { float: left; height: 440px; width: 365px; }

#mostra_regioni {
    clear: both;
    position: relative; 
    bottom: 110px; left: 210px;
    text-decoration: none; 
    text-align: center;
    width: 400px; 
}
#mostra_regioni td { padding-left: 7px; }
#mostra_regioni .elenco_regioni {}

#bb {
    position: relative;
    top: -80px;
    left: 2px;
    text-align: center;
    font-size: 11px;
}
#bb a { color: #666666; }

#search {
    position: relative;
    top: -172px; left: 264px;
    width: 312px; height: 47px;
}
#search form { 
    background:url('../img/search_bg1.png') no-repeat 0 0; 
    width: 312px; height: 65px;
    margin-top: 5px;
}
#txtAutocomplete { 
    border:0 none;
    width:255px; height:22px;
    margin-left:6px; margin-top:13px;           
}
#bttCerca { 
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: url('../img/search1.png') no-repeat 0 0;
    width:33px;     height:34px;
        float: left;
        margin-top: 5px;     margin-left: 6px;
}
#bttCerca:hover { cursor: pointer; }

.columnPP { background: url('../img/column2.png') no-repeat 50% top; 
            width: 240px; height: 440px; float: left; }           
ul.primoPiano { height: 105px; }
ul.primoPiano li { margin: 5px 7px 5px 0px; text-align: right; }

#headPP { margin: 10px auto; text-align: center; }
#footPP { margin: 0px auto 0px auto;text-align: center; width: 230px; height: 122px;
          position: relative; bottom: 0px;}
#footPP:hover { cursor: pointer; }

ul.primoPiano li img { float:left; margin:0px 5px 0px 0px; width: 32px; height: 32px;}
ul.primoPiano li a { font-size: 14px; font-weight: bold; }

.special { float: left; width: 238px; height: 124px; background: url('../img/special.png') no-repeat 50% top; 
           margin-top: 5px; text-align: center; }

.columnAds { width: 120px; height: 440px; float: right; }
ul.ads { padding: 0; margin-top: 0px; }
ul.ads li { width: 120px; margin-bottom: 10px; }

/* blocchetti */
#blocchetti { float:left; width:992px; height:125px; margin: 5px 0px 0px -4px;
              background:url('../img/footer_bottom.gif') no-repeat 0 100%;
}
#blocchetti:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

#blocchetti ul { padding:12px 2px 0; margin-bottom:0; background:url('../img/footer_top.gif') no-repeat; width: 992px; }
#blocchetti ul li { position:relative; float:left; width:244px;  text-align:center; }

/* item */
.itemContainer { float: left; width:984px; height: auto; margin: 0 auto 30px;
                 background:url('../img/bottomArea2.png') no-repeat 50% bottom;}

ul.areas { padding: 0px 2px 0; margin-bottom:0; width: 984px; height:auto; }
ul.areas li { float:left; width:234px; height: auto; margin: 5px;}
ul.areas li img { float:left; margin-right: 5px;  width: 48px; height: 48px; }
                 
.item { margin-bottom: 10px;}

#imageGrid { text-align: center; margin-top: 20px; }
#imageGrid img { width: 150px; height: 117px; }