/*STILI PER IL LAYOUT FISSO*/
html {
margin: 0;
padding: 0;
background-image: url(immagini/sfondo.jpg);
background-position: center top;
background-repeat: repeat-y;
height: 100%;
}

body {
margin: 0;
padding: 0;
height: 100%;
font-family: "trebuchet ms", sans-serif;
font-size: 11px;
color: #666;
text-align: justify;
}

body>div#container{
height: auto;
min-height: 100%;
}

div#container {
background-image: url(immagini/personal-trainer_cont_up.jpg);
background-position: center top;
background-repeat: repeat-y;
position: relative;
width: 737px;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: justify;
}

div#orologio {
position: absolute;
margin: 0;
padding: 0;
left: 572px;
top: 60px;
}

.float-left {
clear: left;
float: left;
margin-right: 8px;
}

/*STILI GENERICI*/
div#header {
margin: 0;
padding: 0;
background-image: url(immagini/personal-trainer_r1_c1.jpg);
background-position: center;
height: 90px;
}

div#content {
padding: 0 1.5em 5em
}

div#content {
position: relative;
margin: 0;
padding: 0px 314px 1px 123px;
background-image: url(immagini/personal-trainer_cont.jpg);
background-repeat: no-repeat;
background-position: bottom;
width: 300px;
height: auto;
text-align: justify;
}

div#navigation {
margin: 0;
padding: 0;
background-image: url(immagini/sfondo_col_sx.jpg);
background-repeat: repeat-y;
position: absolute;
top: 90px;
left: 0;
width: 117px;
}

div#navigationin {
margin: 8px;
padding: 0;
width: 92px;
height: 55px;
text-align: left;
color: #fff;
border-bottom: 1px dotted #ccc;
}

div#extra {
margin: 0;
padding: 0;
position: absolute;
background-image: url(immagini/personal-trainer_col_dx.jpg);
background-repeat: no-repeat;
background-position: top;
top: 49px;
left: 574px;
width: 163px;
text-align: left;
font-size: 10px;
}

div#extrain {
margin: 6px;
padding: 0;
width: 148px;
text-align: left;
font-size: 11px;
}

div#footer {
clear:both;
margin: 0px;
padding: 108px 0 0 0;
position: relative;
width: 737px;
font-size: 11px;
text-align: center;
background-image: url(immagini/personal-trainer_footer.jpg);
background-repeat: no-repeat;
background-position: top;
}

div#count {
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 213px;
}

/*STILI SPECIFICI PER IL LAYOUT*/
a, h3 {
color: #ac4c12;
}

a:hover {
text-decoration: underline;
color: #f90;
}

p {
text-align: justify;
}

img {
border: none;
}

textarea, input {
font-family: "trebuchet ms", sans-serif;
font-size: 10px;
border: solid 1px #ccc;
}

.textarea {
width: 294px;
}

.radio {
border: 0px;
}

.input {
background-color: #dae7fe;
}

table {
margin: 0;
padding: 0;
table-layout: fixed;
width: 300px;
}

td {
padding: 2px 0 6px 0;
font: 10px "trebuchet ms", sans-serif;
text-align: center;
}

.colsx {
width: 28%;
margin: 0;
padding: 0;
}

.colsxtest {
width: 10%;
margin: 0;
padding: 0;
text-align: left;
}

.coldxtest {
width: 40%;
text-align: justify;
}

div#righttop {
text-align: right;
background-color: #ffffe6;
}

div#rightbottom {
text-align: right;
background-color: #ffffe6;
}

div#road {
margin: 0;
padding: 2px 0 3px 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
text-align: justify;
background-color: #ffffe6;
font-variant: small-caps;
}

div#intro {
background-image: url(immagini/personal-trainer_online.jpg);
background-position: top right;
background-repeat: no-repeat;
width: 300px;
margin: 0;
padding: 6px 0 0 0;
}

div#articoli {
margin: 0;
padding: 0;
border-top: 1px dotted #ccc;
text-align: justify;
background-image: url(immagini/box2_bg.jpg);
background-repeat: no-repeat;
}

div#content li {
font: 11px/20px arial, sans-serif;
list-style-type: none;
}

div#extra li {
font: 10px/20px arial, sans-serif;
list-style-type: none;
}

/*STILI PER LA NEWSLETTER*/
div#newsletter {
background-image: url(immagini/box3_bg.jpg);
background-repeat: no-repeat;
width: 300px;
height: 135px;
margin: 0;
padding: 15px 0 0 0;
border-bottom: 1px dotted #ccc;
}

.ecwebbox{font-family: "trebuchet ms", sans-serif; font-size:10px; font-weight:bold;}
.ecwebboxleft{text-align: left; font-family: "trebuchet ms", sans-serif; font-size:10px; font-weight:bold;}
.ecwebboxright{text-align: right; font-family: "trebuchet ms", sans-serif; font-size:10px; font-weight:bold;}
.ecwebboxlung{width: 180px; font-family: "trebuchet ms", sans-serif; font-size:10px;}
a.ecwebboxinfo:link{color:#FF960A; text-decoration: none;}
a.ecwebboxinfo:active{color:#FF960A; text-decoration: none;}
a.ecwebboxinfo:visited{color:#FF960A; text-decoration: none;}

/*STILI PER LA NAVIGAZIONE*/
div#navigation {float: left}
div#navigation ul{list-style-type: none; margin: 0; padding: 0}
div#navigation li{margin: 0; padding:0}
div#navigation a:hover{line-height: 1px; /*serve per IE*/}
div#navigation a:hover img{visibility: hidden}
div#navigation a#current:hover img{visibility: visible}
li#zero{background: url("immagini/personaltrainer_home_on.jpg") no-repeat top left}
li#info{background: url("immagini/info_on.jpg") no-repeat top left}
li#one{background: url("immagini/personaltrainer_r2_c1_on.jpg") no-repeat top left}
li#photo{background: url("immagini/photo_on.jpg") no-repeat top left}
li#two{background: url("immagini/personaltrainer_r4_c1_on.jpg") no-repeat top left}
li#three{background: url("immagini/personaltrainer_r6_c1_on.jpg") no-repeat top left}
li#four{background: url("immagini/personaltrainer_r8_c1_on.jpg") no-repeat top left}
li#five{background: url("immagini/personaltrainer_r10_c1_on.jpg") no-repeat top left}
li#six{background: url("immagini/personaltrainer_r12_c1_on.jpg") no-repeat top left}

/*STILE PER IN EVIDENZA*/
div#evidenza a:hover img{visibility: visible}