body
{
	background: #ffffff url(images/bg.jpg) top repeat-x;
	color: #000033;
	margin: 0;
	font:  12px "Tahoma", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#container
{
	width: 892px;
	margin: 0px auto;
	position: relative;
}
/************** HEADER *****************/
#header
{
	height: 164px;
	background: url(images/spirito.jpg) no-repeat;
	width: 100%;
	position: relative;
}
/************** BODY OF THE SITE *****************/
#content 
{
	width: 100%;
	min-height: 580px;
	height: auto !important;
	height: 580px;
	background-color: #eaeaea;
}
#flash
{
	width: 226px;
	height: 640px;
	z-index: 1;
	position: absolute;
	top: 130px;
	left: 7px;
}
#foto_spirito
{
	position: absolute;
	right: 35px;
	top: 220px;
	z-index: 2;
}
/* -- Titolo sezione principale -- */
#title
{
	top: 190px;
	right: 23px;
	position: absolute;
	width: 617px;
	height: 77px;
	background-color: #1a4a77;
}
#title .benvenuto { width: 100%; height: 100%; background: url(images/benvenuti.jpg) no-repeat bottom left; }
#title .chisono { width: 100%; height: 100%; background: url(images/chi_sono.gif) no-repeat bottom left; }
#title .filosofia { width: 100%; height: 100%; background: url(images/filosofia.gif) no-repeat bottom left; }
#title .studio { width: 100%; height: 100%; background: url(images/studio.gif) no-repeat bottom left; }
#title .novita { width: 100%; height: 100%; background: url(images/novita.gif) no-repeat bottom left; }
#title .newsletter { width: 100%; height: 100%; background: url(images/newsletter.gif) no-repeat bottom left; }
#title .info { width: 100%; height: 100%; background: url(images/info.gif) no-repeat bottom left; }
#title .legale { width: 100%; height: 100%; background: url(images/legale.gif) no-repeat bottom left; }

/* -- Interventi -- */
#title_interventi
{
	top: 195px;
	right: 23px;
	position: absolute;
	width: 617px;
	height: 32px;
	background-color: #1a4a77;
}
#title_interventi .dermatologica { width: 100%; height: 100%; background: url(images/dermatologica.gif) no-repeat bottom left; }
#title_interventi .tricologica { width: 100%; height: 100%; background: url(images/tricologica.gif) no-repeat bottom left; }
#title_interventi .senologica { width: 100%; height: 100%; background: url(images/senologica.gif) no-repeat bottom left; }
#title_interventi .estetica { width: 100%; height: 100%; background: url(images/estetica.gif) no-repeat bottom left; }
#title_interventi .ricostruttiva { width: 100%; height: 100%; background: url(images/ricostruttiva.gif) no-repeat bottom left; }
#title_interventi .angiologica { width: 100%; height: 100%; background: url(images/angiologica.gif) no-repeat bottom left; }
#title_interventi .flebologica { width: 100%; height: 100%; background: url(images/flebologica.gif) no-repeat bottom left; }

#chirugia_plastica
{
	top: 173px;
	left: 266px;
	position: absolute;
	width: 148px;
	height: 22px;
	background: #ff0000 url(images/chirurgia_plastica.gif);
}
#chirugia_plastica_list
{
	top: 227px;
	left: 266px;
	position: absolute;
	width: 148px;
	height: 212px;
	background: #c90001;
	z-index: 2;
}
#chirugia_plastica_list a
{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	width: 128px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-top: 7px;
}
#chirugia_plastica_list a:hover { color: #c7d5ea; }
#chirugia_plastica_list .selected { text-decoration: underline; }
/* -- Corpo sito principale -- */
#body
{
	top: 285px;
	right: 23px;
	position: absolute;
	width: 617px;
	background-color: #c7d5ea;
	
	min-height: 440px;
	height: auto !important;
	height: 440px;
}
#body p
{
	padding: 50px 18px 0px 18px;
}
/* -- Corpo sito interventi -- */
#body_interventi
{
	top: 260px;
	right: 23px;
	position: absolute;
	width: 617px;
	background-color: #c7d5ea;
	
	min-height: 440px;
	height: auto !important;
	height: 440px;
}

/* -- section foto -- */
#foto
{
	width: 258px; height: 159px;
	position: absolute;	top: 20px; left: 177px;
	background-color: #1a4a77;
}
#foto img
{
	border: 0px;
	float: left;
}
/* -- dynamic fotos -- */
#dynfoto
{
	position: absolute; top: 20px; right: 10px;
	height: 159px; width: 159px;
}
#dynfoto img
{
	border: 0px;
}
#dynfoto div
{
	width: 75px; height: 75px;
	background-color: #1a4a77;
	float: left;
}
#dynfoto .f1 { margin-right: 9px; margin-bottom: 9px;}
#dynfoto .f3 { margin-right: 9px; margin-bottom: 9px; }

/* -- misc intervento -- */

#intervento_title
{
	top: 238px;
	right: 33px;
	position: absolute;
	
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #1a4a77;
	font-family: arial;
}
.explanation
{
	width: 591px;
	background-color: #ffffff;
	margin-left: 15px;
}
.anch { background-color: #c7d5ea; width: 591px; margin-left: 15px; }
.anch a { text-decoration: none; color: #000033; }
.anch ul { font-size: 11px; text-align: center; list-style: none; height: 15px; margin: 0px; padding: 0px; }
.anch li { width: 20%; float: left; }

.explanation h2
{
	margin: 0px;
	width: 100%;
	color: #c90001;
	background: #efefef;
	font-size: 14px;
	line-height: 37px;
	height: 37px;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom: 2px #949494 dashed;
}
.explanation h2 span { display: none; }
.explanation .tipologia { background: #efefef url(images/tipologia.gif) left no-repeat; }
.explanation .risultati { background: #efefef url(images/risultati.gif) left no-repeat; }
.explanation .tecniche { background: #efefef url(images/tecniche.gif) left no-repeat; }
.explanation .esami { background: #efefef url(images/esami.gif) left no-repeat; }
.explanation .faq { background: #efefef url(images/domande.gif) left no-repeat; }
.explanation p { margin: 0; padding: 10px; }

#body_interventi .first { margin-top: 190px; }
#body_interventi .middle { margin-top: 10px; }
#body_interventi .last { margin-top: 10px; margin-bottom: 30px; }

#floating 
{
	display: block;
	height: auto;
}
#mainform 
{
	width: 390px;
	margin: 15px 0 0 0;
}
#mainform input, textarea
{
	border: 1px #1a4a77 solid;
	font:  12px "Tahoma", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	padding: 2px;
}

#mainform .label
{
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 5px;
}
#mainform .field
{
	margin-bottom: 7px;
}
#mainform button
{
	border: 1px #1a4a77 solid;
	background-color: #c7d5ea;
}
.mappa
{
	border: 1px #1a4a77 solid;
}

#news_list { margin: 10px 10px 0 10px; width: 90%; float: left; }
#news_list ul { list-style: none;  margin-left: 0px; padding-left: 0px; margin-top: 2px; padding-top: 2px; }
#news_list li {  }
#news_list a { text-decoration: none; color: #000033; }
#news .title { font-size: 18px; font-weight: bold; }
#news .subtitle { font-size: 12px; font-style: italic; }

#news_pictures
{
	width: 90px;
	margin: 0px auto;
	float: right;
	padding-top: 50px;
}
#news_pictures img
{
	border: 1px #1a4a77 solid;
}
#news_pictures div
{
	margin-bottom: 10px;
}
.cv 
{
	margin-top: 0px;
	padding-top: 0px;
}
.cv li
{
	margin-bottom: 4px;
}
#studio a { text-decoration: none; color: #000033; }