/* CSS Document */
body {
margin-top: 10px;
padding-bottom:20px; 
font-size: small;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}



	/* layout */
#obal {
width: 990px;
margin: 0 auto;
background : white url(img/pozadi.jpg) repeat-x top; 
}

#zahlavi {
width: 100%;
background: url(img/head.gif) no-repeat;
height: 227px;
}

#blok {
width: 600px;
_width: 730px;
float: left; 
}

#menu {
width: 180px;
_margin: -360px 0 0 0;
float: left;
background: url(img/sloupec.jpg) no-repeat;
height: 504px;
}

#obsah {
width: 400px;
_margin: 0 0 0 170px;
float: right;
}

#panel {
width: 180px;
_margin-right: -53px;
_padding-right: -30px;
float: right;
background: url(img/sloupec.jpg) no-repeat;
height: 504px;
} 
#panel a{
color: green;
}
#panel a:hover{
color: white;
}

.nove_kytice {
background: url(img/pozadi_nove_kytice.gif) no-repeat;
display: block;
margin: 13px 0 0 15px;
padding: 2px 10px 0 25px;
width: 180px;
height: 150px;
} 


#zapati {
width: 100%;
font-size: 85%;
color: gray;
padding: 20px 0 0 5px;
clear: both;
background:  url(img/paticka.gif) top no-repeat;
height: 40px;
}
#zapati a {
color: gray;
margin: 0; padding: 0;
text-decoration: none;
}
#zapati a:hover{
color: #C9C9C9;
text-decoration: none;
}
.links {
float: right;
margin-top: -20px;
font-size: 80%;
color: #D9D9D9;
} 


	/* !! navigace !! */
ul#menu_ {
width: 175px;
_float: right;
margin: 10px 0; padding: 0;
list-style-type: none;
}

ul#menu_ li {
height: 40px;
background: url(img/menu_cara.gif) bottom no-repeat;
}

ul#menu_ li.spodni {
border-bottom: none;
height: 50px;
padding: 0px 0px 5px 0px;
_padding: 0px 0px 0px 0px;
}
ul#menu_ li.spodni a:hover {
height: 40px;
_height: 30px;
_padding: 14px 0px 0px 30px;
}

ul#menu_ li a{
display: block;
font-size: 15px;
margin: 0px 0 0 0;
width: 145px;
padding: 12px 0px 0px 25px;
font-weight: bold;
color: black;
text-decoration: none;
}

ul#menu_ li a:hover {
color: white;
padding: 15px 0px 0px 29px;
height: 25px;
background: url(img/menu_cara_.gif) bottom no-repeat;
} 

	/* obsah */
	
#bezny_obsah {
width: 555px;
_width: 600px;
height: 325px;
margin: 25px 20px;
_margin: 25px 5px 0px 25px;
color: black;
}
#bezny_obsah p {
margin: 10px 20px 10px 20px;
padding: 20px 0px 0px 0px;
text-align: justify;
_width: 500px;
_margin: 20px 15px 0px 20px;
_padding: 2px 0px 0px 30px;
}


#bezny_obsah_uvod {
width: 555px;
_width: 600px;
height: 325px;
margin: 25px 20px;
_margin: 25px 5px 0px 25px;
color: black;
background: url(img/pozadi_uvod.gif) left no-repeat;
}
#bezny_obsah_uvod p {
margin: 10px 20px 10px 20px;
padding: 20px 0px 0px 0px;
text-align: justify;
_width: 500px;
_margin: 20px 15px 0px 20px;
_padding: 2px 0px 0px 30px;
}
#bezny_obsah p a{
color: #E68A00;
}
#bezny_obsah p a:hover{
color: green;
}

#bezny_obsah2 {
width: 550px;
_height: 300px;
_display: block;
margin: 25px 20px;
_margin: 25px 0 20px 40px;
color: black;
}
#bezny_obsah2 p {
padding: 20px;
text-align: justify;
_padding: 10px 30px 10px 30px;
}
#bezny_obsah2 p a{
color: #E68A00;
}
#bezny_obsah2 p a:hover{
color: green;
}
#bezny_obsah2 p img {
margin-top: 10px;
_margin-top: 0px;
}
#bezny_obsah2 h1 {
_margin: 0px;
}
#bezny_obsah2 .trvalka img{
border: 0px;
margin-left: 90px;
}

h1 {
display: inline;
color: black;
height: 19px;
padding: 2px 20px 1px 15px;
margin: 0px 0px 0px 0px;
_margin: 0px 0px 0px 25px;
font-size: 90%;
float: left;
clear: both;
}
h1 a{
text-decoration: none;
margin-top: -30px;
color: #E68A00;
font-weight: bold;
}
h1 a:hover{
color: green;
}

p .h1 {
display: inline;
color: black;
height: 19px;
padding: 2px 20px 1px 15px;
margin: 10px 0px 0px -20px;
_margin: 10px 0px 0px -35px;
font-size: 100%;
float: left;
clear: both;
}

p .h1 a{
text-decoration: none;
margin-top: -30px;
color: #E68A00;
font-weight: bold;
}
p .h1_ {
display: inline;
color: black;
width : 700px;
font-weight: bold;
height: 19px;
padding: 2px 20px 1px 15px;
margin: 30px 0px 0px -20px;
_margin: 30px 0px 0px -30px;
font-size: 100%;
float: left;
clear: both;
}


/* Odkazy v oranzova - bila, misto oranzova - zelena - h1 */

#bezny_obsah2 .zpet a{
color: #E68A00;
text-decoration: none;
}
#bezny_obsah2 .zpet a:hover {
color: green;
}
#bezny_obsah .zpet a{
color: #E68A00;
text-decoration: none;
}
#bezny_obsah .zpet a:hover {
color: green;
}
#bezny_obsah2 .tab a{
color: #E68A00;
text-decoration: none;
}
#bezny_obsah2 .tab a:hover {
color: green;
}

#h1_uroven2 a{
text-decoration: none;
padding: 3px 0px;
margin: 5px 40px 20px 60px;
color: #E68A00;
font-weight: bold;
font-size: 90%;
}
#h1_uroven2 a:hover{
color: white;
}
#h1_uroven2 img {
border: 0px;
}

h2 {
margin: 5px 20px;
margin: 5px 0 0 45px;
padding: 0px 5px;
letter-spacing: 2px;
color: #339900;
height: 30px;
background: url(img/kategorie_cara.gif) bottom left no-repeat;
font-size: 110%;
}
h3 {
margin: 10px 10px;
padding: 0px 10px;
letter-spacing: 0px;
font-size: 90%;
}
p {
font-size: 90%;
padding: 10px;
margin: 0px;
color: black;
}

table a{
text-decoration: none;
margin: 0px;
padding: 0px;
color: #E68A00;
font-weight: bold;
}
table a:hover{
color: green;
}
table img{
border: 0px;
}



/* Lightbox */
div.lb {
display: none;
height: 100%; 
width: 100%;
position: absolute;
top: 0;  
left: 0;
right: 0;  
bottom: 0; 
text-align: center;
padding-top: 30px;
background: url(img/pozadi-lightbox.png);
}
div.lb:target {
display: block;
}
div.lb span {
padding: 5px 15px;
background: #FFF;
display: inline;
color: #ff6600;
}
div.lb img {
border: 8px solid white;
}
a { 
text-decoration: none;
margin-right: 18px;
}
img {
border: 0px solid white;
behavior: url(img/iepngfix.htc);
}
	
/* Pro IE 6*/
div.lb {
display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}


	
/* Pro Operu a Gecko */
html>body #leva 
html>body h1 
