* {border:none}

body { width: 1020px; padding:0;  background: #1b1b1b url("../images/caraspodek.jpg") 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:128px; text-align:center; margin:0 auto; background: url(../images/vrch01.jpg) 0 100% no-repeat;}
#vrch02 {width:1020px; height:74px; text-align:center; margin:0 auto; background: url(../images/vrch02.jpg) 0 100% no-repeat;}
#vrch03 {width:1020px; height:62px; text-align:center; margin:0 auto; background: url(../images/vrch03.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: center; font-size: 1.30em; padding: 20px 30px 0px 30px; color: red; }
.vrch03_text {text-align: left;  padding: 7px 0px 0px 30px; color: red; letter-spacing: 0.1em; font-size: 0.80em;}

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

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

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

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

.porovnej_pod {float:right; width:120px; height:28px; background: url(../images/porovnani.png) 0 100% no-repeat;}
.porovnej_pod1 {float:right; width:170px; height:28px; background: url(../images/kosik_tlacitko_vetsi.png) 0 100% no-repeat;}
.text_porovnej {text-align:center; padding-top: 6px;font-size: 0.85em; font-weight:bold}

.podtlacitko {float:right;  width: 170px; height:28px;  background: url(../images/kosik_tlacitko.png) 0 100% no-repeat;}
.podtlacitko1 {float:right;  width: 170px; height:28px;  background: url(../images/kosik_tlacitko1.png) 0 100% no-repeat; text-align:center}
.tlacitko_cervena {font-size: 0.85em; font-weight:bold; background: #cb261f; color: white; }
.tlacitko_cervena1 {font-size: 0.85em; font-weight:bold; background: #cb261f; color: white;   margin-top: 5px}
.tlacitko_kosik {font-size: 0.85em; font-weight:bold; margin-top: 6px }
 

table.vrchni {width: 280px}
.leva_strana {width: 280px; height: 70px; float: left;  margin-right: 20px; border: 1px solid #a02727;}
.prava_strana {width: 280px; height: 70px; float: left;   text-align: right;  border: 1px solid #a02727;}

.prava {text-align:right; padding: 10px 0 10px 0}

.obr_mala {width: 40px; padding: 1px;  }
.obr_mala_1 {height: 60px; padding: 1px;  }

.tlacitka {text-align: right; padding: 10px 0 10px 0}
.nazev {height: 45px;  }
.vypisek {color: white; text-align:right; padding: 15px 5px 15px 5px; font-size: 0.80em; }
.razeni {color: white; text-align:right; padding: 0px 10px 5px 5px; font-size: 0.80em; line-height: 180%}

.odstavec_akce {border-bottom: 1px solid #a02727;border-top: 1px solid #a02727; color: white; text-align:justify;line-height:140%}

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

.prihlaseni2 { width: 270px; float:right; height: 125px; color:white; padding: 15px 15px 0 0; text-align: right; font-size: 0.90em; line-height: 190%}
.prihlaseni {background:#000; width: 270px; float:right; height: 120px; border-bottom: 1px solid #a02727;}

.odraz {padding-right: 15px}
table.tab_prihlaseni {padding: 6px; color:white; width: 270px; font-size: 0.90em}

.doprava,.doleva {float:left; }

.doleva {width: 385px; }
.ebila {line-height: 160%; font-size: 0.73em; color: white}
.pozor {padding: 10px; width: 560px; margin: 10px 0 10px 0; color: red; background: #eee; line-height: 150%; text-align:center}
.pozor1 {padding-right: 10px; color: red; }
.cerna {color: black;}
.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}

.obr_hl {margin: 10px 0 10px 0; padding: 3px; border: 1px solid #eee;}
.obr_hl:hover {border: 1px solid #a02727;}

strong {color: white}
.odstavec { padding: 5px; text-align:justify; color:#eee; 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}

.bila_mala {color: #ccc;font-size: 0.80em; padding: 0 3px 0 3px}
.bilavelka {color: #ffff00;font-size: 1.30em; padding: 0 3px 0 3px}
a { color: red; text-decoration: underline;}
a:hover {color: #ffffcc; text-decoration: underline;}
.firemni {margin-top: 20px; border-top: 1px solid #333; padding: 8px; text-align: center}
.obr {margin: 0; border:1px solid #666; padding: 3px}
.obr:hover {border:1px solid #ccc; }
.obrazek {margin-top: 10px; border:1px solid #666; padding: 3px}
.o {border:1px solid #999; padding: 3px; height: 80px; margin: 3px}
.b {padding-right: 5px}
.o:hover {border:1px solid #ccc; }
.cena2 {color: #fff; font-size: 1.03em;   text-align:left; }
.cena {padding: 10px 0 10px 0; color: red; font-size: 1.00em; font-weight: bold; text-align:left;  }
.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.40em; padding: 5px; text-align:center; }
.hledej {background: #666; height: 45px; padding: 5px; text-align:center; }

.prazdno {width: 180px; height: 135px; }
.nov {background: #666; margin: 10px 0 10px 0; padding: 3px; 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: 83px; 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}

.bila_m {color: white; font-size: 0.80em; text-decoration: none}
.mala_bila {color: white; font-size: 0.98em; text-align: justify}
.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;}
.pobr1 {float:right; margin: 0px 5px 0px 10px; padding: 5px;  }
.kontakt {color:#ddd; line-height: 160%; font-size: 0.87em; }
.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}

 .darecek {background: #000; padding:8px; margin: 0 0 10px 0; }
 .darek_o {padding-top: 6px}

 .ctverecek { float: left; width: 100px; height: 90px;  margin: 5px 10px 20px 5px; background: #222; border: 1px solid #666; color: white}
.ctverecek1 { float: left; width: 100px; height: 90px;  margin: 5px 10px 20px 5px; background: #eee;border: 1px solid #cc0000;}
.ctverecek_text {font-size: 0.80em; text-align:center; padding:8px}
.velka {color: red; font-size: 1.55em;}
.odkaz_kos {color: red; }
.ctverecek_odkaz {  height: 20px;  text-align:center;}

.souhrn_kosik { width: 200px; background: #fff; border: 1px solid #cc0000;}
.souhrn_kosik_text {padding: 8px; text-align:left}
.polozka { padding: 4px 0 4px 0;border-bottom: 1px solid #ddd; border-bottom-style: dotted; font-size: 0.85em;}
.polozka_text { padding: 4px 0 4px 0; text-align:left}
.polozka_cena {text-align:right; font-weight: bold; padding-top: 5px}
.polozka_cena_orange {text-align:right; font-weight: bold; padding-top: 5px; color:#ff9900;font-size: 1.30em;}

.kosik_leva {float: left;  width: 200px; }
.kosik_prava {float:left; width: 380px; }


table.form{ margin-bottom:1em; font-size: 0.75em;}
td{ padding:0px 5px 0px 5px;}

.porovnej {float: left; }
table.tabulka_porovnej {width: 145px; font-size: 0.80em; }
table.tabulka_porovnej1 {width: 140px; font-size: 0.80em; }
td.ell1 {height: 30px; color:white; text-align: right; background: #666; color: white; }
td.ell1a {height: 30px; color:white; text-align: right; background: #666;  }
td.ell1b {height: 170px; color:white; text-align: right; background: #666;  }
td.ell2 {height: 30px; text-align: left; background: #eee; color: blak; }
td.ell2a {height: 30px; text-align: left; background: #ddd; color: blak; }
td.ell2b {height: 170px; text-align: center; background: #fff; }
td.ell2c {height: 30px; text-align: center; background: #666; font-size: 0.95em;}
.por {width: 135px }

table.montaz { width: 350px; font-size: 0.90em; background: #eee; padding: 5px}
table.formular { width: 350px; font-size: 0.90em;  padding: 5px}
table.postovne {width: 500px; font-size: 0.90em; margin-top: 5px; background: #eee; padding: 5px}

table.form_prihlaseni {width: 360px; font-size: 0.90em; background:#666; padding:8px; border-bottom: 1px solid #929292; margin-bottom: 10px}

table.tabulka2 { font-size: 0.90em; }
td.cell1b {color:white; text-align: left; background:#666; padding:5px 8px 5px 8px}
td.cell2b {text-align: right; color: white; background:#666; padding:5px 8px 5px 8px}
td.cell3b {text-align: right; background:#666; padding: 5px 8px 5px 8px}
td.cell3c {text-align: left; vertical-align:bottom; height: 150px;}
td.cell2cena {text-align: right; color: #ffff80; font-size: 1.20em; font-weight: bold;background:#666;padding:5px 8px 5px 8px}
.zluta{color:#ffff80}

table.tabulka {width: 450px; font-size: 0.90em;}
td.cell1 {width: 150px;color:white; text-align: right; background:#666; padding: 3px}
td.cell2 {text-align: left; color: black; border: 1px solid #666;background:#fff;padding: 3px}


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

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: #222;padding: 8px}
td.cell5 {color: white}
td.cell7 {height: 20px; background: #333; text-align:center}
td.cell7a {height: 20px; vertical-align: bottom; text-align:center}

td.tabulka3 {color: orange; height: 25px; }
td.tabulka4 {color: white; width: 130px; text-align: right; padding:  5px}
td.tabulka5 {width: 300px; }

table.objednavka {margin: 10px 0 10px 0; width: 590px; font-size: 0.90em; }
td.tabulka05 {background: #eee; padding: 5px; color: black}
td.tabulka05a {text-align: right; background: #fff; padding: 3px 5px 3px 5px;}
td.tabulka05b {text-align: right; background: #ccc; padding: 3px 5px 3px 5px;  }


table.kosicek { padding: 2px; border: 1px solid #000; width: 580px; font-size: 0.80em;}
td.kosik1 { text-align: center; padding: 2px 5px 2px 5px; background-color: #cc0000; color: white}
td.kos2{ background-color:#fff; color: black; border: 1px solid #ddd;  text-align: right;  padding: 2px 5px 2px 5px; }
td.kosik3{ background-color:#000; color: red; border: 1px solid #000;  text-align: right;  padding: 5px 5px 5px 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: 10px 0 10px 0;  margin: 0px; color: #fff; line-height: 150%; text-align:justify}
.vykres {height: 200px; border: 1px solid #929292;padding: 3px}
.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: #fff;  padding: 0px 0 10px 0; margin: 0 0 10px 0; }
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.00em; 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}
h2.kos {font-size: 1.00em; text-align: left; color: #cc0000; margin: 0; padding: 5px 0 5px 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}
h3.kos {color: blue;  margin: 0; padding: 5px 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: 10px 8px 0 8px; 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:#ddd}

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

.efoto-akce {width: 290px; height: 260px; float:left;  text-align:center; margin:2px; background: url(../images/pozadi-akce.jpg) 0 100% no-repeat; }


.efoto2-akce {width: 170px; height: 320px;  text-align:center; margin-top:5px; background: url(../images/pozadi2-akce.jpg) 0 100% no-repeat; }

.hledame {color: white; line-height: 160%; font-size: 0.89em;}
.souvisejici {width: 160px; height: 170px; float:left;  text-align:center; margin: 5px; font-size: 0.89em;  background: #fff; padding:5px; border: 1px solid #ddd; }
.darek {width: 160px; height: 190px; float:left;  text-align:center; margin: 5px; font-size: 0.89em;  background: #e7f5b7;  padding:5px; border: 1px solid #b9c494; }
.akce_menu {line-height: 170%;}

.hlavni_stranka {padding-left: 10px}
.hlavni_foto1 {width: 180px; height: 170px; float:left;  border:1px solid #666;  margin:5px; background: url(../images/foto01.jpg) 0 100% repeat-y;}
.hlavni_foto2 {width: 180px; height: 170px; float:left; border:1px solid #666;  margin:5px; background: url(../images/foto02.jpg) 0 100% repeat-y;}
.hlavni_foto3 {width: 180px; height: 170px; float:left; border:1px solid #666;  margin:5px; background: url(../images/foto03.jpg) 0 100% repeat-y;}
.hlavni_foto4 {width: 180px; height: 170px; float:left; border:1px solid #666;  margin:5px; background: url(../images/foto04.jpg) 0 100% repeat-y;}
.hlavni_foto5 {width: 180px; height: 170px; float:left; border:1px solid #666;  margin:5px; background: url(../images/foto05.jpg) 0 100% repeat-y;}
.hlavni_foto6 {width: 180px; height: 170px; float:left; border:1px solid #666;  margin:5px; background: url(../images/foto06.jpg) 0 100% repeat-y;}
.hlavni_foto7 {width: 180px; height: 170px; float:left; border:1px solid #666;  margin:5px; background: url(../images/foto07.jpg) 0 100% repeat-y;}
.hlavni_foto8 {width: 180px; height: 170px; float:left; border:1px solid #666;  margin:5px; background: url(../images/foto08.jpg) 0 100% repeat-y;}
.hlavni_foto9 {width: 180px; height: 170px; float:left; border:1px solid #666;  margin:5px; background: url(../images/foto09.jpg) 0 100% repeat-y;}
.foto_text {padding-top: 0px; text-align: center; font-size: 0.80em;}

.dotace { border: 1px solid #3df619; padding: 5px; background: #333; margin-top: 5px} 
.zelena_velka {color:#3df619;padding-bottom: 8px;font-size: 1.40em; line-height:160%}
.zelena {color:darkgreen;padding-bottom: 8px; font-weight:bold; font-size: 1.00em; }
.cervena {color:#e31826; padding-bottom: 8px}
.cervena:hover {color:#000; text-decoration:underline}

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

.detailek { margin-bottom: 10px}

input { padding: 1px; margin: 3px; background:#fff; color: #000;  border: 1px solid #cc0000; cursor: pointer; }
select { padding: 1px; margin: 3px; background:#fff; color: #000; border: 1px solid #ccc; font-size: 0.90em; }
textarea { padding: 1px; margin: 3px; background:#fff; color: #000; }
.odkaz {color: black; font-weight: bold; text-decoration:underline}
.odkaz:hover {color: red; font-weight: bold; text-decoration:underline}

#lmenu { margin: 0px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 170px;
  color: #fff; font-size: 0.87em; 
  text-align: left;
  text-decoration: none;  
  border-width: 1px; border-color:#666; border-bottom-style: dashed;
  background: #222;
}
#lmenu a:hover {
  color: #CC0000;  
  text-decoration: underline;

  background:#000;
  }

#lmenu .click {
  display: block; 
  text-align: left;
  border-bottom: 1px solid #eee;
  background:#eee;
 }
#lmenu a span, #lmenu .click span {
  display: block;
  padding: 6px 5px 6px 5px;
}

#kmenu {background: #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;
}




#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
{
border-width: 1px; border-color:#666; border-bottom-style: dashed;
margin: 0;
}

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

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

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

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

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

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


	.uvod_aktualne{
 
	width: 950px;
	height:30px;	 
	 font-size: 0.78em;   	
	position:relative;
	line-height: 10px;
}
.uvod_aktualne strong{
	margin-left: 40px;
	color:#43d5f4;
}

#aktuality{
	display:none;
}

#aktuality li{
	
}

#aktual_window{
	width: 850px;
	height: 49px;
	float:right;
	margin-right:40px;
	color:#fff;
	overflow: hidden;
	position:absolute;top:0; right:0px;
	
}

#aktual_window p{
	width: 550px;
	height:39px;
	float:left;
	
}

#vozik{
	position:absolute; 
	top:0; 
	left:0; 
	width:1105px;
}

.uvod_aktualne #left,
.uvod_aktualne #right{
	position:absolute;
	padding:0px 15px; top:0;
	text-decoration: none;
}
.uvod_aktualne #right {
	right:0px;
}
.uvod_aktualne #left {
	left:0px;
}

div.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  border-top: 2px solid #eee;
  background: #222;
  color:#fff;
  padding: 20px;
  text-align: center;
  font-size: 0.9em; 
  z-index: 1000;
}