/* Reset
     ``````````````````````````````````````````````````````````````````````````` */

    @import 'reset.css';

     /* Fonts
     ``````````````````````````````````````````````````````````````````````````` */

    @font-face {
        font-family: 'BDMercedRegular';
        src: url('../fonts/bd_merced-webfont.eot');
        src: local('☺'), url('../fonts/bd_merced-webfont.woff') format('woff'), url('../fonts/bd_merced-webfont.ttf') format('truetype'), url('../fonts/bd_merced-webfont.svg#webfont662XTnne') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    /* Layout
     ``````````````````````````````````````````````````````````````````````````` */
    html { overflow: scroll; }
    body {
        
        font-family: georgia, Arial, Tahoma, Verdana;
        font-size: 12px;
        color: #688598;
    }

    a { text-decoration: none; cursor: pointer; color: #B12D06; }
    a:hover { text-decoration: underline; }

    p { line-height: 18px;
    text-align: justify; }
    
    h1 { color:#000;
    font-size:16px; 
    padding: 20px 0; 
    text-align: center; }
    
    h2 { font-size: 14px; text-align:center; padding-top:30px; color:#CF0D16; }
    #kontakt ul li { background: url("../images/arrow3.png") no-repeat scroll 0 0 transparent; padding-left: 32px; } 

    /* page
     ``````````````````````````````````````````````````````````````````````````` */
	#background { min-width: 998px; background: #040100 url("../images/bg_1.jpg") no-repeat top center; }
    #page { width: 998px; margin: 0 auto; position: relative;}
    
        #header { overflow: hidden; height: 153px; position: relative; }
            #header .text { position: absolute; width: 454px; height: 73px; top: 43px; left: 341px; text-indent: -7777em; }
            
            #logo { width: 280px; height: 131px; position: absolute; left: 50px; top: 10px; text-indent: -7777em; }
            #logo a { width: 280px; height: 131px; display: block; }

        #container { width: 998px; margin-left: -2px; position: relative; }
            #center { z-index: 10; position: relative; margin-left: 1px; width: 998px; background: url("../images/center-middle.png") repeat-y 7px 0; margin-bottom: 50px; }
            #center-top { margin-left: 2px; width: 998px; padding-top: 20px;  background: url("../images/center-top-2.jpg") no-repeat; }
            #center-bottom { z-index: 100; bottom:-40px; left:0; position: absolute; margin-top: 0; margin-left: 2px; width: 998px; height: 98px; background: url("../images/center-bottom.png") no-repeat 1px 0; }

            #center .wrapper { z-index: 1000; position: relative; min-height: 400px; }

            #box-poprkrokdo { position: relative;  margin: 0px 0px -80px 0; width: 474px; height: 408px; background: url("../images/box-poznprostkrodoossukce.png") no-repeat; }
            #box-poprkrokdo .content { color: #3d1408; width: 355px; position: absolute; top: 0px; left: 64px; }
            #box-poprkrokdo .content h3 { text-indent: -7777em; margin: 20px 0 12px 3px; width: 330px; height: 85px; background: url("../images/text-poznajprostekrokidoosobsukcesu.gif") no-repeat; }
            #box-poprkrokdo .content p { text-align: justify; width: 95%; }
            #box-poprkrokdo .content ul { text-align: justify; margin: 20px 0 -10px -4px; overflow: hidden; }
            #box-poprkrokdo .content ul li { overflow: hidden; margin-bottom: 12px; }
            #box-poprkrokdo .content label { margin: 4px 0 0 0; width: 133px; letter-spacing: -1px; float: left; display: block; }
            #box-poprkrokdo .content .imie { text-indent: -7777em; width: 125px; height: 25px; background: url("../images/label-text.png") no-repeat; }
            #box-poprkrokdo .content .email { text-indent: -7777em; width: 125px; height: 25px; background: url("../images/label-text.png") no-repeat 0 -42px; }
            #box-poprkrokdo .content .accept { display: block; text-indent: -7777em; width: 68px; height: 23px; background: url("../images/label-text.png") no-repeat 0 -88px; position: absolute; top: 15px; left: 30px; }
            #box-poprkrokdo .content a { color: #B12D06; }
            #box-poprkrokdo .content input { border: 0; color: #fff; width: 196px; padding: 8px 10px 9px 10px; background: url("../images/input-1.png") no-repeat; float: left; display: inline; }

            #box-poprkrokdo .content .checkbox { overflow: hidden; margin: 25px 0 0 0; position: relative; width: 250px;}
            #box-poprkrokdo .content .checkbox label { margin: 4px 0 0 0; }
            #box-poprkrokdo .content .checkbox label span { margin-top: 1px; }
            #box-poprkrokdo .content .checkbox input { border: 0; background: none; width: auto; overflow: hidden; padding: 0; margin: 4px 10px 0 0; }
            #marker { padding-left: 24px; width: 15px; }

            #box-poprkrokdo .content .button-save { width: 85px; height: 168px; background: url("../images/button-zapisz.png") no-repeat; position: absolute; right: 26px; bottom: -120px; }
            #box-poprkrokdo .content .button-save button { border: 0; background: none;  width: 78px!important; height: 68px!important; cursor: pointer; margin: 0 0 0 5px; }

            #box-formulasukcesu { position: relative; top: 20px; left: 30px; width: 458px; height: 394px; background: url("../images/bg-formulasukcesu.png") no-repeat; }
            #box-formulasukcesu .content { color: #a18062; font-size: 12px; width: 350px; position: absolute; top: 50px; left: 52px; }
            #box-formulasukcesu .content h3 { text-indent: -7777em; margin: 20px auto 0 auto; width: 314px; height: 91px; background: url("../images/text-formulasukcesuwkoncuwpolsce.gif") no-repeat; }
            #box-formulasukcesu .content a { color: #efbf94; border-bottom: 1px dotted #5c4634; padding-bottom: 4px; text-decoration: none; }
            #box-formulasukcesu .content p { width: 305px; margin: 10px auto 0 auto; text-align: justify; }
            #box-formulasukcesu .content .save { margin-top: 20px; }
            
            #youtube { position: relative; bottom: 320px; left: 500px; width: 458px; height: 394px; overflow: hidden; z-index: 1000; }
            #youtube .player { position: relative; left: 48px; top: 41px; z-index: 10; }
            #youtube .player object { position: relative; z-index: 5; }
            #youtube .border { position: absolute; z-index: 90; background: url(../images/player/border.png) no-repeat; }
	            #youtube .top { top: 0; left: 0; width: 460px; height: 60px; background-position: 0 0; }
	            #youtube .bottom { bottom: 0; left: 0; width: 460px; height: 60px; background-position: right bottom; }
	            #youtube .left { top: 60px; left: 0; width: 58px; height: 274px; background-position: 0 -60px; }
	            #youtube .right { top: 60px; right: 0; width: 58px; height: 274px; background-position: right -60px; }

        #footer { width: 954px;  padding: 20px 10px 30px 20px; margin: 18px 0 10px 11px; background: url("../images/footer-bg.png") no-repeat; }
        #footer p { color: #673617; float: left; display: inline; }
        #footer ul { float: right; display: inline; }
        #footer ul li { background: url("../images/icon-1.png") no-repeat 0 50%; padding-left: 11px; margin-right: 11px; float: left; display: inline; }
        #footer ul li a { color: #673617; }


    /* boxes
     ``````````````````````````````````````````````````````````````````````````` */

    #facebook { position: relative; margin: -10px 0 0 0px; padding: 0px 0 0 2px; width: 980px; overflow: hidden; background: ur("../images/box-1-border-bg.png") no-repeat;  }
    #facebook .wrapper { overflow: hidden; margin: 0 2px 1px 0; background: #fff; }

    .box-1 { width: 983px;background: url("../images/box-1-top.png") no-repeat; margin: -2px 0 0 12px; }
    .box-1 .box-1-top { background: url("../images/box-1-middle.png") repeat-y; position: relative; top: 7px; }
    .box-1 .box-1-bottom { background: url("../images/box-1-bottom.png") no-repeat left bottom; padding-top: 5px;  }
    
     #page > .box-1 { width: 983px;background: url("../images/box-1-top.png") no-repeat; margin: -350px 0 0 12px; position:relative;z-index:1000;}
     #page > .box-1 .box-1-top { background: url("../images/box-1-middle.png") repeat-y; position: relative; top: 7px; }
     #page > .box-1 .box-1-bottom { background: url("../images/box-1-bottom.png") no-repeat left bottom; padding-top: 5px;  }


    /* other
     ``````````````````````````````````````````````````````````````````````````` */

    .gender ul { *float: left; overflow: hidden; padding: 0 !important; margin: 0; }
    .gender li { float: left; width: 105px; margin: 0; *margin-top: -30px; /* Jakiś zjebany bug w IE 7 */ }
    .gender input { position: absolute; top: 10px; left: 0; z-index: -100; }
    .gender label { width: auto; height: 17px; padding: 10px 0 0 28px; background: url("../images/checkbox.png") no-repeat; cursor: pointer; }
    .gender .checked { background: url("../images/checkbox-active.png") no-repeat; }
    .gender .male { background-image: url(../images/icons/male.png); }
    .gender .female { background-image: url(../images/icons/female.png); }
    .mgbt20 { margin-bottom: 20px; }
    .cover { margin-left: 100px; -moz-box-shadow: 4px 4px 4px #000; -webkit-box-shadow: 4px 4px 4px #000; box-shadow: 4px 4px 4px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');}
    /* colors
     ``````````````````````````````````````````````````````````````````````````` */

    /* inputs, forms
     ``````````````````````````````````````````````````````````````````````````` */

    input, textarea { border: 1px solid #bababa; padding: 3px; background: #fff; font-size: 11px; font-family: inherit; color: #6d6d6d; }
    select { border: 1px solid #bababa; padding: 3px 2px; background: #f6f6f6; font-size: 11px; font-family: inherit; color: #6d6d6d; }

    input[type="checkbox"], input[type="radio"] { width: 20px; border: 0; padding: 0; margin: 0; background: none; }

    .button { border: 0; padding: 0!important; background: none; width: auto!important; height: auto!important; }

    .none { display:none; }
    #terms { background-color: #E0C399; color: #3D1408; margin: 0 auto 20px; width:745px; padding:0 30px 0 30px; }
    #kontakt { background-color: #E0C399; color: #3D1408; margin: 0 auto 20px; width:745px; padding:30px; }
    .underline { text-decoration: underline; }
    .hide {display:none !important; }
    .center {text-align: center;}
    .term { position: absolute; top: 15px; left: 98px; background: url("../images/label-text.png") no-repeat scroll -67px -88px transparent; width: 140px; text-indent: -7000em; }
    #terms-link2 { display: block; }
    .thx { padding-top: 50px; }
    .toolTipEl .toolTipElememail { width: 210px !important; }
    .fb { width: 300px;  height: 61px; position: absolute; top: 100px; left: 345px; z-index: 100;}
    .liketext { color: #fff !important; }
    .connect_widget_connected_text a { color: #fff !important; }
    .cc { width:370px; height: 40px; padding-top: 20px;padding-bottom: 7px; color: #fff; background-color: #000; font-size: 15px; text-align: center; position: absolute; z-index:1000; left:0; top:0; display: none; font-family: tahoma,helvetica,sans-serif;}
    #count-left { margin-left: 75px !important; width: 150px !important; float: left !important; }
#count-right { padding-left: 300px !important; width: 150px !important; }