.input {
 height: 34px;
 padding: 5px;
 padding-top: 7px;
 border: 1px solid #999999;
 font-family: Arial, sans-serif;
 color: black;
 font-size: 13px;
 font-weight:  bold;
 float: left;
 margin-right: 20px;
 margin-left: 00px;
}

.button {
 height: 34px;
 font-family: Arial, sans-serif;
 background-image: url('images/bg10.gif');
 font-size: 13px;
 color: white;
 font-weight: bold;
 border: 0px solid white;
 float: left;
 margin-right: 5px;
}

.button2 {
 height: 34px;
 font-family: Arial, sans-serif;
 background-image: url('images/bg11.gif');
 font-size: 13px;
 color: white;
 font-weight: bold;
 border: 0px solid white;
 float: left;
}


.add {
 width: 25px;
 height: 34px;
 background-image: url('images/add.gif');
 float: left;
}

.help {
 width: 26px;
 height: 34px;
 background-image: url('images/help.gif');
 float: left;
}


.find {
 width: 27px;
 height: 34px;
 background-image: url('images/find.gif');
 float: left;
}

.find2 {
 width: 32px;
 height: 34px;
 background-image: url('images/find2.gif');
 float: left;
}

.dot {
 margin-top: 10px;
 margin-bottom: 3px;
 padding: 1px;
 background-image: url('images/hr.gif');
 background-repeat: repeat-x;
 font-size: 1px;
 clear: both;
}


#left-inner li {
 margin-top: 10px;
 list-style-image: url('images/li.gif');
}


body {
 margin-top: 0px;
 margin-bottom: 0px;
 mmargin-left: 5%;
 mmargin-right: 5%;
 padding: 0px;
 border: 0px;
 background-color: white;
 background-image: url('images/bg3.gif');
 background-repeat: repeat-x;
}


#top1 {
 height: 128px;
 background-image: url('images/bg0.gif');
 background-repeat: repeat-x;

}


#logo {
 width:  238px;
 height: 128px;
 background-image: url('images/logo.gif');
 float: left;
 position: relative;
 top: 0px;
 left: 19px;
}

#book {
 width:  105px;
 height: 128px;
 background-image: url('images/book.gif');
 float: left;
 position: relative;
 top: 0px;
 left: 20px;
}

#headline {
 float: right;
 padding-right: 20px;
 padding-left: 7px;
 font-size: 12px;
 font-family: Arial, sans-serif;
 color: #444444;
 font-weight: normal;
 position: relative;
 top: 69px;
}

#join {
 width: 230px;
 height: 25px;
 background-image: url('images/join2.gif');
 float: left;
 font-size: 12px;
 position: relative;
 top: 100px;
}

#home a {
 text-decoration: none;
}

#home a:hover {
 text-decoration: none;
}

#mail a {
 text-decoration: none;
}

#mail a:hover {
 text-decoration: none;
}

#home {
 width: 15px;
 height: 30px;
 float: right;
 background-image: url('images/home.gif');
 background-repeat: no-repeat;
 background-position: center 12;
 position: relative;
 top: 60px;
}

#mail {
 width: 15px;
 height: 30px;
 float: right;
 background-image: url('images/mail.gif');
 background-repeat: no-repeat;
 background-position: center 12;
 position: relative;
 top: 60px;

}

#main{
 background-image: url('images/bg7.gif');
 background-position: left top;
 background-repeat: repeat-x;
 border-left: 1px dotted #DDDDDD;
 border-right: 1px dotted #DDDDDD;
 padding-bottom: 70px;
 padding-left: 20px;
 padding-right: 20px;
}

#bottom{
 height: 76px;
 background-image: url('images/bg4.gif');
 bbackground-position: left top;
 background-repeat: repeat-x;
 border-left: 1px dotted #DDDDDD;
 border-right: 1px dotted #DDDDDD;
 padding-left: 20px;
 padding-right: 20px;
}



#left {
 width: 280px;
 float: left;
 font-family: Arial, sans-serif;
 color: #black;
 font-size: 13px;
 font-weight: normal;
 background-image: url('images/bg9.gif');
 background-position: left top;
 background-repeat: repeat-x;
 bborder-right: 1px dotted #E0E0E0;
}



#left-book {
 width: 122px;
 height: 21px;
 background-image: url('images/book2.gif');
 background-position: center top;
 background-repeat: no-repeat;
}


#left-inner {
 padding-left: 20px;
 padding-bottom: 20px;

 padding-top: 45px;
 font-family: Arial, sans-serif;
 color: #black;
 font-size: 13px;
 font-weight: normal;
 clear: both;
}

#left-bottom{
 height: 69px;
 background-image: url('images/bg4.gif');
 bbackground-position: left top;
 background-repeat: repeat-x;
 padding-left: 20px;
 padding-right: 20px;
}


#left-inner h3{
 font-family: Arial narrow, Arial, sans-serif;
 font-size: 18pt;
 font-weight: bold;
 color: #5384B1;
 line-height: 130%;
 margin: 0px;
 margin-bottom: 15px;
 padding: 0px;
 padding-bottom: 5px;
 padding-left: 8px;
 border-left: 6px solid #5384B1;
 border-bottom: 1px solid #CEDBE8;
 background-color: #F6F8FA;
 bbackground-image: url('images/bg9.gif');
}



#left-inner a{
 text-decoration: underline;
 color: #5384B1;
 font-weight: bold;
}

#left-inner a:hover{
 text-decoration: none;
 color: #222222;
}


#left-inner li{
 List-style-type: square;
}

#clear {
 clear: both;
 height: 1px;
}


.clear {
 clear: both;
 height: 1px;
}


#text-space {
 width: 20px;
 float: left;
}


#text {
 width: 600px;
 float: left;
 border-right: 1px dotted #E0E0E0;
 border-left: 1px dotted #E0E0E0;
 background-color: #FEF8E5;
 background-image: url('images/bg5.gif');
 background-position: left bottom;
 background-repeat: repeat-x;
 padding-bottom: 0px;
}


#text-inner {
 margin-left: 30px;
 margin-right: 20px;
 margin-top: 20px;
 font-family: Arial, sans-serif;
 color: black;
 font-size: 13px;
 line-height: 170%;
}

#text-inner a{
 font-family: Arial, sans-serif;
 color: #278CE2;
 font-weight: bold;
 text-decoration: underline;
}

#text-inner a:hover{
 color: black;
 font-weight: bold;
 text-decoration: none;
}


#ttext-inner h3{
 font-family: Arial narrow, Arial, sans-serif;
 font-size: 18pt;
 font-weight: bold;
 color: #F6C510;
 color: #DFB521;
 color: #666666;
 line-height: 130%;
 margin: 0px;
 margin-bottom: 15px;
 padding: 0px;
 padding-bottom: 5px;
 padding-left: 8px;
 border-left: 6px solid #666666;
}


#text-inner h3{
 font-family: Arial narrow, Arial, sans-serif;
 font-size: 18pt;
 font-weight: BOLD;
 color: white;
 line-height: 130%;
 margin: 0px;
 margin-bottom: 15px;
 padding: 0px;
 padding-bottom: 5px;
 padding-left: 8px;
 padding-top: 3px;
 border-bottom: 1px solid #F0F0F0;
 background-color: #F6F6F6;
 bbackground-image: url('images/bg13.gif');
 background-color: #FFFBF1;
 background-color: #FFFFFB;
 color: #5384B1;
 border-bottom: 5px solid #4E7EAB;
 border-top: 1px solid #F0F0F0;
}

#title-image {
 border-bottom: 5px solid white;
}

.image {
 border: 3px solid #666666;
 margin-bottom: 25px;
 margin-top: 5px;

}


.label {
 width: 100px;
 height: 34px;
 font-family: Arial, sans-serif;
 color: #5384B1;
 text-align: right;
 padding-top: 7px;
 font-size: 13px;
 font-weight: bold;
 float: left;
 margin-right: 20px;
}

.text-line {
 clear: both;
 height: 44px;
}

.label-find {
 width: 140px;
 height: 34px;
 float: left;
}

#pridej {
 position: relative;
 top: 5px;
 border: 1px solid #8FB9DF;
}

#width{
 width: 930px;
}

.table-line {
 font-family: Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: black;
 hheight: 38px;
 ppadding-bottom: 8px;
 padding: 0px;
 padding-left: 10px;
 border-bottom: 1px solid #E9E9E9;
 background-color: white;
 clear: both;
 margin-bottom: 2px;
}


.table-line2 {
 font-family: Arial, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: black;
 padding: 0px;
 padding-left: 10px;
 border-bottom: 1px solid #E9E9E9;
 background-color: white;
 clear: both;
}
.detail {
 font-family: Arial, sans-serif;
 font-size: 13px;
 font-weight: nomal;
 color: #222222;
 padding-top: 7px;
 float: left;
}



.detail a{
 text-decoration: underline;
 color: #5384B1;
}


.detail a:hover{
 text-decoration: none;
 color: #333333;
}


.anotace {
 font-family: Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 clear: both;
 padding: 10px;
}

.suggest {
                                font: 11px sans-serif;
                                width: 200px;
                                position: absolute;
                                border: 2px solid #ddd;
                                margin-left: 105px;
				margin-top: 0px;
                                padding: 2px;
                                list-style-type: none;
                                cursor: default;
                                visibility: hidden;
                                background-color : white;
                                display: block;


                        }
.suggest li, .suggestli  {
                                margin: 0;
                                padding: 2px;
                                cursor: pointer;
                                display: block;
                        }

.suggest li:hover, .suggestli:hover, .suggest li.hover {
                                color: #FFF;
                                background: #5786B2;
                        }

#temas, #umeleckysmers, #formas, #cass, #regions {
 font-size: 10px;
 line-height: 100%;
 color: #666666;
 margin-left: 0px;  
}

.table-line-l {
 width: 350px;
 margin-top: 6px;
 float: left;
} 




.table-line-r {
 width: 150px;
 float: left;
 margin-top: 6px;
} 



.c {
        text-align: center;
        margin-left: auto; margin-right: auto;
        font-size: 13px;
}

.podm {
  float: left;
  width: 100px;
  text-align: right;
  margin-right: 1em;
	
}


#nav li{
	display: inline;
	cursor: pointer;
	margin-right: 3px;
 text-weight: bold;
color: #5384B1;
}


#nav li ul{
	position: absolute;
	left: 0em;
	visibility: hidden;

}
#nav li ul li {
	margin-right: 1em;
	display: inline;
	font-family : Tahoma,Arial;
	font-size: 14px;
}

#nav li ul li:hover {
	margin-right: 1em;
	display: inline;
	font-family : Tahoma,Arial;
	font-size: 14px;
}

span {
 cursor: pointer;
}