/* Zakladni nastaveni barev */
body {
  color: #fff;
  background-image: url('/images/pozadi_stranka.gif');
  background-repeat: repeat-x;
  text-align: center;
  background-color:#012f4c;
}

h1, h2, h3, h4, h5, h6 {
 /* font-family: 'Calibri', 'Arial', 'Verdana', 'sans-serif';*/
  font-family: 'Arial', 'Verdana', 'sans-serif';
  font-size:1.1em;
}

.clear {
  clear: both;
}

body table, body table td {
  color: #f89e18;
}

a {
	color:#ffcc00;
}

h1 {
  font-size:2.2em;
  line-height:130%;
  margin:5px 0px 0px 0px;
  text-align:left;
  width:100%;  
  padding:0px; 
}

hr {
  position:relative;
  top:0px;
  padding:0px;
  width:100%;
  height:1px;
  color:#035787;
  background-color:#035787;
  border:0px;
}

#web {
  margin:0px auto 0px auto;
  width:940px;
 /* overflow:hidden;*/
  position:relative;
 /* border:5px solid black;*/
}

#top {
  position:relative;
  top:0px;
  left:0px;
  margin:0px auto 0px auto;
  background-image:url('/images/pozadi_top.gif');
  background-repeat:repeat-x;
  width:940px;
  height:121px;
}

#top h2.hlavni {
  position:relative;
  top:8px;
  left:24px;
  width:127px;
  height:103px;
  text-decoration:none;
  border:0px;
}

#top h2.hlavni a {
  text-decoration:none;
  cursor:pointer;
}

#top .c1 {
  position:absolute;
  top:20px;
  left:0px;  
  width:127px;
  height:103px; 
  color:#fff;
  font-size:2em; 
  text-decoration:underline;
  font-weight:bold;
}

#top .c2 {
  position:absolute;
  top:0px;
  left:0px;  
  width:127px;
  height:103px;
  background-image:url('/images/logo.gif');  
}

#top .middle {
  position:absolute;
  top:37px;
  left:260px;
  width:281px;
  height:84px;
  background-image:url('/images/napis.gif');
  background-repeat:no-repeat;
/*  border:1px solid red;*/
}

#top #motiv_pozadi {
  position:absolute;
  top:18px;
  left:539px;
  width:401px;
  height:103px;
 /* background-image:url('/images/motiv1.jpg');
  background-repeat:no-repeat;  */
}

#menu {
  position:relative;
  top:5px;
  left:0px;
  width:206px;
  float:left;
  background-image:url('/images/pozadi_menu.gif');
  background-repeat:repeat-x;
  text-align:left;
  margin-bottom: 40px;
}

#menu .menu {
  position:relative;
  top:3px;
  left:0px;
  z-index:3;
  padding-left: 10px;
}

#menu .puzzle {
  width:  206px;
  height:  167px;
  display:  block;
  position:  absolute;
  top:  267px;
  left:  0px;
  background-image:  url('/images/puzzle_menu.gif');
  z-index:  0;
}

#menu  a {
  color:#fff;
  text-transform:  uppercase;
  text-decoration:  none;
  font-weight:  bold;
  line-height:  170%;
  font-size:  1.2em;
}

#menu ul, #menu li {
  margin: 0px;
  padding: 0px;
}

#menu ul {
  position:  relative;
  top:  0px;
  left:  0px;
  padding-left: 10px;
}

#menu li {
  list-style-type:none;
  display:block;
 /* border:1px solid hotpink;*/
  z-index:1;
  margin-top:5px;
}

#menu .menu ul ul a {
  width: 155px;
  font-size: 1.0em; 
}

#menu .menu a {
  display:block;
  width:165px;
  padding-left:5px;
  cursor:hand;
  _cursor:pointer;

}

#menu .aktivni {
  background-color:#8ac8cb;
}

#banner1 {
  position:relative;
  margin: 20px 0px 0px 20px;
  width:161px;
  height:161px;
  z-index:3;
}

#banner2 {
/*  position:  absolute;
  bottom:  75px;
  left: 32px;     */
  position: relative;
  padding-left: 32px;
  width: 161px;
  height: 161px;
  z-index: 10;
}

#body {
/*  border:1px solid red;*/
  position:relative;
  top:0px;
  left:0px;
  width:730px;
  float:right;
}

#body_leva {
 /* border:1px solid white;*/
  position:relative;
  top:0px;
  left:0px;
  width:490px;
  float:left;

}


#vnitrni_sekce {
 /* border:1px solid yellow;*/
  float: right;
  position:  relative;
  top:  0px;
  left:  0px;
  width:  237px;
  height:  550px;     
  float:  right;
  background-color:  #087fc3;
  text-align:  left;
/*  background-image:url('/images/pozadi_pravy_sloupec.gif');
  background-repeat:repeat-y;*/
 
}

#vnitrni_sekce .ukonceni {
  width:  24px;
  height:  401px;
  display:block;
  position:  absolute;
  top:  29px;
  left:  220px;
  background-image:url('/images/ukonceni_pravy.gif'); 
  background-repeat:no-repeat;
  z-index: 0;
}

#vnitrni_sekce .puzzle {
  width:  244px;
  height:  164px;
  display:  block;
  position:  absolute;
  top:  430px;
  left:  0px;
  background-image: url('/images/puzzle_prave.gif');
  z-index: 0;
  
}

#vnitrni_sekce .pravy_roh {
  display:  block;
  width:  53px;
  height:  34px;
  position:absolute;
  top:  0px;
  left:  191px;
  background-image:  url('/images/zaobleni_prave.gif');
  background-repeat:  no-repeat;
  z-index: 0;
}

#vnitrni_sekce .prihlaseni {
  position:  relative;  
  top:  5px;
  width:  226px;
  height:  130px;
}

#vnitrni_sekce .menu_fotoalbum {
  position: relative;  
  top: 10px;
  width: 215px;
}

#vnitrni_sekce .menu_fotoalbum a.odkaz_foto {
  display: block;
  width: 200px;
  text-align: center; 
 /* position: relative;
  top: 2px;
  left: 12px;      */
  padding: 2px 0px 10px 12px; 
  z-index: 10;
}

#vnitrni_sekce .menu_fotoalbum a.odkaz_foto img {
  border: 1px solid #035787;
}

#vnitrni_sekce .menu_fotoalbum a.odkaz_foto span.nazev {
  display: block;
  padding: 5px 0px 5px 0px;
  font-size: 1.1em;
}

#vnitrni_sekce h3 {
  font-size:1.3em;
  font-style:italic;
  font-weight:bold;
  margin:5px 0px 5px 10px;
}

#vnitrni_sekce .login_heslo {
  margin:  0px 0px 5px 10px;
 /* border:1px solid red;*/
  color:  #023555;
}

#vnitrni_sekce .menu_fotoalbum h3 a {
  display: block;
  font-size: 1.0em;
  font-style: normal;
  margin-left: auto;
  margin-left: auto;
  text-align: center;
}

#vnitrni_sekce .menu_fotoalbum a {
  color:  #fff;
/*  text-transform:uppercase;*/
  font-size:  0.8em;
  text-decoration:  none;
  font-weight:  bold;
}



#vnitrni_sekce span.puzzlik {
  display:  block;
  width:  14px;
  height:  11px;
  background-image:  url('/images/odrazka.gif');
  background-repeat:  no-repeat;
  float:  left;
  margin:  4px 3px 0px 0px;
  _margin-right:  8px;
  cursor:  hand;
  _cursor:  pointer;
  
  
}

#vnitrni_sekce .menu .odeslat {
  background-image:url('/images/vice.gif');
  width:87px;
  height:23px;
  position:relative;
  top:3px;
  left:130px;
  _cursor:hand;
  cursor:pointer;
}

#vnitrni_sekce span.odkaz_text {
  display:block;

  cursor:hand;
  _cursor:pointer;
}

#vnitrni_sekce .registrace_mail {
 /* position: absolute;
  bottom: 260px;  
  width: 100%; */
  position: relative;
  padding: 8px 2px 26px 2px;  
  z-index: 10;
  text-align: left;
}

#vnitrni_sekce .registrace_mail h3 {
  font-size: 1.0em;
  font-weight: bold;
}

#vnitrni_sekce .registrace_mail input {
  height:  16px;
  margin:  0px;
  padding: 0px;
}

#vnitrni_sekce .registrace_mail .mail {
  float: left;
  width: 100px;
  height: 21px;
  position: absolute;
  top: 30px;
  left: 11px;
  border: 1px solid #10517a;
}


#vnitrni_sekce .registrace_mail .odeslat {
  background-image:url('/images/prihlasit.gif');
  width:  87px;
  height:  23px;
  border:  0px;
  _cursor:  hand;
  cursor:  pointer;
  
  position: absolute;
  top: 30px;
  left: 127px;
}

#vnitrni_sekce .registrace .form {
  margin-left: 15px;
}



#bottom {
  position:relative;
  width:940px;
  height:33px;
  background-color:#0a5f91;
  text-align:right;
  font-size:0.9em;
}

#bottom .copyright {
  margin:3px 5px 0px 0px;
}

#bottom a {
  color:#fff;
}

.posledni {
  clear:both;
}

/*------------------------------------------ temata ---------------------------------------*/

#temata {
  width:460px;
  position:relative;
  top:0px;
  left:0px;
  text-align:justify;
  margin:20px 0px 20px 10px;
  padding:0px;
  text-align:left;
  overflow:hidden; 
}

#temata .tema {
  padding:10px 0px 10px 0px;
}

#temata .pokracovat {
  display:block;
  padding:6px 0px 6px 0px;
}

#temata a {
  color:#fff;
  font-weight:bold;
} 

#temata h3 {
  font-size:1.3em;
  width:380px;
  padding:10px 0px 10px 0px;
}

/*--------------------------------------------- forum -------------------------------------------*/

#forum {
  width:460px;
  position:relative;
  top:0px;
  left:0px;
  text-align:justify;
  margin:0px 0px 20px 10px;
  padding:0px;
  text-align:left;
  overflow:hidden;  
}

#forum .neni {
  width:460px;
  margin:30px 0px 0px 0px;
  text-align:center;
}

#forum .cistic {
  clear:both;
} 

#forum .ramecek {
  padding-bottom:6px;
}

#forum .odrazka {
  width:30px;
  height:25px;
}

#forum .telo {
  margin:0px;
  margin-left:20px;
  margin-top:5px;
  margin-right:10px;
  margin-bottom:5px;

}

#forum .autor {
  margin:0px;
  font-size:13px;
  font-weight:bold;
  margin-left:20px;
  margin-top:3px;
  margin-bottom:3px;
  float:left;
}

.datum {
  margin:0;
  margin-right:10px;
  margin-top:3px;
  margin-bottom:3px;
  float:right;
}

#forum .text_prispevku {
  font-size:12px;
  line-height:130%;
  letter-spacing:120%;
}

#forum .pridej {
 /* margin-right:10px;*/
  margin:0px 10px 5px 5px;
}

#forum .zahlavi {

}

#forum .zapati{
  text-align:right;
  margin:0px;
 /* margin-right:10px;*/
  width:60px;
}

#forum .odsazeni_fora {
  position:relative;
  width:100%;
  height:65px;
}



#sipky{
  width:800px;
  height:30px;
  text-align:center;
  position:relative;
  margin:0px 0px 10px 0px;
}

#sipky img {
  border:0px;
}

#sipky .leva{
  position:relative;
  left:165px;
  float:left;
}
#sipky .prava{
  position:relative;
  left:-165px; 
  float:right;
}

#sipky_horni {
  position:absolute;
  top:-15px;
  left:0px;
  width:500px;
  height:30px;
}

#sipky_horni img {
  border:0px;
}

#sipky_horni .leva{
  position:relative;
  left:165px;
  float:left;
}
#sipky_horni .prava{
  position:relative;
  left:-165px; 
  float:right;
}

#tlacitko_vlozit {
  position:relative;
  left:5px;
}

#cisla_stranek {
  width:500px;
  height:10px;
  position:relative;
  top:-70px;
/*  left:315px;*/
  text-align:center;
  float:none;
}

.strankovani {
  float:left;
}

.strankovani_aktualni {
  float:left;
  color: #0000ff;
}

#forum_uvod {
  width:460px;
  margin:0px 0px 0px 10px;
  text-align:center;
}

#forum_uvod h2 {
  font-size:1.5em;
  line-height:140%;
  font-weight:bold;
  margin-bottom:20px;
}

/*-------------------------------------------------------        ------------------------------------------*/

#texty {
  position:relative;
  width:460px;
  margin:0px 0px 20px 10px;
/*  border:1px solid red;*/
}

#texty .predformatovany_text {

}

#clanky {
  width:460px;
  margin:0px 0px 20px 10px;
}

#clanky a {
  color:#fff;
  font-weight:bold;
} 

#clanky h3 {
  font-size:1.3em;
  width:380px;
}

#clanky .datum {
  font-size:1.2em;
  margin-top:-16px;
}

#clanky .pokracovani {
  margin-top:10px;
}

#clanky .starsi {
  margin-top:10px;
  width:100%;
  float:left;
  text-align:left;
  font-weight:bold;
  font-size:1.1em;
}

#clanky .aktualni {
  text-decoration:none;
}

/*--------------------------------------clanek ---------------------------------*/
#clanek {
  width:460px;
  margin:0px 0px 20px 10px;
  text-align:left;
}

#clanek h2 {
  font-size:1.6em;
  width:390px;
  color:#fff;
  font-weight:bold;
  
}

#clanek a {
  color:#fff;
  font-weight:bold;
} 

#clanek .datum {
  text-align:right;
  width:200px;
  font-size:1em;
  margin-top:-21px;
}

#clanek .soubory, .vice_foto {
  float:right;
  width:150px;
}

#clanek .text_clanku {
  margin-top:30px;
}

#clanek .soubory a {
  display:block;
} 




/*------------------------------- kalendar -------------------------------------*/


#kalendar  {
  width:460px;
  margin:0px 0px 0px 10px;
/*  border:1px solid green;*/
  position:relative;
  top:0px;
  left:0px;
  padding: 0px 0px 20px 0px;
  border: 0px solid red;
}

#kalendar a {
  color: #fff;
}

#kalendar .zahlavi {
  
  padding: 10px 10px 20px 10px;
  margin: 0px auto 0px auto; 
  background-color: transparent;
  font-size: 1.4em;
}

#kalendar .seznam_akci {
  width: 460px;
}

#kalendar .seznam_akci td {
  border:0px;
  color: #fff;
  border: 0px solid red;
  font-size: 1.2em;
  padding: 6px 3px 6px 3px;
  vertical-align:top;
  line-height: 140%;
  
  border: solid #0981c6;
  border-width: 0px 1px 1px 0px;
}

#kalendar .seznam_akci td.cas {
  width: 100px;
  padding-right: 10px;
  text-align: right;
}

#kalendar .pokracovani {
  font-size:0.9em;
}

#kalendar .seznam_akci div {
   color:#fff; 
   font-size:0.9em;
   padding: 6px 6px 16px 6px;


}

/*-----------------------------------------  fotoalbum -------------------------------------*/       

#fotoalbum {
  width:460px;
  margin:0px 0px 0px 10px;
  text-align:left;  
}

#fotoalbum h3 a {
  color:#fff;
  font-size:1.4em;
  font-weight:bold;
  line-height:130%;
} 



#fotoalbum a {
  color:#fff;
  font-size:1.1em;
}

#fotoalbum img {
  margin:5px 10px 5px 0px;
  border:1px solid #fff;
}

#fotoalbum .rubrika {
  margin:10px 10px 10px 0px;
}

#fotoalbum .dalsi {
  padding-right:10px;
}

/*-------------------------------------- formular -----------------------------------------*/

#texty .include_formular td {
  color:#fff;
}

#texty .include_formular .odeslat {
  width:87px;
  height:23px;
  position:relative;
  top:5px;
  left:100px;
  _cursor:hand;
  cursor:pointer;
  background-image:url('/images/prihlasit.gif');
}

/*-------------------------------------- aktuality -----------------------------------------*/

#aktuality {
  width:460px;
  margin:0px 0px 20px 10px;
}

#aktuality .novinka {
  margin:20px 0px 10px 0px;
}

#aktuality .zprava {
  margin:10px 0px 10px 0px;
  text-align:left;
}

#aktuality h3 {
  font-size:1.3em;
  width:100%;
  text-align:left;
}


/*------------------- rozcestnik -----------------*/

#web_rozcestnik {
  margin:0px auto 0px auto;
  width:940px;
  position:relative;
  padding: 0px;
}

#body_rozcestnik {
  position:  relative;
  top:  0px;
  width:  940px;
  float:  left;
  padding-top: 20px;  
}

#body_rozcestnik #clanky {
  width: 920px;
  position: relative;
}



.rozcestnik {
  position: relative;
}

.rozcestnik h2.hlavni_nadpis {
  display: block;
  font-size: 2em;
  float: left;
  width: 100%;
  text-align: left;
  line-height: 200%;
}

.rozcestnik hr {
  clear: both;
}

.rozcestnik table, .rozcestnik tr, .rozcestnik td {
  position: relative;
} 

.rozcestnik .predformatovany_text {
  padding-bottom: 20px;
  text-align: left;
}

.rozcestnik table {
  border-collapse: collapse;
}

.rozcestnik td {    
  width: 25%;     
  vertical-align: top;
  color: #fff;
  border: solid #aaa;
  padding: 5px;
}

.rozcestnik td.td_doplnujici {
  border-width: 0px;
}

.rozcestnik td .td_body {
  position: relative;
  padding-bottom: 20px;
}


.rozcestnik td.leva {
  border-width: 0px 1px 1px 0px; 
}

.rozcestnik td.prava {
  border-width: 0px 1px 1px 0px; 
}

.rozcestnik table td h2 {
  font-size: 1.3em;
  display: block;
  padding: 3px 0px 3px 0px;
}

.rozcestnik table td h2 img {
  float: none;
  margin: 0px 5px 5px 0px;
}

.rozcestnik td h4 {
  display: block;
  font-size: 1.0em;
  padding: 3px 0px 3px 0px;
    font-weight: normal;
}

.rozcestnik td h4 a {
  font-weight: normal !important;
}

.rozcestnik table td .predformatovany_text {
  padding: 5px 0px 5px 0px;
  font-size: 0.9em;
}

.rozcestnik .odkaz_prohlednout {
  position: absolute;
  bottom: 0px;
  right: 0px;
}


.rozcestnik .banner {
  position: relative;
  top: 0px;
  left: 0px;
}


#motiv {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  
  width: 100%;
  height: 229px;
  
  background-image: url('../rozcestnik/images/1.jpg');
  background-position: center top;
  background-repeat: no-repeat;
}

#motiv_img {
  display: block;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  
  width:  940px;
  height: 229px;
  background-position: center top;
  background-repeat: no-repeat;
}


#top_rozcestnik {
  position:  relative;
  top:  0px;
  left:  0px;
  padding: 0px;
  margin:  0px auto 0px auto;
  width:  940px;
  height:  229px;
  text-align: center;
  padding: 0px;
}


#top_rozcestnik h1.slideshow_hlavni {
  position:  relative;
  top: 0px;
  left: 0px;
  width:  940px;
  height: 229px;
  text-decoration:  none;
  border:  0px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

#top_rozcestnik  h1.slideshow_hlavni a {
  text-decoration:  none;
  cursor:  pointer;
  padding: 0px;
}

#top_rozcestnik  .c1 {
  position:  absolute;
  top: 0px;
  left: 0px;
  width:  940px;
  height: 229px;
  color:  #fff;
  font-size:   1.3em; 
  text-decoration:  underline;
  font-weight:  bold;
  padding: 0px;
}

#top_rozcestnik .c2 {
  position:  absolute;
  top:  0px;
  left:  0px;  
  width:  940px;
  height: 229px;
  background-image: url('../rozcestnik/images/1.jpg');  
  padding: 0px;
}