/* Tabs
----------------------------------*/
.ui-tabs { padding: .0em; zoom: 1; }
.ui-tabs .ui-tabs-nav {
    list-style: none;
    position: relative;
    padding: 0px;
}
.ui-tabs .ui-tabs-nav li {
    position: relative;
    float: left;
    width: 118px !important;
    padding: 0 !important;
    list-style-type: none;
    margin: 0 10px 0 0 !important;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none !important;
    color: #000 !important;
    width: 118px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
    background: url(../images2/button.png) no-repeat 0 -26px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 1px;
    border-bottom-width: 0;
    color: #ffffff;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li a:hover {
    background-position: 0 0;
    color: #fff !important;
}

.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;
    text-decoration: none;
    background-position: 0 0;
    color: #fff !important;
}
.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;
    clear: both;
    background-color: #FFFFFF;
    background-image: none;
    padding: 10px;
    padding-bottom:20px;
    /* height: 300px; */
    float:left;
    width:706px;
    margin-top: 0px;
    border:1px solid #c1dbed;
}
.ui-tabs .ui-tabs-hide { display: none !important; }


/*********************************************/

* {
    margin: 0px;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 16px;
    background-color:#ffffff;
    margin: 0;
    background-attachment: fixed;
}

br.clear{
    clear:both;
    margin:0;
    height:0;
    line-height: 0;
}

div#main {
    min-width: 1000px;
    background: url(../images2/back_middle.png) repeat-y 50% 0;
}
div#main_top {
    min-width: 1000px;
    background: url(../images2/back_top.png) no-repeat 50% 0;
}
div#main_bottom {
    min-width: 1000px;
    background: url(../images2/back_bottom.png) no-repeat 50% 100%;
}

#srodek {
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

#srodek .center #duza_fotka {
    width: 739px !important;
    border: 1px solid #D8D8D8;
    border-right-color: #fff;
    border-bottom-color: #fff;
    padding: 17px 0 17px 17px;
    background-color: #F5F5F5;
    display: none;
}

#srodek #menu {
    position: absolute;
    top: 22px;
    right: 9px;
}
#srodek #menu ul li {
    border-left: 1px solid #000;
    text-transform: uppercase;
}
#srodek #menu ul li.first {
    border-left: none;
}
#srodek #contact_left {
    width: 224px;
    height: 189px;
    background: url(../images2/contact.jpg) no-repeat 0 0;
    margin: 20px 0;
    padding: 30px 0 0 18px;
}
#srodek #lewa {
    float:left;
    width:268px;
    text-align:left;
    padding-top: 2px;
}

#srodek #lewa #pani3 {
    float:left;
    width:232px;
    height:55px;
    margin-top:-5px;
}

#srodek #lewa .nagl_nieb {
    float:left;
    width:227px;
    height:23px;
    background-image:url(../images/nagl_nieb_18.jpg);
    color:#ffffff;
    font-weight:normal;
    font-size:23px;
    padding-left:10px;
    padding-top:4px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:23px;
}

#srodek #lewa .nagl_nieb_bd {
    float:left;
    width:227px;
    height:23px;
    background-color:#ffffff;
    background-repeat:no-repeat;
    background-image:url(../images/nagl_nieb_bd.jpg);
    color:#ffffff;
    font-weight:normal;
    font-size:23px;
    padding-left:10px;
    padding-top:4px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:23px;
}


#srodek #lewo {
    float: left;
    width: 225px;
    margin-right: 5px;
    margin-top: 5px;
}

#srodek #lewa #subHead {
    float: left;
    height: 194px;
    width: 225px;
}
#srodek #lewa #subHeadContent {
    background-image: url(../images/h_rolety_02.png);
    background-position: center bottom;
    padding: 10px;
    float: left;
    width: 217px;
    margin-bottom: 5px;
    text-align: left;
}
#srodek #lewa #subHeadContent li {
    margin-left: 20px;
    list-style-type: disc;
}



#srodek #lewa #subCena {
    float: left;
    height: 33px;
    width: 225px;
}
#srodek #lewa #subCenaContent {
    background-color:#3289c2;
    background-image: url(../images/cena_bg_03.jpg);
    background-repeat:no-repeat;
    background-position: right bottom;
    padding: 10px;
    padding-bottom:0px;
    float: left;
    width: 212px;
    margin-bottom: 5px;
    text-align: left;
    color: #FFFFFF;
}
#srodek #lewa #subCenaContent .linia {
    border:none;
    width: 151px;
    clear:both;
    height: 94px;
    padding-left:71px;
    margin-top: 5px;
    padding-bottom:5px;
    margin-bottom:0px;
    padding-top:3px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:12px;
}

#srodek #lewa #subCenaContent #koszyk_cena {
    font-weight:bold;
    font-size:25px;
    color:#ffffff;
    line-height:25px;
    margin-bottom:10px;
}

#srodek #lewa .box {
    float: left;
    height: 120px;
    width: 225px;
    margin-bottom: 5px;
}


#srodek #prawo {
    float: right;
    width: 750px;
}
#srodek #prawo #path {
    clear: both;
    height: 65px;
    width: 750px;
    margin-top: -62px;
    margin-bottom: 5px;
    float: right;
}
#srodek #prawo #header {
    height: 194px;
    width: 750px;
    margin-bottom: 5px;
    float: right;
}
#srodek #prawo #navi {
    clear: both;
    height: 36px;
    width: 728px;
    margin-top: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#srodek .center {
    width: 726px;
    color: #000000;
    margin: 0 0 0 6px;
    float: right;
    text-align:left;
    position: relative;
}

#srodek form .center, #srodek .center_kosz {
    width: 726px;
    color: #000000;
    float: right;
    margin: 0 0 0 6px;
    text-align:left;
    position: relative;
}

#srodek .center .zielona_linia {
    width: 758px;
    height: 52px;
    background: url(../images2/gline.jpg) no-repeat 0 0;
    display: none;
}
#srodek .center #boksy {
    float: left;
    width: 457px;
}

#srodek .center #boksy h2 {
    color: #000;
    margin: 0;
    padding: 0 0 15px 30px;
    background: url(../images2/ibox_mark.png) no-repeat 14px 8px;
    font-size: 20px;
    font-weight: normal;
}
#srodek .box_title {
    color: #000 !important;
    margin: 0;
    padding: 0 0 15px 30px;
    background: url(../images2/ibox_mark.png) no-repeat 14px 8px;
    font-size: 20px;
    font-weight: normal;
}
#srodek .konf_link {
    color: #000 !important;
    float: right;
    font-weight: bold;
    text-decoration: none !important;
}

#srodek a.how_montage {
    display: block;
    background: url(../images2/jak_montowac.jpg) no-repeat 0 0;
    width: 367px;
    height: 129px;
    float: right;
    margin: 20px 0 0 0;
    text-decoration: none !important;
}
#srodek div#tech_data {
    margin: 20px 400px 0 0;
}

#srodek .center #boksy .box_item {
    float:left;
    width: 199px;
    padding: 10px 10px 2px 10px;
    background: #F5F5F5;
    border: 1px solid #EBEBEB;
    margin: 0 3px 20px 0;
}

#srodek .center #boksy .box_item h3 {
    letter-spacing: 0;
}

#srodek .center #boksy .box_item h3 span {
    font-size: 13px !important;
    font-weight: bold;
}

#srodek .center #boksy .box_item a.title {
    color: #000;
    font-size: 12px;
    letter-spacing: -1px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 0 12px 2px;
    display: block;
}
#srodek .center #boksy .box_item a.title h3{
    font-size: inherit;
    font-weight: inherit;
}
#srodek .center #boksy .box_item a.config_link {
    position: relative;
    width: 193px;
    height: 38px;
    padding: 0 6px 0 0;
    display: block;
    line-height: 38px;
    color: #fff;
    font-size: 12px;
    letter-spacing: -1px;
    font-weight: bold;
    background: url(../images2/ibox_back.png) repeat-x 0 7px;
    text-decoration: none;
    text-align: right;
}
#srodek .center #boksy .box_item a.config_link span.icon {
    position: absolute;
    display: block;
    width: 41px;
    height: 38px;
    background: url(../images2/ibox_link.png) no-repeat 0 0;
    top: 0;
    left: 6px;
}
#srodek .center #boksy .box_item p.price {
    position: absolute;
    left: 166px;
    top: 117px;
    font-weight: bold;
    color: #CD010D;
    font-size: 15px;
}

#srodek .center #boksy .box_item p.content {
    color: #444444;
    padding: 0 20px 0 20px;
}

#srodek .center #boksy .golota h3 {
    padding:0px;
    margin:0px;
    font-size:11px;
    color:#000000;
    font-family:Verdana, Geneva, sans-serif;
    font-weight:bold;
    letter-spacing:0px;
}

#srodek .center #boksy .golota .cena_main {
    clear:both;
    width:112px;
    height:35px;
    font-weight:bold;
    color:#ffffff;
    background-repeat:no-repeat;
    background-image:url(../images/new_cena.png);
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:22px;
    line-height:22px;
    padding-top:15px;
}

#srodek #center_right_info {
    width: 269px;
    height: 287px;
    background: url(../images2/index_right_1.jpg) no-repeat 0 0;
    float: right;
}
#srodek #center_right_info_2 {
    width: 269px;
    height: 548px;
    background: url(../images2/index_right_2.jpg) no-repeat 0 0;
    float: right;
}
#srodek #center_right_info_1 {
    width: 269px;
    height: 100px;
    text-align: center;
    float: right;
    padding:20px 0;
}

#srodek #top {
    width:1000px;
    height: 250px;
    position: relative;
    clear: both;
    background: url(../images2/banner.jpg) no-repeat 28px 0;
}

#srodek #top #logo {
    position: absolute;
    left: 0px;
    top: 22px;
}

#srodek #top #allegro_link {
    height: 22px;
    width: 22px;
    display: block;
    position: absolute;
    top: 4px;
    right: 41px;
    background: url(../images2/allegro.png) no-repeat 0 0;
}

#srodek #top #blog_link {
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    top: 45px;
    right: 41px;
    background: url(../images2/bt_blog_bg.png) no-repeat 0 0;
}

#srodek #top #facebook_link {
    height: 22px;
    width: 22px;
    display: block;
    position: absolute;
    top: 44px;
    right: 10px;
    background: url(../images2/facebook.png) no-repeat 0 0;
}

#srodek #top #google_plus_link {
    position: absolute;
    top: 46px;
    right: 73px;
}

#srodek #top #kosz {
    position: absolute;
    top: 86px;
    left: 747px;
    width: 175px;
    text-align: left;
}
#srodek #top #kosz #your_basket{
    font-size: 17px;
    font-family: Helvetica, sans-serif;
}
#srodek #top #kosz #koszyk {
    display: none;
}

#srodek #top #kosz a#kosz_link {
    text-decoration:none;
    display: block;
    height: 23px;
    position: absolute;
    top: 45px;
    left: 0;
    font-weight: normal;
    padding: 0 8px;
    line-height: 19px;
    color: #fff;
    background: #656565; /* Old browsers */
    background: -moz-linear-gradient(top,  #656565 0%, #161616 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#161616)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #656565 0%,#161616 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #656565 0%,#161616 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #656565 0%,#161616 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #656565 0%,#161616 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#161616',GradientType=0 ); /* IE6-9 */
}
#srodek #top #kosz a.more_space {
    top: 56px !important;
}
#srodek #top #kosz table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
#srodek #top #kosz table td {
    padding: 0 7px 0 0;
}
#srodek #top #kosz table td.bold_me {
    font-weight: bold;
}
#srodek #top #kosz a {
    text-decoration: none;
    font-weight: bold;
}
#srodek #top #kosz a:hover {
    text-decoration:underline;
}
/*#srodek #top #kosz div.empty {
    line-height: 48px;
}*/

#srodek #top #bread_crumb {
    position: absolute;
    top: 220px;
    left: 19px;
    color: #737373;
}

#srodek #top #bread_crumb a {
    font-weight: normal;
    color: #737373;
    margin: 0 7px;
    text-decoration: none;
}
#srodek #top #bread_crumb a.act, #srodek #top #bread_crumb a:hover {
    font-weight: normal;
    color: #CD010D;
    margin: 0 7px;
    text-decoration: none;
}

#srodek #top #bread_crumb span {
    font-weight: bold;
}


#srodek #clear {
    clear: both;
    height: 3px;
    width: 730px;
}

#srodek #foot {
    color: #444444;
    padding: 20px 0 40px 0;
}
#srodek #foot a {
    color: #CD010D;
}

#srodek #footer {
    width: 1000px;
    text-align: left;
    clear: both;
    position: relative;
    padding: 40px 0 0 0;
}
#srodek #footer #f_box_wrap {
    background: url(../images2/footer_bottom.png) no-repeat 0 0;
    color: #fff;
}
#srodek #footer #f_box_wrap h4 {
    font-size: 16px;
    padding: 0 0 16px 0;
}
#srodek #footer #f_box_wrap ul {
    margin: 0;
    padding: 0 0 10px 0;
}
#srodek #footer #f_box_wrap ul li {
    margin: 0;
    padding: 0 0 0 30px;
    list-style: none;
    background: url(../images2/f_mark.png) no-repeat 15px 50%;
}
#srodek #footer #f_box_wrap ul li a {
    color: #fff;
    text-decoration: none;
}
#srodek #footer #f_box_wrap ul li a:hover {
    color: #DCDCDC;
    text-decoration: none;
}
#srodek #footer .f_box_description{
    background: #5d5d5c;
    padding: 15px 20px;
    color: #fff;
    text-align: justify;
    font-size: 10px;
}
#srodek #footer .f_box_description p{
    margin-bottom: 1em;
    text-indent: 50px;
}
#srodek #footer #f_box_1 {
    float: left;
    width: 285px;
    padding: 18px 0 0 48px;
}
#srodek #footer #f_box_2 {
    float: left;
    width: 286px;
    padding: 18px 0 0 48px;
}
#srodek #footer #f_box_3 {
    float: left;
    width: 285px;
    padding: 18px 0 0 48px;
}
/*
#srodek div.footer_2 {
    margin: 0 !important;
    height: 55px !important;
    border: none !important;
}
#srodek div.footer_2 #foot {
        color: #444444;
        position: absolute;
        top: 18px;
        left: 20px;
}
#srodek #f_menu ul {
        height: 43px;
        width: 996px;
        background: url(../images2/menu_line.png) repeat-x 0 0;
}
#srodek #f_menu ul li.last {
    float: right;
}
#srodek #f_menu ul li.last a {
    font-size: 14px;
}*/
.clear_this {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}
div.montage_menu_wrap {
    padding: 0 0 20px 0;
}
dl.montage_menu dt {
    float: left;
    padding: 0 10px 0 0;
}
dl.montage_menu dt.act a {
    font-weight: bold;
}
/***************************************/
.l {
    float: left;
}
.hidden {
    display: none;
}
.r {
    float: right;
}
a {
    color: #CD0814;
}
a:hover {
    text-decoration: none;
}

.center ol li {
    margin-left: 30px;
    margin-bottom:7px;
}



.center ul li{
    margin-left: 20px;
    list-style-position: inside;
    list-style-type: square;
}
.center ul li ul li{
    margin-left: 30px;
    list-style-position: inside;
    list-style-type: square;
}

.center ol li ol li{
    margin-left: 30px;

}
.center ul li ul li ul li{
    margin-left: 40px;
    list-style-position: inside;
    list-style-type: square;
}
.center ol li ol li ol li{
    margin-left: 50px;


}

#srodek #lewo #subHeadContent ul li a.inne {
    color:#ae394b;
    font-weight:bold;
}



#srodek .center h1,
#srodek .center2 h1,
#srodek #box h1
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 32px;
    color: #C4C4C4;
    text-align: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom:10px;
    font-weight: normal;
    line-height:30px;
}
#srodek .center h2,
#srodek .center2 h2,
#srodek h2 {
    font-size: 22px;
    color: #000000;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    line-height: 100%;
}
#srodek .center h3,
#srodek .center2 h3,
#srodek h3 {
    font-size: 18px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:-1px;
}

#srodek .center .red {
    color: #E43144;
}

#srodek .center img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#srodek .center .upper {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

#srodek .center .ImgNoBorder {
    margin: 0px;
    border: none;
}
#srodek .center a,
#srodek .center2 a ,
#srodek #box a {
    color: #CD0814;
    text-decoration: underline;
}
#srodek .center a:hover,
#srodek .center2 a:hover,
#srodek #box a:hover  {
    color: #CD0814;
    text-decoration: none;
}


/*------------formularze-----------*/

#srodek input,
#srodek select,
#srodek textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: url(../images2/input_back.png) repeat-x 0 0 #ffffff;
    padding: 1px;
    color: #5E5E5E;
    border: 1px solid #C8C8C8;
    width:auto;

}

#srodek input[type="radio"] {
    background:none;
    border:none;
}

#srodek input[type="checkbox"] {
    background:none;
    border:none;
}

#srodek textarea.area{
    height: 100px;
    width: 296px;

}

#srodek input.poleNewsletter{
    width: 170px;

}
#srodek input.poleForm{
    width: 96px;
}
#srodek input.poleForm[disabled=disabled]{
    position: relative;
    color:#ccc;
}
#srodek input.poleFormMech{
    width: 60px;
}
#srodek input.checkFormMech{
    display: none;
    visibility: 0;
}

#srodek input.poleForm#dodaj_sztuk {
    width:50px;
}

#srodek input.poleForm300{
    width: 296px;
}

#srodek input.poleForm50{
    width: 30px;
}

#srodek input.poleForm30{
    width: 24px;
}

#srodek input.btn100 {
    font-size: 14px;
    width:0;
    color: #FFFFFF;
    font-weight: bold;
    background-color:#C4C4C4;
    border: 0px solid #C4C4C4;
    padding:3px;
    padding-right:9px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url(../images/dziubek_07.png);
    _background-image:none;
    overflow:visible;
    margin:0;
}

#srodek input.btn100[class] {
    width:auto;
}

#srodek input.btnkosh {
    font-size: 14px;
    color: #000b5c;
    font-weight: bold;
    background-color:#b0d6ed;
    margin-left:13px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding:3px;
    padding-right:9px;
    text-align: center;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url(../images/dziubek_09.png);
    _background-image:none;
    *padding-left:1px;
    *padding-right:1px;
    _padding-left:1px;
    _padding-right:1px;
}

#srodek #boxDodaj input.btnkosh {
    width:auto;
    *width:155px;
    _width:155px;
    *padding-left:0px;
    *padding-right:0px;
    _padding-left:0px;
    _padding-right:0px;
}



#srodek input.btn1002 {
    font-size: 14px;
    width:auto;
    *width:108px;
    _width:108px;
    color: #FFFFFF;
    font-weight: bold;
    background-color:#C4C4C4;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding:3px;
    padding-right:55px;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url(../images/dziubek_03.png);
    _background-image:none;
    text-align: center;
    cursor:pointer;
    *padding-left:0px;
    *padding-right:43px;
    _padding-left:0px;
    _padding-right:43px;
    margin-left:11px;
    _margin-left:0px;
    *margin-left:0px;
}


#srodek input.btn2_150 {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    background-color:#C4C4C4;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding:3px;
    text-align: center;
    cursor:pointer;
}
#srodek input.btn2_150_2 {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    background-color:#C4C4C4;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding:3px;
    text-align: center;
    cursor:pointer;
}
#srodek form {
    margin-top: 0px;
}

#srodek .center form table,
#srodek .center table {
    width: 100%;
    padding: 5px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    color: #787878;
}
#srodek .center table a.delete {
    width: 16px;
    line-height: 14px;
    padding: 0 0 2px 0;
    font-weight: bold;
    background: #CD0300;
    color: #fff;
    display: block;
    text-decoration: none;
    border: 1px solid #DBDADF;
    margin: 0 auto;
}

#srodek .center .clearTable,
#srodek .center .clearTable tr,
#srodek .center .clearTable td {
    border:none;
}



#srodek table th {
    background: url(../images2/basket_line.png) repeat-x 0 0;
    padding: 0px;
    vertical-align: top;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 0;
    line-height: 23px;
    color: #fff;
}
#srodek table td {
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-top: 10px;
    padding-bottom: 0px;
    padding:3px;
}
#srodek .center p {
    margin-bottom: 5px;
}


#srodek .center .news {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

#srodek .center .news {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

#srodek .center  .news .data{
    font-style: italic;
}
#srodek .center  .news .bezlini{
    text-decoration: none;
}


#srodek .center .news .data img{
    margin-right: 5px;
}







#srodek .center .print,
#srodek .center2 .print{
    margin-top: 8px;
    font-size: 11px;
    text-align: right;
}
#srodek .center .print a,
#srodek .center .print a:hover,
#srodek .center2 .print a,
#srodek .center2 .print a:hover{
    color: #000000;
    text-decoration: none;
}







#srodek .center .boksy,
#srodek .center .boksy td,
#srodek .center .boksy tr td{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;

}
#srodek .center .boksy .opis{
    width: 95%;

}
.material {
    display: block;
    float: left;
    text-align: center;
    width: 70px;
    height: 135px;
    position:relative;
}

.material .lupka_szczeg {
    position:absolute;
    right:0px;
    top:0px;
}

.material img{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.material_2 {
    display: block;
    float: left;
    text-align: center;
    width: 70px;
    height: 135px;
    position:relative;
}

.material_2 .lupka_szczeg {
    position:absolute;
    right:0px;
    top:0px;
}

.material_2 img{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}



.materialTABELA{
    width: 377px;
    padding: 5px;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    font-size: 11px;
}


.materialTABELA th {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    background-image: url(../images/bar_silver.jpg);
    background-repeat: repeat-x;
    padding: 2px;
}
.materialTABELA tr td {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.center div.top_navi {
    border-bottom: 1px solid #D4D4D4;
    color: #5D5D5D;
    font-size: 12px;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    height: 43px;
    display: none;
}
.center_kosz div.top_navi {
    display: block;
}
.center div.top_navi div.no, .center div.top_navi div.act {
    float: left;
    height: 43px;
    margin: 0 0 0 40px;
}
.center div.top_navi div.first {
    margin: 0;
}
.center div.top_navi div.number {
    height: 43px;
    width: 30px;
    background: url(../images2/step.png) no-repeat 0 0;
    float: left;
    font-weight: bold;
    padding: 5px 13px 0 0;
    text-align: center;
}
.center div.top_navi div.text {
    margin: 5px 0 0 43px;
}
.center div.top_navi div.act {
    color: #40A613;
    font-weight: bold;
}
.center div.top_navi div.act div.number {
    background: url(../images2/step_act.png) no-repeat 0 0;
}
.center div.center_left {
    width: 452px;
    float: left;
    color: #5E5E5E;
}
.center div.center_left h2.title {
    padding: 17px 0 10px;
}
.center div.center_left div#config h1.title {
    color: #2da000;
    /*text-transform: uppercase;*/
    letter-spacing: -1px;
    font-size: 19px;
    line-height: 130%;
    padding: 10px 0;
}
.center div.center_left h3.step {
    padding: 0 0 10px;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #5E5E5E !important;
    letter-spacing: 0 !important;
    float: left;
}
.center div.center_left h3.step span {
    padding: 0 10px 0 5px;
    line-height: 15px;
    background: url(../images2/point.png) no-repeat 1px 0;
    color: #ffffff !important;
}
.center div.center_left a.howto {
    display: block;
    width: 190px;
    height: 51px;
    padding: 0 0 0 25px;
    color: #fff !important;
    line-height: 48px;
    font-weight: bold;
    text-decoration: none !important;
    letter-spacing: -1px !important;
    font-size: 12px;
    background: url(../images2/make_size.jpg) no-repeat 0 0;
    margin: 10px 0 0;
    float: right;
    cursor: pointer;
}
.center div.center_left a.thickbox:hover {
    text-decoration: underline !important;
}
.center div.center_left div.spacer {
    height: 37px;
    width: 100%;
    clear: both;
    background: url(../images2/h_line.png) repeat-x 0 18px;
}
.center div.center_left a.help {
    height: 29px;
    line-height: 29px;
    display: block;
    float: left;
    background: url(../images2/help.png) no-repeat 0 0;
    padding: 2px 0 0 37px;
    position: relative !important;
    margin: -7px 0 0 10px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-size: 9px !important;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    color: #1a6499 !important;
}
.center div.center_right {
    width: 268px;
    float: right;
    position: relative;
    margin: 15px 0 0;
}
#lewa div.right_info {
    width: 220px;
    /*    background: url(../images2/right_image_back.png) repeat-x 0 0;*/
    background: #ECECEC;
    border: 1px solid #D5D5D5;
    margin: 22px 0 0;
    padding: 10px;
}
#lewa div.right_info h3.title {
    text-align: center;
    color: #525252;
    font-weight: normal;
    font-size: 17px;
    letter-spacing: 0;
}
#lewa div.right_info img.main_image {
    display: block;
    margin: 0 auto 20px auto;
}
#lewa div.right_info a {
    display: none;
}
#lewa div.right_info a.photo_gallery {
    display: block;
    width: 188px;
    height: 74px;
    padding: 0 0 0 25px;
    color: #fff !important;
    line-height: 74px;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 12px;
    background: url(../images2/photos2.jpg) no-repeat 0 0;
}
#lewa div.right_info a#read_more {
    display: block;
}
#lewa div.right_info a.main_img {
    display: block;
}
#lewa div.right_info a.photo_gallery:hover {
    text-decoration: underline !important;
}
.center div.center_right div.right_large_info {
    width: 268px;
    height: 215px;
    padding: 20px;
    background: url(../images2/large_info_box.jpg) no-repeat 0 0;
    margin: 15px 0 0;
    color: #C2C2C2;
}
.center div.center_right div.right_large_info div.your_choice {
    color: #fff;
    font-size: 18px;
    padding: 0 0 10px 0;
}
.center table.basket td {
    vertical-align: middle !important;
}
.center a.basket {
    display: block;
    width: 161px;
    height: 54px;
    padding: 0 0 10px 25px;
    color: #fff !important;
    line-height: 62px;
    font-weight: bold;
    text-decoration: none !important;
    letter-spacing: -1px;
    font-size: 12px;
    background: url(../images2/red_basket.png) no-repeat 0 0;
}
.center div.info_box {
    width: 389px;
    height: 53px;
    background: url(../images2/info_box.jpg) no-repeat 0 0;
    color: #fff;
    padding: 4px 0 0 13px;
    margin: 5px 0 0 0;
}
div#buy_panel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 268px;
    background: url(../images2/box_fill.gif) repeat-y 0 0;
}
div#buy_panel div.buy_panel {
    width: 268px;
    color: #fff;
    font-size: 13px;
    background: url(../images2/box_top.gif) no-repeat -40px 0;
}
div#buy_panel div.buy_panel div#buy_panel_choice {
    width: 258px;
    padding: 0 0 0 10px;
    background: url(../images2/box_bottom.gif) no-repeat 0 100%;
}
div#buy_panel div.buy_panel div#buy_panel_choice_text {
    height: 45px;
    padding: 30px 0 0 0;
}
div#buy_panel div.buy_panel div#buy_panel_choice_text h2 {
    color: #fff;
}
div#buy_panel table {
    width: 248px !important;
    color: #fff !important;
    border-collapse: collapse;
}
div#buy_panel span {
    font-weight: bold;
}
div#buy_panel span.empty_value {
    font-weight: normal;
    font-size: 10px;
    color: #D3D3D3;
}
div#buy_panel table td {
    vertical-align: middle;
    padding: 0;
}
div#buy_panel table td.spacer {
    height: 12px;
    background: url(../images2/box_line.gif) repeat-x 0 50%;
}
div#buy_panel table td.type {
    padding: 0 12px 0 0;
    text-align: right;
}
div#buy_panel table td.value {
    padding: 0;
}
div#buy_panel a.basket {
    display: block;
    width: 161px;
    height: 54px;
    padding: 0 0 10px 25px;
    margin: 5px auto 0 auto;
    color: #fff !important;
    line-height: 62px;
    font-weight: bold;
    text-decoration: none !important;
    letter-spacing: -1px;
    font-size: 12px;
    background: url(../images2/red_basket.png) no-repeat 0 0;
}
div#buy_panel span#koszyk_cena {
    font-size: 17px; /**22**/
    letter-spacing: -1px;
}
div#buy_panel span#koszyk_cena span.e{
    font-size: 15px;
    display: block;
}
div#buy_panel table tr.price_box {
    border-bottom: 1px solid #828282;
    background: url(../images2/buy_panel_shadow.png) repeat 0 0;
}
div#buy_panel table tr.price_box td {
    height: 44px;
    vertical-align: middle;
    font-weight: bold;
    width: 58px;
}
div#buy_panel table tr.time_box {
    border-top: 1px solid #828282;
    background: url(../images2/buy_panel_shadow.png) repeat 0 0;
}
div#buy_panel table tr.time_box td {
    height: 35px;
    vertical-align: middle;
}
div#buy_panel table tr.time_box td.type {
    background: url(../images2/time.png) no-repeat 7px 50%;
    padding: 0 12px 0 33px;
}
div#buy_panel table tr.time_box td span {
    font-weight: bold;
}
div#buy_panel table tr.shipping_box {
    border-bottom: 1px solid #828282;
    background: url(../images2/buy_panel_shadow.png) repeat 0 0;
}
div#buy_panel table tr.shipping_box td {
    height: 35px;
    vertical-align: middle;
}
div#buy_panel table tr.shipping_box td.type {
    background: url(../images2/ups.png) no-repeat 7px 50%;
    padding: 0 12px 0 33px;
}
div#buy_panel table tr.shipping_box td span {
    font-weight: bold;
}
div#buy_panel table td.spacer2 {
    height: 8px;
}
/* Tabs
----------------------------------*/
div.tkaniny_choose {
    padding: 10px 0 0 0;
}
a.show_all_materials {
    width: 190px;
    height: 26px;
    line-height: 26px;
    color: #fff !important;
    background: url(../images2/buttom_show.jpg) no-repeat 0 0;
    display: block;
    text-decoration: none !important;
    font-weight: bold;
    margin: 0 auto;
}
a.show_all_materials:hover {
    text-decoration: underline !important;
}
.ui-tabs { padding: .0em; zoom: 1; }
.ui-tabs .ui-tabs-panel {
    display: block;
    clear: both;
    height: 300px;
    width: 386px;
    border: 1px solid #E2E2E2;
    overflow-y: scroll;
    padding: 10px 0 0 14px;
    position: relative;
}
.ui-tabs .ui-tabs-panel .material, .tkaniny_popup .material {
    width: 78px;
    padding: 0 14px 0 0;
}
.ui-tabs .ui-tabs-panel .material .jTip, .tkaniny_popup .material .jTip {
    position: static;
    padding: 3px !important;
    margin: 0 0 5px 0 !important;
    border: 1px solid #D4D4D4;
    display: block;
}
.ui-tabs .ui-tabs-panel .material .jTip img, .tkaniny_popup .material .jTip img {
    display: block;
    vertical-align: top;
}
.ui-tabs .ui-tabs-panel .material .lupka_szczeg, .tkaniny_popup .material .lupka_szczeg {
    position: absolute;
    top: 4px !important;
    left: 57px !important;
    z-index: 1;
}
.ui-tabs .ui-tabs-panel .material_spacer {
    width: 352px;
    padding: 0 0 25px 0;
    clear: both;
    font-weight: bold;
    background: url(../images2/h_line.png) repeat-x 0 18px;

}
.tkaniny_popup .material_spacer {
    width: auto;
    padding: 0 0 25px 0;
    clear: both;
    font-weight: bold;
    background: url(../images2/h_line.png) repeat-x 0 18px;

}
.tkaniny_popup div.plisy_material {
    width: 254px;
    height: 115px;
    float: left;
    padding: 0 14px 0 0 !important;
}
.ui-tabs .ui-tabs-hide { display: none !important; }
#srodek a.continue_shopping:hover {
    color: #fff;
}
#srodek div.next_step {
    width: 190px;
    height: 65px;
    background: url(../images2/next_step.jpg) no-repeat 0 0;
    position: relative;
    float: right;
}
#srodek input.next_step {
    display: block;
    position: absolute;
    width: 126px !important;
    height: 26px !important;
    padding: 0 0 2px 23px;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 12px;
    text-align: left;
    border: none;
    top: 30px;
    background: transparent;
    cursor: pointer;
}
#srodek span.itak {
    float: right;
}
#srodek div.payment_all {
    width: 100%;
    padding: 10px 0 20px;
    font-size: 16px;
    color: #000000;
    text-align: right;
}
#srodek div.payment_all div#prepaid {
    width: 100%;
    padding: 10px 0 0;
    color: #CD0300;
}
#srodek div.payment_all span {
    font-weight: bold;
}
#srodek div.re_calc {
    width: 140px;
    height: 50px;
    background: url(../images2/re_calc.jpg) no-repeat 0 0;
    position: relative;
    float: right;
}
#srodek input.re_calc {
    display: block;
    position: absolute;
    width: 140px !important;
    height: 45px !important;
    padding: 7px 0 2px 23px;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 12px;
    text-align: left;
    border: none;
    top: 0;
    background: transparent;
    cursor: pointer;
}
#srodek a.prev_step, #srodek a.continue_shopping {
    display: block;
    width: 154px;
    height: 48px;
    padding: 17px 0 0 25px;
    color: #fff !important;
    line-height: 48px;
    font-weight: bold;
    text-decoration: none !important;
    letter-spacing: -1px !important;
    font-size: 12px;
    background: url(../images2/prev_step.jpg) no-repeat 0 0;
    margin: 0;
    float: left;
}
#srodek a.continue_shopping {
    width: 157px;
    padding: 17px 0 0 22px;
}
#srodek div.buy_now {
    width: 158px;
    height: 49px;
    background: url(../images2/buy_now.jpg) no-repeat 0 0;
    position: relative;
    float: right;
    margin: 14px 0 0;
}
#srodek input.buy_now {
    display: block;
    position: absolute;
    width: 106px !important;
    height: 26px !important;
    padding: 0 0 2px 16px;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 12px;
    text-align: left;
    border: none;
    top: 14px;
    background: transparent;
    cursor: pointer;
}
#srodek span.buy_info{
    color: #767676;
}
#srodek div.tkaniny_basket {
    width: 158px;
    height: 54px;
    background: url(../images2/white_basket.jpg) no-repeat 0 0;
    position: relative;
}
#srodek div.tkaniny_basket input {
    display: block;
    position: absolute;
    width: 106px !important;
    height: 26px !important;
    padding: 0 0 2px 23px;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 12px;
    text-align: left;
    border: none;
    top: 19px;
    background: transparent;
    cursor: pointer;
}
/*---------------- menu-------------------*/

#srodek #menu ul, #f_menu ul {
    margin: 0px;
    padding: 0px;
    text-align: left;
}


#srodek #menu ul li, #f_menu ul li {
    float: left;
    list-style-position: inside;
    list-style-type: none;
    text-align: left;
    display: block;
    margin: 0px;
    padding: 0px;
}

#srodek #menu ul li a, #f_menu ul li a {
    text-decoration: none;
    float: left;
    text-align: center;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    padding: 0 10px;
    display: block;
}

#srodek #menu a:hover,
#srodek #menu li.active a,
#f_menu a:hover,
#f_menu a.active {
    color: #CD010D;
}

#srodek div.menu_top {
    height: 30px;
    width: 222px;
    border-bottom: 1px solid #B2DBA0;
    margin: 0 0 0 20px;
    padding: 20px 0 0 0;
    font-size: 23px;
    color: #fff;
}
#srodek #submenu_top_wrap {

}
#srodek #submenu_bottom_wrap {
    background: url(../images2/m_bottom.png) no-repeat 0 100%;
}
#srodek #submenu {
    width: 268px;
    text-align: left;
    background: url(../images2/m_center.png) repeat-y 0 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}
#srodek #submenu dl dt a {
    width: 224px;
    margin: 0;
    padding: 8px 5px 8px 37px;
    line-height: 20px;
    font-size: 16px;
    display: block;
    text-decoration: none;
    color: #fff;
}
#srodek #submenu dl dt a:hover, #srodek #submenu dl dt a.act {
    background:  url(../images2/m_hover.png) repeat 0 0;
    text-decoration: none;
}

#srodek #submenu dl dt span {
    width: 224px;
    line-height: 17px;
    font-size: 12px;
    margin: 0;
    padding: 8px 5px 8px 17px;
    display: block;
    text-decoration: none;
    color: #fff;
}
#srodek #submenu dl dt.l1 {
    background:  url(../images2/menu_mark.png) no-repeat 20px 15px;
    font-style: italic;
    font-weight: bold;
}
#srodek #submenu dl dt.l1  a{
}

#srodek #submenu dl dt.act a {
    /*    background-color: #015641;*/
}

#srodek #submenu dl dt.sub a {
    /*    width: 148px;
        padding: 0 12px 0 8px;*/
}
/**** DL DD DT ****/

#srodek #submenu dl {
    width: 268px;
    margin: 0;
    padding: 15px 0 25px 0;
}

#srodek #submenu dl dt {
    width: 268px;
    position: relative;
    margin: 0;
    padding: 0 0 1px 0;
}

#srodek #submenu dl dt.l1 {
    min-height: 19px;
}

#srodek #submenu dl.l1 dd.l2 {
    margin: 0;
    padding: 0;
    width: 268px;
}

#srodek #submenu dl.l1 dd.l2 dl.l2 {
    width: 268px;
    padding: 0;
}
#srodek #submenu dl.l1 dd.l2 dl.l2 a {
    width: 216px;
    line-height: 13px;
    margin: 0;
    padding: 8px 5px 8px 47px;
    display: block;
    background: none;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
#srodek #submenu dl.l1 dd.l2 dl.l2 a img._mb{

}
#srodek #submenu dl.l1 dd.l2 dl.l2 a.jTip{
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: auto;
    position:absolute;
    top: 3px;
    right: 10px;
}
#srodek #submenu dl.l1 dd.l2 dl.l2 a.jTip:hover{
    background:  none;
}
#srodek #submenu dl.l1 dd.l2 dl.l2 a:hover, #srodek #submenu dl.l1 dd.l2 dl.l2 a.act {
    background:  url(../images2/m_hover.png) repeat 0 0;
    text-decoration: none;
}
#srodek #submenu dl.l1 dd.l2 dl.l2 dt.l2 {
    padding: 0 0 1px 0;
    width: 268px;
}

#srodek .center div.koszt_wysylki {
    float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/koszt_wysylki.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;
}

#srodek .center div.czas_realizacji_zamowien {
    float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/czas_realizacji.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;
}

#srodek .center div.numer_konta {
    float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/numer_konta.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;
}

#srodek .center div.gwarancja {
    float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/gwarancja.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;
}

#srodek .center div.faq {
    float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/faq.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;
}

#srodek .center div.pomiarowanie {
    /*float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/pomiarowanie.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;*/
}

#srodek .center div.jak-montowac {
    /*float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/montaz.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;*/
}

#srodek .center div.warunki-zakupow {
    float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/regulamin.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;
}
#srodek .center div.kontakt {
    float: left;
    width: 184px;
    height: 243px;
    background:  url(../images2/sites/kontakt.jpg) no-repeat 0 0;
    margin: 0 20px 0 0;
}
/* -------->> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
    /*background-image: url(../images/arrow_left.gif);*/
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    left:-10px;
    height:23px;
    width:10px;
    top:-2px;
}

#JT_arrow_right{
    /*background-image: url(../images/arrow_right.gif);*/
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
    z-index:101;
    margin-left:-1px;
    height:23px;
    width: 10px;
    top:-1px;
}

#JT {
    position: absolute;
    z-index:100;
    background-color: #FFFFFF;
    margin-top:0px;
    color: #000000;
    border:1px solid #51AC2B;
}

#JT_copy{
    padding:10px;
}

.JT_loader{
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height:12px;
}

#JT_close_left{
    background-color: #51AC2B;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
    color: #FFFFFF;
}
#JT_close_left img.m{
    height: 17px;
    margin-right: 5px;
}
#JT_close_right{
    background-color: #51AC2B;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
    color: #FFFFFF;
}

#JT_copy p{
    margin:3px 0;
}

#JT_copy img{
    padding: 1px;
    border: 1px solid #CCCCCC;
    vertical-align: top;
}

.jTip{
    position: absolute;
    margin-top: -5px;
    *margin-top:0px;
    *margin-left:-2px;
    _margin-top:0px;
    _margin-left:-2px;
    margin-left: 6px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}

#TB_window a:link {color: #FFFFFF;}
#TB_window a:visited {color: #FFFFFF;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #FFFFFF;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background-color: #000000;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
}

* html #TB_overlay { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 1px solid #9FC5DD;
    text-align:left;
    top:50%;
    left:50%;
}

* html #TB_window { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}

#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}

#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}

#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}

#TB_title{
    background-color:#51AC2B;
    height:27px;
    font-weight: bold;
    color: #FFFFFF;
}

#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
    overflow:scroll;
}

#TB_ajaxContent.TB_modal{
    padding:15px;
}

#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}

#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -30px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}

/* Floatbox v3.24 */
/* December 01, 2008 */

#fbOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    margin: 0;
    padding: 0;
}

/* overlay color */
div.fbOverlay_black { background-color: #000000; }
div.fbOverlay_white {background-color: #000; }
div.fbOverlay_blue { background-color: #0b183b; }
div.fbOverlay_yellow { background-color: #752; }
div.fbOverlay_red { background-color: #280000; }
div.fbOverlay_custom { background-color: #1b2642; }

#fbBox {
    position: absolute;
    border-style: solid;
    border-width: 0;
    margin: 0;
    padding: 0;
}
div.fbBox_black {
    border-color: #000000;  /* outerBorder color */
    background-color: #000000;  /* main floatbox color */
}
div.fbBox_white {
    border-color: #888;
    background-color: #fff;
}
div.fbBox_blue {
    border-color: #4060a8;
    background-color: #0b183b;
}
div.fbBox_yellow {
    border-color: #680c0c;
    background-color: #ed9;
}
div.fbBox_red {
    border-color: #945848;
    background-color: #580808;
}
div.fbBox_custom {
    border-color: #da7b4d;
    background-color: #eed39e;
}

#fbBox div, #fbBox a, #fbBox img, #fbBox iframe {
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: none;
    -moz-outline: none;  /* for older Netscape, doesn't validate, remove if you like */
}
#fbBox a {
    /*	background: url(graphics/blank.gif);*/
    zoom: 1;
}

#fbZoomDiv, a.fbPopup img, #fbBox #fbIndexLinks img {
    position: absolute;
    left: 0;
    top: -9999px;
    /* border-width is set in js code */
    border-style: solid;
    border-color: black;
    margin: 0;
    padding: 0;
}

#fbBox #fbLoader {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

/* animated 'loading' graphic */
/*#fbBox .fbLoader_black { background-image: url(../images/loading.gif); }
#fbBox .fbLoader_white { background-image: url(graphics/loading_white.gif); }
#fbBox .fbLoader_blue { background-image: url(graphics/loading_black.gif); }
#fbBox .fbLoader_yellow { background-image: url(graphics/loading_white.gif); }
#fbBox .fbLoader_red { background-image: url(graphics/loading_black_small.gif); }
#fbBox .fbLoader_custom { background-image: url(graphics/loading_black_small.gif); }*/

#fbBox #fbShadowTop, #fbShadowRight, #fbBox #fbShadowBottom, #fbBox #fbShadowLeft, #fbBox #fbShadowCorner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

#fbBox #fbShadowTop { background-position: top left; }
/*#fbBox .fbShadowTop_halo8 { background-image: url(graphics/shadowTop_halo8.png); }
#fbBox .fbShadowTop_halo12 { background-image: url(graphics/shadowTop_halo12.png); }
#fbBox .fbShadowTop_halo16 { background-image: url(graphics/shadowTop_halo16.png); }
#fbBox .fbShadowTop_halo24 { background-image: url(graphics/shadowTop_halo24.png); }*/

#fbBox #fbShadowRight { background-position: top right; }
/*#fbBox .fbShadowRight_drop8 { background-image: url(graphics/shadowRight_drop8.png); }
#fbBox .fbShadowRight_drop12 { background-image: url(graphics/shadowRight_drop12.png); }
#fbBox .fbShadowRight_drop16 { background-image: url(graphics/shadowRight_drop16.png); }
#fbBox .fbShadowRight_drop24 { background-image: url(graphics/shadowRight_drop24.png); }
#fbBox .fbShadowRight_halo8 { background-image: url(graphics/shadowRight_halo8.png); }
#fbBox .fbShadowRight_halo12 { background-image: url(graphics/shadowRight_halo12.png); }
#fbBox .fbShadowRight_halo16 { background-image: url(graphics/shadowRight_halo16.png); }
#fbBox .fbShadowRight_halo24 { background-image: url(graphics/shadowRight_halo24.png); }*/

#fbBox #fbShadowBottom { background-position: bottom right; }  /* overridden in code for drop shadow */
/*#fbBox .fbShadowBottom_drop8 { background-image: url(graphics/shadowBottom_drop8.png); }
#fbBox .fbShadowBottom_drop12 { background-image: url(graphics/shadowBottom_drop12.png); }
#fbBox .fbShadowBottom_drop16 { background-image: url(graphics/shadowBottom_drop16.png); }
#fbBox .fbShadowBottom_drop24 { background-image: url(graphics/shadowBottom_drop24.png); }
#fbBox .fbShadowBottom_halo8 { background-image: url(graphics/shadowBottom_halo8.png); }
#fbBox .fbShadowBottom_halo12 { background-image: url(graphics/shadowBottom_halo12.png); }
#fbBox .fbShadowBottom_halo16 { background-image: url(graphics/shadowBottom_halo16.png); }
#fbBox .fbShadowBottom_halo24 { background-image: url(graphics/shadowBottom_halo24.png); }*/

#fbBox #fbShadowLeft { background-position: bottom left; }
/*#fbBox .fbShadowLeft_halo8 { background-image: url(graphics/shadowLeft_halo8.png); }
#fbBox .fbShadowLeft_halo12 { background-image: url(graphics/shadowLeft_halo12.png); }
#fbBox .fbShadowLeft_halo16 { background-image: url(graphics/shadowLeft_halo16.png); }
#fbBox .fbShadowLeft_halo24 { background-image: url(graphics/shadowLeft_halo24.png); }*/

#fbBox #fbShadowCorner { background-position: bottom right; }
/*#fbBox .fbShadowCorner_drop8 { background-image: url(graphics/shadowCorner_drop8.png); }
#fbBox .fbShadowCorner_drop12 { background-image: url(graphics/shadowCorner_drop12.png); }
#fbBox .fbShadowCorner_drop16 { background-image: url(graphics/shadowCorner_drop16.png); }
#fbBox .fbShadowCorner_drop24 { background-image: url(graphics/shadowCorner_drop24.png); }*/

#fbBox #fbCanvas {
    position: relative;  /* won't fade in ie6 if absolute */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#fbBox #fbMainDiv, #fbBox #fbInfoPanel, #fbBox #fbControlPanel {
    position: absolute;
    border-style: solid;
    overflow: hidden;
}
#fbBox #fbMainDiv {
    background-color: #fff;
}

/* innerBorder color */
#fbBox .fbMainDiv_black { border-color: #000; }
#fbBox .fbMainDiv_white { border-color: #000; }
#fbBox .fbMainDiv_blue { border-color: #aaa8be; }
#fbBox .fbMainDiv_yellow { border-color: #700; }
#fbBox .fbMainDiv_red { border-color: #b64; }
#fbBox .fbMainDiv_custom { border-color: #b64; }

#fbBox #fbResizer {
    position: absolute;
    width: 25px;  /* = dimensions of the resize button (see note below) */
    height: 25px;
    left: 0;
    top: 0;
}
/* resize button graphic */
#fbBox .fbResizer_black { background-image: url(../images/resize_black.gif); }
#fbBox .fbResizer_white { background-image: url(graphics/resize_white.gif); }
#fbBox .fbResizer_blue { background-image: url(graphics/resize_blue.gif); }
#fbBox .fbResizer_yellow { background-image: url(graphics/resize_yellow.gif); }
#fbBox .fbResizer_red { background-image: url(graphics/resize_red.gif); }
#fbBox .fbResizer_custom { background-image: url(graphics/resize_red.gif); }
/* note: if you want the smaller resize button, change #fbResizer width and height to 19px
   and also add "_small" to the resize gif name (e.g., graphics/resize_black_small.gif) */

#fbBox #fbLeftNav, #fbBox #fbRightNav {
    position: absolute;
    height: 100%;
}
#fbBox #fbLeftNav, #fbBox #fbOverlayPrev {
    left: 0;
}
#fbBox #fbRightNav, #fbBox #fbOverlayNext {
    right: 0;
}

#fbBox #fbOverlayPrev, #fbBox #fbOverlayNext {
    position: absolute;
    width: 49px;  /* = dimensions of the upper prev and next graphics */
    height: 23px;
    background-repeat: no-repeat;
}

/* on-mouse-over upper nav prev graphic */
#fbBox .fbOverlayPrev_black { background-image: url(../images/prev_upr_black.gif); }
#fbBox .fbOverlayPrev_white { background-image: url(graphics/prev_upr_white.gif); }
#fbBox .fbOverlayPrev_blue { background-image: url(graphics/prev_upr_blue.gif); }
#fbBox .fbOverlayPrev_yellow { background-image: url(graphics/prev_upr_yellow.gif); }
#fbBox .fbOverlayPrev_red { background-image: url(graphics/prev_upr_red.gif); }
#fbBox .fbOverlayPrev_custom { background-image: url(graphics/prev_upr_blue.gif); }

/* on-mouse-over upper nav next graphic */
#fbBox .fbOverlayNext_black { background-image: url(../images/next_upr_black.gif); }
#fbBox .fbOverlayNext_white { background-image: url(graphics/next_upr_white.gif); }
#fbBox .fbOverlayNext_blue { background-image: url(graphics/next_upr_blue.gif); }
#fbBox .fbOverlayNext_yellow { background-image: url(graphics/next_upr_yellow.gif); }
#fbBox .fbOverlayNext_red { background-image: url(graphics/next_upr_red.gif); }
#fbBox .fbOverlayNext_custom { background-image: url(graphics/next_upr_blue.gif); }

#fbBox #fbInfoPanel {
    line-height: 1.25em;
    /* caption and info link text */
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

#fbBox #fbCaption {
    cursor: default;
}

#fbBox #fbInfoLink, #fbBox #fbPrintLink {
    padding-bottom: .1em;
}

#fbBox #fbItemNumber {
    font-size: 10px;  /* 'image x of y' text */
    white-space: nowrap;
    cursor: default;
}

/* 'image x of y' and indexLinks color */
#fbBox .fbItemNumber_black, #fbBox #fbIndexLinks.fbIndexLinks_black, #fbBox #fbIndexLinks.fbIndexLinks_black a:link, #fbBox #fbIndexLinks.fbIndexLinks_black a:visited { color: #aaa; }
#fbBox .fbItemNumber_white, #fbBox #fbIndexLinks.fbIndexLinks_white, #fbBox #fbIndexLinks.fbIndexLinks_white a:link, #fbBox #fbIndexLinks.fbIndexLinks_white a:visited { color: #666; }
#fbBox .fbItemNumber_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue, #fbBox #fbIndexLinks.fbIndexLinks_blue a:link, #fbBox #fbIndexLinks.fbIndexLinks_blue a:visited { color: #aaa8be; }
#fbBox .fbItemNumber_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:link, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:visited { color: #700; }
#fbBox .fbItemNumber_red, #fbBox #fbIndexLinks.fbIndexLinks_red, #fbBox #fbIndexLinks.fbIndexLinks_red a:link, #fbBox #fbIndexLinks.fbIndexLinks_red a:visited { color: #ca8; }
#fbBox .fbItemNumber_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom, #fbBox #fbIndexLinks.fbIndexLinks_custom a:link, #fbBox #fbIndexLinks.fbIndexLinks_custom a:visited { color: #965f74; }

/* caption, infoLink, printLink, & indexLinks:hover color */
#fbBox .fbInfoPanel_black, #fbBox .fbInfoPanel_black a:link, #fbBox .fbInfoPanel_black a:visited, #fbBox #fbIndexLinks.fbIndexLinks_black a:hover { color: #d7d7d7; }
#fbBox .fbInfoPanel_white, #fbBox .fbInfoPanel_white a:link, #fbBox .fbInfoPanel_white a:visited, #fbBox #fbIndexLinks.fbIndexLinks_white a:hover { color: #000; }
#fbBox .fbInfoPanel_blue, #fbBox .fbInfoPanel_blue a:link, #fbBox .fbInfoPanel_blue a:visited, #fbBox #fbIndexLinks.fbIndexLinks_blue a:hover { color: #aaa8be; }
#fbBox .fbInfoPanel_yellow, #fbBox .fbInfoPanel_yellow a:link, #fbBox .fbInfoPanel_yellow a:visited, #fbBox #fbIndexLinks.fbIndexLinks_yellow a:hover { color: #700; }
#fbBox .fbInfoPanel_red, #fbBox .fbInfoPanel_red a:link, #fbBox .fbInfoPanel_red a:visited, #fbBox #fbIndexLinks.fbIndexLinks_red a:hover { color: #ec9; }
#fbBox .fbInfoPanel_custom, #fbBox .fbInfoPanel_custom a:link, #fbBox .fbInfoPanel_custom a:visited, #fbBox #fbIndexLinks.fbIndexLinks_custom a:hover { color: #735; }

#fbBox #fbControls {
    height: 14px;  /* height of control widget graphics - they should all be the same */
    font-size: 1px;
}

#fbBox #fbNavControls {
    width: 88px;  /* sum of lowerprev and lowernext widths */
    height: 14px;  /* height of 1 sprite panel in lowerprev and lowernext graphics */
}

#fbBox #fbPrev {
    float: left;
    width: 44px;  /* = dimensions of the lower nav 'prev' graphic */
    height: 14px;
    background-repeat: no-repeat;
}

/* lower nav 'prev' graphic */
#fbBox .fbPrev_black { background-image: url(../images/prev_lwr_black.gif); }
#fbBox .fbPrev_white { background-image: url(graphics/prev_lwr_white.gif); }
#fbBox .fbPrev_blue { background-image: url(graphics/prev_lwr_blue.gif); }
#fbBox .fbPrev_yellow { background-image: url(graphics/prev_lwr_yellow.gif); }
#fbBox .fbPrev_red { background-image: url(graphics/prev_lwr_red.gif); }
#fbBox .fbPrev_custom { background-image: url(graphics/prev_lwr_yellow.gif); }

/* lower nav greyed-out 'prev' graphic */
#fbBox .fbPrev_black_off { background-image: url(../images/prev_lwr_off_black.gif); }
#fbBox .fbPrev_white_off { background-image: url(graphics/prev_lwr_off_white.gif); }
#fbBox .fbPrev_blue_off { background-image: url(graphics/prev_lwr_off_blue.gif); }
#fbBox .fbPrev_yellow_off { background-image: url(graphics/prev_lwr_off_yellow.gif); }
#fbBox .fbPrev_red_off { background-image: url(graphics/prev_lwr_off_red.gif); }
#fbBox .fbPrev_custom_off { background-image: url(graphics/prev_lwr_off_yellow.gif); }

#fbBox #fbNext {
    float: right;
    width: 44px;  /* = dimensions of the lower nav 'next' graphic */
    height: 14px;
    background-repeat: no-repeat;
}

/* lower nav 'next' graphic */
#fbBox .fbNext_black { background-image: url(../images/next_lwr_black.gif); }
#fbBox .fbNext_white { background-image: url(graphics/next_lwr_white.gif); }
#fbBox .fbNext_blue { background-image: url(graphics/next_lwr_blue.gif); }
#fbBox .fbNext_yellow { background-image: url(graphics/next_lwr_yellow.gif); }
#fbBox .fbNext_red { background-image: url(graphics/next_lwr_red.gif); }
#fbBox .fbNext_custom { background-image: url(graphics/next_lwr_yellow.gif); }

/* lower nav greyed-out 'next' graphic */
#fbBox .fbNext_black_off { background-image: url(../images/next_lwr_off_black.gif); }
#fbBox .fbNext_white_off { background-image: url(graphics/next_lwr_off_white.gif); }
#fbBox .fbNext_blue_off { background-image: url(graphics/next_lwr_off_blue.gif); }
#fbBox .fbNext_yellow_off { background-image: url(graphics/next_lwr_off_yellow.gif); }
#fbBox .fbNext_red_off { background-image: url(graphics/next_lwr_off_red.gif); }
#fbBox .fbNext_custom_off { background-image: url(graphics/next_lwr_off_yellow.gif); }

#fbBox #fbPlay, #fbBox #fbPause {
    position: absolute;
    background-repeat: no-repeat;
}

#fbBox #fbPlayPause, #fbBox #fbPlay, #fbBox #fbPause {
    width: 46px;  /* = dimensions of the 'play' and 'pause' graphics (they need to be the same size) */
    height: 14px;
    text-align: justify;
}

/* 'play' and 'pause' graphics */
#fbBox .fbPlay_black { background-image: url(../images/play_black.gif); }
#fbBox .fbPlay_white { background-image: url(graphics/play_white.gif); }
#fbBox .fbPlay_blue { background-image: url(graphics/play_blue.gif); }
#fbBox .fbPlay_yellow { background-image: url(graphics/play_yellow.gif); }
#fbBox .fbPlay_red { background-image: url(graphics/play_red.gif); }
#fbBox .fbPlay_custom { background-image: url(graphics/play_yellow.gif); }
#fbBox .fbPause_black { background-image: url(../images/pause_black.gif); }
#fbBox .fbPause_white { background-image: url(graphics/pause_white.gif); }
#fbBox .fbPause_blue { background-image: url(graphics/pause_blue.gif); }
#fbBox .fbPause_yellow { background-image: url(graphics/pause_yellow.gif); }
#fbBox .fbPause_red { background-image: url(graphics/pause_red.gif); }
#fbBox .fbPause_custom { background-image: url(graphics/pause_yellow.gif); }

#fbBox #fbClose {
    width: 46px;  /* = dimensions of the 'close' graphic */
    height: 14px;
    background-repeat: no-repeat;
}

/* 'close' graphic */
#fbBox .fbClose_black { background-image: url(../images/close_black.gif); }
#fbBox .fbClose_white { background-image: url(graphics/close_white.gif); }
#fbBox .fbClose_blue { background-image: url(graphics/close_blue.gif); }
#fbBox .fbClose_yellow { background-image: url(graphics/close_yellow.gif); }
#fbBox .fbClose_red { background-image: url(graphics/close_red.gif); }
#fbBox .fbClose_custom { background-image: url(graphics/close_yellow.gif); }

#fbBox #fbIndexLinks {
    clear: both;
    font-size: 11px;
    cursor: default;
}
#fbBox #fbIndexLinks a:hover {
    font-weight: bold;
}

/* posLeft, posCenter & posRight are dynamically assigned classes that allow layout of the info and control panels depending on which side they're on */
/* info panel */
#fbInfoPanel.posCenter, #fbInfoDiv.posCenter, #fbIndexLinks.posCenter {
    margin: 0 auto;
}
#fbInfoPanel.posRight, #fbInfoDiv.posRight, #fbIndexLinks.posRight {
    float: right;
}
#fbInfoPanel.posLeft, #fbInfoDiv.posLeft, #fbIndexLinks.posLeft {
    float: left;
}
/* control panel */
#fbControlPanel.posRight, #fbControls.posRight, #fbClose.posRight, #fbSubControls.posRight, #fbNavControls.posLeft, #fbPlayPause.posLeft {
    float: right;
}
#fbControlPanel.posLeft, #fbControls.posLeft, #fbClose.posLeft, #fbSubControls.posLeft, #fbNavControls.posRight, #fbPlayPause.posRight {
    float: left;
}
/* IE6 wants these, maybe for layout? */
#fbSubControls, #fbClose, #fbIndexLinks, #fbPlayPause, #fbNavControls {
    float: left;
}

/*******plisy***********/
div.plisy_material {
    text-align: center;
    padding: 0 0 10px 0;
}
div.plisy_material a.jTip {
    position: static;
    margin: 0;
}
div.tkaniny_plisy {
    height: 400px !important;
}
/*********podswietlanie**********/
div.joseph_help_box_hori {
    position: absolute;
    height: 2px;
    background: #FF1B00;
    z-index: 999;
    font-size: 0;
    line-height: 0;
}
div.joseph_help_box_vert {
    position: absolute;
    width: 2px;
    background: #FF1B00;
    z-index: 999;
}
div.no_background {
    background: transparent;
}
/********jQuery Pane**********/
.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #dde;
    position: relative;
}

.jspDrag
{
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}
.jspVerticalBar {
    width: 8px;
    background: transparent;
    right:10px;
}

.jspHorizontalBar {
    bottom: 5px;
    width: 100%;
    height: 8px;
    background: transparent;
}
.jspTrack {
    background: transparent;
}

.jspDrag {
    background: url(../images2/black.png) repeat;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspCorner {
    display:none
}

#siGallery {
    float: left;
    position: relative;
    padding: 10px 0;
    width: 430px;
}
.galleryWrap .gallery {
    border: none;
    margin: 0 auto;
    padding: 0;
}
.galleryWrap .gallery .galleryContainer {
    border: 1px solid #c8c8c8;
    border-radius: 6px;
    display: block;
    position: relative;
    text-align: left;
    overflow: hidden;
}
#siGallery2 .galleryWrap .gallery .galleryContainer {
    display: none;
}
.galleryWrap .gallery .galleryContainer div.img {
    height: 100%;
    width: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 99;
}
.galleryWrap .gallery .spinner {
    background: url('../images2/gal/ajax-spinner.gif') no-repeat center center !important;
}
.gallery .galleryContainer a.nextPhoto, .gallery .galleryContainer a.prevPhoto {
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 25%;
}
.gallery .galleryContainer a.nextPhoto {
    right: 0;
    top: 0;
    margin: 0;
}
.gallery .galleryContainer a.prevPhoto {
    left: 0;
    top: 0;
}
.gallery .galleryContainer a.nextPhoto:hover, .gallery .galleryContainer a.prevPhoto:hover {
    background-color: rgba(255,255,255,0.3);
}
.gallery .galleryContainer a.nextPhoto span {
    background: url('../images2/gal/navi.png') no-repeat right top;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 135px;
    right: 0;
}
.gallery .galleryContainer a.prevPhoto span {
    background: url('../images2/gal/navi.png') no-repeat left top;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 135px;
    left: 0;
}
.gallery .galleryContainer a.prevPhoto.disabled, .gallery .galleryContainer a.nextPhoto.disabled {
    background: none;
    z-index: 1;
}

.gallery .galleryContainer a.galleryTrigger {
    background: transparent url('../images2/gal/sprite-show-item2.png') repeat-x 0 -356px;
    font-family: tahoma, verdana, arial, sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    text-decoration: none;
    border-radius: 0 0 5px 5px;
    padding: 7px 0;
}
.gallery .galleryContainer a.galleryTrigger.unavailable {
    background-position: 0 -385px;
}
.gallery .galleryContainer a.galleryTrigger span {
    background: transparent url('../images2/gal/sprite-show-item.png') no-repeat 0 -245px;
    color: #fff;
    float: left;
    font-size: 11px;
    margin: 0 10px;
    padding: 0 0 0 16px;
    text-align: left;
}
#productGal .galleryContainer a.galleryTrigger {
    border-radius: 0;
}
.galleryWrap .gallery .galleryThumbs {
    margin-top: 5px;
    overflow: hidden;
    position: relative;
}
.galleryWrap .gallery .galleryThumbs a.nextPhoto {
    margin-right: 0;
}
.galleryWrap .gallery .galleryThumbs ul {
    margin: 0;
    overflow: hidden;
    position: relative;
}
.galleryThumbs li {
    margin: 0 !important;
    list-style-type: none !important;
}
.galleryThumbs li.active a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 2px solid #000000;
}
.galleryThumbs li a {
    border-radius: 3px 3px 3px 3px;
    border: 2px solid #E2E2E2;
    float: left;
}
.galleryThumbs li a:hover {
    border: 2px solid #aaa;
}
.galleryWrap,
#productGal { text-align: center; }
.gallery {
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 20px auto;
    padding: 10px 0;
    width: 410px;
    background: #fff;
    position: relative;
}
.galleryContainer {
    height: 310px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
}
.galleryContainer img { cursor: pointer; }
.galleryThumbs ul {
    list-style: none !important;
    clear: both;
    display: inline;
    float: left;
    margin: 20px 0 0 32px;
    padding: 0;
    width: auto;
}
.galleryThumbs li {
    float: left;
    width: 84px;
}
#productGal .galleryThumbs li {
    width: auto;
    margin: 2px;
}
.galleryThumbs li a {
    border: 1px solid #C8C8C8;
    float: left;
    padding: 4px;
    margin: 2px 10px 2px 0;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.galleryThumbs li a:hover {
    border: 2px solid #C8C8C8;
    padding: 3px;
}
.galleryThumbs li.active a {
    border: 1px solid #67DA1D;
    padding: 4px;
}
#productGal .galleryThumbs li a {
    border: 2px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: left;
    padding: 0;
    margin: 0;
}
#productGal .galleryThumbs li.active a {
    border: 2px solid #000000;
    box-shadow: 0 0 3px #000000;
}
.galleryThumbs li a:focus {
    outline: none;
}
.galleryThumbs li img {
    float: left;
}
.gallery span.control {
    cursor: pointer;
    display: block;
    background: transparent url('../images2/gal/sprite-show-item.png') no-repeat;
    height: 21px;
    width: 21px;
    text-indent: -2000px;
    position: absolute;
    bottom: 20px;
    z-index: 999;
}
.gallery span.leftControl {
    left: -10px;
    background-position: -23px -23px;
}
.gallery span.rightControl {
    right: -10px;
    background-position: 0 -23px;
}
.gallery span.lockArrow, .gallery span.lockArrow:hover {
    display:none;
}
a.prevPhoto:focus,
a.nextPhoto:focus,
#thumbsWrap li a:focus {
    outline:none;
}
a.prevPhoto.disabled { display: none; }
a.nextPhoto.disabled { display: none; }
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999;
    display: none;
    opacity: 0.9;
}
#thumbsWrap {
    z-index: 1001;
    display: none;
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 4px;
    z-index: 1001;
    width: 100%;
    text-align: center;
}
#thumbsWrap #thumbsContent {
    margin: 0 auto;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    background: #5d5d5d;
    height: 96px;
    position: relative;
}
#thumbsWrap ul {
    list-style: none;
    clear: both;
    display: inline;
    padding: 0 7px 0 9px;
    float: left;
    margin: 7px 0;
}
#thumbsWrap li {
    float: left;
    margin: 0 2px 0 0;
    padding: 4px;
    height: 75px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#thumbsWrap li.active {
    background-color: #075D04;
    background: -moz-linear-gradient(100% 100% 110deg, #075D04, #67DA1D);
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
}
#thumbsWrap li.active a {
    cursor: default;
}
#galContainer, #controlsWrap {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 999;
}
#galContainer {
    overflow: hidden;
}

#controlsWrap {
    z-index: 99999;
}
#galContainer #imageWrapper {
    margin: 105px 40px 30px;
    position: relative;
    visibility: hidden;
    cursor: pointer;
}
span.prevPhoto, span.nextPhoto {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 37px;
    height: 100%;
    background: url(../images2/gal/gallery-arrows.png) no-repeat;
    z-index: 1000;
}
span.prevPhoto {
    left: 0;
    background-position: -37px 49%;
}
span.nextPhoto {
    right: 0;
    background-position: 0 49%;
}
#contentSlider {
    width: 855px;
    position: absolute;
    left: 19px;
    bottom: 4px;
    height: 13px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 0 0 4px #000;
    -webkit-box-shadow: inset 0 0 4px #000;
    box-shadow: inset 0 0 4px #000;
    background: #939393;
    display: none;
}
#contentSlider #track {
    height: 0.8em;
    position: relative;
    text-align: left;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    width: 825px;
    margin: 0 auto;
    background: none;
}
#thumbsContent span.thumbBg {
    display: block;
    width: 100px;
    height: 75px;
    background: #000;
}

span.photoFromProductCatalogueDesc {
    bottom: 0;
    color: #fff;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 7px 0;
    position: absolute;
    right: 0;
    text-align: right;
    width: 250px;
    z-index: 999;
}

span.productTipLarge {
    display: none;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 5px;
    right: 0;
    color: #fff;
    font-size: 11px;
    width: 210px;
}
span.closeGallery {
    background: url("../images2/gal/close-x.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 30px;
    position: absolute;
    top: 5px;
    visibility: visible;
    width: 30px;
    z-index: 100;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em;
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
    outline: medium none;
    border-radius: 4px 4px 4px 4px;
}
div.product_info {
    padding: 0 0 10px 0;
}
#srodek .center div.product_info h2{
    font-size: 13px;
    letter-spacing: 0;
    font-weight: inherit;
}
div.product_info p {
    padding: 0 0 10px 0;
}
div.product_info a.product_more {
    background: url("../images2/p_button_green.png") repeat-x 0 0;
    line-height: 22px;
    text-decoration: none !important;
    color: #fff !important;
    text-align: center;
    padding: 0 5px;
    float: right;
}
div.product_info a.product_more:hover {
    text-decoration: underline !important;
}

/* product info */


#my_images {
    width: 100%;
}
#my_images img {
    display: block;
    border: 1px solid #4B4B4B;
}
.my_col_1 {
    width: 228px;
    padding: 10px 0 10px 2px;
    margin: 0;
    float: left;
}
.my_col_2 {
    width: 228px;
    padding: 10px 0 10px 12px;
    margin: 0;
    float: left;
}
.my_col_3 {
    width: 244px;
    padding: 10px 0 10px 12px;
    margin: 0;
    float: left;
}
.my_col_blank {
    width: 100%;
    height: 2px;
    font-size: 2px;
    line-height: 2px;
    padding: 0;
    margin: 0;
    clear: both;
    background-color: #CD010D;
}
/*************** validate css *****************************/
.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    z-index: 99999;
    cursor: pointer;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    background: url("../images2/close.png") no-repeat 100% 0 #ee0101;
    position:relative;
    z-index:5001;
    color: #fff;
    width: 150px;
    font-family: tahoma;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position:relative;
    z-index: 5006;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top:2px;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}
span.star {
    color: #ED0000;
}
div#config, div#gallery_desc {
    width: 430px !important;
    height: auto !important;
    padding: 0 10px !important;
    margin: 25px 0 0 0 !important;
    border: none !important;
    overflow: hidden !important;
    clear: none !important;
    border: 1px solid #A7A7A7 !important;
    z-index: 3;
}
.main_config .main_config_menu {
    position: absolute;
    height: 26px;
    z-index: 4;
}
.main_config .main_config_menu li {
    width: 168px !important;
}
.main_config .main_config_menu li a {
    background: url(../images2/button3.png) no-repeat 0 -26px;
    color: #444444 !important;
    line-height: 24px;
    margin: 2px 0 0 0;
    width: 168px;
}
.main_config .main_config_menu li a span{
    color: #fff;
}
.main_config .main_config_menu li.ui-state-hover a span{
    color: #444444 ;
}
.main_config .main_config_menu li.ui-tabs-selected.ui-state-active a span{
    color: #000 !important;
}
.main_config .main_config_menu li a:hover {
    color: #000 !important;
}
.main_config .main_config_menu li.ui-tabs-selected a, .main_config .main_config_menu li.ui-state-disabled a, .main_config .main_config_menu li.ui-state-processing a {
    color: #000 !important;
    line-height: 26px;
    margin: 0;
}

/*
div#config .ui-tabs .ui-tabs-panel .material .jTip, div#gallery_desc .ui-tabs .ui-tabs-panel .material .jTip {
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    border: none !important;
}*/

div#lewa div#cloud_box{
    position:fixed;
    right:0px;
    top:25%;
    z-index: 9999;
}
div#lewa div#cloud_box div.cloud_box-button{
    cursor: pointer;
    width:42px;
    height:149px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    float:left;

    font-size: 17px;
}
div#cloud_box_content{
    float:left;
    /*    padding: 5px;*/
    background: #fff;
    width: 498px;
    height: 312px;
    padding: 4px 5px;
    display: none;
}
div#fbContent div#cloud_box_content{
    display:block;
}
div#cloud_box_content > div#fbContent{
    width: 498px;
}
div#cloud_box_content div.cloud_box-header{
    background: url(../images2/suggestion/suggestion_head_bg.png) no-repeat;
    width: 497px;
    height: 37px;
}
div#cloud_box_content div.cloud_box-header span.h{
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    padding: 0 0 0 16px;
    margin: 0;
    display: table-cell;
    width: 455px;
}
div#cloud_box_content div.cloud_box-info{
    font-size: 14px;
    color: #000;
    padding: 8px 0 12px 17px;
}
div#cloud_box_content input[type=text]{
    width: 260px;
    border: 1px solid #b5b5b5;
    height: 22px;
}
div#cloud_box_content div.form_item{
    text-align: right;
    padding: 0 0 7px 0;
}
div#cloud_box_content div.form_item.long{
    padding: 0 0 10px 0;
}
div#cloud_box_content div.form_item.long p{
    font-size: 14px;
    color: #000;
    float: left;
    font-size: 14px;
    line-height: 36px;
    width: 338px;
}
div#cloud_box_content div.form_item label{
    font-size: 14px;
    color: #000;
}
div#cloud_box_content div.form_item label.top{
    vertical-align: top;
}
div#cloud_box_content textarea{
    width: 260px;
    border: 1px solid #b5b5b5;
    height: 117px;
    font-size: 14px;
}
div#cloud_box_content input[type=submit]{
    cursor: pointer;
    background: url(../images2/suggestion/suggestion_submit_btn.png) no-repeat;
    width: 117px;
    height: 38px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-left: 20px;
    text-align: left;
    padding: 0 0 0 20px;
}
div#cloud_box-success{
    padding: 5px 0;
    color:#fff;
    display:none;
    width: 150px;
}
div#cloud_box_content form{
    padding: 0 18px 0 0;
    position: relative;
    background: url(../images2/suggestion/suggestion_logo_bg.png) 12px bottom no-repeat;
}

div#cloud_box_content div.cloud_box-close{
    font-size: 18px;
    color: #fff;
    display: table-cell;
    cursor: pointer;
}

table.koszyk._vcc input[type=radio]{
    margin-top:2px;
    vertical-align: top;
}

/**
*jak montowac - begin
*/
div.montage_menu_wrap{
    background: url(../images2/p_monage_bt_normal.jpg) repeat;
    padding: 0 !important;
    margin: 0 0 20px;
}
div.montage_menu_wrap dl{
}
div.montage_menu_wrap dl dt{
    height:28px;
    padding: 0 11px;
    text-align: center;
    line-height: 28px;
}
div.montage_menu_wrap dl dt a{
    color: #fff !important;
    font-size: 12px !important;
    text-decoration: none !important;
}
div.montage_menu_wrap dl dt.act,
div.montage_menu_wrap dl dt:hover{
    background: url("../images2/m_center.png") repeat scroll 0 0 transparent
}
/**
*jak montowac - end
*/
/*rotacja napisow*/
#rotator {
    position: relative;
    overflow: hidden;
    height: 30px; width: 100%;
    top:172px;
}
#rotator span{
    width:1000px;
    text-align:center;
    font-size:15px;
    color:#fff;
}
/*end-rotacja napisow*/

#address_form input, #address_form textarea, #address_form select{
    font-size: 16px;
}

#doswiadczenia div{
    float: left;
    width: 102px;
    height: 74px;
    margin: 10px 0;
}
#doswiadczenia #d_gwarancja{
    background: url(../images2/doswiadczenia.png) no-repeat 0 0 transparent;
}
#doswiadczenia #d_gwarancja:hover{
    background-position: 0 -74px;
}
#doswiadczenia #d_klienci{
    background: url(../images2/doswiadczenia.png) no-repeat -102px 0 transparent;
}
#doswiadczenia #d_klienci:hover{
    background-position: -102px -74px;
}
#doswiadczenia #d_doswiadczenie{
    background: url(../images2/doswiadczenia.png) no-repeat -204px 0 transparent;
}
#doswiadczenia #d_doswiadczenie:hover{
    background-position: -204px -74px;
}
#doswiadczenia #d_realizacja{
    background: url(../images2/doswiadczenia.png) no-repeat -306px 0 transparent;
}
#doswiadczenia #d_realizacja:hover{
    background-position: -306px -74px;
}
#informacja_o_coockie{
    background: none repeat scroll 0 0 #FFFECC;
    border: 1px solid #FCCE00;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: auto;
    padding: 10px;
    position: relative;
    top: 178px;
    width: 950px;
    z-index: 100;
    display: none;
}
#close_info_coockie{
    position: absolute;right: 0;top: 0;display: block;width: 30px;height: 30px;font-family: Verdana, Tahoma, Arial;font-weight: bold;font-size: 10px;color: #aaa;text-align: center;line-height: 25px;cursor: pointer;cursor: hand;
}


/* Real Person jQuery plugin styles v1.1.0. CAPTACH*/
.realperson-challenge {
    display: block;
    color: #000;
}
.realperson-text {
    font-family: "Courier New",monospace;
    font-size: 6px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 3px;
}
.realperson-regen {
    padding-top: 4px;
    font-size: 12px;
    text-align: right;
    cursor: pointer;
    display:none;
}
.realperson-disabled {
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}
.realperson-disabled .realperson-regen {
    cursor: default;
}

span.tj_pop_close{
    font-weight: bold;
    position: absolute;
    right:10px;
    top:10px;
    cursor: pointer;
    padding:5px;
}

#srodek .center a.tk-info-link{
    color:#2e7dcc;
}
#srodek .center a.tk-info-link span.lT{

}