html, body{margin:0;padding:0;}
body{font: 76% arial,sans-serif;text-align:left; background: url('../images/home/sfondopagina_home.gif'); background-repeat: repeat-y;}

/*stili generici*/
div#container {width:1000px; margin:0; text-align:left}
div#wrapper {float:left;width:100%; }

/*stili specifici per il layout HOMEPAGE*/
/*colonna sinistra*/
div#colonna_sx {width: 126px; background: url('../images/home/sfondo_colonnasx_home.jpg');float:left; margin-left:-1000px}
div#main_menu {background: #00384C; color: #FFF; margin-top: 48px;}
div#area_servizio {background: #9BCADA; color: #336677; margin-top: 23px; padding-top: 5px; padding-bottom: 5px; padding-left: 11px; font-size: 11px; font-weight: bold}
div#area_servizio_ricercamanifestazioni {margin-bottom: 20px; }
div#area_servizio_trova {margin-bottom: 10px; }
div#area_servizio h1 {font-size: 12px; padding-bottom: 2px; padding-top: 10px;}

div#colonna_sx_chiusura {background: url('../images/home/sfondo_colonnasx_chiusura.jpg'); height: 140px;}
div#spacer {margin: 0 126px; width: 20px;}

div#area_servizio_ricercamanifestazioni p {margin: 0px; padding:0}

/*corpo pagina*/
div#area_home {float:left; width:854px; margin-left:-854px; }
div#copertina_home {height: 288px; background: url('../images/home/copertina_home.jpg');}
div#area_box {background: #DEDEDE; height: 220px;}
div#area_scrolling {background: #566F09; color: #FFF; }
div#scrolling_home_dx {font-size: 11px; font-family: "Arial Black"; color: #D2E800; height: 17px; padding-left: 10px;  float: left }
div#scrolling_home_sx {font-size: 11px; height: 17px; margin-left: 75px; margin-right: 5px;  }
div#controls a {color: #FFF; font-weight: bold }
div#controls a:hover {color: #D2E800; font-weight: bold }
div#tag a {color: #FFF; text-decoration: none}
div#tag a:hover {color: #D2E800; text-decoration: none }

/*box*/
div#box_primopiano {background: #FFF; float: left; width: 300px; height: 100%; }
div#box_primopiano_box {background: #E0ECF0; float: left; width: 285px; height: 100%; }
div#box_primopiano_titolo {background: #FFF; float: left; width: 100%; height: 36px; }
div#box_primopiano_titolo img {padding-top: 16px;}
div#box_primopiano_1 {background: url('../images/home/box_primopiano1.jpg'); background-repeat: no-repeat; background-position: 10px 16px; float: left; width: 100%; height: 120px;}
div#box_primopiano_1testo {padding-left: 120px; padding-right: 15px; padding-top: 14px; color: #706F75; font-weight: bold}
div#box_primopiano_2 {background: url('../images/home/box_primopiano2.jpg'); background-repeat: no-repeat; background-position: 180px 16px; float: left; width: 100%; height: 130px;}
div#box_primopiano_2testo {padding-left: 10px; padding-right: 130px; padding-top: 14px; color: #706F75; font-weight: bold}
div#box_primopiano h1 {font-size: 14px; color: #27A0BD; }

div#box_download {background: #FFF; float: left; width: 135px; height: 100%; }
div#box_download_1 {background: url('../images/home/box_scarica.jpg'); background-repeat: no-repeat; background-position: 11px 7px; float: left; width: 100%; height: 100px;}
div#box_download_1testo {height: 125px; padding-left: 10px; padding-right: 10px; padding-top: 10px; color: #706F75; font-weight: bold}
div#box_download_1testo h1 {font-size: 14px; color: #27A0BD;  }
div#box_download_box {background: #FFF; float: left; width: 110px; height: 243px; margin-top: 36px; border: 4px #E0ECF0 solid;}

div#box_oggiinfiera {float: left; width: 290px; height: 100%; }
div#box_oggiinfiera_box {background: #27A0BF; float: left; width: 100%; height: 100%; }
div#box_oggiinfiera_titolo {background: #FFF; float: left; width: 100%; height: 36px; }
div#box_oggiinfiera_titolo img {padding-top: 16px;}
div#box_oggiinfiera_sx {background: url('../images/home/box_oggiinfiera.jpg'); background-repeat: no-repeat; background-position: 20px 20px; float: left; width: 50%; height: 250px;  }
div#box_oggiinfiera_sx_testo {font-size: 11px;padding-left: 20px; padding-right: 8px; padding-top: 120px; color: #FFF}
div#box_oggiinfiera_dx {background: #28A1C0; float: right; width: 50%; height: 250px; }
div#box_oggiinfiera_dx_testo {font-size: 11px;padding-left: 10px; padding-right: 10px; padding-top: 20px; color: #FFF}
div#box_oggiinfiera h1 {font-size: 14px; color: #A2D9E0; padding-bottom: 5px; }
div#box_oggiinfiera h2 {font-size: 11px; color: #FFF; }

.box_oggiinfiera_titolo {font-size: 14px; color: #A2D9E0; padding-bottom: 5px; }
.box_oggiinfiera_sottotitolo {font-size: 11px; color: #FFF;}
.link_none {text-decoration: none}


div#box_meteo {float: right; width: 112px; height: 100%;  }
div#box_meteo_box {background: #DFEBEF; float: left; width: 100%; height: 100%; }
div#box_meteo_titolo {background: #FFF; float: left; width: 100%; height: 36px; }
div#box_meteo_titolo img {padding-top: 16px;}
div#box_meteo_logo {background: url('../images/home/box_meteo.jpg'); background-repeat: no-repeat; background-position: 12px 16px; float: left; width: 100%; }
div#box_meteo_testo {background: #DFEBEF; float: left; height: 140px; padding-left: 12px; padding-right: 8px; padding-top: 10px; font-size: 11px; color: #717076; font-weight: bold}

div#box_meteo_segnalazioni {background: #FFF;float: left; width: 100%;}
div#box_meteo_segnalazioni_box {background: url('../images/home/box_segnalazioni.jpg'); background-repeat: no-repeat; background-position: 15px 0px; float: left; width: 90%; margin-top: 15px; border-left: #E1EBEF 4px solid}
div#box_meteo_segnalazioni_testo {float: left; padding-left: 15px; padding-right: 5px; padding-top: 35px; font-size: 9px; color: #706F73; }
div#box_meteo_segnalazioni_testo h1 {font-size: 12px; color: #27A0BD;  }

div#footer_home {position:absolute; left: 583px; top:630px; color: #DEDEDE; height: 60px; width: 415px; border-top: #E1EBEF 4px solid }
/* x card for you div#footer_home2 {position:absolute; left: 146px; top:630px; color: #DEDEDE; height: 60px; width: 418px; border-top: #E1EBEF 4px solid }*/
div#footer_home2 {position:absolute; left: 146px; top:630px; color: #DEDEDE; height: 60px; width: 418px; border-top: #E1EBEF 4px solid }
div#footer_home_sx {padding-top: 10px; float:left; width: 315px; font-size: 9px; color: #706F73; }
div#footer_home_sx2 {padding-top: 10px; float:left; width: 365px; font-size: 9px; color: #706F73; }
div#footer_home_dx {padding-top: 10px;  float:right; color: #000; width: 100px; text-align: center}
div#footer_home_sx3 {padding-top: 10px;  float:left; color: #000; width: 50px; text-align: left}

/*mouseover box*/
div#box_download_1testo a {color: #27A0BD; font-weight: bold}
div#box_download_1testo a:hover {color: #F18A00; font-weight: bold}
div#box_oggiinfiera_sx_testo a {color: #FFF; font-weight: bold}
div#box_oggiinfiera_sx_testo a:hover {color: #FFCC00; font-weight: bold}
div#box_oggiinfiera_dx_testo a {color: #FFF; font-weight: bold}
div#box_oggiinfiera_dx_testo a:hover {color: #FFCC00; font-weight: bold}
div#box_primopiano_1testo a {color: #27A0BD; font-weight: bold}
div#box_primopiano_1testo a:hover {color: #F18A00; font-weight: bold}
div#box_primopiano_2testo a {color: #27A0BD; font-weight: bold}
div#box_primopiano_2testo a:hover {color: #F18A00; font-weight: bold}
div#box_meteo_segnalazioni_testo a {color: #27A0BD; font-weight: bold}
div#box_meteo_segnalazioni_testo a:hover {color: #F18A00; font-weight: bold}
div#box_meteo_testo a {color: #27A0BD; font-weight: bold}
div#box_meteo_testo a:hover {color: #F18A00; font-weight: bold}


/* mouseover area servizio*/
div#area_servizio a {color: #336677; }
div#area_servizio a:hover {color: #FFF; }

/*menu sx*/
.menusx_homepage {list-style-type: none; width: 100px; padding: 0; margin:0; font-family: "Arial Black"; font-size: 10px; text-transform: uppercase;}
.menusx_homepage li {line-height: 12px; padding-bottom: 6pt; padding-left: 13px;}
.menusx_homepage li a {color: #C5E8FC;text-decoration: none; }
.menusx_homepage li a:visited, .markermenu li a:active{color: #C5E8FC;}
.menusx_homepage li a:hover{color: #FCD300;}
.menusx_homepage_active {color: #FFF;}
* html .menusx_homepage li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 100px;}

/*scrolling news*/
/* position:relative and overflow:hidden are required */
#scroller {position:relative; overflow:hidden; width:710px; float: left}
/* display:none prevents the controls being shown when JavaScript is not present */
#controls {display:none; text-align:right; }
/* add link formatting for the controls */
#controls a {}
/* add formatting for the scrolling text */
#tag {margin:2px 0;  float: left}
/* #testP must also contain all text-sizing properties of #tag */
#testP {visibility:hidden; position:absolute; white-space:nowrap;}
/* used as a page top marker and to limit width */
#top {width:350px; margin:auto}

/* sito accessibile */
.sitoaccessibilelink {background: transparent;position: absolute;margin-left: 723px;margin-top: 2px;font-size: 10px;float: right;text-align:right}
.sitoaccessibilelink a {color: #FFF; text-decoration: none}
.sitoaccessibilelink a:hover {color: #F18A00; text-decoration: none}
.sitoaccessibilelink img {margin-top: 2px; text-align:right}
.sitoaccessibilelink hr {visibility: hidden; display: none}