/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision: 466 $
 * @lastmodified    $Date: 2010-09-14 21:19:30 +0200 (Di, 14 Sep 2010) $
*/

@media screen, projection
{
    /**
     * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
     * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
     *
     * @workaround
     * @affected IE8, FF, Webkit, Opera
     * @css-for all
     * @valid CSS3
    */

    body { overflow-y: scroll; }

    /*------------------------------------------------------------------------------------------------------*/

    /**
     * (en) Formatting YAML's  basic layout elements
     * (de) Gestaltung des YAML Basis-Layouts
    */

    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */
    body { background: #f9f9f9; }
    body.new {
        /*background: url("../../images/body_bg.png") repeat-x scroll left top #f2f2f2;*/
        background-color: #f2f2f2;
    }

    /* (en) Centering layout in old IE-versions */
    /* (de) Zentrierung des Layouts in alten IE-versionen */
    body { text-align: center; }
    .page_margins { text-align:left; margin: 0 auto; }

    /* (en) Layout: width, background, borders */
    /* (de) Layout: Breite, Hintergrund, Rahmen */
    /*.page_margins { max-width: 80em; }*/
    .page_margins { max-width: 83.333em; }
    .start .page_margins { max-width: inherit; }
    .page_margins.flash { max-width: 100%; }

    #header, #nav, #main, #footer { min-width: 1000px; }
    #header, #footer { overflow:hidden; }

    #main .page_margins, #header .page_margins, #nav .page_margins, #footer .page_margins { position: relative; }

    .logo {
        display: block;
        float: left;
        left: 0px;
        position: absolute;
        text-indent: -5000px;
        top: 0px;
        width: 238px;
        height: 112px;
        z-index: 9999;
        background: url("../../images/logo.png") no-repeat scroll 0 0 transparent;
    }

    a.logo:focus { background: url("../../images/logo.png") no-repeat scroll 0 0 transparent; }

    body.new .logo {
        top: 371px;
        background: url("../../images/logo_start.png") no-repeat scroll 0 0 transparent;
        width: 206px;
        height: 60px;
    }

    /*.logo1, a.logo1:focus { background: url("../../images/logo1.png") no-repeat scroll 0 0 transparent; height: 34px; }
    .logo2, a.logo2:focus { background: url("../../images/logo2.png") no-repeat scroll 0 0 transparent; height: 34px; }
    .logo3, a.logo3:focus { background: url("../../images/logo3.png") no-repeat scroll 0 0 transparent; height: 50px; }
    .logo4, a.logo4:focus { background: url("../../images/logo4.png") no-repeat scroll 0 0 transparent; height: 84px; left: 332px; }*/

    /* (en) Designing main layout elements */
    /* (de) Gestaltung der Hauptelemente des Layouts */
    #header {
        color: #fff;
        background-color: #313131;
    }

    #header .page { position:relative; /*padding: 0px 0 0px 180px;*/ height: 34px; padding: 0 0 0 246px; }

    #topnav {
        height: 34px;
        /*width: 78px;*/
        position:absolute;
        top: 3px;
        right: 10px;
        color: #88a;
        background: url("../../images/topnav_bg.png") no-repeat scroll left top transparent;
    }



    #topnav-start { height: 34px; width: 78px; position:absolute; top: 3px; right: 10px; }

    body.new #topnav {
        background: transparent;
        top: 0px;
        left: 0px;
        right: 0px;
        min-width: 1000px;
    }
    body.new #main .page_margins {
        max-width: 91.667em;
        width: 91.667em;
    }
    body.new #topnav .page_margins {
        max-width: 1515px;
    }
    body.new #topnav .page_margins .page {
        background: url("../../images/meta_bg_start.png") no-repeat scroll right top transparent;
        height: 180px;
        padding-right: 95px;
    }

    body.new #subteaser {
        position: relative;
    }

    body.new #subteaser .page_margins {
        max-width: 1600px;
    }
    body.new #subteaser #fb-link {
        position: absolute;
        bottom: 0px;
        right: 0px;
        background: url("../../images/fb_start.png") no-repeat scroll left top transparent;
        width: 300px;
        height: 229px;
        text-indent: -50000px;

    }

    body.new #footer .page_margins {
        max-width: 1600px;
        text-align: center;
    }

    /*#topnav_special { height: 34px; width: 78px; position:absolute; top: 0px; left: 405px; }*/

    #nav {
        /*background: url("../../images/nav_bg.png") no-repeat scroll left top #0D6BAA;*/
        background: url("../../images/nav_bg.png") repeat-x scroll left top transparent;
        height: 34px;
        position: absolute;
        top: 34px;
        z-index: 9998;
        width: 100%;
    }

    #nav .page { /*padding-left: 180px;*/ padding-left: 242px; }

    #main {
        background: url("../../images/bg_content.png") repeat-x top left #313131;
        /*padding: 10px 0;*/
        /*min-height: 695px;*/
        min-height: 568px;
    }

    #main.start { min-height: 580px; background: url("../../images/bg_content_start.jpg") repeat-x top left #313131; }

    body.new #main {
        background: url("../../images/main_bg_start.png") no-repeat top center transparent;
        min-height: 464px;
    }

    #main.start #col3_content { padding-top: 2px; }

    #teaser {
        min-height: 120px;
        background-color: #313131;
        padding: 15px 0px 15px 0px;
    }

    body.new #subteaser {
        background: url("../../images/main_bg_start_bottom.png") no-repeat bottom center transparent;
        min-height: 306px;
    }

    body.new #news-teaser {
        background: url("../../images/current_action_bg.png") repeat-x top center transparent;
        height: 27px;
        color: #000000;
        font-size: 13px;
        padding-top: 12px;
    }
    body.new #news-teaser .page_margins .page {
        padding-left: 50px;
    }

    body.new .start-section-nav {
        font-weight: bold;
        margin-bottom: 10px;
    }
    body.new .start-section-nav a {
        font-size: 125.33%;
        font-weight: normal;
    }

    body.new .start-section-nav .choose-one .subcl.right {
        text-align: right;
        padding-top: 65px;
    }
    body.new .start-section-nav .choose-one {
        width: 125px;
        padding-left: 50px;
    }
    body.new .start-section-nav .szs {
        width: 150px;
        padding-left: 10px;
    }
    body.new .start-section-nav .szus {
        width: 164px;
    }
    body.new .start-section-nav .scvc {
        width: 150px;
        padding-left: 13px;
    }
    body.new .start-section-nav .sskd {
        width: 150px;
        padding-left: 35px;
    }
    body.new .start-section-nav .ssszc {
        width: 160px;
    }

    body.new .subteaser-book {
        text-align: center;
    }

    #footer {
        background: url("../../images/bg_footer.png") no-repeat top left #313131;
        /*color:#faeac1;*/
        color: #d2c4a3;
        line-height: 1.5em;
        /*height: 800px;*/
        min-height: 350px;
        padding-bottom: 30px;
    }

    body.new #footer,
    body.new-sub #footer {
        background: url("../../images/bg_footer_new.png") no-repeat bottom center #313131;
    }


    /*#footer a strong { color: #faeac1; font-size: 100.01%; }*/
    #footer .news-list-title a strong { color: #faeac1; font-size: 100.01%; }
    #footer .news-list-title a { font-size: 100.01%; }
    #footer .tx-jkpoll-pi1 .bodytext { color: #faeac1; }

    #footer .page { padding: 0px; }

    /*------------------------------------------------------------------------------------------------------*/

    /**
     * (en) Formatting content container
     * (de) Formatierung der Inhalts-Container
     *
     * |-------------------------------|
     * | #header                       |
     * |-------------------------------|
     * | #col1   | #col3     | #col2   |
     * | 25%     | flexible  | 25%     |
     * |-------------------------------|
     * | #footer                       |
     * |-------------------------------|
    */


    #col1 { width: 25%; }
    #col1_content { padding: 10px 10px 10px 20px; }

    #col2 { width: 25%; }
    #col2_content { padding: 10px 20px 10px 10px; }

    #col3 { margin: 0; }
    /*#col3_content { padding: 84px 10px 10px 10px; }
    #col3_content { padding: 84px 0px 10px 0px; }*/
    #col3_content { padding: 100px 0px 10px 0px; }
    body.new #col3_content { padding: 305px 0px 0px 0px; }


    .start #col3_content { padding: 0px; }
    #col3_content.flash { padding: 2px 0px 0px 0px; }


    /**
     * ------------------------------------------------------------------------------------------------- #
     *
     * (en) Styling of layout specific elements
     * (de) Gestaltung layoutabhängiger Elemente
    */

    #header h1 {
        font-weight:bold;
        font-size:2.5em;
        letter-spacing:-2px;
        line-height:65%;
        color:#fff;
    }

    /*#header span.logo-text { width: 212px; height: 34px; display:block; background: url("../../images/logo_text.png") no-repeat top left #313131; text-indent: -5000px; }*/
    #header .page_margins .logo-text { padding-top: 11px; }
    #header .page_margins .logo-text h4 { margin: 0px; font-size:15px; }

    /*#topnav a { text-decoration:none; height: 34px; display: inline-block; text-indent: -5000px; }*/
    #topnav a { text-decoration: none; height: 34px; display: block; float: left; text-indent: -50000px; }
    body.new #topnav a {
        float: right;
    }
    #topnav a:focus,
    #topnav a:hover,
    #topnav a:active { text-decoration:underline; background-color: transparent; }

    #topnav a { width: 15px; margin-right: 12px; }
    #topnav a+a { width: 19px; margin-right: 12px; }
    #topnav a+a+a { width: 17px; margin-right: 3px; }

    body.new #topnav a { width: 20px; margin-right: 12px; }

    body.new #topnav a.dotyk-tv {
        /*background: none repeat scroll 0 0 #FFFFFF;
        display: block;
        float: none;
        height: 142px;
        left: 182px;
        overflow: visible;
        position: absolute;
        top: 35px;
        width: 230px;*/
    }

    #footer a { color:#a2a2a2; background:transparent; font-size: 90%; }
    #footer a:focus,
    #footer a:hover,
    #footer a:active {color:#a2a2a2; background-color: transparent; text-decoration:underline; }

    #footer .footer-site-nav { color: #a2a2a2; }

    /*#footer .page_margins { background: #313131; }
    #footer .footer-top { height: 250px; background: url("../../images/footer_top_bg.png") no-repeat top left #313131; margin-bottom: 5px; padding: 13px 13px 5px 18px; }*/
    #footer .footer-top p, #footer .footer-top label, #footer .footer-middle p { font-size: 95%; }
    #footer .footer-top { background-color: #3f3f3f; margin-bottom: 5px; }
    #footer .footer-top .c66l { border-right: 5px solid #313131; }

    /*#footer .footer-middle { width: 980px; height: 218px; background: url("../../images/footer_middle_bg.png") no-repeat top left transparent; text-align: center; padding: 10px; }*/
    #footer .footer-middle {  width: 1000px; height: 237px; background: url("../../images/footer_middle_bg.png") no-repeat top left transparent;  }
    body.new #footer .footer-middle,
    body.new-sub #footer .footer-middle {
        background: transparent;
        margin: 0 auto;
        height: 283px;
        min-width: 1000px;
    }
    #footer .footer-middle .c50l, #footer .footer-middle .c50r { margin-top: 22px; text-align: center; }
    #footer .footer-middle a:link,
    #footer .footer-middle a:visited,
    #footer .footer-middle a:hover,
    #footer .footer-middle a:active { color: #D2C4A3; font-size: 100%; line-height: 1.2em; }

    #footer .footer-middle .bottom-meta { clear: left; position: absolute; width: 100%; bottom: 120px; padding-left: 457px; }
    body.new #footer .footer-middle .bottom-meta {

    }
    #footer .footer-middle .contact,
    #footer .footer-middle .sitemap,
    #footer .footer-middle .bookmark { width: 28px; display: block; float: left; height: 25px; margin-right: 2px; margin-top: 13px; text-decoration: none; text-indent: -5000px; }
    #footer .footer-bottom { height: 72px; background: url("../../images/footer_bottom_bg.png") no-repeat top left transparent; margin-bottom: 0px; text-align: center; padding: 15px;  }
    body.new #footer .footer-bottom,
    body.new-sub #footer .footer-bottom {
        background: transparent;
        padding: 0px;
        height: auto;
        min-width: 1000px;
    }
    #footer .footer-bottom .footer-copy {
        font-size: 10px;
        color: #808080;
        margin-top: 8px;
    }

    #footer .footer-bottom .footer-copy span {
        line-height: 10px;
    }

    #footer .footer-bottom .footer-copy .puro-logo {
        background: url("../../images/puro_logo.png") no-repeat scroll left top transparent;
        display: inline-block;
        height: 16px;
        width: 45px;
        margin: 0px 6px 0px 0px;
        text-indent: -5000px;
    }

    /* subtemplates */
    .subtemplate_30 .subcolumns .subcl { padding: 0 1.3em 0 0; border-right: 1px solid #527584; }
    .subtemplate_30 .subcolumns .subc { padding: 0 1.3em; border-right: 1px solid #527584; }

    .subtemplate_25 .subcolumns .subcr { padding: 0 0 0 1.3em; border-left: 1px solid #527584; }
    .subtemplate_25 .subcolumns .subcl { padding: 0 1.3em 0 0; }
    .subtemplate_25 .subcolumns .subc { padding: 0 1.3em; }
    .subtemplate_25 .subcolumns .subcr { padding: 0 0 0 1.3em; border-left: 1px solid #527584; }

    .csc-frame-frame1 .pomohli-btn { text-indent: -5000px; position: absolute; right: 30px; top: 95px; width: 90px; height: 90px; display: block; background: url("../../images/pomohli.png") no-repeat scroll top left transparent; }
    .csc-frame-frame2 .parnerom-btn { text-indent: -5000px; position: absolute; right: 30px; top: 80px; width: 89px; height: 89px; display: block; background: url("../../images/parnerom.png") no-repeat scroll top left transparent; }

    .csc-frame-frame1 .subtemplate_30 .subcolumns .subcl,
    .csc-frame-frame1 .subtemplate_30 .subcolumns .subcr,
    .csc-frame-frame1 .subtemplate_30 .subcolumns .subc { border-right: 0px; border-left: 0px; }

    .csc-frame-rulerAfter .subtemplate_30 .subcolumns .subcl,
    .csc-frame-rulerAfter .subtemplate_30 .subcolumns .subc { border-right: 0px; border-left: 0px; }

    .subtemplate_pages .subcolumns .subcl { padding: 0px; }
    .subtemplate_pages .subcolumns.rightbox {
        color: #FFFFFF;
        margin-bottom: 12px;
        padding: 3px 0;
        width: 100%;
        position: absolute;
    }
    .subtemplate_pages .subcolumns.rightbox .subcr { padding-left: 340px; }
    .subtemplate_pages .subcolumns.rightbox .subcr .addthis_default_style {
        border-bottom: 1px solid #557E90;
        border-top: 1px solid #557E90;
        /*padding: 3px;*/
        padding: 3px 2px 3px 2px;
    }

    .csc-frame-frame1 .subtemplate_30 .subcolumns .subcr { padding-right: 2.8em; }

    .subcolumns.logic p b, .subcolumns.referencies p b { color: #b5e3f7; }
    .subcolumns.logic p, .subcolumns.referencies p { color: #68c4eb; margin-bottom: 5px; }
    .subcolumns.logic a, .subcolumns.referencies a {
        background: url("../../images/news_more.png") no-repeat scroll 0 0 transparent;
        display: inline-block;
        height: 23px;
        padding: 5px 0 0 27px;
        width: 70px;
        position: absolute;
        bottom: 0px;
    }
    .subcolumns.logic .c50l, .subcolumns.logic .c50r,
    .subcolumns.referencies .c33l, .subcolumns.referencies .c33r { height: 420px; }
    .subcolumns.logic .c50l .c33l .subcl { padding-left: 13px; }
    .subcolumns.logic .c50l .c33l .subc,
    .subcolumns.logic .c50l .c33r .subcr { padding-left: 23px; }
    .subcolumns.logic .c33l .subcl,
    .subcolumns.logic .c33l .subc,
    .subcolumns.logic .c33r .subcr,
    .subcolumns.referencies .c33l .subcl,
    .subcolumns.referencies .c33l .subc,
    .subcolumns.referencies .c33r .subcr { padding-top: 290px; }
    .subcolumns.logic .c50l { background: url("../../images/logic_bg_left.png") no-repeat scroll left top transparent; }
    .subcolumns.logic .c50r { background: url("../../images/logic_bg_right.png") no-repeat scroll left top transparent; }
    .subcolumns.referencies { background: url("../../images/referencies_bg.png") no-repeat scroll left top transparent; }
    .subcolumns.referencies .c33l .subcl { padding-left: 165px;  }
    .subcolumns.referencies .c33l .subc { padding-left: 163px; }
    .subcolumns.referencies .c33r .subcr { padding-left: 169px; }

    /*.subtemplate_50 .subcolumns .subcr {  border-left: 1px solid #527584; }

    .subtemplate_a .subcolumns .c50r .subcr { padding: 0 0 0 0; }
    .subtemplate_a .subcolumns .subcr .subcolumns .c33l .subcl { padding: 0 0.5em 0 0; border-right: 1px solid #527584; }
    .subtemplate_a .subcolumns .subcr .subcolumns .c33l .subc { padding: 0 0.3em; }
    .subtemplate_a .subcolumns .subcr .subcolumns .c33r .subcr { padding: 0 0 0 0.5em; border-left: 1px solid #527584; }
    .subtemplate_a .subcolumns .subcr .subcolumns .c33l .subcl p,
    .subtemplate_a .subcolumns .subcr .subcolumns .c33l .subcl h2,
    .subtemplate_a .subcolumns .subcr .subcolumns .c33l .subc p,
    .subtemplate_a .subcolumns .subcr .subcolumns .c33l .subc h2,
    .subtemplate_a .subcolumns .subcr .subcolumns .c33r .subcr p,
    .subtemplate_a .subcolumns .subcr .subcolumns .c33r .subcr h2 { padding: 0 0 0 5px; }*/


    /* fullpage css */
    body#testpage #main,
    body.new-sub #main { background: url("../../images/bg_content_full.png") repeat-x scroll left top #5b5e54; border-bottom: 2px solid #bab28d; }
    body#testpage #footer { padding-top: 15px; }
    body#testpage #footer .footer-top, body#testpage #teaser { display: none; }

    /*Beta version*/
    span.vbeta { position: absolute;
                 top: 75px;
                 left: 201px;
                 z-index: 99991;
                 text-indent: -5000px;
                 display: block;
                 background: url("../../images/beta.png") repeat-x scroll left top transparent;
                 height: 31px;
                 width: 31px;
                 /*font-weight: bold;
                 color: #FAEAC1;
                 font-family: 'Lucida Sans',Lucida Grande,arial,serif;
                 line-height: 1.1em;*/
    }
    #footer #novavolba { position: absolute;
                         bottom: 15px;
                         right: 20px;
                         z-index: 99991;
                         text-indent: -5000px;
                         display: block;
                         background: url("../../images/novavolba.png") no-repeat scroll left top transparent;
/*
                         height: 40px;
                         width: 252px;
*/				
						height: 82px;
						width: 110px;
    }
    body.new #footer #novavolba,
    body.new-sub #footer #novavolba {
        bottom: -10px;
        left: 1005px;
    }
    
     #footer #cashbackcard { position: absolute;
                         bottom: 15px;
                         left: 15px;
                         z-index: 99991;
                         text-indent: -5000px;
                         display: block;
                         background: url("../../images/cashbackcard.png") no-repeat scroll left top transparent;
/*
                         height: 40px;
                         width: 252px;
*/				
						height: 82px;
						width: 127px;
    }
    body.new #footer #cashbackcard,
    body.new-sub #footer #cashbackcard {
        bottom: -10px;
        left: 105px;
    }

    #footer .footer-top.subcolumns .skolska-kronika {
         padding: 18px 0 0px 0px;
    }
    #footer .footer-top.subcolumns .skolska-kronika h2 {
         margin-left: 17px;
    }
    #footer .footer-top.subcolumns .c33r .subcr {
         padding: 0px 0px 0px 5px;
    }

}