/* 
Written from scratch by Lorenzo Salvadorini - l dot salvadorini at altranet dot it
*/

/* Elimino margini e padding di default e centro la pagina web a larghezza fissa */
body { 
  margin:0; 
  padding:0; 
  text-align: center; /* IE center positioning bug */
  font: 100% Verdana;
  background: #2EC554;
}

/* LAYOUT */

.hidden-navigation {
  width: 1px;
  position: absolute;
  left: -9999px;
}

.item-separator, .hidden { display: none; }

/* HEADER *********************************************************************/
/* righetta per link il alto a destra */
#header {
  position: relative;
  width: 725px;
  height: 134px;
  margin: 0 auto;
  padding: 0;
  background: #fff url(/images/4.gif) repeat-x bottom;
  z-index: 1;
}

/* pallona verde */
#top-l-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #fff url(/images/3.jpg) no-repeat;
  width: 302px;
  height: 243px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#top-l-menu li {
  display: none;
}

/* Accessibilita' e info tecniche */
#top-r-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* bordo inferiore del menu */
  background: #fff url(/images/4.gif) repeat-x bottom;
  position: absolute;
  top: 0;
  right: 0;
  width: 220px;
  height: 50px;
  z-index: 4;
}
#top-r-menu li {
  display: block;
  width: 50%; /* occhio al bug di IE 50+50=101 */
  float: left;
}

#top-r-menu li a {
  display: block;
  padding: .5em;
  font-size: .8em;
}

#top-r-menu li a:hover {
  background: #ffc;
}

#top-r-menu li a:focus {
  background: #ffc;
}

#top-r-menu li a:focus:hover {
  background: yellow;
}


#header h1 {
  width: 482px;
  height: 171px;
  position: absolute;
  top: 5px;
  right: 0px;
  margin: 0;
  padding: 0;
  z-index: 4;
}

#header h1 a {
  display: block;
  padding: 0; 
  margin: 0;
  position: relative;
  width: 100%;
  color: white;
  font-size: 1px;
  text-align: left;
}

/* Scritta Informagiovani */
#header h1 a span {
  background: url(/images/5.gif) no-repeat;
  position: absolute;
  width: 482px;
  height: 171px;
}

#header img {
  position: absolute;
  bottom: 0;
  right: 0;
}


/* BODY ***********************************************************************/
#body {
  width: 725px;
  margin: 0 auto;
  /* bordo sinistro ripetuto */
  background: #FFD02C url(/images/11.gif) repeat-y;
  text-align: left;
}

#body-in {
  position:relative; 
  /* bordo inferiore sinistro */
  background: url(/images/12.gif) left bottom no-repeat;
  width: 100%;
}


#column1 { 
  position: absolute; 
  top: 108px;
  left:0;
  width: 231px;
  /* bordo superiore sinistro */
  background: url(/images/10.gif) no-repeat top left;
}

.left_bar {
  width: 176px;
  /* 231 - 176: faccio spazio al bordo sinistro */
  margin-left: 55px;  
  background: #6766FF; 
  color: white;
}

.menu_footer {
  /* angolo inferiore destro del menu */
  background: url(/images/13.jpg) no-repeat bottom right;
}



#column2 { 
  margin: 0 0 0 231px;
  background: #FFD02C url(/images/9.gif) repeat-y top right;
}

.subpath:before {
  content: url(/images/20.gif);
  margin-right: 5px;
}
.subpath { 
  margin-left: 71px;
  margin-right: 23px;
  padding-top: 40px;
  height: 39px;
  font-size: 11pt; 
  font-weight: bold;
}

.subpath a:link { text-decoration: none;  }
.subpath a:visited { text-decoration: none; }
.subpath a:active, .subpath a:hover, .subpath a:focus { color: #E11455; text-decoration: none;  }
.subpath a:hover:focus { text-decoration: none; }

.content {
  padding: 50px 35px 10px 20px;
  background: url(/images/7.gif) no-repeat top right;
  min-height: 30em;
  height: auto !important;
  height: 30em; /* visto solo da IE5/6 che non vede !important */
}


/* piede di pagina ***********************************************************/
#footer {
  position: relative;
  background: url(/images/8.gif) no-repeat;
  width: 725px;
  height: 190px;
  margin: 0 auto;
}
#bottom-links {
  position: absolute;
  top: 53px;
  left: 180px;
}
#valderassociata {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#valderassociata img {
 border: 1px solid #ffd02b;
}
#credits {
  display: block;
  position: absolute;
  left: 420px;
  top: 0;
  width: 97px;
  padding: 5px;
  font-size: .8em;
}


/* HOMEPAGE ***********************************************************************/
#welcome {
  margin-left: 71px;
  height: auto !important;
  min-height: 60px;
  height: 60px;
  text-align: center;
}

#selected {
  background: #FFFF81;
  border: 2px solid #2EC554;
}
#selected:before {
  color: white;
  display: block;
  background: #2EC554;
  content: 'In evidenza';
  font-weight: bold;
}
#selected .item_path a:hover, #selected .item_path a:active, #selected .item_path a:focus, #selected .item_title a:hover, #selected .item_title a:active, #selected .item_title a:focus  { 
  color: #080; 
}
#selected .item_path a:focus:hover, #selected .item_title a:focus:hover { 
  color: #ffff81; 
  background: #080; 
}
#selected div {
  /* al posto del padding in #selected, uso 
  il margine qui, se no mi si scombina :before */
  margin: 2px;
}


#inner-column {
  float: right;
  width: 100px;
  margin: 20px 0;
  padding: 0;
  border-bottom: 2px solid #6766FF;
  background: #ffff81;
  text-align: center;
}
#inner-column p {
  background: #6766FF;
  color: white;
  font-weight: bold;
  margin: 0;
}
#inner-column li {
  display: block;
  list-style-type: none;
  margin: 5px 0;
  padding: 0;
}
#inner-column li a {
  display: block;
  padding: 2px;
  margin: 0;
  font-size: 10px;
  font-weight: bold;
}
#inner-column a:active, #inner-column a:hover, #inner-column a:focus {
  background: #e11451;
  color: white;
  text-decoration: none;
}
#inner-column a:hover:focus {
  background: #e11451;
  color: white;
}
#inner-column li a img {
  padding: 0;
  margin: 0;
  border: 1px solid #ffd02c;
  background: white;
}







/* LINKS */
a:link, a:visited { color: black; text-decoration: none;  }
a:hover, a:active { color: black; text-decoration: underline;  }


td { 
  font-size: 0.9em 
}
th {
  font-size: 1.1em;
  background-color: #ffff81;
  font-variant: small-caps;
}


.last_update { 
  font-size: .8em;
  margin: 4px 0; 
}

.topic_title {
  font-size: 1.2em;
  font-weight: bold;
}

.print_box {
  float: right;
  padding: 2px;
  margin: 33px 3px 0;
  font-size: 0.8em;
}

.print_page {
  display: none;
}

.send_email { 
  text-align: center;
  margin: 2px; 
  padding: 1px; 
}

/* MENU ******************************/
.menu { 
  padding-top: 1em;
}

.menu_title {
  display: none;
}
.menu_items { 
  padding: 5px 3px; 
  margin: 3px; 
}

.menu_item a, .menu_item a:visited  {
  display: block;
  font-size: 1em;
  color: white; 
}
.menu_item a:hover, .menu_item a:active { 
  background: white;
  color: #6766FF;
  text-decoration: none;
}
.menu_item a:active:hover {
  background: #c5121e;
  color: white;
  text-decoration: none; 
}

.menu_level_1 a:before {
  display: marker;
  content: url(/images/20.gif); 
  margin-right: 5px;
}
.menu_level_1 a {
  font-weight: bold;
}
.menu_level_1 a:hover, .menu_level_1 a:active, .menu_level_1 a:focus { 
  background: #f18d27;
  color: #fff;
  text-decoration: none;
}
.menu_level_1 a:active:hover, .menu_level_1 a:focus:hover {
  background: #FFFC96;
  color: #f18d27;
  text-decoration: none; 
}

.menu_level_2 a {
  padding-left: 10px;
  font-size: .9em; 
}
.menu_level_2 a:before { 
  font-size: .7em;
  content: '* ';
}

.menu_footer { 
  font-size: .9em; 
  padding: 15px; 
}






/* FORMS */
.input_separator { background-color: #ddd; font-weight: bold; font-size: 10pt; }
.input_note { font-style: italic; font-size: 8pt; }
.search_input { font-size: 9pt; background-color: #eee; border-width: 1pt; border-color: #669; border-style: inset; width: 100px; }
.search_submit { font-weight: bold; font-size: 9pt; color: #eee; border-width: 1pt; border-color: #EAEAD5; border-style: outset; }

/* LIST ITEM 
es: articoli, links, etc...
*/
.box_title { font-size: 1.1em; }
.item { font-size: 8pt; margin-top: .5em; margin-bottom: .5em; }
.item_path { font-size: .9em; }
.item_title { font-size: 1.1em; font-weight: bold; }
.item_title_big { font-size: 1.3em; font-weight: bold; }
.item_box { margin-bottom: 5px; margin-top: 5px; padding: 2pt; border-style: solid; border-width: 1pt; border-color: #EEEEEE; }





/* SUBTOPICS: links o simili, sottostanti argomento  corrente  */
.subtopic_child { 
  margin-bottom: 25px;
  background: #ffff81;
}

/* il nome del subtopic e' sempre un link */
.subtopic_child a, .subtopic_child a:active:hover { 
  display: block;
  border-bottom: 2px solid #ec6a00;
  background: #ec6a00;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
}

.subtopic_child a:before {
  content: url(/images/16.gif);
  padding-right: 5px;
}

.subtopic_child a:active, .subtopic_child a:hover { 
  color: #000;
  background: #FFD02C;
  text-decoration: none;
}
.subtopic_child a:active:hover { 
  background: #ec6a00;
  color: white;
}
/* Testo descrittivo del subtopic */
.subtopic_child div { 
  font-style: italic;
  font-size: 0.9em;
  padding: .5em;
}


/* BOXES */
.box_1,.box_2,.box_3,.box_4,.box_5,.box_6 { 
}
.box_title {
  font-weight: bold;
}
.box_notes {
  font-style: italic;
}

.box_1 {  }
.box_1 .box_title {  }
.box_1 .box_title a:link { text-decoration: none;  }
.box_1 .box_title a:visited { text-decoration: none;  }
.box_1 .box_title a:hover { text-decoration: underline;  }
.box_1 .box_title a:active { text-decoration: underline; }
.box_1 hr {  }

.tags_cloud {
  width: 80%;
  margin: 0 auto;
  padding: 1em;
  font-size: .8em;
  background: #ffff80;
  text-align: justify;
}

.corretto {
   font-size: .9em;
  color: #666;
}
.corretto:before, .corretto:after {
  display: block;
  content: '{ testo sotituito';
  font-size: 2em;

}
.corretto:after {
  content: '}';
}











/* TABLES **************************************************/
.pager { font-size: .9em; text-align: right; }
.list_item_0 { background-color: #ffff81; }
.list_item_1 { background-color: #ffd02c; }
.column_cell { padding: 5pt; }

/* ITEM (article, event) **************************/

/* Elenco di items */
.item {
  border-left: 10px solid #ffea02;
  padding: .5em;
}
.item:active, .item:hover, .item:focus {
  border-left: 10px solid #ffff81;
  background: #ffea02;
}

/* Blocco dell'intestazione: vale sia per l'elenco che per la pagina dell'item */
.heading {
  font-size: 1.1em;
  margin-bottom: 1.5em; 
}
/* Titolo */
.headline {
  background: #ffff81;
  font-size: 1.8em;
  font-weight: bold; 
}
.headline:before {
  margin-right: 10px;
  content: url(/images/16.gif);
  margin: 5px;
}
.subhead { 
  font-style: italic; 
}
.heading_notes { 
  margin-bottom: 1em;
  text-align: right;
  font-style: italic;
}
.notes { 
  font-style: italic;
}


/* FORMATTAZIONE CONTENUTO ARTICOLI */
.content hr {
  background: url(/images/4.gif) bottom repeat-x;
}
.content h1 {
  display: none;
}
.content h3:before {
  content: url(/images/15.gif);
  margin: 5px;
}
.content h3 {
  padding: 4px;
  margin-top: 3em;
  font-size: 1.4em;
}
.content h4 {
  padding: .2em;
  margin-top: 2em;
  font-size: 1.2em;
}

.content em, .content strong {
  color: #390;
}

.content ul li {
  list-style: circle url(/images/20.gif) outside;
}
.content ul, .content ol {
  width: 80%;
  margin: .5em auto;
  background: #ffea02;
}



#latest {
  margin: 20px 110px 0 20px;
  padding: 0;
  font-size: .7em;
}


/* ogni blocco di notizie viene racchiuso in uno di questi */
.box_2 {
  margin: 0 0 25px 0;
  background: #ffff81;
  width: 250px;
}
.box_2 .box_title {
  display: block;
  width: 100%;
  margin: 0;
  padding: 2px 0 2px 20px;
  border-bottom: 2px solid #ec6a00;
  background: #ec6a00 url(/images/16.gif) top left no-repeat;
  color: #fff;
}
.box_2 .item {
  margin: 0;
  padding: 10px;
  width: 100%;
}
#latest .notes {
  display: none;
}
#latest hr {
  display: none;
}