html	{ height: 100%; }
body	{
	height: 100%; /* dulezite */
	text-align: center;	
	background: #09587E;	
}
body, table, form {
	font: normal 11px/1.1 Tahoma, lucida, sans-serif;
	margin: 0;
	padding: 0; 
}

input, select {
	font: normal 12px/1.3 Tahoma, lucida, sans-serif;
}

#block_top {
	height: 218px;
	width: 830px;
	background: url("./images/body_bg.gif") repeat-x top;	
}

#body_bck {
	position: relative; /* dulezite */
	height: 100%; /* nastaveni pro IE */
	background: #09587E url("./images/win_bg.gif") repeat-y left top;
	width: 830px;
}
#body_bck.sub {
	background: #09587E url("./images/sub_bg.gif") repeat-y left top;
}
/* pro ostatni pouzijeme min-height: */
html>body #body_bck {
	height: auto;
	min-height: 100%;
}

#body	{
	position: relative; z-index: 0; left: 0; top: 0;
	width: 830px; height: 100%;
	margin: 0 auto;
	text-align: left;	
}

#cnt {
	text-align: left;
	background: url("./images/body_bg.gif") repeat-x top;	
	height: 100%;
}
#logo	{
	position: absolute; z-index: 5; top: 30px; left: 20px;
	width: 520px; height: 66px;
	background: #000 url("./images/logo.gif") no-repeat top right;
}
#logo .text	{
	position: absolute; z-index: 6; top: 0; left: 0;
	width: 260px; height: 100%;
	background: #000 url("./images/head_text.gif") no-repeat 23px 50%;
}
#logo a.invisible	{
	color: #000;
}
#logo a.anchor	{
	position: absolute; z-index: 7; top: 0; left: 0;
	width: 100%; height: 100%;
}
#picture	{
	position: absolute; z-index: 1; top: 0px; left: 465px;
	width: 345px; height: 217px;
	background: url("./images/picture.jpg") no-repeat;
}

/* sektor loginu */

#loginBox	{
	position: absolute; z-index: 8; top: 96px; left: 20px;
	width: 173px; height: 121px;
	background: #09587E;
	color: white;
	text-align: left;
}
#loginBox h3 {
	position: relative;
	width: 62px; height: 20px;
	overflow: hidden;
	margin-left: 60px;
}
#loginBox h3 span {
	position: absolute; z-index: 10; top: 0; left: 0;
	width: 100%; height: 100%;
	background: #09587E url("./images/login.gif") no-repeat left center;
}
#loginBox table {
	color: white;
	margin: 0 10px;
}
#loginBox table td {
	padding: 1px 0 1px 10px;
}
#loginBox table td.ev {
	padding: 1px 10px 1px 0;
	font-weight: bold;
	text-align: right;
	border-right: 1px solid white;
}

/* sektor registrace */

#registrace	{
	position: absolute; z-index: 8; top: 96px; left: 194px;
	width: 271px; height: 121px;
	background: #448BAD;
	color: white;
	text-align: left;
}
#registrace h3 {
	position: relative;
	width: 142px; height: 20px;
	overflow: hidden;
	margin-left: 10px;
}
#registrace h3 span {
	position: absolute; z-index: 10; top: 0; left: 0;
	width: 100%; height: 100%;
	background: #448BAD url("./images/registrace.gif") no-repeat left center;
}

#registrace p {
	margin: 10px 0 5px 15px !important;
	padding: 0 0 0 33px;
}
#registrace p.step01 {
	background: url("./images/step01.gif") no-repeat left center;
}
#registrace form {
	padding: 0 16px;
}

#registrace .next {
	padding: 0 16px 0 0;
}
#registrace .next a {
	color: white;
}

/* sektor menu */

#menu {
	/*position: absolute; z-index: 9; top: 218px; left: 20px;*/
	margin-right: 1px;
	background: #227096;
	color: white;
	padding: 0;
	float: left;
}
#menu .columnIn	{
	width: 173px;
}
#menu .part {
	border-left: 1px solid white;
	padding: 15px 0 5px 18px;
	color: white;
}

/* sektor textu */

#main {
	position: relative; 
	margin-left: 20px;
	color: black;
	text-align: left;
}
#main .columnIn	{
	padding: 10px 0px;
	float: left;
}
#main .columnInNews	{
	width: 271px;
	float: left;
	background: #86BAD3;
}

#columnNewsPad {
	padding: 16px 16px 16px 16px;	
}

#main .event .date {
	color: white;
}
#main .event h4 {
	font-size: 110% !important;
	margin: 0 !important;
}
#main .event p {
	margin: 0 !important;	
	padding: 0 0 20px 0 !important;
}
#main .next a {
	color: black;
}


/* sektor flashe */

#object {
	/*position: absolute; z-index: 3; top: 218px; left: 465px;*/
	width: 145px;
	background: transparent;
	color: white;
	float: left;
}
#objectS {
	/*position: absolute; z-index: 3; top: 218px; left: 465px;*/
	width: 616px;
	background: #86BAD3;
	color: black;
	float: left;
	font-size: 11px;
}
#objectS_pad {
	padding: 20px;
}

/* sektor patičky */
#foot_spacer {
	height: 47px;
}

#foot {
	z-index: 99; 
	width: 637px; 
	height: 47px;
	background: #063348;
	color: white;	
	position: absolute;
	left: 193px;
	bottom: 0px;
	/* workaround pro obcasne ujizdeni o pixel v IE: */
	top: expression( document.getElementById('body_bck').offsetHeight - document.getElementById('foot').offsetHeight );
	overflow: hidden;
}

#foot div {
	position: relative; left: 50px; top: 12px; z-index: 100;
	font-size: 10px;
	text-align: left;
}

/* rozšiřující deklarace */

#menu a, #menu a:link, #foot a, #foot a:link	{
	color: white;
	text-decoration: none;
}
#menu a:visible, #foot a:visible	{
	color: #eee;
	text-decoration: underline;
}
#menu a:hover, #foot a:hover	{
	text-decoration: underline;
}
.next {
	text-align: right;
}
.next a {
	font-size: 11px;
	text-decoration: none;
	padding: 0 0 0 15px;
	background: url("./images/anchor_pict.gif") no-repeat left center;
}
.next a:hover {
	text-decoration: underline;
}
.cleaner {
        clear: both;
        height: 1px;
        font-size: 1px;
        background: transparent;
        margin: 0; padding: 0;
}

/* Obecné */
p { margin: 0.5em 0 }
h1,h2,h3,h4   {
        margin: 0.2em 0
}
h1 { font-size: 160%; }
h2 { font-size: 145%; }
h3 { font-size: 131%; }
h4 { font-size: 118%; }

#objectS h4 {
	color: white;
}
#objectS h3 {
	color: white;
}

hr {
        margin: 3px auto;
        padding: 0 auto;
        color: #D1C5AC;
        border-top: 1px solid #D1C5AC;
        height: 0px;
        width: 90%;
}
.hidden        { display: none; }

.clear {
	clear: both;
	width: 100%;
}

UL {
	list-style-type: square;
}

#objectS A {
	color: #09587E;	
}
#objectS A:hover {
	color: #000000;	
}

div#customer { padding-top: 60px !important; }
div.part ul, div.part ul li { margin: 0; padding: 0; list-style: none; }
div.part ul li { padding: 5px 5px 5px 0; }
div#customer a { color: #b5d5e4 !important; text-decoration: underline !important; }