html, body {margin:0; padding:0;}
body {background-color:#fff; color:#888; font:12px/18px 'Century Gothic','Apple Gothic',sans-serif; text-align:center; text-transform:uppercase;}

a {color:#303030; text-decoration:none;}
a:hover {color:#a10c16;}
a:focus {outline:none;}
a img {border:none;}
p, h1, h2, form {margin:0; padding:0}
ul, ol {margin:0; padding:0; list-style-type:none;}
hr {display:none;}

#page {margin:0 auto; width:962px; text-align:left;}

#header {position:relative; padding:18px 0 17px; width:100%; border-bottom:1px solid #ccc; overflow:hidden;}
#header h1 {float:left; visibility:hidden;}
#header h1 a {display:block; margin-top:18px; width:190px; height:50px; background:#fff url('/public/img/logo.png') no-repeat 0 0; text-indent:-9000px;}
#header #nav {float:left; margin:41px 0 0 25px;}
#header #nav li {float:left;}
#header #nav a {display:block; padding:9px 7px 0;}
#header #nav a:hover {}
#header #nav a.active {color:#a10c16; font-size:15px;}

#header #lang {position:absolute; height:18px; top:30px; right:0; overflow:hidden;}
#header #lang li {float:right;}
#header #lang a {display:block; padding:0 0 0 5px; font-size:10px; color:#777;}
#header #lang a:hover,
#header #lang a.active {color:#a10c16;}

#content {position:relative; margin:18px 0; width:962px; overflow:hidden;}
#content.home {margin:0;}
#content .showcase {position:relative; margin:18px 0; padding:0; float:left; width:710px !important; height: 298px; background:url('widgets/bg_showcase.gif') no-repeat 0 0; overflow:hidden;}
#content .showcase li {display:block; float:left; width:65px; height:298px; font-size:10px; line-height:18px; overflow:hidden;}
#content .showcase img {display:block; background-color:#fff;}
#content .showcase span {display:block; padding-left:4px; white-space:nowrap; color:#fff;}
#content .showcase strong {/*float:left; font-size:12px;*/}
#content .showcase a {display:block; padding:0; width:120px; min-height:325px;}
#content .showcase a:hover {width:auto; /*background-color:#fff;*/ background:#fff url('widgets/bg_showcase.gif') no-repeat 100% 0;}
#content .showcase a:hover span {color:#777;}
#content .showcase a:hover strong {color:#333;}
#content .showcase .active img,
#content .showcase .active canvas {display:none;}
#content .showcase .imgwrapper {display:block; margin:7px 0; height:270px; border:2px solid #fff;}
#content .list-news{ width:215px; height:298px; float:left;}
#content .home-news {border-left:1px solid #9c9c9c; margin:18px 0 18px 18px; padding:0 0 0 18px;}
#content .list-news ul li{ display:block; clear:both; overflow:hidden; margin:0 0 9px 0;}
#content .list-news ul li a img{ float:left; padding:2px; border:1px solid #d9dedd; margin:0 10px 0 0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#content .list-news ul li a.active img, #content .list-news ul li a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
#content .list-news ul li a strong { line-height:10px; display:block;}
#content h2 {margin:0 0 10px; color:#a10c16; font-size:14px; font-weight:normal;}
#content h2 strong {color:#a10c16; font-size:20px; font-weight:normal;}
#content .text {float:left; margin-right:711px; padding-right:9px; width:242px; font-size:10px;}
#content .widetext {float:left; margin:0; width:100%;}
#content .text p,
#content .widetext p {margin-bottom:9px; text-transform:none; line-height:16px;}
#content .widetext table {border-collapse:collapse; border:none; width:100%;}
#content .widetext table td {padding:0 0 18px; vertical-align:top;}
#content .text ul
#content .widetext ul {padding-left:18px; list-style-type:disc;}
#content .widetext img {margin-left:10px;}
#content #descrizione {color: #303030;font-size: 12px;}
#content #descrizione ul {list-style-type:disc; padding-left: 15px;}
#content #realizzazioni {list-style-type:none;}
#content #realizzazioni a {color:#888888;}
#content #realizzazioni a.active, 
#content #realizzazioni a:hover {color:#A10C16;}

#content .img {position:relative; float:left; margin-left:-711px; padding:0 52px; width:387px; height:434px; overflow:hidden;}
#content .img .prev,
#content .img .next {position:absolute; top:0; width:32px; height:435px; background-color:#ccc; background-image:url('widgets/gallery_arrows3.gif'); background-repeat:no-repeat; text-indent:-9000px; z-index:1;}
#content .img .prev {left:20px; background-position:0 50%;}
#content .img .next {right:20px; background-position:100% 50%;}
#content .img .prev:hover,
#content .img .next:hover {background-color:#a10c16;}
#content .img .caption {display:none;}
#content .img .advance-link {display:block; margin:0; padding:4px; width:364px; height:410px; border:1px solid #ccc; background-color:#fff; overflow:hidden;}
#content .img .advance-link img {display:block;}
#content .img .image-wrapper {display:block; position:absolute; top:0; padding:0 12px 14px 0; background:#cccccc url('widgets/gallery_mask.gif') no-repeat 100% 100%;}
#content .img #loading {position:absolute; top:0; height:100%; width:387px;}
#content .img #zoom {position:absolute; bottom:0; right:20px; z-index:100; text-indent:-9000px;}
#content .img #zoom a {display:block; width:24px; height:24px; background:#ccc url('widgets/lens.gif') no-repeat 0 0;}
#content .img #zoom a:hover {background-color:#333;}
#content .img #print {position:absolute; bottom:28px; right:20px; z-index:100; text-indent:-9000px;}
#content .img #print a {display:block; width:24px; height:24px; background:#ccc url('widgets/print.gif') no-repeat 0 0;}
#content .img #print a:hover {background-color:#333;}

#content .sidebar {float:left; margin-left:-220px;  width:220px;}
#content #accessories {position:absolute; bottom:0; right:0; width:112px; height:112px;}
#content #details {position:absolute; top:0; right:0; width:200px; height:112px;}
#content #details li{ font-size:10px; clear:both;}
#content #details li span { display:block;}
#content #details li span.titolo{ color:#a10c16;}
#content #details .thumbs li.label{ margin:0 0 18px 0;}
#content #elements {position:absolute; top:0; right:0; width:183px; height:192px;}

#content .thumbs {width:100%; height:192px;}
#content .thumbs li {float:left; margin:5px 0 0 5px;}
#content .thumbs li.label {width:56px; line-height:36px; background-color:#a10c16;}
#content .thumbs li.label span {display:block; position:relative; left:-76px; margin-bottom:23px; padding-right:9px; width:100px; background-color:#fff; color:#A10C16; text-align:right; z-index:1;}
#content .thumbs li.selected img,
#content .thumbs li.selected canvas {display:none !important;}
#content .thumbs a {display:block; width:56px; height:59px;}
#content .thumbs img {display:block; background-color:#fff;}
#content .thumbs .caption {display:none;}
#content #accessories .thumbs a {width:32px; height:32px;}
#content #accessories .label {width:32px; line-height:20px;}
#content #accessories .label span {margin-bottom:12px; left:-86px; padding-right:4px; color:#a10c16;}

#content #accessories.noscript {position:static; float:right; height:auto;}

#content #elements.noscript {position:static; float:left; width:135px; height:auto;}
#content .noscript .label {display:none;}
#content .noscript .thumbs {position:static; width:auto; height:auto;}
#content .noscript .thumbs li {/*float:none; width:100%;*/ margin:0 0 9px; overflow:hidden;}
#content .noscript .thumbs li.label {margin-left:0; padding-right:0; }
#content .noscript .thumbs a {float:left; margin-right:8px;}
#content .noscript .thumbs .caption {display:block;}

#content .secondarycontent {position:relative; float:left; margin-left:-740px; padding:0 52px; width:636px;}
#content form {margin:36px 0 0; width:387px;}
#content form fieldset {margin:0; padding:0; border:none;}
#content form label {display:block;}
#content form label.error {position:absolute; top:0; right:0; color:#c00;}
#content form input.text {float:none; margin:0; padding:0; width:385px; height:16px; border:1px solid #ccc; font:12px/18px 'Century Gothic','Apple Gothic',sans-serif;}
#content form textarea {display:block; padding:1px 0; width:385px; height:68px; border:1px solid #ccc; font:12px/18px 'Century Gothic','Apple Gothic',sans-serif;}
#content form input.error,
#content form textarea.error {border-color:#c00;}
#content form p {position:relative; margin:0 0 9px;}
#content button.awesome, 
#content .button.awesome {position:relative; display:inline-block; padding:5px 10px 6px; border-bottom:1px solid rgba(0,0,0,0.25); background:#eee url('widgets/super-button-overlay.png') repeat-x; line-height:1; color:#555; text-decoration:none; font-weight:bold; cursor:pointer;}
#content .notice {margin-top:36px;}
#content #map {height:430px;}

#videogallery {width:560px;}
#videogallery li {float:left; padding:5px 35px 0 0;}
#videogallery li img {margin-left: 0 !important;}

#content .corpo-news img {float:left; padding:2px; border:1px solid #D9DEDD; margin:0 10px 5px 0;}
#content .data {font-weight:bold; color: #303030;}
#content p {text-transform:none;}

#content #photogallery {position:relative; float:left; margin-left:-740px; padding:0 0 0 52px; width:688px;}
#content #photogallery ul li{ float:left; display:block; overflow:hidden; margin:0 0 9px 0;}
#content #photogallery ul li a img{ float:left; padding:2px; border:1px solid #d9dedd; margin:0 5px 0 0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#content #photogallery ul li a:hover img{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
#content #photogallery ul li a strong { line-height:10px; display:block;}

#content #cataloghi {position:relative; float:left; margin-left:-740px; padding:0 0 0 52px; width:688px;}
#content #cataloghi ul{ margin:0 0 -20px 0;}
#content #cataloghi ul li{ float:left; margin:0 0 20px 0; width:114px; background:#fff; text-align:center;}
#content #cataloghi ul li img{ display:block; margin:auto auto 7px auto; padding:2px; border:1px solid #D9DEDD;}
#content #cataloghi ul li.pdf {background: url("widgets/ico_pdf.png") 5px 50% no-repeat;}

#footer {position:relative; clear:both; padding:17px 0 18px; width:100%; border-top:1px solid #ccc; overflow:hidden; text-align:center;}
#footer ol {margin-bottom:9px;}
#footer ol li {display:inline; margin:0 5px; }
#footer ol li .active  {font-size:15px; color:#a10c16;}
#footer p {font-size:9px;}
#footer a {color: #888888;}

.print {padding:18px; text-align:left;}
.print h2 {margin-bottom:18px;}
.print img {display:block; /*width:100%;*/}

/* thickbox */
#TB_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background:url('widgets/macFFBgHack.png') 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;}

