@charset "UTF-8";
/*!
 * Copyright (c)2009 -  2019 AGREKOS Opava, a.s., Hlučínská 1553/45 OPAVA - Kateřinky, PSČ 747 05,  IČ: 47672251, DIČ: CZ47672251 - majitel licence. Autor Ing. Vladimír Kapic, obchod@kapic.cz. Vytvořeno na zakázku AGREKOS Opava. Úpravy a šíření celků nebo části kódu je možné pouze se souhlasem AGREKOS Opava.
 */
/*# sourceMappingURL=main.css.map */
body strong, #leva #pozice, #leva .odsek_l, #leva .odsek_2, #leva .odsek_3, #stred header#top #adresa, #stred header#top #adresa #adresa2, #stred header#top #menu a, #stred #nadtabulkou1, #stred #maintab h2, #stred #overeni h2, #stred #maintab #nabidka tr td div.hodiny-tab, #stred #overeni #nabidka tr td div.hodiny-tab, #stred #maintab #odeslanikodu table#over, #stred #overeni #odeslanikodu table#over, #stred #maintab #odeslanikodu table#over input, #stred #maintab #odeslanikodu table#over select, #stred #maintab #odeslanikodu table#over textarea, #stred #overeni #odeslanikodu table#over input, #stred #overeni #odeslanikodu table#over select, #stred #overeni #odeslanikodu table#over textarea, #stred #maintab #odeslanikodu table#over button#odeslikod, #stred #overeni #odeslanikodu table#over button#odeslikod, button#zpet, button#butover, #vypln label, #vypln button, #pata, #jakmyjeme table, #jakmyjeme .souborh2, #potvrzeni table#potvrd input, #potvrzeni table#potvrd textarea { font-weight: bold; }

#jakmyjeme table, #potvrzeni { margin: 0; padding: 0; }

@media (max-width: 320px) { html { font-size: 9px; } }
@media (min-width: 320px) { html { font-size: 10px; } }
@media (min-width: 420px) { html { font-size: 11px; } }
@media (min-width: 576px) { html { font-size: 12px; } }
@media (min-width: 768px) { html { font-size: 13px; } }
@media (min-width: 992px) { html { font-size: 14px; } }
@media (min-width: 1200px) { html { font-size: 15px; } }
html { margin: 0; padding: 0; border: 0; }

body { font-family: sans-serif; color: #000; background: #FFF url(pozadimain.png) no-repeat 50% 100%; text-align: left; }
body strong { color: #090; }
body .skryte { visibility: hidden; display: none; }
body a:hover, body div:hover { color: #444; }

.container { background-image: url(pozadimain.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; }
.container .row { width: 100%; margin-right: 0; }

#stred.col-8 { padding-right: 0; }

#stranka { height: auto; margin: 0 auto; text-align: center; background: #FFF; min-width: 400px; }

#leva { background: transparent; max-width: 33%; }
#leva a { color: #090; text-decoration: none; font-weight: bold; }
#leva a:hover { color: #888; }
#leva #levahorni { padding: 1rem 4rem 1.3rem 4rem; width: 100%; }
#leva #druhalevahorni { padding: 2.4rem 3.5rem 1.3rem 3.5rem; width: 100%; }
#leva #pozice { padding: 0.5rem 0 0.5rem 2rem; background: transparent url(sipka_poz.png) no-repeat 5px 0; color: #090; font-size: 1rem; }
#leva .leverozd { width: 100%; height: 0.2rem; background: transparent url(leverozd.png) no-repeat top left; }
#leva .odsek_l { width: 100%; font-size: 0.8rem; background: transparent url("/css/podaktual.png") repeat-y top left; }
#leva .odsek_l h1 { padding: 0.5rem 0.5rem 0 0.5rem; font-size: 0.9rem; color: #090; }
#leva .odsek_l p { margin: 0; padding: 0.5rem; }
#leva .odsek_l h1.sip { margin: 0 5px 5px 10px; padding-left: 17px; background: transparent url(sipka_top1.png) no-repeat 0 0; }
#leva .odsek_l p.sip { padding: 0 0.5rem 0.5rem 17px; background: transparent url(sipka_top1.png) no-repeat 0 0; }
#leva .odsek_l img { width: 100%; }
#leva .odsek_2 { width: 100%; font-size: 0.8rem; padding: 1rem 0 1rem 0; background: transparent url(podaktual.png) repeat-y top left; }
#leva .odsek_2 p { margin: 0 0.5rem 0 18px; }
#leva .odsek_3 { font-size: 0.8rem; padding: 0 0.5rem 1rem 0; color: #444; }
#leva .odsek_3 h1 { font-size: 0.9rem; margin: 0 0 0.5rem 0; padding: 0 0 0.5rem 18px; color: #090; }
#leva .odsek_3 h1.sip { padding: 0 0.5rem 0.5rem 17px; background: transparent url(sipka_top1.png) no-repeat 0 0; }

#stred img#sorry_error { width: 100%; }
#stred #mimoProvoz { display: block; float: none; clear: both; padding: 2rem; margin-top: 1rem; border-radius: 0.5rem; background-color: #090; width: 100%; }
#stred #mimoProvoz p { color: #dff0d8; text-align: center; }
#stred #mimoProvoz p#topCats { font-size: 2rem; }
#stred #mimoProvoz p#bottomCats { font-size: 1.3rem; }
#stred header#top #adresa { float: none; clear: both; padding: 1rem 0 0 0; }
#stred header#top #adresa img { width: 70%; }
#stred header#top #adresa #adresa2 { font-size: 0.7rem; padding-bottom: 0.5rem; }
#stred header#top #adresa #adresa2 span { font-size: 1rem; }
#stred header#top #adresa #adresa3 { font-size: 1rem; }
#stred header#top #adresa #adresa3 .adresa2-zac { color: #090; }
#stred header#top #menu { width: 100%; padding: 1rem 0 0 0; }
#stred header#top #menu a { display: block; width: 23%; background-color: #C7E8C7; color: #090; float: left; padding: 0.8rem 0.5rem; text-decoration: none; text-align: center; font-size: 0.7rem; height: 3.5rem; }
#stred header#top #menu a:hover { color: #444; }
@media (max-width: 576px) { #stred header#top #menu a { height: 3.5rem; } }
@media (min-width: 576px) { #stred header#top #menu a { height: auto; } }
#stred header#top #menu .siroky { width: 31%; }
#stred header#top #menu .aktiv { background-color: #090; color: #C7E8C7; }
#stred header#top #menu .aktiv:hover { color: #000; }
#stred #nadtabulkou1 { width: 100%; float: left; font-size: 0.8rem; padding: 1rem 0 0 0; }
#stred #nadtabulkou1 #nad-leva, #stred #nadtabulkou1 #nad-prava, #stred #nadtabulkou1 #nad-stred { float: left; text-align: center; color: #C7E8C7; }
#stred #nadtabulkou1 #nad-leva, #stred #nadtabulkou1 #nad-prava { width: 23%; }
#stred #nadtabulkou1 #nad-stred { width: 54%; }
#stred #nadtabulkou1 #nad-stred img { width: 4.5rem; }
@media (max-width: 576px) { #stred #nadtabulkou1 #nad-stred img { display: none; } }
#stred #nadtabulkou1 .aktivni { color: #090; }
#stred #maintab, #stred #overeni { width: 100%; margin: 0; float: left; clear: both; }
#stred #maintab #roty, #stred #overeni #roty { width: 100%; font-weight: bold; margin: 0; text-align: center; }
#stred #maintab #roty a, #stred #overeni #roty a { display: block; float: left; }
#stred #maintab #roty a .bgActive, #stred #overeni #roty a .bgActive { height: 1rem; fill: #005AAE; }
#stred #maintab #roty a .bgActive:hover, #stred #overeni #roty a .bgActive:hover { fill: #444; }
#stred #maintab #roty a .bgInactive, #stred #overeni #roty a .bgInactive { fill: #D7D7D7; height: 1rem; }
#stred #maintab #roty a img, #stred #overeni #roty a img { margin: 0.5rem; }
#stred #maintab #roty #rotdny, #stred #overeni #roty #rotdny { display: inline-block; padding: 0.5rem 1rem 0.5rem 0; }
#stred #maintab #roty #rotdny #pop_rot, #stred #overeni #roty #rotdny #pop_rot { float: left; padding: 0.25rem 0.5rem 0 0.5rem; }
#stred #maintab #roty .aktualday, #stred #overeni #roty .aktualday { float: left; padding: 0.25rem 0.5rem 0.5rem 0.5rem; }
#stred #maintab #roty #rotmes, #stred #overeni #roty #rotmes { display: inline-block; padding: 0.5rem 0 0.5rem 0; }
#stred #maintab h2, #stred #overeni h2 { diplay: block; float: left; width: 100%; text-align: center; font-size: 1rem; }
#stred #maintab #nabidka, #stred #overeni #nabidka { float: left; margin-left: 0; }
#stred #maintab #nabidka tr, #stred #overeni #nabidka tr { padding: 0; }
#stred #maintab #nabidka tr td, #stred #overeni #nabidka tr td { height: auto; background-color: #FFFFFF00; }
#stred #maintab #nabidka tr td .klikaci, #stred #overeni #nabidka tr td .klikaci { cursor: pointer; }
#stred #maintab #nabidka tr td .predvybrane, #stred #overeni #nabidka tr td .predvybrane { color: #FFF; background-color: #090; }
#stred #maintab #nabidka tr td div, #stred #overeni #nabidka tr td div { width: 100%; height: 100%; padding: 2px; border: 1px solid #090; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; border-radius: 0.5rem; }
#stred #maintab #nabidka tr td div img, #stred #overeni #nabidka tr td div img { width: 100%; height: auto; }
#stred #maintab #nabidka tr td input, #stred #overeni #nabidka tr td input { display: none; }
#stred #maintab #nabidka tr td div.hodiny-tab, #stred #overeni #nabidka tr td div.hodiny-tab { border: 0; position: relative; float: left; width: 100%; text-align: center; margin-top: -4.4rem; font-size: 1.5rem; }
@media (max-width: 450px) { #stred #maintab #nabidka tr td div.hodiny-tab, #stred #overeni #nabidka tr td div.hodiny-tab { margin-top: -3rem; font-size: 1.2rem; } }
@media (min-width: 450px) { #stred #maintab #nabidka tr td div.hodiny-tab, #stred #overeni #nabidka tr td div.hodiny-tab { margin-top: -3.6rem; font-size: 1.5rem; } }
@media (min-width: 576px) { #stred #maintab #nabidka tr td div.hodiny-tab, #stred #overeni #nabidka tr td div.hodiny-tab { margin-top: -3.5rem; font-size: 1.5rem; } }
@media (min-width: 768px) { #stred #maintab #nabidka tr td div.hodiny-tab, #stred #overeni #nabidka tr td div.hodiny-tab { margin-top: -4.4rem; font-size: 1.5rem; } }
@media (min-width: 992px) { #stred #maintab #nabidka tr td div.hodiny-tab, #stred #overeni #nabidka tr td div.hodiny-tab { margin-top: -4rem; font-size: 1.5rem; } }
@media (min-width: 1200px) { #stred #maintab #nabidka tr td div.hodiny-tab, #stred #overeni #nabidka tr td div.hodiny-tab { margin-top: -4.4rem; font-size: 1.5rem; } }
#stred #maintab p.seda, #stred #overeni p.seda { color: #888; padding: 0; margin: 2px 0 2px 10px; }
#stred #maintab #spodni_form, #stred #overeni #spodni_form { width: 100%; padding: 1rem 0 0 0; text-align: center; }
@media (max-width: 576px) { #stred #maintab #spodni_form, #stred #overeni #spodni_form { padding: 1rem 0 0 3rem; } }
@media (min-width: 576px) { #stred #maintab #spodni_form, #stred #overeni #spodni_form { padding: 1rem 0 0 8rem; text-align: center; } }
@media (min-width: 768px) { #stred #maintab #spodni_form, #stred #overeni #spodni_form { padding: 1rem 0 0 0; } }
@media (min-width: 992px) { #stred #maintab #spodni_form, #stred #overeni #spodni_form { padding: 1rem 0 0 0; } }
@media (min-width: 1200px) { #stred #maintab #spodni_form, #stred #overeni #spodni_form { padding: 1rem 4rem 0 0; } }
#stred #maintab #odeslanikodu table#over, #stred #overeni #odeslanikodu table#over { width: auto; float: left; margin: 1rem 0 1rem 0; }
#stred #maintab #odeslanikodu table#over tr, #stred #overeni #odeslanikodu table#over tr { margin-top: 1rem; }
#stred #maintab #odeslanikodu table#over td, #stred #overeni #odeslanikodu table#over td { padding-top: 0.3rem; }
#stred #maintab #odeslanikodu table#over td#overovany-kod, #stred #overeni #odeslanikodu table#over td#overovany-kod { text-align: center; }
#stred #maintab #odeslanikodu table#over td#overovany-kod strong, #stred #overeni #odeslanikodu table#over td#overovany-kod strong { font-size: 2rem; }
#stred #maintab #odeslanikodu table#over td#overovaci-radek, #stred #overeni #odeslanikodu table#over td#overovaci-radek { text-align: center; padding: 0 4rem; }
#stred #maintab #odeslanikodu table#over .label, #stred #overeni #odeslanikodu table#over .label { padding-right: 1rem; }
#stred #maintab #odeslanikodu table#over input, #stred #maintab #odeslanikodu table#over select, #stred #maintab #odeslanikodu table#over textarea, #stred #overeni #odeslanikodu table#over input, #stred #overeni #odeslanikodu table#over select, #stred #overeni #odeslanikodu table#over textarea { border: 2px solid #090; width: 13rem; padding: 0.2rem 0.3rem; background: #C7E8C7; }
#stred #maintab #odeslanikodu table#over input.necteni, #stred #overeni #odeslanikodu table#over input.necteni { background: #FFF; }
#stred #maintab #odeslanikodu table#over button, #stred #overeni #odeslanikodu table#over button { -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; -ms-border-radius: 0.3rem; border-radius: 0.3rem; width: 15rem; margin: 0; padding: 0.5rem 0; font-size: 1.2rem; text-align: center; }
#stred #maintab #odeslanikodu table#over button#odeslikod, #stred #overeni #odeslanikodu table#over button#odeslikod { border: 2px solid #C7E8C7; background: #090; color: #C7E8C7; width: 13rem; }
#stred #maintab #odeslanikodu table#over button#odeslikod:hover, #stred #overeni #odeslanikodu table#over button#odeslikod:hover { border: 2px solid #090; background: #C7E8C7; color: #090; }
#stred #maintab #odeslanikodu table#over table#klavesnice, #stred #overeni #odeslanikodu table#over table#klavesnice { display: inline-table; width: 100%; }
#stred #maintab #odeslanikodu table#over table#klavesnice td.klavesa, #stred #overeni #odeslanikodu table#over table#klavesnice td.klavesa { border: 0; margin: 0; padding: 0; }
#stred #maintab #odeslanikodu table#over table#klavesnice td.klavesa div, #stred #overeni #odeslanikodu table#over table#klavesnice td.klavesa div { width: 100%; height: 100%; padding: 2px; background: #FFF; border: 1px solid #090; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; border-radius: 0.5rem; }
#stred #maintab #odeslanikodu table#over table#klavesnice td.klavesa div button, #stred #overeni #odeslanikodu table#over table#klavesnice td.klavesa div button { width: 100%; margin: 0; padding: 0; border: 0; }
#stred #maintab #odeslanikodu table#over table#klavesnice td.klavesa div button img, #stred #overeni #odeslanikodu table#over table#klavesnice td.klavesa div button img { margin: 1px; padding: 0; width: 100%; }
#stred #maintab #odeslanikodu table#over p.spodek_overeni, #stred #overeni #odeslanikodu table#over p.spodek_overeni { text-align: center; }
#stred h3 { font-size: 1.5rem; text-align: center; }

h3 { color: #F00; clear: both; font-size: 1rem; }

button#zpet, button#butover { -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; -ms-border-radius: 0.3rem; border-radius: 0.3rem; width: 13rem; margin: 0; padding: 0.5rem 0; font-size: 1.2rem; text-align: center; border: 2px solid #090; background: #C7E8C7; color: #090; }
button#zpet:hover, button#butover:hover { border: 2px solid #C7E8C7; background: #090; color: #C7E8C7; }

#vypln { padding-top: 3rem; float: left; width: 100%; text-align: right; }
#vypln p { margin: 0; text-align: center; }
#vypln input, #vypln #vypln select { border: 1px solid #090; width: 13rem; }
#vypln input[type=checkbox] { -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ margin: 1rem 0; padding: 1rem; }
#vypln label { padding-right: 0.4rem; margin: 0.5rem 0 0 0; }
#vypln .protlacitko { text-align: center; }
#vypln button { -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; -ms-border-radius: 0.3rem; border-radius: 0.3rem; margin: 0; padding: 0.5rem 3rem; border: 2px solid #C7E8C7; background: #090; color: #C7E8C7; font-size: 1.2rem; }
#vypln button:hover { border: 2px solid #090; background: #C7E8C7; color: #090; }

.tooltip-inner { background: #FFFFFF; color: rgba(0, 0, 0, 0.7); border: 1px solid #737373; }
.tooltip-inner .show { opacity: 1; }

#right { max-width: 33%; padding-top: 5.2rem; }
#right #hlavapravy { width: 100%; padding-bottom: 3.2rem; }
#right .podbannerem { margin-top: 2rem; }

#pata { width: 100%; margin: 0; background: #C7E8C7; color: #090; font-size: 0.6rem; padding: 1rem 0; }
#pata a { color: #090; text-decoration: none; }
#pata a:hover { color: #444; }
#pata #patnimenu { max-width: 100%; }
#pata #patnimenu #pata_menu.navbar { display: block !important; width: 100%; }
#pata #patnimenu #pata_menu { background: #C7E8C7 !important; text-align: center; }
#pata #patnimenu #pata_menu a, #pata #patnimenu #pata_menu div { font-size: 0.7rem; color: #9c9c9c; cursor: pointer; }
#pata #patnimenu #pata_menu:hover { color: #000; }
#pata #bio, #pata #kapic { float: right; }

#jakmyjeme { width: 100%; float: left; }
#jakmyjeme h1 { font-size: 1rem; color: #090; margin: 0; padding: 1rem 0 0.3rem 0; }
#jakmyjeme h1.kde { color: #000; padding: 1rem 0 0.5rem 0.5rem; }
#jakmyjeme h1.kde a { color: #090; text-decoration: none; }
#jakmyjeme p { margin: 0; padding: 0 0 0.5rem 0; }
#jakmyjeme ul { width: 100%; padding: 0.5rem 0 0.5rem 1rem; }
#jakmyjeme ul .liststyle { list-style: none; }
#jakmyjeme ul .liststyle:before { padding-right: 0.5rem; content: "• "; color: #090; /* or whatever color you prefer */ font-size: 0.5rem; /* or whatever the bullet size you prefer */ }
#jakmyjeme #praveklikaci { display: block; width: 40%; float: right; margin: 1rem 0 1rem 1rem; }
#jakmyjeme #praveklikaci img { width: 100%; }
#jakmyjeme table { border: 2px solid #090; background-color: #FFF; margin-bottom: 2rem; }
#jakmyjeme td { padding: 0.5rem; font-size: 0.8rem; }
#jakmyjeme .tdlevo { border-right: 1px solid #090; }
#jakmyjeme .tdpravo { text-align: right; width: 4rem; }
#jakmyjeme .suda { background: #C7E8C7; }
#jakmyjeme h2 { font-size: 0.8rem; color: #090; padding: 1rem 0 0.5rem 0; }
#jakmyjeme .souborh2 { font-size: 0.9rem; margin: 0; padding: 0 0 0.1rem 0; }
#jakmyjeme p.ulozeno { font-size: 0.8rem; padding: 1rem 0 0 0; }
#jakmyjeme p.popis { font-size: 0.8rem; padding: 0; }
#jakmyjeme p.soubor { margin: 0 0 10px 0 !important; }
#jakmyjeme p.soubor img { width: 1.5rem; height: 1.5rem; }
#jakmyjeme p.soubor a { padding-top: 0.6rem; color: #888; font-weight: bold; font-size: 0.8rem; }
#jakmyjeme p.soubor a:hover { color: #444; }
#jakmyjeme .oddelovaci { height: 0.1rem; width: 100%; background-image: linear-gradient(to right, #090, #FFF); }
#jakmyjeme #mapagoogle img { width: 100%; clear: both; }

#dulinf { width: 100%; float: left; clear: both; font-weight: bold; font-size: 0.8rem; padding-top: 2rem; }
#dulinf p { margin: 0; padding: 0 0 0.7rem 0; }
#dulinf h1 { font-size: 1rem; color: #090; padding: 0; margin: 0; }
#dulinf h2 { font-size: 0.9rem; padding: 0; margin: 0; border-bottom: 1px solid #090; width: auto; display: block; float: left; clear: both; }

#potvrzeni { float: left; }
#potvrzeni #adr_pot { float: left; font-weight: bold; font-size: 0.8rem; margin: 2rem 2rem 0 9rem; text-align: left; }
#potvrzeni table#potvrd { float: left; text-align: left; margin: 3rem 0 0 0; font-weight: bold; }
#potvrzeni table#potvrd h1 { text-align: left; font-size: 1rem; color: #090; }
#potvrzeni table#potvrd input, #potvrzeni table#potvrd textarea { border: 2px solid #090; width: 18rem; padding: 0.3rem; }
#potvrzeni .center { display: block; float: left; width: 100%; padding: 0.5rem 0; text-align: center; }
#potvrzeni #spodek { text-align: center; color: #090; font-weight: bold; clear: both; margin: 10px 0 0 0; padding: 0; }
#potvrzeni ul#spodek2 { text-align: left; color: #090; font-weight: bold; clear: both; margin: 1rem 0 0 5rem; padding: 0; }
#potvrzeni ul#spodek2 li { margin-left: 15px; color: #000; }

#str_horni { float: left; }

#hor_cas { float: left; font-size: 16px; font-weight: bold; padding: 0 0 0 30px; }

#hor_dat { float: right; font-size: 16px; font-weight: bold; padding: 0 30px 0 0; }

td.label { text-align: right; width: 130px; }

tr.over { text-align: center; margin: 0; padding: 0; height: 38px; }

/*--*/
table#potvrd td { padding: 2px 15px 2px 0; }

#right { float: left; text-align: left; }

#right h1 { font-size: 14px; color: #090; padding: 15px 5px 10px 15px; }

#right p { font-size: 12px; margin: 0 5px 3px 15px; padding: 0; line-height: 14px; }

#right p.news2 { font-size: 13px; line-height: 13px; }

#right a { color: #090; }

#right a:hover { color: #444; }

#bottom { width: 800px; clear: left; }

.nabidkadne { float: none; clear: none; font-size: 0.9em; }

.potimeoutu { background: #FEE; }

#progope { float: left; width: 200px; font-size: 0.9em; }

#progope input, #progope select { font-size: 0.9em; width: 150px; }

#rezervace { width: 500px; float: left; }

#rezervace td { border: 1px solid #000; padding: 3px; }

#progope .check { width: auto; }

.male { font-size: 0.8em; }

.blokovane { background: #00B; }

#alert { font-size: 1.5em; color: #F00; }

table.bosslist { border: 1px solid #804040; }

tr.suda { background-color: #DDD; }

tr.licha { background-color: #EBCCCB; }

table.bosslist td { text-align: left; }

table.bosslist td.label { text-align: right; font-weight: bold; }

table.bosslist td.tlacitko { text-align: center; }

.cervene { color: #F00; font-size: 1.5em; font-weight: bold; }

.wifilogo { padding: 10px 0 8px 14px; }

/*# sourceMappingURL=main.css.map */