/*
* 2007-06-17 by Petr Jirik. all rights reserved.
*/

/* 1. general rules */
body {margin: 0 auto; padding: 0; font-family: tahoma, verdana, helvetica, sans-serif; color: rgb(30,30,30); 
font-size: 12px;}
a[href^='http:'] {background-image: url("../img/link-out.gif"); padding-right: 10px; background-position: top right; background-repeat: no-repeat;}
a[href^='mailto:'] {background-image: url("../img/link-mail.gif"); padding-right: 10px; background-position: top right; background-repeat: no-repeat;}

a img {border: 0;}
ul {padding-left:15px; margin-left: 0;}
ol {padding-left: 21px; _padding-left: 21px; margin-left: 0; margin-top: 0;}
ol li {margin:0;padding:0; font-size: 10px;}
li {text-align: justify; margin-bottom: 3px;}
/*.inlineimg {vertical-align: middle;}*/

/* 2. layout + links */
#page {float: none; margin: 0px auto;
text-align:left;}
#logo {display: none;}
#logo_print{font-size: 18px; color: rgb(75,67,108)}
#dec {display: none;}
/* menu */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { display: none;
 }

#layer_right{display:none;}
#search_tab {display: none}

/* ###################### TREE STYLE ####################################### */
#tree{display: none;}
#global_links{color: rgb(44,107,149); font-size: 14px; text-align: left; padding-bottom: 3px; 
            margin-bottom: 6px; padding-top: 20px;}


.search_result{padding: 10px; margin-bottom: 5px; color: rgb(30,30,30);
width: auto; font-size: 12px; text-align: justify;}
.search_result a{}
.search_result a:hover{color: rgb(44,107,149);}
#search_message{font-size: 14px; color: rgb(30,30,30); padding: 10px;}

#header{float: left; width: 900px; height: 3px;  margin: 0 auto;text-align: left;
      background-repeat: repeat-y; background-image: url(../img/header.jpg);
      }

#body{float: left; text-align: left;
      padding: 0 14px 0 14px; width: 872px;
      }
#main {width: 860px; margin-top: 10px;}
#main td{width: 33%; vertical-align: top; border-right: 1px solid rgb(220,220,220); padding: 10px; padding-top: 0;}
#footer{float: left; width: 900px; height: 35px; text-align: left;
      border: 0;
      }


#content{float: left; border:0; margin: 0 auto; font-style: normal; 
font-family: tahoma, verdana, helvetica, sans-serif; font-size: 12px;
}

#frame_right{display: none;}

#frame{float: none; width: 820px; padding: 18px;
font-size: 13px; margin: 0;}
#frame p {margin-top: 10px;}
#frame p a {font-size: 12px;}
#frame a {text-decoration: underline;}
#frame img {position:static; border: 0; margin-right:5px; margin-bottom: 5px;}

#show_page {float: none; text-align: justify; margin-bottom: 10px; color: rgb(30,30,30);}
#section_name {color: rgb(30,30,30); font-size: 14px; text-align: left; 
              margin-bottom: 6px; font-weight: bold;}
#show_page a{text-decoration: underline; color: #000; font-weight: normal; font-size: 12px;}
#show_page a:hover{color:#999; text-decoration: none;}
#submenu_content{float: left; width: 850px; height: auto; 
                padding: 0;color: #111;  border-top: 1px solid #ccc;
								text-align: left; font-size: 10px;}
#submenu_content a img{float: none; width: 255px; border: 1px solid rgb(230,230,230);}
#submenu_content a:hover img{float: none; width: 255px; border: 1px solid rgb(193,155,58);}

.submenu_layout{float: left; width: 255px; height: expression(this.scrollHeight < 150? "150px" : "auto" ); min-height: 150px; 
              display: block; margin-top: 10px; margin-right: 20px; _margin: 8px; margin-bottom:0; text-align: justify;
              border-bottom: 1px solid rgb(210,210,210);}
.submenu_layout p{ color: white;}
.submenu_layout a{font-size: 10px; font-weight: normal;}
.submenu_layout a:hover{color: rgb(193,155,58);}
.submenu_name a{width: 100%; float: left; color: rgb(44,107,149); text-align: left; padding-bottom: 5px; font-size: 11px;}
#frame .submenu_layout a{text-decoration: none; font-weight: normal;}

#foot {position: static; margin-top: 0px; width: 100%; clear: both;color: #A48569;/*#9F8F5E*/; font-size: 10px;
color: #EEEEEE;}

.vtop td{vertical-align: top; border-bottom: 1px solid rgb(210,210,210); padding: 3px 0 3px 0px;}

#copyright {float: left; text-align: left; width: 100%; margin: 3px 0 10px 20px; color: #ccc;}
#copyright a {color: #D0D0D0;}


a {text-decoration: none; font-weight: bold; color: rgb(75,67,108);}
a:hover {color: gray; background-color: transparent;}
.odkazy {font-size: 10px; text-decoration: underline; font-weight: normal;}

/* 3. text styling rules */
p {display: block; padding: 0; margin: 0 0 4px 0; /*text-indent: 20px;*/}
.b {font-weight: bold;}
.up {font-size: 6px;}
h1, h2, h3, h4, h5, h6 {padding-top: 10px; padding-bottom: 6px; margin: 0;}
h3,h4,h5{color: #e8e8e8;/*#B17C2C;*/}
h3{font-size: 16px;}
h4{font-size: 14px; text-decoration: underline;}
h5{font-size: 12px;}
h6{font-size: 10px; text-decoration: underline;}


/* tables */
table {margin: 3px;}
tr.odd {background-color: #4A5778;}
tr {}
th {padding: 2px;}
td {padding: 2px; vertical-align: top;}
td.b {font-weight: bold;}
td.tran {background-color: transparent;}
.left {float: left; padding-right: 15px; _padding-bottom: 5px; padding-top: 10px;}
.leftnd {float: left; padding-left: 50px;}
.right {float: right; padding-left: 15px; _padding-bottom: 5px; padding-top: 10px;}
.clear {background-color: transparent;}
