/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, footer, header, hgroup, nav, section { display: block; }
audio, canvas { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */
html {padding:0px;margin:0px;}
html, body { width:100%;height: 100%}
body {background-image:url(../img/sf_gemata.jpg);background-position:top center;background-repeat:no-repeat;background-attachment: fixed;background-color:#eef1e8;padding:0px;margin:0px;}


/* SEGNALA */
body.segnala {background-image:none;background-color:#1b1b1b;padding:0px;margin:0px;font-family: 'HelveticaRegular';color: #1b1b1b;font-size: 13px }
td.testo {padding:5px 10px;color: #1b1b1b;font-size: 13px }
h1.segnala { font-family: 'webfontregular'; font-weight: normal;color: #fff;font-size: 24px;padding: 5px;margin: 0px;text-align: center}
/* FINE SEGNALA */

body { font-family: 'HelveticaRegular';color: #1b1b1b;font-size: 14px }


@font-face { font-family: 'webfontregular';
    src: url('../font/handgotn-webfont.eot');
    src: url('../font/handgotn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/handgotn-webfont.woff') format('woff'),
         url('../font/handgotn-webfont.ttf') format('truetype'),
         url('../font/handgotn-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;}

/*@font-face { font-family: 'HelveticaNeueLTStd35Thin';
    src: url('../font/helveticaneueltstd-th-webfont.eot');
    src: url('../font/helveticaneueltstd-th-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneueltstd-th-webfont.woff') format('woff'),
         url('../font/helveticaneueltstd-th-webfont.ttf') format('truetype'),
         url('../font/helveticaneueltstd-th-webfont.svg#HelveticaNeueLTStd35Thin') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'HelveticaNeueLTStd36ThIt';
    src: url('../font/helveticaneueltstd-thit-webfont.eot');
    src: url('../font/helveticaneueltstd-thit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneueltstd-thit-webfont.woff') format('woff'),
         url('../font/helveticaneueltstd-thit-webfont.ttf') format('truetype'),
         url('../font/helveticaneueltstd-thit-webfont.svg#HelveticaNeueLTStd36ThIt') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'HelveticaNeueLTStd45Light';
    src: url('../font/helveticaneueltstd-lt-webfont.eot');
    src: url('../font/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('../font/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('../font/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;}*/


@font-face { font-family: 'HelveticaRegular';
    src: url('../font/helr45w-webfont.eot');
    src: url('../font/helr45w-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helr45w-webfont.woff') format('woff'),
         url('../font/helr45w-webfont.ttf') format('truetype'),
         url('../font/helr45w-webfont.svg#HelveticaRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face { font-family: 'HelveticaBold';
    src: url('../font/helr65w-webfont.eot');
    src: url('../font/helr65w-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helr65w-webfont.woff') format('woff'),
         url('../font/helr65w-webfont.ttf') format('truetype'),
         url('../font/helr65w-webfont.svg#HelveticaBold') format('svg');
    font-weight: normal;
    font-style: normal;}    

img, a img {border:0px}   
a:hover img {filter:alpha(opacity=70);-moz-opacity: 0.7; opacity:0.7;
transition-duration:300ms;
transition-delay:50ms;
/* Firefox 4 */
-moz-transition-duration:300ms;
-moz-transition-delay:50ms;
/* Safari and Chrome */
-webkit-transition-duration:300ms;;
-webkit-transition-delay:50ms;
/* Opera */
-o-transition-duration:300ms;
-o-transition-delay:50ms;}   


.centrale {width:980px;margin:0 auto;padding:0px}
.rosso {color:#e33131;}


    /* =============================================================================
   Links
   ========================================================================== */  
a:link { color:#e33131;text-decoration:none }
a:visited { color:#e33131;text-decoration:none }
a:hover { color: #be1111;text-decoration:none;}
a:focus { outline: none; }   
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { color: #be1111;text-decoration:none; }

::-moz-selection,
.internal-link:hover{
    color: #fff!important;
}

::-moz-selection{
    background: #e33131;
}

/* INTESTAZIONE */
header {padding: 8px 0px 0px 0px;height:75px;}
header ul.lingue {float:right;list-style: none;margin:0px 10px 0px 0px;}
header ul.lingue li,header ul.lingue li.in {float:left;list-style: none;margin:0px 0px 0px 5px;width: 21px;height: 19px}
header ul.lingue li img,header ul.lingue li.in img {margin:0px;width: 21px;height: 19px}
header ul.lingue li a img {filter:alpha(opacity=500);-moz-opacity: 0.5; opacity: 0.5;}
header ul.lingue li.in a img {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;}
header ul.lingue li a:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0;
transition-duration:300ms;
transition-delay:50ms;
/* Firefox 4 */
-moz-transition-duration:300ms;
-moz-transition-delay:50ms;
/* Safari and Chrome */
-webkit-transition-duration:300ms;;
-webkit-transition-delay:50ms;
/* Opera */
-o-transition-duration:300ms;
-o-transition-delay:50ms;}
header ul.lingue li a span,header ul.lingue li.in a span {display: none}

header #logo {float:left;margin:0px 0px 0px 10px;width:310px;height: 50px;text-align: left}
header #logo img {width:309px;height:44px}

.cerca {float:right;width:150px;height:24px;margin:26px 10px 0px 0px;padding:0px;}
.cerca form {margin:0px;width:150px;padding:0px;}
.cerca form input[type=text].boxcerca {margin:0px;padding:0px 10px;width:100px;height:22px;background-color: #eef1e8;font-size:12px;line-height:16px;color:#767676;border:1px solid #d2d2d2;}
.cerca a.button,.cerca span.button {display:inline-block;cursor: pointer;border: none;float:right;font-size:0px;line-height:0px;height:24px;width:24px;margin:0px; padding:0px; background:url(../img/cerca.png) 0 0 no-repeat transparent;}
.cerca a.button span,.cerca span.button button,.cerca span.button input { display:inline-block;cursor: pointer;height:24px;padding:0px;margin: 0px;border: none;}
.cerca a.button:hover,.cerca span.button:hover,.cerca a.button:focus,.cerca a.button:focus span {background-position:0px -24px;}

/* menu */
nav#menul {width:980px;margin:0px 0px 10px 0px;padding:0px;position:absolute;z-index:99;background-image:url(../img/nero80.png);background-position: 0 0;background-repeat: repeat-x;}
ul.menuprincipale {list-style:none;font-size:16px;margin:4px 0px 0px 10px;padding:0px} 
ul.menuprincipale li a,ul.menuprincipale li.in a {display:block;float:left;list-style:none;padding:7px 7px 7px 7px;margin:0px 13px 0px 0px;text-align:left;color:#fff;}
ul.menuprincipale li a:hover,ul.menuprincipale li a.active,ul.menuprincipale li.in a,ul.menuprincipale li.in a:hover {color:#fff;background-color: #e33131}

ul.menuprincipale li.in .sottomenu ul.sm li a {background-color: transparent;}

ul.menuprincipale li .sottomenu {display:none;position:absolute;z-index:999;text-align:left;margin:33px 0px 0px -10px;width: 980px;height:auto;padding:0px 0px 5px 0px;/*height:104px;*/background-image:url(../img/bg_rosso.png);background-position: 0 0;background-repeat: repeat-x;}  

ul.menuprincipale li .sottomenu ul.sm {list-style:none;float:left;margin: 10px 40px 13px 15px;padding:0px;height:auto;text-shadow: 1px 2px 2px #6d0303}
ul.menuprincipale li .sottomenu ul.sm li {list-style:none;background-image:none;clear:both;}
ul.menuprincipale li .sottomenu ul.sm li a {display:block;list-style:none;margin:0px;padding: 5px 5px 5px 5px;text-align:left;color:#fff;clear:both;background-image:none;min-width:100px;font-size:15px;font-family: Arial}
ul.menuprincipale li .sottomenu ul.sm li a:hover {color:#d4dac7;background-color: #be1111}

figure.fototop {width:980px;height:145px;margin:0px 0px 20px 0px;}
figure.fototop img {width:980px;height:145px;}

/* menu navigazione*/
#menu_navigazione {width:950px;padding:5px 0px 5px 0px;margin:0px auto;clear:both;height:16px}
#menu_navigazione ul { list-style: none; padding:0px; margin:0px; float:right;}
#menu_navigazione ul li, #menu_navigazione ul li.attivo { padding:0px; margin:0px; color:#767676; font-size:12px; float:left;}
#menu_navigazione ul li a, #menu_navigazione ul li a:link {color:#767676;text-decoration: none;}
#menu_navigazione ul li a:hover, #menu_navigazione ul li a:focus, #menu_navigazione ul li a:active {color:#e33131;text-decoration: none;}
/* menu navigazione*/

/* icone utilities */
ul.aside_icone {position:absolute;z-index: 9;list-style:none;padding:0px;margin:42px 900px;width:80px;}
ul.aside_icone li.stampa, ul.aside_icone li.segnala { margin: 0px;padding: 0px;float:left;}
ul.aside_icone li.stampa a, ul.aside_icone li.segnala a{ display: block; padding: 0px; float:left;}
ul.aside_icone li.stampa a {width:30px;height:30px;margin:0px 7px 0px 0px;background: url(../img/stampa.png) no-repeat 0 0;}
ul.aside_icone li.segnala a {width:30px;height:30px;margin:0px 5px 0px 0px;background: url(../img/segnala.png) no-repeat 0 0;}
ul.aside_icone li.stampa a:hover,ul.aside_icone li.stampa a:focus,ul.aside_icone li.stampa a:active,
ul.aside_icone li.segnala a:hover,ul.aside_icone li.segnala a:focus,ul.aside_icone li.segnala a:active { background-position: 0 -30px;text-decoration:none;}
ul.aside_icone li.stampa a span, ul.aside_icone li.segnala a span{display:none}

/* fine INTESTAZIONE */

/* prima pagina */
div.slogan {position:absolute;z-index: 99999;width:980px;height:54px;margin:365px 0px 0px 0px;}
div.slogan img {width:980px;height:54px;}
div.slogan span {display: none}

div.slogan_big {width:980px;padding:20px 0px;text-align: center}
div.slogan_big h1 {font-family: 'webfontregular';font-weight: normal;text-align: center;text-transform: uppercase;color:#e33131;font-size: 64px;letter-spacing: 7px}

ul.settori {list-style: none;margin: 0px;padding: 0px}
ul.settori li {float:left;border:0px;}
ul.settori li a {display:block;float:left;width:290px;padding:6px;margin: 0px 11px 20px 11px}
ul.settori li h2 {padding: 110px 0px 10px 5px;background-position: 0 0;background-repeat: no-repeat;text-align: left;font-family: 'webfontregular';font-weight: normal;text-transform: uppercase;color:#fff;font-size:55px;text-shadow: 1px 2px 3px #000;}
ul.settori li p {padding: 0px 0px 10px 0px;font-size:16px;line-height:20px;text-align: justify;height:70px;}
ul.settori li img.continua {float:right;margin:0px 0px 5px 0px;width:48px;height:38px;}
ul.settori li a h2 {color:#fff;}
ul.settori li a p {color:#1b1b1b;}
ul.settori li a:hover p {color:#fff;}
ul.settori li a:hover {color:#fff;text-shadow: 1px 2px 3px #000;background-color: #e33131;
transition-duration:400ms;
transition-delay:100ms;
/* Firefox 4 */
-moz-transition-duration:400ms;
-moz-transition-delay:100ms;
/* Safari and Chrome */
-webkit-transition-duration:400ms;;
-webkit-transition-delay:100ms;
/* Opera */
-o-transition-duration:400ms;
-o-transition-delay:100ms;}
ul.settori li a:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0}

/* settori divisi in 4 */
ul.settori4 {list-style: none;margin: 0px;padding: 0px}
ul.settori4 li {float:left;border:0px;}
ul.settori4 li a {display:block;float:left;width:450px;padding:6px;margin: 0px 11px 15px 11px}
ul.settori4 li h2 {padding: 120px 0px 10px 5px;background-position: 0 0;background-repeat: no-repeat;text-align: left;font-family: 'webfontregular';font-weight: normal;text-transform: uppercase;color:#fff;font-size:36px;text-shadow: 1px 2px 3px #000;}
ul.settori4 li p {padding: 0px 10px 5px 10px;font-size:16px;line-height:20px;text-align: left;height:40px;}
ul.settori4 li img.continua {float:right;margin:0px 0px 5px 0px;width:48px;height:38px;}
ul.settori4 li a h2 {color:#fff;}
ul.settori4 li a p {color:#1b1b1b;}
ul.settori4 li a:hover p {color:#fff;}
ul.settori4 li a:hover {color:#fff;text-shadow: 1px 2px 3px #000;background-color: #e33131;
transition-duration:400ms;
transition-delay:100ms;
/* Firefox 4 */
-moz-transition-duration:400ms;
-moz-transition-delay:100ms;
/* Safari and Chrome */
-webkit-transition-duration:400ms;;
-webkit-transition-delay:100ms;
/* Opera */
-o-transition-duration:400ms;
-o-transition-delay:100ms;}
ul.settori4 li a:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0}


/* pagine interne */
section.articolo {padding: 0px 0px 20px 0px}
section.articolo h1 {font-family: 'webfontregular';font-weight: normal;text-align: left;color:#1b1b1b;font-size: 33px;padding:0px 100px 0px 4px;border-bottom: 3px solid #e33131}
section.articolo h3 {font-family: 'webfontregular';font-weight: normal;text-align: left;color:#e33131;font-size:16px;line-height:19px;padding:20px 30px 0px 10px;text-transform: uppercase;}
section.articolo article.testo {text-align:justify;padding:25px 30px 0px 10px;line-height:18px}
section.articolo article.prodotti {text-align:left;padding:25px 0px 0px 0px;line-height:18px}

section.articolo section.fotogallery {text-align:left;padding:25px 0px 0px 0px;line-height:16px}
section.articolo section.fotogallery figure {float:left;width:250px;height:190px;padding:5px 0px 0px 0px;margin: 0px 5px 10px 5px;border:1px solid #c5c7c1;text-align: center}
section.articolo section.fotogallery figure img {height:140px;width:auto;margin:0px auto;}
section.articolo section.fotogallery details {text-align:center;padding: 4px 10px 5px 10px;font-size:13px;line-height:15px;height:50px;}

section.articolo article.approfondimenti {text-align:left;margin:25px 30px 0px 10px;padding:10px 0px 10px 10px;line-height:18px;background-color: #dbdcda}
section.articolo article.approfondimenti h5 {font-family: 'webfontregular';font-weight: normal;text-align: left;color:#e33131;font-size:16px;line-height:19px;padding:0px 0px 0px 10px;text-transform: uppercase;}section.articolo article.testo ul {margin: 15px 0px 10px 15px;list-style: none}
section.articolo article.approfondimenti ul {margin: 10px 0px 10px 15px;list-style: none}
section.articolo article.approfondimenti ul li {float:left;width:340px;margin: 0px 20px 10px 0px;padding: 0px;list-style: none;}
section.articolo article.approfondimenti ul li a {color:#1b1b1b;}
section.articolo article.approfondimenti ul li a:hover {color:#e33131;}
section.articolo article.approfondimenti ul li img {float:left;margin: 0px 5px 0px 0px;padding: 0px}

/* table photogallery */
table.photogallery td {text-align:center;padding:10px 0px 10px 0px;border:1px solid #c5c7c1;} 
table.photogallery td figure {text-align:center;padding:0px 0px 0px 0px;border:0px;padding:5px 0px 0px 0px;margin: 0px 0px 5px 0px;} 
table.photogallery td div.details {text-align:center;padding: 0px 10px 5px 10px;font-size:13px;line-height:15px;}

section.articolo img.left {float:left;margin:0px 15px 10px 0px;}
section.articolo img.right {float:right;margin:0px 0px 10px 15px;}

div.centrocoldestra {width:950px;padding: 0px 15px 20px 15px}
div.col_sinistra {width:160px;float:left;padding: 0px 0px 20px 10px}
div.col_destra {width:790px;float:right;padding: 0px 10px 20px 0px}

section.articolo article.testo ul {margin: 15px 0px 10px 15px;list-style: none}
section.articolo article.testo ul li {margin: 0px 0px 10px 0px;padding: 0px 0px 0px 18px;list-style: none;background-image:url(../img/li_smenu-cor.png);background-position:2px 4px;background-repeat:no-repeat;}

section.articolo article.testo ul.novita {margin: 15px 0px 10px 15px;list-style: none}
section.articolo article.testo ul.novita li {margin: 0px 0px 20px 0px;padding: 0px 0px 0px 18px;list-style: none;background-image:url(../img/li_smenu-cor.png);background-position:2px 4px;background-repeat:no-repeat;}
section.articolo article.testo ul.novita li img {margin: 0px 10px 2px 0px;width:130px;height: auto}
section.articolo article.testo ul.novita li h4 {margin: 0px 0px 4px 0px;padding:0px;font-weight: bold;text-align: left;font-size: 15px}
section.articolo article.testo ul.novita li a {color:#1b1b1b;}
section.articolo article.testo ul.novita li a:hover {color:#e33131;}

/* Elenco prodotti */
ul.elenco_prodotti {list-style: none;margin: 0px;padding: 0px}
ul.elenco_prodotti li {float:left;border:0px;}
ul.elenco_prodotti li a {display:block;float:left;width:250px;height:250px;padding:0px;margin: 0px 5px 10px 5px;border:1px solid #c5c7c1;background: url(../img/elenco_prodotti.png) bottom right no-repeat;}
ul.elenco_prodotti li h2 {padding: 10px 10px 5px 10px;font-family: 'webfontregular';font-weight: normal;color:#1b1b1b;font-size:16px;height:33px;}
ul.elenco_prodotti li div.figure {padding:0px;text-align: center;height:113px;width:250px;background-color: #fff}
ul.elenco_prodotti li div.figure img {margin:0px;height:113px;width:auto;}
ul.elenco_prodotti li p {text-align:left;padding: 5px 10px 3px 10px;font-size:14px;line-height:17px;height:50px;}
ul.elenco_prodotti li a h2 {color:#1b1b1b;}
ul.elenco_prodotti li a p {color:#1b1b1b;}
ul.elenco_prodotti li a:hover h2 {color:#e33131;}
ul.elenco_prodotti li a:hover p {color:#1b1b1b;}
ul.elenco_prodotti li a:hover {color:#fff;background-color: #eef1e8;border:1px solid #c5c7c1;background-image: url(../img/elenco_prodotti_on.png);background-position:bottom right;background-repeat:no-repeat;
transition-duration:400ms;
transition-delay:100ms;
/* Firefox 4 */
-moz-transition-duration:400ms;
-moz-transition-delay:100ms;
/* Safari and Chrome */
-webkit-transition-duration:400ms;;
-webkit-transition-delay:100ms;
/* Opera */
-o-transition-duration:400ms;
-o-transition-delay:100ms;}
ul.elenco_prodotti li a:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0; opacity: 1.0}

/* tabelle */
.TDprodotto {
    border-top : 1px solid #dddddd; 
    border-right : 1px solid #dddddd; 
    border-left : 1px solid #dddddd; 
    border-bottom : 1px solid #dddddd; 
    margin:0px auto;
} 

.TDprodotto td {padding:3px 5px;} 

/* FORM */
.label0 {margin:0px 15px 0px 0px;padding:0px 0px 0px 0px;height:60px;float:left;}
.label1 {padding:0px 0px 8px 0px;clear:both;}
.label0 .input, .label2 .input {margin:2px 0px 0px 0px;padding:2px 3px;background-color:#eef1e8;border:1px solid #d2d2d2;}
.label1 .messaggio {margin:3px 0px 0px 0px;padding:2px 3px;width:750px;height:70px;background-color:#eef1e8;border:1px solid #d2d2d2;}
span.legge {font-size:13px;line-height:15px}
span.eviform {color:#e33131;}
.privacy {margin:3px 0px 10px 0px;padding:5px;width:650px;font-size:12px;line-height:13px;border:1px solid #7e7e7e;background:#7e7e7e;height:90px;overflow-y: scroll;text-align:justify;color:#fff}
input.code {color:#fff;font-size:20px;background-color:#e33131;border:0px;padding:0px 5px;width:70px; }
.label2b {width:340px;margin:0px 8px 0px 0px;padding:0px 0px 12px 0px;font-size:13px;float:left; }
.label2 {width:340px;margin:0px 8px 0px 0px;padding:0px 0px 12px 0px;font-size:13px;float:left; }
.labelcheck {width:175px;margin:0px 0px 0px 0px;padding:0px 0px 12px 0px;font-size:14px;float:left;text-align:center}

.inputgen {margin:2px 0px 0px 0px;padding:2px 0px;background-color:#fff;border:1px solid #deb69e;font-size:12px}
span.legge_ecomm {font-size:12px;font-weight:bold;color:#008bd0}
.privacy_ecomm {margin:3px 0px 10px 0px;padding:10px;height:80px;font-size:11px;line-height:14px;border:1px solid #79c8ef;background: #d9eaf5;overflow-y: scroll;text-align:justify;color:#4b4b4b}




/* SINISTRA */
/* menusx */
nav#menusx {margin:0px;width:145px;padding:0px 0px 12px 0px;background-repeat:no-repeat}
nav#menusx .iniziale a {display:block;margin:0px;padding:5px 5px 4px 10px;background-position:bottom left;background-repeat:repeat-x;background-color:#1b1b1b;color:#fff;font-size:16px;text-align:left}  
nav#menusx .iniziale a:hover {color:#fff;background-color: #e33131;}  

nav#menusx ul.smenu {list-style:none;margin:0px;padding:0px;}
nav#menusx ul.smenu li {list-style:none;font-size:14px;text-align: left;}
nav#menusx ul.smenu li a, 
nav#menusx ul.smenu li.in a {display:block;font-size:14px;line-height:17px;text-align:left;text-decoration:none;margin:0px 0px 1px 0px; padding:4px 5px 4px 20px;}
nav#menusx ul.smenu li a { color:#1b1b1b;background-image:url(../img/li_smenu.png);background-position:0px 6px;background-repeat:no-repeat;background-color: #dbdcda}
nav#menusx ul.smenu li a:hover,nav#menusx ul.smenu li.in a,nav#menusx ul.smenu li.in a:hover { color:#fff;background-color: #e33131;}
nav#menusx .iniziale a:hover,
nav#menusx ul.smenu li a:hover,nav#menusx ul.smenu li.in a,nav#menusx ul.smenu li.in a:hover {transition-duration:200ms;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition-duration:200ms;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition-duration:200ms;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition-duration:200ms;
-o-transition-timing-function:linear;}

/* menu CORRELATI*/
.aside_correlati {padding:0px;margin:20px 0px 0px 0px;background-color:#eef1e8;border:1px solid #c7c7c7;width:143px}
.aside_correlati h5 {font-family: 'webfontregular';font-weight: normal;font-size:14px;color:#e33131;margin:5px 5px 5px 5px;padding:0px;font-weight:normal;text-transform: uppercase}
ul.correlati { list-style:none;text-align: left; margin: 0px; padding:0px;border-top:1px solid #fff}
ul.correlati li {list-style:none;text-align: left; }
ul.correlati li a {display:block;color:#1b1b1b;text-decoration:none;list-style:none;text-align: left; margin:0px;padding:5px 5px 5px 15px;font-size:13px;background-image:url(../img/li_smenu-cor.png);background-position:2px 8px;background-repeat:no-repeat;background-color: #eef1e8;border-bottom:1px solid #fff}
ul.correlati li a:hover {color:#1b1b1b;background-color:#dbdcda;text-decoration:none}
ul.correlati li img { float:left; margin:0px 4px 0px 0px;}



/*SOTTO*/
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, body.home {height: 100%;}
#wrap {min-height:100%;height:auto!important;height:100%;width:100%;background-image: url(../img/sf_bianco.png);background-position: top center;background-repeat: repeat-y;}
#main {overflow:auto;
    padding-bottom:100px;}  /* must be same height as the footer */
    
footer {position: relative;
    margin-top: -100px; /* negative value of footer height */
    height:98px;
    clear:both;
  width:980px;
  background-color:#fff;
border-top:2px solid #cccec8;} 
  
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/}

article.copy1 {margin:17px 0px 0px 10px;text-align:left;float:left;padding:0px;width:270px}
article.copy1 p {text-align:left;color:#767971;font-size:12px;padding:0px;margin:0px;}
article.copy1 p a {color:#767971;}
article.copy1 p a:hover {color:#e33131;}

article.copy2 {display: table-cell; vertical-align: middle;float:left;margin:15px 0px 0px 0px;text-align: center;padding:0px;width:425px;height:83px;}
article.copy2 img {margin:0px 4px;}

article.copy3 {margin:25px 10px 0px 0px;text-align:right;float:right;padding:0px;width:255px;color:#767971;font-size:11px;}
article.copy3 a {color:#767971;}
article.copy3 a:hover {color:#e33131;}
article.copy3 img {width:167px;height:17px;margin:5px 0px 0px 0px;}


/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { clear: both; }

/* PHOTOGALLERY */

#lightbox{  position: absolute; left: 0; width: 100%; z-index:999999999999; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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; }
#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-image: url(data:image/gif;base64,AAAA); /* 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/prevlabel.gif) left 47% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 47% no-repeat; }

#imageDataContainer{ font:10px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{ padding:0 10px; color: #000; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* mod per lightbox */
div#overlay{background: #000000;z-index:999999999999;}
#outerImageContainer,div#imageDataContainer{background: #fff}
#imageData{color:#000;font-size:12px;line-height:18px}
#imageData #bottomNavClose img{visibility:hidden}
#imageData #bottomNavClose{background: url(../img/closelabel.gif) no-repeat}
#prevLink,#nextLink{filter:alpha(opacity=98);opacity:0.9}
#prevLink:hover,#prevLink:visited:hover,
#nextLink:hover,#nextLink:visited:hover{ filter:alpha(opacity=95);opacity:0.95} 


/* SIMULATORE */
.simulatore .left {float:left;width: 250px;}
.simulatore .preview_outer {margin-left: 250px;}
.simulatore .preview_outer .preview {height: 600px;}
.simulatore .preview_outer .preview img {height: 500px;top: 20px;position: relative;display: block; margin: 0 auto;padding:4px; border:1px solid #CCC;box-shadow: 0px 5px 10px #BBB;}
.simulatore .categorie, .simulatore .cilindri { height: 200px;overflow-y: scroll;overflow-x: hidden;border: 1px solid #EEE;}
.simulatore .cilindri {height: 300px;}
.simulatore .left ul li {cursor: pointer;}
.simulatore .left ul li:hover {cursor: pointer;background-color: #EEE;}
.simulatore .colors {margin:10px 20px; height:25px;}
.simulatore .colors .col1 {float:left;width: 30%; margin: 0;padding: 0; text-align: left;}
.simulatore .colors .col2 {float:left;width: 40%; margin: 0;padding: 0; text-align: center; font-weight: bold; font-size: 18px;}
.simulatore .colors .col3 {float:left;width: 30%; margin: 0;padding: 0; text-align: right}
.simulatore .left ul li.selected {cursor: pointer;background-color: #e33131; color:#FFF;};


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

 
@media print {
  * { background:transparent!important;text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  html { font-size:12pt;  line-height: 1.2;padding:0px;margin:0px;}

    div.col_sinistra {display:none;}
  div.col_destra {clear:both;padding: 0px 10px 20px 0px;width:800px;}
  
}

.fancybox-opened {
    transform: translateZ(100px) !important; 
    z-index: 999999999 !important;
}

.fancybox-overlay{
    background: #000 !important
}