/*
################################################################################
Struttura di layout della homepage
--------------------------------------------------------------------------------
La composizione si riferisce al blocco #main #content
che si trova nel layout portante: layout.css
################################################################################
*/

#north {
	position: relative;
	top: 0px;
	left: 10px;
	width: 720px;
	height: 220px;
}

#core {
	position: relative;
	top: 0px;
	left: 10px;
	width: 720px;
	padding-bottom: 10px;
}

/*----------------------------------------------------------------------------*/
/* struttura del core */

#west {
	float: left;
	width: 170px;
}

#center {
	float: left;
	width: 340px;
	margin-left: 20px;
}

#east {
	float: right;
	width: 170px;
}

#stampa {
	float: left;
	width: 530px;
	margin-left: 20px;

	height: 50px;
	font-size: 7pt;
	font-weight: bold;

	background-image: url('../images/home/button.png');
	background-repeat: repeat-x;
	background-position: center top;
}

#stampadiv {
	float: left;
	width: 530px;
	margin-left: 20px;
	margin-top:0px;
	margin-bottom: 10px;

	height: 225px;
	font-size: 7pt;
	font-weight: bold;

	background-color: #f3f3f3;
	background-position: center top;
}

#stampadivRiga {
 float: left;
 width: 530px;
 margin-left: 0;
 margin-right: 0;
 margin-top: 14px;
 margin-bottom: 0px;
 height: 55px;
}

#stampadiv div.body {
	float: left;
	width: 422px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}

#stampadiv .body h2 {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 4px;
	padding-left: 10px;
	margin-left: 10px;
	font-size: 10px;
	background-image: url(../images/components/link_public.png);
	background-position: -5px -2px;
	background-repeat: no-repeat;
	text-align: left;
}

#stampadiv .body p {
	margin: 0px;
	padding: 0px;
	line-height: 11px;
	font-size: 10px;
	font-weight: normal;
	margin-left: 20px;
	margin-top: 0px;
	text-align: justify;
	font-family: Tahoma, Geneva, sans-serif;
}

#stampadiv .body span {
	display: block;
	margin: 0px;
	margin-top: 0px;
	margin-left: 20px;
    font-weight: normal;
	color: #999;
}

#stampadiv img.photo {
	float: left;
	width: 65px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 0px;
	border: 1px solid #ccc;
	padding: 4px;
	background-color: #fff;
}


/******************************************************************************/
/* struttura del pannello superiore */
/******************************************************************************/

#account-login, #account-logout {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 168px;
	height: 110px;
	border-width: 1px;
	border-style: solid;
	border-bottom: 0px;
	background-position: center top;
	background-repeat: repeat-x;
	color: #fff;
	font-size: 7pt;
	text-align: center;
}

#account-login {
	border-color: #2370cd;
	background-color: #2370cd;
	background-image: url('../images/components/background_login.png');
}

#account-logout {
	width: 168px;
	height: 40px;
	border-color: #9c0;
	background-image: url('../images/components/background_logout.png');
}

#account-login span, #account-logout span {
	display: block;
	padding: 4px;
	font-weight: bold;
}

#account-login a, #account-logout a {
	display: block;
	padding: 4px;
	color: #fff;
}

/*----------------------------------------------------------------------------*/

#account-login form {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
}

#account-login form input, #account-login form button {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
}

#account-login form input {
	width: 143px;
	margin-bottom: 10px;
	border: 0px;
}

#account-login form button {
	width: 100px;
	border: 1px solid #85b3ea;
	background-image: url('../images/components/background_search.png');
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

/*----------------------------------------------------------------------------*/

#banner {
	position: absolute;
	display: block;
	left: 0px;
	top: 130px;
}

/*****************************************************************************/

#stampa a {
	display: block;
	float: left;
	width: 101px;
	margin: 0px;
	margin-right: 1px;
	padding: 13px;
	padding-left: 20px;
	padding-right: 10px;
	color: #666;
	background-position: 2px 50%;
	background-repeat: no-repeat;
	border-right: 1px solid #fff;
}

#stampa a:hover {
	color: #f90;
}

#stampa a.ce {
	border-right: 0px;
	width: 101px;
	margin-right: 0px;
	background-image: url('../images/components/link_public.png');
}

#stampa a.public {
	background-image: url('../images/components/link_public.png');
}

#stampa a.private {
	background-image: url('../images/components/link_private.png');
}

/*****************************************************************************/

#legenda {
	margin: 0px;
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 7pt;
}

#legenda span {
	margin-left: 15px;
}

#legenda img {
	margin: 0px;
	margin-right: 5px;
	vertical-align: -5px;
}

#legenda .info {
	margin-left: 5px;
	color: #85b3ea;
	font-weight: bold;
	/*color: #2370cd;*/
}

#legenda .public {
	color: #090;
}

#legenda .private {
	color: #c00;
}

#legenda .extern {
	color: #93c;
}

/******************************************************************************/

#mirror {
	position: absolute;
	left: 190px;
	top: 10px;
	width: 530px;
	height: 200px;
	background-color: #f3f3f3;
	background-image: url('../images/components/shadow.png');
	background-repeat: repeat-x;
	background-position: 0px 25px;
	font-size: 7pt;
	text-align: left;
}

/*----------------------------------------------------------------------------*/

#mirror div.head {
	height: 23px;
	border: 1px solid #85b3ea;
	margin-bottom: 20px;
	color: #fff;
	background-image: url('../images/components/background_table_head.png');
	background-repeat: repeat-x;
}

#mirror img.photo {
	float: left;
	width: 160px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 4px;
	background-color: #fff;
}

#mirror div.body {
	float: left;
	width: 320px;
	margin: 0px;
	padding: 0px;
}

/*----------------------------------------------------------------------------*/

#mirror .body span {
	display: block;
	margin: 0px;
	margin-top: 5px;
	margin-left: 10px;
	color: #999;
}

#mirror .body h2 {
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 4px;
	padding-left: 10px;
	font-size: 12pt;
	text-align: left;
	background-image: url('../images/components/link_public.png');
	background-position: -5px 4px;
	background-repeat: no-repeat;
}

#mirror .body a {
	display: block;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	color: #666;
	text-align: justify;
}

#mirror .body p {
	margin: 0px;
	padding: 0px;
	line-height: 13px;
	text-align: justify;
}



/******************************************************************************/
/* specchietti informativi */
/******************************************************************************/

.view {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #f3f3f3;
	background-image: url('../images/components/shadow.png');
	background-repeat: repeat-x;
	background-position: 0px 20px;
	color: #666;
	font-size: 7pt;
}

/*----------------------------------------------------------------------------*/

.view div.head {
	height: 18px;
	margin-bottom: 20px;
	border: 1px solid #85b3ea;
	color: #fff;
	background-image: url('../images/home/background_view.png');
	background-repeat: repeat-x;
}

.view div.item_strict, .view div.item_narrow {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	padding-bottom: 10px;
	background-image: url('../images/components/separator_gray.png');
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 7pt;
}

.view div.item_strict {
	margin-left: 10px;
	margin-right: 10px;
}

.view div.item_narrow {
	padding-left: 5px;
	padding-right: 5px;
}

.view a.archive {
	display: block;
	margin: 10px;
	margin-bottom: 0px;
	color: #999;
	text-align: right;
}

.view a.archive:hover {
	color: #f90;
}

/*----------------------------------------------------------------------------*/

.view div.item_strict img.photo {
	float: left;
	width: 60px;
	margin: 0px;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 4px;
	padding-bottom: 0px;
	background-color: #fff;
}

.view .item_strict div.body {
	float: left;
	width: 240px;
}

/*----------------------------------------------------------------------------*/

.view div h3 {
	margin: 0px;
	margin-left: 15px;
	margin-bottom: 3px;
	padding: 0px;
	font-size: 7pt;
	color: #999;
}

.view div h3 span {
	font-weight: normal;
}

.view div a {
	display: block;
	padding-left: 0px;
	background-position: -5px -1px;
	background-repeat: no-repeat;
}

.view div p {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}

.view div a.public {
	background-image: url('../images/components/link_public.png');
}

.view div a.private {
	background-image: url('../images/components/link_private.png');
}

.view div a.extern {
	background-image: url('../images/components/link_extern.png');
}

/******************************************************************************/
/* div agenda e eventi personalizzato */
/******************************************************************************/
.view2 {
	height:260px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #f3f3f3;
	background-image: url('../images/components/shadow.png');
	background-repeat: repeat-x;
	background-position: 0px 20px;
	color: #666;
	font-size: 7pt;
}

/*----------------------------------------------------------------------------*/

.view2 div.head {
	height: 18px;
	margin-bottom: 20px;
	border: 1px solid #85b3ea;
	color: #fff;
	background-image: url('../images/home/background_view.png');
	background-repeat: repeat-x;
}

.view2 div.item_strict, .view div.item_narrow {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	padding-bottom: 10px;
	background-image: url('../images/components/separator_gray.png');
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 7pt;
}

.view2 div.item_strict {
	margin-left: 10px;
	margin-right: 10px;
}

.view2 div.item_narrow {
	padding-left: 5px;
	padding-right: 5px;
}

.view2 a.archive {
	display: block;
	margin: 10px;
	margin-bottom: 0px;
	color: #999;
	text-align: right;
}

.view2 a.archive:hover {
	color: #f90;
}

/*----------------------------------------------------------------------------*/

.view2 div.item_strict img.photo {
	float: left;
	width: 60px;
	margin: 0px;
	margin-right: 10px;
	border: 1px solid #ccc;
	padding: 4px;
	padding-bottom: 0px;
	background-color: #fff;
}

.view2 .item_strict div.body {
	float: left;
	width: 240px;
}

/*----------------------------------------------------------------------------*/

.view2 div h3 {
	margin: 0px;
	margin-left: 15px;
	margin-bottom: 3px;
	padding: 0px;
	font-size: 7pt;
	color: #999;
}

.view2 div h3 span {
	font-weight: normal;
}

.view2 div a {
	display: block;
	padding-left: 0px;
	background-position: -5px -1px;
	background-repeat: no-repeat;
}

.view2 div p {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}

.view2 div a.public {
	background-image: url('../images/components/link_public.png');
}

.view2 div a.private {
	background-image: url('../images/components/link_private.png');
}

.view2 div a.extern {
	background-image: url('../images/components/link_extern.png');
}



/******************************************************************************/
/* struttura dei pannelli laterali */
/******************************************************************************/

#fiera {
	margin: 0px;
	padding: 0px;

	height: 50px;
	font-size: 7pt;
	font-weight: bold;

	background-image: url('../images/home/button.png');
	background-repeat: repeat-x;
	background-position: center top;
}

#fiera a {
	display: block;
	margin: 0px;
	padding: 13px;
	padding-left: 20px;
	padding-right: 10px;
	color: #666;
	background-image: url('../images/components/link_public.png');
	background-position: 2px 50%;
	background-repeat: no-repeat;
}

#fiera a:hover {
	color: #f90;
}

/*****************************************************************************/

.sider {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-bottom: 1px;
	background-color: #e5e5e5;
	color: #666;
	font-size: 7pt;
}
/*
	background-image: url('../images/home/bevel.png');
	background-repeat: repeat-x;
	background-position: 0px 38px;
*/
.sider span {
	display: block;
	margin: 10px;
	font-weight: bold;
}

.sider p {
	margin: 10px;
	line-height: 13px;
}

.sider form {
	margin: 10px;
	margin-bottom: 9px;
	text-align: center;
}

.sider img {
	display: block;
	margin: 0px;
}

.sider span.separator {
	height: 2px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-image: url('../images/home/bevel.png');
	background-repeat: repeat-x;
	font-size: 0px;
}

/*----------------------------------------------------------------------------*/

.sider form input, .sider form select, .sider form button {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 7pt;
}

.sider form input {
	width: 143px;
	margin-bottom: 7px;
}

.sider form select {
	width: 148px;
	margin-bottom: 7px;
}

.sider form button {
	width: 70px;
}

/*****************************************************************************/
/* navigator */
/*****************************************************************************/

.menu {
	margin: 0px;
}

.menu a {
	display: block;
	padding: 10px;
	padding-left: 20px;
	background-image: url('../images/components/arrow_gray.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #666;
	font-weight: bold;
}

.menu a:hover {
	text-decoration: none;
	color: #f90;
	background-image: url('../images/components/arrow_orange.png');
}

/*----------------------------------------------------------------------------*/

.menu a.public {
	background-image: url('../images/components/link_public.png');
	background-position: 3px 50%;
}

.menu a.public:hover {
	background-image: url('../images/components/link_public.png');
}

.menu a.extern {
	background-image: url('../images/components/link_extern.png');
	background-position: 3px 50%;
}

.menu a.extern:hover {
	background-image: url('../images/components/link_extern.png');
}

.menu a.private {
	background-image: url('../images/components/link_private.png');
	background-position: 3px 50%;
}

.menu a.private:hover {
	background-image: url('../images/components/link_private.png');
}


/*###########################################################################*/
/* componenti specifici della homepage */
/*###########################################################################*/

/******************************************************************************/