body    { font-family: verdana, Georgia, Times; background-color: #042d44; text-align: center; margin: 120px 0 0; padding: 0 0 10px; font-size:small;}
.door { padding: 20px 6px 35px; width:500px; background:#fff url(img/logo_def.gif) no-repeat 25px 30px; border:5px solid #bebebe; margin:0 auto}
.door-inner { margin:0 0 0 200px; padding:0}
.door-inner a{ font-weight:bold }
.door-inner li{ padding: 6px 0 0 }
.bdr { padding: 6px; background-color: #ffffff}
#head    { background: #fff url(img/head.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px; position: relative; width: 750px; height: 172px; background-color:#fff }
#contenitore { text-align: left; margin: 0px auto; padding: 0px; width: 762px; }
#content  { background: #fff url(img/sfondo_content.gif) repeat-y right 0px; margin: 0px 15px 0px 0px; padding: 10px 22px 10px 0px;}
/*inizia barra di navigazione*/
div#navbar	   { margin: 0px; padding: 0; border: 0; position:absolute; top: 0; left:618px; }
div#navbar ul	 { font-size: 11px; font-family: verdana; margin: 0; padding: 0; width: 132px; height: 172px }
#navbar ul li	  { list-style-type: none; margin: 0; padding: 0; width: 132px; height:auto }
#navbar ul li a{ color: #fff; font-weight: bold; font-size: 12px; background-color:#000; text-decoration: none; background-repeat: no-repeat; text-align: right; margin: 0; display:block;padding:12px 5px 5px; border:0 solid #fff }
#navbar ul li a:hover{ color: #fff; background-color:#0f0}

/* for IE/Mac */
/* Hides from IE/Mac \*/
#navbar ul li#nb5 { height:37px}
#navbar ul li#nb2, #navbar ul li#nb3, #navbar ul li#nb4 { height:34px}
#navbar ul li#nb1 { height:33px}
/* End hide from IE/Mac */

#nb1 a:link, #nb1 a:visited  { background-image: url(img/home.gif)}
#nb2 a:link, #nb2 a:visited { background-image: url(img/azienda.gif) }
#nb3 a:link, #nb3 a:visited { background-image: url(img/business.gif) }
#nb4 a:link, #nb4 a:visited { background-image: url(img/clienti.gif) }
#nb5 a:link, #nb5 a:visited { background-image: url(img/contatti.gif) }
body#home #nb1 a:link, #home #nb1 a:visited { background-image: url(img/home.gif);background-position: -132px 0  }
body#azienda #nb2 a:link, #azienda #nb2 a:visited { background-image: url(img/azienda.gif);background-position: -132px 0  }
body#area #nb3 a:link, #area #nb3 a:visited { background-image: url(img/business.gif); background-position: -132px 0 }
body#clienti #nb4 a:link, #clienti #nb4 a:visited { background-image: url(img/clienti.gif); background-position: -132px 0  }
body#contatti #nb5 a:link, #contatti #nb5 a:visited { background-image: url(img/contatti.gif); background-position: -132px 0 }
#nb1 a:hover, #nb2 a:hover, #nb3 a:hover, #nb4 a:hover,#nb5 a:hover  { background-position: -132px 0 }
a {
	color: #000;
	text-decoration: underline; }
a:link, a:hover, a:visited { color: #a60000;}
a:active { color: #FF0000 }
a:hover{ text-decoration: underline }
#lanci, #banner, #news { font-size: 11px; margin:15px 20px 0; width: 300px }
.vedi { margin:0 0 10px 20px; }
#news p { margin:0 0 5px 0; line-height:1.5em }
#news p.lft { margin:0 5px 5px 0 }
#news p.dati { font-style: italic; font-weight: bold; margin:0; padding:3px }
#content .vedi a:link, .vedi a:visited, .vedi a:hover, .vedi img{ border:0 none }
#banner { margin:0 0 5px;  }
#banner { font-size: 11px; margin:0 20px; padding: 0 0 5px; width: 300px; background: url(img/bdr_ori.gif) repeat-x 0px bottom; }
#lanci a, #banner a, .vedi a{ text-decoration: none;  }
#lanci a:hover, #banner a:hover { text-decoration:underline }
#lanci img, #news img { border:0 none }
#banner p.bn { width: 300px; color:#fff; margin:0 0 5px; padding:0 0 5px; display:block; border:0 none  }
#lanci h2, #box_doc h3, #banner h2, #news h3  { font-size: 100%; text-transform: uppercase; margin: 0 }
#intro #box_doc h3   { text-transform: capitalize; margin: 0px; padding: 0px; border: none 0px }
#lanci p, #banner p  { color: #858585; margin: 5px 0px 0px; padding: 0px }
#banner p  { color: #000 }
#lanci div { clear: right; margin-left: 120px }
#box_doc  { width: 450px; font-size: 95%; line-height: 1.5em; margin-top: 15px }
#box_doc h2, #intro h2, #news h2 { font-size: 110%; line-height: 1.5em; background: url(img/bdr_ori.gif) repeat-x 0px bottom; margin: 0 0 8px }
#box_doc div{ margin-left:30px;clear:right }
#box_doc ul li, #intro ul li   { background: url(img/cubo.gif) no-repeat 0px 8px; list-style-type: none; margin: 0px; padding: 1px 0 1px 13px }
#box_doc ul li li, #intro ul li li  { background: url(img/cubo2.gif) no-repeat 0px 8px; list-style-type: none; margin: 0px; padding: 1px 0 1px 13px }
#box_doc ul { list-style-type:none ; margin:0 ;padding:0}
#intro ul { list-style-type:none ; margin:0 0 10px 0;padding:0}
#box_doc p.info   { clear: both; margin: 0 0 10px }
#lanci .lft { float: left; margin: 0 }
#lanci .spacer { height: 15px }
.lft { float:left }
.spacer {clear:both; line-height:1px; height:1px }
td#right  { padding:0; font-size: 12px; line-height: 20px; background: url(img/bdr_ver.gif) repeat-y }
div#right  { width:370px;float:left; padding:0; font-size: 12px; line-height: 20px; background: url(img/bdr_ver.gif) repeat-y }
#right p { margin: 0px; padding: 0px 0px 5px }
#intro  { font-size: 12px; font-family: verdana, Georgia, Times; margin: 10px 30px 15px 20px; padding: 0px; }
#intro ul.contact p { color: #858585; font-size:11px; margin: 0; padding: 3px 0}
#intro  img.lft { border: solid 1px #666; display:block;padding:2px; margin:0 5px 0 0 }

#content table td { vertical-align: top }
#fotter  { clear:both; background: #fff url(img/sfondo_content.gif) repeat-y right 0px; margin: 0px 15px 0px 0px; padding: 0px }
#fotter div   {  background: url(img/sfondo_fotter.gif) no-repeat right bottom; color: #042d44; font-size: 11px;margin: 0px; padding: 0px }
#fotter p  { background: transparent url(img/bdr_ori.gif) repeat-x; margin: 0px 40px 0px 15px; padding: 8px 5px 5px 0px }
.left   { padding: 0px }
div.left{ padding: 0px; margin:0; float:left; width:340px }
h1, h2, h3, h4  { color: #858585; }
#intro h3  { font-size: 105%; line-height: 1.3em; margin: 8px 0px 4px; padding: 3px; border-top: 1px solid #858585; border-bottom: 1px solid #858585 }
#intro h4 { font-size: 100%; line-height: 1.3em; margin: 3px 0px 2px; padding: 0px }
h1 { color: #858585; font-size: 18px; line-height: 1.5em; background: url(img/tit_icon.gif) no-repeat 0px 5px; margin: 0px; padding-bottom: 10px; padding-left: 30px }
h1 span { font-size:15px; font-style: italic; padding-left: 5px }
#fotter a:link, #fotter a:hover, #fotter a:visited  { color: #042d44; text-decoration: none; background: url(img/fotter_link.gif) no-repeat 0px 50%; margin-left: 8px; padding-left: 15px }
.no { display:none}

#sub_nav   { font-size: 11px; background: url(img/bdr_ver.gif) repeat-y 0px 0px; text-align: left; margin-right: 30px; margin-left: 6px; padding:6px 0 20px 2px; width: 175px }
#sub_nav ul  { list-style-type: none; margin: 0px; padding: 0px }
#sub_nav ul ul { list-style-type: none; margin: 0px 0px 5px; padding: 0px }
#sub_nav ul li  { list-style-type: none; margin: 0px; padding: 0px 0px 1px }
#sub_nav ul li ul li { list-style-type: none; margin: 0px; padding: 2px 0px }
#sub_nav li a { color: #666; background-color: #eee; padding: 6px; border: #ddd solid 1px; border-width: 1px 1px 1px 0px; display: block; text-decoration: none; }
#sub_nav li a.current { border: none 0px; background-color: #fff; padding: 0px; margin: 5px 0 0 12px }
#sub_nav li a:hover, #sub_nav li#active ul li a:hover { color: #a60000 }
#sub_nav li#active a  { color: #a60000; font-weight: bold; border: none 0px; background-color: #fff }
#sub_nav li#active ul li a   { color: #666; font-weight: normal; text-transform: capitalize; margin: 0px; padding: 0px  }
#sub_nav li#active ul li a.act  { color: #666; font-weight: bold }
#sub_nav li#active ul li a  {  padding-left: 13px }
#sub_nav li#active a.current,#sub_nav li a.current{ color: #a60000; padding-left: 13px; }
/*background: url(img/freccia.gif) no-repeat 0px 5px;*/
#sub_nav li#active ul { color: #a60000; margin-top: 5px; margin-left: 12px }
.evidenza { background-color:#DFEEF6 }
p#short, div.tool { margin-bottom: 15px; font-size:11px; line-height:1.3em; color:#666}
div.tool a, #intro div.tool { font-weight: normal; text-decoration: none; font-size:11px }
div.tool a:hover{ text-decoration: underline }
div#intro p.video { margin: 10px 0 }
ul { list-style-type: none; margin: 0px; padding: 0px }
#box_doc ul.contact li { margin: 10px 0 }
.rif   { color: #165c7c; font-weight: normal; background-color: #eee; margin: 0px 6px; padding: 8px; border: solid 1px #ddd; width: 175px }
.rif dl dt  { font-weight: bold; margin-top: 0.5em }
.rif dd  { font-weight: normal; margin: 0px; padding: 0 0 0.2em 0 }
.rif dl {  font-size: 11px; font-family: verdana, Georgia, Times; margin: 0px; padding: 0px }
/* Styles unrelated to the example */

br {
clear : both;
}

dl.clienti  { float: left; margin: 20px 0; padding: 0; width: 450px }

dl.clienti dt {
float : right;
width : 360px;
margin : 0;
padding : 0;
font-weight : bold;
}

dl.clienti  dt.pr-img { /* thumbnail image */
	float : left;
	width : 81px;
	}

dl.clienti dd {
float : right;
width : 360px; /* width of the list minus thumbnail image */
margin : 0;
margin-top : 0.2em;
padding : 0;
background: url(img/bdr_ori.gif) repeat-x;
}
dl.clienti dd.naviga { 
 font-size: 90%; background-color:#eee; font-weight:normal
}
#intro dl.clienti dd p { 
 color:#666; font-size: 11px; 
}
dl.clienti dd.naviga a{ 
font-weight:normal;
background: url(img/siti.gif) no-repeat 4px 6px; padding: 6px 0 8px 27px; 
}
.cases td a { background: url(img/box.gif) no-repeat; margin: 0px; padding: 1px 3px 3px 1px; border: none 0px; width: 52px; height: 52px; display:block }
.loghi td img{ display:block; margin:0 5px 8px 0 }
.loghi td { text-align:center; color: #165c7c; font-weight: bold; font-size: 12px; font-family: verdana, Georgia, Times; }
.anchor { font-size:90% }