html { 
	height: 100%;
	margin: auto;
	}
body {
	height: 760px;
	background-color: #fcf6ed;
	margin:auto;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	}
hr {	display: none;}

/* ----------------------- Left ---------------------- */
#colo03 h2 {
	margin: 0;
	padding: 15px 0 0 0;
	color: #713100;
	text-align: left;
	}
#colo03 h3 {
	margin: 0;
	padding: 0;
	color: #713100;
	text-align: left;
	color: #713100;
	}
.hp {
	color: #351200;
	}
/*#left li {
	color: #351200;
	}
#left a {text-decoration: none; color: #9E5C0F;}
#left a:hover {text-decoration: none; color: #900; }

/* --------------------- END Left -------------------- */

/* ----------------------- Right ---------------------- 
#colo01 h3 {
	margin:0;
	width: 190px;
	padding: 2px 0 ;
	text-align: center;
	font-weight:bold;
	color: #612800;
	background: #F4E7C9;
	border-top: 1px solid #DBC9B6;
	border-bottom: 1px solid #DBC9B6;
	}*//*
#right dl {
	margin: 0;
	padding: 0 5px 0 5px;
	}
#right dt {
	margin: 0;
	padding: 0 5px 0 5px;
	color: #612800;
	font-weight: bold;
	}
#right dd {
	margin: 0;
	padding: 2px 5px 5px 5px;
	color: #0F0300;
	}/*
#colo01 a {	text-decoration: none; color: #612800;}
#colo01 a:hover {text-decoration: none; color: #900; border-bottom: 1px dashed #900;  }
*/
.done { text-decoration: line-through; }
	
/* --------------------- END Right -------------------- */
/* ------------------------- MENU ----------------------- */
.hidden {display: none;}


/* ------------------------ Footer A ----------------------- */
#footer a { text-decoration: none; 	color: #EFDFC3;}
#footer a:hover { text-decoration: none; color: #F4E7C9; border-bottom: 1px dashed #F4E7C9;}
/* ------------------div.navBarContent---- END Footer A --------------------- */

div.navBarContent a { text-decoration: none; 	color: #EFDFC3;}
div.navBarContent  a:hover { text-decoration: underline; color: #F4E7C9;}

img {

border:0;
padding:0;
}

#navcontainer ul
{
padding: 0;
margin: 0;
background-color: #005b5c;
color:white;
float: left;
width: 100%;
font-family:  "Trebuchet MS", arial, helvetica, sans-serif;
font-weight:bold;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:0px solid red;
border-right:0px solid red;


}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em .5em;
background-color: #005b5c;
color: EDE6C9;
text-decoration: none;
float: left;
border-right: 1px solid #ccc;
font-size:14px;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

.shadow1{
	 border:#900 1px solid;} 

.pippos{
border-top:1px dotted #900;
font-size:16px;							
background:#ccc;
padding:4px ;

}


#left a {
color:red;
}
#WBox{
background:lime;
}

#button
{
padding: 0 ;
margin-left: -38px;
font-weight:bold; 
background:transparent;
width: 225px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
display: block;
}

#button li
{

font-size:15px;
list-style: none;
margin: 2px;
border: 1px solid #ccc;
text-align: left;
}
html>body #button li a {


		width: auto;
		}
#button li a
{
display: block;
padding: .2em .3em;
border-left: 5px solid #900;/*decide quanto è grande il quadrato a sx*/
background: #fff;
text-decoration: none;
 height:1.2em;line-height:1.2em;
}

#button li a:link { color:#03c;}
#button li a:visited { color: purple; }

#button li a:hover
{
border-color: #FE3;
color: #FFF;
background: #8eafaf;
}		 
#button li.selected  a {
		border-color: #900;
color: #FFF;
background: #8eafaf;
		}
		/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/							

#head01 { width:760px; margin:0em auto; text-align:left }
#head02 { width:760px; margin:0em auto; text-align:left }
div.navBarContent { width:760px; margin:0 auto; text-align:left }

#cont02 { width:760px; margin:0em auto; text-align:left }
#foot01 { width:760px; margin:0em auto; text-align:left }




#cont01 {width:760px; margin:0em auto; text-align:left
}

#header {
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 0;
border-bottom: 1px solid #666;
border-left: 0;
height: 60px;
color: #666;
background-color: #eef;
padding:0;
margin:0;
}

#navcontainer {
display: block;
margin-top: 0px;
margin-bottom: 0;
border-top: 4px solid #8eafaf;
border-right: 0;
border-bottom: 4px solid #8eafaf;
border-left: 0;
height: 20px;
color: #666;
background-color: #efe;
}


#navleft{
float:left;
}
#navright{
float:right;
}
/* base colore */

#cont02 {
background-color:/* #D7E6DF*/#fff;
background-image:url(g.jpg);
background-position:top right;
background-repeat:no-repeat;
padding:0;
margin: 0;
border-top:0px solid #999;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:0px solid #999;

}





#cont03 {
clear: both;
height: 1px;
margin-bottom: -1px;
}

#footer {
display: block;
margin-top: 10px;
margin-bottom: 10px;
border-top: 1px solid #666;
border-right: 0;
border-bottom: 1px solid #666;
border-left: 0;
height: 20px;
color: #666;
background-color: #efe
}

#foot02 {
display: block;
margin-top: 0;
margin-bottom:0;
border-top: 0;
border-right: 1px solid #666;
border-bottom: 5px solid #8eafaf;
border-left: 1px solid #666;
height: 15px;
color: #666;
background-color: #ede6c9;
height:auto;
text-align:center;
font-size:12px;

}



/* colonna sinistra */
#colo01 {
float: left;
display: block;
margin-top: 0;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 0;
width: 190px;
color: #666;
background-color: #fff;
height:100%;
}



/* parte centrale */
#colo03 {
	
	margin: 0 0  0 200px;
	padding-left: -5;
	background-color:transparent;
	border:0;
	text-align: left;
	width:540px;
	height:100%;
	}
 ul.button li a{display: block;}