/*********************** definizioni globali ******************************/

body {
	margin: 0em !important;
	margin: 0em 5em;
	min-height: 65em;
	background-color: #9ce;
	text-align: justify;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	font-weight: normal;
	font-size: 0.8em !important;
	font-size: 13px;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #9ce, #ccc);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear, left top, left bottom, from(#9ce), to(#ccc));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#99ccee', EndColorStr='#cccccc');
  }

/* PNG fix from http://www.twinhelix.com/css/iepngfix/ */
img, div { behavior: url(js/iepngfix.htc) }

img {
	border-style: solid;
	border-width: .4em;
	border-color: #ac7;
	float: left;
}
b, a {
	color: #69c;
}
/*********************** tabella che contiene tutto ***************************/
#contenitore {
	min-width: 800px;
	min-height: 1500px;
	max-width: 1050px ;
	width: auto !important ;
	width: 60em ;
	height: auto !important;
	height: 2000px;
	margin: auto;
	margin-top: 1em;
	padding: 0em;
	font-weight: normal;
	font-size: 1em;
}

/*********************** Banner ***************************/

#banner {
	height: 13em;
	padding: 0em;
	color: #fff;
	background: url(img/banner.jpg) top left;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
	-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
}
#banner h1, h2 {
	font-family: "century gothic",Georgia, Desdemona,serif;
	padding: .2em;
	text-align: center;
	text-shadow: 0.1em 0.1em #333;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333, Direction=135);
	
}
#banner h3 {
	font-family: "century gothic", Desdemona,serif;
}
#banner a {
	text-decoration:none;
	color: #eee;
}
#banner a:hover {
	text-decoration:underline overline;
}
#banner img {
	height:	5em;
	border: none;
}
.logo_left {
	width: 7em;
	float:left;
}
.logo_left, img {
	width:	7em;
	border: none;
}
.logo_right {
	width: 7em;
	float:right;
}
.logo_right img {
	width:	7em;
	border: none;
}


/*********************** Menu ***************************/

#menu {
	width: 72em;
	margin: auto;
	height: 8em;
	clear: both;
}
#menu li {	
	display:inline;
	list-style-type:none;	
}
#menu li a {
	padding: 0em 0.5em;
	color: #000;
	text-decoration: none;
	float: left;
	border: none;
	display: block;
}
#menu img {
	width: 6em;
}
#menu li a:hover {
	color:#000;
	border-top:.5em solid #9ce;	
}
#menu p {
	margin: 0em;
	padding:0em;
	text-align: center;
	font-family: "century gothic", arial, sans-serif;
}


/*********************** Frame ***************************/
#frame {
	padding: 3em;
	clear: both;
	margin-top: 1em;
	float: none;
	background: #eee;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
	-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
}
#frame h1 {
	font-family: "century gothic","lucida console", Desdemona,serif;
	text-align: center;
}
#frame h2 {
	text-shadow: 0.1em 0.1em #fff;
}
#frame h3 {
	display: inline;
}
#frame img{							
	width: 2cm;
	}

#padded li {
	padding: 3.5em;
}
#desc											{
											    width: 60%;
												padding: 2.5em;
												}
#desc img										{
									border-style: solid;
									border-width: .4em;
									border-color: #fff;
												}												

/*********************** Foot ***************************/
#foot {
	width: 90%;
	margin: auto;
	padding: 1em;
	font-size: .7em;
}
#foot img {
	padding: 1em;
	height: 5em;
	width: auto;
	float: right;
}