*
	{
	margin: 0;
	padding: 0;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	color: black;
	}
body
	{
	margin-left: auto;
	margin-right: auto;
	width: 994px;
	font-size: 80%;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #ccc;
	color: black;
	}
p
	{
	line-height: 150%;
	margin-top: 1em;
	}
hr
	{
	height: 2px;
	line-height: 2px;
	color: red;
	background-color: red;
	margin: 0.75em 0;
	border: 0;
	}
ul
	{
	list-style-position: inside;
	background-color: rgb(230,230,230);
	margin: 1em 0;
	padding: 0.5em;
	border: 1px dashed #ccc;
	}
li
	{
	color: red;
	background-color: inherit;
	}
li span
	{
	color: black;
	background-color: inherit;
	}
h3
	{
	border-bottom: 1px dotted #aaa;
	font-size: 110%;
	margin: 1em 0;
	}
h4
	{
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	margin: 1em 0;
	}
#footer
	{
	font-size: 85%;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-top: 1px solid #7F7F7F;
	clear: both;
	}
#footer a
	{
	color: red;
	}
h1
	{
	display: none;
	}
#topbar
	{
	height: 87px;
	background: url(../pictures/logo.png) no-repeat;
	font-size: 0px;
	color: #eee;
	color: red !important;
}
#picturebar
	{
	width: 100%;
	height: 130px;
	background: url(../pictures/obrazky1.jpg) no-repeat;
	border-top: 2px solid red;
	border-bottom: 2px solid red;
	}
#main
	{
	width: 974px;
	background-color: #eee;
	padding: 10px;
	padding-bottom: 0;
	}
#menu
	{
	background-color: black;
	color: white;
	margin: 0;
	border: 0;
	padding: 0.1em 0;
	text-align: center;
	}
#menu li
	{
	display: inline;
	}
#menu a
	{
	width: 190px;
	margin-left: 0em;
	padding-left: 4em;
	padding-right: 4em;
	margin-right: 0em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	line-height: 130%;
	font-size: 110%;
	white-space: nowrap;
	background-color: black;
	color: white;
	}
#menu a:hover
	{
	background-color: red;
	color: white;
	}
h2
	{
	font-size: 150%;
	line-height: 150%;
	background: url(../pictures/h2.png) no-repeat left;
	padding-left: 30px;
	vertical-align: middle;
	border-bottom: 4px solid red;
	border-bottom: 3px solid #7F7F7F;
	margin: 0 0 0.5em 0;
	vertical-align: bottom;
	color: #7F7F7F;
	color: red;
	}
img
	{
	border: 0;
	}
input, textarea
	{
	background-color: #ddd;
	border: 1px solid #ccc;
	}
textarea
	{
	font-size: 100%;
	}
#main a
	{
	color: red;
	font-weight: bold;
	}
#langsel
	{
	float: right;
	height: 18px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	}
#langsel img
	{
	margin-right: 3px;
	}
#searchform
	{
	float: right;
	margin-right: 5px;
	margin-top: 2px;
	font-size: 13px;
	height: 19px;
	}
#searchform p
	{
	height: 19px;
	line-height: 19px;
	margin-top: 0;
	}
#searchform *
	{
	display: inline;
	float: none;
	vertical-align: middle;
	}
#searchform #search
	{
	background-color: #eee;
	border: 1px solid #7F7F7F;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 2px;
	}
#searchform label
	{
	display: none;
	}
#searchform .image
	{
	width: 17px;
	height: 19px;
	border: 0;
	}
#certmessage
	{
	float: right;
	height: 19px;
	line-height: 19px;
	color: #888;
	margin-top: 3px;
	margin-right: 5px;
	}
#footer p
	{
	margin: 0;
	padding-left: 50px;
	text-align: left;
	}
p.error, p.ok, p.info
	{
	height: 19px !important;
	line-height: 19px !important;
	background: url(../pictures/error.gif) no-repeat #fdd;
	border: 1px dashed red;
	padding-left: 30px;
	color: black;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0px;
	}
p.ok
	{
	border-color: #080;
	background: url(../pictures/ok.gif) 1px 1px no-repeat #dfd;
	color: black;
	}
th
	{
	background-color: rgb(230,230,230);
	text-align: left;
	}
td
	{
	border-bottom: 1px solid #ddd;
	padding-left: 0.5em
	}
td h3
	{
	margin: 0.5em 0.5em;
	}
td.tdh
	{
	border-bottom: 0;
	padding: 0;
	}
table
	{
	border: 1px solid #ccc;
	margin: 5px 0px;
	border-bottom: 0;
	width: 480px;
	border-collapse:	collapse;
	}
.katalog-1
	{
	float: left;
	width: 190px;
	padding-right: 10px;
	margin-bottom: 1em;
	min-height: 600px;
	border-right: 4px solid red;
	}
.katalog-1 hr
	{
	background-color: #7F7F7F;
	height: 1px;
	margin: 0.5em 0;
	}
.katalog-1 ul
	{
	background-color: transparent;
	border: 0;
	margin: 0;
	}
#main .katalog-1 a
	{
	color: black;
	text-decoration: none;
	font-size: 110%;
	}
#main .katalog-1 li:hover
	{
	background-color: black;
	}
#main .katalog-1 li:hover *
	{
	color: white;
	}
#main p, #main li
	{
	text-align: justify;
	}
#main form p
	{
	text-align: left;
	}
.katalog-2
	{
	margin-left: 200px;
	border-left: 3px solid red;
	padding-left: 10px;
	}
.katalog-2 h3
	{
	font-size: 150%;
	text-align: right;
	margin-top: 0;
	}
#testimg
	{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .0;
	visibility: hidden;
	text-align: center;
	padding: 10%;
	z-index: 10;
	}
#obrazek
	{
	position: fixed;
	left: 10px;
	top: 10px;
	width: 954px;
	opacity: .0;
	visibility: hidden;
	border: 1px solid #7F7F7F;
	border: 1px solid red;
	cursor: pointer;
	z-index: 15;
	}
.divider
	{
	width: 11px;
	height: 147px;
	}
.vyrobek-tn
	{
	height: 147px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	}
.vyrobek-tn:hover
	{
	border-bottom: 1px solid red;
	}
.vyrobek-popis
	{
	width: 761px;
	}
.layout
	{
	width: 761px;
	border: 0;
	margin: 0;
	padding: 0;
	}
.layout, .layout td
	{
	vertical-align: top;
	}
.layout .vyrobek-popis
	{
	width: 243px;
	}
.vyrobek-popis td, .vyrobek-popis th
	{
	padding-left: 0.5em;
	}
#track
	{
	width: 761px;
	height: 15px;
	background: url(../pictures/sipky.png) no-repeat right #ccc;
	border-bottom: 1px dashed #7F7F7F;
	}
#handle
	{
	width: 20px;
	height: 15px;
	background: url(../pictures/slider.png) 50% 50% no-repeat #f00;
	cursor: move;
	}
#uvod-seznam
	{
	min-height: 133px;
	line-height: 145%;
	font-size: 110%;
	}
#katalog-3
	{
	border-top: 1px dashed #7F7F7F;
	height: 152px;
	padding-top: 5px;
	overflow: hidden;
	white-space: nowrap;
	}
#schov
	{
	display: none;
	}