
/* --------------------------Generale----------------------------- */

body,p,form,fieldset,input,ul,li,h1,h2,h3{
margin:0; 
padding:0 ;
}

ul li{ 
list-style:none;
}

a{ 
color: #7a7a7a;
text-decoration:none; 
}

a:hover{
color:#1D9F9F;
}

.clearer{
clear: both;
height: 0;
line-height: 0px;
font-size: 0px;
}

h2 {
margin:0 0 8px 20px;
color:#1D9F9F;
font-size:14px;
background:url(../images/indent.gif) no-repeat left;
padding-left:20px;
}

p{
margin-top:8px;
line-height:160%;
}

/* ------------------------Struttura------------------------------- */

body {
text-align: center;
font-family:Arial, Helvetica, sans-serif;
color: #7a7a7a;
background:#fff;
}

#container {
width: 766px;
margin: 0px auto;
text-align: left;
font-size: 12px;
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
}

#wrapper{
position:absolute; 
width:766px; 
height:243px;
top:130px;
background:transparent;
}

#header{
width:766px;
height:101px;
background:url(../images/header.jpg) no-repeat;
}

/* ------------------------Menu------------------------------- */

#menu{
height:32px;
background:#9dc8ce;
}

#menu li {  
height:25px; 
float: left; 
margin: 7px 2px 0 0; 
text-align: center; 
}

#menu a {  
display: block; 
color: #8c8c8c;
padding:7px 0 3px 0;
text-transform:uppercase;
}

#menu a.home {  
width: 55px;
background: url(../images/home-off.jpg) no-repeat;
margin-left:3px;
}

#menu a.home:hover { 
background: url(../images/home-on.jpg) no-repeat; 
color:#1A9EA0; 
}

#menu a.present { 
width: 120px;
background: url(../images/present-off.jpg) no-repeat;
}

#menu a.present:hover { 
background: url(../images/present-on.jpg) no-repeat; 
color:#1A9EA0; 
}

#menu a.terapie { 
width: 72px;
background: url(../images/terapie-off.jpg) no-repeat; 
}

#menu a.terapie:hover { 
background: url(../images/terapie-on.jpg) no-repeat; 
color:#1A9EA0; 
}

#menu a.filoso { 
width: 82px;
background: url(../images/filoso-off.jpg) no-repeat; 
}

#menu a.filoso:hover { 
background: url(../images/filoso-on.jpg) no-repeat; 
color:#1A9EA0; 
}

#menu a.patologie { 
width: 86px;
background: url(../images/patologie-off.jpg) no-repeat; 
}

#menu a.patologie:hover { 
background: url(../images/patologie-on.jpg) no-repeat; 
color:#1A9EA0; 
}

#menu a.domande { 
width: 81px;
background: url(../images/domande-off.jpg) no-repeat; 
}

#menu a.domande:hover { 
background: url(../images/domande-on.jpg) no-repeat; 
color:#1A9EA0; 
}

#menu a.contatti { 
width: 77px;
background: url(../images/contatti-off.jpg) no-repeat; 
}

#menu a.contatti:hover { 
background: url(../images/contatti-on.jpg) no-repeat; 
color:#1A9EA0; 
}

#menu li a.current-home { background: url(../images/home-on.jpg) no-repeat; color:#1A9EA0; }

#menu li a.current-present { background: url(../images/present-on.jpg) no-repeat; color:#1A9EA0; }

#menu li a.current-terapie { background: url(../images/terapie-on.jpg) no-repeat; color:#1A9EA0; }

#menu li a.current-filoso { background: url(../images/filoso-on.jpg) no-repeat; color:#1A9EA0; }

#menu li a.current-patologie { background: url(../images/patologie-on.jpg) no-repeat; color:#1A9EA0; }

#menu li a.current-domande { background: url(../images/domande-on.jpg) no-repeat; color:#1A9EA0; }

#menu li a.current-contatti { background: url(../images/contatti-on.jpg) no-repeat; color:#1A9EA0; }

/* ------------------------Banner------------------------------- */

#banner{
width:766px;
height:243px;
border-bottom:1px solid #dbdbdb;
}

/* ------------------------Content------------------------------- */

#content{
width:766px;
background: url(../images/sfuma.jpg) no-repeat top;
padding:30px 0 30px 0;
}

#left-home{
width:350px;
float:left;
background:url(../images/sfuma_lateral.jpg) no-repeat right;
}

#right-home{
width:405px;
float:right;
}

#left{
width:280px;
float:left;
background:url(../images/sfuma_lateral.jpg) no-repeat top right;
}

#left-contenuto{
padding:0 20px 0 20px;
text-align:center;
}

p.slogan{
margin-top:20px;
font-size:14px;
line-height:140%;
font: italic 110% Georgia;
color: #7a7a7a;
line-height:30px;
}

p.risalto{
font-size:12px;
font-weight:bold;
color: #666;
}

#right{
width:486px;
float:right;
}

.testo{
border-top:1px solid #d8d8d8;
margin:0 20px;
}

#right table{
margin-top:10px;
}

#right table td.anno{
width:80px;
padding-top:10px;
vertical-align:top;
color:#1A9EA0;
}

#right table td.corso{
width:320px;
padding-top:10px;
}

#center{
border-top:1px solid #d8d8d8;
width:726px;
margin-left:20px;
}

#center img{
float:left; 
padding-right:10px;
}

dt {
border-top:1px solid #d8d8d8;
background:#f8f8f6 url(../images/greyarrow.gif) no-repeat left;
color:#555;
font-weight:bold;
padding:12px 5px 12px 25px;
}

dt:hover {
background:#f2f2f2 url(../images/greyarrow.gif) no-repeat left;
}

dd {  
margin:0 0 10px 0;
}

.lista_titolo{
cursor: pointer
}

/* --------------------------Contatti----------------------------- */

ul#indirizzo li{
padding-bottom:6px;
}

ul#indirizzo li.mappa{
padding-left:25px;
background:url(../images/mappa.gif) no-repeat;
margin-top:20px;
}

ul#indirizzo li.mobile{
padding-left:25px;
background:url(../images/mobile.png) no-repeat;
}

ul#indirizzo li.email{
padding-left:25px;
background:url(../images/email.png) no-repeat;
}

form input.textbox, form input.textboxOn {
width: 300px;
border:1px solid #d8d8d8;
padding: 2px 0 2px 2px;
}

form textarea, form textarea.textAreaOn {
overflow:auto;
padding: 2px 0 2px 2px;
border:1px solid #d8d8d8;
}

form input.textboxOn, form textarea.textAreaOn { border:1px solid #aaa; background:#f2f2f2; } 

form input.button {
padding: 2px 5px 2px 5px;
border:1px solid #d8d8d8;
background-color:#ECE9D8;
margin-top:10px;
cursor:pointer;
color: #666;
}

/* --------------------------Mappa----------------------------- */

#map{
width: 440px; 
height: 300px;
margin-top:10px;
border:1px solid #d8d8d8;
}

/* --------------------------Footer----------------------------- */

#footer{
background:#e7e5e5;
text-align:center;
font-size:11px;
color:#666;
padding:12px 0 12px 0;
}

