﻿/* Extralight - Acciona 2018 Font */
@font-face {
    font-family: "acciona-font2";
    src: url("AccionaFont/eot/Acciona-ExtraLight.eot");
    src: url("AccionaFont/eot/Acciona-ExtraLight.eot?#iefix") format("embedded-opentype"),
        url("AccionaFont/ttf/Acciona-ExtraLight.ttf") format("truetype"),
        url("AccionaFont/woff2/Acciona-ExtraLight.woff2") format("woff2"),
        url("AccionaFont/woff/Acciona-ExtraLight.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

/* Light - Acciona 2018 Font */
@font-face {
    font-family: "acciona-font2";
    src: url("AccionaFont/eot/Acciona-Light.eot");
    src: url("AccionaFont/eot/Acciona-Light.eot?#iefix") format("embedded-opentype"),
        url("AccionaFont/ttf/Acciona-Light.ttf") format("truetype"),
        url("AccionaFont/woff2/Acciona-Light.woff2") format("woff2"),
        url("AccionaFont/woff/Acciona-Light.woff") format("woff");

  font-weight: 300;
  font-style: normal;
}

/* Regular - Acciona 2018 Font  */
@font-face {
    font-family: "acciona-font2";
    src: url("AccionaFont/eot/Acciona-Regular.eot");
    src: url("AccionaFont/eot/Acciona-Regular.eot?#iefix") format("embedded-opentype"),
        url("AccionaFont/ttf/Acciona-Regular.ttf") format("truetype"),
        url("AccionaFont/woff2/Acciona-Regular.woff2") format("woff2"),
        url("AccionaFont/woff/Acciona-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* Medium - Acciona 2018 Font */
@font-face {
    font-family: "acciona-font2";
    src: url("AccionaFont/eot/Acciona-Medium.eot");
    src: url("AccionaFont/eot/Acciona-Medium.eot?#iefix") format("embedded-opentype"),
        url("AccionaFont/ttf/Acciona-Medium.ttf") format("truetype"),
        url("AccionaFont/woff2/Acciona-Medium.woff2") format("woff2"),
        url("AccionaFont/woff/Acciona-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

/* Bold - Acciona 2018 Font */
@font-face {
    font-family: "acciona-font2";
    src: url("AccionaFont/eot/Acciona-Bold.eot");
    src: url("AccionaFont/eot/Acciona-Bold.eot?#iefix") format("embedded-opentype"),
        url("AccionaFont/ttf/Acciona-Bold.ttf") format("truetype"),
        url("AccionaFont/woff2/Acciona-Bold.woff2") format("woff2"),
        url("AccionaFont/woff/Acciona-Bold.woff") format("woff");
    font-weight: 700;
    font-style:normal;
}

/* Heavy - Acciona 2018 Font */
@font-face {
    font-family: "acciona-font2";
    src: url("AccionaFont/eot/Acciona-Medium.eot");
    src: url("AccionaFont/eot/Acciona-Medium.eot?#iefix") format("embedded-opentype"),
        url("AccionaFont/ttf/Acciona-Medium.ttf") format("truetype"),
        url("AccionaFont/woff2/Acciona-Medium.woff2") format("woff2"),
        url("AccionaFont/woff/Acciona-Medium.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}
/**/


/* Acciona Menú Help */

				* {
				font-family: acciona-font2;
				}
		
				p span {
				 font-weight: bold;
				}
				
				p a{
				 font-weight: bold;
				 color: #ff0000 !important;
				 }
				 
				 .cabeceraLogo::before{
				   content: url("../img/LogosAcciona/arrow-left-white-20_2018-09-21/arrow-left-white-20.png");
				   margin-right: 11px;
				   margin-top: -3px;
				   
				 }

                .cabeceraLogo,
                .cabeceraLogo a,
                .cabeceraLogo a:visited,
                .cabeceraLogo a:active,
                .cabeceraLogo a:hover {
                    font-size: 13px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: 0.1px;
                    color: #ffffff;
                    float: right;
                    display: flex;
                    text-decoration: none;
                }
				 
				 
				 .HelpCenter::before{
				  content: url("../img/LogosAcciona/arrow-left-brand-20_2018-09-25/arrow-left-brand-20.png");
				   margin-right: 11px;
				   margin-top: -3px;
				   
				 }
				 
				 .HelpCenter{
					 font-size: 15px;
					 font-weight: bold;
					 font-style: normal;
					 font-stretch: normal; 
					 line-height: normal; 
					 letter-spacing: 0.3px;
					 color: #ff0000; 
					 display:flex;
				 
				 }
				 
			
				.CabeceraMenuHelpLogo{
					margin-top: 40px;
					margin-right: 80px;
					display: inline-block; float: right;
				}
				 
				 .CapaDescargar::after{
				   content: url("../img/LogosAcciona/download-brand-12_2018-09-26/download-brand-12.png");
				   margin-left: 10px;
				 }
				 
				 
				  .CapaEnlaceG::after{
				   content: url("../img/LogosAcciona/chevron-right-12_2018-09-24/chevron-right-12.png");
				   margin-left: 10px;
				 }
				 
				 ul {
					list-style: none;
				}
				 
				 
				.wysiwyg > ul > li::before {
				  content: url("../img/LogosAcciona/check-12_2018-09-26/check-12.png");
				  margin-right: 7px;
    
				}
				
				 ul ul  li::before {
				  content: url("../img/LogosAcciona/sublevel-12_2018-09-27/sublevel-12.png");
    
				}

				.MenuLeftMd > nav > ul > .active::before {
				 content: url("../img/LogosAcciona/lineSelect.png");
				 margin-right: 5px;
				}

                .MenuLeftMd > nav > ul > li,
                .MenuLeftMd > nav > ul > li a,
                .MenuLeftMd > nav > ul > li a:visited,
                .MenuLeftMd > nav > ul > li a:active,
                .MenuLeftMd > nav > ul > li a:hover{
                    font-size: 15px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 1.47;
                    letter-spacing: normal;
                    color: #232323;
                    /*margin-bottom: 30px;*/
                    text-decoration:none;
                }

                .MenuLeftMd > nav > ul > li a:hover {
                    color:#666666;
                }

                .page-title, 
                .wysiwyg h1 {
                    font-size: 42px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #232323;
                    margin-bottom: 80px;
                }

                    .wysiwyg-title,
                    .wysiwyg h2 {
                        font-size: 30px;
                        font-weight: bold;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: normal;
                        color: #232323;
                        margin-bottom: 40px;
                    }
                .wysiwyg + .wysiwyg-title {
                    margin-top: 80px;
                }
                .wysiwyg h3 {
                    font-size: 22px;
                    font-weight: bold;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #232323;
                    margin-top: 80px;
                }

                .wysiwyg p {
                    font-size: 15px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 1.47;
                    letter-spacing: normal;
                    color: #232323;
                }

                .wysiwyg img {
                    padding: .25rem;
                    background-color: #fff;
                    border: 1px solid #dee2e6;
                    border-radius: .25rem;
                    max-width: 100%;
                    height: auto;
                }
				
				.DescargarEnlace{
					border-bottom: 1px solid #eaeaea;
					border-top: 1px solid #eaeaea;
					margin-top: 60px;
				    margin-bottom:120px;
				}

                    .DescargarEnlace > p.CapaDescargar,
                    .DescargarEnlace > p.CapaEnlaceG {
                        font-size: 15px;
                        font-weight: bold;
                        font-style: normal;
                        font-stretch: normal;
                        line-height: normal;
                        letter-spacing: 0.3px;
                        color: #232323;
                        display: inline-block;
                        margin-bottom: 42px;
                        margin-top: 42px
                    }

                    .DescargarEnlace > p.CapaDescargar a,
                    .DescargarEnlace > p.CapaEnlaceG a,
                    .DescargarEnlace > p.CapaDescargar a:visited,
                    .DescargarEnlace > p.CapaEnlaceG a:visited,
                    .DescargarEnlace > p.CapaDescargar a:active,
                    .DescargarEnlace > p.CapaEnlaceG a:active {
                        color: #232323!important;
                        text-decoration: none;
                    }

                    .DescargarEnlace > p.CapaDescargar a:hover,
                    .DescargarEnlace > p.CapaEnlaceG a:hover {
                        color: #666666 !important;
                        text-decoration: none;
                    }

                    ul > li {
					font-size: 15px;
					font-weight: normal; 
					font-style: normal;
					font-stretch: normal;
					line-height: 1.47;
					letter-spacing: normal;
					color: #232323;
					/*margin-bottom: 10px;*/
				}

                    ul > li > ul {
                        margin-top: 40px;
                    }

				.MenuLeftMd > nav > ul {
					padding-left: 0px !important;
				}

a.redesBox i {

    padding: 14px 18px;
}


@media (max-width: 1199px) {
    a.redesBox i {
        padding: 10px 14px;
    }
}

@media (max-width: 991px) {
    ul.rrssFooter li {
        margin-right: 5px;
    }
}


    @media (min-width: 768px) {
        .MenuLeftSm {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .MenuLeftMd {
            display: none !important;
        }

        .row > .col-md-8 > p:first-child {
            display: none !important;
        }


        .row > .col-md-8 > p:nth-child(2) {
            font-size: 22px !important;
        }

        .SubmenuTittle > p:first-child {
            font-size: 22px !important;
        }

        .Subtittle > p:first-child {
            font-size: 22px !important;
        }

        .CabeceraMenuHelpLogo {
            margin-right: 30px !important;
        }
    }
    /*Acciona Help Center*/
    * {
        font-family: acciona-font2;
    }
.cabeceraLogoHelpCenter a.backLink {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}
    .cabeceraLogoHelpCenter a.backLink::before {
        content: url(../img/LogosAcciona/arrow-left-white-20_2018-09-21/arrow-left-white-20.png);
        margin-right: 5px;
        margin-top: 11px;
        display: inline-block;
        height: 20px;
        vertical-align: bottom;
    }
.cabeceraLogoHelpCenter a.backLink.separate-bar::before {
    content: '';
    margin-left:5px;
    border-left:1px solid #ffffff;
    width:2px;
    height:20px;
    margin-right: 5px;
    margin-top: 11px;
    display: inline-block;
}
    .cabeceraLogoHelpCenter {
    /*margin-top: 40px;
				  margin-right: 80px;*/
    display: inline-block;
    float: right;
    transition: .5s ease-in opacity;
}

    .cabeceraLogoHelpCenter a,
    .cabeceraLogoHelpCenter a:active,
    .cabeceraLogoHelpCenter a:visited,
    .cabeceraLogoHelpCenter a:hover {
        text-decoration: none;
        color: #ffffff;
        transition: .5s ease-in color;
    }

            .cabeceraLogoHelpCenter a:hover {
                color: #cc0000;
            } 
            .cabeceraLogoHelpCenter:hover {
                opacity: 0;

            }

        .cabeceraLogoHelpCenter > div {
            font-size: 13px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.1px;
            color: #ffffff;
            float: right;
            display: flex;
        }

    .CapaEnlaceG::after {
        content: url(../img/LogosAcciona/chevron-right-12_2018-09-24/chevron-right-12.png);
        margin-left: 10px;
    }

    .MenuGrid > .VerTodo::after,
    .MenuGrid > a .VerTodo::after {
        content: url("../img/LogosAcciona/chevron-right-12_2018-09-24/chevron-right-12.png");
        margin-left: 73px;
        margin-top: -15px !important;
        border-left: 1px solid #d8d8d8;
        padding-left: 6px;
        display: flex;
    }



    .CabeceraMd {
        width: 740px;
        height: 176px;
        border-radius: 36px;
        background-color: #ffffff;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
        margin: 0 auto;
        display: table;
        margin-top: -85px;
    }

        .CabeceraMd > p {
            font-size: 42px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #232323;
            margin: 0 auto;
            display: table-cell;
            vertical-align: middle;
        }


    .CabeceraSm {
        width: 280px;
        height: 124px;
        border-radius: 20px;
        background-color: #ffffff;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
        margin: 0 auto;
        display: table;
        margin-top: -62px;
    }

        .CabeceraSm > p {
            font-size: 42px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #232323;
            margin: 0 auto;
            display: table-cell;
            vertical-align: middle;
        }


    .container > .Faqs {
        font-size: 30px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #232323;
        margin-top: 85px;
        margin-bottom: 40px;
    }

    .MenuGrid {
        border-radius: 20px;
        background-color: #ffffff;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
        padding: 44px 25px;
        max-width: 360px;
        margin-bottom: 20px;
    }

        .MenuGrid > a:last-child {
            position: absolute;
            bottom: 0;
            margin-left: 40px;
            margin-bottom: 40px;
        }

        .MenuGrid > a,
        .MenuGrid > a:visited,
        .MenuGrid > a:hover,
        .MenuGrid > a:active {
            text-decoration: none;
        }

            .MenuGrid > a:hover,
            .MenuGrid > a:hover p {
                color: #666666;
            }

            .MenuGrid > .FaqTittle,
            .MenuGrid > a .FaqTittle {
                font-size: 22px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.27;
                letter-spacing: normal;
                color: #232323;
                margin-left: 20px;
                display: inline-block;
                /*margin-top: 35px;*/
            }

            .MenuGrid > .Faq1,
            .MenuGrid > a .Faq1 {
                margin-left: 20px;
                /*margin-bottom: 40px;
					margin-top: 40px;*/
                font-size: 15px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.47;
                letter-spacing: normal;
                color: #232323;
            }

            .MenuGrid > .Faq2,
            .MenuGrid > a .Faq2 {
                margin-left: 20px;
                margin-bottom: 40px;
                font-size: 15px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.47;
                letter-spacing: normal;
                color: #232323;
            }

            .MenuGrid > .Faq3,
            .MenuGrid > a .Faq3 {
                margin-left: 20px;
                margin-bottom: 65px;
                font-size: 15px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.47;
                letter-spacing: normal;
                color: #232323;
            }

    .TittleMenuGrid {
        margin-bottom: 15px;
        display: inline-grid;
            padding:10px;
    }

    .MenuGrid > .VerTodo,
    .MenuGrid > a .VerTodo {
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        text-align: left;
        color: #232323;
        display: inline-block;
        margin-left: 20px;
        padding-right: 20px;
    }


.TittleMenuGrid > .AtencionCl {
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
    display: block;
    padding: 40px;

}
    .TittleMenuGrid > .AtencionCl .img-module {
        max-width: 100px;
        max-height: 100px;
        display: inline-block;
        vertical-align: middle;
    }

    .TittleMenuGrid > .AtencionCl .txt-module {
        max-width: Calc(100% - 120px);
        max-height: 100px;
        vertical-align:middle;
        display: inline-block;
    }
    .TittleMenuGrid > .AtencionSm {
            border-radius: 20px;
            background-color: #ffffff;
            box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
            display: block;
        }


    .footerMd > p:first-child {
        font-size: 30px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #232323;
        margin-bottom: 40px
    }


    .TittleMenuGrid > .AtencionCl > div > p {
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.47;
        letter-spacing: normal;
        color: #232323;
    }

    .TittleMenuGrid > .AtencionSm > div > p {
        font-size: 15px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.47;
        letter-spacing: normal;
        color: #232323;
    }

    .AtencionCl > div > p:nth-child(2) {
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        color: #ff0000;
    }

    .AtencionSm > div > p:nth-child(2) {
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        color: #ff0000;
    }

    .footerSm > p:first-child {
        font-size: 30px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #232323;
        margin-bottom: 40px;
    }

    .infoSm {
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.3px;
        color: #ff0000;
        text-align: center;
    }

.header-help-center {
    display: block;
    background-color: red;
    padding:26px 80px 93px
}

        .header-help-center .header-half-width-container:first-child {
            float: left;
            width: 40%;
            min-height: 44px;
        }

        .header-help-center .header-half-width-container:last-child {
            float: right;
            width: 60%;
            min-height: 44px;
            line-height: 22px;
        }

            .header-help-center .header-half-width-container:last-child a {
                line-height: 44px;
            }


    @media (min-width: 768px) {
        .CabeceraSm {
            display: none !important;
        }

        .footerSm {
            display: none !important;
        }


            .footerSm > p {
                display: none;
            }
    }

    @media (max-width: 767px) {
        .header-help-center {
            height: 160px;
            padding: 26px 20px;
        }

            .header-help-center.detail-style {
                padding: 20px 20px 20px 20px;
                max-height: 80px;
            }

        h1.page-title {
            font-size: 33px;
        }

        h2.wysiwyg-title {
            font-size: 22px;
        }

        .CabeceraMd {
            display: none !important;
        }

        .footerMd {
            display: none !important;
        }

        .footerSm > p {
            font-size: 22px !important;
        }

        .container > p {
            font-size: 22px !important;
        }


        .cabeceraLogoHelpCenter {
            /*margin-right: 30px !important;*/
        }
    }

    .MenuLeftSm .select-combo {
        border-radius: 6px;
        border: solid 2px #eaeaea;
        height: 60px;
    }

        .MenuLeftSm .select-combo .opt-item {
            font-family: 'acciona-font2';
            font-size: 15px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.47;
            letter-spacing: normal;
            color: #232323;
            margin-bottom: 30px;
        }

    /* */
    .footerF {
        margin-top: 60px;
    }

        .footerF * {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        }

        .footerF .titleFooter {
            background-color: #232323 !important;
            color: #ffffff !important;
            text-align: left;
        }


    ul.colaFooter li a, ul.footerMenu li a:hover {
        color: #fff !important;
        font-weight: 100 !important;
    }

    .logofooter {
        max-height: 120px;
    }


.MenuGrid > a:hover, .MenuGrid > a:hover p,
.MenuLeftMd > nav > ul > li a:hover {
    color: #ff0000;
}
.MenuLeftMd > nav > ul > li {
    margin-top:30px;
}
.MenuLeftMd > nav > ul > li:first-child {
    margin-top: 0px;
}
.cabeceraLogoHelpCenter a:hover {
    color: #cc0000;
}

a#switch-vehicle span {
    color: #ffffff;
}

    a#switch-vehicle span.patin:before,
    a#switch-vehicle span.moto:before {
        color: #ffffff;
        content: '';
        display: inline-block;
        width: 1.8em;
        height: 1em;
        background-repeat: no-repeat;
        background-position: left center;
        background-image: url("/images/bike-brand-20.svg");
        fill: #ffffff;
    }

    a#switch-vehicle span.patin:before {
        background-image: url("/images/scooter-brand-20.svg");
        height: 1.1em;
        color: #ffffff;
    }


    /* HelpCenter-Links */
.cabeceraLogoHelpCenter:hover {
    opacity:1;
}
.header-help-center .header-half-width-container:last-child .cabeceraLogoHelpCenter a.backLink {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

    .cabeceraLogoHelpCenter a.backLink::before {
        content: url(../img/LogosAcciona/arrow-left-white-20_2018-09-21/arrow-left-white-20.png);
        margin-right: 5px;
        margin-top: 11px;
        display: inline-block;
        height: 20px;
        vertical-align: bottom;
    }

    .cabeceraLogoHelpCenter a.backLink.separate-bar::before {
        content: '';
        margin-left: 5px;
        border-left: 1px solid #ffffff;
        width: 2px;
        height: 20px;
        margin-right: 5px;
        margin-top: 11px;
        display: inline-block;
    }
@media screen and (max-width:768px) {
    .DescargarEnlace {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .wysiwyg-title, .wysiwyg h2 {
        margin-bottom: 20px;
    }

    .container.no-padding {
        padding: 0!important;
    }
}