/* CSS Document */
body
{
	background: url(../images/bg.gif) repeat-x 0 0 #333227;
	color: #333227;
	padding: 0px;
	margin: 0;
}

div, p, ul, h1, h2, h3, h5, img, form, #pnlLogin
{
	padding: 0;
	margin: 0;
}
ul
{
	list-style-type: none;
}
.bank
{
	line-height: 0;
	font-size: 0;
	clear: both;
}


/*------------------------main body-------------------------*/

#btnIndietroMappa
{
	width: 59px;
	height: 22px;
	display: block;
	background: url(../images/undo.png) no-repeat 0 5px #333227;
	color: #333227;
	font: 13px/15px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 21px;
	margin: 0 0 10px 10px;
	border: none;
	cursor: pointer;
	font-weight: bold;
}

#lblIndietro
{
	width: 59px;
	height: 22px;
	display: block;
	
	color: #333227;
	
	padding: 0 0 0 21px;
	margin: 0 0 10px 90px;
	border: none;
	cursor: pointer;
	font-weight: bold;
	
}



#btnAccedi
{
	width: 59px;
	height: 22px;
	display: block;
	background: url(../images/button_arrow.gif) no-repeat 0 5px #333227;
	color: White;
	font: 13px/15px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 21px;
	margin: 0 0 10px 90px;
	border: none;
	cursor: pointer;
	font-weight: bold;
}

#Treeview
{
	width: 188px;
		color: #fff;
	float: left;
}

#main_body
{
	width: 778px;
	margin: 0 auto 0 auto;
}
#left_pan
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan1
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan1 img
{
	margin: 71px 0 38px 52px;
	display: block;
}
#left_pan1 h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	
	padding: 17px 65px 0 32px;
	
	
	
}
#left_pan2
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan2 img
{
	margin: 50px 0 38px 52px;
	display: block;
}
#left_pan2 h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	
	padding: 17px 65px 0 32px;
	
	
	
}
#left_pan img
{
	margin: 20px 0 50px 20px;
	display: block;
}


#left_pan_mission
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan_mission img
{
	margin: 20px 0 50px 20px;
	display: block;
}
#left_pan_mission h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx_mission.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	
	padding: 17px 65px 0 32px;
	
	
	
}

#left_pan_preventivo
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan_preventivo img
{
	margin: 20px 0 50px 20px;
	display: block;
}
#left_pan_preventivo h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx_preventivo.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	
	padding: 17px 65px 0 32px;
	
	
	
}

#left_pan_contatti
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan_contatti img
{
	margin: 20px 0 50px 20px;
	display: block;
}
#left_pan_contatti h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx_contatti.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
		padding: 17px 65px 0 32px;
	
	
	
}


#left_pan_chi_siamo
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan_chi_siamo img
{
	margin: 20px 0 50px 20px;
	display: block;
}
#left_pan_chi_siamo h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx_Chi_siamo.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	
	padding: 17px 65px 0 32px;
	
	
	
}

#left_pan_dove_siamo
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan_dove_siamo img
{
	margin: 20px 0 50px 20px;
	display: block;
}
#left_pan_dove_siamo h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx_Dove_Siamo.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	
	padding: 17px 65px 0 32px;
	
	
	
}

#left_pan_servizi
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan_servizi img
{
	margin: 20px 0 50px 20px;
	display: block;
}
#left_pan_servizi h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx_Servizi.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	padding: 17px 65px 0 32px;
	
}

#left_pan_supporto
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan_supporto img
{
	margin: 20px 0 50px 20px;
	display: block;
}
#left_pan_supporto h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx_Supporto.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	padding: 17px 65px 0 32px;
		
}


#left_pan_soluzioni
{
	width: 188px;
	background: url(../images/logo_bg.gif) no-repeat #333227;
	color: #fff;
	float: left;
}
#left_pan_soluzioni img
{
	margin: 20px 0 50px 20px;
	display: block;
}
#left_pan_soluzioni h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx_Soluzioni.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	padding: 17px 65px 0 32px;
		
}


#pnlLogin
{
	width: 73px;
	height: 41px;
	
	padding: 17px 65px 0 13px;
}
#left_pan h2
{
	width: 73px;
	height: 41px;
	background: url(../images/login_bg.gif) no-repeat 0 0;
	margin: 0 0 0 6px;
	display: block;
	font: 14px/14px Arial, Helvetica, sans-serif;
	padding: 17px 65px 0 32px;
	font-weight: bold;
	text-transform: uppercase;
}
#left_pan h3
{
	width: 73px;
	height: 450px;
	background: url(../images/fotoPanSx.jpg) no-repeat 0 0;
	margin: 0 0 0 6px;
	
	padding: 17px 65px 0 32px;
	
	
	
}
#left_pan h2 span
{
	font-size: 24px;
	line-height: 24px;
}
#left_pan form
{
	width: 148px;
	margin: 0 0 0 0;
	padding: 28px 0 0 23px;
	display: block;
}
#left_pan form input
{
	width: 136px;
	height: 17px;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 0 0 12px;
	margin: 0px 0 10px 0;
}
#left_pan form input.button
{
	width: 59px;
	height: 22px;
	display: block;
	background: url(../images/button_arrow.gif) no-repeat 0 5px #333227;
	color: #333227;
	font: 13px/15px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 21px;
	margin: 0 0 10px 90px;
	border: none;
	cursor: pointer;
	font-weight: bold;
}
#left_pan form label
{
	width: 132px;
	font: 9px/13px Tahoma, Arial, Helvetica, sans-serif;
	color: #D43723;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	background-color: #333227;
}
#left_pan form a
{
	width: 132px;
	font: 11px/13px Tahoma, Arial, Helvetica, sans-serif;
	color: #000101;
	text-decoration: underline;
	display: block;
	background-color: #333227;
}
#left_pan form a:hover
{
	text-decoration: none;
}
#left_pan ul
{
	width: 126px;
	display: block;
	margin: 38px 0 0 38px;
}
#left_pan ul li
{
	background: url(../images/ul_arrow.gif) no-repeat 0 8px;
	border-bottom: #B8A997 1px dashed;
	padding: 0 0 0 18px;
}
#left_pan ul li.li1
{
	background: url(../images/ul_arrow.gif) no-repeat 0 8px;
	border-bottom: none;
	padding: 0 0 0 18px;
}
#left_pan ul li a
{
	font: 13px/23px Arial, Helvetica, sans-serif;
	color: #4D371E;
	text-decoration: none;
	background-color: #333227;
}
#left_pan ul li a:hover
{
	text-decoration: underline;
}
/*-------------------------------right side--------------------*/
#rightPan
{
	width: 590px;
	float: left;
	margin: 0;
	background: url(../images/header_pic.jpg) no-repeat 0 101px;
	
}
#rightPan ul
{
	width: 550px;
	display: block;
	margin: 0 0 0 25px;
	height: 29px;
	font-size: 0;
	
}
#rightPan ul li
{
	float: left;
	height: 29px;
	width: 71px;
}
#rightPan ul li a
{
	font: 12px/29px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 29px;
	display: block;
	color: #f6f1f2;
	
	background: url(../images/navi_bg.gif) repeat-x 0 0 #005050;
	text-decoration: none;
	text-align: center;
}
#rightPan ul li a.main1
{
	background: url(../images/home_h.gif) no-repeat 0 0;
	width: 64px;
}
#rightPan ul li a.main
{
	background: url(../images/home.gif) no-repeat 0 0;
	width: 64px;
}
#rightPan ul li a.main:hover
{
	background: url(../images/home_h.gif) no-repeat 0 0;
	width: 59px;
}
#rightPan ul li a.home
{
	background: url(../images/about_us.gif) no-repeat 0 0;
	width: 69px;
	margin-left: 0px;
}
#rightPan ul li a.home1
{
	background: url(../images/about_us_h.gif) no-repeat 0 0;
	width: 69px;
	margin-left: 0px;
}
#rightPan ul li a.home:hover
{
	background: url(../images/about_us_h.gif) no-repeat 0 0;
	width: 74px;
}
#rightPan ul li a.sub
{
	background: url(../images/submission.gif) no-repeat 0 0;
	width: 92px;
}
#rightPan ul li a.sub:hover
{
	background: url(../images/submission_h.gif) no-repeat 0 0;
	width: 92px;
}
#rightPan ul li a.con
{
	background: url(../images/contact_us.gif) no-repeat 0 0;
	width: 79px;
}
#rightPan ul li a.con:hover
{
	background: url(../images/contact_us_h.gif) no-repeat 0 0;
	width: 74px;
}
#rightPan ul.link
{
	width: 590px;
	display: block;
	margin: 50px 0 0 0;
	height: 20px;
}

#rightPan ul.link li
{
	float: left;
	width: 155px;
	font-size: 0px;
	display: block;
	padding: 0 0 0 96px;
	height: 0px;
}
#rightPan ul.link li.sup
{
	/** Scritta servizi **/
	float: left;
	width: 172px;
	font-size: 0px;
	display: block;
	padding: 0 0 0 30px;
	height: 20px;
	margin: 0;
	background-color: #333227;
	
}
#rightPan ul.link li.sol
{
	/** Scritta Soluzioni **/
	float: left;
	width: 122px;
	display: block;
	padding: 0 0 0 40px;
	height: 20px;
	background-color: #333227;
	
}
#rightPan ul.link li a
{
	/** Stile delle 3 Scritte **/
	text-transform: uppercase;
	color: #AA855B;
	font-weight: normal;
	background-color: #333227;
	background-image: none;
	display: block;
	width: 109px;
	text-align: center;
	height: 20px;
	font-style: normal;
	font-variant: normal;
	font-size: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	background-color: #333227;
	color: white;
}
#rightPan ul.link li a:hover
{
	color: #ff0405;
	background-color: #333227;
	padding: 0;
	margin: 0;
}
#rightPan ul.sub_link
{
	width: 590px;
	display: block;
	margin: 0px 0 0 0;
	height: 14px;
	padding: 0;
}
#rightPan ul.sub_link li
{
	float: left;
	width: 104px;
	font-size: 0px;
	display: block;
	padding: 0 0 0 94px;
	height: 14px;
	margin: 0;
}
#rightPan ul.sub_link li.sup1
{
	/** Scritta Soluzioni **/
	float: right;
	width: 96px;
	font-size: 0px;
	display: block;
	padding: 0 0 0 202px;
	height: inherit;
	background-color:  #333227;
	color: Fuchsia;
}
#rightPan ul.sub_link li.sol1
{
	float: left;
	width: 112px;
	font-size: 0px;
	display: block;
	padding: 0 0 0 65px;
	background-color: White;
	color: Fuchsia;
}
#rightPan ul.sub_link li a
{
	font: 14px/14px Arial, Helvetica, sans-serif;
	color: #353535;
	font-weight: normal;
	background-color: #333227;
	background-image: none;
	display: block;
	width: 104px;
	text-align: right;
	height: 14px;
}
#rightPan ul.sub_link li a:hover
{
	color: #5A3000;
	background-color: #333227;
	padding: 0;
	margin: 0;
	text-decoration: underline;
}
#rightPan h2
{
	width: 408px;
	display: block;
	font: 18px/18px Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: uppercase;
	margin: 175px 0 0 10px;
	padding: 0px 0 0 0;
	height: 29px;
	background-color: #333227;
}
#rightPan P
{
	width: 564px;
	color: #4D371E;
	font-weight: normal;
	display: block;
	margin: 0 0 20px 10px;
	background-color: #333227;
	font-style: normal;
	font-variant: normal;
	font-size: 14px;
	line-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
}
#rightPan P a
{
	width: 32px;
	background: url(../images/more_arrow.gif) no-repeat 0 0 #333227;
	color: #333227;
	margin: 0 0 0 149px;
	height: 16px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 0 0 0 23px;
	font-style: normal;
	font-variant: normal;
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#rightPan P a:hover
{
	color: #C01F0B;
	background: url(../images/button_arrow.gif) no-repeat 0 0 #333227;
	width: 32px;
}
#rightLeft
{	
	width: 571px;
	float: left;
	margin: 12PX 0 0px 0px;
}


#rightLeft h2
{
	width: 169px;
	height: 39px;
	display: block;
	color: #FFFFFF;
	font: 12px/14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(../images/h2_bg.gif) no-repeat 11px 143px #006666;
	padding: 11px 0 0 17px;
	margin: 0 0 18px 0;
	text-transform: none;
}

#rightLeft ul
{
	width: 186px;
	margin: 0 0 15px 0px;
	padding: 3px;
	display: block;
	height:inherit;
}
#rightLeft ul li
{
	border-bottom: #C9B884 1px dashed;
	padding: 0;
	margin: 0;
	display: block;
	height: 48px;
	font-size: 0;
}
#rightLeft ul li.noborder
{
	border-bottom: none;
	padding: 0;
	margin: 0;
	display: block;
	height: 48px;
	font-size: 0;
}
#rightLeft ul li a
{
	font: 13px/14px Arial, Helvetica, sans-serif;
	color: #4D371E;
	margin: 3px 0 6px 0;
	padding: 0;
	display: block;
	background-image: none;
	background-color: #333227;
	text-align: left;
	font-weight: normal;
	width: 177px;
}
#rightLeft a.more
{
	width: 32px;
	background: url(../images/more_arrow1.gif) no-repeat 0 0 #333227;
	color: #333227;
	margin: 0 0 0 0px;
	height: 16px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 0 0 0 23px;
	float: right;
}
#rightLeft a.more:hover
{
	color: #C01F0B;
	background: url(../images/more_arrow2.gif) no-repeat 0 0 #333227;
	width: 32px;
}
#rightRight
{
	width: 362px;
	float: left;
	margin: 0 0 0 20px;
}
#rightRight1
{
	width: 362px;
	float: left;
	margin: 0 0 0 20px;
}
#rightRight h2
{
	width: 197px;
	height: 39px;
	background: url(../images/h2_bg1.gif) no-repeat 303px 9px #EFBA00;
	text-transform: none;
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display: block;
	padding: 11px 150px 0 15px;
	margin: 0 0 18px 0;
	font-weight: bold;
}
#rightRight ul
{
	width: 362px;
	margin: 0 0 15px 0px;
	padding: 0;
	display: block;
}
#rightRight ul li
{
	border-bottom: #C9B884 1px dashed;
	padding: 0;
	margin: 0;
	display: block;
	height: 52px;
	font-size: 0;
}
#rightRight ul li.noborder1
{
	border-bottom: none;
	padding: 0;
	margin: 0;
	display: block;
	height: 48px;
	font-size: 0;
}
#rightRight ul li a
{
	font: 13px/14px Arial, Helvetica, sans-serif;
	color: #4D371E;
	margin: 3px 0 6px 0;
	padding: 0;
	display: block;
	background-image: none;
	background-color: #333227;
	text-align: left;
	font-weight: normal;
	width: 351px;
}
#rightRight ul li a b
{
	margin: 0 200px 0 0;
}
#rightRight a.more1
{
	width: 32px;
	background: url(../images/more_arrow2.gif) no-repeat 0 0 #333227;
	color: #333227;
	margin: 0 0 0 0px;
	height: 16px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 0 0 0 23px;
	float: right;
}
#rightRight a.more1:hover
{
	color: #C01F0B;
	background: url(../images/more_arrow1.gif) no-repeat 0 0 #333227;
	width: 32px;
}
/*---------------------------footer-------------------*/
#footer_bg
{
	
	background-position:bottom;
	width: 100%;
	float: left;
	height: 110px;
	
}
#footer
{
	width: 525px;
	margin: auto auto auto auto;
}
#footer ul
{
	width: 525px;
	margin: 29px 0 7px 0;
	display: block;
	height: 15px;
}
#footer ul li
{
	float: left;
	font: 12px/14px 'Trebuchet MS' , Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #333227;
	display: block;
}
#footer ul li a
{
	font: 12px/14px 'Trebuchet MS' , Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #333227;
	text-decoration: none;
	margin: 0 10px 0 10px;
}
#footer ul li a:hover
{
	text-decoration: underline;
}
#footer p
{
	width: 238px;
	margin: 0 0 0 163px;
	font: 12px/14px 'Trebuchet MS' , Arial, Helvetica, sans-serif;
	color: #F3F1DF;
	background-color: #333227;
}
#footer ul.xhtml
{
	width: 135px;
	display: block;
	margin: 12px 0 0 197px;
	height: 21px;
	font-size: 0px;
}
#footer ul.xhtml li
{
	float: left;
	height: 21px;
	margin-right: 9px;
}
#footer ul.xhtml li a
{
	text-indent: -2000px;
	display: block;
	height: 21px;
	margin: 0;
	padding: 0;
	font-size: 0px;
}
#footer ul.xhtml li a.xht
{
	background: url(../images/xhtml.gif) no-repeat 0 0 #333227;
	color: #fff;
	width: 66px;
}
#footer ul.xhtml li a.css
{
	background: url(../images/css.gif) no-repeat 0 0 #333227;
	color: #fff;
	width: 50px;
}
