@import 'panel/style_multicont.css';
@import 'panel/boks.css';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*vertical-align: baseline; */
    outline: none;
}
@font-face {
    font-family: 'HeldustryFTRegular';
    src: url('/font/heldustryftdemi-webfont.eot');
    src: url('/font/heldustryftdemi-webfont.eot?#iefix') format('embedded-opentype'),
        url('/font/heldustryftdemi-webfont.woff') format('woff'),
        url('/font/heldustryftdemi-webfont.ttf') format('truetype'),
        url('/font/heldustryftdemi-webfont.svg#HeldustryFTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html {padding: 0px; margin: 0px;}
body {background: #252525;font: normal 12px arial;color:#fff;padding:0px;margin:0px;}
a {color:#00BFF3;}

.page_top{min-height: 386px; background: url(gfx/top_bg.jpg) repeat-x;text-align:center; position: relative;}
.page_top_cont {width: 963px; min-height: 386px; position: relative; text-align: center; margin: 0px auto;}
.menu_bar{margin: 0px auto; width: 963px; height: 90px; position: relative;}
.menu_bar .slogan {padding-top: 22px; font: 600 26px 'Tahoma'; color: #252525; text-align: left; float: left; z-index: 9999;}
.menu_bar .top_menu {margin-top: 10px; float: right; text-align: right; font: normal 18px 'Verdana'; }
.top_menu ul {list-style: none; float: right; padding-top: 10px; }
.top_menu li {float: left;  margin-right: 1px;}
.top_menu li a{padding:0px 8px; background: #252525; text-decoration: none; color: #fff; display: block;box-sizing: border-box;line-height: 37px;height: 37px;box-sizing: border-box;}
.top_menu li a:hover {background: #252525; color: #00bff3;}
.top_menu li a.active {background: #00bff3;}
.top_menu li a.active:hover {background: #00bff3; color: #fff;}
.top_menu li a.home {width: 33px; background: url(gfx/home.png) no-repeat center center #00bff3;display: inline-block;}
.adres {font: 700 12px Arial; text-align:right; clear:right; color: #0096bf; padding-top: 10px;padding-bottom: 10px;}
.adres a {color: #0096bf; text-decoration: none;}
.adres a:hover {text-decoration: underline;}
.menu_spacer {clear: both; height: 20px;}
.top_gfx {width: 963px; height: 250px; clear: both; margin: 0px auto; text-align: center; position:relative;}
.gfx_left {float:left; width: 341px; position: relative;}
.gfx_left .logo {background: url(gfx/logo_bg.png) no-repeat; width: 341px; height: 138px;}
.gfx_left .logo a {background: transparent; width:431px; height: 138px; display: block;}
.gfx_left .telefon {position: absolute; top:138px; right: 0px; background: url(gfx/telefon_bg2.png) no-repeat top right; width: 321px; height: 44px; font: normal 27px/44px 'HeldustryFTRegular'; color: #ffffff; line-height: 44px; text-align: left;padding-top: 2px;}

.gfx_left .email {position: absolute; top:181px; right: 0px; background: url(gfx/email_bg2.png) no-repeat top right; width: 289px; height: 44px; font: normal 14px Verdana; color: #ffffff; line-height: 40px; text-align: left;}
.gfx_left .telefon a {padding-left: 40px;text-decoration: none;color: #fff;}
.gfx_left .email span {padding-left: 50px;}
.gfx_left .email span a {text-decoration: none; color: #fff;}
.gfx_left .email span a:hover {text-decoration: underline;}

.rotator {position: absolute; top: 0px; right: 0px; width: 620px; height: 250px; border: 1px solid #e4e4e4; background: #ffffff; padding: 0px;}

.rotator  img {position: absolute; top: 7px; left: 3px; width: 610px; height: 237px;}
.rotator .kwadraty {position: absolute; bottom: 10px; right: 11px; z-index:100;}
.rotator .kwadraty a {margin-right: 2px;}
.rotator .kwadraty img {width:11px; height: 11px;position: static;}
.rotator .hidden {display: none;}

.gostek {background: url(gfx/gostek2.png) no-repeat; width: 267px; height: 307px; position: absolute; bottom: 0px; left: 249px;}


.logotypy {width:963px;margin:0 auto 10px auto;text-align: left;min-height:77px;background-color: #fff;color:#db3a04;padding-top:0px !important;padding-top:20px;line-height: 74px;}
.logotypy a {font:24px/74px stimmi;}
.logotypy img {vertical-align: middle;margin:0;}
.logotypy span {padding:0 8px; }

.spacer {clear: both; height: 10px; font: normal 1px arial; width: 963px; text-align: center; margin: 0px auto;}
.stopka {width: 963px; margin: 0px auto; text-align: center; font: normal 12px Arial; color: #fff; position:relative; clear:both; padding-bottom: 15px;}
.stopka_menu {position: absolute; top: 2px; left: 0px;}
.stopka ul{list-style: none;}
.stopka li {padding: 5px 3px; color: #fff; float: left;}
.stopka li a {padding: 5px 3px; text-decoration: none; color: #fff;}
.stopka li a:hover {text-decoration: underline; color: #fff;}
.stopka li a.active {padding: 5px 3px; text-decoration: none; color: #00bff3;}
.stopka li.separator {color: #747474;}
.realizacja {position: absolute; top: 0px; right: 0px;}
.realizacja img {vertical-align: middle;}


/* kontent */
.ml30 {margin-left: 30px;}
.mb60 {margin-bottom: 60px;}
.pt10 {padding-top: 10px;}
.pt35 {padding-top: 35px;}
.content {width: 963px; height: auto !important; min-height: 300px; height: 300px; position: relative; margin: 0px auto; text-align: center; clear: both;}
.lewy_boks {/*margin-top: -38px;*/ width: 300px; float: left; margin-right: 0px; text-align: left;}
.prawa_strona {width: 630px; float: right; text-align: left;}
.boxy_promo {position: relative; width: 330px; height: 130px; position: relative; margin: 0px auto; text-align: center;}
.wide {width: 630px;}
.left {left: 0px;}
.boxy_promo .box  {position: absolute; bottom: 0px; width: 300px; height: 160px; background: url(gfx/box_promo.png) no-repeat; color: #252525;}
.boxy_promo .box  .text {padding: 7px 0px 0px 7px; display: block; line-height: 40px; text-align: left;}
.boxy_promo .box  .text ul {list-style-image: url(gfx/ul_arrow.png); margin-left: 36px; line-height: 16px;}
.boxy_promo .box .felgi_tlo {background: url(gfx/felgi_tlo2.png) no-repeat; width: 300px; height: 160px;}
.boxy_promo .box .bagazniki_tlo {background: url(gfx/bagazniki_tlo.png) no-repeat center 30px; width: 300px; height: 160px;}
.boxy_promo .box .puste_tlo {background: transparent; width: 300px; height: 160px;}
.boxy_promo .lewy {left: 0px; text-align: left;}
.boxy_promo .prawy {right: 0px; text-align: left;}
.boxy_promo .arrow {bottom: 0;position: absolute;right: 20px;}
.promocje_naglowek {color: #00bff3; font: normal 24px 'Verdana'; text-align: left; padding-top:15px;}
.promocje_lista .box {float: left; margin-top: 10px; width: 300px; height: 82px; border-bottom: 1px solid #6a6a6a; text-align: left;}
.promocje_lista .box img {border: 2px #fff solid; margin-right: 10px; float: left; }

.promocje_tytul {font: bold 12px Arial;color: #00bff3;}
.promocje_tytul a {text-decoration: none; color: #00bff3;}
.promocje_tytul a:hover {text-decoration: underline;}

/* lewe boksy */

.box_lewy_rozciagany {position: relative;top:-20px;margin-bottom: -20px; box-sizing: border-box;padding: 20px 20px;background: url(gfx/boks_lewy_srodek_wypelnienie_bg.png) repeat-y;border-radius: 8px;}
.box_lewy_rozciagany .tlo {position: relative; top:-30px;}
.box_lewy_rozciagany .tlo .xxx {margin: 0px; padding: 0px;}
.box_lewy_rozciagany .tlo .xxx .boks_lewy_gora {background: url(gfx/boks_lewy_top_bg.png) no-repeat bottom center; width: 300px; height: 10px;}
.box_lewy_rozciagany .tlo .xxx .boks_lewy_wypelnienie {background: url(gfx/boks_lewy_srodek_wypelnienie_bg.png) repeat-y; width: 300px; }
.box_lewy_rozciagany .tlo .xxx .zawartosc {background: url(gfx/boks_lewy_interior.png) no-repeat transparent; width: 300px; }
.box_lewy_rozciagany .tlo .xxx .zawartosc .text {background: transparent; display: block; padding: 7px 0px 0px 23px;}
.box_lewy_rozciagany .spod {background: url(gfx/boks_lewy_bottom_bg.png) no-repeat; width: 300px; height: 9px;}


.box_promo_left {position: relative; width: 300px; height: auto! important; min-height: 130px; height: 130px; position: relative; margin: 0px auto;}
.box_promo_left .box  {position: absolute; top: -30px; width: 300px; height: 160px; background: url(gfx/box_promo.png) no-repeat; color: #252525;}
.box_promo_lewy .text {padding: 7px 0px 0px 7px; display: block; line-height: 40px;}
.box_promo_lewy .text ul {list-style-image: url(gfx/ul_arrow.png); margin-left: 36px; line-height: 16px;}


.box_p_left {width: 100%; position: relative; margin: 0px auto; top: -30px;}
.box_p_left .box  {margin-bottom: 40px;height: auto! important;  box-sizing: border-box;border-radius: 8px;border:2px solid #b7b7b7;position: relative;color:#252525;background: rgba(224,221,224,1);
            background: -moz-linear-gradient(left, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224,221,224,1)), color-stop(100%, rgba(237,237,237,1)));
            background: -webkit-linear-gradient(left, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            background: -o-linear-gradient(left, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            background: -ms-linear-gradient(left, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            background: linear-gradient(to right, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dde0', endColorstr='#ededed', GradientType=1 ); }
.box_p_left .text h2 {font:400 20px arial;margin: 0;padding: 0;padding-bottom: 15px;}

















.box_p_left .box .text {padding: 7px 0px 0px 7px; display: block; line-height: 40px;}
.box_p_left .box .text ul {list-style-image: url(gfx/ul_arrow.png); margin-left: 36px; line-height: 16px;}
.box_p_left .box .bagazniki_tlo {background: url(gfx/bagazniki_tlo.png) no-repeat center bottom; height: 180px;}
.box_p_left .box .felgi_tlo {background: url(gfx/felgi_tlo2_new2.png) no-repeat right bottom;  height: 180px;}
.box_p_left .box .puste_tlo {background: transparent;  height: 180px;}
.box_p_left .arrow {bottom: -12px;position: absolute;right: 20px;}

.table_kontakt {width: 100%;;}
.table_kontakt td{border: none; vertical-align: top;font: normal 12px Arial;}
.table_kontakt div{text-align: right;}
.table_kontakt form {text-align:right;}
.formularz_input{text-align: left;}
.formularz_textarea{width:350px;}
.menu_kontakt_row {font: normal 12px Arial; color: #333333;}
.menu_kontakt_row a.active{color: #333333; text-decoration: underline;}

.formularz_in {

    width:415px;
    height:24px;
    line-height:24px;
    text-align:left;
    margin-bottom:10px;

}

.formularz_in label {
    font:11px tahoma;
    color:#fff;
    height:24px;
    line-height:24px;
    padding-left:10px;
    text-align:left;
    width:115px;
    margin-right: 4px;

}
.formularz_in input,.formularz_in select {

    color:#373737;
    width:215px;
    margin:0;

    border:1px solid #bfbfbf;
    font-size: 14px;
    padding-top:2px;
    padding-bottom:2px;
    height:16px;

}

.formularz_in_textarea {
    text-align:left;
    width:415px;
    height:auto !important;
    min-height:105px;
    height:105px;
}

.formularz_in_textarea label {
    font:11px tahoma;
    color:#fff;
    height:24px;
    line-height:24px;
    padding-left:10px;
    text-align:left;
    width:115px;
    float:right;
    text-align: right;
    margin-right: 4px;

}
.formularz_in_textarea textarea{
    font:14px tahoma;
    color:#373737;
    width:215px;
    height:100px;
    border:1px solid #bfbfbf;
    vertical-align: top;
    float: right;

}




.formularz_in_button {
    margin:9px 0px 0px 0px;
    padding-left:143px;
    text-align: left;
    display:block;
}

.formularz_in_button  input {
    width:75px;
    height:21px;
    color:#fff;
    font:  11px tahoma;
    background: url(../gfx/more_bg.gif) no-repeat left 3px;
    border:none;
    cursor:pointer;
    text-align:center;
}

.box_p_left a,.boxy_promo a {color:#252525;text-decoration: none;}
.box_p_left a:hover,.boxy_promo a:hover {text-decoration: underline;}

.boksy_top {width:963px;margin:0 auto;text-align: left;position: relative;top:-34px;margin-bottom: -15px;padding-bottom: 10px;}
.box_start {box-sizing: border-box;border-radius: 8px;border:2px solid #b7b7b7;position: relative;color:#252525;display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;background: rgba(224,221,224,1);
            background: -moz-linear-gradient(left, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224,221,224,1)), color-stop(100%, rgba(237,237,237,1)));
            background: -webkit-linear-gradient(left, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            background: -o-linear-gradient(left, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            background: -ms-linear-gradient(left, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            background: linear-gradient(to right, rgba(224,221,224,1) 0%, rgba(237,237,237,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dde0', endColorstr='#ededed', GradientType=1 );}
.box_start:last-child {margin-right: 0;}
.bx_s_1 {min-height: 180px;background: url(gfx/bagazniki_tlo_new2.png) no-repeat bottom center;}
.bx_s_2 {min-height: 180px;background: url(gfx/felgi_tlo2_new2.png) no-repeat bottom right;}
.bx_s_3 {min-height: 180px;}
.bx_s_4 {min-height: 180px;background: url(gfx/procesor_new.png) no-repeat bottom right;}


.box_start .text {padding: 7px 0px 0px 7px; display: block; line-height: 40px; text-align: left;}
.box_start .text h2 {font:400 20px arial;margin: 0;padding: 0;padding-bottom: 15px;}
.box_start .text ul {list-style-image: url(gfx/ul_arrow.png); margin-left: 17px; line-height: 16px;}
.box_start .arrow {bottom: -12px;position: absolute;right: 20px;display: inline-block;line-height: 0;font-size: 0;}
.box_start a {color:#252525;text-decoration: none;}
.box_start a:hover {text-decoration: underline;}
.chip_tlo {background: url(gfx/procesor2.png) no-repeat right bottom;  height: 180px;}

.cookie_acept {width: 963px;margin: 0px auto 0px auto;text-align: left;background-color: #fafafa;border:1px solid #e4e4e4;-webkit-border-bottom-right-radius: 6px;
               -webkit-border-bottom-left-radius: 6px;
               -moz-border-radius-bottomright: 6px;
               -moz-border-radius-bottomleft: 6px;
               border-bottom-right-radius: 6px;
               border-bottom-left-radius: 6px;}
.cookie_acept2 {padding: 15px 20px;line-height: 140%;color:#333;}
.cookie_a {padding-top: 15px;text-align: center;}
.cookie_a a {text-decoration: none;background-color: #00BFF3;margin:0px auto;display: block;width: 150px;height: 25px;font:14px/23px verdana;color:#fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.cookie_a a:hover {text-decoration: none;}

#fb_icon{position:absolute; right:-50px; top:20px; width:37px;z-index: 100;}
.flash {text-align: center;margin: 0 auto;}
.flash * {max-width: 100%;}

#menu_mobilne           {display: none;width: 100%;cursor: pointer;padding: 10px 0px;font:22px/100% 'verdana';color:#FFF;text-decoration: none;background: #c90000 url(/gfx/menu.png) no-repeat 96% center;}
.menu_mobile_div        {position: absolute;top:0;left:0;width: 100%;box-sizing: border-box;padding: 10px;background-color: #191c1d;color:#fff;z-index: 1001;display: none;border-bottom: 2px solid #777;}
.menu_mobile_div_logo   {padding: 5px;text-align: left;background-color: #fff;border-radius: 4px;line-height: 100%;color:#092f87;}
.menu_mobile_div_logo div   {font-size: 12px;}
.tel_mobile             {float: right;}
.menu_mobile_div_logo a {line-height: 100%;}
.menu_mobile_div_logo a img {margin: 0;padding: 0;}
.logo_mobile            {display: inline-block;}
.menu_mobile_linki      {padding: 10px 0px 10px 0px;text-align: left;}
.menu_mobile_linki a    {text-transform: uppercase;}
.menu_mobile_close      {text-align: right;min-height: 30px;}
.mbc_top                {text-align: left;}
.mobilny_link_1         {margin-bottom: 5px;}
.mobilny_link_1 a       {color:#fff;font:16px/100% 'verdana';display: block;padding: 10px 4px 10px 12px;background:#c6322b;border-radius: 4px;text-decoration: none;}
.mobilny_link_1 a:hover {text-decoration: none;}
.mobilny_link_1 a::selection {background-color:#c6322b;}
.menu_mobile_span       {font-size: 18px;font-weight: 700;line-height: 30px;color:#00bff3;text-decoration: none;}
.close_menu             {float: right;}

.wciecie_1              {margin-bottom: 10px;padding-left:20px;}
.wciecie_2              {margin-bottom: 10px;padding-left:20px;}
.wciecie_3              {margin-bottom: 10px;padding-left:20px;}
.mobilny_link_2         {margin-bottom: 5px;}
.mobilny_link_3         {margin-bottom: 5px;}
.mobilny_link_4         {margin-bottom: 5px;}
.mobilny_link_2 a       {font:16px/100% 'verdana';color:#fff;display: block;padding: 10px 4px 10px 12px;background-color: #84140f;border-radius: 4px;text-decoration: none;}
.mobilny_link_3 a       {font:16px/100% 'verdana';color:#fff;display: block;padding: 10px 4px 10px 12px;background-color: #737473;border-radius: 4px;text-decoration: none;}
.mobilny_link_4 a       {font:16px/100% 'verdana';color:#fff;display: block;padding: 10px 4px 10px 12px;background-color: #207e8e;border-radius: 4px;text-decoration: none;}
.mobilny_link_2 a:hover {text-decoration: none;}
.mobilny_link_3 a:hover {text-decoration: none;}
.mobilny_link_2 a::selection {background-color:#222;}
.mobilny_link_3 a::selection {background-color:#222;}
.ukryty_label {display: none;}

.do_gory {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 100px;
    cursor: pointer;
    opacity: 1;
    z-index: 300;
}

@media (max-width:1024px) {

    #fb_icon {right: auto;left:8px;top:112px;} 
}

@media (max-width:963px) {
    .page_top_cont          {width: 96% !important;}
    .menu_bar               {width: 100% !important;height: auto;}
    .top_gfx                {width: 100% !important;}
    .boksy_top              {width:96% !important;top:0px;padding-top: 20px;margin-bottom: 0;height: auto;padding-bottom: 0;}
    .boksy_top table        {width: 100% !important;}
    .content                {width: 96% !important;}
    .spacer                 {width: 96% !important;}
    .logotypy               {width: 96% !important;}
    .stopka                 {width: 96% !important;}
    .flash                  {width: 96% !important;}
    .menu_bar .slogan       {padding-top: 5px !important;float: none;}
    .menu_bar .top_menu     {float: none;text-align: right;}
    .gostek                 {display: none;}
    .rotator img            {left:5px;top:5px;}
    .rotator                {height: 246px;z-index: 15;}
    .gfx_left               {float: none;position: absolute;left:0;top:0;z-index: 20;}
    .top_menu ul            {float: none;display: inline-block;padding-top: 0;text-align: right;}
    .top_menu li            {float: none;display: inline-block;vertical-align: top;}
    .top_menu li a          {padding: 0px 8px;display: inline-block;height: 33px;line-height: 33px;}
    .top_menu li:first-child a {padding: 0;}
    .site_id_1 .lewy_boks   {float: none;display: block;width: 100%;padding-top: 20px;}
    .site_id_1 .prawa_strona{float: none;width: 100%;}
    .promocje_lista .box    {display: inline-block;vertical-align: top;float: none;width: 50%;}
    .promocje_lista .ml30   {width: 48%;margin-left: 2%;}
    .box_start              {width: 42%;margin: 0 4% 20px 4%;}
    .bx_s_1 {min-height: 150px;}
    .bx_s_2 {min-height: 150px;}
    .bx_s_3 {min-height: 150px;}
    .bx_s_4 {min-height: 150px;}
    .cookie_acept           {width: 100%;box-sizing: border-box;}
    .cookie_acept2          {padding: 10px;}
    .flash                  {display: none;}
    .lewy_boks              {width:30%;}
    .prawa_strona           {width: 65%;}
    .multicont_news_list table {width: 100%!important;}
    .prawa_strona img       {max-width: 100%;}
    .lewy_boks img          {max-width: 100%;}
    .table_kontakt tr td:first-child {width: 100%;display: block;padding-bottom: 20px;}
    .table_kontakt tr td:last-child {width: 100%;display: block;}
    .box_p_left .box .bagazniki_tlo {width: 100%;background: none;height: auto;padding-bottom: 20px;}
    .box_p_left .box .felgi_tlo {width: 100%;background: none;height: auto;padding-bottom: 20px;}
    .box_p_left .chip_tlo {width: 100%;background: none;height: auto;padding-bottom: 20px;}
    .box_p_left .box .puste_tlo {width: 100%;background: none;height: auto;padding-bottom: 20px;}
    .box_p_left             {top:0;}
    .box_lewy_rozciagany    {top:0;margin-bottom: 0;margin-top: 10px;}
    .formularz_kontener     {width: 100%;text-align: left;}
    .formularz_in           {width: 100%;}
    .table_kontakt div      {text-align: left;}
    .formularz_in           {height: auto;}
    .formularz_in label     {width: 100%;display: block;padding-bottom: 5px;padding-left: 0;height: auto;line-height: 100%;}
    .formularz_in input, .formularz_in select {box-sizing: border-box;width: 100%;height: 30px;line-height: 30px;}
    .formularz_in_textarea label.ukryty_label {width: 100%;display: block;padding-bottom: 5px;padding-left: 0;height: auto!important;line-height: 100%;text-align: left!important;float: none;}
    .formularz_in_textarea {width: 100%;}
    .formularz_in_textarea textarea {float: none;width: 100%;box-sizing: border-box;}
    .formularz_in_textarea label.do_ukrycia {display: none;}
    .formularz_button      {padding-left: 0;}
    .formularz_button  input {background-color: #000;font-size: 14px;width: 120px;height: auto;padding: 10px 0px;}
}
@media (max-width:768px) {
    .top_menu               {display: none;}
    #menu_mobilne           {display: block;}
    .rotator                {width: 100%;position: relative;}
    .rotator img            {width: 100%;max-width: 100%;left:0;top:0;}
    .rotator                {height: 234px;}
    .stopka_menu            {position: static;top:0;left:0;padding-bottom: 20px;}
    .stopka_menu li         {float: none;display:block;margin-bottom: 2px;text-align: left;}
    .stopka_menu li.separator {display: none;}
    .stopka_menu li a       {display: block;background-color: #000;padding: 10px 5px 10px 10px;}
    .stopka_menu li a.active {padding: 10px 5px 10px 10px;}
    .realizacja            {position: static;top:0;right:0;padding-bottom: 20px;text-align: right;}
    .lewy_boks              {display: none;}
    .prawa_strona           {display: block;float: none;width: 100%;}
    div.jqi                {width: 94%!important;}
    #fb_icon                {left:15px;}
}

@media (max-width:640px) {
    .bx_s_1 {min-height: 170px;}
    .bx_s_2 {min-height: 170px;}
    .bx_s_3 {min-height: 170px;}
    .bx_s_4 {min-height: 170px;}
    .promocje_lista .box    {display: block;width: 100%;}
    .promocje_lista .ml30   {width: 100%;margin-left: 0;}

}

@media (max-width:480px) {
    .box_start              {width: 48%;margin: 0 1% 20px 1%;}
    .gfx_left .logo a       {width: 100%;}
    .adres span             {display: block;}
    .multicont_header       {font-size: 20px;}
}
@media (max-width:375px) {
    .box_start              {width: 100%;margin: 0;margin-bottom: 20px;}
    .rotator                {display: none;}
    .gfx_left               {left:auto;right: 0;}
    .text ul li a           {display: inline-block;padding: 5px 10px 5px 0px;}
    .news_list_element h2 a {font-size: 14px;}
    .do_gory                {right: 20px;bottom: 20px;}
    #fb_icon                {left:8px;top:114px}
}
@media (max-width:320px) {
    .top_gfx                {overflow-x: hidden;}
    .gfx_left               {left:auto;right: -15px;}
    .slogan img             {width: 100% !important;}
}