body {background:#E9E4DB;}
#wrapper {background: #fff; padding: 0 10px 10px;}
/**********************************************************
  HEADER
**********************************************************/
#header {
  position: relative;
  height: 150px;
  background: transparent url('../images/layout/header.jpg') no-repeat;
}
#header h1 {
  position: absolute;
  width: 392px; height: 110px;
  top: 1px; left: 50%;
  margin: 0 0 0 -196px;
}
#header h1 a {
  display: block;
  height: 110px;
  background: transparent url('../images/layout/scuolamaterna.jpg') no-repeat;
  text-indent: -9000px;
}
#header h2 {
  position: absolute;
  width: 146px; height: 60px;
  top: 20px; left: 20px;
}
#header h2 a {
  display: block;
  height: 60px;
  background: transparent url('../images/layout/lascuola.jpg') no-repeat;
  text-indent: -9000px;
}
/**********************************************************
  LOGIN
**********************************************************/
#login {
  position: relative;
  float: right;
  width:230px;
  margin: 5px 10px 0 0;
}
#login label{
  float: left;
  width: 100px;
  padding: 2px 5px 0 0;
  color: #113D6C;
  text-align: right;
}
#login input {
  float: left;
  width: 120px;
  margin: 0.2em 0;
}
#login button {
	float:right;
	width:20px; height:18px;
	margin: 5px 0 0 24px; padding:0;
	background: url('../images/layout/accedi.gif') no-repeat;
	font-size:0;
	border:0;
	cursor:pointer;
}

#login .button span{
	display:none;
}

#login  ul{
  position: absolute;
  top: 60px; left: 25px;
  margin: 0;
	list-style-type:none;
}

#login  ul a{
	text-decoration:none;
	color:#335A7D;
}

#login  ul a:hover{
	text-decoration:underline;
}

/**********************************************************
  LEFTBAR
**********************************************************/
#leftbar a {
  font-family: Geneva,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
}
#leftbar a:hover {
  color: #CCCCCC;
  text-decoration: underline;
}
#leftbar p,
#leftbar ul {margin-bottom:0;}
.sapere li {
  list-style: none;
  list-style-image: url('../images/layout/menu_01.jpg');
}
.sapere li a {
  color: #00589E;
}
.itinerari li {
  list-style: none;
  list-style-image: url('../images/layout/menu_02.jpg');
}
.itinerari li a {
  color: #C4171E;
}
/**********************************************************
  CONTENT
**********************************************************/
#content .text {font-size: 14px;}
#content #inner {
  background: #fdf1a7;
  background: transparent url('../images/layout/content-02.jpg') no-repeat 50% 0;
  padding: 15px;
  height: 400px;
  overflow: auto;
  
}
#i_tree_id_2 #content #inner {background: transparent url('../images/layout/content-02.jpg') no-repeat 50% 0;}
#i_tree_id_3 #content #inner,
#i_tree_id_10 #content #inner {background: transparent url('../images/layout/content-03.jpg') no-repeat 50% 0;}
#i_tree_id_4 #content #inner,
#i_tree_id_11 #content #inner {background: transparent url('../images/layout/content-04.jpg') no-repeat 50% 0;}
#i_tree_id_5 #content #inner,
#i_tree_id_12 #content #inner {background: transparent url('../images/layout/content-05.jpg') no-repeat 50% 0;}
#i_tree_id_6 #content #inner,
#i_tree_id_13 #content #inner {background: transparent url('../images/layout/content-06.jpg') no-repeat 50% 0;}
.itemnews .thumb {
  float: left;
  margin: 0 10px 0 0;
}
.itemnews h3 a {
  font-size: 0.9em;
  color: #EC7A24;
}
/**********************************************************
  HOME
**********************************************************/
.home-left,
.home-right {
  float: left;
  width: 310px;
}
.home-left {margin: 0 30px 0 0;}
/**********************************************************
  FOOTER
**********************************************************/
#footer {
  margin: 10px 0 0; padding: 10px 0 0;
  border-top: 1px solid #ccc;
}
#footer a {
  color: #3775A2;
  font-family: Geneva,Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
}
#footer a:hover {
  color: #CCCCCC;
  text-decoration: underline;
}
#footer .testo {
  float: left;
}
#footer .menu-footer {
  float: right;
}
#footer .menu-footer ul {
  float: left;
  margin: 0;
  border-left: 2px solid #113D6C;
}
#footer .menu-footer li{
  float: left;
  margin: 0 0 0 10px; padding: 0 10px 0 0;
  border-right: 2px solid #113D6C;
  list-style:none;
}