/* CSS Document */
html, body {margin:0; padding:0; height:100%; background-color:#fff;}
body {font:12px/18px Trebuchet,Arial,Helvetica,sans-serif; text-align:left; color:#444;}
a {text-decoration:none; color:#003F80;}
a:focus {outline:none;}
area:focus {outline:none;}
h1, h2, h3, h4, p, form {margin:0; padding:0}
h4.subtitle{ font-size:12px; font-style:italic; font-weight:normal; text-transform:none; margin:0; padding:0;}
ul {margin:0; padding:0; list-style-type:none;}
h3 {margin-bottom:10px; line-height:27px; background: #023F7E url('../img/img_title_right.jpg') right no-repeat; font-size:14px; font-weight:bold; color:#fff; text-transform: uppercase; clear:both;}
h3 img{float:left;}
h3 span{background:url('../img/img_title_left.jpg') left no-repeat; display:block; padding-left:10px;}
h4 {margin-bottom:5px; font-size:13px; font-weight:bold; color:#11994E; text-transform: uppercase;}
h4 a{color:#11994E;}
p {padding:0; margin-bottom:10px;}
p img {padding-right:10px;}
p.text_small{ font-size:10px; color:#666; line-height:12px;}
/*
h4 span{width:310px; margin-bottom:5px; font-size:13px; display:block; font-weight:bold; background: url('/public/img/img_subtitle_right.jpg') right no-repeat; text-transform: uppercase;}
h4 {width:310px; background:url('/public/img/img_subtitle_left.png') no-repeat; display:block; padding-left:10px; line-height:25px;}
h4 img{float:left;}
*/
h5 {margin-bottom:10px; font-size:14px; font-weight:normal; color:#11994E; font-style: italic;}
a.informazioni{background: url('../img/ico-info.png') left no-repeat; padding:5px 0 5px 29px; line-height:22px;}
a.moreinfo{background: url('../img/ico-more.png') left no-repeat; padding:5px 0 5px 29px; line-height:22px;}
.canvas {position:relative; margin:0 auto; width:996px; text-align:left;}
#page {position:relative; min-height:100%; min-width:996px; background:#D3E4BA url('../img/sfondo_main.jpg') repeat-x center bottom; }
#page #content {padding-bottom:36px;}
#page #content #header {height:213px; background:#B8DC94 url('../img/sfondo-top.png') repeat-x 0 0;}
#page #content #header h1 {position:absolute; top:0; width:334px; background:url('../img/sfondo-top-filler.png') repeat-x 0 0;}
#page #content #header h1 a {display:block; margin-left:80px; width:254px; height:141px; background:url('../img/logo.png') no-repeat 0 0; text-indent:-9999px;}
#page #content #header img {padding-top:53px; display:block;}
#page #content #nav {background:#BBDF99; /*url('/public/img/sfondo_navigazione.gif') repeat-x 0 0;*/}
#page #content #nav ul {overflow:hidden; text-align:center;}
#page #content #nav ul li {display:inline;}
#page #content #nav ul li a {padding:10px 18px; color:#003F80; font-size:16px; line-height:36px;}
#page #content #nav ul li a:hover {color:#003F80; font-weight:bold;}
#page #content #nav ul li a.active {background:#003F80;color:#fff;}
#page #content #nav ul li a.active:hover {color:#fff;font-weight:normal;}
#navigation2 {text-align:center;}
#navigation2 td a {white-space:nowrap;color:#003F80; font-size:16px; line-height:36px;}
#navigation2 td a:hover {color:#003F80; font-size:15px; font-weight:bold;}
#navigation2 td a.active {padding:10px 15px; background:#003F80;color:#fff;font-size:16px; }
#navigation2 td a.active:hover {padding:10px 15px; color:#fff;font-weight:normal;font-size:16px; }
/*
1° versione
#page #content #nav ul li {float:left;}
#page #content #nav ul li a {display:block; padding:0 18px; color:#fff; font-size:16px; line-height:36px;}
#page #content #nav ul li a:hover {color:#003F80;}
#page #content #nav ul li a.active {background:url('/public/img/sfondo_navigazione_active.gif') repeat-x 0 0;}
*/
/*
#page h3 {margin-bottom:18px; padding-left:10px; background:url('/public/img/sfondo_titolo.gif') no-repeat 0 0; line-height:36px; font-size:16px; font-weight:normal; color:#fff;}
#page h3 span {display:block; padding-right:10px; background:url('/public/img/sfondo_titolo.gif') no-repeat 100% 0;}
*/
/*
#page h3 {margin-bottom:10px; line-height:27px; background: #023F7E url('/public/img/img_title_right.jpg') right no-repeat; font-size:14px; font-weight:bold; color:#fff; width: 320px; text-transform: uppercase;}
#page h3 img{float:left;}
#page h3 span{background:url('/public/img/img_title_left.jpg') left no-repeat; display:block; padding-left:10px;}
#page h4 {margin-bottom:5px; font-size:13px; font-weight:bold; color:#023F7E; text-transform: uppercase;}
#page h5 {margin-bottom:10px; font-size:14px; font-weight:normal; color:#11994E; font-style: italic; text-transform: lowercase;}
*/
/** home page **/
#page #content .box-top {margin-top:9px; height:10px; background:url('../img/sfondo_home.png') repeat-x 0 0;}
#page #content .box-top-riservata {margin-top:9px; height:10px; background:url('../img/sfondo_home_area_riservata.png') no-repeat 0 0;}
#page #content #home { margin-bottom:9px; width:996px; background:url('../img/sfondo_home.png') repeat-x 0 100%; overflow:hidden;}
#page #content #home h3 {margin-right:160px;}
#page #content #home #claim {float:left; margin-right:507px; padding:0 9px 100px 9px; width:471px;}
#page #content #home #claim .separator {margin:0;}
#page #content #home #claim-img {padding: 0 0 7px 9px; margin:0; position:absolute; left:0; bottom:0;}
#page #content #home #news {float:left; margin-left:-489px; padding:0 9px; width:471px;}
#page #content #home #news ul {}
#page #content #home #news ul li {margin-bottom:9px; padding-bottom:8px; width:471px; border-bottom:1px dotted #003F80; overflow:hidden;}
#page #content #home #news ul li.last {margin:0; padding:0; border:none;}
#page #content #home #news ul li .separator {float:left; margin-right:166px; width:305px;}
#page #content #home #news ul li .separator a {text-decoration: underline;}
#page #content #home #news ul li img {float:left;margin-left:-157px; width:157px;}
#page #content #home #news #counter {float:left; margin-left:-157px; width:157px; background:url('../img/counter.html') no-repeat; color:#003F7F; text-align:center; font-size:15px; line-height:66px;}
#page #content #home #news #counter div {display:inline;}
/* area riservata */
#page #content #home-riservata { margin-bottom:9px; width:996px; background:url('../img/sfondo_home_area_riservata.png') no-repeat 0 100%; overflow:hidden;}
#page #content #home-riservata #area-riservata{ width:780px; margin:auto; padding:40px 0 0 0;}
/* fine area riservata */
#page #content #vetrina {position:relative; margin:9px auto; padding-right:507px; width:490px; text-align:left;}
#page #content #vetrina .box {padding:0 9px 9px; width:471px; background:url('../img/sfondo_home.png') no-repeat 0 100%; overflow:hidden;}
#page #content #vetrina p small {font-size:10px; color:#888;}
#page #content #vetrina .separator {float:left; margin-left:150px; width:321px;}
#page #content #vetrina .img-holder {float:left; margin-left:-471px; width:141px; text-align:center;}
#page #content #vetrina .img-holder a {font-size:9px; color:#6AAC53;}
#page #content #vetrina #icone {position:absolute; top:0; right:0; padding:18px; padding-top:5px; width:453px;}
#page #content #vetrina #icone li {float:left; margin:0 9px; width:133px;}
#page #content #vetrina #icone li a {display:block; padding:32px 9px 4px; background-repeat:no-repeat; background-position:top center; font-size:13px; line-height:13px; color:#003F80; text-align:center;}
#page #content #vetrina #icone li a.sondaggio {background-image:url('../img/ico_sondaggio.gif');}
#page #content #vetrina #icone li a.catalogo {background-image:url('../img/ico_catalogo.gif');}
#page #content #vetrina #icone li a.newsletter {background-image:url('../img/ico_newsletter.gif');}
#page #content #vetrina #banner {position:absolute; bottom:0; right:0; width:489px;}
#page #content #vetrina #banner h4 {font-size:14px;}
#page #content #vetrina #banner h4 em {font-style:normal; color:#6AAC53;}
#page #content #vetrina .green-box {padding:27px 18px 9px; background:url('../img/sfondo_box_verde.gif') no-repeat 0 0; color:#003F80;}
#page #content #vetrina .green-box a {color:#6AAC53;}
#page #content #vetrina .green-box-bottom {height:18px; background:url('../img/sfondo_box_verde.gif') no-repeat 0 100%;}
#page #content #vetrina .wwf {padding-left:80px; background:url('../img/wwf-ico.png') no-repeat 0 50%;}
/** interne **/
#page #content #wrapper {margin:9px auto; width:996px; overflow:hidden; text-align:left;}
#page #content #wrapper #main-content {float:left; margin-left:256px; width:740px;}
#page #content #wrapper #main-content .box-top {margin:0; height:12px; background:url('../img/content_rounded.png') no-repeat 0 0;}
#page #content #wrapper #main-content .box-bottom {margin:0; height:12px; background:url('../img/content_rounded.png') no-repeat 0 -12px;}
#page #content #wrapper #main-content.prodotti .box-top {background-image:url('../img/content_rounded_prodotti.png');}
#page #content #wrapper #main-content.prodotti .box-bottom {background-image:url('../img/content_rounded_prodotti.png');}
#page #content #wrapper #main-content .breadcrumb {position:absolute; top:-4px; right:10px; z-index:1; font-size:9px;}
#page #content #wrapper #main-content .breadcrumb ul li {display:inline;}
#page #content #wrapper #main-content .text {padding:0px 9px 12px 9px; background:url('../img/sfondo_content.png') repeat 0 0; width: 722px; overflow: hidden; position:relative;}
#page #content #wrapper #main-content.prodotti .text {background-color:#fff;}
#page #content #wrapper #main-content .text a {text-decoration:none;}
#page #content #wrapper #main-content .text a.contatti{background: url('../img/ico-contatti.png') left no-repeat; padding:5px 0 5px 27px;}
#page #content #wrapper #main-content .text h3 {margin-right:380px; margin-top:15px;}
#page #content #wrapper #main-content .text h4.ui-accordion-header {padding:0 9px; background:url('../img/accordion.gif') no-repeat 0 0; cursor:pointer; outline:none;}
#page #content #wrapper #main-content .text h4.ui-state-hover {background-position:0 -18px; color:#236003}
#page #content #wrapper #main-content .text h4.ui-state-active {background-position:0 -36px; color:#fff;}
#page #content #wrapper #main-content .text p.paginazione {margin:18px 0 0;}
#page #content #wrapper #main-content #anniversario{ width:711px; height:442px; background:url(../img/bgBox.png);}
#page #content #wrapper #main-content #anniversario #testo{ float:left; width:199px; height:442px; background:url(../img/bgText.png); margin:0 0 0 24px;}
#page #content #wrapper #main-content #anniversario #testo p{ font-size:12px; line-height:18px; padding:15px; text-align:left;}
#page #content #wrapper #main-content #anniversario #testo p.text_small{ font-size:10px; color:#666; line-height:12px;}
#page #content #wrapper #main-content #anniversario #fiore{ float:right; margin: 20px 38px 0 0;}
#page #content #wrapper #main-content area.thickbox {cursor:pointer; cursor:pointer;}
/*
#page #content #wrapper #main-content .text p {margin-bottom:18px;}
*/
#page #content #wrapper #main-content .text ul {margin-bottom:10px; padding-left:9px; list-style-type:disc; margin-left:20px;}
#page #content #wrapper #main-content .text ul.immagini {padding:0; margin: 0 0 0 15px; list-style-type:none; float:right;}
#page #content #wrapper #main-content .text ul.immagini li {margin-bottom:15px;}
#page #content #wrapper #main-content .text ul.immagini img {display:block;}
#page #content #wrapper #main-content .text .img-fam {margin-left:10px;}
#page #content #wrapper #main-content .text .img-dx {float: right; margin-left:15px;}
/** tabella prodotti */
#qualita_just { text-align:center; font-size:12px; border:1px solid #daecc9; padding:0; margin:0;}
#page #qualita_just {width:410px;}
#popup #qualita_just {width:610px;}
#qualita_just .table_title{ font-weight:bold; color:#236003; background-color:#9ec786; line-height:20px; }
#qualita_just .table_cont { background-color:#daecc9; color:#236003; line-height:20px; }
#qualita_just td { padding:0;}
#page #content #wrapper #main-content #bottoni {overflow:hidden;padding:35px 0;width:100%;}
#page #content #wrapper #main-content #bottoni a {float:left; padding:0 28px; background-repeat:no-repeat; background-position:0 0; text-decoration:none; line-height:23px; text-align:center;}
#page #content #wrapper #main-content #bottoni a:hover {text-decoration:underline;}
#page #content #wrapper #main-content #bottoni a.stampa {background-image:url('../img/ico-stampa.png');}
#page #content #wrapper #main-content #bottoni a.acquista {background-image:url('../img/ico-acquistare.png');}
#page #content #wrapper #main-content #bottoni a.thickbox {background-image:url('../img/ico-opinione.png');}
#page #content #wrapper #main-content #bottoni a.contatti {background-image:url('../img/ico-contatti.png');}
#page #content #wrapper #main-content ul.overview {width:740px; padding-left:50px; background:url('../img/sfondo_content.png') repeat 0 0; overflow:hidden;}
#page #content #wrapper #main-content ul.overview li {float:left; padding:0 5px; width:149px;}
#page #content #wrapper #main-content ul.overview h4,
#page #content #wrapper #main-content ul.overview h4 a {font-weight:normal; color:#6AAC53;}
#page #content #wrapper #main-content ul.overview h4 strong {display:block; font-weight:normal; color:#003F80;}
#page #content #wrapper #main-content ul.overview img {padding:10px 0;}
#page #content #wrapper #main-content dl.graph {margin:18px;}
#page #content #wrapper #main-content dl.graph dt {}
#page #content #wrapper #main-content dl.graph dd {margin-bottom:18px;}
#page #content #wrapper #main-content dl.graph div.bar {position:relative; padding:1px; width:202px; border:1px solid #87BE6B; background-color:#fff; text-align:center; line-height:14px; color:#333;}
#page #content #wrapper #main-content dl.graph div.bar strong {position:absolute; margin:1px; top:0; left:0; display:block; width:200px; border-style:solid; border-width:1px; background:url('../img/bar.png') repeat-x 0 0; font-weight:normal; color:#fff; line-height:12px; }
#page #content #wrapper #main-content p.tot {text-align:center;}
#page #content #wrapper #main-content form.poll {line-height:27px;}
#page #content #wrapper #main-content form.poll fieldset {padding:18px; border:none;}
/*
#page #content #wrapper #main-content form.poll button {margin:0 auto; padding:3px 0; width:130px; border:none; background:url('/public/img/green.gif') no-repeat; text-align:center; font-size:12px; color:#333;}
*/
#page #content #wrapper #main-content form.poll button {margin:0; padding:0; border:none; background:transparent;}
#page #content #wrapper #main-content form.poll button span {display:block; width:130px; background:url('../img/green.gif') no-repeat; text-align:center; font-size:12px; color:#333; line-height:23px;}
/** menu **/
#page #content #wrapper #sidebar {position:relative; float:left; margin-top:12px; margin-left:-996px; padding-bottom:12px; width:256px; background:url('../img/sfondo_menu.2.png') no-repeat 0 100%;}
#page #content #wrapper #sidebar .box-top {position:absolute; top:-12px; right:0; margin:0; width:256px; height:12px; background:url('../img/sfondo_menu.2.png') no-repeat 0 0;}
#page #content #wrapper #sidebar ul {}
#page #content #wrapper #sidebar ul li {padding:0 1px;}
#page #content #wrapper #sidebar ul li a {display:block; padding:4px 17px 5px; font-size:14px; color:#003F80;}
#page #content #wrapper #sidebar ul li a.active {font-weight:bold;}
#page #content #wrapper #sidebar ul ul {padding:9px 0 9px 27px; background:#DAE9D2;}
#page #content #wrapper #sidebar ul ul li {padding:0;}
#page #content #wrapper #sidebar ul ul li a {padding:0 9px; background:url('../img/menu_bullet.gif') no-repeat 0 50%; font-size:12px; }
#page #content #wrapper #sidebar ul ul li a.active {color:#11994E; text-decoration: underline; font-weight:normal;}
#page #content #wrapper #sidebar ul ul ul{padding:3px 0 5px 20px; background:#DAE9D2;}
#ricerca {position:absolute; left:45%; top:0; width:250px; line-height:54px; overflow:hidden; z-index:99;}
#ricerca label {float:left; padding:0 9px; color:#003F80;}
#ricerca input {float:left; margin:18px 0; padding:3px 1px; border:0; background:url('../img/sfondo_input.gif') repeat-x; font-size:11px; line-height:12px; color:#000;}
#ricerca button {float:left; margin:18px 0 0 6px; padding:0; border:none; width:19px; height:19px; background: url(../img/freccia.gif) no-repeat scroll 0 0; cursor:pointer; text-indent:-9000px;}
#service {position:absolute; top:0; right:0; height:54px; line-height:54px; overflow:hidden; z-index:2}
#service li {float:left;}
#service li a {padding:0 5px 0 6px; border-right:1px solid #003F80;}
#footer {position:relative; margin-top:-36px; padding-bottom:18px; min-width:996px; background:url('../img/sfondo_footer.gif') repeat-x; /*color:#003F80;*/}
#footer p {margin:0; padding-right:256px; text-align:left; color:#003F80;}
#footer #credits {position:absolute; right: 0; top:0; color:#003F80;}
#footer #credits a {color:#003F80;}
#popup {/*width:800px;*/ text-align:left; padding: 20px;}
#popup img{float:left; padding: 0 10px 10px 0;}
#popup a:link,
#popup a:visited{text-decoration:underline;}
#popup #separator{ clear:both; padding:25px 0;}
#popup #separator img{float:left; padding: 0 10px 10px 0;}
#popup #separator img.spazioLaterale{padding: 0 6px 0 0;}
#popup #separator a.zoom {float:left; margin:0 10px 10px 0; width:105px; height:76px;}
#popup #separator a.zoom img {display:block; width:105px; height:76px;}
#popup #separator a.zoom:hover {position:relative; z-index:10;}
#popup #separator a.zoom:hover img {position:absolute; top:-50px; left:-17px; padding:2px; background-color:transparent; width:220px; height:172px; z-index:10;}
/*
.photo div.photoset div.listphoto ul li a {
background:#444444 none repeat scroll 0 0;
border:1px solid #888888;
display:block;
float:left;
height:85px;
text-decoration:none;
width:110px;
}
.photo div.photoset div.listphoto ul li a img {
border:5px solid #EEEEEE;
display:block;
height:75px;
width:100px;
}
.photo div.photoset div.listphoto ul li a:hover {
position:relative;
white-space:normal;
}
.photo div.photoset div.listphoto ul li a:hover img {
border-color:#FFFFFF;
height:150px;
left:-50px;
position:absolute;
top:-32px;
width:200px;
}*/
#contatti {font-size: 12px; width:710px; text-align: left; padding:10px;}
#contatti #campi {padding:15px 0; margin:0; float:left;}
#contatti label{width:100px; padding:0 5px; line-height: 13px; margin:5px 0 5px -110px;; float:left;}
#contatti input.text {width:220px; border:1px solid #888;}
#contatti input.short {width:66px;}
#contatti input.medium {width:110px;}
#contatti select {width:222px; border:1px solid #888;}
#contatti select.short {width:150px;}
#contatti div.input {margin:2px 0; width:245px; float:left; padding-left:110px;}
#contatti div.large {width:600px;}
#contatti span.wrap {float:left; width:300px;}
#opinione {padding:10px; font-size:12px; text-align:left;}
#opinione label{float:left; margin:5px 0 5px -110px; padding:0; width:110px; line-height:13px;}
#opinione input.text {width:220px; border:1px solid #888;}
#opinione div.opinione {padding-left:110px; width:349px;}
#opinione div.opinione textarea {padding:1px; border:1px solid #888; height:250px; width:590px;}
#opinione div.center {text-align:center;}
/*
#contatti p {padding:10px 0;}
#contatti div.input {width:250px; padding-left:100px; overflow:hidden; margin-bottom:3px; padding-bottom:3px; float:left;}
#contatti label{width:90px; padding:0 5px; line-height: 13px; margin:5px 0 5px -100px; display:block; float:left;}
#contatti input.text {width:240px; float:left; margin:5px 0;}
#contatti input.bottone{margin-left:350px;}
#contatti input.check {}
#contatti textarea {width:264px; height: 100px;}
#contatti button {margin:0; padding:0; border:0 none; background:transparent; cursor:pointer;}
#contatti button span {display:block; line-height:23px; width: 130px; text-align:center; background: url('/public/img/green.gif'); cursor:pointer;}
*/
/*
#contatti h3 {margin-bottom:18px; padding:10px; background-color:#f00; font-size:16px; font-weight:normal; color:#fff; width: 250px; text-transform: uppercase;}
*/
#contatti input.error,
#contatti select.error {border-color:#f00;}
#contatti input.check.error {background-color:#f00;}
#contatti label.error {display:none !important;}
#contatti #errori {font-weight:bold; text-align:center; color:#f00;}
/** thickbox **/
#TB_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background:url(macFFBgHack.html) repeat;}
.TB_overlayBG {background-color:#000; -moz-opacity:0.75; opacity:0.75; filter:alpha(opacity=75);}
#TB_window {position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%;}
#TB_window img#TB_Image {display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;}
#TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow {padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
#TB_title {background-color:#e8e8e8; height:27px;}
#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal {padding:15px;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
#TB_HideSelect {z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; -moz-opacity:0; opacity:0; height:100%; width:100%;}
#TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px;}