body {

  font-family: Verdana, Arial, Tahoma,  sans-serif;
  font-size: 75%;
  line-height: 150%;
  
}

#bodystyl {
  background-color: #ACB8AB;
  color: black;
  padding-bottom: 10px;
  padding-top: 10px;
  background-image: url("img/podklad.png");
  text-align: center;



}

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



h1  {
font-size: 180%;
font-weight: normal;
letter-spacing: 0.1em;
padding-bottom: 0.1em;
margin-bottom: 1em;
color: #BBCEC2;
text-align: left;
line-height: 140%;
}

h2  {
font-size: 130%;
padding-bottom: 4px;
font-size: 15px;
color: #DED2B9;
text-align: left;
}

a img {
border: 0px solid black;
}

h3  {
font-size: 120%;
margin-top: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
color: #0A733F;
line-height: 1.3em;
text-align: left;
}

h4  {
font-size: 14px;
margin-top: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
color: black;
line-height: 1.3em;
text-align: left;
}

h5  {
font-size: 12px;
margin-top: 0.3em;
font-weight: bold;
color: black;
margin-bottom: 0.3em;
line-height: 1.3em;
border-bottom: 1px solid #CCCCCC;
text-align: left;
}

p {
margin-bottom: 0.7em;
margin-top: 0.7em;

}

i {
color: #6C5739;
}

b {
color: black;
}

a {
color: #006600;
}

a:hover {
color: #A2CEA2;
}

td  {
vertical-align: top;
}


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




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



textarea {
width: 400px;
}

hr {
height: 1px; 
color: #DDDDDD; 
background-color: #DDDDDD; 
border: 0px solid #DDDDDD;
/*background-image: url("img/teckalinka.jpg");*/
}

.okolo  {
padding-top: 7px;
padding-bottom: 7px;
width: 914px;
margin: auto;
background-color: #999999;
text-align: center;
}

.celek  {
margin: auto;
background-image: url("img/celek.png");
background-repeat: repeat-y;
width: 900px;
}



.vrch {
background-image: url("img/vrch.png");
background-repeat: no-repeat;
height: 157px;
width: 900px;
position: relative;
margin-bottom: 0px;
}






.obsah {
padding-top: 10px;
width: 576px;
float: left;
text-align: center;


background-image: url("img/podmenu.png");
background-position: left top;
background-repeat: repeat-x;

}

.podmenu  {
font-size: 90%;
text-align: left;
background-color: #FFF2D5;
background-image: url("img/obsah.png");
background-repeat: repeat-x;
background-position: bottom left;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
margin-bottom: 30px;
}




.podmenu a {
font-weight: normal;
padding-right: 8px;
text-align: left;
}


.podmenu .oznaceny {

}

.podmenu img {
position: relative;
top: 3px;
}


.obsah .vnoreny {
margin: auto;
width: 540px;
text-align: justify;
overflow: hidden;
}


.leve {
width: 162px;
float: left;


}


.leve .vnoreny  {

margin-left: 2px;
padding-top: 64px;
background-image: url("img/menuvrch.png");
background-repeat: repeat-x;
text-align: left;
width: 160px;
overflow: hidden;
}



.pravy {
margin-top: 8px;
width: 160px;
float: left;
text-align: center;
}


.spodek {
text-align: left;
width: 900px;
height: 9px;
background-image: url("img/spodek.png");
background-repeat: no-repeat;
background-position: center bottom;
clear: both;
}



.pata a:hover {
color: black;
}



.menu {
background-color: #0A733F;
}



.menu a {
color: white;
font-size: 110%;
font-weight: bold;
display: block;
text-decoration: none;
background-image: url("img/menu.png");
background-position: left top;
background-repeat: repeat-x;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 20px;
}

.menu a:hover {
color: #C4CCB7;
}

.menu .vybrany {
color: #FFE98F;
}

.menupod  {
background-image: url("img/menuspodek.png");
background-position: left top;
background-repeat: repeat-x;
width: 100%;
height: 18px;
}



.upoutavka  {
width: 142px;
background-color: white;
background-image: url("img/upoutavka.png");
background-repeat: repeat-y;
overflow: hidden;
margin: auto;
margin-bottom: 8px;
text-align: left;
}





.upoutavka .nadpis {
background-image: url("img/upoutavka_vrch.png");
background-repeat: no-repeat;
background-position: top left;

display: block;
padding: 2px;
margin-top: 0px;
color: #0A733F;
text-align: center;
font-weight: bold;
font-size: 90%;
}

.upoutavka .textik {
color: black;
font-size: 80%;
padding: 6px;
display: block;
}

.upoutavka a {
margin: auto;
display: block;
text-align: left;
text-decoration: none;
color: black;
border: 1px solid #BBCEC2;
}



.upoutavka a:hover {
color: #866B47;
border: 1px solid white;
}

.upoutavka .odklik {
text-align: right;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 8px;
display: block;
background-image: url("img/upoutavka_pod.png");
background-repeat: no-repeat;
background-position: bottom left;
}

.upoutavka_bezlinku {
border: 1px solid #BBCEC2;
}

.upoutavka_bezlinku a {
display: inline;
text-decoration: underline;
color: #006600;
border: 0px solid white;
}


.upoutavka_bezlinku a:hover {
border: 0px solid white;
color: #A2CEA2;
}

.vyhledavani  {
position: absolute;
right: 2px;
bottom: 1px;
color: #096739;
font-size: 80%;
width: 160px;
overflow: hidden;
text-align: left;
background-color: #BBCEC2;
}

.vyhledavani form {
margin: 10px;
display: block;
}

.vyhledavani input {
margin-top: 5px;
}









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

.podtisk  {
padding: 10px;
background-color: #BDA571;
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;
border-top: 1px dotted black;
border-bottom: 1px dotted black;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 20px;
}





.clanek {
/*background-image: url("img/podtisk.png");*/
background-position: top center;
padding-bottom: 8px;
border-left: 1px solid #ACB8AB;
border-right: 1px solid #ACB8AB;
border-bottom: 1px solid #ACB8AB;
background-color: #E7EAE1;
margin-bottom: 10px;
}

.clanek table {
margin-left: 10px;
margin-right: 10px;
}

.clanek .proklik  {
margin-top: 4px;
text-align: left;
}

.clanek .proklik img {
position: relative;
top: 2px;
}

.clanek a {

}

.clanek .outline  {
float: left;
}

.clanek h3  {
color: black;
margin-top: 0px;
padding-top: 0px;
font-size: 120%;
margin-bottom: 4px;
}

.datum  {
text-align: right;
padding: 3px;
background-color: #ACB8AB;
color: white;
border-bottom: 1px solid white;
margin-bottom: 8px;
}

.outline  {
border: 3px solid white;
}

.soubory  {
margin-bottom: 15px;
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: 30px;
margin-top: 0px;
font-size: 11px;
padding-left: 30px;
background: transparent url("img/sipka.gif") top left no-repeat;
color: #666666;
}

.podkapitola p {

font-size: 11px;
color: #666666;
}

.podkapitola .nadpis  {
font-size: 14px;
position: relative;
top: -3px;

display: block;
}



.podkapitola a .nadpis  {
display: block; 
text-decoration: underline;
}

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

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

.prime_podmenu  {
margin: auto;
text-align: center;
padding-bottom: 5px;
background-position: bottom center;
background-image: url("img/prime_podmenu_pod.png");
background-repeat: repeat-x;
margin-bottom: 10px;
}

.prime_podmenu table  {

margin: auto;

}


.prime_podmenu td {
border-bottom: 1px solid white;
border-left: 2px solid white;
border-right: 2px solid white;
}



.prime_podmenu a  {
display: block;
background-position: top center;
background-image: url("img/prime_podmenu.png");
background-repeat: repeat-x;
background-color: #009933;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
text-decoration: none;
color: white;
font-weight: bold;


}

.prime_podmenu .oznac  {
color: #FFE98F;
}

.tabulka {
background-color: #E3E8E3;


}

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

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



.podbarva {
background-color: yellow;
padding: 2px;
}

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

.fotky_vpravo {
width: 270px;
float: right;
}

.foto  {
text-align: left;
background-color: white;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
display: block;
}

.nastred  {
text-align: center;
}

.proklik  {
margin-top: 5px;
text-align: right;
}



.odkazy td  {
height: 100px;
}


.sloupec2 {
width: 250px;
}

.mezisloupec  {
width: 20px;
}

.poznamka {
font-size: 10px;
}

.nahledy_s_popisky table  {
border-collapse: collapse;
width: 100%;
}



.nahledy_s_popisky td  {
padding: 5px;
text-align: center;
border: 1px solid #BBCEC2;
background-color: #DFE8DF;
vertical-align: middle;
font-size: 80%;
}

.nahledy_s_popisky img  {
margin-bottom: 5px;
}


.special  {
text-align: left;
width: 400px;
margin: auto;
}

.special a  {
padding: 10px;
float: left;
}


.prazdna td {
padding-right: 10px;
padding-bottom: 5px;
}

.cleaner  {
clear: both;
width: 100%;
font-size: 2px;
height: 3px;
}

.sipky  {
color: #BBBBBB;
text-align: center;
}

.stitek {
background-color: #FFE680;
background-image: url("img/stitek_roh.png");
background-repeat: no-repeat;
background-position: bottom right;
text-align: left;
}

.stitek_vrch {
background-image: url("img/stitek_vrch.png");
background-repeat: repeat-x;
background-position: top right;
padding: 5px;
text-align: left;
}

.reklama  {
text-align: center;
}

.reklama a  {
display: block;
border: 0px;
padding-bottom: 3px;
text-align: center;
}

.reklama a:hover  {
border: 0px;
}

.obrazek_obtekany_vpravo {
border: 3px solid #CAD0D5;
float: right;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
}

.obrazek_obtekany_vlevo {
border: 3px solid #CAD0D5;
float: left;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 5px;
}

.zelena_usporam {
background: white url("img/zelena_usporam.jpg") top left no-repeat;
padding-top: 55px;
padding-bottom: 3px;
color: black;
font-size: 10px;
width: 140px;
margin: auto;
line-height: 1.2em;
margin-bottom: 5px;
}

.zelena_usporam p {
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
}