* {border:none}

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


#vrch01 {width:1020px; height:79px; text-align:center; margin:0 auto; background: url(../images/vrch01.jpg) 0 100% no-repeat;}
#vrch02 {width:1020px; height:34px; text-align:center; margin:0 auto; background: url(../images/vrch02.jpg) 0 100% no-repeat;}
#vrch03 {width:1020px; height:149px; text-align:center; margin:0 auto; background: url(../images/vrch03.jpg) 0 100% no-repeat;}
#vrch04 {width:1020px; height:38px; 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: 1.20em; padding: 105px 0px 0px 45px; color: #ddd; }
.vrch02_text {text-align: right; font-size: 1.10em; padding: 5px 150px 0px 0px; color: #fff; }
.vrch03_text {text-align: left;  padding: 0px 0px 0px 30px; color: white;  font-size: 1.30em;line-height: 150%}
.vrch04_text {text-align: right; font-size: 0.90em; padding: 5px 45px 0px 30px; color: #222; }


.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: 10px 8px 0 35px; } 
#obsah {width: 610px; } .obsah { margin: 10px 5px 0 20px; text-align:left; padding: 0px 10px 0px 10px; color: black } 
#prava {width: 190px; } .prava_obsah { margin: 10px 0px 0 0px; text-align: center; padding: 5px 0 5px 5px;  background: #f9f9d2}

.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; margin: 5px 0 5px 0}

.odkazek {text-align:left; line-height: 150%; padding-left: 10px}
.doprava,.doleva {float:left; }
.doprava {width: 200px; }
.doleva {width: 385px; }
.modro {padding-right: 8px; color:blue}

.pozor {padding: 8px; width: 550px; 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}
.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: black; text-decoration:none}
.bila_m {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}
.dost {font-weight: bold; color: green; padding: 3px}
a { color: red; text-decoration: none;}
a:hover {color: #cc0000; text-decoration: underline;}

.obr {margin: 0; border:1px solid #eee; 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 #eee;}
.pobr {float:right; margin: 0px 5px 0px 10px; padding:3px; border:1px solid #eee;}
.kontakt {color:#000; line-height: 160%; text-align: center }
.aktualita {color: black; text-align:left; font-size: 0.89em;  border-width: 1px; border-color:#666; border-bottom-style: dashed; padding: 5px 3px 5px 3px; line-height:140%}
.datum {color:#999; }
.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.servis {width: 570px; font-size: 0.90em; background: #eee; padding: 5px; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd;}
table.ceniky {width: 570px; font-size: 0.90em; margin-top: 10px;background: #eee; padding: 5px; border-bottom: 2px solid #ddd; border-top: 2px solid #ddd;}
td.cen1 {width: 80px; text-align:center; background:#fff;padding: 2px}
td.cen2 {background:#fff;}
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 {width: 560px; font-size: 0.95em;}
td.cell1 {width: 150px; color:white; text-align: right; background:#999; padding: 2px 5px 2px 5px;}
td.cell2 {text-align: left; background:#eee; black;padding:2px 5px 2px 5px; }
.napravo {float:right; padding:5px}

table.dotaz {width: 570px; 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: #cc3333; text-align:center; width: 150px}
td.cell7a {height: 20px; vertical-align: bottom; text-align:center}

td.tabulka3 {color: red; height: 30px; background: #eee;}
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 #cc3333; width: 565px; font-size: 0.90em;}
td.kosik1 { text-align: center; padding: 2px 5px 2px 5px; background-color: #cc3333; 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:#333; 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: 0px; padding: 0 8px 0 8px; background:#faf9f9; color: #333; line-height: 160%; text-align:justify; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}

.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}

.cerv {color: red; font-size: 1.30em; padding: 0px 8px 10px 8px}
.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.40em; text-align: left; color: #cc3333;  padding-top: 10px;  border-bottom: 1px solid #cc3333;}
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}

.kosik {width: 180px; height: 50px;  text-align:right; margin-bottom:5px; background: url(../images/kosik.jpg) 0 100% no-repeat; }
.kosik-text {font-size: 0.95em; padding-right: 5px; color: white}
.kateg {padding: 5px 10px 0 10px; text-align: left; font-size: 0.95em; line-height: 170%}
.kateg1 {padding: 5px; text-align: left; font-size: 0.89em; text-align:center}

.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: 5px; margin-bottom:5px; border:none; }
.efoto {width: 180px; height: 320px; float:left;  text-align:center; margin:2px;  background: url(../images/pozadi.jpg) 0 100% no-repeat; border-bottom: 1px solid #ddd;}
.efoto:hover {color:#000; background: #eee; }

.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: 100px; height: 90px;  text-align:center; margin:5px; border: 1px solid #eee;}
.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}

.nadpisek {background: #ccc; margin-top: 10px; padding: 5px 6px 5px 6px; color: white; font-weight: bold}
.textik {text-align:left}
.cervena_nadpis {color:#fff; padding: 3px; font-weight: bold;background: #cc3333; }
.aktuality {margin-top: 10px; padding: 5px}

.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;}


td {padding: 2px 5px 2px 10px; }
td.tech_header {font-weight: bold;background: #cc3333;color:white}
.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.90em; 

}

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

}

#tlacitko li
{

margin: 0;
}

#tlacitko li a
{
display: block;
padding: 5px;
background-color: #cc3333;
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: #222;
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: 3px 3px 3px 25px;
background-color: #ccc;
color: #000;
text-decoration: none;
width: 100%;
}

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

#trailimageid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 0px;
  z-index: 1000;
}

#trailimageid div {
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #888;
  text-align: center;
}

#trailimageid h1 {
  font-size: 100%;
  color:black;
  font-weight: normal;
  margin: 0;
  padding: 2px 0px;
  text-align: left;
  width: 100%;
}

#trailimageid img {
  margin: 2px;
  border: none;
}