body {

  font-family: Verdana, Arial, Tahoma, Trebuchet MS, sans-serif;
  font-size: 11px;
  line-height: 1.4em;
  
  
  
}

#bodystyl {

  color: #1A171B;
  padding-bottom: 10px;
 /* background: white url("img/pata.jpg") center bottom no-repeat;  */


}

* {
margin: 0px;
padding: 0px;
}



h1  {
font-size: 130%;
color: white ;
text-align: left;
padding: 3px;
line-height: 1.4em;
background: #229AD2; 
}

h2  {
font-size: 130%;
padding-bottom: 4px;
font-size: 15px;
color: #229AD2;
}

a img {
border: 0px solid black;
}

h3  {
font-size: 130%;
color: white ;
text-align: left;
padding: 3px;
line-height: 1.4em;
background: #229AD2;
}

h4  {
font-size: 110%;
margin-top: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
color: #229AD2;
line-height: 1.3em;
border-bottom: 1px solid #CCCCCC;
}

h4  {
font-size: 110%;
margin-top: 1.5em;
font-weight: bold;
margin-bottom: 0.5em;
color: #229AD2;
line-height: 1.3em;
}

p {
margin-bottom: 0.5em;
margin-top: 0.5em;
line-height: 1.4em;
}

i {
color: #229AD2;
}

b {
color: black;
}

a {

color: #00509E;
}

a:hover {
color: black;
}

td  {
vertical-align: top;
text-align: left;
}


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;
}

hr {
height: 1px; 
color: #229AD2; 
background-color: #229AD2; 
border: 0px solid #229AD2;
/*background-image: url("img/teckalinka.jpg");*/
}


caption {
font-weight: bold;
}






.home {
width: 181px;
position: absolute;
bottom: 10px;
left: 25px;
text-align: center;
}

.home a {
text-decoration: none;
}

.vrch {

height: 440px;
width: 944px;
position: relative;
background: url("img/vrch.jpg") no-repeat;
}

.okolo  {width: 100%;background: url("img/podklad.jpg") repeat-x;}
.clr  {clear: both; height: 0px;}
.celek  {

width: 944px;
text-align: center;


margin: auto;

padding-bottom: 140px;
background: url("img/pata.jpg") left bottom no-repeat;
}

.obsah {
width: 508px;
float: left;
text-align: center;

}

.obsah .vnoreny {
margin: auto;
padding-bottom: 30px;

width: 417px;
text-align: justify;
overflow: hidden;
min-height: 200px;
}

.obsah2 {
width: 767px;
float: left;
text-align: left;
}

.obsah2 .vnoreny {
width: 720px;
text-align: justify;
overflow: hidden;
margin-left: 25px;
min-height: 200px;
padding-bottom: 30px;
}









.leve {

width: 198px;
float: left;
}



.upoutavky_vlevo  {
text-align: center;
}


.pravy {

width: 259px;
float: left;
text-align: left;
}


.spodek {
text-align: left;
width: 1012px;
height: 49px;
clear: both;
overflow: hidden;
}

.spodek_vnoreny {
text-align: left;
padding-left: 30px;
padding-top: 13px;
font-size: 80%;
color: #9BC0D3;
}

.spodek td  {
padding-right: 4px;
padding-top: 2px;
} 

.spodek a {
color: white;
}

.spodek a:hover {
color: black;
}




.menu {
position: absolute;
top: 384px;
left: 220px;
width: 730px;
text-align: left;
}




.menu a {
display: inline-block;
padding: 1px 8px 1px 6px;
font-size: 19px; font-weight: normal;
color: #00AED6;
text-decoration: none;
border-right: 2px solid #00AED6;
/*
color: #229AD2;
font-size: 13px;
font-weight: bold;

text-align: center;
float: left;
text-decoration: none;
padding: 5px;
*/
}

.menu a:hover , .menu a.vybrany  {color: black;}

.menu a.menuitem13  {border-right: 0px solid #00AED6;}

/*
.menuitem1 {
position:absolute;
width: 81px;
height: 30px;
top: 0px;
left: 0px;
background: transparent url(img/o-projektu.jpg) top left no-repeat;
}

.menuitem1 a:hover, .menuitem1 a.vybrany {
background: transparent url(img/o-projektu-o.jpg) top left no-repeat;
}

.menuitem2 {
position:absolute;
width: 74px;
height: 30px;
top: 11px;
left: 92px;
background: transparent url(img/program.jpg) top left no-repeat;
}

.menuitem2 a:hover, .menuitem2 a.vybrany {
background: transparent url(img/program-o.jpg) top left no-repeat;
}

.menuitem3 {
position:absolute;
width: 57px;
height: 30px;
left: 174px;
top: 11px;
background: transparent url(img/vzkazy.jpg) top left no-repeat;
}

.menuitem3 a:hover, .menuitem3 a.vybrany {
background: transparent url(img/vzkazy-o.jpg) top left no-repeat;
}

.menuitem4 {
position:absolute;
width: 87px;
height: 30px;
left: 242px;
top: 9px;
background: transparent url(img/fotosoutez.jpg) top left no-repeat;
}

.menuitem4 a:hover, .menuitem4 a.vybrany {
background: transparent url(img/fotosoutez-o.jpg) top left no-repeat;
}

.menuitem5 {
position:absolute;
width: 115px;
height: 42px;
left: 339px;
top: -20px;
background: transparent url(img/vanocni-soutez.jpg) top left no-repeat;
}

.menuitem5 a:hover, .menuitem5 a.vybrany {
background: transparent url(img/vanocni-soutez-o.jpg) top left no-repeat;
}

.menuitem6 {
position:absolute;
width: 64px;
height: 34px;
left: 466px;
top: -45px;
background: transparent url(img/aktuality.jpg) top left no-repeat;
}

.menuitem6 a:hover, .menuitem6 a.vybrany {
background: transparent url(img/aktuality-o.jpg) top left no-repeat;
}

*/

.podmenu  {
position: absolute;
top: 450px;
left: 500px;
width: 995px;
font-size: 9px;
text-align: left;
}

.podmenu a {

font-weight: normal;
padding-right: 8px;
text-align: left;
}

.podmenu img {
position: relative;
top: 3px;
}


.upoutavka  {
width: 156px;
background-color: white;
overflow: hidden;
margin: auto;

text-align: left;

}





.upoutavka .nadpis {
background-color: #229AD2;
color: white;


display: block;
padding: 2px;
margin-top: 0px;
text-align: center;
font-weight: bold;
font-size: 90%;
}

.upoutavka .textik {
color: black;
font-size: 80%;
padding: 5px;
display: block;
text-align: center;
}



.upoutavka a {
margin: auto;
display: block;
text-align: left;
text-decoration: none;
color: black;
border: 1px solid #229AD2;
padding-bottom: 6px;
}



.upoutavka_bezlinku {
border: 1px solid #229AD2;
padding-bottom: 6px;
}

.upoutavka a:hover {
color: #866B47;
border: 1px solid white;
}

.upoutavka_bezlinku a {
display: inline;
border: 0px solid black;
text-decoration: none;
color: #229AD2;
padding-bottom: 0px;
}

.upoutavka_bezlinku a strong {
color: white;
}

.upoutavka_bezlinku a:hover {
display: inline;
border: 0px solid black;
color: white;
}

.upoutavka .odklik {
text-align: right;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 0px;
display: block;
font-size: 2px;
}

.upoutavka_spodek {
background-repeat: no-repeat;
background-position: top left;
background-image: url("img/upoutavka_pod.png");
height: 12px;
width: 156px;
margin-bottom: 8px;
margin: auto;
}

.upoutavka .popisek {
color: black;
}

.upoutavka_leva_spodek {
background-repeat: no-repeat;
background-position: top left;
background-image: url("img/upoutavka_leva_pod.png");
height: 12px;
width: 156px;
margin-bottom: 8px;
margin: auto;
}

.upoutavka hr {
font-size: 3px;
height: 1px;
margin-top: 2px;
margin-bottom: 2px;
}

.hornimenu  {
position: absolute;
bottom: 5px;
left: 212px;
color: #41A0BA;
}

.hornimenu a  {

color: white;
text-decoration: none;
margin-left: 9px;
margin-right: 9px;
}

.hornimenu a:hover  {
color: #FFD79B;
}

.hornimenu .vybrany {
color: #FFD79B;
}

.vyhledavani  {
color: white;
font-size: 90%;
width: 250px;
overflow: hidden;
text-align: center;
position: absolute;
top: -3px;
left: 540px;
}

.vyhledavani form {
margin: 10px;
display: block;
}

.vyhledavani input {
margin-top: 0px;
}




.center {
width: 965px;
margin: auto;
}




.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: left;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 20px;
}

.nahledy img  {
border: 1px solid #777777;
}





.clanek {
/*background-image: url("img/podtisk.png");*/
background-position: top center;
margin-bottom: 25px;
}


.clanek .nadpis {
display: block;
font-weight: bold;
}

.clanek table {

}

.clanek .proklik  {
margin-top: 4px;
text-align: left;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
background: transparent url("img/sipka.png") center left no-repeat;
}

.clanek .proklik img {
position: relative;
top: 2px;
}

.clanek a {

}

.outline  {
border: 3px solid #EAD1AD;
}

.clanek .outline  {
float: left;
}

.clanek .nahledy  {
margin: 0px;
padding: 0px;
}

.clanek h3  {
color: black;
margin-top: 0px;
padding-top: 0px;
font-size: 120%;
margin-bottom: 4px;
}

.novinka  {
margin-top: 14px;
}

.novinka .nazev {
font-weight: bold;
display: block;
}

.datum  {
display: block;
font-size: 14px;
font-weight: normal;
color: #229AD2;

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: 10px;
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%;
}

.odsazeny {
padding-left: 20px;
padding-bottom: 4px;
}



.list {
width: 100%;
margin-bottom: 1em;

}

.podkapitola  {
margin-bottom: 15px;
margin-top: 15px;
font-size: 16px;
}

.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  {
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: #E1EDF2;


}

.tabulka td  {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border: 2px solid white;
}

.tabulka th  {
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
border: 2px solid white;
background-color: #B1CEDD;
}



.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;
}

.vyrobky_nahledy table {
width: 100%;
}

.vyrobky_nahledy td {
width: 33%;
text-align: center;
background-color: #FFECCE;
border: 4px solid white;
}

.vyrobky_nahledy a {
display: block;
margin-bottom: 10px;
padding: 5px;
font-weight: bold;
text-decoration: none;
text-align: center;
}

.vyrobky_nahledy img {
border: 1px solid #CCCCCC;
margin-bottom: 3px;
}

.velkefoto  {
text-align: center;
font-size: 90%;
}


.obrazek  {
border: 3px solid #CAD0D5;
}

.obrazek_fotogalerie  {
border: 3px solid #CAD0D5;
margin: 3px;
}

.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;
}

.otazka {
background-color: #F0F0F0;
padding-left: 15px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.poradna_tabulka  {
width: 100%;

background-image: url("img/poradna-prechod.png");
}

.poradna_tabulka td  {
color: #777777;
border: 0px solid white;
padding: 4px;
}

.poradna_tabulka b {
font-weight: normal;
color: #229AD2;
}



.odpoved  {
border-top: 1px solid #229AD2;
padding-left: 40px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F0F0F0;
background-image: url("img/odpoved.png");
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 15px;
}

.lista  {
width: 914px;
margin: auto;
font-size: 85%;
text-align: center;
}

.lista a:hover  {
color: black;
}

.mapa   {
text-align: center;
padding: 5px;
font-size: 11px;
}

.mapa a {
color: white;
}

.mapa a:hover {

color: #9BC0D3;
}

.podlink  {
font-size: 11px;
width: 160px;
float: left;
text-align: left;
}

.podlink a  {
display: block;
padding-right: 5px;
margin-top: 7px;
padding-bottom: 5px;
text-decoration: none;
padding-left: 7px;
background-image: url("img/malasipka.gif");
background-repeat: no-repeat;
background-position: left top;
line-height: 1.2em;
}

.text_v_hlavicce  {
position: absolute;
top: 90px;
right: 205px;
width: 400px;
text-align: right;
color: #0088A7;
}


.modul .nadpis, .pravy .nadpis  {
font-size: 130%;
color: white ;
text-align: left;
padding: 3px;
line-height: 1.4em;
background: #229AD2;
display: block;
font-weight: bold;
}

.kod  {
float: left;
padding-left: 15px;
}

.formforum table  {
float: left;
}

.formforum td {
padding-right: 5px;
padding-bottom: 5px;
}

.kod img  {
margin-bottom: 4px;
}


.strankovani  {
border-top: 1px solid #CCCCCC;
}

.strankovani a  {

padding: 2px;
margin: 2px;
}

.strankovani .vybrany {
background: #D1E1A2;
}

.vzkaz  {
margin-bottom: 10px;
margin-top: 10px;
padding-top: 2px;
border-top: 1px solid #DDDDDD;
}

.vzkaz .datum {
color: #229AD2;
font-weight: bold;
font-size: 12px;
}

.vzkaz .datum i {
color: #CCCCCC;
font-weight: bold;
font-style: normal;
}

.vzkaz .kontakt {
margin-top: 2px;
text-align: right;
font-size: 10px;
}

.vzkaz .kontakt b {
font-size: 12px;
}