*
{
border: none;
margin: 0;
padding: 0;
}
html, body
{
height: 100%;
}
html,body
{
margin: 0;
padding: 0;
}
body
{
background: #D18433 url(layout/bg_body.jpg) repeat-x top;
color: Black;
font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
font-size: 13px;
font-weight: normal;
height: 100%;
letter-spacing: normal;
line-height: 130%;
margin: 0;
padding: 0;
text-align: center;
text-transform: none;
word-spacing: normal;
behavior:url("csshover.htc");
}
a:link, a:visited, a:active
{
color: #D20E00;
text-decoration: underline;
}
a:hover, a:visited:hover
{
color: #FF4500;
text-decoration: none;
}
em, i
{
color: #696969;
}
em.zmena
{
color: red;
 float: right;
 font-size: .9em;
}
hr
{
color: #D20E00;
background-color: #D20E00;
height: 1px;
border: none;
margin: 5px 0;
 clear: both;
}
select, button, input, textarea
{
background-color: #FFFFF0;
border: 1px solid #D3B055;
color: #5A5A5A;
font: .9em verdana, arial, sans-serif;
}
input:hover, input:focus, textarea:hover, textarea:focus
{
background-color: #FFFFE0;
color: Black;
}
h1, h2, h3, h4, h5, h6
{
font-weight: bold;
}
h1
{
clear: both;
color: #D20E00;
font-size: 1.5em;
margin: 15px 0 30px 0;
text-align: right;
text-transform: uppercase;
 letter-spacing: 1.5px;
}
h2
{
clear: both;
color: #794B2A;
font-size: 1.5em;
margin: 1.2em 0 .5em 0;
padding-bottom: .2em;
border-bottom: 1px solid #EAB87B;
}
h3
{
border-bottom: 1px solid #F4D1A6;
clear: both;
color: #a52a2a;
font-size: 1.3em;
margin: 1.2em 0 0.3em 0;
}
h4
{
clear: both;
color: #F29522;
font-size: 1.1em;
margin: 1.2em 0 0.3em 0;
}
h5
{
clear: both;
color: #D00A00;
font-size: 1em;
margin: 1.2em 0 0.3em 0;
}
p
{
margin-bottom: 0.9em;
}
fieldset
{
border: 1px solid #D1AC44;
margin: .75em 0 .75em 0;
padding: .75em;
}
legend
{
border: 1px solid #D1AC44;
color: #D1AC44;
font-weight: bold;
padding: 0 1em 0 1em;
}
label
{
font-weight: bold;
padding: 0;
width: 280px;
}
pre
{
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
font-size: 12px;
padding: 0.75em 1.5em;
}
table
{
border: 1px solid #C47C32;
border-collapse: collapse;
font-size: 1em;
width: 100%;
}
blockquote, ul, ol, dl, p
{
margin-bottom: .75em;
margin-top: .75em;
padding-bottom: 0;
padding-top: 0;
}
caption
{
background-color: #FFFDDD;
border: 1px solid #C47C32;
border-bottom: none;
font-size: 1.1em;
font-weight: bold;
padding: .1em;
}
th
{
border-bottom: 1px solid #C47C32;
color: #D1AB41;
font-size: 1.1em;
padding: .1em;
}
td
{
border-bottom: 1px solid #C47C32;
padding: .1em;
}
li, blockquote
{
margin-left: 3em;
}
#obsah li
{
color: #414141;
background: url(layout/lili.gif) 0 5px no-repeat;
padding-left: 15px;
margin-bottom: 6px;
list-style: none;
}
#obsah li li
{
background: url(layout/lilili.gif) 0 5px no-repeat;
}
ol
{
 list-style: lower-alpha;
 clear: both;
}
ol li
{
 list-style: lower-alpha;
}
blockquote
{
color: #D18433;
margin-left: 3em;
}
img
{
border: none;
}
.cleaner
{
clear: both;
}
.extlink
{
background: url(layout/ico_extlink.gif) no-repeat left;
padding: 0 0 0 10px;
}
.warning
{
color: Red;
}
dl
{
margin: 2px 0 10px 0;
padding: 0 0 0 10px;
}
dt
{
border-bottom: 1px solid #F0C080;
color: Black;
font-weight: bold;
left: 0;
padding: 0 5px 0 0;
position: relative;
top: 26px;
width: 155px;
}
dd
{
border-left: 1px solid #F0C080;
margin: 12px 0 0 160px;
padding: 0 0 .2em .5em;
color: #595959;
}
.button1, .button2
{
background: White url(layout/button1.gif) repeat-x bottom;
color: Black;
padding: 0 .3em;
}
.button2
{
clear: both;
}
#container
{
background: url(layout/bg_container.jpg) repeat-y center;
height: auto;
margin-left: auto;
margin-right: auto;
min-height: 100%;
position: relative;
text-align: center;
width: 930px;
}
* html #container
{
w\idth: 928px;
width: 930px;
height: 100%;
}
#logo
{
float: left;
margin: 0;
padding: 0px;
text-align: left;
width: 205px;
min-height: 150px;
_height: 150px;
background: url(layout/bg_logo.jpg) no-repeat top;
position: relative;
}
#logo h1
{
margin: 0;
}
#logo .logoa a, #logo .logoa a:hover, #logo .logoa a:active, #logo .logoa a:visited
{
display: block;
float: left;
font-size: 0;
height: 130px;
margin-left: 40px;
_margin-left: 30px;
margin-top: 15px;
position: relative;
width: 140px;
z-index: 88;
}
.topa
{
display: none;
}
#left
{
float: left;
margin: 0px;
padding: 0px;
text-align: left;
width: 205px;
min-height: 350px;
_height: 350px;
clear: left;
background: url(layout/bg_left.jpg) no-repeat top;
position: relative;
z-index: 88;
}
#top
{
float: right;
margin: 0;
padding: 0px;
text-align: left;
width: 200px;
min-height: 150px;
_height: 150px;
background: url(layout/bg_top_right.jpg) no-repeat top;
 position: relative;
font-size: .9em;
}
#right
{
float: right;
margin: 0;
padding: 0px;
text-align: left;
width: 200px;
min-height: 350px;
_height: 350px;
clear: right;
background: url(layout/bg_right.jpg) no-repeat top;
 position: relative;
}
#head
{
float: left;
margin: 0;
padding: 0px;
text-align: center;
width: 525px;
min-height: 150px;
_height: 150px;
background: url(layout/bg_head.jpg) no-repeat top;
position: relative;
}
#banner
{
margin: 60px auto 0 auto;
left: 4px;
padding: 0px;
text-align: right;
width: 468px;
min-height: 60px;
_height: 60px;
position: relative;
 display: block;
 z-index: 999;
}
#main
{
float: left;
margin: 0;
padding: 0px;
text-align: left;
width: 525px;
min-height: 60px;
_height: 60px;
background: url(layout/bg_main.jpg) no-repeat top;
position: relative;
z-index: 5;
}
#footclear
{
clear: both;
height: 70px;
width: 100%;
}
#foot
{
font-size: .9em;
background: url(layout/bg_foot.jpg) no-repeat center;
bottom: 0;
color: #000000;
left: 0px;
margin-bottom: 0px;
min-height: 70px;
_height: 70px;
padding-top: 0px;
position: absolute;
width: 930px;
}
#foot p
{
margin: 0;
text-align: center;
}
#foot_right
{
margin: 15px 24px 0 0;
text-align: center;
float: right;
width: 165px;
}
#foot_left
{
margin: 15px 0 0 30px;
text-align: center;
float: left;
width: 165px;
}
#foot_flash
{
margin: 15px 0 0 10px;
text-align: center;
float: left;
}
#obsah
{
margin: 0 8px 0px 15px;
position: relative;
}
#top form
{
width: 170px;
margin-left: 8px;
border: none;
}
#top fieldset
{
border: none;
 margin: 0;
}
#top label {
width: 40px;
display: block;
float: left;
clear: both;
margin-bottom: 5px;
text-align: right;
font-weight: normal;
color: #814932;
}
#top input {
width: 100px;
float: right;
margin: 0px;
padding: 2px 0;
}
	p.register
	{
	margin: 10px 0px 0 15px;
	padding: 0px;
	_padding: 1px 5px;
	background: White;
	font-size: .9em;
   position: relative;
	float: left;
	width: 155px;
	text-align: center;
	}
	p.register2
	{
	margin: 10px 0px 0 15px;
	padding: 0px;
	_padding: 1px 5px;
	background: White;
   position: relative;
	float: left;
	width: 155px;
	text-align: center;
	color: gray;
	font-size: .9em;
	}
	
	.user
	{
	margin: 5px 0 0 0;
	padding: 1px 5px 1px 15px;
	_padding: 1px 5px;
	background: url(layout/ico_panac.gif) no-repeat left;
	color: #D20E00;
	font-weight: bold;
	font-size: 1.1em;
	}

#menu ul,#menu li {
display: block;
margin: 0;
padding: 0;
border: 0;
}

#menu ul {
width: 165px;
_width: 155px;
background: url(layout/bg_menu.jpg) no-repeat top;
list-style-type: none;
margin: 0 0 0 1px;
}

#menu li {
position: relative;
z-index: 9;
border-bottom: 1px solid #FDE7C4;
}

#menu li.folder	{
background: url(layout/sipka.gif) no-repeat center right;
}	

#menu li.folder:hover {
z-index: 10;
}

#menu li ul li.lock	{
background: url(layout/lock.gif) no-repeat center right;
}	

#menu li ul li.lock:hover	{
background: url(layout/lock.gif) no-repeat center right;
}	

#menu li ul li.lockun	{
background: url(layout/lock_un.gif) no-repeat center right;
}	

#menu li ul li.lockun:hover	{
background: url(layout/lock_un.gif) no-repeat center right;
}	

#menu li.folder ul {
position: absolute;
display: none;
left: 160px; /* IE */
top: 5px;
background: none;
}

#menu li.folder>ul { 
left: 160px;
}

#menu ul.level1 li.folder:hover ul.level2 {
display: block;
width: 167px;
}

#menu a {
display: block;
padding: 0px;
text-decoration: none;
width: 100%; /* IE */
padding: 2px 0 2px 5px;
color: #64361F;
}

#menu a:hover {
background-color: #7A4C2A;
color: White;
}

#menu li>a { 
width: auto;
display: block;
width: 160px;
}

#menu li a.submenu {
background-color: #E3A54F;
padding-left: 5px;
display: block;
border: 1px solid White;
margin: 0;
display: block;
width: 160px;
 margin-top: -2px;
}

#menu .aktiv {
background-color: #D20E00;
padding: 3px 0 3px 5px;
display: block;
margin: 0;
display: block;
width: 160px;
color: #FAD8A8;
}

#menu .aktiv ul {
background: none;
}

#menu .aktiv ul li {
background: none;
border: 0;
width: 154px;
}

#menu .aktiv ul li a {
background: none;
border: 0;
width: 154px;
 color: White;
border-bottom: 1px dotted #ff7266;
}

#menu .aktiv ul li a:hover {
background: #FADCB6 none;
 color: #D20E00;
}

#menu li a.submenu:hover {
background-color: #7D4A13;
}

#menu li.explain { 
background-color: White;
padding-left: 10px;
width: 156px;
color: Black;
}

#menu .aktiv .explain { 
background: none;
padding-left: 10px;
width: 146px;
color: #EEB56F;
 font-size: .9em;
}
#oznam
{
 background: #f3cf9f;
 border: 1px solid #ab663f;
 margin-top: 10px;
 text-align: center;
}
#oznam h3
{
 background: #ab663f;
 padding: 3px;
 margin: 0 0 5px 0;
 color: #ffffe0;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 1.2em;
}
#oznam p
{
 margin: 5px 3px 10px 3px;
}
.rightbox {
margin: 31px 22px 0 7px;
padding: 0;
 text-align: center;
}
.rightbox h4 {
margin: 0;
padding: 0;
border-bottom: 3px solid #FEE4BF;
text-align: center;
color: #D20E00;
font-size: 1.1em;
}
.rightbox img {
margin: 15px 9px 0 9px;
}
.rightbox p {
margin: 5px 5px 10px 5px;
font-size: .9em;
}
.boxr {
margin: 0 0 10px 10px;
padding: 0;
 text-align: center;
 float: right;
 background: #F4DBB2;
 border: 1px solid #EFBF7F;
}
.boxr h4 {
margin: 0;
padding: 0;
text-align: center;
color: White;
font-size: 1.1em;
 background: #EFBF7F;
}
.boxr img {
margin: 10px;
width: 155px;
border: 1px solid #EFBF7F;
}
.boxr a img {
border: 1px solid #EFBF7F;
}
.boxr a:hover img {
border: 1px solid Red;
}
.boxr p {
margin: 0 5px 5px 5px;
font-size: .9em;
 color: #7B4600;
}
.boxl {
margin: 0 10px 10px 0;
padding: 0;
 text-align: center;
 float: left;
 background: #F4DBB2;
 border: 1px solid #EFBF7F;
}
.boxl h4 {
margin: 0;
padding: 0;
text-align: center;
color: White;
font-size: 1.1em;
 background: #EFBF7F;
}
.boxl img {
margin: 10px;
width: 155px;
border: 1px solid #EFBF7F;
}
.boxl img.celk {
width: 215px;
}
.boxl a img {
border: 1px solid #EFBF7F;
}
.boxl a:hover img {
border: 1px solid Red;
}
.boxl p {
margin: 0 5px 5px 5px;
font-size: .9em;
 color: #7B4600;
}
.boxik {
margin: 0 10px 10px 0;
padding: 0;
 text-align: center;
 float: left;
 background: #F4DBB2;
 border: 1px solid #EFBF7F;
}
.boxik:hover {
 background: #f0cb8c;
 border: 1px solid #e89422;
}
.boxik h4 {
margin: 0;
padding: 0;
text-align: center;
color: White;
font-size: 1.1em;
 background: #EFBF7F;
}
.boxik img {
margin: 10px;
border: 1px solid #EFBF7F;
}
.boxik a img {
border: 1px solid #EFBF7F;
}
.boxik a:hover img {
border: 1px solid Red;
}
.boxik p {
margin: 0 5px 5px 5px;
font-size: .9em;
 color: #7B4600;
}
.galer {
margin: 0 15px 15px 0;
padding: 0;
 text-align: center;
 float: left;
 background: #F4DBB2;
 border: 1px solid #EFBF7F;
 height: 120px;
}
.galer2 {
margin: 0 15px 15px 0;
padding: 0;
 text-align: center;
 float: left;
 background: #F4DBB2;
 border: 1px solid #EFBF7F;
}
.galer h4, .galer2 h4 {
margin: 0;
padding: 0;
text-align: center;
color: White;
font-size: 1.1em;
 background: #EFBF7F;
}
.galer img, .galer2 img {
margin: 10px;
width: 120px;
border: 1px solid #EFBF7F;
}
.galer a img, .galer2 a img {
border: 1px solid #EFBF7F;
}
.galer a:hover img, .galer2 a:hover img {
border: 1px solid Red;
}
.galer p, .galer2 p {
margin: 0 5px 5px 5px;
font-size: .9em;
 color: #7B4600;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #menu li.explain { 
width: 172px;
_width: 156px;
}
/* End hide from IE5/mac */

#menu {
margin: 59px 0 0 30px;
padding: 0;
width: 165px;
 font-weight: bold;
}


.news 
{
border-bottom: 1px solid #D20E00;
margin: 8px 0 8px 0;
float: left;
width: 100%;
padding-bottom: 5px;
}

.news_akt 
{
border: 1px solid #e0ba85;
margin: 8px 0 8px 0;
float: left;
width: 100%;
padding-bottom: 5px;
 background: #faf1de;
}

.news h3
{
color: Red;
font-size: 1.1em;
margin: 5px 0 5px 0px;
border: none;
}

.news_akt h3
{
color: #696969;
font-size: 1.2em;
margin: 5px 0 5px 0px;
border: none;
}

.news p, .news_akt p
{
font-size: .9em;
padding: 5px 12px 5px 10px;
line-height: 130%;
 float: left;
}

.news .aktuali, .news_akt .aktuali
{
border: none;
 float: left;
 clear:left;
 margin-top: -5px;
 font-size: .9em;
 width: 160px;
}

.newspage
{
margin: 8px 0 8px 0;
float: left;
width: 100%;
_padding: 5px 0 5px 0;
font-size: .9em;
}

.newspage strong, .newspage b
{
color: #7B5030;
}


.page
{
padding: 2px 5px;
background-color: #FAFAD2;
text-decoration: none;
border: 1px solid #D2A27E;
margin: 0 3px;
}


a.page
{
text-decoration: none;
}

a.page:hover, a.page:visited:hover
{
background-color: #7B4600;
border: 1px solid #613323;
 color: White;
}

.page_akt
{
padding: 2px 5px;
text-decoration: none;
border: 1px solid #EBBA9C;
margin: 0 3px;
color: #EBBA9C;
}

.datum 
{
font-weight: bold;
color: White;
padding: 0 3px;
font-size: .7em;
background-color: #A66839;
}

.news_akt .datum 
{
font-weight: bold;
color: White;
padding: 0 3px;
font-size: .7em;
background-color: Red;
}

.novinka 
{
font-weight: bold;
color: White;
background-color: Red;
padding: 0 3px;
text-transform: uppercase;
font-size: .8em;
}
td.stanovyhead {
font-weight: bold;
font-size: 1.2em;
	background: #F0C88D;
	text-align: center;
	color: #D20E00;
	padding: 3px 0;
}
td.stanovyhead2 {
font-size: 1em;
	background: #F4D8AE;
	text-align: center;
	color: #D20E00;
	padding: 3px 0;
}
	
	#obsah .ico_pdf, .ico_pdf
	{
	background: url(layout/ico_pdf.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_ppt, .ico_ppt
	{
	background: url(layout/ico_ppt.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_zip, .ico_zip
	{
	background: url(layout/ico_zip.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_doc, .ico_doc
	{
	background: url(layout/ico_doc.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_xls, .ico_xls
	{
	background: url(layout/ico_xls.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_mp3, .ico_mp3
	{
	background: url(layout/ico_mp3.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_vid, .ico_vid
	{
	background: url(layout/ico_vid.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_swf, .ico_swf
	{
	background: url(layout/ico_swf.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_txt, .ico_txt
	{
	background: url(layout/ico_txt.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_htm, .ico_htm
	{
	background: url(layout/ico_htm.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_bmp, .ico_bmp
	{
	background: url(layout/ico_bmp.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	color: #A9A9A9;
	}
	
	#obsah .ico_ddd, .ico_ddd
	{
	background: url(layout/ico_ddd.gif) no-repeat 0px 0px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_home, .ico_home
	{
	background: url(layout/ico_home.gif) no-repeat 0px 4px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_mail, .ico_mail
	{
	background: url(layout/ico_mail.gif) no-repeat 0px 5px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_tel, .ico_tel
	{
	background: url(layout/ico_tel.gif) no-repeat 0px 5px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_fax, .ico_fax
	{
	background: url(layout/ico_fax.gif) no-repeat 0px 4px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_mobil, .ico_mobil
	{
	background: url(layout/ico_mobil.gif) no-repeat 0px 5px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_bank, .ico_bank
	{
	background: url(layout/ico_bank.gif) no-repeat 0px 4px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_www, .ico_www
	{
	background: url(layout/ico_www.gif) no-repeat 0px 4px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_prez, .ico_prez
	{
	background: url(layout/ico_prez.gif) no-repeat 0px 4px;
	padding: 3px 0 3px 20px;
	}
	
	#obsah .ico_jpg, .ico_jpg
	{
	background: url(layout/ico_jpg.gif) no-repeat 0px 4px;
	padding: 3px 0 3px 20px;
	}

#tabnav
	{
		height: 20px;
		margin: 0 0 15px 0;
		padding-left: 10px;
		background: url(layout/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
		font-size: .9em;
	  }
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #F3D48B;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #D29C1C;
		text-decoration: none;
		color: #8E6A15;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #F7E8C7;
		background: #F7E8C7;
		color: #D20E00;
		cursor: default;
	}

#tabnav a:hover
	{
background: #FBF3E1;
	}

.diskusia {
width: 485px;
}

.diskusia select {
background-color: White;
border: 1px solid #C2C2C2;
width: 160px;
}

.diskusia p {
width: 320px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 160px; /*width of left column containing the label elements*/
border-bottom: 1px solid #D2A27E;
height: 1%;
}

.diskusia p.reakcia {
width: 320px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 160px; /*width of left column containing the label elements*/
border-bottom: 1px solid #D2A27E;
height: 1%;
 background-color: #F4D5A7;
}

.diskusia label{
float: left;
margin-left: -150px; /*width of left column*/
width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
 text-align: right;
 clear: left;
padding-top:2px;
}

.diskusia .reakcia label{
float: left;
margin-left: -150px; /*width of left column*/
width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
 text-align: right;
 clear: left;
padding-top:2px;
 color: #D20E00;
}

.diskusia input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 190px;
padding: 2px 0;
}

.diskusia fieldset {
padding: 8px;
font-size: .9em;
width: 485px;
margin: 5px 0 0 0px;
}
.diskusia textarea {
margin-bottom: 5px;
width: 300px;
height: 120px;
font-size: 1em;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.diskusia textarea:focus, .diskusia input:focus {
border:1px solid Red;
 background: #FDFAF6;
}

.diskusia .button{
	margin-top: 5px;
	padding: 0 2px;
	font-size: 1.1em;
}

.inzform {
width: 485px;
}

.inzform select {
background-color: White;
border: 1px solid #C2C2C2;
width: 160px;
}

.inzform p {
width: 320px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 160px; /*width of left column containing the label elements*/
height: 1%;
}

.inzform p.reakcia {
width: 320px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 160px; /*width of left column containing the label elements*/
border-bottom: 1px solid #D2A27E;
height: 1%;
 background-color: #F4D5A7;
}

.inzform label{
float: left;
margin-left: -150px; /*width of left column*/
width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
 text-align: right;
 clear: left;
padding-top:2px;
}

.inzform .reakcia label{
float: left;
margin-left: -150px; /*width of left column*/
width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
 text-align: right;
 clear: left;
padding-top:2px;
 color: #D20E00;
}

.inzform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 190px;
padding: 2px 0;
}

.inzform fieldset {
padding: 8px;
font-size: .9em;
width: 485px;
margin: 5px 0 0 0px;
}
.inzform textarea {
margin-bottom: 5px;
width: 300px;
height: 120px;
font-size: 1em;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.inzform textarea:focus, .inzform input:focus {
border:1px solid Red;
 background: #FDFAF6;
}

.inzform .button{
	margin-top: 5px;
	padding: 0 2px;
	font-size: 1.1em;
}

#inzerat {
	border: 1px solid #DAA016;
	margin: 4px 0 10px 0;
	background: #FBF3E1;
	font-size: .9em;
}
#inzerat h4 {
	margin: 0px;
	font-size: 1.2em;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #DAA016;
}
#inzerat h5 {
	margin: 0px;
	background: #F5D281;
	color: Black;
	font-size: 1em;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #DAA016;
}
#inzerat p {
	margin: 0px;
	color: Black;
	font-size: 1em;
	padding: 0 0 3px 10px;
}
.predaj {
	background: #D20E00;
	color: White;
	font-size: 1.2em;
}
.kupa {
	background: #9ACD32;
	color: White;
	font-size: 1.2em;
}
.hlada {
	background: #DCDCDC;
	color: Black;
	font-size: 1.2em;
}
.vymen {
	background: #55A9F3;
	color: White;
	font-size: 1.2em;
}
#inzerat .kraj, #inzerat .mesto {
	font-size: .8em;
	font-style: italic;
}
.cena {
	background: #F5D281;
	float: right;
	border-left: 1px solid #DAA016;
	border-bottom: 1px solid #DAA016;
	padding: 3px;
	font-weight: bold;
	color: Red;
	text-align: right;
}
.cenaeu {
	color: #c48f10;
}
.reag {
	border: 1px solid #C3A399;
	padding: 5px;
}
.recomend {
	color: Red;
}
  
#reag input {
	border-top: 1px solid #BA8A18; 
	border-left: 1px solid #BA8A18;
	border-bottom: 1px solid #FFFFE0; 
	border-right: 1px solid #FFFFE0;
	padding-left: 3px;
	margin: 3px 0 0 0px;
	_margin: 0 0 0 5px;
}
  
#reag select {
	border-top: 1px solid #BA8A18; 
	border-left: 1px solid #BA8A18;
	border-bottom: 1px solid #FFFFE0; 
	border-right: 1px solid #FFFFE0;
	padding-left: 3px;
	margin: 3px 0 0 0px;
	_margin: 0 0 0 5px;
	width: 80px;
}
#reag dt {
	width: 100px;
	text-align: right;
}
#reag dd {
	margin: -18px 0 0 102px;
	padding-left: 10px;
} 
#reag textarea { 
	padding-left: 5px;
	margin-left: 0px;
	_margin-left: 5px;
	background: White; 
	border-top: 1px solid #BA8A18; 
	border-left: 1px solid #BA8A18;
	border-bottom: 1px solid #FFFFE0; 
	border-right: 1px solid #FFFFE0;
	clear: right;
}
.neplati {
	width: 100%;
	font-size: .9em;
}
.neplati b, .neplati strong {
	font-weight: bold;
	color: Red;
}
.neplati tr { 
}
.neplati thead th {
	background: #EDB970;
	text-align: left;
	color: White;
	padding: 2px;
}
.neplati tbody th {
	background: #F2CB94;
	text-align: left;
	padding: 2px;
	color: Black;
}
.neplati tbody td {
	text-align: left;
	padding: 2px;
}
.neplati .delic {
	height: 1px;
	font-size: .1em;
	background: none;
	padding: 0;
}
.reag {
	background: #F9EED6;
}


.cenove table {
	width: 100%;
	font-size: .9em;
	border: 1px solid #B58C1E;
	margin-top: 15px;
   border-collapse: collapse;
}
.cenove b, .cenove strong {
	font-weight: bold;
	color: Red;
}
.cenove tr {
	padding: 2px;
	height: 30px;
}
.cenove tbody td {
	text-align: left;
	padding: 4px;
	border: 1px dotted #A8831D;
	vertical-align: top;
}
.cenove .hlav1 {
	background-color: #F1CC95;
	font-weight: bold;
	font-size: 1.2em;
	color: #7F641C;
	border-bottom: 2px solid #A8831D;
}
.cenove .hlav2 {
	background-color: #F1CC95;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #A8831D;
}
.cenove .hlav3 {
	background-color: #F1CC95;
	font-weight: bold;
	text-align: right;
	border-bottom: 2px solid #A8831D;
}
.cenove table .ted1 {
	width: 20px;
	color: #BE931F;
	text-align: right;
}
.cenove table .ted2 {
	background-color: #F8ECD1;
	width: 30px;
	text-align: left;
}
.cenove table .ted3 {
	background-color: #F8ECD1;
	width: 50px;
	text-align: right;
}


.normy table {
	width: 100%;
	font-size: .9em;
	border: 1px solid #B58C1E;
	margin-top: 15px;
   border-collapse: collapse;
}
.normy b, .normy strong {
	font-weight: bold;
	color: Red;
}
.normy thead th {
	text-align: left;
	padding: 3px;
	border: 1px dotted #A8831D;
	background: #FAFAD2;
	vertical-align: top;
}
.normy tbody td {
	text-align: left;
	padding: 3px;
	border: 1px dotted #A8831D;
	vertical-align: top;
}
.normy .hlav1 {
	background-color: #F1CC95;
	font-weight: bold;
	font-size: 1.2em;
	color: #7F641C;
}
.normy .hlav2 {
	background-color: #FFCC99;
	font-weight: bold;
	text-align: left;
}
.normy .hlav3 {
	background-color: #FFCC99;
	font-weight: bold;
	text-align: right;
}
.normy table .ted1 {
	width: 90px;
	color: #BE931F;
	text-align: left;
}
.normy table .ted2 {
	background-color: #F8ECD1;
	width: 30px;
	text-align: center;
}
.normy table .ted3 {
	background-color: #F8ECD1;
	width: 30px;
	text-align: center;
}
.normy table .ted4 {
	background-color: #F8ECD1;
	width: 35px;
	text-align: right;
	color: #BE931F;
}
.normy .red {
	color: Red;
}
.normy table .center {
	text-align: center;
}
.normy img {
	border: none;
}




table.leptable {
	width: 100%;
	font-size: .9em;
	border: none;
	margin-top: 15px;
   border-collapse: collapse;
}
.leptable tbody td, .leptable thead td {
	text-align: left;
	padding: 3px;
	vertical-align: top;
	border: none;
}
.leptable .lepred {
	background: #fff8dc;
	vertical-align: top;
	font-weight: bold;
	color: red;
	border: 1px solid #f1dda7;
	border-bottom: 1px solid #A8831D;
}
.leptable .lephead {
	background: #fff8dc;
	vertical-align: top;
	font-weight: bold;
	border: 1px solid #f1dda7;
	border-bottom: 1px solid #A8831D;
}
.leptable .lephead2 {
	background: #fff8dc;
	vertical-align: top;
	border: 1px solid #f1dda7;
	border-bottom: 1px solid #A8831D;
}
.leptable .lephead2 strong {
	background: #fff8dc;
	vertical-align: top;
	font-weight: bold;
	color: #ff7f50;
}
.leptable .lepcel {
	background: #fff8dc;
	vertical-align: top;
	border: 1px solid #f1dda7;
	border-bottom: 1px solid #A8831D;
}
.leptable .lephead3 {
	background: #ffc964;
	vertical-align: top;
	font-weight: bold;
	border: 1px solid #f1dda7;
	border-bottom: none;
	text-align: right;
	padding-right: 5px;
	width: 70px;
	color: red;
}





#reag {
	border: 1px solid #C3A399;
	padding: 5px;
}
.recomend {
	color: Red;
}
.knizni {
	border-top: 1px solid #C3A399;
	clear: both;
	padding-top: 5px;
}
  
#reag input {
	border-top: 1px solid #BA8A18; 
	border-left: 1px solid #BA8A18;
	border-bottom: 1px solid #FFFFE0; 
	border-right: 1px solid #FFFFE0;
	padding-left: 3px;
	margin: 3px 0 0 0px;
	_margin: 0 0 0 5px;
}
  
#reag select {
	border-top: 1px solid #BA8A18; 
	border-left: 1px solid #BA8A18;
	border-bottom: 1px solid #FFFFE0; 
	border-right: 1px solid #FFFFE0;
	padding-left: 3px;
	margin: 3px 0 0 0px;
	_margin: 0 0 0 5px;
	width: 80px;
}
#obsah #reag dt {
	width: 100px;
	text-align: right;
}
#obsah #reag dd {
	margin: -18px 0 0 102px;
	padding-left: 10px;
} 
#reag textarea { 
	padding-left: 5px;
	margin-left: 0px;
	_margin-left: 5px;
	background: White; 
	border-top: 1px solid #BA8A18; 
	border-left: 1px solid #BA8A18;
	border-bottom: 1px solid #FFFFE0; 
	border-right: 1px solid #FFFFE0;
	clear: right;
}
.vyraztext2 {
	color: Red;
} 

.float 
{
float: left;
margin: 5px 10px 10px 5px;
padding: 3px;
text-align: center;
background: #FAFAD2; 
border: 1px solid #A66839;
}

.float2 
{
float: right;
margin: 5px 10px 10px 5px;
padding: 3px;
text-align:center;
background: #FAFAD2; 
border: 1px solid #A66839;
}

.floatp 
{
float:left;
margin: 5px 10px 10px 5px;
padding: 3px;
text-align:center;
background: #FAFAD2; 
border: 1px solid #A66839;
 width: 140px;
}

.vzorec
{
text-align:center;
 color: #7A4500;
}

.cervene
{
 color: Red;
}


.sprava {
	border-bottom: 1px solid #aa6b3c;
	margin-bottom: 5px;
	clear: both;
}

.sprava p {
	margin: 0px;
}

.sprava .dsprava {
	margin: 4px;
	font-size: .9em;
}
	
.sprava h3
	{
	color: #CD5C5C;
	font-size: .9em;
	margin: 5px 0 0 0px;
	background: #F3DBAF;
	}

.sprava .po_fem {
	display: none;
}

.sprava .po_mal {
	display: none;
}

.sprava .dnum {
	margin: 0;
	float: right;
	font-size: 0px;
	color: #FFA07A;
	width: 20px;
	text-align: right;
}

.sprava .dmeno {
	font-size: 1.1em;
	color: Red;
	font-weight: bold;
	padding: 0 3px 0 15px;
	margin: 0;
	margin-left: 2px;
	float: left;
	font-style: italic;
	background: url(layout/ico_panac.gif) no-repeat left;
}

.sprava .dmeno_un {
	font-size: 1.1em;
	color: #D20E00;
	font-weight: bold;
	padding: 0 3px 0 3px;
	margin: 0;
	margin-left: 2px;
	float: left;
}

.sprava .dmeno_admin {
	font-size: 1.1em;
	color: Red;
	font-weight: bold;
	padding: 0 3px 0 3px;
	margin: 0;
	margin-left: 2px;
	float: left;
}

.sprava .ddat {
	font-size: .8em;
	color: #A66839;
	font-weight: bold;
	padding: 1px 4px 1px 4px;
}

.sprava .dcas {
	font-size: .8em;
	color: #A66839;
	font-weight: bold;
	padding: 1px 4px 1px 4px;
}

.sprava .dmail {
	font-size: .7em;
}

.sprava .dip {
	font-size: .8em;
	color: #D3A07B;
}

.sprava .preag {
	float: right;
	clear: left;
	margin-top: -18px;
}

.sprava p.dreakcia {
	margin: 2px 0 0 20px;
	padding: 3px;
	background: #F2CB94;
	color: #794B29;
}

.sprava p em {
	color: #50311C;
}

.vyraz {
	color: #D00F00;
	font-weight: bold;
	border: 1px solid #F0C080;
	background: #FCF5E5;
	margin: 0 1px;
	padding: 3px;
}

.odkaz {
	background: url(layout/b_odkaz.gif) no-repeat 0 4px;
	padding: 0 0 0 15px;
}


#obsah .bpop {
	display: none;
}
#obsah a.itr:hover {
	border: 1px #CD853F solid;
	background-color: #CD853F;
	color: White;
	cursor: help;
}
/* rende intero block cliccabile in IE/Win e fa bene a rendering di Op7 (rovina IE/Mac?) \*/
#obsah a.tpop {
	position: relative;
	z-index: 5;
}

#obsah .itr {
	position: relative;
	background-color: #FAFAD2;
	text-decoration: none;
	color: Red;
	border: 1px #CD853F solid;
	padding: 1px 2px;
	z-index: 5;
}
#obsah .itr:hover .bpop {
	display: block;
	position: absolute;
	width: 15em;
	background-color: #FFFFE0;
	color: #9C6228;
	padding: 1px 3px 2px 3px;
	border: 1px #CD853F solid;
	font-size: 0.9em;
	left: 2em;
	top: 2.5em;
	z-index: 89;
}
/* IE5/Mac:  Senza questo il bpop interno crea danni. Questo ha problemi di allineamento verticale,
approssimativamente corretti da top, ... \*//*/
.itr {
	display: inline-block;
	top: 0.15em;
	line-height: 1.05;
}
/**/


.modgaler {
  	float: left;
  	text-align: center;
  margin: 0 15px 15px 0px;
  	}

.holder img {
	vertical-align: middle;
   margin:0 auto;
border: 1px solid #EFBF7F;
}
.holder a img {
border: 1px solid #EFBF7F;
}
.holder a:hover img {
border: 1px solid Red;
}

/* for non-IE browsers */
div.holder {
width:140px; 
height:140px; 
 background: #F4DBB2;
 border: 1px solid #EFBF7F;
text-align:center; 
display:table-cell; 
vertical-align:middle;
}

.imgplace {
text-align: center;
line-height: 138px;
width:140px; 
height:140px; 
background: #F4DBB2;
border: 1px solid #EFBF7F;
float: left;
margin: 0 15px 15px 0px;
}

.imgplace img {
	margin-top: expression(( 140 - this.height ) / 2); 
	}
.imgplace a img {
border: 1px solid #849662;
}
.imgplace a:hover img {
border: 1px solid Red;
}

html>body .imgplace img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}
	
	
	
	#obsah .akt_clen, .akt_clen
	{
	background: url(layout/icon_clen.gif) no-repeat 0px 2px;
	padding: 6px 0 6px 30px;
	}
	
	#obsah .akt_komerc, .akt_komerc
	{
	background: url(layout/icon_komerc.gif) no-repeat 0px 2px;
	padding: 6px 0 6px 30px;
	}
	
	#obsah .akt_firem, .akt_firem
	{
	background: url(layout/icon_firem.gif) no-repeat 0px 2px;
	padding: 6px 0 6px 30px;
	}
	
	#obsah .akt_galer, .akt_galer
	{
	background: url(layout/icon_galer.gif) no-repeat 0px 2px;
	padding: 6px 0 6px 30px;
	}
	
	#obsah .akt_kniz, .akt_kniz
	{
	background: url(layout/icon_kniz.gif) no-repeat 0px 2px;
	padding: 6px 0 6px 30px;
	}
	
.datexpir
{
	text-decoration: line-through;
	color: #9f9f9f;
}
	
.datednes
{
	font-weight: bold;
	color: #855321;
}
	
#obsah .datednes em
{
	font-weight: normal;
}
	
.datednes2
{
	color: yellow;
	background: red;
	padding: 2px;
}


.imgbox {
margin: 0 15px 15px 0;
padding: 0;
 text-align: center;
 float: left;
 background: #F4DBB2;
 border: 1px solid #EFBF7F;
 height: 200px;
width: 150px;
}
.imgbox img {
margin: 10px;
width: 130px;
border: 1px solid #EFBF7F;
}
.imgbox a img {
border: 1px solid #EFBF7F;
}
.imgbox a:hover img {
border: 1px solid Red;
}
.imgbox p {
margin: 0 5px 5px 5px;
font-size: .9em;
 color: #7B4600;
}	

.disp{
	display: block;
	float: left;
	width: 100%;
	background: #f4d3a6;
	margin-top: 10px;
	margin-bottom: 4px;
}

.dispop {
	float: left;
	display: block;
	width: 300px;
	padding: 3px;
}

.dispro {
	float: right;
	display: block;
	width: 40px;
	text-align: right;
	background: #ecb264;
	color: white;
	padding: 3px;
	font-size: .9em;
}

.discas {
	float: right;
	display: block;
	width: 140px;
	text-align: right;
	padding: 3px;
	font-size: .9em;
	color: #bb752d;
}

.diskat {
	color: #3f3f3f;
	clear: both;
}

.dispn {
	display: block;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 4px;
	border-bottom: 1px solid #b22222;
}

.dispopn {
	float: left;
	display: block;
	width: 300px;
	padding: 3px;
	color: #b22222;
	font-size: 1.4em;
}

.dispron {
	float: right;
	display: block;
	width: 40px;
	text-align: right;
	color: #b22222;
	padding: 3px;
	font-size: .9em;
	font-style: italic;
}

.discasn {
	float: right;
	display: block;
	width: 140px;
	text-align: right;
	padding: 3px;
	font-size: .9em;
	color: #b22222;
	font-style: italic;
}
img.textbutton {
	cursor: pointer;
	margin-right: 2px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid #bc963d;
	border-bottom: 1px solid #bc963d;
	background: #f5d4a8;
}
img.textbutton:hover {
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid #bc963d;
	border-top: 1px solid #bc963d;
}



.zasadzobraz {
	margin: 10px 0;
	border: 2px solid #9a6424;
	padding: 0 5px;
	background: #faedd7;
}
.zasadzobraz p strong {
	font-size: 1.1em;
	color: red;
}
.zasadnad, .zasadzobraz p.zasadnad strong  {
	font-size: 1.2em;
	color: #b22222;
	font-weight: bold;
}
.zasadzobraz .underliner {
	border-bottom: 1px solid silver;
}
