body {
  background-color: #9FA8AE;
  background-image: url("img/podklad.gif");
  text-align: center;
  font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif;
  font-size: 80%;
  color: #444444;
  line-height: 1.5em;
  padding-top: 10px;
  padding-bottom: 10px;
  
}


* {
margin: 0px;
padding: 0px;
}

h1  {
font-size: 180%;
font-weight: normal;
padding-bottom: 0.2em;
margin-bottom: 1em;
margin-top: 1em;
color: #266157;
line-height: 1.3em;
}

h2  {
line-height: 1.3em;
}

a img {
border: 0px solid black;
}

h3  {
font-size: 130%;
margin-top: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
color: black;
line-height: 1.3em;
}

h5  {
font-size: 120%;
margin-top: 0.3em;
font-weight: normal;
color: black;
margin-bottom: 0.3em;
line-height: 1.3em;
}

p {
margin-bottom: 0.7em;
margin-top: 0.7em;
font-size: 110%;
line-height: 1.5em;
}

i {
color: #348575; 
}

a {
color: #266157;
}

a:hover {
color: black;
}

td  {
vertical-align: top;
}


li  {
margin-left: 2em;
margin-top: 0.3em;
margin-bottom: 0.3em;
list-style-type: square;
line-height: 120%;
}




table {
font-size: 100%;
border-collapse: collapse;
}



textarea {
width: 400px;
}

a:hover {
color: black;
}

.celek  {
margin: auto;
background-image: url("img/celek.gif");
width: 960px;
text-align: left;
}

.vrch {
  position: relative;
  height: 194px;
  width: 960px;
  background-image: url("img/vrch.jpg");
  background-repeat: no-repeat;
}



.vlajky {
position: absolute;
z-index: 2;
top: 0px;
left: 0px;
padding-left: 6px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 0px;
background-color: white;
}

.vlajky img {
border: 1px solid #CCCCCC;
}


.obsah  {
width: 774px;
float: left;
margin-top: 8px;
background-image: url("img/obsah.jpg");
background-position: top right;
background-repeat: repeat-y;
margin-bottom: 8px;
}



.obsah_spodek  {
width: 774px;
clear: both;
height: 14px;
background-position: bottom right;
background-image: url("img/obsah_spodek.jpg");
background-repeat: no-repeat;
}


.obsah .vnoreny {
text-align: left;
width: 540px;
margin: auto;
padding-top: 14px;
padding-bottom: 14px;
}

.levy {
width: 199px;
background-image: url("img/levy.jpg");
background-position: top right;
background-repeat: repeat-y;
overflow: hidden;
}


.menu {
margin-left: 8px;
padding-top: 1px;
padding-bottom: 1px;
background-image: url("img/menu_podklad.jpg");
background-position: top left;
background-repeat: repeat-y;
}

.menu_vnor  {
display: block;
width: 191px;
overflow: hidden;
background-image: url("img/menu.jpg");
background-position: top right;
background-repeat: repeat-y;
margin-bottom: 1px;
}

.menu a {
text-decoration: none;
color: white;
font-weight: bold;
display: block;
padding-top: 4px;
padding-bottom: 4px;

padding-left: 8px;
padding-right: 14px;


}

.menu a:hover {
color: black;
}

.menu .vybrany {
color: #266157;
background-image: url("img/menu_oznac.jpg");
background-position: top right;
background-repeat: repeat-y;
}

.menu .mezi {
width: 1px;
background-color: #DC6830;
height: 1em;
float: left;
margin-top: 3px;
}

.pravy  {
margin-top: 8px;
float: left;
width: 186px;
}

.pravy .vnoreny {
margin-left: 8px;
margin-right: 8px;
margin-top: 0px;
margin-bottom: 8px;

}

.podmenu  {
background-image: url("img/podmenu.jpg");
background-position: top right;
background-repeat: no-repeat;
padding-left: 196px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
}

.podmenu .vnoreny  {
padding: 0px;
margin: 0px;
}


.podmenu a {
text-decoration: none;
color: black;
font-weight: normal;
padding-right: 8px;
font-size: 90%;
display: inline;
}

.podmenu a:hover {
color: white;
}

.podmenu .oznaceny {
background-image: url("img/zobacek-2.gif");
background-repeat: no-repeat;
background-position: center bottom;
}



.pata {
clear: both;
text-align: left;
width: 100%;
border-bottom: 2px solid white;
border-left: 1px solid #CFD3D6;
border-right: 1px solid #CFD3D6;

background-color: #C5CDD1;
}

.pata .vnoreny  {
padding-left: 5px;
padding-top: 0px;
padding-bottom: 0px;
color: white;
text-align: left;
font-size: 80%;
}


.pata .vnoreny a:hover  {
color: black;
}

.pata td  {
padding-right: 10px;
vertical-align: middle;
}

.pata table {
display: inline;
}

.foto_v_textu_vpravo  {
float: right;
margin-left: 25px;
border: 1px solid #CCCCCC;
}

.podtisk  {
padding: 10px;
background-color: #FEEEDE;
border: 1px dashed #FF8E3D;
margin-bottom: 20px;
}

.reference td {
padding-top: 5px;
vertical-align: top;
border-top: 1px solid #FDC995;
border-bottom: 1px solid #FDC995;
padding-bottom: 5px;
}

.reference img  {
margin-right: 15px;
border: 1px solid #CCCCCC;
}

.reference a img  {
border: 0px solid black;
}

.bannery  {
text-align: right;
}

.bannery img  {
display: block;
margin-bottom: 15px;
}

.bannery object {
display: block;
margin-bottom: 15px;
}

.nahledy  {
text-align: center;
background-color: #EFEFEF;
border-top: 1px solid #BCCFCD;
border-bottom: 1px solid #BCCFCD;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 20px;
}



.clanek {
background-color: #EFEFEF;
border-top: 1px solid #FDC995;
border-bottom: 1px solid #FDC995;
padding: 10px;
margin-bottom: 20px;
}



.clanek .datum  {
text-align: right;
position: relative;
top: -5px;
}

.outline  {
border: 1px solid #777777;
}

.soubory  {
margin-top: 15px;
}

.soubory td  {
border-top: 1px solid #CCCCCC;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 5px;
padding-top: 5px;
text-align: left;
}

.fotka  {
display: inline;
}

.fotka img  {
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;

}



.fotka table  {
display: inline;
}

.fotka td {
text-align: center;
}

.zavri  {
position: absolute;
top: 2px;
}

.bezodsaz {
margin-bottom: 0.5em; 
}

.odsaz  {
padding-left: 0.7em;
font-size: 90%;
}

.list {
width: 100%;
margin-bottom: 1em;
}

.podkapitola  {
margin-bottom: 0.5em;
font-size: 110%;
}

.nadpis_podkapitola  {
margin-top: 0px;
margin-bottom: 0.2em;
font-weight: normal;
font-size: 110%;
display: block;
}

.podkapitola a  {
display: block; 
}

.podkapitola b  {
color: #777777;
font-weight: normal;
padding-left: 12px;
text-decoration: none;
}

.podkapitola  a:hover  {
color: #EC3D12;
}

.prime_podmenu  {
position: relative;
top: -14px;
width: 100%;
text-align: center;
}

.prime_podmenu table  {
background-image: url("img/prime_podmenu.jpg");
background-repeat: repeat-x;
background-position: top center;
margin: auto;

}


.prime_podmenu td {
border-left: 1px dashed #BDCFCC;
border-right: 1px dashed #BDCFCC;
}



.prime_podmenu a  {
display: block;
padding-right: 5px;
padding-left: 5px;
text-align: center;
padding-top: 5px;


}

.prime_podmenu .oznac  {
background-image: url("img/sipka-dolu.gif");
background-repeat: no-repeat;
Background-position: top center;
color: black;
}

.tabulka {
color: black;
background-color: #EEEEEE;
border: 1px solid black;;
}

.tabulka td  {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #999999;
}

.tabulka th  {
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #999999;
}

.upoutavka  {
width: 168px;
background-image: url("img/upoutavka.jpg");
background-repeat: repeat-y;
Background-position: top center;
overflow: hidden;
}

.upoutavka h3  {
background-image: url("img/upoutavka_vrch.jpg");
padding: 5px;
background-repeat: no-repeat;
Background-position: top center;
background-color: #CCCCCC;
margin-top: 0px;
margin-bottom: 0.2em;
font-size: 80%;
color: white;
text-align: center;
}

.upoutavka h4  {
margin-top: 0.5em;
margin-bottom: 0.2em;
font-size: 100%;
border-bottom: 1px dashed #A5B8B6;
}

.upoutavka_vnoreny {
padding: 6px;
font-size: 80%;
}

.upoutavka_spodek  {
width: 100%;
background-image: url("img/upoutavka_spodek.jpg");
background-repeat: no-repeat;
Background-position: center bottom ;
}

.odklik {
margin-top: 0px;
text-align: right;
}

.podbarva {
background-color: yellow;
}

.mazat  {
background-color: #CCCCCC;
padding: 15px;
text-align: center;
}