body {background-color: #EBF2D0;
color: #4B413B;
font-family: Verdana,Aral,Helvetica,sans-serif;
line-height: 1.5;}
div {margin: 3px;}
.srodek {text-align: center;}
.stopka {text-align: center;
	font-size: 0.7em;}
a {color: #A69C80;}

img.mapa{
max-width: 370px;
		 width: 90%;
}

img.flag {
max-width: 50px;
		 width: 18%;
}

	ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	width: 100%
}

ul a:link, ul a:visited {
	display: block;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
	background-color: #4B413B;
	color: #EBF2D0;
	padding: 5px;
	border: 1px outset #fff;
	
}

ul.more {
	width: 50%;
	float: right;
}

ul.more a:link, ul.more a:visited {
	display: block;
	width: 90%;
	text-decoration: none;
	font-weight: bold;
	background-color: #4B413B; 
	color: #A69C80;
	padding: 5px;
	border: 1px outset #fff;
}

ul.less {
	width: 50%;
	float: left;
}

ul.less a:link, ul.less a:visited {
	display: block;
	width: 90%;
	text-decoration: none;
	font-weight: bold;
	background-color: #4B413B; 
	color: #EBF2D0;
	padding: 5px;
	border: 1px outset #fff;
}

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

    img.logo {
         max-width: 300px;
    }
	ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	width: 100%
}

ul a:link, ul a:visited {
	display: block;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
	background-color: #4B413B;
	color: #EBF2D0;
	padding: 5px;
	border: 1px outset #fff;
	
}

.mapa{
width: 100%;
max-width: 370px;
}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 750px){
/* Styles */

    img.logo {
         max-width: 320px;
		 margin-bottom: 5px;
    }
		ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	width: 100%
}

ul a:link, ul a:visited {
	display: block;
	width: 90%;
	text-decoration: none;
	font-weight: bold;
	background-color: #4B413B;
	color: #EBF2D0;
	padding: 15px 5%; 
	border: 1px inset #fff;
}

.mapa{
width: 100%;
max-width: 370px;
}

}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */

    img.logo {
         width: 100%;
		 margin-bottom: 5px;
    }
	ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	width: 100%
}

ul a:link, ul a:visited {
	display: block;
	width: 90%;
	text-decoration: none;
	font-weight: bold;
	background-color: #4B413B;
	color: #EBF2D0;
	padding: 15px 5%; 
	border: 1px inset #fff;
}
.mapa{
width: 100%;
max-width: 370px;
}

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

.all {width: 700px;
margin: auto;}
   img.logo {
         width: 50%;
		 float: right;
		 margin-bottom: 5px;
    }
	ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	width: 100%
}

ul a:link, ul a:visited {
	display: block;
	width: 90%;
	text-decoration: none;
	font-weight: bold;
	background-color: #4B413B;
	color: #EBF2D0;
	padding: 10px 5%; 
	border: 1px inset #fff;
}
.mapa{
width: 100%;
max-width: 370px;
}
}