/* styles */  
body, input, table, p, ul, li, td, tr, select, a, textarea, pre, code, dt, dd {font-family: "Arial CE", tahoma, sans-serif; font-size: 10px; color: #000000}
select, textarea, input {color:#333333 !important; line-height:normal}
body {background-color:#FFFFFF}					   

p, ul, ol   {color: #888888; margin-bottom: 2em; margin-top: 1em; margin-right:6px}


h2 {border-top:1px solid #E77919; margin-top: 4em }
h1 { font-size: 1em; color: #111111;  text-align: left; font-weight: normal; margin-bottom:1em; padding-bottom:3px }

li { list-style-image: url('../design/list_circle.gif'); margin-left:0; margin-right:20px; margin-bottom: 1em }
li ul li { list-style-image: url('../design/list_square.gif')} 
ul {margin-top:3em; margin-bottom:4em}

a { text-decoration:none; color: #E25A15 }
a:active { text-decoration:none;}
a:visited { text-decoration:none }
a:hover { text-decoration:none }

/* layout */
#container {position:relative; width: 900px; z-index:0 ;margin-left: auto; margin-right: auto; margin-top:15px; background-color:#FFFFFF}
#header {position: absolute; top: 0px; left: 0px; width: 900px; height: 60px; z-index: 8; background-color:#FFFFFF;}


#body {position: absolute; top: 40px; left: 0px; width: 900px; z-index: 3}
#main {width:900px;  height: 700px; padding: 0px; line-height: 1.1em; background-color:#FFFFFF }

#menu {position:absolute; top:0px; left:0px; width:100px; margin-top: 2px; margin-bottom: -4px;  z-index:4; padding: 0px}
#menu p, #menu a {font-size:9px; color:#666666 }
#menu p {margin-left:3px;}
#menu .navigation a {display:block; width:100px; color:#666666; font-size:9px; margin-top: 8px; padding-bottom: 2px; padding-top: 2px; border-bottom: 1px solid #D1D1D1}
#menu .navigation a:hover {color:#333333; background-color:#D1D1D1; text-decoration: none}
#actual  a {display:block; width:100px; color:#222222; font-size:10px; margin-top: 8px; margin-bottom: 2px; border-top: 2px solid #D1D1D1}
#actual  a:hover {color:#333333; background-color:#D1D1D1; text-decoration: none}

#nahledy {text-align: center; width: 892px; height: 280px; position: absolute; top: 325px; left: 0px; margin: 10px 0px 0px 0px; padding:4px; z-index: 3;  background-color: #FFFFFF;}

#box_L {text-align: left;  width:260px; padding: 130px 0px 0px 0px; position: absolute; top: 50px; left:   0px; z-index: 3;margin: 0px 0px 0px 0px; background-color: #FFFFFF;}
#box_S {text-align: justify; width:360px; height:470px; padding: 10px; position: absolute; top: 40px; left: 260px; z-index: 3;margin: 0px 0px 0px 0px; background-color: #FFFFFF;}
#box_R {text-align: right;  width:260px; height:470px; padding:  0px; position: absolute; top: 40px; left: 640px; z-index: 3;margin: 0px 0px 0px 0px; background-color: #FFFFFF;}

#obrazek {text-align: center; width:300px; height:335px; padding: 0px; position: absolute; top: 30px; left: 250px; z-index: 3;margin: 0px 0px 0px 0px; border-right: 2px solid #D1D1D1; background-color: #FFFFFF;}



#bottom {position:absolute; bottom:-5px; left:0px; width:900px; height:80px; z-index:4; background: url(../design/foot-fl.gif); background-repeat: no-repeat;}




/* classes */
.tlacitko {border:1px solid #D0D0D0; _border:0px; color: #333333; font-size: 9px; margin: 0px; background-color: #CFCED2; padding: 1px; _padding-top: 2px; background-image: url('../design/button_bg2.gif'); background-repeat: no-repeat; background-position: right bottom}
.navigation {margin: 60px 0px 40px 0px}