html,body {
margin:0;
padding:0;
width:100%;
background-color:#3f3e3e;
}

#header-wrapper {
margin:0;
padding:0;
width:100%;
height:116px;
background-color:#FFFFFF;
}


#header{
margin:0 auto;
width:790px;
height:116px;
}

#header-menu{
margin:0 auto;
width:455px;
float:left;
height:20px;
padding:10px;
padding-top:15px;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
color:#999999;
}

#header-menu a{
   color:#999999;
   text-decoration:none;
}

#header-menu a:hover{
   color:#333333;
   text-decoration:underline;
}


#search{
margin:0 auto;
width:455px;
float:left;
padding:10px;
height:22px;
}

#search img{
float:right; 
margin: 0;
}

#search input{
height:17px;
border: 1px solid #999999;
float:right;
width:177px;
vertical-align:middle;
padding-top:3px;
padding-left:3px;
}



#login{
margin:0 auto;
width:475px;
float:left;
height:30px;
text-align:right;
}


#login a.ovalbutton{
background: transparent url('../media/login-button-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 22px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */
text-decoration: none;
}

#login a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color:#EEEEEE; /*button text color*/
}

#login a.ovalbutton span{
background: transparent url('../media/login-button-right.gif') no-repeat top right;
display: block;
padding: 3px 7px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

#login a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

#login a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: white;
}

#login .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 225px;
float:right;
}


#menu-wrapper {
margin:0;
padding:0;
width:100%;
height:31px;
background-image:url(../media/Black_menu_pattern.jpg);
background-repeat:repeat-x;
}

#content-wrapper {
 width:790px;
 margin:0 auto;
 background-color:#FFFFFF;
}

#content-wrapper  .button-wrapper {
 width:790px;
 float:left;
 padding-top:11px;
 background-color:#FFFFFF;
}

#content-wrapper  .button-wrapper2 {
 width:790px;
 float:left;
 background-color:#FFFFFF;
}

#content {
margin:0;
padding:0;
width:100%;
background-color:#3f3e3e;
float:left;
}

#content li{
margin:0;
padding:0;
padding-top:2px;
padding-left:2px;
}

#content ul{
margin:0;
padding:0;
padding-top:2px;
padding-left:30px;
}

#content table p{
margin:0;
padding:0;
}

#flash {
margin:0 auto;
padding:0;
width:790px;
height:120px;
background-image:url(../media/flash.jpg);
}

#menu-buttons {
margin:0 auto;
padding:0;
width:790px;
padding-top:3px;
background-color:#FFFFFF;
padding-bottom:3px;
height:150px;
}

#button1 {
	padding:0;
	width:380px;
	background-color:#FFFFFF;
	float:left;
	padding-left:10px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:10px;
}

#button11 {
	padding:0;
	width:380px;
	background-color:#FFFFFF;
	float:left;
	padding-left:10px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:10px;
}

#button2 {
	padding:0;
	width:380px;
	background-color:#FFFFFF;
	float:left;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:10px;
}

#button21 {
	padding:0;
	width:380px;
	background-color:#FFFFFF;
	float:left;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:10px;
}



#button1 .ovalbutton{
background: transparent url('../media/button-black-left-red.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 27px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: none;
color:#FFFFFF;
}


#button1 .ovalbutton span{
background: transparent url('../media/button-black-right-red.gif') no-repeat top right;
display: block;
padding: 5px 30px 5px 15px; /*Set 11px below to match value of 'padding-left' value above*/
}

#button1 .ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

#button1 .ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#ffffff;
}

#button1 .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 285px;
margin:0 auto;
height:27px;

}

#button11 a.ovalbutton{
background: transparent url('../media/button-black-left-red.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 27px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: none;
}

#button11 a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color:#FFFFFF; /*button text color*/
}

#button11 a.ovalbutton span{
background: transparent url('../media/button-black-right-red.gif') no-repeat top right;
display: block;
padding: 5px 30px 5px 15px; /*Set 11px below to match value of 'padding-left' value above*/
}

#button11 a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

#button11 a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#ffffff;
}

#button11 .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 285px;
margin:0 auto;
height:27px;

}


#button2 a.ovalbutton{
background: transparent url('../media/button-black-left-blue.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 27px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: none;
}

#button2 a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color:#FFFFFF; /*button text color*/
}

#button2 a.ovalbutton span{
background: transparent url('../media/button-black-right-blue.gif') no-repeat top right;
display: block;
padding: 5px 70px 5px 10px; /*Set 11px below to match value of 'padding-left' value above*/
}

#button2 a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

#button2 a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#ffffff;
}

#button2 .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 285px;
margin:0 auto;
height:27px;
}


#button21 a.ovalbutton{
background: transparent url('../media/button-black-left-blue.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 27px; /* Height of button background height */
padding-left: 25px; /* Width of left menu image */
text-decoration: none;
}

#button21 a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color:#FFFFFF; /*button text color*/
}

#button21 a.ovalbutton span{
background: transparent url('../media/button-black-right-blue.gif') no-repeat top right;
display: block;
padding: 5px 70px 5px 10px; /*Set 11px below to match value of 'padding-left' value above*/
}

#button21 a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

#button21 a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#ffffff;
}

#button21 .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 285px;
margin:0 auto;
height:27px;
}

/* navigation menu starts here */
#menu{
width:790px;
margin:0 auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:31px;

}

#menu ul{
 display:block;
 list-style:none;
}

#menu li {
 float:left;
 margin:0;
 padding:0;
 list-style:none;
}

#menu li a {
 padding-left:43px;
 padding-right:35px;
 padding-bottom:7px;
 padding-top:8px;
 float:left;
 color:#EEEEEE;
 text-decoration:none;
 font-weight:bold;
 background-image:url(../media/skalco_off.gif);
 background-repeat:no-repeat;
 background-position:31px 11px;
}

#menu li a:hover{
color:#f9b83a;
 background-image:url(../media/skalco_on.gif);
 background-repeat:no-repeat;
 background-position:31px 11px;
}

#menu .current{
 color:#f9b83a;

}

#menu .current a {
color:#f9b83a;
 background-image:url(../media/skalco_on.gif);
 background-repeat:no-repeat;
 background-position:31px 11px; 
}
/* end navigation menu */


#lista {
margin:0 auto;
width:790px;
height:16px;
background-image:url(../media/red_pattern.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
vertical-align:middle;
float:left;
}

#lista .first{
 width: 380px;
 margin:0;
 padding:0;
 height:10px;
 float:left;
 padding-left:15px;
}

#lista .second{
 width: 380px;
 margin:0;
 padding:0;
  height:10px;
   float:left;
   padding-left:15px;
}

#lista .third{
   width: 630px;
   margin:0 auto;
   padding:0;
   height:100%;
   float:left;
   padding-left:80px;
   padding-right:80px;
}

#body-parth {
margin:0 auto;
padding:0;
width:790px;
padding-bottom:15px;
padding-top:5px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
}

#body-parth2 {
margin:0;
width:630px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:80px;
padding-right:80px;
padding-bottom:15px;
padding-top:5px;
float:left;
}

#body-parth2 a{
  color:#ff1a00;
  text-decoration:underline;
  font-weight:bold;
}

#body-parth2 a:hover{
  color:#ff1a00;
  text-decoration:underline;
  text-decoration:none;
}

#body-parth2 h2{
color:#e5200d;
padding-top:5px;
padding-bottom:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

#body-parth2 h3{
color:#232323;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:0px;
padding-bottom:5px;
}


#body-parth .left-half{
margin:0;
padding:0;
width:380px;
float:left;
padding-right:5px;
padding-left:10px;
}

#body-parth .right-half{
margin:0;
padding:0;
width:380px;
float:left;
padding-right:10px;
padding-left:5px;
}

#right-half .viac-menej{
  color:#ff1a00;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  width:100%;
  text-align:left;
  padding:0;
  margin:0;
}

#right-half .viac-menej:hover{
  color:#ff1a00;
  text-decoration:underline;
  cursor:pointer;
  padding:0;
  margin:0;
}

#right-half p{
  padding:0;
  margin:0;
  padding-top:3px;
  padding-bottom:3px;
}

#footer {
margin:0 auto;
padding:0;
width:790px;
height:100px;
background-image:url(../media/footer.gif);
background-repeat:no-repeat;
background-position:top;
background-color:#3f3e3e;
float:left;
}

#footer .footer-text {
margin:0 auto;
padding:0;
width:790px;
height:70px;
padding-top:60px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-align:center;
float:left;
color:#FFFFFF;
}

#footer .footer-text a{
color:#FFFFFF;
text-decoration:none;
}

#footer .footer-text a:hover{
color:#FFFFFF;
text-decoration:underline;
}


#year-line{
  vertical-align:middle; 
  width:100%; 
  text-align:right;
  color:#f9220c;
   font-size:10px;
}

#year-line span{
  vertical-align:middle; 
  width:100%; 
  text-align:right;
  color:#f9220c;
  text-decoration:underline;
  cursor:pointer;
}

#year-line span:hover{
  vertical-align:middle; 
  width:100%; 
  text-align:right;
  color:#f9220c;
  text-decoration:none;
  cursor:pointer;
}

#month-line{
  vertical-align:middle; 
  width:100%; 
  text-align:right;
  color:#514d4c;
   font-size:10px;
}
#month-line span{
  vertical-align:middle; 
  width:100%; 
  text-align:right;
  color:#514d4c;
  text-decoration:underline;
  cursor:pointer;
  
  }
#month-line span:hover{
  vertical-align:middle; 
  width:100%; 
  text-align:right;
  color:#514d4c;
  text-decoration:none;
  cursor:pointer;
  }

/*  Navigator table starts here      */

#navigator-table{
	height:245px;
	width:375px;
}


#navigator-table .left-top{
background-image:url(../media/border-top-left.gif); 
background-position:left top;
background-repeat:no-repeat; 
font-size:5px; 
height:10px; 
width:10px;
}

#navigator-table .center-top{
border-top:1px solid #b3b3b3; 
font-size:5px; 
line-height:10px;
background-color:#f5f5f5;
}


#navigator-table .right-top{
 background-image:url(../media/border-top-right.gif); 
 background-repeat:no-repeat; 
 background-position:right top;
 font-size:8px;
 height:10px; 
 width:10px;
}

#navigator-table .left-middle{
 border-left:1px solid #b3b3b3;
 background-color:#f5f5f5;

}

#navigator-table .center-middle1{
   background-color:#f5f5f5;
   vertical-align:top;
   text-align:left;
}

#navigator-table .center-middle2{
   background-color:#f5f5f5;
   vertical-align:top;
   text-align:left;
}

#navigator-table .right-middle{
 border-right:1px solid #b3b3b3;
 background-color:#f5f5f5;
}

#navigator-table .left-bottom{
background-image:url(../media/border-bottom-left.gif); 
background-repeat:no-repeat; 
background-position:left bottom;
font-size:2px;
height:10px; 
width:10px;
padding:0;
margin:0;
}

#navigator-table .center-bottom{
border-bottom:1px solid #b3b3b3; 
font-size:2px;
background-color:#f5f5f5;
padding:0;
margin:0;
}

#navigator-table .right-bottom{
background-image:url(../media/border-bottom-right.gif); 
background-repeat:no-repeat;
background-position:right bottom;
font-size:5px;
height:10px; 
width:10px;
padding:0;
margin:0;
}


#center-middle-text1{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:none;
  color:#3f3c3c;
  margin:0;
  padding:0;
  padding-top:10px;
  padding-left:10px;
  height:210px;
}

#center-middle-text1 h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#d72f18;
  margin:0;
  padding:0;
  padding-top:10px;
}

#center-middle-text1 a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#d72f18;
}


#center-middle-text1 a:hover{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#d72f18;
  text-decoration:none;
}

#center-middle-text1 ul{
  margin:0;
  padding:0;
  text-decoration:none;
  font-weight:normal;
  padding-left:20px;
  list-style-image: url(../media/red_dot.gif);
  list-style-position:outside;
}

#center-middle-text1 li{
  margin:0;
  padding:1px;
  line-height:15px;
  vertical-align:middle;
  font-weight:normal;
  color:#3f3c3c;
}

#center-middle-text1 li a{
  margin:0;
  padding:1px;
  line-height:15px;
  vertical-align:middle;
  font-weight:normal;
  color:#3f3c3c;
  text-decoration:underline;
}

#center-middle-text1 li a:hover{
  margin:0;
  padding:1px;
  line-height:15px;
  vertical-align:middle;
  font-weight:normal;
  color:#3f3c3c;
  text-decoration:none;
}

#center-middle-text2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#3f3c3c;
  margin:0;
  padding:0;
  padding-top:10px;
  padding-left:10px;
  height:210px;
}

#center-middle-text2 a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#497eb4;
}

#center-middle-text2 h3{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:0;
  padding-top:0px;
  color:#497eb4;
}

#center-middle-text2 .linka{
 width:100%;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 text-align:right;
}

#center-middle-text2 a:hover{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#497eb4;
  text-decoration:none;
}

#center-middle-text2 ul{
  margin:0;
  padding:0;
  padding-left:20px;
  list-style-image: url(../media/blue_dot.gif);
  list-style-position:outside;
}

#center-middle-text1 li{
  margin:0;
  padding:1px;
  line-height:15px;
  vertical-align:middle;
  font-weight:normal;
}

#center-middle-text2 li a{
  margin:0;
  padding:1px;
  line-height:15px;
  vertical-align:middle;
  font-weight:normal;
  color:#3f3c3c;
  text-decoration:underline;
}

#center-middle-text2 li a:hover{
  margin:0;
  padding:1px;
  line-height:15px;
  vertical-align:middle;
  font-weight:normal;
  color:#3f3c3c;
  text-decoration:none;
}

/*  Navigator table ends here      */



/*  Novinky table starts here      */
#left-half table{
  width:375px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#232323;
  margin-bottom:10px;
}

#left-half p{
  margin:0;
  padding:0;
}

#left-half a{
  color:#ff1a00;
  text-decoration:none;
  font-weight:bold;
}

#left-half a:hover{
  color:#ff1a00;
  text-decoration:underline;
}

#left-half .viac-menej{
  color:#ff1a00;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  width:100%;
  text-align:left;
  padding:0;
  margin:0;
}

#left-half .viac-menej:hover{
  color:#ff1a00;
  text-decoration:underline;
  cursor:pointer;
  padding:0;
  margin:0;
}

#left-half .datum{
  color:#ff1a00;
  text-decoration:none;
  font-weight:bold;
  vertical-align:top;
  text-align:center;
  width:40px;
  background-color:#f5f5f5;
}



#left-half .left-top{
background-image:url(../media/border-top-left.gif); 
background-position:left top;
background-repeat:no-repeat; 
font-size:5px; 
height:10px; 
width:10px;
}

#left-half .center-top{
border-top:1px solid #b3b3b3; 
font-size:5px; 
background-color:#f5f5f5;
}


#left-half .right-top{
 background-image:url(../media/border-top-right.gif); 
 background-repeat:no-repeat; 
 background-position:right top;
 font-size:8px;
 height:10px; 
 width:10px;
}

#left-half .left-middle{
 border-left:1px solid #b3b3b3;
 background-color:#f5f5f5;

}

#left-half .center-middle{
   background-color:#f5f5f5;
   vertical-align:top;
   text-align:left;
   background-color:#f5f5f5;
}

#left-half .right-middle{
 border-right:1px solid #b3b3b3;
 background-color:#f5f5f5;
}

#left-half .left-bottom{
background-image:url(../media/border-bottom-left.gif); 
background-repeat:no-repeat; 
background-position:left bottom;
font-size:2px;
height:10px; 
width:10px;
padding:0;
margin:0;
}

#left-half .center-bottom{
border-bottom:1px solid #b3b3b3; 
font-size:2px;
background-color:#f5f5f5;
padding:0;
margin:0;
}

#left-half .right-bottom{
background-image:url(../media/border-bottom-right.gif); 
background-repeat:no-repeat;
background-position:right bottom;
font-size:5px;
height:10px; 
width:10px;
padding:0;
margin:0;
}

/*  Novinky table ends here      */


/*  Ponuky table Starts here      */

#ponuky-table{
  width:375px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#ffffff;
  margin-bottom:10px;
}

#ponuky-table h2{
  font-size:13px;
  color:#ff1a00;
  padding:0;
  margin:0;
  padding-top:5px;
  padding-bottom:5px;
}

#ponuky-table a{
  color:#ff1a00;
  text-decoration:none;
  font-weight:bold;
}

#ponuky-table a:hover{
  color:#ff1a00;
  text-decoration:underline;
}


#ponuky-table .left-top{
background-image:url(../media/black_border_left_top.gif); 
background-position:left top;
background-repeat:no-repeat; 
font-size:5px; 
height:10px; 
width:10px;
}

#ponuky-table .center-top{
border-top:1px solid #0b0b0b; 
font-size:5px; 
background-color:#302f2f;
}


#ponuky-table .right-top{
 background-image:url(../media/black_border_right_top.gif); 
 background-repeat:no-repeat; 
 background-position:right top;
 font-size:8px;
 height:10px; 
 width:10px;
}

#ponuky-table .left-middle{
 border-left:1px solid #0b0b0b;
 background-color:#302f2f;

}

#ponuky-table .center-middle{
   vertical-align:top;
   text-align:left;
   background-color:#302f2f;
}

#ponuky-table .right-middle{
 border-right:1px solid #0b0b0b;
 background-color:#302f2f;
}

#ponuky-table .left-bottom{
background-image:url(../media/black_border_left_bottom.gif); 
background-repeat:no-repeat; 
background-position:left bottom;
font-size:2px;
height:10px; 
width:10px;
padding:0;
margin:0;
}

#ponuky-table .center-bottom{
border-bottom:1px solid #0b0b0b; 
font-size:2px;
background-color:#302f2f;
padding:0;
margin:0;
}

#ponuky-table .right-bottom{
background-image:url(../media/black_border_right_bottom.gif); 
background-repeat:no-repeat;
background-position:right bottom;
font-size:5px;
height:10px; 
width:10px;
padding:0;
margin:0;
}

/*  Ponuky table ends here      */

#zverejnene_dokumenty li a{
margin:0;
padding:0;
padding-top:2px;
padding-left:15px;
background-image:url(../media/red_arrow.gif);
background-repeat:no-repeat;
background-position:left bottom;
text-decoration:none;

color:#FF0000;
}

#zverejnene_dokumenty li a:hover{
background-image:url(../media/red_arrow_hover.gif);
background-repeat:no-repeat;
background-position:left bottom;
color:#dc0700;
text-decoration:underline;
}

#zverejnene_dokumenty{
margin:0;
padding:0;
list-style:none;
padding-left:20px;
font-weight:bold;
font-size:12px;
}

/* admin window starts  */

    td.shadow-filled-topl { padding:0; margin:0; width: 16px; height: 16px; background: url(../media/border/shadow-filled-topl.gif) no-repeat; font-size:10px;}
    td.shadow-filled-topr { padding:0; margin:0; width: 16px; height: 16px; background: url(../media/border/shadow-filled-topr.gif) no-repeat; font-size:10px;}
    td.shadow-filled-top { padding:0; margin:0; height: 16px; background: url(../media/border/shadow-filled-top.gif) repeat-x; font-size:10px;}
    td.shadow-botl { width: 16px; height: 16px; background: url(../media/border/shadow-botl.gif) no-repeat;}
    td.shadow-topl { width: 16px; height: 16px; background: url(../media/border/shadow-topl.gif) no-repeat;}
    td.shadow-topr { width: 16px; height: 16px; background: url(../media/border/shadow-topr.gif) no-repeat;}
    td.shadow-botl { width: 16px; height: 16px; background: url(../media/border/shadow-botl.gif) no-repeat;}
    td.shadow-botr { width: 16px; height: 16px; background: url(../media/border/shadow-botr.gif) no-repeat;}
    td.shadow-top { height: 16px; background: url(../media/border/shadow-top.gif) repeat-x;}
    td.shadow-bot { height: 16px; background: url(../media/border/shadow-bot.gif) repeat-x;}
    td.shadow-l { width: 16px; background: url(../media/border/shadow-l.gif) repeat-y;}
    td.shadow-r { width: 16px; background: url(../media/border/shadow-r.gif) repeat-y;}
    td.shadow-topic-l { padding:0; margin:0; width: 16px; background: url(../media/border/shadow-topic-l.gif) repeat-y;}
    td.shadow-topic-c { padding-left:5px; margin:0; height:24px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; vertical-align:top; font-size:12px; background-color:#969696; text-align: left; }
    td.shadow-topic-r { padding:0; margin:0; width: 16px; background: url(../media/border/shadow-topic-r.gif) repeat-y;}
    td.shadow-center { background-color: #ffffff; border: 4px solid white; }
    td.shadow-menu-l { width: 12px;  background: url(../media/border/shadow-menu-l.gif) no-repeat;}
    td.shadow-menu-c { height: 30px; background-color:#969696; padding-left: 0px;}
    td.shadow-menu-r { width: 12px;  background: url(../media/border/shadow-menu-r.gif) no-repeat;}
	
.tiny-title{
  border: 1px solid silver;
  width:100%;
}	

.tiny-button{
  border: 1px solid silver;
  width:100px;
}	

.tiny-nadpis{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
height:15px;
padding-top:3px;
padding-bottom:3px;
}

.UpAndDown{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
border:1px solid gray;
}


#page_tree{
  height:100%;
  width:630px;
}
	
/* admin window ends */
