*{margin:0;padding:0;}
body{
font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;
background:#ebf3fb url("images/body-bg.jpg") repeat-x;
color:#000;
font-size:small;
line-height:1.5}
.noscreen{
width:250px;
position:absolute;
left:0;
top:-2000px}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
.end-null{
clear:both;
line-height:0px;
font-size:0px;
height:0px}
/* layout */
#main{
width:806px;
position:relative;}
#head{
width:806px;
height:285px;
overflow:hidden;
position:relative;
background:url("images/head.jpg") no-repeat right top;}
p.head-logo, p.head-logo span{
display:block;
width:226px;
height:285px;
position:absolute;
left:0;
top:0;
z-index:5;
overflow:hidden;
cursor:hand;}
p.head-logo span{
background:url("images/head-logo.gif") no-repeat;
z-index:2}
#kontakt{
font-size:90%;
position:absolute;
top:52px;
right:5px;
text-align:right;
width:600px;
height:80px;
color:#fff}
#kontakt a{color:#ebf3fb}
#kontakt a:hover{color:#000}

#head-nav{
font-size:105%;
position:absolute;
top:0;
right:0;
width:300px;
height:30px;
color:#fff;
font-weight:bold}
#head-nav a{color:#fff}

#content{
background:url("images/content-bg.gif") repeat-y;}
#text{
min-height:700px;
height:700px;}
#content>#text{height:auto}

/* blok dělený na dva */
#obsah{
overflow:hidden;
width:806px;
padding:0;
margin:0;
position:relative}
#in{
background:url("images/in-top.jpg") no-repeat;
padding:70px 30px 0 20px;
float:right;
overflow:hidden;
width:530px;
color:#000;
position:relative;}

#box{
background-color:#e3e3e3;
overflow:hidden;
float:left;
width:226px;
position:relative;}
#box-in{
padding:0;
margin:0}

#box-obrazky{
height:569px;
width:226px;
background:url("images/box-obrazky.jpg") no-repeat;}

/* head menu */
#head-nav ul{
width:300px;}
#head-nav li{
text-align:center;
margin-left:5px;
width:139px;
height:30px;
float:left;
list-style:none;
overflow:hidden}
#head-nav li a, #head-nav li strong{
background:url("images/head-nav-li.gif") no-repeat right top;
display:block;
padding:2px 5px 5px 5px;
text-decoration:none}
#head-nav li strong{
background:#ccc url("images/head-nav-li.gif") no-repeat}
#head-nav li a:hover{
background:#ccc url("images/head-nav-li.gif") no-repeat}

/* box menu */
ul#menu1{
padding:0;
margin:20px 20px 10px 25px;}
ul#menu1 li{
background:url("images/nav-li-podtrzeni.gif") no-repeat right bottom;
width:180px;
display:inline;
line-height:1.2;
font-size:100%;
list-style:none;}
ul#menu1 li a:link, ul#menu1 li a:visited{
background:url("images/nav-li-podtrzeni.gif") no-repeat right bottom;
overflow:hidden;
color:#000;
text-decoration:none;
font-weight:bold;
padding:5px 20px 5px 0;}
ul#menu1 li a, ul#menu1 li strong, ul#menu1 li a:hover{
width:160px;
overflow:hidden;
display:block;
padding:5px 20px 5px 0;
text-decoration:none;}
ul#menu1 li strong, ul#menu1 li a:hover{
background:url("images/nav-li-sipka-strong.gif") no-repeat right center;
color:#0559a8}
ul#menu1 li.aktivni{
display:block;
background:url("images/nav-li-podtrzeni.gif") no-repeat right bottom;}

#foot-roh{
width:63px;
height:44px;
position:absolute;
right:-53px;
bottom:0;
bottom:-1px;
z-index:10;
overflow:hidden;
background:url("images/foot-roh.gif") no-repeat}
#foot{
position:relative;
height:186px;
width:895px;
overflow:hidden;
background:url("images/foot.jpg") no-repeat}
/* text */
#in h1{
padding:5px 0;
margin:5px 0;
clear:both;
font-size:130%;
_font-size:120%;
color:#0559a8}
/* p  */
#in p{
margin:8px 0;
text-align:justify}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}
#foot p{
font-size:85%;
color:#55442c;
text-align:left;
padding:135px 0 0 10px}
/* links */
a:link{color:#2278ca; font-weight:bold}
a:visited{color:#395605}
a:hover{color:#97ca3b}
a:active{color:#525252}
#foot a:link, #foot a:visited{color:#000}
#foot a:hover{color:#55442c}
/* img */
a:link img {border:5px solid #2278ca}
a:visited img{border:5px solid #ebf3fb}
a:hover img{border:5px solid #97ca3b}
a:active img{border:5px solid #525252}
.noborder a:link img{border:none}
.noborder a:visited img{border:none}
.noborder a:hover img{border:none}
.noborder a:active img{border:none}
/* img */
.imgd,img{
text-align:center;
margin:10px auto;
clear:both;
display:block}
.imgd{
_width:100% !important;} /* hack pro IE6*/
.img-right, .imgdr{
margin:8px 0 8px 15px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:8px 15px 8px 0;
text-indent:0;
float:left;
clear:none;
text-align:center;}
.nookraj{margin:0 5px 0 0;float:left;} /* uredni desky, rozpocet...*/
.obal img{padding:0; margin: 8px auto!important} /* centrovani  */


/* TEXY */
#in h2{
padding:10px 0 0 0;
border-bottom:none;
margin:4px 0;
clear:both;
font-size:120%;
color:#004e8c}
#in h3{
padding:5px 0 0 0;
text-align:left;
clear:both;
font-size:110%;
margin:4px 0 0 0;
color:#000}

#in blockquote{
padding:5px 0px;
margin:15px 0;}
#in blockquote p{
padding:15px 5px;
clear:both;
overflow:hidden;
font-weight:bold;
color:#004e8c;
text-align:center;
font-size:110%;}

#in ul{
margin:5px 0;
padding:5px}
#in ul li{
line-height:1.6;
display:inline-block;
list-style-type:none; 
background:url("images/bullet.gif") no-repeat 0em 0.35em; 
padding:0 1em}
#in ul>li{
display:block;
background-position: 0em 0.3em}
#in ul li ul{margin:0; padding:0}
#in ul li ul li{padding:0 10px; margin:0;}
#in ol{
margin:5px 0 5px 15px;
padding:5px 30px;}
#in dt{padding:5px 30px; color:#004e8c; font-weight:bold}
#in dd{
background:url("images/bullet.gif") no-repeat 0em 0.55em;
font-style:italic}
#in table{
line-height:1.2;
padding:5px 2px;
clear:both;
width:100%;
border-collapse:separate;
font-size:95%;
margin:5px 0px}
#in th, #in td{
color:#000;
padding:3px 5px;
text-align:left}
#in td{background:#d0e7fd}
#in th{background:#72b5f9}
#in table.auto{width:auto}
#in table.normal{
border:1px solid #000}
#in table.normal th{background:#fff}
#in table.normal td{background:#fff}
#in .nobordertable th, #in .nobordertable td{
border:1px solid #ccc; background:#fff;margin:0;padding:3px 5px}
#in .nobordertable th{border:0; padding-top:8px}
#in .nobordertable th em{font-weight:normal}
#in .nobordertable img{margin:0; padding:0}
#in .nobordertable {border:0}
#in .center th, #in .center td{text-align:center}
#in table.polovina td{width:50%}
#in table.tretina td{width:33%}
#in table.ctvrtina td{width:25%}
#in hr{margin:5px 0;color:#000;background-color:#000;border:0;height:1px;clear:both}
/* Speciality */ 
/* fotogalerie */
.galerie-obal img{padding:0;margin:0;display:none;}
.galerie-obal .fotogal-nahled{float:left;margin:8px 6px;
border:1px solid #4193ed;
background:#e0f1f8 no-repeat center center;}
.fk-nahled{float:left;margin:16px;text-align:center;width:170px;}
.galerie-obal{margin-bottom:10px;}
/* formular */
form{
overflow:auto;
margin:6px 0;}
fieldset{
border:3px double #ccc;
padding:10px 15px;
margin-bottom:5px}
.napistenam label{display:block}
legend{
background:#fff url("images/form-bg.gif") repeat-x;
border:3px double #ccc;
color:#000;
font-size:110%;
font-weight:bold;
padding: 2px 10px 2px 10px}
form input, form textarea{
background:#fff url("images/form-bg.gif") repeat-x;
border:1px solid #2278ca;
margin-top:2px;
margin-bottom:1px}
textarea{ width:100%}
.cervene{color:#e0252b; font-weight:bold}
form p.button input{
text-align:center;
margin-left:185px;
width:120px;
cursor:pointer;
background:#2278ca; color:#fff;
border:3px double #2278ca;
font-weight:bold;
padding:4px 0}
form p.button input:hover{color:#000;background:#fff url("images/form-bg.gif") repeat-x}

form table input, form table textarea{width:auto} /* formular prihlaska*/


#in table.rezervacni-formular td{border:0;vertical-align:top; padding:3px 1px}
#in table.rezervacni-formular label{font-weight:bold; font-size:90%}
#in table.rezervacni-formular td.td-suda input{padding:1px;}


/* Vlajky */
#lang{
z-index:10;
position:absolute;
top:8px;
left:5px}
#cz, #de{
position:absolute;
height:24px;
width:34px}
#cz{background:url("images/cz.gif") no-repeat;left:0}
#cz:hover{background:url("images/cz.gif") no-repeat right top}
span#cz{background:url("images/cz.gif") no-repeat right top}
#de{background:url("images/de.gif") no-repeat;
left:49px}
#de:hover{background:url("images/de.gif") no-repeat right top}
span#de{background:url("images/de.gif") no-repeat right top}
#lang strong{display:none}