/*
<a href='http://www.colorcombos.com/combotester.html?color0=FFF8DC&color1=dbc49c&color2=fffbec&color3=C2C7C6&color4=E4C88D&color5=31528B' title='A web color combinations tool and library for web designers.'>ColorCombos.com Combo</a>
Colori: #18395F #FDFEFE #D3E9F2 #A7BBBC #458982

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

/*=================================================================  body */
body{
background-color: #b6c58f;
color: #000000;
font-family: "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;/*arial;*/
font-size: 67.5%;
text-align: center;
}
/*=============================================================== wrapper =*/
#wrapper{
background-color: #eaf2f2;
width: 900px;
position: relative;
margin: 0 auto;
font-size: 1.2em;
border: 1px solid #eaf2f2;
text-align: justify;
}
/*=============================================================== header =*/
#overheader{
background: transparent url(../imgcss/overhd.gif) repeat-x;
height: 10px;
overflow:hidden;
}
#header{
background: #18395F url(../imgcss/header91.jpg) no-repeat; /*-----COLORE BASE--5---;*/
position: relative;
height: 160px;
font-weight: bold;
}
/*=============================================================== menu =*/
#menu {
height:30px; \height:32px; hei\ght:30px;
position:relative;
z-index:100;
border:2px solid #eaf2f2;
font-family:arial, sans-serif;
background: #458982 url(../imgcss/mn_head_sin.gif) no-repeat right top;
}
#menu ul {height:30px; padding:0;margin:0;list-style-type:none;}
#menu li {float:left;width:99px;height:30px;position:relative;}
#menu a {display:block;font-size:12px;text-decoration:none;
color:#fff;
height:30px; \height:32px; hei\ght:30px;
padding-left:10px;
line-height:30px;
font-weight:bold;
border-right: 1px solid #eaf2f2;
}
#menu a.multiv {
background: transparent url(../imgcss/mn_head_mult.gif) no-repeat right top;
}
#menu a.multiv:hover {
background-position: -101px -30px;
}
#menu a.single {
background: #458982 url(../imgcss/mn_head_sin.gif) no-repeat right top;
}
#menu a.single:hover {
background-position: -101px -30px;
}
#menu a.attivo {
background: #458982 url(../imgcss/mn_head_sin.gif) no-repeat -101px -60px;
color:#000034;
}
#menu a.multioactive{
background: #458982 url(../imgcss/mn_head_mult.gif) no-repeat right bottom;
}
#menu a.multioactive:hover{
background: #458982 url(../imgcss/mn_head_mult.gif) no-repeat right center;
}
/*secondo livello spento e sua posizione*/
#menu ul ul {display:none; width:129px; position: absolute; top: 30px; left:0;
height:30px;}
/*terzo livello spento e sua posizione*/
#menu ul ul ul {display:none; position: absolute; top:0; left:139px;
height:30px;}

/* colore del passaggio sul primo livello*/
/*#menu ul a:hover {color:#000034; background: #458982 url(../imgcss/mn_headho.gif) repeat-x  center center}
 al passaggio sul primo livello accendo il secondo livello*/
#menu ul a:hover ul, #menu ul li:hover ul, #menu ul li.hover ul {display:block;}
/* mentre il terzo resta spento*/
#menu ul a:hover ul ul, #menu ul li:hover ul ul, #menu ul li.hover ul ul{display:none;}

/*stile ancora secondo livello*/
#menu ul ul a {width:129px; height:30px;}
/* colore del passaggio sul secondo livello*/
#menu ul ul a.single{
background: #458982 url(../imgcss/mn_head_sin.gif) no-repeat right top;
}
#menu ul ul a.single:hover{
background-position: right center;
}
#menu ul ul a.multio{
background: #458982 url(../imgcss/mn_head_mult_or.gif) no-repeat right top;
}
#menu ul ul a.multio:hover{
background-position: right center;
}
/* al passaggio sul secondo livello accendo il terzo livello*/
#menu ul a:hover ul a:hover ul, #menu ul li:hover ul li:hover ul, #menu ul li.hover ul li.hover ul {display:block;}

/*stile ancora terzo livello*/
#menu ul ul ul a.single {
background: #458982 url(../imgcss/mn_head_sin.gif) no-repeat right top;
height:30px;
}
#menu ul ul ul a.single:hover{
background-position: right center;
}
/* colore del passaggio sul terzo livello*/
#menu ul ul ul a.multio:hover {color:#000034; background: #458982 url(../imgcss/mn_headho.gif) repeat-x;}

/*=============================================================== left col =*/
#left_col{
float: left;
width: 300px;
}

/*=============================================================== right col =*/
#right_col{
float: left;
width: 600px; \width: 590px; w\idth: 600px;
}

/*=============================================================== footer =*/
#footer{
background: #458982;
color: #D3E9F2;
clear: both;
background: transparent url(../imgcss/foot.gif) repeat-x;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 0.8em;
}