/*@font-face {
    font-family: "Nudista";
    src: url("fonts/Nudista_Medium.woff") format('woff');
    font-weight: normal;
}
@font-face {
    font-family: "Nudista Bold";
    src: url("fonts/Nudista_Bold.woff") format('woff');
    font-weight: bold;
}
*/
html, body, div, p, abbr, a {padding:0;margin:0;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size:15px;color:#000000;text-decoration:none;
}
html, body {height:100%;background:#ffffff url('../images/background/background_1a.jpg') no-repeat top center;}
abbr {border-bottom:0px}


h1, h2, h3, h4, h5, h6 {margin:0px;color: #0064b0;font-size:22px}
h1 {padding:5px 0px 25px 0px;font-weight: bold}
h1.thin {font-weight: normal}
h2 {padding:4px 0px;color: #0064b0;font-weight: bold;padding:5px 0px 5px 0px;}
h3 {padding:3px 0px;color: #0064b0}
h2 a {font-size:20px;padding:4px 0px;color: #0064b0;text-decoration:none}
h2 a:hover {text-decoration:none}
html {
    scroll-behavior: smooth;
} 
h1, h2, h3, h4, h5, h6 {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    /* word-break: break-word;*/
    word-break:keep-all;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

h2.fakeH1 {text-align:center;color:#000000;font-size:2.4em;font-weight:normal;padding-bottom:32px;
margin-bottom:32px;
background: transparent url('../images/background/title_background.png') no-repeat bottom center;
}
h2.fakeH1.white {background: transparent url('../images/background/title_background_white.png') no-repeat bottom center;color:#ffffff}
h2.fakeH1 img {vertical-align:middle;padding-left:18px}

a:link {color: #656565;color:#0066b1}
a:visited {color: #656565;color:#0066b1}
a:hover {color: #656565;color:#0066b1;text-decoration:underline}

a img{border:0}
img{max-width:100%;height:auto}

.clearBoth {clear:both}
.clearLeft {clear:left}
.clearRight {clear:right}
.txtCenter {text-align:center}
.txtRight {text-align:right !important}
.mapaCenter {text-align:center !important}
.mapaCenter img {margin:0px auto}

#allPage {min-height:100%;position:relative;
background: transparent url('../images/background/footer_shape.png') no-repeat bottom center
}
#headerWrapper, #headerWrapperHome, #contentWrapper, #footerWrapper, #footerLine, #homeBoxTxt {width:100%;margin:0px auto}
#headerWrapperIn, #contentWrapperIn, #footerWrapperIn, #homeBoxTxtIn, .pageParalaxIn, #showForm {width:1200px;margin:0px auto}

#headerWrapperHome {background: transparent url('../images/background/head_line.png') repeat-x top center}

#homeBoxTxt {position:relative;top:-13px;z-index:0;padding:26px 0px 13px 0px;
background: transparent url('../images/pages/sede_pozadi_prechod.png') no-repeat center center
}
#homeBoxTxtIn2 {padding:0px 13px}
#homeBoxTxtIn2 p {line-height:2em;padding-bottom:8px;text-align:justify}
.headsec
{
    background: transparent url('../images/background/linka_cervena.png') repeat-y center center;
    min-height:30px;
    width:597px;
    color:white !important;
}
.headsec a {
    color:white;
}


/*bof header*/
#headButton {
    float: right
}
#headButton a {display:inline-block}
br.contactHide {display:none}
#headerBox {float:right;margin-top:18px}
#headerBox a {display:inline-block;text-transform:uppercase;color:#000000;margin-left:30px;font-weight:bold;font-size:1.1em}
#logoDiv {float:left;padding-top:5px;padding-left:18px;box-sizing:border-box}

#changeLng {float:left;margin-top:1em;margin-left:18px}
#changeLng img {margin-right:6px}

/*#loginBox {margin-right:20px;font-size:16px;color:#656565;
border:2px solid #a6ce39;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
behaviour: url('PIE.htc');
}
#loginBoxIn {height:31px;line-height:31px;padding:0px 20px}

#loginBoxIn a {font-size:15px}
#loginBoxIn a.boldHref {font-weight:bold}*/
#menuBox {display:table;width:100%}
#menuBox ul {display: table-row;margin:0px;padding:0px}
#menuBox li {display: table-cell;line-height: 44px;height:44px;vertical-align:middle;text-align:center}
#menuBox li.sep {width: 2px;background: transparent url('../images/icons/menu_sep.png') center center no-repeat}
#menuBox a {padding:0px 10px;color:#ffffff;display:inline-block;font-size:11pt}
#menuBox a img {vertical-align:middle;padding-left:4px;}

/*#headerSocialBox {margin-top:3px;padding-left:14px;padding-right:20px}
#headerSocialBox a {display:inline-block;background: transparent url('../images/icons/social.png') no-repeat top left;height:25px;width:23px}
#headerSocialBox a.twicon {background-position: -26px 0px}
#headerSocialBox a.inicon {background-position: -52px 0px}
#headerSocialBox a.gpicon {background-position: -78px 0px}*/

#headerHomeBox {text-align:center;}
#sloganBox {padding:34px 20px}
#sloganImg {}
/*eof header*/

#jednotkaHead {text-align:center;margin:0px auto;display:block;vertical-align: middle;margin-top:50px;
min-height: 460px;
}
#jednotkaHead img {display:inline-block;vertical-align: middle}
#jednotkaHead img.jednotkatxt {vertical-align: top;margin-top:10px;padding-left:10px}
#jednotkaHead img.jednotkaimg {padding-right:10px}

#pageapp {background: transparent url('../images/background/background_app.png') no-repeat top center;min-height:869px;
box-sizing:border-box;
position:relative;
padding-top:150px;
padding-bottom:0px;
}
.pageapptxt {width:60%;float:left;margin-top:36px}
.pageapptxt p, .pageapptxt div {color:#ffffff}
.pageapptxtIn {text-align:center;margin-bottom:36px}
.pageappimg {width:40%;float:right;position:relative}
.pageappimg img {position:absolute}
a.storeikon {margin-bottom:18px;display:block}

#funkce {background:transparent url('../images/background/background_funkce2.jpg') repeat-y center center;
margin-top:-200px;
padding-top:190px;
min-height:600px;
/*background-attachment:fixed;*/
}
#funkcepco {
    background: transparent url('../images/background/background_funkce2.jpg') repeat-y center center;
    margin-top: -200px;
    padding-top: 190px;
    min-height: 430px;
    /*background-attachment:fixed;*/
}
#funkcepco p {
    display: inline-block;
    width: 22.5%;
    text-align: center;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px 1%;
    vertical-align: top;
    margin-bottom: 18px;
    font-size: 0.9em;
}

#funkcepco p span {
        width: 70px;
        height: 68px;
        display: block;
        margin: 0px auto;
    }
#funkcepco p strong {
    margin-bottom: 36px
}

#funkcepco p span.ico_securita {
        background: transparent url('../images/icons/icon_securitas.png') no-repeat top left;
        background-position: -2px 0px
    }

#funkcepco p span.ico_sec247 {
    background: transparent url('../images/icons/icon24_7.png') no-repeat top left;

    background-position: -2px 0px;
}

#funkcepco p span.ico_assistent {
        background: transparent url('../images/icons/icon_enh_app.png') no-repeat top left;
        background-position: -2px 0px
    }

#funkcepco p span.ico_app {
    background: transparent url('../images/icons/icon_active.png') no-repeat top left;
    background-position: -2px 0px
}

#funkce p {display:inline-block;width:22.5%;text-align:center;box-sizing:border-box;padding:0px;margin:0px 1%;
vertical-align:top;
margin-bottom:18px;font-size:0.9em;
}
#funkce p span {width:70px;height:68px;background: transparent url('../images/icons/icon_funkce.png') no-repeat top left;
display:block;margin:0px auto;
}
#funkce p strong {margin-bottom:36px}
#funkce p span.ico_pomoc {background-position:-2px 0px}
#funkce p span.ico_naklon {background-position:-506px 0px}
#funkce p span.ico_alarm {background-position:-434px 0px}
#funkce p span.ico_nouze {background-position:-648px 0px}
#funkce p span.ico_pohyb {background-position:-360px 0px}
#funkce p span.ico_napajeni {background-position:-290px 0px}
#funkce p span.ico_poloha {background-position:-218px 0px}
#funkce p span.ico_dalkove {background-position:-2px 0px}
#funkce p span.ico_zona {background-position:-146px 0px}
#funkce p span.ico_rychlost {background-position:-70px 0px}
#funkce p span.ico_stk {background-position:-720px 0px}
#funkce p span.ico_garaz {background-position:-792px 0px}


#popispco {
    background: transparent url('../images/background/background_pco_black.png') no-repeat top center;
    min-height: 680px;
    box-sizing: border-box;
    position: relative;
    padding-top: 150px;
    padding-bottom: 0px;
    margin-top:-200px;
}
.popispcoimg {
    width: 40%;
    float: right;
    position: relative;
    padding-top: 140px;

}

    .popispcoimg img {
        position: absolute;
        /*padding: 10px 10px 20px 10px;*/
      /*  box-shadow: 10px 10px 5px #ffffff;*/
    }
.popispcotxt {
    width: 50%;
    float: left;
    margin-top: 18px
}

.popispcotxt p, .popispcotxt div {
        color: #ffffff
}
.popispcotxt ul {
    list-style-type: none;
    padding: 0px;
    margin: 8px 0px 8px 20px;
}
.popispcotxt li {
    background-image: url('../images/icons/icon_check.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 36px;
    line-height: 24px;
    vertical-align: middle;
}






#hardware {background: #000000 url('../images/background/tech2.jpg') no-repeat bottom center;
min-height:660px;box-sizing:border-box;
padding-top:54px
}
.pagehardwareimg {width:56%;float:left}
.pagehardwaretxt {width:44%;float:right;margin-top:18px}
.pagehardwaretxt p, .pagehardwaretxt div {color:#ffffff}

.pagehardwaretxt ul {
list-style-type: none;
padding: 0px;
margin: 8px 0px 8px 20px;
}

.pagehardwaretxt li {
background-image: url('../images/icons/icon_check.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 36px;
    line-height: 24px;
    vertical-align: middle;
}

#technicke-parametry table {width: 46%;float:left}
#technicke-parametry table td {padding-bottom:6px}
#technicke-parametry table td strong {color: #db4954}
#technicke-parametry table.secondtable {float:right}

#ke-stazeni {background: transparent url('../images/background/kestazeni_bcg2.jpg') no-repeat top center;
padding-top:36px;
border-top: 8px solid #000000;
}
#ke-stazeni h2.fakeH1 {background: transparent url('../images/background/title_background_white.png') no-repeat bottom center;color:#ffffff}
#ke-stazeni p {color:#ffffff;}
#ke-stazeni a {
    background: transparent url('../images/icons/ikon_download.png') no-repeat left center;
    text-decoration:none;
    padding-left:80px;
    line-height:50px;
    height:50px;vertical-align:middle;display:inline-block;
width:50%;
box-sizing:border-box;float:left;color:#ffffff;
}
#ke-stazeni a:hover {text-decoration:underline}


#kontakt {padding-top:36px;padding-bottom:90px}
.pagekontaktleft {float:left;width: 70%}
.pagekontaktright {float:right;width: 30%;font-size:1.1em;line-height:1.5em}
.pagekontaktright img {display:block;padding:6px 0px}
.pagekontaktdeutsch {text-align:center}
.pagekontaktdeutsch img {display:block;padding:18px 0px;margin:0px auto}

.pagekontaktleft input, .pagekontaktleft textarea {width: 40%;border:2px solid #dbe6e8;
box-sizing:border-box;
padding-left:5px;height:40px
}
.pagekontaktleft input.contactSubmit {background-color: #db4954;color:#ffffff;width:auto;
padding:18px;
}
.pcocontact{
    margin-top:5px;
}
.pagekontaktsecurita {
    background: transparent url('../images/buttons/telefon2.png') no-repeat left center;
    color: white;
    min-height: 50px;
    font-weight: bold;
    box-sizing: border-box;
    padding-left: 70px;
    font-size: x-large;
    padding-top: 10px;
    margin-top: 8px;
    -webkit-text-fill-color: rgba(255 255, 255, 1);
    -webkit-opacity: 1;
}
.pagekontaktsecurita a {
        color: #ffffff;
        -webkit-text-fill-color: rgba(255 255, 255, 1);
        -webkit-opacity: 1;
        font-weight: bold;
        font-size: x-large;
        padding-top: 10px;
        text-decoration: none !important;
    }

.pagekontaktleft textarea {
        width: 82%;
        height: 145px;
    }
div.warn {font-weight:bold;margin-bottom:18px;color:#ff0000;font-size:1.6em}
div.ok {font-weight:bold;margin-bottom:18px;color:#00ff00;font-size:1.6em}

#footicon {border-bottom:1px solid #ffffff;text-align:center;padding-top:36px;padding-bottom:18px;max-width:479px;margin:0px auto 18px auto;}
#footicon a {display:inline-block;margin:0px 10px}

/*bof home page*/
#homeBotIcons {text-align:center}
#homeBotIcons img {padding: 20px}
.homeBotBox {display:inline-block;font-size:1.2em}
.homeBotBox .cislo {display:block;padding-top:6px;font-weight:bold;font-size:1.3em}
/*eof home page*/

/*#columnMiddleText {padding:15px 0px;padding-top:25px}
#columnMiddleText p {line-height:1.5em;padding-bottom:10px;text-align:justify}
#columnMiddleText a {text-decoration:underline}
#columnMiddleText a:hover {text-decoration:none}
#columnMiddleText ul {margin:0px}
#columnMiddleText li {line-height:1.5em;}

#columnMiddleText p.bigTop {border-bottom:1px solid #0064b0;padding-bottom:0px;margin-bottom:20px}
#columnMiddleText p.bigTop img {padding-bottom:0px;display:block}
img.bigRight {margin-left: 40px;float:right}
#columnMiddleText p.txtCenter img {text-align:center;margin:0px auto}

#columnMiddleText p.vysilach2 {background: transparent url('../images/icons/vysilac.png') no-repeat left center;height:60px;line-height:60px;vertical-align:middles;margin-bottom:0px;padding-bottom:0px;padding-left:70px;
color:#ffffff;font-weight:bold}
#columnMiddleText p.gprsh2 {background: transparent url('../images/icons/gprs.png') no-repeat left center;height:60px;line-height:60px;vertical-align:middles;margin-bottom:0px;padding-bottom:0px;padding-left:70px;
color:#ffffff;font-weight:bold;margin:0px 5px;}
#columnMiddleText p.telh2 {background: transparent url('../images/icons/tel.png') no-repeat left center;height:60px;line-height:60px;vertical-align:middles;margin-bottom:0px;padding-bottom:0px;padding-left:70px;
color:#ffffff;font-weight:bold}*/

.pageParalax {clear:both;padding-bottom:54px}
.pageParalaxIn {box-sizing:border-box}
.pageParalaxIn p {line-height:1.8em;padding-bottom:18px;text-align:justify}
.pageParalaxIn a {text-decoration:underline}
.pageParalaxIn a:hover {text-decoration:none}
img.rovnice1, img.rovnice3 {margin:0px auto;display:inline-block;margin-top:54px;margin-bottom:36px}
img.rovnice2 {margin:0px auto;display:inline-block;/*113, 80*/
margin-bottom:116px}

.txtCol {box-sizing:border-box;
width:50%;
float:left;
padding: 0px 10px
}
.txtCol img {margin:0px auto;text-align:center}

#contentWrapper {padding-bottom:70px;
}

#footerWrapper {
padding-bottom:18px
}
#footerWrapperIn a, #footerWrapperIn2 {color: #ffffff}
#footerWrapperIn2 {text-align:center;font-size:14px}

#footerMenu {padding-bottom:8px}
#footerMenu ul {margin:0px;display:block;width:100%}
#footerMenu li {margin:0px;display:inline-block}
#footerMenu a {padding:0px 10px 0px 10px;font-size:14px}
#footerMenu li.sep {background: transparent url('../images/icons/menu_sep_footer.png') center left no-repeat;padding-right:10px}
#footerMenu {display:table;width:100%}
#footerMenu ul {display:table-row}
#footerMenu li {display:table-cell;text-align:center}

#referenceBox {text-align:center;margin-top:40px}
h2.reference {text-align:left;font-weight:normal}
#referenceBox img {padding: 10px 15px}

a.slBox {display:inline-block;text-align:center;font-weight:bold;text-decoration:none;padding-bottom:55px;padding-top:15px;color:#000000;
font-family: "Nudista", Arial, 'Helvetica Neue', Helvetica, sans-serif;
text-decoration:none !important
}
a.slBox:hover {text-decoration:underline !important}
a.slBox img {padding: 15px 20px}
#sluzbyBox {text-align:center;border-bottom:1px solid #ebebeb;padding-bottom:10px}

.editLng {border-bottom:1px dotted red !important;display:inline-block;line-height:1.2em}

.video-container{
 
  position: relative;
  overflow: hidden;
  width: 80%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */

}
.responsive-iframe {
  position: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 330px;
}

/*bof right float box*/
#rightFloat
{
  position:fixed;
  right:0px;
  top:20%;
  width:47px;
  z-index:500
}

#rightFloatTop {
  width: 47px;
  height: 56px;
  background: transparent url('../images/buttons/nahoru.png') no-repeat top left;
  display:block;
}
#rightFloatTop:hover {text-decoration:none}

#rightFloatEmail
{
  width: 47px;
  height: 184px;
  background: transparent url('../images/buttons/email.png') no-repeat top left;
  /*position:relative;*/
  /*left:-47px;*/
}

#rightFloatContact
{
  width: 47px;
  height: 185px;
  background: transparent url('../images/buttons/rychly_kontakt.png') no-repeat top left;
}

#rightFloatCompare
{
  width: 47px;
  height: 53px;
  background: transparent url('../images/buttons/porovnani.png') no-repeat top left;
}
/*eof right float*/

/*bof admin tool*/
.ic10, a.ic10 {display:inline-block;width:10px;height:10px;background:transparent url('../images/icons/icons_all.png') no-repeat 0 0;margin:0px auto}
a.adel, span.adel {background-position: -132px 0px;width:16px !important;height:16px !important;padding:0px;cursor:pointer}
a.aimg, span.aimg {background-position: -148px 0px;width:16px !important;height:16px !important;padding:0px;cursor:pointer}
a.anew, span.anew {background-position: -84px 0px;width:16px !important;height:16px !important;padding:0px;cursor:pointer}
a.aedi, span.aedi {background-position: -100px 0px;width:16px !important;height:16px !important;padding:0px;cursor:pointer}

span.adminTool {float:right;display:none}
.adminTool a {display:inline-block}
.adminToolIn img {width:16px;height:16px;float:right;padding:0px 1px}
.adminClear {clear:right;display:none}

span.aTool {display:block;display:none;text-align:right;width:auto;height:auto;;margin-left:0px;background:none;padding-bottom:4px;position:static}

span.aTool-show {display:block}

span.aTool-show span {display:inline-block;width:10px;height:10px;margin:0px auto;position:static}
/*eof admin tool*/

/*bof forms*/
label {width:100%;display:block;font-size:14px}
label {width: 25%;height:28px;
display: block;
float: left;
margin: 0px 0px;
line-height:28px;vertical-align:middle;
}

input, textarea {width:100%}

textarea, input {margin:2px 0px}
input, select {height:24px;font-size:14px;margin-right:14px;
width: 35%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behaviour: url('PIE.htc');
}
select.regdate {width: 60px;margin:4px 8px;}
textarea {
padding:4px;
font-size:16px;
margin:6px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behaviour: url('PIE.htc');
}

/*button*/
button {cursor: pointer;background: none;border:0;text-decoration: none;font-weight: normal}

input[type="submit"] {height:auto;background-color: #dc8b40;padding:10px;color:#333333}
input[type="submit"]:hover, input[type="reset"]:hover {cursor: pointer;color:#000000}
input[type="reset"] {height:auto;padding:10px;color:#333333}
/*eof forms*/

/*bof msg box */
#msgBox {width:60%;margin:0px auto}
#msgBoxWrapper {padding:0px 8px;text-align:center}
.errorBox, .warnBox, .infoBox {padding:6px 0px}
.errorBoxText, .warnBoxText, .infoBoxText {background: transparent url('../images/icons/but_smazat.png') no-repeat center left;padding:4px 30px;font-weight:bold;color: red;font-size:16px}
.warnBoxText {background-image: url('../images/icons/exclamation-octagon-frame.png');color:yellow}
.infoBoxText {background-image: url('../images/icons/but_ok.png');color:green}
/*eof msg box*/

/*box info*/
.boxInfo {border-bottom:1px solid #ebebeb;padding-bottom:20px;margin-bottom:10px}
.boxBox {width:25%;float:left}
.boxBoxIn {margin:0px 6px;background: transparent url('../images/icons/box/pruh.png') top left repeat-x;
border:0px solid #0066b1;
min-height:440px;
text-align:center;
-webkit-border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
behaviour: url('PIE.htc');
}
.boxFirst {margin-left: 0px}
.boxLast {margin-right: 0px}
.boxIcon {padding:25px 0px 10px 0px}
.boxTit {font-weight:bold;color: #0064b0;padding:0px 10px;display:block;min-height:25px}
.boxText {padding:5px 10px 10px 10px;line-height:1.4em}
a.boxLink, a.boxLinkHide {color: #0064b0}
a.boxLink:hover, a.boxLinkHide:hover {font-weight:bold;cursor:pointer}
.boxLinkText {display:none;padding:5px 10px 10px 10px;line-height:1.4em}

.boxBox.only {width:74%;float:none;margin:0px auto}

.boxBox.only .boxText {display:none}
.boxBox.only .boxLinkText {display:block}

/*box info eof*/

/*boc info kontakt bof*/
.boxKontakt {width: 34%;float:left}
.boxKontakt p {text-align:left}
.boxKontakt.bkSecond {width: 32%}
.boxKontaktIn h2 {padding-bottom:15px}
.boxKontaktIn {
background: transparent url('../images/icons/box/pruh.png') center left repeat-x;
border:0px solid #0066b1;
min-height:330px;
text-align:center;
padding:10px 8px 8px 8px;
-webkit-border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
behaviour: url('PIE.htc');
}
.bkFirst .boxKontaktIn {margin-right:4%}
.bkSecond .boxKontaktIn {}
.bkThird .boxKontaktIn {margin-left:4%}
/*boc info kontakt eof*/

.histCol {width:50%;float:left}
.histColIn {padding: 0px 10px}
.histTit {font-weight:bold;text-decoration:underline;color: #0064b0}

#tabkontakty td {border-bottom:1px solid #0061b1;padding-bottom:10px;padding-top:15px;line-height:1.5em;padding-right:18px}
#tabkontakty a {text-decoration:none}
#tabkontakty a:hover {text-decoration:underline}

span.spolecnost {text-align:left;font-size:0.8em}

a.pdflink {
margin-top:40px;
display:inline-block;padding:12px 26px;
float:none;background-color:#0066b1;
border:0px solid #0066b1;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behaviour: url('PIE.htc');
color:#ffffff;text-decoration:none !important;font-weight:bold
}
a.pdflink:hover {text-decoration:underline !important}

#faq h3 {color:#000000;background: transparent url('../images/icons/faq_plus.png') no-repeat center left;padding-left: 30px;margin-bottom:1em;margin-top:0.5em;font-weight:normal;font-size:18px}
#faq h3.faqminus {background: transparent url('../images/icons/faq_minus.png') no-repeat center left}
#faq h3:hover {cursor:pointer}
#faq p {display:none;padding-left:30px;background: transparent url('../images/icons/faq_info.png') no-repeat top left;
background-color: #ed1520;color:#ffffff;padding-top:14px;padding-bottom:14px
}
#faq a {color:#ffffff}
#faq .pageParalaxIn {width:auto}

@media only screen and (min-width: 0px) and (max-width: 1200px)
{
  #headerWrapperIn, #contentWrapperIn, #footerWrapperIn, #homeBoxTxtIn, .pageParalaxIn, #showForm {width:100%}
  #columnMiddleText, #footerWrapperIn2 {padding:15px}
  #headerBox {margin-top:18px}
  #headButton {margin-right:18px}
  #jednotkaHead img.jednotkatxt {width: 45%}
  #jednotkaHead img.jednotkaimg {width: 45%}
}

@media only screen and (min-width: 710px) and (max-width: 800px)
{
  #menuBox a {padding:0px 8px;font-size:10pt}
}

@media only screen and (min-width: 0px) and (max-width: 710px)
{
  #menuBox, #menuBox ul, #menuBox li {display:block}
  #menuBox li.sep, #menuBox li.homeIco {display:none}
  #menuBox li, #menuBox li a {text-align:center;width:100%;padding:0px}
    .pageapptxt {
        width: 100%;
        float: none
    }

    .popispcotxt {
        width: 100%;
        float: none
    }
}

@media only screen and (min-width: 0px) and (max-width: 680px)
{
  #headContact, #logoDiv {float:none;width:100%;text-align:center;}
  #logoDiv {padding-top:5px;padding:5px 18px}
  #headContact {margin-top:10px;padding-right:0px}
  .boxBox {width:50%;margin-bottom:10px}
  .boxSecond {margin-right:0px}
  .boxThird {margin-left:0px}
  .boxInfo {padding-bottom:20px;margin-bottom:10px}
  .boxBox.only {width:100%}
  
  #footerMenu {display:none}

  #menuBox, #menuBox ul, #menuBox li {display:block}
  #menuBox li.sep, #menuBox li.homeIco {display:none}
  #menuBox li, #menuBox li a {text-align:center;width:100%;padding:0px}

  .boxKontakt {width: 100%;float:none}
  .boxKontaktIn {min-height:inherit}
  .boxKontakt.bkSecond {width: 100%}
  .bkFirst .boxKontaktIn {margin-right:0%}
  .bkThird .boxKontaktIn {margin-left:0%}
  
  
  #jednotkaHead img.jednotkaimg {display:none}
  #jednotkaHead img.jednotkatxt {width: 90%;margin:0px auto;padding:0px}
  #jednotkaHead {min-height:360px}
  .pageParalaxIn {padding-left:15px;padding-right:15px;}
  img.rovnice1, img.rovnice3 {margin:0px auto;display:block}
  img.rovnice2 {margin:18px auto;display:block}
  #index {padding-bottom:0px}
  
  .pageParalax {padding-bottom:18px}
  
  .pageappimg {display:none}
  .popispcoimg {display:none}
  .pageapptxt {width:100%;float:none}
  .popispcotxt{width:100%;float:none}
  #funkce {margin-top:-240px;text-align:center}
  #funkce p {width:10%}
  #funkcepco {
        margin-top: -240px;
        text-align: center;
        min-height: 1200px !important;
    }
  #funkcepco p {width: 24.1%}
  .pagehardwareimg {display:none}
  .pagehardwaretxt {width: 100%}
  
  #technicke-parametry table {float:none;width:100%}
  #technicke-parametry table.secondtable {margin-top:36px}
  #headerBox {float:none;text-align:center}
  #headerBox a {margin: 5px 10px 18px 18px}
  
  #hardware {padding-top:18px;padding-bottom:36px}
  #headButton {margin:0px}
  #ke-stazeni {padding-top:9px}
  #ke-stazeni h2.fakeH1 {padding-bottom:16px}
  #ke-stazeni a {padding-left:50px;font-size:0.9em}

}

@media only screen and (min-width: 0px) and (max-width: 600px) {
    .pagekontaktright, .pagekontaktleft {
        float: none;
        width: 100%
    }

    #funkce p {
        width: 48%;
    }

    #funkcepco p {
        width: 48%;
    }

    #funkcepco{
       
    }
  #headButton {display:flex}
  #headButton a {}
  
  #ke-stazeni a {width:100%;float:none}
}

@media only screen and (min-width: 0px) and (max-width: 480px)
{
  #msgBox {width:100%}
}
@media only screen and (min-width: 0px) and (max-width: 440px)
{
  #headContactIn {height:60px;line-height:30px}
  br.contactHide {display:block}
  .boxBox, .histCol {float:none;width:100%}
  .boxBoxIn {margin:0px !important} 
}