* {border:none}

body { width: 1020px; padding:0;  background: #fff url("../images/bg.gif") repeat-x;  text-align: center; margin: 0 auto;  font: 0.73em Verdana, Arial, Helvetica, sans-serif; }
html > body {min-height: 1000px;height: auto;}


#vrch01 {width:1020px; height:45px; text-align:center; margin:0 auto; background: url(../images/vrch01.jpg) 0 100% no-repeat;}
#vrch02 {width:1020px; height:118px; text-align:center; margin:0 auto; background: url(../images/vrch02.jpg) 0 100% no-repeat;}
#vrch03 {width:1020px; height:168px; text-align:center; margin:0 auto; background: url(../images/vrch03.jpg) 0 100% no-repeat;}
#vrch04 {width:1020px; height:50px; text-align:center; margin:0 auto; background: url(../images/vrch04.jpg) 0 100% no-repeat;}
#konec  {width:1020px; height:60px; text-align:center; margin:0 auto; background: url(../images/konec.jpg) 0 100% no-repeat;}

.vrch01_text {text-align: left; font-size: 0.80em; padding: 15px 0px 0px 30px; color: #000; }
.vrch02_text {text-align: left; font-size: 0.80em; padding: 0px 0px 0px 50px; color: #ddd; }
.vrch03_text {text-align: left;  padding: 0px 0px 0px 30px; color: white;  font-size: 1.30em;line-height: 140%}
.vrch04_text {text-align: left; font-size: 0.90em; padding: 5px 0px 0px 30px; color: #ddd; }
.vrch04a_text {text-align: right; font-size: 0.90em; padding: 5px 30px 0px 0px; color: #ddd; }

.vrch_leva,.vrch_prava {float:left}
.vrch_leva {width: 650px; }
.vrch_prava {width: 360px; }

#page { padding:0; text-align:center; margin:0 auto; overflow:auto; width: 1020px; background: url(../images/carka.jpg) 0 100% repeat-y; }

#leva,#obsah,#prava {float:left; }
#leva {width: 190px; } .leva_obsah { margin: 0 8px 0 20px; } 
#obsah {width: 620px; } .obsah { margin: 0 3px 0 8px; text-align:left; padding: 0px 10px 0px 10px; color: black } 
#prava {width: 190px; } .prava_obsah { margin: 0 8px 0 8px;  text-align: right}

.vlevo, .vpravo {float: left}
.vlevo {text-align: left; width: 780px; }
.vpravo {text-align: right; width: 180px;}

.vypisek {color: #333; text-align:right; padding: 15px 5px 15px 5px; font-size: 0.80em; }
.razeni {color: #333; text-align:right; padding: 10px 10px 5px 5px; font-size: 0.80em; }

.obr1{width: 250px; margin: 5px ; padding:5px; border:1px solid #eee;}

.boxbila {margin-top: 10px; line-height: 160%; color: white}
.popisek {color: white; text-align:left; padding: 0px; font-size: 0.80em; }

.prihlaseni2 { width: 180px; float:right; height: 145px; color:white; padding: 15px 0px 0 0; text-align: right; font-size: 0.90em; line-height: 190%}
.prihlaseni {background:#222; width: 180px; float:right; height: 140px; border-bottom: 2px solid #bacd47;}

table.tab_prihlaseni {padding: 6px; color:white; width: 180px; font-size: 0.90em; background: #222;}

.doprava,.doleva {float:left; }
.doprava {width: 200px; }
.doleva {width: 385px; }


.pozor {padding: 10px; width: 560px; margin: 10px 0 10px 0; color: red; background: #eee; line-height: 150%; border: 1px solid #ddd}
.cerna {color: black; padding-right: 2px}
.cerna:hover {color: red}

.cerna1 {color: black; padding-right: 15px}
.cerna1:hover {color: red}

.kotva {color:#999}
.odkazy {height: 50px; text-align: center;}
.seda,.pismo_spodek {color: #999; font-size: 0.87em; text-decoration: none}

.odstavec { padding: 5px 0 5px 0; text-align:justify; color:#333; line-height: 150%}
.odstavec1 { padding: 5px 0 10px 0px}
.spodek {text-align:center; margin:0 auto; padding:0; width: 1020px; height: 150px}
.bila {color: white; text-decoration:none}
.bila_odkaz {color: white; text-decoration:underline}
.blok_bila {display: block; background:red; color:white; width: 230px; height:15px; padding: 5px}

a { color: #003300; text-decoration: underline;}
a:hover {color: #cc0000; text-decoration: underline;}

.obra {margin-top: 10px; border:1px solid #eee; padding: 3px}
.obr {margin: 0; border:1px solid #666; padding: 3px}
.obr:hover {border:1px solid #ccc; }
.o {border:1px solid #666; padding: 3px; height: 80px; margin: 3px}
.b {padding-right: 5px}
.o:hover {border:1px solid #ccc; }
.cena {padding: 10px 0 10px 0; color: red; font-size: 1.20em; font-weight: bold; text-align:left; line-height: 160%}
.cena_sleva {padding: 10px 0 10px 0; color: black; font-size: 1.00em; font-weight: bold; text-align:left; }
.c {padding: 0 2px 0 2px}
.aktuality_nadpis {background: #000; height: 20px; color: white; font-size: 1.20em; padding: 5px; text-align:center; }
.hledej {background: #eee; width: 178px;   text-align:center; margin: 10px 0 10px 0; padding: 10px 0 10px 0; border: 1px solid #222;}
.amenu { font-size: 0.80em; line-height:150%; text-align: left; color: white; padding: 27px 0 0 90px}
.prazdno {width: 180px; height: 135px; }
.nov {background: #666; margin: 10px 0 10px 0; padding: 5px; text-align:left; }

.nov_a {background: #000; margin: 10px 0 10px 0; padding: 0px; height: 26px }
.nov_leva,.nov_prava {float:left}
.nov_leva {width: 83px; background: #666; padding: 5px 1px 5px 1px; border-right: 1px solid #666;}
.nov_prava {width: 84px; background: #666; padding: 5px 1px 5px 1px}

.nov_leva1,.nov_prava1 {float:left}
.nov_leva1 {width: 83px; background: #000; padding: 5px 1px 5px 1px; border-right: 1px solid #666;}
.nov_prava1 {width: 84px; background: #000; padding: 5px 1px 5px 1px}

.mala_bila {color: white; font-size: 0.80em;}
.doprava {text-align: right; }
.lobr {float:left; margin: 5px 10px 5px 0px; padding:3px; border:1px solid #666;}
.pobr {float:right; margin: 0px 5px 0px 10px; padding:3px; border:1px solid #666;}
.kontakt {color:#000; line-height: 160%; text-align: center; margin: 10px 0 10px 0 }
.kontakt1 {color:#000; line-height: 140%; text-align: center; margin: 10px 0 10px 0;font-size: 0.90em; }
.aktualita {color: white; text-align:justify; font-size: 0.87em;  border-width: 1px; border-color:#666; border-bottom-style: dashed; padding: 5px 3px 5px 3px; line-height:140%}
.datum {color:#ddd;}
.cervena_odkaz {color: red}
.cisto {clear: both;}
.mezera {height: 20px}
.pomoc {cursor: help; color: white}
table{ margin-bottom:1em;}
td{ padding:0px 5px 0px 5px;}


table.tabulka2 {width: 590px; font-size: 0.90em; }
td.cell1b {color:white; text-align: left; }
td.cell2b {text-align: right; color: white; }
td.cell3b {text-align: right; }
td.cell3c {text-align: left; vertical-align:bottom; height: 150px}
td.cell2cena {text-align: right; color: white; font-size: 1.20em; font-weight: bold}

table.tabulka { font-size: 0.90em;}
td.cell1 {width: 100px;color:black; text-align: right; background:#efefef; padding: 2px 5px 2px 5px;}
td.cell2 {text-align: left; color: black;padding:2px 5px 2px 5px; }


table.dotaz {width: 590px; font-size: 0.90em; background:#eee; padding:8px;  color: black; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}

td.cell1a {color:white; background:#000}
td.cell2a {text-align: right; color: white; font-weight: bold; background:#000}

th {background-color: #666; text-align: center; color:white}
td.tab01{background-color: #ddd; color: black}
td.tab02{background-color: #ddd; text-align: right; color: black }
td.tab03{ color:white }
td.tab03a{ color:white }
td.tab04{height: 30px;padding-top:15px; color:white }
td.cell {background-color: #eee; color: black}
td.cell5 {color: white}
td.cella5 {color: black}
td.cell7 {height: 20px; background: #bacd47; text-align:center; width: 150px; color: black}
td.cell7a {height: 20px; vertical-align: bottom; text-align:center}

td.tabulka3 {color: green; height: 30px; }
td.tabulka4 {color: black; width: 150px; text-align: right}
td.tabulka5 {width: 300px; }
td.tabulka05 {background: #eee; padding: 3px 5px 3px 5px}
td.tabulka05a {text-align: right; background: #ddd; padding: 3px 5px 3px 5px}
td.tabulka05b {text-align: right; background: #ddd; padding: 3px 5px 3px 5px}
table.sirka {margin-top: 10px; width:500px; font-size: 0.90em; color: black}


table.kosicek { padding: 2px; border: 1px solid #b9cd47; width: 580px; font-size: 0.90em;}
td.kosik1 { text-align: center; padding: 2px 5px 2px 5px; background-color: #b9cd47; color: white}
td.kos2{ background-color:#eee; color: black; border: 1px solid #ddd;  text-align: right;  padding: 2px 5px 2px 5px; }
td.kosik3{ background-color:#336600; color: white;   text-align: right;  padding: 2px 5px 2px 5px; }
.text_obsah {color: black; width: 570px; border-top: 1px solid #929292; border-bottom: 1px solid #929292; padding: 5px 5px 10px 15px; background:#efefef; margin: 0px 20px 0 0;  line-height: 160%}
.text_obsah_kosik {color: black; width: 570px; border-top: 1px solid #929292; border-bottom: 1px solid #929292; padding: 5px; background:#efefef; margin-top: 10px;  line-height: 160%}
.text_obsah1 {padding: 6px 0 6px 0; margin-top: 10px; color: #333; line-height: 160%; text-align:justify; border-bottom: 1px solid #99cc00;border-top: 1px solid #99cc00;}

.cesta {font-size: 1.00em; text-align: left; color: red;  margin: 0; padding: 0px 0 15px 0; font-weight: bold}
.nadpis_detail {border-bottom: 1px solid #ddd; width: 590px; height: 20px}
.l,.p {float:left}
.l {width: 480px; }
.p {width: 100px; font-size: 0.90em; padding-top: 5px; text-align:right; color: #eee}


.bila_odraz {color: white; line-height: 160%; border-bottom: 1px solid #929292; padding-bottom: 5px}

.seda_odkaz {color: #ccc; text-decoration: none}
h1 {font-size: 1.20em; text-align: left; color: #99cc00;  padding: 0; margin-bottom: 10px; border-bottom: 1px solid #99cc00;}
h1.mala {font-size: 1.00em; text-align: left; color: #fff;  padding: 0px 0 10px 0; margin: 0 0 10px 0; }
h1.detail {font-size: 1.20em; text-align: left; color: #fff; padding: 0px 0 0px 0; margin: 0 0 0px 0; }

h2 {font-size: 1.20em; text-align: left; color: #cc0000; margin: 0; padding: 10px 0 10px 0}

h3 {font-size: 1.00em; text-align: left; color: #929292;  margin: 0; padding: 10px 0 5px 0}
h3.stred {font-size: 1.10em; text-align: center; color: red;  margin: 0; padding: 10px 0 5px 0}
h4 {font-size: 1.10em; text-align: left; color: #3399cc;  margin: 0; padding:10px 0 5px 0}
h4.stred {font-size: 1.10em; text-align: center; color: blue;  margin: 0; padding:10px 0 10px 0}

.poslat {padding:8px; border: 1px solid #cc0000; background: #666; width: 500px; }
.blok_bila {display: block; background:red; color:white; width: 55px; height:15px; padding: 5px}


.kateg {padding: 20px 10px 0 10px; text-align: left; font-size: 0.95em;}
.kateg1 {padding: 10px; text-align: left; font-size: 0.89em; text-align:left}

.akateg {padding: 10px 5px 0 5px; text-align: left; font-size: 0.95em;}
.akateg1 {padding: 10px 5px 0 5px; text-align: left; font-size: 0.89em; text-align:left}

.detail {margin-top: 10px; border:none}
.efoto {width: 290px; height: 260px; float:left;  text-align:center; margin:2px; background: url(../images/pozadi.jpg) 0 100% no-repeat; }
.efoto:hover {color:#000; background: url(../images/pozadi2.jpg) 0 100% no-repeat; }

.efoto2 {width: 170px; height: 290px;  text-align:center; margin-top:5px; background: url(../images/pozadi2.jpg) 0 100% no-repeat; }
.efoto2:hover {color:#000; background:#ddd}

.foto {float:left; width: 90px; height: 90px;  text-align:center; margin:3px; border: 1px solid #222;}
.foto:hover {color:#000; background:#eee}

.hledame {color: black; line-height: 160%; font-size: 0.89em;}
.souvisejici {width: 160px; height: 150px; float:left;  text-align:center; margin: 5px; font-size: 0.89em;  background: #fff; padding:5px}

.zelena {color:darkgreen;padding-bottom: 8px}
.cervena {color:#e31826; padding-bottom: 8px}


.menicko { width: 80px; height: 19px; float:left;  margin:0; background: url(../images/menu.png) 0 100% no-repeat; text-align:center }
.menicko2 {width: 150px; height: 19px; float:left;  margin:0; background: url(../images/menu2.png) 0 100% no-repeat; text-align:center }
.men {color: #fff; font-size: 0.85em; text-decoration: none;  }
.men:hover{color:black}
.menicko-text {padding-top: 2px;}
.menicko-katalog {padding: 5px; font-size: 0.89em; line-height: 160%;  margin: 5px 0 5px 0}

.detailek { margin-bottom: 10px}

input { padding: 1px; margin: 3px;  color: #000;  border: 1px solid #000; cursor: pointer; }
textarea { padding: 1px; margin: 3px;  color: #000;  border: 1px solid #000; cursor: pointer; }
select { padding: 1px; margin: 3px; color: #000;  border: 1px solid #ccc;}

.odkaz {color: black; font-weight: bold; text-decoration:underline}
.odkaz:hover {color: red; font-weight: bold; text-decoration:underline}


#tlacitko
{
width: 170px;
padding: 0;
margin: 0;
color: #fff; font-size: 0.87em; 

}

#tlacitko ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;

}

#tlacitko li
{

margin: 0;
}

#tlacitko li a
{
display: block;
padding: 5px;
background-color: #222;
color: #fff;
  text-align: left;
text-decoration: none;
width: 100%;
padding: 8px 3px 8px 10px;
}

html>body #tlacitko li a { width: auto; }

#tlacitko li a:hover
{
background-color: #000;
color: #ffff80;
text-decoration: underline;
}

#tlacitko li
{
border-width: 1px; border-color:#fff; border-bottom-style: dashed;
margin: 0;
}

#tlacitko li li a
{
display: block;
padding: 8px 3px 8px 25px;
background-color: #ccc;
color: #000;
text-decoration: none;
width: 100%;
}

#tlacitko li li a:hover
{
background-color: #999;
color: #fff;
} 


#tlacitko1
{
width: 170px;
padding: 0;
margin: 0;
color: #fff; font-size: 0.87em; 

}

#tlacitko1 ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;

}

#tlacitko1 li
{

margin-top: 5px;
}

#tlacitko1 li a
{
display: block;
padding: 5px;
background-color: #cc0000;
color: #fff;
  text-align: left;
text-decoration: none;
width: 100%;
padding: 8px 3px 8px 10px;
}

html>body #tlacitko1 li a { width: auto; }

#tlacitko1 li a:hover
{
background-color: #000;
color: #ffff80;
text-decoration: underline;
}

#tlacitko1 li
{
border-width: 1px; border-color:#fff; border-bottom-style: dashed;
margin: 0;
}

#tlacitko1 li li a
{
display: block;
padding: 8px 3px 8px 25px;
background-color: #ccc;
color: #000;
text-decoration: none;
width: 100%;
}

#tlacitko1 li li a:hover
{
background-color: #999;
color: #fff;
}