*{margin:0;padding:0;}
html, body{height: 100%}
body{
font-family: Verdana, 'Geneva CE', lucida, sans-serif;
background:#fff url("images/body-bg.gif") repeat-x;
color:#000;
font-size:small;
text-align:center;
line-height:1.4}
.noscreen{
width:250px;
position:absolute;
left:0;
top:-2000px}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
/* layout */
#main-full{
position:relative;
width:100%;
min-height:100%;
height:100%}
body>#main-full{height:auto}
#main{
width:970px;
margin:0 auto;
text-align:left;
position:relative;}
#head{
color:#000;
width:970px;
margin:0 auto;
height:106px;
overflow:hidden;
position:relative;
background:#fff}
h1.head, h1.head span{
display:block;
width:210px;
height:106px;
position:absolute;
left:0;
top:0;
z-index:5;
overflow:hidden;
font-size:110%;
cursor:hand;}
h1 span{
background:url("images/head-logo.gif") no-repeat;
z-index:2}

#kontakt h2, #kontakt, #kontakt2{
font-size:95%;
position:absolute;
width:200px}
#kontakt h2{
width:400px;
top:-25px;
font-size:120%;
color:#0285dd}
#kontakt{
right:200px;
top:30px}
#kontakt2{
right:0;
top:30px}

#head-bottom{
position:relative;
padding:20px 0 0 40px;
width:930px;
height:230px;
overflow:hidden;
background:url("images/head-bottom.gif") repeat-x}
#head-bottom h2{
font-size:100%;
padding:3px 0;
color:#fff}
#head-bottom ul{
color:#fff;
padding-left:20px;
list-style-type:square}

#blok3, #blok4, #blok5{
width:186px;
background:#343434;
position:absolute;
bottom:50px;}
#blok3{
right:396px}
#blok4{
right:203px}
#blok5{
right:10px}

#head-bottom img{border:4px solid #41b2fe;margin:0 0 5px 0;padding:0}
#head-bottom a{background:url("images/box-nav-li-strong.gif") no-repeat right center;padding:0 20px 0 10px; color:#fff; font-weight:bold; text-decoration:none; font-size:90%}
#head-bottom a:hover{color:#cae9fe}
#head-bottom p{margin:0 0 5px 0; padding:0}

#content{
width:970px;
margin:0 auto;
text-align:left;}
#text{
min-height:400px;
height:400px;}
#content>#text{height:auto}

/* blok dělený na dva */
#box{
overflow:hidden;
float:left;
width:240px;
position:relative;}
#box-in{
border-bottom:2px solid #0e5b90;
background:#3a9bdc url("images/box-nav-bg.gif") repeat-x;
width:240px;
padding:0;
margin:20px 0 0 0;}
#obsah{
overflow:hidden;
float:right;
width:730px;
padding:0;
margin:0 0 20px 0;
color:#000;
position:relative}
#in{
padding:10px 16px 100px;
float:right;
margin:0;
overflow:hidden;
width:668px;
color:#000;
position:relative;}

/* Menu */
#panel1{
overflow:hidden;}
#box ul{
margin:10px;
width:220px;
border:1px solid #505050}
#box li ,#box li a{
background:#393939 url("images/box-nav-li.gif") repeat-x}
#box li{
width:220px;
font-size:90%;
text-align:left;
list-style:none}
#box li a{
overflow:hidden;
display:block;
width:205px;
padding:7px 5px 7px 10px;
text-decoration:none;
font-weight:bold}
#box li a:link,#box li a:visited{
color:#45b3fc}
#box li a:hover, #box li strong{
width:205px;
height:auto;
text-decoration:none;
background:#393939 url("images/box-nav-li.gif") repeat-x;
overflow:hidden;
padding:7px 5px 7px 10px;
font-weight:bold;
color:#fff}
#box li strong{
padding:7px 5px 7px 20px;
width:195px;
background:url("images/box-nav-li-strong.gif") no-repeat left center;
display:block}
#box li.aktivni{background:#393939 url("images/box-nav-li.gif") repeat-x}

#body-foot{
overflow:hidden;
position:absolute;
bottom:-22px;
left:0;
width:100%;
height:97px;
background:url("images/body-foot-bg.gif") repeat-x}
#foot{
height:97px;
margin:0 auto;
width:970px;
background:#eee url("images/foot-bg.gif") repeat-x;}
/* text */
#in h1{
padding:3px 0;
border-bottom:1px solid #143771;
margin:2px 0 0 0;
clear:both;
font-weight:100;
font-size:140%;
color:#000}
/* p  */
#in p{
margin:6px 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}
#foot p{
font-size:90%;
_font-size:80%;
color:#fff;
text-align:center;
padding:20px 0 6px 0}
/* links */
a:link{color:#0b8ae2; font-weight:bold}
a:visited{color:#454545}
a:hover{color:#920000}
a:active{color:#1b538d}
#foot a:link, #foot a:visited{color:#fff}
#foot a:hover{color:#000}

/* Pridani mezery a marginu u ikonek v textu */ 
/* img */
a:link img {border:4px solid #0b8ae2}
a:visited img{border:4px solid #454545}
a:hover img{border:4px solid #920000}
a:active img{border:4px solid #454545}
.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;
clear:both;
display:block}
.imgd{
_width:100% !important;} /* hack pro IE6*/
.img-right, .imgdr{
margin:8px 7px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:8px 7px;
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: 0px auto!important} /* centrovani  */

/* TEXY */
#in h2{
padding:2px 0;
border-bottom:none;
margin:2px 0 0;
clear:both;
font-size:110%;
color:#000}
#in h3{
text-align:center;
clear:both;
font-size:120%;
font-weight:bold;
margin:8px 0 4px 0;
padding:8px 0 10px 0;
color:#fff;
background:url("../404.html") no-repeat center center}
#in strong{color:#000}
#in strong em{color:#f00}
#in blockquote{
margin:15px 0;}
#in blockquote p{
padding:15px 5px;
clear:both;
overflow:hidden;
font-weight:bold;
color:#000;
text-align:center;
font-size:120%}
#in ul{
margin:10px 0;
padding:0 0 0 5px}
#in ul.left{float:left; width:45%}
#in ul.right{float:right; width:45%}
#in ul li{
line-height:1.6;
display:inline-block;
list-style-type:none; 
background:url("images/bullet.gif") no-repeat 0em 0.55em; 
padding:0 1.2em}
#in ul>li{
display:block;
background-position: 0em 0.5em}
#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:0 0 0 5px}
#in dt{color:#000; font-weight:bold}
#in dd{background:url("../404.html") no-repeat 0em 0.55em; 
padding:0 1em; font-style:italic}
#in table{
clear:both;
width:100%;
border-collapse:separate;
margin:15px 10px 15px 0px;}
#in th, #in td{
border:1px solid;
color:#000;
padding:3px 5px;
text-align:left}
#in .nobordertable2 td{background-color:#e7f2fc;border:0}
#in .nobordertable2 th{background:#add4f8;border:0}
#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 table.nobordertable{margin:15px 0}
#in table.nobordertable th, #in table.nobordertable td{
border:0; background:#fff;margin:0;padding:1px 5px;}
#in .nobordertable th{background:#cce8fb;}
#in .nobordertable img{margin:0; padding:0}
#in .nobordertable {border:0;}
#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}
#in pre{margin:10px 0; font-size:100%}
/* Speciality */ 

/* fotogalerie */
.galerie-obal img{padding:0;margin:0;display:none;}
.galerie-obal .fotogal-nahled{float:left;margin:1px;
border:1px solid #118ee5;
background:#c9e5f9 no-repeat center center;}