a@font-face {
    font-family: 'MarkProBold';
    src: url('fonts/MarkPro/MarkPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/MarkPro/MarkPro-Bold.otf') format('opentype'), url('fonts/MarkPro/MarkPro-Bold.woff') format('woff'), url('fonts/MarkPro/MarkPro-Bold.ttf') format('truetype'), url('fonts/MarkPro/MarkPro-Bold.svg#MarkPro-Bold') format('svg');
}

@font-face {
    font-family: 'MarkProLight';
    src: url('fonts/MarkPro/MarkPro-Light.eot?#iefix') format('embedded-opentype'), url('fonts/MarkPro/MarkPro-Light.otf') format('opentype'), url('fonts/MarkPro/MarkPro-Light.woff') format('woff'), url('fonts/MarkPro/MarkPro-Light.ttf') format('truetype'), url('fonts/MarkPro/MarkPro-Light.svg#MarkPro-Light') format('svg');
}

.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}

    .ac-container label {
        font-family: 'MarkProBold';
        padding: 5px 20px;
        position: relative;
        z-index: 20;
        display: block;
        /*height: 30px;*/
        cursor: pointer;
        color: #777;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        line-height: 33px;
        font-size: 14px;
        background: red;
        background: -moz-linear-gradient(top, #ffffff 1%, #D0D0D0 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D0D0D0), color-stop(100%,#D0D0D0));
        background: -webkit-linear-gradient(top, #ffffff 1%,#D0D0D0 100%);
        background: -o-linear-gradient(top, #ffffff 1%,#D0D0D0 100%);
        background: -ms-linear-gradient(top, #ffffff 1%,#D0D0D0 100%);
        background: linear-gradient(top, #ffffff 1%,#D0D0D0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D0D0D0', endColorstr='#eaeaea',GradientType=0 );
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
    }

        .ac-container label:hover {
            background: #FECE00;
        }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        background: #FECE00;
        color: #3d7489;
        text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1);
    }

        .ac-container label:hover:after,
        .ac-container input:checked + label:hover:after {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            right: 13px;
            top: 7px;
            background: transparent url(/images/arrow_down.png) no-repeat center center;
        }

        .ac-container input:checked + label:hover:after {
            background-image: url(/images/arrow_up.png);
        }

    .ac-container input {
        display: none;
    }

    .ac-container article {
        background: #D0D0D0;
        margin-top: -1px;
        overflow: hidden;
        height: 0px;
        position: relative;
        z-index: 10;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    }

        .ac-container article p {
            font-family: 'MarkProLight';
            text-align: justify;
            color: #000;
            line-height: 14px;
            font-size: 12px;
            padding: 5px 0px;
            text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        }

        .ac-container article .titu50 {
        }

    .ac-container input:checked ~ article {
        padding: 15px 20px;
        -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    }

        .ac-container input:checked ~ article.ac-small {
            height: 140px;
        }

        .ac-container input:checked ~ article.ac-medium {
            height: 180px;
        }

        .ac-container input:checked ~ article.ac-large {
            height: 230px;
        }

        .ac-container input:checked ~ article.ac-llarge {
            height: 300px;
        }

        .ac-container input:checked ~ article.ac-mlarge {
            height: 400px;
        }

        .ac-container input:checked ~ article.ac-slarge {
            height: 600px;
        }

        .ac-container input:checked ~ article.ac-auto {
            height: auto;
        }