@import "menu.css";
@font-face {
    font-family: "robotoblack";
    font-style: normal;
    font-weight: normal;
    src: url("font/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("font/Roboto-Black-webfont.woff") format("woff"), url("font/Roboto-Black-webfont.ttf") format("truetype"), url("font/Roboto-Black-webfont.svg#robotoblack") format("svg");
}
@font-face {
    font-family: "robotoregular";
    font-style: normal;
    font-weight: normal;
    src: url("font/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("font/Roboto-Regular-webfont.woff") format("woff"), url("font/Roboto-Regular-webfont.ttf") format("truetype"), url("font/Roboto-Regular-webfont.svg#robotoregular") format("svg");
}
@font-face {
    font-family: "robotomedium_italic";
    font-style: normal;
    font-weight: normal;
    src: url("font/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("font/Roboto-MediumItalic-webfont.woff") format("woff"), url("font/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("font/Roboto-MediumItalic-webfont.svg#robotomedium_italic") format("svg");
}
@font-face {
    font-family: "robotomedium";
    font-style: normal;
    font-weight: normal;
    src: url("font/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("font/Roboto-Medium-webfont.woff") format("woff"), url("font/Roboto-Medium-webfont.ttf") format("truetype"), url("font/Roboto-Medium-webfont.svg#robotomedium") format("svg");
}
* {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
}
ul li img {
    display: block;
}
html {
    background: url("../img/bg_site2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
}
body {
    background: url("../img/bg_site.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #000;
    font-family: 'Monda',sans-serif;
    font-size: 12px;
    height: 100%;
    width: 100%;
}
.clear {
    clear: both;
}
.border {
    border: 1px solid #f00;
}
#container {
    min-height: 100%;
    position: relative;
}
#cos {
    height: 110px;
    text-align: left;
    width: 100%;
}
#belka_top {
    background: url("../img/belka_top.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 16px;
    width: 100%;
}
#top {
    height: 327px;
    width: 100%;
}
#middle {
    background: none repeat scroll 0 0 #fff;
    margin: -17px auto auto;
    position: relative;
    text-align: left;
    width: 1024px;
}
#nav_bar {
    background-color: #fd7400;
    height: 51px;
    margin: auto;
    position: relative;
    text-align: left;
    width: 983px;
}
#nav_bar nav {
    float: left;
    width: 625px;
}
.left_side nav ul {
    height: 51px;
    margin: 0;
    padding: 0;
}
.left_side nav li {
    display: inline-block;
    font-size: 14px;
    height: 50px;
    list-style: none outside none;
    margin: 0;
}
.left_side nav .home {
    height: 50px;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 15px;
}
.left_side nav .menu {
    background: linear-gradient(to bottom, #097601 0%, #085603 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 1px solid #053b00;
}
.left_side nav .kontakt {
    height: 32px;
    margin-left: -3px;
    padding-left: 19px;
    padding-right: 51px;
    padding-top: 19px;
}
#nav_bar .promocja {
    color: #ffffff;
    float: right;
    font-family: sans-serif;
    font-size: 20px;
    height: 33px;
    padding-top: 12px;
    text-align: center;
    text-shadow: 2px 2px 2px #000000;
    text-transform: uppercase;
    width: 391px;
}
#nav_bar .promocja span {
    background: linear-gradient(to bottom, #35302b 0%, #211d1b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    font-size: 23px;
    font-weight: bold;
    margin-left: 5px;
    padding: 0 5px;
}
#slider_top {
    height: 300px;
    margin: 15px auto;
    position: relative;
    text-align: left;
    width: 983px;
}
#push {
    height: 0;
}
footer {
    background-color: #36302b;
    bottom: 0;
    height: 170px;
    margin: auto;
    position: relative;
    width: 1024px;
}
.content {
    margin: auto;
    position: relative;
    text-align: left;
    width: 1024px;
}
#logo {
    margin-top: -5px;
}

.koszyk {
    float: left;
    margin-left: 19px;
}
.ikona_koszyk {
    float: left;
    margin-top: 2px;
}
.wartosc_koszyka {
    float: left;
    margin-left: 17px;
    margin-top: 0;
}
.wartosc_koszyka h3 {
    color: #141414;
    font-size: 20px;
    font-weight: normal;
    padding-top: 8px;
}
.wartosc_koszyka h4 {
    color: #b6b6b6;
    font-size: 12px;
    font-weight: normal;
    line-height: 0;
}
.zamow {
    background: url("../img/zloz_zamowienie.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 29px;
    margin-left: 17px;
    text-align: center;
    width: 135px;
}
.zamow a:link, .zamow a:visited, .zamow a:active, .zamow a:hover {
    color: #fff;
    display: block;
    font-size: 10px;
    height: 29px;
    line-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    width: 135px;
}
section {
    margin: auto;
    position: relative;
    text-align: left;
    width: 983px;
}
#main_content {
    margin: 30px auto auto;
    min-height: 1290px;
    position: relative;
    text-align: left;
    width: 983px;
}
#left_side {
    float: left;
    width: 235px;
}
.vertical {
    background: url("../img/bg_ver_menu.png") repeat-y scroll left center rgba(0, 0, 0, 0);
    height: 205px;
    text-align: left;
    width: 235px;
}
.vertical h3 {
    background: linear-gradient(to bottom, #fc7400 0%, #cd5f01 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    padding-left: 32px;
    padding-top: 10px;
    text-align: left;
    width: 202px;
}
.vertical ul {
    background: none repeat scroll 0 0 #fff;
color: #fff;
height: auto;
margin-left: 8px;
padding: 0 0 12px;
border-right: 1px solid #fc7400;
width: 225px;
}
.vertical li {
    background: url("../img/arrow_menu_ver.png") no-repeat scroll 200px center rgba(0, 0, 0, 0);
    clear: both;
    display: list-item;
    height: 26px;
    padding-left: 0;
    width: 220px;
}
.vertical li a:link, .vertical li a:active, .vertical li a:visited, .vertical li a:hover {
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    display: block;
    height: 26px;
    line-height: 25px;
    margin-left: 7px;
    padding-left: 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 203px;
}
.vertical li a:hover {
    background: url("../img/hover_ver_menu.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    margin: 0;
    padding-left: 17px;
    width: 210px;
}
.vertical .active {
    background: url("../img/hover_ver_menu.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 25px;
    margin: 0;
    padding-left: 17px;
    text-decoration: none;
    text-transform: uppercase;
    width: 210px;
}
#right_side {
    float: left;
    margin-left: 21px;
    width: 727px;
}
#right_side article h1, #right_side article h3 {
    color: #141414;
    font-family: sens-serif;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 100;
}
#right_side article .asortyment_lista {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #a8a8a7;
    float: left;
    height: 300px;
    margin-bottom: 25px;
    width: 179px;
}
#right_side article .asortyment_lista .foto {
    margin-left: 17px;
    margin-top: 15px;
}
#right_side article .asortyment_lista .opis {
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    margin: auto;
    position: relative;
    text-align: center;
    width: 144px;
}
.asortyment_lista .opis p {
    height: 50px;
}
#right_side article .asortyment_lista .button {
    background: url("../img/wiecej.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 29px;
    margin: 5px auto auto;
    position: relative;
    text-align: center;
    width: 79px;
}
#right_side article .asortyment_lista .button a:link, #right_side article .asortyment_lista .button a:active, #right_side article .asortyment_lista .button a:visited, #right_side article .asortyment_lista .button a:hover {
    color: #fff;
    display: block;
    font-size: 10px;
    height: 29px;
    line-height: 25px;
    text-decoration: none;
    text-transform: uppercase;
    width: 79px;
}
#right_side article .asortyment_polecane {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #a8a8a7;
    float: left;
    height: 279px;
    margin-bottom: 25px;
    width: 179px;
	border-radius:5px;
}
article .tytul {
    float: left;
}
article .nawigacja {
    float: right;
    margin-top: 3px;
    width: 130px;
}
.nawigacja strzalki {
    float: right;
}
.nawigacja .button {
    background: url("../img/wiecej.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 29px;
    margin-top: 0;
    text-align: center;
    width: 79px;
}
.nawigacja .button a:link, .nawigacja .button a:visited, .nawigacja .button a:active, .nawigacja .button a:hover {
    color: #fff;
    display: block;
    font-size: 10px;
    height: 29px;
    line-height: 25px;
    text-decoration: none;
    text-transform: uppercase;
    width: 79px;
}
.asortyment_polecane .polecane {
    background: url("../img/polecane_corner.png") no-repeat scroll 114px center rgba(0, 0, 0, 0);
    height: 62px;
    position: absolute;
    width: 179px;
}
.asortyment_polecane .promocja {
    background: url("../img/promocja_corner.png") no-repeat scroll 116px center rgba(0, 0, 0, 0);
    height: 62px;
    position: absolute;
    width: 179px;
}
#right_side article .asortyment_polecane .foto {
    background: none repeat scroll 0 0 #fdfdfd;
    border-bottom: 1px solid #eceded;
    height: 173px;
    text-align: center;
    width: 179px;
	border-radius:5px;
}

#right_side article .asortyment_polecane .foto img {
    margin-top: 5px;
    max-height: 168px;
    max-width: 170px;
    width: auto;
}
#right_side article .asortyment_polecane .opis {
    font-size: 13px;
    font-weight: bold;
    height: 105px;
    margin: auto;
    position: relative;
    text-align: center;
    width: 179px;
}
.opis_opis {
    background: none repeat scroll 0 0 #fdfdfd;
    /*border: 1px solid #a8a8a7;*/
    font-family: Verdana;
    margin: 10px 0;
    /*padding: 10px;*/
    text-align: justify;
}
.asortyment_polecane .opis .tytul {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    height: 50px;
    margin-left: 5px;
    padding-top: 15px;
    text-align: left;
    text-transform: uppercase;
    width: 170px;
}
.asortyment_polecane .opis .cena {
    float: left;
    margin-left: 9px;
    margin-top: 5px;
    text-align: left;
    width: auto;
}
.asortyment_polecane .opis .cena h5 {
    color: #097601;
    font-size: 18px;
    line-height: 0;
    margin-top: 5px;
}
.asortyment_polecane .opis .cena h6 {
    color: #a6a6a6;
    font-size: 11px;
    line-height: 40px;
}
.asortyment_polecane .opis .koszyk {
    float: right;
    height: 29px;
    margin-right: 6px;
    margin-top: 1px;
    width: 31px;
}
.scrollable {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 727px;
}
.scrollable .items {
    clear: both;
    position: absolute;
    width: 20000em;
}
.items div {
    float: left;
    width: 727px;
}
.scrollable .active {
    border: 2px solid #000;
    cursor: default;
    position: relative;
}
.scrollable {
    float: left;
}
a.browse {
    background: url("../img/strzalki.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 30px;
    width: 23px;
}
a.right {
    background-position: -26px 0;
    clear: right;
    margin-right: 0;
}
a.right:hover {
    background-position: -26px 0;
}
a.right:active {
    background-position: -26px 0;
}
a.left {
    margin-left: 0;
}
a.left:hover {
    background-position: 0 0;
}
a.left:active {
    background-position: 0 0;
}
hr {
    border: 1px solid #cccccc;
    margin-top: 15px;
}
ul {
    list-style-type: none;
}
.krakatoa {
    display: none;
    margin: -10px 0 20px;
}
.krakatoa div h1, .krakatoa div.slider__description{
 color: #fff;
    font-size: 30px;
    font-weight: normal;
    line-height: 44px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-top: 50px;
    text-transform: uppercase;
    width: 250px;
}
.banner_button:link, .banner_button:active, .banner_button:visited, .banner_button:hover {
      background: url("../img/buuton_baner.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 37px;
    line-height: 36px;
    margin-left: 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 193px;
}
.krakatoa-control {
    padding-bottom: 20px;
}
.arrows {
    left: 0;
    position: absolute;
    top: 1px;
    z-index: 100;
}
.arrow {
    background: url("img/arrows.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 0;
    margin-right: 7px;
    overflow: hidden;
    padding-top: 16px;
    width: 13px;
}
.arrow-left {
    background-position: 0 0;
}
.arrow-left:hover {
    background-position: 0 -16px;
}
.arrow-right {
    background-position: -20px 0;
    left: 20px;
}
.arrow-right:hover {
    background-position: -20px -16px;
}
.buttons {
    background: none repeat scroll 0 0 #fd7400;
    border-radius: 5px 5px 0 0;
    margin-right: 22px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 290px;
    z-index: 100;
}
.pagination {
    float: left;
    margin: 0 2px;
}
.pagination a {
    background-image: url("../img/pagination.png");
    background-position: 0 0;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 10px;
    width: 10px;
}
.pagination a:hover, .active-button a {
    background-position: 0 -30px;
}
footer .left {
    float: left;
    width: 665px;
}
footer .right {
    float: right;
    text-align: left;
    width: 350px;
}
.copyright {
    color: #ffffff;
    float: left;
    margin-left: 30px;
    margin-top: 2px;
}
.wykonanie {
    color: #fff;
    float: right;
    margin-right: 0;
    margin-top: 2px;
}
footer h2 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 42px;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;
}
.menu_footer {
    float: left;
    margin-left: 42px;
}
.menu_footer ul {
}
footer hr {
    border: 1px solid #5e5955;
    width: 665px;
}
.menu_footer li {
    background: url("../img/lista_li.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 15px;
    text-align: left;
}
.menu_footer li a:link, .menu_footer li a:active, .menu_footer li a:visited {
    color: #fff;
    text-decoration: none;
}
footer .right ul {
    color: #fff;
    margin-left: 45px;
}
footer .right li {
    line-height: 23px;
    padding-left: 25px;
}
footer .adres {
    background: url("../img/adres_ikona.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
footer .telefon {
    background: url("../img/tel_ikona.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
footer .komorka {
    background: url("../img/kom_ikona.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
footer .mail {
    background: url("../img/mail_ikona.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
footer .mail a:link, footer .mail a:active, footer .mail a:visited {
    color: #fff;
    text-decoration: none;
}
footer a, .wykonanie a:hover {color:#fff;text-decoration:none;}
h1 {
    font-family: Helvetica;
    font-weight: 100;
}
body {
    color: #333;
    font-family: arial;
    text-align: center;
}
.nav {
    background: none repeat scroll 0 0 #fd7400;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.nav .menu {
    float: left;
    position: relative;
}
.nav .menu a {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    display: block;
    padding: 7px 8px;
    text-decoration: none;
}
.nav .menu a:hover {
    background: none repeat scroll 0 0 #fff;
    color: #000;
}
.nav ul {
    display: none;
    list-style: none outside none;
    margin-left: 0;
    padding: 0;
    position: absolute;
    width: 477px;
}
.nav ul li {
    float: left;
}
.nav ul a {
    color: #fff;
    display: block;
    height: 15px;
    padding: 7px 8px;
    text-decoration: none;
}
.nav ul li a:hover {
    color: #069;
}
.podkategoria {
    float: left;
    width: 320px;
}
.podkategoria dt {
    background: url("../img/arrow_menu_ver.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    cursor: pointer;
    margin-left: 19px;
    margin-top: 15px;
    padding-left: 10px;
}
.podkategoria dd {
    background: url("../img/arrow_menu_ver.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    cursor: pointer;
    margin-left: 29px;
    margin-top: 15px;
    padding-left: 10px;
}
.vertical .active {
    color: #fff;
}
.autocomplete-suggestions {
    background: none repeat scroll 0 0 white;
    border: 1px solid #999;
    left: 467px;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    text-align: left;
    top: 322.5px;
    width: 471px;
    z-index: 9999;
}
.autocomplete-suggestion {
    background: none repeat scroll 0 0 white;
    cursor: pointer;
    overflow: hidden;
    padding: 6px 5px 5px 15px;
    white-space: nowrap;
}
.autocomplete-selected {
    background: none repeat scroll 0 0 #f0f0f0;
    font-weight: bold;
}
.autocomplete-suggestions strong {
    color: #3399ff;
    font-weight: normal;
}
.pods {
}
.pods p {
    line-height: 20px;
    margin-bottom: 10px;
}
.pods h1 {
    border-bottom: 1px solid;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    padding-bottom: 10px;
	background:transparent;
	padding: 5px 10px 10px 15px;
	

	
}
.pods h2 {
color: #141414;
font-family: sens-serif;
font-size: 28px;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-bottom: 25px;
}
.pods h3 {
    border-bottom: 1px solid;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding-bottom: 10px;
    padding-left: 15px;
}
.pods h4 {
    border-bottom: 1px solid;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    padding-bottom: 10px;
}
.pods h5 {
    border-bottom: 1px solid;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    padding-bottom: 10px;
}
.pods h6 {
    border-bottom: 1px solid;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    padding-bottom: 10px;
}
#produkt {
    margin-bottom: 10px;
    width: 727px;
}
#produkt h3 {
    border-bottom: 1px solid gray;
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
}
#produkt .obrazek {
    border-radius: 4px;
    float: left;
    list-style: none outside none;
    padding: 5px;
}
#produkt .obrazek img {
    border-radius: 4px;
    margin-left: 10px;
    max-height: 190px;
    max-width: 150px;
}
#produkt .dane {
    border-radius: 4px;
    float: right;
    list-style: none outside none;
    margin-bottom: 5px;
    padding: 8px 15px;
    width: 520px;
}
#produkt .dane h2 {
    border-bottom: 1px solid gray;
    font-size: 13px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.danel {
    float: left;
    width: 300px;
}
.danel p {
    line-height: 20px;
}
.danel a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
.daner {
    float: right;
    width: 180px;
}
.daneb {
    float: right;
    font-size: 30px;
    line-height: 16px;
    padding: 10px 3px 0;
    text-align: right;
    width: 181px;
}
.daneb span {
    font-size: 11px;
    margin: 0;
    padding: 0;
}
#produkt .miniatury {
    border-radius: 4px;
    clear: both;
    padding: 10px 0;
    text-align: center;
    width: 727px;
}
#produkt .miniatury img {
    margin: 0 3px;
    max-height: 100px;
    max-width: 130px;
}
#produkt .opis {
    border-radius: 4px;
    clear: both;
    margin: 10px 0;
    padding: 10px 0;
    width: 727px;
}
#produkt .opisproduktu {
    font-family: Tahoma;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 20px;
    text-align: left;
}
#produkt .podobne {
    border-radius: 4px;
    clear: both;
    padding: 10px 0;
    text-align: center;
    width: 727px;
}
#produkt .podobne img {
    margin: 0 3px;
    max-height: 132px;
    max-width: 132px;
}
#produkt .koszyk {
    float: right;
    margin-left: 0;
    padding: 8px 0;
    width: 176px;
}
#produkt .koszyk input {
    border: 1px solid;
    border-radius: 4px;
    float: right;
    font-size: 13px;
    font-weight: bold;
    height: 29px;
    margin-right: 1px;
    text-align: center;
    width: 69px;
}
#produkt .koszyk img {
}
#produkt .koszyk a {
    float: right;
    width: 40px;
}

#podobne {
    border-radius: 4px;
    clear: both;
    padding: 10px 0;
    text-align: center;
    width: 727px;
    height: auto;
}

.produkt_promocja {
    background-color: #fd7400;
    color: white;
    padding: 15px;
    text-align: center;
    margin-bottom: 5px;
}
.search_button {
    background-image: url(../img/search_button.png);
    margin-left: 503px;
    cursor: pointer;
    
}
.search_button:hover {
    background-image: url(../img/search_button_hoover.png);
}

.search {
    height: 63px;
    margin-top: 158px;
    padding-top: 16px;
    width: 100%;
}
.form {
    //background: url("../img/search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px none;
    float: left;
    height: 41px;
    margin-left: 20px;
    margin-top: -4px;
    padding: 0;
    width: 600px;
}
.find {
    background-color: transparent;
    border: 0 none;
    height: 41px;
    //margin-left: 7px;
    margin-top: 0;
    outline: medium none;
    padding: 0;
    padding-left: 10px;
    position: absolute;
    width: 503px;
    background:url("../img/search.png");
    background-repeat: no-repeat;
}
.search_button {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    width: 45px;
}


#kontaktform {
    width: 727px;
}
#kontaktform a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
#kontaktform a:hover {
}
#kontaktformr {
    float: right;
    width: 520px;
}
#kontaktforml {
    float: left;
    width: 200px;
}











span





/* responsive */

@media only screen and (max-width: 479px) {
#slider_top, footer, article.polecane, article.promocja, #nav_bar, #belka_top, .mob-tab1, .zamow   { display:none }
body { background:none }
#logo {   margin-top: -5px;   text-align: center; width:95%;margin: 0 auto;}
#main_content {   margin: 0;   min-height: 1280px;   width: 100%; }

/* menu gorne */

#left_side {   float: left;   width: 100%;    }
.vertical {   width: 100%;   height: auto;   background: none; }
.vertical ul {   padding: 0 0 10px;   width: 95%;   border-left: 5px solid green;   border-right: none;   margin: 0; }
.vertical li {   background: url("../img/arrow_menu_ver.png") no-repeat scroll 100% center rgba(0, 0, 0, 0);   display: list-item;   height: 26px;   padding-left: 0;   width: 100%; }
.vertical li a:link, .vertical li a:active, .vertical li a:visited {   border-bottom: 1px solid #e5e5e5;   color: #000;   display: block;   height: 26px;   line-height: 25px;   margin-left: 7px;   text-decoration: none;   text-transform: uppercase;   width: 98%; }
.vertical li a:hover {     background: orange;     color: #fff;     margin: 0;     padding-left: 17px;     width: 98%; }
.vertical h3 {   background: linear-gradient(to bottom, #fc7400 0%, #cd5f01 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);   color: #fff;   font-size: 15px;   font-weight: normal;   height: 28px;   padding-left: 2%;   padding-top: 2%;   text-align: left;   width: 98%; }
/* szukajka */

.search {   height: 63px;   width: 100%;   margin: 0; }
.form {   padding: 0;   width: 95%;   margin: 0;   text-align: left;   margin-left: 15px; }
.find {   background-color: transparent;   border: 0 none;   height: 41px;   margin-top: 0;   outline: medium none;   padding: 0;   padding-left: 10px;   position: absolute;   width: 80%;   background: url("../img/search.png");   background-repeat: no-repeat; }
.search_button {   background-image: url(../img/search_button.png);   cursor: pointer;   position: relative;   left: 80% !important;   margin-left: 0; }

/* koszyk */

.koszyk {   float: left;   margin-left: 5%;   width: 85%;   margin-top: 3%; }
.wartosc_koszyka {   float: left;   margin-left: 5%;   margin-top: 2%; }


/* obrazki */
 
#right_side article .asortyment_polecane {   background: none repeat scroll 0 0 #fff;   border: 1px solid #a8a8a7;   height: auto;   margin-bottom: 25px;   width: 100%;   border-radius: 5px; }
#right_side article .asortyment_polecane .foto {   background: none repeat scroll 0 0 #fdfdfd;   border-bottom: 1px solid #eceded;   height: 173px;   text-align: center;   width: auto;   border-radius: 5px; }
img { width:100%; height:auto }
section #right_side {   width: 96%;   margin: 0;   padding: 2%; }

.content {   width: 100%; }
#middle {   background: none repeat scroll 0 0 #fff;   /* margin: -17px auto auto; */   /* position: relative; */   /* text-align: left; */   width: 100%;   margin-top: 40px; }
section {width:100%}

/* produkt */

#produkt {   margin-bottom: 10px;   width: 100%; }
#produkt .dane {   float: right;   list-style: none outside none;   margin-bottom: 5px;   padding: 5px 0px;   width: 100%; }
.danel {   width: 100%;   text-align: left;   margin-bottom: 15px; }
.daner {   width: 100%;   text-align: left; }
.daneb {   font-size: 30px;   line-height: 16px;   float: none;   width: 100%;   text-align: left; }
#produkt .koszyk {   float: left;   margin-left: 0;   padding: 8px 0;   width: 100%; }
#produkt .koszyk input {   border: 1px solid;   border-radius: 4px;   float: left;   font-size: 13px;   font-weight: bold;   height: 37px;   margin-right: 20px;   text-align: center;   width: 69px; }
#produkt .koszyk a {   float: left;   width: 40px; }
#produkt .miniatury {   border-radius: 4px;   clear: both;   padding: 10px 0;   text-align: left;   width: 100%; }
#produkt .opis {   border-radius: 4px;   clear: both;   margin: 10px 0;   padding: 10px 0;   width: 100%; }
#produkt .podobne {   border-radius: 4px;   clear: both;   padding: 10px 0;   text-align: center;   width: 100%; }
.asortyment_polecane .polecane {   background: url("../img/polecane_corner.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);   height: 62px;   position: absolute;   width: 100%; }
.asortyment_polecane .promocja {   background: url("../img/polecane_corner.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);   height: 62px;   position: absolute;   width: 100%; }
#right_side article .asortyment_polecane .opis {   font-size: 13px;   font-weight: bold;   height: 105px;   margin: auto;   position: relative;   text-align: center;   width: 90%; }
.asortyment_polecane .opis .tytul {   color: #000000;   font-size: 12px;   font-weight: bold;   height: 50px;   margin-left: 5px;   padding-top: 15px;   text-align: left;   text-transform: uppercase;   width: 100%; }
.btn-warning { margin-bottom:2% !important; }
}

@media only screen and (max-width: 767px) {
#right_side article .asortyment_polecane .foto {   background: none repeat scroll 0 0 #fdfdfd;   border-bottom: 1px solid #eceded;   height: 173px;   text-align: center;   width: auto;   border-radius: 5px; }
}

@media only screen and (max-width: 767px) {

#slider_top, footer, article.polecane, article.promocja, #nav_bar, #belka_top, .mob-tab1, .zamow   { display:none }
body { background:none }
#logo {   margin-top: -5px;   text-align: center; width:50%;margin: 0 auto;}
#main_content {   margin: 0;   min-height: 1280px;   width: 100%; }

/* menu gorne */

#left_side {   float: left;   width: 100%;    }
.vertical {   width: 100%;   height: auto;   background: none; }
.vertical ul {   padding: 0 0 10px;   width: 95%;   border-left: 5px solid green;   border-right: none;   margin: 0; }
.vertical li {   background: url("../img/arrow_menu_ver.png") no-repeat scroll 100% center rgba(0, 0, 0, 0);   display: list-item;   height: 26px;   padding-left: 0;   width: 100%; }
.vertical li a:link, .vertical li a:active, .vertical li a:visited {   border-bottom: 1px solid #e5e5e5;   color: #000;   display: block;   height: 26px;   line-height: 25px;   margin-left: 7px;   text-decoration: none;   text-transform: uppercase;   width: 98%; }
.vertical li a:hover {     background: orange;     color: #fff;     margin: 0;     padding-left: 17px;     width: 98%; }
.vertical h3 {   background: linear-gradient(to bottom, #fc7400 0%, #cd5f01 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);   color: #fff;   font-size: 15px;   font-weight: normal;   height: 28px;   padding-left: 2%;   padding-top: 2%;   text-align: left;   width: 98%; }
/* szukajka */

.search {   height: 63px;   width: 100%;   margin: 0; }
.form {   padding: 0;   width: 95%;   margin: 0;   text-align: left;   margin-left: 15px; }
.find {
  background-color: transparent;
  border: 0 none;
  height: 41px;
  margin-top: 0;
  outline: medium none;
  padding: 0;
  padding-left: 10px;
  position: absolute;
  width: 57%;
  background: url("../img/search.png");
  background-repeat: no-repeat;
  left: 18%;
  }
.search_button {
  background-image: url(../img/search_button.png);
  cursor: pointer;
  position: relative;
  left: 78% !important;
  margin-left: 0;
}


/* koszyk */

.koszyk {  float: left;
  margin-left: 40%;
  width: 40%;
  margin-top: 1%;}
.wartosc_koszyka {   float: left;   margin-left: 5%;   margin-top: 2%; }


/* obrazki */
 
#right_side article .asortyment_polecane {   background: none repeat scroll 0 0 #fff;   border: 1px solid #a8a8a7;   height: auto;   margin-bottom: 25px;   width: 100%;   border-radius: 5px; }

img { width:100%; height:auto }
section #right_side {   width: 96%;   margin: 0;   padding: 2%; }

.content {   width: 100%; }
#middle {   background: none repeat scroll 0 0 #fff;   /* margin: -17px auto auto; */   /* position: relative; */   /* text-align: left; */   width: 100%;   margin-top: 40px; }
section {width:100%}

/* produkt */

#produkt {   margin-bottom: 10px;   width: 100%; }
#produkt .dane {   float: right;   list-style: none outside none;   margin-bottom: 5px;   padding: 5px 0px;   width: 100%; }
.danel {   width: 100%;   text-align: left;   margin-bottom: 15px; }
.daner {   width: 100%;   text-align: left; }
.daneb {   font-size: 30px;   line-height: 16px;   float: none;   width: 100%;   text-align: left; }
#produkt .koszyk {   float: left;   margin-left: 0;   padding: 8px 0;   width: 100%; }
#produkt .koszyk input {   border: 1px solid;   border-radius: 4px;   float: left;   font-size: 13px;   font-weight: bold;   height: 37px;   margin-right: 20px;   text-align: center;   width: 69px; }
#produkt .koszyk a {   float: left;   width: 40px; }
#produkt .miniatury {   border-radius: 4px;   clear: both;   padding: 10px 0;   text-align: left;   width: 100%; }
#produkt .opis {   border-radius: 4px;   clear: both;   margin: 10px 0;   padding: 10px 0;   width: 100%; }
#produkt .podobne {   border-radius: 4px;   clear: both;   padding: 10px 0;   text-align: center;   width: 100%; }
.asortyment_polecane .polecane {   background: url("../img/polecane_corner.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);   height: 62px;   position: absolute;   width: 100%; }
.asortyment_polecane .promocja {   background: url("../img/polecane_corner.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);   height: 62px;   position: absolute;   width: 100%; }
#right_side article .asortyment_polecane .opis {   font-size: 13px;   font-weight: bold;   height: 105px;   margin: auto;   position: relative;   text-align: center;   width: 90%; }
.asortyment_polecane .opis .tytul {   color: #000000;   font-size: 12px;   font-weight: bold;   height: 50px;   margin-left: 5px;   padding-top: 15px;   text-align: left;   text-transform: uppercase;   width: 100%; }
.btn-warning { margin-bottom:2% !important; }



}


@media only screen and (min-width: 768px) and (max-width: 959px) {


#slider_top, footer, article.polecane, article.promocja, #nav_bar, #belka_top, .mob-tab1, .zamow   { display:none }
body { background:none }
#logo {   margin-top: -5px;   text-align: center; width:60%;margin: 0 auto;}
#main_content {   margin: 0;   min-height: 1280px;   width: 100%; }

/* menu gorne */

#left_side {   float: left;   width: 100%;    }
.vertical {   width: 100%;   height: auto;   background: none; }
.vertical ul {   padding: 0 0 10px;   width: 95%;   border-left: 5px solid green;   border-right: none;   margin: 0; }
.vertical li {   background: url("../img/arrow_menu_ver.png") no-repeat scroll 100% center rgba(0, 0, 0, 0);   display: list-item;   height: 26px;   padding-left: 0;   width: 100%; }
.vertical li a:link, .vertical li a:active, .vertical li a:visited {   border-bottom: 1px solid #e5e5e5;   color: #000;   display: block;   height: 26px;   line-height: 25px;   margin-left: 7px;   text-decoration: none;   text-transform: uppercase;   width: 98%; }
.vertical li a:hover {     background: orange;     color: #fff;     margin: 0;     padding-left: 17px;     width: 98%; }
.vertical h3 {   background: linear-gradient(to bottom, #fc7400 0%, #cd5f01 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);   color: #fff;   font-size: 15px;   font-weight: normal;   height: 28px;   padding-left: 2%;   padding-top: 2%;   text-align: left;   width: 98%; }
/* szukajka */

.search {   height: 63px;   width: 100%;   margin: 0; }
.form {   padding: 0;   width: 95%;   margin: 0;   text-align: left;   margin-left: 15px; }
.find {   background-color: transparent;   border: 0 none;   height: 41px;   margin-top: 0;   outline: medium none;   padding: 0;   padding-left: 10px;   position: absolute;   width: 85%;   background: url("../img/search.png");   background-repeat: no-repeat; }
.search_button {   background-image: url(../img/search_button.png);   cursor: pointer;   position: relative;   left: 87% !important;   margin-left: 0; }

/* koszyk */

.koszyk {     
  float: left;
  margin-left: 10%;
  width: 80%;
  margin-top: 3%;
  }
.wartosc_koszyka {   float: left;   margin-left: 5%;   margin-top: 2%; }


/* obrazki */
 
#right_side article .asortyment_polecane {   background: none repeat scroll 0 0 #fff;   border: 1px solid #a8a8a7;   height: auto;   margin-bottom: 25px;   width: 100%;   border-radius: 5px; }
#right_side article .asortyment_polecane .foto {   background: none repeat scroll 0 0 #fdfdfd;   border-bottom: 1px solid #eceded;   height: 173px;   text-align: center;   width: auto;   border-radius: 5px; }
img { width:100%; height:auto }
section #right_side {   width: 96%;   margin: 0;   padding: 2%; }

.content {   width: 100%; }
#middle {   background: none repeat scroll 0 0 #fff;   /* margin: -17px auto auto; */   /* position: relative; */   /* text-align: left; */   width: 100%;   margin-top: 40px; }
section {width:100%}

/* produkt */

#produkt {   margin-bottom: 10px;   width: 100%; }
#produkt .dane {   float: right;   list-style: none outside none;   margin-bottom: 5px;   padding: 5px 0px;   width: 100%; }
.danel {   width: 100%;   text-align: left;   margin-bottom: 15px; }
.daner {   width: 100%;   text-align: left; }
.daneb {   font-size: 30px;   line-height: 16px;   float: none;   width: 100%;   text-align: left; }
#produkt .koszyk {   float: left;   margin-left: 0;   padding: 8px 0;   width: 100%; }
#produkt .koszyk input {   border: 1px solid;   border-radius: 4px;   float: left;   font-size: 13px;   font-weight: bold;   height: 37px;   margin-right: 20px;   text-align: center;   width: 69px; }
#produkt .koszyk a {   float: left;   width: 40px; }
#produkt .miniatury {   border-radius: 4px;   clear: both;   padding: 10px 0;   text-align: left;   width: 100%; }
#produkt .opis {   border-radius: 4px;   clear: both;   margin: 10px 0;   padding: 10px 0;   width: 100%; }
#produkt .podobne {   border-radius: 4px;   clear: both;   padding: 10px 0;   text-align: center;   width: 100%; }
.asortyment_polecane .polecane {   background: url("../img/polecane_corner.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);   height: 62px;   position: absolute;   width: 100%; }
.asortyment_polecane .promocja {   background: url("../img/polecane_corner.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);   height: 62px;   position: absolute;   width: 100%; }
#right_side article .asortyment_polecane .opis {   font-size: 13px;   font-weight: bold;   height: 105px;   margin: auto;   position: relative;   text-align: center;   width: 90%; }
.asortyment_polecane .opis .tytul {   color: #000000;   font-size: 12px;   font-weight: bold;   height: 50px;   margin-left: 5px;   padding-top: 15px;   text-align: left;   text-transform: uppercase;   width: 100%; }
.btn-warning { margin-bottom:2% !important; }


}

input.important {
    display: none;
}

#main_content #right_side .ip-page h1 {
   text-transform: none;
   font-family: arial;
}

.ip-page {
    padding-bottom: 2rem;
}

#main_content #right_side .ip-page h1, .ip-page h2, .ip-page h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}

.ip-page p {
    line-height: 20px;
    margin-bottom: 10px;
    text-align: justify;
}