body{

  font:16px/20px Georgia, serif;
  height:100%;
  width:100%;
  background: #fff; /*f1ebe1;*/
  margin:0;
  position:absolute;
}
a { color:#060; text-decoration:none; font-weight:bold;}
ul {list-style:none}

div.vis { visibility: visible;}
div.hid { visibility: hidden; }
h3, h2, h1{ text-align:center; padding-top:0; margin-top:0;font-weight:normal;font-size:100%;}
h2 {font-weight:bold;}
.wyrozniony {font-size:120%; font-weight:bold;float:right;width:50%}
.inne_linki {text-align:right;} 
.glowna{
  width:100%;
  max-width:1200px;
  height:auto;
  min-height:100%;
  padding:0px;
  margin:0 auto;
  min-height:100%;
  position:relative;
  text-align:center;
  /*  border: 1px #000 solid;*/

  
}
.glowna2{
  width:calc(100% - 200px);
  height:auto;
  min-height:100%;
    margin:0 auto;
  position:absolute;
  padding-left:100px;  
  padding-right:100px; 
  background:
    url("flagaL.png") top left repeat-y,
    url("flagaP.png") top right repeat-y;
}
.okragla{position:absolute;left: 0px; z-index:100;}
.okragla2{position:absolute;right: 0px;top: 0px; z-index:100;}
.menu-gora{
  width:calc(100%);
  height:80px;
/*  padding:0px 100px;
  margin:0px -70px;*/
  
  background-position:bottom;
  position:relative;
  top:0;
  font-size: 100%;
  font-variant:small-caps;
}
.menu-gora a,.stopka a{
  color:#000;
  text-decoration:none;
  font-weight:bold;
}
.menu-gora a:hover { color:#f90;}
.stopka a:hover { color:#f90;}
.cialo{
  margin:0px auto 5em;
  padding: 2em 0 5em;
  position:relative;
  text-align:justify;
  min-height: 25em;

}

.stopka
{
  width:calc(100% - 200px);
/*   height:75px; */
  padding:0;
  margin:0px;
  margin-top:100px;
  /*   background:#999  url("tlo-gora.png") repeat-x; */
  position:absolute;
  bottom:0;
  font-size: 75%;
  text-align: center;
  color:#000;
}

ul#stopka{  margin:0;   height:30px; padding:0 100px;}
ul#stopka item{ padding: 0 1em;}

ul.doPobrania{
  padding-left:80px;
  text-align:left;
  list-style-image: url("PDF_icon2.png");
}

.lewa, .centrum, .prawa { width:33%; float:left; position:relative;font-size:150%;height:75px;}
.prawa {float:right;}
.lewa { bottom:0;padding-bottom:0;margin-bottom:0}
.lewa p {bottom:0;padding-top: 35px;}
.just { text-align:justify;}
.ital {font-style:italic;}

div.img {width:100%;}
/*img {width:100%;}*/


ul#menu 	 { margin:0;   height:40px; padding:0;}
ul#menu item { display:block;float:left;text-align:center;padding:0;margin:0;width: 3%;}
ul#menu item#menu1 {width:17%} 
ul#menu item#menu2 {width:15%}
ul#menu item#menu3 {width:42%}
ul#menu item#menu4 {width:13%}
  .img-menu  {  width:85%; margin:0px;padding:0px;}
  .img-j {width:85%; margin:0px;padding:0px;}
  
img.uro {width:54%;float:right;}
img.food {width: 23%;}
img.food2 {width: 23%;float:right;}

img.logo {width:150px;}
img.plakat {width:calc(100% - 3em); border:2px solid #000;float:left;margin:1em;}
img.plakat2 {width:100%; border:2px solid #000;margin-bottom:3em;}
img.okladka {width:100%;}
div.plakat {height:100%;width:calc(50% - 1em);float:left}

@media screen and (min-width: 769px) {
    /* STYLES HERE */
	
	
}

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

  .glowna2{
	width:calc(100% - 100px);
	height:auto;
  	min-height:100%;
    margin:0 auto;
  	position:absolute;
  	padding-left:50px;  
  	padding-right:50px; 
	  background:
    url("flagaLm.png") top left repeat-y,
    url("flagaPm.png") top right repeat-y;
  }
  .okragla{position:absolute;left: 0px; z-index:100;width:55px;}
  .okragla2{position:absolute;right: 0px; z-index:100;width:55px;}
  img.plakat {width:calc(100% - 3em); height:calc(100% - 3em);}

  .cialo {  min-height: 50em;}
.stopka{  width:calc(100% - 100px);  padding:0 50px;}
img.food, img.food2 {width:0;display:none;}
img.uro{width:100%}
}
@media only screen and (max-width: 480px) {
	.glowna2{
	 	width:100%;
	  	padding:0;
		background:#fff
		}
  	.okragla{position:relative;left: 0px; z-index:100;width:55px;}
  	.okragla2{position:absolute;right: 0px; z-index:100;width:55px;}  	
  	  img.plakat {width:calc(100% - 3em);}
  	    .cialo {  min-height: 50em;}
	.stopka{ width:calc(100% - 0px);padding:0;}
	img.food, img.food2 {width:0;display:none;}
img.uro{width:100%}
}