﻿/* CSS Document */
html {
background: url("../images/bg.jpg") top left repeat-x;
color: #333;
}
body {
background: #fff;
color: #333;
width: 755px; 
font: 62.5% Arial, Helvetica, sans-serif;
text-align: center;
margin: 10px auto;
padding: 0; 
}
#content a, #footer a {
background: transparent;
color: #1360D2;
text-decoration: none;
}
#content a:hover, #footer a:hover {
background: #1360D2;
color: #fff;
}
h1 {
font-size: 34px; 
text-transform: uppercase;
text-align: left;
margin: 0;
padding: 35px 30px 0; 
}
h1 a { 
text-decoration: none;
}
h1 a span {
background: transparent;
color: #0f34b5;
visibility: hidden;
margin: 0;
padding: 0 20px;
}
h2 {
background: #transparent;
color: #0D48AC;
font-size: 1.7em;
font-weight: normal;
margin: 0 0 10px 15px;
padding: 0 0 5px;
}
#categoryBtn h3 { 
background: url("../images/h4Bg.jpg") left no-repeat;
color: #fff;
width: 559px;
border: 0;
font-size: 11px;
margin: 10px 8px;
padding: 2px 0 2px 10px;
}
h3 {
background: #fff;
color: #1348D5;
font-size: 1.5em;
margin: 5px 0 15px;
padding: 0 0 5px;
border-bottom: solid 1px #eee;
}
h3 span {
font-size: 0.8em;
}
h4 {
background: #3172D4 url("../images/corner2.gif") top right no-repeat;
color: #fff;
font-size: 10px;
text-align: left;
white-space: nowrap;
margin: 0 5px;
padding: 3px 0 3px 0;
}
h4 span {
background: #3172D4 url("../images/corner1.gif") top left no-repeat;
color: #fff; 
margin: 0;
padding: 3px 0 3px 10px;
}
h5 {
background: #fff;
color: #4A4A5B;
font-size: 1.1em;
margin: 20px 0 0;
padding: 0;
}
img {
border: 0;
}
.clear {
clear: both;
}

/*---------hd-----------*/

#hd {
background: transparent url("../images/hd-it.jpg") no-repeat;
color: #333;
width: 755px; 
height: 101px;
margin: 0; 
padding: 0;
}
#mn {
background: transparent url("../images/mnBg.gif") top left no-repeat;
color: #fff; 
float: right; 
margin: 4px 0 0;
padding: 0 0 0 45px;
}
#mn div {
background: #95A8CC;
margin: 0;
padding: 3px 5px 5px 0;
}
#mn a {
background: #95A8CC;
color: #fff;
font-size: 11px;
text-decoration: none;
margin: 0;
padding: 0 8px;
}
#mn a img {
vertical-align: middle;
}
#mn a:hover {
background: transparent;
color: #ff0;
}

/*------------menu-------------*/

#menu { 
background: #7389B7 url("../images/btnBg.jpg") repeat-x;
width: 755px; 
border-top: 3px solid #A8B5D3;
margin: 0;
padding: 0;
clear: both;
}
#menu ul { 
border-top: 1px solid #CAD2E3;
height: 25px;
margin: 0;
padding: 0; 
}
#menu li {
display: inline;
list-style: none;
margin: 0;
padding: 0; 
}
#menu a {
background: #7389B7 url("../images/btnBg.jpg") repeat-x;
color: #fff;
float: left; 
height: 10px;
border-right: 1px solid #7389B7;
border-left: 1px solid #B1BDD7;
font-size: 10px;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 5px 23px 8px; 
}
html>body #menu a {padding: 5px 23px 10px; }
#menu a:hover {
background: #B1BDD7 url("../images/btnBgH.jpg") repeat-x;
color: #FF0;
padding: 6px 23px 7px;
}
html>body #menu a:hover {padding: 6px 23px 9px; }

/*-----------content----------*/

#content {
background: #fff;
color: #666;
width: 755px; 
clear: both; 
font-size: 1.1em;  
text-align: left;
border-top: 3px solid #A8B5D3;
margin: 0;
padding: 0;
}
#topContent {
background: #F7F7FB;
color: #666;
margin: 0;
padding: 0;
}
#date p {
text-align: right;
margin: 0;
padding: 5px 5px 0;
}

/*-----------contentMn------------*/

#contentMn {
width: 170px; 
float: left;
margin: 0;
padding: 0;
}
#contentMn ul {
background: #F9F9FC;
margin: 0 5px 5px;
padding: 10px 0;
}
#contentMn ul li ul {
margin: 0;
padding: 0 0 10px 0;
}
#contentMn ul li {
list-style: none;
border-top: 1px solid #EAEDF5;
margin: 0;
padding: 0; 
}
#contentMn ul li ul li {
list-style: none;
border: 0;
margin: 0 0 0 10px;
padding: 1px 0;
}
#contentMn ul li a {
background: url("../images/arrow.gif") 7% 50% no-repeat;
color: #1465DE; 
height: 10px;
display: block;
font-size: 1.1em;
margin: 0;
padding: 3px 0 3px 23px;
}
html>body #contentMn ul li a {height: 15px;}
#contentMn ul li a:hover {
background: #1360D2 url("../images/arrowH.gif") 7% 50% no-repeat;
color: #fff;
}
#contentMn ul li ul li a {
background: transparent;
color: #748AB8;
font-size: 1em;
margin: 0 10px 0 10px;
padding: 0 0 0 5px;
}
#contentMn ul li ul li a:hover {
background: #1360D2;
color: #fff;
}
#contentMn li.noLine {
border: 0;
}

#contentMn li#open {
background: #C4C4E1;
color: #fff;
}
#contentMn li#open a.MainLnk{
background: #C4C4E1;
color: #fff;
}


/*-----------context-----------*/

#context {
float: left;
width: 550px;
margin: 0;
padding: 0 15px; 
}
#categoryBtn ul {
margin: 0 0 0 15px;
padding: 0;
}
#categoryBtn li {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}
#categoryBtn a {
background: transparent;
color: #4086EE;
font-size: 12px;
text-align: center;
width: 130px;
height: auto;
float: left;
margin: 0 3px 10px 3px;
padding: 94px 0 10px 0;
}
#categoryBtn a:hover {
background: transparent;
color: #4086EE;
}

/*---------btn----------*/
#categoryBtn {
float: left;
margin: 0;
padding: 0;
width: 570px;
}
#categoryBtn a.btn1 { background: url("../images/btn1.jpg") no-repeat;}
#categoryBtn a.btn1:hover { background: url("../images/btn1H.jpg") no-repeat;}
#categoryBtn a.btn2 { background: url("../images/btn2.jpg") no-repeat;}
#categoryBtn a.btn2:hover { background: url("../images/btn2H.jpg") no-repeat;}
#categoryBtn a.btn3 { background: url("../images/btn3.jpg") no-repeat;}
#categoryBtn a.btn3:hover { background: url("../images/btn3H.jpg") no-repeat;}
#categoryBtn a.btn4 { background: url("../images/btn4.jpg") no-repeat;}
#categoryBtn a.btn4:hover { background: url("../images/btn4H.jpg") no-repeat;}
#categoryBtn a.btn5 { background: url("../images/btn5.jpg") no-repeat;}
#categoryBtn a.btn5:hover { background: url("../images/btn5H.jpg") no-repeat;}
#categoryBtn a.btn6 { background: url("../images/btn6.jpg") no-repeat;}
#categoryBtn a.btn6:hover { background: url("../images/btn6H.jpg") no-repeat;}
#categoryBtn a.btn7 { background: url("../images/btn7.jpg") no-repeat;}
#categoryBtn a.btn7:hover { background: url("../images/btn7H.jpg") no-repeat;}
#categoryBtn a.btn8 { background: url("../images/btn8.jpg") no-repeat;}
#categoryBtn a.btn8:hover { background: url("../images/btn8H.jpg") no-repeat;}
#categoryBtn a.btn9 { background: url("../images/btn9.jpg") no-repeat;}
#categoryBtn a.btn9:hover { background: url("../images/btn9H.jpg") no-repeat;}
#categoryBtn a.btn10 { background: url("../images/btn10.jpg") no-repeat;}
#categoryBtn a.btn10:hover { background: url("../images/btn10H.jpg") no-repeat;}

/*----------table---------*/

#schedaImg {
float: left;
width: 130px;
padding: 0 15px 0 0;
margin: 0;
text-align: left;
font-size: 10px;
}

#schedaImg div {
clear: left;
margin: 5px 0;
padding: 0;
line-height: 1.1em;
}

#schedaImg img {
margin: 0 5px 0 0;
padding: 0;
float: left;
}
#schedaImg a {
background: #fff;
color: #777;
}
#schedaImg a:hover {
background: #fff;
color: #777;
}
#schedaInfo {
width: 400px;
float: left;
}
html>body #schedaInfo {width: 388px;}
#schedaInfo p {
margin: 0 20px 0 0;
padding: 0;
}
table {
margin: 20px 0;
padding: 0;width:100%
}
#schedaInfo table td {
background: #fff;
color: #707089; 
border-bottom: 1px solid #ccc;
margin: 0;
padding: 3px 0 3px 10px;
}
#schedaInfo table th.noLine, #schedaInfo table td.noLine {
border: 0;
}
#schedaInfo table th {
background: #fff;
font-weight: normal;
color: #000;
text-align: right;
margin: 0;
padding: 0 5px;
border-bottom: 1px solid #ccc;
}

.navTb td table {
width: auto;
text-align: center;
margin: 20px auto 0;
border: solid 1px #E9E9F3;
}
.navTb td table tr td {
padding: 4px;
text-align: center;
}
.navTb td table tr td span {
background: #C4C4E1;
color: #fff;
display: block;
padding: 2px 4px;
}
.navTb td table tr td a {
padding: 2px 4px;
text-align: center;
display: block;
}
.imgLeft {
float: left;
margin: 0 10px 3px 0;
}
/*-----------footer------------*/

#footer {
background: #fff url("../images/footerBar.gif") top no-repeat;
color: #939393;
width: 755px;
margin: 15px 0 0;
padding: 20px 0;
clear: both;
}
#footer p span {
background: #fff;
color: #666;
margin: 0;
padding: 0;
}
#footer p {
font-size: 1.1em;
text-align: left;
margin: 3px 10px 0;
padding: 0;
}
#footer p a {
text-decoration: underline;
}

/*-----------controlli--------------*/
/* David De Giacomi 15/07/06        */

.InputBox{border:solid 1px #c0c0c0;margin-bottom:2px}
.ProdImg{width:180px;border:solid 1px #c0c0c0;background:whitesmoke;margin-top:5px;padding:5px;margin-right:5px}
.ProdImgSmall{width:120px;border:solid 1px #c0c0c0;background:whitesmoke;margin-top:5px;padding:5px;margin-right:5px}
.BrdBot td {border-bottom:solid 1px #c0c0c0}
#ImageBar{width:550px;margin:0 auto}
#ImageBar div{width:120px;text-align:center;float:left;margin:3px}