body

/*główne obramowanie */
#container /* główna ramka */
	{
	 width: 94%;
	 margin-left: auto;
     margin-right: auto;
	 margin-top: 10px;
	 background-color: #c1c9c9;
	}
#containerphotos /* główna ramka w galeriach */
	{
	 width: 94%;
	 height: auto;
	 margin-left: auto;
     margin-right: auto;
	 color: #b6e0f0;
	}
 
.nav-item
    {
	 background-color: #c1c9c9;
     font-size: 16px;	 
     height: 50px;
	}
.dropdown-item
    {
     font-size: 14px;		
     height: 30px;
	}
.list-group-item
    {
	 background-color: #c1c9c9;
     font-size: 16px;	/*18*/ 
     height: 46px;	 
	}
.list-group-item:hover
    {
	 background-color: #a0a7a7;
	}
.wpis
    {
	 font-size: 18px;	
	 padding: 10px;
	 text-align: justify;
	 color: black;
    }
.pasek
    {
	 font-size: 18px;	
	 padding: 10px;
	 text-align: justify;
	 color: red;
    }	
.dzialy
    {
	 font-size: 25px;	
	 padding: 10px;
	 text-align: justify;
	 color: black;
    }	
.zdjecie
    {
	text-align: center;
    }
.podpis
    {
	 font-size: 20px;	
	 padding: 10px;
	 text-align: center;
	 color: black;
    }	
.img-thumbnail
    {
	margin-top: 2px;
    }	
figure
    {
	text-align: center;
	float: left;
    }	
figcaption
    {
	font-size: 18px;
	text-align: center;
    }
/* menu górne */
h2  
    {
	 letter-spacing: 1px;
    }
h4
    {
	 font-family: 'Lobster', cursive;
	 margin-top: 0;
	 margin-bottom: 0;
    }	
/* stopka */
.logo3
	{
	 background-color: #4668b3;
	 border: 3px ridge #3557a2;
	 margin-top: 2px;
	 height: 58px;  	 
	}	
#footersmall
	{
	 height: 48px;
	 background-color: #4668b3;
	 color: red;
	 text-align: center;	      
	 margin: 2px 3px 2px 3px;
	 float: left;
	 width: 10%;
	 font-size: 16px; 	 
	}
.fb
	{
	 width: 66px; 
	 height: 52px;
	 margin: 0 3px 2px 3px;
	 float: left;
	 background-color: #4668b3;
	 width: 8%;
	 font-size: 16px; 	 
    }	
#copy
	{
	 height: 33px;
	 background-color: #4668b3;
	 color: white;
	 text-align: center;
	 margin: 2px 4px 2px 4px;	  	      
	 padding-top: 15px;		  
     float: left;
     width: 55%;
	 font-size: 16px;  
	}		
#day
	{
	 height: 33px;
	 background-color: #4668b3;
	 color: white;
	 text-align: center;
	 margin: 2px 3px 2px 3px;	  	      
	 padding-top: 15px;		  
	 float: left;
	 width: 15%;
	 font-size: 16px; 	 
	}
#clock
	{
	 height: 33px;
	 background-color: #4668b3;
	 color: white;
	 text-align: center;
	 margin: 2px 3px 2px 3px;	  	      
	 padding-top: 15px;		  
	 float: left;
	 width: 15%;
	 font-size: 16px; 	 
	}
#menuup
	{
	 background-color: #24b52e;
	 border: 3px ridge #13a41d;
	 margin-top: 2px;	  
	}  
.menu
	{
	 background-color: #24b52e;
	 float: left;		  
	}  
.menu:hover
	{
	 color: white;
	 background-color: #13a41d;
	}  
a.menulink
	{
	 color: black;
     text-decoration:none;
	} 

/* galerie przyciski */
.prev, .next 
    {
     cursor: pointer;
     position: absolute;
     width: auto;
     padding: 20px;
     top: 50%;	 
     color: red;
     font-weight: bold;
     font-size: 35px;
     transition: 0.6s ease;
     border-radius: 0 3px 3px 0;
     user-select: none;
    }
.next 
    {
     right: 0;
     border-radius: 3px 0 0 3px;
    }
.prev:hover, .next:hover 
    {
     background-color: grey;
	 /*background-color: rgba(0,0,0,0.8);*/
    }	
.prev2, .next2 
    {
     cursor: pointer;
     position: absolute;
     width: auto;
     padding: 20px;
     top: 50%;	 
     color: red;
     font-weight: bold;
     font-size: 35px;
     transition: 0.6s ease;
     border-radius: 0 3px 3px 0;
     user-select: none;
    }
.next2 
    {
     right: 0;
     border-radius: 3px 0 0 3px;
    }
.prev2:hover, .next2:hover 
    {
     background-color: grey;
	 /*background-color: rgba(0,0,0,0.8);*/
    }

/* galerie monsal trail */
.zdjeciebodnant     
	{
	 margin-top: 10px;
	 width: 100%;
	 height: auto;
	 padding-top: 10px;
	 margin-left: auto;
	 margin-right: auto;
	 background-image: url("img/bodnantgarden/bodnantgardentlo.jpg");
	} 
.zdjeciecastlecombe     
	{
	 margin-top: 10px;
	 width: 100%;
	 height: auto;
	 padding-top: 10px;
	 margin-left: auto;
	 margin-right: auto;
	 background-image: url("img/cotswolds/castlecombe/castlecombetlo.jpg");
	} 	
.zdjeciemonsal     
	{
	 margin-top: 10px;
	 width: 100%;
	 height: auto;
	 padding-top: 10px;
	 margin-left: auto;
	 margin-right: auto;
	 background-image: url("img/monsaltrail/monsaltrailtlo.jpg");
	}
.zdjecieruffordspectacle    
	{
	 margin-top: 10px;
	 width: 100%;
	 height: auto;
	 padding-top: 10px;
	 margin-left: auto;
	 margin-right: auto;
	 background-image: url("img/ruffordabbey/ruffordshow/ruffordshowtlo.jpg");
	} 
	
.rectangledown
	{
	 height: 20px;
	 background-color: #c1c9c9;
	 margin-top: 5px;
	 margin-left: 10px;
	 padding: 10px;	  
	}	   
.zamknij
	{
	 height: auto;
     background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 color: black;	
	 text-align: center; 
	 padding-top: 3px;
     font-size: 20px;	 
	 float: left;		           	  
	}
.zamknij:hover
	{
	 background-color: #a0a7a7;
     color: white;
	}

	
.trudnosc
	{
	 width: 50%;
	 height: 80px;
     background-color: #c1c9c9;
     margin-top: -20px;	 
	 float: left;		           	  
	}
#hard
{
	width: 100%;
	height: 78px;
	float: right;
}	
	
	
	
/*MEDIA QUERIES*/



  @media (max-width: 575px) {
figure
    {
	margin-left: 20px;
    }
.zdjecie
    {
	margin-left: 12px;
    }
.wpis
    {
	margin-left: 10px;
    }
.logo3
	{
	 height: 100px;  	 
	}
#footersmall
	{
	 width: 15%; 
	}
.fb
	{
	 width: 12%;	 
    }	
#copy
	{
     width: 80%;
	}		
#day
	{
	 width: 40%; 
	}
#clock
	{
	 width: 40%;	 
	}
.prev, .next 
    {
    font-size: 25px;		
     margin-top: -220px;
    }	
.next 
    {
     margin-right: 14px;
    }
.prev2, .next2 
    {
     font-size: 25px;		
     margin-top: -350px;
    }	
.next2 
    {
     margin-right: 14px;
    }	
}

  @media (min-width: 576px) and (max-width: 767px) {
figure
    {
	margin-left: 20px;
    }
.logo3
	{
	 height: 100px;  	 
	}
#footersmall
	{
	 width: 15%; 
	}
.fb
	{
	 width: 12%;	 
    }	
#copy
	{
     width: 80%;
	}		
#day
	{
	 width: 40%; 
	}
#clock
	{
	 width: 40%;	 
	}
.prev, .next 
    {
     margin-top: -100px;
    }	
.next 
    {
     margin-right: 22px;
    }
.prev2, .next2 
    {
     margin-top: -300px;
    }	
.next2 
    {
     margin-right: 22px;
    }	
}	
	
  @media (min-width: 768px) and (max-width: 991px) {
.prev, .next 
    {
     margin-top: -100px;
    }	
.next 
    {
     margin-right: 28px;
    }
.prev2, .next2 
    {
     margin-top: -300px;
    }	
.next2 
    {
     margin-right: 28px;
    }	
}	
	
  @media (min-width: 992px) and (max-width: 1199px) {
.prev, .next 
    {
     margin-top: -100px;
    }	
.next 
    {
     margin-right: 35px;
    }
.prev2, .next2 
    {
     margin-top: -300px;
    }	
.next2 
    {
     margin-right: 35px;
    }	
}	
	
  @media (min-width: 1200px) and (max-width: 1399px) {
.prev, .next 
    {
     margin-top: -100px;
    }	
.next 
    {
     margin-right: 40px;
    }
.prev2, .next2 
    {
     margin-top: -270px;
    }	
.next2 
    {
     margin-right: 40px;
    }
}	
	
  @media (min-width: 1400px) {
.prev, .next 
    {
     margin-top: -100px;
    }	
.next 
    {
     margin-right: 56px;
    }
.prev2, .next2 
    {
     margin-top: -220px;
    }	
.next2 
    {
     margin-right: 56px;
    }	
}	
	
 

/* lewy kwadrat menu */ 
/*
.prostokat
	{
	 background-color: red;
	 color: black;
	 text-align: center;
	 float: left;
	 overflow: auto;		 
	 font-family: 'Lato', sans-serif;
	}    
.srodek
	{
	 background-color: yellow;
	 color: black;
	 text-align: center;
	 float: left;
	 overflow: auto;		 
	 font-family: 'Lato', sans-serif;
	} 
.rectanglemenu
	{
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 border-radius: 5px;
	 color: black;
	 text-align: center;
	 float: left;
	 overflow: auto;		 
	 font-family: 'Lato', sans-serif;
	}  
*/
/* menu miejsca */
/*
.place
	{
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 text-align: center;	  
	}	
.place:hover
	{
	 background-color: #a0a7a7;
	 color: white;
	} 
 */  
/* drugi kwadrat zdjecia */	
/*
.rectanglemenu2
	{
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 border-radius: 5px;
	 color: black;
	 text-align: center;
	 float: left;
	 overflow: auto;		 
	 font-family: 'Lato', sans-serif;
	} 
.photomenu
	{
	 margin: 30% 1% 0 1%;
	 opacity: 1;
	}
.photomenu:hover
	{
	 opacity: 0.8;
	}
*/
/* kwadrat tekst */
/*
.square
	{
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 border-radius: 5px;
	 float: left;	  
	}		
.text
	{
	 width:99%;
	 height: 50px;
	 background-color: #c1c9c9;
	 text-align: center;
	 margin: 5px;		  
	}
.rectangletext
	{
	 background-color: #c1c9c9;
	 text-align: left;
	 margin-left: 5px;
     margin-top: -17px;
	 padding-left: 10px;
     overflow: auto;		  
	}
.rectangledate
	{
	 height: 25px;
	 background-color: #e3e9e9;
	 border-radius: 5px;
	 color: red;
	 text-align: center;
	 margin-top: 5px;
     padding-top: 5px;	 
	 float: left;
     font-family: 'Lato', sans-serif;	 
	}			
.rectangletopic
    {
	 height: 25px;
	 background-color: #e3e9e9;
	 border-radius: 5px;
	 color: red;
	 text-align: left;
     margin-left: 18px;
	 margin-top: 5px;      
	 padding-top: 5px;
	 padding-left: 10px;
	 float: left;
	 font-family: 'Lato', sans-serif;
	}	
.rectanglediscription
	{
	 height: auto;
	 background-color: #e3e9e9;
	 color: black;
	 font-size: 20px; 
	 text-align: justify;
	 text-indent: 50px;
	 margin-top: 5px;
	 mergin-left: 5px;
	 margin-bottom: 5px;
	 padding: 20px;
	 font-family: 'Lato', sans-serif;
	 float: left;		  
	}		
.photoplace
	{
	 margin: 0 20px 0 -45px;
	 float: left;
	}
.photoplace2
	{
	 margin: 5px 20px 5px -45px;
	 text-align: center;
	 float: left;
	}	
.rectangleopis1
	{
	 background-color: #e3e9e9;
	 color: black;	 	 
	 float: left;
     height: auto;	 
	 overflow: auto;		 
	 font-family: 'Lato', sans-serif;
	}
.rectangleopis2
	{
	 background-color: #e3e9e9;
	 border: 2px ridge #b0b8b8;
	 color: black;
	 float: left;
     height: auto;	 
	 overflow: auto;		 
	 font-family: 'Lato', sans-serif;
	} 
.rectangleopis3
	{
	 background-color: #e3e9e9;
	 border: 2px ridge #b0b8b8;
	 color: black;
	 float: left;
     height: auto;	 
	 overflow: auto;		 
	 font-family: 'Lato', sans-serif;
	}
.rectangleopis4
	{
	 background-color: #e3e9e9;
	 border: 2px ridge #b0b8b8;
	 color: black;
	 float: left;
	 height: auto;
	 overflow: auto;		 
	 font-family: 'Lato', sans-serif;
	}		
.rectangledown
	{
	 height: 20px;
	 background-color: #c1c9c9;
	 margin-top: 5px;
	 margin-left: 10px;
	 padding: 10px;	  
	}
.rectanglebutton
	{
	 background-color: #c1c9c9;
	 text-align: center;
	 margin-top: -7px;
     margin-left: 6px;
     padding-top: 5px;  
     float: left;	  
	}
.rectanglebutton2
	{
     background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 color: black;	
	 text-align: center;
	 margin-top: -7px;
	 margin-left: 6px;		  
	 padding-top: 5px;	      
	 float: left;		           	  
	}      	   
.rectanglebutton2:hover
	{
	 background-color: #a0a7a7;
     color: white;
	}
	*/

/* kwadrat tekst - aktualności */
/*
.rectangletext2
	{
	 background-color: #c1c9c9;
	 text-align: left;
	 margin-left: 5px;
     margin-top: -17px;
	 padding-left: 10px;
     overflow: auto;		  
	}	
.rectanglefulltopic
    {
	 height: 25px;
	 background-color: #e3e9e9;
	 border-radius: 5px;
	 color: red;
	 text-align: left;
	 margin-top: 5px;      
	 padding-top: 5px;
	 padding-left: 10px;
	 font-family: 'Lato', sans-serif;
	}	
.rectangleinfo
	{
	 background-color: #e3e9e9;
	 font-size: 20px;
	 text-align: justify;
	 text-indent: 50px;		  
	 margin-top: 5px;
	 padding: 10px 20px 10px 20px;
	 overflow: auto;	      		  		  
	 font-family: 'Lato', sans-serif;	
	}
*/

/* galerie przyciski */
/*
.prev, .next 
    {
     cursor: pointer;
     position: absolute;
     top: 50%;
     width: auto;
     margin-top: -100px;
     padding: 16px;
     color: white;
     font-weight: bold;
     font-size: 35px;
     transition: 0.6s ease;
     border-radius: 0 3px 3px 0;
     user-select: none;
    }
.next 
    {
     margin-right: 27px;
     right: 0;
     border-radius: 3px 0 0 3px;
    }
.prev:hover, .next:hover 
    {
     background-color: rgba(0,0,0,0.8);
    }
.photohigh2
    {		
	 background-color: #c1c9c9;
     text-align: center;
	 font-size: 20px;
	 float: left;
    }
.photolongmiddle
    {
	 background-color: #c1c9c9;
     text-align: center;
	 font-size: 20px;
	 float: left;
    }	
.rectanglephototext
	{
	 width:35%;
	 height: 24px;
     background-color: #c1c9c9;
	 color: black;	
	 text-align: center;
	 padding-top: 5px;
     font-size: 20px;	 
	 float: left;		           	  
	}


*/	

/*dokończyć segregowanie*/









/*

.zdjeciewybor
	{
	 margin-top: 50px;
	}
.rectangletext3
	{
	 background-color: #c1c9c9;
	 text-align: left;
	 margin-left: 5px;
     margin-top: -17px;
	 padding-left: 10px;
     overflow: auto;		  
	}
.read  
	{
	 width: 180px;
	 height: 20px;
	 background-color: #e3e9e9;
	 border: 2px ridge #d2d8d8;
	 color: red;
	 margin-top: 20px;
	 margin-right: 20px;
	 float: right;
	}	
.read:hover
	{
     background-color: #d2d8d8;
     color: white;  
	}

.rectangledown2
	   {
		  margin-left: 40px;
	      width:96%;
		  margin-top: 5px;
		  padding: 10px;
		  height: 20px;
		  background-color: #c1c9c9;
	   }   	
.rectanglebutton4
	{
	 width:32%;
	 height: 24px;
     background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 color: black;	
	 text-align: center;
	 margin-top: -7px;
	 margin-left: 6px;		  
	 padding-top: 5px;	      
	 float: left;		           	  
	}  	

.rectanglebuttonlong
	{
	 width:48%;
	 height: 24px;
     background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 color: black;	
	 text-align: left;
	 margin-top: -7px;
	 margin-left: 6px;	 
	 padding-top: 5px;
     padding-left: 5px;	 
	 float: left;		           	  
	}   	

	.rectangleinfo2
	{
	 width: 96%;
	 background-color: #e3e9e9;
	 font-size: 20px;
	 text-align: justify;
	 text-indent: 50px;		  
	 margin-top: 5px;
	 padding-left: 10px;
	 padding-right: 10px;
	 overflow: auto;	      		  		  
	 font-family: 'Lato', sans-serif;	
	}	
.rectangleplace a:hover
    {
	 color: blue;
	}
    .rectangleplacesmall2
    {
	 background-color: #e3e9e9;  
	 text-align: center;
	 margin-top: 5px;
	 padding: 5px;
	 float: left;	
    }	
.rectanglename2
	{
	 width:35%;
	 height: 23px;
	 background-color: #e3e9e9;
	 color: black;
	 text-align: left;
	 margin-left: 8px;
	 margin-top: 5px;	      
	 padding-top: 7px;
	 padding-left: 10px;		  
	 float: left;		  	  
	}
.rectanglecode
	{
	 width:20%;	
	 height: 23px;
	 background-color: #e3e9e9;
	 color: red;
	 text-align: center;
	 margin-left: 6px;
	 margin-top: 5px;	      
	 padding-top: 7px;		  
	 float: left;		  		  
	}
.rectanglecode2
	{
	 width:20%;
	 height: 23px;
	 background-color: #e3e9e9;
	 text-align: center;
	 margin-left: 6px;
	 margin-top: 5px;	      
	 padding-top: 7px;		  
	 float: left;		  
	}	
.rectangleinfoplace
	{
	      text-align: justify;
		  text-indent: 50px;
		  font-size: 20px;
		  margin-top: 5px;
		  overflow: auto;
		  padding: 10px;
		  background-color: #e3e9e9;
		  font-family: 'Lato', sans-serif; 
	}
.rectangleinfoplace2
	{
	      text-align: justify;
		  text-indent: 50px;
		  font-size: 20px;
		  margin-top: 5px;
		  overflow: auto;
		  padding: 10px;
		  background-color: #e3e9e9;
		  font-family: 'Lato', sans-serif; 
	}	

.rectanglephotosjanet
	   {
		  margin-top: 20px;
	      width: 98%;
		  height: 790px;
		  padding-top: 45px;
		  margin-left: auto;
		  margin-right: auto;
		  background-color: #c1c9c9;
		  text-align: center;
		  background-image: url("img/malham/janet/janettlo.jpg");
	   }
.rectanglephotos2
	   {
		  margin-top: 20px;
	      width: 98%;
		  height: 760px;
	 color: black;		  
		  margin-left: auto;
		  margin-right: auto;
		  background-color: #c1c9c9;
		  text-align: center;
	   }	   
.sign
{
	width: 60px;
	height: 460px;
	padding-top: 300px;
	background-color: #c1c9c9;
	float: left;
}


.photohigh
{
	width: 520px;
	height: 693px;
	margin-top: 20px;
	margin-left: 47px;
	margin-right: 37px;
	background-color: #c1c9c9;
    text-align: center;
	font-size: 20px;
	float: left;
}
.photolong
{
	width: 818px;
	height: 615px;
	margin-top: 80px;
	margin-left: 50px;
	margin-right: 37px;
	background-color: #c1c9c9;
    text-align: center;
	font-size: 20px;
	float: left;
}

.photolong2
{
	width: 802px;
	height: 693px;
	margin-top: 20px;
	margin-left: 22px;
	margin-right: 22px;
	background-color: #c1c9c9;
    text-align: center;
	font-size: 20px;
	float: left;
}		
.photoshort
{
	width: 371px;
	height: 693px;
	margin-top: 20px;
	margin-left: 22px;
	margin-right: 22px;
	background-color: #c1c9c9;
    text-align: center;
	font-size: 20px;
	float: left;
}	 	   

	
	   



	   
	   	.prostokatnazwa
	   {
	      text-align: left;
		  margin-left: 5px;
		  margin-top: 5px;
	      width:35%;
		  padding-top: 5px;
		  padding-left: 10px;
		  height: 25px;
		  float: left;
		  background-color: #e3e9e9;
		  color: red;
	   }	

#hard
{
	width: 200px;
	height: 20px;
	float: right;
	padding-right: 5px;
}
	
#stars
{
	float: right;
	padding-right: 5px;
	margin-top: -2px;
}		   	     		     	   	   	   
	   
	   
	
	 
	   .zdjeciesrodek
	   {
		  margin-top: 25px;
		  margin-left: 250px;	  
	   }

	   
 	   
	
	   
	   
	       
	   

	   
	   	.puste
	   {
		  width: 95%; 
	      text-align: center;
	      height: 56px;
		  margin: 2px 3px 2px 3px;
		  float: left;
	      background-color: #4668b3;
		  color: red;
	   }

	   
	   	.stopka
	   {
	      margin-top: 2px;
	      height: 50px;
	      background-color: #c1c9c9;
	   }
	   

	   
	   .powrot
	   {
		  margin-left: 10px;
		  width: 110px;
		  height: 20px;
		  text-align: center;
		  color: red;
		  background-color: #e3e9e9;
		  border: 2px ridge #d2d8d8;	   
	   }
	   
	   .powrot:hover
	   {
		  background-color: #d2d8d8;
		  color: white;  
	   }
	   
.crossword1
{
	width: 28px;
	height: 30px;
	margin-top: 2px;
	margin-left: 1px;
	border: 2px solid black;
	background-color: #c1c9c9;
	color: red;
	text-align: center;
	font-family: 'Lato', sans-serif;
	cursor: context-menu;
	float: left;
}
.crosswordpassword
{
	width: 28px;
	height: 30px;
	margin-top: 2px;
	margin-left: 1px;
	border: 2px solid red;
	background-color: #c1c9c9;
	color: red;
	text-align: center;
	font-family: 'Lato', sans-serif;
	float: left;
}
.crosswordempty
{
	width: 32px;
	height: 34px;
	margin-top: 2px;
	margin-left: 1px;
	background-color: #e3e9e9;
	color: red;
	text-align: center;
	font-family: 'Lato', sans-serif;
	float: left;
}
.buttonnumber
{
	font-size: 24px;
	margin-top: 2px;
	margin-left: 2px;
	background-color: #e3e9e9;
	color: black;
	width: 50px;
	text-align: center;
	font-family: 'Lato', sans-serif;
	float: left;
	cursor: context-menu;
}
	   
	
#score001
{
	width: 500px;
	height: 50px;
	font-size: 20px;
	color: red;
	background-color: green;
}   

#next001
{
	font-size: 20px;
}	   

	   
.proba
{
	 font-family: 'Lobster', cursive;
	 font-family: 'Lato', sans-serif;
}

*/



/*MEDIA QUERIES*/


/*
  @media (max-width: 481px) {
	.menu
	{
	 width: 28%;
	 height: 29px;
	 font-size: 11px;
	 background-color: #24b52e; 
	 text-align: center;
	 margin: 2px 14px 0 10px;
	 float: left;
     padding-top: 14 px;		  
	}
	#logo
	{
	 height: 52px;
	 font-size: 10px;
    }
	#menuup
	{	
	 height: 88px;
	}
	.prostokat
	{
	 width: 100%;
	 height: 707px;
	 margin: 2px 0 2px 0;
	}
	.srodek
	{
	 width: 98%;
	 height: 585px;
	 margin: 2px 0 2px 0;
	}	
	.rectanglemenu
	{
	 width: 45%;                
	 height: 575px;
	 margin: 2px 4px 2px 20px;    
	}
	.rectanglemenu2
	{
	 width: 43%;                
	 height: 575px;
	 margin: 2px 4px 2px 20px;    
	}
	.place
	{
	 width: 91%;
	 height: 30px;
	 font-size: 16px;
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 text-align: center;
	 margin: 2px 10px 0 10px;
	 padding-top: 8px;
	}
    .shire
	{
	 width: 92%;
	 height: 34px;
	 font-size: 13px;
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
     text-align: center;
     margin: 5px 10px 4px 10px;
	 padding-top: 14px;
	}
	.shirenire
	{
     text-align: center;
     margin: 0 10px 0 10px;
	 width: 91%;
	 height: 29px;
	 font-size: 15px;	 
	 padding-top: 9px;
	 float: left;
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 color: black;
	}	
    .shiresco
	{
     text-align: center;
	 margin: 0 10px 0 10px;
     width: 90%;
     height: 27px;
	 font-size: 13px;	 
	 padding-top: 9px;
	 float: left;
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	}		
	.square
	{
	 width:97%;
     height: 677px;
	 background-color: #c1c9c9;
	 border: 2px ridge #b0b8b8;
	 border-radius: 5px;
	 margin: 2px 4px 2px 10px;
	 float: left;	  
	}
	.photomenu
	{	
	 margin: 10% 1% 0 1%;
	 opacity: 1;
	}
	.photocalendar
	{
	 margin: 10% 1% 0 1%;
	 opacity: 0.7;
	}
	.rectangletopic
    {
	 width:73%;
	}
	.rectanglediscription
	{
	 width: 91%;	  
	}	
	.rectangletext
	{
	 height: 607px;	  
	}
	.rectanglebutton
	{
	 width:30%;
	 height: 28px; 
	}
    .rectanglebutton2
	{
	 width:31%;
	 height: 23px;	           	  
	}     
	.rectangledown
	{
	 width:96%;
	}
    .rectangledate
	{
	 width:20%; 
	}		
	.rectanglefulltopic
    {
	 width:97%;
	}
	.rectangletext3
	{
	 width:98%;	
	 height: 567px;		  
	}
	.rectangleinfo
	{
	 width: 96%;
     height: 527px;
	}
    .rectangleplacesmall
    {
	 width: 21%;
	 height: 95px;  
	 margin-left: 12px;	
    }	
		
}
*/