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

a {color: #ff0029;}
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: url('bg.jpg') repeat-x #67c2fa;	color: #555; font-family:  Arial, Helvetica, sans-serif;
		 font-size: 75%; line-height: 1.4; margin: 0px; padding: 0px;
		scrollbar-track-color: #fff;
		scrollbar-face-color: #ccc;
		scrollbar-highlight-color: #ccc;
		scrollbar-3dlight-color: #ccc;
		scrollbar-darkshadow-color: #ccc;
		scrollbar-shadow-color: #ccc;
		scrollbar-arrow-color: #fff;
		 
		 }

#obal {margin: 0px auto; width: 1000px; position: relative;}
.h1 {color: #fff; font-weight: normal; font-size: 32px; position: absolute; top: 95px; left: 70px;}
.h1 a {color: #fff; text-decoration: none;}
			
#menu {color: #fff; position: absolute; top: 546px; left: 70px; z-index:20;}
#menu a {color: #fff; padding: 11px 0px 6px 0px;   display: block; float: left; text-decoration: none; 
				 margin: 0px 25px 0px 0px;}
#menu a:hover {padding: 8px 0px 6px 0px; border-top: 3px solid #ff0029;}
#menu span {color: #fff; padding: 8px 0px 6px 0px; border-top: 3px solid #ff0029; display: inline; display: block; float: left;
			 margin: 0px 25px 0px 0px;}

#stred {position: absolute; top: 155px; width: 880px; height: 393px; left: 0px; z-index:10; background: url('bg2.jpg') no-repeat;
			padding: 0px 50px 0px 70px;}
#stred p {margin-bottom: 5px;}			
.foto {position: absolute; right: 0px; width: 432px; background: url('bg-foto.jpg') no-repeat;
				height: 394px;}
.foto img {margin-left: 61px;}				
.text {position: absolute; left: 70px; top: 30px; width: 450px; background: url('kostka.gif') no-repeat 0px 5px;
			padding-left: 40px; height:350px; overflow: auto;}

#kostky {position: absolute; right: 70px; top: 560px; width: 45px; height: 17px; background: url('kostky.gif') no-repeat;}
.red {color: #ff0029;}
.nadpis {font-size: 20px; font-weight: bold;}
#page h1 {font-size: 20px; font-weight: bold; color: #ff0029; margin-bottom: 5px;}
#page h2 {font-size: 100%; font-weight: bold;}

#page .mjournal {}
#page .mjournal .clanek {clear: both; width: 420px;}
#page .mjournal h4 {font-size: 100%; line-height: 1.2; margin-bottom: 2px; font-weight: bold;}
#page .mjournal .obrazek {float: left; width: 140px; overflow: hidden; display: block; height: 110px;}
#page .mjournal .txt {float: right; width: 260px;}
#page .mjournal p {margin-bottom: 0px; padding: 0px}
#page .mjournal .cely {float: right;}

.dalsi {float: right;}
.pred {float: left;}

ul {margin-left: 15px; padding: 0px;}

.odkazy {position: absolute; right: 70px; top: 10px; color: #fff;}
.odkazy a {color: #fff; text-decoration: none; font-size: 11px;}

#lista {position: absolute; right: 70px; top: 35px; color: #fff; font-size: 11px;}
#lista a {color: #ccc;}