* { margin: 0; padding: 0; }

a img { border: none; }
a:link { text-decoration: underline; color: #162b3e; }
a:visited { text-decoration: underline; color: #243f57; }
a:hover { text-decoration: none; }
.clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; font-size: 1px; }

.ir, .ir span {
	display: block;
	position: relative;
	overflow: hidden;
	font-weight: normal;
}
.ir span {
	position: absolute;
	top: 0; left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
h3.ir { margin-bottom: 12px; }

h3.oh, h3.oh span {
	font-size: 95%;
	background: url('./images/nadpisy/oh-left.gif') top left no-repeat;
	height: 36px;
	line-height: 36px;
	padding-left: 11px;
	font-size: 100%;
	color: white;
}
h3.oh span {
	display: block;
	width: 100%;
	background: url('./images/nadpisy/oh-right.gif') top right no-repeat;
}
h3.ohw, h3.ohw span {
	background: url('./images/nadpisy/ohw-left.gif') top left no-repeat;
	color: #2982b1;
}
h3.ohw span {
	background: url('./images/nadpisy/ohw-right.gif') top right no-repeat;
}


h1 { font-size: 170%; }
h2 { font-size: 155%; }
h3 { font-size: 110%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

body {
	text-align: center;
	font: 80% Tahoma, Arial, sans-serif;
	color: #162b3e;
	background: white url('/images/obsah/betamark.gif') top left no-repeat;
}

div#main {
	width: 773px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
h1, h1 span {
	display: block;
	width: 117px; height: 30px;
	overflow: hidden;
	position: relative;
	left: 81px;
	top: 26px;
	margin-bottom: 24px;
}
h1 span {
	position: absolute;
	top: 0; left: 0;
	background: url('./images/logo.gif') top left no-repeat;
}

div#reg {
	width: 217px;
	height: 12px;
	padding: 10px 17px 14px 17px;
	position: absolute;
	top: 0; right: 90px;
	z-index: 5;
	background: url('./images/reg-bg.gif') bottom left no-repeat;
	font-size: .90em;
	color: #bbc5d0;
}
div#reg a { color: #162b3e; }
div#reg a.vyhody { color: #bbc5d0; }

div#content {
	margin-left: 89px;
	width: 598px;
	padding-top: 40px;
}
div#content strong { color: #ffa200;}

div#kulaty-jak {
	position: relative;
	min-height: 300px;
	padding-bottom: 0px;
}
* html div#kulaty-jak { height: 300px; }

div#kulaty {
	margin-top: 50px;
	position: absolute; top: 0; left: 0;
	z-index: 10;
	width: 250px;
	margin-bottom: 20px;
}
div#kulaty div {
	height: 54px;
	margin-bottom: 5px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: none;
	overflow: hidden;
	position: relative;
}
div#kulaty div form { display: none; }
div#kulaty div.expanded {
	width: 550px;
}
div#kulaty div.expanded form { display: block; }
div#kulaty div.expanded div {
	background: url('./images/obsah/kulat-expanded.gif') top right no-repeat;
}

div#kulaty div a.de-expand {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 19px;
	left: 230px;
}

div#kulaty div form {
	position: absolute;
	left: 255px; top: 13px;
	width: 295px;
}
div#kulaty div form input.urlinput {
	border: none;
	height: 28px; width: 205px;
	line-height: 28px;
	background: url('./images/obsah/input-url-bg.gif') top left no-repeat;
	color: #9aa7b7;
	padding-left: 10px;
	font-size: 95%;
}
div#kulaty div form input.submit {
	position: absolute;
	right: 12px;
	top: 2px;
}
	
div#kulaty div div { /* inner */
	background: url('./images/obsah/kulat-right.gif') top right no-repeat;
	padding-left: 85px;
	padding: 14px 0 14px 85px;
}
div#kulaty div h3, div#kulaty div h3 span {
	width: 140px;
	height: 14px;
	margin-bottom: 0;
}
div#kulaty div a { font-size: 95%; }

div#kulaty div#ctecka {
	background-image: url('./images/obsah/kulat-ctecka.gif');
}
div#kulaty div#gen-url {
	background-image: url('./images/obsah/kulat-url.gif');
}
div#kulaty div#gen-rss {
	background-image: url('./images/obsah/kulat-rss.gif');
}
div#kulaty div#vizitka {
	background-image: url('./images/obsah/kulat-vizitka.gif');
}

div#jak-funguje {
	width: 335px;
	margin-top: 50px;
	float: right;
	background: url('./images/obsah/jak-funguje-top.gif') top left no-repeat;
}
div#jak-funguje-in {
	padding: 30px;
	min-height: 100px;
	background: url('./images/obsah/jak-funguje-bottom.gif') bottom left no-repeat;	
}
* html div#jak-funguje-in { height: 100px; }
div#jak-funguje h3, div#jak-funguje h3 span {
	width: 220px;
	height: 20px;
}
div#jak-funguje h3 span {
	background-image: url('./images/nadpisy/jak-funguje.gif');
}

div#wapgen-ad {
	background-image: url('./images/obsah/wapgen-ad-bg.gif');
  width: 596px;
  height: 54px;
  margin-bottom: 10px
}
div#wapgen-ad * {
  display: block;
  width: 373px;
  height: 21px; 
}
div#wapgen-ad a {
  position: relative; 
  left: 111px; 
  top: 17px; 
}
div#wapgen-ad a span {
  position: absolute;
  background-image: url('./images/obsah/wapgen-ad.gif');
}

div#kody {
	width: 388px;
	float: left;
	background: url('./images/obsah/kody-top.gif') top left no-repeat;
	margin-top: 10px;
}
div#kody-in {
	background: url('./images/obsah/kody-bottom.gif') bottom left no-repeat;
	padding: 15px; padding-right: 0;
}
div#kody-in img {
	margin-right: 3px;
	margin-bottom: 40px;
}
div#kody-in ul li {
	list-style: none;
	line-height: 150%;
}

div#novinky {
	float: left;
	width: 170px;
	margin-left: 20px;
	margin-top: 30px;
	padding-top: 15px;
}
div#novinky ul li {
	list-style: none;
	line-height: 140%;
	background: url('./images/novinky-separator.gif') bottom left no-repeat;
	padding-bottom: 1em;
	margin-bottom: 1em;
	font-size: 95%;
}
div#novinky ul li.posledni { background: none; }

div#footer {
	background: url('./images/footer-bg.gif') top center no-repeat;
	clear: both;
	text-align: center;
	color: #aebac2;
	font-size: 95%;
	padding-top: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
}
div#footer a { color: #aebac2; }

/*aditional*/
div#content ul.yellow { 
  margin-left: 15px; 
  list-style-image: url('./images/obsah/li.png');
}
div#content ul.yellow li a {
	color: #13618a; text-decoration:underline;
}
div#content ul.yellow li a:hover {
	cursor: pointer;
	text-decoration: none;
}
div#content ul.yellow li {
	margin: 7px 7px 5px 15px;
}
div#content .h_blue {	
  color: #13618a; 
  font-size: 120%; 
}
div#content .h_new {
  margin-top:30px; 
}


/* reg */
table td {padding: 2px; color: #13618a; }
table td input {padding: 4px 2px 2px 2px; color: #9aa7b7; border: none; background: url('/images/obsah/input.gif') no-repeat top left;  height: 23px}
table td input.login {padding: 0px; background: url('/images/obsah/login-bg.gif') no-repeat 0px 3px;  height: 27px; width: 90px}
table td strong {color: #13618a; }
table td input select {border-color: #FF0000}
table td input#reg {background: transparent; padding: 5px 3px 2px 0px; height: 28px}

table td select {color: #9aa7b7; }