*{
    margin:0;
    padding:0;
}
body{
    font:11px/20px sans-serif,Tahoma,Helvetica,sans-serif;
    color:#4d4d4d;
    margin-top:15px;
}

/* Layout Styles Starts */

#wrapper{
    width:998px;
    margin:0 auto;
    padding-top: 5px;
}
#header{
    /* margin:25px 0 17px 0; */ /* Oryginał */
    margin: 0px 0 17px 0;
    height:78px;
    height: 100px;
    overflow:hidden;
}
#logo{
    width:210px; /* domyślnie 280px */
    float:left;
    /*padding:9px 0 0 18px;*/ /* Oryginał */
    padding:0px 0 0 0px
}
#logo h1{
    background:url(../layout_images/logo.png) no-repeat;
}
#logo h1 a{
    display:block;
    height:100px;
}
#logo h1 a span{
    display:none;
}
#mid-part{
    width:320px;
    height:40px;
    float:left;
    margin:15px 0 0 115px;
}
#currency{
    height:20px;
    color:#0292c8;
    font-weight:bold;
}
#currency select{
    width:125px;
    border:1px solid #e3e3e3;
    font-size:10px;
}
#head-links{
    padding:3px 0 0 0;
}
#head-links ul{
    list-style:none;
}
.marginButton10{
    margin-bottom: 10px;
}
.marginRight20{
    margin-right: 20px;
}
.marginButton20{
    margin-bottom: 20px;
}
.marginButton50{
    margin-bottom: 50px;
}
.marginLeft20{ margin-left: 20px;}
.marginTop50{
    margin-top: 50px;
}
.marginTop70{
    margin-top: 70px;
}
.marginTop12{margin-top: 12px;}
#head-links li{
    display:inline;
    margin:0 2px;
}
#head-links li, #head-links li a{
    color:#868b94;
    font-weight:normal;
}
#head-links li a{
    font-size:10px;
}
#shopping-cart,#panel-newslettera{
    width:208px;
    height: 86px;
    background:url(../layout_images/shopping-cart.png) no-repeat;
    color:#f4f4f4;
    margin-bottom: 10px;
}
#panel-newslettera{
    width:208px;
    height: 86px;
    background:url(../layout_images/bg-newsletter.png) no-repeat;
    color:#f4f4f4;
    margin-bottom: 10px;
}
#shopping-cart h6,#panel-newslettera h6{
    color:#f4f4f4;
    font-weight:bold;
    padding:10px 0px 0px 25px;
}
#shopping-cart a,#panel-newslettera a{
    height:40px;
    display: block;
    color: #ffffff;
    font-size:11px;
    margin-top:-20px;
    margin: -50px auto auto auto;
    padding-top: 50px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
#panelGlowny{
    -border: 1px solid #f2f2f2;
    -background-color: #fcfcfc;
}
.abonament_ul{
    display:inline;
    list-style-type: none;
    list-style-position: inside;
    margin: 0 0 0 -10px !important;
    font-weight:700;
}
.abonament_ul li{
    display:block;
    height: 40px;
    margin-right:10px;
    
}
.abonament_ul li input{
    border:1px solid black;
    border:0px;
}
#shopping-cart >form> input{
    width:120px;
    height:20px;
    border:0px;
    margin: 5px 0 0 0;
    background-color: inherit;
    background:url(../layout_images/shopping-cart-button-bg.png) no-repeat;
    border:0px solid #f4f4f4;
    font-weight: 700;
    color: #f4f4f4;
    cursor: pointer;
}
#menu{
    height:50px;
    height: 23px;
    background:url(../layout_images/menu.gif) no-repeat;
    background: url(./../layout_images/bgTopPanel.png) repeat-x;
    padding-left:20px;
}
#container{
    padding:12px 0;
}
#left-col{
    width:239px;
    float:left;
    -border: 1px solid red;
}
#center-col{			
    width:542px;
    float:left;
    margin:0 0 0 8px;
     -border: 1px solid red;
}
#banner{
    width:530px;
    margin:0 auto 15px auto;
}
#center-right-col{
    margin-left: 8px;
    float: left;
    width: 749px;
}
#center-col-inner{
    padding:3px 6px;
    width:530px;
    margin:0 0 0 8px;
    float:left;
}
#right-col{
    width:205px;
    float:right;
     -border: 1px solid red;
}
#footer{
    -background:url(../layout_images/footer.gif) no-repeat;
    -background: url(./../layout_images/bgTopPanel.png) repeat-x;
    height:51px;
    line-height: 25px;
    padding:0 32px;
    color:#fff;
    color: #4d4d4d;
    overflow:hidden;
    font-size:10px;
    font-weight:bold;
    -border: 1px solid red;
    clear:both;
    border-top: 1px solid #f2f2f2;
    text-align: center;
    padding-bottom: 10px;
}
#footer a{
    color:#fff;
    color: #4d4d4d;
    margin:0 5px;
}
#footer a:hover{
    text-decoration:underline;
}

/* Layout Styles Ends */

/* Boxes Styles Starts */
.width237{width: 237px;}
.width199{width: 199px;}
.width227{width: 227px;}
.width189{width: 189px;}
.width460{width: 460px;}
.width202{width: 202px;}
.width110{width: 110px;}
.width480{width: 480px;}
.width100procent{width: 100%;}
.width100{width: 100px;}
.width35{width: 35px;}
.textCenter{text-align: center;}
.block{
    margin:0 0 15px 0;
    border: 1px solid #f2f2f2;
    padding: 1px;
}
.block-top .blockTopText{
    display: block;
    float: left;
}
.block-top .blockTopImage{
    width: 32px;
    height: 20px;
    left: -5px;
    display: block;
    float: left;
    position: relative;
    top: 0px;
    -background: url("../layout_images/circleIcon.png") no-repeat scroll -33px -21px transparent;
}
.block-top .blockTopPlaceHolder{
    display: block;
    float: left;
    background-color: #fff;
    color: #fff;
    width: 10px;
    background: #fff url(./../layout_images/bgTopPanelOrange.png) no-repeat;
}

.block-top{
    -float: right;
    padding: 0px 5px;
    clear: both;
    height:20px;
    background: url(./../layout_images/bgTopPanel.png) no-repeat;
    line-height:20px;
    font-size:13px;
    color: #fff;
    -border-left: 10px solid #fe9000;
}
.block-top-moj{
    background:url(../layout_images/block-top-moj.png) no-repeat top;
    height:8px;
    line-height:35px;
    color:#4d4d4d;
    text-indent:37px;
    font-weight:bold;
    font-size:19px;
}
.block-bottom{
    background-color: #fcfcfc;
    -float: right;
}
#container .block-bottom ul{
    list-style:none;
    margin:0;
    padding:0 0 5px 0;
    -clear: both;
}
.block-bottom li{
    background:url(../layout_images/arrow.gif) no-repeat 17px;
    border-bottom:1px solid #f2f2f2;
    border-top: 1px solid #fff;
    padding:3px 0 3px 25px;
}
.block-bottom li.noborder{
    border:none;
}
.block-bottom li a{
    color:#4d4d4d;
    font-weight:normal;
    font-size:12px;
    font-family: Arial, sans-serif;
}
.block-bottom form{
    padding:15px;
    color:#4d4d4d;
}
.block-bottom form a{
    color:#4d4d4d;
    text-decoration:none;
}
.block-bottom form a:hover{
    color:#0292c8;
    color: #087fe0;
    color: #fe9000;
}
.search-text{
    border:1px solid #dfdbdb;
    padding:2px 0;
    width:165px;
    width: 132px;
}
/*.search-text-moj{
    background:#ffffff url(../layout_images/search-input-bg.png) no-repeat;
    border:0px;
    height:20px;
    width:128px;
    padding-left:4px;
}*/
.search-btn, .details-btn, .login-btn, .btn1{
    border:1px solid #dfdbdb;
    -webkit-border-radius: 5px; /* Safari, Chrome */
     -khtml-border-radius: 5px;    /* Konqueror */
     -moz-border-radius: 5px; /* Firefox */
      border-radius: 5px;
    background:#e8e8e8 url(../layout_images/btn1-bg.gif) repeat-x;   
    outline:none;
    cursor:pointer;
    padding: 2px 8px;
    margin:8px 0 4px 0;
    font-family:"Trebuchet MS";
    color:#4d4d4d;
    font:11px/15px sans-serif,Tahoma,Helvetica,sans-serif;
}
p.login-links{
    padding:7px 0 0 0;
}
p.login-links a{
    font-weight:normal;
    text-decoration:none;
    color:#4d4d4d;
}
p.login-links a:hover{
    color:#4d4d4d;
    text-decoration:underline;
}
.price{
    color:#1f8fba;
    font-size:15px;
    font-weight:bold;
    padding:5px 0 0 0;
}
.details-btn{
    margin:0;
    padding:2px 8px;
}
.btn1{
    padding:5px 10px;
}
a.details-btn, a.btn1{
    font-weight:normal;
}
a.details-btn:hover, a.btn1:hover{
    color:#000;
    text-decoration:none;
}
.products-box .details-btn{
    margin:0 0 0 5px;     
}
.addtocart{
    background:url(../layout_images/add-to-cart-btn.jpg) no-repeat;
    width:88px;
    height:28px;
    border:none;
    outline:none;
    text-indent:-999px;
}

/* Boxes Styles Ends */

/* Products Box Starts */

.products-box{
    margin:6px !important;
    margin:4px;
    -border:1px solid #d3d3d3;
    padding:0px 16px;
    width:225px;
    width: 495px;
    min-height:175px;
    /*background:url(../layout_images/products_box_top.png) no-repeat;    */
    /*height:auto !important;*/
    /*height:176px;*/
    height:290px;
    height: 175px;
    float:left;
    -border: 1px solid red;
    border-bottom: 1px solid #f2f2f2;
    border: 1px solid #f2f2f2;
    background-color: #fcfcfc;
    padding: 16px;
}
.products-box h3 a, .products-box-detail a{
    font-weight:normal;
}
#container .products-box p img.floatleft{
    margin:5px 10px 0 0;
}
.products-box-detail-container{
    border:1px solid #dfdbdb;
    -background-color: blue;
}
.products-box-detail{
    border:1px solid #f2f2f2;
    padding:16px;
    width: 505px;
    background-color: #fcfcfc;
}

/* Products Box Ends */



/* Form Styles */

/*.input{
    border:1px solid #a5a5a5;
    background:none;
    cursor:text;
    margin:5px 0;
    padding:2px;
    width:200px;
}
textarea.input{
    width:415px;
    height:100px;
}*/
.input:focus, .textarea:focus{
    border:1px solid #a5a5a5;
}
.signin-btn, .button1{
    background: transparent url(../layout_images/bt_register_black.png) no-repeat 0 0;
    width:94px;
    height:24px;
    line-height:20px;
    margin:8px 0;
    padding:2px 10px !important;
    padding:2px 0;
    color:#fff;
    font-weight:bold;
    border:none;
    outline:none;
    cursor:pointer;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p{
    margin:0 0 15px 0;
}
#container form p{
    margin:0 0 5px 0;
}
#container p img.floatleft{
    margin:0 20px 0 0;
}
#container p img.floatright{
    margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
    margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
    margin:10px;
}
#container ul, #container ol{
    margin:0 0 0 20px;
}
#container ol{
    margin:0 0 0 30px;
}
#container ul#works{list-style:none;margin:0;}
#container dt{
    font-weight:bold;
    margin:5px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
a {
    color:#4d4d4d;
    text-decoration:none;
    -font-weight:bold;
}
.orangeBackground{background-color: #ff9000}
/*a:hover {text-decoration:none; color:#087fe0;}*/
h1{font-size:32px;}
h2{font-size:22px;}
h3{font-size:17px;}
h3 > a{ font-variant: small-caps;}
h3 > a:hover{color: #fe9000;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:"Trebuchet MS";font-weight:normal;}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}
.paddingBottom15_{padding-bottom:15px;}
.padding5{padding:5px;}
.padding0{padding:0px;}
.width524{width:532px;}
.width245{width: 245px;}
.force-inline{display: inline !important;}

/* Genric Styles Ends */


/* Moje formatowania  */
input[type=text], input[type=password]{
    border:1px solid #dfdbdb;
    cursor:text;
    margin:5px 0;
    width:200px;
    font-size:11px;
    color: #4d4d4d;
    font-weight: 400;
    font-family: tahoma;
    padding:5px 10px;
    -background: none;
    webkit-border-radius: 5px; /* Safari, Chrome */
     -khtml-border-radius: 5px;    /* Konqueror */
     -moz-border-radius: 5px; /* Firefox */
      border-radius: 5px;
}
textarea{
    border:1px solid #dfdbdb;
    overflow: hidden;
    width:300px;
    height:120px;
    font-family: sans-serif; /* "Trebuchet MS";*/
    font-size:12px;
    padding:5px 10px;
    webkit-border-radius: 5px; /* Safari, Chrome */
     -khtml-border-radius: 5px;    /* Konqueror */
     -moz-border-radius: 5px; /* Firefox */
      border-radius: 5px;
}
.textarea_big{
    border:1px solid #dfdbdb;
    overflow: hidden;
    width:300px;
    height:320px;
    font-family: "Trebuchet MS";
}
.textarea_z_paskami{
    border:1px solid #dfdbdb;
    overflow: hidden;
    width:300px;
    height:120px;
    font-family: "Trebuchet MS";
    overflow: visible;
}
.textarea_z_paskami:focus{
    border:1px solid #a5a5a5;
    overflow: hidden;
    width:300px;
    height:120px;
    font-family: "Trebuchet MS";
    overflow: visible;
}
.textarea_z_paskami_medium{
    border:1px solid #a5a5a5;
    overflow: hidden;
    width:300px;
    height:80px;
    font-family: "Trebuchet MS";
    overflow: visible;
}
.textarea_z_paskami_medium:focus{
    border:1px solid #a5a5a5;
    overflow: hidden;
    width:300px;
    height:80px;
    font-family: "Trebuchet MS";
    overflow: visible;
}


/*table{
    color:#222;
    font-weight:normal;
}*/
table th{
    font-weight:normal;
}
.dalej-btn{
    border:1px solid #dfdbdb;
    background:#e8e8e8 url(../layout_images/btn1-bg.gif) repeat-x;
    outline:none;
    cursor:pointer;
    padding:2px 8px;
    margin:8px 0 4px 0;
    font-family:"Trebuchet MS";
    color:#4d4d4d;
}
.products-box-detail ul{
    list-style-type:none;
}
.checkbox{
    color:#a5a5a5;
    border:1px solid #dfdbdb;
    width:10px;
    height:10px;
}
.checkbox:focus{
    border:1px solid #a5a5a5;
}
.tekst{
    color:#000;
    border:1px solid #dfdbdb;
    /*border:0px;*/
    width:150px;
    height:20px;
    /*padding-left:5px;
    background:url(../layout_images/bg-input.gif) no-repeat;*/
}

.tekst:focus{
    /*padding-left:5px;*/
    border:1px solid #a5a5a5;
    /*border:0px;*/
    /*background:url(../layout_images/bg-input-hover.gif) no-repeat;*/
}
.tekst_short{
    color:#000;
    border:1px solid #dfdbdb;
    width:30px;
    height:20px;
}

.tekst_short:focus{
    border:1px solid #a5a5a5;
}
.radio{
    color:#dfdbdb;
    border: none;
    margin-bottom: 0px;
    /*border:0px solid #a5a5a5;
    width:25px;
    height:25px;*/
}
.radio:focus{
    color:#a5a5a5;
    border:none;
}
.select{
    border:1px solid #dfdbdb;
    min-width: 20px;
}
.select:focus{
    border:1px solid #a5a5a5;
    min-width: 20px;
}
.file{
    border:1px solid #dfdbdb;
    min-width: 20px;
}
.file:focus{
    border:1px solid #a5a5a5;
    min-width: 20px;
}

hr{
    border-width:0px 0px 0px 0px;
    border-color: #ffffff;
    border-bottom:1px solid #e2e2e2;
    margin-bottom:5px;
    margin-top:5px;
    border:0px;
    height:1px;
    background:url(../layout_images/hr.png) no-repeat;
}
.dotted{
    border-style: dotted;
}


/*                                 Tabela                                     */

.formatowanie_tabeli{
    border-collapse: collapse;
    width:100%;
    margin-bottom: 10px;
    margin-top: 10px;   
}
.formatowanie_tabeli th{
    padding:0px 5px 0px 5px;
}
.formatowanie_tabeli .naglowek_z_tlem{
    font-size: 12px;
    font-weight: bold;
    color:#ffffff;
    height:75px;
    background:url(../layout_images/naglowek_medium.png) no-repeat;
}
.formatowanie_tabeli .naglowek_z_tlem th{
    margin-bottom:15px;
}
.formatowanie_tabeli td{
    height:25px;
     vertical-align: top;
    /*border-bottom:1px solid #dfdbdb;*/
}
.formatowanie_tabeli tr{
    height:25px;
}

.radio_list{
    list-style-position: inside
}

.radio_list li{
    margin-bottom: 10px;
}

.checkbox_list li{
    margin-bottom: 10px;
}

.products-box-detail a{
    text-decoration:none;
}

.stronicowanie{
     float:right;
    /*border:1px solid red;*/
    margin:0px;
    padding: 0px;
    clear:left;
}
.stronicowanie a{
    font-size: 12px;
    font-weight: normal;
    font-family: "Trebuchet MS";
    color:#222222;
}
.stronicowanie p{
    display:inline;
    font-size: 16px;
    font-weight:bold;
    color: #5c5b5b;
    font-family: "Trebuchet MS";
    padding:0px;
    margin-top:50px;
}
.stronicowanie img{
    margin-top:5px;
}
.products-box-small{
    margin:6px !important;
    margin:4px;
    border:1px solid #d3d3d3;
    padding:16px;
    width:225px;
    min-height:230px;
    /*height:auto !important;*/
    /*height:176px;*/
    height:150px;
    float:left;
}

.mini_stopka{
    color:#4d4d4d;
    font-size: 10px;
    text-align:left;
    border-top: 1px dotted #d4d4d4; /* #e2e2e2; */
    margin-top:5px;
    
}

/*                                 Tagi                                       */
.tagi{
}
.tagi p:after{
    color: #0292c8;
    content: ''
}
.tagi p{
    display:inline;
    padding-right: 5px;
}
.tagi a{
    color:#0292c8;
    color: #4d4d4d;
}
.tagi a:hover{
    text-decoration: none;
    color: #fe9000;
}

/* Tagi testów */
.tagiTestow{
    border-top: 1px solid #f2f2f2;
    padding: 16px 0px 0px 0px;
}
.tagiTestow a{
    -color: #fff;
    -background: url(./../layout_images/bgTopPanel.png) no-repeat;
    -border: 1px solid #087ef0;
    padding: 2px 5px;
    -display: block;
    -float: left;
    -margin: 2px;
    font: 11px/18px Arial,sans-serif;
}
.tagiTestow a:hover{
    color: #fe9000;
}

.tip{
    border:1px solid red;
    float:right;
    position:relative;
        top:0px;

}


.przycisk{
    width: 135px;
    height: 50px;
    /*border:1px solid red;*/
    background: url(../layout_images/nice_buttom.gif) no-repeat;
    text-align:center;
    color: red;
    font-size:10px;
    padding-top: 7px;
}
.przycisk a{
    color:#ffffff;
    font-weight: bold;
    padding: 10px 35px 10px 35px;
}
.lewy{
    float: left;
}
.prawy{
    float: right;
}
.srodkowy{
    text-align:center;
}

/*------------------------------Zegarki zliczające czas-------------------------*/
#stoper{
    font-size: 18px;
    height:30px;
    float:right;
}
#stoperTestu, .naglowekPanelu{
    float:right;
    clear: both;
    color: #fff;
    width: 110px;
    position: relative;
    text-align: center;
    top: -17px;
    right: 0px;
    background: url(./../layout_images/bgTopPanelOrange.png) no-repeat;
    -border: 1px solid #fe9000;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font:11px/20px sans-serif,Tahoma,Helvetica,sans-serif;
}
#stoperTestu{width: 230px;}
.naglowekPanelu >a{color: #fff;}
#stoperTestu:before{
    content: 'Aktualny czas testu';
    padding-right:10px;
    font-size:11px;
}
#stoper:before{
    content: 'Pozostały czas na pytanie';
    padding-right:10px;
    font-size:11px;
}

.silver-background-400{
    background: url(../layout_images/silver_background.png) no-repeat;
}

.okienko_informacyjne{
    width:95%;
    padding: 40px 10px 40px 10px;
    background-color: #f6f6f6;
}

.white{
    color:#ffffff;
}


/* -----------------------Tabelki admina--------------------------------------*/
.tabelaRaportu{
    padding:0px;
    border:1px solid #d3d3d3;
    border-collapse: collapse;
    width:100%;
}
.tabelaRaportu th{
    font-weight:700;
    background-color: #4d4d4d;
    color:white;
}
.tabelaRaportu td{
    text-align:left;
}
.tabelaRaportu tr:nth-child(even) {background: #f9f9f9}
.tabelaRaportu tr:nth-child(odd) {background: #FFF}
/*-----------------------------Wyszukiwarka------------------------------------*/
.search-btn-moj{
    padding:0px;
    width:32px;
    height:24px;
    border:0px;
    margin:0px;
    background: #fff url(../layout_images/search_button.png) no-repeat;
    float: right;
    position: relative;
    top: -27px;
    width: 21px;
    height: 21px;
    left: -180px;
}

.wyniki-wyszukiwarki li{
    background:url(../layout_images/arrow.gif) no-repeat 17px;
    border-bottom:1px solid #d3d3d3;
    padding:3px 0 3px 25px;
    border: none;
}

.wyniki-wyszukiwarki li >a:hover{
    text-decoration: none;
    color:#0292c8;
}
.li-ze-strzalka{
    background:url(../layout_images/arrow.gif) no-repeat 17px;
    border-bottom:1px solid #d3d3d3;
    padding:3px 0 3px 25px;
}
.noborder{
    border:none;
}

/* Wymusza wyświetlanie p w tej samej lini w jakiej jest checkbox lub radio */
.checkbox_list>li>p, .radio_list>li>p, .checkbox_list > li > label >p, .radio_list>li>label>p{
    display: inline;
}
.reklama-srednia{margin-left: 100px;}
.reklama-duza{margin-right: 10px; float: right;}
/* Panel opisu testu */
#panelSzczegolowegoOpisuTestu *, #panelSzczegolowegoOpisuArtykulu *{
    font: 12px/18px Arial,sans-serif;
}

/* Panel opisu krótkiego testu */

.logoTestu{
    border: 1px solid #f2f2f2;
    background-color: #fff;
    padding: 5px;
}

/* Panel z pytaniem */
#obrazkiPytania{
    clear: both;
}
#obrazkiPytania img{
    border: 1px solid #f2f2f2;
    background-color: #ffffff;
    padding: 2px;
}

#wyswietlanePytanie,#panelKontaktu, #panelZapisuDoNewslettera,#panelRegulaminu, .artykulAdmin, #panelWszystkichTagow, .panelSkroconegoTestu, .panelSkroconegoArtykulu, #panelPlatnosciArtykulow, #panelSzczegolowegoWyszukiwania{
    display: none;
    border: 1px solid #f2f2f2;
    background-color: #fcfcfc;
    width: 505px;
    padding: 16px;
    font: 12px/18px Arial,sans-serif;
    text-align: left;
}
#panelPlatnosciArtykulow,#panelRegulaminu,#panelKontaktu,#panelZapisuDoNewslettera,#panelSzczegolowegoWyszukiwania, #panelWszystkichTagow, .artykulAdmin{display: block;}
#panelSzczegolowegoWyszukiwania ul{list-style-type: none;}
.panelOcenyTestu img{margin-right: 10px; margin-left: 10px;}
.panelOcenyTestu span{font-weight: bold; font-size: 15px;}
.panelSkroconegoTestu, .panelSkroconegoArtykulu{display: block;}
.panelSkroconegoTestu a >img, #statystykaPortalu img, #najnowszyTest img, #najpopularniejszyTestTygodnia img{border: 1px solid #f2f2f2; padding: 5px;  background-color: #fff}
.panelSkroconegoTestu h3 >a, .panelSkroconegoArtykulu h3 >a {font-weight: 400; text-decoration: none;}
#wyswietlanePytanie ul{list-style-type: none; width: 450px;}
#wyswietlanePytanie .post img{clear: right;}
.header_03{
    clear:both;
}
.blockStopka{
    -border: 1px solid #fe9000;
    position: relative;
    top: -2px;
    right: 16px;
    float: right;
    -padding: 5px;
    background: #fff url(./../layout_images/bgTopPanelOrange.png) repeat-x;
}
.header_03 >a{
    font-weight: normal;
}
#przyciskDalej{
    position: relative;
    top: 4px;
}

#przyciskWprowadzaniaKodu, #kodWielokrotnegoUzyciaTesty, #przyciskWprowadzaniaKoduMaratonuWiedzy, #kodWielokrotnegoUzyciaArtykuly{ margin-left: 5px;}
#panelKoduPseudosmsowegoTestu, #panelKoduPseudosmsowegoArtykulu{padding: 16px 0px 16px 36px; margin-bottom: 50px; border-top: 1px solid #f2f2f2;}
#panelKoduPseudosmsowegoTestu .error_list, #panelKoduPseudosmsowegoArtykulu .error_list{float: left; clear: both; margin: 0px;}
/* Loader dla pytań testowych */
#kontenerLoaderaDlaTestow, #kontenerloaderaDlaZapisuDoKonkursu{border: 1px solid #f2f2f2; background-color: #fcfcfc; width: 537px; text-align: center;}
#loaderDlaTestow, #loaderDlaZapisuDoKonkursu{margin: 0 auto; width: 150px; height: 48px; padding: 10px; display: none;}
#loaderDlaTestow span, #loaderDlaZapisuDoKonkursu span{color: #c3c3c3;display: block; width: 80px; float: left; line-height: 60px; margin-left: 10px;}
#panelWygenerowanegoKodu, #panelUczestnikaKonkursu{border-top: 1px solid #f2f2f2; padding-top: 16px;}
#panelWygenerowanegoKodu span{font-size: 12px;}
#panelWygenerowanegoKodu strong{font-size: 14px;}
#opisKrotkiTestu{font: 12px/18px Arial,sans-serif;}
/*  Panel informacji o teście */
.informacjeOTescie, .informacjeOArtykule{
    text-align: right;
    position: relative;
    top: -15px;
    font: 11px/18px Arial,sans-serif;
    color: #ff9000;
}

#autocomplete_fraza, #signin_username, #signin_password{width: 180px;}
#autocomplete_fraza{padding-left: 30px; width: 150px;}
#statystykaPortalu{
    float: left;
    width: 250px;
    padding: 10px 10px 10px 30px;
    width: 200px;
    height: 195px;
    border-left: 1px dotted #dfdbdb;
}



#panelNajpopularniejszychTestow, #panelNajpopularniejszychArtykulow, #panelNajpopularniejszychSondazy{
    width: 480px;
    height: 225px;
}
.orange{color: #fe9000 !important;}
#pntl, #pnal,#pnsl{
    float: left;
    padding-right: 15px;
    padding-top: 15px;
    padding: 10px;
}
#panelNajpopularniejszychSondazy .sondaz .tytulSondazu{
    line-height: 12px;
}
#panelNajpopularniejszychSondazy .sondaz{
    width: 220px;
    float: left;
    -border: 1px solid red;
    margin: 0px 10px 10px 0px;
    height: 35px;
}
.sondaz .sondazInfo img{
    margin-right: 5px;
    
}
#panelNajpopularniejszychSondazy .sondaz .sondazInfo{
    -width: 440px;
    -border: 1px solid #fe9000;
    color: #fe9000;
    float: left;
    clear: both;
    line-height: 16px;
    font-size: 10px;
    width: 200px;
}
#pntr,#pnar{
    -width: 245px;
    -border: 1px solid red;
    float: left;
    -border-left: 1px dotted #dfdbdb;
    -padding-left: 5px;
    padding: 10px 10px 10px 0px;
}

#pntr li, #pnal li, #pnsl li{
    border: none;
}

.testMini{
    -border: 1px solid red;
    float: left;
    -width: 110px;
    position: relative;
    text-align: center;
    margin: 0px 2px 2px 0px;border: 1px solid #f2f2f2;
    background-color: #fff;
    padding: 6px;
}
.testMini span{
    position: absolute;
    text-align: left;
    display: block;
    bottom: 0px;
    background-color: #fff;
}
.testMini span a{
    font-weight: 400;
    display: block;
}
.testMini span a:hover{
    font-weight: 400;
    display: block;
    color: #ff9000;
}
.testMini img{
    width: 85px;
    height: 85px;
}

/* Menu panelu */
#menuPanelu{
    float: left;
    width: 745px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
}
#menuPanelu >ul{
    border-bottom: 1px solid #fff;
    float: left;
    width: 745px;
    padding: 0px;
}
#menuPanelu li{    
    float: left;
    border-bottom: none;
    border-right: 1px solid #f2f2f2;
    background: none;
    padding: 0px 5px 0px 10px;
    background: url(./../layout_images/bgTopPanel.png) no-repeat;
}
#menuPanelu img{
    float: right;
    margin-right: 10px;
    display: none;
}
#menuPanelu a{
    display: block;
    color: #fff;
    
}
#menuPanelu a:hover{
    cursor: pointer;
    text-decoration: none;
}

/*  Klasy ogólne */
.greyBorder{border: 1px solid #dfdbdb;}
.blueBorder{border: 1px solid #087fe0;}

.opacity50{
    opacity:0.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}
.button{
    -color:white !important;
    display:block;
    height:16px;
    font-size:10px;
    text-align:center;
    cursor: pointer;
    -border: 1px solid #dfdbdb;
    outline: none;
    text-decoration: none;
}
.buttonsmall{
    background: url(./../layout_images/bgTopPanel.png) no-repeat;
    width:40px;
}

.buttonmedium{
    -background: url(./../layout_images/bgTopPanel.png) no-repeat;
    background: url("../layout_images/btn1-bg.gif") repeat-x scroll 0 0 #E8E8E8;
    width:60px;
    height: 20px;
    line-height: 20px;
}
.buttonbig{
    background: url(./../layout_images/bgTopPanel.png) no-repeat;
    width:80px;
    height:25px;
    line-height: 24px;
}
.roundedCorners20{
    -webkit-border-radius: 20px; /* Safari, Chrome */
     -khtml-border-radius: 20px;    /* Konqueror */
     -moz-border-radius: 20px; /* Firefox */
      border-radius: 20px;
}
.roundedCorners10{
    -webkit-border-radius: 10px; /* Safari, Chrome */
     -khtml-border-radius: 10px;    /* Konqueror */
     -moz-border-radius: 10px; /* Firefox */
      border-radius: 10px;
}
.hided{
    display: none;
}
.roundedCornersRight3{
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-top-right: 3px;    /* Konqueror */
    -khtml-border-bottom-right: 3px;    /* Konqueror */
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.displayBlock{display: block;}
.font1218{
    font: 12px/18px Arial,sans-serif;
}
.roundedCornersLeft5{
    -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.roundedCornersRight5{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.roundedCornersLeft3{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-top-left: 3px;    /* Konqueror */
    -khtml-border-bottom-left: 3px;    /* Konqueror */
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.roundedCorners5{
    -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;   
     -moz-border-radius: 5px; 
      border-radius: 5px;
}
.roundedCorners3{
    -webkit-border-radius: 3px; /* Safari, Chrome */
     -khtml-border-radius: 3px;    /* Konqueror */
     -moz-border-radius: 3px; /* Firefox */
      border-radius: 3px;
}
.roundedCornersTop5{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.roundedCornersBottom5{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.orangeSmallBox{
    -background: none !important;
    -background-color: #ff9000 !important;
     background: url(./../layout_images/bgTopPanelOrange.png) no-repeat !important;
}
.orangeSmallBox span{
    width: 11px;
    color: #fff;
}

.loaderArtykulowSkroconych{width: 35px;display: none; text-align: center; height: 30px; float: left;}

/* Ocenianie */
.lubieAktywny{background: url(../layout_images/like_dislike.png) 0 0 no-repeat;}
.lubieNieAktywny{background: url(../layout_images/like_dislike.png) 0 -18px no-repeat;}
.nielubieAktywny{background: url(../layout_images/like_dislike.png) -18px 0 no-repeat;}
.nielubieNieAktywny{background: url(../layout_images/like_dislike.png) -18px -18px no-repeat;}
.lubieIMG, .lubieIMG a{width: 18px; height: 18px;border: 0px solid red;}
.nieLubieIMG, .nieLubieIMG a{width: 18px; height: 18px;border: 0px solid green;}
#likedislike{padding: 4px 0px;position: absolute; border: 1px solid #f2f2f2; border-top: none;top: 129px; left: 17px; width: 109px; height: 24px; background-color: #fff;}
#divLubie, #divNieLubie{display:  table-cell; vertical-align: middle; width: 48px; -border: 1px solid #d3d3d3; background-color: #f9f9f9; background-color: #fff;padding: 2px; -margin: 10px 1px 10px 1px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -border: 1px solid #f2f2f2; -background-color: #fcfcfc;}
#lubie, #nieLubie{font-size: 12px; font-weight: 700; color: #fe9000; padding-right: 4px; }
#formularzDodawaniaKomentarza{-width: 440px; border: 0px solid red; float: left;}
.loaderKomentarzy{margin-left: 116px; width: 300px; display: none; text-align: center; height: 30px; padding-top: 20px; float: left;}
.loaderKomentarzy span{border: 0px solid red; position: relative; top: -5px; color: #cccccc;}
#formularzDodawaniaKomentarza .stronicowanieKomentarzy{padding: 10px 0px 0px 0px; float: right; clear: right;}
#formularzDodawaniaKomentarza .komentarz{border: 0px solid red; -width: 440px; float: left; margin-top: 10px; margin-bottom: 10px;}
#formularzDodawaniaKomentarza .komentarz .awatar img{float: left; width: 64px; max-height: 64px;}
#formularzDodawaniaKomentarza .komentarz .naglowek{float: right; text-align: right; width: 420px; border: 0px solid green; border-bottom: 1px solid #f2f2f2;}
#formularzDodawaniaKomentarza .komentarz .naglowek .data{width: 10px; color: #c0c0c0; font-style: italic;}
#formularzDodawaniaKomentarza .komentarz .tresc{float: right; width: 420px; border: 0px solid silver; padding-top: 10px; font: 12px/18px Arial,sans-serif;}
#formularzDodawaniaKomentarza #komunikatyKomentarzy{height: 20px; -position: relative; top: 25px; border: 0px solid red; float: left; width: 505px; text-align: right;}
.awatar img{padding: 2px; border: 1px solid #f2f2f2; background-color: #fff;}
.goodKomentarz, .noticeKomentarz, .errorKomentarz{font: 12px/18px Arial,sans-serif;}
.goodKomentarz{color: #009900;}
.noticeKomentarz{color: #000099}
.errorKomentarz{color: #990000;}

.menuPanelu{
    width: 55px;
    position: absolute;
    top: -1px;
    right: 16px;
}
.menuPanelu span{
    display: block;
    background: url(./../layout_images/bgTopPanelOrange.png) repeat-x;
    color: #fff;
    cursor: pointer;
    text-align: center;
     border: 1px solid #fe9000;
    border-top: none;
    margin: 0px;
}
.menuPanelu .panelKontener{
    display: none;
    background: #fff;
    border: 1px solid #f2f2f2;
    width: auto;
    position: relative;
    left: -96px;
    width: 150px;
    float: left;
    -webkit-border-radius: 5px;-webkit-border-top-right-radius: 0;-moz-border-radius: 5px;-moz-border-radius-topright: 0;border-radius: 5px;border-top-right-radius: 0;
}
.menuStrony li{
    display: block;
    width: 100px;
    font-size: 11px;
    line-height: 25px;
}
.menuStrony li a{
    display: block;
}
.menuStrony li a:hover{
    color: #fe9000;
}

#panelPobieraniaPliku a{
   width: 38px;
}

#panelDolnyKontener{
    border: 1px solid #dfdbdb;
    border-bottom: none;
    position: fixed;
    bottom: 0px;
    width:990px;
    margin:0 auto;
    background-color: #fcfcfc;
    -height: 30px;

     background: #fff url(./../layout_images/bgTopPanelGrey.png) repeat-x;
}
#panelDolny{
    -border: 1px solid #fff;
    padding: 0px 10px;
}
#panelDolny ul{list-style-type: none; float: right; -border: 1px solid red;}
#panelDolny li{float: left; background-color: #f2f2f2;  border-left: 1px solid #dfdbdb;}
#panelDolny li a{color: grey; line-height: 25px; display: block; padding: 0px 10px;}
#panelDolny li a img{line-height: 25px; float: left; margin: 5px 5px 0px 0px;}
#panelDolny li a:hover{color: #4d4d4d; background-color: #fff;}

#najnowszyTest img, #najpopularniejszyTestTygodnia img{width: 99px; height: 101px;}

