/* CSS Document */
body              
 {
  margin: auto;
  text-align: center;
  font: normal normal normal 10px/normal Sans;
  font: normal normal normal 12px/normal Arial;
 }
#globalni         
 {
  width: 1200px; 
  text-align: left;
  background-image: url('../images/pozadi.jpg')
 }
h2
 {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
 }
h3
 {
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 0;
 }
.odkaz
 {
  color: white;
  text-decoration: underline;
 }
.odkaz:hover
 {
  text-decoration: none;
 }

#obalovydiv
{
width: 1200px;
margin-top: 0em;
margin-bottom: 0em;
margin-left: auto;
margin-right: auto;
text-align: left;
}

/* HLAVICKA ---------------------------------------------------------------*/
#hlavicka         
 {
  position: relative;
  width: 1200px; 
  height: 363px; 
  color: white;
  text-align: left;
  background-image: url('../images/hlava_velka.jpg')
 }
#jazyky
 {
  position: absolute;
  left: 50px;
  top: 20px;
  z-index: 2;
 }
#jazyky a
 {
  margin-left: 5px;
 }
#jazyky a img
 {
  border: none;
 }
#odkazy
 {
  position: absolute;
  left: 505px;
  top: 17px;
  z-index: 2;
 }
#vyhledavani
 {
  position: absolute;
  left: 0px;
  top: 230px;
  z-index: 2;
 }
#vyhl_div
 {
  background-image: url('../images/vyhledavani_velke.jpg');
  border: none;
  width: 405px;
  height: 46px;
  color: white;
 }
#vyhl_edit
 {
  margin-left: 95px;
  margin-top: 21px;
  border: none;
  background: transparent;
  font-size: 14px;
  width: 295px;
 }
#hornimenu
 {
  position: absolute;
  left: 50px;
  top: 308px;
  height: 25px;
  z-index: 3;
  text-align: center;
 }
#hornimenu li
 {
  display: block;
  text-decoration: none;
  color: black;
  position: absolute;
  width: 100px;
  height: 20px;
  top: 0px;
  line-height: 20px;
  font-weight: bold;
  padding-top: 5px;

 }

#hornimenu h2 a
 {
  font-weight: bold;
  position: absolute;
  width: 100px;
  height: 20px;
  padding-top: 5px;
  top: 0px;
 }
#hornisubmenu
 {
  text-align: left;
  font-weight: bold;
  position: absolute;
  left: 0px;
  top: 333px;
  width: 1150px;
  height: 30px;
  padding-left: 30px;
  background-image: url('../images/hornisubmenu_velke.jpg');
  z-index: 2;
 }
#hornisubmenu a
 {
  position: relative;
  top: 7px;
  left: 0px;
  color: white;
  text-decoration: none;
  margin-left: 30px;
  height: 25px;
 }
 
#hornisubmenu a:hover
 {
  text-decoration: underline;
 }
#logovani
 {
  position: absolute;
  top: 238px;
  left: 605px;
  z-index: 2;
 }
#ucet
 {
  position: absolute;
  width: 200px;
  height: 25px;
  left: 752px;
  top: 308px;
  height: 25px;
  z-index:2;
 }
#ucet a
 {
  text-decoration: none;
  display: block;
  color: white;
  position: relative;
  float: left;
  width: 100px;
  height: 20px;
  padding-top: 5px;
  top: 0px; 
  background-image: url('../images/ucet_velky.jpg');
  text-align: center;
 }
#ucet a h2
 {
  font-weight: bold;
  font-size: 11px;
  position: relative;
  top: 6px;
  padding-right: 7px;
 }
#admin
 {
  position: absolute;
  width: 100px;
  height: 25px;
  left: 852px;
  top: 338px;
  height: 25px;
  z-index: 3;
 }
#admin a
 {
  text-decoration: none;
  display: block;
  color: white;
  position: absolute;
  width: 100px;
  height: 25px;
  top: 0px; 
  background-image: url('../images/admin_velky.jpg');
  text-align: center;
 }
#admin a h2
 {
  font-weight: bold;
  font-size: 11px;
  position: relative;
  top: 6px;
 } 
#rozbalovatko
 {
  position: absolute;
  left: 15px;
  top: 300px;
  z-index: 2;
 } 
/* TELO ------------------------------------------------------------------*/
#pravemenu
 {
  width: 190px;
  padding-right: 50px;
  float: right;
 }
.pravehlavni
 {
  margin-top: 15px;
 } 
.praveclose
 {
  width: 190px;
  height: 20px;
  background-image: url('../images/prave_close.jpg');
  display: block;
  cursor: Pointer;
 }
.praveopen
 {
  width: 190px;
  height: 20px;
  background-image: url('../images/prave_open.jpg');
  display: none;
  cursor: Pointer;
 }
.pravepopis
 {
  font-weight: normal;
  padding-left: 10px;
  padding-top: 2px;
  color: white;
 }
.pravapolozka
 {
  z-index: 2;
  display: none;
  font-size: 11px;
  text-align: justify;
  background-color: rgb(250,250,250);
 }
.gradprhorni
 {
  width: 190px;
  background-image: url('../images/grad_pravy_horni.jpg');
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 50px;
 }
.gradprdolni
 {
  width: 190px;
  background-image: url('../images/grad_pravy_dolni.jpg');
  background-position: left bottom;
  background-repeat: no-repeat;
  min-height: 154px;
 }
.pravetext
 {
  padding: 7px;
 }
#loga
 {
  width: 953px;
  height: 65px;
  background-image: url('../images/loga_velka.jpg');
 }
#nadpis
 {
  width: 952px;
  height: 50px;
  background-image: url('../images/nadpis.jpg');
  border-right: 1px solid rgb(204,204,204);
 }
#nadpis h1
 {
  margin: 0px;
  padding: 0px;
  margin-left: 90px;
  padding-top: 11px;
  font-size: 22px;
  color: white;
 }
#grad1
 {
  width: 952px;
  background-image: url('../images/grad_1.jpg');
  background-repeat: no-repeat;
  background-position: top;
  background-repeat: no-repeat;
  min-height: 117px;
 } 
#grad2
 {
  width: 1151px;
  background-image: url('../images/grad_2.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
  min-height: 101px;
 }
#levemenu
 {
  width: 150px;
  float: left;
 }
.levehlavni
 {
  margin-top: 10px;
 } 
.leveclose
 {
  width: 196px;
  height: 20px;
  background-image: url('../images/leve_close.jpg');
  display: block;
  cursor: Pointer;
 }
.leveopen
 {
  width: 196px;
  height: 20px;
  background-image: url('../images/leve_open.jpg');
  display: none;
  cursor: Pointer;
 }
.levepopis
 {
  font-weight: normal;
  padding-left: 10px;
  padding-top: 2px;
  color: Black;
 }
#strankaobal
 {
  position: relative;
  width: 952px;
 }
#telo
 {
  position: relative;
  float: right;
  width: 900px;
  padding-top: 10px;
  margin-right: 0px;
  padding-left: 0px;

 }
.seznam
 {
  margin-left: 20px;
  padding-left: 0;
  list-style: none;
  width: 176px;
  z-index: 2;
  display: none;
  font-size: 11px;
 }
.seznam li
 {
  padding-left: 10px;
  background: url('../images/slozka.jpg') no-repeat 0 1px;
  padding-left: 25px;
  color: black;
 }
.seznam li h2
 {
  font-size: 11px;
 }
.seznam li h2 a
 {
  cursor: Pointer;
  color: black;
  text-decoration: none;
 }
.seznam li h2 a:hover
 {
  font-weight: bold;
 }
.clanek
 {
  width: 99%;
  margin-left: 5px;
 }
.clanek h2
 {
  font-size: 13px;
  font-weight: bold;
  padding-top: 10px;
 }
.clanek p
 {
  text-align: justify;
 }
.podpis
 {
  width: 670px;
  text-align: right;
  color: rgb(204,204,204);
  border-bottom: 1px solid rgb(204,204,204);
 }
/* PATICKA ---------------------------------------------------------------*/
#paticka 
 {
  position: relative;
  width: 1149px;
  height: 90px;
  border-right: 1px solid rgb(204,204,204);
  border-bottom: 1px solid rgb(204,204,204);
  background-image: url('../images/paticka.jpg');
 }
#paticka a
 {
  text-align: center;
  color: #A4A4A4;
 }
#paticka a:hover
 {
  color: black;
 }
#paticka a img
 {
  margin-left: 25px;
  border: none;
 }
/* NAVIGACE ----------------------------------------------------------------*/
#link0{background-image: url(../images/tlacitka/normal/0.jpg); height: 25px; left: 0px; cursor: pointer;}
#link1{background-image: url(../images/tlacitka/normal/1.jpg); height: 25px; left: 100px; cursor: pointer;}
#link2{background-image: url(../images/tlacitka/normal/2.jpg); height: 25px; left: 200px; cursor: pointer;}
#link3{background-image: url(../images/tlacitka/normal/3.jpg); height: 25px; left: 300px; cursor: pointer;}
#link4{background-image: url(../images/tlacitka/normal/4.jpg); height: 25px; left: 400px; cursor: pointer;}
#link5{background-image: url(../images/tlacitka/normal/5.jpg); height: 25px; left: 500px; cursor: pointer;}
#link6{background-image: url(../images/tlacitka/normal/6.jpg); height: 25px; left: 600px; cursor: pointer;}


#link0:hover{background-image: url(../images/tlacitka/oznacene/0.jpg);}
#link1:hover{background-image: url(../images/tlacitka/oznacene/1.jpg);}
#link2:hover{background-image: url(../images/tlacitka/oznacene/2.jpg);}
#link3:hover{background-image: url(../images/tlacitka/oznacene/3.jpg);}
#link4:hover{background-image: url(../images/tlacitka/oznacene/4.jpg);}
#link5:hover{background-image: url(../images/tlacitka/oznacene/5.jpg);}
#link6:hover{background-image: url(../images/tlacitka/oznacene/6.jpg);}

.active0{background-image: url(../images/tlacitka/zmacknute/0.jpg); color: #fff;}
.active1{background-image: url(../images/tlacitka/zmacknute/1.jpg); color: #fff;}
.active2{background-image: url(../images/tlacitka/zmacknute/2.jpg); color: #fff;}
.active3{background-image: url(../images/tlacitka/zmacknute/3.jpg); color: #fff;}
.active4{background-image: url(../images/tlacitka/zmacknute/4.jpg); color: #fff;}
.active5{background-image: url(../images/tlacitka/zmacknute/5.jpg); color: #fff;}
.active6{background-image: url(../images/tlacitka/zmacknute/6.jpg); color: #fff;}
 
.content.link0{display: block;}
.content.link1{display: none;}
.content.link2{display: none;}
.content.link3{display: none;}
.content.link4{display: none;}
.content.link5{display: none;}
.content.link6{display: none;}

.content a{
  position: relative;
  top: 7px;
  left: 0px;
  color: white;
  text-decoration: none;
  margin-left: 30px;
 }
 
#meziblok{
  position: relative;
  float: left;
  width: 200px;
  margin-top: 20px;
}

#meziblok h2{
  font-size: 13px;
  font-weight: bold;
}

#meziblok h3{
  font-size: 13px;
  font-weight: bold;
}