/* Tabs */
#solutions-tabs {
    background: #ccc;
}

#solutions-tabs ul,
#solutions-tabs li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#solutions-tabs ul {
    min-height: 60px;
    margin: 0 auto;
    max-width: 686px;
    overflow: hidden;
}

#solutions-tabs li {
    float: left;
    margin: 0 1%;
    text-align: center;
    width: 48%;
}

#solutions-tabs li:hover,
#solutions-tabs li.active {
    background: #fff;
}

#solutions-tabs li a {
    color: #909090;
    display: block;
    font: 31px/40px 'HelveticaNeueLTPro-ThCn', 'Arial Narrow', Helvetica, Arial, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
}

#solutions-tabs li a span {
    font-family: 'HelveticaNeueLTPro-Cn', 'Arial Narrow', Helvetica, Arial, sans-serif;
}

#solutions-tabs li:hover a,
#solutions-tabs li.active a {
    color: #333;
}

/* Solution */
.solution-content {
    padding-top: 15px;
    margin: 0 auto;
    max-width: 10702px;
}

.solution-content .description {
    margin: 10px auto 30px;
    padding: 0 40px;
    max-width: 768px;
    text-align: center;
}

.solution-content header {
    background: url("../images/solution-title-shadow.png") no-repeat center bottom;
    margin-bottom: 40px;
    overflow: hidden;
    text-align: center;
}

.solution-content header .solution-icone {
    background: url("../images/diagnostic-solution-icone.png") no-repeat left top;
    display: inline-block;
    height: 115px;
    vertical-align: bottom;
    width: 140px;
}

#remediation-solution header .solution-icone {
    background-image: url("../images/remediation-solution-icone.png");
}

.solution-content header h1 {
    color: #333;
    display: inline-block;
    font: 65px/1.2em "HelveticaNeueLTPro-ThCn", "Arial Narrow", Helvetica, Arial, sans-serif;
    margin: 0;
    height: 95px;
    padding-top: 40px;
}

.solution-content header h1 span {
    font-family: "HelveticaNeueLTPro-Cn", "Arial Narrow", Helvetica, Arial, sans-serif;
}

/* Menu */
#solution-menu dt {
    background: #e7e7e7;
    border-bottom: 1px solid #fff;
    color: #333;
    cursor: pointer;
    font: 30px/36px 'HelveticaNeueLTPro-Cn', Helvetica, Arial, sans-serif;
    padding: 10px 0;
}

#solution-menu dt:hover,
#solution-menu dt.active {
    background: #1963c7;
    color: #fff;
}

#solution-menu dd,
#solution-menu dt span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 686px;
}

#solution-menu dt span {
    background: url("../images/solution-menu-closed.png") no-repeat left center;
    padding-left: 42px;
}

#solution-menu dt:hover span,
#solution-menu dt.active span {
    background-image: url("../images/solution-menu-open.png");
}

#solution-menu dd {
    display: none;
    padding: 20px 0;
}

/* Cellphone */
@media (max-width: 767px) {
    #solutions-tabs li {
        margin: 0;
        width: 50%;
    }

    #solution-menu dt {
        padding-left: 10px;
        padding-right: 40px;
    }

    #solution-menu dt span {
        background-position: 0 center;
    }

    #solution-menu dd {
        padding-left: 40px;
        padding-right: 40px;
    }

    .solution-content header h1 {
        font: 40px/1.2em "HelveticaNeueLTPro-ThCn", "Arial Narrow", Helvetica, Arial, sans-serif;
        height: 75px;
        padding-top: 40px;
    }
}

@media (max-width: 715px) {
    #solutions-tabs li a span {
        display: block;
    }
}

@media (max-width: 474px) {

    .solution-content header .solution-icone {
        height: 126px;
    }

    .solution-content header h1 {
        height: auto;
        padding: 10px 0 10px;
    }
}