* { margin: 0; padding: 0;}
html, body { height: 100%;}
body {
background-color: #e3c7af;
font-family: "Verdana", Arial, sans-serif;
font-size: 11px;
line-height: 13px;
color: #404041;
text-align: center;
}
img { border: 0;}
#container {
width: 995px; height: 565px;
position: relative;
background-repeat: no-repeat;
text-align: left;
margin: 0px auto;
border: 1px solid #F7EEE7;
}
body#b1 #container { background-image: url('../images/body1.jpg'); }
body#b2 #container { background-image: url('../images/body2.jpg'); }
body#b3 #container { background-image: url('../images/body3.jpg'); }

#main-content, #footer { width: 100%;}
#flash-main { width: 370px; height: 430px; vertical-align: bottom; float: left;}
#main { width: 600px; height: 430px; float: right;}
.t1, .t1 a { font-family: "Verdana"; font-size: 11px; font-weight: 600; line-height: 20px; border: 1px #fff solid; padding: 0 5px; margin: 3px 0;}
p { padding-top: 7px;}
fieldset { border: 0;}

/*----------------------------------- HEADER begins ------------------------------------------*/
#header { width: 100%; height: 123px; vertical-align: middle; text-align: right;}
#logo { width: 230px; text-align: center;}
#menus form { width: 140px; float: right; text-align: right; padding-right: 50px;}
#menus fieldset { width: 140px; border: 0; }
#menus input { width: 70px; height: 15px; background-color: #6d6d6f; border: 1px #fff solid; padding: 0 4px; color: #fff;}
#menus input#cerca { width: 31px; background: none; background-image: url('../images/cerca.gif'); background-repeat: no-repeat; border: 0; cursor: pointer; padding: 0;}
#menus input#cerca2 { width: 31px; background: none; background-image: url('../images/cerca2.gif'); background-repeat: no-repeat; border: 0; cursor: pointer; padding: 0;}
#menus ul { width: 230px; height: 13px; padding-top: 4px; float: right;}
#menus ul.bot-menu { width: 600px; clear: both; margin-top: 20px;}
#menus ul li {
display: inline; list-style: none;
border-left: 1px #404041 solid;
padding-left: 7px; margin-right: 7px;
float: left;
}
.ie6 #menus ul li { padding-top: 3px;}
.ie7 #menus ul li { padding-top: 3px;}
.safari #menus ul li { padding-top: 2px;}
#menus ul li.first { border: 0;}
              /* hovered menus */
#home a, #contatti a, #dove a { display: block; background-repeat: no-repeat;}
#home, #home a { width: 33px; height: 9px;}
#home a { background-image: url('../images/home.gif');}
#home a:hover, #home a:active { background-image: url('../images/home-hov.gif');}

#contatti, #contatti a { width: 44px; height: 9px;}
#contatti a { background-image: url('../images/contatti.gif');}
#contatti a:hover, #contatti a:active { background-image: url('../images/contatti-hov.gif');}

#dove, #dove a { width: 106px; height: 9px;}
#dove a { background-image: url('../images/dove.gif');}
#dove a:hover, #dove a:active { background-image: url('../images/dove-hov.gif');}



#nostra a, #problemi a, #ceramol a, #prodotti a, #esperienza a { display: block; background-repeat: no-repeat;}
#nostra, #nostra a { width: 94px; height: 14px;}
#problemi, #problemi a { width: 127px; height: 14px;}
#ceramol, #ceramol a { width: 88px; height: 14px;}
#prodotti, #prodotti a { width: 62px; height: 14px;}
#esperienza, #esperienza a { width: 111px; height: 14px;}
#nostra a { background-image: url('../images/nostra.gif');}
#nostra a:hover, #nostra a:active { background-image: url('../images/nostra-hov.gif');}
#problemi a { background-image: url('../images/problemi.gif');}
#problemi a:hover, #problemi a:active, body#b2 #problemi a { background-image: url('../images/problemi-hov.gif');}
#ceramol a { background-image: url('../images/ceramol.gif');}
#ceramol a:hover, #ceramol a:active { background-image: url('../images/ceramol-hov.gif');}
#prodotti a { background-image: url('../images/prodotti.gif');}
#prodotti a:hover, #prodotti a:active { background-image: url('../images/prodotti-hov.gif');}
#esperienza a { background-image: url('../images/esperienza.gif');}
#esperienza a:hover, #esperienza a:active, body#b1 #esperienza a { background-image: url('../images/esperienza-hov.gif');}
/*----------------------------------- HEADER ends ------------------------------------------*/

/*----------------------------------- MAIN CONTENT begins ------------------------------------------*/
#main-content { height: 304px; border-top: 1px #fff solid; text-align: center; overflow: hidden;}
body#b1 #main-content { overflow-y: auto;}
.opera body#b1 #main-content { overflow: scroll;}
body#b2 #main-content { height: 270px;}
.central-content { width: 500px; margin: 0px auto; padding: 10px 0; text-align: left;}
#main-content table td { vertical-align: top; text-align: left; padding: 10px; width: 200px;}
#main-content table td#central-colm { width: 500px;}
#main-content table td#addit {
font-family: "Arial",sans-serif;
font-size: 10px;
line-height: 12px;
}
#menu1 label { font-weight: 600;}
#menu1 textarea { width: 100%; margin-bottom: 5px;}
#menu1 input, #menu1 select { width: 160px;}
/*#menu1 .form-it input { height: 14px; padding: 0;}*/
#menu1 input.string { width: 100%;}
#menu1 input.radio { width: 20px; vertical-align: middle;}
#menu1 input#invia { width: 48px; height: 21px; background: none; background-image: url('../images/invia.gif'); background-repeat: no-repeat; border: 0; margin-top: 10px;}
.form-it { width: 160px; display: inline; margin: 10px 10px 5px 0; float: left;}
.form-it select option.even { background-color: #fae0c9;}
.item { margin-top: 20px;}
#menu3 ul { padding-top: 10px;}
#menu3 ul li { list-style: none;}
#menu3 ul li, #menu3 ul li a { color: #404041; text-decoration: underline; line-height: 24px;}
#menu3 ul li a:hover { color: #b04216;}
/*----------------------------------- MAIN CONTENT ends ------------------------------------------*/

/*----------------------------------- FOOTER begins ------------------------------------------*/
#footer { height: 136px; }
#footer.foot-main { float: left; text-align: center; }

#footer ul { margin-top: 5px; padding: 0 0 0 100px;}
#footer ul li { display: inline; list-style: none; margin-right: 20px; float: left;}
#foot { width: 100%; height: 170px; text-align: center;}
table#foot td { width: 200px; vertical-align: top;}
table#foot td#flash { width: 370px; color: #000; font-size: 20px; border: 1px #000 solid; vertical-align: bottom; padding: 15px;}
table#foot td#navig { padding: 10px 0; text-align: left; padding-left: 20px;
background-image: url('../images/fbg.jpg'); background-position: 10px 20px; background-repeat: no-repeat;}
#navig ul { padding: 15px 0; }
.ie #navig ul { padding: 0px 0; }

#navig ul {padding:0; margin:0;}
#navig ul.sub { padding-left: 0px; }

ul.sub li {padding-left: 30px;}
#navig ul li ul {padding: 0px 0; }
.pleft12 {padding: 0 0 10px 10px;}

#navig ul li {list-style: none; line-height: 12px; }
#navig ul li a {padding-left: 10px; }
#navig ul li, #navig ul li a { font-family: "Arial",sans-serif; font-size: 11px; color: #404041; text-decoration: none; font-weight: 600;}
#navig ul.sub li, #navig ul.sub li a { font-size: 10px;}
#navig ul li a.exp {color: #b44c21; background-image: url('../images/point.gif'); background-position: 0 5px; background-repeat: no-repeat;}
#navig ul li a:hover { text-decoration: none; color: #b04216; background-image: url('../images/point.gif'); background-position: 0 5px; background-repeat: no-repeat;}
              /* hovered menus */
#circ1, #circ1-hov, #circ2, #circ2-hov, #circ3, #circ3-hov, #circ4, #circ5, #circ6, #circ7 { width: 110px; height: 120px; background-repeat: no-repeat;}
#circ1 a, #circ1-hov a, #circ2 a, #circ2-hov a, #circ3 a, #circ3-hov a, #circ4 a, #circ5 a, #circ6 a, #circ7 a { display: block; width: 110px; height: 120px;}
#circ1 { display: block; background-image: url('../images/circ1.gif');}
.ie5 #circ1, .ie6 #circ1 { display: block; background-image: url('../images/circ1.gif');}
#circ1-hov { display: none; background-image: url('../images/circ1-hov.gif');}
.ie5 #circ1-hov, .ie6 #circ1-hov { display: none; background-image: url('../images/circ1-hov.gif');}
#circ2 { display: block; background-image: url('../images/circ2.gif');}
.ie5 #circ2, .ie6 #circ2 { display: block; background-image: url('../images/circ2.gif');}
#circ2-hov { display: none; background-image: url('../images/circ2-hov.gif');}
.ie5 #circ2-hov, .ie6 #circ2-hov { display: none; background-image: url('../images/circ2-hov.gif');}
#circ3 { display: block; background-image: url('../images/circ3.gif');}
.ie5 #circ3, .ie6 #circ3 { display: block; background-image: url('../images/circ3.gif');}
#circ3-hov { display: none; background-image: url('../images/circ3-hov.gif');}
.ie5 #circ3-hov, .ie6 #circ3-hov { display: none; background-image: url('../images/circ3-hov.gif');}
#circ4 { background-image: url('../images/circ4.gif');}
#circ5 { background-image: url('../images/circ5.gif');}
#circ6 { background-image: url('../images/circ6.gif');}
#circ7 { background-image: url('../images/circ7.gif');}

/*----------------------------------- FOOTER ends ------------------------------------------*/


.titles {color: #b04216; font-family: "times new roman",Palatino, sans-serif; font-size: 15px; line-height: normal; font-weight: bold;}
/*#footer.foot-main ul li {margin: 0; padding:0;}
#footer.foot-main ul {margin: 0; padding:0;}*/