body{
background: #ffffff;
font-family: trebuchet ms;
padding: 0;
margin: 0;
font-size: 12px;
}

img{
border: none;
}

#pruh{
background-color: #242021;
height: 220px;
display: block;
padding: 10px;
margin-bottom: 10px;
}
#top-header{
background: url(images/logo.gif) left bottom no-repeat;
height: 220px;
width: 900px;
}
#stred, #top-header, #footer{
width: 1000px;
margin: 0px auto 0px auto;
}

#obsah{
width: 520px;
padding: 0px 15px 20px 15px;
float: right;
}

#left{
width: 225px;
margin: 0px;
float: left;
}


#right{
width: 225px;
margin: 0px;
float: right;
}

.clear{
clear: both;
}

.center{
text-align: center;
}


h1, .nadpis{
background: url(images/odrazka.jpg) left center no-repeat;
padding: 10px 0px 10px 30px;
margin: 0;
font-size: 20px;
font-weight: normal;
}
.top-cara{
border-top: 1px solid #000000;
}

/*########################################################
Levé menu
########################################################*/


#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;
width: 178px;
padding: 3px 0px 3px 30px;
margin: 0px;
text-decoration: none;
color: #000000;
}
#left ul li a:hover{
text-decoration: underline;
}
#left ul li a.active{
background: url(images/left_menu_1.jpg) bottom right no-repeat;
}
#left ul li a.active:hover{
}


.kontakty-left{
margin-left: 30px;
}

/*########################################################
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;
width: 151px;
padding: 0px 0px 0px 30px;
margin: 0px;
text-decoration:none;
}
#left ul li ul li a:hover{
}
#left ul li ul li a.active{
}
#left ul li ul li a.active:hover{
}





/*########################################################
Pravé menu
########################################################*/


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

.info_grey{
color: #b5b5b5;
font-size: 11px;
text-align: center;
}


/*########################################################
Obsah
########################################################*/
#obsah a{
color: #ff0000;
text-decoration: underline;
}


/*########################################################
Systemove hlasky
########################################################*/
.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;
}

/*########################################################
ankety
########################################################*/

.anketa{
margin-left: 30px;
}

.anketa-otazka{
font-weight: bold;
margin-bottom: 10px;
}

.anketa-moznosti-blok{}

.anketa-moznosti-nazev{}
.anketa-moznosti-nazev a{
color: #000000;
}

.anketa-moznosti-pasek{
border: 1px solid #000000;
display: block;
height: 7px;
width: 200px;
}


.anketa-moznosti-value{
display: block;
height: 7px;
}


/*########################################################
formuláře
########################################################*/

.formular input , .formular textarea , .formular option , .formular select{
background: #ee2923;
color: #ffffff;
border: 0px;
}

/*########################################################
soubor
########################################################*/

.soubor{
width: 120px;
height: 120px;
display: block;
text-align: center;
float: left;
margin: 0px 5px 5px 0px;
}

.soubor_file_ramecek{
vertical-align: middle;
}
.soubor a .soubor-nazev{
color: #000000;
text-decoration: none;
}
.soubor a:hover .soubor-nazev{
text-decoration: underline;
}
.soubor-nazev{
font-size: 10px;
}

/*########################################################
rok - linky
########################################################*/
.rokLink_obal{
display: block;
float: right;
}
a.rokLink{
display: block;
height: 65px;
width: 50px;
float: right;
background: bottom left no-repeat;
margin-left: 5px;
}
a:hover{
background-position: top left;
}

.lang-menu{
display: block;
float: right;
color: #ffffff;
margin: 200px -100px 0px 0px;
}
.lang-menu a{
color: #ffffff;
font-size:12px;
}

.logo-menu{
display: block;
height: 100px;
width: 300px;
margin: 100px 0px 0px 20px;
float: left;
}
.logo{
text-decoration: none;
display: block;
height: 100px;
width: 300px;
}