#topBaner, body {
    background: #337db0;
    width: 100%
}

#logoAndNav, #topBaner, body, html {
    width: 100%
}

#events h2::after, #events h2::before, #login:active {
    border: none
}

#logo, footer #disclamer img {
    float: left;
    vertical-align: middle
}

body, footer #ageRestriction {
    font-family: Arial, Helvetica, sans-serif
}

#blogs p:nth-child(4), #elsePromoLine a:nth-child(3), #text {
    margin-right: 0
}

#align, #logo, footer div {
    text-align: left
}

#contentWraper, #logoAndNav, #news.article #image, #text, #topBaner, footer {
    text-align: center
}

#news span::first-letter, #newsColumn nav ul li a::first-letter {
    text-transform: uppercase
}

#news #autor, footer div {
    display: inline-block;
    margin-top: 20px
}

#news #autor, #news p {
    line-height: 20px;
    font-size: 16px
}

#before p:nth-child(1), #login {
    margin-left: 0
}

* {
    margin: 0;
    padding: 0;
    line-height: 1.2em
}

:focus, a:active, input:active, textarea:active {
    outline: 0
}

a img {
    border: 0
}

img {
    display: block;
    margin: auto;
    max-width: 100%
}

#wraper {
    max-width: 1260px;
    margin: 0 auto;
    padding: 5px 18px 0;
    background: #fff
}

#topBaner {
    overflow: hidden
}

#logoAndNav {
    margin-top: 30px;
    white-space: nowrap;
    float: left
}

#logo {
    margin-top: -10px
}

#logo img {
    width: 280px
}

header nav ul li::before {
    content: "â\80 ˘";
    font-size: 14pt;
    font-weight: 700;
    margin-right: 12px;
    vertical-align: middle
}

header nav ul li:nth-child(1)::before {
    display: none;
    color: #fff
}

#login {
    display: inline-block;
    margin-top: 10px;
    vertical-align: baseline;
    text-decoration: none;
    color: #666;
    font-size: 14pt
}

#contentWraper {
    display: inline-block;
    width: 100%;
    min-height: 1800px
}

#commentColumn h2::after, #commentColumn h2::before, #newsColumn h2::after, #newsColumn h2::before {
    display: inline-block;
    content: " ";
    width: 55px;
    border-bottom: 1px solid #4d4d4d;
    margin-bottom: 3px
}

.bottomLink::after, .bottomLink::before {
    width: 85px !important
}

#commentColumn h2::before, #newsColumn h2::before {
    margin-right: 18px
}

#commentColumn h2::after, #newsColumn h2::after {
    margin-left: 18px
}

footer {
    height: 440px;
    background: #649cbf;
    min-width: 1208px
}

footer div {
    color: #fff
}

footer #disclamer {
    font-size: 10pt;
    width: 590px
}

footer #disclamer img {
    margin: 3px 15px
}

footer #mail {
    width: 230px;
    font-size: 10pt;
    margin-left: 90px
}

footer #ageRestriction {
    font-size: 25pt;
    padding: 10px 5px;
    vertical-align: top;
    margin-left: 60px
}

#newsColumn h2::after, #newsColumn h2::before, #popular h2::after, #popular h2::before {
    display: none
}

#text {
    margin-top: 40px;
    vertical-align: top;
    display: inline-block;
    width: 90%
}

#align {
    display: inline-block;
    padding-left: 50px
}

#news span.date {
    font-size: 11pt;
    color: grey
}

#news.article #image img {
    width: 600px;
    height: auto
}

#news h1 {
    font-weight: 400;
    font-size: 26pt;
    margin: 20px 0
}

#sectionArticle, #theme {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px
}

#sectionArticle {
    margin-bottom: 0;
    color: #6d9456
}

#theme {
    margin-top: 0;
    color: #666
}

#news #autor {
    text-transform: none;
    font-style: italic
}

#news p {
    margin: 20px 0
}

#news p img {
    height: auto
}

#cnt p:nth-child(1) {
    color: #000;
    font-size: 16px;
    line-height: 22px !important
}

.noup::first-letter {
    text-transform: none !important
}

#before p a::first-letter, #text h3 a::first-letter {
    text-transform: uppercase
}

#cnt em, #cnt strong {
    line-height: 20px !important
}

#news blockquote a, #news li a, #news p a {
    color: #69c;
    line-height: 20px !important
}

#news blockquote a:visited, #news li a:visited, #news p a:visited {
    color: grey
}

#news blockquote a:active, #news li a:active, #news p a:active {
    color: #6cf
}

#news ol, #news ul {
    padding-left: 40px;
    margin: 10px 0
}

blockquote.CitationItalic {
    margin: 40px;
    font-family: "PT Serif";
    font-weight: 700;
    text-align: left;
    font-size: 25px !important;
    line-height: 30px !important
}

.c2-2 {
    color: red
}

#smartbanner .sb-icon.gloss::after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255, 255, 255, .8);
    width: 100%;
    height: 50%;
    border-radius: 10px 10px 12px 12px
}

.text-comment {
    margin: 15px 0
}

#news span.date {
    display: block;
    text-align: left !important
}

#news p {
    text-align: left
}

.comment, .comment p {
    text-align: left;
}

.comment {
    padding-left: 50px
}

.clearfix::after, .clearfix::before {
    display: table;
    content: ""
}

.clearfix::after {
    clear: both
}

.comment div {
    border: 1px solid #60a5d4;
    margin: 30px 0 !important;
    padding: 5px;
    border-radius: 5px
}

.one {
    width: 100%;
    margin-left: 50px
}

#news h1.ArticleHeader {
    font-size: 27px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 10px;
    font-weight: 700
}

@media screen and (max-width: 1270px) {
    #topBaner, #wraper, footer {
        min-width: 240px
    }

    #align {
        padding-left: 0
    }

    header {
        display: none
    }

    #topBaner {
        height: auto !important
    }

    #wraper {
        max-width: 964px
    }

    #text {
        width: 70%
    }

    #cnt p {
        text-align: left
    }

    footer #disclamer {
        width: 500px
    }

    .one {
        padding-left: 50px;
        margin: 0;
        width: 93%
    }
}

@media screen and (max-width: 1000px) {
    .comment, .one {
        width: 100%
    }

    #topBaner, body {
        background: #60a5d4 !important
    }

    .comment, div {
        padding: 0
    }

    .one {
        padding-left: 0
    }

    #news span.date {
        margin-top: 25px;
        text-align: center !important
    }

    #news p {
        line-height: 17px;
        margin: 10px 0
    }

    #text {
        padding-bottom: 20px
    }

    #topBaner {
        height: auto !important
    }

    footer {
        display: none
    }

    #contentWraper, #text {
        width: 95%;
        padding: 0 8px
    }

    #news div, #news h1, #news p, #news span, #news.article #image {
        /*width: 100%*/
    }

    #wraper {
        overflow: hidden;
        padding: 0 5px;
        width: 95%;
        margin: 0 auto
    }

    #news.article #image img {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    #text {
        margin: 0
    }

    #align {
        width: 98%;
        padding: 10px 0
    }
}

@media screen and (max-width: 640px) {
    #news.article #image img {
        width: 100%
    }

    #news h1.ArticleHeader {
        font-size: 24px
    }

    img.one_png {
        margin: 0 auto 10px;
        display: block;
        width: 100%
    }
}

@media screen and (max-width: 479px) {
    #news h1.ArticleHeader {
        font-size: 20px
    }

    blockquote.CitationItalic {
        margin: 20px
    }

    #news div, #news p, #news span {
        font-size: 17px !important
    }
}

@media screen and (max-width: 420px) {
    body {
        background: #fff !important
    }

    #wraper {
        padding: 0
    }

    .comment div {
        width: 93%;
        margin: 10px 1% !important
    }
}