html { 
	height: 100%;
	margin: auto;
	}
body {
	height: 760px;
	background-color: #fcf6ed;
	margin:auto;
	text-align: center;
	font-family: Verdana, 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: #ca0000;
color:white;
float: left;
width: 100%;
font-family:  Verdana, 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: #ca0000;
color: #f5f5dc;
text-decoration: none;
float: left;
border-right: 1px solid #ccc;
font-size:16px;
font-weight:bold;
}

#navcontainer ul li a:hover
{
background-color: #f5f5dc;
color: #900;
font-weight:bold;
}

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

.pippos{
border-bottom:1px solid #900;
font-size:16px;							
background:#fff;
padding-bottom:4px ;

}


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

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

#button li
{

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


		width: auto;
		}
#button li a
{
display: block;
padding: .2em .3em;
border-left: 0px solid #900;/*decide quanto è grande il quadrato a sx*/
border-top:3px solid #c30;
border-bottom:3px solid #c30;
background: #ca0000;
text-decoration: none;
 height:auto;line-height:1.2em;
 color:white;
 font-weight:bold;
}

#button li a:link { color:#f5f5dc;}
#button li a:visited { color: #f5f5dc; }

#button li a:hover
{
border-color: #900;
color: #f5f5dc;
background: #603;font-weight:bold;
}		 
#button li.selected  a {
		border-color: #900;
color: #f5f5dc;font-weight:bold;
background: #c30;
		}
		/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/							

#head01 { width:782px; margin:0em auto; text-align:left; border-top:0px solid #E36F32; }
#head02 { width:782px; margin:0em auto; text-align:left }
div.navBarContent { width:780px; margin:0 auto; text-align:left }

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




#cont01 {width:782px; margin:0em auto; text-align:left; border-left:0px solid #900;border-right:0px solid #900;
}

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

#navcontainer {
display: block;
margin-top: 0px;
margin-bottom: 0;
border-top: 0px solid orange;
border-right: 1px solid #666;
border-bottom: 0px solid #8eafaf;
border-left: 1px solid #666;
height: 20px;
color: #666;
background-color: #c30;
width:782px;
}


#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: 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 orange;
border-left: 1px solid #666;
height: 15px;
color: #666;
background-color: #e9df9a;
height:auto;
text-align:center;
font-size:12px;

}



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



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