html,body { height: 100%; margin: 0px; padding: 0px; }

body {
	background:#A81916 repeat-x url('/images/podklad.png');
	font-family: 'Roboto Condensed','Crete Round',  sans-serif;
	font-weight:400;
	font-style: normal;
	color:#FFF;
}

nav#languages {
	position:absolute;
	right:20px;
	top:20px;
	font-family: 'Crete Round';
}

nav#languages > ul {
	list-style:none;
	font-size:12px;
}

nav#languages > ul > li{
	float:left;
	margin-left:10px;
}

nav#languages > ul > li.active{
	color:#951412;
}

nav#languages > ul > li > a{
	color:#777770;
	text-decoration:none;
}


main#main-page {
	width:440px;
	height:503px;
	margin:20px auto;
	background:#951412;
	box-shadow:0 0 20px 0 #000;
}

main#polozky {
	width:551px;
	min-height:503px;
	margin:20px auto;
	background:#951412;
	box-shadow:0 0 20px 0 #000;
}


main#main-page h1,main#polozky h1 {
	text-align:center;
	font-size:14px;
}

main#main-page > div.navigation, main#polozky > div.navigation {
	text-align:center;
}

main#main-page > div.navigation > ul {
	list-style:none;
	margin:50px 0 0;
	padding:0;
}

main#main-page > div.navigation > ul > li{
	padding:10px;
}

main#main-page > div.navigation > ul > li > a:hover{
	background:#777770;
}

main#main-page > div.navigation > ul > li > a{
	color:#FFF;
	font-family:'Roboto Condensed';
	font-size:20px;
	letter-spacing:4px;
	text-decoration:none;
	padding:10px;
	border-radius:10px;
	text-transform: uppercase;
}

main#polozky > div.navigation {
	background-color:#777770;
}

main#polozky > div.navigation > ul {
	list-style:none;
	margin:20px 0 0 0;
	padding:5px 0;
}

main#polozky > div.navigation > ul > li{
	display: inline;
}

main#polozky > div.navigation > ul > li > a:hover, main#polozky > div.navigation > ul > li > a.active{
	color:#951412;
}


main#polozky > div.navigation > ul > li > a{
	color:#FFF;
	font-family:'Roboto Condensed';
	font-size:20px;
	letter-spacing:4px;
	text-decoration:none;
	padding:10px 15px;
	border-radius:10px;
	text-transform: uppercase;
}

.main-text {
	padding:10px;
	font-family: 'Roboto Condensed';
	font-weight:lighter;
}

.main-text h2{
	font-size:22px;
	text-transform: uppercase;
}

.kontakt-pad {
	padding:20px 0;
}

.pad-50 {
	padding-top:50px;
}


@media (max-width:599px) {
	main#main-page, main#polozky {
		width:280px;
		min-height:320px;
		box-shadow:0 0 10px 0 #000;
		margin-top:30px;
		margin-bottom:10px;
	}
	
	nav#languages {
		float: right;
		margin-right: 12px;
		margin-top:6px;
		position:static;
    }
    
    main#main-page > div.navigation > ul, main#polozky > div.navigation > ul {
		margin-top:30px;
	}
	

}