/* @group tags */
body {
margin:0;
padding:0;
font-family: Arial,Verdana, sans-serif;
font-size: 12px;
color: #717171;
text-align: center;
background: #f6f6f6;
line-height:20px;
color:#000000;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
font-size: 12px;
}

a img, map {
border:none;
}
a {
color: #09f;
text-decoration: none;
}
a:hover {

}
ul, ol, li {
margin:0;
padding:0;
list-style-type: none;
}
ol.alpha {
list-style-type: lower-latin;
}
table {
width:100%;
margin:0;
padding:0;
border-collapse: collapse;
}
td, th {
margin: 0;
padding: 0;
}
hr {
display:none;
}
form {
margin:0;
padding:0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
input, textarea, select {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
border-top: 1px solid #8a8a8a;
border-left: 1px solid #8a8a8a;
border-right: 1px solid #8a8a8a;
border-bottom: 1px solid #8a8a8a;
padding: 1px;
color: #666;
background: #fff;
}
input:focus, textarea:focus, select:focus {
background: #fff;
}
.noBrd {
border: none;
}
option {
padding:0;
margin:0;
}
textarea, select {
font-size: 100%;
font-family: inherit;
}
button {
font-size: 100%;
font-family: inherit;
cursor:pointer;
background: #ccc;
color: #333;
padding: 1px 4px 0 4px;
border: 1px solid #666;
}
button:hover {

}

/* @end */

/* @group mains */
#container {
width: 965px;
margin: 0 auto 0 auto;
text-align: left;
}
#header .graphic {
min-height: 157px;
height: auto !important;
height: 157px;
background-color: transparent;
background-position: top right;
background-repeat: no-repeat;
background-image: url(../images/bg-header-home.jpg);
}
.sHome #header .graphic {
background-image: url(../images/bg-header-home.jpg);
}
.sServizi #header .graphic {
background-image: url(../images/bg-header-servizi.jpg);
}
.sChisiamo #header .graphic {
background-image: url(../images/bg-header-chisiamo.jpg);
}
.sMedicina #header .graphic {
background-image: url(../images/bg-header-mdl.jpg);
}
.sDovesiamo #header .graphic {
background-image: url(../images/bg-header-dovesiamo.jpg);
}
.sContatti #header .graphic {
background-image: url(../images/bg-header-contatti.jpg);
}

#header #logo {
padding: 30px 0 0 0;
}

#navigator {
width: 965px;
margin: 20px 0 0 0;
padding: 0;
background: #ccc;
display: inline;
float: left;
background: transparent url(../images/bg-navigator.gif) repeat-x top left; 
}
#navigator li {
margin: 0;
list-style-type: none;
display: inline;
float: left;
width: auto;
padding: 18px 20px 0px 25px;
color: #333;
background: transparent url(../images/bg-navigator-li.gif) no-repeat top left;
min-height: 33px;
height: auto !important;
height: 33px;
font-size: 15px;
}
#navigator li.selected {
background: transparent url(../images/bg-navigator-li-selected.gif) no-repeat top left;
}
#navigator li a {
color: #333;
}
#navigator li a:hover {
color: #09f;
}

#navigator li.selected a {
color: #fff;
}
#navigator li.first {
padding: 18px 25px 0px 25px;
background: transparent url(../images/bg-navigator.gif) repeat-x top left; 
}
#navigator li.first.selected {
background: transparent url(../images/bg-navigator-li-selected-first.gif) repeat-x top left;
}
#navigator li form {

}
#navigator li form button {
font-size: 11px;
padding: 0;
margin: 0 0 0 5px;
}
#navigator li.last {
padding: 16px 25px 2px 25px;
}

#main {
clear: both;
padding: 20px 0 0 0;
}
#col {
width: 176px;
float: left;
border-top: 2px solid #dfdfdf;
}

#content {
/* nominal width: 572px; */
width: 542px;
float: left;
margin: 0 0 0 22px;
padding: 15px;
background: #fff;
border-top: 2px solid #dfdfdf;
min-height: 400px;
height: auto !important;
height: 400px;
}
#context {
width: 173px;
float: left;
margin: 0 0 0 22px;
border-top: 2px solid #dfdfdf;
}

.menu {
margin: 0 0 15px 0;
padding: 0;
background: #fff;
}
.menu li {
margin: 0;
padding: 0;
}
.menu li a {
display: block;
padding: 5px 5px 5px 10px;
color: #333;
}
.menu li.current a {
background: transparent url(../images/bg-menu-li-selected.gif) repeat-x top left;
color: #fff; 
}

#footer {
background: #ccc;
}
/* @end */

/* @group generics */
.mainSummary {
font-size: 16px;
color: #09f;
margin: 0 0 15px 0;
}
.midSummary {
font-size: 14px;
margin: 0 0 15px 0;
}

#content ul li {
list-style-type: circle;
margin-left: 20px;
padding: 2px 0;
}
.close {
display: block;
clear: both;
}
.toLeft {
float: left;
padding: 0 10px 5px 0;
}
.toRight {
float: right;
padding: 0 0 5px 10px;
}
.aLeft {
text-align: left;
}
.aRight {
text-align: right;
}
/* @end */

/* @group sections */
.sContatti #content {
background: #fff url(../images/bg-s-contatti.jpg) no-repeat center left;
}
.sContatti #content .desc {
padding: 80px 0 0 240px;
font-size: 14px;
}

.sDovesiamo {
}
.sDovesiamo #googleMap {
height: 320px;
border: 1px solid #ccc;
}

.sAnalisi #content {
width: 735px;
}
/* @end */
/* @group boxes */
.box {
background: #fff;
margin: 0 0 15px 0;
}
.box .summary {
background-color: transparent;
background-position: top left;
background-repeat: repeat-x;
text-align: center;
padding: 15px 0;
font-size: 14px;
border-left: 1px solid #999;
}
.box .summary a {
color: #717171;
}
.box .desc {
padding: 4px;
}

.box.silver .summary {
background-image: url(../images/bg-box-silver-sum.gif);
}
.box.orange .summary {
background-image: url(../images/bg-box-orange-sum.gif);
}
.box.green .summary {
background-image: url(../images/bg-box-green-sum.gif);
}
.box.current .summary {
background-image: url(../images/bg-box-current-sum.gif);
}
.box.current .summary a {
color: #fff;
}

.fields th, .fields td {
padding: 5px;
font-weight: normal;
}
/* @end */



