body {background: url("bg2.jpg");
color: #fefbe1;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 13pt;
line-height: 1.5;}

.center
{

text-align: center;
}

div {margin: 3px;}
.all {
text-align: center;
}
.show{width: 40%; max-width: 150px;}
a {

color: #222222;
text-decoration: none;
}
#content{
margin-top: 40%;
margin-left: 10px;
margin-right: 10px;
text-align: left;
}
#srodek {
background: url("contentbg.png") repeat-y;
widht: 100%;

}
.foto{
width: 0px;
visibility: hidden;}


ol{

list-style-type: circle;

}
#footer
{
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
margin-left: auto;
margin-right: auto;
  width: 100%;
margin-bottom: 30px;
font-size: 10pt;
text-align: center;
color: #f3f1dd;
}
#top
{
width: 100%;
height: 222px;
}		 

#logo
{
float: left;
width: 49%;

}
#place
{
margin-top: 15%;
float: right;
width: 49%;

}

.logo{width: 50%;}
.place{width: 99%;}

.clear { clear: both;}


.line {width:80%;
margin-left: auto ;
  margin-right: auto ;
  }	

	
#menu
{
margin-left: auto ;
  margin-right: auto ;
width:100%;
text-align: center;
}


	
	.przycisk {width: 100%;
margin: 1px;}
	
	.return{
	width: 80%;
	max-width: 336px;
	margin-left: auto ;
  margin-right: auto ;
	}
	

	
	
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */

#logo
{
margin: 0 auto;
width: 49%;

}
.logo{width: 90%;
}

#menu
{

width:50%;
margin-left: auto ;
  margin-right: auto ;
}


.przycisk {width: 100%;
}	
#place
{
width:48%;
text-align: center;
margin-top: 5%;
}



#top
{
width:100%;
height: 50%;
 text-align: center;


}		 
.place{width: 88%;}





}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 750px){
/* Styles */
#logo
{
float: left;
width: 48%;

}
.logo{width: 99%;}

#place
{
margin-right: 10px;
float: right;
width: 45%;
margin-top: 10%;
}


.place{width: 98%;
}


.przycisk {width: 45%;
}	
#place
{
visibility: visible;
height: 100%;
}

#top
{
width:100%;
height: 100%;
}		 

#menu
{
width:100%;
margin-left: auto ;
  margin-right: auto ;
margin-top: 32%;
}
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */

#logo
{
margin: 0 auto;
width: 60%;

}
.logo{width: 100%;
margin-left: 35%;}

#menu
{

width:90%;
margin-left: auto ;
  margin-right: auto ;

}


.przycisk {width: 100%;
}	
#place
{
visibility: hidden;
width: 0px;
}



#top
{
width:100%;
height: 50%;
 text-align: center;


}		 
.place{visibility: hidden;
width: 0px;}

}
/* tablet i laptop ----------- */
@media only screen and (min-width : 750px) {
/* Styles */

#logo
{
float: left;
width: 49%;

}
.logo{width: 99%;}

#place
{
margin-top: 40px;
float: right;
width: 49%;
}


.place{width: 99%;}
.all {width: 700px;
margin: auto;
}

.przycisk {width: 45%;
}	
#place
{
visibility: visible;
}
#content{
margin-top: 0;

}
#top
{
width:100%;
height: 222px;
}		 
.place{visibility: visible;}


#menu
{
margin-left: auto ;
  margin-right: auto ;
  }}