* {margin:0; padding:0;}
body {margin: 0 auto;  background-color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:400; color:#3c3c3b;}
img { border:0; }
a { border: 0; text-decoration: none; color: #3c3c3b; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { padding:0;border:0 none;-moz-box-sizing:content-box;}
b {font-weight:700;}
input { -moz-box-sizing: border-box; box-sizing: border-box;}

/*table {float:left;}
table table{float:none;}
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #bbb;
}
td,th {
    border-top: 1px solid #ddd;
    padding: 4px 8px;
}
tbody tr:nth-child(even)  td { background-color: #eee; }

#na3 {display:none;}
#smallmenu {display:none;}
.wanda {max-width:100%; height:auto; border-radius:10px; margin-top:20px;}

li {margin-left:30px;}

.podtop {width:100%; height:450px; position:absolute; top:0; left:0;  background-position:top center; background-repeat:no-repeat;} 
.top {width:100%; height:450px;  position:relative; z-index:9999;}
.all {margin: 0 auto; width:1200px; position:relative; display:table; font-size:14px;}
.up {width:100%; height:87px; background:url(img/up.png);}
.logo {width:299px; height:87px; background:url(img/logo.png);  position:absolute; top:0; left:0;}
.dane{position:absolute; top:34px; right:0;}
.telefon {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/telefon.png);background-repeat:no-repeat; font-size:16px; font-weight:700; margin-right:20px;}
.koperta {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/koperta.png); background-repeat:no-repeat; font-size:14px;}
.bigmenu {width:100%; height:46px; background:url(img/bigmenu.png);  background-position:top center; background-repeat:no-repeat;}
.duzemenu {height:46px; line-height:45px; position:absolute; top:0; right:0;}
.rog {float:left; width:45px; height:46px; background:url(img/rogmenu.png); }
.menusrodek {float:left; height:46px; line-height:45px; background:url(img/tlomenu.png); border-radius:0px 0px 0 20px;}
.mop {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px; }
.mopa {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px;  background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px;}
.mop:hover {text-decoration:underline;}
.slogan {width:100%; height:79px; background:url(img/slogan.png);  background-position:top center; background-repeat:no-repeat; position:absolute; bottom:0; }

.slogantxt {float:left; width:600px; height:79px; color:#FFF; }
.slogan1a {float:left; height:79px; line-height:78px; font-size:24px; text-shadow:2px 2px 5px #000; margin-right:20px;}
.slogan1b {float:left; height:79px; line-height:78px; font-size:58px; font-weight:700; text-shadow:2px 2px 5px #000;}
.slogan2 {text-align:center; line-height:78px;  font-style:italic; font-size:47px; text-shadow:2px 2px 5px #000; font-weight:300;}

.kolorowa {width:100%; height:12px; background:url(img/kolorowa.jpg); background-position:top center; background-repeat:no-repeat;}

.partner {float:left; width:180px; height:75px; line-height:74px; text-align:center; overflow:hidden; margin:0 10px; font-size:25px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;}

.effectContainer { margin: 0; }
#example1 .effectContainer { width:1000px; height: 75px; overflow: hidden; }
.slide { position: relative; width:1000px;  height: 75px;}
#introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
#introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
#navigation { height: 15px; background: green; }
div.circular { width: 128px; height: 128px; background: none; }
.circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }


.lewa {float:left; width:300px; margin-right:20px; margin-top:20px;}
.lewat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8;  text-transform:uppercase; font-size:18px; font-family: 'Roboto Condensed', sans-serif;}
.lewacnt {float:left; width:100%; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}

.dlaczego {float:left; width:200px; min-height:81px; padding-left:100px;  border-bottom:1px dotted #555555; padding-bottom:20px; margin-bottom:20px;}
.dlaczego b{font-size:16px; color:#9bc43f; text-transform:uppercase;}

.dlaczego1 {background:url(img/dlaczego1.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego2 {background:url(img/dlaczego2.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego3 {background:url(img/dlaczego3.jpg); background-repeat:no-repeat; background-position:left top;  }

.kontakt {float:left; width:107px; height:101px; border:1px solid #d8d8d8; border-radius:5px; margin-right:10px; margin-bottom:10px; background:url(img/kontakt.jpg); background-repeat:no-repeat;}
.napisz {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.prawa {float:left; width:880px;  margin-top:20px;}
.prawat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.prawacnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.prawacnt img{max-width:880px; height:auto;}

.contentt {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.contentcnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.contentcnt img{max-width:1200px; height:auto;}

.szarywiecej {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/szarybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.kategoria {float:left; width:250px; margin-left:20px; margin-right:20px;  margin-bottom:20px; text-align:center;}
.kategoria:hover {font-weight:bold;}
.kategoria img {float:left; width:250px; height:auto; margin-bottom:10px; border-radius:5px; border:1px solid #d8d8d8;}

.stopka {width:100%; height:70px; margin-top:50px;  border-top:1px solid #d8d8d8;}
.ls {width:55px; height:34px; background:url(img/stopka.jpg); position:absolute; top:16px; left:0;}
.wszelkie {font-size:12px; position:absolute; top:7px; left:70px;}
.adres1 {font-size:12px; position:absolute; top:7px; left:430px;}
.adres2 {font-size:12px; position:absolute; top:7px; left:640px;}
.awolg {position:absolute; top:18px; right:0;}

.produktkat {margin-left:25px; margin-right:25px;}

.produkt {float:left; width:100%; margin:0 0px 20px 0px; padding-bottom:10px; border-bottom:1px dotted #555555; }
.produkt img {float:left; width:250px; height:auto; margin-right:20px; margin-bottom:20px; border:1px solid #d8d8d8; border-radius:5px;}

.foto {float:left; width:180px; margin:0 10px 10px 10px; }
.foto img {float:left; width:178px; height:178px; margin-right:20px; border:1px solid #d8d8d8; border-radius:5px;}

.kontaktlewa {float:left; width:380px; margin-right:20px;}
.kontaktsrodek {float:left; width:380px; margin-right:20px;}
.kontaktprawa {float:left; width:400px;}

.panelinput {width:200px; height:30px; line-height:29px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; border-radius:5px;}
.panelarea {width:278px; height:100px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.panelwyslij { padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; margin:20px 0; border:0; font-family: 'Open Sans', sans-serif;}

.formbad {float:left; width:100%; color:red; font-weight:700; margin:10px 0px;}
.formok {float:left; width:100%; color:green; font-weight:700; margin:10px 0px;}


.powrot {float:left; width:200px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin:20px 500px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; text-align:center; }





/* design 1200 STANDART */
@media only screen and (min-width: 1230px) {

.podtop {width:100%; height:450px; position:absolute; top:0; left:0;  background-position:top center; background-repeat:no-repeat;} 
.top {width:100%; height:450px;  position:relative; z-index:9999;}
.all {margin: 0 auto; width:1200px; position:relative; display:table; font-size:14px;}
.up {width:100%; height:87px; background:url(img/up.png);}
.logo {width:299px; height:87px; background:url(img/logo.png);  position:absolute; top:0; left:0;}
.dane{position:absolute; top:34px; right:0;}
.telefon {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/telefon.png);background-repeat:no-repeat; font-size:16px; font-weight:700; margin-right:20px;}
.koperta {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/koperta.png); background-repeat:no-repeat; font-size:14px;}
.bigmenu {width:100%; height:46px; background:url(img/bigmenu.png);  background-position:top center; background-repeat:no-repeat;}
.duzemenu {height:46px; line-height:45px; position:absolute; top:0; right:0;}
.rog {float:left; width:45px; height:46px; background:url(img/rogmenu.png); }
.menusrodek {float:left; height:46px; line-height:45px; background:url(img/tlomenu.png); border-radius:0px 0px 0 20px;}
.mop {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px; }
.mopa {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px;  background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px;}
.mop:hover {text-decoration:underline;}
.slogan {width:100%; height:79px; background:url(img/slogan.png);  background-position:top center; background-repeat:no-repeat; position:absolute; bottom:0; }

.slogantxt {float:left; width:600px; height:79px; color:#FFF; }
.slogan1a {float:left; height:79px; line-height:78px; font-size:24px; text-shadow:2px 2px 5px #000; margin-right:20px;}
.slogan1b {float:left; height:79px; line-height:78px; font-size:58px; font-weight:700; text-shadow:2px 2px 5px #000;}
.slogan2 {text-align:center; line-height:78px;  font-style:italic; font-size:47px; text-shadow:2px 2px 5px #000; font-weight:300;}

.kolorowa {width:100%; height:12px; background:url(img/kolorowa.jpg); background-position:top center; background-repeat:no-repeat;}

.partner {float:left; width:180px; height:75px; line-height:74px; text-align:center; overflow:hidden; margin:0 10px; font-size:25px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;}

.effectContainer { margin: 0; }
#example1 .effectContainer { width:1000px; height: 75px; overflow: hidden; }
.slide { position: relative; width:1000px;  height: 75px;}
#introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
#introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
#navigation { height: 15px; background: green; }
div.circular { width: 128px; height: 128px; background: none; }
.circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }


.lewa {float:left; width:300px; margin-right:20px; margin-top:20px;}
.lewat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8;  text-transform:uppercase; font-size:18px; font-family: 'Roboto Condensed', sans-serif;}
.lewacnt {float:left; width:100%; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}

.dlaczego {float:left; width:200px; min-height:81px; padding-left:100px;  border-bottom:1px dotted #555555; padding-bottom:20px; margin-bottom:20px;}
.dlaczego b{font-size:16px; color:#9bc43f; text-transform:uppercase;}

.dlaczego1 {background:url(img/dlaczego1.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego2 {background:url(img/dlaczego2.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego3 {background:url(img/dlaczego3.jpg); background-repeat:no-repeat; background-position:left top;  }

.kontakt {float:left; width:107px; height:101px; border:1px solid #d8d8d8; border-radius:5px; margin-right:10px; margin-bottom:10px; background:url(img/kontakt.jpg); background-repeat:no-repeat;}
.napisz {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.prawa {float:left; width:880px;  margin-top:20px;}
.prawat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.prawacnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.prawacnt img{max-width:880px; height:auto;}

.contentt {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.contentcnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.contentcnt img{max-width:1200px; height:auto;}

.szarywiecej {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/szarybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.kategoria {float:left; width:250px; margin-left:20px; margin-right:20px;  margin-bottom:20px; text-align:center;}
.kategoria:hover {font-weight:bold;}
.kategoria img {float:left; width:250px; height:auto; margin-bottom:10px; border-radius:5px; border:1px solid #d8d8d8;}

.stopka {width:100%; height:70px; margin-top:50px;  border-top:1px solid #d8d8d8;}
.ls {width:55px; height:34px; background:url(img/stopka.jpg); position:absolute; top:16px; left:0;}
.wszelkie {font-size:12px; position:absolute; top:7px; left:70px;}
.adres1 {font-size:12px; position:absolute; top:7px; left:430px;}
.adres2 {font-size:12px; position:absolute; top:7px; left:640px;}
.awolg {position:absolute; top:18px; right:0;}

.produktkat {margin-left:25px; margin-right:25px;}

.produkt {float:left; width:100%; margin:0 0px 20px 0px; padding-bottom:10px; border-bottom:1px dotted #555555; }
.produkt img {float:left; width:250px; height:auto; margin-right:20px; margin-bottom:20px; border:1px solid #d8d8d8; border-radius:5px;}

.foto {float:left; width:180px; margin:0 10px 10px 10px; }
.foto img {float:left; width:178px; height:178px; margin-right:20px; border:1px solid #d8d8d8; border-radius:5px;}

.kontaktlewa {float:left; width:380px; margin-right:20px;}
.kontaktsrodek {float:left; width:380px; margin-right:20px;}
.kontaktprawa {float:left; width:400px;}

.panelinput {width:200px; height:30px; line-height:29px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; border-radius:5px;}
.panelarea {width:278px; height:100px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.panelwyslij { padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; margin:20px 0; border:0; font-family: 'Open Sans', sans-serif;}

.formbad {float:left; width:100%; color:red; font-weight:700; margin:10px 0px;}
.formok {float:left; width:100%; color:green; font-weight:700; margin:10px 0px;}


.powrot {float:left; width:200px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin:20px 500px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; text-align:center; }




}




/* design 960 STANDARD */
@media only screen and (min-width: 990px) and (max-width: 1230px) {

.podtop {width:100%; height:450px; position:absolute; top:0; left:0;  background-position:top center; background-repeat:no-repeat;} 
.top {width:100%; height:450px;  position:relative; z-index:9999;}
.all {margin: 0 auto; width:960px; position:relative; display:table; font-size:14px;}
.up {width:100%; height:87px; background:url(img/up.png);}
.logo {width:299px; height:87px; background:url(img/logo.png);  position:absolute; top:0; left:0;}
.dane{position:absolute; top:34px; right:15px;}
.telefon {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/telefon.png);background-repeat:no-repeat; font-size:16px; font-weight:700; margin-right:20px;}
.koperta {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/koperta.png); background-repeat:no-repeat; font-size:14px;}
.bigmenu {width:100%; height:46px; background:url(img/tlomenu.png); background-position:top center; background-repeat:repeat-x;}
.duzemenu {height:46px; line-height:45px; position:absolute; top:0; right:0;}
.rog {float:left; width:45px; height:46px; background:url(img/rogmenu.png); }
.menusrodek {float:left; height:46px; line-height:45px; background:none; border-radius:0px 0px 0 20px;}
.mop {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px; }
.mopa {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px;  background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px;}
.mop:hover {text-decoration:underline;}
.slogan {width:100%; height:79px; background:url(img/slogan.png);  background-position:top center; background-repeat:no-repeat; position:absolute; bottom:0; }

.slogantxt {float:left; width:480px; height:79px; color:#FFF; }
.slogan1a {float:left; height:79px; line-height:78px; font-size:20px; text-shadow:2px 2px 5px #000; margin-right:20px;}
.slogan1b {float:left; height:79px; line-height:78px; font-size:58px; font-weight:700; text-shadow:2px 2px 5px #000;}
.slogan2 {text-align:center; line-height:78px;  font-style:italic; font-size:35px; text-shadow:2px 2px 5px #000; font-weight:300;}

.kolorowa {width:100%; height:12px; background:url(img/kolorowa.jpg); background-position:top center; background-repeat:no-repeat;}

.partner {float:left; width:140px; height:58px; line-height:58px; text-align:center; overflow:hidden; margin:0 10px; font-size:25px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;}
.partner img {width:140px; height:auto;}

.effectContainer { margin: 0; }
#example1 .effectContainer { width:800px; height: 58px; overflow: hidden; }
.slide { position: relative; width:800px;  height: 58px;}
#introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
#introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
#navigation { height: 15px; background: green; }
div.circular { width: 128px; height: 128px; background: none; }
.circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }


.lewa {float:left; width:300px; margin-right:20px; margin-top:20px;}
.lewat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8;  text-transform:uppercase; font-size:18px; font-family: 'Roboto Condensed', sans-serif;}
.lewacnt {float:left; width:100%; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}

.dlaczego {float:left; width:200px; min-height:81px; padding-left:100px;  border-bottom:1px dotted #555555; padding-bottom:20px; margin-bottom:20px;}
.dlaczego b{font-size:16px; color:#9bc43f; text-transform:uppercase;}

.dlaczego1 {background:url(img/dlaczego1.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego2 {background:url(img/dlaczego2.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego3 {background:url(img/dlaczego3.jpg); background-repeat:no-repeat; background-position:left top;  }

.kontakt {float:left; width:107px; height:101px; border:1px solid #d8d8d8; border-radius:5px; margin-right:10px; margin-bottom:10px; background:url(img/kontakt.jpg); background-repeat:no-repeat;}
.napisz {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.prawa {float:left; width:640px;  margin-top:20px;}
.prawat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.prawacnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.prawacnt img{max-width:640px; height:auto;}

.contentt {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.contentcnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.contentcnt img{max-width:960px; height:auto;}

.szarywiecej {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/szarybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.kategoria {float:left; width:250px; margin-left:20px; margin-right:20px;  margin-bottom:20px; text-align:center;}
.kategoria:hover {font-weight:bold;}
.kategoria img {float:left; width:250px; height:auto; margin-bottom:10px; border-radius:5px; border:1px solid #d8d8d8;}

.stopka {width:100%; height:70px; margin-top:50px;  border-top:1px solid #d8d8d8;}
.ls {width:55px; height:34px; background:url(img/stopka.jpg); position:absolute; top:16px; left:0;}
.wszelkie {font-size:12px; position:absolute; top:7px; left:70px;}
.adres1 {font-size:12px; position:absolute; top:7px; left:400px;}
.adres2 {font-size:12px; position:absolute; top:7px; left:610px;}
.awolg {position:absolute; top:18px; right:0;}

.produktkat {margin-left:25px; margin-right:25px;}

.produkt {float:left; width:100%; margin:0 0px 20px 0px; padding-bottom:10px; border-bottom:1px dotted #555555; }
.produkt img {float:left; width:250px; height:auto; margin-right:20px; margin-bottom:20px; border:1px solid #d8d8d8; border-radius:5px;}

.foto {float:left; width:180px; margin:0 10px 10px 10px; }
.foto img {float:left; width:178px; height:178px; margin-right:20px; border:1px solid #d8d8d8; border-radius:5px;}

.kontaktlewa {float:left; width:960px; margin-right:0px; margin-bottom:50px;}
.kontaktsrodek {float:left; width:460px; margin-right:20px;}
.kontaktprawa {float:left; width:480px;}

.panelinput {width:200px; height:30px; line-height:29px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; border-radius:5px;}
.panelarea {width:278px; height:100px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.panelwyslij { padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; margin:20px 0; border:0; font-family: 'Open Sans', sans-serif;}

.formbad {float:left; width:100%; color:red; font-weight:700; margin:10px 0px;}
.formok {float:left; width:100%; color:green; font-weight:700; margin:10px 0px;}


.powrot {float:left; width:200px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin:20px 380px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; text-align:center; }

}


/* design 700 */
@media only screen and (min-width: 720px) and (max-width: 990px) {

#na5 {display:none;}
#na3 {display:block;}


.podtop {width:100%; height:400px; position:absolute; top:0; left:0;  background-position:top center; background-repeat:no-repeat; background-size:auto 100%;} 
.top {width:100%; height:400px;  position:relative; z-index:9999;}
.all {margin: 0 auto; width:700px; position:relative; display:table; font-size:14px;}
.up {width:100%; height:87px; background:url(img/up.png);}
.logo {width:299px; height:87px; background:url(img/logo.png);  position:absolute; top:0; left:0;}
.dane{position:absolute; top:34px; right:15px;}
.telefon {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/telefon.png);background-repeat:no-repeat; font-size:16px; font-weight:700; margin-right:20px;}
.koperta {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/koperta.png); background-repeat:no-repeat; font-size:14px;}
.bigmenu {width:100%; height:46px; background:url(img/tlomenu.png); background-position:top center; background-repeat:repeat-x;}
.duzemenu {height:46px; line-height:45px; position:absolute; top:0; right:0;}
.rog {float:left; width:45px; height:46px; background:url(img/rogmenu.png); }
.menusrodek {float:left; height:46px; line-height:45px; background:none; border-radius:0px 0px 0 20px;}
.mop {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px; }
.mopa {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px;  background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px;}
.mop:hover {text-decoration:underline;}
.slogan {width:100%; height:79px; background:url(img/slogan.png);  background-position:top center; background-repeat:no-repeat; position:absolute; bottom:0; }

.slogantxt {float:left; width:350px; height:79px; color:#FFF; }
.slogan1a {float:left; height:79px; line-height:78px; font-size:16px; text-shadow:2px 2px 5px #000; margin-right:20px;}
.slogan1b {float:left; height:79px; line-height:78px; font-size:45px; font-weight:700; text-shadow:2px 2px 5px #000;}
.slogan2 {text-align:center; line-height:78px;  font-style:italic; font-size:28px; text-shadow:2px 2px 5px #000; font-weight:300;}

.kolorowa {width:100%; height:12px; background:url(img/kolorowa.jpg); background-position:top center; background-repeat:no-repeat;}

.partner {float:left; width:155px; height:65px; line-height:64px; text-align:center; overflow:hidden; margin:0 10px; font-size:25px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;}
.partner img {width:155px; height:auto;}

.effectContainer { margin: 0; }
#example2 .effectContainer { width:525px; height: 65px; overflow: hidden; }
.slide { position: relative; width:525px;  height: 65px;}
#introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
#introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
#navigation { height: 15px; background: green; }
div.circular { width: 128px; height: 128px; background: none; }
.circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }


.lewa {float:left; width:300px; margin-right:20px; margin-top:20px; display:none;}
.lewat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8;  text-transform:uppercase; font-size:18px; font-family: 'Roboto Condensed', sans-serif;}
.lewacnt {float:left; width:100%; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}

.dlaczego {float:left; width:200px; min-height:81px; padding-left:100px;  border-bottom:1px dotted #555555; padding-bottom:20px; margin-bottom:20px;}
.dlaczego b{font-size:16px; color:#9bc43f; text-transform:uppercase;}

.dlaczego1 {background:url(img/dlaczego1.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego2 {background:url(img/dlaczego2.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego3 {background:url(img/dlaczego3.jpg); background-repeat:no-repeat; background-position:left top;  }

.kontakt {float:left; width:107px; height:101px; border:1px solid #d8d8d8; border-radius:5px; margin-right:10px; margin-bottom:10px; background:url(img/kontakt.jpg); background-repeat:no-repeat;}
.napisz {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.prawa {float:left; width:700px;  margin-top:20px;}
.prawat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.prawacnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.prawacnt img{max-width:700px; height:auto;}

.contentt {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.contentcnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.contentcnt img{max-width:700px; height:auto;}

.szarywiecej {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/szarybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.kategoria {float:left; width:250px; margin-left:20px; margin-right:20px;  margin-bottom:20px; text-align:center;}
.kategoria:hover {font-weight:bold;}
.kategoria img {float:left; width:250px; height:auto; margin-bottom:10px; border-radius:5px; border:1px solid #d8d8d8;}

.stopka {width:100%; height:70px; margin-top:50px;  border-top:1px solid #d8d8d8;}
.ls {width:55px; height:34px; background:url(img/stopka.jpg); position:absolute; top:16px; left:0;}
.wszelkie {font-size:12px; position:absolute; top:7px; left:70px;}
.adres1 {font-size:12px; position:absolute; top:7px; left:300px;}
.adres2 {font-size:12px; position:absolute; top:7px; left:480px;}
.awolg {position:absolute; top:18px; right:0;}

.produktkat {margin-left:25px; margin-right:25px;}

.produkt {float:left; width:100%; margin:0 0px 20px 0px; padding-bottom:10px; border-bottom:1px dotted #555555; }
.produkt img {float:left; width:250px; height:auto; margin-right:20px; margin-bottom:20px; border:1px solid #d8d8d8; border-radius:5px;}

.foto {float:left; width:180px; margin:0 10px 10px 10px; }
.foto img {float:left; width:178px; height:178px; margin-right:20px; border:1px solid #d8d8d8; border-radius:5px;}

.kontaktlewa {float:left; width:700px; margin-right:0px; margin-bottom:50px;}
.kontaktsrodek {float:left; width:330px; margin-right:20px;}
.kontaktprawa {float:left; width:350px;}

.panelinput {width:200px; height:30px; line-height:29px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; border-radius:5px;}
.panelarea {width:278px; height:100px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.panelwyslij { padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; margin:20px 0; border:0; font-family: 'Open Sans', sans-serif;}

.formbad {float:left; width:100%; color:red; font-weight:700; margin:10px 0px;}
.formok {float:left; width:100%; color:green; font-weight:700; margin:10px 0px;}


.powrot {float:left; width:200px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin:20px 250px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; text-align:center; }


}


/* design 600 */
@media only screen and (min-width: 620px) and (max-width: 720px) {

#na5 {display:none;}
#na3 {display:block;}

#bigmenu {display:none;}
#smallmenu {display:block;}
#zaufali {display:none;}

table {
		display:block;
		overflow-x: auto;
		max-width:600px;
	}

.menuico {width:30px; height:30px; background:url(img/menu.png); position:absolute; top:26px; right:10px; cursor:pointer; z-index:9999;}
.ukrytemenu {width:200px; position:absolute; top:85px; right:10px; z-index:9999; background:#FFF; display:none; color:#3c3c3b;}
.mu {float:left; width:100%; padding:10px 0; font-size:14px; line-height:18px;  color:#3c3c3b; text-align:center;}
.mua {float:left; width:100%; padding:10px 0; font-size:14px; background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px; color:#FFF; line-height:18px; text-align:center;}


.podtop {width:100%; height:400px; position:absolute; top:0; left:0;  background-position:top center; background-repeat:no-repeat; background-size:auto 100%;} 
.top {width:100%; height:400px;  position:relative; z-index:9999;}
.all {margin: 0 auto; width:600px; position:relative; display:table; font-size:14px;}
.up {width:100%; height:87px; background:url(img/up.png);}
.logo {width:299px; height:87px; background:url(img/logo.png);  position:absolute; top:0; left:0;}
.dane{position:absolute; top:34px; right:15px; display:none;}
.telefon {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/telefon.png);background-repeat:no-repeat; font-size:16px; font-weight:700; margin-right:20px;}
.koperta {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/koperta.png); background-repeat:no-repeat; font-size:14px;}
.bigmenu {width:100%; height:46px; background:url(img/tlomenu.png); background-position:top center; background-repeat:repeat-x;}
.duzemenu {height:46px; line-height:45px; position:absolute; top:0; right:0;}
.rog {float:left; width:45px; height:46px; background:url(img/rogmenu.png); }
.menusrodek {float:left; height:46px; line-height:45px; background:none; border-radius:0px 0px 0 20px;}
.mop {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px; }
.mopa {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px;  background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px;}
.mop:hover {text-decoration:underline;}
.slogan {width:100%; height:79px; background:url(img/slogan.png);  background-position:top center; background-repeat:no-repeat; position:absolute; bottom:0; }

.slogantxt {float:left; width:300px; height:79px; color:#FFF; }
.slogan1a {float:left; height:79px; line-height:78px; font-size:14px; text-shadow:2px 2px 5px #000; margin-right:20px;}
.slogan1b {float:left; height:79px; line-height:78px; font-size:30px; font-weight:700; text-shadow:2px 2px 5px #000;}
.slogan2 {text-align:center; line-height:78px;  font-style:italic; font-size:20px; text-shadow:2px 2px 5px #000; font-weight:300;}

.kolorowa {width:100%; height:12px; background:url(img/kolorowa.jpg); background-position:top center; background-repeat:no-repeat;}

.partner {float:left; width:180px; height:75px; line-height:74px; text-align:center; overflow:hidden; margin:0 10px; font-size:25px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;}
.partner img {width:180px; height:auto;}

.effectContainer { margin: 0; }
#example2 .effectContainer { width:600px; height: 75px; overflow: hidden; }
.slide { position: relative; width:600px;  height: 75px;}
#introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
#introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
#navigation { height: 15px; background: green; }
div.circular { width: 128px; height: 128px; background: none; }
.circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }


.lewa {float:left; width:300px; margin-right:20px; margin-top:20px; display:none;}
.lewat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8;  text-transform:uppercase; font-size:18px; font-family: 'Roboto Condensed', sans-serif;}
.lewacnt {float:left; width:100%; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}

.dlaczego {float:left; width:200px; min-height:81px; padding-left:100px;  border-bottom:1px dotted #555555; padding-bottom:20px; margin-bottom:20px;}
.dlaczego b{font-size:16px; color:#9bc43f; text-transform:uppercase;}

.dlaczego1 {background:url(img/dlaczego1.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego2 {background:url(img/dlaczego2.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego3 {background:url(img/dlaczego3.jpg); background-repeat:no-repeat; background-position:left top;  }

.kontakt {float:left; width:107px; height:101px; border:1px solid #d8d8d8; border-radius:5px; margin-right:10px; margin-bottom:10px; background:url(img/kontakt.jpg); background-repeat:no-repeat;}
.napisz {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.prawa {float:left; width:600px;  margin-top:20px;}
.prawat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.prawacnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.prawacnt img{max-width:600px; height:auto;}

.contentt {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.contentcnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.contentcnt img{max-width:600px; height:auto;}

.szarywiecej {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/szarybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.kategoria {float:left; width:250px; margin-left:20px; margin-right:20px;  margin-bottom:20px; text-align:center;}
.kategoria:hover {font-weight:bold;}
.kategoria img {float:left; width:250px; height:auto; margin-bottom:10px; border-radius:5px; border:1px solid #d8d8d8;}

.stopka {width:100%; height:70px; margin-top:50px;  border-top:1px solid #d8d8d8;}
.ls {width:55px; height:34px; background:url(img/stopka.jpg); position:absolute; top:16px; left:0;}
.wszelkie {font-size:12px; position:absolute; top:7px; left:70px;}
.adres1 {font-size:12px; position:absolute; top:7px; left:300px; display:none;}
.adres2 {font-size:12px; position:absolute; top:7px; left:480px; display:none;}
.awolg {position:absolute; top:18px; right:0;}

.produktkat {margin-left:25px; margin-right:25px;}

.produkt {float:left; width:100%; margin:0 0px 20px 0px; padding-bottom:10px; border-bottom:1px dotted #555555; }
.produkt img {float:left; width:250px; height:auto; margin-right:20px; margin-bottom:20px; border:1px solid #d8d8d8; border-radius:5px;}

.foto {float:left; width:180px; margin:0 10px 10px 10px; }
.foto img {float:left; width:178px; height:178px; margin-right:20px; border:1px solid #d8d8d8; border-radius:5px;}

.kontaktlewa {float:left; width:600px; margin-right:0px; margin-bottom:50px;}
.kontaktsrodek {float:left; width:600px; margin-right:0px; margin-bottom:50px;}
.kontaktprawa {float:left; width:600px;}

.panelinput {width:200px; height:30px; line-height:29px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; border-radius:5px;}
.panelarea {width:278px; height:100px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.panelwyslij { padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; margin:20px 0; border:0; font-family: 'Open Sans', sans-serif;}

.formbad {float:left; width:100%; color:red; font-weight:700; margin:10px 0px;}
.formok {float:left; width:100%; color:green; font-weight:700; margin:10px 0px;}


.powrot {float:left; width:200px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin:20px 200px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; text-align:center; }



}

/* design 400 */
@media only screen and (min-width: 420px) and (max-width: 620px) {

#na5 {display:none;}
#na3 {display:block;}

#bigmenu {display:none;}
#smallmenu {display:block;}
#zaufali {display:none;}
#slogan1 {display:none;}

table {
		display:block;
		overflow-x: auto;
		max-width:400px;
	}

.menuico {width:30px; height:30px; background:url(img/menu.png); position:absolute; top:26px; right:10px; cursor:pointer; z-index:9999;}
.ukrytemenu {width:200px; position:absolute; top:85px; right:10px; z-index:9999; background:#FFF; display:none; color:#3c3c3b;}
.mu {float:left; width:100%; padding:10px 0; font-size:14px; line-height:18px;  color:#3c3c3b; text-align:center;}
.mua {float:left; width:100%; padding:10px 0; font-size:14px; background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px; color:#FFF; line-height:18px; text-align:center;}


.podtop {width:100%; height:400px; position:absolute; top:0; left:0;  background-position:top center; background-repeat:no-repeat; background-size:auto 100%;} 
.top {width:100%; height:400px;  position:relative; z-index:9999;}
.all {margin: 0 auto; width:400px; position:relative; display:table; font-size:14px;}
.up {width:100%; height:87px; background:url(img/up.png);}
.logo {width:299px; height:87px; background:url(img/logo.png);  position:absolute; top:0; left:0;}
.dane{position:absolute; top:34px; right:15px; display:none;}
.telefon {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/telefon.png);background-repeat:no-repeat; font-size:16px; font-weight:700; margin-right:20px;}
.koperta {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/koperta.png); background-repeat:no-repeat; font-size:14px;}
.bigmenu {width:100%; height:46px; background:url(img/tlomenu.png); background-position:top center; background-repeat:repeat-x;}
.duzemenu {height:46px; line-height:45px; position:absolute; top:0; right:0;}
.rog {float:left; width:45px; height:46px; background:url(img/rogmenu.png); }
.menusrodek {float:left; height:46px; line-height:45px; background:none; border-radius:0px 0px 0 20px;}
.mop {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px; }
.mopa {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px;  background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px;}
.mop:hover {text-decoration:underline;}
.slogan {width:100%; height:79px; background:url(img/slogan2.png);  background-position:top center; background-repeat:repeat-x; position:absolute; bottom:0; }

.slogantxt {float:left; width:400px; height:79px; color:#FFF; }
.slogan1a {float:left; height:79px; line-height:78px; font-size:14px; text-shadow:2px 2px 5px #000; margin-right:20px;}
.slogan1b {float:left; height:79px; line-height:78px; font-size:30px; font-weight:700; text-shadow:2px 2px 5px #000;}
.slogan2 {text-align:center; line-height:78px;  font-style:italic; font-size:20px; text-shadow:2px 2px 5px #000; font-weight:300;}

.kolorowa {width:100%; height:12px; background:url(img/kolorowa.jpg); background-position:top center; background-repeat:no-repeat;}

.partner {float:left; width:110px; height:46px; line-height:45px; text-align:center; overflow:hidden; margin:0 10px; font-size:25px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;}
.partner img {width:110px; height:auto;}

.effectContainer { margin: 0; }
#example2 .effectContainer { width:400px; height: 46px; overflow: hidden; }
.slide { position: relative; width:400px;  height: 46px;}
#introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
#introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
#navigation { height: 15px; background: green; }
div.circular { width: 128px; height: 128px; background: none; }
.circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }


.lewa {float:left; width:300px; margin-right:20px; margin-top:20px; display:none;}
.lewat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8;  text-transform:uppercase; font-size:18px; font-family: 'Roboto Condensed', sans-serif;}
.lewacnt {float:left; width:100%; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}

.dlaczego {float:left; width:200px; min-height:81px; padding-left:100px;  border-bottom:1px dotted #555555; padding-bottom:20px; margin-bottom:20px;}
.dlaczego b{font-size:16px; color:#9bc43f; text-transform:uppercase;}

.dlaczego1 {background:url(img/dlaczego1.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego2 {background:url(img/dlaczego2.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego3 {background:url(img/dlaczego3.jpg); background-repeat:no-repeat; background-position:left top;  }

.kontakt {float:left; width:107px; height:101px; border:1px solid #d8d8d8; border-radius:5px; margin-right:10px; margin-bottom:10px; background:url(img/kontakt.jpg); background-repeat:no-repeat;}
.napisz {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.prawa {float:left; width:400px;  margin-top:20px;}
.prawat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; }
.prawacnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.prawacnt img{max-width:400px; height:auto;}

.contentt {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.contentcnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.contentcnt img{max-width:400px; height:auto;}

.szarywiecej {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/szarybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.kategoria {float:left; width:250px; margin-left:75px; margin-right:75px;  margin-bottom:20px; text-align:center;}
.kategoria:hover {font-weight:bold;}
.kategoria img {float:left; width:250px; height:auto; margin-bottom:10px; border-radius:5px; border:1px solid #d8d8d8;}

.stopka {width:100%; height:70px; margin-top:50px;  border-top:1px solid #d8d8d8;}
.ls {width:55px; height:34px; background:url(img/stopka.jpg); position:absolute; top:16px; left:0;}
.wszelkie {font-size:12px; position:absolute; top:7px; left:70px;}
.adres1 {font-size:12px; position:absolute; top:7px; left:300px; display:none;}
.adres2 {font-size:12px; position:absolute; top:7px; left:480px; display:none;}
.awolg {position:absolute; top:18px; right:0;}

.produktkat {margin-left:75px; margin-right:75px;}

.produkt {float:left; width:100%; margin:0 0px 20px 0px; padding-bottom:10px; border-bottom:1px dotted #555555; }
.produkt img {float:left; width:200px; height:auto; margin-right:20px; margin-bottom:20px; border:1px solid #d8d8d8; border-radius:5px;}

.foto {float:left; width:180px; margin:0 10px 10px 10px; }
.foto img {float:left; width:178px; height:178px; margin-right:20px; border:1px solid #d8d8d8; border-radius:5px;}

.kontaktlewa {float:left; width:400px; margin-right:0px; margin-bottom:50px;}
.kontaktsrodek {float:left; width:400px; margin-right:0px; margin-bottom:50px;}
.kontaktprawa {float:left; width:400px;}

.panelinput {width:200px; height:30px; line-height:29px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; border-radius:5px;}
.panelarea {width:278px; height:100px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.panelwyslij { padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; margin:20px 0; border:0; font-family: 'Open Sans', sans-serif;}

.formbad {float:left; width:100%; color:red; font-weight:700; margin:10px 0px;}
.formok {float:left; width:100%; color:green; font-weight:700; margin:10px 0px;}


.powrot {float:left; width:200px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin:20px 100px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; text-align:center; }



}



/* design 300 */
@media only screen and (min-width: 10px) and (max-width: 419px) {

#na5 {display:none;}
#na3 {display:block;}

#bigmenu {display:none;}
#smallmenu {display:block;}
#zaufali {display:none;}
#slogan1 {display:none;}

table {
		display:block;
		overflow-x: auto;
		max-width:300px;
	}

.menuico {width:30px; height:30px; background:url(img/menu.png); position:absolute; top:26px; right:10px; cursor:pointer; z-index:9999;}
.ukrytemenu {width:200px; position:absolute; top:85px; right:10px; z-index:9999; background:#FFF; display:none; color:#3c3c3b;}
.mu {float:left; width:100%; padding:10px 0; font-size:14px; line-height:18px;  color:#3c3c3b; text-align:center;}
.mua {float:left; width:100%; padding:10px 0; font-size:14px; background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px; color:#FFF; line-height:18px; text-align:center;}


.podtop {width:100%; height:300px; position:absolute; top:0; left:0;  background-position:top center; background-repeat:no-repeat; background-size:auto 100%;} 
.top {width:100%; height:300px;  position:relative; z-index:9999;}
.all {margin: 0 auto; width:300px; position:relative; display:table; font-size:14px;}
.up {width:100%; height:87px; background:url(img/up.png);}
.logo {width:240px; height:70px; background:url(img/logo.png);  position:absolute; top:5px; left:0; background-size:contain; background-repeat:no-repeat;}
.dane{position:absolute; top:34px; right:15px; display:none;}
.telefon {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/telefon.png);background-repeat:no-repeat; font-size:16px; font-weight:700; margin-right:20px;}
.koperta {float:left; padding-left:30px; height:22px; line-height:21px; background:url(img/koperta.png); background-repeat:no-repeat; font-size:14px;}
.bigmenu {width:100%; height:46px; background:url(img/tlomenu.png); background-position:top center; background-repeat:repeat-x;}
.duzemenu {height:46px; line-height:45px; position:absolute; top:0; right:0;}
.rog {float:left; width:45px; height:46px; background:url(img/rogmenu.png); }
.menusrodek {float:left; height:46px; line-height:45px; background:none; border-radius:0px 0px 0 20px;}
.mop {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px; }
.mopa {float:left; padding:0 15px;  height:46px; line-height:45px; font-size:14px;  background:#95c72f; color:#FFF; border-radius:0px 20px 0 20px;}
.mop:hover {text-decoration:underline;}
.slogan {width:100%; height:79px; background:url(img/slogan2.png);  background-position:top center; background-repeat:repeat-x; position:absolute; bottom:0; }

.slogantxt {float:left; width:300px; height:79px; color:#FFF; }
.slogan1a {float:left; height:79px; line-height:78px; font-size:14px; text-shadow:2px 2px 5px #000; margin-right:20px;}
.slogan1b {float:left; height:79px; line-height:78px; font-size:30px; font-weight:700; text-shadow:2px 2px 5px #000;}
.slogan2 {text-align:center; line-height:78px;  font-style:italic; font-size:20px; text-shadow:2px 2px 5px #000; font-weight:300;}

.kolorowa {width:100%; height:12px; background:url(img/kolorowa.jpg); background-position:top center; background-repeat:no-repeat;}

.partner {float:left; width:80px; height:33px; line-height:33px; text-align:center; overflow:hidden; margin:0 10px; font-size:25px; font-weight:300; font-family: 'Roboto Condensed', sans-serif;}
.partner img {width:80px; height:auto;}

.effectContainer { margin: 0; }
#example2 .effectContainer { width:300px; height: 33px; overflow: hidden; }
.slide { position: relative; width:300px;  height: 33px;}
#introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
#introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
#navigation { height: 15px; background: green; }
div.circular { width: 128px; height: 128px; background: none; }
.circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }


.lewa {float:left; width:300px; margin-right:20px; margin-top:20px; display:none;}
.lewat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8;  text-transform:uppercase; font-size:18px; font-family: 'Roboto Condensed', sans-serif;}
.lewacnt {float:left; width:100%; margin-bottom:10px; font-family: 'Open Sans', sans-serif;}

.dlaczego {float:left; width:200px; min-height:81px; padding-left:100px;  border-bottom:1px dotted #555555; padding-bottom:20px; margin-bottom:20px;}
.dlaczego b{font-size:16px; color:#9bc43f; text-transform:uppercase;}

.dlaczego1 {background:url(img/dlaczego1.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego2 {background:url(img/dlaczego2.jpg); background-repeat:no-repeat; background-position:left top; }
.dlaczego3 {background:url(img/dlaczego3.jpg); background-repeat:no-repeat; background-position:left top;  }

.kontakt {float:left; width:107px; height:101px; border:1px solid #d8d8d8; border-radius:5px; margin-right:10px; margin-bottom:10px; background:url(img/kontakt.jpg); background-repeat:no-repeat;}
.napisz {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.prawa {float:left; width:300px;  margin-top:20px;}
.prawat {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; }
.prawacnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.prawacnt img{max-width:300px; height:auto;}

.contentt {float:left; width:100%; margin-bottom:20px; padding:20px 0; border-bottom:1px solid #d8d8d8; text-transform:uppercase; font-size:18px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.contentcnt {float:left; width:100%; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.contentcnt img{max-width:300px; height:auto;}

.szarywiecej {float:right; padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/szarybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px;}

.kategoria {float:left; width:250px; margin-left:25px; margin-right:25px;  margin-bottom:20px; text-align:center;}
.kategoria:hover {font-weight:bold;}
.kategoria img {float:left; width:250px; height:auto; margin-bottom:10px; border-radius:5px; border:1px solid #d8d8d8;}

.stopka {width:100%; height:70px; margin-top:50px;  border-top:1px solid #d8d8d8;}
.ls {width:55px; height:34px; background:url(img/stopka.jpg); position:absolute; top:16px; left:0; display:none;}
.wszelkie {font-size:12px; position:absolute; top:7px; left:0px;}
.adres1 {font-size:12px; position:absolute; top:7px; left:300px; display:none;}
.adres2 {font-size:12px; position:absolute; top:7px; left:480px; display:none;}
.awolg {position:absolute; top:18px; right:0;}

.produktkat {margin-left:25px; margin-right:25px;}

.produkt {float:left; width:100%; margin:0 0px 20px 0px; padding-bottom:10px; border-bottom:1px dotted #555555; }
.produkt img {float:left; width:298px; height:auto; margin-right:0px; margin-bottom:20px; border:1px solid #d8d8d8; border-radius:5px;}

.foto {float:left; width:300px; margin:0 0px 10px 0px; }
.foto img {float:left; width:298px; height:298px; margin-right:0px; border:1px solid #d8d8d8; border-radius:5px;}

.kontaktlewa {float:left; width:300px; margin-right:0px; margin-bottom:50px;}
.kontaktsrodek {float:left; width:300px; margin-right:0px; margin-bottom:50px;}
.kontaktprawa {float:left; width:300px;}

.panelinput {width:200px; height:30px; line-height:29px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; border-radius:5px;}
.panelarea {width:278px; height:100px; font-family: 'Open Sans', sans-serif; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.panelwyslij { padding:0 25px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin-top:20px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; margin:20px 0; border:0; font-family: 'Open Sans', sans-serif;}

.formbad {float:left; width:100%; color:red; font-weight:700; margin:10px 0px;}
.formok {float:left; width:100%; color:green; font-weight:700; margin:10px 0px;}


.powrot {float:left; width:200px; height:38px; line-height:37px; font-size:15px; text-shadow:1px 1px 2px #545454; margin:20px 50px; background:url(img/zielonybutton.png); font-weight:700; color:#FFF; border-radius:0px 15px 0 15px; text-align:center; }



}


/* SLIMBOX */

#lbOverlay {
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        cursor: pointer;
}


#lbCenter, #lbBottomContainer {
        position: absolute;
        z-index: 9999;
        overflow: hidden;
        background-color: #fff;
}

.lbLoading {
        background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
        position: absolute;
        left: 0;
        top: 0;
        border: 10px solid #fff;
        background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
        display: block;
        position: absolute;
        top: 0;
        width: 50%;
        outline: none;
}

#lbPrevLink {
        left: 0;
}


#lbPrevLink:hover {
        background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
        right: 0;
}

#lbNextLink:hover {
        background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        color: #666;
        line-height: 1.4em;
        text-align: left;
        border: 10px solid #fff;
        border-top-style: none;
}

#lbCloseLink {
        display: block;
        float: right;
        width: 66px;
        height: 22px;
        background: transparent url(img/closelabel.gif) no-repeat center;
        margin: 5px 0;
        outline: none;
}

#lbCaption, #lbNumber {
        margin-right: 71px;
}

#lbCaption {
        font-weight: bold;
}