/* -----------------------------------*/
/* ------------- generale ------------*/
/* -----------------------------------*/

* { margin: 0; padding: 0; border: 0; } /* elimina TUTTI i bordi, in questo modo non è più necessario specificarlo per ogni classe */

html, body {
	background-color: #fff;
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size: small;
	min-width: 720px; /* per evitare problemi con alcuni browser quando la larghezza della finestra è minore della larghezza del #container */
}

a:link {
	color: #669;
}

a:hover {
	color: #c54836;
}

a:visited {
	color: #669;
}

/* -----------------------------------*/
/* ------------ struttura ------------*/
/* -----------------------------------*/

#container {
	width: 720px;
	margin: 0 auto; /* i margini sx e dx sono automaticamente calcolati, quindi elemento centrato orizzontalmente, ma si deve definire una larghezza */
	background-color: #fff;
}

#header {
	border-width: 6px 0 0 0;
	border-color: #c6c6e1;
	border-style: solid;
	padding-bottom: 40px; /* se metto il margin si somma a quello dei tre box in home page a cui bisogna per forza mettere un margin per problemi con ie6 */
}

#mood {
  height: 250px;
	border-width: 0 0 2px 0;
	border-color: #fff;
	border-style: solid;
	background-color: #c6c6e1;
  background-image: url(../i/mood_bg.gif);
	background-repeat: no-repeat;
  background-position: 360px 8px;
}

#welcome {
	padding: 30px;
	width: 300px;
	color: #fff;
}
#welcome p {
	margin-bottom: 10px;
}

#patient, #doctor, #company {
	float: left;
	color: #fff;
	background-color: #c54836;
	height: 240px;
	margin-bottom: 40px;
}

#patient, #doctor {
	width: 239px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-style: solid;
	border-color: #fff;
}

#company {
	width: 240px;
}

#sectionmenu {
  height: 60px;
	background-color: #c6c6e1;
}

#sectionmoodclinica, #sectionmoodricerca, #sectionmoodpersonale, #sectionmoodcontatti {
	width: 720px;
	height: 105px;
	color: #fff;
	background-repeat: no-repeat;
  background-position: 0 0;
}

    #sectionmoodclinica p, #sectionmoodricerca p, #sectionmoodpersonale p, #sectionmoodcontatti p {
      padding: 7px 15px;
    }
    
    #sectionmoodclinica {
      background-image: url(../i/mood_clinica.gif);
    }
    
    #sectionmoodricerca {
      background-image: url(../i/mood_ricerca.gif);
    }
    
    #sectionmoodpersonale {
      background-image: url(../i/mood_personale.gif);
    }
    
    #sectionmoodcontatti {
      background-image: url(../i/mood_contatti.gif);
    }

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

#sidehomecontent {
  padding: 0 40px 0 0;
}

#contenthome {
	float: right;
	clear: right; /* senza questo in ie6 il bordo del ballon nella colonna sx disturba il posizionamento */
	width: 480px; /* definire SEMPRE una larghezza per gli elementi float o i risultati sarenno imprevedibili */
	margin: 0 0 40px 0;
	background-color: #fff;
}

 	#contenthome p {
  	padding: 0 0 0.5em 0;
		line-height: 1.5;
	}
	
#sideinternal {
	float: right;
	width: 220px; /* definire SEMPRE una larghezza per gli elementi float o i risultati sarenno imprevedibili */
	margin: 0 0 40px 0;
	background-color: #fff;
}

#sideinternalcontent {
  padding: 0 0 0 40px;
}

#contentinternal {
	float: left;
	/* clear: left;  senza questo in ie6 il bordo del ballon nella colonna sx disturba il posizionamento */
	width: 500px; /* definire SEMPRE una larghezza per gli elementi float o i risultati sarenno imprevedibili */
	margin: 0 0 40px 0;
	background-color: #fff;
}

 	#contentinternal p {
  	padding: 0 0 0.6em 0;
		line-height: 1.5;
	}


#footer {
	clear: both;
}

#nav {
	padding: 20px 20px 20px 20px;
	color: #fff;
	font-size: 0.9em;
	/* text-align: center; */
  background-color: #c6c6e1;
	border-width: 2px 0 0 0;
	border-color: #a8a8e0;
	border-style: solid;
}

#credits {
	padding: 15px 20px;
	color: #c6c6e1;
	font-size: 0.8em;
	/* text-align: center; */
	background-color: #8d8dc7;
	border-width: 1px 0 0 0;
	border-color: #fff;
	border-style: solid;
}

#search {
	height: 30px;
	width: 260px;
	float: right;
  background-image: url(../i/search_corner_bg.gif);
	background-repeat: no-repeat;
  background-position: 0 0;
	background-color: #c6c6e1;
}

#related {
	padding: 20px;
	margin: 20px 0;
	background-color: #eee;
}

#info {
	padding: 20px;
	margin: 20px 0;
	background-color: #e0e0e0;
}

/* -----------------------------------*/
/* ----------- navigazione -----------*/
/* -----------------------------------*/

ul#nav_main { /* per applicare un selector ad uno specifico elemento html basta specificare prima l'elemento html seguito dal selector, ad esempio ul#nav_main viene applicato solo agli elementi ul che hanno l'id nav_main */
	margin: 40px 0 0 0;
	list-style-type: none;
	position: relative;
	z-index: 2;
	height: 20px; /* metà altezza dell'immagine di sfondo usata per il menu */
}
	ul#nav_main li { display: inline; }
		ul#nav_main li a {
			position: absolute;
			background: url(../i/nav_bg.gif) no-repeat;
			height: 15px;
			display: block;
		}
		#container ul#nav_main li.active a {
			height: 20px;
		}
		
		ul#nav_main li#home_link a {
			background-position: 0 0;
			width: 76px;
			left: 0;
		}
		ul#nav_main li#home_link a:hover,
		ul#nav_main li#home_link.active a {background-position: 0 -20px;}

		ul#nav_main li#clinica_link a {
			background-position: -76px 0;
			width: 103px;
			left: 76px;
		}
		ul#nav_main li#clinica_link a:hover,
		ul#nav_main li#clinica_link.active a {background-position: -76px -20px;}

		ul#nav_main li#ricerca_link a {
			background-position: -179px 0;
			width: 104px;
			left: 179px;
		}
		ul#nav_main li#ricerca_link a:hover,
		ul#nav_main li#ricerca_link.active a {background-position: -179px -20px;}

		ul#nav_main li#personale_link a {
			background-position: -283px 0;
			width: 118px;
			left: 283px;
		}
		ul#nav_main li#personale_link a:hover,
		ul#nav_main li#personale_link.active a {background-position: -283px -20px;}

		ul#nav_main li#contatti_link a {
			background-position: -401px 0;
			width: 96px;
			left: 401px;
		}
		ul#nav_main li#contatti_link a:hover,
		ul#nav_main li#contatti_link.active a {background-position: -401px -20px;}


/* menu di secondo livello */

		
ul#nav_sub {
	padding: 25px 0 0 0;
	list-style-type: none;
	position: relative;
	z-index: 2;
	height: 20px; /* metà altezza dell'immagine di sfondo usata per il menu */
}
	ul#nav_sub li { display: inline; }
		ul#nav_sub li a {
			position: absolute;
			height: 15px;
			display: block;
		}
		#container ul#nav_sub li.active a {
			height: 20px;
		}
		
		ul#nav_sub li#sub_1_link a {
			background-position: 0 0;
			width: 76px;
			left: 0px;
		}
		ul#nav_sub li#sub_1_link a:hover,
		ul#nav_sub li#sub_1_link.active a {background-position: 0 -20px;}

		ul#nav_sub li#sub_2_link a {
			background-position: -76px 0; /* tutti gli elementi li della lista usano la stessa immagine per cui la dovrò spostare tutte le volte del giusto numero di pixel */
			width: 103px;
			left: 76px;
		}
		ul#nav_sub li#sub_2_link a:hover,
		ul#nav_sub li#sub_2_link.active a {background-position: -76px -20px;}

		ul#nav_sub li#sub_3_link a {
			background-position: -179px 0;
			width: 104px;
			left: 179px;
		}
		ul#nav_sub li#sub_3_link a:hover,
		ul#nav_sub li#sub_3_link.active a {background-position: -179px -20px;}

		ul#nav_sub li#sub_4_link a {
			background-position: -283px 0;
			width: 118px;
			left: 283px;
		}
		ul#nav_sub li#sub_4_link a:hover,
		ul#nav_sub li#sub_4_link.active a {background-position: -283px -20px;}
		
		ul#nav_sub li#sub_5_link a {
			background-position: -401px 0;
			width: 109px;
			left: 401px;
		}
		ul#nav_sub li#sub_5_link a:hover,
		ul#nav_sub li#sub_5_link.active a {background-position: -401px -20px;}


/* footer */

ul#nav_footer {
	list-style: none;
	margin: 0;
  padding: 10px 0 20px 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}

#nav_footer li {
  display: inline;
  list-style-type: none;
	margin: 0;
  padding: 0 10px 0 0;
	color: #fff;
}

#nav_footer a, #nav a {
	color: #fff;
}

#nav_footer #active {
	text-decoration: none;
	color: #8d8dc7;
}


/* -----------------------------------*/
/* ------------ headlines ------------*/
/* -----------------------------------*/

#header h1 {
	width: 273px;
	height: 57px;
	background-image: url(../i/logo.gif);
	clear: both;
	border: 0;
}
	#header h1 a {
  	width: 273px;
  	height: 57px;
	}

#patient h2, #doctor h2, #company h2 {
	height: 34px;
	background-color: #d18f47;
  background-position: 50% 12px;
	border: 0;
	margin: 0;
	padding: 0;
}

#patient h2 {
  background-image: url(../i/access_patient_bg.gif);
}

#doctor h2 {
  background-image: url(../i/access_doctor_bg.gif);
}

#company h2 {
  background-image: url(../i/access_company_bg.gif);
}

h1, h2, h3, h4 {
	font-family: Georgia, 'Times New Roman', Times, Serif;
	/* text-transform: uppercase;
	letter-spacing: .1em; */
	color: #666;
}

h1 {
	font-size: 1.8em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #669;
	margin: 1.2em 0 .5em 0;
}

h3 a {text-decoration:underline;}
h3 a:hover {text-decoration:underline;}

h4 {
	font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 1.2em 0 .5em 0;
}

#related h2, #info h2 {
	font-size: 1.4em;
	border: 0;
	margin: 1em 0 1.4em 0;
	color: #999;
}

h2#techniques, h2#diseases, h2#researches, h2#hospital, h2#contact {
	padding: 15px 0 15px 60px;
	background-repeat: no-repeat;
  background-position: 0px 5px;
}

h2#techniques {
  background-image: url(../i/icon_camera.gif);
}

h2#diseases {
  background-image: url(../i/icon_pill.gif);
}

h2#researches {
  background-image: url(../i/icon_search.gif);
}

h2#hospital {
  background-image: url(../i/icon_h.gif);
}

h2#contact {
  background-image: url(../i/icon_i.gif);
}

#related h3, #info h3 {
	font-size: .9em;
	border: 0;
	padding: 0;
	margin: 1em 0 .4em 0;
	color: #333;
}

#related h4 {
	font-size: .8em;
	border: 0;
	padding: 0;
	margin: 3em 0 .4em 0;
	color: #666;
}

h3#accessboxtitle {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px 20px;
	margin: 30px 0 0 0;
	color: #fff;
  background-color: #d18f47;
}

#balloon h3 {
	font-size: 1em;
	color: #666;
	padding: 15px;
  background-color: #d7d7d7;
	margin: 0;
}

/* -----------------------------------*/
/* -------------- classi -------------*/
/* -----------------------------------*/


.replace {
	text-indent: -9999px;
	font-size: 1px; line-height: 0;
	background-repeat: no-repeat;
}
	.replace a {
		display: block;
		overflow: hidden;
	}

.accesscontent {
	padding: 20px 15px 15px 15px;
}

.ruolo {
	font-style: italic;
	text-align: right;
	color: #666;
}

.more {
	/* padding: 0.2em 0 2em 0;
	margin: 0 0 2em 0; */
}

.painting {
	padding: 4px;
	margin: 10px 0;
  border: 2px solid #e1e1e1;
}

.newstitle {
	padding: 0;
	margin: 2em 0 .8em 0;
	font-weight: bold;
	color: #666;
}

.newsdate {
	font-weight: bold;
	color: #c54836;
}

.newscategory {
	color: #d18f47;
}

.newstext {
	padding: 1.0em 0 0.2em 0;
}

.highlightstitle {
	padding: 0;
	margin: 2em 0 .2em 0;
	font-weight: bold;
	color: #666;
}

.campo {
	padding: 1em 0;
	font-weight: bold;
	color: #000;
}

.descrizionecampo {
	padding: 1em 0;
	font-weight: normal;
	color: #999;
}

.recapiti {
	font-weight: bold;
}

.pubblicazione {
	margin: 2em 0 .5em 0;
	font-weight: bold;
}

.dim {
	color: #666;
}

.dimmer {
	color: #999;
}

#contentinternal .quote {
	width: 400px; /* se non specificato ie6 a dimensioni di testo maggiori rompe il layout */
	margin: 2em 0;
	padding: 20px 20px 20px 65px;
  font-style: italic;
  background-color: #f6f6f6;
  background-image: url(../i/quote_bg.gif);
	background-repeat: no-repeat;
  background-position: 20px 15px;
}

#contentinternal .pdf, #contentinternal .zip {
	color: #000;
	font-size: 1em;
	padding: 20px 0 20px 40px;
	border: 0;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#contentinternal .pdf {
  background-image: url(../i/icon_pdf.gif);
}

#contentinternal .zip {
  background-image: url(../i/icon_zip.gif);
}

.success {
  background-image: url(../i/icon_success.gif);
}

.failure {
  background-image: url(../i/icon_failure.gif);
}

.noop {
  background-image: url(../i/icon_noop.gif);
}

/* -----------------------------------*/
/* -------------- liste --------------*/
/* -----------------------------------*/

#contentinternal ul, #contenthome ul {
	list-style-type: circle;
	padding: 1em 2em;
}

#contentinternal li {
	line-height: 1.8;
}

ul.highlights {
	list-style-type: none;
	padding: 10px 0;
}

ul.highlights li {
	color: #000;
	font-size: 1em;
	padding-left: 1em;
	line-height: 1.8;
        background-image: url(../i/arrow_list.gif);
	background-repeat: no-repeat;
	background-position: 0 60%;
}

ul.accesslist {
	list-style-type: none;
	padding: 10px 0;
}

ul.accesslist li {
	color: #fff;
	padding-left: 1em;
	line-height: 1.8;
        background-image: url(../i/arrow_list_white.gif);
	background-repeat: no-repeat;
	background-position: 0 60%;
}

ul.accesslist li a {
	color: #fff;
}

ul#result {
	list-style-type: none;
	margin-left: 1em;
	padding: 20px 0;
}

ul#result li {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 3em;
	line-height: 3;
	background-repeat: no-repeat;
	background-position: 0;
}

/* -----------------------------------*/
/* --------------- form --------------*/
/* -----------------------------------*/

#form {
	margin: 0;
	padding: 5px;
}

#contentinternal form {
	margin: 2em 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  {
	padding: 1px 4px;
	background-color: #c30;
	color: #fff;
}

.formbutton{
  cursor: pointer;
  border: 0;
  background: #d18f47;
  color: #fff;
  font-weight: normal;
	font-size: .8em;
	text-transform: uppercase;
  padding: 2px 4px;
}

fieldset {
  border: 0;
  margin: 0;
	padding: 10px 0;
}

/* -----------------------------------*/
/* --------- altri elementi ----------*/
/* -----------------------------------*/

#balloon {
	padding: 0 0 5px 0;
	margin: 0 0 0px 0;
  background-image: url(../i/arrow_bg.gif);
	background-repeat: no-repeat;
  background-position: 15% 100%;
}

#accessbox {
	padding: 20px;
	color: #fff;
  background-color: #c54836;
  /*background-image: url(../i/access_bg.gif);
	background-repeat: repeat-x;
  background-position: 0 0;*/
}

 	#accessbox p {
  	padding: 0 0 1em 0;
	}

p#back {
	padding: 10px 0 10px 30px;
	margin-top: 3em;
	margin-bottom: 2em;
  background-image: url(../i/icona_elenco.gif);
	background-repeat: no-repeat;
  background-position: 0 50%;
}

iframe {
  margin: 20px 0;
	padding: 4px;
  border: 2px solid #e1e1e1;
}