@import url(http://fonts.googleapis.com/css?family=Jura:400,500|Michroma&v2);

@import url("frontend_boxes.css");
@import url("frontend_pattern.css");
@import url("frontend_imageView.css");
@import url("frontend_localization.css");
@import url("frontend_fileDownload.css");


body {
	/*font-family: Arial, Helvetica, sans-serif;*/

	/*font-family: 'Arial Black', Gadget, sans-serif;*/
	/*font-family: 'Bookman Old Style', serif;*/
	/*font-family: 'Comic Sans MS', cursive;*/
	/*font-family: Courier, monospace;*/
	/*font-family: 'Courier New', Courier, monospace;*/
	/*font-family: Garamond, serif;*/
	/*font-family: Georgia, serif;*/
	/*font-family: Impact, Charcoal, sans-serif;*/
/*	font-family: 'Lucida Console', Monaco, monospace;*/
	font-family: 'Jura', sans-serif;
	font-size: 16px;

/*	background: #000000;*/
	background:url(/images/homepage/content_bg.png) repeat;
	margin: 0px;
	padding: 0px;
	border: 0px;
/*	background-image: url(../images/homepage/background.jpg);
	background-repeat: no-repeat;
	background-position: top center;*/
	overflow: auto;
}

/*
	header
	
	Comprende tutta la sezione al di sopra del menu e contiene il logo con la scritta "IMAGIMOTION"
*/
#header_left {
	background:url(/images/homepage/header_left.png) no-repeat;
	width: 55px;
	height: 134px;
	
	float: left;
}

#header {
	background:url(/images/homepage/header.png) no-repeat;
	width: 962px;
	height: 134px;
	
	float: left;
}

#header_right {
	background:url(/images/homepage/header_right.png) no-repeat;
	width: 55px;
	height: 134px;
	
	float: left;
}

/*
	menu
	
	La barra orizzontale, posta subito al di sotto del logo, che contiene le voci del menu cliccabili.
*/
#menu_bg_left {
	background:url(/images/homepage/menu_bg_left.png) no-repeat;
	width: 55px;
	height: 32px;
	
	float: left;
}

#menu_bg_right {
	background:url(/images/homepage/menu_bg_right.png) no-repeat;
	width: 55px;
	height: 32px;
	
	float: left;
}

#menu_bg {
	background:url(/images/homepage/menu_bg.png) no-repeat;
	width: 962px;
	height: 32px;
	
	float: left;
	
}

#menu_container {
	padding-left: 20px;
	font-family: 'Michroma', sans-serif;
	font-size: 12px;
}

#menu_item {
	height: 32px;
/*	padding-top: 7px;*/
	float: left;
	cursor: pointer;
}

#menu_itemsx {
/*	background:#0F0;*/
	width: 25px;
	height: 32px;
	float: left;
}

#menu_itemdx {
/*	background:#0F0;*/
	width: 25px;
	height: 32px;
	float: right;
}

#menu_item_caption {
	padding-top: 7px;
	color: #CCC;
	float: left;
}

#menu_item:hover {
	background:url(/images/homepage/menu_bg_hilite.png) repeat-x;
	height: 32px;
/*	padding-top: 7px;*/
	float: left;
	cursor: pointer;
}

#menu_item:hover > #menu_itemsx {
	width: 25px;
	height: 32px;
/*	background:#00F;*/
	background:url(/images/homepage/menu_bg_hilite_left.png) no-repeat;
}

#menu_item:hover > #menu_itemdx {
	width: 25px;
	height: 32px;
/*	background:#00F;*/
	background:url(/images/homepage/menu_bg_hilite_right.png) no-repeat;
}

#menu_item:hover > #menu_item_caption {
	padding-top: 7px;
	color: #B0B0FF;
	float: left;
}

/*
	spacer
	
	Lo spazio al di sotto della barra del menu.
*/
#spacer_bg_left {
	background:url(/images/homepage/spacer_bg_left.png) no-repeat;
	width: 55px;
	height: 30px;
	
	float: left;
}

#spacer_bg_right {
	background:url(/images/homepage/spacer_bg_right.png) no-repeat;
	width: 55px;
	height: 30px;
	
	float: left;
}

#spacer_bg {
	background:url(/images/homepage/spacer_bg.png) no-repeat;
	width: 962px;
	height: 30px;
	
	float: left;
}

/*
	info
	
	L'area che si trova tra il menu in alto e la finestra principale dei contenuti del sito.
*/
#info_bg_left {
	background:url(/images/homepage/info_bg_left.png) no-repeat;
	width: 55px;
	height: 55px;
	
	float: left;
}

#info_bg_right {
	background:url(/images/homepage/info_bg_right.png) no-repeat;
	width: 55px;
	height: 55px;
	
	float: left;
}

#info_bg {
	background:url(/images/homepage/info_bg.png) no-repeat;
	width: 962px;
	height: 55px;
	
	float: left;
	
	color: #CCC;
	font-size: 12px;
}

#info_left {
	font-family: 'Michroma', sans-serif;
	font-size: 11px;
	float: left;
}

#info_right {
	float: right;
}

#info_item {
	float: left;
}

#info_itemClickable {
/*	font-weight:bold;*/
	text-decoration:underline;
	float: left;
	cursor: pointer;
}
/*
	content
*/
#content_area {
	overflow: scroll;
}

#content_bg_left {
	background:url(/images/homepage/content_bg_left.png) repeat-y;
	width: 55px;
/*	height: 100%;*/
	
/*	float: left;*/
}

#content_upperShade_bg_left {
	background:url(/images/homepage/content_upperShade_bg_left.png) no-repeat;
	width: 55px;
	height: 90px;
/*	height: 100%;*/
	
/*	float: left;*/
}

#content_bg_right {
	background:url(/images/homepage/content_bg_right.png) repeat-y;
	width: 55px;
/*	height: 100%;*/
	
/*	float: right;*/
	
}

#content_upperShade_bg_right {
	background:url(/images/homepage/content_upperShade_bg_right.png) no-repeat;
	width: 55px;
	height: 90px;
/*	height: 100%;*/
	
/*	float: left;*/
}

#content_bg {
	background:url(/images/homepage/content_bg.png) repeat;
	width: 962px;
	height:auto;
/*	min-height: 600px;*/
/*	
	float: left;
	clear: right;
	*/
	overflow: visible;
}

#content_bg_2 {
	background:url(/images/homepage/content_upperShade_bg.png) no-repeat;
	width: 962px;
	height: 100px;
/*	height: auto;*/
	
	font-size:14px;
	
	overflow: visible;
}
/*
	content bottom
	
	La parte bassa, interna all'area dei contenuti, che contiene la sfumatura.
*/
#contentBottom_bg_left {
	background:url(/images/homepage/contentBottom_bg_left.png) no-repeat;
	width: 55px;
	height: 50px;
	
	float: left;
}

#contentBottom_bg_right {
	background:url(/images/homepage/contentBottom_bg_right.png) no-repeat;
	width: 55px;
	height: 50px;
	
	float: left;
}

#contentBottom_bg {
	background:url(/images/homepage/contentBottom_bg.png) no-repeat;
	width: 962px;
	height: 50px;
	
	float: left;
}


/*
	footer
*/
#footer_bg_left {
	background:url(/images/homepage/footer_bg_left.png) no-repeat;
	width: 55px;
	height: 95px;
	
	float: left;
}

#footer_bg_right {
	background:url(/images/homepage/footer_bg_right.png) no-repeat;
	width: 55px;
	height: 95px;
	
	float: left;
}

#footer_bg {
	background:url(/images/homepage/footer_bg.png) no-repeat;
	width: 962px;
	height: 95px;
	
	float: left;
	
	font-family: 'Michroma', sans-serif;
	padding-top: 40px;
	color: #666;
	text-align:center;
	font-size: 10px;
}

#contentArea_leftBorder {
/*	background:*/
}



#page {
	width: 990px;
/*	min-height: 948px;*/
	background: #1d170c;
	background-image: url(../images/operatori/background2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#b3b3b3;
	/*border: 1px solid white;*/
	float: left;
	clear: both;
}

#buttonHome {
	width: 780px;
	float:left;
	clear: both;
/*	border: 1px solid blue;*/
}

#buttonHomeContent {
	margin-top: 5px;
	margin-left: 30px;
	width: 73px;
	height: 36px;
	background:url(/images/operatori/buttonHome.png);
	cursor:pointer;
	
}

#leftArea {
	width: 780px;
	clear:both;
	float:left;
	padding-top: 60px;
	color: #000;
	font-size:14px;
	
/*	border: 1px solid yellow;*/
}

#leftAreaContent {
}

#guestbookSign {
	margin-left: 10px;
	margin-right: 10px;
}

#guestbookSignContent {
	margin-bottom: 10px;
/*	width: 760px;*/
	background: url(/images/pixel_white_alpha30.png);
	border: 2px solid rgb(255, 255, 255);
}

#guestbookName {
	margin-left: 5px;
	width: 740px;
	font-weight:bold;
	border-bottom: 1px solid rgb(255, 255, 255);
}

#guestbookMessage {
	margin: 10px;
}

#rightArea {
	padding-top: 46px;
	width: 210px;
	/*min-height: 500px;*/
/*	height: 100%;*/
	
/*	border: 1px solid yellow;*/
	color: #CCC;
	font-size:14px;
}

#rightAreaLogin {
	width: 210px;
	height: 80px;
	background-image: url(../images/operatori/backgroundLogin.png);
}

#rightAreaLoginConent {
	width: 200px;
	height: 80px;
/*	margin-top: 2px;*/

	padding-left: 5px;
	padding-right: 5px;
	
/*	border: 1px solid white;*/
}

#rightAreaArchive {
	width: 210px;
	height: 500px;
	background-image: url(../images/operatori/backgroundRight.png);
}

#rightAreaArchiveContent {
	width: 200px;
	height: 500px;
	
	padding-left: 5px;
	padding-right: 5px;
}

#fullArea {
	width: 990px;
	clear:both;
	float:left;
	padding-top: 60px;
	color: #000;
	font-size:14px;
	overflow:visible;
/*	border: 1px solid yellow;*/
}

#fullAreaContent {
}





#homeBody {
	width: 962px;
	background: white;
}

#homeLogo {
	float: left;
	width: 192px;
	height: 144px;
	background-image: url(../images/operatori/header.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#homeTitleVA {
	text-align: left;
	clear: right;
	height: 60px;
/*	widows: 100px;*/
}
#homeTitle {
	float: left;
	width: 766px;
	height: 140px;
	height: 80px;
	background-image: url(../images/homepage/testata.jpg);
	background-repeat: no-repeat;
	font-size:36px;
	/*
	border: 1px solid blue;
	*/
	text-align: center;
	border-bottom: 1px dashed gray;
}
#homeTopInfo {
	float: left;
	width: 766px;
	height: 15px;
	font-size: 10px;
	color: black;
	overflow: hidden;
}

#homeTopInfo #localizationSelector {
	float: left;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	border: 1px solid black;
}

#homeTopInfo #homeSiteInfo {
	float: right;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	margin-top: -1px;
}

#homeTopInfoLine {
	font-size: 1px;
	float: left;
	width: 962px;
	height: 1px;
/*	background: rgb(255, 239, 191);*/
	background: transparent;
	overflow: hidden;	
}

#homeTopInfoLine2 {
	float: left;
	width: 962px;
	height: 22px;
/*	background: rgb(223, 168, 0);*/
	background: darkgray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

#homeTopInfoLine2 #homeToday {
	float: left;
	width: 178px;
	height: 20px;
	font-size: 13px;
/*	color: rgb(255, 239, 191);*/
	color: white;
	text-align: center;
	padding-top: 1px;
}

#homeTopInfoLine2 #homeLocation {
	float: right;
	width: 784px;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
/*	color: rgb(255, 239, 191);*/
	color: white;
	text-align: center;
}

/*
------------------------------
	INIZIO FOOTER
------------------------------
*/
#homeBottomInfoLine {
	float: left;
	width: 990px;
	height: 24px;
	background: black;
/*	border-top: 1px solid gray;
	border-bottom: 1px solid gray;*/
}

#homeBottomInfoLine #footer {
	float: right;
	width: 100%;
	height: 16px;
	font-family: "arial", serif;
	font-size: 12px;
/*	font-weight: bold;*/
	color: gray;
	text-align: center;
	padding-top: 3px;
}
/*
------------------------------
	FINE FOOTER
------------------------------
*/

/*
------------------------------
	INIZIO TITLED BOX
------------------------------
*/

#titledBoxTitle {
	float: left;
	clear: both;
	width: 100%;
	height: 16px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-align: center;
	padding-top: 3px;
	border: 1px solid;
	
	border-color: gray;
	background-color: darkgray;
}

#titledBoxBody {
	float: left;
	font-size: 13px;
	text-align: left;
	width: 100%;
	height: auto;
	border: 1px solid;
	border-top: none;
	
	border-color: gray;
	background-color: white;
	
	overflow:hidden
}
/*
------------------------------
	FINE TITLED BOX
------------------------------
*/

#homeSideMenu {
	background: white;
	float: left;
	width: 192px;
	height: 100%;
	font-size: 14px;
	color: gray;
	font-weight: bold;
/*	padding-top: 20px;*/
/*	padding-left: 8px;*/
/*	border-right: 1px solid black;*/
	overflow: hidden;
}

#homeSideMenu #authenticationTitle {
	float: left;
	width: 100%;
	height: 20px;
	color: white;
	margin-top: 20px;
}

#homeSideMenu #authenticationTitle #text{
	background: darkgray;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#homeSideMenu #authenticationTitle #input{
	padding-top: 10px;
	padding-left: 5px;
	color: darkgray;
}

#input{
	padding-top: 10px;
	padding-left: 5px;
	color: darkgray;
}

#homeSideMenu #authenticationTitle #esito {
	font-size: 11px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	color: red;
	border-bottom: 1px dotted red;
}

#esito {
	font-size: 11px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	color: red;
/*	background:#000;*/
/*	border-bottom: 1px dotted red;*/
}

#homeMainArea {
	float: left;
	width: 780px;
/*	border: 1px solid black;*/
}

#homeSideMenu #itemDisabled {
	width: 192px;
	height: 30px;
/*	border: 1px solid rgb(223, 168, 0);*/

	padding-top: 5px;
	padding-left: 10px;
/*	padding-bottom: 5px;*/

	color: darkgray;
}

#homeSideMenu #itemEnabled {
	width: 192px;
	height: 30px;
/*	border: 1px solid rgb(223, 168, 0);*/
	cursor: pointer;

	padding-top: 5px;
	padding-left: 10px;
/*	padding-bottom: 5px;*/

	/*background: rgb(255, 239, 191);*/
/*	
	border-top: 1px solid white;
	border-bottom: 1px solid white;
*/	
}

#homeSideMenu #itemOver {
	width: 192px;
	height: 30px;
	cursor: pointer;

	padding-top: 5px;
	padding-left: 10px;
/*	padding-bottom: 5px;*/

	background: darkgray;
	color: white;
/*
	border-top: 1px solid black;
	border-bottom: 1px solid black;
*/
}

#homeSideMenu #itemSelected {
	width: 192px;
	height: 30px;
/*	border: 1px solid rgb(223, 168, 0);*/
/*	cursor: pointer;*/

	padding-top: 5px;
	padding-left: 10px;
/*	padding-bottom: 5px;*/

	color: rgb(82, 173, 40);
	color: black;
/*
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
*/
	/*background: rgb(255, 239, 191);*/
}

.mainHomepageArea {
	background-color: #FFFFFF;
	border-left: solid 5px #E6F3F8;
}

.dateHomepageArea {
	background-image: url(../images/header_bottom_up.gif);
	background-repeat: no-repeat;
}

.menuTopHomepageArea {
	background-image: url(../images/header_top.gif);
	background-repeat: no-repeat;
	padding-right: 11px;
}

.menuRightHomepageArea {
	border-left: solid 1px #E3E3E3
}

.menu2HomepageArea {
	background-image: url(../images/header_bottom_dw.gif);
	background-repeat: no-repeat;
}

.menuL3 {
	padding-top: 0px;
	background-color: #E6F3F8;
	border-right: solid 5px #FFFFFF;
}

.menuL1 {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

#headMenu1 {
	float: right;
	padding-right: 88px;
	padding-top: 5px;
}
.testoMenuL1 {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 11px;
	cursor: pointer;
	color: #737373;
	/*
	padding-top: 9px;
	padding-left: 3px;
	padding-right: 3px;
	*/
}
.testoMenuL1d {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 11px;
	color: #737373;
/*	padding-top: 9px;*/
}
.menuL2 {
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 8px;
}
.testoMenuL2 {
	cursor: pointer;
}
.testoMenuL2s {
	/* cursor: pointer; */
}
.testoMenuL2d {
}

.testoMenuL3 {
	font-size: 12px;
	color: #000;
	cursor: pointer;
	padding-bottom: 2px;
}

.testoMenuL3h {
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
}

.testoMenuL3d {
	font-size: 12px;
	color: #101010;
	font-weight: bold;
	letter-spacing: -1px;
}

.testoMenuL3s {
	font-size: 12px;
	color: #000;
/*	cursor: pointer; */
	font-weight: bold;
	padding-bottom: 2px;
}

.iconaMenuL3 {
	vertical-align: middle;
	text-align: right;
}

.testoMenuL4 {
	font-size: 10px;
	color: #7CA0B3;
	cursor: pointer;
	text-decoration: underline;
}
.testoMenuL4d {
	font-size: 10px;
	color: #7CA0B3;
}

.loginText {
	padding-top: 7px;
	padding-left: 10px;
	font-size: 11px;
	color: #818181;
	font-weight: bold;
}

.loginTextMenu {
	font-size: 11px;
	text-align: right;
	color: #818181;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-right: 10px;
	font-weight: bold;
	text-decoration: underline;
}

.newsTextTitle {
	font-size: 10px;
/*	padding-top: 8px;*/
	padding-left: 8px;
	color: #3D3D3D;
	font-weight: bold;
}

.newsText {
	font-size: 10px;
	color: #3D3D3D;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.newsTextMenu {
	font-size: 10px;
	color: #3D3D3D;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
}

.newsArea1 {
	background-color: #F3F9EB;
}

.reservedAreaMenu {
	padding-left: 12px;
}

.reservedIconMenu {
	float: left;
	clear: left;
	padding-top: 14px;
}

.reservedTextMenu {
	float: left;
	font-size: 12px;
	color: #3D3D3D;
	padding-top: 8px;
	padding-left: 3px;
	cursor: pointer;
}

.reservedTextMenus {
	float: left;
	font-size: 12px;
	color: #3D3D3D;
	padding-top: 8px;
	padding-left: 9px;
	font-weight: bold;
}

/*
	--------------------------------
	INIZIO HOMEPAGE
	--------------------------------
*/
#homepageBody {
	width: 454px;
	text-align: center;
}

.desktop {
	background-color: #FFFFFF;
}
.footer {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
}
.footerText {
	font-size: 10px;
	color: #7CA0B3;
	vertical-align: bottom;
}
/*
	--------------------------------
	INIZIO LOCALIZZAZIONI
	--------------------------------
*/
#homeTopInfo #homeLocalizationSelector {
	float: left;
/*	width: 278px;*/
	font-size: 12px;
/*	color: rgb(223, 168, 0);*/
	font-weight: normal;
/*	border: 1px solid blue;*/
	margin-top: -1px;
}