body, img, p, form, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px}

a {color: #0060b6;}
a:hover {}
img {border: 0px;}

			
.clear {clear: both; height: 1px; color: #fff;}
.bold {font-weight: bold;}
.bgred {background-color: #9d3220;}
.seplin {height: 4px;}
.martop5 {margin-top: 5px;}
.martop10 {margin-top: 10px;}
.marbot20 {margin-bottom: 20px;}
.marbot5 {margin-bottom: 5px;}
.right {float: right;}
.w160 {width:160px;}
.w80 {width:80px;}
.w100 {width:100px;}
.img_right {float: right;}
.img_left {float: left; margin-right: 25px;}

body {background-color: #fff;	color: #555; font-family: Tahoma, Arial, Helvetica, sans-serif;
		 font-size: 80%; line-height: 1.4; margin: 0px; padding: 0px;}

#obal {width: 1069px; height: 813px; background: url('bg.gif') no-repeat; padding: 0px;
			position: absolute; left: 50%; top: 50%; margin: -406px 0px 0px -534px; }
			
#hlava {width: 936px; height: 96px; background: url('zahlavi.gif') no-repeat; padding: 0px;
			position: absolute; left: 66px; top: 66px;}
			
#hlava .h1 {font-size: 50px; color: #fff; font-weight: normal; position: absolute; left: 25px; top: 20px;}
#hlava .h1 a {text-decoration: none; color: #fff;}

#pata {width: 936px; height: 52px; background: url('zapati.jpg') no-repeat; padding: 0px;
			position: absolute; left: 66px; bottom: 65px;}

.copyright {text-align: right; padding: 20px 25px 0px 0px; color: #fff;}
.copyright a {color: #fff;}

#menu {position: absolute; left: 88px; top: 173px; font-size: 17px; color: #ccc;}
#menu a {color: #bbb; text-decoration: none; padding: 0px 7px 0px 7px;}
#menu a:hover {color: #0060b6;}
#menu span {color: #0060b6; display: inline;  padding: 0px 7px 0px 7px;}
			
#homepage #stred {width: 936px; height: 487px; background: url('stred.jpg') no-repeat; padding: 0px;
			position: absolute; left: 66px; bottom: 117px;}			


#page #stred {width: 936px; height: 487px; background: url('bg-stred.jpg') no-repeat; 
			position: absolute; left: 66px; bottom: 117px;}
.ddd {margin: 14px 25px 0px 25px;}			
						
			

.blok {width: 410px; height: 150px;}
.blok h2 {color: #0060b6; font-size: 22px; font-weight: normal; margin-bottom: 12px;}
.blok h2 a {text-decoration: none;}
.blok h2 a:hover {text-decoration: underline;}
#blok1 {position: absolute; left: 25px; top: 13px;}
#blok2 {position: absolute; left: 25px; top: 170px;}
#blok3 {position: absolute; left: 25px; top: 320px;}
#blok4 {position: absolute; left: 505px; top: 13px;}
#blok5 {position: absolute; left: 505px; top: 170px;}

#manik {width: 350px; height: 180px; position: absolute; left: 625px; bottom: 105px; z-index:10;}			
.manik1 {background: url('manik1.gif') right bottom no-repeat; }
.manik2 {background: url('manik2.gif') right bottom no-repeat; }

#manik p {width: 250px; font-size: 20px; color: #0060b6; margin-top: 50px;}
#page h1 {font-size: 22px; font-weight: bold; display: block; color: #0060b6; margin-bottom: 20px;}

#page #stred p {margin-bottom: 3px;}




#page .mjournal {margin-right: 50px;}
#page .mjournal .clanek {clear: both; width: 460px;}
#page .mjournal h4 {font-size: 100%; line-height: 1.2; margin-bottom: 2px; color: #66c2fa; font-weight: bold;}
#page .mjournal .obrazek {float: left; width: 140px; overflow: hidden; display: block; height: 110px;}
#page .mjournal .txt {float: right; width: 300px;}
#page .mjournal p {margin-bottom: 0px; padding: 0px}
#page .mjournal .cely {float: right;}
#page #txt {margin-top: 40px; margin-right: 50px;}
#page #txt p {margin-bottom: 15px;}

#page h3 {color: #0060b6; margin-top: 30px; margin-bottom: 10px;}
#page #stred a {color: #60a3f4;}
			
			
#lista {position: absolute; left: 80px; bottom: 25px; font-size: 11px; color: #55D4FF;}
#lista a {color: #999;}