/**
* Global styles
*/
body {
    background: url(../img/bgs/kw-bg.gif) repeat #261a1a;
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    text-align: center;
}

input, select {
    font-family: Tahoma, Verdana;
    font-size: 11px;
    padding: 0.2em 0.4em
}

div, section, footer, p, ul, li, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0}
img {border: none}

a {
    color: #f15700;
    text-decoration: none;

}

a:hover {
    text-decoration: underline;
}
.bw {color: #3A3730}

/**
* Position-related styles
*/
.content-wrapper, .page-footer {
    width: 965px;
    margin: 10px auto;
    color: #3a3730;
    text-align: left;
}

.page-footer {
    width: 100%;
    background-color: #231717;
    margin: 0
}

.page-footer > .content-wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 10px 0 100px;
    color: #fff;
    text-align: left;
}

.page-footer span {
    color: #de2f00
}

.page-footer .links  {
    float: right
}

.page-footer .links a {
    color: #fff;
    padding: 0 12px
}

.author {
    margin-top: 3px;
    padding-left: 15px;
}

.page-footer .icon-rss {
    background: url(../img/icn/rss.png) no-repeat;
    text-indent: -99999px;
    direction: ltr;
    display: block;
    float: left;
    overflow: hidden;
    width: 51px;
    height: 20px;
}

.page-footer .sitemap {
    border: none;
}

.logo {
    float: left;
}

.user-info p {
    color: #f15700;
    float: right;
    margin: 0 6px 20px 0;
    width: 400px;
    font-size: 1.1em
}

.user-info p a {
    float: right;
    margin-left: 6px
}

.icon {
    background: no-repeat 8px 0;
    display: block;
    padding-left: 24px;
    padding-right: 8px;
    float: right;
    border-right: 1px solid #f15700
}

.icon-marked {
    font-weight: bold;
}

.icon-blog {
    background-image: url(../img/icn/blog.gif);
}

.icon-answer {
    background-image: url(../img/icn/answers.gif);
}

.icon-messages {
    background-image: url(../img/icn/messages.gif);
}

.icon-login {
    background-image: url(../img/icn/login.gif);
    border-right: none;
}

.user-info form {
    margin: 0;
    padding: 0;
    float: right;
    width: 612px;
    font-size: 0.9em;
}

.phrase {
    width: 383px;
    padding: 2px 3px 3px;
    overflow: visible;
    font-size: 1.2em;
}

.search-form {clear: right}
.search-where {width: 119px; line-height: 1.5; font-size: 1.2em; padding: 2px 3px 3px;}

.search-submit {
    background: url(../img/btn/search.gif) repeat;
    border: none;
    color: #fff;
    height: 26px;
    cursor: pointer;
    width: 91px;
    text-align: center;
    overflow: visible;
}

.user-name {
    display: block;
    float: left;
    margin-right: 1em;
    color: #fff;
    font-size: 1.1em
}
.user-name img {
    width: 25px;
    height: 25px;
    margin-right: 4px;
    border: 1px solid #888;
    float: left
}
.user-name a {color: #fff}

.top-bar {
    background: #b2341d; /* Old browsers */
    background: -moz-linear-gradient(top, #b2341d 0%, #e45609 7%, #f45c00 14%, #cb2700 45%, #9b0a00 55%, #6e0809 93%, #81141d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2341d), color-stop(7%,#e45609), color-stop(14%,#f45c00), color-stop(45%,#cb2700), color-stop(55%,#9b0a00), color-stop(93%,#6e0809), color-stop(100%,#81141d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b2341d 0%,#e45609 7%,#f45c00 14%,#cb2700 45%,#9b0a00 55%,#6e0809 93%,#81141d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b2341d 0%,#e45609 7%,#f45c00 14%,#cb2700 45%,#9b0a00 55%,#6e0809 93%,#81141d 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #b2341d 0%,#e45609 7%,#f45c00 14%,#cb2700 45%,#9b0a00 55%,#6e0809 93%,#81141d 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2341d', endColorstr='#81141d',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #b2341d 0%,#e45609 7%,#f45c00 14%,#cb2700 45%,#9b0a00 55%,#6e0809 93%,#81141d 100%); /* W3C */
    width: 680px;
    float: right;
    margin-top: 16px;
    overflow-x: hidden;
}
.ie7 .top-bar, .ie8 .top-bar, .ie9 .top-bar {filter: none; background: url(../img/bgs/top-bar.gif) repeat-x}
.top-bar a.new:link {
    text-shadow: 1px 1px 1px #FB9600;
}
.top-bar a.new:visited {
    text-shadow: 1px 1px 1px #000;
}

.bottom-bar, .inner-box h4 {
    background: #b4033e; /* Old browsers */
    background: -moz-linear-gradient(top, #b4033e 0%, #e20243 7%, #ec0241 14%, #aa052c 45%, #710028 55%, #600020 86%, #830331 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4033e), color-stop(7%,#e20243), color-stop(14%,#ec0241), color-stop(45%,#aa052c), color-stop(55%,#710028), color-stop(86%,#600020), color-stop(100%,#830331)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b4033e 0%,#e20243 7%,#ec0241 14%,#aa052c 45%,#710028 55%,#600020 86%,#830331 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b4033e 0%,#e20243 7%,#ec0241 14%,#aa052c 45%,#710028 55%,#600020 86%,#830331 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #b4033e 0%,#e20243 7%,#ec0241 14%,#aa052c 45%,#710028 55%,#600020 86%,#830331 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4033e', endColorstr='#830331',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #b4033e 0%,#e20243 7%,#ec0241 14%,#aa052c 45%,#710028 55%,#600020 86%,#830331 100%); /* W3C */
    clear: both;
    float: right;
    margin-top: 3px;
    margin-bottom: 7px;
    width: 965px;
    overflow-x: hidden;
}
.ie7 .bottom-bar, .ie8 .bottom-bar, .ie9 .bottom-bar,
.ie7 .inner-box h4, .ie8 .inner-box h4, .ie9 .inner-box h4 {filter: none; background: url(../img/bgs/bottom-bar.gif) repeat-x}

.top-bar li, .bottom-bar li {
    list-style-type: none;
    float: left;
}

.top-bar li a, .bottom-bar li a {
    color: #fff;
    display: block;
    /* padding: 5px 9px; */
    padding: 5px 10px;
    font-size: 1.2em;
    text-shadow: 1px 1px 1px #000;
}

.bottom-bar li a {
    font-size: 1.1em;
    padding: 5px 8px 5px 8px;
}

.top-bar li.active a,.bottom-bar li.active a {
    background-color: #000;
    border: 1px solid #b2341d;
    padding: 4px 9px 4px 9px;
}

.bottom-bar li.active a {
    border: 1px solid #71032a;
    padding: 4px 7px 4px 7px;
}

.top-bar li a:hover {
    background: none;
    filter: none;
    background-color: #000;
    border: 1px solid #b2341d;
    /* padding: 4px 8px 4px 8px; */
    padding: 4px 9px 4px 9px;
    text-decoration: none;
}
.ie7 .top-bar li a:hover, .ie8 .top-bar li a:hover, .ie9 .top-bar li a:hover {filter: none; background: url(../img/bgs/top-bar-hl.gif) repeat-x}

.bottom-bar li a:hover {
    background: none;
    filter: none;
    background-color: #000;
    border: 1px solid #900b03;
    padding: 4px 7px 4px 7px;
    text-decoration: none;
}
.ie7 .bottom-bar li a:hover, .ie8 .bottom-bar li a:hover, .ie8 .bottom-bar li a:hover {filter: none; background: url(../img/bgs/bottom-bar-hl.gif) repeat-x}

/**
* Rails config
*/

.left-rail, .right-rail {
    display: inline;
    float: left;
    position: relative;
}

.left-rail {
    clear: both;
    width: 475px;
    margin-right: 10px
}

.right-rail {
    width: 200px
}

.right-rail-hp {
    width: 480px;
}

.article-rail {
    width: 755px;
    min-height: 800px;
    background-color: #fff;
}

/**
* Article page parts
*/
.breadcrumbs {
    padding: 10px 0 6px 1px;
    margin: 0 10px 0 10px;
    border-bottom: 1px solid #bbb;
    font-size: 0.9em
}

.breadcrumbs a {
    color: #666
}

.breadcrumbs p {
    float: right
}

.breadcrumbs p a {color: #F15700}

.article-contents {
    padding: 10px 14px;
    color: #3A3730;
    min-height: 350px;
}

.gallery-contents {
    padding: 10px;
    color: #3A3730;
    min-height: 350px;
}

.text-size {float: right; margin-left: 6px}
.article-contents h1, .gallery-contents h1 {
    /*font-family: 'Calibri', 'Trebuchet MS', 'Tahoma', 'Arial';*/
    font-size: 1.8em;
    padding: 0 0 4px;
}
.article-contents ul {
    margin-left: 20px
}
.article-contents ul li {
    padding-left: 6px
}
.gallery-contents h1 {clear: both; margin-top: 10px}
.gallery-contents h1 .button {margin: 0; font-weight: normal;}
.article-contents .books-details h1 {padding: 0 0 10px;}
.text-size .button {margin-left: 2px}
.text-size .text-size-small span {font-size: 1em; line-height: 1.4em}
.text-size .text-size-medium span {font-size: 1.5em; line-height: 0.9em}
.text-size .text-size-big span {font-size: 1.9em; line-height: 0.7em}

.article-time-and-cat {padding: 4px 0 10px 0}
.article-text {
    /*font-family: 'Trebuchet MS', 'Tahoma', 'Arial';*/
}
.text-small p {font-size: 1.1em; line-height: 1.4em; margin-top: 10px;}
.text-medium p {font-size: 1.2em; line-height: 1.4em; margin-top: 10px;}
.text-big p {font-size: 1.4em; line-height: 1.4em; margin-top: 10px;}
.article-photo {margin: 0}
.article-opener {float: left; padding: 0 14px 2px 0}
.article-opener img {text-decoration: none;border: 1px solid #ddd; }
.article-contents .tags {clear: left; padding-top: 16px;margin: 0 0 6px 0; line-height: 1.2em}
.tags a {
    display: inline;
    padding: .3em .7em .4em;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 2.6em;
    color: #3A3730;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .35em;
    background-color: #DDD
}
.google-links {
    margin-top: 10px
}
.google-social {
    float: right;
    text-align: left;
    margin: 20px 10px
}
.right-col-sky {
    background-color: #FFF;
    padding: 10px 20px 10px 0;
    text-align: center;
}
.inner-sky {
    float: right;
    margin: 0 -4px 20px 10px
}
.right-rail-hp .box p {font-size: 1.1em}
/**
* Article lists
*/
.article-list hr {
    margin: 10px 0;
    clear: both
}
.article-list-img {
    float: left;
    margin: 0 10px 10px 0
}
.article-list-img img {
    border: 1px solid #ccc

}
.article-list-content {
    width: 485px;
    float: right
}
.books-list-el .article-list-content {width: 545px}
.books-list-el .article-list-img img {width: 120px; height: auto}
.article-list-content-nopic {
    width: 677px;
    float: right
}

.article-list-fixed {width: 425px !important}

.article-list-content .title, .article-list-content-nopic .title {
    color: #3A3730
}
.article-list-content p, .article-list-content-nopic p {
    margin-top: 10px;
    padding-bottom: 12px;
}
.article-list-content .time, .article-list-content-nopic .time {
    color: #888
}

.gallery-box, .gallery-box-home {float: left; margin-right: 10px; margin-bottom: 10px; width: 221px}
.gallery-box a img {width: 221px; height: 173px;}
.gallery-list-img {border: 1px solid #CCCCCC; margin-right: 10px; border-bottom: none;}
.gallery-list-img img {}
.gallery-nl {margin-right: 0 !important}
.gallery-desc {background-color: #f5f4ed; margin-top: 1px; padding: 4px 8px 8px; font-size: 0.9em; color: #666; height: 90px}
.gallery-info {background-color: #eeecdc; margin-top: 1px; padding: 8px; font-size: 0.9em}
.gallery-link {background-color: #e2e0ce; margin-top: 1px; padding: 0 8px 8px; font-size: 0.9em}

.gallery-box-home {width: 200px; margin: 10px 10px 0 0}
.gallery-box-home a img {width: 200px; height: 150px;}

.gallery-details {background-color: #f5f4ed; text-align: center; padding: 20px 0; margin-top: 10px}
.gallery-details-copyright {background-color: #eeecdc; margin-top: 1px; font-size: 0.8em; clear: both; padding-bottom: 10px;}
.image-author, .image-articles {float: left; margin-left: 20px;}
.image-pos {float: right; margin-right: 20px;}
.image-articles {clear: left}
.gallery-details-desc {background-color: #f5f4ed; margin-top: 1px; padding: 10px 18px; font-size: 1.2em;}

/**
* Paginator
*/
.paginator {clear: both; padding-top: 20px}
.paginator p {text-align: center}
.paginator a, .paginator span {
    color: #3A3730;
    border: 1px solid #888;
    height: 26px;
    line-height: 26px;
    margin: 0 1px;
    padding: 4px 6px;
    text-decoration: none;
    -moz-border-radius: 3px
}
.paginator a:hover {background-color: #de4c00; text-decoration: none; color: #fff}
.paginator .previous {float: left; padding: 0px 6px}
.paginator .next {float: right; padding: 0px 6px}
.paginator .current {font-weight: bold; background-color: #d3d3d3;}
.hidden {visibility: hidden;}

/**
* Inline boxes
*/
.inline-box {
    background-color: #f5f4ed;
    border: 1px solid #dcdad3;
    width: 162px;
    float: left;
    margin: 10px 14px 0 0;
    clear: left
}
.inline-box-right { float: right; margin: 10px 0 0 14px}
.inline-box p {margin: 0; padding: 5px 10px 10px 10px}
.inline-box p img {border: 1px solid #ccc; margin-top: 5px}
.inline-box h4 {margin: 10px 0 0 10px}
.inline-box-link {display: block; text-align: right; color: #3A3730}
.inline-box .with-arrow {display: block; color: #666; font-weight: normal; padding-left: 16px}

.related .with-arrow {margin: 6px 0 0 0}
.related-item {
    display: inline-block;
    width: 360px;
    font-size: 1.1em;
    vertical-align: top;
    margin-bottom: 20px;
    min-height: 105px
}
.related-item .title {
    margin-left: 142px;
    width: 220px;
    display: inline-block;
}
.related-item .abstr {
    margin-left: 142px
}
.related H4 {
    font-size: 1.2em;
    padding: 10px 0 10px 0;
    border-top: 1px solid #ccc;
    clear: left
}

.quote {
    background: #f5f4ed url(../img/bgs/quote.gif) no-repeat -20px -20px;
}
.quote p {padding: 14px; font-size: 1.2em; line-height: 1.2em; font-style: italic;}
.comic h4 {
    border-bottom: 1px solid #de4c00;
    margin-bottom: 8px;
    padding-bottom: 2px;
    width: 140px
}
.comic h4 a {
    background-color: #de4c00;
    color: #fff;
    font-weight: bold;
    padding: 2px 7px 3px;
}
.comic p {padding: 0 10px 10px 10px}

/**
* Other elements
*/
.article-text table {
    border-collapse: collapse;
    margin: 10px 10px 0 10px;
    caption-side: bottom
}
.article-text caption {font-weight: bold; text-align: left; padding: 2px 4px}
.article-text th, .article-text td {
    color: #666;
    padding: 4px 8px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff
}
.article-text th {background-color: #e2e0ce}
.article-text td {background-color: #f5f4ed}
.article-text th:first-child, .article-text td:first-child {border-left: none}

.article-text .article-footer {clear: both; padding: 20px 0 0}
.article-text .article-footer .author {float: right}
.article-text .article-footer .author-about {float: right; font-style: italic; font-size: 0.9em; clear: right; margin-top: 4px}
.article-text .article-footer .source {float: left}
.article-text .article-footer .book-isbn {float: right; clear: right}
.price {float: right; clear: right}
.report-err {
    margin-top: 4px;
    float: right;
    clear: right;
}
.report-err a {
    font-size: 0.8em;
    color: #3A3730
}

/**
* Comments
*/
.comments {margin-top: 24px}
.comments h5 {font-size: 1.2em; margin: 14px 4px}
.comment {clear: both}
.comment-head {background-color: #f5f4ed; padding: 4px 8px}
.comment-head p {padding-top: 4px}
.comment-body {line-height: 1.4em; padding: 8px 38px 18px; overflow: hidden;}
.comments .inline-box-link {padding-top: 10px; padding-bottom: 10px}
.comment blockquote {
    background: #FEFBFB url(../img/bgs/quote_red.gif) no-repeat right -20px;
    padding: 8px;
    margin: 8px 0 0 8px;
    color: #666
}
.comment-thumb {
    width: 24px;
    height: 24px;
    vertical-align: top;
    margin-right: 6px;
    float: left;
    border: 1px solid #ddd
}

.not-found-404 {
    color: #fff;
    text-align: center;
    z-index: 199;
    position: relative;
    top: -320px
}

.not-found-404 h1 {
    margin: 20px 0;
    color: #fff;
    z-index: 100;
}

.not-found-404-wrapper {
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    margin-top: 10%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 400px;
}

/**
* Sexy bookmarks
*/
.sexy-bookmarks {
    clear: both;
    display: block;
    height: 29px;
    margin: 30px 0 0;
    padding: 45px 0 0 10px;
    background: url("/media/img/bgs/share-wiedza.png") no-repeat -5px 0px;
}
.sexy-bookmarks ul.socials a {
    background-color: transparent;
    display: block;
    height: 29px;
    text-indent: -9999px;
    width: 60px;
}
.sexy-bookmarks ul.socials li {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    display: inline;
    float: left;
    height: 29px;
    list-style-type: none;
    outline: 0 none;
    padding: 0;
    width: 60px;
}
.sexy-bookmarks ul.socials a:hover, .sexy-bookmarks ul.socials li:hover {
    background-color: transparent;
    border: none;
    outline: none;
}
.sexy-digg, .sexy-digg:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover,
.sexy-nk, .sexy-nk:hover, .sexy-wykop, .sexy-wykop:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-gg,
.sexy-gg:hover, .sexy-grono, .sexy-grono:hover {
    background: url("../img/bgs/sexy-sprite.png") no-repeat scroll 0 0 transparent !important;
}
.sexy-digg {background-position: -980px bottom !important;}
.sexy-digg:hover {background-position: -980px top !important;}
.sexy-delicious {background-position: -1190px bottom !important;}
.sexy-delicious:hover {background-position: -1190px top !important;}
.sexy-twitter {background-position: -490px bottom !important;}
.sexy-twitter:hover {background-position: -490px top !important;}
.sexy-facebook {background-position: -1330px bottom !important;}
.sexy-facebook:hover {background-position: -1330px top !important;}
.sexy-nk {background-position: -840px bottom !important;}
.sexy-nk:hover {background-position: -840px top !important;}
.sexy-google {background-position: -210px bottom !important;}
.sexy-google:hover {background-position: -210px top !important;}
.sexy-wykop {background-position: -140px bottom !important;}
.sexy-wykop:hover {background-position: -140px top !important;}
.sexy-linkedin {background-position: -70px bottom !important;}
.sexy-linkedin:hover {background-position: -70px top !important;}
.sexy-gg {background-position: -1400px bottom !important;}
.sexy-gg:hover {background-position: -1400px top !important;}
.sexy-tipd {background-position: -1610px bottom !important;}
.sexy-tipd:hover {background-position: -1610px top !important;}
.sexy-grono {background-position: -1680px bottom !important;}
.sexy-grono:hover {background-position: -1680px top !important;}

/**
* HP boxes
*/
.articles .title, .interview .title, .recomended-books .title{
    font-size: 1.25em;
    font-weight: bold;
    color: #3A3730;
    display: block;
    margin: 0 0 6px 5px;
    padding-top: 2px;
}
.articles div.small {padding: 4px 0 0 4px}
.articles div.small a {font-size: 1.1em}
.articles .author{float: right; color: #666; margin-top: 0px; font-size: 0.9em;}
.articles hr {margin-top: 4px;}
.articles .subtitle {padding: 2px 0 1px 6px; color: #666;}
.hp-first {padding-bottom: 10px;}

.recomended-books .promo-image img {width: 80px}
.book-author {font-size: 1.2em; font-weight: bold; display: block; padding-bottom: 4px;}

.small-boxes-left, .small-boxes-right {
    display: inline;
    float: left;
    position: relative;
}

.small-boxes-left {
    clear: both;
    width: 225px;
    margin-right: 10px
}

.small-boxes-right {
    width: 245px;
    background-color: #5b5852;
}

.box {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.inner-box {
    margin: 10px;
    background: #fff;
}

.inner-box-extended {
    margin: 0 0 10px 0;
}
.inner-box-extended > div {
    border-top: 1px solid
}

.inner-box-content {
    padding: 10px;
    border: 1px solid #c90434;
    border-top: none;
}

hr {
    height: 1px;
    padding: 0;
    margin: 0;
    background-color: #ddd;
    border: none;
    clear: both;
    width: 100%;
}

.inner-box-content hr {
    margin: 20px 0;
    position: relative;
    top: 10px
}

.inner-box h4 {
    color: #fff;
    font-size: 1.2em;
    padding: 5px 13px 5px 11px;
    text-shadow: 1px 1px 0px #000;
    clear: none;
    float: none;
    width: auto;
    margin: 0;
}

.inner-box h4 a {color: #fff}
.inner-box h4 a:hover {text-decoration: none;}

.latest-news hr {
    margin: 0 0 6px;
    top: 2px;
}

.polls hr {
    margin: 0 0 16px;
    top: 10px;
}

.latest-news .inner-box-content a {display: block; margin-bottom: 10px; font-weight: normal;}
.latest-news .inner-box-content a.active {text-decoration: underline; font-weight: bold;}
.latest-news .date-hr {font-size: 0.9em; color: #000; font-weight: bold;}

.bar-outer {
    background: url("../img/bgs/poll/right.gif") no-repeat right;
    height: 7px;
    margin-top: 10px;
}
.bar-outer span {
    display: block;
    float: left;
    width: 3px;
    background: url("../img/bgs/poll/left.gif") no-repeat;
    height: 7px
}
.polls .bar {
    background-repeat: repeat-x;
    height: 3px;
    position: relative;
    top: 2px;
    left: 3px
}
.polls .answer {margin-left: 4px; font-size: 0.9em}
.poll-inner .inner-box-content {border: none;}
.poll-inner .inner-box-content p {padding: 0;}

.bar-red {background-image: url('data:image/gif;base64,R0lGODlhAQADAJEAAOYCP4kBKr8BNgAAACH5BAAAAAAALAAAAAABAAMAAAIChFIAOw==')}
.bar-green {background-image: url('data:image/gif;base64,R0lGODlhAQADAJEAAIjmAmu/AUSJAQAAACH5BAAAAAAALAAAAAABAAMAAAICRFQAOw==')}
.bar-grey {background-image: url('data:image/gif;base64,R0lGODlhAQADAJEAANHR0WVeWqWioAAAACH5BAAAAAAALAAAAAABAAMAAAIChFIAOw==')}
.bar-blue {background-image: url('data:image/gif;base64,R0lGODlhAQADAJEAABUBvx0C5gwBiQAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==')}
.bar-orange {background-image: url('data:image/gif;base64,R0lGODlhAQADAJEAAOiLAIpOAMBwAAAAACH5BAAAAAAALAAAAAABAAMAAAIChFIAOw==')}
.bar-cyan {background-image: url('data:image/gif;base64,R0lGODlhAQADAJEAAAGJhgLi5gG+vwAAACH5BAAAAAAALAAAAAABAAMAAAICjFAAOw==')}
.bar-yellow {background-image: url('data:image/gif;base64,R0lGODlhAQADAJEAAObWAr+vAYl7AQAAACH5BAAAAAAALAAAAAABAAMAAAICRFQAOw==')}

/**
* Buttons
*/
.button {
    background: url(../img/btn/btn-start.gif) no-repeat;
    cursor: pointer;
    padding: 0;
    margin-top: 6px;
    color: #3a3730;
    position: relative;
    float: right;
}
.button span {
    background: url(../img/btn/btn-white.gif) repeat right;
    margin-left: 3px;
    font-size: 12px;
    padding: 6px 30px 8px 10px;
    height: 15px;
    display: block;
}
.button-left {
    background: url(../img/btn/btn-end.gif) no-repeat right;
    float: left
}
.button-left span {
    background: url(../img/btn/btn-white-l.gif) repeat left;
    padding: 6px 10px 8px 30px;
    margin-right: 4px;
}
.no-arrow {
    background: url(../img/btn/btn-start-na.gif) no-repeat;
    margin-top: 0;
}
.no-arrow span {
    background: url(../img/btn/btn-white-na.gif) repeat right;
    padding-right: 12px;
    height: 13px;
}

.highlight {
    background-color: yellow;
    color: red;
}

/**
* Carousel styles
*/
.carousel-number {
    background-color: #eee;
    border: 1px solid #ccc;
    width: 2em;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    top: 8px
}

.carousel-number a {
    /*font-family: "Calibri", Tahoma, Verdana;
    font-size: 1.3em;*/
    color: #333;
    display: block;
    width: 24px;
    height: 5px;
    overflow: hidden;
}

.carousel .active {
    font-weight: bold;
    background-color: #E20243;

}
.carousel .active a {
    color: #fff
}

.carousel .caption {
    background-color: #000;
    opacity: .78;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=78);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    bottom: 10px;
    left: 0px;
    position: absolute;
    width: 390px;
    font-weight: bold;
    color: #fff
    /*border-radius: 10px*/
}

.carousel .caption > a {
    font-size: 1.4em;
    color: #fff;
    display: block;
    padding: 10px;
}

.carousel .caption span {
    color: #fff;
    display: block;
    padding: 0 10px 16px;
    font-size: 1.1em;
    font-weight: normal;
}

.carousel {
    padding: 0 !important;
    -moz-box-shadow: 0 0 16px -2px #000000;
    -webkit-box-shadow: 0 0 16px -2px #000000;
    box-shadow: 0 0 16px -2px #000000;
    background-color: #000
}

.carousel-child {position: relative; height: 295px;}

.carousel img {
    width: 475px;
    height: 295px;
    display: block
}

.desc {
    font-size: 1.1em;
    padding: 2px;
}

.desc a {

}
/**
* Recent articles
*/
#recent-articles {
    background-color: #fff;
    padding-bottom: 10px;
}
#recent-articles .cleared {clear: left; margin-top: 20px}
#recent-articles .button {clear: both; margin: 10px 10px 0 0}
.article-promo {
    width: 222px;
    display: inline;
    float: left;
    position: relative;
    margin-top: 20px;
    margin-left: 10px;
}

.article-promo .button {

}

.article-promo p {
    margin-top: 8px
}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.article-promo h3 {
    margin: 3px 0;
}

.article-promo h4, .box h4 {
    border-bottom: 1px solid #c90434;
    margin-bottom: 5px;
    padding-bottom: 2px;
}

.article-promo h3 a {
    font-family: Tahoma, Verdana;
    color: #3A3730
}

.article-promo h4 a, .box h4 a {
    background-color: #c90434;
    color: #fff;
    font-weight: bold;
    padding: 2px 7px 3px;
}

.box h4 {
    border-color: #000;
}

.box h4 a {
    background-color: #000;
}

.article-promo time {
    font-size: 1.1em;
    color: #e14d01;
    display: block;
    margin-bottom: 10px
}

.article-promo p {
    font-size: 1.1em;
}

.promo-image {
    padding: 5px;
    margin: 0 10px 10px 0;
    border: 1px solid #ddd;
    float: left;
}

.with-arrow {
    background: url(../img/icn/arrow.png) no-repeat 0 2px;
    padding-left: 12px;
    color: #3A3730;
    font-weight: bold;
}

.inner-box-content p {
    margin-top: 10px
}

.recomended-blogs div {
    border-top: 1px solid
}

.polls div p {
    margin-top: 0
}

.polls ul {
    list-style-type: none;
}

.polls input {
    float: left;
    clear: left;
    display: block;
}

.polls label {
    display: block;
    float: left;
    width: 163px;
    margin-bottom: 6px;
    margin-top: 3px;
}

.polls form {
    margin-top: 10px
}

.forum {
    margin-bottom: 10px
}

#forum-new, #forum-popular {
    padding-top: 10px;
}

.forum .ui-tabs-panel a.bw {font-weight: bold;}
.forum .ui-tabs-panel .time-and-author {display: block; padding-left: 30px}
.time {color: #888}

.events hr, #forum-new hr, #forum-popular hr {
    margin: 10px 0 10px 0;
    position: static;
}

.events .with-arrow {
    display: block;
}

.events time {
    display: block;
    margin-left: 12px
}

#comic img {
    border: 1px solid #ddd;
    width: 178px
}

#galleries img {
    display: block;
    float: left;
    width: 101px;
    margin: 0 6px 6px 0;
    border: 1px solid #ddd
}

#galleries .even {
    margin-right: 0
}

#galleries .with-arrow {
    margin: 5px 0;
    display: block;
}

#opener-image-hidden {
    width: 1px;
    display: none;
}

/**
* Recommend
*/
.recommend {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 35%, #f0f0f0 79%, #e1e1e1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#fafafa), color-stop(79%,#f0f0f0), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 35%,#f0f0f0 79%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fafafa 35%,#f0f0f0 79%,#e1e1e1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fafafa 35%,#f0f0f0 79%,#e1e1e1 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#fafafa 35%,#f0f0f0 79%,#e1e1e1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    float: right;
    border: 1px solid #cac8c8;
    padding: 8px;
    text-align: center;
    font-size: 1em;
    min-width: 50px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: -30px;
    margin-right: 20px;
    position: relative;
}
.recommend h5 {
    font-size: 1.6em
}

.recommend a {
    position: absolute;
    right: -20px;
    top: 10px;
    display: block;
    float: right;
    text-indent: -99999px;
    width: 18px;
    height: 24px;
    margin: 10px 0;
    overflow: hidden;
    background: url('/media/img/bgs/rec-thumbs.png') no-repeat;
}

.recommend a:hover {
    background-position: -20px 0;
}

/**
* FB box
*/

.fb-box {
    position: fixed;
    top: 0px;
    left: -503px
}

.fb-box iframe {
    background-color: #000;
}

.fb-icon {
    vertical-align: top;
    margin: 0 0 0 -3px;
}

.sky {
    margin-left: 970px;
    position: absolute;
    margin-top: 140px
}

.goog-head {text-align: center; margin-bottom: 10px}
.goog-left-sky {width: 160px; height: 750px; position: absolute; left: -170px}
.goog-left-widesky {width: 160px; height: 750px; position: absolute; left: -935px}
.goog-right-sky {width: 160px; height: 750px; position: absolute; right: -170px}
.goog-box-200-200 {
    margin-bottom: 6px
}
.goog-home {margin: 0 0 8px; text-align: center;}

/**
* Coloured colors
*/

.recomended-books h4 {border-bottom-color: #1d90b5;}
.recomended-books h4 a {background-color: #1d90b5;}

.interview h4 {border-bottom-color: #d58733;}
.interview h4 a {background-color: #d58733;}

/** cookie consent bar */
#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.code-sample {
    margin: 10px 0;
    background-color: #fff;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.code-sample pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: normal;
}

/**
* Categories colors

.article-promo h4.nauki-przyrodnicze {border-bottom-color: green;}
.article-promo h4.nauki-przyrodnicze a,
.cat-label a.nauki-przyrodnicze,
.bottom-bar li a.nauki-przyrodnicze:hover
{background-color: green;}


.article-promo h4.medycyna {border-bottom-color: #00B7EB;}
.article-promo h4.medycyna a,
.cat-label a.medycyna,
.bottom-bar li a.medycyna:hover
{background-color: #00B7EB;}

.article-promo h4.psychologia {border-bottom-color: #bf610d;}
.article-promo h4.psychologia a,
.cat-label a.psychologia,
.bottom-bar li a.psychologia:hover
{background-color: #bf610d;}

.article-promo h4.technologia {border-bottom-color: #626262;}
.article-promo h4.technologia a,
.cat-label a.technologia,
.bottom-bar li a.technologia:hover
{background-color: #626262;}

.article-promo h4.ciekawostki {border-bottom-color: #8804c9;}
.article-promo h4.ciekawostki a,
.cat-label a.ciekawostki,
.bottom-bar li a.ciekawostki:hover
{background-color: #8804c9;}

.article-promo h4.zdrowie-uroda {border-bottom-color: gold;}
.article-promo h4.zdrowie-uroda a,
.cat-label a.zdrowie-uroda,
.bottom-bar li a.zdrowie-uroda:hover
{background-color: gold;}

.article-promo h4.bezpieczenstwo-it {border-bottom-color: #d4b413;}
.article-promo h4.bezpieczenstwo-it a,
.cat-label a.bezpieczenstwo-it,
.bottom-bar li a.bezpieczenstwo-it:hover
{background-color: #d4b413;}

.article-promo h4.astronomia-fizyka {border-bottom-color: #0500e2;}
.article-promo h4.astronomia-fizyka a,
.cat-label a.astronomia-fizyka,
.bottom-bar li a.astronomia-fizyka:hover
{background-color: #0500e2;}

.article-promo h4.humanistyka {border-bottom-color: brown;}
.article-promo h4 a,
.cat-label a.humanistyka,
.bottom-bar li a.humanistyka:hover
{background-color: brown;}

.cat-label {
    font-size: 0.9em;
    font-weight: bold;
    display: block;
    float: right;
}
.cat-label a {
    padding: 3px 6px;
    margin-left: 10px;
    color: #fff;
    display: block;
    text-shadow: 1px 1px 1px #333
}
.cat-label a:hover {
    width: auto;
    visibility: visible;
    height: auto;
}
*/

.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#pracuj {
    cursor: pointer;
}
.drop ul {
    position: absolute;
    background-color: #f45c00;
    visibility: hidden;
    z-index: 200;
}
.drop ul li {
    position: relative;
    width: 200px;
    float: none;
}
.drop:hover ul {
    visibility: visible;
}

/**
 * UI Tabs customized
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; background: url('../img/bgs/bottom-bar.gif') repeat-x;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: 5px 13px 7px; text-decoration: none; color: #fff; font-size: 1.1em;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-color: #000; border: 1px solid #900b03;}
.ui-tabs .ui-tabs-nav li.ui-state-hover { background-color: #000; border: 1px solid #900b03}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-hover a {padding: 5px 12px 7px}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background-color: #fff; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.small-tabs {padding: 10px; background: #fff;}
.small-tabs .ui-tabs-nav { margin: 0; padding: 0; background: #fff; border-bottom: 1px solid #de4c00 !important}
.small-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background: #5b5852;}
.small-tabs .ui-tabs-nav li a { float: left; padding: 4px 6px; text-decoration: none; color: #fff; font-size: 1em; font-weight: bold;}
.small-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-color: #de4c00; border: none;}
.small-tabs .ui-tabs-nav li.ui-state-hover { background-color: #de4c00; border: none}
.small-tabs .ui-tabs-nav li.ui-tabs-selected a, .small-tabs .ui-tabs-nav li.ui-state-disabled a, .small-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.small-tabs .ui-tabs-nav li.ui-tabs-selected a, .small-tabs .ui-tabs-nav li.ui-state-hover a {padding: 4px 6px}
.small-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.small-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background-color: #fff; }
.small-tabs .ui-tabs-hide { display: none !important; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.1; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }