html *
{
    font-family: Arial !important;
}

body
{
    font-family: "Arial, sans-serif";
    color: #9e9fa1;
}

html
{
}

a
{
    /*color: #01b5ea;*/
    font-family: "Arial, sans-serif";
    font-size: 1em;
    outline: 0;
}

    a:hover
    {
        color: #2d3e52;
        text-decoration: none;
    }

article
{
    clear: both;
}

    article .container
    {
        padding-bottom: 30px;
        padding-top: 20px;
    }

img
{
    width: 100%;
}

.center-text
{
    text-align: center;
}

.justify-text
{
    text-align: justify;
}

.right-text
{
    text-align: right;
}

.message_pos {
    float: right;
    margin: 5px 15px 0 0;
    width: 320px;
}

.ad_pos, .ad_pos img {
    float: left;
    width: 260px;
    height: auto;
}

.ad_pos {
    margin:20px auto 0 auto;
    display:block;
}

    .ad_pos img {
        padding: 6px;
        border: thin solid #cfcfcf;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 2px;
    }

.ad_pos_title {
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 6px 0;
}

.ad_pos_text {
    text-align: right;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 0 10px 0;
    color: #7c7c7c;
    margin: 10px 6px 15px 0;
    display: block;
    float: none;
}

@media screen and (max-width: 640px) {
    .ad_pos img, .ad_pos {
        float: none;
        width: 100%;
        height: auto;
        display: block;
        z-index: 777;
        position:relative;
    }

    .ad_pos {
        float: left !important;
        margin: 0 auto 5px auto;
        margin: 0;
    }

        .ad_pos img {
            padding: 10px;
            margin-top: 0;
            margin-bottom: 10px;
        }

    .ad_pos_title {
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        padding: 0 0 6px 0;
    }

    .ad_pos_text {
        padding: 0 0 10px 0;
        margin: -10px auto 2px auto;
        display: block;
        float: none;
    }
}