@import "ds.css";

* {padding: 0; margin: 0}

body { /* globalni nastaveni */
/*	text-align: center;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 20px;
	line-height: 1.5em;
  background: url("../graphics/w.png") repeat-x; /* horni podkladovy pruh pod hlavickou */
}


.copyright            { color: #7F7F7F;
                      }


.toc-body ul {
  font-weight:bold;
   list-style-type: none;
  }
.toc-body li { 
  float: left; 
  width: 10em;
  margin-right: 1em;
  text-align: center;
  }
.toc-body ul ul {font-weight:normal}
.toc-body a {
  color: black;
  text-decoration: none;
  }
.toc-body a:hover {text-decoration: underline}


#soul { /* duse a telo dokumentu - hlavni cast webu */ 
	width: 100%;
	padding: 0px 0px 20px 0px;
  position: relative;
}
div.ray {
  float: right;
  width: 40px;
  margin: 0px;
  margin-right: 1px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: 1px;
}

.rayn, .rayn a, .rayn a:visited, .rayn a:hover { /* odkaz */
	display: block;
	float: left;
	padding: 0px;
	width: 40px;
	text-decoration: none;
}

a.xray1       {background: url("graphics/xray.png"); height: 155px; margin-bottom: 15px;}
a.xray1:hover {background: url("graphics/xray.png") 40px 0px;}
a.xray2       {background: url("graphics/xray.png") 0px -170px; height: 180px;}
a.xray2:hover {background: url("graphics/xray.png") 40px -170px;}
a.xray3       {background: url("graphics/xray.png") 0px -350px; height: 120px;}
a.xray3:hover {background: url("graphics/xray.png") 40px -350px;}

/* Foil page formatting */
#heading { 
  width: 100%;
  height: 150px;
  background: url("../graphics/head.png") no-repeat;
  }


div.foil, div.toc {
	width: 778px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 20px;*/
	background: url("../graphics/body.png") repeat-y;
	position: relative;
	z-index: 1;
}

.menu-left {
  float: left;
  width: 220px;
  height: 450px;
  overflow: auto;
  margin: 0px 10px 10px 0px;
  /*_margin-left: 10px;  ie67 hack */
  padding: 10px 10px 0px 20px;
	font-size: 11px;
	background: url("../graphics/menu.jpg") no-repeat 20px 10px;  

}

.menu-left h2 {background-image: none; padding-left: 0; margin-left: 0}

div.foil-body { 
float: left;
  width: 470px;
  /*
  height: 400px;
  overflow: auto;
  */
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 0px 8px;
  text-align: justify;
	/*text-indent: 30px;*/

	background: url("../graphics/h2.png") no-repeat #fff;
                     }
                     
div.toc-body { 

  height: 400px;
  overflow: auto;
	margin: 10px 0px 10px 0px;
	padding: 0px 20px 0px 8px;
	background: #fff;
                     }                     

#base { /* paticka a jeji casti */
   height: 50px;
	padding: 10px 0px 0px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #eee;
	color: #777;
	font-size: 11px;
	text-align: center;
	line-height: 110%;
	word-spacing: -1px;
  background: url("../graphics/base.jpg") 20px center no-repeat;
  clear: both;
}
#basel, #baser { /* leva cast - promenna zakaznicka */
	float: left;
	width:349px;
 	text-align: right;
}
#baser { /* prava cast (dedi z leve) - nemenna servisni */
	float: left;
  text-align: left;
}
#basepic { /* logo */
	float: left;
	width: 80px;
	height: 80px;
  margin: -5px 0px 0px 0px;
	text-align: center;
	background: url("../graphics/logo.png") 15px 0px no-repeat
}
#base a:link, #base a:visited, #baser a:link, #baser a:visited { color: #888; }
#base a:active, #base a:hover, #baser a:active, #baser a:hover { color: #c00; }


#overlayDiv {
  clear: both; 
  display: none;
  }


h1, h2, h3, h4 {
	font-size: 15px;
	color: #000;
	padding: 3px 0px 3px 30px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	background: url("../graphics/h1.png") no-repeat;*/
	text-indent: 0px;
}
h2 {
  padding-top: 10px;
  margin-bottom: 5px;

	
}
h3, h4 { /* mensi podnadpisy */
  padding-top: 3px;
  margin-bottom: -20px;  
	font-size: 13px;

	background-image: none;
}
h4 { font-size: 12px; }

#heading h1 {
  font-size: 35px;
  font-variant: small-caps;
	color: #fff;
	padding: 0;
	padding-top: 45px;
	margin-left: 80px;
}

#heading div.subtitle {
  font-size: 15px;
  font-variant: small-caps;
  font-weight: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
	color: #fff;
	padding: 0;
	padding-top: 18px;
	margin-left: 190px;
}

.menu-left h2 {

}

.menu-left ul {
  list-style-type: none;
  margin-left: 5px;
  }
.menu-left li { /* odrazka */
	border-bottom: 1px solid #fff;
}

.menu-left a, .menu-left a:visited { /* odkaz odrazky menu a vsech podmenu */
	display: block;
	margin: 0px;	
	padding: 2px 5px 3px 20px;
	color: #000;
	text-decoration: none;
	background: url("../graphics/mlist.bmp") 2px 6px no-repeat;
}


.menu-left a:hover
{ /* hover odkaz menu a vsech podmenu */
	background: url("../graphics/mlist.bmp") 2px 6px no-repeat #fcfcfc;
 
}
.menu-left a.actual,.menu-left a.actual:visited
{ /* aktualni */
	font-weight: bold;

	margin: 0px;
	background: none;
}

/* Foilgroup page formatting */

div.foilgroup            {font-size: 100%; width: 55em; height: 34em;
                      }
.foilgroup h1.title   { font-size: 150%; background: #def; margin-left: -2em; padding-left: 2em; padding-top: 0.1em; padding-bottom:0.1em;
      margin-bottom: 0.3em; margin-top:0;
  
text-align: left;
                      }
.foilgroup h2.subtitle { text-align: center;
                       
			padding-top: 0pt;
			margin-top: 0pt;
                      }

div.foilgroup-body       {   font-size: 120%;  height: 25em;
      overflow: auto;
      
      border-left: 1px solid;
      padding: 0.5em; padding-left:2em; 
                      }


/* Navigation header formatting */

.navhead .slidestitle { font-weight: normal;
                        font-size: 10pt;
                        font-style: italic;
                      }

/* Navigation footer formatting */

.navfoot              { border-top: 3px double black;
                      background: #def; 
                      }

.mediaobject {

	margin-top: 18px; 
	margin-bottom: 5px;
	margin-left: 0px;
	text-indent: 0px;
	text-align: center;

}

.mediaobject img { 

	cursor: pointer; 
	text-align: left;
	margin: 50px 100px 183px 0px;
	padding: 2px;
	border-width: 0px;
	background: #fff;

}




div.navig-levy, div.navig-center {float:left; padding: 0.2em; padding-left: 10em}
div.navig-pravy {float:right; padding:0.2em; text-align: right}
div.navig-levy img, div.navig-pravy img { padding-left:0.2em; padding-right:0.2em; border:0 none}
div.navig-levy a, div.navig-pravy a  {text-decoration: none; font-size: smaller}
div.navig-levy a:hover, div.navig-pravy a:hover  {text-decoration: underline; background: #ffc }

/* General navigation formatting */

.link-text            { font-weight: bold;
                        font-size: 10pt;
                      }


.link-text a          { text-decoration: none; }
.link-text a:link     { color: blue; }
.link-text a:visited  { color: blue; }

.no-link-text         { color: #7F7F7F; }

div.mediaobject img {border: 1px solid black; margin-top: 0.5em; margin-bottom:0.2em}


p.img-title {font-size: smaller; font-style: italic; text-align: left}
table p.img-title {font-size: smaller; font-style: italic; text-align: center}
p.subtitle {margin-top:0.8em;margin-bottom:0.1em; font-weight: bold; font-size: 125%;
  font-family: "verdana", "Arial Black", sans-serif; 
  }
p.citation {font-style: italic; font-size: 70%; text-align: left}
p.important {font-style: italic; font-weight: bold; border: 2px solid red; padding: 0.2em; background-color: #fdd}
p.example { font-size: 90%; border-left: 1px solid black; margin-left: 2em; padding-left: 0.5em;
            margin-bottom:0; padding-bottom: 0.15em; padding-top: 0.15em; background: #eee    }

table {border: 2px outset; border-collapse: collapse; margin-top: 0.5em; margin-bottom: 0.3em; font-size: 90%}
div.table td, th {border: 1px solid black; padding: 0.2em }
th {border-bottom: 3px double black; background: #eee}
td {vertical-align: top}
.sub {font-size: 70%;vertical-align: -0.2em}
b {display: none}

div.informaltable table {width: 100%; border-style: none; border-collapse: separate;}
div.informaltable td {border-style: none; text-align: center;padding: 0.2em}
p.pozn {font-size: 70%}
/* EOF */
