/* Vložená data */
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;600;800&display=swap');

/* Nastavení posuvníku */
/* width */
::-webkit-scrollbar { width: 8px;}
/* Track */
::-webkit-scrollbar-track { background: #F8F8F8;}
/* Handle */
::-webkit-scrollbar-thumb { background: #07598C;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #36383D;}

body { width: 100%; font-family: 'Dosis', sans-serif; margin: 0 0 0 0; font-size: 22px; font-weight: 300;}

/* Rozhraní pro notebook + PC */
@media screen and (min-width: 1100px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; color: #F8F8F8; background: #07598C;}
    #facebody-body { width: 100%; min-height: 100vh; position: relative; color: #36383D; background: #F8F8F8;}

    /* Definice textu */
    .free { width:100%; height: 20px;}
    .free-big { width: 100%; height: 50px;}
    .free-mini { width: 100%; height: 12px;}
    .space { width: 100%; height: 40px;}
    .top-space { width: 100%; height: 80px;}

    h1 { font-size: 2.4em; height: auto; margin: 0; font-weight: 600; padding: 0 0 10px 0; background: url('../themes/tituls.png') bottom left no-repeat; background-size: auto 30px}
    h2 { font-size: 1.8em; margin: 0 0 10px 0; font-weight: 400;}
    p { font-size: 1.2em; margin: 0 0 10px 0;}
    p a { color: #36383D; text-decoration: underline; text-decoration-color: rgba(54,56,61,.15);}
    p a:hover { color: #36383D; text-decoration: underline; text-decoration-color: #07598C;}
    p span, h2 span { font-weight: 600;}
    h1 span { font-weight: 800;}

    /* Button v aplikací */
    .button-pozice { width: 100%; height: 60px; display: flex; flex-wrap: wrap; justify-content: center;}
    .button { width: 120px; height: 32px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out;}
    a.button { color: #36383D; border: 1px solid rgba(54,56,61,.3); text-decoration: none;}
    a.button:hover { color: #07598C; border: 1px solid #36383D;}
    .button p span { font-weight: 600;}
    .button-news { width: 350px;}

    /* HomePage */
    header { width: 100%; height: 100vh; background: url('../themes/back.jpg') bottom no-repeat; background-size: cover;}
    #facebody-page header { width: 100%; height: 250px; color: #f8f8f8; background: url('../themes/back.jpg') bottom no-repeat; background-size: cover;}
    nav { width: 80px; height: 32px; position: absolute; margin: 40px 0 0 calc(100% - 140px);}
    .header-tituls { width: 100%; height: 100vh; position: absolute; margin: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
    .header-tituls-position { width: 1160px; height: auto; text-align: left;}
    .header-tituls-position-text { width: 480px; height: 200px; position: absolute; margin: 7em 0 0 520px; padding: 10px;}
    .header-tituls-position h2 { font-weight: 300; font-size: 5em;}
    .header-tituls-position .space { width: 100%; height: 80px;}
    .header-tituls-position .datatabs-line-content { margin-left: 100px;}
    .header-tituls-position .datatabs-line, .header-tituls-position .datatabs-line-popis, .header-tituls-position .datatabs-line-data { color: #F8F8F8; background: none; border: none;}
    .header-tituls-position .datatabs-line:hover { color: #F8F8F8; background: rgba(248,248,248,.1); border: none;}
    #facebody-page .header-tituls { width: 100%; height: 250px; position: absolute; margin: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
    #facebody-page .header-tituls-position { width: 700px; height: auto; text-align: left;}
    #facebody-page .header-tituls-position h2 { font-weight: 600; font-size: 2.4em;}
    .logo { width: 119px; height: 80px; position: absolute; margin: 30px 0 0 30px; background: url('../themes/logo.white.png') top no-repeat; background-size: cover;}
    .header-arrowdown { width: 38px; height: 38px; position: absolute; margin: calc(100vh - 60px) 0 0 calc(50% - 20px); border: 1px solid rgba(248,248,248,.25); background: url('../themes/arrow.down.png') 10px no-repeat; background-size: 20px;}
    .header-linearis { width: 1160px; height: 100vh;}
    .header-linearis .top-space { width: 1160px; height: 130px;}
    .header-linearis-blod-left, .footer-linearis-blod-left { width: 30px; height: 1px; position: absolute; margin: 129px 0 0 65px; background: rgba(248,248,248,.3);}
    .header-linearis-blod-right, .footer-linearis-blod-right { width: 30px; height: 1px; position: absolute; margin: 129px 0 0 1065px; background: rgba(248,248,248,.3);}
    .header-linearis-box-position { width: 1160px; height: calc(100vh - 130px);}
    .header-linearis-box { width: 998px; height: calc(100vh - 130px); border-left: 1px solid rgba(248,248,248,.3); border-right: 1px solid rgba(248,248,248,.3);}

    #facebody-page .header-linearis { height: 250px;}
    #facebody-page .header-linearis-box-position, #facebody-page .header-linearis-box { height: 120px;}

    /* Hlavní menu nabídka služeb */
    #service { width: 100%; height: auto; padding: 80px 0; color: #f8f8f8; background: #07598C url('../themes/wall.png') top repeat-y;}
    .service-titul { width: 960px; height: auto; text-align: right;}
    .service-titul h2 { font-size: 1.5em;}
    .titul-right { text-align: left;}
    .service-action-position { width: 100%; height: 110px; text-align: left;}
    .service-action { width: 100%; height: 110px; position: absolute;}
    .service-action-back-top { width: 100%; height: 1px; position: absolute; margin-top: 60px; overflow: hidden; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-back-top { height: 60px; margin: 0; background: #F8F8F8;}
    .service-action-back-bottom { width: 100%; height: 1px; position: absolute; margin-top: 50px; overflow: hidden; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-back-bottom {height: 60px; background: #F8F8F8;}
    .service-action-popis { width: 100%; height: 22px; position: absolute; margin-top: 75px; padding: 4px 0; overflow: hidden;}
    .service-action-popis p { font-size: 0em; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-popis p { font-size: .9em; color: #07598C;}
    .service-action-text { width: 1160px; height: 70px; padding-top: 15px; margin: 0 0 0 calc(50% - 580px); text-align: left;}
    a.service-action:hover .service-action-text { width: 1160px; height: 70px; padding-top: 10px; text-align: left; transition: all .35s ease-in-out;}
    .service-action-text h2 { font-size: 3em; color: #F8F8F8; position: absolute; font-weight: 400;}
    a.service-action:hover .service-action-text h2 { color: #07598C; position: absolute; font-size: 2.6em; font-weight: 400;}
    .service-action-text h2 span { padding: 0 50px 0 0; transition: all .35s ease-in-out; background: url('../themes/hover.png') calc(100% - 15px) 15px no-repeat; background-size: 20px;}
    a.service-action:hover .service-action-text h2 span { padding: 0 50px 0 0; background: url('../themes/hover.active.png') calc(100% - 5px) 5px no-repeat; background-size: 20px;}

    /* Obsah na hlavní stránce */
    #whitebox { width: 100%; height: auto; padding: 80px 0; color: #36383D; background: #f8f8f8 url('../themes/wall.black.png') top repeat-y;}

    .homepage-content { width: 1160px; height: auto; display: flex; flex-wrap: wrap;}
    .homepage-content-gallery { width: 640px; height: auto; display: flex; flex-wrap: wrap; align-items: flex-end;}
    .homepage-content-gallery-box { width: 640px; height: 460px; position: absolute; margin: -160px 0 0 0; text-align: left;}
    .homepage-content-gallery-box-one { width: 498px; height: 298px; position: absolute; margin: 0 0 0 0; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-two { width: 358px; height: 214px; position: absolute; margin: 260px 0 0 60px; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-three { width: 298px; height: 178px; position: absolute; margin: 230px 0 0 340px; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-one img, .homepage-content-gallery-box-two img, .homepage-content-gallery-box-three img { width: 100%;}
    .homepage-content-obsah { width: 400px; height: auto; padding: 20px; text-align: left;}
    .homepage-content-obsah p { margin: 0;}

    /* Aktuality, příspěvký a články */
    .news-content { width: 1160px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
    .news-content-box { width: 360px; height: auto; display: flex; flex-flow: column;}
    .news-content-box-image { width: 358px; height: 214px; border: 1px solid #36383D; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .news-content-box-image img { width: 100%;}
    .news-content-box-obsah { width: 340px; height: auto; padding: 10px;}
    .news-content-box-obsah h2 { font-size: 1.3em; text-align: left; padding: 0 30px 0 0; background: url('../themes/hover.article.png') calc(100% - 5px) calc(100% - 5px) no-repeat; background-size: 20px;}
    .news-content-box-obsah h2 a { text-decoration: none; color: #36383D;}
    .news-content-box-obsah h2 a:hover {  color: #07598C;}
    .news-content-box-obsah p { font-size: .8em; margin: 0; text-align: left; font-weight: 800; color: #07598C;}

    /* Spodní část webu */
    footer { width: 100%; height: auto; color: #36383D; background: #f8f8f8;}
    footer .content { width: 1160px; height: auto; position: absolute; margin: 0 0 0 calc(50% - 580px); display: flex; flex-wrap: wrap; justify-content: space-around;}
    footer .content-box { width: 360px; height: auto; text-align: left;}
    footer .content-box h2 { font-size: 1em;}
    footer .content-box p { font-size: .9em; margin: 0;}
    footer .content-box-text-center { text-align: center;}
    footer .content-box-text-right { text-align: right;}
    .footer-linearis { width: 1160px; height: auto;}
    .footer-linearis .top-space { width: 1160px; height: 50px;}
    .footer-linearis-blod-left { margin: 1px 0 0 65px; background: rgba(54,56,61,.3);}
    .footer-linearis-blod-right { margin: 1px 0 0 1065px; background: rgba(54,56,61,.3);}
    .footer-linearis-box-position { width: 1160px; height: 330px;}
    .footer-linearis-box { width: 998px; height: 330px; border-left: 1px solid rgba(54,56,61,.3); border-right: 1px solid rgba(54,56,61,.3);}
    .copyright { width: 1160px; height: 26px; position: absolute; margin: -35px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-around;}
    .copyright p { font-size: .8em;}
    .creative { width: 1160px; height: 26px; padding-top: 5px; display: flex; flex-wrap: wrap; justify-content: center;}
    .rhotechnology-pozice { width: 260px; height: 26px; text-align: left;}
    .rhotechnology { width: 250px; height: 26px; position: absolute; margin: 0; transition: all .35s ease-in-out;}
    a.rhotechnology { background: url('../themes/creator.png') left no-repeat; background-size: auto 26px;}
    a.rhotechnology:hover { background: url('../themes/creator.active.png') left no-repeat; background-size: auto 26px;}
    .romandesign-pozice { width: 215px; height: 26px; text-align: left;}
    .romandesign { width: 215px; height: 26px; position: absolute; margin: 0; transition: all .35s ease-in-out;}
    a.romandesign { background: url('../themes/creator.png') right no-repeat; background-size: auto 26px;}
    a.romandesign:hover { background: url('../themes/creator.active.png') right no-repeat; background-size: auto 26px;}

    /* Vlastní článek na serveru */
    article { width: 100%; height: auto; padding: 40px 0 0 0; color: #36383D; background: #f8f8f8 url('../themes/wall.black.png') top repeat-y;}
    article .content { width: 960px; height: auto; text-align: left;}
    .content-topimage-position { width: 500px; height: 225px; float: right;}
    .content-topimage { width: 498px; height: 298px; position: absolute; margin: -75px 0 0 0; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .content-topimage img { width: 100%;}
    .content-navigace { font-size: .9em; margin: 0;}
    .content-navigace span { padding: 0 20px 0 0; background: url('../themes/navi.icon.png') right center no-repeat; background-size: 14px; font-weight: 800;}
    .content-navigace span a { color: #36383D; text-decoration-skip-ink: auto; text-decoration-color: #36383D;}
    .content-navigace span a:hover { color: #36383D; text-decoration-color: #07598C;}
    article .content p { font-size: 1.1em;}

    .soc-site { width: 100%; height: 60px; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .soc-site-share-box { width: 220px; height: 50px;}
    .soc-site-share { width: 200px; height: 32px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    .soc-site-mail-box { width: 250px; height: 50px;}
    .soc-site-mail { width: 230px; height: 32px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    .soc-site-print-box { width: 180px; height: 50px;}
    .soc-site-print { width: 160px; height: 32px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    a.soc-site-share, a.soc-site-mail, a.soc-site-print { border: 1px solid rgba(54,56,61,.3); color: #36383D; text-decoration: none;}
    a.soc-site-share:hover, a.soc-site-mail:hover, a.soc-site-print:hover { border: 1px solid #36383D; color: #07598C;}

    /* Dodatky k vlastní obsahu webu */
    .download-line-content { width: 960px; height: 60px;}
    .download-line {  width: 958px; height: 48px; position: absolute; margin: 0; overflow: hidden; transition: all .35s ease-in-out;}
    a.download-line { border: 1px solid #e5e5e5; background: #f5f5f5;}
    .download-line-content:nth-child(even) a.download-line { border: 1px solid #e5e5e5; background: #f0f0f0;}
    a.download-line:hover, .download-line-content:nth-child(even) a.download-line:hover { border: 1px solid #D91E2E; background: #e5e5e5;}
    .download-line-logo { width: 50px; height: 50px; position: absolute; margin: 0; text-align: left;}
    .download-line-logo img { width: 30px; position: absolute; margin: 10px;}
    .download-line-popis { width: 870px; height: 34px; position: absolute; margin: 0 0 0 60px; padding: 8px 15px; font-size: 1em; color: #36383D;}

    .page-gallery { width: 960px; height: auto; display: flex; flex-wrap: wrap; align-items: start;}
    .gallery-ones { width: 302px; height: auto; padding: 4px 9px;}
    .gallery-ones img { width: 350px; border: 1px solid #D91E2E;}

    .youtube-position { width: 924px; height: 520px; padding: 10px 18px;}
    .youtube-apps { width: 924px; height: 520px; overflow: hidden; border: 1px solid #D91E2E;}
    .youtube-enter { width: 924px; height: 520px; border: none;}

    /* Naformatování formuláře */
    .regform-all { width: 960px; height: auto; display: flex; flex-wrap: wrap;}
    .regform-all hr { width: 800px; height: 1px; border: none; background: #b5b5b5;}
    .regform-info, .regform-gdpr { width: calc(100% - 40px); padding: 20px; font-size: .8em; color: #D91E2E;}
    .regform-gdpr { width: calc(100% - 140px); padding: 20px 70px; text-align: justify; font-size: 1em; color: #36383D;}
    .regform-box { width: 450px; height: auto; padding: 15px; display: flex; flex-flow: column; flex-wrap: wrap;}
    .regform-roller { width: 440px; height: 50px; padding: 5px 15px; font-size: 1em; border: 1px solid #e5e5e5; border-radius: 8px;}
    .regform-content-pozice { width: 440px; height: 50px;}
    .regform-content { width: 420px; height: 40px; padding: 5px 10px; font-size: 1em; border: 1px solid #e5e5e5; border-radius: 8px; font-family: 'Dosis', sans-serif;}
    .regform-button-ok-sub { width: calc(100% - 20px); height: 32px; position: absolute; margin: 0; font-family: 'Dosis', sans-serif; font-size: 1.2em; cursor: pointer; border: 0px; background: transparent;}
    .regform-button-ok-sub:hover { color: #07598C;}
    .regform-doublebox { width: 960px; height: auto; padding: 15px; display: flex; flex-flow: column; flex-wrap: wrap;}
    .regform-doubleroller { width: 920px; height: 50px; padding: 5px 15px; font-size: 1em; border: 1px solid #e5e5e5; border-radius: 8px;}

    /* DataTabs */
    .datatabs-line-content { width: 960px; height: auto;}
    .datatabs-line { width: 958px; height: 48px; margin: 0 0 2px 0; border: 1px solid #f8f8f8; border-bottom: 1px solid rgba(54,56,61,.15); overflow: hidden; display: flex; flex-flow: column; flex-wrap: wrap; transition: all .35s ease-in-out;}
    .datatabs-line { cursor: pointer; text-decoration: none; background: #f8f8f8;}
    .datatabs-line:hover { background: rgba(7,89,140,.1);}
    .datatabs-line-popis { width: 808px; height: 34px; margin: 0; padding: 8px 15px; font-size: 1.1em; color: #36383D; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-right: 2px solid #F8F8F8;}
    .datatabs-line-popis span { font-size: .9em; font-weight: 600; padding: 0 10px 0 0; color: #D91E2E; font-style: italic;}
    .datatabs-line-data { width: 90px; height: 34px; margin: 0; padding: 8px 15px; font-size: 1.1em; text-align: right; font-weight: 600; border-left: 1px solid #F8F8F8; color: #36383D; background: rgba(0,0,0,.1);}
}

/* Rozhraní pro tablety */
@media screen and (min-width: 768px) and (max-width: 1099px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; color: #F8F8F8; background: #07598C;}
    #facebody-body { width: 100%; min-height: 100vh; position: relative; color: #36383D; background: #F8F8F8;}

    /* Definice textu */
    .free { width:100%; height: 15px;}
    .free-big { width: 100%; height: 40px;}
    .free-mini { width: 100%; height: 10px;}
    .space { width: 100%; height: 30px;}
    .top-space { width: 100%; height: 65px;}

    h1 { font-size: 2em; height: auto; margin: 0; font-weight: 600; padding: 0 0 8px 0; background: url('../themes/tituls.png') bottom left no-repeat; background-size: auto 25px}
    h2 { font-size: 1.6em; margin: 0 0 8px 0; font-weight: 400;}
    p { font-size: 1em; margin: 0 0 8px 0;}
    p a { color: #36383D; text-decoration: underline; text-decoration-color: rgba(54,56,61,.15);}
    p a:hover { color: #36383D; text-decoration: underline; text-decoration-color: #07598C;}
    p span, h2 span { font-weight: 600;}
    h1 span { font-weight: 800;}

    /* Button v aplikací */
    .button-pozice { width: 100%; height: 50px; display: flex; flex-wrap: wrap; justify-content: center;}
    .button { width: 120px; height: 28px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out;}
    a.button { color: #36383D; border: 1px solid rgba(54,56,61,.3); text-decoration: none;}
    a.button:hover { color: #07598C; border: 1px solid #36383D;}
    .button p span { font-weight: 600;}
    .button-news { width: 300px;}

    /* HomePage */
    header { width: 100%; height: 900px; background: url('../themes/back.jpg') bottom no-repeat; background-size: cover;}
    #facebody-page header { width: 100%; height: 250px; color: #f8f8f8; background: url('../themes/back.jpg') bottom no-repeat; background-size: cover;}
    nav { width: 100px; height: 52px; position: absolute; margin: 40px 0 0 calc(100% - 140px);}
    .header-tituls { width: 100%; height: 900px; position: absolute; margin: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
    .header-tituls-position { width: 760px; height: auto; text-align: left;}
    .header-tituls-position-text { width: 400px; height: 200px; position: absolute; margin: 5em 0 0 340px; padding: 10px; font-size: 0.95m;}
    .header-tituls-position h2 { font-weight: 300; font-size: 3.3em;}
    .header-tituls-position .space { width: 100%; height: 120px;}
    .header-tituls-position .datatabs-line-content { margin-left: 5px;}
    .header-tituls-position .datatabs-line, .header-tituls-position .datatabs-line-popis, .header-tituls-position .datatabs-line-data { color: #F8F8F8; background: none; border: none;}
    .header-tituls-position .datatabs-line:hover { color: #F8F8F8; background: rgba(248,248,248,.1); border: none;}
    #facebody-page .header-tituls { width: 100%; height: 250px; position: absolute; margin: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
    #facebody-page .header-tituls-position { width: 560px; height: auto; text-align: left; padding-right: 100px;}
    #facebody-page .header-tituls-position h2 { font-weight: 600; font-size: 2em;}
    .logo { width: 119px; height: 80px; position: absolute; margin: 30px 0 0 30px; background: url('../themes/logo.white.png') top no-repeat; background-size: cover;}
    #facebody-page .logo { width: 0px; height: 0px; position: absolute; margin: 0; background: none; background: url('../themes/logo.white.png') top no-repeat; background-size: cover;}
    .header-arrowdown { width: 38px; height: 38px; position: absolute; margin: 840px 0 0 calc(50% - 20px); border: 1px solid rgba(248,248,248,.25); background: url('../themes/arrow.down.png') 10px no-repeat; background-size: 20px;}
    .header-linearis { width: 730px; height: 900px;}
    .header-linearis .top-space { width: 730px; height: 130px;}
    .header-linearis-blod-left, .footer-linearis-blod-left { width: 20px; height: 1px; position: absolute; margin: 129px 0 0 -10px; background: rgba(248,248,248,.3);}
    .header-linearis-blod-right, .footer-linearis-blod-right { width: 20px; height: 1px; position: absolute; margin: 129px 0 0 720px; background: rgba(248,248,248,.3);}
    .header-linearis-box-position { width: 730px; height: calc(100vh - 130px);}
    .header-linearis-box { width: 728px; height: 770px; border-left: 1px solid rgba(248,248,248,.3); border-right: 1px solid rgba(248,248,248,.3);}

    #facebody-page .header-linearis { height: 250px;}
    #facebody-page .header-linearis-box-position, #facebody-page .header-linearis-box { height: 120px;}

    /* Hlavní menu nabídka služeb */
    #service { width: 100%; height: auto; padding: 60px 0; color: #f8f8f8; background: #07598C url('../themes/wall.tablet.png') top repeat-y;}
    .service-titul { width: 730px; height: auto; text-align: right;}
    .service-titul h2 { font-size: 1.3em;}
    .titul-right { text-align: left;}
    .service-action-position { width: 100%; height: 100px; text-align: left;}
    .service-action { width: 100%; height: 90px; position: absolute;}
    .service-action-back-top { width: 100%; height: 1px; position: absolute; margin-top: 45px; overflow: hidden; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-back-top { height: 45px; margin: 0; background: #F8F8F8;}
    .service-action-back-bottom { width: 100%; height: 1px; position: absolute; margin-top: 45px; overflow: hidden; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-back-bottom {height: 45px; background: #F8F8F8;}
    .service-action-popis { width: 100%; height: 22px; position: absolute; margin-top: 75px; padding: 4px 0; overflow: hidden;}
    .service-action-popis p { font-size: 0em; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-popis p { font-size: .9em; color: #07598C;}
    .service-action-text { width: 760px; height: 70px; padding-top: 5px; margin: 0 0 0 calc(50% - 380px); text-align: left;}
    a.service-action:hover .service-action-text { width: 760px; height: 70px; padding-top: 10px; text-align: left; transition: all .35s ease-in-out;}
    .service-action-text h2 { width: calc(100% - 10px); font-size: 2.6em; color: #F8F8F8; position: absolute; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    a.service-action:hover .service-action-text h2 { color: #07598C; position: absolute; font-size: 2.2em; font-weight: 400;}
    .service-action-text h2 span { padding: 0 50px 0 0; transition: all .35s ease-in-out; background: url('../themes/hover.png') calc(100% - 15px) 15px no-repeat; background-size: 20px;}
    a.service-action:hover .service-action-text h2 span { padding: 0 50px 0 0; background: url('../themes/hover.active.png') calc(100% - 5px) 5px no-repeat; background-size: 20px;}

    /* Obsah na hlavní stránce */
    #whitebox { width: 100%; height: auto; padding: 60px 0; color: #36383D; background: #f8f8f8 url('../themes/wall.black.tablet.png') top repeat-y;}

    .homepage-content { width: 760px; height: auto; display: flex; flex-wrap: wrap;}
    .homepage-content-gallery { width: 380px; height: 300px; display: flex; flex-wrap: wrap; align-items: flex-end;}
    .homepage-content-gallery-box { width: 380px; height: 460px; position: absolute; margin: -160px 0 0 0; text-align: left;}
    .homepage-content-gallery-box-one { width: 378px; height: 246px; position: absolute; margin: 0 0 0 0; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-two { width: 338px; height: 214px; position: absolute; margin: 330px 0 0 40px; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-three { width: 278px; height: 178px; position: absolute; margin: 200px 0 0 70px; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-one img, .homepage-content-gallery-box-two img, .homepage-content-gallery-box-three img { width: 100%;}
    .homepage-content-obsah { width: 340px; height: auto; padding: 20px; text-align: left;}
    .homepage-content-obsah p { margin: 0;}

    /* Aktuality, příspěvký a články */
    .news-content { width: 760px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
    .news-content-box { width: 240px; height: auto; display: flex; flex-flow: column;}
    .news-content-box-image { width: 238px; height: 142px; border: 1px solid #36383D; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .news-content-box-image img { width: 100%;}
    .news-content-box-obsah { width: 220px; height: auto; padding: 10px;}
    .news-content-box-obsah h2 { font-size: .9em; text-align: left; padding: 0 30px 0 0; background: url('../themes/hover.article.png') calc(100% - 5px) calc(100% - 5px) no-repeat; background-size: 20px;}
    .news-content-box-obsah h2 a { text-decoration: none; color: #36383D;}
    .news-content-box-obsah h2 a:hover {  color: #07598C;}
    .news-content-box-obsah p { font-size: .65em; margin: 0; text-align: left; font-weight: 800; color: #07598C;}

    /* Spodní část webu */
    footer { width: 100%; height: auto; color: #36383D; background: #f8f8f8;}
    footer .content { width: 750px; height: auto; position: absolute; margin: 0 0 0 calc(50% - 375px); display: flex; flex-wrap: wrap; justify-content: space-around;}
    footer .content-box { width: 250px; height: auto; text-align: left;}
    footer .content-box h2 { font-size: .8em;}
    footer .content-box p { font-size: .7em; margin: 0;}
    footer .content-box-text-center { text-align: center;}
    footer .content-box-text-right { text-align: right;}
    .footer-linearis { width: 730px; height: auto;}
    .footer-linearis .top-space { width: 730px; height: 50px;}
    .footer-linearis-blod-left { margin: 1px 0 0 -10px; background: rgba(54,56,61,.3);}
    .footer-linearis-blod-right { margin: 1px 0 0 715px; background: rgba(54,56,61,.3);}
    .footer-linearis-box-position { width: 730px; height: 260px;}
    .footer-linearis-box { width: 728px; height: 260px; border-left: 1px solid rgba(54,56,61,.3); border-right: 1px solid rgba(54,56,61,.3);}
    .copyright { width: 730px; height: 26px; position: absolute; margin: -35px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-around;}
    .copyright p { font-size: .8em;}
    .creative { width: 730px; height: 26px; padding-top: 5px; display: flex; flex-wrap: wrap; justify-content: center;}
    .rhotechnology-pozice { width: 260px; height: 26px; text-align: left;}
    .rhotechnology { width: 250px; height: 26px; position: absolute; margin: 0; transition: all .35s ease-in-out;}
    a.rhotechnology { background: url('../themes/creator.png') left no-repeat; background-size: auto 26px;}
    a.rhotechnology:hover { background: url('../themes/creator.active.png') left no-repeat; background-size: auto 26px;}
    .romandesign-pozice { width: 215px; height: 26px; text-align: left;}
    .romandesign { width: 215px; height: 26px; position: absolute; margin: 0; transition: all .35s ease-in-out;}
    a.romandesign { background: url('../themes/creator.png') right no-repeat; background-size: auto 26px;}
    a.romandesign:hover { background: url('../themes/creator.active.png') right no-repeat; background-size: auto 26px;}

    /* Vlastní článek na serveru */
    article { width: 100%; height: auto; padding: 40px 0 0 0; color: #36383D; background: #f8f8f8 url('../themes/wall.black.tablet.png') top repeat-y;}
    article .content { width: 750px; height: auto; text-align: left;}
    .content-topimage-position { width: 370px; height: 160px; float: right;}
    .content-topimage { width: 368px; height: 238px; position: absolute; margin: -80px 0 0 0; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .content-topimage img { width: 100%;}
    .content-navigace { font-size: .8em; margin: 0;}
    .content-navigace span { padding: 0 20px 0 0; background: url('../themes/navi.icon.png') right center no-repeat; background-size: 14px; font-weight: 800;}
    .content-navigace span a { color: #36383D; text-decoration-skip-ink: auto; text-decoration-color: #36383D;}
    .content-navigace span a:hover { color: #36383D; text-decoration-color: #07598C;}
    article .content p { font-size: 1em;}
    article .content h2 { font-size: 1.4em;}

    .soc-site { width: 100%; height: 60px; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .soc-site-share-box { width: 220px; height: 50px;}
    .soc-site-share { width: 200px; height: 32px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    .soc-site-mail-box { width: 250px; height: 50px;}
    .soc-site-mail { width: 230px; height: 32px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    .soc-site-print-box { width: 180px; height: 50px;}
    .soc-site-print { width: 160px; height: 32px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    a.soc-site-share, a.soc-site-mail, a.soc-site-print { border: 1px solid rgba(54,56,61,.3); color: #36383D; text-decoration: none;}
    a.soc-site-share:hover, a.soc-site-mail:hover, a.soc-site-print:hover { border: 1px solid #36383D; color: #07598C;}

    /* Dodatky k valstnímu obsahu webu */
    .download-line-content { width: 750px; height: 60px;}
    .download-line {  width: 748px; height: 48px; position: absolute; margin: 0; overflow: hidden; transition: all .35s ease-in-out;}
    a.download-line { border: 1px solid #e5e5e5; background: #f5f5f5;}
    .download-line-content:nth-child(even) a.download-line { border: 1px solid #e5e5e5; background: #f0f0f0;}
    a.download-line:hover, .download-line-content:nth-child(even) a.download-line:hover { border: 1px solid #D91E2E; background: #e5e5e5;}
    .download-line-logo { width: 50px; height: 50px; position: absolute; margin: 0; text-align: left;}
    .download-line-logo img { width: 30px; position: absolute; margin: 10px;}
    .download-line-popis { width: 680px; height: 34px; position: absolute; margin: 0 0 0 60px; padding: 8px 15px; font-size: 1em; color: #36383D;}

    .page-gallery { width: 750px; height: auto; margin: 0; display: flex; flex-wrap: wrap; align-items: start;}
    .gallery-ones { width: 230px; height: auto; padding: 5px 9px;}
    .gallery-ones img { width: 230px; border: 1px solid #D91E2E;}

    .youtube-position { width: 730px; height: 400px; padding: 10px;}
    .youtube-apps { width: 728px; height: 400px; overflow: hidden; border: 1px solid #D91E2E;}
    .youtube-enter { width: 728px; height: 400px; border: none;}

    /* Naformatování formuláře */
    .regform-all { width: 750px; height: auto; display: flex; flex-wrap: wrap;}
    .regform-all hr { width: 700px; height: 1px; border: none; background: #b5b5b5;}
    .regform-info, .regform-gdpr { width: calc(100% - 40px); padding: 20px; font-size: .8em; color: #D91E2E;}
    .regform-gdpr { width: calc(100% - 140px); padding: 20px 70px; text-align: justify; color: #36383D;}
    .regform-box { width: 345px; height: auto; padding: 15px; display: flex; flex-flow: column; flex-wrap: wrap;}
    .regform-roller { width: 340px; height: 45px; padding: 5px 10px; font-size: .8em; border: 1px solid #e5e5e5; border-radius: 8px;}
    .regform-content-pozice { width: 340px; height: 45px;}
    .regform-content { width: 320px; height: 35px; padding: 5px 10px; font-size: .8em; border: 1px solid #e5e5e5; border-radius: 8px; font-family: 'Dosis', sans-serif;}
    .regform-button-ok-sub { width: calc(100% - 20px); height: 32px; position: absolute; margin: 0; font-family: 'Dosis', sans-serif; font-size: 1em; cursor: pointer; border: 0px;}
    .regform-button-ok-sub:hover { color: #07598C;}
    .regform-doublebox { width: 750px; height: auto; padding: 15px; display: flex; flex-flow: column; flex-wrap: wrap;}
    .regform-doubleroller { width: 715px; height: 50px; padding: 5px 15px; font-size: 1em; border: 1px solid #e5e5e5; border-radius: 8px;}

    /* DataTabs */
    .datatabs-line-content { width: 750px; height: auto;}
    .datatabs-line { width: 748px; height: 48px; margin: 0 0 2px 0; border: 1px solid #f8f8f8; border-bottom: 1px solid rgba(54,56,61,.15); overflow: hidden; display: flex; flex-flow: column; flex-wrap: wrap; transition: all .35s ease-in-out;}
    .datatabs-line { cursor: pointer; text-decoration: none; background: #f8f8f8;}
    .datatabs-line:hover { background: rgba(7,89,140,.1);}
    .datatabs-line-popis { width: 584px; height: 34px; margin: 0; padding: 8px 15px; font-size: 1.1em; color: #36383D; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-right: 1px solid #F8F8F8;}
    .datatabs-line-popis span { font-size: .9em; font-weight: 600; padding: 0 10px 0 0; color: #D91E2E; font-style: italic;}
    .datatabs-line-data { width: 100px; height: 34px; margin: 0; padding: 8px 15px; font-size: 1.1em; text-align: right; font-weight: 600; border-left: 1px solid #F8F8F8; color: #36383D; background: rgba(0,0,0,.1);}
}

/* Rozhraní pro smartphone */
@media screen and (min-width: 480px) and (max-width: 767px) {
}

/* Rozhraní pro mobil */
@media screen and (max-width: 479px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; color: #F8F8F8; background: #07598C;}
    #facebody-body { width: 100%; min-height: 100vh; position: relative; color: #36383D; background: #F8F8F8;}

    /* Definice textu */
    .free { width:100%; height: 7px;}
    .free-big { width: 100%; height: 20px;}
    .free-mini { width: 100%; height: 5px;}
    .space { width: 100%; height: 10px;}
    .top-space { width: 100%; height: 35px;}

    h1 { font-size: 21px; height: auto; margin: 0; font-weight: 600; padding: 0 0 5px 0; background: url('../themes/tituls.png') bottom left no-repeat; background-size: auto 25px}
    h2 { font-size: 18px; margin: 0 0 5px 0; font-weight: 400;}
    p { font-size: 14px; margin: 0 0 5px 0;}
    p a { color: #36383D; text-decoration: underline; text-decoration-color: rgba(54,56,61,.15);}
    p a:hover { color: #36383D; text-decoration: underline; text-decoration-color: #07598C;}
    p span, h2 span { font-weight: 600;}
    h1 span { font-weight: 800;}

    /* Button v aplikací */
    .button-pozice { width: 100%; height: 40px; display: flex; flex-wrap: wrap; justify-content: center;}
    .button { width: 120px; height: 18px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out;}
    a.button { color: #36383D; border: 1px solid rgba(54,56,61,.3); text-decoration: none;}
    a.button:hover { color: #07598C; border: 1px solid #36383D;}
    .button p span { font-weight: 600;}
    .button-news { width: 200px;}

    /* HomePage */
    header { width: 100%; height: 500px; background: url('../themes/back.jpg') bottom no-repeat; background-size: cover;}
    #facebody-page header { width: 100%; height: 200px; color: #f8f8f8; background: url('../themes/back.jpg') bottom no-repeat; background-size: cover;}
    nav { width: 70px; height: 38px; position: absolute; margin: 20px 0 0 calc(100% - 90px);}
    .header-tituls { width: 100%; height: 430px; position: absolute; margin: 0; display: flex; flex-wrap: wrap; align-content: flex-end; justify-content: center;}
    .header-tituls-position { width: 300px; height: auto; text-align: left;}
    .header-tituls-position-text { width: 280px; height: 200px; position: absolute; margin: 100px 0 0 0; padding: 10px; font-size: 18px;}
    .header-tituls-position h2 { font-weight: 300; font-size: 34px;}
    .header-tituls-position .space { width: 100%; height: 120px;}
    .header-tituls-position .datatabs-line-content { margin-left: 0;}
    .header-tituls-position .datatabs-line, .header-tituls-position .datatabs-line-popis, .header-tituls-position .datatabs-line-data { color: #F8F8F8; background: none; border: none;}
    .header-tituls-position .datatabs-line:hover { color: #F8F8F8; background: rgba(248,248,248,.1); border: none;}
    #facebody-page .header-tituls { width: 100%; height: 250px; position: absolute; margin: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
    #facebody-page .header-tituls-position { width: 210px; height: auto; text-align: left;}
    #facebody-page .header-tituls-position h2 { font-weight: 600; font-size: 22px;}
    .logo { width: 119px; height: 80px; position: absolute; margin: 20px 0 0 20px; background: url('../themes/logo.white.png') top no-repeat; background-size: cover;}
    #facebody-page .logo { width: 0px; height: 0px; position: absolute; margin: 0; background: none; background: url('../themes/logo.white.png') top no-repeat; background-size: cover;}
    .header-arrowdown { width: 38px; height: 38px; position: absolute; margin: 440px 0 0 calc(50% - 20px); border: 1px solid rgba(248,248,248,.25); background: url('../themes/arrow.down.png') 10px no-repeat; background-size: 20px;}
    .header-linearis { width: 260px; height: 370px;}
    .header-linearis .top-space { width: 260px; height: 130px;}
    .header-linearis-blod-left, .footer-linearis-blod-left { width: 20px; height: 1px; position: absolute; margin: 129px 0 0 -10px; background: rgba(248,248,248,.3);}
    .header-linearis-blod-right, .footer-linearis-blod-right { width: 20px; height: 1px; position: absolute; margin: 129px 0 0 250px; background: rgba(248,248,248,.3);}
    .header-linearis-box-position { width: 260px; height: calc(100vh - 130px);}
    .header-linearis-box { width: 258px; height: 370px; border-left: 1px solid rgba(248,248,248,.3); border-right: 1px solid rgba(248,248,248,.3);}

    #facebody-page .header-linearis { height: 200px;}
    #facebody-page .header-linearis-box-position, #facebody-page .header-linearis-box { height: 70px;}

    /* Hlavní menu nabídka služeb */
    #service { width: 100%; height: auto; padding: 20px 0; color: #f8f8f8; background: #07598C url('../themes/wall.mobil.png') top repeat-y;}
    .service-titul { width: 270px; height: auto; text-align: right;}
    .service-titul h2 { font-size: .9em;}
    .titul-right { text-align: left;}
    .service-action-position { width: 100%; height: 70px; text-align: left;}
    .service-action { width: 100%; height: 60px; position: absolute;}
    .service-action-back-top { width: 100%; height: 1px; position: absolute; margin-top: 30px; overflow: hidden; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-back-top { height: 30px; margin: 0; background: #F8F8F8;}
    .service-action-back-bottom { width: 100%; height: 1px; position: absolute; margin-top: 30px; overflow: hidden; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-back-bottom {height: 30px; background: #F8F8F8;}
    .service-action-popis { width: 100%; height: 22px; position: absolute; margin-top: 75px; padding: 4px 0; overflow: hidden;}
    .service-action-popis p { font-size: 0em; transition: all .35s ease-in-out;}
    a.service-action:hover .service-action-popis p { font-size: 0em; color: #07598C;}
    .service-action-text { width: 310px; height: 50px; padding-top: 15px; margin: 0 0 0 calc(50% - 155px); text-align: left;}
    a.service-action:hover .service-action-text { width: 310px; height: 50px; padding-top: 15px; text-align: left; transition: all .35s ease-in-out;}
    .service-action-text h2 { width: calc(100% - 10px); font-size: 24px; color: #F8F8F8; position: absolute; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    a.service-action:hover .service-action-text h2 { color: #07598C; position: absolute; font-size: 24px; font-weight: 400;}
    .service-action-text h2 span { padding: 0 30px 0 0; transition: all .35s ease-in-out; background: url('../themes/hover.png') calc(100% - 8px) 8px no-repeat; background-size: 10px;}
    a.service-action:hover .service-action-text h2 span { padding: 0 30px 0 0; background: url('../themes/hover.active.png') calc(100% - 5px) 5px no-repeat; background-size: 10px;}

    /* Obsah na hlavní stránce */
    #whitebox { width: 100%; height: auto; padding: 20px 0; color: #36383D; background: #f8f8f8 url('../themes/wall.black.mobil.png') top repeat-y;}

    .homepage-content { width: 300px; height: auto; display: flex; flex-wrap: wrap;}
    .homepage-content-gallery { width: 300px; height: 300px; display: flex; flex-wrap: wrap; align-items: flex-end;}
    .homepage-content-gallery-box { width: 300px; height: 270px; position: absolute; margin: 0; text-align: left;}
    .homepage-content-gallery-box-one { width: 300px; height: 180px; position: absolute; margin: -20px 0 0 0; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-two { width: 220px; height: 140px; position: absolute; margin: 120px 0 0 50px; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-three { width: 180px; height: 100px; position: absolute; margin: -100px 0 0 20px; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .homepage-content-gallery-box-one img, .homepage-content-gallery-box-two img, .homepage-content-gallery-box-three img { width: 100%;}
    .homepage-content-obsah { width: 280px; height: auto; padding: 10px; text-align: left;}
    .homepage-content-obsah p { margin: 0;}

    /* Aktuality, příspěvký a články */
    .news-content { width: 300px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
    .news-content-box { width: 300px; height: auto; display: flex; flex-flow: column;}
    .news-content-box-image { width: 298px; height: 178px; border: 1px solid #36383D; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .news-content-box-image img { width: 100%;}
    .news-content-box-obsah { width: 280px; height: auto; margin: 0 10px 0 0; padding: 10px;}
    .news-content-box-obsah h2 { font-size: 18px; text-align: left; padding: 0 30px 0 0; background: url('../themes/hover.article.png') calc(100% - 5px) calc(100% - 5px) no-repeat; background-size: 12px;}
    .news-content-box-obsah h2 a { text-decoration: none; color: #36383D;}
    .news-content-box-obsah h2 a:hover {  color: #07598C;}
    .news-content-box-obsah p { font-size: 14px; margin: 0; text-align: left; font-weight: 800; color: #07598C;}

    /* Spodní část webu */
    footer { width: 100%; height: 80px; color: #36383D; background: #f8f8f8;}
    footer .content { width: 0px; height: auto; overflow: hidden; position: absolute; margin: 0 0 0 0; visibility: hidden; display: flex; flex-wrap: wrap; justify-content: space-around;}
    footer .content-box { width: 0px; height: auto; text-align: left;}
    footer .content-box h2 { font-size: 0em;}
    footer .content-box p { font-size: 0em; margin: 0;}
    footer .content-box-text-center { text-align: center;}
    footer .content-box-text-right { text-align: right;}
    .footer-linearis { width: 260px; height: auto;}
    .footer-linearis .top-space { width: 260px; height: 50px;}
    .footer-linearis-blod-left { margin: 1px 0 0 -10px; background: rgba(54,56,61,.3);}
    .footer-linearis-blod-right { margin: 1px 0 0 250px; background: rgba(54,56,61,.3);}
    .footer-linearis-box-position { width: 260px; height: 50px;}
    .footer-linearis-box { width: 258px; height: 50px; border-left: 1px solid rgba(54,56,61,.3); border-right: 1px solid rgba(54,56,61,.3);}
    .copyright { width: 300px; height: 26px; position: absolute; margin: -35px 0 0 -20px; display: flex; flex-wrap: wrap; justify-content: space-around;}
    .copyright p { font-size: 14px;}
    .creative { width: 260px; height: auto; padding-top: 10px; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: center;}
    .rhotechnology-pozice { width: 260px; height: 26px; margin: 0 20px 0 0; text-align: left;}
    .rhotechnology { width: 250px; height: 26px; position: absolute; margin: 0 0 0 5px; transition: all .35s ease-in-out;}
    a.rhotechnology { background: url('../themes/creator.png') left no-repeat; background-size: auto 26px;}
    a.rhotechnology:hover { background: url('../themes/creator.active.png') left no-repeat; background-size: auto 26px;}
    .romandesign-pozice { width: 215px; height: 26px; text-align: left;}
    .romandesign { width: 215px; height: 26px; position: absolute; margin: 0; transition: all .35s ease-in-out;}
    a.romandesign { background: url('../themes/creator.png') right no-repeat; background-size: auto 26px;}
    a.romandesign:hover { background: url('../themes/creator.active.png') right no-repeat; background-size: auto 26px;}

    /* Vlastní článek na serveru */
    article { width: 100%; height: auto; padding: 20px 0 0 0; color: #36383D; background: #f8f8f8 url('../themes/wall.black.mobil.png') top repeat-y;}
    article .content { width: 300px; height: auto; text-align: left;}
    .content-topimage-position { width: 300px; height: 190px; float: right;}
    .content-topimage { width: 298px; height: 178px; position: absolute; margin: 0 0 0 0; border: 1px solid #f8f8f8; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; overflow: hidden;}
    .content-topimage img { width: 100%;}
    .content-navigace { font-size: 14px; margin: 0;}
    .content-navigace span { padding: 0 20px 0 0; background: url('../themes/navi.icon.png') right center no-repeat; background-size: 14px; font-weight: 800;}
    .content-navigace span a { color: #36383D; text-decoration-skip-ink: auto; text-decoration-color: #36383D;}
    .content-navigace span a:hover { color: #36383D; text-decoration-color: #07598C;}
    article .content p { font-size: 15px;}
    article .content h2 { font-size: 19px;}

    .soc-site { width: 100%; height: 50px; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .soc-site-share-box { width: 130px; height: 40px;}
    .soc-site-share { width: 110px; height: 18px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    .soc-site-mail-box { width: 130px; height: 40px;}
    .soc-site-mail { width: 110px; height: 18px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    .soc-site-print-box { width: 60px; height: 40px;}
    .soc-site-print { width: 80px; height: 18px; position: absolute; padding: 10px; text-align: center; transition: all .35s ease-in-out; cursor: pointer;}
    a.soc-site-share, a.soc-site-mail, a.soc-site-print { border: 1px solid rgba(54,56,61,.3); color: #36383D; text-decoration: none;}
    a.soc-site-share:hover, a.soc-site-mail:hover, a.soc-site-print:hover { border: 1px solid #36383D; color: #07598C;}

    /* Dodatky k valstnímu obsahu webu */
    .download-line-content { width: 300px; height: 50px;}
    .download-line {  width: 298px; height: 38px; position: absolute; margin: 0; overflow: hidden; transition: all .35s ease-in-out;}
    a.download-line { border: 1px solid #e5e5e5; background: #f5f5f5;}
    .download-line-content:nth-child(even) a.download-line { border: 1px solid #e5e5e5; background: #f0f0f0;}
    a.download-line:hover, .download-line-content:nth-child(even) a.download-line:hover { border: 1px solid #D91E2E; background: #e5e5e5;}
    .download-line-logo { width: 0px; height: 0px; position: absolute; margin: 0; text-align: left;}
    .download-line-logo img { width: 0px; position: absolute; margin: 0; visibility: hidden;}
    .download-line-popis { width: 280px; height: 32px; position: absolute; margin: 0 0 0 0; padding: 9px 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #36383D;}

    .page-gallery { width: 300px; height: auto; margin: 0; display: flex; flex-wrap: wrap; align-items: start;}
    .gallery-ones { width: 280px; height: auto; padding: 5px 9px; margin: 0 10px 0 0;}
    .gallery-ones img { width: 278px; border: 1px solid #D91E2E;}

    .youtube-position { width: 300px; height: 180px;}
    .youtube-apps { width: 298px; height: 170px; overflow: hidden; border: 1px solid #D91E2E;}
    .youtube-enter { width: 300px; height: 170px; border: none;}

    /* Naformatování formuláře */
    .regform-all { width: 300px; height: auto; display: flex; flex-wrap: wrap;}
    .regform-all hr { width: 220px; height: 1px; border: none; background: #b5b5b5;}
    .regform-info, .regform-gdpr { width: calc(100% - 60px); padding: 30px; font-size: 16px; color: #D91E2E;}
    .regform-gdpr { width: calc(100% - 60px); padding: 20px 30px; text-align: justify; color: #36383D;}
    .regform-box, .regform-doublebox { width: 280px; height: auto; padding: 10px; display: flex; flex-flow: column; flex-wrap: wrap;}
    .regform-roller, .regform-doubleroller { width: 280px; height: 45px; padding: 3px 10px; font-size: 16px; border: 1px solid #e5e5e5; border-radius: 8px;}
    .regform-content-pozice { width: 280px; height: 45px;}
    .regform-content { width: 255px; height: 35px; padding: 5px 10px; font-size: 16px; border: 1px solid #e5e5e5; border-radius: 8px; font-family: 'Dosis', sans-serif;}
    .regform-button-ok-sub { width: calc(100% - 20px); height: 32px; position: absolute; margin: -6px 0; font-family: 'Dosis', sans-serif; font-size: 16px; cursor: pointer; border: 0px;}
    .regform-button-ok-sub:hover { color: #07598C;}

    /* DataTabs */
    .datatabs-line-content { width: 300px; height: auto;}
    .datatabs-line { width: 298px; height: 38px; margin: 0 0 2px 0; border: 1px solid #f8f8f8; border-bottom: 1px solid rgba(54,56,61,.15); overflow: hidden; display: flex; flex-flow: column; flex-wrap: wrap; transition: all .35s ease-in-out;}
    .datatabs-line { cursor: pointer; text-decoration: none; background: #f8f8f8;}
    .datatabs-line:hover { background: rgba(7,89,140,.1);}
    .datatabs-line-popis { width: 219px; height: 32px; margin: 0; padding: 9px 10px; font-size: 16px; color: #36383D; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-right: 1px solid #F8F8F8;}
    .datatabs-line-popis span { font-size: 14px; font-weight: 600; padding: 0 10px 0 0; color: #D91E2E; font-style: italic;}
    .datatabs-line-data { width: 40px; height: 32px; margin: 0; padding: 9px 10px; font-size: 16px; text-align: right; font-weight: 600; border-left: 1px solid #F8F8F8; color: #36383D; background: rgba(0,0,0,.1);}
}