@charset "utf-8";
body {
	font-size: 100%;
	background-color: #A10A3F;	
}
h1 {
	font-size: 2.5em;
	margin: 0px;
	padding: 0px;
	color: #ccff99;
}

h2 {
    font-size: 1.875em;
}
h3 {
    font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
    font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
}
h5 {
    font-size: 1.05em;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
li {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;	
}
.container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.c_header {
	width: 100%;
	-webkit-order: 1;
	order: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	background-color: #2f2b24;
}
.logo {
	width: 200px;
	-webkit-order: 1;
	order: 1;
}
.focim {
	-webkit-order: 2;
	order: 2;
	color: #f1cc28;
}

.c_kontakt {
	width: 100%;
	-webkit-order: 2;
	order: 2;
	background-color: #CCFFCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #2f2b24;
}
.c_pad5 {
	padding:5px;
}
.c_pad_l {
	padding:0px;
}
.c_pad_r {
	padding:0px;
}
.c_pad_cent {
	padding:0px;
}
.c_pad_foot {
	padding:5px;
}
.c_menu {
	width: 100%;
	-webkit-order: 3;
	order: 3;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #630;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	line-height: 2em;
}

.c_menu a:link {
	color: #FFF;
	text-decoration: none;
}
.c_menu a:visited {
	color: #FFF;
	text-decoration: none;
}
.c_menu a:hover {
	color: #FF0;
	text-decoration: none;
}

.menu1 {
	width: 50%;
	-webkit-order: 1;
	order: 1;
	text-align: center;
}
.menu2 {
	width: 50%;
	-webkit-order: 2;
	order: 2;
	text-align: center;
}
.menu3 {
	width: 50%;
	-webkit-order: 3;
	order: 3;
	text-align: center;
}
.menu4 {
	width: 50%;
	-webkit-order: 4;
	order: 4;
	text-align: center;
}
.menu5 {
	width: 50%;
	-webkit-order: 5;
	order: 5;
	text-align: center;
}
.menu6 {
	width: 50%;
	-webkit-order: 6;
	order: 6;
	text-align: center;
}
.menu1_a {
	width: 50%;
	-webkit-order: 1;
	order: 1;
	text-align: center;
	background-color: #C00;
}
.menu2_a {
	width: 50%;
	-webkit-order: 2;
	order: 2;
	text-align: center;
	background-color: #C00;
}
.menu3_a {
	width: 50%;
	-webkit-order: 3;
	order: 3;
	text-align: center;
	background-color: #C00;
}
.menu4_a {
	width: 50%;
	-webkit-order: 4;
	order: 4;
	text-align: center;
	background-color: #C00;
}
.menu5_a {
	width: 50%;
	-webkit-order: 5;
	order: 5;
	text-align: center;
	background-color: #C00;
}
.menu6_a {
	width: 50%;
	-webkit-order: 6;
	order: 6;
	text-align: center;
	background-color: #C00;
}

.c_left {
	width: 100%;
	-webkit-order: 5;
	order: 5;
	background-color: #ddffdd;
}
.c_left p {
	font-size: 0.875em;
}
.c_center {
	width: 100%;
	-webkit-order: 4;
	order: 4;
	background-color: #EFE;
}
.c_right {
	width: 100%;
	-webkit-order: 6;
	order: 6;
	background-color: #ddffdd;
}
.c_right p {
	font-size: 0.875em;
}
.c_footer {
	width: 100%;
	-webkit-order: 7;
	order: 7;
	background-color: #2f2b24;
	text-align: center;
	color: #CCC;
}
.navi {
	font-size: 0.875em;
	color: #666;
	text-align: right;
	font-style: italic;
	margin-right: 5px;
}
.piros {
	color: #C00;	
}
.kep_1 {
	padding: 2px;
}
.drzatik {
	background-color: #FFFFCC;
	border: thin solid #666;
	padding: 0px;
	text-align: center;
}
.lista {
	text-indent: -6px;
	margin-left: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.marquee {
	width: 100%;
	overflow: hidden;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	background-color: #D00;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}

@media (min-width: 600px) {
	.c_header {
		width: 100%;
		-webkit-order: 1;
		order: 1;
	}
	.c_kontakt {
		width: 100%;
		-webkit-order: 2;
		order: 2;
	}
	.c_menu {
		width: 100%;
		-webkit-order: 3;
		order: 3;
	}
	.c_left {
		width: 30%;
		-webkit-order: 4;
		order: 4;
	}
	.c_center {
		width: 70%;
		-webkit-order: 5;
		order: 5;
	}
	.c_right {
		width: 100%;
		-webkit-order: 6;
		order: 6;
	}
	.c_footer {
		width: 100%;
		-webkit-order: 7;
		order: 7;
	}

	.menu1 {
		width: 33%;
	}
	.menu2 {
		width: 33%;
	}
	.menu3 {
		width: 33%;
	}
	.menu4 {
		width: 33%;
	}
	.menu5 {
		width: 33%;
	}
	.menu6 {
		width: 33%;
	}
	.menu1_a {
		width: 33%;
	}
	.menu2_a {
		width: 33%;
	}
	.menu3_a {
		width: 33%;
	}
	.menu4_a {
		width: 33%;
	}
	.menu5_a {
		width: 33%;
	}
	.menu6_a {
		width: 33%;
	}
	.c_pad_l {
		padding:5px;
	}
	.c_pad_r {
	padding:5px;
	}
	.c_pad_cent {
		padding:5px;
	}
}

@media (min-width: 800px) {
	.container {
		width: 800px;
		margin-left: auto;
        margin-right: auto;		
	}
	.c_header {
		width: 100%;
		-webkit-order: 1;
		order: 1;
	}
	.c_kontakt {
		width: 100%;
		-webkit-order: 2;
		order: 2;
	}
	.c_menu {
		width: 100%;
		-webkit-order: 3;
		order: 3;
	}
	.c_left {
		width: 20%;
		-webkit-order: 4;
		order: 4;
	}
	.c_center {
		width: 60%;
		-webkit-order: 5;
		order: 5;
	}
	.c_right {
		width: 20%;
		-webkit-order: 6;
		order: 6;
	}
	.c_footer {
		width: 100%;
		-webkit-order: 7;
		order: 7;
	}
	.focim {
		-webkit-order: 2;
		order: 2;
		margin-left: auto;
		margin-right: auto;		
	}
	.menu1 {
		width: 16%;
	}
	.menu2 {
		width: 17%;
	}
	.menu3 {
		width: 17%;
	}
	.menu4 {
		width: 16%;
	}
	.menu5 {
		width: 17%;
	}
	.menu6 {
		width: 17%;
	}
	.c_pad_cent {
		padding:10px;
	}
	.menu1_a {
		width: 16%;
	}
	.menu2_a {
		width: 17%;
	}
	.menu3_a {
		width: 17%;
	}
	.menu4_a {
		width: 16%;
	}
	.menu5_a {
		width: 17%;
	}
	.menu6_a {
		width: 17%;
	}
	.c_pad_cent {
		padding:10px;
	}
}
@media (min-width: 900px) {
	.container {
		width: 900px;
		margin-left: auto;
        margin-right: auto;		
	}
}