/**** RESET ****/
html{color:#333333;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:11px/1.231 "Lucida Grande", "Lucida Sans Unicode", "Lucida sans", arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:110%;}
/**** BASIC STYLE ****/
body {height:100%;position:relative;background:#fff url('../img/shared/body-bg.gif') top left repeat-x;font-size:11px}
a:link {color:#34598C}
a:hover {color:#1E3554}
a:focus {outline:none}
p {margin:1em 0}
strong {font-weight:bold}
em {font-style:italic}
/*** COMMON STYLE ***/
#wrapper {width:894px;height:100%;margin:0 auto;background:#fff url('../img/shared/wrapper-bg.gif') top left repeat-y}
#layout {height:100%;padding:0 10px;background:url('../img/shared/layout-bg.gif') top left no-repeat}
.cd-banner {margin-top:20px}
a.pdf {padding-left:20px; background:url('../img/shared/pdf_icon.png') left center no-repeat}
/**HEADER **/
#header {position:relative;padding:20px 20px;height:85px;background:url('../img/shared/header-bg.jpg') top left no-repeat }
#site-tools {position:absolute;right:20px;top:20px;text-align:right}
#site-tools ul li {display:inline;margin-left:10px;}
#site-tools ul li a:link, #site-tools ul li a:visited {padding-left:15px;color:#91918F;font-size:11px;text-decoration:none}
#site-tools ul li a:hover {text-decoration:underline}
#site-tools ul li.lang {margin-left:5px}
#site-tools ul li.lang a {padding-left:25px;background:url('../img/shared/de.gif') left center no-repeat}
#site-tools ul li a#tools-home {background:url('../img/shared/ico-home.gif') left center no-repeat}
#site-tools ul li a#tools-smap {background:url('../img/shared/ico-sitemap.gif') left center no-repeat}
#site-tools ul li a#tools-contacts {margin-right:0;background:url('../img/shared/ico-contatti.gif') left center no-repeat}
/* search form */
form#search {margin-top:20px}
/*form#search label {font-size:11px}*/
form#search input {padding:2px;font:11px arial;border:1px solid #9b9b9b;width:140px}
/** MAIN MENU **/
#menu li {display:inline;}
#menu span {display:block;height:14px;text-indent:-3000px;line-height:1;font-size:10px;cursor:pointer}
#menu li a {display:block;float:left;padding:9px 22px;background:url('../img/shared/menu-bg.gif') top left repeat-x;border-right:1px solid #547498;border-left:1px solid #102140}
#menu li a:hover, #menu li.on a {background:url('../img/shared/menu-bg.gif') 0 -38px repeat-x;}
#menu li a#azienda {width:51px;border-left:none}
#menu li a#azienda span {background:url('../img/shared/menu-sprite.gif') 0 0 no-repeat;}
#menu li a:hover#azienda span, #menu li.on a#azienda span {background:url('../img/shared/menu-sprite.gif') 0 -14px no-repeat;}
#menu li a#prodotti {width:138px;padding:9px 24px 9px 25px}
#menu li a#prodotti span {background:url('../img/shared/menu-sprite.gif') -91px 0 no-repeat}
#menu li a:hover#prodotti span, #menu li.on a#prodotti span {background:url('../img/shared/menu-sprite.gif') -91px -14px no-repeat}
#menu li a#download {width:167px;padding:9px 24px}
#menu li a#download span {background:url('../img/shared/menu-sprite.gif') -269px 0 no-repeat}
#menu li a:hover#download span, #menu li.on a#download span {background:url('../img/shared/menu-sprite.gif') -269px -14px no-repeat}
#menu li a#news {width:102px;}
#menu li a#news span {background:url('../img/shared/menu-sprite.gif') -475px 0 no-repeat}
#menu li a:hover#news span, #menu li.on a#news span {background:url('../img/shared/menu-sprite.gif') -475px -14px no-repeat}
#menu li a#dovesiamo {width:75px;}
#menu li a#dovesiamo span {background:url('../img/shared/menu-sprite.gif') -618px 0 no-repeat}
#menu li a:hover#dovesiamo span, #menu li.on a#dovesiamo span {background:url('../img/shared/menu-sprite.gif') -618px -14px no-repeat}
#menu li a#contatti {width:58px;border-right:none}
#menu li a#contatti span {background:url('../img/shared/menu-sprite.gif') -733px 0 no-repeat}
#menu li a:hover#contatti span, #menu li.on a#contatti span {background:url('../img/shared/menu-sprite.gif') -733px -14px no-repeat}
/** SUBMENU **/
#submenu {display:inline;float:left;width:200px;}
#submenu h3 {padding:4px 0 4px 22px;font-size:16px;background:url('../img/shared/submenu-head.gif') left center no-repeat;color:#c54911;border-bottom:1px dotted #C54911}
#submenu ul li a {display:block;color:#666666;padding:6px 0 6px 22px;text-decoration:none;font:12px "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;border-bottom:1px solid #e6e6e6}
#submenu ul li a:hover, #submenu ul li a.on {background:#f6f6f6 url('../img/shared/dot.gif') 10px 50% no-repeat;}
/** HP **/
#hp-box {margin:0px;width:100%;clear:both;display:inline-block;height:auto !important;height:1%;}
#hp-box .box {display:inline;float:left;width:214px}
#hp-box .last {width:192px}
#hp-box .box .content {position:relative;width:187px;height:194px;background:url('../img/hp/box-bg.gif') top left no-repeat}
#hp-box .box .content img {margin:2px;border:1px solid #e6e6e6}
#hp-box .box .content a:hover img {border:1px solid #999}
#hp-box .box .content p {padding:0 10px; color:#646464}
#hp-box .box .content a.readmore {position:absolute;bottom:10px;right:8px;display:block;width:54px;height:14px;background:url('../img/hp/read-more.gif') top left no-repeat;}
#hp-box .box .content a span {display:none}
/** CONTENUTI INTERNI **/
#body {padding:20px 20px 10px 20px;margin-bottom:20px;clear:both;display:inline-block;height:auto !important;height:1%;}
#content {display:inline;float:left;width:575px;margin-left:40px;}
#content p {line-height:1.4em}
#content h1, #content-wide h1 {text-align:left;font:23px "Lucida Grande", "Lucida Sans Unicode";font-weight:bold;border-bottom:1px dotted #1E3554}
#content h3 {margin:15px 0 5px;font-size:13px;font-weight:bold;}
#content a img {border:1px solid #e0e0e0;margin:2px 4px;padding:5px;}
#content a:hover img {border:1px solid #999}
#content-wide {width:800px}
div.gallery {margin:15px 0}
div.recs {clear: both; height:140px;}
#content div.recs a img {float:left;margin-right:15px}
ul.dots {margin-top:10px;padding-left:15px;width:450px}
ul.dots li {list-style:disc outside}
div.topLinks {float:left;width:210px;margin:14px 20px 10px 0;padding:4px 20px;background:#f6f6f6;border:1px solid #e6e6e6;border-width:1px 0}
div.topLinks a {display:block;padding-left:22px;text-decoration:none;margin:8px 0}
div.topLinks a.download {background:url('../img/prodotti/ico-download.gif') center left no-repeat;}
div.topLinks a.prezzi {background:url('../img/prodotti/ico-prezzi.gif') center left no-repeat;}
/*a.download {display:block;width:156px;padding:10px 40px 10px 20px;background:url('../img/prodotti/download.gif') top left no-repeat;text-decoration:none;float:left;margin:10px 0 6px 10px;}*/
/** azienda **/
#cp-prodlist {padding-left:30px;width:525px}
#cp-prodlist li {list-style:disc outside}
/** staff **/
div.staff {width:100%;margin-bottom:10px;clear:both;display:inline-block;height:auto !important;height:1%;}
div.staff:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.staff img {float:left;border:1px solid #999;margin-right:10px;}
.staff .staff-info {float:left;width:470px;display:inline}
.staff .staff-info h4 {padding:8px;background:#f6f6f6;border:1px solid #e6e6e6;border-width:1px 0;margin:5px 0;font-size:13px;font-weight:bold}
.staff .staff-info h4 span {font-size:11px;font-weight:normal}
.staff .staff-info p {padding-left:8px}
/** download **/
.download h4 {margin-top:10px;padding:5px 0 5px 20px;height:18px;font-size:14px;font-weight:bold;background:url('../img/shared/download-head-bg.gif') top left no-repeat }
.download h4.open {height:17px;background:url('../img/shared/download-head-on-bg.gif') top left no-repeat }
.download h4 a {display:block;text-decoration:none;color:#1E3554}
.download h4.open a {text-decoration:underline}
.download div.files {display:none;border:1px solid #e6e6e6; padding:20px}
.download div.files h5 {font-size:12px;font-weight:bold;border-bottom:1px dotted #1E3554}
.download div.files ul {margin:5px 0 15px 10px}
.download div.files ul a {padding:2px 0 2px 20px;display:block}
.download div.files ul a:link, .download div.files ul a:visited {color:#333;text-decoration:none}
.download div.files ul a:hover {text-decoration:underline}
.download div.files ul a.pdf {background:url('../img/shared/pdf_icon.png') left center no-repeat}
.download div.files ul a.dwg {background:url('../img/shared/dwg_icon.png') left center no-repeat}
.download div.files ul a.prezzi {background:url('../img/prodotti/ico-prezzi.gif') center left no-repeat;}
/** sitemap **/
ul.sitemap {margin-left:30px}
ul.sitemap li {list-style:disc outside;padding:2px 0}
ul.sitemap li a {font-size:14px;font-weight:bold}
ul.sitemap li ul {margin-left:20px;margin-bottom:20px}
ul.sitemap li ul li {padding:1px 0}
ul.sitemap li ul li a {font-size:12px;font-weight:bold}
/** contatti **/
ul.contatti {margin-left:20px}
ul.contatti li {list-style:disc inside}
/** NEWS **/
div.newsitem {padding-bottom:10px;margin-bottom:20px;border-bottom:1px dotted #999}
div.newsitem h4 {font-weight:bold;font-size:16px}
/** FOOTER **/
#footer {clear:left;position:relative;margin-top:30px;padding:6px 20px 10px 20px;color:#848484;background:#eeeeef url('../img/shared/footer-bg.gif') bottom left repeat-x}
#footer ul li {display:inline;margin-right:10px;}
#footer ul a:link, #footer ul a:visited {color:#91918F;font-size:11px;text-decoration:underline}
#footer p#footer_data {position:absolute;right:20px;top:6px;text-align:right}
#footer p#footer_data a:link {color:#848484}
/** OVERLAY FORM **/
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:#000}
.formHolder {position:absolute;top:0;left:0;width:600px;height:480px;padding:10px;display:none}
.formHolder a#closeLayer {position:absolute;top:0;left:0}
.formHolder .content {background:#fff;border:2px solid #000;width:540px;height:420px;padding:30px}
.formHolder h3 {font-size:14px;font-weight:bold;border-bottom:1px solid #333}
.formHolder ol {width:100%;margin:0}
.formHolder ol li {padding:2px 0;margin:3px 0}
.formHolder form label.error {color:#e30000}
.formHolder form input
.formHolder form input.name {width:335px}
.formHolder li.narrow {display:inline;float:left;width:180px}
.formHolder li.narrow input {width:160px}
.formHolder textarea {width:520px;height:40px;border:1px solid #999;padding:2px}
.formHolder li.submit {text-align:center;padding-top:10px}
.formHolder p.confirm {margin:0}
/** FORM CD-ROM **/
#cd-romForm input{border:1px solid #999;padding:2px}
#cd-romForm ol {width:540px;margin:0}
#cd-romForm ol li {padding:2px 0;margin:3px 0}
#cd-romForm li.narrow {display:inline;float:left;width:180px}
#cd-romForm li.narrow input {width:160px}
#cd-romForm textarea {width:520px;height:60px;border:1px solid #999;padding:2px}
#cd-romForm label.error {color:#e30000}
div.alert {padding:10px 10px 10px 90px;margin: 20px 0;color: #cc0000;font-size: 90%;border-top: 3px solid #fe7b7a;border-bottom: 3px solid #fe7b7a;background: #ffcccc url('../img/shared/status-alert.png') 35px 50% no-repeat;}
div.alert h3 {margin-bottom:5px;font-size:14px}
/** MODAL WINDOW PER VIDEO **/
.videoHolder {position:absolute;top:0;left:0;display:none;background:#fff}
.videoHolder .bottom {position:absolute;bottom:0;left:0;height:30px;width:100%;background:#fff}
.videoHolder .bottom a#closeLayer {position:absolute;top:0;left:10px;display:block;height:22px;width:66px;text-indent:-3000px;background:url(../img/shared/lightbox/closelabel.gif) no-repeat scroll left top }
.videoHolder a#closeLayer {position:absolute;top:0;left:0;z-index:100;display:none}
.videoHolder #video {position:relative;background:#fff}
/** LIGHTBOX **/
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#loadingLink{width:32px;height:32px;background:url('../img/shared/lightbox/loading.gif') top left no-repeat}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url('../img/shared/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../img/shared/lightbox/prev.gif') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../img/shared/lightbox/next.gif') right 50% no-repeat; }
/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color: #FF9834;font-weight:bold;text-decoration: none;}
#nextLinkText{padding-left: 20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
.ontop #imageData {padding-top: 5px;}
/*** END : added padding when navbar is on top ***/
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:85%;float:left;text-align:left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; height:22px;background:url('../img/shared/lightbox/closelabel.gif') top left no-repeat;float: right; padding-bottom: 0.7em; }
#imageData #helpDisplay {clear: left; float: left; display: block; }
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);
-moz-opacity: 0.6;opacity: 0.6; display: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both;visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}