body, img, p, form, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px}

a {color: #66c2fa;}
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: #ebebeb;	color: #888; font-family: Tahoma, Arial, Helvetica, sans-serif;
		 font-size: 75%; line-height: 1.4; margin: 0px; padding: 0px;}

#obal {width: 1049px; height: 717px; background: url('bg.gif') no-repeat; 
			position: absolute; left: 50%; top: 50%; margin: -358px 0px 0px -524px; padding: 0px;}
			
#homepage h1, .h1 {position: absolute; display: block; color: #66c2fa; top: 75px; left: 70px; width: 300px;
			font-size: 80px; line-height: 1; font-weight: normal;}			
.h1 a {text-decoration: none;}

.copyright {position: absolute; display: block; bottom: 75px; left: 70px; font-size: 11px;}
.copyright a {text-decoration: none; color: #aaa;}			

#menu {position: absolute; display: block; top: 275px; left: 110px; text-align: right;	width: 300px;}
#menu a {display: block; color: #888; font-size: 18px; text-decoration: none; background: url('kostka.gif') right no-repeat;
		padding: 12px 75px 12px 0px;}
		
#menu a:hover {color: #66c2fa;}		

#homepage #hlava {position: absolute; display: block; top: 90px; right: 100px; width: 520px; font-size: 16px; 
		font-style:italic;}
#page #hlava {display: block; font-size: 20px;	font-style:italic; margin-right: 50px; height: 139px;}
#homepage #obsah {position: absolute; display: block; top: 200px; right: 49px; width: 592px;}
#page #obsah {position: absolute; display: block; top: 120px; right: 49px; width: 537px;}
#page .line {border-left: 2px solid #ddd; height: 470px; width: 1px; position: absolute;
				top: 127px; left: 408px;}

#homepage h2 {margin-bottom: 15px;}
#homepage h4 {font-size: 15px; line-height: 1.2; margin-bottom: 10px; color: #66c2fa; font-weight: bold;}
#homepage .mjournal {}
#homepage .clanek {}
#homepage .clanek p {margin-bottom: 10px;}
#homepage .obrazek {float: left; margin: 0px 10px 0px 0px;}
#homepage .clanek1 {float: left; width: 250px; margin-left: 20px;}
#homepage .clanek2 {float: right; width: 250px; margin-right: 20px;}
.cely {background-color: #888; color: #fff; text-decoration: none; 	padding: 1px 3px 1px 3px;}

#page h1 {color: #66c2fa; font-size: 18px; background: url('kostka-sel.gif') right no-repeat;	padding: 12px 75px 12px 0px;
			font-weight: normal;}

#page .mjournal {margin-right: 50px;}
#page .mjournal .clanek {clear: both;}
#page .mjournal h4 {font-size: 15px; line-height: 1.2; margin-bottom: 2px; color: #66c2fa; font-weight: bold;}
#page .mjournal .obrazek {float: left; width: 140px; overflow: hidden; display: block;}
#page .mjournal .txt {float: right; width: 330px;}
#page .mjournal .cely {float: right;}

#page #txt {margin-top: 40px; margin-right: 50px;}
#page #txt p {margin-bottom: 15px;}

#seolist {position: absolute; bottom: 30px; font-size: 11px; color: #555; padding: 0px 70px 0px 70px;}
#seolist a {color: #aaa;}