/*stili per il layout fisso con background*/
html,body{margin: 0;padding:0}
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
background-image: url(images/I/bg.jpg);
background-repeat: repeat-x;
background-color: #015A84;
}
h1, h2, h3, h4, h5 { font-family: "Times New Roman", Times, serif; color: #002B70;}
h1 {
PADDING-RIGHT: 1px;
PADDING-LEFT: 1px;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
font-size : 18pt;
color: #015A86;
text-align: center;
font-variant: small-caps;
}
h2 { margin-bottom:0px; margin-top:5px; font-size : 16px; font-weight:bold; color: #FF6946; margin-left: 0px;}
h3 { margin-bottom:5px; font-variant : normal; font-size : 13px; font-weight:bold; color: #CE4A45; margin-top: 20px; font-family: "Lucida Sans Unicode", Arial;}
h4 {
margin-bottom:5px;
font-size : 12px;
font-weight:bold;
color: #CA453C;
margin-top: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h5{ PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; font-variant : normal; font-size : 10pt; font-weight: bold; color: #333333; text-decoration: underline;}
h6 { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; font-variant : small-caps; font-size : 10pt; }
a:link { color: #CE4C45; text-decoration: underline; }
a:visited { color: #CE4C45; text-decoration: underline; }
a:hover { color: #CE4C45; text-decoration: none;}
a:active { color: #CE4C45; text-decoration: underline; }
a.grey:link { font-size:12px; color: #999999; text-decoration: underline; }
a.grey:visited { font-size:12px; color: #999999; text-decoration: underline; }
a.grey:hover { font-size:12px; color: #999999; text-decoration: none;}
a.grey:active { font-size:12px; color: #999999; text-decoration: underline; }
div#container{
width:760px;
margin:0 auto;
border-width: 1px;
border-style:solid;
border-color: #ccc;
background: url(3rightcol.jpg) repeat-y top right;
background-color: #FFFFFF;
}
div#container2{background: url(3leftcol.jpg) repeat-y top left;text-align: left}
/*stili generici, su header e footer*/
div#header{
height: 228px;
position: relative;
}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
div#navigation{float: left;width: 160px;\width:170px;w\idth:160px}
#navigation a:link { color: #00547C; text-decoration: none; }
#navigation a:visited { color: #00547C; text-decoration: none; }
#navigation a:hover { color: #CE4C45; text-decoration: underline;}
#navigation a:active { color: #00547C; text-decoration: none; }
div#extra{float: right; width: 155px;\width:165px;w\idth:155px}
#extra a:link { color: #00547C; text-decoration: none; }
#extra a:visited { color: #00547C; text-decoration: none; }
#extra a:hover { color: #CE4C45; text-decoration: underline;}
#extra a:active { color: #00547C; text-decoration: none; }
div#content{ margin: 0 170px; padding: 1em 10px; position: relative;}
div#footer{ clear:both; text-align:center; padding: 5px 0; background-color: #007CB9; color: #DDE6EC; background-image: url(images/I/bgFooter.jpg); background-position: bottom; background-repeat: repeat-x;}
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
/*stili per la sezione extra*/
.box1 { padding: 0px; margin-top: 5px; margin-bottom: 10px;}
.box1 .headBox { padding: 0px; background-image:url(images/I/headBox1.jpg); background-repeat:no-repeat; background-position:top left; width:126px; height:18px; padding-left: 29px; font-weight: bold; color: #FFFFFF; padding-top: 5px;}
.box1 .listBox { background-image: url(images/I/listBox1.jpg); background-repeat: no-repeat; background-position: left top; height: auto; width: 128px; padding-top: 5px; padding-left: 27px; background-color: #d5f5ff; padding-bottom: 5px;}
.box1 .patellaBox { background-image: url(images/I/patellaBox1.jpg); background-repeat: no-repeat; background-position: left top; height: 16px; width: 155px;}
.box2 { padding: 0px; margin-top: 5px; margin-bottom: 10px;}
.box2 .headBox { padding: 0px; background-image:url(images/I/headBox2.jpg); background-repeat:no-repeat; background-position:top left; width:126px; height:18px; padding-left: 29px; font-weight: bold; color: #FFFFFF; padding-top: 5px;}
.box2 .listBox { background-image: url(images/I/listBox2.jpg); background-repeat: no-repeat; background-position: left top; height: auto; width: 128px; padding-top: 5px; padding-left: 27px; background-color: #FFFFFF; padding-bottom: 5px;}
.box2 .patellaBox { background-image: url(images/I/patellaBox2.jpg); background-repeat: no-repeat; background-position: left top; height: 16px; width: 155px;}
.box3 { padding: 0px; margin-top: 5px; margin-bottom: 10px;}
.box3 .headBox { padding: 0px; background-image:url(images/I/headBox3.jpg); background-repeat:no-repeat; background-position:top left; width:126px; height:18px; padding-left: 29px; font-weight: bold; color: #666666; padding-top: 5px;}
.box3 .listBox { background-image: url(images/I/listBox3.jpg); background-repeat: no-repeat; background-position: left top; height: auto; width: 128px; padding-top: 5px; padding-left: 27px; background-color: #FFFFFF; padding-bottom: 5px;}
.box3 .patellaBox { background-image: url(images/I/patellaBox3.jpg); background-repeat: no-repeat; background-position: left top; height: 16px; width: 155px;}
#dateArt { margin: 0px; padding: 0px; width: auto; position: absolute; left: 4px; top: 4px; color: #CD4D44;}
#zoomBox { position: absolute; top: 2px; padding: 2px; height: auto; width: auto; left: 348px; text-align: center; z-index: 2;}
#zoomTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; letter-spacing: 0.6em;}
#lettere { color: #005A83; border-style: solid; border-color: #00537B; border-width: 1px; width: 65px; text-align: center; background-color: #EEEEEE;}
#fotoShow { padding: 5px; border: 1px dashed #0770A7; display: none; position: relative; top: 0px;}
#fileBox { background-color: #E9E7E2; padding: 5px; border: 1px solid #D4D0C8; display: none;}
.listItem {
color: #025780;
margin-bottom: 15px;
position: relative;
}
.listDate{
color: #FFFFFF; background-color: #C93C33; position: relative; padding: 3px;}.listCategoria { float: right; z-index:1000;}
.listItem .listTitle { font-family: "Trebuchet MS", "Lucida Sans Unicode"; margin: 0px; padding: 10px; border: 1px solid #DDDDDD;}
.listRedattore { float: right;}
.bluLink{ color: #005D89; background-color: #FFFFFF; letter-spacing: 1.4px;}
a.bluLink:link { text-decoration: none; }
a.bluLink:visited { text-decoration: none; }
a.bluLink:hover { text-decoration: underline;}
a.bluLink:active { text-decoration: none; }
#searchExtreme { position: absolute; width: 150px; right: 2px; top: 204px; height: 17px;}
.ClearAll { clear: both; height: 0; font-size: 0; line-height: 0;}
.introBoxHeader {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #C93C33;
padding: 2px;
margin-left: -2px;
}
.introBox {
border: 1px solid #C93C33;
margin-bottom: 10px;
}
.homeNews img {
float: left;
margin-right: 5px;
}
.homeNews h2 {
font-family: Georgia, "Times New Roman", Times, serif, "Palatino Linotype";
font-size: 17px;
font-weight: normal;
color: #D25E5F;
}
.homeNews .homeNewsSubTitle {
font-family: Georgia, "Times New Roman", Times, serif, "Palatino Linotype";
font-size: 12px;
font-style: italic;
color: #B5B5B5;
}
.homeNews {
margin-bottom:15px;
border-bottom:1px #CCCCCC dotted;
padding-bottom:15px;
}
.homeNews .dateBox {
height: 45px;
width: 41px;
background-image: url(images/I/bgData.jpg);
background-repeat: no-repeat;
float: left;
margin-right: 5px;
text-align: center;
}