/**************** Body and tag styles ****************/
*{margin:0; padding:0;}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#e8eaec;
}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}
p box{ font-weight:bold;}

img.left,img.center,img.right{padding:4px; border:2px solid #a0a0a0;}
img.left{float:left; margin:0 12px 15px 0;}
img.center{display:block; margin: 5px auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
img.left_border {border: 1px solid #666; padding: 3px; margin: 10px 0 10px 0;}
/**************** Header and navigation styles ****************/

#container{
width:760px;
margin:20px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
}

#header{
height:134px;
width:758px;
margin:0 1px 1px 1px;
background:#467aa7;
background-image: url(../img/header.gif);
color:#ffffff;
}

#header h1{
padding:35px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
height:2.2em;
line-height:2.2em;
width:758px;
margin:0 1px;
background:#6c3006;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#f7a509;
color:#ffffff;
text-decoration:none;
}

/**************** Content styles ****************/
#contentfull{
	float: left;
	width: 720px;
	font-size:0.9em;
	padding:20px 20px 0 50px;
	/*background-image: url(../img/barak.jpg);
	background-repeat: no-repeat; */
}
#contentfull h1{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
color:#000000;
background-color:inherit;
}


#content{
	float:left;
	width:530px;
	font-size:0.9em;
	padding:20px 0 0 20px;
	background-image: url(../img/barak.jpg);
	background-repeat: no-repeat;
}

#content h1{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
color:#000000;
background-color:inherit;
}

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
/*letter-spacing:-1px;*/
color:#505050;
background-color:inherit;
}

#contentfull a:hover{text-decoration:underline;}
#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px; background-color:#fafbfc;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:170px;
padding:20px 20px 10px 0;
line-height:1.4em;
}

#subcontent h2{display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left;
 letter-spacing:-1px; color:#505050; background-color:inherit;}
 

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/

.menublock{
	margin:0 0 20px 8px;
	font-size:0.9em;
}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{
	margin:3px 0 3px 15px;
	font-size:1em;
	font-weight:normal;
}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Tables************************/



/**************** Footer styles ****************/

#footer{
clear:both;
width:758px;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.textrightbold{text-align:right; font-weight:bold;}
.textleftbold{text-align:left; font-weight:bold;}
.textleft{text-align:left;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

/* pridane dalsi */
.boxstrom{margin:0 0 20px 0; padding:10px; border:2px solid #bb5802; background-color:#fded7e; color:#505050; line-height:1.5em;}
.boxstrom1{margin:0 0 10px 0; padding:5px; border:1px solid #bb5802; background-color:#fded7e; color:#505050; line-height:1.5em; text-align:center;}
.boxden{margin:0 0 20px 0; padding:10px;}
/*
div.img_left, div.img_right, div.img_center {
    border-bottom: 0.09em solid #4284B5;
    border-right: 0.1em solid #4284B5;
}
*/

div.img_left {   float: left; margin: 0.5em 0.8em 0em 0em;}

.content2-container, .content3-container {clear: both; float: left; width: 470px; margin: 0px 0px 10px 40px; padding: 0px;}
.content2-container-3col-left, .content3-container-3col-left
     {overflow: hidden; float: left; width: 140px; margin: 0px 25px 0px 0px; padding: 0px;}
.content2-container-3col-middle, .content3-container-3col-middle 
     {overflow: hidden; float: left; width: 140px; margin: 0px; padding: 0px;}
.content2-container-3col-right, .content3-container-3col-right
     {overflow: hidden; float: right; width: 140px; margin: 0px; padding: 0px;}
.content-txtbox-noshade {margin: 0px; padding: 0px 0px 0px 0px;}
.img-left-border-topmargin {float: left; margin: 0px 10px 0px 0px; border:2px solid #bb5802;}
.content-subtitle-shade-size1 {margin: 0px; padding: 0px 10px 3px 10px; background-color:#fffce2;
 color: rgb(O,0,0); font-weight: bold; font-size: 110%;}
.content-subtitle-noshade-size1 {margin: 0px; padding: 0px 40px 10px 0px; color: #bb5802; font-weight: bold; font-size: 110%; text-align:right;}



/* css menu - z knihy */
* {margin:0; padding:0;} 
	/*body {font-family: verdana, arial, sans-serif; font-size:100%; behavior:url(css/csshover.htc);}*/
	body {behavior:url(css/csshover.htc);}
	
	div#seznam_nabidka {
		z-index: 1;
		position: relative;
		width:758px; 	
		float: left;
		font-size:0.8em;	
		background-color: rgb(108,48,6);
		margin:0 1px; 
	}
	div#seznam_nabidka ul {margin: 0 0 0 0;
	}
	div#seznam_nabidka li {
		float: left;
		position:relative; 
		list-style-type: none;	
		background-color: rgb(108,48,6); 
		border-right:1px solid #ffffff;
	}
	div#seznam_nabidka li:first-child {
		border-left:1px solid #ffffff; 
	}
	div#seznam_nabidka li:hover { 
		background-color: rgb(247,165,9); 
	}
	div#seznam_nabidka a {
		display:block; 
		padding:2px 10px; 
		text-decoration:none;	 
		color: White;	
	}
	div#seznam_nabidka a:hover {
		color: Black;
	}
	
	div#seznam_nabidka .selected{
        background: #f7a509;
        color:#ffffff;
        text-decoration:none;
    }
	
	div#seznam_nabidka ul li ul {
		margin: 0; 
		position: absolute; 
		width:26em; 
		left:-1px; 
	}
	div#seznam_nabidka ul li ul li {
		width:94%; 
		border-left:1px solid #ffffff; 
		border-bottom:1px solid #ffffff;
		border-right:1px solid #ffffff;
		padding:0 0 1px;
	}
	div#seznam_nabidka ul li ul li:first-child {
		border-top:1px solid #ffffff; 
	}
	div#seznam_nabidka ul li ul {display:none;} 
	div#seznam_nabidka ul li:hover ul {display:block; } 
	body div#seznam_nabidka ul li ul li ul  {
		visibility:hidden; 
		top:-1px;
		left:10em;
	}
	div#seznam_nabidka ul li ul li:hover ul {visibility:visible;} 
	div#seznam_nabidka ul li ul li:hover ul li ul {display:none;} 
	div#seznam_nabidka ul li ul li ul li:hover ul {display:block; } 
	* html div#seznam_nabidka ul {
		float:left; 
		border-left:1px solid #000; 
		margin-left:15px; 
	}
	* html  div#seznam_nabidka ul li ul {
		border-top:1px solid #ffffff;
		border-left:0px; 
	}
	* html  div#seznam_nabidka ul li ul li ul { 
	  left:9.85em; 
	  voice-family: "\"}\""; 
	  voice-family:inherit;
	  left:10em;
	 }
	html>body div#seznam_nabidka ul li ul li ul {
	  top:-1px;
	  left:10em;
	}
	@media all and (min-width: 0px){
	   body div#seznam_nabidka ul li ul {padding-bottom:70px;}
	   body div#seznam_nabidka ul li ul li ul {padding-bottom:22px;}
	   body div#seznam_nabidka ul li ul li ul li ul li:hover {visibility:visible;} 
	}


.buffer {clear: both; width: 770px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

/* GALLERY */
.photo img {
	border: 1px solid #666;
	background-color: #FFF;
	padding: 4px;
	position: relative;
	top: -6px;
	left: -5px;
}
.figure p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 5px 0 0 0;
	
	height: 3em;
	/* puvodni height: 5em;*/
}

.figure {
	float: left;
	width: 143px;
	margin: 0 10px 5px 10px;
}
.photo {
	background: url(../img/drop_shadow.gif) right bottom no-repeat;
}

/* chyba mizení ohranicení v IE 5/6 */
* html #gallery {
	width: 100%;
}
/* chyba umístení v IE 5 */
* html #gallery img {
	width: 100%;
}

/* DIAGRAM */
#diagram {position: relative; margin:   0 auto; /* Sorry, IE5.x/Win. */
      width: 100%; height: 45em;}

#skupina1 {background-color: #663300; color: #fff;}
#skupina2 {background-color: #cc6600; color: #fff;}
#skupina3 { background-color:#6699ff; color: #fff;}
#skupina4 {background-color: #ffcc66; color: #fff;}
    
	
	
	
	#diagram abbr, #diagram acronym { border-bottom: 0 }

    #diagram div {
      border: 0.05em solid #000;
    }

    #diagram div, #diagram li {
      position: absolute;
      margin:   0;
      padding:  0;
    }

    #diagram h2 {
      margin:      0;
      padding:     0;
      font-size:   1.1em;
      font-weight: normal;
      line-height: 1.5;
      text-align:  center;
    }
	#diagram h3 {
      margin:      0;
      padding:     0;
      font-size:   1em;
      font-weight: normal;
      line-height: 1.5;
      text-align:  center;
    }

    
    #current h3 { font-weight: bold }

    #diagram div li a {
      display:          block;
      position:         absolute;
      border:           0.05em dotted #666;
      background-color: #eee;
      line-height:      2;
      text-align:       center;
    }
    #diagram div li a:link    { color: #00f }
    #diagram div li a:visited { color: #906 }
    #diagram div li a:hover, #diagram div li a:focus { color: #f60 }
    #diagram div li a:active  { color: #f00 }

    #diagram li samp {
      background-color: transparent;
      color:            #069;
    }

    #diagram li samp var {
      background-color: transparent;
      color:            #930;
      font-style:       normal;
    }

    #diagram li span {
      position:    absolute;
      width:       0;
      height:      0;
      overflow:    hidden;
    }

    * html #diagram li span {
      font-size:  0;
      f\ont-size: 1em;
    }

    * html #diagram .circ-top span,
    * html #diagram .down span,
    * html #diagram .up span
    {
      width:   8px;
      w\idth:  0;
      height:  4px;
      he\ight: 0;
    }

    * html #diagram .circ-right span,
    * html #diagram .right span,
    * html #diagram .down-right span,
    * html #diagram .up-right span
    {
      width:   4px;
      w\idth:  0;
      height:  8px;
      he\ight: 0;
    }

    #diagram ul {
      margin:     0;
      padding:    0;
      list-style: none inside;
    }

    * html #diagram ul { width: 0 }

    #diagram .circ-right { /* Circular transition to the right of a state box. */
      top:         0.5em;
      left:        100%;
      width:       1em;
      margin-left: 0.05em;
      height:      1em;
      border:      0.05em solid #000;
      border-left: 0;
    }
    #diagram .circ-right samp {
      position: absolute;
      left:     100%;
    }

    #diagram .circ-top {
      bottom:        100%;
      left:          0.5em;
      width:         1em;
      height:        1em;
      margin-bottom: 0.05em;
      border:        0.05em solid #000;
      border-bottom: 0;
    }
    #diagram .circ-top samp {
      position:  absolute;
      bottom:    100%;
    }

    #diagram .down { 
      top:         100%;
      left:        50%;
      margin-top:  0.05em;
      border-left: 0.05em solid #000;
    }
    #diagram .down a {
      top:  100%;
      left: 0;
    }

    #diagram .down-right { 
      top:           125%;
      left:          60%;
      margin-bottom: 0.05em;
      margin-left:   -1em;
      border-bottom: 0.05em solid #000;
      border-left:   0.05em solid #000;
    }
	
	#diagram .down-left { 
      top:           100%;
      left:          -220%;
      margin-bottom: 0.05em;
      margin-left:   -1em;
      border-bottom: 0.05em solid #000;
      border-right:   0.05em solid #000;
	  
    }
	
	
    #diagram .down-right a {
      bottom: -1em;
      left:   100%;
    }

    #diagram .right { 
      top:           0;
      left:          100%;
      margin-left:   0.05em;
      border-bottom: 0.05em solid #000;
    }
    #diagram .right a {
      top:  0;
      left: 100%;
    }

    #diagram .up { 
      bottom:        100%;
      left:          50%;
      margin-bottom: 0.05em;
      border-left:   0.05em solid #000;
    }
    #diagram .up samp, #diagram .up-right samp {
      position: absolute;
      bottom:   0;
    }

    #diagram .up-right { 
      bottom:        100%;
      left:          100%;
      margin-bottom: 0.05em;
      margin-left:   -1em;
      border-top:    0.05em solid #000;
      border-left:   0.05em solid #000;
    }
    #diagram .up-right a {
      top:  -1em;
      left: 100%;
    }


    #diagram .circ-right span {
      top:           -0.3em;
      left:          0;
      border-top:    0.3em solid #fff;
      border-right:  0.5em solid #000;
      border-bottom: 0.3em solid #fff;
    }
    * html #diagram .circ-right span {
      top:           -4px;
      t\op:          -0.3em;
      border-width:  4px 4px 4px 0;
      b\order-width: 0.3em 0.5em 0.3em 0;
    }

    #diagram .circ-top span, #diagram .down span {
      bottom:       0;
      left:         -0.3em;
      border-top:    0.5em solid #000;
      border-right:  0.3em solid #fff;
      border-left:   0.3em solid #fff;
    }
    * html #diagram .circ-top span, * html #diagram .down span {
      left:          -4px;
      lef\t:         -0.3em;
      border-width:  4px 4px 0;
      b\order-width: 0.5em 0.3em 0;
    }

    #diagram .down-right span, #diagram .right span {
      right:         0;
      bottom:        -0.3em;
      border-top:    0.3em solid #fff;
      border-bottom: 0.3em solid #fff;
      border-left:   0.5em solid #000;
    }
    * html #diagram .down-right span, * html #diagram .right span {
      bottom:        -4px;
      b\ottom:       -0.3em;
      border-width:  4px 0 4px 4px;
      b\order-width: 0.3em 0 0.3em 0.5em;
    }

    #diagram .up span {
      top:           0;
      left:          -0.3em;
      border-right:  0.3em solid #fff;
      border-bottom: 0.5em solid #000;
      border-left:   0.3em solid #fff;
    }
    * html #diagram .up span {
      left:          -4px;
      lef\t:         -0.3em;
      border-width:  0 4px 4px 4px;
      b\order-width: 0 0.3em 0.5em 0.3em;
    }

    #diagram .up-right span {
      top:           -0.3em;
      right:         0;
      border-top:    0.3em solid #fff;
      border-bottom: 0.3em solid #fff;
      border-left:   0.5em solid #000;
    }
    * html #diagram .up-right span {
      top:           -4px;
      t\op:          -0.3em;
      border-width:  4px 0 4px 4px;
      b\order-width: 0.3em 0 0.3em 0.5em;
    }

    .row1 { top: 1em }
	.row2 { top: 2em }
    .row3 { top: 4em }
	.row5 { top: 8em }
	.row7 { top: 10em }
	.row9 { top: 12em }
	.row11 { top: 16em }
	.row13 { top: 18em }
	.row15 { top: 20em }
	.row17 { top: 22em }
	.row19 { top: 24em }
	.row21 { top: 26em }
	.row23 { top: 28em }
	.row25 { top: 30em }
	.row27 { top: 32em }
	.row29 { top: 34em }
	.row31 { top: 36em }
	.row33 { top: 38em }
	.row35 { top: 40em }
	.row37 { top: 42em }
	

    .col1 { left: -4em }
    .col2 { left: 3.5em }
    .col3 { left: 11em }
	.col4 { left: 5em }
	.col5 { left: 26em }
	.col6 { left: 25em }
	.col7 { left: 31em }
	.col8 { left: 35em }
	.col9 { left: 47em }
	.col10 { left: 46em }
    
	
    .size1 { width: 14em }
    .size2 { width: 18em }
	.size3 { width: 14em }
    
	a.size3 { margin-left: -5em }

    .size4 {width:  6.95em; height: 1.95em;}
    .size5 {width:  5.95em; height: 1.95em;}
	.size6 {width:  5.95em; height: 3.5em;}
	  
#diagram .down01 {top: 105%; left: -7%;
      border-bottom: 0.05em solid #000; border-right: 0.05em solid #000;
	  width: 8em; height: 25.5em;}	  
#diagram .down02 {top: 155%; left: 43%;
      border-bottom: 0.05em solid #000; border-top: 0.05em solid #000;
	  width: 4em; height: 2.2em;}
#diagram .down03 {top: 290%; left: 43%;
      border-bottom: 0.05em solid #000; border-top: 0.05em solid #000;
	  width: 4em; height: 2.2em;}
#diagram .down04 {top: 430%; left: 43%;
      border-bottom: 0.05em solid #000; border-top: 0.05em solid #000;
	  width: 4em; height: 2.2em;}
#diagram .down05 {top: 550%; left: 43%;
      border-bottom: 0.05em solid #000; border-top: 0.05em solid #000;
	  width: 4em; height: 2.2em;}
#diagram .down06 {top: 690%; left: 43%;
      border-bottom: 0.05em solid #000; border-top: 0.05em solid #000;
	  width: 4em; height: 2.2em;}
#diagram .down07 {top: 820%; left: 43%;
      border-bottom: 0.05em solid #000; border-top: 0.05em solid #000;
	  width: 4em; height: 2.2em;}
#diagram .down08 {top: 104%; left: 48%;
      border-bottom: 0.05em solid #000; border-right: 0.05em solid #000;
	  width: 8em; height: 32.2em;}	  	  
#diagram .down09 {top: 115%; left: 48%;
      border-bottom: 0.05em solid #000; border-right: 0.05em solid #000;
	  width: 8em; height: 1.2em;}	  	  
#diagram .down10 {top: 1025%; left: 48%; border-top: 0.05em solid #000;
      border-bottom: 0.05em solid #000;
	  width: 8em; height: 1.9em;}	  	  
#diagram .down11 {top: 955%; left: 48%; border-top: 0.05em solid #000;
	  width: 8em; height: 1.9em;}	  	  
#diagram .down12 {top: 106%; left: -20%; border-right: 0.05em solid #000; border-bottom: 0.05em solid #000;
	  width: 8em; height: 13.1em;}	  	  
#diagram .down13 {top: 106%; left: -40%; border-right: 0.05em solid #000;
	  width: 8em; height: 7.1em; }	  	  
#diagram .down14 {top: 176%; left: 18%; border-top: 0.05em solid #000; border-bottom: 0.05em solid #000;
	  width: 3em; height: 1.8em;}	  	  
#diagram .down15 {top: 452%; left: 18%; border-top: 0.05em solid #000; border-bottom: 0.05em solid #000;
	  width: 3em; height: 1.8em;}	  	  

	.height1 { height: 3.9em }

    .width1 { width: 4.9em }
    .width2 { width: 5.9em }