body
{
 font:14px/24px Arial, Helvetica, sans-serif;
 height:100%;
 margin: auto;
}
h1, h2, h3 
{
 margin: 0;
 padding: 0;
}
#calosc
{
 margin: 0 auto ;
 width: 1200px;
}
#logo
{
margin: 0 auto;
font-size: 14pt;
margin-top: 10px;
margin-bottom: 10px;
width: 99%;
text-align: center;
}
#logo2 
{
display: none;
}
#strona
{
 margin-top: 10px;
 width: 1200px;
 margin: 0 auto;
}
#tresc
{
 float: right;
 width: 900px;
}
.zdjecie
{
 width: 22%;
 }
.post
{
 margin-bottom: 10px;
}
.post .tytul
{
 padding-top: 7px;
 padding-bottom: 3px;
 padding-left: 25px;
 color: rgb(255,255,255);
 background-color: rgb(38,75,148);
 background-image: url(grafika/tlo_post.png);
 background-repeat: repeat-x;
}
.post .entry
{
 padding-top: 12px;
 padding-left: 5px;
 padding-right: 5px;
 text-align: justify;
}
.mapa
{
 width: 790px ;
 height: 515px;
 background-repeat: no-repeat;
 background-position: center;
 margin: 0 auto;
}
.left
{
 float: left;
}
.pasek
{
 border-bottom: 1px solid rgb(50,102,204);
 border-left: 1px solid rgb(50,102,204);
}
.duzy_kafelek
{
  border: 2px solid rgb(38,75,148);
}
.kafelek
{
 padding-left: 7px;
 padding-top: 7px;
 float: left;
 text-align: center;
}
.kafelek img
{
 margin: auto 0;
 text-align: center;
}
.kafelek a
{
 color: white;
 text-decoration: none;
}
.kafelek a:hover
{
 text-decoration: underline;
}
.daty
{
 margin-right: 75px;
}
.kat
{
 margin-right: 16px;
 font-size: 15pt;
}
#menu
{
 background-color: rgb(38,75,148);
 float: left;
 width: 280px;
 text-align: center;
}
#menu li, #menu ul
{
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}
#menu ul a:link, #menu ul a:visited
{
 margin: 2px;
 display: block;
 width: 99%;
 text-decoration: none;
 border-bottom: 2px solid rgb(50,102,204);
 background-color: rgb(50,102,204);
 color: rgb(255,255,255);
 padding-top: 6px;
 padding-bottom: 3px;
}
#menu ul a:hover
{
 background-color: rgb(69,132,209);
 border-bottom: 2px solid white;
 color: rgb(255,255,255);
 width: 99%;
}
.open-menu
{
 display:none;
}
.hide
{
 display:none;
}
.show 
{
 display:block;
}
#patron
{
padding-top: 15px;
float:left;
width: 280px;
text-align: center;
}
#stopka
{
 padding-top: 50px;
 color: rgb(255,255,255);
 width: 100%;
 background-color: rgb(38,75,148);
 background-image: url(grafika/stopka.png);
 background-repeat: repeat-x;
}
.stopka-navi
{
 width: 400px;
 margin: 0 auto;
}
.stopka-kontakt
{
 width: 48%;
 float: right;
 padding-left: 7px;
 padding-bottom: 10px;
}
.stopka-oferta
{
 width: 48%;
 float: left;
 padding-left: 7px;
}
.stopka-oferta a
{
 color: white;
 text-decoration: none;
}
.stopka-oferta a:hover
{
 text-decoration: underline;
}
@media (min-width: 1401px) {
#calosc {width: 1400px;}
#strona {width: 1400px;}
#tresc {width: 1080px; }
#menu {width: 300px; }
}
@media (max-width: 1395px) {
#calosc {width:1350px;}
#strona {width: 1350px;}
#tresc {width: 1030px; }
}
@media (max-width: 1366px) {
#calosc {width:1300px;}
#strona  {width:1300px;}
#tresc {width: 990px; }
.kafelek{width: 200px;}
.daty {margin-right: 80px;}
.kat {margin-right: 28px;}
#menu {width: 290px; }
}
@media (max-width: 1316px) {
#calosc {width:1250px;}
#strona {width:1250px;}
#tresc {width: 960px; }
.kafelek{width: 195px;}
.daty {margin-right: 80px;}
.kat {margin-right: 28px;}
#menu {width: 270px; }
}
@media (max-width: 1266px) {
#calosc {width:1200px;}
#strona {width:1200px;}
#tresc {width: 930px; }
.kafelek{width: 195px;}
.daty {margin-right: 75px;}
.kat {margin-right: 23px;}
#menu {width: 250px; }
#patron {width: 250px; }
}
@media (max-width: 1216px) {
#calosc {width:1150px;}
#strona {width:1150px;}
#tresc {width: 900px; }
.mapa{ width: 790px; height: 515px;}
.kafelek{width: 195px;}
.daty {margin-right: 70px;}
.kat {margin-right: 15px;}
#menu {width: 230px; }
#patron {width: 230px; }
}
@media (max-width: 1166px) {
#calosc {width:1100px;}
#strona {width:1100px;}
#tresc {width: 880px; }
.mapa{ width: 780px; height: 510px;}
.kafelek{width: 190px;}
.kat {margin-right: 13px;}
.daty {margin-right: 65px;}
#menu {width: 200px; }
#patron {width: 200px; }
}
@media (max-width: 1116px) {
#calosc {width:1050px;}
#strona {width:1050px;}
#tresc {width: 835px; }
#logo img { width: 690px; height: 114px;}
.mapa{ width: 770px; height: 505px;}
.kat {margin-right: 4px;}
.daty {margin-right: 60px;}
#patron img { width: 130px; height: 132px;}
}
@media (max-width: 1066px) {
#calosc {width:1000px;}
#strona {width:1000px;}
#tresc {width: 805px; }
#logo { font-size: 13pt; margin-bottom: 8px;}
#logo img { width: 670px; height: 110px;}
.mapa{ width: 760px; height: 500px;}
.kat {margin-right: 4px; width: 180px;} 
.daty {margin-right: 60px;}
#menu {width: 185px; }
#patron {width: 185px;}
}
@media (max-width: 1016px) {
#calosc {width:950px;}
#logo { font-size: 12pt;}
#strona {width:950px; margin-top: 8px;}
#tresc {width: 755px; }
#logo img { width: 650px; height: 107px;}
.mapa{ width: 710px; height: 475px;}
.kat {margin-right: 3px; width: 168px;} 
.kat img{ width: 165px; height: 74px;}
.daty {margin-right: 45px;}
}
@media (max-width: 966px) {
#calosc {width:900px;}
#strona {width:900px; margin-top: 6px;}
#tresc {width: 710px; }
#logo img { width: 630px; height: 104px;}
.mapa{ width: 690px; height: 450px;}
.kat {margin-right: 3px; width: 160px;} 
.kat img{ width: 155px; height: 70px;}
.daty {margin-right: 40px; width: 175px;}
}
@media (max-width: 916px) {
#calosc {width:850px;}
#logo { font-size: 11pt; margin-bottom: 6px;}
#logo img { width: 610px; height: 101px;}
#strona {width:850px;}
#tresc {width: 670px; }
#menu {width: 175px; }
#patron { width: 175px;}
#patron img {width: 120; height: 122;}
.mapa{ width: 650px; height: 430px;}
.kat {margin-right: 2px; width: 150px;} 
.kat img{ width: 145px; height: 65px;}
.daty {margin-right: 35px; width: 170px;}
}
@media (max-width: 866px) {
#calosc {width:800px;}
#logo {margin-bottom: 5px;}
#logo img { width: 600px; height: 99px;}
#strona {width:800px;}
#tresc {width: 630px; }
#menu {width: 165px; }
#patron { width: 165px;}
.mapa{ width: 600px; height: 400px;}
.kat {margin-right: 2px; width: 142px;} 
.kat img{ width: 140px; height: 63px;}
.daty {margin-right: 30px; width: 165px;}
}
@media (max-width: 816px) {
#calosc {width:750px;}
#logo img { width: 590px; height: 97px;}
#strona {width:750px; margin-top: 5px;}
#tresc {width: 585px; }
#menu {width: 160px; }
#patron { width: 160px;}
.mapa{ width: 555px; height: 385px;}
.kat {margin-right: 1px; width: 131px;} 
.kat img{ width: 130px; height: 58px;}
.daty {margin-right: 15px; width: 165px;}
}
@media (max-width: 766px) {
#calosc {width:700px;}
#logo {margin-bottom: 4px;}
#logo img { width: 580px; height: 96px;}
#strona {width:700px; margin-top: 5px;}
#tresc {width: 535px; }
#menu {width: 160px; }
#patron { width: 160px;}
.mapa{ width: 505px; height: 375px;}
.kat {margin-right: 1px; width: 119px;} 
.kat img{ width: 118px; height: 53px;}
.daty {margin-right: 8px; width: 155px;}
}
@media (max-width: 716px) {
#calosc {width:650px;}
#logo img { width: 560px; height: 92px;}
#strona {width:100%; margin-top: 5px;}
#tresc {width: 100%; margin-top: 5px; }
#menu {width: 100%; }
nav {display: none;}
.open-menu{display:block;}
.hide{display:block;}
#patron { width: 100%;}
.mapa{ width: 505px; height: 375px;}
.kat {margin-right: 24px; width: 125px;} 
.kat img{ width: 118px; height: 53px;}
.daty {margin-right: 40px; width: 160px;}
}
@media (max-width: 666px) {
#calosc {width:600px;}
#logo img { width: 540px; height: 89px;}
#strona {width:100%; margin-top: 4px;}
.mapa{ width: 495px; height: 365px;}
.kat {margin-right: 16px; width: 120px;} 
.kat img{ width: 118px; height: 53px;}
.daty {margin-right: 30px; width: 155px;}
}
@media (max-width: 616px) {
#calosc {width:550px;}
#logo {margin-bottom: 3px;}
#logo img { width: 520px; height: 86px;}
#strona {width:100%; margin-top: 4px;}
.mapa{ width: 475px; height: 365px;}
.kat {margin-right: 8px; width: 115px;} 
.kat img{ width: 108px; height: 49px;}
.daty {margin-right: 20px; width: 148px;}
}
@media (max-width: 566px) {
#calosc {width:500px;}
#logo img { width: 500px; height: 82px;}
#strona {width:100%; margin-top: 3px;}
.mapa{ width: 455px; height: 355px;}
.kat {margin-right: 2px; width: 109px;} 
.kat img{ width: 108px; height: 49px;}
.daty {margin-right: 5px; width: 145px;}
}
@media (max-width: 516px) {
#calosc {width:450px;}
#logo {display:none;}
#logo2 {display: block; width: 99%; margin: 0 auto; margin-bottom: 5px;}
#logo2 img {float: left; margin-left:30%; height:80px; width:69px;}
#logo2 h2 {float: left; margin-top: 25px;}
#strona {width:100%; margin-top: 3px;}
.mapa{ width: 425px; height: 330px;}
.kat {margin-right: 50px; margin-bottom: 4px; width: 129px;} 
.kat img{ width: 108px; height: 49px;}
.daty {margin-right: 35px; margin-bottom: 5px; width: 145px;}
.zdjecie {width: 30%;}
}
@media (max-width: 466px) {
#calosc {width:400px;}
#strona {width:100%; margin-top: 2px;}
.mapa{ width: 385px; height: 295px;}
}
@media (max-width: 416px) {
#calosc {width:100%;}
#strona {width:100%;}
.mapa{ width: 320px; height: 280px;}
.kat {margin-right: 35px; margin-bottom: 4px; width: 120px;} 
.kat img{ width: 108px; height: 49px;}
.daty {margin-right: 10px; margin-bottom: 5px; width: 145px;}
.stopka-navi {width: 350px;}
}
@media (max-width: 366px) {
#calosc {width:100%;}
#logo2  img{margin-left:22%; }
#strona {width:99%;}
.zdjecie {width: 40%;}
.mapa{ display:none;}
.kat {margin-right: 6%; margin-bottom: 4px; width: 105px;} 
.kat img{ width: 108px; height: 49px;}
.daty {margin-right: 10px; margin-left: 50px; ; margin-bottom: 5px; width: 145px;}
.stopka-navi {width: 100%; text-align: center;}
.stopka-oferta{ float: none; margin: 0 auto;}
.stopka-kontakt {float: none; margin: 0 auto;}
}