body {
	background-color: #7aa1a6;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	line-height: 140%;
	min-width: 760px; /* per evitare problemi con alcuni browser quando la larghezza della finestra è minore della larghezza del #container */
}

#container {
	width: 760px;
	margin: 0 auto; /* i margini sx e dx sono automaticamente calcolati, quindi elemento centrato orizzontalmente, ma si deve definire una larghezza */
	border: 7px solid #689195;
	border-width: 0 7px; /* 0 sopra e sotto, 7 a destra e sinistra */
	background-color: #fff;
}

#nav {
	width: 760px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #d2d2bb;
	height: 37px; /* impostiamo l'altezza del div che corrisponde all'altezza dell'effetto evidenziatore */
}


#section {
	position: relative;
	height: 238px;
	margin: 0;
	padding: 0;
	border-width: 0 0 37px 0; /* lasciamo 37 pixel di bordo in basso che corrispondono alla banda blu sull'immagine */
	border-color: #01539c;
	border-style: solid;
	background: #d2d2bb;
}

#section #sectiontext {
	width: 350px;
	float: right;
	padding: 40px 0 0 0;
	border: 0;
}

#section #sectionpic {
	position: absolute;
	bottom: -37px; /* abbiamo lasciato 37 pixel di bordo in corrispondenza della banda blu sull'immagine */
	left: 10px;
	margin: 0;
	padding: 0;
}

#section p {
	margin: 10px 50px 10px 0;
}

#subsection {
	position: relative;
	height: 110px;
	margin: 0;
	padding: 0;
	border-width: 0 0 37px 0; /* lasciamo 37 pixel di bordo in basso */
	border-color: #01539c;
	border-style: solid;
	background: #d2d2bb;
}

#subsection #subsectiontext {
	padding: 50px 68px 10px 68px;
	border: 0;
}

#subsectiontext p {
	margin: 0;
	padding: 10px 0 0 0;
	color: #999;
}

#left {
	float: left;
	width: 300px; /* definire SEMPRE una larghezza per gli elementi float o i risultati sarenno imprevedibili */
	margin: 0;
	padding: 0 0 0 0;
	background-color: #fff;
	color: #333;
}

#right {
	float: right;
	width: 460px; /* definire SEMPRE una larghezza per gli elementi float o i risultati sarenno imprevedibili */
	margin: 0;
	padding: 0 0 50px 0;
	background-color: #fff;
	color: #333;
}

#admincontent {
	width: 760px;
	margin: 0;
	padding: 0 0 0 0;
	background-color: #fff;
}

#maincontent {
	float: left;
	width: 520px; /* definire SEMPRE una larghezza per gli elementi float o i risultati sarenno imprevedibili */
	margin: 0;
	padding: 0 0 0 0;
	background-color: #fff;
}

#rightlinks {
	float: right;
	width: 240px; /* definire SEMPRE una larghezza per gli elementi float o i risultati sarenno imprevedibili */
	margin: 0;
	padding: 0 0 50px 0;
	background-color: #fff;
}

#rightlinks ul {
	margin: 0;
	padding: 10px 0;
}

#footer {
	clear: both;
	margin: 0;
  padding: 0;
	background-color: #e9e9e9;
	color: #333;
}

#newstext {
	margin: 0;
	padding: 30px 30px; /* sopra e sotto, destra e sinistra */
	border: 0;
}

#maintext {
	margin: 0;
	padding: 30px 30px; /* sopra e sotto, destra e sinistra */
	border: 0;
	font-size: 1em;
}

#maintext h2 {
	margin: 0;
	padding: 0 0 10px 0;
	border: 0;
	font-size: 1.4em;
	color: #00539b;
	text-transform: uppercase;
}

#estimatebox {
	margin: 30px 30px 30px 0;
	padding: 80px 20px 20px 20px;
	border: 0;
	background-color: #ebebeb;
  background-image: url(../i/back_talk.gif);
	background-repeat: no-repeat;
  background-position: 20px 20px;
}

#contactbox {
	margin: 30px 30px 30px 0;
	padding: 90px 20px 20px 20px;
	border: 0;
	background-color: #ebebeb;
  background-image: url(../i/back_home.gif);
	background-repeat: no-repeat;
  background-position: 20px 20px;
}

#homebox {
	margin: 30px;
	padding: 20px 30px 10px 30px;
	border: 0;
	background-color: #ebebeb;
  background-image: url(../i/back_talk_big.gif);
	background-repeat: no-repeat;
  background-position: 90% 80%;
}

#hometext {
	margin: 10px 30px;
	padding: 0;
	border: 0;
}

#footertext {
	margin: 0;
	padding: 10px;
	border: 0;
	text-align: center;
	color: #333;
}

#footertext ul {
	list-style: none;
	margin: 0;
  padding: 10px;
}



h1, h1 a {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 90px;
	display: block;
	text-indent: -99999px;
	background: url(header.gif) top left no-repeat;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 0 0 0;
}

ul {
	list-style-type: none;
	margin: 0;
  padding: 0;
}

ul.square {
	list-style-type: square;
	list-style-position: outside;
	margin: 0;
  padding: 0 0 0 30px;
}

#maintext li {
	margin: 0;
  padding: 0.3em 0;
}

.copy {
	margin: 0;
	padding: 10px 0;
	font-size: 0.8em;
	color: #999;
}

.note {
	margin-top: 3em;
    font-size: 0.9em;
	color: #999;
}

#eventExplain {
	margin: 0;
	padding: 10px 0 30px 0;
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: dotted;
}

.eventName {
	margin: 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
}

#maintext .eventName {
	padding: 4.0em 0 0 0;
}

.eventLocation {
	color: #ec008c;
}

.quote {
	margin: 0;
	padding: 20px 20px 20px 65px;
  font-style: italic;
  background-color: #f6f6f6;
  background-image: url(../i/back_quote.gif);
	background-repeat: no-repeat;
  background-position: 20px 15px;
}

.download {
	margin: 0;
	padding: 10px 20px 10px 30px;
	text-align: right;
	!background-color: #ebebeb;
  background-image: url(../i/back_download.gif);
	background-repeat: no-repeat;
  background-position: 7% 50%;
	border: 1px #ccc dotted;
}

.date {
	width: 150px;
	padding: 2px 5px;
	font-weight: bold;
	background-color: #adc5d9;
  background-image: url(../i/layout_calendario.gif);
	background-repeat: no-repeat;
  background-position: 90% 50%;
	color: #fff;
}


a:link {
	color: #00539b;
}

a:hover {
	color: #ec008c;
}

a:visited {
	color: #00539b;
}

/* form */

form {
	margin: 0;
	padding: 30px;
	border: 1px #ccc dotted;
	background-color: #f9f9f9;
}

input, select, textarea {
	margin: 3px 0 15px 0;
	padding: 0;
	border: 1px #999 solid;
}

.formError  {
	color: #c30;
}

.formbutton{
  cursor: pointer;
  border: outset 1px #ccc;
  background: #ddd;
  color: #666;
  font-weight: bold;
  padding: 2px 4px;
}

/* immagini titoli */

h2#chisiamo-subsection {
    margin: 0;
		padding: 29px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_section_chisiamo.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:29px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#servizi-subsection {
    margin: 0;
		padding: 29px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_section_servizi.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:29px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#eventi-subsection {
    margin: 0;
		padding: 27px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_section_eventi.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:27px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#contatti-subsection {
    margin: 0;
		padding: 29px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_section_contatti.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:29px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#admin-subsection {
    margin: 0;
		padding: 29px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_section_admin.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:29px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#primopiano {
    margin: 0;
		padding: 12px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_primopiano.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:12px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#callout {
    padding: 29px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_callout.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:29px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}


h2#news{
    padding: 14px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_events.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:14px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#estimate {
    padding: 15px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_estimate.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:15px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#ourservices {
    padding: 14px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_ourservices.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:14px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}

h2#partnerships {
    padding: 14px 0 0 0; /* altezza dell'immagine */
    overflow: hidden;
  	line-height: 160%; /* se da qualche parte impostiamo line-height poi il ripiazzo dell'immagine lascia una traccia di testo a meno che non si specifichi anche qui un line-height elevato */
    background-image: url(../i/title_partnerships.gif);
    background-repeat: no-repeat;

		height: 0px !important; /* per la maggior parte dei browser */
    height /**/:14px; /* per il non corretto box model di IE5.5 - lo spazio fra height e il commento è importante */
}