* { margin: 0; padding: 0}
body { background: #001E3A url(../images/sf_pag.jpg) top left repeat-x; text-align: center; font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; color: #363837; font-size: 13px;}

p {margin: 0 0 16px 0;}

small {color: #898989;}

a {color:#001E3A; text-decoration: underline;}
a:hover {text-decoration: none;}

div#container {margin: 0 auto; width: 980px; text-align: left; background: url(../images/sf_tot.gif) top left repeat-y}

h3, h4{font-weight: bold}
h2 {font-size: 20px; font-weight: normal }
h3 {font-size: 18px; }
h4 {font-size: 14px; }


/********************* header *******************/
div#head { width: 980px; height: 144px; display: block;}

div#header {width: 980px; height: 92px; display: block; background: url(../images/sf_cerca.jpg) top right no-repeat; position: relative}
div#header ul li { float: left; list-style-type: none; margin: 6px;}

div#header a h1 span {display: none;}
div#header a h1 { background:  url(../images/logo.gif) top left no-repeat; width: 253px; height: 92px; display: block; cursor:  pointer;}
div#header a.logo {width: 253px; height: 92px; display: block;}

/* menu cerca */
div#menu_alto { position:  absolute; top: 10px; right: 200px; z-index: 2; color: #DEE4DE;}
div#menu_alto a {color: #DEE4DE; text-decoration: none;}
div#menu_alto a:hover {text-decoration: underline}

div#menu_alto input {float: left}
div#menu_alto input#recherche {width: 140px; height: 18px; line-height: 20px; background: #00060C; border: solid 1px #99A7AB; color: #DEE4DE }

/* menu */
div#menu_or {width: 980px; height: 52px; display: block; background: url(../images/sf_menuor.gif) top left no-repeat;}
div#menu_or ul li { float: left; list-style-type: none;}

div#menu_or ul {display:  block; height: 52px; width: 508px; margin-left: 238px}
div#menu_or ul li a span {display: none}

div#menu_or ul li a#menu_home {width: 89px; height: 52px; display: block; background: url(../images/menuor_01.png) top left no-repeat;}
div#menu_or ul li a#menu_4 {width: 137px; height: 52px; display: block; background: url(../images/menuor_02.png) top left no-repeat;}
div#menu_or ul li a#menu_5 {width: 163px; height: 52px; display: block; background: url(../images/menuor_03.png) top left no-repeat;}
div#menu_or ul li a#menu_32 {width: 119px; height: 52px; display: block; background: url(../images/menuor_04.png) top left no-repeat;}

div#menu_or ul li a#menu_home:hover {background: url(../images/menuor_01.png) bottom left no-repeat;}
div#menu_or ul li a#menu_4:hover {background: url(../images/menuor_02.png) bottom left no-repeat;}
div#menu_or ul li a#menu_5:hover {background: url(../images/menuor_03.png) bottom left no-repeat;}
div#menu_or ul li a#menu_32:hover {background: url(../images/menuor_04.png) bottom left no-repeat;}

/* eng */

div#menu_or ul li a#menu_about {width: 137px; height: 52px; display: block; background: url(../images/menuor_about.png) top left no-repeat;}
div#menu_or ul li a#menu_resources {width: 119px; height: 52px; display: block; background: url(../images/menuor_resources.png) top left no-repeat;}

div#menu_or ul li a#menu_about:hover {background: url(../images/menuor_about.png) bottom left no-repeat;}
div#menu_or ul li a#menu_resources:hover {background: url(../images/menuor_resources.png) bottom left no-repeat;}


div#illustrazione {display: block; width: 234px; height: 403px; background: url(../images/illustrazione.png) top right no-repeat; position: absolute; top: 0; right: 0; z-index: 1;}

/*********************** sinistra *******************/
div#col_sx { width: 230px; display: block; float: left}

/* aree tematiche */
div#menu_aree { width: 230px; height: 405px; display: block; background: url(../images/sf_aree.jpg) top right no-repeat;}

div#menu_aree ul {width: 160px; padding: 74px 0 0 55px}
div#menu_aree ul li { list-style-type: none; margin: 0 0 21px 0; line-height: 14px;}
div#menu_aree ul li a {color: #202020; text-decoration: none;}
div#menu_aree ul li a:hover {color: #6A6A6A; text-decoration: underline;}

/* link e rss */
div#link_rss ul li { list-style-type: none; margin: 0 0 0 32px;}
div#link_rss ul li a {width: 184px; height: 59px; display: block; text-decoration: none;}
div#link_rss ul li a span {visibility: hidden}
a#vert_rss {background: url(../images/tasto_rss.png) top left no-repeat}
a#vert_link {background: url(../images/tasto_link.png) top left no-repeat}

a#vert_rss:hover {background: url(../images/tasto_rss.png) top right no-repeat}
a#vert_link:hover {background: url(../images/tasto_link.png) top right no-repeat}

/* tags */

div#tag {width: 189px; display: block; background: url(../images/sf_tags.gif) top right no-repeat; padding: 44px 0 0 41px;}
div#tag_int {width: 154px; display: block; background: url(../images/sf_tags_int.gif) top left repeat-y; padding: 0 14px 5px 21px;}

div#tag a {color: #575B53;}


/************************* content e TIPOGRAFIA CONTENT *******************/
div#content { width:  490px; display: block;  float: left;}

/* tipografia generale */
div#content h2 { display: block; width: 465px; height: 97px; line-height: 92px;background: url(../images/sf_h2content.gif) top left no-repeat;}
div#content h2, div#content h3, div#content p, div#content ul, div#content div#logo {padding-left: 25px;}
div#content ul li p, div#content ul li h4, div#content ul li h3 {padding: 0}
div#content ul {list-style-type: none;}
div#content ul li {margin: 0 0 16px 0;}
div#content h3 {margin: 0 0 16px 0;}
div#content ul li span.dataTipo {font-size: 12px; color: #999999}

/* allegati articolo */
div#content div#allegati a img {border: 0; vertical-align: middle; background: #FFFFFF; padding-right: 4px;}

/* classi aree tematiche */
div#content h2.tit_33 {background: url(../images/h2_rosso.gif) top left no-repeat;}
div#content h2.tit_34 {background: url(../images/h2_verde.gif) top left no-repeat;}
div#content h2.tit_35 {background: url(../images/h2_giallo.gif) top left no-repeat;}
div#content h2.tit_36 {background: url(../images/h2_blu.gif) top left no-repeat;}
div#content h2.tit_37 {background: url(../images/h2_viola.gif) top left no-repeat;}
div#content h2.tit_38 {background: url(../images/h2_grigio.gif) top left no-repeat;}
div#content h2.tit_39 {background: url(../images/h2_arancio.gif) top left no-repeat;}


/************************* destra *******************/
div#col_dx { width: 260px; display: block;  float: left; background: url(../images/sf_dx.gif) top left no-repeat }

/* calendario */
div#col_dx div#calendario {width: 260px; height: 231px; display: block; background: url(../images/sf_calendario.png) top right no-repeat; margin-top: 249px;}
div#col_dx div#calendario h2.menu-titre {display: none;}
div#calendario a.archivio_eventi {margin: 0 0 0 85px; font-size: 11px; font-weight: bold; color: #74AC41;}

div#barramese {width: 175px; margin: 0 auto; position: relative; color:#001E3A; background: #CED6D3; height: 17px; line-height: 17px; font-size: 13px; font-weight: bold;}
div#barramese a#prima {width: 24px; height: 17px; background: url(../images/cal_prima.gif) top left no-repeat; display: block; position: absolute; top: 0; left: 0;}
div#barramese a#dopo {width: 24px; height: 17px;background: url(../images/cal_dopo.gif) top left no-repeat;  display: block; position: absolute; top: 0; right: 0;}
div#barramese a#prima span, div#barramese a#dopo span {display: none;}

/* evidenza */
div#col_dx div#evidenza {width: 260px; height: 344px; display: block; background: url(../images/sf_evidenza.png) top right no-repeat; position: relative}
div#col_dx div#evidenza div#box_ev {width: 174px; padding: 54px 0 0 34px}
div#box_ev a h5, div#box_ev p {font-size: 12px; line-height: 15px;} 


/************************ footer *******************/ 
div#footer { width: 980px; height: 195px; background: url(../images/sf_footer.png) top left no-repeat; display: block; clear: both;}
div#footer ul { padding: 100px 0 0 84px;}
div#footer ul li {float: left; list-style-type: none; margin: 6px;}
div#footer p {clear: both; width: 640px; display: block; margin-left: 84px; text-align: center; color: #F2F7EC}


/****************** rubriche particolari ***************/

/* associazioni */ 
div#lettere ul li { list-style-type: none; float: left; margin: 0 4px 0 0}
div#lettere ul li a h4 { color: #555052; text-decoration: none; width: 36px; height: 36px; display: block; background: url(../images/sf_lettera.jpg) top left no-repeat; cursor: pointer; text-align: center; padding-top: 8px}
div#lettere ul li a:hover h4 { color: #2E2B2D; text-decoration: underline;}

div#elenco_ass { clear: both; margin-top:75px}
div#elenco_ass ul{list-style-type: none; margin: 60px 0 0 0} 

div#elenco_ass p {list-style-type: none; margin: 15px 0 0 0}

div#content div#logo {margin: 0 10px 10px 0; float: left; min-height: 100px; height: auto !important; height: 100px;}

div#content p.sito {clear: both; font-size: 13px; color: #575B53; background: #F4F9EA; padding: 6px; margin-left: 25px; width: 440px;}

/* documenti */
li.pubblicazioni {background: #F4F9EA; padding: 5px; width: 440px;}
li.pubblicazioni div.foto {float: left; width: 100px;}
li.pubblicazioni div.foto img {border: solid 3px #E8E8C7;}
li.pubblicazioni div.foto a.scarica { background: #E8E8C7; padding: 2px; display: block; text-align: center; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 4px; width: 70px;}
li.pubblicazioni div.foto a.scarica:hover {background: #CECDB2}
li.pubblicazioni div.txt {float: left; width: 340px;}
li.pubblicazioni div.txt h4 {margin-bottom: 6px;}

a.altri {font-size: 13px; text-transform: uppercase; color: #575B53; text-decoration: underline; background: #E8E8C7 url(../images/freccia_altridoc.gif) top left no-repeat; padding: 6px 10px 6px 50px; }

li.pubblicazioni div.fondo {clear: both; height: 1px; line-height: 1px; display: block}

/* aree tematiche altri articoli */
div#content ul#altriarea li {margin: 0 0 4px 0;}
div#content ul#altriarea li h4 {font-weight: normal; font-size: 13px}
div#content p#altrip {font-weight: bold; font-size: 14px; margin-top: 30px}

/********* mappa del sito ********/
div#mappa h3 {font-size: 14px; margin: 20px 0 0 0;}
div#mappa ul li {margin: 6px;}
div#mappa ul li ul {padding-left: 6px; padding-bottom: 10px}

/* lingue */
div#lingue {position: absolute; top: 17px; left: 790px; z-index: 2;}
div#lingue a#lingue_inglese {width: 30px; height: 18px; display: block; background: url(../images/eng_ita.gif) top left no-repeat; text-indent: -9999px}
div#lingue a#lingue_italiano {width: 30px; height: 18px; display: block; background: url(../images/eng_ita.gif) top right no-repeat; text-indent: -9999px}

/* archivio eventi mese */
div#content h4 {cursor: pointer; margin-bottom: 12px;}
div#content div.demo-show2 {padding-left: 25px;}
div#content ul.archivio_mese {margin-bottom: 16px; }
div#content ul.archivio_mese li {margin-bottom: 4px; color: #999999;}
div#content ul.archivio_mese li  span {color: #74AC41;}
div#content ul.archivio_mese li a {text-decoration: none;}
div#content ul.archivio_mese li a:hover {text-decoration: underline}

/* evento */
h2.tit_evento span {font-size: 14px;}

/* news */ 
div#evidenza a.archivio_news {margin: 0 0 0 40px; font-size: 11px; font-weight: bold; color: #74AC41;}