/* @override 
	http://caneaseizampe/sites/all/themes/enibrand/css/style.css?lvuib5
	http://caneaseizampe/sites/all/themes/enibrand/css/style.css?lvuzha
*/

/* @group RESET CSS */

html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
b, u, i, center,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baselinebaseline; background: transparent;}
body {line-height: 1;} 
ol, ul {list-style: none;}  
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
figure {margin: 0; padding: 0;} 
ins {text-decoration: none;}  
del {text-decoration: line-through;} 
table {border-collapse: collapse; border-spacing: 0;}
a {outline: none; text-decoration: none;}

/* @end RESET CSS */

/* @group GENERALE */

html {height: 100%; min-height: 100%; background-color: #EEEEEE}

body {height: 100%; min-height: 100%; height: auto!important; background-color: #EEEEEE; font-size: 62.5%; font-family: EniExpLightRegular, Helvetica, Arial, sans-serif; font-weight: normal; color: #000;}
/*body {height: 100%; min-height: 100%; height: auto!important; background: #FED300 url(img/loading_bg.png) no-repeat center center; font-size: 62.5%; font-family: EniExpLightRegular, Helvetica, Arial, sans-serif; font-weight: normal; color: #000; bac} */
body.page-inizia-il-viaggio, body.page-tempi-moderni {overflow: hidden;}

#page-loading {background: #EEE url(img/loading_bg.png) no-repeat center center; z-index: 3000; height: 100%; width: 100%; position: fixed;}
#page-wrapper {background-color: #EEEEEE;}

h1, h2, h3, h4, h5, h6, {}

h1 {font-size: 2.3em; font-family: EniExpLightRegular, Helvetica, Arial, sans-serif; font-weight: normal;}
.front h1 {color: #fff;}
h2 {margin: 0 0 20px; font-size: 2.3em; font-family: EniExpLightRegular, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1em;}

p {margin: 15px 0 0; font-size: 1.6em; line-height: 1.4em;}
p:first-child {margin: 0;}

p strong { font-weight: bold; }

/*@media screen and (min-width: 1300px) {
	p {font-size: 1.9em; line-height: 1.7em}
}*/

.clear {clear:both; display:block;}
.left {float: left;}
.right {float: right;}

.contentStoria.left{text-align: right;}
.contentStoria.right{text-align: left;}

.textRight {text-align: right;}

/* #portraitAlert { z-index: 20000; width: 100%; height: 100%; position: absolute; font-size: 10em; background-color: rgba(0,0,0,.8); color: rgba(254, 210, 0, .5); text-align: center; display: none; } */
/* #portraitAlert span{ vertical-align: middle;} */
#portraitAlert { z-index: 20000; width: 100%; height: 100%; position: absolute; font-size: 1.6em; background-color: rgba(238,238,238,1); color: rgba(102, 102, 102, 1); text-align: center; display: none; background-image: url("img/rotate.png"); background-repeat: no-repeat; background-position: center 300px;}
#portraitAlert span{ vertical-align: middle; top:52%; position:relative;}
/* per ie */
#portraitAlert {background: transparent url(img/bg_black_80.png) repeat 0 0\9;}

#browsehappyAlert { z-index: 20000; position: absolute; font-size: 1.6em; color: #FED300; text-align: center; overflow:hidden; top:0px; left:0px; bottom:0px; right:0px;}
#browsehappyAlert span{ z-index: 20001; top:50%; left:50%; position:absolute; width: 920px; height: 60px; padding: 20px; background-color: #FFF; color: #666; margin: -50px 0 0 -430px; }
/* per ie */
#browsehappyAlert {background: transparent url(img/bg_black_80.png) repeat 0 0\9;}

/* #browsehappyAlert { z-index: 20000; position: fixed; font-size: 1.6em; text-align: center; overflow:hidden; width: 100%; height: 100%} */
/* #browsehappyAlert span{ top:50%; left:50%; position:fixed; width: 360px; height: 160px; padding: 20px; background-color: #FFF; color: #666; margin: -80px 0 0 -380px;} */
/* per ie */
/* #browsehappyAlert {background: transparent url(img/bg_black_80.png) repeat 0 0\9;} */

.black {position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: -0%; z-index: 10; background-color: #000; opacity: .6; filter: alpha(opacity=60);}
.yellow {position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: -0%; z-index: 10; background-color: rgb(255,210,4); opacity: .9; filter: alpha(opacity=90);}
.blackPlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; background: transparent url(img/play_yellow.png) no-repeat center center;}

.bradcrumb {position: relative; z-index: 50; width: 100%; overflow: hidden; color: #666; font-size: 1.6em;}
.bradcrumb a {padding: 0 0.4em; color: #666;}
.bradcrumb a:first-child {padding: 0 0.4em 0 0;}
.bradcrumb a:hover {color: #000;}
.bradcrumb span {padding: 0 0.4em;}
.bradcrumb span:first-child {padding: 0 0.4em 0 0;}
/* breadcrump a lista
.bradcrumb li {display: inline; float: left; padding: 0 0 0 5px; border-left: solid 1px #666;}
.bradcrumb li:first-child {border: none; padding: 0;}
.bradcrumb li a {color: #666; padding: 0 5px 0 0;}
.bradcrumb li a:hover {color: #000;}
.bradcrumb li a.current:hover {color: #666; cursor: default;}*/

.bgWhite {position:fixed; z-index: 1; top: 137px; background-color: rgba(255, 255, 255, .95); width: 50%;}
/* per ie */
.bgWhite {background: transparent url(img/bg_white_95.png) repeat 0 0\9;}
.left .bgWhite {left: 0}
.right .bgWhite {right: 0}
.node-type-brand-oggi .bgWhite, .node-type-le-tappe-della-mostra .bgWhite  {background-color: rgba(255, 255, 255, .95); }
/* per ie */
.node-type-brand-oggi .bgWhite, .node-type-le-tappe-della-mostra .bgWhite  {background: transparent url(img/bg_white_95.png) repeat 0 0\9;}

/* @group GENERALE */

/* @group HEADER */

.header {position: fixed; top: 0; left: 0; z-index: 50; width: 100%; height: 137px;}
.header b{font-family: EniExpBoldRegular!important;}
body.front .header { background-color:rgba(255,255,255, 0)!important; filter:none!important; zoom:0!important }
/*body.page-node .header {background-image: none; background-color: rgba(255,255,255, 1);}*/
body.page-node .header {background-image: none; background-color: rgba(255,255,255, .8);}
/*body.page-tempi-moderni .header {background-image: none; background-color: rgba(255,255,255, .1);}*/
/* per ie */
body.page-node .header {background: transparent url(img/bg_white_80.png) repeat 0 0\9;}
body.front .header { background-image: none; }
/*body.page-tempi-moderni .header {background: transparent url(img/bg_white_60.png) repeat 0 0\9;}*/

.logo {position: absolute; left: 0; right: 0; top: 25px; height: 82px; margin: 0 auto; text-align: center; }
.logo a {display: block; width: 68px; height: 82px; margin: 0 auto; background: transparent url(img/logo_eni.png) no-repeat 0 0; text-indent: -9999px;}

/*body.page-tempi-moderni .logo {position: absolute; left: 0; right: 0; top: 0; height: 137px; margin: 0 auto; text-align: center; }
body.page-tempi-moderni .logo a {display: block; width: 131px; height: 137px; margin: 0 auto; background: transparent url(img/logo_eni_line.png) no-repeat 0 0; text-indent: -9999px;}

body.page-inizia-il-viaggio .logo {position: absolute; left: 0; right: 0; top: 0; height: 137px; margin: 0 auto; text-align: center; }
body.page-inizia-il-viaggio .logo a {display: block; width: 131px; height: 137px; margin: 0 auto; background: transparent url(img/logo_eni_line.png) no-repeat 0 0; text-indent: -9999px;}*/

.titleSite {float: left; margin: 40px 0 0 50px;}
.titleSite h2 {margin: 0 0 10px;}

.postTitle {float: right; margin: 40px 50px 0 0; text-align: right\9;}
.titleSite, .postTitle {width: 45%\9;}

/* @group MODIFICHE BOX H1 H2 front page e timelines*/

.front .titleSite,.front .postTitle, .page-inizia-il-viaggio .titleSite, .page-inizia-il-viaggio .postTitle , .page-tempi-moderni .titleSite, .page-tempi-moderni .postTitle {width: 45%\9; margin: 60px 0 0 0;}
.front .titleSite, .page-inizia-il-viaggio .titleSite, .page-tempi-moderni .titleSite{background-color: #000;}
.front .postTitle, .page-inizia-il-viaggio .postTitle, .page-tempi-moderni .postTitle{background-color: #FED300;}
.front .titleSite h2, .page-inizia-il-viaggio .titleSite h2, .page-tempi-moderni .titleSite h2{padding: 10px 20px 10px 20px; color: #FFF; margin: 0;}
.front .postTitle h1, .page-inizia-il-viaggio .postTitle h1, .page-tempi-moderni .postTitle h1{padding: 10px 20px 10px 20px; color: #000;}

/* @end MODIFICHE BOX H1 H2 front page*/

/* @end HEADER */

/* @group NAV */

.wrapNav {position: fixed; bottom: 0; left: 0; z-index: 50; width: 100%; height: 60px;}

/* nav left
=======================*/
.blackLeft {width: 50%; height: 60px; float:left; background-color: #000;}
/* per ie */
.blackLeft {width: 50%\9; /*background: transparent url(img/bg_nav_black.png) repeat 0 0\9;*/}

.blackMenu {float: right; font-family: EniExpRegRegular, Helvetica, Arial, sans-serif;}
.blackMenu ul li {position: relative; display: inline; float: left;}
/* .blackMenu ul li a {display: block; padding: 0 20px; color: #FFF; font-size: 1.8em; line-height: 60px; text-transform: lowercase;} */
.blackMenu ul li a {display: block; padding: 0 20px; color: #FFF; font-size: 1.8em; line-height: 60px;}
/*.blackMenu ul li a:hover, .blackMenu ul li.active a {background-color: rgba(254, 210, 0, .5);}*/
.blackMenu ul li a:hover, .blackMenu ul li.active a {color: #fcd12f}
.blackMenu h3 {color: #FFF; font-weight: normal;}
/* per ie */
/*.blackMenu ul li a:hover, .blackMenu ul li.active a {background: transparent url(img/bg_yellow_50.png) repeat 0 0\9;}*/

.utility {float: left;}
.utility li {display: inline; float: left;}
.utility li a {display: block; padding: 0 15px; color: #FFF; line-height: 60px; text-align: center; font-size: 1.4em; font-family: EniExpRegRegular, Helvetica, Arial, sans-serif; text-transform: uppercase;}
.utility li a.btnSearch {width: 19px; background: transparent url(img/sprite.png) no-repeat 15px 17px; text-indent: -9999px;}


/* nav right
=======================*/
.yellowRight {width: 50%; height: 60px; float: right; background-color: #fdd230;}
/* per ie */
.yellowRight {width: 49.99%\9; /* background: transparent url(img/bg_nav_yellow.png) repeat 0 0\9;*/}

.yellowMenu {float: left; font-family: EniExpRegRegular, Helvetica, Arial, sans-serif;}
.yellowMenu ul li {position: relative; display: inline; float: left;}
/* .yellowMenu ul li a {display: block; padding: 0 20px; color: #000; font-size: 1.8em; line-height: 60px; text-transform: lowercase;} */
.yellowMenu ul li a {display: block; padding: 0 20px; color: #000; font-size: 1.8em; line-height: 60px;}
/*.yellowMenu ul li a:hover, .yellowMenu ul li.active a {background-color: rgba(0, 0, 0, .5);}*/
.yellowMenu ul li a:hover{color: #FFF;}
.yellowMenu ul li.active a {color: #A2830F;}
.yellowMenu h3 {color: #000; font-weight: normal;}
/* per ie */
/*.yellowMenu ul li a:hover, .yellowMenu ul li.active a {background: transparent url(img/bg_black_50.png) repeat 0 0\9;}*/

.social {float: right;}
.social li {display: inline; float: left; padding: 0 10px;}
.social li a {display: block; width: 28px; height: 60px; background-image: url(img/sprite.png); background-repeat: no-repeat; line-height: 60px; text-indent: -9999px;}
.social li a.facebook {background-position: -45px 20px;}
.social li a.twitter {background-position: -98px 20px;}
.social li a.facebook:hover {background-position: 10px -90px;}
.social li a.twitter:hover {background-position: -43px -91px;}
.social li a.eniSmall {background-position: -148px 20px;}

.arrowNav {position: absolute; top: 0; left: 0; right: 0; height: 10px; background: transparent url(img/arrow_nav.png) no-repeat center 0;}

/* @end NAV */

/* @group CONTENUTO */

#content {display: block!important; float: none!important; position: relative; z-index: 1; width: 100%; min-height: 100%; height: 100%; height: auto!important;}
/*body.page-inizia-il-viaggio #content {padding: 257px 0 0;}*/
body.page-node #content {padding: 137px 0 0;}

.imgPartial {position: relative; width:100%; height: auto;}

/* .imgPartial.left {left: -50%;} */
.imgPartial.left {left: -70%;}
/* .imgPartial.right {right: -50%;} */
.imgPartial.right {right: -40%;}
/* solo per ie7 */
/* *:first-child+html .imgPartial.right {right: 50%;} */
*:first-child+html .imgPartial.right {right: 40%;}

.oldSection, .newSection {display:block; position: absolute; top: 0; z-index: 20; min-height: 100%; height: 100%; overflow: hidden;}
.oldSection {left: 0; width: 50%; float: left; background-color: #eee; }
.newSection {right: 0; width: 50%; float: right; background-color: #000;}

.column {width: 50%; position: relative;}
/* per ie */
.column {width: 49.5%\9;}

/* news
=======================*/
.wrapNews {overflow: hidden; position: absolute; top: 50%; z-index: 51; width: 100%; margin: -160px 0 0; text-align: center;}
/* .wrapCarouselNews {position: relative; width: 70%; left: 15%;} */
.wrapCarouselNewsContainer {position: relative; width: 100%;}
.wrapCarouselNews {position: relative; width: 100%; left: 16.66666%}
.wrapCarouselNews .view-content {width: 640px; height: 320px;}

.vittorio {width: 640px; height: 100%; background-color: #fdfdfd;}
.vittorioPezza {width: 640px; height: 100%; background-color: #fdfdfd; z-index: 60; display: none;}

.carouselNews {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:19200px;			
}

/**:first-child+html .carouselNews {left: -1000px!important;}*/


.wrapBtn {position: relative; width: 176px; height: 40px; margin: 0 auto;}
.btnNews {display: block; width: 76px; height: 40px; padding: 0 10px; margin: 0 auto; background-color: #ffd204; color: #725e00; font-family: EniExpRegRegular, Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 40px; text-transform: uppercase;}
.btnNews span {display: block; width: 9px; height: 17px; float: left; margin: 10px 10px 0 7px; background: transparent url(img/sprite.png) no-repeat -185px -7px;}
.btnNews.active span {display: block; width: 19px; height: 10px; float: left; margin: 15px 7px 0 0; background: transparent url(img/sprite.png) no-repeat -205px -7px;}

/* .carouselNews li {display: inline; float: left; width: 640px; height: 320px; background-color: #fdfdfd; margin-right: 30%;} */
.carouselNews li {display: inline; float: left; width: 640px; height: 320px; text-align: left;}

.news {position: relative; width: 600px; height: 280px; padding: 20px; background-color: #fdfdfd; color: #616161;}
.news h2 {width: 65%; color: #000;}
.news p {width: 65%;}

.btnNextNews, .btnPrevNews {position: absolute; top: 0; width: 40px; height: 40px; background-image: url(img/sprite.png); background-repeat: no-repeat; text-indent: -9999px;}
.btnNextNews {right: 0; background-position: -54px -49px;}
.btnNextNews:hover {background-position: -161px -49px}
.btnNextNews.disabled {opacity: .5; filter: alpha(opacity=50); cursor:default;}
.btnNextNews.disabled:hover {background-position: -54px -49px;}
.btnPrevNews {left: 0; background-position: 0 -49px;}
.btnPrevNews:hover {background-position: -107px -49px;}
.btnPrevNews.disabled {opacity: .4; filter: alpha(opacity=40);}
.btnPrevNews.disabled:hover {background-position: 0 -49px;}

.more {position: absolute; bottom: 20px; left: 20px; height: 30px; padding: 0 10px; background-color: #FFD204; color: #000; font-size: 1.7em; line-height: 30px; text-transform: lowercase;}
.more:hover {background-color: #000; color: #FED300;}
.more span {position: absolute; top: 0; right: -15px; width: 15px; height: 30px; background: transparent url(img/sprite.png) no-repeat -246px -2px;}

/* .textRight .more {bottom: 20px; right: 20px; left: auto!important;} */
/* .textRight .more:hover {background-color: #000; color: #FED300;} */
/* .textRight .more span {top: 0; left: -15px; background: transparent url(img/sprite.png) no-repeat -276px -2px;} */

/* .contentStoria.right .more {bottom: 20px; right: 20px; left: auto!important;} */
/* .contentStoria.right .more:hover {background-color: #000; color: #FED300;} */
/* .contentStoria.right .more span {top: 0; left: -15px; background: transparent url(img/sprite.png) no-repeat -276px -2px;} */

/* storia
=======================*/
#mattei {color: #666666; font-size: 2.3em; right: 57%; position: fixed; top: 178px; z-index: 21;}
#enricoMattei {position: fixed; top: 0; left: 0; right: 0; z-index: 20; width: 100%; height: 257px; /*background-image: url(../images/line_mattei.png); background-repeat: no-repeat; background-position: center center; background-color: rgba(255,255,255,.6)*/}
/*#enricoMattei {background: transparent url(img/bg_white_60.png) repeat 0 0\9;}*/

.btnMattei {position: absolute; bottom: 55px; left: 50%; width: 195px; height: 69px; margin: 0 0 0 -160px; color: #000; font-size: 2em; font-family: EniExpRegRegular, Helvetica, Arial, sans-serif; line-height: 69px; background: transparent url(img/enrico_mattei.png) no-repeat right center;}
.btnMattei:hover {background: transparent url(img/bg_enrico_yellow.png) no-repeat right center; color: #000;}
.btnMattei span {display: block;}

#imgCovering {position: fixed; top: 0; z-index: 19; width: 100%; height: 137px; overflow: hidden;}
#imgCovering img {position: absolute; top: 0; left: 0; width: 100%; height: auto;}
#imgCovering span {position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; background-size: cover;}

#bgStoria {position: fixed; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%;}
#bgStoria {background-position: 0 0; background-repeat: no-repeat; background-size: cover;}
#bgStoria span {position: fixed; bottom: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; background-size: cover;}
/* per ie 7 */
#bgStoria {background-position: center center\9;}

#bgStoria img {position: absolute; top: 0; left: 0; width: 100%; height: auto;}
/*#bgStoria {background: transparent; position: fixed!important; overflow: hidden; width: 100%; height: 100%;}*/
/*#bgStoria #gaBG {z-index: 0;}*/
#gaBG { position:fixed; top:0; left:0; width:100%;}

/* .wrapStoria {position: relative; width: 100%; padding: 0; top: 0; background-size: cover!important; z-index: 10;} */
.wrapStoria {position: relative; width: 100%; padding: 0; top: 0; background-size: cover!important;}
/* .wrapStoria {position: relative; width: 100%; padding: 0; overflow: hidden; top: 0; background-size: cover!important;} */
/*.page-tempi-moderni .wrapStoria {position: relative; z-index: 10; width: 100%; padding: 0; overflow: hidden; top: 137px; background-size: cover!important;}/*
/*	primo elemento storia
========================
.wrapStoriaFirst {position: relative; z-index: 10; width: 100%; padding: 0; overflow: hidden; top: 257px; background-size: cover!important;}
.page-tempi-moderni .wrapStoriaFirst {position: relative; z-index: 10; width: 100%; padding: 0; overflow: hidden; top: 137px; background-size: cover!important;}
*/
.wrapStoriaFirst {position: relative; width: 100%; padding: 0; overflow: hidden; top: 0; background-size: cover!important;}
/* .page-tempi-moderni .wrapStoriaFirst {position: relative; z-index: 10; width: 100%; padding: 0; overflow: hidden; top: 137px; background-size: cover!important;} */
/*	fine primo elemento storia
========================*/

.foto2 {background-image: url(../images/storia/bg_01_1900.jpg); background-repeat: no-repeat; background-position: 0 200px; background-attachment: fixed; background-size: cover;}
.foto3	{background-image: url(../images/storia/bg_02_1900.jpg); background-repeat: no-repeat; background-position: 0 200px; background-attachment: fixed; background-size: cover;}
/* .contentStoria {width: 40%; padding: 0 5%;} */
.contentStoria {padding: 0 10%; width: 30%;}
.articleStoria {position: relative; z-index: 10; /*padding: 0 0 50px;*/}
.articleStoria {background-color: #FFF; padding: 20px 20px 60px;}
.articleStoria .arrowArticle {position: absolute; top: 50%; left: -12px; width: 12px; height: 23px; margin: -12px 0 0; background-image: url(img/sprite.png); background-repeat: no-repeat; background-position: -284px -296px;}
.left .articleStoria .arrowArticle {right: -12px; left: auto!important; background-position: -284px -346px;}
.articleStoria .more {bottom: 20px; left: 20px;}
.left .articleStoria .more {bottom: 20px; left: auto; right:20px;}
.left .articleStoria .more span {top: 0; left: -15px; right:auto!important; background: transparent url(img/sprite.png) no-repeat -276px -2px;} 
.right .articleStoria .more {bottom: 20px; left: 20px;}
.bgSection {width: 100%;}
.bgSection img {position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: auto;}

.bullet-link {position: absolute; top: 50%; left: 50%; z-index: 19; width: 76px; height: 76px; margin: 0 0 0 -37px; background: transparent url(img/bullet_rollover.png) no-repeat 0 0; text-indent: 99999px; z-index: 19;}
.bullet-link span {position: absolute; top: 0; left: 0; width: 76px; height: 76px; opacity:0; background: transparent url(img/bullet_rollover.png) no-repeat 0 -76px;}

#dotted {position: fixed; top: 104px; left: 50%; z-index: 18; width: 1px; margin: 0 0 0 -0.5px; background: transparent url(../images/dashed.png) repeat-y 0 0;}

/*	interno post
========================*/
/* .post {position: absolute; padding: 5em 5em 10em; text-align: justify; z-index: 50;} */
.post {position: absolute; padding: 50px 50px 150px; z-index: 50; width: auto;}
.node-type-storia .post {position: absolute; padding: 70px 50px 150px; z-index: 50; width: auto;}
.node-type-tempi-moderni .post {position: absolute; padding: 70px 50px 150px; z-index: 50; width: auto;}
.post a {color: #000; text-decoration: underline; padding: 2px 3px;}
.post a:hover {background-color: #FED300; text-decoration: none;}
.content {margin: 0; padding: 0;}
/*body.page-marchio .post {background-color: rgba(255,255,255,.75);}*/

/* gallery
=======================*/
.wrapListaGallery {position: relative; margin: 0 0 3em;}
.left .wrapListaGallery .listaGallery, .left .wrapListaGallery .listaGallery_nofancy {position: absolute; left: -5em; top: 0;}
.right .wrapListaGallery .listaGallery, .right .wrapListaGallery .listaGallery_nofancy {position: absolute; right: -5em; top: 0;}

.scrollListaGallery {position: fixed; top: 137px; left: 0; z-index: 2; width: 50%; /*height: 100%;*/ overflow: hidden;}
.scrollListaGallery .listaGallery, .scrollListaGallery .listaGallery_nofancy {position: relative;}

.listaGallery, .listaGallery_nofancy {width: 102%; overflow: hidden; padding-bottom: 6em; margin: 0 0 0 -1%;}
.listaGallery li, .listaGallery_nofancy li {display: inline; width: 33.33%; float: left; overflow: hidden;}
.listaGallery_nofancy li {background-color: #000;}
/* per ie */
.listaGallery li, .listaGallery_nofancy li {width: 33.2%\9;}

.listaGallery a, .listaGallery_nofancy a {position: relative; display: block; width: 100%; height: 0; padding: 0 0 66%; overflow: hidden; text-decoration: none;}
.listaGallery a img, .listaGallery_nofancy a img {position: absolute; top: 0; left: 0; z-index: 0; width: 101%;}
.listaGallery_nofancy a img {opacity:.7 ; filter: alpha(opacity=70);}

.textHover {position: absolute; bottom: -100px; left: 0.6em; right: 0.6em; z-index: 11; color: #FFF; font-size: 1.5em; line-height: 20px; text-align: left;}

.textHover.center {bottom: -100px; left: 0.6em; right: 0.6em; z-index: 11; margin: 0 0 -15px; color: #000; font-size: 2em; text-align: center; line-height: 30px; font-family: font-family: EniExpRegRegular, Helvetica, Arial, sans-serif;}

.whitetext.center {position: absolute; bottom: 50%; left: 0.6em; right: 0.6em; z-index: 10; margin: 0 0 -15px; color: #fff; font-size: 2em; text-align: center; line-height: 30px; font-family: font-family: EniExpRegRegular, Helvetica, Arial, sans-serif; /*opacity:1 ; filter: alpha(opacity=100);*/
}

/* video 
========================*/
.videoWrapper {position: relative; height: 0;  padding: 25px 0 56.25%; margin: 0 auto; margin: 30px 0;}
.videoWrapper .video-js {position: absolute; top: 0; width: 100%!important; height: 100%!important; }
.videoWrapperFancy {position: relative; width: 480px; height: 421px; margin: 0 auto;}
.videoWrapperFancy .video-js {position: absolute; top: 0; left:0; width: 100%; height: 100%; background-color: #000; padding: 0; font-size: 10px; vertical-align: middle;}

/*.videoWrapper div, .videoWrapper object, .videoWrapper embed, .videoWrapper video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
.video {background-color: #000;}

/* nav interna
========================*/

.wrapInternalNav {position: absolute; top: 97px; left: 0; z-index: 2; width: 50%; /*height: 100%;*/ padding: 4em 0 150px;  overflow: hidden;}
.wrapInternalNav .internalNav {padding: 3em 5em 5em;}

.txtWhite {color: #FFF;}
.txtBlack {color: #000;}

.internalNav {padding: 5em; overflow: hidden;}
.internalNav > li {width: 100%; /*border-bottom: solid 1px #999;*/}
.internalNav > li a {display: block; padding: 0.8em 0; font-size: 1.6em;}
.internalNav.txtWhite a {color: #FFF;}
.node-type-le-tappe-della-mostra .internalNav.txtWhite a {color: #FFF;}
.node-type-brand-oggi .internalNav.txtWhite a {color: #FFF;}
.internalNav.txtBlack a {color: #000;}
.internalNav.txtWhite li {background: transparent url(img/bg_li.png) repeat-x left bottom;}
.node-type-le-tappe-della-mostra .internalNav.txtWhite li {background: transparent url(img/bg_li.png) repeat-x left bottom;}
.node-type-brand-oggi .internalNav.txtWhite li {background: transparent url(img/bg_li.png) repeat-x left bottom;}
.internalNav.txtBlack li {background: transparent url(img/bg_li_dark.png) repeat-x left bottom;}
.internalNav.txtWhite li a:hover {padding: 0.8em 0 0.8em 0.8em; background-color: rgba(255,255,255, .2); color: #FFF;}
.internalNav.txtBlack li a:hover {padding: 0.8em 0 0.8em 0.8em; background-color: rgba(0,0,0, .1); color: #000;}
.internalNav.txtWhite li.active a {padding: 0.8em 0; color: #CCC;}
.internalNav.txtBlack li.active a {padding: 0.8em 0; color: #999;}
.internalNav.txtWhite li.active.canopen a {padding: 0.8em 0 0.8em 0.8em; background-color: #FFF; color: #CCC; cursor: pointer;}
.node-type-le-tappe-della-mostra .internalNav.txtWhite li.active.canopen a {padding: 0.8em 0 0.8em 0.8em; background-color: #FFF; color: #000; cursor: pointer;}
.node-type-brand-oggi .internalNav.txtWhite li.active.canopen a {padding: 0.8em 0 0.8em 0.8em; background-color: #FFF; color: #000; cursor: pointer;}
.internalNav.txtBlack li.active.canopen a {padding: 0.8em 0 0.8em 0.8em; background-color: #FFF; color: #999; cursor: pointer;}
.internalNav.txtWhite li.active.canopen a:hover , .internalNav.txtBlack li.active.canopen a:hover {background-color: #FFF; padding: 0.8em 0 0.8em 0.8em; cursor: pointer;}
.internalNav.txtWhite li.active a:hover {padding: 0.8em 0; color: #CCC; background: none; cursor: default;}
.internalNav.txtBlack li.active a:hover {padding: 0.8em 0; color: #999; background: none; cursor: default;}
/* vecchio over
 .internalNav.txtWhite li a:hover {padding: 0.8em 0 0.8em 0.8em; background-color: rgba(255,255,255, .2); color: #FFF;}
.internalNav.txtBlack li a:hover {padding: 0.8em 0 0.8em 0.8em; background-color: rgba(0,0,0, .1); color: #000;}
.internalNav.txtWhite li.active a , .internalNav.txtBlack li.active a {padding: 0.8em 0; color: #999;}
.internalNav.txtWhite li.active.canopen a , .internalNav.txtBlack li.active.canopen a {padding: 0.8em 0 0.8em 0.8em; background-color: #FFF; color: #999; cursor: pointer;}
.internalNav.txtWhite li.active.canopen a:hover , .internalNav.txtBlack li.active.canopen a:hover {background-color: #FFF; padding: 0.8em 0 0.8em 0.8em; cursor: pointer;}
.internalNav.txtWhite li.active a:hover , .internalNav.txtBlack li.active a:hover {padding: 0.8em 0; color: #999; background: none; cursor: default;}*/
/* per ie */
.internalNav.txtWhite li a:hover {background: transparent url(img/bg_white_20.png) repeat 0 0\9;}
.internalNav.txtBlack li a:hover {background: transparent url(img/bg_black_10.png) repeat 0 0\9;}

.arrowBlack {position: absolute; z-index: 30; left: 0; width: 20px; background: transparent url(img/sprite.png) no-repeat -288px -195px;}
.innerArrow{height: 41px; width: 20px; float: right; background: url("img/sprite.png") no-repeat scroll -288px -190px transparent}
/*@media screen and (min-width: 1300px) {
	.internalNav li a {font-size: 1.9em; padding: 1em 0;}
}*/

.viewport {position: relative; overflow: hidden; }
.overview {position: absolute;}
#scrollbar2 .thumb .end,
#scrollbar2 .thumb { display: none; background-color: #003D5D; }
#scrollbar2 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar2 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar2 .disable{ display: none; }

/* sub nav
=========================*/
.vittoriott {position: fixed; top: 135px; right: 74.98%; margin-right: -25%; padding: 0 0 0 20px; z-index:12; width: 0;}
.wrapSubNav {background-color: #FFF; margin-top: 2px;}
.subNav li {width: 100%; overflow: hidden;}
.subNav li > a, .internalNav.txtWhite .subNav li > a, .internalNav.txtBlack .subNav li > a {display: block; padding: 1em; color: #000!important;}
.subNav li > a:hover, .internalNav.txtWhite .subNav li > a:hover, .internalNav.txtBlack .subNav li > a:hover {padding: 1em; background-color: rgba(254,211,0,.2); color: #000; cursor: pointer;}
.subNav li.active > a, .internalNav.txtWhite .subNav li.active > a, .internalNav.txtBlack .subNav li.active > a {padding: 1em; color: #999!important;}
/* per ie */
.subNav li > a:hover, .internalNav.txtWhite .subNav li > a:hover, .internalNav.txtBlack .subNav li > a:hover {background: transparent url(img/bg_yellow_20.png) repeat 0 0; color: #000;}

/* @end CONTENUTO */

/* linee
=========================*/

.line-left {position: absolute;	width: 100%; height: 100%; background: url("../images/linea_sx.png") no-repeat;	text-align: center; top: 0;}
.line-right { position: absolute; width: 100%; height: 100%; background: url("../images/linea_dx.png") no-repeat; text-align: center; top: 0;}
.line-left img{width: auto;height: 100%;}
.line-right img{ width: auto; height: 100%; }

/* evento di torino
=========================*/

a.leTappe_goback {position: absolute; right: 50px; top: 36px; float: right; padding-left: 14px; background: url(img/sprite.png) no-repeat -293px -205px; color: #000; font-size: 1.6em;	text-decoration: none;}
a.leTappe_goback:hover {background: transparent url(img/sprite.png) no-repeat -293px -205px;}

.selectorTorino {margin: 30px 0 48px 0; padding: 15px; background-color: rgba(0, 0, 0, 0.1); font-size: 1.6em; clear:both; display: block;}

.selectorTorino li {display: inline; margin: 10px 5px; position:relative;}
.selectorTorino li a {color: #666; text-decoration: none;}
.selectorTorino li a:hover, .selectorTorino li a.active {color: #000!important; background-color: transparent;}
.selectorTorino li a.active {cursor: default;}
.selectorTorino li .freccia {position: absolute; bottom: -31px; left:13px; width:32px; height:18px; background: transparent url(img/sprite.png) 0 -212px no-repeat;}
/* per ie */
.selectorTorino {width: 100%\9; height: 18px\9; background-color: #d8d8d8\9;}

/*	timline
========================*/
.wrapTimeline {position: fixed; bottom: 60px; left: 0; z-index: 11; width: 100%; height: 50px; background-color: #f8f8f8; overflow: hidden;}
.timeline {position: relative; height: 50px; margin: 0 62px; overflow: hidden;}
/*.dates {width: 100%; height: 50px; overflow: hidden;}*/
.dates {height: 50px; position: absolute;}
.dates li {display: inline; float: left;}
.dates a {display: block; width: 50px; height: 50px; color: #6f6f6f; font-size: 1.65em; line-height: 50px; text-align: center;}
.dates a:hover {color: #000;}
.dates a.selected {background-color: #d1d1d1; color: #000;}

.arrowTimline {position: absolute; top: 0; width: 50px; height: 50px; text-indent: -99999px;}
.arrowTimline:hover {background-color: #000;}
.arrowTimline.off:hover {background: transparent; cursor: default;}
.arrowTimline.next {right: 0;}
.arrowTimline.prev {left: 0;}
.arrowTimline span {position:  absolute; top: 50%; left: 50%; width: 8px; height: 15px; margin: -7px 0 0 -4px; background-image: url(img/sprite.png); background-repeat: no-repeat;}
.arrowTimline.next span {background-position: -179px -114px;}
.arrowTimline.next:hover span {background-position: -179px -307px;}
.arrowTimline.next.off span, .arrowTimline.next.off:hover span {background-position: -179px -207px;}
.arrowTimline.prev span {background-position: -179px -165px;}
.arrowTimline.prev:hover span {background-position: -179px -358px;}
.arrowTimline.prev.off span, .arrowTimline.prev.off:hover span {background-position: -179px -258px;}

.arrowTimlineInterno {position: absolute; top: 0; width: 50px; height: 50px; text-indent: -99999px;}
.arrowTimlineInterno:hover {background-color: #000;}
.arrowTimlineInterno.off:hover {background: transparent; cursor: default;}
.arrowTimlineInterno.next {right: 0;}
.arrowTimlineInterno.prev {left: 0;}
.arrowTimlineInterno span {position:  absolute; top: 50%; left: 50%; width: 8px; height: 15px; margin: -7px 0 0 -4px; background-image: url(img/sprite.png); background-repeat: no-repeat;}
.arrowTimlineInterno.next span {background-position: -179px -114px;}
.arrowTimlineInterno.next:hover span {background-position: -179px -307px;}
.arrowTimlineInterno.next.off span, .arrowTimline.next.off:hover span {background-position: -179px -207px;}
.arrowTimlineInterno.prev span {background-position: -179px -165px;}
.arrowTimlineInterno.prev:hover span {background-position: -179px -358px;}
.arrowTimlineInterno.prev.off span, .arrowTimline.prev.off:hover span {background-position: -179px -258px;}

.features {background-color: #FED300; font-weight: bold; margin: 4px; padding: 8px; text-decoration: none; line-height: 1.8em; font-size: 90%;}
.features:hover {background-color: #000; color: #FED300;}

.naming {background-color: rgba(254,211,0,.2); padding: 10px;}
.naming strong {display: block; font-weight: bold;}

.linkPercorsi {position:absolute; bottom: 0; display: block; width: 473px; height:51px; color: #FFF; font: normal 14px/51px "EniExpLightRegular", Helvetica, Arial, sans-serif; text-align: center;}
.internazionalita {background: transparent url("img/link-internazionalita.png") no-repeat 0 0;}
.ricerca {background: transparent url("img/link-ricerca.png") no-repeat 0 0;}
.rispetto {background: transparent url("img/link-rispetto.png") no-repeat 0 0;}
.innovazione {background: transparent url("img/link-innovazione.png") no-repeat 0 0;}
.cultura {background: transparent url("img/link-cultura.png") no-repeat 0 0;}

/* merda di percorsi_old */
.fleft {float: left}
.fright {float: right}
#shareBox .fleft, #shareBox .fright{width:75px;}
#shareBox .fright{text-align: right;}
.social li.share a {background: none repeat scroll 0 0 transparent; color: #000000; display: inline; font-family: 'EniExpRegRegular',Helvetica,Arial,sans-serif; font-size: 14px; font-weight: normal; height: auto; padding: 8px 12px; text-indent: 0; text-transform: lowercase; width: auto;}
.social li.visible a{background:#000; text-decoration: none; color:#fff;}
.i18n-en .social li.share a{padding:8px 24px;}
#shareBox {background: url("../../../../../images/share.png") no-repeat scroll left top transparent; bottom: 45px; display: none; height: 75px; overflow: hidden; padding: 20px; position: absolute; right: 10px; width: 150px; z-index: 999;}