﻿/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
margin:0;
padding:0;
font-family: 'Gudea', sans-serif;
font-size:12px;
color:#333536;
}

body a{
color:inherit;
text-decoration:none;
}

body a:hover{
text-decoration:underline;
}

a {
cursor: pointer;
}

img {
margin:0;
padding:0;
border:0;
}

h1, h2, h3, h4 {
margin:0;
padding:0;
font-size:inherit;
font-weight:inherit;
color:inherit;
}

.left{float:left;}
.clear{clear:both;}

.shadow {
-moz-box-shadow: 5px 5px 5px #666;
-webkit-box-shadow: 5px 5px 5px #666;
box-shadow: 5px 5px 5px #666;
}

#bg-menu {
position:absolute;
top:0;
left:0;
right:0;
background-color:black;
height:44px;
}

#bg-filled {
position:absolute;
top:0;
left:0;
right:0;
/*background-color:#007ac3;*/
height:262px;
}

#top {
overflow:hidden;
position:relative;
}

#bottom {
overflow:hidden;
position:relative;
}

.boxed {
margin: 0 auto;
width: 980px;
position:relative;
overflow:hidden;
}

#logo {
position:absolute;
top:0;
left:0;
}

#menu {
overflow:hidden;
height: 44px;
}

#menu header {
/*margin-left:480px;*/
position:absolute;
top:0;
right:0;
/*left:470px;*/
}

#menu aside {
display:inline;
float:left;
height:12px;
}

#menu .languages {
margin:12px 12px 0 0;
}

#menu .search {
margin:12px 25px 0 0;
}

#menu .sogefi {
padding-top: 3px;
}

#menu select {
width:145px;
text-transform:uppercase;
font-size:0.8em;
color:#4c4e4f;
padding:4px;
}

#menu input[type="text"] {
width:110px;
text-transform:uppercase;
font-size:0.8em;
color:#4c4e4f;
padding:4px;
vertical-align:top;
}

#menu input[type="text"].clicked {
text-transform:none;
}

#menu input[type="image"] {
padding-left:3px;
height: 22px;
}

#sezioni {
clear:both;
overflow:hidden;
margin-top:20px;
text-align:right;
}

#sezioni ul{
color:white;
text-transform:uppercase;
list-style: none outside none;
font-size:1.6em;
line-height:1.1em;
margin:0;
}

#sezioni ul a{
color:white;
}

#filtri {
clear:both;
overflow:hidden;
margin-top:15px;
margin-bottom:25px;
width:980px;
height:238px;
}

#filtri div.hover{
float:left;
position:relative;
border-right:solid 1px white;
height:238px;
max-width:196px;

box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

#filtri div.noborder{
border: none;
}

#filtri div.nb{
border-right:none;
}

#filtri .fascia{
width:195px;
height:70px;
position:absolute;
bottom:0;
left:0;
/*background: url("/includes/img/blackt.png") repeat 0 0 transparent;*/
/*background-color:#007ac3;*/
}

#filtri p.titolo {
color:white;
font-size:1.4em;
line-height:1.1em;
text-transform:uppercase;
margin:0;
padding:12px 0 0 12px;
}

#filtri p.testo {
color:white;
font-size:1.2em;
line-height:1.1em;
padding:10px;
}

#filtri.int {
height:128px;
margin-bottom:0;
}

#filtri.int .fascia {
height: 64px;
}

#filtri.int p.titolo {
padding-top:8px;
}

#filtri.int .hover {
height:128px;
}

#filtri.int .hover img{
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

#filtri.int .hover.on img{
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

#hpnews {
position:relative;
width:980px;
clear:both;
overflow:hidden;
background-color: #ebeae6;
margin-bottom:35px;
padding: 15px 28px 0 28px;
}

#hpnews .news {
width:545px;
float:left;
}

#hpnews .news header{
font-weight:bold;
font-size:1.4em;
margin-bottom:10px;
text-transform:uppercase;
}

#hpnews .news section {
margin-bottom:20px;
}

#hpnews .news .titolo{
font-size:1.3em;
font-weight:bold;
}

#hpnews .news .testo{
font-size:1.2em;
}

.bgnews{
position:absolute;
top:15px;
right:0;
width:384px;
height:225px;
background: url("/includes/img/bg_news.png") no-repeat top right;
}

#bignews {
width:310px;
position:absolute;
top:45px;
right:25px;
color:white;
text-align:right;
}

#bignews a{
color:white;
}

#bignews .titolo{
font-size:1.8em;
font-weight:bold;
text-transform:uppercase;
margin-bottom:10px;
float:right;
width:260px;
  height:80px;
}

#bignews .testo{
font-size:1.3em;
}

#bignews .title_under_image{
font-size:1.3em;
}

#bignews .image_strillo_rosso{
margin-left:20px;
}

#hppiede {
overflow: hidden;
padding: 20px 0 35px 0;
}

#hppiede section{
float:left;
}

#hppiede .hppiede1{
width:306px;
margin-right:31px;
overflow:hidden;
}

#hppiede .hppiede1 .testo{
position:absolute;
bottom:0;
left:0;
width:277px;
background: url("/includes/img/blackt.png") repeat 0 0 transparent;
}

#hppiede .hppiede1 .testo p{
color:white;
margin:0;
padding:15px 21px;
font-weight:bold;
font-size:1.1em;
}

#hppiede .hppiede1 .play{
position:absolute;
top:19px;
right:-8px;
background: url("/includes/img/play.png") no-repeat 0 0;
width:67px;
height:60px;
}

#hppiede .hppiede2{
width:306px;
margin-right:31px;
}

#hppiede .hppiede2 .box{
float:right;
width:174px;
}

#hppiede .hppiede2 .box .titolo{
font-size:1.2em;
padding: 18px 14px;
}

#hppiede .hppiede2 .box .testo{
font-size:1.1em;
padding: 0 14px;
}

#hppiede .hppiede2 .box .more{
position:absolute;
right:10px;
bottom:10px;
}

#hppiede .hppiede3{
width:306px;
}

#hppiede .hppiede3.mt{
margin-top:10px;
}

#hppiede .hppiede1 header, #hppiede .hppiede2 header, #hppiede .hppiede3 header {
font-weight:bold;
font-size:1.3em;
text-transform:uppercase;
margin-bottom:5px;
color:white;
}

/* BREADCRUMB */
#breadcrumb {
font-family: 'Gudea',sans-serif;
font-size: 1.2em;
padding-bottom:12px;
overflow: hidden;
}

#breadcrumb h1{
float:left;
text-transform:uppercase;
font-size: 1.8em;
font-weight: bold;
}

#breadcrumb .breadcrumb{
float:right;
text-transform:lowercase;
text-align:right;
padding-top: 9px;
}

#breadcrumb .breadcrumb span{
margin:0px 5px;
}

#footer {
margin-top:18px;
padding-bottom:40px;
position:relative;
overflow:hidden;
}

#footer aside{
float:left;
}

#footer nav{
float:right;
}

#footer nav ul{
margin:0;
padding:0;
list-style: none outside none;
}

#footer nav ul li{
float:right;
text-transform:uppercase;
margin:0 0 0 7px;
padding:0 7px 0 0;
border-right: solid 1px #000000;
}

#footer nav ul li.nb{
border-right: none;
}

/* NUOVI */

#bottom.raiseup {
margin-top:-70px;
z-index:-1;
height:110px;
}

/* CANALE */

#channel, #content {
border:solid 1px #b3b3b3;
background-color:white;
min-height:400px;
margin-top:18px;
padding:34px 18px;
overflow:hidden;
}

#channel .channel {
clear:both;
float:left;
width:926px;
font-size: 1.2em;
margin-left:16px;
}

#channel .channel.novita {
width:706px;
margin-top:50px;
}

#channel .channel.novita section{
overflow:hidden;
}

#channel .novita-ape {
width:256px;
float:left;
}

#channel .novita-text {
width:364px;
float:left;
margin-left:48px;
}

#channel .novita-text h3{
position:relative;
top:-6px;
text-transform:uppercase;
font-size:38px;
margin:0;
font-weight:bold;
line-height:40px;
}

#channel .novita-text p{
margin:0 0 10px;
}

#channel .novita-cta{
width: 300px;
height: 38px;
cursor:pointer;
position:absolute;
}

#channel .novita-cta img {
position:absolute;
top:3px;
right:3px;
}

#channel .novita-cta span{
display: block;
font-size: 13pt;
font-weight: bold;
margin: 8px 0 0 13px;
cursor:pointer;
}

#channel .novita-sommario {
font-size: 13pt;
}

#channel .novita-archivio {
font-size: 15pt;
font-weight: bold;
margin-top:40px;
margin-bottom: 40px;
clear:both;
}

#channel .novita-lista {
width:668px;
}

#channel .novita-lista .item {
clear:both;
overflow:hidden;
}

#channel .novita-lista .item.even{
background-color:#e5e5e5;
}

#channel .novita-lista h2{
width:608px;
float:left;
}

#channel .novita-lista h2 a{
padding:8px 0 0 10px;
display:block;
}

#channel .novita-lista .pdf{
width:60px;
float:left;
text-align:center;
}

#channel .novita-lista .pdf a{
display:block;
padding: 4px 0 0;
}

#channel .channel.novita .link{
font-size:10px;
text-transform:uppercase;
margin:10px 20px 10px 0;
text-align:center;
width:80px;
float:right;
}

#channel .channel.novita .link a:hover{
text-decoration:none;
}

#channel .novita-correlate {
width:192px;
margin:50px 0 0 28px;
float:left;
}

#channel .novita-correlata {
margin-bottom:15px;
overflow: hidden;
}

#channel .novita-correlata header{
padding:7px 0 7px 5px;
text-align:left;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}

#channel .novita-correlata .novita-wrapper{
padding:9px;
}

#channel .novita-correlata figure {
margin:0 0 4px 0;
}

#channel .novita-correlata .titolo {
font-weight:bold;
font-size:19px;
line-height:19px;
}

#channel .novita-correlata .testo {
font-size:10px;
}

#channel .novita-correlata .link {
font-size:10px;
text-transform:uppercase;
margin:10px 0 5px 0;
text-align:center;
width:60px;
float:right;
}

#channel .novita-correlata .link a:hover{
text-decoration:none;
}

/* CONTENUTO */
#content .content {
clear:both;
float:left;
width:926px;
font-size: 1.2em;
margin-left:16px;
}

#content .content ul{
list-style-position: inside;
}

#content .back {
float:right;
margin:17px 0 0 0;
padding: 4px 10px;
}

#content .mmleft {float:left; padding:2px 8px 2px 0;}
#content .mmright {float:right; padding:2px 0 2px 8px;}

#content .mmleft img {border:0;}
#content .mmright img {border:0;}

/* content related */
#content .correlate, #channel .correlate {
float:left;
width:229px;
margin:12px 0 0 20px;
}

.correlate section {
position:relative;
margin:21px 18px;
}

.correlate header {
/*
position:absolute;
top:-10px;
right:9px;
width:166px;
height:32px;
background: url("/includes/img/bg_related_v2.png") no-repeat right top transparent;
*/
background-color: white;
padding: 2px 8px;
}

.correlate header p{
font-size:1.25em;
font-weight:bold;
text-transform:uppercase;
/*padding: 13px 0 0 8px;*/
margin:0;
width:132px;
}

.correlate .pin {
position:absolute;
top:-10px;
right:9px;
width:26px;
height:30px;
background: url("/includes/img/bg_related_v2.png") no-repeat right top transparent;
}

.correlate .foto {
text-align:center;
/*width:175px;*/
/*padding:26px 0 10px 0;*/
padding:15px/*0 0 10px 0*/;
overflow:hidden;
}

.correlate .titolo {
margin:9px 18px 0;
font-weight:bold;
}

.correlate .testo {
margin: 4px 18px 0;
}

.correlate .testo p{
margin:0;
}

.correlate .link {
clear:both;
overflow:hidden;
}

.correlate .link.border {
padding-bottom:10px;
margin-bottom:10px;
border-bottom:solid 1px #cccccc;
}

.correlate .link .title {
float:left;
text-align:left;
width:120px;
font-weight:bold;
}

.correlate .link .pdf {
float:right;
}

/* CERTIFICAZIONI */
.cert {
margin-top: 40px
}

.cert h2{
font-size: 22px;
font-weight: bold;
text-transform: lowercase;
}


.infiniteCarousel {
width: 686px;
position: relative;
height: 210px;
margin-top:20px;
}

.infiniteCarousel .wrapper {
width: 606px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow: auto;
min-height: 10em;
margin: 0 40px;
position: absolute;
height: 210px;
top: 0;
}

.infiniteCarousel ul a img {
}

.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}

.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px;
height: 81px;
width: 81px;
}

.infiniteCarousel ul li a img {
display:block;
}

.infiniteCarousel .dida {
margin-top:5px;
font-size:12px;
padding-left:12px;
background: url("/includes/img/bg-cert.png") no-repeat 0 1px transparent;
}

.infiniteCarousel .arrow {
display: block;
width: 20px;
height: 63px;
text-indent: -999px;
position: absolute;
top: 72px;
cursor: pointer;
}

.infiniteCarousel .arr-forward {
background: url(/includes/img/arr-rx.png) no-repeat 0 0 transparent;
right:10px;
}

.infiniteCarousel .arr-back {
background: url(/includes/img/arr-lx.png) no-repeat 0 0 transparent;
left:10px;
}


/*
.cert .int {
margin-top:10px;
overflow:hidden;
}

.cert a {
float:left;
margin:20px;
}

.cert figure {
margin:0;
width: 85px;
height:174px;

}

.cert figure img{
padding:2px;
}

.cert figure figcaption{
font-size:12px;
padding-left:12px;
background: url("/includes/img/bg-cert.png") no-repeat 0 1px transparent;
}
*/

/* IFRAME */
#content .prodiframe iframe{
width:920px;
height:3200px;
border:0;
}


/* ELENCO NEWS */
#elenco article {
clear:both;
margin: 20px 0 0 16px;
border-bottom: 1px solid #B3B3B3;
overflow: hidden;
padding-bottom:10px;
}

#elenco article time {
font-size:0.8em;
display:block;
margin-bottom:2px;
}

#elenco article h2 {
margin-bottom:2px;
}

#elenco article h2 a{
font-size:1.2em;
font-weight:bold;
}

#elenco article figure.immagine {
float:left;
margin: 0 15px;
}

#elenco article p {
margin:0;
}

#elenco article .detail {
float:right;
margin:4px 0 1px;
padding:4px 10px;
}

#channel nav.pag, #content nav.pag  {
margin-top:20px;
text-align:center;
}

/* FORM NEWSLETTER */
.formnewsletter .form_label{
   display:block; margin-top:10px
}

.formnewsletter .form_text{
 clear:both; width:200px; margin-top:5px
}

.formnewsletter .buttsubscription{
    background: none repeat scroll 0 0 blue;
    border: medium none;
    color: #FFFFFF;
    margin-top: 20px;
    padding: 5px 15px;
cursor:pointer;
}

.formnewsletter .introtext{
font-weight:bold; margin-top:20px
}

.formnewsletter .legaltext{
display: block;
height: 100px;
margin: 20px 0;
width: 480px;
}

/* VOTRE MARQUE */
.votremarque {
display: block;
margin-top: 30px;
}

.votremarque .form_label{
   display:block; margin-top:10px
}

.votremarque .form_text{
 clear:both; width:200px; margin-top:5px
}

.votremarque .buttsubscription{
    background: none repeat scroll 0 0 blue;
    border: medium none;
    color: #FFFFFF;
    margin-top: 20px;
    padding: 5px 15px;
cursor:pointer;
}

.votremarque .introtext{
font-weight:bold; margin-top:20px
}

.votremarque .legaltext{
display: block;
height: 100px;
margin: 20px 0;
width: 480px;
}

.votremarque .note {
width:480px;
height:70px;
}

.votremarque .loading {
width:43px;
height:11px;
margin:30px 0 7px 16px;
background: url('../img/loading.gif') no-repeat center center transparent;
}

.votremarque .message {
margin-bottom:12px;
}

.votremarque table {
width:480px;
}

.votremarque table td.l {
width:210px
}

.votremarque table td.c {
width:60px
}

.votremarque table td.r {
width:210px
}

.votremarque select{
width:207px;
}




/* CONTACTS FORM */
#contactsEmailFormDiv
{
    padding:20px;
    margin-top:20px;
}
#contactsEmailSection
{
    font-size:12px;
    position:relative;
}
#contactsEmailForm input
{
width:220px;
}
#contactsEmailForm textarea
{
width:464px;
height:110px;
}
#contactsEmailMessagesDiv
{
    height:12px;
    display:none;
    position:absolute;
    top:96px;
    left:40px;
    opacity:0.8;
    filter:alpha(opacity=80);
    width:80%;
}
.input_with_label_above
{
    margin:25px 17px 0px 0px;
    position:relative;
}
.input_with_label_above label
{
    left:2px;
    position:absolute;
    top:-14px;
    text-transform:capitalize;
}
#contactsEmailSubmitButton
{
width:90px !important;
margin-top:120px;
}
.errored{background-color:Red !important;}
.errored_field{
  background-color:Red !important;
  color:#FFFFFF;
  font-weight:bold;
}

/* TECHNICAL INFO */
#techInfoDiv article
{
color:#FFFFFF; 
font-size:12px;
padding:1px 6px;
border-bottom:1px solid #FFFFFF;
}

#techInfoDiv article .content_related{height:35px;padding:15px;position:relative;}    
#techInfoDiv article .content_related.last_item{border-bottom:none;}    
#techInfoDiv article.closed{display:none;}
#techInfoDiv article .content_related label{padding-left:30px;font-size:16px;position:absolute;top:23px;left:60px;}    
#techInfoDiv header{height:14px; padding:15px 35px; font-size:16px; text-transform:uppercase; margin-bottom:1px; cursor:pointer;}

.tech_info_large_logo{
  float:right; 
  width:120px; 
  height:120px; 
  background-color:#FFFFFF;
  padding:5px;
}

a.tech_info_link{display:block; color:#fff; height:20px; cursor:pointer;}
a.tech_info_link:hover{color:#E40613; text-decoration:none;}

/* CALENDARIO EVENTI - 2012.11 */
/*#elenco {width: 675px; float:left; padding:0px 16px;}*/
#elenco article{margin: 20px 0 0 0;}
#news_side_right{width: 230px; float:right; margin: 30px 0;}

#eventList{width: 230px; float:right; margin: 15px 0; border: 1px solid #FFA82B; font-family:Arial; font-size:11px;}
#eventList .item{margin: 5px 10px; padding: 5px 0; border-bottom: 1px solid #EBEBEB;}
#eventList .date{padding: 2px; font-weight: bold;}
#eventList .title{padding: 2px; font-weight: bold; display:block; background-color: #FFD396;}
#eventList .desc{padding: 2px; display:block;}

/*.event_day .ui-state-default {background-color:#e8edf0 !important;}*/
table.ui-datepicker-calendar tr td.event_day a {
    border-bottom: 3px solid #FFA82B;
    color: #FFA82B;
    /*padding: 0 0 0.2em 0;*/
}

/* SPLASH */

#MAIN {
overflow:hidden;
}

#SPLASH {
background-color: white;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
overflow:auto;
}

#SPLASH .boxed {
width:932px;
}

#SPLASH .bg-sfondo {
top: 67px;
height:350px;
}


#SPLASH #logoS {
left: 0;
position: absolute;
top: 0;
}

#SPLASH #bgS {
left: 0;
position: absolute;
right: 0;
top: 0;
height:417px;
}

#SPLASH #bg-menuS {
position:absolute;
top:0;
left:0;
right:0;
background-color:black;
height:70px;
}

#SPLASH #menuS {
overflow:hidden;
height:114px;
}

#SPLASH #menuS header{
position: absolute;
right: 0;
top: 0;
}

#SPLASH #menuS aside {
display: inline;
float: left;
height: 12px;
}

#SPLASH #menuS .sogefi {
padding-top:16px;
}

#SPLASH .label {
width:314px;
font-size:20px;
font-weight:bold;
margin:120px 0 9px;
color:#fff;
background-color:#e41b13;
text-transform:uppercase;
}

#SPLASH .label span{
display:block;
padding: 4px 0 5px 7px;
}

#SPLASH .country {
float:left;
border-right:solid 1px white;
}

#SPLASH .country.noborder {
border-right:none;
}

#SPLASH section h1 {
font-size:40px;
line-height:42px;
margin-top:56px;
color:#000;
padding-bottom:100px;
font-weight:bold;
}

#SPLASH footer {
position:fixed;
left:0;
right:0;
bottom:0;
height:44px;
color:#fff;
background-color:#000;
}

#SPLASH footer section {
padding-top:14px;
}

#SPLASH footer nav {
float: right;
}

#SPLASH footer nav ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
	
#SPLASH footer nav ul li{
border-right: 1px solid #fff;
float: right;
margin: 0 0 0 7px;
padding: 0 7px 0 0;
text-transform: uppercase;
}

#SPLASH footer nav ul li.nb{
border-right:none;
}
.paginazione .back,.paginazione .paginazionecentrale,.paginazione .right{
    width: 30%;
    float: left;
}
.paginazione {padding-top:10px}

/* btn-animated */
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}

a.btn-animated {text-decoration: none !important}
/* 12480 */
.btn-animated { border: 0; font-size: 20px; line-height: 18px; font-weight: 600; color: #333; line-height: 21px; padding: 12px 20px; display: inline-block; text-decoration: none; transition: all 0.2s ease-out; width: auto; position: relative; overflow: hidden; z-index: 13; box-shadow: 0 1px 2px 0 rgba(67, 67, 67, 0.4); border-radius: 3px; text-transform: uppercase; text-align: center; cursor: pointer; color: white}

/* 12505 */
.btn-animated:after { width: 100%; height: 100%; background-color: rgb(255,255,255); opacity: .1; right: -101%; position: absolute; content: ''; top: 0; z-index: -1; transition: all 0.2s cubic-bezier(0.75, 0, 0.125, 1); border-radius: 25%;}

/* 12555 */
.btn-animated { position: relative; overflow: hidden; z-index: 1; box-shadow: 0 1px 2px 0 rgba(67, 67, 67, 0.4); border-radius: 3px;}

/* 12618 */
.btn-animated:hover, .btn-animated:active { color: white; }

/* 12649 */
.btn-animated:hover:after { transition: all 0.4s cubic-bezier(0.75, 0, 0.125, 1); right: 0; z-index: -1; border-radius: 0;}