html, body, ul, li {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  font: 100.01% arial, helvetica, sans-serif;
  color: #01a990;
  text-align: center;
}




a:link,
a:visited {
  padding-bottom: 2px;
  border-bottom: none;
  color: #f68121;
  text-decoration: none;
}
a:focus,
a:hover,
a:active {
  padding-bottom: 2px;
  border-bottom: 1px solid #f68121;
  color: #f68121;
  text-decoration: none;
}

a.no_border:link,
a.no_border:visited,
a.no_border:focus,
a.no_border:hover,
a.no_border:active { border: none }

a.allegato {
  line-height: 1.7;
  border-bottom: none;
  font-weight: bold;
  text-align: left;
}
a.allegato img {
  vertical-align: middle;
  border: none;
}
a.allegato:link,
a.allegato:visited { border-bottom: none }
a.allegato:focus,
a.allegato:hover,
a.allegato:active { border-bottom: 1px solid #f68121 }




/**
 **
 **  STILI GENERICI
 **
 **/

img { border: none }
a img { border: 1px solid #f48221 }

.float_left     { float: left }
.float_right    { float: right }
img.float_left  { margin: 0 10px 10px 0 }
img.float_right { margin: 0 0 10px 10px }

.clear_left  { clear: left }
.clear_right { clear: right }
.clear_both  { clear: both }


.no_margin     { margin: 0 }
.no_padding    { padding: 0 }
.no_border     { border: none }
.no_background { background: none }

.vertical_align_middle { vertical-align: middle }

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }
.font_grande  { font-size: 120% }
.font_piccolo { font-size: 90% }
.nero { color: #000 }

.separatore {
  margin-top: 30px
}




#container {
  position: relative;
  width: 758px !important;
  width /**/: 778px;
  margin: 2px auto;
  border: 1px solid #00a88e;
  padding: 233px 10px 15px 10px;
  background: #ecebd9 url(../immagini/sfondo_colonna_sinistra.jpg) repeat-y top left;
  line-height: 1.4em;
  font-size: 0.8em;
  text-align: left;
}




/**
 **
 ** TESTATA
 **
 **/


#testata {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 778px;
  height: 233px;
}




/**
 **
 **  MENU' ORIZZZONTALE
 **
 **/


#menu_orizzontale {
  position: absolute;
  top: 234px;
  left: 276px;
  width: 469px;
  height: 16px;
  list-style-type: none;
}
#menu_orizzontale li {
  float: left;
  list-style-type: none;
}
#menu_orizzontale a {
  display: block;
  height: 16px;
  border-bottom: none;
  background-color: #ecebd9;
  background-image: url(../immagini/menu_orizzontale.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#menu_orizzontale .first { width: 75px }
#menu_orizzontale .first a:link,
#menu_orizzontale .first a:visited { background-position:  0 0 }
#menu_orizzontale .first a.active,
#menu_orizzontale .first a:focus,
#menu_orizzontale .first a:hover,
#menu_orizzontale .first a:active  { background-position: 0 -18px }

#menu_orizzontale .second { width: 85px }
#menu_orizzontale .second a:link,
#menu_orizzontale .second a:visited { background-position:  -75px 0 }
#menu_orizzontale .second a.active,
#menu_orizzontale .second a:focus,
#menu_orizzontale .second a:hover,
#menu_orizzontale .second a:active { background-position: -75px -18px }

#menu_orizzontale .third { width: 197px }
#menu_orizzontale .third a:link,
#menu_orizzontale .third a:visited { background-position: -160px 0 }
#menu_orizzontale .third a.active,
#menu_orizzontale .third a:focus,
#menu_orizzontale .third a:hover,
#menu_orizzontale .third a:active { background-position: -160px -18px }

#menu_orizzontale .fourth { width: 111px }
#menu_orizzontale .fourth a:link,
#menu_orizzontale .fourth a:visited { background-position: -357px 0 }
#menu_orizzontale .fourth a.active,
#menu_orizzontale .fourth a:focus,
#menu_orizzontale .fourth a:hover,
#menu_orizzontale .fourth a:active { background-position: -357px -18px }









/**
 **
 **  COLONNA SINISTRA
 **
 **/
 
#colonna_sx {
  width: 218px;
}





/**
 ** FORM PER ACCESSO UTENTI
 **/

#accesso_utenti {
  position: relative;
  top: 40px;
  left: 15px;
  width: 162px;
  text-align: right;
}
#accesso_utenti fieldset {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
#accesso_utenti legend {
  position: relative;
  line-height: 24px;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 160%;
  color: #01a78f;
  text-align: center;
}

#accesso_utenti label {
  display: block;
  position: relative;
  top: 8px;
  left: 0px;
  width: 162px;
  height: 11px;
  line-height: 11px;
  margin: 0;
  padding: 0;
  font-size: 90%;
  font-weight: bold;
  color: #f78320;
  text-align: left;
}


#accesso_utenti input {
  width: 156px !important;
  width /**/: 162px;
  height: 14px !important;
  height /**/: 18px;
  margin-top: 10px;
  padding: 1px 2px;
  border: 1px solid #00a88e;
  background-color: #fff;
  font-size: 100%;
  color: #000;
}
#accesso_utenti button {
  cursor: pointer;
  position: relative;
  top: 20px;
  width: 47px;
  height: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 90%;
  font-weight: bold;
}

/* Image replacement per gli elementi del form */
#accesso_utenti span {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top left;
}
#titolo_form span {
  width: 162px;
  height: 24px;
  background-image: url(../immagini/accesso_utenti.jpg);
  background-position: top center;
}
#label_username span { background-image: url(../immagini/label_username.jpg) }
#label_password span { background-image: url(../immagini/label_password.jpg) }
#pulsante_login span { background-image: url(../immagini/pulsante_login.gif) }








/**
 **
 **  CENTRALE
 **
 **/

#centrale {
  float: right;
  width: 521px;
  padding: 40px 0 20px 0;
  text-align: center;
}

#centrale ul {
  margin-left: 15px;
  text-align: left;
}




/**
 **
 **  FOOTER
 **
 **/

#footer {
  clear: both;
  width: 521px;
  margin-left: 250px;
  padding: 10px 0;
  font-style: italic;
  color: #61615f;
  text-align: center;
}








#paginazione {
  clear: both;
  margin: 30px 0 -5px 0;
  text-align: center;
}

#paginazione strong { padding: 0 20px }

#paginazione a { color: #267519 }
#paginazione a:focus,
#paginazione a:hover,
#paginazione a:active {
  border-bottom-color: #267519;
  color: #267519;
}



#navbar {
  clear: both;
  margin-top: 25px;
  text-align: center;
}

#navbar a { color: #267519 }

#navbar a:focus,
#navbar a:hover,
#navbar a:active {
  border-bottom-color: #267519;
  color: #267519;
}

.navbar {
  clear: both;
  margin-top: 25px;
  text-align: center;
}

.navbar a { color: #267519 }

.navbar a:focus,
.navbar a:hover,
.navbar a:active {
  border-bottom-color: #267519;
  color: #267519;
}







#mediagallery { margin: 35px 110px 100px 110px }
#mediagallery p img { vertical-align: middle }
#mediagallery p {
  width: 48%;
  margin: 15px 0;
}
#mediagallery a:link,
#mediagallery a:visited {
  line-height: 1.3;
  font-size: 120%;
  font-weight: bold;
  color: #267519;
}
#mediagallery a:focus,
#mediagallery a:hover,
#mediagallery a:active {
  padding-bottom: 2px;
  border-bottom: 1px solid #267519;
  line-height: 1.3;
  font-size: 120%;
  font-weight: bold;
  color: #267519;
}



/**
 **
 **  TIPOGRAFIA
 **
 **/

h1 {
  margin: 25px 0 20px 0;
  font-size: 140%;
  font-style: italic;
  color: #03aa90;
  text-align: left;
}

h2 {
  margin: 15px 0 5px 0;
  line-height: 1.4;
  font-size: 130%;
  font-weight: bold;
  text-align: center;
}


.data {
  font-size: 120%;
  font-style: italic;
  font-weight: bold;
  color: #f78320;
}






/**
 ** Image replacement per gli elementi h1
 **/

h1 {
  position: relative;
  width: 521px;
  height: 44px;
}
h1 span {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
}

.eventi span         { background-image: url(../immagini/eventi.jpg) }
.storia span         { background-image: url(../immagini/storia.jpg) }
.mission span        { background-image: url(../immagini/mission.jpg) }
.organizzazione span { background-image: url(../immagini/organizzazione.jpg) }
.carta_di_identita span { background-image: url(../immagini/carta_di_identita.jpg) }
.sedi span       { background-image: url(../immagini/sedi.jpg) }
.google_map span { background-image: url(../immagini/google_map.jpg) }
.servizi_educativi span              { background-image: url(../immagini/servizi_educativi.jpg) }
.servizi_inserimento_lavorativo span { height: 81px; background-image: url(../immagini/servizi_inserimento_lavorativo.jpg) }
.servizi_svolti span { background-image: url(../immagini/servizi_svolti.jpg) }
.cinque_per_mille span   { background-image: url(../immagini/cinque_per_mille.jpg) }
.donazioni span          { background-image: url(../immagini/donazioni.jpg) }
.collabora_con_noi span  { background-image: url(../immagini/collabora_con_noi.jpg) }
.rsi span         { background-image: url(../immagini/responsabilita_sociale_impresa.jpg) }
.carta_etica span { background-image: url(../immagini/carta_etica.jpg) }
.siti_amici span         { background-image: url(../immagini/siti_amici.jpg) }
.siti_istituzionali span { background-image: url(../immagini/siti_istituzionali.jpg) }
.siti_interessanti span  { background-image: url(../immagini/siti_interessanti.jpg) }
.contattaci span  { background-image: url(../immagini/contattaci.jpg) }
.galleria_multimediale span  { background-image: url(../immagini/galleria_multimediale.jpg) }





/**
 ** LISTE
 **/

.element {
  margin: 0;
  padding: 0 75px;
  list-style-type: none;
}
.element li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: justify;
}
.element .data {
  display: block;
  margin: -5px 0 9px 0;
  text-align: center;
}
.element h2 a {
  border-bottom-color: #00a88e;
  color: #00a88e;
}