body { 
background-image: url('../images/body-bg.jpg'); background-repeat: repeat-x; background-color: #d2d3d5;
font-family: "Arial"; font-size: 11px; line-height: 12px; color: #115055;
margin: 0; padding: 0;
}
a { color: #115055; text-decoration: none; font-weight: normal;}
a:hover { text-decoration: underline;}
img { border: 0;}
table { width: 100%;}
table#central { background-image: url('../images/header.gif'); background-position: top center; background-repeat: no-repeat; margin-bottom: 20px;}
table#central tr td.tdfixed { width: 995px;}

/*---------------------------------------- HEADER begins -----------------------------------------------------------*/
#header { width: 995px; height: 150px; font-size: 10px;}
.head-right { width: 231px; height: 136px; float: right; background-image: url('../images/b1.jpg'); background-repeat: repeat-y;}
#header ul { border-bottom: 4px #c3d3d4 solid; margin: 0; padding: 0; float: left;}
#header ul li { height: 20px; line-height: 20px; display: inline; list-style: none; margin: 0; float: left;}
.head-right ul li { background-image: url('../images/b2.jpg'); background-repeat: no-repeat; padding: 0 20px 0 25px;}
.head-right ul li, .head-right ul li a { font-size: 10px; font-weight: bold; color: #638589;}
.logo-baratto { padding: 8px 0 0 8px; clear: both;}
.logo-baratto img { clear: both; margin-bottom: 15px;}
.head-left { width: 755px; height: 136px; float: right;}
#header .head-left ul { float: right; padding-right: 90px;}
.head-left ul li, .head-left ul li a { text-transform: uppercase; font-weight: bold;}
.head-left ul li a { display: block; height: 18px; line-height: 18px; padding: 0 5px; float: left; border: 1px #fff solid;}
.head-left ul li a:active, .head-left ul li a.active { border: 1px #115055 solid;}
#logo { padding: 18px 0; float: left;}
#header .search { width: 180px; float: right; padding: 20px 0 0 0;}
.search fieldset { border: 0; padding: 5px 5px 10px 0; margin: 0;}
.search label { height: 20px; line-height: 20px; float: left; padding-right: 10px;}
#header .search label { width: 100%;}
.search input { width: 110px; height: 15px; background-color: #dde5e2; border: 1px #115055 solid; float: left;}
.search input.search-button { width: 43px; height: 20px; background: none; border: 0; background-repeat: no-repeat; margin: 0 0 0 5px;}
#header ul.main-menu { width: 100%; border: 0; float: left; padding: 0;}
ul.main-menu li { background-position: 10px center; background-repeat: no-repeat;}
ul.main-menu li a { display: block; padding: 5px; float: left; border: 1px #fff solid; font-size: 0; line-height: 0; height: 11px;}
ul.main-menu li .open-box a { font-size: 10px; line-height: 15px; font-weight: normal;}
ul.main-menu li a:active, ul.main-menu li a.active { border: 1px #115055 solid;}
ul.main-menu li a img { float: left;}
.head-left ul.top-menu li a:hover, .head-left ul.top-menu li a.active:hover { text-decoration: none!important;}
.open-box { position: relative; z-index: 20; top: 4px; left: 0px; width: 200px; height: 200px; margin-bottom: -200px; margin-right: -200px; clear: both;}
.open-box .box-bg { width: 193px;background-position: right top; background-repeat: repeat-y; padding: 0 7px 0 0;}
.head-left ul li .open-box a { display: inline; border: 0; float: none;}
.open-box .box-item { height: 15px; line-height: 15px; background-color: #115055; border-bottom: 1px #c3d3d4 solid; width: 100%; float: left;}
.open-box .box-item:hover { background-color: #e76229;}
.open-box a { color: #fff;}
.open-box a:hover { text-decoration: none;}
/*.adbox { float: left; padding: 5px 3px 5px 0;}
.adbox img { width: 245px;}*/
.adbox {
	position: absolute;
}
.adBox1,.adBox2,.adBox3,.adBox4 {
	margin-top: 5px;
}
.adBox5,.adBox6,.adBox7,.adBox8 {
	margin-top: 210px;
}
.adBox1,.adBox5 {
	margin-left: 0px;
}
.adBox2,.adBox6 {
	margin-left: 248px;
}
.adBox3, .adBox7 {
	margin-left: 496px;
}
.adBox4, .adBox8 {
	margin-left: 744px;
}
/*---------------------------------------- HEADER ends -------------------------------------------------------------*/

/*---------------------------------------- MAIN-CONTENT begins -----------------------------------------------*/
#main-content { }
#main-content-home {height: 420px;}

/* left menu */
#side-left { width: 190px; float: left; padding: 15px 0 0 0; margin: 0;}
#main-content-products #side-left {width:245px;}
.menu-title { float: left; background-image: url('../images/mark.gif'); background-position: 0px 5px; background-repeat: no-repeat; margin: 0 0 10px 0; padding: 0 0 0 15px;}
.menu-title, .menu-title a, .menu-title h5, .menu-title h5 a { font-family: "Arial"; font-size: 10px; text-transform: uppercase; color: #115055;}
.menu-title h5 { border: 1px #115055 solid; float: left; padding: 2px 5px; margin: 0;}
.menu-title a:hover { text-decoration: none;}
#side-left ul { margin: 5px 0; padding: 0 0 0 10px; clear: both; font-family: "Arial Narrow";}
#side-left ul li { margin: 5px 0; padding: 0;}
#side-left ul.menu-class1 {padding-left: 15px; } 
#side-left ul li, #side-left ul li a { text-transform: uppercase; font-weight: bold;}
/*#side-left ul.menu-class1 li a.active-link, #side-left ul.menu-class1 ul li a.active-link { background-image: url('../images/arr2.gif'); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 10px; margin: 0 0 0 5px;}*/
/*#side-left ul.menu-class2 li a.active-link, #side-left ul.menu-class2 ul li a.active-link { background-image: url('../images/arr3.gif'); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 10px; margin: 0 0 0 5px;}*/
#side-left ul.menu-class1 li.active-link, #side-left ul.menu-class1 ul li.active-link { background-image: url('../images/arr2.gif'); background-position: left 5px; background-repeat: no-repeat; padding: 0 0 0 0px; margin: 0 0 0 0px;}
#side-left ul.menu-class2 li.active-link, #side-left ul.menu-class2 ul li.active-link { background-image: url('../images/arr3.gif'); background-position: left 5px; background-repeat: no-repeat; padding: 0 0 0 0px; margin: 0 0 0 0px;}
#side-left ul.menu-class1 li.active-link>a, #side-left ul.menu-class2 li.active-link>a {padding-left: 10px; display: block;}
#side-left ul.menu-class1 li { list-style: none; }
#side-left ul.menu-class1 li, #side-left ul.menu-class1 li a { font-size: 12px;}
#side-left ul.menu-class1 .level2 li, #side-left ul.menu-class1 .level2 li a { color: #002b52;}
#side-left ul.menu-class1 .level3 li, #side-left ul.menu-class1 .level3 li a { font-size: 11px; color: #638589;}
#side-left ul.menu-class1 .level4 li, #side-left ul.menu-class1 .level4 li a { font-size: 11px; color: #638589; text-transform: none;}
#side-left ul.menu-class1 .level4 li a.active-link, #side-left ul.menu-class1 .level4 li a:active, #side-left ul.menu-class1 ul li a.active-item { color: #02505d;}
#side-left ul.menu-class1 ul li a.leaf-item {text-decoration: underline;}
#side-left ul.menu-class2 li { list-style: none;}
#side-left ul.menu-class2 li, #side-left ul.menu-class2 li a { font-size: 11px!important; color: #5d0d14!important; letter-spacing: -0.5px!important;}
#side-left ul.menu-class2 .level2 li, #side-left ul.menu-class2 .level2 li a { font-size: 10px!important;}
#side-left ul.menu-class2 { margin: 20px 0 10px 0;}

#images-box { width: 160px; float: left; text-align: right; padding: 15px 0 0 0;}
#images-box span { width: 100%; float: left; text-align: center;}
#images-box span, #images-box span a { font-family: "Verdana"; font-size: 11px; color: #115055;}
#images-box img { width: 150px; margin: 0 0 10px 0; border: 1px #115055 solid;}
#main-content-products #images-box {width:175px; text-align: center;}
#main-content-products #images-box img { width: auto; margin: 0 0 10px 0; border: 1px #115055 solid;}
#main-content-products #images-box.productsDetail {width:175px; text-align: right; margin-right: -175px; overflow: visible;}
#main-content-products #images-box.productsDetail img { width: auto; max-width: 210px; height: auto; max-height: 400px; border: none; position: relative; margin-top: 15px;}

#central-content { width: 450px; padding: 15px 0 0 20px; float: left; color: #003856; font-family: "Verdana"; font-size: 11px; line-height: 13px;}
#main-content-products #central-content { padding:15px 0 0 10px; width:520px;}
#main-content-products #central-content.productsDetail {width: auto; margin-left: 175px;}
#main-content-products #central-content.productsDetail .productsSheet {width: 560px;}
#central-content h1, #central-content h1 a, #central-content h2, #central-content h2 a { font-family: "Arial"; font-size: 12px; margin: 10px 0; padding: 0; color: #115055; font-weight: bold;}
#central-content h1, #central-content h1 a { text-transform: uppercase;}
#central-content h3, #central-content h3 a { font-family: "Arial"; font-size: 12px; color: #661b22;}
#central-content h4, #central-content h4 a { font-family: "Arial"; font-size: 12px; color: #555; margin: 0 0 10px 0;}
#central-content ul { padding: 0 0 0 10px; margin: 5px 0;}
#central-content ul li { margin: 3px 0;}
span.title { width: 100%; float: left; margin: 0 0 20px 0;} 
.bold { font-weight: bold;}
.content { padding: 20px 0 20px 20px;}
#side-right { width: 150px; padding: 15px 0 0 15px; float: right;}
#central-content #side-bottom, #central-content #side-bottom a { color: #115055;}
#central-content #side-bottom a { display: block; float: left; cursor: pointer;}
#side-bottom { width: 100%; float: right; clear: both;}
.action { font-family: "Verdana"; font-size: 10px; width: 120px; float: left; padding-bottom: 15px;}
#side-bottom  .action { float: right;}
.action img { display: inline; float: left; margin-right: 5px;}
.action span { float: left; width: 80px;}
.hrline { width: 200px; margin: 40px 0 20px 0; float: right; border-bottom: 1px #115055 solid;}
.pennino a, .pennino a { font-family: "Arial"; font-size: 12px; color: #585858; text-decoration: none;}
.pennino span { text-decoration: underline;}
.pennino img { vertical-align: middle; margin: 15px 10px;}
.subcontent { color: #585858; padding: 30px 0;}
.attention { color: #661b22;}

.documenti { color: #00264b; font-family: "Arial"; font-size: 11px;}
.documenti_opened { background-image: url('../images/nolines_minus.gif'); background-position: left 0px; background-repeat: no-repeat;   }
.documenti_closed { background-image: url('../images/nolines_plus.gif'); background-position: left 0px; background-repeat: no-repeat;   }

#central-content .documenti h1, #central-content .documenti h1 a { color: #00264b;}
#central-content .documenti ul { padding: 0; margin: 0;}
.documenti ul li { list-style: none; padding: 0; margin: 0;}
.documenti span { line-height: 15px; color: #661b22; font-weight: bold;}
.documenti p { padding: 0 0 0 20px; margin: 10px 0;}
.documenti ul { border-top: 1px #661b22 solid;}
.documenti ul li { border-bottom: 1px #661b22 solid; padding: 10px 0;}
.links {clear: left;}
.links, .links a { font-family: "Verdana"; font-size: 10px; line-height: 12px; color: #661b22; text-align: right;}
.links a { padding: 0 10px; text-decoration: underline;}

.soci { font-family: "Verdana"; font-size: 11px; line-height: 13px; color: #003856;}
#central-content .soci ul { padding: 0; margin: 0;}
#central-content .soci ul li { list-style: none; padding: 10px 0; margin: 0; border-bottom: 1px #003856 solid; float: left; width: 100%;}
.soci ul li img { width: 55px; border: 1px #fff solid; float: left; margin: 5px 10px 5px 0; display: inline;}
.soci ul li.hilight img { width: 150px; /*max-height: 150px;*/ }
.soci ul li.hilightsmall img { margin-left: 50px; width: 100px; /*max-height: 100px;*/ text-align:right; }
.soci .links { text-align: right;}
.soci .links img { width: 20px; border: 0; margin: 0 5px 0 0; vertical-align: middle; float: none;}
.soci .links, .soci .links a, .soci .links a:hover { text-decoration: none; font-family: "Verdana"; font-size: 10px; line-height: 12px; color: #125055;}
.soci span.header, .soci span.header a { font-family: "Arial"; font-size: 12px; line-height: 16px; color: #115055; font-weight: bold;}
.textbox { width: 650px; float: left;}
.soci ul li.hilight .textbox { width: 555px; }
.soci ul li.hilightsmall .textbox { width: 505px; }

#central-content .direzione ul { padding: 0; margin: 0; width: 100%; float: left;}
#central-content .direzione ul li { width: 155px; height: 220px; list-style: none; padding: 0; margin: 0 15px; float: left; display: inline;}
.direzione img { border: 1px #115055 solid;}
.direzione span { width: 100%; float: left;}
.direzione span.name, .direzione span.name a { color: #115055; font-weight: bold; font-family: "Arial"; font-size: 12px; line-height: 15px;}
.direzione span.post, .direzione span.post a { color: #3b3b3b; font-weight: bold; font-family: "Arial"; font-size: 12px; line-height: 15px;}

.form-item { clear: both; padding: 5px 0;}
input.search-button { width: 73px; height: 20px;}

#contatta fieldset { border: 0; padding: 0; margin: 0; color: #003856;}
#contatta label { font-family: "Verdana"; font-size: 11px; line-height: 30px; font-weight: bold;}
#central-content select { width: 260px; background-color: #ddd; border: 0; border: 1px #006e73 solid;}
#central-content textarea { width: 450px; height: 100px; background: none; border: 1px #006e73 solid;}
input.underlined { background: none; border: 0; border-bottom: 1px #003856 solid;}
input.radio { vertical-align: middle; margin: 0 5px;}
#contatta input.search-button { background: none; border: 0; background-repeat: no-repeat; margin: 0 20px;}

img.active { padding: 5px; border: 1px #115055 solid;}
#online fieldset { border: 0; padding: 0; margin: 0;}
#online label { width: 90px; float: left; line-height: 20px;}
#online label.job { width: 120px; float: left; line-height: 20px;}
#online label.long { width: 190px;}
#online label.wholeline { width: 100%; line-height: 13px;}
#online input.text { width: 360px; background: none; border: 0; border: 1px #115055 solid;}
#online input.file { width: 260px; background: none; margin-left:190px; border: 0; border: 1px #115055 solid;}
#online input.browse { width: 36px; height: 22px; background: none; border: 0; background-image: url('../images/browse.gif'); background-repeat: no-repeat;}
#online input#browse { background: none; border: 0; background-image: url('../images/allega.gif'); background-repeat: no-repeat;}
#online input#invia { background: none; border: 0; background-repeat: no-repeat; float: right;}
#online input#leggi { background: none; border: 0; background-repeat: no-repeat;}

.prodotto { width: 150px; float: left; padding: 0 30px;}
.prodotto, .prodotto a { font-family: "Arial"; font-size: 11px; line-height: 13px; color: #003856;}
.prodotto img { width: 150px; border: 1px #115055 solid;}

.uppercase { text-transform: uppercase;}
.prodotti-list { width: 625px; overflow: hidden;}
#central-content .prodotti-list ul { padding: 0; margin: 0; width: 630px; float: left;}
.prodotti-list ul li { list-style: none; display: inline; float: left; width: 210px; height: 110px; background-image: url('../images/frame.gif'); background-position: right bottom; background-repeat: no-repeat;}
.prodotti-list .img { height: 105px; float: left; width: 104px; text-align: center; padding: 5px 0 0 0;}
.prodotti-list .info { width: 104px; height: 84px; float: right; font-family: "Verdana"; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #135056;}
.prodotti-list .view { width: 104px; height: 20px; float: right;}
.prodotti-list .view , .prodotti-list .view  a { font-size: 10px; color: #661B22; text-decoration: underline;}

#central-content h3.small { font-size: 9px; font-weight: bold;}
#central-content table { text-align: left; width: 100%;}
#central-content table thead tr th { background-color: #c8c9ca; font-family: "Verdana"; font-size: 9px; line-height: 20px; text-transform: uppercase; color: #003856; font-weight: bold;}
#central-content table th.data { width: 90px;}
#central-content table th.prod { padding: 0 10px;}
#central-content table th.offerta { width: 80px; padding: 0 10px;}
#central-content table th.crowner { width: 60px;}
#central-content table tbody tr td { padding: 3px 0; font-weight: bold;}
#central-content table tbody tr td a { display: block; font-family: "Arial"; font-size: 11px; line-height: 13px; color: #438cba; font-weight: normal;}
#central-content table td.data { width: 70px; border-right: 1px #115055 solid; border-bottom: 1px #115055 solid; font-weight: normal;}
#central-content table td.prod { padding: 3px 10px; border-right: 1px #115055 solid; border-bottom: 1px #115055 solid;}
#central-content table td.offerta { width: 80px; padding: 3px 10px; border-right: 1px #115055 solid; border-bottom: 1px #115055 solid;}
#central-content table td.crowner { width: 60px; text-align: center; border-bottom: 1px #115055 solid;}
#images-box .action img { border: 0; width: 25px; margin: 0 10px 0 0; float: left; display: inline;}
#images-box .action { width: 100px; text-align: left; padding: 10px 20px;}
#images-box .action a { display: block; width: 60px; float: right;}

#central-content ul.inline-menu, #central-content ul.inline-menu li { padding: 0; margin: 0;}
#central-content ul.inline-menu li { font-size: 10px; display: inline; list-style: none; background-position: right top; background-repeat: no-repeat; padding: 0 5px;height: 23px; line-height: 23px; float: left;}
#central-content ul.left { float: left;}
#central-content ul.right { float: right; padding-right: 5px;}
ul.inline-menu li, ul.inline-menu li a { color: #fff; font-weight: bold;}

ul.style1 li { background-color: #6c9295; background-image: url('../images/linormal.gif');}
ul.style1 li.last { background-image: url('../images/linormal-last.gif');}
ul.style1 li.preactive { background-image: url('../images/lipreactive.gif');}
ul.style1 li.focus { background-image: url('../images/liactive.gif'); background-color: #094455;}
ul.style1 li.last.focus { background-image: url('../images/liactive-last.gif');}

ul.style2 li { background-color: #8f3f46; background-image: url('../images/linormal2-1.gif');}
ul.style2 li.last { background-image: url('../images/linormal2-last-1.gif');}
ul.style2 li.preactive { background-image: url('../images/lipreactive2-1.gif');}
ul.style2 li.focus { background-image: url('../images/liactive2-1.gif'); background-color: #75252c;}
ul.style2 li.last.focus { background-image: url('../images/liactive2-last-1.gif');}

.prodotto-info { background-image: url('../images/box-main.png'); background-repeat: no-repeat; width: 520px; height: 340px; float: left; padding: 20px;}
.prodotto-info .content { height: 200px;}
.prodotto-info a.normal { color: #438cba; line-height: 30px;}
.prodotto-info a.highlight { color: #115055; line-height: 30px;}

.topframe, .botframe { width: 750px; float: right; background-repeat: no-repeat;}
.topframe { background-image: url('../images/topframe.png'); padding-top: 7px;}
.botframe  { background-image: url('../images/botframe.png'); height: 30px;}
.title-box { width: 715px; float: left; height: 15px; line-height: 15px; padding: 0 20px 0 15px;}
.title-box span, .title-box span a, .title-box span a:hover { color: #fff; text-decoration: none;}
span.close { float: right;}
span.frame-title { float: left;}

.tablebox { width: 700px; height: 512px; background-image: url('../images/box-main-big.png'); background-repeat: no-repeat; float: left; padding: 10px 5px 0 20px;}
.tablebox .tableboxWrapper {overflow: auto; height: 465px;}
#central-content .tablebox h1, #central-content .tablebox h1 a { color: #fff; font-size: 11px; background-color: #002b52; background-image: url('../images/h1.gif'); background-position: right bottom; background-repeat: no-repeat;}
#central-content .tablebox h1 { padding: 0 10px; line-height: 15px;}
.block { width: 200px; float: left; margin: 0 10px 5px 10px; display: inline;}
#central-content .tablebox ul { padding: 0; margin: 0;}
#central-content .tablebox ul li { padding: 0; margin: 0; list-style: none; border-bottom: 1px #438cba solid;}
#central-content .tablebox ul li, #central-content .tablebox ul li a, #central-content .tablebox ul li a:hover { color: #438cba; text-decoration: none;}
#central-content .tablebox ul li a:hover, #central-content .tablebox ul li a.highlight { color: #115055;}
.content-block { float: left; padding-right: 5px;}

.item-box { width: 204px; height: 250px; float: left;}
.item-box, .item-box a { color: #438cba;}
.item-box a { text-decoration: underline; padding: 0 10px;}
.item-box a.highlight { color: #115055;}
.item-box a:hover { text-decoration: underline;}

.item-product a {
	padding: 0;
	text-decoration: none;
}

#central-content .item-product h2,
#central-content .item-product h2 a {
	color: #002b52;
}


#central-content h6 { font-family: "Verdana"; font-size: 11px; line-height: 11px; margin: 20px 0 10px 0; padding: 0; color: #003856; text-transform: uppercase;}
#central-content ul.forum { padding: 0; margin: 0; border-top: 1px #003856 solid;}
#central-content ul.forum li { padding: 10px 0; margin: 0; border-bottom: 1px #003856 solid; list-style: none; float: left; width: 100%;}
.question { height: 30px; float: left; background-image: url('../images/paper.gif'); background-position: right top; background-repeat: no-repeat;}
.question, .question a { color: #115055; font-weight: bold;}
.question a { text-decoration: underline; padding-right: 30px;}
/*---------------------------------------- MAIN-CONTENT ends -------------------------------------------------*/

.pagerBox {
	float: left;
	width: 100%;
	text-align:center;
	margin: 10px 10px 10px 10px;
}
.pagerBox span {
	color:rgb(170,170,170);
}

/*---------------------------------------- FOOTER begins ----------------------------------------------------------*/
#bottom-content { width: 100%; float: left; background-image: url('../images/footer-main.png'); background-repeat: repeat-y; font-size: 11px; line-height: 12px; border-top: 1px #115055 solid; padding: 20px 0 0 0;}
#bottom-content2 { clear: both; height: 39px; background-image: url('../images/footer.png'); background-repeat: no-repeat; margin-bottom: 20px;}
.news { height:170px; width: 870px; float: left; padding: 0 0 0 0px;}
.primoPiano { width: 105px; float: left; }
.primoPiano img {margin-left: 20px;}
.footer-item { width: 250px; float: right; padding: 0 10px 0 20px; background-image: url('../images/arr.gif'); background-repeat: no-repeat;}
.footerRow { float: right; margin-bottom: 10px; }
/*---------------------------------------- FOOTER ends ------------------------------------------------------------*/



/* ADDITIONAL STYLES FOR THE PUBLIC AREA */

/* --------------------------------------------------------------------------- inner pages ----------------------------------------------------------------------------------------- */
/*#public a { color: #5e4e29;}*/

/*
#public .prodotto-info { margin-top: 25px; background-image: url('../images/box-main2.png'); background-repeat: no-repeat; width: 520px; height: 340px; float: left; padding: 20px;}
#public #central-content { color: #000; font-family: "Arial"; font-size: 11px; line-height: 13px;}
#public #central-content h2, #public #central-content h2 a { color: #5e4e29; font-family: "Arial"; font-size: 12px; font-weight: bold; margin: 10px 0pt; padding: 0pt;}
*/
	/* titles over the left menu - use it instead of a picture title */
/*	
	#public #side-left h1 { font-family: "Garamond"; font-size: 18px; line-height: 20px; color: #5e4e29; margin: 5px 0;}
	#public #side-left h2 { font-family: "Garamond"; font-size: 22px; line-height: 24px; color: #5e4e29; margin: 0 20px;}
*/	
	
	/* left menu */
/*
#public #side-left ul { font-family: "Arial"; font-size: 10px;}
#public #side-left ul li, #public #side-left ul li a { text-transform: none; font-weight: bold; color: #5e4e29;}
*/
	/*#public #side-left ul.menu-class1 li a.active-link, #public #side-left ul.menu-class1 li a:active, #public #side-left ul.menu-class1 ul li a.active-link, #public #side-left ul.menu-class1 ul li a:active { background-image: url('images/arr5.gif'); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 10px; margin: 0 0 0 5px;}
	#public #side-left ul.menu-class2 li a.active-link, #public #side-left ul.menu-class2 li a:active, #public #side-left ul.menu-class2 ul li a.active-link, #public #side-left ul.menu-class2 ul li a:active { background-image: url('images/arr5.gif'); background-position: left center; background-repeat: no-repeat; padding: 0 0 0 10px; margin: 0 0 0 5px;}*/
/*	
#side-left ul.menu-class1 li.active-link, #side-left ul.menu-class1 ul li.active-link { background-image: url('../images/arr5.gif');}
#side-left ul.menu-class2 li.active-link, #side-left ul.menu-class2 ul li.active-link { background-image: url('../images/arr5.gif');}
#public #side-left ul.menu-class1 li { list-style: none;}
#public #side-left ul.menu-class1 li, #public #side-left ul.menu-class1 li a { font-size: 12px;}
#public #side-left ul.menu-class1 .level2 li, #public #side-left ul.menu-class1 .level2 li a { color: #5e4e29; text-transform: uppercase;}
#public #side-left ul.menu-class1 .level3 li, #public #side-left ul.menu-class1 .level3 li a { font-size: 10px; color: #5e4e29;}
#public #side-left ul.menu-class1 .level4 li, #public #side-left ul.menu-class1 .level4 li a { font-size: 10px; color: #91815a; text-transform: none; font-weight: normal;}
#public #side-left ul.menu-class1 .level4 li a.active-link, #public #side-left ul.menu-class1 .level4 li a:active, #public #side-left ul.menu-class1 ul li a.active-item { color: #5e4e29;}
#public #side-left ul.menu-class2 li { list-style: none;}
#public #side-left ul.menu-class2 li, #public #side-left ul.menu-class2 li a { font-size: 11px!important; color: #5d0d14!important; letter-spacing: -0.5px!important;}
#public #side-left ul.menu-class2 .level2 li, #public #side-left ul.menu-class2 .level2 li a { font-size: 10px!important;}
#public #side-left ul.menu-class2 { margin: 20px 0 10px 0;}
*/


/*---------------------------------------- HEADER begins ----------------------------------------------------------*/
#public #header .head-left ul { width: 350px; float: right; padding-right: 40px;}
#menu-inline { width: 100%; float: left;}
#menu-inline ul.main-menu { width: 100%; height: 40px; border: 0; float: left; padding: 0; margin: 0;}
.homepage #menu-inline ul.main-menu { width: 100%; height: 80px; border: 0; float: left; padding: 0; margin: 0;}
#menu-inline ul.main-menu li { height: 30px; line-height: 20px; display: inline; list-style: none; margin: 0; float: left;}
.homepage #menu-inline ul.main-menu li { height: 73px; line-height: 20px; display: inline; list-style: none; margin: 0; float: left;}
#menu-inline ul.main-menu li#promo1 { width: 321px; padding-left: 14px;}
#menu-inline ul.main-menu li#promo2 { width: 333px; padding-left: 30px; background-image: url('../images/border.gif'); background-repeat: repeat-y;}
#menu-inline ul.main-menu li#promo3 { width: 257px; padding-left: 30px; background-image: url('../images/border.gif'); background-repeat: repeat-y;}
#menu-inline ul.main-menu li a { width: 250px; border: 1px #f5f5f5 solid;}
#menu-inline ul.main-menu li a:active, #menu-inline ul.main-menu li a.active { border: 1px #115055 solid;}
#menu-inline ul.main-menu li .open-box a:active, #menu-inline ul.main-menu li .open-box a.active { border: 0;}
.item-descript { height: 40px; clear: both; font-family: "Arial"; font-size: 10px; line-height: 12px; color: #115055; padding: 10px 0 0 20px;}
#menu-inline .open-box { position: relative; z-index: 20; top: 0px; left: 0px; width: 250px; height: 200px; margin-bottom: -200px; margin-right: -250px;}
.homepage #menu-inline .open-box { position: relative; z-index: 20; top: -50px; left: 0px; width: 250px; height: 200px; margin-bottom: -200px; margin-right: -250px;}
*#menu-inline .open-box .box-bg { width: 262px;  background-position: right top; background-repeat: repeat-y; padding: 0 7px 0 0;}
#menu-inline ul li .open-box a { display: inline; border: 0; float: none; text-transform: uppercase;}
#menu-inline .open-box .box-item { height: 15px; line-height: 15px; background-color: #115055; border-bottom: 1px #c3d3d4 solid; width: 100%; float: left;}
#menu-inline .open-box#lazienda .box-item:hover { background-color: #9bbec0;}
#menu-inline .open-box#lafilosofia .box-item:hover { background-color: #7d8ba6;}
#menu-inline .open-box#iprodotti .box-item:hover { background-color: #c3ad7b;}
#menu-inline .open-box a { color: #fff;}
#menu-inline .open-box a:hover { text-decoration: none;}
#public .head-right { width: 200px; height: 136px; float: right; background-image: url('../images/b1.jpg'); background-repeat: repeat-y; padding-left: 16px;}
#public .head-left { width: 985px; height: 136px; float: right;}
.head-right h1 { font-family: "Arial"; font-size: 10px; line-height: 12px; font-weight: bold; color: #115055; text-transform: uppercase; margin: 7px 0;}
#header .head-right .search { width: 100%; float: right; padding: 0;}
.head-right .search fieldset { border: 0; padding: 0 5px 0 0; margin: 0;}
.head-right .search input.search-button { width: 76px; height: 20px; background: none; border: 0; background-repeat: no-repeat; margin: 0 0 0 5px;}
/*---------------------------------------- HEADER ends ------------------------------------------------------------*/

/*---------------------------------------- MAIN CONTENT begins ----------------------------------------------*/
.promo-box { border-bottom: 3px #000 solid; border-top: 3px #000 solid; clear: both;}
.story { float: left; padding: 7px 10px;}
.story img { border: 1px #e0e0e0 solid; float: left; margin: 0 10px 5px 0; display: inline;}
.story, .story a { font-family: "Garamond"; font-size: 12px; line-height: 14px; color: #3a3e3e;}
.story h3, .story h3 a { font-family: "Garamond"; font-size: 14px; line-height: 16px; color: #3a3e3e; font-weight: bold; margin: 20px 0 5px 0;}
#story1 { width: 325px;}
#story2 { width: 343px;}
#story3 { width: 267px;}

.right-sidebar { width: 270px; float: right;}
.right-sidebar img { width: 210px;}

.central-sidebar { width: 500px; float: left; font-family: "Arial"; font-size: 11px; color: #000;}
.central-sidebar h1 { font-family: "Garamond"; font-size: 18px; line-height: 20px; color: #115055; margin: 5px 0;}
.central-sidebar h2 { font-family: "Garamond"; font-size: 22px; line-height: 24px; color: #115055; margin: 0 20px;}
.central-sidebar img { border: 1px #fff solid;}
.left-sidebar { width: 200px; float: left;}
#main-content .left-sidebar ul { padding: 0; margin: 0;}
#main-content .left-sidebar ul li { padding: 0; margin: 3px 0; list-style: none;}
.left-sidebar a { font-family: "Arial"; font-size: 11px; color: #4c8286; font-weight: bold;}
.left-sidebar a.active-link { background-image: url('../images/arr4.gif'); background-position: left center; background-repeat: no-repeat; padding-left: 10px; color: #08383c;}

.philosophy h1 { color: #41486e; }
.philosophy h2 { color: #41486e; }
.philosophy a { color: #5b678f; }
.philosophy a.active-link { background-image: url('../images/arr4-philosophy.gif'); color: #911f77;}


/*
#public .tablebox { background-image: url('../images/box-main-big.png'); }
#public #central-content .tablebox h1, #public #central-content .tablebox h1 a { background-color: #5e4e29; background-image: url('../images/h2.gif');}
*/


.center { text-align: center;}
/*---------------------------------------- MAIN CONTENT ends -------------------------------------------------*/

/*---------------------------------------- FOOTER begins ----------------------------------------------------------*/
#footer { clear: both; text-align: center; padding: 40px 0 0 0;}
#footer, #footer span { font-family: "Arial"; font-size: 10px; line-height: 15px; color: #3b3c3c;}
#footer span { border-top: 1px #9fa1a1 solid; padding: 7px 0;}
/*---------------------------------------- FOOTER ends ------------------------------------------------------------*/

#footer-active121 { clear: both; text-align: center; padding: 0 0 20px 0;}
#footer-active121, #footer-active121 span { font-family: "Arial"; font-size: 10px; line-height: 15px; color: #3b3c3c;}
#footer-active121 span { padding: 7px 0;}
/*---------------------------------------- FOOTER ends ------------------------------------------------------------*/




/*TABELLA PAGINA STAFF*/
table#central-content-table { width: 750px; }
table#central-content-table tr td.tdimage { width: 200px; vertical-align: top; }
table#central-content-table tr td.tdnames { vertical-align: top; }
table#central-content-table tr td div.title { color: #2b2b2b; font-weight: bold; font-family: "Arial"; font-size: 12px; line-height: 15px; margin-top:20px;}
table#central-content-table tr td div.name  { color: #115055; font-weight: bold; font-family: "Arial"; font-size: 12px; line-height: 15px; margin-top:20px;}
table#central-content-table tr td div.post  { color: #3b3b3b; font-weight: bold; font-family: "Arial"; font-size: 12px; line-height: 15px;}
/*TABELLA PAGINA STAFF - FINE*/

/*STILI APERTO/CHIUSO DOCUMENTI*/
.documenti-open  { color: #2b2b2b; font-weight: bold;  }
.documenti-close { color: #AAAAAA; font-weight: normal;  }
.documenti-title-color { color: #115055 !important; }
/*TABELLA PAGINA STAFF - FINE*/


/*STILI PAGINA CONSIGLI PER LO SCROLL DEL DIV CENTRALE*/
.advice-scroll-style-file    { height:200px !important; overflow-x:auto;overflow-y:auto; margin-bottom:15px; padding-top:5px;}
.advice-scroll-style-nofile  { height:240px !important; overflow-x:auto;overflow-y:auto; margin-bottom:15px; padding-top:5px;}

/*STILI TESTI ETICHETTE*/
.classico        { font-size: 14px; color: #7c5b00;}
.classico_bottom { height:45px; font-size: 13px !important; font-weight: bold !important; color: #7c5b00 !important; margin-top:15px; margin-bottom:15px; }
.moderno         { font-size: 14px; color: #118da7;}
.moderno_bottom  { height:45px; font-size: 13px !important; font-weight: bold !important; color: #118da7 !important; margin-top:15px; margin-bottom:15px;  }


/*CATALOGO LINEA CERAMOL*/
#ceramol-block a:hover { text-decoration:none; }


.unifarcoh3 { font-family: "Verdana"; font-size: 11px; color: #000000 !important;}