/* @group tags */
* {
margin: 0;
padding: 0;
text-align: left;
font-family: "Lucida sans unicode", "Lucida grande", "Bitstream vera sans", Lucida, sans-serif;
}
img {
border: none;
}
body {
font-size: 0.8em;
color: #000;
background: #fff url(../img/body-bg.gif) repeat-y;
}
h1 {
width: auto;
height: 139px;
text-indent: -9000px;
background: transparent url(../img/h1.jpg) no-repeat 25px top;
}
h2, h3, h4 {
color: #183450;
}
h2 {	
font-size: 26px;
letter-spacing: -1px;
margin: 0;
padding: 20px 0 10px 0;
background: transparent;
}
h4 {
font-size: 13px;
margin: 0;
background: transparent;
padding: 4px 0 2px 0;
color: #000;
}
/* hack per IE */
html>body h2 {
padding: 60px 0 10px 0;
}
h3 {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 16px;
margin: 0;
padding: 10px 0 0 0;
}
p {
line-height: 1.4em;
font-size: 13px;
margin-bottom: 15px;
}
a {
background-color: transparent;
color: #214c73;
text-decoration: underline;
}
a:hover {
background-color: #dde7ef;
color: #000;
text-decoration: none;
}
a img {
background-color: transparent;
}
a:hover img {
background-color: transparent;
}
acronym {
cursor: help;
border: none;
}
blockquote {
}
#content ul {
margin: 10px 30px 10px 30px;
padding-left: 10px;
list-style: none;
}
#content ul li {
padding: 0 30px 0 0;
list-style: square url(../img/bullet.gif) inside;
list-style-position: outside;
}
input#auth_no {
margin-left: 20px;	
}
/* @end */
/* @group layout */
#header {
width: 955px;
height: 139px;
background: transparent url(../img/header-bg.jpg) repeat-x;
}
#wrapper {
width: 955px;
}
/* @group breadcrumbs */
#breadcrumbs {
position: absolute;
top: 95px;
left: 560px;
width: 365px;
height: 24px;
background: #4f84b2;
}
#breadcrumbs span {
line-height: 24px;
font-size: 10px;
color: #fff;
padding: 0 5px;
}
#breadcrumbs span a {
color: #fff;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background: transparent;
}
#breadcrumbs span a:hover {
color: #fff;
font-weight: bold;
text-decoration: underline;
background: transparent;
}
/* @end */
/* @group menu */
#menuwrapper {
width: 955px;
height: auto;
background: transparent;
margin: 0;
padding: 0;
}
/* menu principale */
#navigation {
/*width: 100%;*/
height: 53px;
background: transparent url(../img/nav-bg.gif) repeat-x;
/*float: left;*/
margin: 0;
padding: 0 0 0 25px;
}
#navigation .menu1 {
padding-left: 0;
margin: 0;
background-color: transparent;
color: #000;
/*float: left;*/
width: 100%;
}
#navigation ul.menu1 {
padding-left: 0;
margin-left: 0;
color: #000;
float: left;
width: 100%;
}
#navigation ul.menu1 li { 
display: inline;
list-style-type: none;
}
#navigation ul.menu1 li a {
height: 53px;
padding: 0;
color: #000;
line-height: 53px;
text-decoration: none;
float: left;
background: transparent;
}
#navigation ul.menu1 li a:hover {
color: #fff;
background: transparent url(../img/nav-bg-over_e_cur.gif) repeat-x;
}
#navigation ul.menu1 li.cur a {
display: block;
height: 53px;
padding: 0;
color: #000;
line-height: 53px;
float: left;
color: #fff;
background: transparent url(../img/nav-bg-over_e_cur.gif) repeat-x;
}
#navigation ul.menu1 li.sup, #navigation ul.menu1 li.cur { 
height: 53px;
padding: 0;
line-height: 53px;
text-decoration: none;
float: left;
}
#navigation .menu1 .sup, #navigation .menu1 .sup a, #navigation ul.menu1 li.cur {
color: #fff;
background: url(../img/nav-bg-over_e_cur.gif) repeat-x;
}
/* menu livello 2 */
#nav_2 {
width: 955px;
margin: 0;
padding: 0;
/*float: left;*/
}
.msez2 {
margin: 0;
padding: 0 0 0 25px;
background: transparent;
color: #333;
}
.msez2 p {
font-size: 12px;
height: 30px;
line-height: 30px;
border-bottom: 1px solid #ccc;
}
.msez2 p.nor {
text-transform: lowercase;
font-variant: small-caps;
margin: 0;
padding: 0 8px;
display: inline;
float: left;
width: auto;
background: #f6f6f6;
}
.msez2 p.cur {
text-transform: lowercase;
font-variant: small-caps;
font-weight: bold;
padding: 0 8px;
margin: 0;
color: #000;
background: transparent url(../img/msez-bg-cur.gif) repeat-x;
display: inline;
float: left;
}
.msez2 p.nor a {
text-decoration: none;
color: #909090;
font-weight: bold;
margin: 0;
padding: 0;
background: transparent;
}
.msez2 p.nor a:hover {
text-decoration: underline;
color: #000;
font-weight: bold;
margin: 0;
padding: 0;
background: transparent;
}
.msez2 p.sup {
text-transform: lowercase;
font-variant: small-caps;
font-weight: bold;
margin: 0;
padding: 0 8px;
width: auto;
background: transparent url(../img/msez-bg-cur.gif) repeat-x;
float: left;
}
.msez2 p.sup a {
text-decoration: none;
background: transparent;
}
.msez2 p.sup a:hover {
text-decoration: underline;
background: transparent;
}
/* menu livello 3 */
#nav_3 {
width: 955px;
margin: 0;
padding: 0;
background: transparent;
float: left;
}
html>body #nav_3 {
margin: 0 0 20px 0;
}
.msez3 {
margin: 0;
padding: 0 0 0 25px;
background: transparent;
color: #333;
border: none;
}
.msez3 p {
font-size: 12px;
height: 30px;
line-height: 30px;
}
.msez3 p.nor {
text-transform: lowercase;
font-variant: small-caps;
margin: 0;
padding: 0 8px;
display: inline;
float: left;
width: auto;
background: #f6f6f6;
}
.msez3 p.cur {
text-transform: lowercase;
font-variant: small-caps;
font-weight: bold;
padding: 0 8px;
margin: 0;
color: #000;
background: transparent url(../img/msez-bg-cur.gif) repeat-x;
display: inline;
float: left;
}
.msez3 p.nor a {
text-decoration: none;
color: #909090;
font-weight: bold;
margin: 0;
padding: 0;
background: transparent;
}
.msez3 p.nor a:hover {
text-decoration: underline;
color: #000;
font-weight: bold;
margin: 0;
padding: 0;
background: transparent;
}
.msez3 p.sup {
text-transform: lowercase;
font-variant: small-caps;
font-weight: bold;
margin: 0;
padding: 0 8px;
width: auto;
background: transparent url(../img/msez-bg-cur.gif) repeat-x;
float: left;
}
.msez3 p.sup a {
text-decoration: none;
background: transparent;
}
.msez3 p.sup a:hover {
text-decoration: underline;
background: transparent;
}
/* @end */
#content {
margin: 0;
padding: 0 25px 25px 25px;
background: #fff url(../img/content-bg.gif) no-repeat left bottom;
}
#extra {
}
#pic {
float: right;
width: 307px;
height: 235px;
margin: 0;
padding: 0 0 15px 15px;
}
#pic span {
font-size: 0.8em;
font-variant: small-caps;
font-weight: bold;
color: #888;
margin: 2px 0 0 8px;
}
/* @group footer */
#footer {
width: 955px;
height: 120px;
background: #214c73 url(../img/footer-bg.jpg) repeat-x left top;
margin: 0;
padding: 0;
}
#colophon {
padding: 15px 0 0 25px;
color: #fff;
width: 955px;
margin: 0;
}
#colophon p {
font-size: 11px;
color: #e8e8e8;
margin: 0;
padding: 0;
}
#colophon a {
color: #fff;
font-weight: bold;
text-decoration: underline;
background: transparent;
}
#colophon a:hover {
color: #e8e8e8;
font-weight: bold;
text-decoration: none;
background: transparent;
}
#colophon a img {
text-decoration: none;	
}
div.left, div.center, div.right {
margin: 0;
}
#footer #colophon .left {
float: left;
width: auto;
padding: 0 25px 0 0;
}
#footer #colophon .center {
float: left;
width: auto;
border-right: 1px dotted #ccc;
border-left: 1px dotted #ccc;
padding: 0 25px;
}
#footer #colophon .right {
float: left;
width: auto;
padding: 0 25px;
}
#footer #colophon .right img {
width: 80px;
height: 15px;
display: block;
margin-top: 8px;
}
#print-footer {
display: none;
}
/* @end */
/* @end */
/* @group tabelle */
table {
width: 80%;
margin: 15px 0 5px 0;
padding: 0;
border: 1px dotted #ccc;
background: #f1f2f7;
font-size: 12px;
}
.tr0 {
font-size: 13px;
color: #fff;
height: 20px;
line-height: 20px;
background: #4f84b2;
margin: 0;
padding: 8px;
}
table tr.tr0 td h3 {
color: #fff;
}
td.cifra {
text-align: right;
padding-right: 4px;
}
table tr.tr0 td em {
font-size: 9px;
margin: 0;
padding: 0;
}
table td, th {
padding: 6px;
line-height: 18px;
font-family: helvetica, arial, verdana, sans-serif;
}
div.tablesx {
float: left;
width: 50%;
}
div.tablesx table {
width: 95%;
}
div.pardx {
float: left;
width: 40%;
margin-top: 10px;
}
div#webf table {
width: auto;
background: transparent;
border: none;
}
/* @end */
/* @group classi */
.hide {
display: none;
}
.space {
}
.par {
padding: 10px 0 0 0;
line-height: 1.4em;
font-size: 13px;
}
.par p.attach {
}
.par p {
margin: 0 0 5px 0;
line-height: 1.4em;
font-size: 13px;
}
.par h2 {
}
.par img.left {
margin: 0 10px 5px 0; 
float: left;
}
.par img.right {
margin: 0 0 5px 10px; 
float: right;
}
.par img.center {
display: block; text-align: center; margin: auto auto 10px auto;
}
.emptypar {
clear: both; 
height: 10px; 
width: 100%;
}
img.map {
border: none;
float: right;
}
/* @end */
/* @group home */
body.home {
background: #fff url(../img/body-bg-home.gif) no-repeat 955px top;
}
body.home #header {
background: transparent url(../img/header-bg-home.jpg) no-repeat right top;
margin: 0;
padding: 0;
}
body.home #nav_2 {
display: none;
}
body.home #content {
margin: 0;
padding: 0;
background: #fff url(../img/content-bg-home.jpg) no-repeat right top;
width: 955px;
height: 497px;
}
body.home h2 {
width: 418px;
height: 126px;
text-indent: -9000px;
background: transparent url(../img/h2-home-pay-off.gif) no-repeat left top;
margin: 0;
padding: 0;
position: absolute;
top: 270px;
left: 75px;
}
/* @group box-news */
body.home div.par {
position: absolute;
top: 350px;
left: 640px;
width: 290px;
height: 300px;
overflow: auto;
background: #f3f3f3;
}
html>body.home div.par {
margin: 0 25px 25px 0;
}
body.home div.par div#news-title {
width: auto;
height: 50px;
background: #f3f3f3 url(../img/cr-news.gif) no-repeat 10px 10px;
}
body.home div.par div#news {
width: auto;
height: 250px;
margin: 0;
padding: 15px;
background: transparent;
/* il pezzettino qui sotto e' da togliere quando c'e' il tag p corretto per ogni news */
font-size: 12px;
line-height: 16px;
}
body.home div.par div#news p.data {
font-size: 9px;
}
body.home div.par div#news h3 {
font-size: 14px;
line-height: 16px;
padding: 4px 0 6px 0;
}
body.home div.par div#news p {
font-size: 12px;
line-height: 16px;
}
body.home div.par div#news a {
text-decoration: none;
}
body.home div.par div#news a:hover {
text-decoration: underline;
}
body.home div.par div#news p.link {
padding-top: 3px;
text-transform: lowercase;
font-variant: small-caps;
}
/* @end */
/* @end */
/* @group lavori */
#miniature a {
width: 80px;
height: 80px;
display: block;
float: left;
text-decoration: none;
background: transparent;	
border: 2px solid #ccc;
margin: 6px 13px 6px 0;
padding: 0;
}
#miniature a:hover {
width: 80px;
height: 80px;
display: block;
float: left;
text-decoration: none;
background: transparent;	
border: 2px solid #5294fc;
margin: 6px 13px 6px 0;
padding: 0;
}
#miniature a img {
margin: 0;
padding: 0;
}
/* @end */