/* CSS Document */

body{
margin: 0px;
padding: 0px;
background: #000000 url(images/prechod-down.jpg) bottom repeat-x;
}
a img{
border: none;
}
#pruh{
background: url(images/pruh.jpg) repeat-x bottom;
height: 140px;
width: 100%;
}
#top-header{
background: url(images/top-header.jpg) no-repeat bottom;
height: 140px;
width: 900px;
margin: 0px auto 0px auto;
}
#stred{
width: 900px;
margin: 0px auto 0px auto;
}
#obsah{
width: 645px;
padding: 0px 0px 20px 0px;
float: right;
}
.clear{
clear: both;
}

.error {
display: block;
color: #990000;
font-size: 12px;
background: #FFA6A8;
border: #CC0000 1px solid;
padding: 10px;
}
.oki {
display: block;
color: #006600;
font-size: 12px;
background: #C9FFBF;
border: #006600 1px solid;
padding: 10px;
}

#left h3{
margin: 0px;
padding: 0px;
color: #FFFFFF;
}


/*########################################################
obsah
########################################################*/


.obsah-top,.obsah-down,.obsah-stred{
display: block;
width: 557px;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}
.obsah-top{
height: 8px;
background: url(images/obsah-top.gif) no-repeat bottom left;
}
.obsah-down{
height: 8px;
background: url(images/obsah-down.gif) no-repeat top left;
margin-bottom: 20px;
}
.obsah-stred{
background: url(images/obsah-stred.gif) repeat-y left;
padding: 10px;
width: 537px;
min-height: 550px;
}
.obsah-stred p{
margin: 0px;
padding: 10px 0px 10px 0px;
}

.obsah-stred h1{
border-bottom: #999999 dashed 1px;
color: #ffb600;
font-size: 24px;
padding: 10px 3px 10px 5px;
margin: 0px 0px 10px 0px;
}
.obsah-stred h2{
color: #ffb600;
font-size: 18px;
padding: 10px 3px 0px 5px;
margin: 0px;
}

.clanek-info{
border: solid 1px #999999;
border-left: none;
border-right: none;
background: #E5E5E5;
font-size: 12px;
padding: 2px;
margin: 5px 0px 5px 0px;
}

.soubor{
width: 100px;
height: 160px;
display: block;
text-align: center;
float: left;
}
.soubor a .soubor-nazev{
color: #000000;
text-decoration: none;
}
.soubor a:hover .soubor-nazev{
text-decoration: underline;
}
.soubor-nazev{
font-size: 10px;
}

.navigace-top{
margin: 0px 0px 10px 0px;
}

.navigace-top-polozka{
margin: 0px 10px 0px 0px;
text-decoration: none;
}

.navigace-top-polozka a{
color: #000000;
text-decoration: none;
font-size: 12px;
}
.navigace-top-polozka a img{
margin: 0px 4px 0px 0px;
}

.navigace-top-polozka a:hover{
text-decoration: underline;
}
/*########################################################
Levé menu - první vrstva
########################################################*/

#left{
background: url(images/logo_down.jpg) top right no-repeat;
width: 225px;
height: 300px;
padding: 50px 0px 150px 30px;
margin: 0px;
float: left;
color: #FFFFFF;
}

#left ul{
display: block;
width: 208px;
padding: 0px;
margin: 0px 0px 10px 0px;
list-style: none;
}
#left ul li{
display: block;
width: 208px;
padding: 0px;
margin: 0px;
}
#left ul li a{
display: block;
height: 16px;
width: 178px;
background: url(images/left_menu_1.jpg) top right no-repeat;
padding: 0px 0px 0px 30px;
margin: 0px;
font-size: 11px;
text-decoration:none;
color: #000000;
}
#left ul li a:hover{
color: #777777;
}
#left ul li a.active{
background: url(images/left_menu_1.jpg) bottom right no-repeat;
}
#left ul li a.active:hover{
color: #777777;
}


/*########################################################
Levé menu - druhá vrstva
########################################################*/

#left ul li ul{
margin: 0px 0px 0px 0px;
}

#left ul li ul li{
display: block;
width: 181px;
padding: 0px;
margin: 0px 0px 0px 27px;
}
#left ul li ul li a{
display: block;
height: 16px;
width: 151px;
background: url(images/left_menu_2.jpg) bottom right no-repeat;
padding: 0px 0px 0px 30px;
margin: 0px;
font-size: 11px;
text-decoration:none;
color: #FFFFFF;
}
#left ul li ul li a:hover{
color: #777777;
}
#left ul li ul li a.active{
background: url(images/left_menu_2.jpg) top right no-repeat;
}
#left ul li ul li a.active:hover{
color: #777777;
}



/*########################################################
Horní menu
########################################################*/

#menu-top{
width: 557px;
}

.menu-top-stred,.menu-top-left,.menu-top-right{
display: block;
height: 21px;
margin: 0px;
padding: 0px;
text-align: center;
}
.menu-top-stred{
width: 557px;
background: url(images/menu-top-stred.gif) repeat-x bottom;
margin: 0px 88px 7px 0px;
}
.menu-top-left{
width: 5px;
float: left;
background: url(images/menu-top-left.gif) no-repeat bottom;
}
.menu-top-right{
width: 5px;
float: right;
background: url(images/menu-top-right.gif) no-repeat bottom;
}


.menu-top-stred ul{
padding: 0px;
margin: 0px;
list-style: none;
}
.menu-top-stred ul li{
display: block;
width: 90px;
padding: 0px;
margin: 0px;
display: inline;
}
.menu-top-stred ul li a{
height: 16px;
padding: 0px;
margin: 0px 15px 0px 15px;
font-size: 12px;
text-decoration:none;
text-align: center;
color: #000000;
}
.menu-top-stred ul li a:hover{
color: #777777;
}
.menu-top-stred ul li a.active{
color: #777777;
}
.menu-top-stred ul li a.active:hover{
color: #000000;
}