/* EX STILE_INTERNO.CSS, RESTYLING & CLEANING BY DR2013 */

/*-------------------------------------------------STILI COLLEGATI*/
@import url(/en_CN/static/css/business-bar.css);
@import "/en_CN/static/css/font_eni/font.css";
@import url(/en_CN/static/css/docbox.css);
@import url(/en_CN/static/css/toolbox.css);
@import url(/en_CN/static/css/photogallery.css);
@import url(/en_CN/static/css/spry-tabbed-panels.css);
@import url(/en_CN/static/css/alert.css);
@import url(/en_CN/static/css/contatti.css);
@import url(/en_CN/static/css/head.css);
@import url(/en_CN/static/css/navigazione.css);
@import url(/en_CN/static/css/colonna_sx.css);
@import url(/en_CN/static/css/colonna_dx.css);
@import url(/en_CN/static/css/footer.css);


/*-------------------------------------------------GENERICI*/
* {
    outline: none;
	margin:0px;
	padding:0px;
	}
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;/*padding-top:5px!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;}

hr {
clear:both;
visibility:hidden;
height:0;
display:block;
}

a:focus {
outline:0;
}

#container {
width:960px!important;
background:#FFF;
margin:0 auto;
padding:0;
}
/*-------------------------------------------------STILE PER COLONNA SINISTRA*/

#contenuti {
margin:0 auto;
padding:0px 0px 0px 0/*10*/px;
position:relative;
width:960px;
background:#fff;
}

.col_sx {
width:182px/*172*/;
padding:0px;
margin:0px /*13px*/ 0 10px;
background:#FFF;
float:left;
display:inline;
height: auto !important;
height: 100px;      /* per IE5.x e IE6 */
/* min-height: 50px;*/
}

/*-------------------------------------------------STILE PER COLONNA DESTRA*/
.col_dx {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline;
    float: left;
    margin: 45px 0 10px 20px;
    text-align: left;
    width: 182px;
}
.col_dx p {
font-size:11px;
color:#444;
line-height:1.4em;
margin:0 0 10px;
}

.col_dx img.banner {
margin:10px 0px 10px 0px;
padding:0px;
border:0px;
}

/*-------------------------------------------------STILE PER COLONNA CENTRO*/
.col_centro {
width:556px;
margin:0 0 0 20px;
*margin:0 0 0 20px;
background:#FFF;
float:left;
display:inline;
text-align:left;
position:relative;
}

.col_centro p {
padding:0;
margin:0 0 8px 0!important;
font-size:11px;
color:#444;
line-height:1.5em;
min-height: 30px;/*50*/
}

.col_centro a {
color:#6D6B5E;
text-decoration:underline;
}

.col_centro a:hover {
text-decoration:none;
}

.col_centro h1 { /*TITOLO PAGINA*/
padding: 0px 0 10px 0;
margin:0 0 10px;
font-size:16px;
font-weight:400;
color:#336699;
clear:all;
visibility:visible!important;
}

.col_centro h2 {
color:#336699;
font-size:12px;
text-transform:uppercase;
font-weight:normal!important;
margin:10px 0 10px 0!important;
}

.col_centro h3 {
color:#336699;
font-size:16px;
text-transform:uppercase;
font-weight:normal!important;
margin:20px 0 10px 0!important;
}

.col_centro div.data_nero h3 {
margin:0 0 0 0!important;
}

.col_centro div.data_giallo h3 {
margin:0 0 0 0!important;
}







.col_centro h4{font-size:11px; color: #444;padding:0;margin:0 0 15px 0;line-height:1.3em; font-weight:normal;}
.col_centro h4 a{color: #369; text-decoration:underline;}
.col_centro h4 a:hover{color: #333; text-decoration:none;}
.col_centro ol{ margin:0px 0px 0px 28px};
.col_centro ul {margin:15px 0 !important; padding:0;list-style:square inside ; display:inline-block; }
.col_centro ul ul {margin:5px 0 0 !important; padding:0;list-style:circle inside;}
.col_centro ul li {/*list-style:square  inside;*/ padding:5px 0;font-size:11px; color:#666; margin:0 0 0 10px; border-bottom:1px solid #E1E1E1;line-height:1.4em; list-style: square inside none;}
.col_centro ul li li{/*list-style:square  inside;*/ padding:5px 0;font-size:11px; color:#666; margin:0 0 0 15px; border-bottom:1px solid #E1E1E1;line-height:1.4em; list-style: circle inside none;}
.col_centro ul ul li {padding:3px 0  3px 15px;font-size:11px; color:#666; margin:0; border:none;}

.col_centro table{border-collapse:collapse; border:none; margin:10px 0;}
.col_centro thead{font-size:12px; color:#6b7d02;}
.col_centro thead td{padding:3px; font-size:12px; color:#6b7d02; border-left: 1px solid #CCC; border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;text-align:center;}
.col_centro tbody{ font-size:11px; color:#444;}
.col_centro tbody td{padding:3px; font-size:11px; color:#444; border-left: 1px solid #CCC; border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;}

/* aggiornamento x tabelle del 22/7/09 dr */
.col_centro tfoot{font-size:10px; color:#444; }
.col_centro tfoot td {padding:3px 0 0 0; font-size:10px; color:#444; border: 0px;}




/*-------------------------------------------------STILE PER COLONNA CENTRO senza col dx*/
.col_centro_dx {
width:748px;
_width:700px;
}

#titolo {
width:348px;
padding:0;
background:#FFF;
float:right;
text-align:left;
}

#titolo h1 {
padding:0;
font-size:18px;
text-transform:uppercase;
}

#separatore {
height:0;
display:block;
float:right;
font-size:0;
background:transparent;
}

.separatore_b {
height:0;
margin:10px 0 0;
padding:0;
font-size:0;
float:right;
background:transparent;
}

#left_element {
width:153px;
float:left;
padding:0 10px 10px 0;
display:block;
background:#FFF;
}

#left_element img {
border:none;
width:153px;
margin:0!important;
}

/*-------------------------------------------------stile per ABSTRACT*/
.abstract {
width:auto;
background:#f6f7fa;
padding:10px;
margin:10px 0;
/*display:inline-block;*/
}

.abstract h1 {
font-weight:400;
color:#369!important;
text-transform:uppercase!important;
font-size:11px!important;
}

/*-----------------------------------------------------------------------STILE PER PAGINA PROFILO ENI (a blocchetti di immagini) */
/*pagina lanci 25 novembre 2011*/
#lanci .box_profilo {padding:0 0 10px 0;width: 555px;}
#lanci .box_profilo img {float:left;margin:0 10px 0 0;}
#lanci p.titolo{font-size:16px;/*font-family:'EniTabBold'*/, Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;font-weight:normal;color:#336699;margin:0 0 0px 0!important;}

#lanci #contenuti_dx{width:748px;float:left;margin:0 0 0 20px;}
#lanci #colonna_centro {float: left;margin: 20px 20px 0 0;padding: 0;text-align: left;width: 563px;font-size:12px;}
#lanci #colonna_destra {width:165px;float:left;margin: 20px 0 0 0;}

#lanci #box_lanci {width:555px;margin:0;padding:20px 0; background: url(/en_CN/static/images/sfondo_lanci_top.gif) no-repeat top left;}
#lanci #box_lanci p {margin:0 0 20px 0;}
#lanci #box_lanci #contenuti {width:515px;margin:0;padding:0 20px 10px 20px;background: url(/en_CN/static/images/sfondo_lanci_bottom.gif) no-repeat bottom left;}
#lanci #box_lanci #contenuti .box {margin:0 14px 10px 0;float:left;width:162px;height:139px;background: url(/en_CN/static/images/sfondo_box.gif) no-repeat top left;position:relative;}
.nomargin-lanci {
    margin: 0 !important;
    padding-top: 0 !important;
}
#lanci #box_lanci #contenuti .box img {border:none;position:absolute;left:0;top:0;}
#lanci #box_lanci #contenuti .box a {color:#336699;font-size:12px;text-decoration:none;line-height:28px;background: url(/en_CN/static/images/sfondo_link_lanci.gif) no-repeat top left;padding:0 10px;margin:0;display:block;position:absolute;left:10px;bottom:1px;}
#lanci #box_lanci #contenuti .box a:hover {color:#336699;text-decoration:underline;}
/*pagina lanci 25 novembre 2011*/




/*-------------------------------------------------stile per HIGHLIGHTS 2013*/

.highlights{background: url("/en_CN/static/images/bottom_highlights.gif") no-repeat scroll left bottom #FFFAE2;
    clear: both;
    margin: 0 0 20px !important;
    padding: 0 10px 5px;
    width: 536px;
}

.highlights h1 {
    background: url("/en_CN/static/images/top_highlights.gif") no-repeat scroll left top #FFFAE2;
    color: #AB7D02 !important;
    font-family: 'EniTabBold',Lucida Sans Unicode,Lucida Grande,sans-serif !important;
    font-size: 17px !important;
    font-weight: normal !important;
    height: 33px;
    line-height: 33px;
    margin: 0 0 5px -10px !important; 
    padding: 0 0 0 10px !important;
    text-transform: lowercase !important;
    width: 536px;
}
.highlights h3 {
    background: url("/en_CN/static/images/top_highlights.gif") no-repeat scroll left top #FFFAE2;
    color: #AB7D02 !important;
    font-family: 'EniTabBold',Lucida Sans Unicode,Lucida Grande,sans-serif !important;
    font-size: 17px !important;
    font-weight: normal !important;
    height: 33px;
    line-height: 33px;
    margin: 0 0 5px -10px !important;
    padding: 0 0 0 10px !important;
    text-transform: lowercase !important;
    width: 546px;
}
.highlights ul {
	list-style-position: outside;
    margin: 0 !important;
    width: 536px;
	}
.highlights ul li{ background: url("/en_CN/static/images/li_oro.gif") no-repeat scroll 0 11px #FFFAE2;
    border-bottom: 1px solid #F4E7B0 !important;
    list-style: none outside none;
    padding: 5px 0 5px 10px !important;
	 color: #8C7C55;
    /*display: inline-block;*/
    margin: 0;
}	



/*-------------------------------------------------stile per DIV per inserimento IMMAGINI*/
.immagine {
padding:3px;
border:1px solid #EEE;
margin:0 0 10px;
float:left;
}

.immagine img {
max-width:555px;
}

/*-------------------------------------------------stile per BOOKMARK*/
#bookmark {
width:149px;
border:2px solid #DDD;
border-bottom:1px solid #DDD;
background:#FFF;
margin:10px 0 0;
}

#bookmark ul {
width:149px!important;
padding:0!important;
margin:0!important;
list-style-type:none!important;
list-style-position:outside!important;
display:block!important;
}

#bookmark li {
width:149px!important;
padding:0!important;
margin:0!important;
background:none!important;
border:none!important;
}

#bookmark li a {
width:139px!important;
padding:6px 5px!important;
margin:0!important;
display:block!important;
text-decoration:none!important;
text-transform:uppercase!important;
text-align:left!important;
color:#666!important;
font-size:9px!important;
border-bottom:1px solid #DDD!important;
}

#bookmark a:hover {
background:#EEE!important;
}

#bookmark li a img {
vertical-align:middle!important;
margin:0 5px 0 0!important;
width:auto!important;
}


/*-----------------------------Stile per data ultimo aggiornamento*/
#update {
width:930px;
text-align:left;
display:block;
clear:both;
background:#F5F5F5 url(/en_CN/static/images/update.gif) no-repeat 5px 3px;
margin:10px auto;
padding:5px 5px 5px 25px;
}

#update p {
color:#666;
}



/*----------freccia*/

.freccia {
	width: 12px;
	background-image:url("/attachments/azienda/attivita-strategie/altre-societa/lngshipping/freccia-dx.jpg"); 
	background-position: center center;
	background-repeat: no-repeat;
}

.freccia_open {
	width: 12px;
	background-image: url("/attachments/azienda/attivita-strategie/altre-societa/lngshipping/freccia-giu.jpg");
	background-position: center center;
	background-repeat: no-repeat;
}
/*----------freccia fine*/



/*------------------ S O C I A L   N E T W O R K ------------------------------------*/

/*codice per social network*/

#toolbox h1 {visibility:visible!important;}

#icone2_no_col_dx {width:165px; position: absolute; float: right; bottom:0px; right:0;  margin:0px 0px 0px 10px; padding:0px 0px 0px 10px;}
#icone2_no_col_dx h1{padding: 0;margin: 0 0 10px 0;font-size: 16px;font-weight: normal;width:600px;}
#icone2_no_col_dx table {margin:0px 0 0 0px;padding:0;border:0;}
#icone2_no_col_dx table tbody {margin:0px 0 0 0;padding:0;border:0;}
#icone2_no_col_dx td {margin:0;padding:0; border:0;}
#icone2_no_col_dx img {border:medium none!important;float:left;}
#icone2_no_col_dx form {margin:0!important; padding:0!important;display:block;}
#icone2_no_col_dx td input.img {margin:0px;padding:0px;display:block;border:0px;}


/*------------------------------------------------------------------ NUOVA COMPONENTE BOOKMARK PAGINE INTERNE*/
/*modifiche 28 luglio 2010*/
.col_centro_grande #icone2 {float:right;position:relative;}
.col_centro_grande #icone2 a img {border:none!important;float:left;}
.col_dx #icone2 {position:relative;}
.col_dx #icone2 a img {border:none!important;float:left;}
#tooltip {position:absolute;top:-38px;right:-13px;display:none;background: url(/en_CN/static/images/homepage_eni_com/sfondo_tooltip.gif) no-repeat top left;width:109px;height:41px;padding:2px 5px;font-size:10px;}
/*fine modifiche 28 luglio 2010*/

/*--------------------------------------------------------------------COL DX INTERNA*/

#social_networks_piu {background:url(/en_CN/static/images/pagine_interne/social_networks_piu.gif) no-repeat top left;width:130px;height:20px;display:block;margin:5px 0 0 0;padding:5px 0 0 35px;cursor:default;cursor:pointer;color:#3c629f;font-size:10px;}
.social_networks_meno {background:url(/en_CN/static/images/pagine_interne/social_networks_meno.gif) no-repeat top left!important;width:130px!important;height:20px!important;display:block!important;margin:5px 0 0 0!important;padding:5px 0 0 35px!important;cursor:default!important;cursor:pointer!important;color:#3c629f!important;font-size:10px!important;}

#social_networks {background-color:#eceff4;/*border-left:1px solid #cbd1da;border-right:1px solid #cbd1da;border-bottom:1px solid #cbd1da;*/width:132px;height:25px;display:block;margin:5px 0 0 0;padding:0;}
#social_networks img.sc {border:none;}




	     
	  

/*-------------------------------------------------------------------------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:999;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:137px;background-color:#fff;display:block;}
#suggerimenti ul li span {color:#666;font-weight:bold;}

.titolo_full{
color:#6c6a5d!important;
font-family:'EniTabBold Regular';
text-transform:uppercase;
font-size:18px!important;
padding:20px 10px!important;
border-bottom:1px solid #dddbcf;
width:940px;
}

.noborder {border:medium none !important;}



/*------------------------------------------------------------------------------accordion*/

.AccordionPanelContent ul {width:100%;padding:0;margin:0!important;list-style:outside none!important;list-style-type:none!important;}
.AccordionPanelContent ul li {padding:5px 10px 5px 30px;border-bottom:0!important;border-top:1px solid #e0e0e0;list-style:outside none!important;list-style-type:none!important;}

.AccordionPanelTab .download {background:url(/en_CN/static/images/pagine_interne/icone/pdf_medio.gif) no-repeat top left;float:right;padding:0 0 5px 30px;text-transform:none!important;width:120px;}
.AccordionPanelTab span {float:left; width:370px;}

.AccordionPanelContent ul li div.nero {color:#000;width:50%;float:left;margin:0!important;padding:0!important;background:none!important;}
* html .AccordionPanelContent ul li div.nero {color:#000;width:45%;float:left;margin:0!important;padding:0!important;background:none!important;}
.AccordionPanelContent ul li div.grigio {width:50%;float:left;margin:0!important;padding:0!important;background:none!important;}

.categoria_veicoli {background-color:#E0E0E0;height:25px;border-top:1px solid #336699;padding-left:10px;font-size:14px;padding-top:5px;}

#prodottiTab { width:563px; }




a.ext_link {
    background: url("/it_IT/static/images/link_esterno.gif") no-repeat scroll left top transparent;
    padding-left: 18px;
    text-decoration: underline;
}


#accessibilita ul {list-style:none;list-style-type:none;margin-left:5px;padding:0;display:block; font-weight:bold;}
#accessibilita ul li {list-style: square outside; margin-left:5px; padding:0; display:block; font-weight:normal;}



/*fix header pagine interne*/
/**html #command1 {right: 13px!important}
*html #command2 {right: 8px!important}*/






/*-------------------------------------------------------------- classi per NUOVO STILE TABELLA */
.newtable2 table {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	border:solid #d6d6d6;
	border-width:0 1px 1px 1px;
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.newtable2 table caption {background-color:#da7c2c;}
.newtable2 table caption {
	/*background: url(thead_bg.png) no-repeat top left;*/
	height:38px;
	color:#fff;
	font-family:'EniTabBold', sans-serif;
	text-align:left;
	font-size:17px;
	font-weight:normal;
	line-height:38px;
	padding:0 10px;
	margin-bottom:1px;
}

/*THEAD*/

.newtable2 thead {

	border:solid #d6d6d6;
	border-width:0 1px 1px 1px;
}
.newtable2  thead th {
	vertical-align:center;
	margin:1px;
	padding: 8px;
	background:#eeece8;
	font-size:11px;
	color:#333;
	font-weight:bold;
	border-color: #d6d6d6;
	border-style:solid dotted;
	border-width:0 1px 1px 1px;
}

.newtable2  thead th.due {
	vertical-align:center;
	margin:1px;
	padding: 5px;
	background:#eeece8;
	font-size:11px;
	color:#333;
	font-weight:bold;
	border-color: #d6d6d6;
	border-style:solid dotted;
	border-width:0 1px 1px 1px;
}
.newtable2 thead td {
	padding:3px;
	font-size:12px;
	color:#6b7d02;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align:center;
}
/*TBODY*/
.newtable2 tbody {
	color:#444;
	border:solid #d6d6d6;
	border-width:0 1px 1px 1px;
}
.newtable2 tbody td {
	font-size:11px;
	font-weight: normal;
	color:#444;
	text-align:left;
	vertical-align:center;
	background:#ffffff;
	margin:1px;
	padding:8px;
	border-color: #d6d6d6;
	border-style:solid dotted;
	border-width:0 1px 1px 1px;
}

.newtable2 tbody td.last{background:#f7f5f1;}
.newtable2 tbody tr.break td{background:#eeece8; font-weight:bold;}
.newtable2  tbody td.hover, .newtable .dati tbody td.last.hover{background:#fff5c4;}
.newtable2  tbody tr.break td.hover{background:#eeece8;}
.newtable2  tbody td p {
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#444;
	text-align:left;
}
/* aggiornamento x tabelle dr */
.newtable2 tfoot {
	font-size:10px;
	color:#444;
}
.newtable2 tfoot td {
	padding:3px 0 0 0;
	font-size:10px;
	color:#444;
	border: 0px;
}
/*TBODY*/
/*FINE classi per NUOVO STILE TABELLA*/




/*--------------------------------------------------------------------- MODIFICA PER FORM PROFILATE */
.col_centro table.noo  {border-collapse:collapse; border:none!important; font-size:11px;  font-weight: normal!important}
.col_centro table.noo thead.noo  th.noo{border-collapse:collapse; border:none!important; margin:10px 0; background-color: #f7f7f7; padding:3px; font-weight: normal!important; }
.col_centro table.noo thead.noo{border-collapse:collapse; border:none!important; margin:10px 0; background-color: #f7f7f7 }
.col_centro tbody.noo{ font-size:11px; color:#444;  border:none!important;}
.col_centro tbody.noo td.noo {padding:3px; font-size:11px; color:#444;  border:none!important;}
/* FINE MODIFICA PER FORM PROFILATE*/


/*highlights stile snodo*/
.highlights-inv {width:530px; padding:1.5% 2% 0.5% 2%; margin:10px 0px 5px 5px; color:#7d7c5e; FONT-WEIGHT: normal; border:0px; margin:0px; padding:0px;}
.highlights-inv table {width:530px; background:#FFFFCC url(/fr_CH/static/images/highlights.jpg) no-repeat top left; padding:1.5% 2% 0.5% 2%; margin:10px 0px 5px 5px; color:#7d7c5e; FONT-WEIGHT: normal; border:0px; margin:0px; padding:0px;}
.highlights-inv thead {border:0px; margin:0px; padding:0px; text-align:left;}
.highlights-inv thead tr{border:0px; margin:0px; padding:0px; text-align:left;}
.highlights-inv thead td {border:0px; margin:0px; padding:0 5px 5px 10px; text-align:left;}
.highlights-inv tbody {border:0px; margin:0px; padding:0px;  background:#ffffff;/*#fff3b2;*/}
.highlights-inv tbody tr {border:0px; margin:0px; padding:0px;}
.highlights-inv tbody tr td {border:0px; margin:10px 0 10px 0; padding:2px; border-bottom:1px #50739e solid;color:#50739e;}
.highlights-inv ul {padding:5px; border-bottom:0px solid #E1E1E1; line-height:1.4em;}

.highlights-inv ul li {background-image:url(/fr_CH/static/images/vuoto.gif); background-repeat:no-repeat; padding:0 0 5px 0px; margin:5px 0 0 20px; list-style: square outside none; border-bottom:0px solid #d3d0c7;}

/*breadcrumbs per media-library*/

#breadcrumb {border-bottom: 1px solid #D8D8D8;height: 33px;padding-top: 5px;}
#breadcrumb a {color: #999999;}