/* Layout based on TJKDesign - http://www.tjkdesign.com/articles/3cols.asp */

/* it is important to zero out the margin on body to avoid a jump when hovering over links in the right column */
body {margin:0;
padding:0;

font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
background:#0073b4}

img {border:0}

/* LAYOUT STUFF */

/* The 100% width in #outer_wrapper is used to prevent an IE bug regarding backgound painting, but this also creates a gap between #footer and #outer_wrapper. To remove that gap, the same declaration is added to #footer */
#outer_wrapper {min-width:770px;
width:100%;
background:#ffffff url(../img-new/bkgr-right.gif) repeat-y right top}

/* to avoid a background-painting bug in IE Win, we need to give layout to this element. "zoom" takes care of IE 6, but fails in IE 5. To fix both versions at once it is better to use "height:0" inside a Conditional Comment */
#wrapper {background:transparent url(../img-new/bkgr-left.gif) repeat-y 0 122px;
zoom:1}

/* we use the 2 rules below to make sure there is no gap between #wrapper and #header in IE5 Win */
#header, #header02 {padding:0;}
#header p {margin-top:0}

#header {height:122px;
background:transparent url(../img-new/bkgr-body.gif) repeat-x left top} 

#header02 {height:122px;
background:transparent url(../img-new/bkgr-head.jpg) no-repeat right top} 

/* display:inline is in there to prevent an IE Bug (IE doubles margins on floats). */
#container {
width:100%;
float:left;
display:inline;
margin-left:-250px}

#navigation {float:left;
width:192px; /* in origine era 180 */
display:inline;
margin-left:250px;
padding:24px 0 0 0}

#content {margin-left: 442px;
width:auto}

/* to kill a 3px jog in IE/Win, we need to give layout to elements inside this element */
#content * {zoom:1}

/* the trick is in the padding/margin values. Note that this element is *not* a float. If the sidebar is shorter than #content, then there is no need for this rule. */
#sidebar {padding-left:100%;
padding-top:108px;
margin-left:-250px; /* in origine era 238 */
background:transparent url(../img-new/bkgr-dx.jpg) no-repeat right top}

/* this is to make sure IE6 (v6.0.29?) *shows* everything inside this element */
#sidebar * {position:relative}

/* Because of the 100% width declaration (needed for IE), the lateral margins need to go (or the box would be 2px too wide) */
#footer {width:100%;
clear:both;
background:#0073b4;
font-size:0.8em;
color:#ffffff;

margin:0 -1px}

#footer p {padding:8px 0 12px 208px;}

.navbar {list-style-type:none;
margin:0;
padding:0}

.navbar li a {font-size:0.8em}

.cleaner {height:0;
clear:both}

.spacer {width:480px}


/* HEADER */

h1 {margin:0;
height:100px;
background:transparent url(../img-new/banner02.gif) no-repeat left top}

h1 a {display:block;
width:460px;
overflow:hidden;
margin:0;
padding:100px 0 0 0;
height:0!important;
	height /**/:100px; /* for IE5/Win only */}
	
	
	
/* HORIZONTAL BAR */

#bar {height:40px;
background:transparent url(../img-new/bkgr-tab.gif) repeat-x left top}

#bar02 {height:40px;
background:transparent url(../img-new/bkgr-bar.jpg) no-repeat right top}

#bar03 {height:40px;
background:transparent url(../img-new/bkgr-angolo.gif) no-repeat left top;
padding-left:206px;
color:#ffffff;
font-weight:bold;
line-height:2.2em;
font-size:1em}


/* PHONE BAR */

.contacts {font-size:0.9em;
border-top:1px solid #ffffff}

.phone {float:left;
width:180px; /* in origine era 180 */
display:inline;
margin-left:244px;
padding:3px 6px 3px 0;
background:#df7000; /* in origine era 003784 */
color:#ffffff;
text-align:right}

.number {margin-left: 430px;
width:auto;
background-color:#fee078; /* in origine era A5EB76 */
padding:3px 12px;
color:#003300}

.number * {zoom:1}



/* LEFT NAVIGATION */

#navigation li {padding:0;
margin:0 12px 0 6px;
border-bottom:1px solid #80bad1}
/* in origine era 80bad1 */

#navigation li a {display:block;

padding:5px 12px 5px 0;
color:#0073b4; /* in origine era 0073b4 */
text-decoration:none;
text-align:right}

#navigation li a.importante {font-weight:bold}

#navigation li a.evidente {font-weight:bold;
color:#cd561d}
/* in origine era cd561d */

#navigation li a:hover {color:#ffffff;
background:#0073b4}
/* in origine era 0073b4 */

#navigation li a.evidente:hover {color:#ffffff;
background:#cd561d}



/* CONTENT */

#content h2 {margin:12px 0 0 0;
padding:6px 0 4px 24px;
background:transparent url(../img-new/h2.gif) no-repeat -1px 0;
font-size:1.2em;
color:#ffffff}

.notice {padding:12px;
border:1px solid #b28a00;}

.brano {background:#fef7cf url("../img-new/bkgr-brano.gif") repeat-x left top;
padding:16px 8px;
float:left;
font-size:0.9em;
color:#6f4b1c;
border-right:1px solid #ffcf00;
border-top:1px solid #b28a00;
border-bottom:1px solid #ffcf00;
border-left:1px solid #b28a00}


/* RIGHT NAVIGATION */

#sidebar h3 {margin:0;
color:#540903;
padding:0 0 8px 24px;
}

#sidebar li {padding:0;
margin:0 6px 0 12px;
border-bottom:1px solid #80bad1}
/* in origine era 80bad1 */

#sidebar li a {display:block;
padding:5px 0 5px 12px;
color:#0073b4; /* in origine era 0073b4 */
text-decoration:none;
text-align:left}

#sidebar li a:hover {color:#ffffff;
background:#0073b4}
/* in origine era 0073b4 */