*{margin:0;padding:0;}
body{
font-family: Georgia, 'New York CE', utopia, serif;
background:#e84e1e;
color:#2e2619;
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{
background:#d2461b url("../css/images/head-bg.gif") repeat-x;
width:100%;
position:relative;}
#main{
margin:0 auto;
text-align:left;
position:relative;}
#head-top{
background:url("../css/images/head-nazev.gif") no-repeat center top;
width:970px;
height:55px;
margin:0 auto;
overflow:hidden;
text-align:center;
color:#fff;
font-size:70%;
padding-top:10px;
letter-spacing:0.4em}

#prezentace-full{
margin:0;
padding:0;
background:#f2eb24 url("../css/images/prezentace-bg-ctverec.jpg") repeat;
width:100%;}
#prezentace-in{
position:relative;
margin:0 auto;
padding:20px 0 10px 0;
width:970px;
min-height:500px;
height:500px;
background:url("../css/images/prezentace-bg.jpg") no-repeat left bottom}
#prezentace-full>#prezentace-in{height:auto}


#prezentace-in img{
margin:0;
position:relative;
bottom:0px}

.levy-obraz, .pravy-obraz{
padding:0;
position:absolute;
width:200px;
bottom:50px}
.levy-obraz{left:20px}
.pravy-obraz{right:20px}

.velky-obraz{
font-size:120%;
margin:0 auto;
width:400px}

h2{
padding-top:5px;
font-size:100%;
color:#e94e1e}

.levy-obraz p, .pravy-obraz p{
height:60px;
font-size:90%}

.uroven1{border:1px solid #cc965e}
.uroven2{border:1px solid #6e2d02}
.uroven3{border:1px solid #823a0a}
.uroven4{border:1px solid #884213}
.uroven5{border:1px solid #954f20}
.uroven6{border:1px solid #f3ae58}
.uroven7{border:1px solid #d9974b}
.uroven8{border:1px solid #b97835}
.uroven9{border:1px solid #c6833c}
.uroven10{border:1px solid #b47941}


#linka{
background:url("../css/images/linka.gif") repeat-x;
width:100%;
height:4px;}
#content-full{
background:#d2461b;
width:100%}
#content{

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

/* blok dělený na dva */
#obsah{
overflow:hidden;
float:left;
width:735px;
padding:0;
margin:0;
color:#000;
position:relative}
#in{
padding:10px 40px;
float:right;
margin:0;
overflow:hidden;
width:385px;
color:#000;
position:relative;}

#box{
overflow:hidden;
float:left;
width:270px;
position:relative;}
#box-in{
padding:0;
margin:0;}

#blok{
overflow:hidden;
float:right;
width:235px;
position:relative;}
#blok-in{
padding:0;
margin:0;}


/* Panely */
#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9, #panel10{
padding:0 12px 0 70px;
position:relative;
margin:30px 0;
font-size:95%;
color:#fff;
overflow:hidden;}
#box span.top{
overflow:hidden;
width:200px;
height:10px;
display:block;
background:url("../css/images/box-panel-top.gif") no-repeat;}
#box h5, #blok h5{
margin:0;
padding:0 0 10px 20px;
font-size:120%;
color:#f5ef44}
#blok h5{padding:0 0 10px 0}
#box .obal{
background:url("../css/images/box-panel-bg.gif") repeat-y;
color:#000;
width:200px;
padding:10px 0}
#box span.bottom{
overflow:hidden;
width:200px;
height:110px;
display:block;
background:url("../css/images/box-panel-bottom.gif") no-repeat}
#box span.box-left{
position:relative;
top:-212px;
left:-70px;
overflow:hidden;
width:70px;
height:212px;
display:block;
background:url("../css/images/box-left.gif") no-repeat}

#panel2{
padding:0 0 0 20px;
height:150px;
background:url("../css/images/blok-panel-bg.gif") repeat-y;}

/* menu */
#box ul{
margin-left:1px;
width:200px;}
#box li{
width:200px;
font-size:110%;
text-align:left;
list-style:none}
#box li a{
overflow:hidden;
display:block;
width:175px;
padding:5px 5px 5px 20px;
text-decoration:none;
font-weight:bold}
#box li a:link,#box li a:visited{
color:#fff}
#box li a:hover, #box li strong{
width:175px;
height:auto;
text-decoration:none;
overflow:hidden;
padding:5px 5px 5px 20px;
font-weight:bold;
color:#f5ef44}
#box li strong{
border-left:5px solid #f5ef44;
padding:0 5px 0 15px;
width:180px;
display:block}




#foot{
position:absolute;
_bottom:-15px;
background:#fc6738 url("../css/images/linka.gif") repeat-x;
width:100%;
color:#fff;
overflow:hidden;}
/* text */
#in h1{
padding:0 0 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{
position:relative;
width:100%;
background:url("../css/images/linka.gif") repeat-x left bottom;
text-align:center;
font-size:85%;
padding:6px 0;
margin-bottom:2px;}
/* links */
a:link{color:#823a0a}
a:visited{color:#823a0a}
a:hover{color:#fae4c9}
a:active{color:#823a0a}
#foot a:link, #foot a:visited{color:#fff}
#foot a:hover{color:#f5ef44}
#foot a.vstup:link, #foot a.vstup:visited{color:#fff; text-decoration:none}
#foot a.vstup:hover{color:#fff}

/* Pridani mezery a marginu u ikonek v textu */ 
/* 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 blockquote{
text-align:center;
margin:15px 0;}
#in blockquote p{
padding:15px 5px;
clear:both;
overflow:hidden;
font-weight:bold;
color:#2e2619;
text-align:center;
font-size:100%;
background:url("../css/images/citace.gif") no-repeat left center}

#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 ol{
margin:5px 0 5px 15px;
padding:0 0 0 5px}
#in table{
clear:both;
width:100%;
border-collapse:separate;
font-size:100%;
margin:15px 0px;}
#in th, #in td{
color:#000;
padding:3px 10px;
text-align:left}
#in td{background-color:#F8E6AD;}
#in th{background:#F8E6AD;}
#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:0; background:#fff;margin:0;padding:3px 10px;}
#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}