/**
 * Redakční systém JSR
 * styly.css
 * Soubor s CSS styly pro zobrazení v prohlížeči
 *
 * @author Josef Šmíd <josef@skit.cz>
 * @copyright (c) 2007-2020 Josef Šmíd
 * @version 1.9.1
 */

 /*
 barvy:

 - zelená #84b038
 - červená: #bd4809

 */


/* hlavní divy a textové styly ********************************************** */

body, div, table, td, p, ul, li, form
{
  margin: 0;
  padding: 0;
}

body
{
  color: #000;
  font-family: Segoe UI,Tahoma,sans-serif;
  background: #fff url(/images/poz_hlavni.jpg) top left repeat-x;
}

.maly { width: 100px; }
.stredni { width: 228px; }
.velky { width: 350px; }

select { box-sizing: content-box; }

#hlavni
{
  width: 1230px;
  margin: 0 auto;
}

#horni_pruh
{
  width: 100%;
  height: 57px;
  background: #535353 url(/images/poz_menu.jpg) bottom left repeat-x;
  margin-bottom: 10px;
}

#menu
{
  float: left;
  margin: 13px 0 0 0;
}
  #menu a
  {
    display: block;
    float: left;
    background: #84b038 url(/images/poz_tlacitko.png) center -36px no-repeat;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 14px 13px 14px;
    margin: 0 0 0 4px;
  }
  #menu a:hover, #menu a.cervene:hover
  {
    background: #bd4809 url(/images/poz_tlacitko.png) center 37px no-repeat;
    text-decoration: underline;
  }
  #menu a.aktivni
  {
    color: #bd4809;
    font-weight: bold;
    background: #e5e5e5 url(/images/poz_tlacitko.png) center -106px no-repeat;
  }
  #menu a.cervene
  {
    background: #bd4809 url(/images/poz_tlacitko.png) center -36px no-repeat;
    text-transform: none;
  }

#menu a.menu_opener { display: none; }
#menu a.menu_opener span { width: 25px; display: inline-block; background: transparent url(/images/poz_menu.png) center left no-repeat; background-size: 20px 20px; }

#kosik_top
{
  background-color: #3b3b3b;
  margin: 12px 4px 0 0;
  padding: 0 14px;
  text-align: center;
  float: right;
  text-transform: uppercase;
}
#kosik_top a span{
    text-decoration: none; color: #fff;
    float: left;
    margin-top: 7px; padding-right: 5px;
}

#jazyky
{
  background-color: #3b3b3b;
  text-align: center;
  padding: 0 14px;
  margin: 13px 0 0 0;
  float: right;
}
  #jazyky a
  {
    font-size: 80%;
  }

#titulek
{
  width: 100%;
  margin-bottom: 7px;
}

#logo
{
  width: 250px;
  float: right;
  text-align: center;
}
#logo p.oborkatalog
{
  color: #4E4E4E;
  font-size: 140%;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  font-style: italic;
}
#logo p.DE
{
  letter-spacing: -1px;
}
#logo p.cz
{
  letter-spacing: -1px;
}
#logo p.EN
{
  letter-spacing: 2px;
}

#obsahcely
{
  width: 100%;
}

#obsah
{
  width: 960px;
  float: left;
}
  #obsah p
  {
    font-size: 80%
  }
  #obsah h1
  {
    font-size: 150%;
    font-weight: bold;
    color: #bd4809;
  }
  #obsah h2
  {
    font-size: 120%;
    font-weight: bold;
    color: #bd4809;
  }
  #obsah h3
  {
    font-size: 110%;
    font-weight: bold;
    color: #bd4809;
  }
  #obsah h4
  {
    margin: 0 0 10px 0;
    padding: 0;
    color: #bd4809;
    font-size: 120%;
  }

#vyhledavani
{
  /* width: 100%; */
  width: 960px;
  float: left;
  background-color: #84b038;
  /* margin: 8px 0 20px 0; */
  margin: 15px 0 10px 0;
  border-radius: 4px;
}
  #vyhledavani h3
  {
    color: #d2f596;
    margin: 6px 0 0 0;
    padding: 0 10px;
    font-size: 120%;
  }
  #vyhledavani table, #vyhledavani table td
  {
    border: none;
    margin: 13px auto 13px auto;
    vertical-align: middle;
  }
  #vyhledavani input
  {
    border: none;
  }
  #vyhledavani input[type=text]
  {
    width: 358px;
    height: 36px;
    padding: 0 0 0 40px;
    line-height: 36px;
    background: #fff url(/images/poz_hledej.jpg) center left no-repeat;
  }
  #vyhledavani input[type=submit]
  {
    width: 139px;
    height: 37px;
    font-weight: bold;
    padding: 0 27px 0 0;
    font-size: 85%;
    color: #383838;
    background: #fff url(/images/tl_hledej.jpg) center center no-repeat;
  }
  #vyhledavani td p
  {
    font-size: 70%;
    padding-left: 5px;
  }
  #vyhledavani a
  {
    color: #D2F596;
    text-decoration: none;
  }
  #vyhledavani a:hover
  {
    color: #BC4712;
    text-decoration: underline;
  }

#navigace
{
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 0;
  border: solid #dddddd 0;
  border-width: 0 0 1px 1px;
}
.bily
{
  background-color: #fff;
}
.zeleny
{
  background-color: #ededed;
}

#navigace_horni
{
  width: 940px;
  padding: 10px 0 0 20px;
}
  #navigace_horni_navig
  {
    float: left;
  }
  #navigace_horni_nadpis
  {
    float: right;
    text-align: right;
  }
  #navigace_horni_nadpis h1
  {
    font-size: 120%;
    color: #bd4809;
    font-weight: bold;
    padding: 0 20px 0 0;
    margin: 0;
  }

.navigace_sloupec
{
  width: calc( 33% - 20px );
  padding: 0 0 0 20px;
  font-size: 90%;
  float: left;
  line-height: 200%;
}
  .navigace_sloupec a
  {
    display: inline-block;
    background: transparent url(/images/odr_zelena.png) center left no-repeat;
    background-position: 3px 10px;
    padding: 0 0 20px 15px;
    color: #383838;
    font-weight: bold;
  }
  .navigace_sloupec a:hover
  {
    color: #84b038;
    background: transparent url(/images/odr_seda.png) center left no-repeat;
  }

.navigace_pismeno
{
  float: left;
  width: 29px;
  text-align: center;
  padding: 3px 3px 20px 3px;
  font-weight: bold;
  font-size: 110%;
}
  .navigace_pismeno a
  {
    text-decoration: none;
  }
.navigace_sekce
{
  float: left;
  width: 270px;
  text-align: left;
  padding: 3px 10px;
}
  .navigace_sekce a
  {
    background: transparent url(/images/odr_zelena.png) center left no-repeat;
    padding: 0 0 2px 15px;
    color: #383838;
  }
  .navigace_sekce a:hover
  {
    color: #84b038;
    background: transparent url(/images/odr_seda.png) center left no-repeat;
  }

#banner1
{
  width: 960px;
  /*float: left;*/
  margin-bottom: 15px;
}
#banner1 p
{
  color: #aaa;
  font-style: italic;
  font-size: 70%;
  margin: 0;
  padding: 0;
}

#banner2
{
  width: 960px;
  margin-bottom: 25px;
}
#banner2 p
{
  color: #aaa;
  font-style: italic;
  font-size: 70%;
  margin: 0;
  padding: 0;
}

#obsahpravy
{
  width: 250px;
  float: right;
}
    #obsahpravy h4{
        padding: 0; margin: 0 0 8px 0;
    }
  #obsahpravy p
  {
    font-size: 90%;
  }
  #obsahpravy p.reklama
  {
    color: #aaa;
    font-style: italic;
    font-size: 70%;
    margin: 0;
    padding: 0;
  }

#pravemenu
{
  margin: 5px 0 10px 0;
}
  #pravemenu p
  {
    line-height: 150%;
  }
  #pravemenu a
  {
    background: transparent url(/images/odr_seda.png) center left no-repeat;
    padding: 0 0 2px 10px;
  }
  #pravemenu .pridatUcet{
      padding: 0;
      background: none;
      color: #000;
      text-decoration: none;
  }
  #pravemenu .pridatUcet span{
      background: #84b038;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 1px 6px;
  }
  #pravemenu .pridatUcet:hover{
      color: #bd4809;
  }
  #pravemenu .pridatUcet span:hover{
      background: #bd4809;
  }

#login
{
  background-color: #dae7c4;
  border: solid #c9dca8 0;
  border-width: 0 0 1px 1px;
  margin: 0 0 20px 0;
  padding: 20px 0;
  font-size: 90%;
}
  #login h3
  {
    color: #bd4809;
    font-weight: bold;
    padding: 0 0 5px 15px;
    margin: 0;
  }
  #login p a{
      margin-left: 55px;
  }
  #login table, #login table td
  {
    border: none;
    margin: 0 auto;
  }
  #login input
  {
    width: 140px;
    border: none;
    padding: 5px 3px;
  }
  #login input[type=submit]
  {
    width: 95px;
    height: 24px;
    font-weight: bold;
    padding: 0 27px 0 0;
    font-size: 85%;
    color: #383838;
    background: #fff url(/images/tl_login.jpg) center center no-repeat;
  }
  #login p
  {
    line-height: 170%;
    padding: 0 0 0 20px;
  }
  #login a
  {
    background: transparent url(/images/odr_seda.png) center left no-repeat;
    padding: 0 0 2px 10px;
  }
  #login h3 span
  {
    font-weight: normal;
    font-size: 70%;
  }


#banner3
{
  margin: 0 0 20px 0;
}
#banner3 p
{
  color: #aaa;
  font-style: italic;
  font-size: 70%;
  margin: 0;
  padding: 0;
}

#textoveodkazy
{
  margin: 0 0 25px 0;
  border: solid #ddd 1px;
  padding: 10px;
}
  #textoveodkazy p.nadpis
  {
    font-size: 90%;
    font-weight: bold;
    margin-top: 10px;
  }
  #textoveodkazy p.nadpis a
  {
    color: #bd4809;
    text-decoration: none;
  }
  #textoveodkazy p.nadpis a:hover
  {
    text-decoration: underline;
  }
  #textoveodkazy p.popis
  {
    font-size: 80%;
    margin-bottom: 15px;
  }
  #textoveodkazy p.web
  {
    font-size: 80%;
    margin-bottom: 8px;
  }

#textoveodkazy_nahled
{
  margin: 10px auto;
  border: solid #ddd 1px;
  padding: 10px;
  background-color: #fff;
  width: 200px;
  text-align: left;
}
  #textoveodkazy_nahled p.nadpis
  {
    font-size: 90%;
    font-weight: bold;
    margin: 0;
    padding: 0;
  }
  #textoveodkazy_nahled p.nadpis a
  {
    color: #bd4809;
    text-decoration: none;
  }
  #textoveodkazy_nahled p.nadpis a:hover
  {
    text-decoration: underline;
  }
  #textoveodkazy_nahled p.popis
  {
    font-size: 80%;
    margin: 0;
    padding: 0;
  }
  #textoveodkazy_nahled p.web
  {
    font-size: 80%;
    margin: 0;
    padding: 0;
  }

#tagy
{
  margin: 0 0 25px 0;
}
  #tagy h3
  {
    color: #bd4809;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 0;
  }
  #tagy p
  {
    text-align: justify;
    font-size: 110%;
  }
  #tagy a
  {
    text-decoration: none;
  }
  #tagy a:hover
  {
    text-decoration: underline;
  }

#zapati
{
  width: 1230px;
  margin: 20px auto;
  padding: 20px 0;
  /*background: #fff url(/images/poz_zapati.jpg) top center no-repeat;*/
}
  #zapati p
  {
    color: #7f7f7f;
    font-size: 80%;
    padding: 20px 0 0 0;
  }
  #payu
  {
    float: right;
    width: 250px;
    font-size: 90%;
    text-align: center;
  }
  #payu a
  {
    color: #26358A;
    text-decoration: none;
  }
  #payu a:hover
  {
    text-decoration: underline;
  }

/* YXX.cz specifické divy **************************************************** */

#odeslat_emailem_form
{
  background-color: #3B3B3B;
  border: solid #3B3B3B 1px;
  position: relative;
  top: 50px;
  left: 826px;
  width: 270px;
  margin: 0;
  padding: 0 10px 10px 10px;
  z-index: 1;
  color: #fff;
  font-size: 90%;
  text-align: right;
}
  #odeslat_emailem_form p
  {
   margin: 0 0 10px 0;
   padding: 0;
   font-style: italic;
   font-size: 80%;
   font-weight: bold;
   text-align: center;
  }
  #odeslat_emailem_form form
  {
    margin: 0;
    padding: 0;
  }
  #odeslat_emailem_form input, #odeslat_emailem_form textarea
  {
    width: 150px;
    border: none;
    margin: 1px;
    padding: 5px 3px;
  }
  #odeslat_emailem_form input[type=submit]
  {
    width: 95px;
    height: 24px;
    font-weight: bold;
    padding: 0 27px 0 0;
    font-size: 85%;
    color: #383838;
    background: #fff url(/images/tl_login.jpg) center center no-repeat;
  }
  #odeslat_emailem_form label
  {
    font-size: 80%;
  }

#pridat_firmu
{
  background-color: #dae7c4;
  border: solid #c9dca8 0;
  border-width: 0 0 1px 1px;
  margin: 0 0 25px 0;
  padding: 20px 0;
  color: #404040;
}
  #pridat_firmu h2
  {
    font-size: 120%;
    color: #bd4809;
    font-weight: bold;
    padding: 0 20px 5px 0;
    margin: 0;
    text-align: right;
  }
  #pridat_firmu p
  {
    padding: 10px;
  }
  #pridat_firmu label
  {
    font-size: 90%;
  }
  #pridat_firmu table, #pridat_firmu table td
  {
    border: none;
    padding: 4px;
    margin: 0 auto;
    color: #404040;
    text-align: left;
  }
  #pridat_firmu table td.pravy
  {
    text-align: right;
  }
  #pridat_firmu table td.stred
  {
    text-align: center;
  }
  #pridat_firmu table td td
  {
    margin: 0;
    padding: 0;
  }
  #pridat_firmu input, #pridat_firmu textarea, #pridat_firmu select
  {
    border: none;
    padding: 7px 4px;
    width: 200px;
  }
  #pridat_firmu textarea#popis
  {
    width: 530px;
  }
  #pridat_firmu_zbytek textarea#popis
  {
    width: 200px;
  }
  #pridat_firmu_zbytek textarea#popisdlouhy
  {
    width: 480px;
  }
  #pridat_firmu input[type=radio], #pridat_firmu input[type=checkbox]
  {
    width: 50px;
  }
  #pridat_firmu input[type=submit]
  {
    width: 177px;
    height: 40px;
    font-weight: bold;
    padding: 0 27px 0 0;
    font-size: 100%;
    color: #fff;
    background: #fff url(/images/tl_cervene.jpg) center center no-repeat;
  }
  #pridat_firmu input#nacti
  {
    width: 136px;
    height: 32px;
    padding: 0;
    color: #fff;
    font-weight: normal;
    background: #fff url(/images/tl_nacti.jpg) center center no-repeat;
    font-size: 85%;
  }
  #pridat_firmu input#ico
  {
    width: 200px;
    margin: 0 5px;
  }

  #pridat_firmu .fotka
  {
    float: left;
    margin: 5px 0 5px 15px;
    text-align: center;
  }
  #pridat_firmu .fotka_pridat
  {
    margin: 0 auto;
    width: 100px;
    padding: 0;
    text-align: center;
  }
  #pridat_firmu_zbytek a.vybrat
  {
    font-size: 80%;
  }

#pridat_firmu_ico
{
  width: 100%;
  text-align: center;
}

#pridat_firmu_zbytek
{
  width: 100%;
  text-align: center;
  margin: 20px 0;
}

#platba
{
  margin: 10px auto;
  width: 430px;
}




.vypis
{
  width: 940px;
  margin-bottom: 20px;
  padding: 10px;
}
.vypis_free
{
  border: solid #ddd 0;
  border-width: 0 0 1px 1px;
}
.vypis_bronze
{
  border: solid #C9DCA8 0;
  border-width: 0 0 1px 1px;
}
.vypis_silver
{
  border: solid #C9DCA8 0;
  border-width: 0 0 1px 1px;
}
.vypis_gold
{
  border: solid #C9DCA8 0;
  background: #DAE7C4 url(/images/i_ok.png) 780px 40px no-repeat;
  border-width: 0 0 1px 1px;
}

.vypis_logo
{
  float: left;
  text-align: center;
  width: 150px;
  height: 65px;
  overflow: hidden;
}
  .vypis_logo img
  {
    margin: 0;
    border: none;
  }
.vypis_telo
{
  float: left;
  width: 600px;
  margin: 0 20px;
}
  .vypis_telo h3
  {
    margin: 0;
    padding: 0;
  }
  .vypis_telo p.web a
  {
    color: #bd4809;
    text-decoration: none;
  }
  .vypis_telo p.web a:hover
  {
    text-decoration: underline;
  }
.vypis_adresa
{
  float: right;
  width: 150px;
  text-align: right;
}

div.strankovani
{
  text-align: center;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}
div.strankovani span
{
  font-size: 100%;
}
div.strankovani a
{
  padding: 0 10px;
  font-size: 140%;
  color: #bd4809;
  text-decoration: none;
}
div.strankovani a:hover
{
  text-decoration: underline;
}
div.strankovani a.aktualni
{
  font-size: 180%;
  font-weight: bold;
}

.uvod_dole
{
  margin-top: 10px;
}
  .uvod_dole h4
  {
    margin: 0 0 10px 0;
    padding: 0;
    color: #bd4809;
    font-size: 120%;
  }
  .uvod_dole h5
  {
    margin: 0;
    padding: 0;
    color: #bd4809;
    font-size: 100%;
  }
  .uvod_dole h5 a
  {
    color: #bd4809;
    text-decoration: none;
  }
  .uvod_dole h5 a:hover
  {
    text-decoration: underline;
  }
  .uvod_dole p.datum
  {
    color: #909090;
    font-size: 80%;
    margin: 0;
    padding: 0;
  }
  .uvod_dole p.odkaz
  {
    font-size: 80%;
    margin: 0 0 10px 0;
    padding: 0;
  }
  .uvod_dole p.sipka
  {
    line-height: 170%;
    padding: 0 0 0 20px;
  }
  .uvod_dole a.sipka
  {
    background: transparent url(/images/odr_seda.png) center left no-repeat;
    padding: 0 0 2px 10px;
  }

#novinky
{
  width: 459px;
  float: left;
  border: solid #dddddd 0;
  border-width: 0 1px 0 0;
  margin-bottom: 25px;
  margin-right: 10px;
  padding: 10px 10px 10px 0;
}

#nove_firmy
{
  width: 449px;
  float: left;
  background-color: #ededed;
  border: solid #dddddd 0;
  border-width: 0 0 1px 1px;
  margin-bottom: 25px;
  margin-left: 10px;
  padding: 10px;
}

#detail_foto
{
  float: left;
  text-align: center;
  width: 200px;
  margin-bottom: 25px;
}
  #detail_foto div.detail_foto
  {
    border: solid #DDDDDD 1px;
    width: 200px;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
  }
  #detail_foto div.detail_foto img
  {
    margin: 0;
    padding: 5px 5px 2px 5px;
  }

#detail_telo
{
  float: right;
  width: 720px;
  margin: 0 0 25px 20px;
  padding: 0 10px;
}
  #detail_telo p.popis, #detail_telo div.firma_popis
  {
    line-height: 160%;
    margin-bottom: 20px;
    font-size: 90%;
  }
  #detail_telo div.firma_popis p
  {
    font-size: 100%;
  }

  #detail_telo p.adresa
  {
    font-size: 100%;
    margin-bottom: 15px;
  }
  #detail_telo p.kontakt
  {
    font-size: 110%;
    margin-bottom: 15px;
  }

  #detail_telo table.udaje, #novinky table.udaje
  {
    border: none;
    width: 280px;
    float: left;
    margin: 0;
  }
  #detail_telo table.udaje td, #novinky table.udaje td
  {
    margin: 0;
    padding: 4px 0;
    border: none;
    vertical-align: top;
  }
  #detail_telo span, #novinky span
  {
    color: #909090;
    font-size: 80%;
    font-style: italic;
    padding-right: 15px;
  }
  #detail_telo a.web
  {
    font-size: 120%;
    letter-spacing: 1px;
    color: #bd4809;
    text-decoration: none;
  }
  #detail_telo a.web:hover
  {
    text-decoration: underline;
  }
  #detail_telo a.detail_kat
  {
    background: transparent url(/images/odr_seda.png) center left no-repeat;
    padding: 0 0 2px 15px;
    margin-left: 15px;
  }
  #detail_telo a.detail_kat:hover
  {
    background: transparent url(/images/odr_zelena.png) center left no-repeat;
  }
  #detail_telo div.kontaktni_osoby
  {
    margin: 5px 20px 20px 20px;
    font-size: 120%;
  }
  #detail_telo div.kontaktni_osoba
  {
    margin-bottom: 10px;
  }

  #detail_telo table.kontakt
  {
    border: none;
    width: 720px;
    float: left;
    border: solid #DDDDDD 0;
    border-width: 0 0 1px 1px;
    margin-bottom: 15px;
  }
  #detail_telo table.kontakt td
  {
    margin: 0;
    padding: 4px 10px;
    border: none;
    font-size: 90%;
    color: #404040;
    background-color: #EDEDED;
  }
  #detail_telo input, #detail_telo textarea, #detail_telo select
  {
    border: none;
    padding: 7px 4px;
    width: 320px;
  }
  #detail_telo input[type=submit]
  {
    width: 136px;
    height: 32px;
    padding: 0 0 4px 0;
    color: #fff;
    font-weight: normal;
    background: #fff url(/images/tl_nacti.jpg) center center no-repeat;
    font-size: 95%;
  }

#detail_mapa
{
  width: 350px;
  height: 350px;
  float: right;
  margin: 0 0 0 20px;
  border: solid #ddd 1px;
}
  #detail_mapa p
  {
    padding: 20px 0;
    text-align: center;
  }

#detail_nahled
{
  width: 720px;
  height: 450px;
  overflow: hidden;
  margin: 5px 0 15px 0;
  border: solid #ddd 1px;
}
  #detail_nahled img
  {
    width: 720px;
  }


/* ostatnĂ­ divy na webu ***************************************************** */



#mailing
{
  margin-top: 20px;
}



div.mezera { width: 100%; clear: both; }

div.podkat
{
  border: solid #e0e0e0 1px;
  text-align: center;
}

#obsah div.errorbox
{
  color: red;
  font-weight: bold;
  text-align: center;
  border: dotted red 1px;
  padding: 5px;
  margin: 10px 0;
}

.clanek .clanek_img { margin-right: 10px; text-align: center; float: left; }
.clanek .clanek_img img { max-width: 100px; max-height: 70px; border: 1px solid #e9e8e8;
    border-radius: 4px;
    padding: 2px; }
.clanek_img_solo {margin-right: 10px; text-align: center; float: left; margin-bottom: 5px;}
.clanek_img_solo img { max-width: 160px; max-height: 120px; border: 1px solid #e9e8e8;
    border-radius: 4px;
    padding: 2px; }

.topround
{
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  behavior: url(./../css/pie.htc);
}

.bottomround
{
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  behavior: url(./../css/pie.htc);
}


.hidden
{
  display: none;
}

div#cookies
{
  width: 100%;
  text-align: center;
  padding: 8px 0;
  color: #000;
  background-color: #FFFE9A;
  font-size: 80%;
}
a#cookies_accept { padding-left: 40px; text-decoration: none; font-weight: bold; font-size: 120%; }

/* p ************************************************************************ */

#obsah p.data
{
  font-size: 70%;
  font-style: italic;
  text-align: right;
}

#obsah p.navigace
{
  font-size: 80%;
  margin: 0 0 5px 0;
  padding: 0;
}

#obsah p.problem
{
  text-align: right;
  font-style: italic;
}

.stred { text-align: center; }
.pravy { text-align: right; }
#obsah p.zvyrazneni { color: #502828; font-weight: bold; }

td.red
{
  color: red;
}

/* img ********************************************************************** */

img
{
  border: none;
  margin: 0;
}

img.avatar { height: 50px; width: auto; vertical-align: middle; margin-right: 10px; }

img.obrlevy    { float: left; }
img.obrpravy   { float: right; }

img.obrnflevy  { float: left; border-width: 0; }
img.obrnfpravy { float: right; border-width: 0; }

img.obrnoframe { border-width: 0; }

img.logo
{
  width: 234px;
  height: 50px;
  padding: 15px 0 0 0;
}

img.logomale
{
  float: left;
  width: 108px;
  height: 27px;
  padding: 20px 20px 0 0;
}

img.ihorni
{
  width: 20px;
  height: 20px;
  padding: 7px 2px 6px 2px;
}

img.banner1
{
  width: 958px;
  height: 88px;
  border: solid #aaa 1px;
}

img.banner2
{
  width: 958px;
  height: 88px;
  border: solid #aaa 1px;
}

img.banner3
{
  width: 250px;
  height: 250px;
}

img#loading
{
  width: 20px;
  height: 20px;
  margin: 0;
  display: none;
}


/* formuláře ****************************************************************** */

input[type=submit]:hover, input[type=button]:hover
{
  cursor: pointer;
}

textarea
{
  font-family: Segoe UI,Tahoma,sans-serif;
  font-size: 90%;
}

/* tabulky ****************************************************************** */

table {
  border: 1px solid #E9E8E8;
  margin: 10px;
  padding: 5px;
  border-radius: 5px;
  border-spacing: 0;
}

caption {
  font-size: 80%;
  font-style: italic;
}

td {
  color: #000;
  font-family: Segoe UI,Tahoma,sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 2px;
}

th {
  color: #000;
  font-family: Segoe UI,Tahoma,sans-serif;
  font-size: 90%;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 2px;
}

table p {
  margin: 0;
  padding: 0;
}

#pridat_firmu_zbytek table.typyzapisu
{
  width: 90%;
  margin: 0 auto;
  padding: 0;
  font-size: 90%;
  border-bottom: solid #c9dca8 1px;
}

#pridat_firmu_zbytek table.typyzapisu th.popis
{
  width: 40%;
}

#pridat_firmu_zbytek table.typyzapisu th
{
  width: 15%;
  border: none;
  padding: 4px 0;
  color: #fff;
  background-color: #84b038;
  border-left: solid #c9dca8 1px;
}

#pridat_firmu_zbytek table.typyzapisu td
{
  text-align: center;
  border-left: solid #c9dca8 1px;
}
#pridat_firmu_zbytek table.typyzapisu td.levy
{
  text-align: left;
  padding-left: 10px;
}

#pridat_firmu_zbytek table.typyzapisu span
{
  font-size: 75%;
}

table.typyzapisu tr
{
  background-color: #fff;
}

table.typyzapisu tr.s
{
  background-color: #e0e0e0;
}

table.typyzapisu tr.vyber, table.typyzapisu tr:hover, table.platba tr:hover
{
  background-color: #FFF0B3;
}

table.platba
{
  border: none;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  font-size: 90%;
  border-bottom: solid #c9dca8 1px;
}

table.platba th
{
  padding: 4px 0;
  color: #fff;
  background-color: #84b038;
  border: none;
}

table.platba td
{
  text-align: center;
  font-size: 90%;
  padding: 4px;
  border: none;
}
table.platba td.levy
{
  text-align: left;
  padding-left: 10px;
}
table.platba td.pravy
{
  text-align: right;
  padding-right: 10px;
}

table.platba span
{
  font-size: 75%;
}

table.platba tr
{
  background-color: #fff;
}

table.platba tr.s
{
  background-color: #e0e0e0;
}


table.tbleva   { float: left; }
table.tbprava  { float: right; }

table.tbnoframe  { border-width: 0; }
  table.tbnoframe td { border-width: 0; }
  table.tbnoframe th { border-width: 0; }

table.tbnfleva { float: left; border-width: 0; }
  table.tbnfleva td { border-width: 0; }
  table.tbnfleva th { border-width: 0; }

table.tbnfprava { float: right; border-width: 0; }
  table.tbnfprava td { border-width: 0; }
  table.tbnfprava th { border-width: 0; }

.admin { width: 100%; border: solid #D2CB77 1px; }
  .admin tr { background-color: #F9F5C5; }
  .admin tr:hover { background-color: #FFFFFF; }
  .admin th { background-color: #D2CB77; }
  .admin td { border: dotted #D2CB77; border-width: 0 0 1px 0; padding: 1px 5px; }
  .admin td.stred { text-align: center; }

table.form
{
  border-width: 0;
}
table.form td
{
  padding: 5px 20px 5px 0;
  border-width: 0;
}

.form100 { width: 100%; border-width: 0; }
  .form100 td { padding: 5px 20px 5px 0; }

/* styly pro javascriptovou chybovou hlasku ********************************* */

div.bootstrap-growl {  }
div.bootstrap-growl a.close { float: right; text-decoration: none; color: #909090; display: block; width: 20px; height: 20px; font-size: 120%; }
div.bootstrap-growl.alert { padding: 15px 10px 15px 50px; font-size: 90%; border-radius: 5px; line-height: 140%; text-align: left; }
div.bootstrap-growl.alert.alert-danger {  background: #ffc6c6 url('./../images/admin/ebox.png') no-repeat center left; border: 1px solid #eea9a9; }
div.bootstrap-growl.alert.alert-success {  background: #e4edcf url('./../images/admin/obox.png') no-repeat center left; border: 1px solid #ced7ba; }

/* odkazy ******************************************************************* */

a { color: #84b038; text-decoration: underline; }
a:hover { color: #bd4809; }

/* ostatnĂ­ ****************************************************************** */

.noprint
{

}
.noprintall
{
  visibility: hidden;
  display: none;
}
.nodisplay
{
  visibility: hidden;
  display: none;
}



/* styly pro modul ankety *************************************************** */

.anketa
{
  width: 300px;
  border: dotted #98bf0e 1px;
  margin: 0 auto;
}
.anketa p
{
  font-size: 80%;
  padding: 5px;
}
.anketa p.otazka
{
  font-weight: bold;
  text-align: center;
}
.anketa p.spodni
{
  font-size: 70%;
  text-align: center;
}
.anketa img
{
  border: none;
}



/* styly pro modul komentáře ************************************************ */

#komOdp { margin: 0; padding: 0; }
  #komOdp p { font-size: 70%; padding: 5px; }

div.kom1 { border: dotted #98bf0e 1px; background-color: #f0facb; margin: 5px; padding: 10px; }
div.kom2 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 25px; padding: 10px; }
div.kom3 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 45px; padding: 10px; }
div.kom4 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 65px; padding: 10px; }
div.kom5 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 85px; padding: 10px; }
div.kom6 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 105px; padding: 10px; }
div.kom7 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 125px; padding: 10px; }
div.kom8 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 145px; padding: 10px; }

table.pridatKom { width: 100%; border-width: 0; }
table.pridatKom td { padding: 5px 20px 5px 0; border-width: 0; font-size: 100%; }

#obsah p.komPredmet { font-weight: bold; margin: 0; padding: 0; }
#obsah p.komUdaje { font-size: 60%; color: #909090; margin: 0; padding: 5px 0 10px 0; }
#obsah p.komText { font-size: 80%; margin: 0; padding: 0 0 5px 0; }



/* styly pro modul fotogalerie ********************************************** */
/* styly souboru fotka.php * */

#horni { text-align: center; }
  #horni h1 { font-size: 200%; font-weight: bold; }
  #horni p { }

#navig { text-align: center; }
  #navig p {  }

#fotka { text-align: center; }

/* styly pro modul e-shop *************************************************** */

#eshop_produkty
{
  width: 100%;
  margin: 10px 0;
}
  #eshop_produkty h2
  {
    font-size: 100%;
    margin-bottom: 5px;margin-top: 5px;
  }
  #eshop_produkty p
  {

    padding: 5px 0 0 0;
    font-size: 80%;
  }
  #eshop_produkty p.cena
  {

    padding: 5px 0 0 0;
    font-size: 120%;
    color: #bd4809;
  }
  #eshop_produkty p.cena strike
  {
    font-size: 70%;
  }
  #eshop_produkty p.dost0
  {
    color: green;
  }
  #eshop_produkty p.dost20
  {
    color: orange;
  }
  #eshop_produkty p.dost99
  {
    color: red;
  }

#eshop_razeni
{
  border: solid #c0c0c0 1px;
  padding: 5px;
  font-size: 90%;
  margin-bottom: 20px;
}

.eshop_produkt
{
  width: calc( 33% - 25px );
  height: 200px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 5px;
  overflow: hidden;
}
.eshop_produkt.posledni { margin-right: 0; }
.eshop_produkty_par { float: left; width: calc( 100% - 115px ); }
.eshop_obrazek
{
  width: 100px;
  float: left;

  margin: 5px 15px 0 0;
  text-align: center;
}
  .eshop_obrazek img
  {
      border: 1px solid #e9e8e8;
      border-radius: 4px;
      padding: 2px;
    max-width: 95px;
    max-height: 95px;
    margin-top: 2px;
  }

#eshop_obrazek
{
  width: 200px;
  height: auto;
  float: left;
  border: solid #e9e8e8 1px;
  border-radius: 4px;
  text-align: center;
}
  #eshop_obrazek img
  {
    max-width: 190px;
    max-height: 190px;
    border: none;

    padding: 5px;
  }

#eshop_udaje
{
  width: 348px;
  height: auto;
  float: left;
}
  #eshop_udaje table
  {
    width: 100%;


    border: none;
  }
  #eshop_udaje td
  {
    font-size: 90%;
    border: none;
    padding: 5px;

  }
    #eshop_udaje td.popisek
    {
      text-align: right;
      font-style: italic;
      color: #909090;
      font-size: 80%;
    }
    #eshop_udaje td.cena
    {
      font-size: 120%;
      font-weight: bold;
      color: #bd4809;
    }
    #eshop_udaje td.cena strike
    {
      font-size: 70%;
    }
    #eshop_udaje td.cena_bez_dph
    {
      font-weight: bold;
      color: #bd4809;
    }
    #eshop_udaje td.dost0, #kosik span.dost0
    {
      color: green;
      font-weight: bold;
    }
    #eshop_udaje td.dost20, #kosik span.dost20
    {
      color: orange;
    }
    #eshop_udaje td.dost99, #kosik span.dost99
    {
      color: red;
    }
    #eshop_udaje td.dost999, #kosik span.dost999
    {
      color: red;
      font-weight: bold;
    }
    #eshop_udaje td.koupit
    {
      text-align: center;
    }

  #eshop_udaje input.text
  {
    width: 50px;
    text-align: center;
  }

  #eshop_popis
  {
    margin: 10px 0;
    font-size: 90%;
  }

#eshop_payu
{
  width: 100%;

}
  #eshop_payu img
  {
    border: none;
  }
  #eshop_payu table.table-payu
  {
    width: 100%;
    border: none;


    border-spacing: 0;
  }
  #eshop_payu table.table-payu td
  {
    border: none;
    background: none;
  }

div#eshop_nova_polozka, div#eshop_doprava_zdarma_zbyva
{
  background-color: #e4edcf;
  border: 1px solid #ced7ba;
  padding: 10px;
  margin: 10px auto;
  font-size: 90%;
}

table#kosik
{
  width: 100%;
  border-spacing: 0;
  margin: 0 0 20px 0;
  border: none;
}
table#kosik td span.dostupnost
{
  font-size: 90%;
}
table#kosik tr.s
{
  background-color: #e0e0e0;
}
table#kosik th, table#soucty th
{
  text-align: center;
  font-size: 70%;
  border: none;
  border-bottom: solid #e0e0e0 1px;
  padding: 5px;
  color: #bd4809;
  font-weight: bold;
}
table#kosik td, table#soucty td
{
  font-size: 80%;
  padding: 5px;
  border: none;
  vertical-align: middle;
}
table#kosik input.mnozstvi
{
  width: 30px;
  text-align: center;
  margin-right: 3px;
  font-size: 90%;
}
table#kosik td.obrazek { width: 150px; }
table#kosik td.obrazek img { max-width: 150px; max-height: 80px; }

table#soucty
{
  width: 100%;
  margin: 0 0 30px 0;

  border: solid #e0e0e0 0;
  border-width: 1px 0 0 0;
  border-spacing: 0;
}
  table#soucty td.cena_celkem
  {
    font-size: 100%;
    font-weight: bold;
  }

table#platba, table#doprava, table#fakturacni, table#dodaci, table#poznamka
{
  width: 100%;
  margin: 0 0 10px 0;

  border: none;
  border-spacing: 0;
}
  table#platba td, table#doprava td
  {
    border: none;
    font-size: 80%;

    padding: 5px;
    vertical-align: top;
  }
  table#platba td.radio, table#doprava td.radio
  {
    width: 30px;
    text-align: center;
  }
  table#platba tr.payu td img
  {
    width: auto;
    height: 40px;
    border: none;
    margin: 4px 0 0 0;
  }

  table#doprava tr.doprava0, table#platba tr.payu
  {
    background-color: lightgreen;
  }

  table#fakturacni td, table#dodaci td, table#poznamka td
  {
    border: none;
    font-size: 80%;

    padding: 5px;
    vertical-align: middle;
  }
  table#fakturacni td.pevny, table#dodaci td.pevny
  {
    width: 120px;
  }
  table#fakturacni input.text, table#dodaci input.text, table#poznamka input.text, table#fakturacni select, table#dodaci select
  {
    width: 350px;
    padding: 4px;
    font-size: 90%;
  }
  table#fakturacni input.text.maly, table#dodaci input.text.maly
  {
    width: 100px;
  }
  table#fakturacni input.text.stredni, table#dodaci input.text.stredni
  {
    width: 237px;
  }
  table#fakturacni td.pevny, table#dodaci td.pevny, table#poznamka td.pevny {
      width: 150px;
  }

div#div_dodaci
{
}

div.skryty
{
  display: none;
}

div#pokracovat
{
  width: 49%;
  float: left;
}
div#dokoncit
{
  width: 49%;
  float: right;
  text-align: right;
  font-weight: bold;
}

textarea.poznamka_obj
{
  width: 100%;
  height: 100px;
}

a.odstranit
{
  color: red;
  text-decoration: none;
  font-weight: bold;
}

div#obchodni_podminky { display: none; }

div#vydejni_misto_info { padding: 10px 0; display: none; font-size: 120%; }
div#vydejni_misto_info h5 { font-size: 120%; }
div#vydejni_misto_info p { padding-right: 20px; }
div#vydejni_misto_info table { border: none; padding: 0; margin: 0; }
div#vydejni_misto_info table td { border: none; padding: 0; margin: 0; font-size: 110%; }
div#vydejni_misto_info_obrazek img { width: 180px; height: auto; margin: 0 20px 0 0; padding: 0; }
div#vydejni_misto_info_mapa { width: 100%; height: 250px; }

div#eshop_nova_polozka
{
  background-color: #e4edcf;
  border: 1px solid #ced7ba;
  padding: 10px;
  margin: 10px auto;
  font-size: 90%;
}


/* modul uživatelé ************************************************************/

#uzivatele_login { margin-bottom: 20px; }
#uzivatele_login table
{
  font-size: 90%;
  border: none;
  margin: 10px 0;
}
#uzivatele_login table td
{
  border: none;
  vertical-align: middle;
}
#uzivatele_login img
{
  width: 22px;
  height: 22px;
  margin-top: 5px;
}

img.socsite
{
  border: none;
  width: 32px;
  height: 32px;
}

table.reset_hesla, table.registrace, table.osobni_udaje
{
  border: none;
  margin: 10px auto;
  width: 60%;
}

 table.osobni_udaje
 {
   width: 100%;
 }

table.reset_hesla td, table.registrace td, table.osobni_udaje td
{
  border: none;
  font-size: 90%;
}

/* styly pro modul fotogalerie ********************************************** */

#fotogalerie {}

.fotogalerie { margin-bottom: 20px; text-align: center; }

.fotogalerie div.fotka
{
  display: inline-block;
  width: calc( 25% - 18px );
  height: 160px;
  border: 1px solid #e9e8e8;
  border-radius: 4px;
  margin: 0 5px 15px 5px;
  text-align: center;
}
.fotogalerie div.fotka.treti {}
.fotogalerie div.fotka img { display: inline-block; vertical-align: middle; width: 100%; max-width: 201px; max-height: 150px; }
.fotogalerie div.fotka span { display: inline-block; vertical-align: middle; width: 0; height: 100%; }


 input
  {
    padding: 5px 3px;
  }

/* jQuery UI styly ********************************************************** */

.ui-autocomplete { width: 280px; padding: 1px !important; border-radius: 0 !important; border: 1px solid #c0c0c0 !important; }
.ui-autocomplete li { font-size: 80%; padding: 0; margin: 0; border-radius: 0 !important; }
.ui-autocomplete li a { padding: 0; margin: 0; border-radius: 0 !important; cursor: pointer; }
.ui-autocomplete li a.ui-state-focus { border: solid 1px #e0e0e0 !important; background-color: #e0e0e0 !important; }
.ui-autocomplete-loading { background: #fff url( './../libs/jquery/images/loading.gif' ) center left no-repeat !important; background-size: contain !important; }
.ui-state-active { color: #000 !important; }

.ui-autocomplete-obrazek { float: left; text-align: center; width: 60px; padding: 5px 0 0 0; }
.ui-autocomplete-obrazek img { max-width: 60px; max-height: 60px; margin: 0; }
.ui-autocomplete-text { float: right; width: 305px; line-height: 110%; font-weight: bold; padding: 5px 0; max-height: 60px; overflow: hidden; }
.ui-autocomplete-text span { color: #909090; font-weight: normal; font-size: 80%; }
.ui-autocomplete-text span span { font-size: 100%; }
.ui-autocomplete-extra { font-weight: bold; text-align: center; padding: 10px 0; }
.ui-autocomplete-extra span { color: #909090; font-weight: normal; font-size: 80%; }

@media screen and ( max-width: 1230px )
{

#hlavni, #zapati { width: 100%; }

#obsah, #vyhledavani { width: calc( 100% - 270px ); }

#navigace_horni { width: calc( 100% - 290px ); }

#menu { width: calc( 100% - 170px ); }
#menu a, #kosik_top { padding-left: 2px; padding-right: 2px; }
#menu a { font-size: 90%; }

.eshop_produkt { width: calc( 50% - 30px ); }
.eshop_produkt.posledni { margin-right: 20px; }

.clanek { padding-left: 5px; }

}

@media screen and ( max-width: 900px )
{

#titulek, #vyhledavani { margin-bottom: 0; }

#menu a { display: none; }
#menu a.menu_opener { display: block; }

#vyhledavani input[type=text] { width: calc( 100% - 40px ); }

#vyhledavani table { width: 100%; }

#vyhledavani table td:first-child { width: 90px; font-size: 80%; }
#vyhledavani table td:last-child { width: 140px; }

.navigace_sloupec { width: calc( 50% - 20px ); }
.navigace_sloupec a { padding: 0 0 10px 15px; }

#obsah h1 { padding-left: 5px; padding-right: 5px; }

.eshop_produkt { width: calc( 100% - 10px ); margin-right: 0; height: auto; overflow: visible; }

#eshop_udaje { width: calc( 100% - 202px ); }

.fotogalerie div.fotka { width: calc( 50% - 18px ); }

}

@media screen and ( max-width: 800px )
{

#obsah, #vyhledavani { width: 100%; }

#obsahpravy { width: calc( 100% - 10px ); padding-left: 5px; padding-right: 5px; margin-top: 30px; }

#logo { float: none; width: 100%; text-align: center; }

#navigace_horni { width: calc( 100% - 20px ); }

#obsah h1 { font-size: 120%; }

#zapati p { text-align: center; }


}

@media screen and ( max-width: 600px )
{

#vyhledavani table td:first-child { display: none; }

.navigace_sloupec { width: calc( 100% - 20px ); }

#eshop_udaje { width: calc( 100% - 152px ); }

#eshop_obrazek { width: 150px; }
#eshop_obrazek img { max-width: 140px; max-height: 140px; }

table#kosik, table#kosik thead, table#kosik tbody, table#kosik tr, table#kosik td, table#kosik th { display: block; }
table#kosik td { width: calc( 100% - 10px ); text-align: center; }
table#kosik td.obrazek { width: 100%; }

table#fakturacni, table#dodaci, table#poznamka { width: calc( 100% - 10px ); }
table#fakturacni input.text, table#dodaci input.text, table#poznamka input.text, table#fakturacni select, table#dodaci select
{
  width: calc( 100% - 10px );
}
table#fakturacni input.text.maly, table#dodaci input.text.maly
{
  width: calc( 30% - 10px );
}
table#fakturacni input.text.stredni, table#dodaci input.text.stredni
{
  width: calc( 70% - 20px );
}
table#fakturacni td.pevny, table#dodaci td.pevny, table#poznamka td.pevny {
  width: calc( 50% - 10px );
}

}