/*
* 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:'] {padding-right: 10px; background-position: top right; background-repeat: no-repeat;}
a[href^='mailto:'] {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; margin-top: 3px;}
/*.inlineimg {vertical-align: middle;}*/

/* 2. layout + links */
#page {float: none; overflow: hidden; width: 1000px; margin: 0px auto; 
text-align:left; background-repeat: no-repeat;}
#head {float: left; position: static; width: 1000px; background-color: #fff; z-index: 10000;}
#logo {float: left; width: 1000px; height: 150px; background-image: url(../img/logo.jpg); background-repeat: no-repeat;
      margin: 0px 0px 0px 0px;}
#logo .logo_url{float: left; width: 150px;  height: 150px;}  
#logo_print{display: none;}
#dec {float: left; }
#image_rotate {margin:0;}
#image_rotate img{border: 1px solid rgb(75,67,108)}

#dec2 {float: left; margin: 30px 0 0px 0px; height:160px;}
#dec2 applet{border: 1px solid rgb(75,67,108);}

/* menu */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 10px;
 }

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 width: 872px;
 
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 1099;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 1098;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li a {
 display: block;
 padding: 4px 13px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

  ul.dropdown li a {color: #222; border-right: 1px solid rgb(210,210,210);}
  
  ul.dropdown li a:hover {color: #fff;}
  
  
	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {
	}
	ul.dropdown ul a {
	 font-family: tahoma, verdana, helvetica, sans-serif;
	 font-size: 11px;
	 font-weight: normal;
	 text-align: left;
	 padding: 4px 5px 4px 13px;
	 width: 209px;/* Especially for IE */
   background-color: rgb(142,204,255); 
   border-bottom: 1px solid rgb(232,234,233);
   border-left: 1px solid rgb(232,234,233);
   margin-left: -1px;
   margin-top: 0px;
   opacity: 0.95;  
   filter: alpha(opacity=95);  
   -moz-opacity: 0.95;  
   -khtml-opacity: 0.95;  
	}

	ul.dropdown ul a:hover {
	color: #fff;
   background-color: rgb(75,67,108); 
	}

	ul.dropdown a.open {
	 background-color: #fff;
	 color: #000;
	}

	ul.dropdown ul a.open {
	 background-color: #fff;
	 color: #000;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 color: rgb(75,67,108);
	}

	ul.dropdown ul li:hover > a.dir {
	 background-color: #76b900;
	 color: #fff;
	}
/* end of menu */

#layer_right{float: right; width: 220px; height: 20px; margin-top: 0px; margin-left: 20px;}
#lang {float: right; display: inline; margin: 0; padding: 0; height: 12px; text-align: right;
      }
#lang a img{}
#lang a{float: left; margin-right: 8px;}
#print {float: right; height: 15px; width: 15px; font-size: 10px; text-align: right; margin: 10px 0px 80px 0px;}
#print a{color: gray;}

#search_tab {float: left; text-align: right;
             margin-top: 0px;}
#search_tab form {margin: 0; padding: 0;}
#search_tab table {padding: 0;height: 25px;}
#search_tab td {}
#search_tab .search{width:145px; padding: 3px; font-size: 11px; border: 1px solid rgb(132,132,132);}
#search_tab .search_submit {width: 50px; margin-left: 3px; padding: 2px; border: 1px solid gray; font-size: 11px;}

/* ###################### TREE STYLE ####################################### */
#tree{width: 98%; padding: 3px; font-size: 10px; margin-top: 10px;}
#tree a {color: rgb(44,107,149);}
#tree a:hover {color: rgb(44,107,149); text-decoration: underline;}
.highlight{text-decoration: underline; color: #333;}
#tree_level_1_main{width: 100%; float: none; padding: 4px 4px 4px 0px;}
#tree_level_1_main_without_submenu{width: 100%; float: none; padding: 4px 4px 4px 0px;}
#tree_level_1{width: 100%; color: rgb(193,155,58); float:left; padding: 4px 4px 4px 0px; }
#tree_level_2_main {text-align: left; background-image: url('../img/tree_main.png'); background-position: left top; background-repeat: no-repeat;
                    padding: 0 3px 3px 17px; margin-left: 5px; line-height: 13px;}
#tree_level_2_end{background-repeat: no-repeat; line-height: 13px;
              background-image: url('../img/tree_end.png'); padding: 0 3px 3px 17px; margin-left: 5px;}
#tree_level_2_main_end{background-repeat: no-repeat; background-image: url('../img/tree_end.png'); 
                  padding: 0 0px 3px 17px; margin-left: 5px; line-height: 13px;}
#tree_level_2_main_without_submenu{background-repeat: no-repeat; background-image: url('../img/tree_main.png'); 
                  padding: 0 0px 3px 17px; margin-left: 5px; line-height: 13px;}
#tree_level_2_end_without_submenu{background-repeat: no-repeat; background-image: url('../img/tree_end.png'); 
                  padding: 0 0px 3px 17px; margin-left: 5px; line-height: 13px;}

#tree_level_3_main{background-repeat: no-repeat; line-height: 13px;
              background-image: url('../img/tree2_main.png'); padding: 0 0px 4px 33px; margin-left: 5px;}
#tree_level_3_main_end{background-repeat: no-repeat; line-height: 13px;
              background-image: url('../img/tree2_main.png'); padding: 0 0px 4px 33px; margin-left: 5px;}

#tree_level_3_end{background-repeat: no-repeat; line-height: 13px;
              background-image: url('../img/tree2_end.png'); padding: 0 0px 4px 33px; margin-left: 5px;}
#tree_level_3_end_without_submenu{background-repeat: no-repeat; line-height: 13px;
              background-image: url('../img/tree2_end_without_submenu.png'); padding: 0 0px 3px 30px; margin-left: 5px;}
#tree_level_3_main_without_submenu{background-repeat: no-repeat; line-height: 13px;
              background-image: url('../img/tree2_main_without_submenu.png'); padding: 0 0px 3px 30px; margin-left: 5px;}


              
#logout {float: right; margin: 5px;}
#admin_menu {float: none;}
#delete_img {position: absolute; margin-left: -60px;  background-color: #fff; padding: 3px; border: 1px solid gray;}
#page_form{float: none; border: 1px solid gray; color: #000; width: 100%; background-color: #fff;}
#page_form td {}
#page_form textarea{border: 1px solid rgb(210,210,210); width: 100%;}
#page_form input{border: 1px solid rgb(210,210,210);}
#page_form .action_submit {border: 1px solid black; margin-top: 10px; background-color: red; color: #fff; width: 150px;}
#page_form a {color: red;}
#nahled {font-size: 14px; font-weight: bold; padding: 18px; width: 100%;}


#form_email{margin-top:20px; margin-bottom:20px; padding:0px; width: 75%; border: 1px solid rgb(230,230,230); color: #fff;}
#form_email td{vertical-align:middle; background-color: #15273d; padding: 6px;}
#form_email td input {float: right; background-color: #e8e8e8;}
#form_email input{width: 99%;border: 1px solid rgb(80,80,80);}
#form_email textarea{width: 99.5%;border: 1px solid rgb(80,80,80); background-color: #e8e8e8; font-family:tahoma, verdana, sans-serif; font-size: 11px;}

#required {font-weight: bold;}
#not_required {font-weight: normal;}

#login_form{width: 200px; margin: 30px;border: 1px solid gray; padding: 5px;}
#login_form td{padding: 4px;}
#login_form input{border: 1px solid gray; padding: 3px;}
#login_submit_button {width: 100%;}

#new, #delete {margin: 5px; float: right;}

#news {float: left; width: 360px; padding: 10px 0 10px 22px;}
#news_headline{color: rgb(44,107,149); font-size: 14px; text-align: left; margin-bottom: 5px;}
.news_main {margin-bottom: 5px; padding-bottom: 10px;
            margin-bottom: 8px; border-bottom: 1px solid rgb(227,230,234);}
.news_main a{color: rgb(193,155,58); font-weight: normal;}
.new_main b{font-size: 14px;}
.news_headline{color: rgb(44,107,149); font-size: 14px; text-align: left; margin-bottom: 5px;}

#more {margin-left: 317px; height: 15px;padding-left: 20px; background-image: url(../img/more.jpg); 
      background-repeat: no-repeat;}
#more a{color: rgb(44,107,149);}
#more a:hover{color: rgb(193,155,58);}
#navigation{position: relative; color: rgb(44,107,149); font-size: 14px; text-align: left; padding-bottom: 3px; 
            margin-top: 4px; border-bottom: 1px solid rgb(44,107,149);}
#global_links{color: rgb(44,107,149); font-size: 14px; text-align: left; padding-bottom: 3px; 
            margin-bottom: 6px; padding-top: 20px;}

.admin_news{width: 100%;border: 1px solid gray; margin-bottom: 10px;}
.admin_news td{vertical-align: top; padding: 4px;}
.admin_news_menu a{color: black;}
.admin_news_headline{width: 300px; font-weight: bold; font-size: 14px;}
.admin_news_menu{width:64px; text-align: center; background-color: rgb(210,210,210); border-left: 1px solid gray;}

.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;}


#body{float: left; display: block; margin: 0 auto;text-align: left;
      padding: 0 14px 0 14px; width: 972px; margin-top: 155px;
      }
#section_image{float: left; overflow: visible; width: 972px; margin: 0 auto;text-align: left;
      background-repeat: repeat-y; 
      margin: 0; padding: 0; border-bottom: 1px solid rgb(210,210,210);}
#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;}

#content{float: left; display: block; width:100%; border: 0; margin: 0 auto; font-style: normal; margin-top: 0px; 
font-family: tahoma, verdana, helvetica, sans-serif; font-size: 11px; height: expression(this.scrollHeight < 660? "660px" : "auto" ); min-height: 660px;
background-image: url(../img/background.jpg);
      -moz-border-radius: 10px;
      border-radius: 0 0 10px 10px;  
      -moz-box-shadow: 0 0 10px #888;
      -webkit-box-shadow: 0 0 10px #888;
      box-shadow: 0 0 1px #888;
}
#fixme {position: relative; left: expression( ( -500 + ( ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) / 2 ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: 0px; z-index: 99; 
}
#fixme3 {position: relative; left: 50%; top: 120px; margin-left: 160px; width: 276px;
           opacity: 0.95;  
   filter: alpha(opacity=95);  
   -moz-opacity: 0.95;  
   -khtml-opacity: 0.95;  
} 

div > div#fixme { position: fixed; }
div > div#fixme2 { position: fixed; }
div > div#fixme3 { position: fixed; }


#menubar {float: left;
      position: relative;
      z-index: 100;
      top: 0px;
      margin-left: 14px;
      margin-bottom: 0px;
      padding: 0 14px 0 14px; width: 944px;
      -moz-border-radius: 10px;
      border-radius: 10px 10px 0px 0px;  
      -moz-box-shadow: 0 0 10px #888;
      -webkit-box-shadow: 0 0 10px #888;
      box-shadow: 0 0 1px #888;
      background-color: rgb(123,208,255);
}

#frame_right{float: left; width: 240px; font-size: 11px; 
color: rgb(74,87,120); padding: 5px; margin-top: 10px; padding-left: 10px;}
#frame_right p{margin:0;}
#frame_right a{font-weight: normal;}
#frame_right a:hover{color: #999;}

#frame{float: left; width: 650px; padding: 18px; font-size: 13px; margin: 0; margin-top: 10px; margin-bottom: 10px; }
#frame p {}
#frame p a {font-size: 12px;}
#frame img {position:static; border: 0; margin-top: 10px; margin-right:5px; 
      -moz-border-radius: 10px;
      border-radius: 10px;  
      -moz-box-shadow: 0 0 5px #888;
      -webkit-box-shadow: 0 0 5px#888;
      box-shadow: 0 0 5px #888;
}

#show_page {float: left; text-align: justify; background-color: transparent; margin:0; margin-bottom: 30px; 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{color: #000; font-weight: normal;}
#show_page a:hover{color:#333; text-decoration: underline;}
#submenu_content{float: left; width: 550px; 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(130,130,130);}

.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;}
.submenu_layout a:hover{color: rgb(30,30,30);}
.submenu_name a{width: 100%; font-weight: bold; float: left; color: rgb(44,44,44); text-align: left; padding-bottom: 5px; font-size: 11px;}
#frame .submenu_layout a{text-decoration: none; font-weight: bold;}

#foot {color: #A48569;/*#9F8F5E*/; font-size: 10px; height: 20px; background-image: url(../img/footer.jpg); width: 900px;
color: #EEEEEE; margin: 0 auto; padding-top: 5px;}

.vtop td{vertical-align: top; border-bottom: 1px solid rgb(210,210,210); padding: 3px 0 3px 0px;}

#menuBottom {margin-left: 20px; float: left; width: 100%; font-size: 10px;}
#menuBottom .inner a{float: left; color: #D0D0D0;}
#menuBottom .inner a:hover{color: #FFF}
#menuBottom .inner_active a{float: left; color: #A0A0A0;}
#menuBottom .inner_active a:hover{color: #FFF}

#menuBottom .separator {float: left; margin: 0 5px 0 5px;}

#copyright {float: left; text-align: right; width: 880px; color: #aaa; margin-top: 3px;}
#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;}

.suggest {
  position: relative;
  background-color: #fff;
  z-index: 6000;
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 150%;
  cursor: default;
  visibility: hidden;
  border: 1px solid #ddd;
}
.suggest li {padding: 0 3px 0 3px;}
.suggest li:hover {background-color: #ccc;}



/* tables */
table {}
tr.odd {background-color: #4A5778;}
tr {padding:0;margin:0;}
th {}
td {padding:0; margin: 0;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;}
.hidden {display: none;}
.save input {margin-right: 5px; padding: 3px; line-height: 15px;}

.reference {border-top: 1px solid gray; border-left: 1px solid gray;}
.reference td{border-bottom: 1px solid gray; text-align: left; border-right: 1px solid gray; padding: 5px;}

.kontakty {border-top: 1px solid gray; border-left: 1px solid gray;}
.kontakty td{border-bottom: 1px solid gray; text-align: left; border-right: 1px solid gray; padding: 5px; font-size: 10px;}
.vyrobky img {padding:0; border:0; margin:0;}
.vyrobky li {padding: 3px;}

.lupa img:hover{background-image: url(../img/lupa.gif); background-position: bottom left; background-repeat: no-repeat;}
/* webcam */
#webcam
{
position: relative;
text-align: center;
width: 240px;
height: 180px;
margin-left: auto;
margin-right: auto;
font-size: 10px;
}
#webcam img
{
border: 1px solid #000;
}
#webcam div
{
position: relative;
top: 210px;
left: 0px;
text-align: right;
width: 236px;
height: 13px;
background-color: white;
color: #000;
border: 1px solid black;
padding: 1px;
padding-right: 3px;
}
#webcam_navigation a
{
font-size: 10px;
text-decoration: none;
padding: 0 2px 2px 2px;
}
#webcam_navigation a:hover
{
background-color: red;
color: #fff;
}
.plans
{
margin-top: 20px;
}
.plans img
{
border: 1px solid gray;

}