body{
background: #697966;
margin: 0px; padding: 0px;
font-family: Arial;
font-size: 13px;
}

#bg1{
position: absolute;
top: 0px;
left: 0px;
width: 50%;
background:  #c77e33 url('bg-root-1.jpg');
height: 328px;
	z-index: 0;
}

#bg2{
position: absolute;
top: 0px;
right: 0px;
	z-index: 0;
width: 50%;
background: #9fa913 url('bg-root-2.jpg');
height: 328px;
}


#root{
	position: relative;
	width: 979px;
	margin: 0px auto;
	z-index: 50;
}

#melnik-logo{
	position: absolute;
	right: 10px;
	top: 20px;
}

#melnik-text{
	position: absolute;
	right: 15px;
	top: 140px;
	text-transform: uppercase;
	font-weight: bold;
	color: #534e37;
}

.zavinac{position: relative; top: 4px;}

#col2-program,#col2-misto,#col2-kontakt{display: none;}
#col2 h2{padding: 0px;}

.news {margin: 0px; padding: 0px; list-style: none;}
.news li{margin-bottom: 10px;}

.news li em{color: #ff880c; font-weight: bold; display: block; font-style: normal; margin-bottom: 2px;}

#top h1 span{display: none;}
#top h1 {width: 554px; height: 108px; overflow: hidden; background: url('sosfest.jpg') no-repeat;}

#top{height: 108px; background: url('bg-top.jpg') top right no-repeat; position: relative; overflow: hidden;}
#menu{height: 200px; background: url('bg-menu.png') top right no-repeat; position: relative;padding-left: 15px; overflow: hidden;}

#zastita{position: absolute; right: 40px; top: 15px; font-weight: bold; text-transform: uppercase; color: #8cc505;}

#menu h2{text-transform: uppercase; color: #ff880c; font-weight: bold; font-size: 14px; padding-left: 20px;}

#menu-1{position: absolute; top: 40px; left: 20px;}
#menu-2{position: absolute; top: 40px; left: 200px;}

#menu-1,#menu-2{
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
}

#menu-1 a, #menu-2 a{
	color: #fff;
	text-decoration: none;
	padding-left: 25px;
	background: url('li-arr1.png') no-repeat;
}

#menu-1 a:hover, #menu-2 a:hover{text-decoration: underline;}

#menu-1 li{margin-bottom: 8px;}
#menu-2 li{margin-bottom: 8px;}


#menu-3 {position: absolute; top: 0px;list-style: none; left: 554px; top: 90px; z-index: 1000}
#menu-3 span{display: none; }

#menu-3 li {float: left; width: 92px; height: 201px; overflow: hidden;}
#menu-3 li a { display: block; width: 92px; height: 201px; overflow: hidden;}
#m-program{background: url('li-program.png') no-repeat; }
#m-misto{background: url('li-misto.png') no-repeat; }
#m-kontakt{background: url('li-kontakt.png') no-repeat; }

#m-program:hover{background: url('li-program-ov.png') no-repeat; }
#m-misto:hover{background: url('li-misto-ov.png') no-repeat; }
#m-kontakt:hover{background: url('li-kontakt-ov.png') no-repeat; }


#h1{height: 84px; background: url('bg-h1.png') top right no-repeat; position: relative; overflow: hidden;}

#h1 h1{font-size: 24px; text-transform: uppercase; padding: 10px 0px 0px 40px; color: #fff; margin: 0px;}
#h1 h4{font-size: 14px; text-transform: uppercase; color: #fff; padding: 0px; margin: 0px;}

#h4novinky{position: absolute; top: 27px; left: 600px}
#h4sponzori{position: absolute; top: 32px; left: 850px;}

#content{padding: 0px 0px 0px 50px; background: url('bg-content.png');}
#footer{background: url('bg-footer.png'); height: 130px; clear: both; overflow: hidden;}

h1,h2,h3,ul,p{
	margin: 0px;
	padding: 1em 0;
}

h2{font-size: 18px;}

#col1{
	background: #faf6f0;
	width: 480px;
	float: left;
}
#col2{width: 240px;float: left;	 margin-left: 40px; background: #ffffff}
#col3{width: 128px;float: left;	margin-left: 20px;}

#col3 .padding{padding-left: 20px;}
#col3 h4{font-size: 14px; text-transform: uppercase; color: #fff; padding-left: 15px; padding-top: 7px;background: url('bg-partneri.jpg') no-repeat; width: 130px; height: 29px; overflow: hidden; margin: 15px 0px;}


.red{color: #c63947;}
.clear{clear: both;}
#content h2{text-transform: uppercase; color: #c63947; font-weight: bold;}

#content #col2 h2{ font-size: 14px}

#content h3{text-transform: uppercase; color: #c63947; font-weight: bold; font-size: 18px;}
#content .bli, #content #col1 ul {list-style: none;}
#content .bli li,#content #col1 ul li{background: url(li.gif) 0px 2px no-repeat; padding: 0px 0px 5px 15px;}

#content #col1 .nobullet li{background: none; padding-left: 0px;}

#content a {font-weight: bold; color: #c63947;}
#content a:hover{color: #ff880c;}


#footer {position: relative; padding-left: 90px;}
#footer ul{list-style: none; position: absolute; top: 55px; width: 450px;}

#footer li{float: left;}

#footer li a{background: url('li-arr2.png') 5px 3px no-repeat;color: #fff; text-transform: uppercase; text-decoration: none; padding-left: 20px; display: inline-block; font-weight: bold;}

#footer li a:hover{text-decoration: underline;}

img{border: 0px;}

.nop{padding: 0px;}