*{margin:0;padding:0;}
body{
font-family:Georgia, 'New York CE', utopia, serif;
background:#e7c100 url("../css/images/body-bg.jpg") repeat-x;
color:#000;
font-size:small;
text-align:center;
line-height:1.4}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
/* layout */
#main{
width:888px;
margin:0 auto;
text-align:left;
position:relative;}
#head{
width:888px;
margin:0 auto;
height:139px;
overflow:hidden;
position:relative}
p.head, p.head span{
display:block;
width:888px;
height:139px;
position:absolute;
left:0;
top:0;
z-index:5;
overflow:hidden;
font-size:70%;
cursor:hand;}
p span{
background:url("../css/images/head-logo.jpg") no-repeat;
z-index:2}
#content{
width:888px;
text-align:left;}
#text{
position:relative;
background:url("../css/images/in.jpg") no-repeat;
width:888px;
color:#000;
height:352px;}
#text-bottom{
position:relative;
background:url("../css/images/in-bottom.jpg") no-repeat;
width:888px;
color:#000;
height:153px;}
#in{
display:none}

#foot{
background:url("../css/images/foot.jpg") no-repeat;
width:888px;
height:82px;
color:#000;
overflow:hidden;}
#odkazy p{color:#fff;font-size:80%}
#odkazy a{color:#fff}
#odkazy a:hover{color:#fff}
/* text */
#in h1{
padding:5px 0;
margin:4px 0;
clear:both;
font-size:120%;
color:#f5ef44}
/* p  */
#in p{
color:#fff;
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}
#foot p{
width:570px;
font-size:100%;
padding:10px 20px 0}
/* links */
a:link{color:#823a0a}
a:visited{color:#823a0a}
a:hover{color:#fae4c9}
a:active{color:#823a0a}
#foot a:link, #foot a:visited{color:#000}
#foot a:hover{color:#f00}
#foot a.vstup:link, #foot a.vstup:visited{color:#fff; text-decoration:none}
#foot a.vstup:hover{color:#fff}

/* img */
a:link img {border:1px solid #823a0a}
a:visited img{border:1px solid #823a0a}
a:hover img{border:1px solid #f3ae58}
a:active img{border:1px solid #823a0a}
.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 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: 8px auto!important} /* centrovani  */


/* TEXY */
#in h2, #in h3.podtitul{
padding:5px 2px;
border-bottom:none;
margin:4px 0;
clear:both;
font-size:110%;
color:#dc231c;}
#in h3{
text-align:center;
clear:both;
font-size:110%;
margin:4px 0;
color:#000;}

#in ul{
margin:5px 0;
padding:0 0 0 5px}
#in ul li{
display:inline-block;
list-style-type:none; 
background:url("../css/obrazy/ikony/sipka-mala-cervena.gif") no-repeat 0em 0.55em; 
padding:0 1em}
#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 hr{
margin:5px 0;
color:#000;
background-color:#000;
border:0;
height:1px;
clear:both}

.button{
text-indent:-5000px;
position:absolute;
bottom:10px;
right:127px}
p.button a{
display:block;
background:url("../css/images/button.gif") no-repeat;
width:174px;
height:38px;
text-decoration:none;
font-size:150%;
overflow:hidden}
p.button a:hover{color:#000;background:url("../css/images/button.gif") no-repeat right top}

.vlajka{
text-indent:-5000px;
position:absolute;
bottom:65px;
right:170px}
p.vlajka-sk a, p.vlajka-cz a{
display:block;
background:url("../css/images/vlajka-sk.gif") no-repeat;
width:75px;
height:50px;
text-decoration:none;
font-size:150%;
font-weight:bold;
overflow:hidden}
p.vlajka-sk a:hover, p.vlajka-cz a:hover{color:#000;background:url("../css/images/vlajka-sk.gif") no-repeat right top}

p.vlajka-cz a{
background:url("../css/images/vlajka-cz.gif") no-repeat}
p.vlajka-cz a:hover{color:#000;background:url("../css/images/vlajka-cz.gif") no-repeat right top}