html  {
background: #ffffff url(img/html_bg.jpg) repeat-x 50% 0;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
display: table;
}

body {
text-align: center;
font: 13px/18px 'helvetica neue', helvetica, arial, sans-serif;
color: #575656;
margin: 0;
padding: 0;
} 

#wrapper {
width: 950px;
margin: 0 auto;
text-align: left;
} 

#header {
position: relative;
width: 950px;
height: 200px;
}

#left {
position: absolute;
left: 8px;
width: 450px;
height: 150px;
}

#loghino {
width: 150px;
height: 40px;
margin: 75px 0 0 0;
background: url(img/loghino.gif) 0 0 no-repeat;
letter-spacing: -500em;
}

html>body #loghino {
text-indent: -500em;
}

#title {
margin-top: 0px;
font: 18px Verdana, helvetica, arial, sans-serif;
letter-spacing: 1px;
}

#header ul  {
float : left;
width : 520px;
height : 33px;
margin-top: 20px;
margin-left: 0;
padding: 0;
list-style: none;
}

#header li {
float: left;
width: auto;
height: 33px;
margin-right: 20px;
}

#header a {
font: 14px Verdana, helvetica, arial, sans-serif;
color: #575656;
text-decoration: none;
}

#logo {
position: absolute;
margin-top: 40px;
margin-left: 490px;
width: 433px;
height: 180px;
/*background : url(img/logo.gif) no-repeat;*/
}

#main {               /* index.html */ 
position: relative;
margin: 40px 12px 10px 12px;
width: 950px;
height: 390px;
}

#main2 {              /* altre pagine */
position: relative;
margin: 40px 12px 10px 12px;
width: 950px;
/*height: 580px;*/
height: 390px;
}

/* ********************* colonna 1 ********************* */

#col1_index {               /* index.html */
float: left;
width: 200px;
height: 256px;
margin-top: 2px;
margin-left: 2px;
background: url(img/silhouette.gif) no-repeat;
}

#col1_prof {          /* profile.html */
float: left;
width: 200px;
height: 256px;
background : url(img/profile.gif) no-repeat;
margin-top: 2px;
margin-left: 2px;
}

#col1_prof h3 {       /* profile.html */
/*margin-top: 10px;*/
margin-top: 220px;
}

#col1_prof p {        /* profile.html */
width: 180px;
line-height: 19px;
}

#col1_serv {          /* servizi.html */
float: left;
width: 200px;
height: 256px;
margin-top: 2px;
margin-left: 2px;
background : url(img/services.gif) no-repeat;
}

#col1_serv h3 {       /* servizi.html */
/*margin-top: 10px;*/
margin-top: 220px;
}

#col1_serv p {        /* servizi.html */
width: 180px;
}

#col1_prod {          /* products.html */
float: left;
width: 200px;
height: 256px;
margin-top: 2px;
margin-left: 2px;
background : url(img/products.gif) no-repeat;
}

#col1_prod h3 {
/*margin-top: 10px;*/ /* products.html */
margin-top: 220px;
}

#col1_prod p {        /* products.html */
width: 180px;
}

#col1_news {          /* news.html */
float: left;
width: 200px;
height: 256px;
margin-top: 2px;
margin-left: 2px;
background : url(img/news.gif) no-repeat;
}

#col1_news h3 {       /* news.html */
/*margin-top: 10px;*/
margin-top: 220px;
}

#col1_news p {        /* news.html */
width: 180px;
}

#col1_cont {          /* contacts.html */
float: left;
width: 200px;
height: 256px;
margin-top: 2px;
margin-left: 2px;
background : url(img/contacts.gif) no-repeat;
}

#col1_cont h3 {       /* contacts.html */
/*margin-top: 10px;*/
margin-top: 220px;
}

#col1_cont p {        /* contacts.html */
width: 180px;
}


/* ********************* colonna 2 ********************* */


#col2_index {               /* index.html */
float: left;
width: 220px;
height: 200px;
margin: 20px 5px;
padding-left: 40px;
/*background : url(img/divisore1.gif) 0 30px no-repeat;*/
}

#col2_prof {
float: left;
width: 650px;
/*width: 460px;*/
margin: 0 5px;
padding-left: 40px;
/*background : url(img/divisore1.gif) 0 20px no-repeat;*/
line-height: 19px;
}

#col2_serv {
float: left;
width: 650px;
/*width: 460px;*/
margin: 0 5px;
padding-left: 40px;
/*background : url(img/divisore1.gif) 0 20px no-repeat;*/
line-height: 30px;
}

#col2_prod {
float: left;
width: 650px;
/*width: 460px;*/
margin: 0 5px;
padding-left: 40px;
/*background : url(img/divisore1.gif) 0 20px no-repeat;*/
}

#col2_news {
float: left;
width: 650px;
/*width: 460px;*/
margin: 0 5px;
padding-left: 40px;
/*background : url(img/divisore1.gif) 0 20px no-repeat;*/
line-height: 25px;
}


#col2_cont {
float: left;
width: 650px;
/*width: 460px;*/
margin: 40px 25px;
padding-left: 40px;
line-height: 28px;
/*background : url(img/divisore1.gif) 0 20px no-repeat;*/
}

/* ********************* colonna 3 ********************* */

#col3 {
float: left;
width: 360px;
height: 200px;
/*background : url(img/divisore2.gif) 0 30px no-repeat;*/
margin: 20px 20px;
padding-left: 40px;
}

/* ***************************************************** */

#footer {
clear: both;
width: 100%;
height: 20px;
margin: 0 auto;
background: #fff url(img/footer.jpg) repeat-x 50% 0;
text-align: center;
color: #fff;
padding: 3px 0;
}

a {
outline: none;
color: #575656;
text-decoration: none;
}

h3 {
font-size: 18px;
color: #b7ad70;
letter-spacing: 1.5px;
font-weight: normal;
}


dt {
width: 140px;
font-weight: bold;
}

dd {
margin: 0 auto 10px 0;
}

#col2_prof ul, #col2_serv ul, #col2_news ul {
list-style: square;
list-style-position: Outside;    
}

#col2_prof li, #col2_serv li, #col2_news li {
display: list-item;
margin-left: -25px;
}
