/* top elements */
* { margin: 0; padding: 0; outline: 0; }
html, body { padding: 0; margin: 0; height: 100%; }

body {
  background: url('images/bk.jpg') top center repeat-y;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #777;
	text-align: center;
	position: relative;
  height: 100%;
}

img {	border: 0px;}

div {	padding:0px; margin:0px;}

p {	margin:0px; padding:0px; margin-bottom:8px;}

form {	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

h1, h2, h3, h4, h5, div { margin:0px; padding:0px}
@media print {
	h1, h2, h3, h4, h5, {color:black;}
}

table { font-size:1em; text-align:left; vertical-align:top;}

td { vertical-align: top; }

ul, ol {margin:5px 0px 8px 30px; padding: 0; }

li {	margin: 0px; padding:0px;}


/* celkove pozadi webu */
#pozadi { background: url('images/bottom.jpg') bottom center no-repeat;	position: relative; height: 100%; height:auto; min-height: 100%; }

#pozadi-top { background: url('images/top.jpg') top center no-repeat;	height: 100%; height:auto; min-height: 100%; }
/* KONEC celkove pozadi webu */

/* HLAVNI bloky stranky */
.stranka { margin: auto; width: 950px; text-align: left; position: relative; height: 100%; height:auto; min-height: 100%;}
  
.stranka .top { position: relative; height: 120px; z-index: 100; }
.stranka .top #logo { position: absolute; top: 20px; left: 30px; height: 50px; width: 350px; font-size: 0.001px; text-indent: -900px; overflow: hidden; display: inline-block;}
.stranka .top #logo span { display: none; }
.stranka .top .langmenu { position: absolute; top: 20px; right: 10px; border-right: 1px dotted #777; padding-right: 15px; }
.stranka .top .langmenu UL { list-style-type: none; }
.stranka .top .langmenu LI { text-align: left; } /*background: url('images/odrazka_mala.gif') 5px 7px no-repeat;*/
.stranka .top .langmenu a { color: #777; font-size: 10px; text-decoration: none; font-weight: bold; }
.stranka .top .langmenu a img { border: 0; height: 8px; }

.stranka .main { position: relative; min-height: 320px;}
.stranka .main .leve_menu { float: left; width: 280px; position: relative; min-height: 350px; background: url('images/cerpadlo.jpg') bottom center no-repeat; padding-bottom: 170px; } /* border: 1px solid green; */
.stranka .main .stred { position: relative; margin: 5px 10px 0 290px; }
.stranka .main .clear { clear: both; height: 55px; }

#pozadi .patka-obal { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 55px; overflow: hidden; }
#pozadi .patka-obal .patka { position: relative; width: 950px; margin: auto; color: #fff; text-align: left; }
#pozadi .patka-obal .patka a { color: #eee; text-decoration: none; }
#pozadi .patka-obal .patka #ensis { position: absolute; top: 0px; left: 20px; }
#pozadi .patka-obal .patka p.odkazy { position: absolute; top: 0px; right: 20px; text-align: right; }
#pozadi .patka-obal .patka p.odkazy a { color: #aaa; }
/* KONEC HLAVNI bloky stranky */


/* stred webu */ /* DOPSAT STYLY pro odstavce, nadpisy, odkazy, seznamy */
.stranka .main .stred .odsadit {padding:18px 22px 20px 25px;}

.stranka .main .stred h1 { font-size:1.3em; color:#f52823; padding:18px 0 15px 0;}
.stranka .main .stred h2 { font-size:1.2em; color:#f52823; padding:12px 0 10px 0;}
.stranka .main .stred h3 { font-size:1.1em; color:#f52823; padding:10px 0 4px 0;}
.stranka .main .stred p {	text-align:justify;}

.stranka .main .stred a,
.stranka .main .stred a:link, 
.stranka .main .stred a:active, 
.stranka .main .stred a:visited {	color:#155ac2; text-decoration:underline;}
.stranka .main .stred a:hover {	color:#000000; text-decoration:underline;}

.stranka .main .stred ul { margin: 4px 0 8px 25px; padding: 0;}
.stranka .main .stred li { font-weight:normal;	/* list-style-image : url("img0/li1.gif"); */}
/* KONEC stred webu */

/* vysuvne menu */
#topmenu {
  position: absolute;
  top: 91px;
  left: 30px;
  margin: 0;
  padding: 0;
  /* border: 1px solid red; */
}
    #topmenu LI A SPAN {
      /*text-decoration: underline;*/
    }
    #topmenu LI A {
      color: #FBFBFC;
      text-decoration: none;
      font-size: 15px;
      /* font-weight: bold; */
    }
    #topmenu A:hover {
      color: #ee3b34;
      text-decoration: underline;
    }
  
    #topmenu LI {
    	display: inline-block;
      margin: 0px;
    	padding: 5px 16px;
    	border-right: 1px solid #FEFFFD;
    }
    #topmenu LI LI {
    	display: block;
      margin: 2px 0;
    	padding: 0;
    	background: url('images/odrazka_stredni2.gif') 0px 5px no-repeat;
    }
    #topmenu LI LI A {
    	/* color: #000; */
      font-size: 12px;
    	padding: 0 0 0 10px;
    }
    #topmenu LI LI LI A {
      color: #aaa;
    	/*margin-left: 2px;*/
    }
    #topmenu LI LI LI {
    	padding-left: 0px;
    	background: url('images/odrazka_stredni.gif') 0px 5px no-repeat;
    }
    #topmenu UL {
    	margin: 0;
    	padding: 0;
    	/*list-style-image: url('images/odrazka_velka.gif');*/
    	list-style-type: none;
    	position: relative;
    	z-index: 100;
      width: 900px;
    }
    #topmenu UL UL {
      text-align: left;
    	margin: 0px; padding: 5px;
    	display: block;
      position: absolute;
      top: 21px;
      padding-left: 10px;
      left: 0px;
      visibility: hidden;
      background-color: #1565c4;
      width: 280px;
      border: 1px solid #eee;
    	z-index: 110;
      /* border-top: none;*/
    }
    #topmenu UL ul ul {
      width: 190px;
      border: 0px solid white;
      position:relative;
      left: 0px;
      top: 0px;
      margin: 0px; padding: 0px;
      padding-left: 10px;
      list-style-type: none;
      /* background: url('images/odrazka_mala.gif') 0px 15px no-repeat; */
      visibility:hidden;
    }
    #topmenu UL li {
      position: relative;
    }
    /* zde chovani zobrazeni*/
    #topmenu UL li:hover ul a, #topmenu UL li.hover ul a
    {
      /* odkaz podmenu */
      /* background-color: #bbb; */
      /* color:black; */
      font-weight: normal;
    }
    
    #topmenu UL li:hover ul a:hover, #topmenu UL li.hover ul a:hover
    {
      /* odkaz podmenu prejety mysi */
      /* background-color: #fff;
      color:white; */
      text-decoration: underline;
    }
    
    #topmenu UL li:hover ul, #topmenu UL li.hover ul
    {
    visibility:visible;
    }
    
    #topmenu UL li li
    {
    border:none;
    padding:0;
    /* background-color:#bbb; */
    }
    
    #topmenu UL li { behavior: url(hover.htc); }
/* KONEC vysuvneho menu */

/* vysuvne LEVE menu */
.stranka .main .leve_menu {
  margin: 0;
  z-index: 10;
  /* border: 1px solid red; */
}
    .leve_menu LI A SPAN { /*text-decoration: underline;*/ }
    .leve_menu LI A { color: #777; font-size: 12px; font-weight: bold; padding-left: 25px; z-index: -1; }
    .leve_menu A:hover { color: #ee3b34; text-decoration: underline; }
    .leve_menu LI { background: url('images/sipka-menu.gif') 0px 15px no-repeat; padding: 8px 0; display: block; width: 190px; }
    .leve_menu LI LI { background: url('images/odrazka_stredni2.gif') 0px 10px no-repeat; padding: 5px 0; width: 350px;}
    .leve_menu LI LI A { color: #fff; padding-left: 8px; display: inline-block;}
    .leve_menu LI LI LI A { padding-left: 0; }
    .leve_menu LI LI LI { background: none; }
    .leve_menu UL {
    	margin: 10px 0 0 21px;
    	padding: 0px;
    	list-style-type: none;
    	position: relative;
    	z-index: 90;
    }
    .leve_menu UL UL {
      text-align: left;
    	margin: 3px 0 10px 20px;
      padding: 7px 7px 15px 15px;
    	display: block;
      position: absolute;
      top: -5px;
      left: 136px;
      visibility: hidden;
      background-color: #1565c4;
      width: 350px;
      border: 1px solid #eee;
      /* border-top: none;*/
    }
    .leve_menu UL ul ul {
      width: 250px;
      border: 0px solid white;
      position:relative;
      left: 0px;
      top: 0px;
      margin: 0 0 0 10px; padding: 0px;
      padding-left: 10px;
      list-style-type: none;
      /* background: url('images/odrazka_mala.gif') 0px 15px no-repeat; */
      visibility:hidden;
    }
    .leve_menu UL li {
      position: relative;
    }
    /* zde chovani zobrazeni*/
    .leve_menu UL li:hover ul a, .leve_menu UL li.hover ul a
    {
      /* odkaz podmenu */
      /* background-color: #bbb; */
      /* color:black; */
      font-weight: normal;
    }
    
    .leve_menu UL li:hover ul a:hover, .leve_menu UL li.hover ul a:hover
    {
      /* odkaz podmenu prejety mysi */
      /* background-color: #fff;
      color:white; */
      text-decoration: underline;
    }
    
    .leve_menu UL li:hover ul, .leve_menu UL li.hover ul
    {
      visibility:visible;
    	z-index: 99;
    }
    
    .leve_menu UL li { behavior: url(hover.htc); }
/* KONEC vysuvneho menu */

