/*
Theme Name: Mysa-X (Child)
Theme URI: https://mysa.xkatalog.info/
Template: mysax
Version: 12.18
Updated: 2024-08-07 10:13:00
Author: Vaclav Pospisil - Speedx.cz
Author URI: https://speedx.cz/
Description: Moje ultra mega rychla sablona
Tags: minimal, simple, mysa
Text Domain: Mysax.cz
*/

body {font-size:11pt;font-family:sans-serif;color:#000;background-color:#fff;margin:0;}
p {font-family:sans-serif;padding:4px 0px;margin:0px}
span {color:#ccc}
h1 {color:#F57313;font-family:sans-serif;font-size:250%;position:relative;z-index:2}
h2 {color:#0495de;font-family:sans-serif;position:relative;z-index:2}
h3 {color:#696969;font-family:sans-serif}
h4 {color:#696969;font-family:sans-serif;position:relative;z-index:2}
a:link {color:#2677D3; text-decoration:none}
a:visited {color:#2677D3; text-decoration:none}
a:active {color:#2677D3; text-decoration:underline}
a:hover {color:#2677D3; text-decoration:underline}
/*Globalky*/
.chyba {color:#d20000;background-color:#fff5b9;padding:5px 20px;font-size:1em}
.deskNe {display:none}
.konec {clear:both}
.abs {position:absolute;}
.bcM, .bcm {background-color:#0495de}

/*top menu*/
header {width:100%;height:50px;z-index:100;display: flex;flex-direction: row;justify-content: space-between;align-items: center;position: relative;}
#tmL {margin-left: 20px;}
#tmL a {color:#fff;font-size:2em;font-weight:bold}
#tmL img {margin: 5px 20px -5px 0;}
#enIcoTM {margin-left:1em}
#enIcoTM img {margin-bottom:0}
#menuVse {right:1em;top:0.55em;}
#menuDesk {margin-right: 125px;}
#menuDesk li {display:inline-block}
#menuVse ul, #menuDesk ul {margin:0;padding:0}
#menuVse li, #menuDesk li {list-style:none}
#menuVse a, #menuDesk a, #menuMob a {color:#fff;font-size:1.2em;font-weight:bold}
#menuDesk a {margin-left:1.5em}
#menuVse a {font-size:1.5em;text-decoration:none}
#menuMob {display:none;right:0;top:0;background-color:#005884;z-index: 10;}
#menuMob ul {margin:3em 4em 2em 1em}
#menuMob li {list-style:none;padding:0.3em 0}
#menuMob img {padding: 0em 1em 0 0;}
#menuMob .screen-reader-text {display:none;}
#menuMob .searchform input {padding:10px;}
#mMenuX {left:1em;top:0.5em}
#mMenuX a {text-decoration:none;font-size:2em;font-weight:bold;color:#fff}

/*Data*/
#dataObal {position:relative;width:90%;margin:10px auto;text-align:left;padding:10px 30px;z-index: 1;}
#chybinda {background-color: #f5731329;padding: 1em;border-radius: 1em;border: solid 1px #F57313;margin-bottom: 1em;}
#chybinda h2 {color: #f55213;font-size: 30px;margin-top: 0;}
.hpTopTxt h1 {margin-bottom: .1em;}
.hpTopTxt h2 {margin: 0 0 0 .5em;}
.hpTopTxt h3 {margin: 1em 0 0 .5em;}
.hpTopTxt h4 {margin: .1em 0 1em .5em;}
#genOdd {background-color:rgba(4, 149, 222, 0.1);padding:1em;border-radius: 1em;}
#genOdd h2 {margin-top:5px;display: block;width: 100%;margin-bottom: 10px;}
#genOdd form {width: 100%;display: flex;flex-wrap: nowrap;flex-direction: row;align-content: flex-start;justify-content: space-between;align-items: flex-start;}
#go1, #go2, #go3 {padding: 0 0 0 1em;}
#go2 h3, #go3 h3 {margin-top: 0;}
#go1 {width: calc(25% - 2em);}
#go1 table {width:100%}
#go1 table tr td {vertical-align:top}
#go2 {width: calc(25% - 2em);}
#go3 {width: calc(50% - 2em);}
#go4 {width: 100%;margin-top: -2em;}
.topHTab, .topTab {padding: 1em 1em 0.5em 1em;width: auto !important;margin-bottom: 0 !important;display: inline-block !important;}
.topHTab {background-color: #F57313;color: #000;border-radius: 10px 10px 0 0;}
.topTab {background-color: #0495de;color: #fff;border-radius: 10px 10px 0 0;margin-left: 1em;}
.botomTab {background-color: #0495de;color: #fff;border-radius: 0 0 10px 10px;padding: .8em 1em;width: 200px;margin: -1em 0 0 1em !important;display: block !important;}
.botomTab a, .topTab a {color: #fff;}
.botomTab a:hover, .topTab:hover {color: #F57313;}
.gpNazvy {width: 60%;min-width: 150px;}
.gpNazvy p {margin-bottom: 1.25em;font-size: 18px;}
#h3Captcha {color:#d20000; margin-top:2em}
.CHBX_tip {width:100%}
.CHBX_tip:hover {background-color:#fff5b9}
.CHBX_tip input {width:20px;height:20px;margin:0 10px 0 0}
.CHBX_tip label {vertical-align:top;color:#333}
.ico-help {margin:0 0 -0.2em 0.5em;float:right;cursor:help}
.TBXR {text-align:right}
.TBX_0 {width:0px;border-radius:0px;height:0px;border:solid 0px #A2A2A2;font-size:0px}
.TBX_1 {width: 100%;border-radius: 5px;height: 37px;font-size: 22px;padding: 0 0.5em;border: solid 1px #A2A2A2;}
.TBX_2 {width:98%;height:150px;border: solid 10px #F57313;font-size:20px;padding:10px}
.TBX_3 {width:500px;border-radius:2px;height:25px;border:solid 1px #A2A2A2;font-size:18px}
.TBX_4 {width:500px;height:150px;border-radius:2px;border:solid 1px #A2A2A2;font-size:18px}
.BTN_1 {background:#F57313;color:#fff;font-size: 27px;font-weight:bold;border-radius: 10px;text-align:center;border:solid 0px #fff;padding: 20px;cursor:pointer;margin:10px 0px;width: 100%;}
#DDL_oddelovac {width: calc(100% + 1em);}
.BTN_1:hover {background:#2677D3}
.BTN_1:active {background:#F57313}
.BTN_1:disabled {background:#ccc;cursor:help}
.imgGeneratorHesel {width:150px;position:absolute;top:5px;right:5px;z-index:1}

/*novinky*/
.novinka {display:block;width: calc(100% - 2em);margin: 0 0 1em 0;min-height:50px;text-align:left;padding: 1em 2em 2em 2em;font-size: 18px;background-color: rgba(4, 149, 222, .1);border-radius: 1em;}
.novinka a img {max-width:25px;max-height:25px;padding-right:0.5em;vertical-align:middle}
.nDatum {color:#ccc;font-size:10px}

/*Slovnik*/
.slovnikO {display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start;}
.slovnikS {width: 18%;background-color: rgba(4, 149, 222, .1);padding: 1em 2em 2em 2em;border-radius: 1em;margin: 0 1em 2em 1em;}
.slovnikS h2 {font-size: 28px;color: #696969;}
.slovnikS ul {list-style: disc;margin: 0;padding: 0;}
.slovnikS ul li {margin: 0 0 .5em 1em;font-size: 18px;}
.slovnikS ul li a {color: #164f8f;font-size: 21px;}
.slovnikS ul li::marker {color: #F57313;font-size: 1.8em;}
.novDetailImg {float: left;margin: 0 4em 4em 0;border-radius: 1em;}
/*HP*/
.slovnikHp {display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: space-between;align-items: stretch;}
.slovnikHp div {width: 18%;background-color: rgba(4, 149, 222, .1);border-radius: 1em;padding: 1em 2em 2em 2em;margin-bottom: 1em;}
.slovnikHp div img {margin: 0 auto;display:block;}
.slovnikHp h2 {text-align:center;}

/*Chyba 404*/
.ch404 {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-evenly;align-items: center;padding: 6em 0 !important;}
.ch404 div:first-child {max-width: 500px; width: 50%;}
.ch404 .search404 {margin-top: 1em;}
.ch404 .search404 input[type="text"] {padding: 10px;}
.ch404 #searchform div {display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: space-between;}

/*pata*/
#iconCount {width:90%;margin:10px auto;text-align:left}
footer {width:100%;text-align:center;margin:0;padding:0}
footer p, footer a, footer div, footer div a, footer div a:visited, footer div a:link {color:#fff;font-size:1em;font-weight:bold;padding:0.5em}
footer ul {display: inline-block;margin: 0;padding: 0;}
footer ul li {display: inline-block;color:#fff;border-right:1px solid #fff;}
footer ul li:last-child {border-right:0;}

/*Dalsi app seznam*/
.dalApp {margin:0;padding:0}
.dalApp li {list-style:none;margin:0.5em;padding:0.5em;background-color:#f5f5f5}
.dalApp li img {max-width:30px;max-height:30px;padding-right:1em;vertical-align:middle}

@media screen and (max-width:1290px) {
    #dataObal {width: 98%;padding: 10px 0;}
    #go1, #go2, #go3 {width: calc(33% - 2em);padding: 0 0 0 1em;}
    .slovnikHp div {width: 18%;}
}

@media screen and (max-width:1000px) {
    .slovnikHp div {width: 50%;}
}

@media screen and (max-width:768px) {
    h1 {margin-top: 0;font-size: 38px;}
    #go1, #go2 {width: calc(50% - 2em);padding: 0;}
    #go3 {display: none;}
    .imgGeneratorHesel {display:none;}
    #menuDesk {display:none;}
    .slovnikHp div {width: 100%;}
}
@media screen and (max-width:550px) {
    #genOdd {padding: 1em 0.5em;}
    #genOdd form {flex-wrap: wrap;}
    #go1, #go2 {width: calc(100% - 2em);padding: 0;}
    #go4 {width: 100%;margin-top: 1em;}
    .TBX_2 {width: calc(100% - 2em);height: 250px;}
    .TBX_3 {width:98%}
    .TBX_4 {width:98%}
    #menuVse {right:0.3em;top:0.8em}
    #enIcoTM {display:none}
    #tmL {left:0px;top:0.6em}
    #tmL a {font-size:1.7em}
    #tmL img {margin:0 0.3em -0.1em 0.1em;max-height:25px}
    .slovnikS {width: 50%;}
}