html, body { height: 100%; }

body { margin: 0; padding: 0; font-family: "Tahoma CE", Tahoma, Arial, Helvetica, sans-serif; font-size: 0.7em; color : #000000; background: white; text-align: left; }

#logo { display:block;
	position: relative;
	height:102px;
	margin:0px;
	padding:0px;
	clear:both;
	overflow: hidden;
	background: black;
}

#logo #logo-left {
	width:576px;
	height:102px;
	background: url("/pic/01.gif") no-repeat;
	float: left;
	
}

#logo  #logo-right, #logo  #logo-right A {
	display: block;
	width:162px;
	height:112px;
	background: url("/pic/02.gif") no-repeat;
	float:right;
}

input {border: 1px solid gray; font-weight: bold; color: black; font-size: 100%;}

input.text {font-size: 100%; }

.white 	{ font-weight: bold; color: white; }

.text 	{ font-weight: normal; color: black;  }

.textb 	{ font-weight: bold; color: black; }		

A img {border-style: none;}
A.link, A.linkb {padding: 2px 2px 2px 12px; background-image: url("/pic/sipka.gif"); background-position: left center; background-repeat:no-repeat; } 
A.white	{ color: white; text-decoration: underline;}
A.text, A.link 	{ font-weight: normal; color: black; text-decoration: none; }
A.textb, A.linkb { font-weight: bold; color: black; text-decoration: underline; }
A.text:hover { color: #CE0000; text-decoration: underline; }
A.white:hover { text-decoration: underline; }
A.textb:hover { color: #CE0000; text-decoration: underline; }

#tab { height: 33px; }
#tab ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; float: none; }
#tab ul li { float: left; font-weight: bold; padding-right: 1px; margin: 0px; white-space: nowrap; }
#tab ul li a.tab { float: left; background: silver; color: black; text-decoration: none; padding: 9px 10px 9px 10px; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; width: auto; display: block; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
#tab ul li a.active { float: left; background: #565757; color: white; text-decoration: none; padding: 10px 10px 10px 10px; border-top: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; width: auto; display:block; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
#tab ul li a.tab:hover { color: white; text-decoration: none; background: gray; }

#box {border: 1px solid black; padding: 10px 4px 20px 4px; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; min-height: 100px;}

#lista {width: 100%; clear: both; background: gray; height: 2.6em; font-size: 100%; }
#lista ul { margin: 0px; padding: 0px 0px 0px 0px; }
#lista ul li {list-style-type: none; float: left; }
#lista ul li a, #user { color: white; text-decoration: none; display: block; padding: 0.7em 0.7em 0.7em 0.7em; }
#lista ul li a:hover { background: #565757; }
#lista ul li.menuon div { visibility: visible; display: block; z-index: 10;}
#lista ul li.menuoff div { visibility: hidden; }
#lista ul li div { background: gray; display: none; width: auto; position: absolute; visibility: hidden; margin-left: 0px; border-top: 0px solid #B40C0C; border-bottom: 0px solid #999999; white-space: nowrap;}
#lista ul li ul li { float: none; padding: 0px; border-top: 1px solid #FFFFFF; width: auto; }
#lista ul li ul li a, #lista ul li.menuon ul li a { padding: 8px 8px 8px 8px; width: auto; text-decoration: none; }
#lista ul li ul li a:hover { background: #565757; }

.cat { list-style-type: none; margin: 0px; padding-top: 7px; padding-left: 0px}
.cat li {padding-left: 16px; background-image: url("/pic/kat_off.gif"); background-position: left top; background-repeat:no-repeat; } 
.cat li.sel { background-image: url("/pic/kat_on.gif"); }
.cat li.space {background-image: url("/pic/kat_off.gif"); padding-top: 10px; background-position: left bottom; background-repeat:no-repeat; }
.cat ul.subcat { list-style-type: none; margin: 0px; padding-left: 0px; }
.cat ul.subcat li {padding-left: 16px; background-image: url("/pic/list_off.gif"); background-position: left top; background-repeat:no-repeat; } 
.cat ul.subcat li.sel, #subcat { background-image: url("/pic/list_on.gif"); }

#left-menu {width: 180px; margin: 0px; padding: 8px; text-align: left;}

.section { clear: both; }

#mid-section {position: relative; clear: both; width: 100%;}
#head-img {float: left; width: 370px; margin: 0px; padding: 10px; text-align: center; left: 0; top: 0; position: relative; z-index: 1;}
#head-search {float: right; width: 220px; padding: 10px; position: absolute; right: 0px; top: 0px;}
#head-info { padding: 10px; text-align: left; margin-left: 380px; margin-right: 220px; }

.delimiter { width: 48%; float: left; padding-right: 8px; margin: auto;}

.kategorie {margin-bottom: 10px; padding: 0px; clear: both; text-align: left; width: 100%; }
.kategorie-list {margin: 0px 0px 0px 60px; float: none;}
.news-img {float: left; width: 50px; height: 50px; margin-top: 9px; border: 1px solid gray; display: block;}
.news-img img {width: 50px; height: 50px; }

.hlp, .anketa { margin-bottom: 3px; margin-top: 3px; clear: both;}
.hlp span { padding-left: 12px; margin-bottom: 2px; display: block;}

#user {float: right; background: gray;}

.section-logo { width: 370px; height: 60px; clear: both; padding-bottom: 10px}

#logo-katalog { background: url("/pic/katalog_cz.gif") no-repeat; }
#logo-zpravy { background: url("/pic/zpravy_cz.gif") no-repeat; }
#logo-elight { background: url("/pic/e-light.gif") no-repeat; }
#logo-anketa { background: url("/pic/anketa_cz.gif") no-repeat; }

p {margin: 0px; padding: 5px 0px 5px 0px; text-align: left;}

table {padding: 0px; margin: 0px; border-style: none; }

.line {border-bottom: 1px solid black; width: 100%; margin-bottom: 10px; margin-top: 10px;}

.red { color: red; }

#footer { text-align: right; clear: both; background: gray; padding: 0.5em; margin-top: 10px; }

#katalog {padding-left: 10px; }

#main {clear: both; width: 98%; margin: auto; text-align: left;}

#main-sect { margin-bottom: 20px; }

.odkazy {text-align: center; color: gray !important; padding: 5px;}
.odkazy A {font-size: x-small; color: gray !important; text-decoration: none; }

#logo-new { display:block;
	position: relative;
	height:102px;
	margin:0px;
	padding:0px;
	clear:both;
	overflow: hidden;
	background: black;
	text-align: center;
	width: 100%;
}

#logo-new-left A {
	width:300px;
	height:102px;
	background: url("/pic/layout_left.jpg") no-repeat;
	float: left;
}

hr {height: 1px; border:1px 0px 0px 0px silver;}