* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#434343;background:#FFF;}
h1 {color:#3e549c;background:#ddd;font-size:16px;font-weight:bold;text-align:center;padding:5px;margin:10px 0 1px;}

.container {margin:20px auto;}

#nav {}
#nav .proman {float:left;width:220px;margin-bottom:5px;}
#nav .facebook {float:right;background:#3e549c;width:40px;margin:20px 0 20px 0;transition:0.4s;}
#nav .facebook:hover {background:#95a8d8;}
ul.topnav {list-style:none;}
ul.topnav li {float:left;margin:20px 0 0 0;width:158px;font-size:20px;text-align:center;}
ul.topnav li a {display:block;height:30px;text-decoration:none;color:#fff;background:#3e549c;transition:0.4s;padding:5px;}
ul.topnav li a:hover{color:#3e549c;background:#95a8d8;}
ul.topnav li.icon {display:none;}
ul.topnav li.empty {background:#3e549c;height:40px;}

#main {clear:both;text-align:justify;margin:0 0 10px 0;}
#main img {width:100%;}
#main p {margin-top:10px;text-indent:25px;}

#main_left {width:40%;}
#main_right {float:right;width:58%;}

#kontakt {clear:both;float:left;width:38%;margin:0 0 10px;}
#kontakt p {color:#434343;margin-top:5px;line-height:1.2;}
#kontakt label {display:block;}
#kontakt input {display:block;border:none;color:#000;background:#eee;font-size:16px;width:100%;margin:10px 0 0;padding:5px 0 0 0}
#kontakt textarea {display:block;border:none;resize:none;color:#000;background:#eee;font-family:Arial, Helvetica, Sans-serif;font-size:16px;line-height:1.5;font-weight:400;width:100%;height:150px}
#kontakt .input_submit {color:#fff;background-color:#3e549c;font-size:20px;width:100%;border:none;transition:0.4s;padding:5px;}
#kontakt .input_submit:hover {color:#3e549c;background:#95a8d8;}

#mapa {float:right;width:60%;margin:0 0 10px;}
#mapa iframe {width:100%;height:500px;}

#kolekcja {clear:both;width:100%;text-align:center;}
#kolekcja img {width:400px;}

footer {clear:both;color:#fff;background:#3e549c;width:100%;height:40px;margin:0 0 25px;}
footer p {float:right;padding:5px 25px 5px 25px;margin-top:5px}


@media (min-width: 1100px) {
	.container {width:1050px;}
	ul.topnav li {width:158px;}
	#main p {font-size:18px;}
	#kontakt {float:left;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
	.container {width:950px;}
	ul.topnav li {width:138px;}
	#main p {font-size:16px;}
	#kontakt {float:left;}
}
@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:750px;}
	ul.topnav li {width:98px;font-size:18px;}
	#kontakt {float:left;}
}
@media (max-width: 800px) and (min-width: 500px) {
	.container {width:450px;}
	#nav {height:60px;background:#3e549c;margin-bottom:25px;}
	ul.topnav li {clear:both;margin:0 0 1px 0;width:100%;text-align:left;}
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon {display:inline-block;}

	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li {float:none;display:block;margin:0 0 1px 0;}
	ul.topnav.responsive li a {display:block;text-align:left;}
	ul.topnav.responsive li.empty {display:none;}

	#kontakt {margin:0 0 1px 0;width:100%;}
	#mapa {float:left;width:100%;}
	#main_left {width:100%;}
	#main_right {width:100%;}
	#kolekcja img {width:80%}

}
@media (max-width: 500px) {
	.container {width:95%;}
	#nav {height:60px;background:#3e549c;margin-bottom:25px;}
	ul.topnav li {clear:both;margin:0 0 1px 0;width:100%;text-align:left;}
	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li.icon {display:inline-block;}

	ul.topnav.responsive {position: relative;}
	ul.topnav.responsive li {float:none;display:block;margin:0 0 1px 0;}
	ul.topnav.responsive li a {display:block;text-align:left;}
	ul.topnav.responsive li.empty {display:none;}
	
	#kontakt {margin:0 0 1px 0;width:100%;}
	#mapa {float:left;width:100%;}
	#main_left {width:100%;}
	#main_right {width:100%;}
	#kolekcja img {width:80%}
}