*{margin:0;padding:0;}
body{
font-family:tahoma, "Geneva CE", lucida, sans-serif;
background:url("../css/obrazy/bg-body.gif") repeat-x left top;
color:#000;
font-size:x-small;
text-align:center;
line-height:1.4}
html>body{
font-size:small}
.noscreen{
width:250px;
position:absolute;
left:0;
top:-2000px}
#info{display:none}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
/* layout */
#main{
position:relative;
width:770px;
margin:0 auto;
text-align:left}
#head{
height:56px;
background:url("../css/obrazy/head.gif") no-repeat right top;
position:relative}
/* head */
h4, h4 span{
width:330px;
height:56px;
overflow:hidden;
font-size:110%;
position:absolute;
left:0;
top:0;
z-index:1;
cursor:pointer}
h4 span{
display:block;
z-index:2;
left:0}
#head-nav{
background:url("../css/obrazy/nav.jpg") no-repeat;
width:770px;
height:42px;}
#content{
width:770px;
margin:0 auto;
text-align:left;
background:url("../css/obrazy/bg-content.gif") repeat-y}
#text{
min-height:400px;
height:400px}
#content>#text{height:auto}
#box{
background:url("../css/obrazy/bg-box.jpg") no-repeat right top;
overflow:hidden;
float:left;
width:238px;
padding:0px 0 0px 0}
#text>#box{width:238px}
#in{
float:right;
width:532px;
padding:0 70px 0px 20px;
color:#454545;
position:relative}
#text>#in{width:442px}
#foot{
height:100px;
background:url("../css/obrazy/foot.jpg") no-repeat;
width:770px;
margin:0 auto;
overflow:hidden;}
/* nav */
#nav{
padding-top:14px;}
#nav ul{
margin-right:65px;
text-align:right;} 
#nav li{
text-transform:uppercase;
font-size:95%; 
display:inline;
list-style:none; 
padding:0 4px; }
#nav li a,#nav li strong{
font-weight:bold;
padding:5px 4px 1px 4px;
text-decoration:none}
#nav li strong{
color:#7e0202;}
#nav li a:link,#nav li a:visited{color:#040404}
#nav li a:hover{
color:#7e0202;
text-decoration:none}
/* text */
#in h1{
background: url("../css/obrazy/bg-h1.gif") no-repeat left bottom;
padding:10px 0 8px 35px;
margin-bottom:8px;
font-size:120%;
clear:both;
font-weight:700;
width:auto;
color:#7e0202;}
#in h2{
background: url("../css/obrazy/bg-h2.gif") no-repeat left bottom;
padding:10px 0 7px 35px;
margin-bottom:8px;
font-size:110%;
clear:both;
width:auto;
color:#404598}
#in h3{
margin:8px 0 8px 0;
padding:0 0 0 0;
clear:both;
font-size:110%;
color:#404598}
#box h2{
margin-bottom:2px;
font-size:100%;
color:#7e0202}
#kontakt strong{
font-size:95%;
color:#faa304}
#in strong{
font-weight:bold;
color:#7e0202}
#in strong.transparent{
color:#fff}
#in .kontakt strong{
font-weight:bold;
color:#035a9a}
#foot p strong{
color:#7e0202}
/* p  */
#in p{
margin:8px 0;}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}
#box p{padding:5px}

#in blockquote p{
padding:10px 0;
clear:both;
color:#7e0202;
text-align:center;
font-weight:bold;
font-size:120%;}

#foot p{
font-size:90%;
color:000;}
#foot p.spojeni{
padding:16px 0 0 266px;
text-align:left;}
#foot p.left{
float:left;
padding:28px 0px 0 90px;}
#foot p.right{
float:right;
padding:28px 185px 0 5px;}

#in dt{
padding:6px 0 0px 0px;
font-size:100%;
font-weight:bold;
color:#7e0202}
#in dd{
line-height:1.3;
background:url("../css/obrazy/bullet.gif") no-repeat 0em 0.4em;
padding:0 0 0 15px;}
/* links */
a:link{color:#195d6b}
a:visited{color:#1b46ff}
a:hover{color:#000;}
a:active{color:#000}
#foot a:link, #foot a:visited{color:#000}
#foot a:hover{color:#d6372b}
/* img */
a:link img {border:1px solid #195d6b}
a:visited img{border:1px solid #237976}
a:hover img{border:1px dotted #000}
a:active img{border:1px solid #000}
.imgd,img{
text-align:center;
margin:10px auto;
clear:both;}
.imgd{
_width:100% !important;} /* hack pro IE6*/
.img-right, .imgdr{
margin:3px 15px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:3px 15px;
text-indent:0;
float:left;
clear:none;
text-align:center;}
/* ul */
#in ul, #box ul{
margin:0 0 4px 10px;}
#in ul li, #box ul li{
display:inline-block;
list-style-type:none; 
background:url("../css/obrazy/bullet.gif") no-repeat 0em 0.55em; 
padding:0 1.3em}
#in ul>li, #box ul>li{
display:block;
background-position: 0em 0.4em}
#in ul li ul{margin:0; padding:0}
#in ul li ul li{padding:0 10px; margin:0;}
#in ol{
margin-left:20px;
padding:5px 0 5px 5px}
/* kontakt */
#box #kontakt{
padding:150px 0px 0px 70px;}

table {
width:98%;
border-collapse:collapse;
font-size:100%;
margin:5px 0px;
border:3px double #7e0202;}
th, td{
color:#000;
border:1px solid #7e0202;
padding:3px 8px;
text-align:left}
td{background:#fff}
th{background:#ede7e8;}
table.auto{
width:auto;}
table.normal{
border:1px solid #000;}
table.normal th{
border:1px solid #000; background:#fff;}
table.normal td{
border:1px solid #000; background:#fff;}

/* lang */
#lang{
z-index:10;
position:absolute;
height:12px;
width:150;
top:35px;
left:555px;}

#cz{
background:url("../css/obrazy/ces.gif") no-repeat;
position:absolute;
height:12px;
width:18px;
top:0;
left:0;}
#cz:hover{background:url("../css/obrazy/ces.gif") no-repeat  right top;}

#ni{
background:url("../css/obrazy/niz.gif") no-repeat;
position:absolute;
height:12px;
width:18px;
top:0;
left:25px;}
#ni:hover{background:url("../css/obrazy/niz.gif") no-repeat right top;}

#be{
background:url("../css/obrazy/bel.gif") no-repeat;
position:absolute;
height:12px;
width:18px;
top:0;
left:50px;}
#be:hover{background:url("../css/obrazy/bel.gif") no-repeat right top;}

#bu{
background:url("../css/obrazy/bul.gif") no-repeat;
position:absolute;
height:12px;
width:18px;
top:0;
left:75px;}
#bu:hover{background:url("../css/obrazy/bul.gif") no-repeat right top;}

#ru{
background:url("../css/obrazy/rus.gif") no-repeat;
position:absolute;
height:12px;
width:18px;
top:0;
left:100px;}
#ru:hover{background:url("../css/obrazy/rus.gif") no-repeat right top;}

#en{
background:url("../css/obrazy/ang.gif") no-repeat;
position:absolute;
height:12px;
width:18px;
top:0;
left:125px;}
#en:hover{background:url("../css/obrazy/ang.gif") no-repeat right top;}