/*
RIEPILOGO COLORI
Sfondo testata e logo			#00B588
Testo e contenuti				#295868
Sfondo crema				#FBFBEF
Verde chiaro bottom parte sx	#63de99
Verde scuro parte sx			#38A769
*/

* {margin: 0; padding: 0; border: 0;}
img { border:none; }

a {
	color: #fff; 
	padding: 0 2px;
	text-decoration: none;
	font-size: 1em;
	text-decoration: underline;
}

a:visited {
	color: #eeeeee; 
	padding: 0 2px;
	text-decoration: none;
	font-size: 1em;
	text-decoration: underline;
}

a:hover {
	background: transparent; 
	color: #295868;
	text-decoration: none;
}

#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper p {margin:0; padding-top: 1em;}

input {width: 110px;}

.checkbox{
	width: 1.4em;
}

.alt_text{
	text-decoration: underline;
	font-weight: bold;
}

body {
	text-align: center; 
	background: #D8D8D8;
	color: #295868;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 100%;
	line-height: 1.5;
}

#wrapper { /* also holds the left "sliding" tab */
	position:relative;
	text-align: left;
	width: 90%; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
	background: #FBFBEF url(image/sidebar-l.gif) repeat-y 0 0;
	font-size: 80%;
	border: 0px solid #FBFBEF;
	/*position: relative;
	z-index: 500;*/
	min-width: 750px;	
	max-width: 1000px;
	width:expression(document.body.clientWidth < 800? "750px": "1000px" ); /* script js sostituisce max-width e min-width non funzionante in IE */
}

#header {
	clear: both; 
	width: 98%;
	color: #295868; 
	height: 80px;
	text-align: right;
	padding: 0 2% 0 0;
	background: #FBFBEF;
}

#header_sx{
	float: left;
	margin: 0 0 0 0;
	width: 126px;
	height: 80px;
	background: #00B588;
}

#header_dx{
  position: relative;
	float: right;
	margin: 0 0 -25px 0;
}

.titleleft {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 2.3em;
	font-style: none;
	font-weight: bold;
}

.titleright {
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 1.1em;
	font-style: italic;
}

.errore{
	color: red;
	text-align: center;
	border: 0px solid red;
}

#menu_sx{
	height: 120px;
	font-size: 0.85em;
	font-weight: bolder;
}

#subnav {
	clear: both; 
	width: 100%;
	color: #000; 
	border-top-width: 0px; 
	border-top-style: solid; 
	border-top-color: #FBFBEF;
    float:left;	
    background-color:#FBFBEF;	
}

#subnav ul {
	margin:0 8px 0 176px;
    padding:0;    
    list-style:none;
    overflow:auto;
    background:#FBFBEF url("image/bg.gif") repeat-x bottom;	
}
    
#subnav li {
    float:left;
	background:url("image/right.gif") no-repeat right top;    
    margin:0;
    padding:0;
}
    
#subnav a {
	float:left;
    display:block;
	background:url("image/left.gif") no-repeat left top;
    padding:5px 15px 4px;   
    text-decoration:none;
    font-weight:bold;
	color:#295868;
}

/* top/bottom angoli smussati*/
span.rbottom{
	display:block;
	background: #D8D8D8;
	}

span.rbottom span{
	display:block;
	height: 1px;
    overflow: hidden;
	background: #FBFBEF;
}

span.rtop{
	display:block;
	background: #D8D8D8;
	}

span.rtop span{
	display:block;
	height: 1px;
    overflow: hidden;
	background: #FBFBEF;
}

span.rtop span.r1{margin: 0 5px 0 0}
span.rtop span.r2{margin: 0 3px 0 0}
span.rtop span.r3{margin: 0 2px 0 0}
span.rtop span.r4{margin: 0 1px 0 0;height: 2px}

span.rbottom span.r1{margin: 0 5px 0 5px}
span.rbottom span.r2{margin: 0 3px 0 3px}
span.rbottom span.r3{margin: 0 2px 0 2px}
span.rbottom span.r4{margin: 0 1px;height: 2px}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#subnav a {float:none;}
/* End IE5-Mac hack */

#subnav a:hover {color:#000;}
  
#subnav #current {background-image:url("image/right_on.gif");}

#subnav #current a {
    background-image:url("image/left_on.gif");
	padding-bottom:5px;    
	color:#000;
}

#footer{
	clear: both;
	width: 100%;
	text-align: center;
	color: #295868;
	background: #FBFBEF url(image/blfoot.gif) no-repeat 0 0px;
	font-size: 0.8em;	
}

#footer div {
	padding: 1px 0;
	background: url(image/brfoot.gif) no-repeat 100% 0px;
}

#footer a{
	color: #295868;
	font-size: 1em;
	text-decoration: underline;
	background: no-repeat;
}

#footer a:visited{
	color: #eeeeee;
	font-size: 1em;
	text-decoration: underline;
	background: no-repeat;
}

#footer a:hover{
	color: #295868;
	font-size: 1em;
	text-decoration: none;
}

#contentfloatholder {/* also makes the right "sliding" tab */
	background: url(image/bg_right.gif) repeat-y 100% 0;
	float: left;
	width: 100%;
	min-height: 500px;
	border: 0px solid blue;
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
  background-color: #fff;
	text-align: justify;
	margin: 0 10px 0px 180px;
	padding-right: 10px;
	padding-bottom: 20px;
	color: #295868;
	border: 0px solid red;
	/*height:expression("550px");*//* script js sostituisce max-width e min-width non funzionante in IE */
	min-height:550px;
	/* 
	this needs to be less than 100% for Moz/Mac which thinks 
	it's empty otherwise. The difference is made up by putting a 
	negative left margin on the left float:
	Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/	
}

#center a { color: #295868; text-decoration: underline;}
#center a:visited {color: #000; text-decoration:underline;}
#center a:hover {background: transparent; color: #295868; text-decoration:none;}

#center h3, #center p, #center li {padding: 1em 20px;}

#centerwrap {
	float:left;
	width: 100%;
	height: 100%;
	margin-right: -95%;
	border: 0px solid red;
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
	float:left;
	width: 210px;
	margin: 0 0 0 -5%; /* the difference to make the left colum appear flush left */
	border: 0px solid black;
}

#right {
	float:right;
	width: 170px;
	margin: 0;
	padding: 0;
	border: 0px solid yellow;
}

/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
/* html div#center {margin-right: -100%;}*/
/* html div#left {margin-left: 0;}*/

#left h3, #left p,
#right h3, #right p
{
  margin: 1em 0;
	padding: 0 20px; 
}

#title{
	font-size: 1.1em;
	color:#295868;
	font-weight: bolder;
	margin: 20px 0 20px 0;
}

#briciole{
	font-size: 0.9em;
	color:#295868;
	font-weight: bolder;
	margin: 20px 0 0 0;
}

#briciole a{
	font-size: 1em;
	color: #295868;
	font-weight: bolder;
	text-decoration: underline;
	margin: 20px 0 0 0;
}

#briciole a:visited{
	font-size: 1em;
	color: #295868;
	font-weight: bolder;
	text-decoration: underline;
	margin: 20px 0 0 0;
}

#briciole a:hover{
	font-size: 1em;
	font-weight: bolder;
	color: #295868;
	text-decoration: none;
}
.h5{
	height: 5px;
}
.h10{
	height: 10px;
}
.h20{
	height: 20px;
}
.h200{
	height: 200px;
}
.h100{
	height: 100px;
}

.w50{
	float:left;
	width: 50px;
	margin: 0 0 0 20px;
}

.w100{
	float:left;
	width: 100px;
	margin: 0 0 0 20px;
}

.link_disabled{
	color: #295868;
}

.img_home{
	text-align: center;
	border: 0px solid red;
}

.elenco_clienti{
	margin: 0 0 0 50px;
}

#login_top {
  margin: 0px 0px 0px 0px;
  width: 152px;
  border: 0px black solid;
  border-top-width: 0px;
}

#login_body {
  margin: 0px 0px 0px 8px;
  width: 152px;
  height: 300px;
  background-image:url("image/login_bg.gif");
  border: 0px black solid;
  font-size: 0.9em;
}

span.logintop{
	display:block;
	background: #FBFBEF;
	/*background: transparent;*/
	}

span.logintop span{
	display:block;
	height: 1px;
    overflow: hidden;
	background: #38a769;
}

span.logintop span.r0{margin: 0 5px 0 0; background: #FBFBEF;}
span.logintop span.r1{margin: 0 5px 0 0}
span.logintop span.r2{margin: 0 3px 0 0}
span.logintop span.r3{margin: 0 2px 0 0}
span.logintop span.r4{margin: 0 1px 0 0;height: 2px}

#login_body p{
	margin: 8px 0px 0px 0px;
	border: 0px solid;
}

#login_body span{
	font-weight: bolder;
	text-align: center;
	margin: 0px 5px 0px 5px;
	border: 0px solid;
}

/*CAP TOP*/
#cap_top {
  margin: 0px 0px 0px 8px;
  width: 152px;
  border: 0px black solid;
  border-top-width: 0px;
}

span.captop{
	display:block;
	background: #FBFBEF;
	/*background: transparent;*/
}

span.captop span{
	display:block;
	height: 1px;
    overflow: hidden;
	background: #38a769;
	/*background: #64de99;*/
}

span.captop span.r0{margin: 0 5px 0 5px; background: #FBFBEF;}
span.captop span.r1{margin: 0 5px 0 0}
span.captop span.r2{margin: 0 3px 0 0}
span.captop span.r3{margin: 0 2px 0 0}
span.captop span.r4{margin: 0 1px 0 0; height: 2px}

span.captop span.spacerBox{height: 5px; margin: 0 5px 0 5px; background: #FBFBEF;}
span.logintop span.spacerBox{height: 6px; margin: 0 5px 0 5px; background: #FBFBEF;}

/*CAP BOTTOM*/
#cap_bottom {
  margin: 0px 0px 0px 0px;
  width: 152px;
  border: 0px black solid;
  border-bottom-width: 0px; 
}

span.capbottom{
	display:block;
	background: #FBFBEF;
	/*background: transparent;*/
}

span.capbottom span{
	display:block;
	height: 1px;
    overflow: hidden;
	background: #38a769;
	/*background: #64de99;*/
}

span.capbottom span.r1{margin: 0 5px 0 5px}
span.capbottom span.r2{margin: 0 3px 0 3px}
span.capbottom span.r3{margin: 0 2px 0 2px}
span.capbottom span.r4{margin: 0 1px;height: 2px}

.titolo_legenda{
	color: #295868;
	font-size: 0.9em;
	font-weight: bolder;
	margin: 0 0 5px 30px;
}

.legenda_sx{
	color: #295868;
	font-size: 0.8em;
	float: left;
	width: 40px;
	margin: 0 0 0 15px;
}

.legenda_dx{
	color: #295868;
	font-size: 0.8em;
	margin: 0 0 0 0;
}

.p_btn_login{
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	width: 112px;
	margin: 0 0 0 0;
	border-width:0px;
}

.p_btn_login a{
	color: #fff;
	font-size: 1em;
	font-weight: bolder;
	text-decoration: none;
}

.p_btn_login a:hover{
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	font-weight: bolder;
}

.btn_login{
	width: 40px;
	border: 1px solid #38a769;
	font-family: VERDANA, ARIAL, SANS-SERIF;
	margin: 0 0 0 0;
	background: transparent;
	color: #fff;
}

.imgSx{
	float: left;
	margin: 0 0.5em 0 0;
	display: inline;
	padding: 4px !important;
	border: 1px solid #295868;
	text-align:center;
	font-size: 0.9em;
	font-weight: bolder;
	color: #295868;
	text-decoration: none;
}

.imgDx{
	float: right;
	margin: 0 0 0 0.5em;
	display: inline;
	padding: 4px !important;
	border: 1px solid #295868;
	text-align:center;
	font-size: 0.9em;
	font-weight: bolder;
	color: #295868;
	text-decoration: none;
}

.imgCenter{
	margin: 0 auto;
	padding: 4px !important;
	font-size: 0.9em;
	font-weight: bolder;
	color: #295868;
	text-decoration: none;
	text-align:center;
	clear:none;
	float:none;
	display:block;
	border: 1px solid #295868;
}

.imgLogoSmall{
	margin: 0 auto;
	padding: 4px !important;
	font-size: 0.8em;
	font-weight: bolder;
	color: #295868;
	text-decoration: none;
	text-align:center;
	clear:none;
	float:none;
	display:block;
	border: 0px solid #295868;
}




#login_box {
  	margin: 0px 0px 0px 8px;
	width: 152px;
	position:absolute;
	height:140px;
	bottom:3em;
	background-image:url("image/login_bg.gif");
	border: 0px black solid;
	font-size: 0.8em;	
}

#loginTitle {
	font-weight: bolder;
	text-align: center;
	margin: 0px 5px 0px 5px;
	border: 0px solid;  
}

.textInput{
	color:#295868;
	height: 1.2em;
	font-size: 1.2em;
}

.image {
	width:80px;
	height:80px;
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
}

.image div {
	width:78px;
	height:78px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:1px;
}

.image img { border:none; }

a.BrainSys {
	color: #295868; 
	padding: 0 0 0 0;
	text-decoration: none;
}

a.BrainSys:hover {
	color: #FF0000; 
	padding: 0 0 0 0;
	text-decoration: none;
}

a.BrainSys:visited {
	color: #295868; 
	padding: 0 0 0 0;
	text-decoration: none;
}

a.w3c, a.w3c:visited, a.w3c:hover {
	color: #295868; 
	padding: 0 0 0 0;
	text-decoration: none;
	vertical-align:bottom;
}

.bottomInfo{
	margin-top:0.2em;
	border:0px solid red;
	vertical-align: top;
	font-size: 0.7em;
}

#areaRiservata p{
  margin: 1em 0;
}