* {margin:0; padding:0;}
body {margin: 0 auto;  background-color:#FFF; background:url(img/tlo.jpg); background-position:top center; background-repeat:no-repeat; color:#4b4b4b; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight:400;}
img { border:0; }
a { border: 0; text-decoration: none; color: #4b4b4b; }
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;}
li {margin-left:30px;}

#smallmenu {display:none;}

.top {width:100%; height:181px; background:url(img/top.jpg); background-repeat:no-repeat; background-position:top center;}
.all {margin: 0 auto; width:1200px; position:relative; display:table;}
.logo {width:350px; height:120px;background-repeat:no-repeat; background-size:contain; position:absolute; top:25px; left:0;}
.dane {position:absolute; top:58px; right:0;}
.danedane {float:left; border-left:1px solid #dfdfdf; margin-left:10px; padding-left:20px; text-transform:uppercase; font-size:13px; font-style:italic; line-height:20px;}
.danedane span {color:#003a7e;}

.menu {width:100%; height:60px; background:#6082a9; line-height:60px;}
.mopstart {border-left:1px solid #819ab8;}
.mop {float:left; padding:0 20px; color:#FFF; font-size:16px; border-right:1px solid #819ab8;}
.mopa {background:#FFF; color:#6082a9;}

.main {width:100%; height:370px; background:url(img/main.jpg); background-repeat:no-repeat; background-position:top center;}
.slogan {font-weight:300; font-style:italic; text-transform:uppercase; color:#4b4b4b; font-size:42px; position:absolute; top:145px; left:0; font-family: 'Roboto Condensed', sans-serif;}
.slogan b {color:#737373;}

.lewa {float:left; width:900px;}
.lewat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.lewacnt {float:left; width:100%; margin-bottom:20px;}
.wiecejonas {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.wiecejonas:hover {background:#6082a9; color:#FFF;}

.box {float:left; width:280px; height:400px; overflow:hidden; position:relative; margin:10px;}
.box:hover  .boxwiecej {background:#6082a9; color:#FFF;}
.boxt {float:left; width:100%; padding:10px 0; font-size:26px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.box img {float:left; width:100%; height:auto; margin-bottom:20px;}
.boxcnt {float:left; width:100%; font-size:14px; line-height:20px;}
.boxwiecej {position:absolute;  width:60%; left:20%; bottom:10px; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.boxwiecej:hover {background:#6082a9; color:#FFF;}

.prawa {float:left; width:280px; margin-left:20px;}
.prawat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.prawacnt {float:left; width:100%; margin-bottom:20px;}

.stopka {width:100%; height:60px; background:#6082a9; color:#FFF; font-size:12px; margin-top:50px;}
.stopka a {color:#FFF; float:left; padding:0 10px;}
.wszelkie {position:absolute; top:12px; left:0;}
.mb {position:absolute; top:20px; left:400px;}
.awolg {width:90px; height:10px; position:absolute; top:22px; right:0; float:none !important;}
.awolg img {float:left;}

.galkat {float:left; width:280px; height:260px; text-align:center; padding:10px; margin:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.galkat img {float:left; width:100%; height:auto; margin-bottom:10px;}
.galeria {float:left; width:160px; height:160px; margin:5px;}
.powrot {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.powrot:hover {background:#6082a9; color:#FFF;}

.stronicowanie {float:left; width:100%; height:60px; border-top:1px solid #dfdfdf; position:relative;}
.prev {position:absolute; top:16px; left:0;}
.next {position:absolute; top:16px; right:0;}
.nrstrony { width:20%; position:absolute; top:16px; left:40%; text-align:center;}

.kontaktlewa {float:left; width:480px; margin-right:20px; margin-bottom:20px;}
.kontaktprawa {float:left; width:400px; margin-bottom:20px;}
.lewacnt iframe {width:100%; height:300px;}
.lewacnt img {max-width:100%; height:auto;}

.ok {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#93c149; color:#FFF; margin-bottom:20px;}
.bad {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#d41317; color:#FFF;  margin-bottom:20px;}
.forminput {width:100%; border:1px solid #dfdfdf; border-radius:5px; height:40px; line-height:100%; padding:0 5px; margin:5px 0;}
.formarea {width:100%; height:100px; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.formwyslij {float:left; width:40%; padding:15px 0; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; border:2px solid #dfdfdf; font-size:14px; color:#363636; text-align:center; margin:20px 0;  }
.formwyslij:hover {background:#6082a9; color:#FFF;}


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

.top {width:100%; height:181px; background:url(img/top.jpg); background-repeat:no-repeat; background-position:top center;}
.all {margin: 0 auto; width:1200px; position:relative; display:table;}
.logo {width:350px; height:120px;  background-size:contain; position:absolute; top:25px; left:0;}
.dane {position:absolute; top:58px; right:0;}
.danedane {float:left; border-left:1px solid #dfdfdf; margin-left:10px; padding-left:20px; text-transform:uppercase; font-size:13px; font-style:italic; line-height:20px;}
.danedane span {color:#003a7e;}

.menu {width:100%; height:60px; background:#6082a9; line-height:60px;}
.mopstart {border-left:1px solid #819ab8;}
.mop {float:left; padding:0 20px; color:#FFF; font-size:16px; border-right:1px solid #819ab8;}
.mopa {background:#FFF; color:#6082a9;}

.main {width:100%; height:370px; background:url(img/main.jpg); background-repeat:no-repeat; background-position:top center;}
.slogan {font-weight:300; font-style:italic; text-transform:uppercase; color:#4b4b4b; font-size:42px; position:absolute; top:145px; left:0; font-family: 'Roboto Condensed', sans-serif;}
.slogan b {color:#737373;}

.lewa {float:left; width:900px;}
.lewat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.lewacnt {float:left; width:100%; margin-bottom:20px;}
.wiecejonas {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.wiecejonas:hover {background:#6082a9; color:#FFF;}

.box {float:left; width:280px; margin:10px; height:400px; overflow:hidden; position:relative;}
.box:hover  .boxwiecej {background:#6082a9; color:#FFF;}
.boxt {float:left; width:100%; padding:10px 0; font-size:26px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.box img {float:left; width:100%; height:auto; margin-bottom:20px;}
.boxcnt {float:left; width:100%; font-size:14px; line-height:20px;}
.boxwiecej {position:absolute;  width:60%; left:20%; bottom:10px; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.boxwiecej:hover {background:#6082a9; color:#FFF;}

.prawa {float:left; width:280px; margin-left:20px;}
.prawat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.prawacnt {float:left; width:100%; margin-bottom:20px;}

.stopka {width:100%; height:60px; background:#6082a9; color:#FFF; font-size:12px; margin-top:50px;}
.stopka a {color:#FFF; float:left; padding:0 10px;}
.wszelkie {position:absolute; top:12px; left:0;}
.mb {position:absolute; top:20px; left:400px;}
.awolg {width:90px; height:10px; position:absolute; top:22px; right:0; float:none !important;}
.awolg img {float:left;}

.galkat {float:left; width:280px; height:260px; text-align:center; padding:10px; margin:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.galkat img {float:left; width:100%; height:auto; margin-bottom:10px;}
.galeria {float:left; width:160px; height:160px; margin:5px;}
.powrot {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.powrot:hover {background:#6082a9; color:#FFF;}

.stronicowanie {float:left; width:100%; height:60px; border-top:1px solid #dfdfdf; position:relative;}
.prev {position:absolute; top:16px; left:0;}
.next {position:absolute; top:16px; right:0;}
.nrstrony { width:20%; position:absolute; top:16px; left:40%; text-align:center;}

.kontaktlewa {float:left; width:480px; margin-right:20px; margin-bottom:20px;}
.kontaktprawa {float:left; width:400px; margin-bottom:20px;}
.lewacnt iframe {width:100%; height:300px;}
.lewacnt img {max-width:100%; height:auto;}

.ok {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#93c149; color:#FFF; margin-bottom:20px;}
.bad {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#d41317; color:#FFF;  margin-bottom:20px;}
.forminput {width:100%; border:1px solid #dfdfdf; border-radius:5px; height:40px; line-height:100%; padding:0 5px; margin:5px 0;}
.formarea {width:100%; height:100px; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.formwyslij {float:left; width:40%; padding:15px 0; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; border:2px solid #dfdfdf; font-size:14px; color:#363636; text-align:center; margin:20px 0;  }
.formwyslij:hover {background:#6082a9; color:#FFF;}

}




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


.top {width:100%; height:181px; background:url(img/top.jpg); background-repeat:no-repeat; background-position:top center;}
.all {margin: 0 auto; width:960px; position:relative; display:table;}
.logo {width:350px; height:120px;   background:url(img/logo.png); background-repeat:no-repeat; background-size:contain; position:absolute; top:25px; left:0;}
.dane {position:absolute; top:58px; right:0;}
.danedane {float:left; border-left:1px solid #dfdfdf; margin-left:10px; padding-left:20px; text-transform:uppercase; font-size:13px; font-style:italic; line-height:20px;}
.danedane span {color:#003a7e;}

.menu {width:100%; height:60px; background:#6082a9; line-height:60px;}
.mopstart {border-left:1px solid #819ab8;}
.mop {float:left; padding:0 20px; color:#FFF; font-size:16px; border-right:1px solid #819ab8;}
.mopa {background:#FFF; color:#6082a9;}

.main {width:100%; height:370px; background:url(img/main.jpg); background-repeat:no-repeat; background-position:top center;}
.slogan {font-weight:300; font-style:italic; text-transform:uppercase; color:#4b4b4b; font-size:42px; position:absolute; top:145px; left:0; font-family: 'Roboto Condensed', sans-serif;}
.slogan b {color:#737373;}

.lewa {float:left; width:660px;}
.lewat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.lewacnt {float:left; width:100%; margin-bottom:20px;}
.wiecejonas {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.wiecejonas:hover {background:#6082a9; color:#FFF;}

.box {float:left; width:200px; margin:10px; height:400px; overflow:hidden; position:relative;}
.box:hover  .boxwiecej {background:#6082a9; color:#FFF;}
.boxt {float:left; width:100%; padding:10px 0; font-size:26px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.box img {float:left; width:100%; height:auto; margin-bottom:20px;}
.boxcnt {float:left; width:100%; font-size:14px; line-height:20px;}
.boxwiecej {position:absolute;  width:60%; left:20%; bottom:10px; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.boxwiecej:hover {background:#6082a9; color:#FFF;}

.prawa {float:left; width:280px; margin-left:20px;}
.prawat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.prawacnt {float:left; width:100%; margin-bottom:20px;}

.stopka {width:100%; height:60px; background:#6082a9; color:#FFF; font-size:12px; margin-top:50px;}
.stopka a {color:#FFF; float:left; padding:0 10px;}
.wszelkie {position:absolute; top:12px; left:0;}
.mb {position:absolute; top:20px; left:300px;}
.awolg {width:90px; height:10px; position:absolute; top:22px; right:0; float:none !important;}
.awolg img {float:left;}

.galkat {float:left; width:280px; height:260px; text-align:center; padding:10px; margin:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.galkat img {float:left; width:100%; height:auto; margin-bottom:10px;}
.galeria {float:left; width:160px; height:160px; margin:5px;}
.powrot {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.powrot:hover {background:#6082a9; color:#FFF;}

.stronicowanie {float:left; width:100%; height:60px; border-top:1px solid #dfdfdf; position:relative;}
.prev {position:absolute; top:16px; left:0;}
.next {position:absolute; top:16px; right:0;}
.nrstrony { width:20%; position:absolute; top:16px; left:40%; text-align:center;}

.kontaktlewa {float:left; width:340px; margin-right:20px; margin-bottom:20px;}
.kontaktprawa {float:left; width:300px; margin-bottom:20px;}
.lewacnt iframe {width:100%; height:300px;}
.lewacnt img {max-width:100%; height:auto;}

.ok {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#93c149; color:#FFF; margin-bottom:20px;}
.bad {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#d41317; color:#FFF;  margin-bottom:20px;}
.forminput {width:100%; border:1px solid #dfdfdf; border-radius:5px; height:40px; line-height:100%; padding:0 5px; margin:5px 0;}
.formarea {width:100%; height:100px; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.formwyslij {float:left; width:40%; padding:15px 0; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; border:2px solid #dfdfdf; font-size:14px; color:#363636; text-align:center; margin:20px 0;  }
.formwyslij:hover {background:#6082a9; color:#FFF;}

}


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

body {font-size: 14px; }
.top {width:100%; height:181px; background:url(img/top.jpg); background-repeat:no-repeat; background-position:top center;}
.all {margin: 0 auto; width:700px; position:relative; display:table; }
.logo {width:350px; height:120px;   background:url(img/logo.png); background-repeat:no-repeat; background-size:contain; position:absolute; top:25px; left:0;}
.dane {position:absolute; top:58px; right:0;}
.danedane {float:left; border-left:1px solid #dfdfdf; margin-left:10px; padding-left:20px; text-transform:uppercase; font-size:13px; font-style:italic; line-height:20px;}
.danedane span {color:#003a7e;}

.menu {width:100%; height:60px; background:#6082a9; line-height:60px;}
.mopstart {border-left:1px solid #819ab8;}
.mop {float:left; padding:0 20px; color:#FFF; font-size:14px; border-right:1px solid #819ab8;}
.mopa {background:#FFF; color:#6082a9;}

.main {width:100%; height:370px; background:url(img/main.jpg); background-repeat:no-repeat; background-position:top center;}
.slogan {font-weight:300; font-style:italic; text-transform:uppercase; color:#4b4b4b; font-size:42px; position:absolute; top:145px; left:0; font-family: 'Roboto Condensed', sans-serif;}
.slogan b {color:#737373;}

.lewa {float:left; width:700px; margin-bottom:20px;}
.lewat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.lewacnt {float:left; width:100%; margin-bottom:20px;}
.wiecejonas {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.wiecejonas:hover {background:#6082a9; color:#FFF;}

.box {float:left; width:200px; margin:10px; height:400px; overflow:hidden; position:relative;}
.box:hover  .boxwiecej {background:#6082a9; color:#FFF;}
.boxt {float:left; width:100%; padding:10px 0; font-size:26px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.box img {float:left; width:100%; height:auto; margin-bottom:20px;}
.boxcnt {float:left; width:100%; font-size:14px; line-height:20px;}
.boxwiecej {position:absolute;  width:60%; left:20%; bottom:10px; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.boxwiecej:hover {background:#6082a9; color:#FFF;}

.prawa {float:left; width:280px; margin:0 210px 20px 210px;}
.prawat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.prawacnt {float:left; width:100%; margin-bottom:20px;}

.stopka {width:100%; height:60px; background:#6082a9; color:#FFF; font-size:12px; margin-top:50px;}
.stopka a {color:#FFF; float:left; padding:0 10px;}
.wszelkie {position:absolute; top:12px; left:0;}
.mb {position:absolute; top:20px; left:300px; display:none;}
.awolg {width:90px; height:10px; position:absolute; top:22px; right:0; float:none !important;}
.awolg img {float:left;}

.galkat {float:left; width:280px; height:260px; text-align:center; padding:10px; margin:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.galkat img {float:left; width:100%; height:auto; margin-bottom:10px;}
.galeria {float:left; width:160px; height:160px; margin:5px;}
.powrot {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.powrot:hover {background:#6082a9; color:#FFF;}

.stronicowanie {float:left; width:100%; height:60px; border-top:1px solid #dfdfdf; position:relative;}
.prev {position:absolute; top:16px; left:0;}
.next {position:absolute; top:16px; right:0;}
.nrstrony { width:20%; position:absolute; top:16px; left:40%; text-align:center;}

.kontaktlewa {float:left; width:340px; margin-right:20px; margin-bottom:20px;}
.kontaktprawa {float:left; width:300px; margin-bottom:20px;}
.lewacnt iframe {width:100%; height:300px;}
.lewacnt img {max-width:100%; height:auto;}

.ok {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#93c149; color:#FFF; margin-bottom:20px;}
.bad {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#d41317; color:#FFF;  margin-bottom:20px;}
.forminput {width:100%; border:1px solid #dfdfdf; border-radius:5px; height:40px; line-height:100%; padding:0 5px; margin:5px 0;}
.formarea {width:100%; height:100px; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.formwyslij {float:left; width:40%; padding:15px 0; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; border:2px solid #dfdfdf; font-size:14px; color:#363636; text-align:center; margin:20px 0;  }
.formwyslij:hover {background:#6082a9; color:#FFF;}


}


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

body {font-size: 14px; }
.top {width:100%; height:260px; background:url(img/top.jpg); background-repeat:no-repeat; background-position:top center;}
.all {margin: 0 auto; width:600px; position:relative; display:table; }
.logo {width:350px; height:120px;   background:url(img/logo.png); background-repeat:no-repeat; background-size:contain; position:absolute; top:25px; left:125px;}
.dane {position:absolute; top:175px; right:130px;}
.danedane {float:left; border-left:1px solid #dfdfdf; margin-left:10px; padding-left:20px; text-transform:uppercase; font-size:13px; font-style:italic; line-height:20px;}
.danedane span {color:#003a7e;}

.menu {width:100%; height:60px; background:#6082a9; line-height:60px;}
.mopstart {border-left:1px solid #819ab8;}
.mop {float:left; padding:0 12px; color:#FFF; font-size:14px; border-right:1px solid #819ab8;}
.mopa {background:#FFF; color:#6082a9;}

.main {width:100%; height:300px; background:url(img/main.jpg); background-repeat:no-repeat; background-position:top center; background-size:auto 100%;}
.slogan {font-weight:300; font-style:italic; text-transform:uppercase; color:#4b4b4b; font-size:42px; position:absolute; top:145px; left:0; font-family: 'Roboto Condensed', sans-serif;}
.slogan b {color:#737373;}

.lewa {float:left; width:600px; margin-bottom:20px;}
.lewat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.lewacnt {float:left; width:100%; margin-bottom:20px;}
.wiecejonas {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.wiecejonas:hover {background:#6082a9; color:#FFF;}

.box {float:left; width:180px; margin:10px; height:400px; overflow:hidden; position:relative;}
.box:hover  .boxwiecej {background:#6082a9; color:#FFF;}
.boxt {float:left; width:100%; padding:10px 0; font-size:26px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.box img {float:left; width:100%; height:auto; margin-bottom:20px;}
.boxcnt {float:left; width:100%; font-size:12px; line-height:20px;}
.boxwiecej {position:absolute;  width:60%; left:20%; bottom:10px; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.boxwiecej:hover {background:#6082a9; color:#FFF;}

.prawa {float:left; width:280px; margin:0 160px 20px 160px;}
.prawat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.prawacnt {float:left; width:100%; margin-bottom:20px;}

.stopka {width:100%; height:60px; background:#6082a9; color:#FFF; font-size:12px; margin-top:50px;}
.stopka a {color:#FFF; float:left; padding:0 10px;}
.wszelkie {position:absolute; top:12px; left:0;}
.mb {position:absolute; top:20px; left:300px; display:none;}
.awolg {width:90px; height:10px; position:absolute; top:22px; right:0; float:none !important;}
.awolg img {float:left;}

.galkat {float:left; width:280px; height:260px; text-align:center; padding:10px; margin:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.galkat img {float:left; width:100%; height:auto; margin-bottom:10px;}
.galeria {float:left; width:160px; height:160px; margin:5px;}
.powrot {float:left; width:20%; margin:20px 80% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.powrot:hover {background:#6082a9; color:#FFF;}

.stronicowanie {float:left; width:100%; height:60px; border-top:1px solid #dfdfdf; position:relative;}
.prev {position:absolute; top:16px; left:0;}
.next {position:absolute; top:16px; right:0;}
.nrstrony { width:20%; position:absolute; top:16px; left:40%; text-align:center;}

.kontaktlewa {float:left; width:280px; margin-right:20px; margin-bottom:20px;}
.kontaktprawa {float:left; width:300px; margin-bottom:20px;}
.lewacnt iframe {width:100%; height:300px;}
.lewacnt img {max-width:100%; height:auto;}

.ok {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#93c149; color:#FFF; margin-bottom:20px;}
.bad {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#d41317; color:#FFF;  margin-bottom:20px;}
.forminput {width:100%; border:1px solid #dfdfdf; border-radius:5px; height:40px; line-height:100%; padding:0 5px; margin:5px 0;}
.formarea {width:100%; height:100px; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.formwyslij {float:left; width:40%; padding:15px 0; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; border:2px solid #dfdfdf; font-size:14px; color:#363636; text-align:center; margin:20px 0;  }
.formwyslij:hover {background:#6082a9; color:#FFF;}

}

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

body {font-size: 14px; }
.top {width:100%; height:305px; background:url(img/top.jpg); background-repeat:no-repeat; background-position:top center;}
.all {margin: 0 auto; width:400px; position:relative; display:table; }
.logo {width:350px; height:120px;   background:url(img/logo.png); background-repeat:no-repeat; background-size:contain; position:absolute; top:25px; left:25px;}
.dane {position:absolute; top:175px; right:40px;}
.danedane {float:left; border-left:1px solid #dfdfdf; margin-left:10px; padding-left:20px; text-transform:uppercase; font-size:13px; font-style:italic; line-height:20px;}
.danedane span {color:#003a7e;}

#bigmenu {display:none;}
#smallmenu {display:block;}
.menuico {position:absolute; top:5px; left:0px; width:41px; height:41px; background:url(img/menuico.png); margin:5px auto; cursor:pointer; background-size:contain; z-index:9999; background-repeat:no-repeat;}
#ukrytemenu {width:200px; position:absolute; top:10px; left:50px; z-index:9999; background:#FFF; display:none; border:1px solid #6082a9;}
.umop {float:left; width:100%; padding:10px; text-align:center; font-size:13px; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px solid #6082a9; text-transform:uppercase; line-height:1; color:#6082a9}


.menu {width:100%; height:60px; background:#6082a9; line-height:60px; }
.mopstart {border-left:1px solid #819ab8;}
.mop {float:left; padding:0 12px; color:#FFF; font-size:14px; border-right:1px solid #819ab8;}
.mopa {background:#FFF; color:#6082a9;}

.main {width:100%; height:250px; background:url(img/main.jpg); background-repeat:no-repeat; background-position:top center; background-size:auto 100%;}
.slogan {font-weight:300; font-style:italic; text-transform:uppercase; color:#4b4b4b; font-size:32px; position:absolute; top:145px; left:0; font-family: 'Roboto Condensed', sans-serif;}
.slogan b {color:#737373;}

.lewa {float:left; width:400px; margin-bottom:20px;}
.lewat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.lewacnt {float:left; width:100%; margin-bottom:20px;}
.wiecejonas {float:left; width:40%; margin:20px 60% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.wiecejonas:hover {background:#6082a9; color:#FFF;}

.box {float:left; width:280px; margin:10px 60px; height:400px; overflow:hidden; position:relative;}
.box:hover  .boxwiecej {background:#6082a9; color:#FFF;}
.boxt {float:left; width:100%; padding:10px 0; font-size:26px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.box img {float:left; width:100%; height:auto; margin-bottom:20px;}
.boxcnt {float:left; width:100%; font-size:14px; line-height:20px;}
.boxwiecej {position:absolute;  width:60%; left:20%; bottom:10px; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.boxwiecej:hover {background:#6082a9; color:#FFF;}

.prawa {float:left; width:280px; margin:0 60px 20px 60px;}
.prawat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.prawacnt {float:left; width:100%; margin-bottom:20px;}

.stopka {width:100%; height:60px; background:#6082a9; color:#FFF; font-size:12px; margin-top:50px;}
.stopka a {color:#FFF; float:left; padding:0 10px;}
.wszelkie {position:absolute; top:12px; left:0;}
.mb {position:absolute; top:20px; left:300px; display:none;}
.awolg {width:90px; height:10px; position:absolute; top:22px; right:0; float:none !important;}
.awolg img {float:left;}

.galkat {float:left; width:280px; height:260px; text-align:center; padding:10px; margin:10px 60px; -moz-box-sizing: border-box; box-sizing: border-box;}
.galkat img {float:left; width:100%; height:auto; margin-bottom:10px;}
.galeria {float:left; width:160px; height:160px; margin:5px;}
.powrot {float:left; width:40%; margin:20px 60% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.powrot:hover {background:#6082a9; color:#FFF;}

.stronicowanie {float:left; width:100%; height:60px; border-top:1px solid #dfdfdf; position:relative;}
.prev {position:absolute; top:16px; left:0;}
.next {position:absolute; top:16px; right:0;}
.nrstrony { width:20%; position:absolute; top:16px; left:40%; text-align:center;}

.kontaktlewa {float:left; width:400px; margin-right:0px; margin-bottom:20px;}
.kontaktprawa {float:left; width:400px; margin-bottom:20px;}
.lewacnt iframe {width:100%; height:300px;}
.lewacnt img {max-width:100%; height:auto;}

.ok {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#93c149; color:#FFF; margin-bottom:20px;}
.bad {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#d41317; color:#FFF;  margin-bottom:20px;}
.forminput {width:100%; border:1px solid #dfdfdf; border-radius:5px; height:40px; line-height:100%; padding:0 5px; margin:5px 0;}
.formarea {width:100%; height:100px; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.formwyslij {float:left; width:40%; padding:15px 0; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; border:2px solid #dfdfdf; font-size:14px; color:#363636; text-align:center; margin:20px 0;  }
.formwyslij:hover {background:#6082a9; color:#FFF;}


}



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

body {font-size: 14px; }
.top {width:100%; height:305px; background:url(img/top.jpg); background-repeat:no-repeat; background-position:top center;}
.all {margin: 0 auto; width:300px; position:relative; display:table; }
.logo {width:300px; height:120px;  background-repeat:no-repeat; background-size:contain; position:absolute; top:25px; left:0px;}
.dane {position:absolute; top:175px; right:0px;}
.danedane {float:left; border-left:1px solid #dfdfdf; margin-left:10px; padding-left:10px; text-transform:uppercase; font-style:italic; line-height:18px; font-size:11px;}
.danedane span {color:#003a7e;}

#bigmenu {display:none;}
#smallmenu {display:block;}
.menuico {position:absolute; top:5px; left:0px; width:41px; height:41px; background:url(img/menuico.png); margin:5px auto; cursor:pointer; background-size:contain; z-index:9999; background-repeat:no-repeat;}
#ukrytemenu {width:200px; position:absolute; top:10px; left:50px; z-index:9999; background:#FFF; display:none; border:1px solid #6082a9;}
.umop {float:left; width:100%; padding:10px; text-align:center; font-size:13px; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px solid #6082a9; text-transform:uppercase; line-height:1; color:#6082a9}


.menu {width:100%; height:60px; background:#6082a9; line-height:60px; }
.mopstart {border-left:1px solid #819ab8;}
.mop {float:left; padding:0 12px; color:#FFF; font-size:14px; border-right:1px solid #819ab8;}
.mopa {background:#FFF; color:#6082a9;}

.main {width:100%; height:200px; background:url(img/main.jpg); background-repeat:no-repeat; background-position:top center; background-size:auto 100%;}
.slogan {font-weight:300; font-style:italic; text-transform:uppercase; color:#4b4b4b; font-size:22px; position:absolute; top:105px; left:0; font-family: 'Roboto Condensed', sans-serif;}
.slogan b {color:#737373;}

.lewa {float:left; width:300px; margin-bottom:20px;}
.lewat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.lewacnt {float:left; width:100%; margin-bottom:20px;}
.wiecejonas {float:left; width:40%; margin:20px 60% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.wiecejonas:hover {background:#6082a9; color:#FFF;}

.box {float:left; width:280px; margin:10px; height:400px; overflow:hidden; position:relative;}
.box:hover  .boxwiecej {background:#6082a9; color:#FFF;}
.boxt {float:left; width:100%; padding:10px 0; font-size:26px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
.box img {float:left; width:100%; height:auto; margin-bottom:20px;}
.boxcnt {float:left; width:100%; font-size:14px; line-height:20px;}
.boxwiecej {position:absolute;  width:60%; left:20%; bottom:10px; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.boxwiecej:hover {background:#6082a9; color:#FFF;}

.prawa {float:left; width:280px; margin:0 10px 20px 10px;}
.prawat {float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:20px 0; margin-bottom:20px; font-size:24px; font-weight:700; font-family: 'Roboto Condensed', sans-serif; color:#363636;}
.prawacnt {float:left; width:100%; margin-bottom:20px;}

.stopka {width:100%; height:60px; background:#6082a9; color:#FFF; font-size:12px; margin-top:50px;}
.stopka a {color:#FFF; float:left; padding:0 10px;}
.wszelkie {position:absolute; top:12px; left:0;}
.mb {position:absolute; top:20px; left:300px; display:none;}
.awolg {width:90px; height:10px; position:absolute; top:22px; right:0; float:none !important;}
.awolg img {float:left;}

.galkat {float:left; width:280px; height:260px; text-align:center; padding:10px; margin:10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.galkat img {float:left; width:100%; height:auto; margin-bottom:10px;}
.galeria {float:left; width:140px; height:140px; margin:5px;}
.powrot {float:left; width:40%; margin:20px 60% 0 0; padding:15px 0; text-align:center; -moz-box-sizing: border-box; box-sizing: border-box; border:2px solid #dfdfdf; font-size:14px; color:#363636;}
.powrot:hover {background:#6082a9; color:#FFF;}

.stronicowanie {float:left; width:100%; height:60px; border-top:1px solid #dfdfdf; position:relative;}
.prev {position:absolute; top:16px; left:0;}
.next {position:absolute; top:16px; right:0;}
.nrstrony { width:20%; position:absolute; top:16px; left:40%; text-align:center;}

.kontaktlewa {float:left; width:300px; margin-right:0px; margin-bottom:20px;}
.kontaktprawa {float:left; width:300px; margin-bottom:20px;}
.lewacnt iframe {width:100%; height:300px;}
.lewacnt img {max-width:100%; height:auto;}

.ok {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#93c149; color:#FFF; margin-bottom:20px;}
.bad {float:left; width:100%; padding:10px; -moz-box-sizing: border-box; box-sizing: border-box; background:#d41317; color:#FFF;  margin-bottom:20px;}
.forminput {width:100%; border:1px solid #dfdfdf; border-radius:5px; height:40px; line-height:100%; padding:0 5px; margin:5px 0;}
.formarea {width:100%; height:100px; font-weight:400; border:1px solid #dfdfdf; resize:none; border-radius:5px; overflow:hidden;}
.formwyslij {float:left; width:40%; padding:15px 0; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; border:2px solid #dfdfdf; font-size:14px; color:#363636; text-align:center; margin:20px 0;  }
.formwyslij:hover {background:#6082a9; color:#FFF;}


}

/* 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;
}