@font-face {
    font-family: 'sole';
    src: url('../fonts/solereg-webfont.eot');
    src: url('../fonts/solereg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/solereg-webfont.woff2') format('woff2'),
         url('../fonts/solereg-webfont.woff') format('woff'),
         url('../fonts/solereg-webfont.ttf') format('truetype'),
         url('../fonts/solereg-webfont.svg#sole_serif_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {background: #111E26 /* #415f77 */;  margin: 0; padding: 0; font-family: 'sole' , serif; font-size: 14px; font-weight: normal;}
img {border: 0; max-width: 100%; height: auto;}
.clear {clear: both;}

#bc_full {height: 130px; width: 100%; background: #fff url(../images/bc_bg.jpg) repeat-x 0 0; margin:0 auto; }
#bc_inner {width: 1120px; height: 99px; margin: 0 auto; background: transparent;}

.bottone {margin-top: 35px; border: 0;}
.bottone_footer {margin-top: 30px; margin-bottom:10px;}
.index3_alto {margin-top:30px; margin-bottom:-5px!important; border:0;}
.index3_basso {margin-bottom:10px; margin-top: 0px!important; margin-left: -1px!important; border:0;}
.index3_bottone {margin-top:-1px!important; margin-bottom: -6px!important; border:0;}
.container {width: 960px; margin: 0 auto;  position: relative;}
/*header style */
#header-full { background: url(../images/header_bg_1.jpg) repeat-x 0 0 ; margin: 0; padding: 0; position: relative;}
#header{ margin: 0; padding:0; height: 1350px; width: 100%;}


#header .container {color: #fff;}
#header h1 {margin:0px 0 25px 0; font-size: 50px; line-height: 55px; color: #ffbe36; padding:0; text-align: center;}
#header .container h1  {margin:60px 0 25px 0; font-size: 50px; line-height: 55px; color: #fff; padding:0; text-align: center;}
#header .container  p ,  #header p{color: #fff; padding: 0; margin: 0; font-size: 24px; line-height: 30px; text-align: center;}
#logo {padding: 57px 0; text-align: center; border-bottom: 2px solid #8b9094;}

#video {margin: 60px 0 70px 0; }
.prodotto img {max-width: 110px; height: auto}
.prodotto {width:110px;  background: transparent; margin-right: 8px; float: left; margin-top: 35px; margin-bottom: 5px;}
.prodotto.ultimo {margin-right: 0!important; width: 112px!important}

.prodotto h2 {padding: 0; margin: 30px 0 5px 0; font-size: 16px; font-weight:900; line-height: 18px; }
.prodotto p {padding: 0; color: #8e9eab!important; font-size: 12px!important; font-style: italic; text-align: left!important;line-height: 14px!important;}

.pannello {background: #111E26; padding-top: 20px; }

.pannello-head {margin: 10px 0 0px 0; }

.pannello .container h1 {font-size: 50px; line-height: 55px; color: #fff; padding:0; text-align: center;}
.pannello .container  p {color: #fff; padding: 0; margin: 40px 0 0 0; font-size: 24px; line-height: 30px; text-align: center;}

.pannello1 {float: left; margin-top:5px; background: url(../images/linea_vr.png) 0 0 no-repeat; width: 310px; height: 200px;}
.pannello1.sx{margin-left: 370px}
.pannello1.dx {margin-left:30px;}
.pannello1 h2 {padding: 0; margin: 20px 0 8px 20px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello1 p {margin-left: 20px!important; color: #8e9eab!important; font-size: 18px!important;  text-align: left!important;line-height: 20px!important; margin-top: 0!important; margin-right: 5px!important;}
 

.pannello2_sx {position: absolute; background: url(../images/or_sx.png) no-repeat top right; width: 205px;}

.pannello2_sx h2 {padding: 0; margin: 20px 0 8px 0px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello2_sx p {margin-left: 0px!important; color: #8e9eab!important; font-size: 16px!important;  text-align: left!important;line-height: 18px!important; margin-top: 0!important; margin-right: 0px!important;}

.pannello2_dx {position: absolute; background: url(../images/or_dx.png) no-repeat top left; width: 205px;}

.pannello2_dx h2 {padding: 0; margin: 20px 0 8px 20px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello2_dx p {margin-left: 20px!important; color: #8e9eab!important; font-size: 16px!important;  text-align: left!important;line-height: 18px!important; margin-top: 0!important; margin-right: 0px!important;}


.pannello3_sx {position: absolute; background: url(../images/or_sx.png) no-repeat top right; width: 205px;}

.pannello3_sx h2 {padding: 0; margin: 20px 0 8px 0px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello3_sx p {margin-left: 0px!important; color: #8e9eab!important; font-size: 16px!important;  text-align: left!important;line-height: 18px!important; margin-top: 0!important; margin-right: 0px!important;}

.pannello3_dx {position: absolute; background: url(../images/or_dx.png) no-repeat top left; width: 205px;}

.pannello3_dx h2 {padding: 0; margin: 20px 0 8px 20px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello3_dx p {margin-left: 20px!important; color: #8e9eab!important; font-size: 16px!important;  text-align: left!important;line-height: 18px!important; margin-top: 0!important; margin-right: 0px!important;}

.pannello4 {float: left; margin-top:5px; background: url(../images/linea_vr.png) 0 0 no-repeat; width: 245px; }
.pannello4.sx{margin-left: 114px}
.pannello4.cn {margin-left:25px;}
.pannello4.dx {margin-left:25px;}
.pannello4 h2 {padding: 0; margin: 20px 0 8px 20px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello4 p {margin-left: 20px!important; color: #8e9eab!important; font-size: 18px!important;  text-align: left!important;line-height: 20px!important; margin-top: 0!important; margin-right: 5px!important;}


.pannello5 {float: left; margin-top:5px; background: url(../images/linea_vr.png) 0 0 no-repeat; width: 245px; }
.pannello5.sx{margin-left: 114px}
.pannello5.cn {margin-left:25px;}
.pannello5.dx {margin-left:25px;}
.pannello5 h2 {padding: 0; margin: 20px 0 8px 20px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello5 p {margin-left: 20px!important; color: #8e9eab!important; font-size: 18px!important;  text-align: left!important;line-height: 20px!important; margin-top: 0!important; margin-right: 5px!important;}

.pannello6 {float: left; margin-top:5px; background: url(../images/linea_vr.png) 0 0 no-repeat; width: 310px; height: 200px;}
.pannello6.sx{margin-left: 170px}
.pannello6.dx {margin-left:30px;}
.pannello6 h2 {padding: 0; margin: 20px 0 8px 20px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello6 p {margin-left: 20px!important; color: #8e9eab!important; font-size: 18px!important;  text-align: left!important;line-height: 20px!important; margin-top: 0!important; margin-right: 5px!important;}



.pannello7 {float: left; margin-top:5px; background: url(../images/linea_vr.png) 0 0 no-repeat; width: 245px; }
.pannello7.sx{margin-left: 114px}
.pannello7.cn {margin-left:25px;}
.pannello7.dx {margin-left:25px;}
.pannello7 h2 {padding: 0; margin: 20px 0 8px 20px; font-size: 16px; font-weight:900; line-height: 18px; color: #fff;}
.pannello7 p {margin-left: 20px!important; color: #8e9eab!important; font-size: 18px!important;  text-align: left!important;line-height: 20px!important; margin-top: 0!important; margin-right: 5px!important;}

#footer{background: #26455b; padding-bottom: 25px;} 
#footer .container p{color: #fff; padding: 0; margin: 0; font-size: 20px; line-height: 24px; text-align: center;}
.trafiletto {width: 100%; height: 4px;margin-top: 30px; margin-bottom: 15px; background: url(../images/bg_trafiletto.png) 0 0 repeat-x;}
#footer h2 {padding: 0; margin: 5px 0 20px 0; font-size: 16px; font-weight:900; line-height: 18px; color: #fff; text-align: center;}
#footer .container h1 {margin:0px 0 0px 0; font-size: 16px; line-height: 30px; color: #fff; padding:0; text-align: center; font-weight: 900;}

.copy {text-align: center; font-family: verdana, arial, sans-serif; font-size: 10px; color:#8e9eab; margin-bottom: 40px;}

.copy a:link , .copy a:hover, .copy a:visited{color: #ffffff; text-decoration: underline; border: none;}



.opaco { opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */}


.pan_slogan {height: 159px; background: url(../images/bg_aa.jpg) left bottom repeat-x; }



.fader { /* display: inline-block; */  position: relative; float: left; margin-right: 0px; width: 320px; cursor: normal}
.fader img:last-child {
    position: absolute;
    top: 0; 
    left: 0;
    display: none;
}