/* F O R M A T T I N G */
a {
	color:#336699;
}
a:hover {
	color:#ff3366;
}

h1 {
	height:17px;
	margin:5px 0 15px 0;
	padding-left:20px;
	background:url("images/h1.gif") left top no-repeat;
	font-family:Verdana;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#ff3366;
}
h2 {
	position:relative;
	margin:5px 0 15px 0;
	padding-left:15px;
	background:url("images/h2.gif") left top no-repeat;
	font-family:Verdana;
	font-size:1.1em;
	font-weight:bold;
	color:#ff3366;
}
h3 {
	position:relative;
	margin:5px 0 5px 0;
	padding-left:10px;
	background:url("images/h3.gif") left top no-repeat;
	font-size:1.1em;
	color:#336699;
}
h4 {
	margin:0;
	font-size:13px;
	color:#003366;
}
h5 {
	margin:0;
	font-size:13px;
	color:#333;
}

p {
	margin:0 0 15px 0;
	clear:both;
}

img.left {
	float:left;
	margin:0 15px 5px 0;
}
img.right {
	float:right;
	margin:0 0 5px 10px;
}

ul {
	margin:0;
	padding-left:15px;
}
li {
	/*position:relative;
	display:block;
	list-style-type:none;
	background:url("images/li.gif") no-repeat;
	background-position:0px -1px;
	padding-left:15px;
	margin-left:-15px;*/
	position:relative;
	list-style-position:outside;
	list-style-image:url("images/li.gif") ;
}

.horny-index {
	position:relative;
	font-size:0.8em;
	top:-0.6em;
}
.dolny-index {
	position:relative;
	font-size:0.8em;
	bottom:-0.3em;
}

.two-column {
	display:table;
	width:100%;
	background:url("images/v-separator.jpg") center repeat-y;	
}
.two-column .left  {
	float:left;
	width:47%;
}
.two-column .right {
	float:right;
	width:47%;
}

.two-color {
	position:relative;
	display:table;
	width:790px;
	margin:0 -40px;
	padding:0;
	background:url("images/color-bg.jpg") left top repeat-y;
}
.two-color .left {
	float:left;
	padding:10px 40px;
	width:257px;
}
.two-color .right {
	margin-left:337px;
	padding:10px 40px;
}

.justify {
	text-align:justify;
}

.modre {
	color:#336699;
}
	

table {
	border-top:1px solid #bad7f7;
	border-left:1px solid #bad7f7;
}
table thead {
	background:#e8f1fc;
	font-weight:bold;
	color:#333366;
}
table td {
	border-right:1px solid #bad7f7;
	border-bottom:1px solid #bad7f7;
	text-align:center;
	padding:5px;
}

table.clear {
	border:0;
	margin:0;
	padding:0;
}
table.clear td {
	border:0;
	margin:0;
	padding:0;
	text-align:left;
}
	
.pristroj {margin-left: 35px;}

/*  L A Y O U T */
html,body {
	margin:0;
	padding:0;
	font-family:Arial,Verdana;
	font-size:0.85em;
	color:#003333;
	background:url("images/bg.jpg");
}

#top-bg {
	height:185px;
	width:100%;
	background:url("images/top-bg.jpg");
}

#container {
	width:790px;
	margin:auto;
	margin-top:-185px;
	margin-bottom:10px;
	background:#ffffff;
}

#top {
	width:100%;
	height:185px;
	background:url("images/top.jpg");
}

#top #menu {
	position:relative;
	top:159px;
	width:100%;
	height:26px;
	background:url("images/menu-bg.jpg") repeat-x bottom;
}

#top #menu .normal {
	float:left;
	display:block;
	width:111px;
	height:26px;
	background:url("images/menu-active.gif");
	margin:0 1px;
}
#top #menu .left {
	float:left;
	display:block;
	width:111px;
	height:26px;
	background:url("images/menu-left-active.gif");
	margin:0 1px 0 0;
}
#top #menu .right {
	float:left;
	display:block;
	width:112px;
	height:26px;
	background:url("images/menu-right-active.gif");
	margin:0 0 0 1px;
}

#top #menu a {
	display:block;
	width:111px;
	height:21px;
	background:url("images/menu.gif");
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
	font-size:1.1em;
}
#top #menu a:hover, #top #menu .active {
	color:#006699;
	font-weight:bold;
	background:url("images/menu-active.gif");
}

#top #menu .left a {
	background:url("images/menu-left.gif");
}
#top #menu .left a:hover, #top #menu .left .active  {
	background:url("images/menu-left-active.gif");
}

#top #menu .right a {
	width:112px;
	background:url("images/menu-right.gif");
}
#top #menu .right a:hover, #top #menu .right .active  {
	background:url("images/menu-right-active.gif");
}
	

#content {
	position:relative;
	padding:30px 40px 15px 40px;
	width:710px;
}

#footer {
	width:100%;
	height:26px;
	background:#6699cc;
	color:#ffffff;
	border-top:1px solid #006699;
	overflow:hidden;
	clear:both;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}

#footer #credits {
	float:left;
	font-size:0.85em;
	margin:7px 10px;
}
#footer #credits2 {
	float:right;
	font-size:0.85em;
	margin:7px 10px;
}
#footer #search {
	float:right;
	margin:2px 5px;
}
#footer #search #search-field {
	width:175px;
	height:17px;
	border:1px solid #006699;
}

#link1 { position:absolute; left: 50%; margin: 67px 0 0 -389px;}
#link1 a img{ border:0;  }

#link2 { position:absolute; left: 50%; margin: 62px 0 0 -293px;}
#link2 a img{ border:0;  }



/* vysetreni */
#vysetreni {
	position:relative;
	width:790px;
	height:116px;
	margin:0 -40px;
	background:url("images/vysetreni.jpg") no-repeat;
}
#vysetreni a{
	position:relative;
	display:block;
	float:left;
	font-size:12px;
	width:86px;
	height:49px;
	margin: 13px 0 0 0px;
	padding: 3px 0 2px 2px;
	text-decoration:none;
}
#vysetreni a:hover{
	background:#6699cc;
	color:#fff;
}
#vysetreni a.active {
	background:#6699cc;
	color:#fff;
}
