body {
	background: #f1f1f1 url(images/bg.jpg) repeat-x top left; color: #858585; 
	font-family: Trebuchet MS, Helvetica, sans-serif;
	margin:0;
	text-align: center;
}

a:link,
a:visited,
a:active {color: #00318d; text-decoration: none}
a:hover {text-decoration: underline}

:focus {outline: none}

hr {margin: 0 0 5px 0}

.container {background: transparent url(images/containerbg.png) repeat-y top left; text-align: left}
* html .container {background: transparent url(images/containerbg.gif) repeat-y top left}

/* --- H1 --- */

h1.span-24 {
	background: transparent url(images/h1.png) no-repeat bottom left;
	height: 91px;
	text-indent: -9000px;
}


/* ---- topmenu ---- */

h1.span-24 .topmenu {display: block; float: right; text-indent:0; margin: 50px 15px 0 0px; padding:0}

h1.span-24 .topmenu ul {margin:0}
h1.span-24 .topmenu li {
	display: block;
	float: left;
	text-transform: uppercase;
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 25px;
	margin:0;
}

h1.span-24 .topmenu li a {font-weight: bold}
h1.span-24 .topmenu li a:hover {text-decoration: none; color: white}

h1.span-24 .topmenu li.active a{color: white; text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);}

div.language {background-color: #CECECE; height: 11px; text-align: right; padding: 2px 10px 0 0; margin:0}

div.language a,
div.language a img {height: 11px; padding:0; margin:0; line-height: 11px}


h1.span-24 a.arearis{display: block;width: 115px;line-height: 18px;font-size: 7pt;text-transform: uppercase;background: transparent url(images/arearis.gif) no-repeat center left;clear: both;float: right;color: #eef;padding:0;margin: 9px 0 0 0;	text-indent: 19px;}


/* -- flash -- */

div.flash {padding-top: 5px}
div.flash object {margin: 0 0 0 15px}

/* ---- BOX01 ---- */

.span-8 {
	background: transparent url(images/box01big.png) no-repeat bottom left; padding: 10px 12px; width: 276px; margin-top: 10px; height: 530px; 
/*	height: 475px; */
}
* html .span-8 {background: transparent url(images/box01big.gif) no-repeat bottom left}
* html .span-8 last {height: 485px; margin-top:0; background-color: red}

.span-8.last {background: transparent none; padding:0; margin: 10px 0; width: 296px}
	.span-8.last div.newsbox {width: 300px; height: 270px; margin: 0 0 13px 0; background: transparent url(images/box01small.png) no-repeat top left}
	* html .span-8.last div.newsbox {background: transparent url(images/box01small.gif) no-repeat bottom left}
		.span-8.last div.newsbox h3.caps {margin:0; padding: 0.5em 1em}
		.span-8.last div.newsbox ul.nopad {margin: 0 0 10px 35px}
		.span-8.last div.newsbox ul.LIn_shortMode {margin: 0 0 10px 35px; width: 250px}

.span-8 h3 {
	font: 13pt/18pt Trebuchet MS, Helvetica, sans-serif;
	color: #444;
	text-transform: none;
	margin: 0 0 5px 5px;
	letter-spacing: 0;
	position: relative;
}

/* --- RSS --- */

.span-8 h3 a.feedrss{text-indent: -9000px; display: block; position: absolute; top: 8px; right: 10px; width:16px; height:11px; background: transparent url(images/rss.gif) no-repeat top left}
* html .span-8 h3 a.feedrss{right: 12px}

.hr {border-top: 1px solid #e5e5e5; padding: 5px 0 0 0}
.hrnobo {margin-top: 10px}
.nobordo {border:0; margin: 1.25em 0 0 0; padding: 0; display: block; clear: both}
.hrmarg {padding: 0; margin: 1em 0 0.5em 0; border-bottom: 1px solid #fff; border-top: 1px solid #ddd}
.hrmarg.sbu {margin: 55px 0 0.5em 0}

.span-8 p {font-size: 8pt; padding: 3px 5px 0 8px; margin: 0 0 4px 0; text-indent: 0}
.span-8 p.home {font-size: 8pt; padding: 0 4px 0 8px}

.span-8 p strong {color: #376CA2}

.span-8 ul {list-style: square outside url(images/bullett.gif); margin: 0 0 10px 35px; line-height: 7pt}

.span-8 ul.nopad {margin: 0 0 10px 27px}
.span-8 ul.padright {margin:10px 5px 0 0; text-align:right}
* html .span-8 ul.padright {margin: 10px 5px 0 180px}


.span-8 ul li{height: 10pt; line-height: 10pt; padding-bottom: 2px}
* html .span-8 ul li{line-height: 10pt}

.homebox ul li{padding-bottom: 8px}
* html .homebox ul li{padding-bottom: 8px}

.span-8 ul li a {letter-spacing: 1px; font-size: 7pt; text-transform: uppercase; line-height: 7pt; height: 7pt; color: #449; font-weight: bold}
* html .span-8 ul li a {letter-spacing: 0}

.span-8 blockquote {font-size: 8pt; margin: 0; padding: 5px 5px 0 37px; background: transparent url(images/quote.gif) no-repeat 5px 0; color: #858585}



/* --- PICS --- */

div.pic01 {display: block; width: 275px; height: 106px; background: transparent url(images/pic01.png) no-repeat top center; margin:0 0 10px 0}
* html div.pic01 {background: transparent url(images/pic01.gif) no-repeat top center}
div.pic02 {display: block; width: 275px; height: 106px; background: transparent url(images/pic02.png) no-repeat top center; margin:0 0 10px 0}
* html div.pic02 {background: transparent url(images/pic02.gif) no-repeat top center}
div.pic03 {display: block; width: 275px; height: 106px; background: transparent url(images/pic03.png) no-repeat top center; margin:0 0 10px 0}
* html div.pic03 {background: transparent url(images/pic03.gif) no-repeat top center}
div.pic04 {display: block; width: 275px; height: 106px; background: transparent url(images/pic04.png) no-repeat top center; margin:0 0 10px 0}
* html div.pic04 {background: transparent url(images/pic04.gif) no-repeat top center}


/* --- Portale Operatore --- */
a.portal_it,
a.portal_en {display: block; padding-left:65px; width:208px; height: 61px; margin:0 auto; border: 1px solid transparent; font-size: 11pt; font-weight: bold; line-height: 23pt; background: transparent url(images/portal_it.gif) no-repeat top left}
a.portal_it:hover,
a.portal_en:hover {border: 1px solid #fea; text-decoration: none}

* html a.portal_it,
* html a.portal_en {border: 1px solid #E8E8E8; margin-top: -5px}

p.portaltext {font-size:7pt; font-weight: normal; line-height: 9pt; color: #888; padding:0}



/* ---- MAIN ---- */

div.main {
	background: transparent url(images/mainbg.gif) no-repeat bottom center;
	padding: 0 15px;
}

.flashbot {
	height: 12pt;
	line-height: 12pt;
	font-size: 7pt;
	padding-top: 30px;
	text-align: center;
}

.flashbot a {color: #858585}
.flashbot a:hover {color: #376CA2; text-decoration: none}


div.bottom {	
	background: transparent url(images/bottom.png) no-repeat top center;
	height: 6px;
	width: 950px;
	margin: 0 auto;
	padding:0;
	font-size: 8pt;
	text-align: center;
}

* html div.bottom {background: transparent url(images/bottom.gif) no-repeat top center}


table.footer {
	width: 950px;
	margin: 0 auto;
	height: 40px;
	padding:0;
	table-layout: fixed;
}

table.footer td {text-align: center; vertical-align: middle; width: 33%; margin:0; padding:0.25em 0 1em; border:0}

table.footer td a {
	display: block;
	margin: 0 auto;
	text-indent: -9000px;
	height: 45px;
	}

table.footer td a.sig {background: transparent url(images/loghifoot.gif) no-repeat bottom left; width: 137px}
table.footer td a.popai {background: transparent url(images/loghifoot.gif) no-repeat -140px -45px; width: 98px}
table.footer td a.nis {background: transparent url(images/loghifoot.gif) no-repeat bottom right; width: 62px}

table.footer td a.sig:hover {background-position: top left}
table.footer td a.popai:hover {background-position: -140px 0}
table.footer td a.nis:hover {background-position: top right}


/* --- List News --- */

ul.LIn_shortMode {list-style-image: none; padding-bottom:5px}

ul.LIn_shortMode li {height: inherit; margin-bottom: 8px}
* html ul.LIn_shortMode li {vertical-align: middle; padding-top:0; margin-top: 0}  /* -- NON TOCCARE!!! Fuck to ie6!!! -- */

ul.LIn_shortMode li a {font-weight: bold; text-transform: none; padding:0}

ul.LIn_shortMode span.LIn_date {font-size: 7pt; display: block; clear: both; margin-bottom: 4px}

ul.LIn_shortMode span.LIn_desc {font-size: 7pt; line-height: 7pt; display: block; clear: both; margin-top: 2px}


/* --- JOBHOME --- */
div.job_home {background:#f2faff url(images/azzur.png) repeat-x bottom left; border:1px solid #c5e0eF; margin:0 auto; padding: 5px 10px; width:252px; -webkit-border-radius: 6px; -moz-border-radius: 6px}
	div.job_home h3.caps {font-style: italic}


/* --- brochure --- */
div.brochure {float:left; margin-bottom:1em; width:100%}
	div.brochure a.btn_brochure {display: block; clear: both; width: 272px; height: 61px; margin: 0 auto; background: transparent url(images/button_brochure.png) no-repeat top left; text-decoration: none; border: 1px solid transparent}
		div.brochure a.btn_brochure span {display: block; font-size: 13pt; text-align: right; padding: 0.5em 2em 0 0; color: navy; text-decoration: none}
	div.brochure a.btn_brochure:hover {text-decoration: none; border: 1px solid #fea}
		div.brochure a.btn_brochure:hover span {text-decoration: none}
		div.brochure a.btn_brochure small {display: block; font-size: 7pt; text-align: right; padding: 0 8em 0 0; color: #77a; line-height:8pt}
div.brochure ul.padright {clear: both}