/*
Style Name:     investor-relations-pages.css
Description:    Stili per sez. Investor Relations portale Terna.it - pagine varie
Author:         dream-team - rcs 
Version:        2.0
Date:           07/05/2018
Modified:      	09/05/2018
*/

/* Table of Contents:

1.0 - Impostazioni Comuni
    1.1 - Azzeramento classe *col-
    1.2 - Torna su
     
2.0 - Paragrafo 1
3.0 - Box Tralicci
    3.1 - Comuni
    3.2 - Blu
    3.3 - Arancio
    3.4 - Rosso
    3.5 - Grigio
4.0 - Attività Regolate
    4.1 - Comuni
    4.2 - Colori
5.0 - Terna spiegata agli investitori

*/

/* 1.0 - Impostazioni comuni
======================================================= */

/* 1.1 - Azzeramento classe *col-
------------------------------------------------------- */

#trn-strategia-p1 [class*="col-"],
#trn-strategia-p2 [class*="col-"]{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 1.2 - Torna su
------------------------------------------------------- */

.tornasu {
    font-size: 12px;
    text-align: right;
}

 .ico-action {
     height: 20px;
     margin-bottom: -5px;
}

.ico-tornasu {
    content: url(/Portals/0/TernaCss/img/ico-tornasu.png);
}


/* 2.0 - Paragrafo 1
 * since: ver. 1.0
======================================================= */

#trn-strategia-p1 .subtit-p-blu{
    margin-bottom: 16px;
}

#trn-strategia-p1 .counter{
    font-size: 1.5rem;
}

.nbr-strategy1 {
    font-size: 1.5rem;
    color: #2e5fb8;
    font-weight: bolder;
	margin-bottom: 5px;
}

.unit-strategy1 {
    font-size: 1rem;
    color: #2e5fb8;
    /*margin-top: -15px;*/
	margin-bottom: 5px;
}


/* 3.0 - Box Tralicci
 * since: ver. 1.0
======================================================= */

/* 3.1 - Comuni
------------------------------------------------------- */

.tlt-strategy {
    color: #2e5fb8;
    font-weight: bold;
    text-decoration: underline;
    font-size:18px;
}

.box-trl-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
}

.box-trl-txt{
    font-size: 14px;
    margin-bottom: 18px;
}

.box-tralicci{
    position: relative;
    text-align: center;
    padding: 7px 7px 0;
    margin: 50px 15px 20px;
    border: 1px solid;
    background-color: transparent;
}

.ico-tralicci {
    display: table;
    height: 80px;
    margin: 0 auto;
    width: 80px;
    margin-top: -47px;
    margin-bottom: 15px;
}

/*.box-tralicci .btn {
    color: white;
    margin-bottom: 20px;
	text-decoration: none !important;
}*/

@media screen and (max-width: 800px) and (min-width: 600px),(min-width: 924px) {
    .tralicci-main-box{
        display: -webkit-flex; /* Safari */
        display: flex;
    }

    .box-tralicci{
        -webkit-flex: 1;  /* Safari 6.1+ */
            -ms-flex: 1;  /* IE 10 */    
                flex: 1;
    }

    .box-trl-txt {
        font-size: 14px;
        margin-bottom: 75px;
    }

    .box-trl-btn{
        position: absolute;
        bottom: 0;
        width: 100%;
		padding: 10px;
		margin-bottom: 10px;
		left: 0;
    }
}

/* 3.2 - Blu
------------------------------------------------------- */

.box-tralicci.box-tralicci-blu {
    border-color: #09467c;
}
.box-tralicci.box-tralicci-blu .box-trl-title{
    color: #09467c;
}

.ico-traliccio-blu:after {
    content: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-attivita-regolate-1.png);
}

/*.box-tralicci-blu .btn {
    background-color: #09467c;
    border: 0px solid #09467c;
}
    .box-tralicci-blu .btn:hover {
        background-color: white;
        //color:#09467c;
    }*/

/* 3.3 - Arancio
------------------------------------------------------- */

.box-tralicci.box-tralicci-arancio {
    border-color: #df8312;
}
.box-tralicci.box-tralicci-arancio .box-trl-title{
    color: #df8312;
}

.ico-traliccio-arancio:after {
    content: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-non-attivita-regolate-1.png);
}
/*
.box-tralicci-arancio .btn {
    background-color: #df8312;
    border: 0px solid #df8312;
}
    .box-tralicci-arancio .btn:hover {
        background-color: white;
        //color: #df8312;
    }
*/
/* 3.4 - Rosso
------------------------------------------------------- */

.box-tralicci.box-tralicci-rosso {
    border-color: #a72e33;
}
.box-tralicci.box-tralicci-rosso .box-trl-title{
    color: #a72e33;
}

.ico-traliccio-rosso:after {
    content: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-attivita-internazionali-1.png);
}
/*
.box-tralicci-rosso .btn {
    background-color: #a72e33;
    border: 0px solid #a72e33;
}
    .box-tralicci-rosso .btn:hover {
        background-color: white;
        //color: #a72e33;
    }
*/
/* 3.5 - Grigio
------------------------------------------------------- */

.box-tralicci.box-tralicci-grigio {
    border-color: #005ab4;
}
.box-tralicci.box-tralicci-grigio .box-trl-title{
    color: #005ab4;
}

.ico-traliccio-grigio-1:after {
    content: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-innovazione-1.png);
}

.ico-traliccio-grigio-2:after {
    content: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-people-1.png);
}
/*
.box-tralicci-grigio .btn {
    background-color: #005ab4;
    border: 0px solid #005ab4;
}
    .box-tralicci-grigio .btn:hover {
        background-color: white;
        color: #005ab4;
    }
*/

/* 4.0 - Attività  Regolate
 * since: ver. 1.0
======================================================= */

/* 4.1 - Comuni
------------------------------------------------------- */

/*.str-title-container{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid;
    margin-bottom: 20px;
}

.str-title-txt-container{
    position: relative;
    height: 62px;
    margin-left: 80px;
}

.str-title-txt{
    position: absolute;
    bottom: 8px;
    font-family: Ternalight;
    font-size: 22px;
    line-height: 24px;
}

.str-ico{
    float: left;
    width: 65px;
    height: 56px;
    text-align: center;
}*/

/* 4.2 - Colori
------------------------------------------------------- */

/*.str-title-container.str-blu{
    color: #09467c;
    border-color: #09467c;
}

.str-title-container.str-arancio{
    color: #df8312;
    border-color: #df8312;
}

.str-title-container.str-rosso{
    color: #a72e33;
    border-color: #a72e33;
}

.str-title-container.str-grigio{
    color: #005ab4;
    border-color: #005ab4;
}/*


/* 5.0 - Terna spiegata agli investitori
 * since: ver. 1.0
======================================================= */

.tsi-paragrafi .tornasu{
    margin-bottom: 0;
}

/* 5.1 - Box buttons
------------------------------------------------------- */

.tsi-box-buttons{
    margin-bottom: 30px;
}

.trn-bx-lnks {
    margin-bottom: 10px;
    background-color: #f2f2f2;
    color: #2e5fb8;
    font-size: 18px;
    width: 100%;
}

.trn-bx-lnks:hover {
    background-color: #2e5fb8;
    color: #ffffff;
}

.title-box {
    line-height: 43px;
    margin-left: 54px;
    padding: 2px 0 6px;
}

.title-box span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.f-ico-ir{
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-top: 10px;
    background-size: 30px;
    background-repeat: no-repeat;
}

.ico-increase {
    background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase.png);
}
        
.ico-increase2 {
    background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase2.png);
}

.ico-increase3 {
    background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase3.png);
}

.ico-increase4 {
    background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase4.png);
}

.ico-increase5 {
    background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase5.png);
}

.trn-bx-parag {
    margin-bottom: 10px;
    border-bottom: 1px solid #2e5fb8;
    color: #2e5fb8;
    font-size: 18px;
    width: 100%;
}

.trn-bx-lnks-neutro>.trn-bx-lnks-heading {
    background-color: #ffffff;
    border-bottom: 1px solid #2e5fb8;
    margin-top: 20px;
    color: #2e5fb8;
    font-size: 18px;
}

.trn-bx-lnks-neutro [class^="title"]{
    display: inline-block;
    margin: 15px;
}

/* 5.2 - Hover
------------------------------------------------------- */

.trn-bx-lnks:hover {
    background-color: #2e5fb8;
    color: #ffffff;
}

.trn-bx-lnks:hover .ico-increase {
            background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase-white.png);
}

.trn-bx-lnks:hover .ico-increase2 {
            background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase2-white.png);
}

.trn-bx-lnks:hover .ico-increase3 {
            background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase3-white.png);
}

.trn-bx-lnks:hover .ico-increase4 {
            background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase4-white.png);
}

.trn-bx-lnks:hover .ico-increase5 {
            background-image: url(/Portals/0/Resources/Investitori/strategia/immagini/ico-increase5-white.png);
}