/* EX STILENEW.CSS, RESTYLING & CLEANING BY DR2013 */

/*-------------------------------------------------STILI COLLEGATI*/
@import url(/cn_CN/static/css/business-bar.css);
@import url(/cn_CN/static/css/head.css);
@import url(/cn_CN/static/css/navigazione.css);
@import url(/cn_CN/static/css/visore_home.css);
@import url(/cn_CN/static/css/colorbox.css);
@import url(/cn_CN/static/css/font_eni/font.css);
@import url(/cn_CN/static/css/scrollable-navigator.css);
@import url(/cn_CN/static/css/scrollable-horizontal.css);
@import url(/cn_CN/static/css/scrollable-buttons.css);
@import url(/cn_CN/static/css/footer.css);

/*-------------------------------------------------GENERICI*/

*{outline: none;}
body {
 line-height:16px;
 height:100%;position:relative; 
 font-family:Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#666666;
 margin:0;
 padding:0;
 }
.nobg{background:none !important}
.nomargin{margin:0 !important}
.nopadding{padding:0 !important}
.noborder{border:none!important;}
.fleft {float:left}
.fright {float:right}
.clear {clear:both; height:1px; overflow:hidden; visibility:hidden}
.clear_news {clear:both; height:1px; overflow:hidden; visibility:hidden}
* html .clear_news {clear:both; height:10px!important; overflow:hidden; visibility:hidden}
a {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}

/*form {margin:0;padding:0;text-align:left;}*/
fieldset{border:0;margin:0;padding:0;}
iframe {background:none;overflow:hidden;margin:0;padding:0;}

#container {
 width:990px;
 margin:0 auto;
 padding:0;
 position:relative;
 }

.centrato {margin: 0 auto!important;}

p {margin-bottom:10px;}

a.link_freccia {background:#FFF url(../images/freccina.gif) no-repeat 0 1px;padding:0 0 0 17px;color:#333;text-decoration:none;}

h1{color:#336699;font-size:24px;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;margin:0;padding:0;}
h2{color:#666;font-size:15px;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;margin:0;padding:0;}
h3{color: #6D6B5E;font-size: 16px;margin: 0 0 5px;padding: 0;}
img{border:none;}




/*-----------------------------------------------------------------------pulsantiera centro*/

#pulsanti_home{width:960px;height:48px;background:#fff url(../images/sfondo_pulsanti.gif) no-repeat left top;margin:0 auto 0;padding:10px 0 0 10px;}
.centro {/*width:960px;*/margin:0 auto;padding:0;position:relative;}

#puls_lub {background:#fff url(../images/sfondo_lubs.gif) no-repeat left top;width:182px;height:48px;float:left;margin:0 10px 0 0;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;font-size:18px;color:#333;}
#puls_lub a {color:#333;text-decoration:none;line-height:41px;height:41px;width:152px;padding:7px 15px 0 15px;display:block;}
#puls_lub a:hover {color:#333;text-decoration:none;}

#puls_gas {background:#fff url(../images/sfondo_gas.gif) no-repeat left top;width:182px;height:48px;float:left;margin:0 10px 0 0;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;font-size:18px;color:#333;}
#puls_gas a {color:#333;text-decoration:none;line-height:41px;height:41px;width:152px;padding:7px 15px 0 15px;display:block;}
#puls_gas a:hover {color:#333;text-decoration:none;}

#puls_fuel {background:#fff url(../images/sfondo_fuel.gif) no-repeat left top;width:182px;height:48px;float:left;margin:0 10px 0 0;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;font-size:18px;color:#333;}
#puls_fuel a {color:#333;text-decoration:none;line-height:41px;height:41px;width:152px;padding:7px 15px 0 15px;display:block;}
#puls_fuel a:hover {color:#333;text-decoration:none;}

#puls_tutti {background:#fff url(../images/sfondo_tutti_prodotti.gif) no-repeat left top;width:182px;height:48px;float:right;margin:0 10px 0 0;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;font-size:18px;color:#fff;}
#puls_tutti a {color:#fff;text-decoration:none;line-height:41px;height:41px;width:152px;padding:7px 15px 0 15px;display:block;}
#puls_tutti a:hover {color:#fff;text-decoration:none;}







/*--------------------------------------------------------------------contenitore colonne centrali home (aggiornamento dr2013)*/
/* NOTA IMPORTANTE: in home.page i componenti delle colonne centrali devono avere tutti la stessa dimensione 330x450 con primo a 0 left, il secondo a 330 e il terzo a 660 per un ingombro totale di 990 */

.contenitore_centro {width:330px; padding:0px; margin:0 0px 0 0px; position:relative;}

.contenuti_img {float:left;margin:10px 0px 10px 10px;padding:0px;width:303px;background-color:#f8f7f0;}

.contenuti_img .box {margin:0;width:269px;padding:15px 17px 10px 17px;color:#444;background-color:#f8f7f0;}
.contenuti_img .box h1 {margin:0 0 10px 0;line-height:24px;}
.contenuti_img .box p {width:269px;margin:0;padding:10px 0 0 0;clear:both;display:block;/*height:70px;*/height:auto;}
.contenuti_img .box .titolo {font-size:15px; color:#666;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;margin:10px 0 0 0;height:50px;display:block;}
.contenuti_img .box ul {margin:0 0 0 0;padding:19px 0 0 0;display:block;}
.contenuti_img .box ul li {list-style:none;list-style-type:none;}
.contenuti_img .box ul a {border-top:1px solid #bbb;color:#336699;text-decoration:none;background: url(../images/freccia_blu.gif) no-repeat center left;/*padding:0 0 0 10px;line-height:35px;*/line-height:21px;padding:6px 0 10px 15px !important;width:258px;display:block;font-size:13px;}
.contenuti_img .box a {color:#336699;text-decoration:none;}
.contenuti_img .box a:hover {color:#336699;text-decoration:underline;}




/*-------------------------------------------------OVERLAYER*/

#overlay {
position:absolute;
z-index:1000;
top:0;
left:0;
width:100%;
height:100%;
}

p.seleziona_nazione {font-size:10px;margin-top:15px;}

p.seleziona_nazione select {height:20px;font-size:10px;width:270px!important;background-color:#fff;border:1px solid #ccc;color:#666;float:left;margin:8px 0 0 0;}

p.seleziona_nazione input.salva {height:19px;font-size:10px;width:49px!important;background-color:#fff;border:1px solid #ccc;color:#666;font-size:10px;float:left;margin:8px 0 0 10px;text-transform:uppercase;}

.ricorda_scelta {font-size:10px;clear:both;font-size:11px;color:#256593;padding:10px 0 5px 0;}

#barra_clienti {width:944px;height:40px;border-top:2px solid #0063b1;}
#barra_clienti #left {width:608px;height:40px;border-right:1px solid #dcdcdc;float:left;}
#barra_clienti #right {width:334px;height:40px;border-left:1px solid #fff;float:left;}


/*suggerimenti ricerca*/
#suggerimenti {position:absolute;width:127px;top:78px;right:46px;margin:0;padding:0;border-left:1px solid #8b796a;border-bottom:1px solid #8b796a;border-right:1px solid #8b796a;z-index:10;font-size:9px;line-height:11px;}
#suggerimenti #titolo {width:122px;height:24px;background-color:#c1b6ac;line-height:21px;color:#fff;text-transform:uppercase;text-align:left;padding-left:5px;}
#suggerimenti #titolo img {border:0;float:right;clear:none!important;}
#suggerimenti #titolo span {float:left;}

#suggerimenti #all {width:122px;background-color:#fcd722;line-height:21px;color:#504730;text-align:left;padding-left:5px;clear:both;height:23px;}
#suggerimenti #all img{border:0;float:right;clear:none!important;}
#suggerimenti #all span {float:left;}

#suggerimenti ul {background-color:#f4f1ef;list-style:none;list-style-type:none;margin:0;padding:0;width:127px;clear:both;}
#suggerimenti ul li {list-style-type:none;margin:0;padding:5px 2px;border-bottom:1px solid #d2c9c2;color:#666666;}
#suggerimenti ul li a {color:#666666;text-decoration:none;}
#suggerimenti ul li a:hover {color:#666666;text-decoration:none;}
#suggerimenti ul li:hover {background-color:#fff;display:block;}
* html #suggerimenti ul li a:hover {display:block;margin:0;width:117px;background-color:#fff;display:block;}
#suggerimenti ul li span {color:#666;font-weight:bold;}




#mycarousel ul li a img{border:none!important;}
#mycarousel {clear:both;}



#cercaFooter p { margin: 0!important; }

/*AGGIUNTA bottone componente colonna singola*/
/*GAS*/
#puls_customer_gas {margin:10px auto 0 auto;}
#puls_customer_gas a {background: url(/cn_CN/static/images/sfondo_customer_gas.gif) no-repeat top left;width:247px;height:45px;line-height:45px;text-decoration:none;display:block;padding:0 10px;font-size:18px;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;color:#fff;}
#puls_customer_gas a:hover {text-decoration:none!important;color:#fff!important;}

/*FUELS*/
#puls_customer_fuels {margin:10px auto 0 auto;}
#puls_customer_fuels a {background: url(/cn_CN/static/images/sfondo_customer_fuels.gif) no-repeat top left;width:247px;height:45px;line-height:45px;text-decoration:none;display:block;padding:0 10px;font-size:18px;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;color:#fff;}
#puls_customer_fuels a:hover {text-decoration:none!important;color:#fff!important;}

/*LUBRICANTS*/
#puls_customer_lubricants {margin:10px auto 0 auto;}
#puls_customer_lubricants a {background: url(/cn_CN/static/images/sfondo_customer_lubricants.gif) no-repeat top left;width:247px;height:45px;line-height:45px;text-decoration:none;display:block;padding:0 10px;font-size:18px;font-family:'EniTabBold', Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;color:#fff;}
#puls_customer_lubricants a:hover {text-decoration:none!important;color:#fff!important;}
/*AGGIUNTA bottone componente colonna singola*/




/*-------------------------------------------------SLIDER HOME*/


.navi{display:none;}
#slide_left{float:left;width:161px;height:65px;padding:10px 15px;background-color:#f6f5f3;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb;margin:10px 0 20px 15px;#margin:10px 0 20px 15px;font-size:11px;}
* html #slide_left{width:151px;padding:10px 10px;}

a.left{z-index:999;cursor:pointer;background:none;top:8px;}
a.right{z-index:999;right:-748px!important;cursor:pointer;background:none;top:8px;}

.pane_home .scrollable img {height: 65px!important;width:140px!important;border-radius: 0px;-moz-border-radius: 0px; /* firefox */-webkit-border-radius: 0px; /* safari, chrome */}
.pane_home{width:748px!important;height:85px;overflow:hidden;float:left;margin: 10px 15px 20px 0!important;#margin: 10px 15px 20px 0!important;padding:0 10px;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background-color:#F4F3F1;}
.pane_home .items div {width: 960px!important;height:65px;padding: 10px 0;}
.pane_home .scrollable {width: 748px!important;height:85px;}
.pane_home .scroll_navigazione {width: 0px!important;top:-64px;width:0px;}
.pane_home .scrollable p {margin: 0 12px 0 0;}
/*aggiunto display:none per nascondere frecce carousel*/
.pane_home a.browse {height: 25px;width:23px!important;display:none;}

#tooltip_hp{position: absolute;z-index: 3000;border-right: 1px solid #99947c;border-bottom: 1px solid #99947c;background-color: #fff7d1;padding: 0 0 0 0;opacity: 1.0;width:192px;	font-size:11px;}
#tooltip_hp h6{width:174px;margin:0 auto;color:#c49a0a;text-transform:uppercase;line-height:28px;border-bottom: 1px solid #c8c1a2;padding:0 7px;font-size:11px!important;}
#tooltip_hp .body{padding:7px;color:#626262;}
#tooltip_hp .url{}
/*NUOVO SLIDE HP MARZO 2012*/

/*NEWS HP FEBBRAIO 2014*/
#cont_news {
    color: #999999;
    padding: 0;
    position: relative;
    width: 269px;	
}
#news {
    background-color: #FFFFFF;
    color: #999999;
    overflow: hidden;
    padding: 0;
    width: 269px;
	height:165px;
	border-bottom:10px solid #fff;
}
.contenuti_img .box #news ul li a {
    color: #336699;
    text-decoration: none;
	background:none;
	border:none;
	padding:0 !important;
	width:auto;
	font-size: 12px;
    line-height: 18px;
}
#news a:hover {
    color: #336699;
    text-decoration: underline;
}
#news ul {
    list-style: none outside none;
    margin: 0 auto;
    padding:0;
	width:239px;
}
#news ul li {
    background: url("../images/freccia_blu.gif") no-repeat scroll 0 7px;
    list-style: none outside none;
    margin: 0;
    padding: 0 10px 10px 10px;
	margin:0 0 10px 0;
	border-bottom: 1px solid #dddddd;
}

#titolo_top_news {
    background-color: #FFFFFF;
    color: #666;
    font-size: 12px;
    line-height: 30px;
    margin: 17px 0 0 0;
	 width:249px;
    padding: 0 10px 10px 10px;
    text-transform: uppercase;
    display:block;
}
#titolo_top_news .testo {
    border-bottom: 1px solid #666;
    margin: 0 auto;
    padding: 0;	
	font-weight:bold;
}
.contenuti_img .box p {
    font-size:12px;
	line-height:18px;
}
.contenuti_img .box .titolo {
    height: auto;
    margin: 0 0 7px 0;
	font-size:16px;
}
.contenuti_img .box h1 {
    line-height: 30px;
	margin:0;
}
.sx_frecce{
	text-align:right;
	background:#e7e6e4;
	border-top:1px solid #cecece;
	height:32px;
	line-height:normal;
}
.sx_frecce .opacity{
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
.sx_frecce .up,.sx_frecce .down{
	border-left:1px solid #fff;
}
/*NEWS HP FEBBRAIO 2014*/