/* Zakladni nastaveni barev */
body {
	background-color: #2f7626;
  background-image: url('../images/body_bg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0%;
  text-align: center;
}


table, th, td, div, img, h1, h2, h3, h4, h5, input, textarea {
	border-color: #0d6a11;
}

a {
	color: #0d6a11;
}

input.submit {
	background-color: #6c6435;
	background-image: url('../images/button_bg.gif');
	background-repeat: repeat-x;
	border-bottom-color: #460129;
	border-right-color: #85044f;
	border-width: 0;
	padding: 2px 3px;
	text-transform: uppercase;
	
	color: #fff;
}

#main h2, #main h1 {
    /*background-color: #cb1813;
    background-image: url('../images/header_bg.jpg');
    background-repeat: repeat-x;*/
    padding: 10px 0px;
    color: #0d6a11;
    /*text-transform: uppercase;*/
    margin-bottom: 2px;
    font-size: 1.8em;
    border-bottom: 0; /*solid 2px #ddd;*/
}

#main h3 {
    margin-bottom: 5px;
    border-bottom: solid 2px #ddd;
    padding-bottom: 4px;

}

#middle h1, #middle h2 {
    line-height: 140%;
}

#middle h3 {
    font-size: 1.3em;
}

h4 {
  color: #0d6a11;
}

fieldset {
  border-color: #A3A3A3;
}

fieldset legend {
  border-color: #A3A3A3;
  color: #031939;
  background-color: #F0F0F0;
}

.topbox {
  background-color: #FFF;
}

input, textarea {
    background-image: url('/images/pozadi_input.gif');
    background-repeat: repeat-x;
    background-position: 0% 100%;
    border-color: #6c6435;
}

/* obecne soubory ke stazeni s ikonkou */
.soubory_ke_stazeni li {
  padding-left: 5px;
}


/* zakladni layout */
#body {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #fff; 
    position: relative;
    margin-top: 24px;
    padding-top: 5px;
}

#main_box {
    width: 979px;
    margin-left: 5px;
    background-color: #f2ffe1;
    background-image: url('../images/main_bg.jpg');
    background-repeat: repeat-x;
}

#main {
    background-image: url('../images/left_bg.gif'); 
    background-repeat: repeat-y;
    background-position: 2px 0;
}

#top {
    position: relative;
    height: 136px;
    *top: -1px;
    background-image: url('../images/main_bg.jpg');
    background-repeat: repeat-x;
    
}

#top h1 {
    width: 414px;
    height: 75px;
    position: absolute;
    left: 28px;
    top: 22px;
    overflow: hidden;
}

#top h1 a {
    color: #fff;
    font-size: 5.2em;
    font-weight: bold;
    text-decoration: none;
}

#top h1 a .c2 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 414px;
    height: 75px;
    background-image: url('../images/logo.jpg');
    background-repeat: no-repeat;
}

#top h1 a span {
    cursor: pointer;
}

#top h2 {
    width: 180px;
    height: 75px;
    position: absolute;
    left: 472px;
    top: 21px;
    color: #fff;
    font-size: 1.4em;
    line-height: 140%;
    padding-top: 3px;
}

#top .motiv1 {
    background-image: url('../images/top_menu_zavesy.jpg');
    background-repeat: no-repeat;
    width: 790px;
    height: 40px;
    position: absolute;
    left: 2px;
    top: 96px;    
}


#top .motiv2 {
    background-image: url('../images/mracek.jpg');
    background-repeat: no-repeat;
    width: 138px;
    height: 96px;
    position: absolute;
    left: 654px;
    top: 0px;    
}

#middle_box {
    width: 774px;
    float: left;
}

#middle {
    width: 604px;
    float: right;
}

#middle, #middle table {
    line-height: 140%;
}

#middle p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle h6 {
    font-family: 'Georgia', 'Times New Roman', serif;
}

#middle_text {
    width: 596px;
    margin-left: 4px;
}

#right {
    float: right;
    width: 200px;
}

#left {
    float: left;
    width: 162px;
}


#clear {
    height: 35px;
}

#istan {
    position: absolute;
    right: -3px;
    top: -22px;
}

#menu ul, #menu li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu {
    background-image: url('../images/menu_bg.jpg');
    background-repeat: no-repeat;
    background-position: 2px 0;
}

#menu ul {
    padding-top: 13px;
}

#menu li {
    height: 67px;
    background-image: url('../images/menu_bg_5.jpg');
    background-repeat: no-repeat;
    background-position: 2px 0; 
}

#menu li.menu1 {
    height: 64px;
    background-image: url('../images/menu_bg_1.jpg');
}

#menu li.menu2 {
    height: 62px;
    background-image: url('../images/menu_bg_2.jpg');
}

#menu li.menu3 {
    background-image: url('../images/menu_bg_3.jpg');
}

#menu li.menu4 {
    background-image: url('../images/menu_bg_4.jpg');
}

#menu li.posledni {
    height: 67px;
    background-image: url('../images/menu_bg_6.jpg') !important;
}

#menu li a {
    height: 62px;
    display: block;
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
}

#menu li a:hover {
    color: #0d6a11;
}

#menu li a span {
    display: block;
    padding: 20px 0 0 15px;
}

#left .buttony {
    margin-top: 50px;
}

#left .buttony h3 {
    background-image: url('../images/button_nadpis_bg.jpg');
    background-repeat: no-repeat;
    background-position: 2px 0;
    height: 50px;
    border: 0;
}

#left .buttony h3 span {
    display: block;
    padding: 20px 0 0 20px;
}

#left .buttony p {
    margin: 1em 0;
    text-align: center;
}

#left .mapa {
    text-align: center;
    margin-top: 20px;
}

#footer {
    position: relative;
    background-repeat: no-repeat;
    background-color: #4e8426;
    color: #fff;
    padding: 25px 15px 25px 15px;
    font-size: 0.9em;
    text-align: right;
    background-image: url('../images/orlice.gif');
    background-position: 15px 70%;
}

#footer .trava {
    position: absolute;
    right: 0px;
    top: -40px;
    width: 990px;
    height: 53px;
    background-image: url('../images/footer_bg.gif');
    background-repeat: no-repeat;
}

#footer a {
    color: #fff;
}

#top_menu {
    position: absolute;
    left: 231px;
    top: 128px;
}

#top_menu ul, #top_menu li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#top_menu li {
    background-repeat: no-repeat;
    position: absolute;
    width: 123px;
    height: 55px;
    top: 0;
    overflow: hidden;
}

#top_menu li span {
    display: block;
    padding: 12px 0 0 0;
    text-align: center; 
}

#top_menu li.polozka2 span {
    padding-top: 13px;
}

#top_menu li.polozka3 span {
    padding-top: 15px;
}

#top_menu li.polozka4 span {
    padding-top: 17px;
}

#top_menu li a {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 1.5em;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

#top_menu li a:hover {
    color: #0d6a11;
}

#top_menu li.polozka1 {
    background-image: url('../images/top_menu_bg_1.gif'); 
    left: 0;
}
#top_menu li.polozka2 {
    background-image: url('../images/top_menu_bg_2.gif'); 
    left: 131px;
}
#top_menu li.polozka3 {
    background-image: url('../images/top_menu_bg_3.gif'); 
    left: 261px;
}
#top_menu li.polozka4 {
    background-image: url('../images/top_menu_bg_4.gif'); 
    left: 395px;
}

#right .foto_box {
    height: 600px;
    position: relative;
}

#right .foto {
    position: absolute;
    overflow: hidden;
    width: 200px;
    right: 0;
}

#right .foto .ramecek {
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    width: 200px;
}

#right .foto_1, #right .foto_1 .ramecek {
    height: 135px;
    background-image: url('../images/ramecek_vpravo1.gif');
}
#right .foto_1 {
    top: 27px;
}

#right .foto_2, #right .foto_2 .ramecek {
    height: 156px;
    background-image: url('../images/ramecek_vpravo2.gif');
}
#right .foto_2 {
    top: 162px;
}

#right .foto_3, #right .foto_3 .ramecek {
    height: 139px;
    background-image: url('../images/ramecek_vpravo3.gif');
}
#right .foto_3 {
    top: 318px;
}

#right .foto_4, #right .foto_4 .ramecek {
    height: 143px;
    background-image: url('../images/ramecek_vpravo4.gif');
}
#right .foto_4 {
    top: 457px;
}

#motiv {
    margin-bottom: 0.8em;
}

#piktogramy_prave {
    position: absolute; 
    left: 1000px;
    top: 0;
}

#piktogramy_prave .polozka {
    margin-bottom: 5px;
}

/* clanky */

.clanek {
  border-top-width: 0px;
  border-top-color: #e0e1e1;
  padding-top: 10px;
  padding-bottom: 10px;
}

.clanek_prvni, .clanek_detail {
  border-top-width: 0px;
  padding-top: 0px;
}

.clanek h3 {
  background-color: transparent;
  border-width: 0px 0px 0px 0px;
  border-color: #F0F0F0;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  font-size: 1.2em;
  border-bottom-width: 0 !important;
}

.clanek h3 a {
  font-weight: bold;
  color: #302f2f;
}

.clanek .datum {
  padding: 0px 0px 0px 0px;
}

.clanek .cely_clanek {
  text-align: right;
  padding-top: 1px;
  background-image: url('../images/button_bg.gif');
  background-repeat: repeat-x;
  background-position: left bottom;
  float: right;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 0.9em;
}

.clanek .cely_clanek a {
  font-weight: bold;
  font-size: 1em;
  border-style: solid;
  border-color: #DDD;
  border-width: 0;
  padding: 0px 2px 0px 2px;
  /*color: #fff;*/
  /*text-decoration: none;*/
}

.clanek .cely_clanek a:hover {
    /*text-decoration: underline;*/
}

.clanek .ilustrace {
  float: left;
  margin-left: 2px;
  margin-top: 0.5em;
  margin-right: 8px;
  clear: left;
}

.clanek .anotace {
  text-align: left;
  font-style: normal;
}

.clanek .flash {
  float: left;
  margin-left: 2px;
  margin-top: 10px;
  _margin-top: 10px;
  margin-right: 8px;
  clear: left;
}

.clanek .clear_anotace {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  overflow: hidden;
}

.clanek .hodnoceni {
  float: right;
  width: 200px;
  text-align: center;
  background-color: #e0e0e0;
  font-size: 0.9em;
}

.clanek .hodnoceni img {
    filter: none;
    border-width: 0px; 
}

.clanek .hodnoceni h3 {
    font-size: 1em !important;
    font-style: normal !important;
    background-color: #e0e0e0 !important;
}


.strankovani {
	border-width: 0px;
	display: inline;
	width: 20px;
	text-align: center;
	margin-right: 1px;
	padding-left: 2px;
    vertical-align: top;
    _vertical-align: middle;
    background-color: #fff;
}

.strankovani a {
    font-weight: bold;
}

.strankovani_vybrano {
  background-color: #f2ffe1;
}

.strankovani_vybrano a {
    /*color: #fff;*/
}

.strankovani_seznam .invisible {
    visibility: hidden;
}

.strankovani_seznam .doleva {
    margin-right: 4px;
}

.strankovani_seznam .doprava {
    margin-left: 4px;
}

.strankovani_seznam .doleva img {
    margin-right: 3px;
}

.strankovani_seznam .doprava img {
    margin-left: 3px;
}

.strankovani_seznam img {
    position: relative;
    top: -2px; 
}


/* formulare */
.include_formular {
  clear: both;
}

.include_formular fieldset {
  margin-left: 100px;
  margin-right: 100px;
  text-align: center;
}

.include_formular table {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  border-width: 0px !important;
}

.include_formular td.polozka {
  width: 40%;
  text-align: right;
  vertical-align: top;
}

.include_formular td input, .include_formular td textarea {
  width: 90%;
}

.include_formular td textarea {
  height: 90px;
}

.include_formular td input.submit {
  width: auto;
}

#text_stranka .include_formular {
    /*float: right;*/
    width: 100%;
    text-align: center;
    padding-top: 0;
}

#text_stranka .include_formular .submit {
    margin-right: 26px;
}

#text_stranka .include_formular h3 {
    margin-top: 6px;
}

#text_stranka table {
    clear: none;
}

#tabulka table td {
    vertical-align: top;
    border-bottom: dashed 1px #ddd;
    padding: 5px 0;
}
#tabulka table td p {
    margin: 0;
}



.anketa .otazka {  
  font-weight: normal;   
  color: #434343;
}

.anketa .odpoved {  
  text-transform: uppercase;   
  padding-left: 1px;
}

.anketa .odpoved a {
  text-decoration: none;
  font-weight: bold;
  color: #179ecb;
  color: #434343;
}

.anketa a {
  text-decoration: none;
}


.anketa .odpoved a {
  text-decoration: underline;
}

.anketa .odpoved a:hover {
  text-decoration: none;
}

.anketa .graf {      
  border-width: 0px; 
  padding: 0px;   
  margin: 0px; 
  margin-bottom: 0px;   
  font-size: 1px;   
  height: 7px;   
  display: block;
  overflow: hidden;
  background-color: #fb4341;
}

.anketa .graf_barva {  
  border-width: 0px;   
  padding: 0px;   
  margin: 0px;
  margin-bottom: 0px;
  font-size: 1px;   
  height: 7px;   
  display: block;
  overflow: hidden;
  background-color: #e10000;
}



.karty .seznam .karta {
    width: 49.5%;
    float: left;
    background-color: #f2ffe1;
}

.karty .seznam .karta1 {
    float: right;
}


.karty .seznam .karta h3, .karty .detail .karta h1 {
    padding: 0 !important;
    background-repeat: repeat-x;
    border-bottom-width: 0 !important;
}

.karty .seznam .karta h3 span, .karty .detail .karta h1 span {
    display: block;
    line-height: auto;
    padding: 10px 10px 13px 30px !important;
    background-repeat: no-repeat;
}

.karty .seznam .karta h3 a {
    font-weight: bold;
    text-decoration: none;
}

.karty .seznam .karta h3 a:hover {
    text-decoration: underline;
}

.karty .seznam .karta .text {
    padding: 3px 10px;
    color: #7e7e7e;
    font-size: 0.9em;
    min-height: 210px;
}

.karty .karta .foto {
    text-align:  center;
    padding-bottom: 2px;
}

.karty .karta .foto img {
    border-width: 2px;
}


.karty .seznam .karta .detail a {
    float: right;
    display: block; 
    background-repeat: repeat-x;
    padding: 2px 14px;
    text-decoration: none;   
    text-transform: uppercase;
}

.karty .seznam .karta .detail a:hover {
    text-decoration: underline;
}

.karty .seznam .karta .detail_clear {
    height: 5px;
    overflow: hidden;
    clear: both;
}

.karty .seznam .karta .spodni_linka {
    clear: both;
    background-repeat: repeat-x;
    height: 10px;
    overflow: hidden;
}

.karty .seznam .radek {
    clear: both;
}

.karty .seznam .radek_dalsi {
    padding-top: 1em;
}

.karty .detail .karta {
    background-color: #f2ffe1;;
}

.karty .detail .karta h1 span {
    font-size: 0.9em !important;
    padding-top: 4px !important;
    padding-bottom: 8px !important;
}

.karty .detail .karta .text {
        padding: 3px 10px;
        clear: both;
}

.karty .detail .karta .levy {
    width: 205px;
    float: left;
    margin-right: 15px;
}

.karty .detail .piktogram {
    float: left;
    margin: 5px 5px 5px 10px;
}

.piktogramy .piktogram .foto {
    float: left;
    margin: 0 10px 5px 0;
}

.piktogramy .piktogram .levy {
    width: 205px;
    float: left;
    margin-right: 15px;
    clear: both;
}



.karty .seznam .karta_motiv_zelena h3, .karty .detail .karta_motiv_zelena h1 {
    background-color: #578129;
    background-image: url('../images/karty/zelena/nadpis_bg.jpg');
}

.karty .seznam .karta_motiv_zelena h3 span, .karty .detail .karta_motiv_zelena h1 span {
    background-image: url('../images/karty/zelena/nadpis_zalozka.jpg');
}

.karty .seznam .karta_motiv_zelena h3 a, .karty .detail .karta_motiv_zelena h1 {
    color: #fff !important;
}

.karty .karta_motiv_zelena .foto img {
    border-color: #789d24;
}

.karty .seznam .karta_motiv_zelena .detail a {
    background-color: #3c4804;
    background-image: url('../images/karty/zelena/detail_bg.jpg');
    color: #fff;
}

.karty .seznam .karta_motiv_zelena .spodni_linka {
    background-color: #7fa323;
    background-image: url('../images/karty/zelena/linka_bg.jpg');
}







.karty .seznam .karta_motiv_oranzova h3, .karty .detail .karta_motiv_oranzova h1 {
    background-color: #d87001;
    background-image: url('../images/karty/oranzova/nadpis_bg.jpg');
}

.karty .seznam .karta_motiv_oranzova h3 span, .karty .detail .karta_motiv_oranzova h1 span {
    background-image: url('../images/karty/oranzova/nadpis_zalozka.jpg');
}

.karty .seznam .karta_motiv_oranzova h3 a, .karty .detail .karta_motiv_oranzova h1 {
    color: #fff !important;
}

.karty .karta_motiv_oranzova .foto img {
    border-color: #d87001;
}

.karty .seznam .karta_motiv_oranzova .detail a {
    background-color: #de7b06;
    background-image: url('../images/karty/oranzova/detail_bg.jpg');
    color: #fff;
}

.karty .seznam .karta_motiv_oranzova .spodni_linka {
    background-color: #da7503;
    background-image: url('../images/karty/oranzova/linka_bg.jpg');
}






.karty .seznam .karta_motiv_cervena h3, .karty .detail .karta_motiv_cervena h1 {
    background-color: #cb0b0a;
    background-image: url('../images/karty/cervena/nadpis_bg.jpg');
}

.karty .seznam .karta_motiv_cervena h3 span, .karty .detail .karta_motiv_cervena h1 span {
    background-image: url('../images/karty/cervena/nadpis_zalozka.jpg');
}

.karty .seznam .karta_motiv_cervena h3 a, .karty .detail .karta_motiv_cervena h1 {
    color: #fff !important;
}

.karty .karta_motiv_cervena .foto img {
    border-color: #cb0b0a;
}

.karty .seznam .karta_motiv_cervena .detail a {
    background-color: #cc100e;
    background-image: url('../images/karty/cervena/detail_bg.jpg');
    color: #fff;
}

.karty .seznam .karta_motiv_cervena .spodni_linka {
    background-color: #d01d18;
    background-image: url('../images/karty/cervena/linka_bg.jpg');
}







.karty .seznam .karta_motiv_modra h3, .karty .detail .karta_motiv_modra h1 {
    background-color: #0762b3;
    background-image: url('../images/karty/modra/nadpis_bg.jpg');
}

.karty .seznam .karta_motiv_modra h3 span, .karty .detail .karta_motiv_modra h1 span {
    background-image: url('../images/karty/modra/nadpis_zalozka.jpg');
}

.karty .seznam .karta_motiv_modra h3 a, .karty .detail .karta_motiv_modra h1 {
    color: #fff !important;
}

.karty .karta_motiv_modra .foto img {
    border-color: #0762b3;
}

.karty .seznam .karta_motiv_modra .detail a {
    background-color: #0b61b6;
    background-image: url('../images/karty/modra/detail_bg.jpg');
    color: #fff;
}

.karty .seznam .karta_motiv_modra .spodni_linka {
    background-color: #0b66b7;
    background-image: url('../images/karty/modra/linka_bg.jpg');
}





#kronika table {
  width: 100%;
}

#kronika .foto {
  width: 33%;
  text-align: center;
  padding: 5px 0px 5px 0px;
  vertical-align: middle;
}

#kronika img {
  border-width: 2px;
}

#kronika .foto a:hover img {
  /*border-color: #c77e00;*/
}