* { margin: 0; padding: 0; }
body {
	background-color:#cadda2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3E1F00;
	text-align: left;
	background-repeat: repeat-x;
	background-position: center top;
	line-height:140%;
	margin:0;
	background-image: url(images/bg_body.jpg);
	
}
.picob {
	margin: 5px 8px 5px 50px;
	border: 1px solid #3E1F00;
}
.piccer {
	margin: 5px 8px 5px 10px;
	border: 1px solid #3E1F00;
}
.obr {
	margin: 5px;
	border: 1px solid #3E1F00;
}
a img{ border: 0; }

h1, h2, h3, h4, h5, h6{
	color: #000;
	font-weight: normal;
	padding: 0 0 10px 0;
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
}
h1 a{
	font-size: 15px;
	text-align: center;
	color: #4C4C4C;
	background-image: url(images/logo.png);
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 495px;
	position: absolute;
	top: 53px;
    right: 127px;
	text-indent: -9999px;
	display: block;
}
h2 {
	color: #965C08;
	font-size: 22px;
	font-weight: normal;
	/* position: absolute; */
	top: 219px;
	font-family: verdana;
	right: 80px;
}

h3{
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1E1818;
	padding: 5px 10px;
	height:26px;
	background-color: #BED68D;
}
h4{
	font-size: 20px;
	font-weight: bold;
	color: #007F28;
	display: inline;
}
h5{
	font-size: 14px;
	font-weight: bold;
	color: #007F28;
	display: inline;
}
p, pre, blockquote, label, ol, dl, fieldset, address{
	padding: 5px 0 5px 0;
	font-size: 12px;
	line-height:140%;
}

li li, li p, td p, blockquete p{
	font-size: 1em;

}

dt{ font-weight: bold; }
dd{ padding-left: 10px; }

address { font-style: normal; font-size: 14px; line-height: 180%; color: #c50000; }
.adresa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c50000;
}

ul, ol{ margin-left: 20px; }

a{
	text-decoration: none;
	color: #3D71AB;
}
a:hover{
	text-decoration: underline;
}
a:focus { -moz-outline: none -moz-mac-focusring; }



#container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 950px;
	position: relative;
	/* background-image: url(images/bg_container.jpg); */
	background-image: url(images/bg_container.png);
	background-repeat: no-repeat;
}
#content {
	background-image: url(images/pic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-bottom: 20px;
	padding: 20px 50px;
}
#head {
	height: 246px;
	width: 950px;
}
#footer {
	height: 26px;
	width: 950px;
	color: #FFFFFF;
	clear: both;
	position: relative;
	background-image: url(images/footer.jpg);
}

/*********************navigacia**************************/

#nav {
	width: 620px;
	position: absolute;
	top: 172px;
	left: 311px;
	background-position: top;
	
}
#nav ul {
	height:32px;
	width:620px;
	position: relative;
	overflow:hidden;
	margin:0;
	padding:0;
	line-height: 9999%;
	background-color: transparent;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	background-position: 0 32px;
}




#nav ul li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 620px;
}
#nav ul li, #nav ul a {
	height: 32px;
	display: block;
}

#nav #b1{
	left: 0px;
	width: 155px;
}
#nav #b2{
	left: 155px;
	width: 155px;
}
#nav #b3{
	left: 310px;
	width: 155px;
}
#nav #b4{
	left: 465px;
	width: 155px;
}

#nav #b1 a:hover {background:transparent url(images/menu.jpg) no-repeat 0px 0px;}
#nav #b2 a:hover {background:transparent url(images/menu.jpg) no-repeat -155px 0px;}
#nav #b3 a:hover {background:transparent url(images/menu.jpg) no-repeat -310px 0px;}
#nav #b4 a:hover {background:transparent url(images/menu.jpg) no-repeat -465px 0px;}


.byweby {
	width: 950px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-bottom: 5px;
	font-size: 11px;
	clear: both;
	color: #E7F0D3;
}
.byweby a {
	color: #FFFFFF;
	
}
.byweby a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	
}
table.tabulka {
	background-color: #BED68D;
	border:1px solid #3E1F00;
}
.tabulka td {
	border: 1px solid black;
}

h4.cennik{padding-left:520px;}
#trigger{
	display: none;
}
iframe{
	max-width: 100%;
}

@media only screen and (max-width:970px) {
	*{
		box-sizing: border-box;
	}
	#container{
		width: 100%;
		padding:0 15px;
	}
	#head,
	#footer,
	.byweby,
	#content{
		width: 100%;
	}
	#head{
		height: auto;
	}
	#container{
		background-image: url(images/hlavicka-resp.png);
		background-size: auto;
        background-position: center top;
	}
	#content{
		max-width: 850px;
		margin:0 auto;
		padding:20px 0;
	}
	h1{
		padding-top: 53px;
	}
	h1 a{
		margin: 0 auto;
		max-width: 100%;
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
		right: 0;
		left: 0;
		position: static;
	}
	#nav{
		position: static;
		width: 100%;
	}
	#nav ul{
		width: 100%;
		height:auto;
		display: flex;
		flex-flow: column;
		background-image: none;
		display: none;
	}
	#nav ul li{
		position: static;
		width: 100%!important;
		height: auto;
	}
	#nav ul li a{
		background-image: none!important;
		line-height: 24px;
		font-size: 18px;
		height: auto;
		padding:10px;
		background-color: #b08955;
		color:#fff;
		text-transform: capitalize;
		text-decoration: none!important;
	}
	#nav ul li a:hover{
		background-color: #381900!important;
	}
	#nav ul li:not(:last-child) a{
		border-bottom: 1px solid #fff;
	}
	#trigger{
		display: block;
		background-color: #7a8c53;
        padding: 5px 15px;
	}
	#trigger span{
		display: block;
		width: 30px;
		margin: 0 0 0 auto;
		color:#fff;
		cursor: pointer;
	}
	#footer{
		background-image: none;
		background-color: #9fb563;
		height: auto;
	}
}
@media only screen and (max-width:600px) {
	#container {
        background-size: 490px;
    }
	h1{
		padding-top: 40px;
	}
	h1 a{
		max-width: 300px;
		height: 90px;
		top: 40px;
	}
	table tr,
	table td{
		display: block;
	}
}