/* ===========  boxes  ==========*/

.box{

}

/* edit 27-6-2013 - commento formattazione ul, la applico direttamente alle columnContentType*/

/*.box ul, 
.boxType2Text ul,
.boxType3Text ul,
.boxType5TextType2 ul,
.boxTab ul,
.boxType5Text ul,
.boxType9Text ul,
.boxType1Text ul,
.boxType11Text ul{ 
    margin: 20px 0;
    padding-left: 15px;
    list-style-type: disc;
}*/

/*boxType1*/

.boxType1{
    border-bottom: 1px solid #e8e8e8;
}

    .boxType1Size1{
        width:364px;
    }

    .boxType1Size3{
        width:245px;
    }

        .boxType1Img{
         
        }
	
	.boxType1Size2 {
                width:268px;
		*width:260px; /*inserimento spazio tra immagini per IE7 01/10/2013*/
            }

            .boxType1Size1 .boxType1Img{
                width:364px;
                height:140px;
            }

            .boxType1Size2 .boxType1Img{
                width:268px;
		*width:260px; /*inserimento spazio tra immagini per IE7 01/10/2013*/
                height:140px;
            }

            .boxType1Size3 .boxType1Img{
                width:245px;
                height:140px;
            }

        .boxType1Title{  /*css per altezza e formattazione titolo nel caso di titolo su due righe per pagina intro 01/10/2013*/
            padding:0 0 20px 0;
	    *padding 0; /*01/10/2013*/
            font-family: "EniTabBold";
            font-size: 22px;
            line-height: 22px;
	    *line-height: 17px; /*01/10/2013*/
            color:#336699;
	    height:25px; /*01/10/2013*/
	    *height:35px; /*01/10/2013*/
        }

        .boxType1Text {
		height: 85px;/*height minima per permettere allineamento box su tutti i browser nelle pagine di intro di tipo product-category: test tra box a 5 righe con a fianco box a 1 riga di descrizione*/
	        *height: 88px; /*per IE7 01/10/2013*/
	}

        .boxType1List{

        }
			/*Ale 30/09/2013 - Modificato padding da 20 a 1 per richiesta Belgio.*/
            .boxType1Item{
                padding:1px 0 0 0;
            }

/*boxType2*/

.boxType2{
    padding:20px;
    background:#eeeeee;
}

.boxType2Home{
    position:relative;
    width:263px;
    height:318px;
}

.boxType2Title {
    color: #336699;
    font-family: "EniTabBold";
    font-size: 20px;
    line-height: 20px; /*ridisposizione box centrali home 02/10/2013*/
    margin-top: 2px; /*ridisposizione box centrali home 02/10/2013*/
    padding: 0 0 10px; /*ridisposizione box centrali home 02/10/2013*/
    text-align: center;
}

    .boxType2SubTitle {
	    color: #333333;
	    font-family: "Lucida Grande","Lucida Sans Unicode","Arial","Helvetica","sans-serif";
	    font-size: 12px;
	    line-height: 19px;
	    padding: 0 0 20px; /*ridisposizione box centrali home 02/10/2013*/
	}

    .boxType2Text{
        padding:0 0 20px 0;
    }

    .boxType2List{
        border-top:1px solid #cccccc;
    }

    .boxType2Home .boxType2List{
        width:263px;
        position:absolute;
        bottom:20px;
    }

        .boxType2Item{
            padding:15px 0 0 0;

        }

/*boxType3*/

.boxType3{
    padding:20px;
    background:#eeeeee;
}

.boxType3Home{
    position:relative;
    width:263px;
    height:318px;
}

    .boxType3Img{
        width:263px;
        height:144px;
    }

    .boxType3Title{
        padding:15px 0;
        font-family: "EniTabBold";
        font-size: 22px;
        line-height: 12px;
        color:#336699;
    }
	
	.boxType3_1Title {	    
		color: #336699;	    
		font-family: "EniTabBold";	    
		font-size: 22px;	    
		line-height: 5px;	    
		padding: 15px 0;	
	}
	
    .boxType3Text {
	    font-family: "Lucida Grande","Verdana",sans-serif;
	    line-height: 20px; /*ridisposizione box centrali home 02/10/2013*/
	}

    .boxType3List{
        border-top:1px solid #cccccc;
    }

    .boxType3Home .boxType3List{
        width:263px;
        position:absolute;
        bottom:20px;
    }

        .boxType3Item{
            padding:15px 0 0 0;

        }

/*boxType4*/

.boxType4{
    padding:20px;
    background: #575757;
    color:#fff;
    height:350px;
}

.boxType4Home{
    width:263px;
    /*height:318px;*/ /*allineo il box superiore con gli altri due box della home esterni, a 350px, boxType4*/
}

    .boxType4Title{
        padding:0 0 10px 0;
        font-family: "EniTabBold";
        font-size: 22px;
        line-height: 29px;
        color:#fed300;
    }

    .boxType4Text{
        padding:0 0 15px 0;
        font-size: 12px;
        line-height: 19px;
    }

    .boxType4Form{

    }

        .boxType4FormLabel{
            display:block;
            padding:0 0 5px 0;
        }

        .boxType4FormInputText{
            padding:3px 5px;
            margin: 0 0 5px 0;
            border:1px solid #c7c7c7;
        }

            .boxType4Home .boxType4FormInputText{
                width:253px;
            }

        .boxType4FormCheckboxContainer{
            width:150px;
            padding:20px 0 0 0;
            float:left;
        }

            .boxType4FormCheckbox{
                margin:0;
                padding:0;
            }

            .boxType4FormCheckboxLabel{
                padding:0 0 0 5px;
            }

        .boxType4FormSubmit{
            padding:5px 20px;
            margin:15px 0 0 0;
            border:0;
            float:right;
            font-size: 14px;
            background:#009900;
            color:#fff;
            cursor:pointer;
        }

    .boxType4List{
        padding:10px 0 0 0;
    }

        .boxType4Item{
            padding:0 0 5px 0;
        }

/*boxType5*/

.boxType5{

}

    .boxType5Img{
        width:150;
        height:140px;
        float:right;
        margin:0 0 0 20px;

    }

    .boxType5Left{
        width:555px;
        float:left;
    }

        .boxType5Title{
            padding:0 0 10px 0;
            font-family: "EniTabBold";
            font-size: 22px;
            line-height: 20px; /*richiesta 21-10-2013: Can you align the line under the title in the middle pane with a line from the left pane? (prima 25px;)*/
            color:#444444;
        }

        .boxType5Text{
            font-family: "EniTabReg";
            font-size: 20px;
            line-height: 28px;
            color:#666666;
        }
        .boxType5TextType2{
        }


/*boxType6*/

.boxType6{
 
}
    .boxType6Size1{
        width:278px;
    }

    .boxType6SingleLine{

    }

    .boxType6Img{
        float:left;
        width:75px;
    }

    .boxType6Right{

        /*width:160px;
		 padding:0 0 0 20px;*/
        float:left;
	/*modifica dimensioni box di testo*/		
		width: 180 px;
		padding:0 0 10 20px;
		height: 220px;
    }

        .boxType6Title{
            padding:0 0 10px 0;
            font-family: "EniTabBold";
            /*modifica dimensioni box di testo
			font-size: 22px;*/
			font-size: 18px;
            line-height: 22px;
            color:#336699;
        }

        .boxType6SingleLine .boxType6Title{
            line-height: 75px;
        }

        .boxType6Text{
            font-family: "EniTabReg";
            font-size: 14px;
            line-height: 20px;
        }


/*boxType7*/

.boxType7{
    border:1px solid #e8e8e8;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin:0 0 30px 0;
    behavior: url(/public/en_BE/eni_europe/static/js/PIE.htc);
}

/*Disaccoppiamento classi rounded usate nella callus benefits per evitare effetti indesiderati relativamente a tale box, legati all'arrotondamento*/
.boxType7b{
    border:1px solid #e8e8e8;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin:0 0 30px 0;
}
/*Fine disaccoppiamento*/

*+html .boxType7{
     margin-top: -300px; 
}

    .boxType7Title{
        padding:10px;
        background:#666666;
        font-family: "EniTabBold";
        font-size: 18px;
        line-height: 22px;
        color:#fdc724;
    }

    .boxType7List{

    }

        .boxType7Item{
            padding:10px;
            border-top:1px solid #e8e8e8;
        }

        .boxType7ItemLast{

        }

            .boxType7ItemTitle{
                font-family: "EniTabBold";
                font-size: 14px;
                line-height: 20px;
                color:#333333;
            }

            .boxType7ItemText{
                font-size: 11px;
                line-height: 16px;
            }

/*boxType8*/

.boxType8{
    border:1px solid #E8E8E8;
    border-top: 0;
    margin:0 0 30px 0;
}

    .boxType8Title{
        padding:8px 10px 30px 10px;
        background:#666666;
        font-family: "EniTabBold";
        font-size: 18px;
        line-height: 22px;
        color:#fdc724;
        text-align: center;
    }

    .boxType8SubTitle{
        padding:5px;
        margin:-20px 5px 0;
        font-family: "Lucida Grande","Lucida Sans Unicode","Arial","Helvetica","sans-serif";
        font-size: 13px;
        line-height: 19px;
        color:#333333;
        text-align: center;
        font-weight: bold;
        background:#fff;
    }

        .boxType8SubTitleRoundedSpan{
            display:block;
            padding:8px 5px;
            background:#fdc724;
        }

    .boxType8Text{

    }

    .boxType8List{
        margin:10px;
        border-top:1px solid #cccccc;
    }

        .boxType8Item{
            padding:10px 0 0 0;
        }

            .boxType8ItemTitle{
                font-family: "EniTabBold";
                font-size: 14px;
                line-height: 20px;
                color:#333333;
            }

            .boxType8ItemSubTitle{
                display:block;
                padding:0 0 10px 0;
                font-size: 13px;
                line-height: 19px;
                color:#333333;
                font-weight: bold;
            }

            .boxType8ItemText{
                font-size: 11px;
                line-height: 16px;
            }

/*boxType9*/

.boxType9{
    height:290px;
    position:relative;
    font-family: "EniTabReg";
	*margin-bottom:20px; /*margine sotto il titolo h1, maggiore per IE7*/
}

    .boxType9Title{
        padding:0px 0 28px 0;
        z-index: 90;
        position:relative;
        font-size: 22px;
        line-height: 28px;
        color:#444444;
    }

    .boxType9SubTitle{
        padding:0 20px 5px;
        z-index: 90;
        position:relative;
        font-size: 24px;
        line-height: 30px;
        color:#fdd303;
    }

    .boxType9Text{
        padding:0 20px;
        font-size: 20px;
        line-height: 26px;
        color:#fff;
        z-index: 90;
        position:relative;
    }

    .boxType9Img{
        position:absolute;
        bottom:0;
        left:0;
        z-index: 1;
    }


/*boxType10*/

.boxType10{
    border:1px solid #E4E4E4;
}
    .boxType10Title{
        padding:10px;
        margin:0;
        background:#e4e4e4;
    }

    .boxType10Img{
        margin:0;
        padding:0;
    }


/*boxType11*/

.boxType11{
 
}

    .boxType11Img{
        float:left;
        width:170px;
        height:90px;
    }
    
    .boxType11ImgDescription{
        color: #336699; 
	font-family: EniTabBold; 
	font-size: 18px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: normal; 
	line-height: 22px; 
	orphans: auto; 
	text-align: start; 
	text-indent: 0px; 
	text-transform: none; 
	white-space: normal; 
	widows: auto; 
	word-spacing: 0px;
	-webkit-text-stroke-width: 0px; 
	display: inline !important; 
	float: none;
    
    }
    

    .boxType11Right{
        float:left;
        padding:0 0 0 20px;
    }

        .boxType11RightSize1{
            width:360px;
            float:left;
            padding:0 0 0 20px;
        }

        .boxType11Title{
            font-family: "Lucida Grande","Lucida Sans Unicode","Arial","Helvetica","sans-serif";
        }

        .boxType11Text{
            font-family: "EniTabReg";
            font-size: 16px;
            line-height: 25px;
        }

/*boxType12*/

.boxType12{
 
}

    .boxType12Title{
        padding:0 0 12px 0;
        font-family: "EniTabBold";
        font-size: 22px;
        line-height: 25px;
        color:#444444;
    }

    .boxType12Img{
        width:172px;
        height:240px;
    }

    .boxType12Link,
    .boxType12Link:hover{
        display:block;
        padding:5px 0 0 0;
        font-size: 12px;
        line-height: 25px;
        color:#336699;
        text-align: right;
    }

/*boxType13*/

.boxType13{
    margin:0 0 30px 0;
    border:1px solid #e8e8e8;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background:#fff;
    behavior: url(/public/en_BE/eni_europe/static/js/PIE.htc);
}

    .boxType13Title{
        padding:10px;
        background:#666666;
        font-family: "EniTabBold";
        font-size: 18px;
        line-height: 22px;
        color:#fff;
    }

    .boxType13List{

    }

        .boxType13Item{
            padding:10px;
            border-top:1px solid #e8e8e8;
        }

        .boxType13ItemLast{

        }

            .boxType13ItemTitle{
                font-family: "EniTabBold";
                font-size: 16px;
                line-height: 18px;
                color:#333333;
            }

            .boxType13ItemText{
                padding:3px 0 0 0;
                font-size: 12px;
                line-height: 18px;
            }

/*social*/

.social {
    width: 172px;
    height: 59px;
    margin: 0 0 20px 0;
    border:#E4E4E4 1px solid;
    background:#f2f0f1;
}
    .social #fb {
        float: left;
        width: 20px;
        height: 20px;
        margin: 0 9px 0 0;
        overflow: hidden;
        margin: 0 10px 0 0;
        display: inline-block;
    }

    .social #tweet {
        float: left;
        width: 21px;
        height: 20px;
        margin: 0 9px 0 8px;
        display: inline-block;
    }

    .social #google {
        float: left;
        width: auto;
        margin: 0 9px 0 0;
        display: inline-block;
    }

    .social p {
        padding: 6px 0 7px 8px;
        margin: 0 0 0 0;
        color: #7b7a7a;
        font-size: 12px;
    }
    
    .social #mail {
        float: left;
        margin: 0 0 0 0;
        overflow: hidden;
        display: inline-block;
        width: 64px;
        height: 20px;
    }

.boxType4Over .boxType4FormInputText {
    width: 253px;
    display: block;
}
.boxType4Over {
    height: 253px;
    width: 265px;
}

.internal-step-title {
    color: #336699;
    font-family: 'EniTabBold',Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.176em;
    margin: 15px 0 0.23em;
}

.boxTypeGreyBox {
    background: none repeat scroll 0 0 #E4E4E4;
    display: block;
    padding: 8px 5px;
}

/*boxType13 
 * used in: homepage
 * implements: 1/3 width, paragrafi altezza fissa e variabile, hr, img, scrollable con menu a pallini, table 2x3
 * requires: scrollable green size18
 * ----------------------------------------------  */
.boxType14{ 
	position: relative;
	width: 263px;
	background: #EEE;
	padding: 20px;
	height:350px;
}
.boxType14 h2{
	font-size: 20px;
	line-height: 22px;
	color: #369;
	margin-bottom: 10px;
}
.boxType14 p{
	margin-bottom: 20px;
}
.boxType14 .box-hr{
	padding: 0 0 20px;
	border-bottom: solid 1px #ccc;
	margin: 0 0 10px;
}
.boxType14 .sizedBox{
	width: 100%;
	height: 212px;
	overflow: hidden;
}
.boxType14 .sizedBox img{
	width: 263px;
	height: 144px;
}
	/*scrollable*/
.boxType14 .scrollable{
	width: 100%;
	height: 78px;
	padding: 0 0 30px;
}
.boxType14 .scrollable .items div {
	width: 263px;
	height: 78px;
	padding: 0;
}
.boxType14 .scrollable .navi {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 13px 0 0;
	height: 13px;
}
.boxType14 .scrollable .navi a {
    background: url("/public/en_BE/eni_europe/static/images/img-home/scroll_navi.gif") no-repeat right top;
    margin: 3px 5px;
   }
.boxType14 .scrollable .navi a.active {
    background: url("/public/en_BE/eni_europe/static/images/img-home/scroll_navi_on.gif") no-repeat right top;
    border: none;
    }
	/* table */
.formatted-table {
	width: 100%;
	border: 1px solid #E6E6E6;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
    font-family: 'EniTabReg','Lucida Grande','Lucida Sans Unicode', Arial, Helvetica, sans-serif;
    color: #999;
    border-collapse: separate;
    font-size: 12px;
}
.formatted-table .first{
	border-right: solid 1px #E6E6E6;
	text-align: left;
	width: 65%;	
}
.formatted-table th{
	padding: 11px 10px 0px;
	width: 35%;
}
.formatted-table th.intestazione{
	color: #DB7E1A;
	font-size: 20px;
	line-height: 25px;
}
.formatted-table td {
    padding: 10px;
    vertical-align: middle;
}
.formatted-table .green{
	font-family: 'EniTabBold', sans-serif;
	line-height: 18px;
}