/***********************************************************************************/
/*	Foglio di stile del sito http://www.ohs626.it/  - - - - - - Alex Della Marra   */
/***********************************************************************************/

/* ---------------- SEZIONE GENERICA ---------------- */

* {padding:0; margin:0; }*

/*** Corpo della pagina ***/
body {
  background-color: #b6bdd2;
	color: #000080;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

/*** Contenitore principale ***/
#pagina {
	margin: 10px auto;  /*Margini dagli oggetti circostanti */
  width: 745px;
	border-width: 1px;
	border-style: solid;
  border-color: #000080;
	background: url(../img/sfondomenu.gif) repeat-y;
  background-color: #d7d7eb;
}

/*** Zona banner in intestazione di pagina ***/
#intestazione {
  height: 80px;
	width: 745px;
	border-width: 0px;
	border-style: solid;
}

/*** Banner ***/
#banner {
  border-width: 0px;
}

/*** Spaziatura vuota tra intestazione e corpo ***/
#spazio {
  height: 20px;
	width: 745px;
	border-width: 0px;
	border-style: solid;
	background: url(../img/sfondomenu.gif) repeat-y;
	background-color: #d7d7eb;
}

/*** Contenitore di fasciaSx e contenuto ***/
#corpo {
	position: relative;
	padding: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	border-width: 0px;
	border-style: solid;
	background: url(../img/sfondomenu.gif) repeat-y;
	background-color: #d7d7eb;
}

/*** Fascia sinistra contenente il menuSx ***/
#fasciaSx {
	position: absolute;
	top: 5px;
	left: 0px;
	padding: 5px;
	/* width: XXXpx; => da #vocemenuattiva e div.vocemenu */
	border-width: 0px;
	border-style: solid;
}

/*** Contenuti di pagina ad altezza fissa ***/
#contenuto {
	position: relative;
	left: 160px;
	width: 555px;
  height: 400px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
  text-align: justify;
}

/*** Contenuti di pagina ad altezza variabile ***/
#contenutodinamico {
	position: relative;
	left: 160px;
	width: 555px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	text-align: justify;
}

/*** Testo del titolo pagina ***/
#titolopagina {
  padding: 10px;
  height: 30px;
  font-size: 16px;
  font-weight: bold;
	font-style: italic;
	text-align: left;
}

/*** Voce menu della pagina attiva in menuSx ***/
#vocemenuattiva {
  margin: 1px 0px;
  padding-left:25px;
  font-size: 12px;
	height: 35px;
	width: 120px;
	font-style: italic;
	font-weight: bold;
  background: url(../img/vocemenuattivo.gif) no-repeat;
}

/*** Voce menu in menuSx ***/
div.vocemenu {
  margin: 1px 0px;
  padding-left:25px;
  font-size: 12px;
	height: 35px;
	width: 120px;
  background: url(../img/vocemenu.gif) no-repeat;
}

/*** Box contenente le news in home page ***/
.newshomepage {
	width: 99%;
	font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-bottom: 2px solid #767575;
	border-right: 2px solid #767575;
	border-left: 1px solid #A6A6A6;
  border-top: 1px solid #A6A6A6;
}

/*** Contenitore del pič di pagina ***/
#piedipagina {
  margin-top: 10px;
	width: 735px;
  text-align: center;
	border-width: 0px;
	border-style: solid;
}

/*** Contenitore del menuBasso ***/
#menubasso {
  margin: 5px auto;  /*Margini dagli oggetti circostanti */
  font-size: 10px;
  text-align: center;
	border-width: 0px;
	border-style: solid;
}

/*** Box servizi in line ***/
div.boxinline {
  width: 270px;
	height: 290px;
  padding-top: 5px;
}

/*** Box servizi off line ***/
div.boxoffline {
	width: 270px;
	height: 290px;
  padding-top: 5px;
	position: absolute;
	left: 287px;
}

/*** Box attivitā principale***/
div.boxattivita {
  position: relative;
	border-width: 1px;
	border-style: solid;
  border-color: #d7d7eb;
	border-bottom: 2px solid #767575;
}

/*** Box interni al boxattivita ***/
div.boxattivitatextdx {
	width: 440px;
  height: 110px;
	border-width: 0px;
	border-style: solid;
	position: absolute;
	top: 5px;
	left: 100px;
}

div.boxattivitaimgsx {
	height: 110px;
	width: 90px;
	border-width: 0px;
	border-style: solid;
}

div.boxattivitatextsx {
	height: 110px;
	width: 440px;
	border-width: 0px;
	border-style: solid;
}

div.boxattivitaimgdx {
	height: 110px;
	width: 90px;
	border-width: 0px;
	border-style: solid;
	position: absolute;
	top: 0px;
	left: 450px;
}
/*** Fine Box interni al boxattivita ***/

/*** Box dettagli principale***/
div.boxdettagli {
  position: relative;
	border-width: 0px;
	border-style: solid;
}

/*** Box interni al boxdettagli ***/
div.boxdettaglitextdx {
	width: 420px;
  height: 200px;
	padding-left: 20px;
	border-width: 0px;
	border-style: solid;
	position: absolute;
	top: 0px;
	left: 100px;
}

div.boxdettagliimgsx {
	height: 200px;
	width: 90px;
	border-width: 0px;
	border-style: solid;
}

div.boxdettaglitextsx {
	width: 420px;
  height: 200px;
	padding-left: 20px;
	border-width: 0px;
	border-style: solid;
}

div.boxdettagliimgdx {
	height: 200px;
	width: 90px;
	border-width: 0px;
	border-style: solid;
	position: absolute;
	top: 0px;
	left: 450px;
}
/*** Fine Box interni al boxdettagli ***/

/*** Immagine senza bordo ***/
img.noborder {
  border-width: 0px;
}

a:link {/* link da visitare */
	color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a:link.special {/* link da visitare speciali (in Home Page) */
	color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}


a:hover {/* link al passaggio del mouse */
	color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a:visited {/* link visitato  speciali (in Home Page)*/
	color: #0000cc;
  font-weight: bold;
  text-decoration: underline;
}

a:visited.special {/* link visitato speciale (in Home Page)*/
	color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}