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

/* Nastavení posuvníku */
/* width */
::-webkit-scrollbar { width: 8px;}
/* Track */
::-webkit-scrollbar-track { background: #f2f2f2;}
/* Handle */
::-webkit-scrollbar-thumb { background: #222;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #A3241E;}

body { width: 100%; font-family: 'Open Sans', sans-serif; margin: 0 0 0 0; font-size: 20px; font-weight: 300; color: #000;}

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

    /* 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;}

    .nadpis { font-size: 40px; margin: 0 0 20px 0;}
    .podnadpis { font-size: 28px; font-weight: 600; margin: 0 0 10px 0;}
    .classic-txt, .classic-txt-top, .classic-txt-datum, .classic-txt-seznam, .classic-txt-special { font-size: 18px; margin: 0 0 10px 0;}
    .classic-txt-seznam { width: calc(100% - 15px); padding: 0 0 0 15px; background: url('../themes/seznam.fw.png') 0 6px no-repeat; background-size: 10px;}
    .classic-txt-top { font-weight: 600;}
    .classic-txt-special { font-weight: 800;}
    .classic-txt-datum { font-weight: 600; margin: 0 0 5px 0;}
    .classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span  { font-weight: 600; color: #D80A0A;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a, .classic-txt-special a { color: #000; text-decoration: none;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover, .classic-txt-special a:hover { color: #D80A0A;}

    /* Hlavička webu */
    #header-face, #header-face-page { width: 100%; height: 500px; margin: 0 0 0 0; padding: 60px 0 0 0;}
    #header, #header-page { width: 100%; height: 500px; background: url('../themes/top.back.fw.png') center bottom no-repeat; background-size: 100% auto;}
    .header-gradient { width: 100%; height: 500px; position: absolute; margin: 0 0 0 0; background: linear-gradient(180deg, rgba(0,0,0,.15), #000);}
    .header-left { width: 40px; height: 500px; position: absolute; margin: 0 0 0 0; background: url('../themes/header.left.fw.png') top no-repeat; background-size: auto 500px;}
    .header-right { width: 40px; height: 500px; position: absolute; margin: 0 0 0 calc(100% - 40px); background: url('../themes/header.right.fw.png') top no-repeat; background-size: auto 500px;}
    .header-lineas { width: 100%; height: 2px; position: absolute; margin: 470px 0 0 0; background: #D80A0A;}
    .header-content, .header-content-page { width: 900px; height: 420px; position: absolute; margin: 40px 0 0 calc(50% - 450px); text-align: left;}
    .header-content-textbox { width: 500px; height: 200px; position: absolute; margin: 150px 0 0 0;}
    .header-content-textbox .nadpis { font-size: 50px; line-height: 1.2; margin: 0 0 5px 0; color: #FFFFFF;}
    .header-content-textbox .nadpis span { font-size: 58px; font-weight: 800;}
    .header-content-textbox .classic-txt { color: #D80A0A;}
    .header-content-maps { width: 607px; height: 380px; position: absolute; margin: 40px 0 0 293px; background: url('../themes/maps.fw.png') top no-repeat; background-size: cover;}
    .header-wpisujesa { width: 105px; height: 200px; position: absolute; margin: 150px 0 0 375px; transition: all 0.35s ease-in-out; background: url('../themes/logo.scitani.fw.png') top no-repeat; background-size: cover;}
    #header-page .header-wpisujesa { margin: 50px 0 0 375px;}

    /* Základní navigace pro webové stránky
    .header-ide { width: 1076px; height: 100px; position: absolute; margin: 414px 0 0 calc(50% - 540px); text-align: left; border: 1px solid #808080; border-top-left-radius: 61px; border-top-right-radius: 6px; border-bottom-left-radius: 61px; border-bottom-right-radius: 6px; background: #FFFFFF;}
    #header-face-page .header-ide { margin: 214px 0 0 calc(50% - 540px);}
    .header-ide-logo { width: 80px; height: 80px; position: absolute; margin: 10px; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    .mobil-navigace { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; overflow: hidden;}

    .navigace { width: 960px; height: 60px; position: absolute; margin: 20px 0 0 105px; font-weight: 300;}
    .navigace-pozice-1, .navigace-pozice-2, .navigace-pozice-3, 
    .navigace-pozice-4, .navigace-pozice-5, .navigace-pozice-6 { width: 160px; height: 60px; position: absolute; margin: 0 0 0 0;}
    .navigace-pozice-2 { margin: 0 0 0 160px;}
    .navigace-pozice-3 { margin: 0 0 0 320px;}
    .navigace-pozice-4 { margin: 0 0 0 480px;}
    .navigace-pozice-5 { margin: 0 0 0 640px;}
    .navigace-pozice-6 { margin: 0 0 0 800px;}
    .navigace-button-big { width: 140px; height: 50px; position: absolute; margin: 0 0 0 0; padding: 5px 10px; text-align: center; transition: all 0.35s ease-in-out; color: #000; text-decoration: none; color: #000; text-decoration: none; background: url('../themes/top.navigace.active.fw.png') center 42px no-repeat; background-size: 60px 14px; background: url('../themes/top.navigace.active.fw.png') center 47px no-repeat; background-size: 60px 14px;}
    a.navigace-button-big { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 47px no-repeat; background-size: 60px 14px;}
    a.navigace-button-big:hover { color: #000; text-decoration: none; background: url('../themes/top.navigace.active.fw.png') center 47px no-repeat; background-size: 60px 14px;}
    .navigace-button-small { width: 140px; height: 20px; position: absolute; margin: 0 0 0 0; padding: 20px 10px; text-align: center; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 35px no-repeat; background-size: 60px 14px;}
    a.navigace-button-small { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 35px no-repeat; background-size: 60px 14px;}
    a.navigace-button-small:hover { color: #000; background: url('../themes/top.navigace.active.fw.png') center 35px no-repeat; background-size: 60px 14px;} */

    /* Základní navigace pro webové stránky */
    .header-ide { width: 916px; height: 100px; position: absolute; margin: 414px 0 0 calc(50% - 458px); text-align: left; border: 1px solid #808080; border-top-left-radius: 61px; border-top-right-radius: 6px; border-bottom-left-radius: 61px; border-bottom-right-radius: 6px; background: #FFFFFF;}
    #header-face-page .header-ide { margin: 214px 0 0 calc(50% - 440px);}
    .header-ide-logo { width: 80px; height: 80px; position: absolute; margin: 10px; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    .mobil-navigace { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; overflow: hidden;}

    .navigace { width: 810px; height: 60px; position: absolute; margin: 20px 0 0 90px; font-weight: 300;}
    .navigace-pozice-1, .navigace-pozice-2, .navigace-pozice-3, .navigace-pozice-4 { width: 160px; height: 60px; position: absolute; margin: 0 0 0 0;}
    .navigace-pozice-2 { margin: 0 0 0 160px;}
    .navigace-pozice-3 { margin: 0 0 0 320px;}
    .navigace-pozice-4 { width: 170px; margin: 0 0 0 480px;}
    .navigace-pozice-5 { margin: 0 0 0 650px;}
    .navigace-button-big { width: 140px; height: 50px; position: absolute; margin: 0 0 0 0; padding: 5px 10px; text-align: center; transition: all 0.35s ease-in-out; color: #000; text-decoration: none; color: #000; text-decoration: none; background: url('../themes/top.navigace.active.fw.png') center 42px no-repeat; background-size: 60px 14px; background: url('../themes/top.navigace.active.fw.png') center 47px no-repeat; background-size: 60px 14px;}
    a.navigace-button-big { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 47px no-repeat; background-size: 60px 14px;}
    a.navigace-button-big:hover { color: #000; text-decoration: none; background: url('../themes/top.navigace.active.fw.png') center 47px no-repeat; background-size: 60px 14px;}
    .navigace-button-small { width: 140px; height: 20px; position: absolute; margin: 0 0 0 0; padding: 20px 10px; text-align: center; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 35px no-repeat; background-size: 60px 14px;}
    a.navigace-button-small { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 35px no-repeat; background-size: 60px 14px;}
    a.navigace-button-small:hover { color: #000; background: url('../themes/top.navigace.active.fw.png') center 35px no-repeat; background-size: 60px 14px;}
    .navigace-pozice-4 .navigace-button-big { width: 150px;}

    .header-topinfo { width: 1100px; height: 50px; position: absolute; margin: -50px 0 0 calc(50% - 550px); font-weight: 300; font-size: 16px;}
    .header-topinfo-polonica { width: 204px; height: 40px; position: absolute; margin: 0 10px; padding: 0 0 0 0; text-align: left; background: url('../themes/logo.podelne.fw.png') top no-repeat; background-size: auto 40px;}
    .header-topinfo-menu { width: 630px; height: 30px; position: absolute; margin: 10px 0 0 460px; text-align: left;}
    .header-topinfo-menu-a { width: 200px; height: 25px; position: absolute; margin: 0 0 0 0; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    .header-topinfo-menu-b { width: 120px; height: 25px; position: absolute; margin: 0 0 0 200px; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out;}
    .header-topinfo-menu-c { width: 120px; height: 25px; position: absolute; margin: 0 0 0 320px; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    .header-topinfo-menu-d { width: 130px; height: 25px; position: absolute; margin: 0 0 0 440px; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    .header-topinfo-menu-e { width: 60px; height: 25px; position: absolute; margin: 0 0 0 570px; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    a.header-topinfo-menu-a, a.header-topinfo-menu-b, a.header-topinfo-menu-c, 
    a.header-topinfo-menu-d, a.header-topinfo-menu-e { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    a.header-topinfo-menu-a:hover, a.header-topinfo-menu-b:hover, a.header-topinfo-menu-c:hover, 
    a.header-topinfo-menu-d:hover, a.header-topinfo-menu-e:hover { color: #000; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}

    /* Nastavení pro podstránku */
    #header-face-page { height: 300px;}
    #header-page { height: 300px; background: url('../themes/top.back.fw.png') center bottom no-repeat; background-size: 100% auto;}
    #header-page .header-gradient { height: 300px;}
    #header-page .header-left { height: 300px;}
    #header-page .header-right { height: 300px;}
    #header-page .header-lineas { margin: 270px 0 0 0;}
    .header-content-page { height: 220px;}
    .header-content-page .header-content-textbox { margin: 0 0 0 0;}
    .header-content-page .header-content-textbox .nadpis { font-size: 42px; margin: 0 0 5px 0; color: #FFFFFF;}
    .header-content-page .header-content-textbox .classic-txt { font-size: 16px; color: #D80A0A;}
    .header-content-page .header-content-maps { width: 415px; height: 260px; position: absolute; margin: -15px 0 0 490px; background: url('../themes/maps.fw.png') top no-repeat; background-size: cover;}
    .header-content-gradient { width: 443px; height: 200px; position: absolute; margin: 177px 0 0 457px; background: linear-gradient(180deg, rgba(242,242,242,.0), rgba(242,242,242,1.0));}

    /* Banner */
    #banner-face, #partners-face, #projekt-face { width: 100%; height: auto; padding: 40px 0;}
    .banner-titul, .partners-titul, .container-hp, .container-page-banner-titul { width: 1060px; height: auto; margin: 0; border-bottom: 1px solid #808080;}
    .container-hp { width: 1060px; height: auto; margin: 0 0 0 calc(50% - 530px); border-bottom: 1px solid #808080;}
    .banner-titul .classic-txt, .partners-titul .classic-txt, 
    .container-hp .classic-txt, .container-page-banner-titul .classic-txt { margin: 0; color: #808080; padding: 5px 5px; font-weight: 300; font-size: 22px; text-align: left;}
    .banner { width: 1060px; height: 175px; border: 1px solid #A3241E; background: url('../themes/banner.kpkp.fw.png') top no-repeat; background-size: cover;}

    /* Partneři */
    .partners-linea { width: 1190px; height: 130px; text-align: left;}
    .partners-linea-a, .partners-linea-b, .partners-linea-c, 
    .partners-linea-d, .partners-linea-e, .partners-linea-f, .partners-linea-g { width: 170px; height: 111px; position: absolute; margin: 9px 0 0 0;}
    .partners-linea-b { margin: 9px 0 0 170px;}
    .partners-linea-c { margin: 9px 0 0 340px;}
    .partners-linea-d { margin: 9px 0 0 510px;}
    .partners-linea-e { margin: 9px 0 0 680px;}
    .partners-linea-f { margin: 9px 0 0 850px;}
    .partners-linea-g { margin: 9px 0 0 1020px;}
    .partners-linea-a img, .partners-linea-b img, .partners-linea-c img, 
    .partners-linea-d img, .partners-linea-e img, .partners-linea-f img, .partners-linea-g img { width: 170px;}

    /* Partneři */
    .projekt-linea { width: 800px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; text-align: left;}
    .projekt-linea-box, .projekt-linea-box-double { width: 200px; height: 130px; margin: 0 0 0 0;}
    .projekt-linea-box-double { width: 500px;}
    .projekt-linea-box img { width: 200px;}
    .projekt-linea-box-double img { width: 500px;}
    #projekt-face .classic-txt { font-size: 15px; padding: 10px 0 0 0; color: #D80A0A;}
    .projekt-kprm { width: 800px; height: 320px; overflow: hidden;}
    .projekt-kprm img { width: 800px;}

    /* Spodní část webu */
    #bottom-face { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 40px 0;}
    .bottom { width: 100%; height: 200px; background: #000;}
    .bottom-linea-top { width: 100%; height: 5px; position: absolute; margin: 190px 0 0 0; background: #f2f2f2;}
    .bottom-linea-bottom { width: 100%; height: 5px; position: absolute; margin: 195px 0 0 0; background: #A3241E;}
    .bottom-right { width: 40px; height: 200px; position: absolute; margin: 0 0 0 calc(100% - 40px); transform: rotate(180deg); background: url('../themes/header.left.fw.png') top no-repeat; background-size: auto 500px;}
    .bottom-left { width: 40px; height: 200px; position: absolute; margin: 0 0 0 0; transform: rotate(180deg); background: url('../themes/header.right.fw.png') top no-repeat; background-size: auto 500px;}
    .bottom-content { width: 1060px; height: 160px; position: absolute; margin: 20px 0 0 calc(50% - 530px); color: #f2f2f2; text-align: left;}
    .bottom-content-a, .bottom-content-b, .bottom-content-c, .bottom-content-d { width: 265px; height: 160px; position: absolute; margin: 0 0 0 0;}
    .bottom-content-b { margin: 0 0 0 265px;}
    .bottom-content-c { margin: 0 0 0 530px;}
    .bottom-content-d { margin: 0 0 0 795px;}
    .bottom-content .classic-txt-special { width: 265px; height: 26px; padding: 4px 0 0 0; margin: 0; font-size: 16px; text-align: center; font-weight: 800;}
    .bottom-content .classic-txt-special span { font-weight: 800;}
    .bottom-content .classic-txt { width: 265px; height: 26px; padding: 4px 0 0 0; margin: 0; font-size: 16px; text-align: center;}
    .bottom-content .classic-txt a { color: #f2f2f2; text-decoration: none;}
    .bottom-content .classic-txt a:hover { color: #D80A0A;}
    .bottom-content .classic-txt span { font-weight: 600;}

    /* Produkce */
    #production-face { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 40px 0;}
    .production { width: 1060px; height: 30px; text-align: left;}
    .copyright { width: 200px; height: 26px; position: absolute; margin: 0 0 0 0; padding: 4px 0 0 0; text-align: center; font-size: 16px; color: #808080;}
    .production-topinfo-polonica { width: 200px; height: 30px; position: absolute; margin: 0 0 0 430px; padding: 0 0 0 0; font-size: 20px; font-weight: 800; text-align: center;}
    .production-topinfo-polonica span { color: #D80A0A;}
    .creative { width: 193px; height: 20px; position: absolute; margin: 5px 0 0 867px;}
    .rhotechnology { width: 193px; height: 20px; position: absolute; margin: -10px 0 0 0; transition: all 0.35s ease-in-out;}
    a.rhotechnology { background: url('../themes/creator.fw.png') left no-repeat; background-size: cover;}
    a.rhotechnology:hover { background: url('../themes/creator.active.fw.png') left no-repeat; background-size: cover;}
    .romandesign { width: 164px; height: 20px; position: absolute; margin: 10px 0 0 29px; transition: all 0.35s ease-in-out;}
    a.romandesign { background: url('../themes/creator.fw.png') right no-repeat; background-size: cover;}
    a.romandesign:hover { background: url('../themes/creator.active.fw.png') right no-repeat; background-size: cover;}

    /* Hlavní obsahová část webu - hlavní stránka + aktualnoscy */
    #container-hp, #news-face { width: 100%; min-height: 500px; text-align: left; padding: 80px 0 40px 0;}
    .container-box, .news-box { width: 1062px; height: 1080px; margin: 0 0 0 calc(50% - 531px); border: 1px solid #808080; background: #FFFFFF;}

    .container-box-pozice-a { width: 688px; height: 338px; position: absolute; margin: 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-b { width: 338px; height: 338px; position: absolute; margin: 10px 0 0 710px; border: 1px solid #FFFFFF;}
    .container-box-pozice-c { width: 338px; height: 338px; position: absolute; margin: 370px 0 0 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-d { width: 338px; height: 338px; position: absolute; margin: 370px 0 0 360px; border: 1px solid #FFFFFF;}
    .container-box-pozice-e { width: 338px; height: 338px; position: absolute; margin: 370px 0 0 710px; border: 1px solid #FFFFFF;}
    .container-box-pozice-f { width: 338px; height: 338px; position: absolute; margin: 730px 0 0 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-g { width: 688px; height: 338px; position: absolute; margin: 730px 0 0 360px; border: 1px solid #FFFFFF;}
    
    .container-box-content-mini { width: 338px; height: 338px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-box-content-image { position: absolute; transition: all 0.35s ease-in-out;}
    a.container-box-content-mini .container-box-content-image { height: 340px; margin: 0 0 0 -184px;}
    a.container-box-content-mini:hover .container-box-content-image { height: 360px; position: absolute; margin: -10px 0 0 -205px;}
    .container-box-content-text { width: 288px; height: 119px; position: absolute; margin: 199px 0 0 30px; padding: 10px; background: #FFFFFF;}
    .container-box-content-text .classic-txt-datum { width: 80px; height: 20px; position: absolute; margin: -8px; padding: 4px; font-size: 15px; transition: all 0.35s ease-in-out;}
    .container-box-content-text .nadpis { font-size: 20px; margin: 0 0 2px 0; padding: 20px 0 0 0; transition: all 0.35s ease-in-out;}
    .container-box-content-text .classic-txt { height: 23px; font-size: 14px; text-align: right; transition: all 0.35s ease-in-out;}
    .container-box-content-text .classic-txt span { color: #808080;}
    .container-box-content-max { width: 688px; height: 338px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-box-content-max .container-box-content-image { position: absolute;}
    a.container-box-content-max .container-box-content-image { height: 340px; margin: 0 0 0 -9px;}
    a.container-box-content-max:hover .container-box-content-image { height: 360px; position: absolute; margin: -10px 0 0 -31px;}
    .container-box-content-max .container-box-content-text { margin: 199px 0 0 381px;}
    a.container-box-content-mini .container-box-content-text .nadpis, a.container-box-content-max .container-box-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-box-content-mini:hover .container-box-content-text .nadpis, a.container-box-content-max:hover .container-box-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-box-content-mini .container-box-content-text .classic-txt-datum, 
    a.container-box-content-max .container-box-content-text .classic-txt-datum { color: #f2f2f2; background: #000; text-decoration: none;}
    a.container-box-content-mini:hover .container-box-content-text .classic-txt-datum,
    a.container-box-content-max:hover .container-box-content-text .classic-txt-datum { color: #f2f2f2; background: #A3241E;}
    a.container-box-content-mini:hover .container-box-content-text .classic-txt,
    a.container-box-content-max:hover .container-box-content-text .classic-txt { color: #808080;}

    .classic-txt-image-polonica { width: calc(100% - 110px); height: 22px; position: absolute; margin: 105px 0 0 0; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.polonica.fw.png') right 2px no-repeat; background-size: 85px 22px;}
    .classic-txt-image-glos { width: calc(100% - 110px); height: 22px; position: absolute; margin: 105px 0 0 0; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.glos.fw.png') right 2px no-repeat; background-size: 85px 22px;}
    .classic-txt-image-zwrot { width: calc(100% - 110px); height: 22px; position: absolute; margin: 105px 0 0 0; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.zwrot.fw.png') right 2px no-repeat; background-size: 75px 22px;}
    .classic-txt-image-ceskyrozhlas { width: calc(100% - 110px); height: 22px; position: absolute; margin: 105px 0 0 0; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.ceskyrozhlas.fw.png') right 2px no-repeat; background-size: 85px 22px;}
    
    .container-box-button-pozice { width: 1060px; height: 40px; margin:  0 0 0 calc(50% - 530px); text-align: left;}
    .container-box-button { width: 200px; height: 40px; position: absolute; margin: 0 0 0 860px; text-align: left; transition: all 0.35s ease-in-out;}
    .container-box-button-text { width: 150px; height: 24px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 8px 35px 8px 15px; font-weight: 600; font-size: 18px; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 20px; transition: all 0.35s ease-in-out;}
    a.container-box-button .container-box-button-text { background: #808080 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    a.container-box-button:hover .container-box-button-text { background: #D80A0A url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    .container-box-button-linea { width: 1040px; height: 1px; position: absolute; margin: 0 0 0 -860px; transition: all 0.35s ease-in-out;}
    a.container-box-button .container-box-button-linea { background: #808080;}
    a.container-box-button:hover .container-box-button-linea { background: #D80A0A;}

    /* Hlavní obsahová část webu - obsahová část vedlejší stránky */
    #container-page { width: 100%; min-height: 500px; text-align: left; padding: 80px 0 40px 0;}
    .container-page-banner { width: 220px; height: 200px; position: absolute; margin: 90px 0 0 calc(50% + 280px);}
    .container-page-banner-space { width: 220px; height: 220px; margin: 0 0 20px 0;}
    .container-page-banner-active { width: 220px; height: 220px; position: absolute; margin: 0; overflow: hidden;}
    .container-page-banner-active img { width: 220px;}
    a.container-page-banner-active img { width: 220px;}
    a.container-page-banner-active:hover img { width: 240px; margin: -10px;}
    .container-page-banner .space { width: 100%; height: 250px;}
    .container-page-banner-titul { width: 200px;}
    .container-id { width: 1000px; height: auto; margin: 0 0 0 calc(50% - 500px); border-bottom: 1px solid #808080;}
    .container-id .classic-txt { margin: 0; color: #808080; padding: 5px 5px; font-weight: 300; font-size: 22px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .container-id .classic-txt-special { margin: 0; color: #808080; padding: 5px 5px; font-weight: 600; font-size: 16px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .container-id .classic-txt-special a { color: #808080;}
    .container-id .classic-txt-special a:hover { color: #A3241E;}
    .container-content { width: 760px; min-height: 400px; margin: 0 0 0 calc(50% - 500px);}
    .container-content-image-pozice { width: 270px; height: 210px; padding: 10px; float: right }
    .container-content-image { width: 520px; height: 320px; position: absolute; margin: -115px 0 0 0; border: 1px solid #A3241E; text-align: left; overflow: hidden;}
    .container-content-image img { height: 342px; margin: -11px 0 0 0;}
    .container-content .classic-txt-top, .container-content .classic-txt { text-align: justify;}
    .container-content .classic-txt-top i, .container-content .classic-txt i { font-weight: 400;}
    .container-content .classic-txt-datum { font-weight: 800; font-size: 18px; color: #D80A0A}
    .container-content-share-pozice { width: 760px; height: 40px; margin:  0 0 0 calc(50% - 500px); text-align: left;}
    .container-content-share { width: 150px; height: 40px; position: absolute; margin: 0 0 0 610px; text-align: left; transition: all 0.35s ease-in-out; cursor: pointer;}
    .container-content-share-text { width: 100px; height: 24px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 8px 35px 8px 15px; font-weight: 600; font-size: 18px; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 20px; transition: all 0.35s ease-in-out;}
    a.container-content-share .container-content-share-text { background: #808080 url('../themes/share.fw.png') right no-repeat; background-size: contain;}
    a.container-content-share:hover .container-content-share-text { background: #D80A0A url('../themes/share.fw.png') right no-repeat; background-size: contain;}
    .container-content-share-linea { width: 720px; height: 1px; position: absolute; margin: 0 0 0 -590px; transition: all 0.35s ease-in-out;}
    a.container-content-share .container-content-share-linea { background: #808080;}
    a.container-content-share:hover .container-content-share-linea { background: #D80A0A;}
    .container-content-print { width: 150px; height: 40px; position: absolute; margin: 0 0 0 0; text-align: left; transition: all 0.35s ease-in-out; cursor: pointer;}
    .container-content-print-text { width: 100px; height: 24px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 8px 15px 8px 35px; font-weight: 600; font-size: 18px; text-align: right; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-left-radius: 20px; border-bottom-right-radius: 6px; transition: all 0.35s ease-in-out;}
    a.container-content-print .container-content-print-text { background: #808080 url('../themes/print.fw.png') left no-repeat; background-size: contain;}
    a.container-content-print:hover .container-content-print-text { background: #D80A0A url('../themes/print.fw.png') left no-repeat; background-size: contain;}
    .container-content-print-linea { width: 590px; height: 1px; position: absolute; margin: 0 0 0 20px; transition: all 0.35s ease-in-out;}
    a.container-content-print .container-content-print-linea { background: transparent;}
    a.container-content-print:hover .container-content-print-linea { background: #D80A0A;}

    /* Obsahový banner */
    .container-content-banner-pozice { width: 270px; min-height: 270px; margin: 0 0 0 0; float: right;}
    .container-content-banner { width: 250px; min-height: 250px; position: absolute; margin: 0 0 0 20px; overflow: hidden;}
    .container-content-banner img { width: 250px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.container-content-banner img { width: 250px; margin: 0;}
    a.container-content-banner:hover img { width: 270px; margin: -10px;}

    /* Obsahová galerie článku */
    .article-gallery { width: 760px; height: auto;}
    .gallery-line { width: 760px; height: 190px;}
    .gallery-pozice-a, .gallery-pozice-b { width: 375px; height: 180px; position: absolute; margin: 10px 0; overflow: hidden; border: 1px solid #D80A0A;}
    .gallery-pozice-b { margin: 10px 0 0 385px;}
    .gallery-pozice-a img, .gallery-pozice-b img { height: 180px;}

    /* Obsahové video článku */
    .article-video { width: 760px; height: 440px;}
    .article-video-pozice { width: 738px; height: 418px; position: absolute; margin: 10px; overflow: hidden; border: 1px solid #D80A0A;}
    .youtubevimeo { width: 740px; height: 420px;}

    .article-top { width: 760px; height: auto; margin: 0 0 20px 0;}
    .article-top-photo { width: 760px; height: 367px; position: absolute; margin: 0 0 0 0; overflow: hidden; border: 1px solid #A3241E;}
    .article-top-photo img { height: 367px; margin: 0 0 0 0;}
    .article-top-tituls-space { width: 100%; height: 280px; z-index: 100;}
    .article-top-tituls { width: 500px; height: auto; position: relative; margin: 0 0 0 20px; padding: 20px; z-index: 100; border: 1px solid #808080; background: #FFFFFF;}
    .article-top-tituls .nadpis { margin: 0 0 0 0;}

    /* Noveinky, box pro vedlejší stránku */
    #news-face { min-height: 360px; padding: 20px 0;}
    .news-box { height: 360px;}
    .news-box .container-box-pozice-a { width: 338px; height: 338px; margin: 10px;}
    .news-box .container-box-pozice-b { width: 338px; height: 338px; margin: 10px 0 0 360px;}
    .news-box .container-box-pozice-c { width: 338px; height: 338px; margin: 10px 0 0 710px;}
    .news-box .container-box-content-max { width: 338px; height: 338px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .news-box .container-box-content-max .container-box-content-image { position: absolute;}
    .news-box a.container-box-content-max .container-box-content-image { height: 340px; margin: 0 0 0 -184px;}
    .news-box a.container-box-content-max:hover .container-box-content-image { height: 360px; position: absolute; margin: -10px 0 0 -205px;}
    .news-box .container-box-content-max .container-box-content-text { margin: 199px 0 0 30px;}

    /* Linearní aktuality */
    .container-box-pozice-x { width: 1060px; height: 90px; margin: 0 0 10px calc(50% - 530px); text-align: left;}
    .container-box-pozice-x .container-box-content-mini, .container-box-pozice-x .container-box-content-max { width: 1060px; height: 90px; position: absolute; margin: 0 0 0 0; overflow: visible; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x a.container-box-content-mini .container-box-content-image, .container-box-pozice-x a.container-box-content-max .container-box-content-image { width: 178px; height: 88px; margin: 0 0 0 0; border: 1px solid #A3241E;}
    .container-box-pozice-x a.container-box-content-mini .container-box-content-image img, .container-box-pozice-x a.container-box-content-max .container-box-content-image img { height: 100px; margin: -5px 0 0 0;}
    .container-box-pozice-x a.container-box-content-mini:hover .container-box-content-image, .container-box-pozice-x a.container-box-content-max:hover .container-box-content-image { width: 188px; height: 98px; position: absolute; margin: -5px 0 0 0;}
    .container-box-pozice-x a.container-box-content-mini:hover .container-box-content-image img, .container-box-pozice-x a.container-box-content-max:hover .container-box-content-image img { height: 100px; margin: 0 0 0 0;}
    .container-box-pozice-x .container-box-content-text { width: 840px; height: 70px; position: absolute; margin: 0 0 0 200px; background: none;}
    .container-box-pozice-x .container-box-content-text .classic-txt-datum { font-size: 14px; margin: -6px 0 0 0; text-align: center; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .nadpis { font-size: 24px; margin: 0 0 4px 0; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .classic-txt { font-size: 14px; margin: 0 0 0 0; text-align: right; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .classic-txt span { color: #808080;}

    /* Archívní zprávy - aktuality */
    .container-archiv { width: 1060px; height: 60px; margin: 0 0 10px calc(50% - 530px); text-align: left;}
    .container-archiv .container-box-content-mini, .container-archiv .container-box-content-max { width: 1058px; height: 58px; position: absolute; margin: 0 0 0 0; overflow: visible; transition: all 0.35s ease-in-out;}
    .container-archiv a.container-box-content-mini, .container-archiv a.container-box-content-max { border: 1px solid transparent;}
    .container-archiv a.container-box-content-mini:hover, .container-archiv a.container-box-content-max:hover { border: 1px solid #808080; border-radius: 8px; background: #fff;}
    .container-archiv .container-box-content-image { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border: none; visibility: hidden; overflow: hidden;}
    .container-archiv .container-box-content-text { width: 1040px; height: 40px; position: absolute; margin: 0 0 0 0; background: none;}
    .container-archiv .container-box-content-text .classic-txt-datum { width: 90px; font-size: 16px; position: absolute; margin: -9px 0 0 0; text-align: center; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .nadpis { width: 830px; font-size: 24px; position: absolute; margin: 5px 0 0 210px; padding: 0; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .classic-txt { font-size: 14px; position: absolute; margin: 20px 0 0 0; text-align: left; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .classic-txt span { color: #808080;}

    .container-archiv .classic-txt-image-polonica { width: 60px; height: 22px; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.polonica.fw.png') right top no-repeat; background-size: 100px 26px;}
    .container-archiv .classic-txt-image-glos { width: 60px; height: 22px; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.glos.fw.png') right top no-repeat; background-size: 100px 26px;}
    .container-archiv .classic-txt-image-zwrot { width: 60px; height: 22px; padding: 4px 90px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.zwrot.fw.png') right top no-repeat; background-size: 90px 26px;}

    /* Linea dělič */
    .lineaspace-box-face { width: 100%; height: 0; padding: 40px 0 0 0;}
    .lineaspace-box { width: 600px; height: 50px; position: absolute; margin: 0 0 0 calc(50% - 300px); text-align: left;}
    .lineaspace-box-left { width: 279px; height: 42px; position: absolute; margin: 0 0 0 0; padding: 8px 0 0 20px; text-align: left; font-size: 24px; font-weight: 800; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 0; border-top-right-radius: 6px; transition: all 0.35s ease-in-out; color: #f2f2f2; text-decoration: none; background: #D80A0A;}
    .lineaspace-box-right { width: 279px; height: 42px; position: absolute; margin: 0 0 0 301px; padding: 8px 20px 0 0; text-align: right; font-size: 24px; font-weight: 800; border-top-left-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 25px; border-top-right-radius: 25px; transition: all 0.35s ease-in-out; color: #f2f2f2; text-decoration: none; background: #D80A0A;}
    a.lineaspace-box-left, a.lineaspace-box-right { color: #f2f2f2; text-decoration: none; background: #808080;}
    a.lineaspace-box-left:hover, a.lineaspace-box-right:hover { color: #f2f2f2; text-decoration: none; background: #D80A0A;}

    /* Tabulky */
    .tabs-face { width: 760px; height: 52px;}
    .tabs { width: 758px; height: 44px; position: absolute; border-radius: 8px; border: 1px solid #A3241E; color: #222; margin: 0 0 0 0; overflow: hidden; transition: all 0.35s ease-in-out;}
    a.tabs { border: 1px solid rgba(25,25,25,.10); text-decoration: none; color: #444;}
    a.tabs:hover { border: 1px solid #A3241E; color: #222;}
    .tabs-0, .tabs-2, .tabs-3, .tabs-4 { width: 738px; height: 26px; position: absolute; margin: 0 0 0 0; padding: 9px 10px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .tabs-1 { width: 44px; height: 44px; position: absolute; margin: 0 0 0 0;}
    .tabs-1 img { width: 44px; background: none; border: none;}
    .tabs-2 { width: 684px; margin: 0 0 0 54px; font-weight: 300;}
    .tabs-3 { width: 384px; margin: 0 0 0 0; font-weight: 300;}
    .tabs-4 { width: 326px; margin: 0 0 0 414px;}
    .tabs-data { width: 110px; height: 26px; position: absolute; margin: 0 0 0 640px; padding: 9px 5px; font-weight: 600; color: #fff; font-size: 18px; text-align: center; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.tabs .tabs-data { margin: 0 0 0 760px;}
    a.tabs:hover .tabs-data { margin: 0 0 0 640px;}

    /* Reklamní formáty */
    .reklama-small-pozice { width: 200px; height: 200px;}
    .reklama-small { width: 198px; height: 198px; position: absolute; margin: 0 0 0 0; border: 1px solid #444; overflow: hidden;}
    .reklama-small img { width: 210px; height: 210px; position: absolute; margin: -6px;}

    /* Naformatovani podstránky - odkazy */
    .container-content-section { width: 1100px; min-height: 400px; margin: 0 0 0 calc(50% - 550px); text-align: left;}
    .container-content-section .free { width: 100%; min-height: 25px;}
    .container-content-section .news-box { width: 1100px; height: 230px; margin: 0 0 0 0; border: none; background: none;}

    .container-content-section .container-box-pozice-a { width: 348px; height: 228px; position: absolute; margin: 0 0 0 0; border: 1px solid #f2f2f2;}
    .container-content-section .container-box-pozice-b { width: 348px; height: 228px; position: absolute; margin: 0 0 0 375px; border: 1px solid #f2f2f2;}
    .container-content-section .container-box-pozice-c { width: 348px; height: 228px; position: absolute; margin: 0 0 0 750px; border: 1px solid #f2f2f2;}

    .container-section-content { width: 348px; height: 228px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-section-content-image, .container-section-content-image img { position: absolute; transition: all 0.35s ease-in-out;}
    a.container-section-content .container-section-content-image img { height: 230px; margin: 0 0 0 0;}
    a.container-section-content:hover .container-section-content-image img { height: 250px; margin: -10px 0 0 -15px;}
    .container-section-content-text { width: 223px; height: 63px; position: absolute; margin: 150px 0 0 105px; padding: 10px; background: #f2f2f2;}
    .container-section-content-text .nadpis { font-size: 21px; margin: 0 0 2px 0; transition: all 0.35s ease-in-out;}
    .container-section-content-text .nadpis span { font-weight: 600; color: #000; transition: all 0.35s ease-in-out;}
    a.container-section-content .container-section-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-section-content:hover .container-section-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-section-content:hover .container-section-content-text .nadpis span { color: #A3241E; text-decoration: none;}
    .container-section-content-verticallinea { position: absolute; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.container-section-content .container-section-content-verticallinea { width: 20px; height: 5px; margin: 226px 0 0 328px;}
    a.container-section-content:hover .container-section-content-verticallinea { width: 25px; height: 5px; margin: 224px 0 0 323px;}
    .container-section-content-horizontlinea { position: absolute; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.container-section-content .container-section-content-horizontlinea { width: 5px; height: 20px; margin: 208px 0 0 346px;}
    a.container-section-content:hover .container-section-content-horizontlinea { width: 5px; height: 25px; margin: 203px 0 0 344px;}

    /* BannerReader */
    #button-face { width: 1170px; min-height: 40px; padding: 60px 0 0 0; text-align: left;}
    .button-top-all { width: 760px; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;}
    .button-top { width: calc(30% - 10px); padding: 10px; order: 5; flex: 0 1 33%; align-self: auto;}
    .button-image { width: 100%; height: auto;}
    .button-image img { width: 100%; border: 1px solid #222;}
    .youtube-banner, .spis-banner, .wiki-banner, .polocy-banner { width: 283px; height: 88px; position: absolute; margin: 0 0 0 0; border: 1px solid #A3241E; background: url('../themes/banner.youtube.fw.png') 0 -4px no-repeat; background-size: cover;}
    .spis-banner { margin: 0 0 0 295px; background: url('../themes/banner.spis.page.fw.png') 0 -4px no-repeat; background-size: cover;}
    /*
    .wiki-banner { margin: 0 0 0 590px; background: url('../themes/banner.wiki.fw.png') 0 -4px no-repeat; background-size: cover;}
    .polocy-banner { margin: 0 0 0 885px; background: url('../themes/banner.biblioteka.fw.png') 0 -4px no-repeat; background-size: cover;}
    */
    .wiki-banner { margin: 0 0 0 295px; background: url('../themes/banner.wiki.fw.png') 0 -4px no-repeat; background-size: cover;}
    .polocy-banner { margin: 0 0 0 590px; background: url('../themes/banner.biblioteka.fw.png') 0 -4px no-repeat; background-size: cover;}

    /* Organizacje */
    .organ-linea, .organ-odkaz { width: 1100px; height: 60px; margin: 0 0 5px 0;}
    .organ-odkaz { position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.organ-odkaz { color: #222; text-decoration: none;}
    a.organ-odkaz:hover { color: #222; text-decoration: none; background: rgba(163,36,30,.15);}
    .organ-alfa { background: rgba(163,36,30,.04);}
    .organ-beta { background: rgba(163,36,30,.08);}
    .organ-box-a { width: 440px; height: 30px; position: absolute; margin: 15px 0 0 10px; font-size: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .organ-box-b { width: 140px; height: 40px; position: absolute; margin: 10px 0 0 460px; font-size: 14px;}
    .organ-box-c { width: 300px; height: 40px; position: absolute; margin: 10px 0 0 610px; font-size: 14px;}
    .organ-box-d { width: 170px; height: 24px; position: absolute; margin: 18px 0 0 920px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    /* Kontaktní osoby */
    .conperson-face { width: 760px; height: 150px;}
    .conperson-position-a, .conperson-position-b { width: 375px; height: 140px; position: absolute; margin: 0 0 0 0;}
    .conperson-position-b { margin: 0 0 0 385px;}
    .comperson { width: 353px; height: 118px; position: absolute; margin: 0 0 0 0; border-radius: 8px; padding: 10px; cursor: pointer; transition: all 0.35s ease-in-out;}
    a.comperson { border: 1px solid #000; color: #222; text-decoration: none;}
    a.comperson:hover { border: 1px solid #A3241E; background: #fff;}
    .comperson .nadpis { font-size: 26px; margin: 0 0 6px 0; font-weight: 600;}
    .comperson .nadpis span { font-size: 20px; font-weight: 300; color: #222;}
    .comperson .classic-txt-special { font-weight: 300; font-size: 15px; margin: 0 0 4px 0; font-style: italic; transition: all 0.35s ease-in-out; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    a.comperson:hover .classic-txt-special { color: #A3241E;}
    .comperson .classic-txt { margin: 0;}
    .comperson .classic-txt span { color: #222;}

    /* Generator banners */
    .genban-face { width: 1042px; height: auto; border: 1px solid #808080; padding: 10px; margin: 0 0 0 19px; background: #FFFFFF;}
    .genban-face-image { width: 1038px; height: 311px; background: url('../themes/basic.design.gen.fw.png') top no-repeat; background-size: cover;}
    .genban-face-image-active { width: 311px; height: 311px; position: absolute; margin: 0;}

    .genban { width: 1038px; height: auto; border-radius: 8px; background: #f2f2f2;}
    .genban .nadpis { text-align: center; margin: 0;}
    .genban .mini-free { height: 8px;}
    .genban .free { height: 20px;}
    .genban .space { height: 60px;}
    .genban-linea { width: 1038px; height: 80px;}
    .genban-linea-left { width: 499px; height: 60px; position: absolute; margin: 0; padding: 10px;}
    .genban-linea-right { width: 499px; height: 60px; position: absolute; margin: 0 0 0 519px; padding: 10px;}
    .genban-linea-center { width: 1018px; height: 60px; position: absolute; margin: 0; padding: 10px;}
    .genban-linea-id { width: 144px; height: 22px; position: absolute; margin: 4px 0 0 0; padding: 0; color: #444; font-size: 16px; text-align: right;}
    .genban-linea-center .genban-linea-id { margin: -6px 0 0 0;}
    .genban-linea-content { width: 340px; height: 30px; position: absolute; margin: 0 0 0 149px; padding: 0 5px; font-size: 18px; border: none; border-bottom: 2px dotted #444; background: none;}
    .genban-linea-bigcontent { width: 860px; height: 30px; position: absolute; margin: 0 0 0 149px; padding: 0 5px; font-size: 18px; border: none; border-bottom: 2px dotted #444; background: none;}
    .txt-special { width: calc(100% - 155px); margin: 34px 0 0 0; font-size: 14px; color: #dd0330; font-style: italic; text-align: left; padding: 0 0 0 155px;}

    .genban-vyber { width: calc(100% - 40px); height: auto; padding: 20px; border-radius: 8px; margin: 0 0 0 0; background: #dd0330;}
    .genban-vyber-linea { width: 330px; height: 36px; font-size: 24px; color: #fff; padding: 8px 0;}
    .genban-vyber-pozice { width: 670px; height: 320px; margin: 0 0 0 170px;}
    .genban-vyber-pozice-a, .genban-vyber-pozice-b, .genban-vyber-pozice-c, .genban-vyber-pozice-d, 
    .genban-vyber-pozice-e, .genban-vyber-pozice-f, .genban-vyber-pozice-g, .genban-vyber-pozice-h,
    .genban-vyber-pozice-i, .genban-vyber-pozice-j, .genban-vyber-pozice-k, .genban-vyber-pozice-l { width: 330px; height: 40px; position: absolute; margin: 0 0 0 0;}
    .genban-vyber-pozice-b { margin: 0 0 0 338px;}
    .genban-vyber-pozice-c { margin: 40px 0 0 0;}
    .genban-vyber-pozice-d { margin: 40px 0 0 338px;}
    .genban-vyber-pozice-e { margin: 80px 0 0 0;}
    .genban-vyber-pozice-f { margin: 80px 0 0 338px;}
    .genban-vyber-pozice-g { margin: 120px 0 0 0;}
    .genban-vyber-pozice-h { margin: 120px 0 0 338px;}
    .genban-vyber-pozice-i { margin: 160px 0 0 0;}
    .genban-vyber-pozice-j { margin: 160px 0 0 338px;}
    .genban-vyber-pozice-k { margin: 200px 0 0 0;}
    .genban-vyber-pozice-l { margin: 200px 0 0 338px;}
    
    .genban-button-face { width: 100%; height: 60px;}
    .genban-button, .genban-photobutton, .genban-share { width: 160px; height: 34px; position: absolute; margin: 0 0 0 404px; font-weight: 800; font-size: 22px; padding: 13px 60px 13px 10px; border-radius: 8px; text-align: left; color: #fff; transition: all 0.35s ease-in-out; cursor: pointer;}
    a.genban-button { color: #fff; background: #dd0330 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    a.genban-button:hover { background: #6f1660 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    .genban-button-button { width: 230px; height: 60px; position: absolute; margin: -14px 0 0 -10px; border: 0px; cursor: pointer; background: none;}
    .genban-photobutton { background: #e1e1e1; margin: 0 0 0 60px;}
    a.genban-photobutton { text-decoration: none; color: #808080; background: #e1e1e1 url('../themes/photoupload.fw.png') right no-repeat; background-size: contain;}
    a.genban-photobutton:hover { color: #6f1660; background: #e1e1e1 url('../themes/photoupload.active.fw.png') right no-repeat; background-size: contain;}
    .genban-share { background: #e1e1e1; margin: 0 0 0 750px;}
    a.genban-share { text-decoration: none; color: #808080; background: #e1e1e1 url('../themes/share.0.fw.png') right no-repeat; background-size: contain;}
    a.genban-share:hover { color: #6f1660; background: #e1e1e1 url('../themes/share.active.fw.png') right no-repeat; background-size: contain;}
    .genban-button p, .genban-photobutton p, .genban-share p { width: 160px; text-align: center; position: absolute; margin: 2px 0 0 0;}
    .genban-photobutton-upload { width: 220px; height: 44px; cursor: pointer; position: absolute; margin: -5px; border: 0px; padding: 0; color: transparent; background: none;}
    .genban-photobutton-infofiles { width: 260px; height: 50px; font-size: 15px; text-align: center; font-weight: 300; color: #A3241E; position: absolute; margin: -60px 0 0 -25px; text-align: center; background: none;}
    .txt-gdpr { text-align: justify; font-size: 14px; padding: 10px; border-radius: 8px; background: #f2f2f2;}

    /* Český rozhlas, rozhovory */
    .cro { width: 100%; height: auto;}

    /* Login.FRZ */
    .login-frz-pozice { width: 220px; height: 220px; text-align: left;}
    .login-frz { width: 190px; height: 130px; position: absolute; margin: 10px; font-size: 24px; font-weight: 700; padding: 60px 0 0 0; text-align: center; border: 5px solid #808080; border-radius: 20px; transition: all 0.35s ease-in-out;}
    .frzpay { width: 190px; height: 190px; position: absolute; margin: 10px; border: 5px solid #808080; border-radius: 20px; transition: all 0.35s ease-in-out; background: url('../themes/pay.fw.png') 25px no-repeat; background-size: 140px;}
    a.login-frz, a.frzpay { border: 5px solid #808080; color: #222; text-decoration: none;}
    a.login-frz:hover, a.frzpay:hover { border: 5px solid #A3241E; color: #A3241E;}
    .container-content .login-frz-pozice { width: 0px; height: 0px; visibility: hidden; overflow: hidden; text-align: left;}

    /* TOPPAGE HomePage */
    #toppage-face { width: 100%; height: 100vh;}
    .toppage { width: 835px; height: 750px; position: absolute; margin: calc(50vh - 375px) 0 0 calc(50% - 418px); text-align: left;}
    .toppage-image { width: 835px; height: 700px; position: absolute; margin: 0; border: 1px solid #000; text-align: left; background: url('../themes/ukraina.png') top no-repeat; background-size: cover;}
    .toppage .classic-txt { width: 100%; position: absolute; margin: 720px 0 0 0; font-size: 22px; text-align: center;}

    /* Newsletter registration */
    #newletter-face { width: 100%; height: 150px;}
    .newletter { width: 900px; height: 120px; text-align: left; border-radius: 8px; background: #dd0330;}
    .newletter-text { width: 400px; height: 30px; position: absolute; margin: 20px; font-weight: 800; font-size: 26px; text-align: left; color: #f2f2f2;}
    .newletter-text .classic-txt { width: 400px; height: 30px; position: absolute; margin: 40px 0; font-weight: 300; font-size: 16px; color: #f2f2f2;}
    .newletter-box { width: 430px; height: 54px; position: absolute; margin: 20px 0 0 450px; border-radius: 4px; background: #f2f2f2;}
    .newletter-box-content { width: 410px; height: 36px; position: absolute; margin: 5px 10px; padding: 4px 0; font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 26px; border: 0px; color: #000; background: #f2f2f2;}
    .newletter-button { width: 200px; height: 50px; position: absolute; margin: 80px 0 0 650px; border-radius: 4px; border: 2px solid #f2f2f2; background: #f2f2f2;}
    .newletter-button p { width: 100%; position: absolute; margin: 0; color: #fff; text-align: center; padding: 10px 0; text-align: center; font-weight: 800;}
    a.newletter-button { background: #dd0330; text-decoration: none;}
    a.newletter-button:hover { background: #A3241E; text-decoration: none;}
    .newletter-button-odraz { width: 200px; height: 50px; position: absolute; margin: 0; border: 0; cursor: pointer; background: none;}

    /* Newsletter registration */
    .banner-polskiedni { width: 1100px; height: 91px; border: 1px solid #222; text-align: left; background: url('../themes/polskiedni.pasek.jpg') top no-repeat; background-size: contain;}
    .banner-polskiedni-data { width: 1100px; height: 91px; position: absolute; margin: 0;}
    .banner-kartka { width: 1100px; height: 91px; border: 1px solid #222; text-align: left; background: url('../themes/kartki.jpg') top no-repeat; background-size: contain;}
    .banner-kongres { width: 1060px; height: 175px; border: 1px solid #222; text-align: left; background: url('../themes/kp_14-zgromadzenie-ogolne_banner_animacja.gif') top no-repeat; background-size: contain;}
    .banner-kongres-data { width: 1060px; height: 175px; position: absolute; margin: 0;}
    .banner-kongres { width: 1060px; height: 175px; border: 1px solid #222; text-align: left; background: url('../themes/poradnik.png') top no-repeat; background-size: contain;}
    
    /* Rozšíření galerie */
    .topgallery-line { width: 1100px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .topgallery-position { width: 360px; height: 220px;}
    .topgallery-box { width: 340px; height: 190px; position: absolute; margin: 15px 10px; align-items: center; border: 1px solid #6f1660; overflow: hidden;}
    .topgallery-box img { position: absolute; margin: 0px; width: 340px;}
    .topgallery-box p { width: 310px; height: 170px; position: absolute; padding: 10px 15px; display: flex; font-weight: 300; align-items: flex-end; color: #f2f2f2; font-size: 1.2em; transition: all .35s ease-in-out; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,1));}
    .topgallery-box p span { font-weight: 300; color: #d80a0a; font-size: .8em;}

    a.topgallery-box p { margin: 190px 0 0 0;}
    a.topgallery-box:hover p { margin: 0;}
}

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

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

    .nadpis { font-size: 32px; margin: 0 0 16px 0;}
    .podnadpis { font-size: 24px; font-weight: 600; margin: 0 0 10px 0;}
    .classic-txt, .classic-txt-top, .classic-txt-datum, .classic-txt-seznam, .classic-txt-special { font-size: 18px; margin: 0 0 8px 0;}
    .classic-txt-seznam { width: calc(100% - 15px); padding: 0 0 0 15px; background: url('../themes/seznam.fw.png') 0 6px no-repeat; background-size: 10px;}
    .classic-txt-top { font-weight: 600;}
    .classic-txt-special { font-weight: 800;}
    .classic-txt-datum { font-weight: 600; margin: 0 0 5px 0;}
    .classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span  { font-weight: 600; color: #D80A0A;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a, .classic-txt-special a { color: #000; text-decoration: none;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover, .classic-txt-special a:hover { color: #D80A0A;}

    /* Hlavička webu */
    #header-face, #header-face-page { width: 100%; height: 400px; margin: 0 0 0 0; padding: 60px 0 0 0;}
    #header, #header-page { width: 100%; height: 400px; background: url('../themes/top.back.fw.png') center bottom no-repeat; background-size: 100% auto;}
    .header-gradient { width: 100%; height: 400px; position: absolute; margin: 0 0 0 0; background: linear-gradient(180deg, rgba(0,0,0,.15), #000);}
    .header-left { width: 30px; height: 400px; position: absolute; margin: 0 0 0 0; background: url('../themes/header.left.fw.png') top right no-repeat; background-size: auto 400px;}
    .header-right { width: 30px; height: 400px; position: absolute; margin: 0 0 0 calc(100% - 30px); background: url('../themes/header.right.fw.png') top left no-repeat; background-size: auto 400px;}
    .header-lineas { width: 100%; height: 2px; position: absolute; margin: 370px 0 0 0; background: #D80A0A;}
    .header-content, .header-content-page { width: 760px; height: 370px; position: absolute; margin: 30px 0 0 calc(50% - 380px); text-align: left;}
    .header-content-textbox { width: 440px; height: 160px; position: absolute; margin: 130px 0 0 20px;}
    .header-content-textbox .nadpis { font-size: 40px; line-height: 1.0; margin: 0 0 5px 0; color: #FFFFFF;}
    .header-content-textbox .nadpis span { font-size: 48px; font-weight: 800;}
    .header-content-textbox .classic-txt { color: #D80A0A;}
    .header-content-maps { width: 447px; height: 280px; position: absolute; margin: 40px 0 0 293px; background: url('../themes/maps.fw.png') top no-repeat; background-size: cover;}
    .header-wpisujesa { width: 84px; height: 160px; position: absolute; margin: 120px 0 0 280px; transition: all 0.35s ease-in-out; background: url('../themes/logo.scitani.fw.png') top no-repeat; background-size: cover;}
    #header-page .header-wpisujesa { margin: 65px 0 0 280px;}

    /* Základní navigace pro webové stránky
    .header-ide { width: 760px; height: 80px; position: absolute; margin: 330px 0 0 calc(50% - 381px); text-align: left; border: 1px solid #808080; border-top-left-radius: 61px; border-top-right-radius: 6px; border-bottom-left-radius: 61px; border-bottom-right-radius: 6px; background: #FFFFFF;}
    #header-face-page .header-ide { margin: 228px 0 0 calc(50% - 381px);}
    .header-ide-logo { width: 60px; height: 60px; position: absolute; margin: 10px; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    .mobil-navigace { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; overflow: hidden;}

    .navigace { width: 670px; height: 50px; position: absolute; margin: 18px 0 0 85px; font-weight: 300;}
    .navigace-pozice-1, .navigace-pozice-2, .navigace-pozice-3, 
    .navigace-pozice-4, .navigace-pozice-5, .navigace-pozice-6 { width: 110px; height: 50px; position: absolute; margin: 0 0 0 0;}
    .navigace-pozice-2 { margin: 0 0 0 110px;}
    .navigace-pozice-3 { margin: 0 0 0 220px;}
    .navigace-pozice-4 { margin: 0 0 0 330px;}
    .navigace-pozice-5 { margin: 0 0 0 440px;}
    .navigace-pozice-6 { margin: 0 0 0 550px;}
    .navigace-button-big { width: 100px; height: 50px; position: absolute; margin: 0 0 0 0; padding: 0px 5px; text-align: center; font-size: 16px; transition: all 0.35s ease-in-out; color: #000; text-decoration: none; background: url('../themes/top.navigace.active.fw.png') center 32px no-repeat; background-size: 60px 14px;}
    a.navigace-button-big { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 32px no-repeat; background-size: 60px 14px;}
    a.navigace-button-big:hover { color: #000; text-decoration: none; background: url('../themes/top.navigace.active.fw.png') center 32px no-repeat; background-size: 60px 14px;}
    .navigace-button-small { width: 100px; height: 30px; position: absolute; margin: 0 0 0 0; padding: 10px 5px; text-align: center; font-size: 16px; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 22px no-repeat; background-size: 60px 14px;}
    a.navigace-button-small { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 22px no-repeat; background-size: 60px 14px;}
    a.navigace-button-small:hover { color: #000; background: url('../themes/top.navigace.active.fw.png') center 22px no-repeat; background-size: 60px 14px;} */

    /* Základní navigace pro webové stránky */
    .header-ide { width: 690px; height: 80px; position: absolute; margin: 330px 0 0 calc(50% - 345px); text-align: left; border: 1px solid #808080; border-top-left-radius: 61px; border-top-right-radius: 6px; border-bottom-left-radius: 61px; border-bottom-right-radius: 6px; background: #FFFFFF;}
    #header-face-page .header-ide { margin: 228px 0 0 calc(50% - 345px);}
    .header-ide-logo { width: 60px; height: 60px; position: absolute; margin: 10px; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    .mobil-navigace { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; overflow: hidden;}

    .navigace { width: 590px; height: 50px; position: absolute; margin: 18px 0 0 85px; font-weight: 300;}
    .navigace-pozice-1, .navigace-pozice-2, .navigace-pozice-3, 
    .navigace-pozice-4, .navigace-pozice-5, .navigace-pozice-6 { width: 110px; height: 50px; position: absolute; margin: 0 0 0 0;}
    .navigace-pozice-2 { margin: 0 0 0 110px;}
    .navigace-pozice-3 { margin: 0 0 0 220px;}
    .navigace-pozice-4 { width: 150px; margin: 0 0 0 330px;}
    .navigace-pozice-5 { margin: 0 0 0 480px;}
    .navigace-button-big { width: 100px; height: 50px; position: absolute; margin: 0 0 0 0; padding: 0px 5px; text-align: center; font-size: 16px; transition: all 0.35s ease-in-out; color: #000; text-decoration: none; background: url('../themes/top.navigace.active.fw.png') center 32px no-repeat; background-size: 60px 14px;}
    a.navigace-button-big { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 32px no-repeat; background-size: 60px 14px;}
    a.navigace-button-big:hover { color: #000; text-decoration: none; background: url('../themes/top.navigace.active.fw.png') center 32px no-repeat; background-size: 60px 14px;}
    .navigace-button-small { width: 100px; height: 30px; position: absolute; margin: 0 0 0 0; padding: 10px 5px; text-align: center; font-size: 16px; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 22px no-repeat; background-size: 60px 14px;}
    a.navigace-button-small { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 22px no-repeat; background-size: 60px 14px;}
    a.navigace-button-small:hover { color: #000; background: url('../themes/top.navigace.active.fw.png') center 22px no-repeat; background-size: 60px 14px;}
    .navigace-pozice-4 .navigace-button-big { width: 140px;}

    .header-topinfo { width: 760px; height: 50px; position: absolute; margin: -50px 0 0 calc(50% - 380px); font-weight: 300; font-size: 16px;}
    .header-topinfo-polonica { width: 40px; height: 40px; position: absolute; margin: 0 10px; padding: 0 0 0 0; text-align: left; background: url('../themes/logo.podelne.fw.png') -62px 0 no-repeat; background-size: auto 40px;}
    .header-topinfo-menu { width: 610px; height: 30px; position: absolute; margin: 10px 0 0 140px; text-align: left;}
    .header-topinfo-menu-a { width: 200px; height: 25px; position: absolute; margin: 0 0 0 0; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    .header-topinfo-menu-b { width: 110px; height: 25px; position: absolute; margin: 0 0 0 200px; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out;}
    .header-topinfo-menu-c { width: 110px; height: 25px; position: absolute; margin: 0 0 0 310px; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    .header-topinfo-menu-d { width: 130px; height: 25px; position: absolute; margin: 0 0 0 420px; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    .header-topinfo-menu-e { width: 60px; height: 25px; position: absolute; margin: 0 0 0 550px; padding: 5px 0 0 0; text-align: center; transition: all 0.35s ease-in-out; color: #000; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    a.header-topinfo-menu-a, a.header-topinfo-menu-b, a.header-topinfo-menu-c, 
    a.header-topinfo-menu-d, a.header-topinfo-menu-e { color: #222; text-decoration: none; background: url('../themes/top.navigace.fw.png') center 16px no-repeat; background-size: 47px 11px;}
    a.header-topinfo-menu-a:hover, a.header-topinfo-menu-b:hover, a.header-topinfo-menu-c:hover, 
    a.header-topinfo-menu-d:hover, a.header-topinfo-menu-e:hover { color: #000; background: url('../themes/top.navigace.active.fw.png') center 16px no-repeat; background-size: 47px 11px;}

    /* Nastavení pro podstránku */
    #header-face-page { height: 300px;}
    #header-page { height: 300px; background: url('../themes/top.back.fw.png') center bottom no-repeat; background-size: 100% auto;}
    #header-page .header-gradient { height: 300px;}
    #header-page .header-left { height: 300px;}
    #header-page .header-right { height: 300px;}
    #header-page .header-lineas { margin: 270px 0 0 0;}
    .header-content-page { height: 270px;}
    .header-content-page .header-content-textbox { margin: 60px 0 0 20px;}
    .header-content-page .header-content-textbox .nadpis { font-size: 38px; margin: 0 0 5px 0; color: #FFFFFF;}
    .header-content-page .header-content-textbox .classic-txt { font-size: 15px; color: #D80A0A;}
    .header-content-page .header-content-maps { width: 415px; height: 260px; position: absolute; margin: 0 0 0 309px; background: url('../themes/maps.fw.png') top no-repeat; background-size: cover;}
    .header-content-gradient { width: 401px; height: 180px; position: absolute; margin: 180px 0 0 359px; background: linear-gradient(180deg, rgba(242,242,242,.0), rgba(242,242,242,1.0));}

    /* Banner */
    #banner-face, #partners-face, #projekt-face { width: 100%; height: auto; padding: 30px 0;}
    .banner-titul, .partners-titul, .container-hp, .container-page-banner-titul { width: 760px; height: auto; margin: 0; border-bottom: 1px solid #808080;}
    .container-hp { width: 760px; height: auto; margin: 0 0 0 calc(50% - 380px); border-bottom: 1px solid #808080;}
    .banner-titul .classic-txt, .partners-titul .classic-txt, 
    .container-hp .classic-txt, .container-page-banner-titul .classic-txt { margin: 0; color: #808080; padding: 5px 5px; font-weight: 300; font-size: 18px; text-align: left;}
    .banner { width: 760px; height: 125px; border: 1px solid #A3241E; background: url('../themes/banner.kpkp.fw.png') top no-repeat; background-size: cover;}

    /* Partneři */
    .partners-linea { width: 760px; height: 250px; text-align: left;}
    .partners-linea-a, .partners-linea-b, .partners-linea-c, 
    .partners-linea-d, .partners-linea-e, .partners-linea-f, .partners-linea-g { width: 190px; height: 124px; position: absolute; margin: 0 0 0 0;}
    .partners-linea-b { margin: 0 0 0 190px;}
    .partners-linea-c { margin: 0 0 0 380px;}
    .partners-linea-d { margin: 0 0 0 570px;}
    .partners-linea-e { margin: 126px 0 0 95px;}
    .partners-linea-f { margin: 126px 0 0 285px;}
    .partners-linea-g { margin: 126px 0 0 475px;}
    .partners-linea-a img, .partners-linea-b img, .partners-linea-c img, 
    .partners-linea-d img, .partners-linea-e img, .partners-linea-f img, .partners-linea-g img { width: 190px;}

    /* Partneři */
    .projekt-linea { width: 720px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; text-align: left;}
    .projekt-linea-box, .projekt-linea-box-double { width: 200px; height: 130px; margin: 0 0 0 0;}
    .projekt-linea-box-double { width: 500px;}
    .projekt-linea-box img { width: 200px;}
    .projekt-linea-box-double img { width: 500px;}
    #projekt-face .classic-txt { font-size: 15px; padding: 10px 0 0 0; color: #D80A0A;}
    .projekt-kprm { width: 720px; height: 290px; overflow: hidden;}
    .projekt-kprm img { width: 720px;}

    /* Spodní část webu */
    #bottom-face { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 30px 0;}
    .bottom { width: 100%; height: 180px; background: #000;}
    .bottom-linea-top { width: 100%; height: 4px; position: absolute; margin: 172px 0 0 0; background: #f2f2f2;}
    .bottom-linea-bottom { width: 100%; height: 4px; position: absolute; margin: 176px 0 0 0; background: #A3241E;}
    .bottom-right { width: 30px; height: 180px; position: absolute; margin: 0 0 0 calc(100% - 30px); transform: rotate(180deg); background: url('../themes/header.left.fw.png') top right no-repeat; background-size: auto 400px;}
    .bottom-left { width: 30px; height: 180px; position: absolute; margin: 0 0 0 0; transform: rotate(180deg); background: url('../themes/header.right.fw.png') top left no-repeat; background-size: auto 400px;}
    .bottom-content { width: 720px; height: 150px; position: absolute; margin: 15px 0 0 calc(50% - 360px); color: #f2f2f2; text-align: left;}
    .bottom-content-a, .bottom-content-b, .bottom-content-c, .bottom-content-d { width: 180px; height: 150px; position: absolute; margin: 0 0 0 0;}
    .bottom-content-b { margin: 0 0 0 180px;}
    .bottom-content-c { margin: 0 0 0 360px;}
    .bottom-content-d { margin: 0 0 0 540px;}
    .bottom-content .classic-txt-special { width: 180px; height: 22px; padding: 4px 0 0 0; margin: 0; font-size: 14px; text-align: center; font-weight: 800;}
    .bottom-content .classic-txt-special span { font-weight: 800;}
    .bottom-content .classic-txt { width: 180px; height: 22px; padding: 4px 0 0 0; margin: 0; font-size: 14px; text-align: center;}
    .bottom-content .classic-txt a { color: #f2f2f2; text-decoration: none;}
    .bottom-content .classic-txt a:hover { color: #D80A0A;}
    .bottom-content .classic-txt span { font-weight: 600;}

    /* Produkce */
    #production-face { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 30px 0;}
    .production { width: 760px; height: 30px; text-align: left;}
    .copyright { width: 160px; height: 24px; position: absolute; margin: 0 0 0 0; padding: 6px 0 0 0; text-align: center; font-size: 14px; color: #808080;}
    .production-topinfo-polonica { width: 200px; height: 30px; position: absolute; margin: 0 0 0 280px; padding: 0 0 0 0; font-size: 20px; font-weight: 800; text-align: center;}
    .production-topinfo-polonica span { color: #D80A0A;}
    .creative { width: 193px; height: 20px; position: absolute; margin: 5px 0 0 567px;}
    .rhotechnology { width: 193px; height: 20px; position: absolute; margin: -10px 0 0 0; transition: all 0.35s ease-in-out;}
    a.rhotechnology { background: url('../themes/creator.fw.png') left no-repeat; background-size: cover;}
    a.rhotechnology:hover { background: url('../themes/creator.active.fw.png') left no-repeat; background-size: cover;}
    .romandesign { width: 164px; height: 20px; position: absolute; margin: 10px 0 0 29px; transition: all 0.35s ease-in-out;}
    a.romandesign { background: url('../themes/creator.fw.png') right no-repeat; background-size: cover;}
    a.romandesign:hover { background: url('../themes/creator.active.fw.png') right no-repeat; background-size: cover;}

    /* Hlavní obsahová část webu - hlavní stránka + aktualnoscy */
    #container-hp, #news-face { width: 100%; min-height: 500px; text-align: left; padding: 60px 0 30px 0;}
    .container-box, .news-box { width: 760px; height: 780px; margin: 0 0 0 calc(50% - 381px); border: 1px solid #808080; background: #FFFFFF;}

    .container-box-pozice-a { width: 488px; height: 238px; position: absolute; margin: 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-b { width: 238px; height: 238px; position: absolute; margin: 10px 0 0 510px; border: 1px solid #FFFFFF;}
    .container-box-pozice-c { width: 238px; height: 238px; position: absolute; margin: 270px 0 0 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-d { width: 238px; height: 238px; position: absolute; margin: 270px 0 0 260px; border: 1px solid #FFFFFF;}
    .container-box-pozice-e { width: 238px; height: 238px; position: absolute; margin: 270px 0 0 510px; border: 1px solid #FFFFFF;}
    .container-box-pozice-f { width: 238px; height: 238px; position: absolute; margin: 530px 0 0 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-g { width: 488px; height: 238px; position: absolute; margin: 530px 0 0 260px; border: 1px solid #FFFFFF;}
    
    .container-box-content-mini { width: 238px; height: 238px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-box-content-image { position: absolute; transition: all 0.35s ease-in-out;}
    a.container-box-content-mini .container-box-content-image { height: 240px; margin: 0 0 0 -130px;}
    a.container-box-content-mini:hover .container-box-content-image { height: 260px; position: absolute; margin: -10px 0 0 -141px;}
    .container-box-content-text { width: 198px; height: 110px; position: absolute; margin: 120px 0 0 30px; padding: 5px; background: #FFFFFF;}
    .container-box-content-text .classic-txt-datum { width: 70px; height: 18px; position: absolute; margin: -3px; padding: 4px; font-size: 13px; transition: all 0.35s ease-in-out;}
    .container-box-content-text .nadpis { height: 65px; font-size: 16px; padding: 23px 0 0 0; margin: 0 0 2px 0; overflow: hidden; transition: all 0.35s ease-in-out;}
    .container-box-content-text .classic-txt { font-size: 12px; text-align: right; transition: all 0.35s ease-in-out;}
    .container-box-content-text .classic-txt span { color: #808080;}
    .container-box-content-max { width: 488px; height: 238px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-box-content-max .container-box-content-image { position: absolute;}
    a.container-box-content-max .container-box-content-image { height: 240px; margin: 0 0 0 -5px;}
    a.container-box-content-max:hover .container-box-content-image { height: 260px; position: absolute; margin: -10px 0 0 -27px;}
    .container-box-content-max .container-box-content-text { margin: 120px 0 0 280px;}
    a.container-box-content-mini .container-box-content-text .nadpis, a.container-box-content-max .container-box-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-box-content-mini:hover .container-box-content-text .nadpis, a.container-box-content-max:hover .container-box-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-box-content-mini .container-box-content-text .classic-txt-datum, 
    a.container-box-content-max .container-box-content-text .classic-txt-datum { color: #f2f2f2; background: #000; text-decoration: none;}
    a.container-box-content-mini:hover .container-box-content-text .classic-txt-datum,
    a.container-box-content-max:hover .container-box-content-text .classic-txt-datum { color: #f2f2f2; background: #A3241E;}
    a.container-box-content-mini:hover .container-box-content-text .classic-txt,
    a.container-box-content-max:hover .container-box-content-text .classic-txt { color: #808080;}

    .classic-txt-image-polonica { width: calc(100% - 110px); height: 22px; position: absolute; margin: 90px 0 0 0; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.polonica.fw.png') right 2px no-repeat; background-size: 85px 22px;}
    .classic-txt-image-glos { width: calc(100% - 110px); height: 22px; position: absolute; margin: 90px 0 0 0; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.glos.fw.png') right 2px no-repeat; background-size: 85px 22px;}
    .classic-txt-image-zwrot { width: calc(100% - 110px); height: 22px; position: absolute; margin: 90px 0 0 0; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.zwrot.fw.png') right 2px no-repeat; background-size: 75px 22px;}
    .classic-txt-image-ceskyrozhlas { width: calc(100% - 110px); height: 22px; position: absolute; margin: 90px 0 0 0; padding: 4px 100px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.ceskyrozhlas.fw.png') right 2px no-repeat; background-size: 85px 22px;}
    
    .container-box-button-pozice { width: 760px; height: 40px; margin:  0 0 0 calc(50% - 380px); text-align: left;}
    .container-box-button { width: 200px; height: 40px; position: absolute; margin: 0 0 0 560px; text-align: left; transition: all 0.35s ease-in-out;}
    .container-box-button-text { width: 150px; height: 24px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 8px 35px 8px 15px; font-weight: 600; font-size: 18px; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 20px; transition: all 0.35s ease-in-out;}
    a.container-box-button .container-box-button-text { background: #808080 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    a.container-box-button:hover .container-box-button-text { background: #D80A0A url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    .container-box-button-linea { width: 740px; height: 1px; position: absolute; margin: 0 0 0 -560px; transition: all 0.35s ease-in-out;}
    a.container-box-button .container-box-button-linea { background: #808080;}
    a.container-box-button:hover .container-box-button-linea { background: #D80A0A;}

    /* Hlavní obsahová část webu - obsahová část vedlejší stránky */
    #container-page { width: 100%; min-height: 500px; text-align: left; padding: 60px 0 30px 0;}
    .container-page-banner { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; overflow: hidden;}
    .container-page-banner-titul { width: 0px;}
    .container-id { width: 760px; height: auto; margin: 0 0 0 calc(50% - 380px); border-bottom: 1px solid #808080;}
    .container-id .classic-txt { margin: 0; color: #808080; padding: 5px 5px; font-weight: 300; font-size: 20px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .container-id .classic-txt-special { margin: 0; color: #808080; padding: 5px 5px; font-weight: 300; font-size: 14px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .container-id .classic-txt-special a { color: #808080;}
    .container-id .classic-txt-special a:hover { color: #A3241E;}
    .container-content { width: 760px; min-height: 400px; margin: 0 0 0 calc(50% - 380px);}
    .container-content-image-pozice { width: 380px; height: 180px; padding: 10px; float: right }
    .container-content-image { width: 390px; height: 260px; position: absolute; margin: -80px 0 0 -2px; border: 1px solid #A3241E; text-align: left; overflow: hidden }
    .container-content-image img { height: 300px; margin: -10px 0 0 0;}
    .container-content .classic-txt-top, .container-content .classic-txt { text-align: justify;}
    .container-content .classic-txt-top i, .container-content .classic-txt i { font-weight: 400;}
    .container-content .classic-txt-datum { font-weight: 800; font-size: 18px; color: #D80A0A}
    .container-content-share-pozice { width: 760px; height: 40px; margin:  0 0 0 calc(50% - 380px); text-align: left;}
    .container-content-share { width: 150px; height: 40px; position: absolute; margin: 0 0 0 610px; text-align: left; transition: all 0.35s ease-in-out; cursor: pointer;}
    .container-content-share-text { width: 100px; height: 24px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 8px 35px 8px 15px; font-weight: 600; font-size: 18px; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 20px; transition: all 0.35s ease-in-out;}
    a.container-content-share .container-content-share-text { background: #808080 url('../themes/share.fw.png') right no-repeat; background-size: contain;}
    a.container-content-share:hover .container-content-share-text { background: #D80A0A url('../themes/share.fw.png') right no-repeat; background-size: contain;}
    .container-content-share-linea { width: 720px; height: 1px; position: absolute; margin: 0 0 0 -590px; transition: all 0.35s ease-in-out;}
    a.container-content-share .container-content-share-linea { background: #808080;}
    a.container-content-share:hover .container-content-share-linea { background: #D80A0A;}
    .container-content-print { width: 150px; height: 40px; position: absolute; margin: 0 0 0 0; text-align: left; transition: all 0.35s ease-in-out; cursor: pointer;}
    .container-content-print-text { width: 100px; height: 24px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 8px 15px 8px 35px; font-weight: 600; font-size: 18px; text-align: right; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-left-radius: 20px; border-bottom-right-radius: 6px; transition: all 0.35s ease-in-out;}
    a.container-content-print .container-content-print-text { background: #808080 url('../themes/print.fw.png') left no-repeat; background-size: contain;}
    a.container-content-print:hover .container-content-print-text { background: #D80A0A url('../themes/print.fw.png') left no-repeat; background-size: contain;}
    .container-content-print-linea { width: 590px; height: 1px; position: absolute; margin: 0 0 0 20px; transition: all 0.35s ease-in-out;}
    a.container-content-print .container-content-print-linea { background: transparent;}
    a.container-content-print:hover .container-content-print-linea { background: #D80A0A;}

    /* Obsahový banner */
    .container-content-banner-pozice { width: 270px; min-height: 270px; margin: 0 0 0 0; float: right;}
    .container-content-banner { width: 250px; min-height: 250px; position: absolute; margin: 0 0 0 20px; overflow: hidden;}
    .container-content-banner img { width: 250px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.container-content-banner img { width: 250px; margin: 0;}
    a.container-content-banner:hover img { width: 270px; margin: -10px;}

    /* Obsahová galerie článku */
    .article-gallery { width: 760px; height: auto;}
    .gallery-line { width: 760px; height: 190px;}
    .gallery-pozice-a, .gallery-pozice-b { width: 375px; height: 180px; position: absolute; margin: 10px 0; overflow: hidden; border: 1px solid #D80A0A;}
    .gallery-pozice-b { margin: 10px 0 0 385px;}
    .gallery-pozice-a img, .gallery-pozice-b img { height: 180px;}

    /* Obsahové video článku */
    .article-video { width: 760px; height: 440px;}
    .article-video-pozice { width: 738px; height: 418px; position: absolute; margin: 10px; overflow: hidden; border: 1px solid #D80A0A;}
    .youtubevimeo { width: 740px; height: 420px;}

    .article-top { width: 760px; height: auto; margin: 0 0 20px 0;}
    .article-top-photo { width: 758px; height: 367px; position: absolute; margin: 0 0 0 0; overflow: hidden; border: 1px solid #A3241E;}
    .article-top-photo img { height: 367px; margin: 0 0 0 0;}
    .article-top-tituls-space { width: 100%; height: 280px; z-index: 100;}
    .article-top-tituls { width: 500px; height: auto; position: relative; margin: 0 0 0 20px; padding: 20px; z-index: 100; border: 1px solid #808080; background: #FFFFFF;}
    .article-top-tituls .nadpis { margin: 0 0 0 0;}

    /* Noveinky, box pro vedlejší stránku */
    #news-face { min-height: 260px; padding: 20px 0;}
    .news-box { height: 260px;}
    .news-box .container-box-pozice-a { width: 238px; height: 238px; margin: 10px;}
    .news-box .container-box-pozice-b { width: 238px; height: 238px; margin: 10px 0 0 260px;}
    .news-box .container-box-pozice-c { width: 238px; height: 238px; margin: 10px 0 0 510px;}
    .news-box .container-box-content-max { width: 238px; height: 238px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .news-box .container-box-content-max .container-box-content-image { position: absolute;}
    .news-box a.container-box-content-max .container-box-content-image { height: 240px; margin: 0 0 0 -130px;}
    .news-box a.container-box-content-max:hover .container-box-content-image { height: 260px; position: absolute; margin: -10px 0 0 -141px;}
    .news-box .container-box-content-max .container-box-content-text { margin: 120px 0 0 30px;}

    /* Linearní aktuality */
    .container-box-pozice-x { width: 760px; height: 100px; margin: 0 0 10px calc(50% - 380px); text-align: left;}
    .container-box-pozice-x .container-box-content-mini, .container-box-pozice-x .container-box-content-max { width: 760px; height: 100px; position: absolute; margin: 0 0 0 0; overflow: visible; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x a.container-box-content-mini .container-box-content-image, .container-box-pozice-x a.container-box-content-max .container-box-content-image { width: 178px; height: 88px; margin: 0 0 0 0; border: 1px solid #A3241E;}
    .container-box-pozice-x a.container-box-content-mini .container-box-content-image img, .container-box-pozice-x a.container-box-content-max .container-box-content-image img { height: 100px; margin: -5px 0 0 0;}
    .container-box-pozice-x a.container-box-content-mini:hover .container-box-content-image, .container-box-pozice-x a.container-box-content-max:hover .container-box-content-image { width: 188px; height: 98px; position: absolute; margin: -5px 0 0 0;}
    .container-box-pozice-x a.container-box-content-mini:hover .container-box-content-image img, .container-box-pozice-x a.container-box-content-max:hover .container-box-content-image img { height: 100px; margin: 0 0 0 0;}
    .container-box-pozice-x .container-box-content-text { width: 540px; height: 70px; position: absolute; margin: 0 0 0 200px; background: none;}
    .container-box-pozice-x .container-box-content-text .classic-txt-datum { width: 70px; font-size: 13px; text-align: center; margin: -8px 0 0 0; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .nadpis { height: auto; overflow: visible; font-size: 20px; margin: 0 0 0 0; padding: 15px 0 0 0; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .classic-txt { font-size: 14px; margin: 0 0 0 0; text-align: right; transition: all 0.35s ease-in-out;}

    /* Archívní zprávy - aktuality */
    .container-archiv { width: 760px; height: 50px; margin: 0 0 10px calc(50% - 380px); text-align: left;}
    .container-archiv .container-box-content-mini, .container-archiv .container-box-content-max { width: 758px; height: 48px; position: absolute; margin: 0 0 0 0; overflow: visible; transition: all 0.35s ease-in-out;}
    .container-archiv a.container-box-content-mini, .container-archiv a.container-box-content-max { border: 1px solid transparent;}
    .container-archiv a.container-box-content-mini:hover, .container-archiv a.container-box-content-max:hover { border: 1px solid #808080; border-radius: 8px; background: #fff;}
    .container-archiv .container-box-content-image { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border: none; visibility: hidden; overflow: hidden;}
    .container-archiv .container-box-content-text { width: 740px; height: 40px; position: absolute; margin: 0 0 0 0; background: none;}
    .container-archiv .container-box-content-text .classic-txt-datum { width: 70px; font-size: 13px; text-align: center; position: absolute; margin: -4px 0 0 5px; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .nadpis { width: 555px; font-size: 24px; position: absolute; margin: 5px 0 0 190px; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .classic-txt { font-size: 12px; position: absolute; margin: 22px 0 0 5px; text-align: left; transition: all 0.35s ease-in-out;}

    .container-archiv .classic-txt-image-polonica { width: 55px; height: 19px; padding: 3px 85px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.polonica.fw.png') right top no-repeat; background-size: 85px 22px;}
    .container-archiv .classic-txt-image-glos { width: 55px; height: 19px; padding: 3px 85px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.glos.fw.png') right top no-repeat; background-size: 85px 22px;}
    .container-archiv .classic-txt-image-zwrot { width: 64px; height: 19px; padding: 3px 76px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.zwrot.fw.png') right top no-repeat; background-size: 76px 22px;}
    
    /* Linea dělič */
    .lineaspace-box-face { width: 100%; height: 0; padding: 30px 0 0 0;}
    .lineaspace-box { width: 600px; height: 50px; position: absolute; margin: -5px 0 0 calc(50% - 300px); text-align: left;}
    .lineaspace-box-left { width: 279px; height: 42px; position: absolute; margin: 0 0 0 0; padding: 8px 0 0 20px; text-align: left; font-size: 24px; font-weight: 800; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 0; border-top-right-radius: 6px; transition: all 0.35s ease-in-out; color: #f2f2f2; text-decoration: none; background: #D80A0A;}
    .lineaspace-box-right { width: 279px; height: 42px; position: absolute; margin: 0 0 0 301px; padding: 8px 20px 0 0; text-align: right; font-size: 24px; font-weight: 800; border-top-left-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 25px; border-top-right-radius: 25px; transition: all 0.35s ease-in-out; color: #f2f2f2; text-decoration: none; background: #D80A0A;}
    a.lineaspace-box-left, a.lineaspace-box-right { color: #f2f2f2; text-decoration: none; background: #808080;}
    a.lineaspace-box-left:hover, a.lineaspace-box-right:hover { color: #f2f2f2; text-decoration: none; background: #D80A0A;}

    /* Tabulky */
    .tabs-face { width: 760px; height: 52px;}
    .tabs { width: 758px; height: 44px; position: absolute; border-radius: 8px; margin: 0 0 0 0; border: 1px solid #A3241E; color: #222; overflow: hidden; transition: all 0.35s ease-in-out;}
    a.tabs { border: 1px solid rgba(25,25,25,.10); text-decoration: none; color: #444;}
    a.tabs:hover { border: 1px solid #A3241E; color: #222;}
    .tabs-0, .tabs-2, .tabs-3, .tabs-4 { width: 738px; height: 26px; position: absolute; margin: 0 0 0 0; padding: 9px 10px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .tabs-1 { width: 44px; height: 44px; position: absolute; margin: 0 0 0 0; background: none;}
    .tabs-1 img { width: 44px; background: none; border: none;}
    .tabs-2 { width: 684px; margin: 0 0 0 54px; font-weight: 300;}
    .tabs-3 { width: 384px; margin: 0 0 0 0; font-weight: 300;}
    .tabs-4 { width: 326px; margin: 0 0 0 414px;}
    .tabs-data { width: 110px; height: 26px; position: absolute; margin: 0 0 0 640px; padding: 9px 5px; font-weight: 600; color: #fff; font-size: 18px; text-align: center; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.tabs .tabs-data { margin: 0 0 0 760px;}
    a.tabs:hover .tabs-data { margin: 0 0 0 640px;}

    /* Naformatovani podstránky - odkazy */
    .container-content-section { width: 760px; min-height: 400px; margin: 0 0 0 calc(50% - 380px); text-align: left;}
    .container-content-section .free { width: 100%; min-height: 20px;}
    .container-content-section .news-box { width: 760px; height: 158px; margin: 0 0 0 0; border: none; background: none;}

    .container-content-section .container-box-pozice-a { width: 238px; height: 156px; position: absolute; margin: 0 0 0 0; border: 1px solid #f2f2f2;}
    .container-content-section .container-box-pozice-b { width: 238px; height: 156px; position: absolute; margin: 0 0 0 260px; border: 1px solid #f2f2f2;}
    .container-content-section .container-box-pozice-c { width: 238px; height: 156px; position: absolute; margin: 0 0 0 520px; border: 1px solid #f2f2f2;}

    .container-section-content { width: 238px; height: 156px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-section-content-image, .container-section-content-image img { position: absolute; transition: all 0.35s ease-in-out;}
    a.container-section-content .container-section-content-image img { height: 158px; margin: 0 0 0 0;}
    a.container-section-content:hover .container-section-content-image img { height: 178px; margin: -10px 0 0 -16px;}
    .container-section-content-text { width: 190px; height: 46px; position: absolute; margin: 100px 0 0 38px; padding: 5px; background: #f2f2f2;}
    .container-section-content-text .nadpis { font-size: 17px; margin: 0 0 2px 0; transition: all 0.35s ease-in-out;}
    .container-section-content-text .nadpis span { font-weight: 600; color: #000; transition: all 0.35s ease-in-out;}
    a.container-section-content .container-section-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-section-content:hover .container-section-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-section-content:hover .container-section-content-text .nadpis span { color: #A3241E; text-decoration: none;}
    .container-section-content-verticallinea { position: absolute; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.container-section-content .container-section-content-verticallinea { width: 15px; height: 5px; margin: 155px 0 0 223px;}
    a.container-section-content:hover .container-section-content-verticallinea { width: 20px; height: 5px; margin: 153px 0 0 218px;}
    .container-section-content-horizontlinea { position: absolute; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.container-section-content .container-section-content-horizontlinea { width: 5px; height: 15px; margin: 141px 0 0 237px;}
    a.container-section-content:hover .container-section-content-horizontlinea { width: 5px; height: 20px; margin: 136px 0 0 235px;}

    /* BannerReader */
    #button-face { width: 760px; height: 230px; padding: 60px 0 0 0; text-align: left;}
    .button-top-all { width: 760px; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;}
    .button-top { width: calc(30% - 10px); padding: 10px; order: 5; flex: 0 1 33%; align-self: auto;}
    .button-image { width: 100%; height: auto;}
    .button-image img { width: 100%; border: 1px solid #222;}
    .youtube-banner, .spis-banner, .wiki-banner, .polocy-banner { width: 373px; height: 122px; position: absolute; margin: 0 0 0 0; border: 1px solid #A3241E; background: #a3241e url('../themes/banner.youtube.fw.png') 0 -4px no-repeat; background-size: cover;}
    .spis-banner { margin: 0 0 0 385px; background: #db1b3b url('../themes/banner.spis.page.fw.png') 0 -4px no-repeat; background-size: cover;}
    /*
    .wiki-banner { margin: 135px 0 0 0; background: #d80a0a url('../themes/banner.wiki.fw.png') 0 -4px no-repeat; background-size: cover;}
    .polocy-banner { margin: 135px 0 0 385px; background: #d80a0a url('../themes/banner.biblioteka.fw.png') 0 -4px no-repeat; background-size: cover;}
    */
    .wiki-banner { margin: 0 0 0 0; background: #d80a0a url('../themes/banner.wiki.fw.png') 0 -4px no-repeat; background-size: cover;}
    .polocy-banner { margin: 0 0 0 385px; background: #d80a0a url('../themes/banner.biblioteka.fw.png') 0 -4px no-repeat; background-size: cover;}

    /* Organizacje */
    .organ-linea, .organ-odkaz { width: 760px; height: 90px; margin: 0 0 5px 0;}
    .organ-odkaz { position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.organ-odkaz { color: #222; text-decoration: none;}
    a.organ-odkaz:hover { color: #222; text-decoration: none; background: rgba(163,36,30,.15);}
    .organ-alfa { background: rgba(163,36,30,.04);}
    .organ-beta { background: rgba(163,36,30,.08);}
    .organ-box-a { width: 280px; height: 60px; position: absolute; margin: 15px 0 0 10px; font-size: 21px;}
    .organ-box-b { width: 240px; height: 20px; position: absolute; margin: 10px 0 0 300px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .organ-box-c { width: 450px; height: 45px; position: absolute; margin: 34px 0 0 300px; font-size: 15px;}
    .organ-box-d { width: 200px; height: 20px; position: absolute; margin: 10px 0 0 550px; font-size: 16px; text-align: right;}

    /* Kontaktní osoby */
    .conperson-face { width: 760px; height: 150px;}
    .conperson-position-a, .conperson-position-b { width: 375px; height: 140px; position: absolute; margin: 0 0 0 0;}
    .conperson-position-b { margin: 0 0 0 385px;}
    .comperson { width: 353px; height: 118px; position: absolute; margin: 0 0 0 0; border-radius: 8px; padding: 10px; cursor: pointer; transition: all 0.35s ease-in-out;}
    a.comperson { border: 1px solid #000; color: #222; text-decoration: none;}
    a.comperson:hover { border: 1px solid #A3241E; background: #fff;}
    .comperson .nadpis { font-size: 26px; margin: 0 0 6px 0; font-weight: 600;}
    .comperson .nadpis span { font-size: 20px; font-weight: 300; color: #222;}
    .comperson .classic-txt-special { font-weight: 300; font-size: 15px; margin: 0 0 4px 0; font-style: italic; transition: all 0.35s ease-in-out; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    a.comperson:hover .classic-txt-special { color: #A3241E;}
    .comperson .classic-txt { margin: 0;}
    .comperson .classic-txt span { color: #222;}

    /* Generator banners */
    .genban-face { width: 738px; height: auto; border: 1px solid #808080; padding: 10px; margin: 0 0 0 0; background: #FFFFFF;}
    .genban-face-image { width: 738px; height: 221px; background: url('../themes/basic.design.gen.fw.png') top no-repeat; background-size: cover;}
    .genban-face-image-active { width: 221px; height: 221px; position: absolute; margin: 0;}

    .genban { width: 538px; height: auto; border-radius: 8px; margin: 0 0 0 100px; background: #f2f2f2;}
    .genban .nadpis { text-align: center; margin: 0;}
    .genban .mini-free { height: 6px;}
    .genban .free { height: 15px;}
    .genban .space { height: 50px;}
    .genban-linea { width: 538px; height: auto;}
    .genban-linea-left { width: 518px; height: 60px; position: relative; margin: 0; padding: 10px;}
    .genban-linea-right { width: 518px; height: 60px; position: relative; margin: 0 0 0 0; padding: 10px;}
    .genban-linea-center { width: 518px; height: 60px; position: relative; margin: 0; padding: 10px;}
    .genban-linea-id { width: 144px; height: 22px; position: absolute; margin: 4px 0 0 0; padding: 0; color: #444; font-size: 16px; text-align: right;}
    .genban-linea-content { width: 360px; height: 30px; position: absolute; margin: 0 0 0 149px; padding: 0 5px; font-size: 18px; border: none; border-bottom: 2px dotted #444; background: none;}
    .genban-linea-bigcontent { width: 360px; height: 30px; position: absolute; margin: 0 0 0 149px; padding: 0 5px; font-size: 18px; border: none; border-bottom: 2px dotted #444; background: none;}
    .txt-special { width: calc(100% - 155px); margin: 34px 0 0 0; font-size: 14px; color: #dd0330; font-style: italic; text-align: left; padding: 0 0 0 155px;}

    .genban-vyber { width: calc(100% - 40px); height: auto; padding: 20px; border-radius: 8px; margin: 0 0 0 0; background: #dd0330;}
    .genban-vyber-linea { width: 330px; height: 36px; font-size: 24px; color: #fff; padding: 8px 0;}
    .genban-vyber-pozice { width: 670px; height: 320px; margin: 0 0 0 15px;}
    .genban-vyber-pozice-a, .genban-vyber-pozice-b, .genban-vyber-pozice-c, .genban-vyber-pozice-d, 
    .genban-vyber-pozice-e, .genban-vyber-pozice-f, .genban-vyber-pozice-g, .genban-vyber-pozice-h,
    .genban-vyber-pozice-i, .genban-vyber-pozice-j, .genban-vyber-pozice-k, .genban-vyber-pozice-l { width: 330px; height: 40px; position: absolute; margin: 0 0 0 0;}
    .genban-vyber-pozice-b { margin: 0 0 0 338px;}
    .genban-vyber-pozice-c { margin: 40px 0 0 0;}
    .genban-vyber-pozice-d { margin: 40px 0 0 338px;}
    .genban-vyber-pozice-e { margin: 80px 0 0 0;}
    .genban-vyber-pozice-f { margin: 80px 0 0 338px;}
    .genban-vyber-pozice-g { margin: 120px 0 0 0;}
    .genban-vyber-pozice-h { margin: 120px 0 0 338px;}
    .genban-vyber-pozice-i { margin: 160px 0 0 0;}
    .genban-vyber-pozice-j { margin: 160px 0 0 338px;}
    .genban-vyber-pozice-k { margin: 200px 0 0 0;}
    .genban-vyber-pozice-l { margin: 200px 0 0 338px;}
    
    .genban-button-face { width: 100%; height: 60px;}
    .genban-button, .genban-photobutton, .genban-share { width: 160px; height: 34px; position: absolute; margin: 0 0 0 254px; font-weight: 800; font-size: 22px; padding: 13px 60px 13px 10px; border-radius: 8px; text-align: left; color: #fff; transition: all 0.35s ease-in-out; cursor: pointer;}
    a.genban-button { color: #fff; background: #dd0330 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    a.genban-button:hover { background: #6f1660 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    .genban-button-button { width: 230px; height: 60px; position: absolute; margin: -14px 0 0 -10px; border: 0px; cursor: pointer; background: none;}
    .genban-photobutton { background: #e1e1e1; margin: 0 0 0 0;}
    a.genban-photobutton { text-decoration: none; color: #808080; background: #e1e1e1 url('../themes/photoupload.fw.png') right no-repeat; background-size: contain;}
    a.genban-photobutton:hover { color: #6f1660; background: #e1e1e1 url('../themes/photoupload.active.fw.png') right no-repeat; background-size: contain;}
    .genban-share { background: #e1e1e1; margin: 0 0 0 508px;}
    a.genban-share { text-decoration: none; color: #808080; background: #e1e1e1 url('../themes/share.0.fw.png') right no-repeat; background-size: contain;}
    a.genban-share:hover { color: #6f1660; background: #e1e1e1 url('../themes/share.active.fw.png') right no-repeat; background-size: contain;}
    .genban-button p, .genban-photobutton p, .genban-share p { width: 160px; text-align: center; position: absolute; margin: 2px 0 0 0;}
    .genban-photobutton-upload { width: 220px; height: 44px; cursor: pointer; position: absolute; margin: -5px; border: 0px; padding: 0; color: transparent; background: none;}
    .genban-photobutton-infofiles { width: 240px; height: 50px; font-size: 14px; text-align: center; font-weight: 300; color: #A3241E; position: absolute; margin: -60px 0 0 -15px; text-align: center; background: none;}
    .txt-gdpr { text-align: justify; font-size: 14px; padding: 10px; border-radius: 8px; background: #f2f2f2;}

    /* Český rozhlas, rozhovory */
    .cro { width: 100%; height: auto;}

    /* Login.FRZ */
    .container-content .login-frz-pozice { width: 760px; height: 80px; text-align: left;}
    .login-frz { width: 720px; height: 40px; position: absolute; margin: 20px 0 0 10px; font-size: 24px; font-weight: 700; padding: 10px 10px 0 10px; text-align: center; border: 5px solid #808080; border-radius: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 0.35s ease-in-out;}
    a.login-frz { border: 5px solid #808080; color: #222; text-decoration: none;}
    a.login-frz:hover { border: 5px solid #A3241E; color: #A3241E;}

    /* TOPPAGE HomePage */
    #toppage-face { width: 100%; height: 100vh;}
    .toppage { width: 740px; height: 660px; position: absolute; margin: calc(50vh - 330px) 0 0 calc(50% - 370px); text-align: left;}
    .toppage-image { width: 740px; height: 620px; position: absolute; margin: 0; border: 1px solid #000; text-align: left; background: url('../themes/ukraina.png') top no-repeat; background-size: cover;}
    .toppage .classic-txt { width: 100%; position: absolute; margin: 630px 0 0 0; font-size: 20px; text-align: center;}

    /* Newsletter registration */
    #newletter-face { width: 100%; height: 150px;}
    .newletter { width: 740px; height: 120px; text-align: left; border-radius: 8px; background: #dd0330;}
    .newletter-text { width: 300px; height: 30px; position: absolute; margin: 20px; font-weight: 800; font-size: 23px; text-align: left; color: #f2f2f2;}
    .newletter-text .classic-txt { width: 300px; height: 30px; position: absolute; margin: 40px 0; font-weight: 300; font-size: 15px; color: #f2f2f2;}
    .newletter-box { width: 380px; height: 54px; position: absolute; margin: 20px 0 0 340px; border-radius: 4px; background: #f2f2f2;}
    .newletter-box-content { width: 360px; height: 36px; position: absolute; margin: 5px 10px; padding: 4px 0; font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 26px; border: 0px; color: #000; background: #f2f2f2;}
    .newletter-button { width: 200px; height: 50px; position: absolute; margin: 80px 0 0 480px; border-radius: 4px; border: 2px solid #f2f2f2; background: #f2f2f2;}
    .newletter-button p { width: 100%; position: absolute; margin: 0; color: #fff; text-align: center; padding: 10px 0; text-align: center; font-weight: 800;}
    a.newletter-button { background: #dd0330; text-decoration: none;}
    a.newletter-button:hover { background: #A3241E; text-decoration: none;}
    .newletter-button-odraz { width: 200px; height: 50px; position: absolute; margin: 0; border: 0; cursor: pointer; background: none;}

    /* Newsletter registration */
    .banner-polskiedni { width: 750px; height: 63px; border: 1px solid #222; text-align: left; background: url('../themes/polskiedni.pasek.jpg') top no-repeat; background-size: contain;}
    .banner-polskiedni-data { width: 750px; height: 63px; position: absolute; margin: 0;}
    .banner-polskiedni { width: 750px; height: 63px; border: 1px solid #222; text-align: left; background: url('../themes/kartki.jpg') top no-repeat; background-size: contain;}
    .banner-kongres { width: 750px; height: 124px; border: 1px solid #222; text-align: left; background: rgba(0,0,0,.25) url('../themes/kp_14-zgromadzenie-ogolne_banner_animacja.gif') top no-repeat; background-size: contain;}
    .banner-kongres-data { width: 750px; height: 124px; position: absolute; margin: 0;}
    .banner-kongres { width: 750px; height: 124px; border: 1px solid #222; text-align: left; background: rgba(0,0,0,.25) url('../themes/poradnik.png') top no-repeat; background-size: contain;}
    
    /* Rozšíření galerie */
    .topgallery-line { width: 750px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .topgallery-position { width: 360px; height: 220px;}
    .topgallery-box { width: 340px; height: 190px; position: absolute; margin: 15px 10px; align-items: center; border: 1px solid #6f1660; overflow: hidden;}
    .topgallery-box img { position: absolute; margin: 0px; width: 340px;}
    .topgallery-box p { width: 310px; height: 170px; position: absolute; padding: 10px 15px; display: flex; font-weight: 300; align-items: flex-end; color: #f2f2f2; font-size: 1.2em; transition: all .35s ease-in-out; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,1));}
    .topgallery-box p span { font-weight: 300; color: #d80a0a; font-size: .8em;}

    a.topgallery-box p { margin: 190px 0 0 0;}
    a.topgallery-box:hover p { margin: 0;}
}

/* Rozhraní pro smartphone */
@media screen and (min-width: 480px) and (max-width: 767px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; background: #f2f2f2;}

    /* Definice textu */
    .free { width:100%; height: 10px;}
    .free-big { width: 100%; height: 30px;}
    .free-mini { width: 100%; height: 6px;}
    .space { width: 100%; height: 20px;}
    .top-space { width: 100%; height: 50px;}

    .nadpis { font-size: 24px; margin: 0 0 12px 0;}
    .podnadpis { font-size: 19px; font-weight: 600; margin: 0 0 10px 0;}
    .classic-txt, .classic-txt-top, .classic-txt-datum, .classic-txt-seznam, .classic-txt-special { font-size: 15px; margin: 0 0 6px 0;}
    .classic-txt-seznam { width: calc(100% - 12px); padding: 0 0 0 12px; background: url('../themes/seznam.fw.png') 0 5px no-repeat; background-size: 8px;}
    .classic-txt-top { font-weight: 600;}
    .classic-txt-special { font-weight: 800;}
    .classic-txt-datum { font-weight: 600; margin: 0 0 5px 0;}
    .classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span  { font-weight: 600; color: #D80A0A;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a, .classic-txt-special a { color: #000; text-decoration: none;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover, .classic-txt-special a:hover { color: #D80A0A;}

    /* Hlavička webu */
    #header-face, #header-face-page { width: 100%; height: 210px; margin: 0 0 0 0; padding: 50px 0 0 0;}
    #header, #header-page { width: 100%; height: 210px; background: url('../themes/top.back.fw.png') center bottom no-repeat; background-size: 100% auto;}
    .header-gradient { width: 100%; height: 210px; position: absolute; margin: 0 0 0 0; background: linear-gradient(180deg, rgba(0,0,0,.15), #000);}
    .header-left { width: 20px; height: 210px; position: absolute; margin: 0 0 0 0; background: url('../themes/header.left.fw.png') left no-repeat; background-size: auto 210px;}
    .header-right { width: 20px; height: 210px; position: absolute; margin: 0 0 0 calc(100% - 20px); background: url('../themes/header.right.fw.png') right no-repeat; background-size: auto 210px;}
    .header-lineas { width: 100%; height: 2px; position: absolute; margin: 195px 0 0 0; background: #D80A0A;}
    .header-content, .header-content-page { width: 460px; height: 180px; position: absolute; margin: 10px 0 0 calc(50% - 230px); text-align: left;}
    .header-content-textbox { width: 440px; height: 120px; position: absolute; margin: 40px 0 0 10px;}
    .header-content-textbox .nadpis, .header-content-page .header-content-textbox .nadpis { font-size: 28px; line-height: 1.0; text-align: left; margin: 0 0 5px 0; color: #FFFFFF;}
    .header-content-textbox .nadpis span, .header-content-page .header-content-textbox .nadpis span { font-size: 36px; font-weight: 800;}
    .header-content-textbox .classic-txt { color: #D80A0A; text-align: left;}
    .header-content-maps, .header-content-page .header-content-maps { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; background: url('../themes/maps.fw.png') top no-repeat; background-size: cover;}
    .header-wpisujesa { width: 52px; height: 100px; position: absolute; margin: 55px 0 0 170px; transition: all 0.35s ease-in-out; background: url('../themes/logo.scitani.fw.png') top no-repeat; background-size: cover;}

    .header-ide { width: 120px; height: 50px; position: absolute; margin: -40px 0 0 calc(50% + 100px); text-align: left; border: 1px solid #808080; z-index: 100; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background: #FFFFFF;}
    .header-ide-logo { width: 40px; height: 40px; position: absolute; margin: 5px; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    .mobil-navigace { width: 40px; height: 40px; position: absolute; margin: 5px 0 0 75px;}

    .navigace { width: 0px; height: 0px; position: absolute; margin: 0; overflow: hidden; visibility: hidden; font-weight: 600;}
    .navigace-pozice-1, .navigace-pozice-2, .navigace-pozice-3, 
    .navigace-pozice-4, .navigace-pozice-5, .navigace-pozice-6 { width: 0px; height: 0px; visibility: hidden; overflow: hidden; position: absolute; margin: 0 0 0 0;}

    .header-topinfo { width: 460px; height: 50px; position: absolute; margin: -50px 0 0 calc(50% - 230px); font-weight: 300; font-size: 16px;}
    .header-topinfo-polonica { width: 40px; height: 40px; position: absolute; margin: 0 15px; padding: 0 0 0 0; text-align: left; background: url('../themes/logo.podelne.fw.png') -62px 0 no-repeat; background-size: auto 40px;}
    .header-topinfo-menu { width: 290px; height: 50px; position: absolute; margin: 220px 0 0 85px; text-align: left;}
    .header-topinfo-menu-a, .header-topinfo-menu-b, .header-topinfo-menu-c, .header-topinfo-menu-d, .header-topinfo-menu-e { width: 50px; height: 50px; position: absolute; margin: 0 0 0 0; padding: 0 0 0 0; border-radius: 100%; font-size: 0px; text-align: center; transition: all 0.35s ease-in-out;}
    .header-topinfo-menu-a { background: #f2f2f2 url('../themes/mini.icon.news.active.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-a { background: #f2f2f2 url('../themes/mini.icon.news.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-a:hover { background: #f2f2f2 url('../themes/mini.icon.news.active.fw.png') top no-repeat; background-size: cover;}
    .header-topinfo-menu-b { margin: 0 0 0 60px;}
    a.header-topinfo-menu-b { background: #f2f2f2 url('../themes/mini.icon.facebook.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-b:hover { background: #f2f2f2 url('../themes/mini.icon.facebook.active.fw.png') top no-repeat; background-size: cover;}
    .header-topinfo-menu-c { margin: 0 0 0 120px; background: #f2f2f2 url('../themes/mini.icon.partners.active.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-c { background: #f2f2f2 url('../themes/mini.icon.partners.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-c:hover { background: #f2f2f2 url('../themes/mini.icon.partners.active.fw.png') top no-repeat; background-size: cover;}
    .header-topinfo-menu-d { margin: 0 0 0 180px; background: #f2f2f2 url('../themes/mini.icon.podpora.active.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-d { background: #f2f2f2 url('../themes/mini.icon.podpora.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-d:hover { background: #f2f2f2 url('../themes/mini.icon.podpora.active.fw.png') top no-repeat; background-size: cover;}
    .header-topinfo-menu-e { margin: 0 0 0 240px; background: #f2f2f2 url('../themes/mini.icon.kontakt.active.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-e { background: #f2f2f2 url('../themes/mini.icon.kontakt.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-e:hover { background: #f2f2f2 url('../themes/mini.icon.kontakt.active.fw.png') top no-repeat; background-size: cover;}

    /* Nastavení pro podstránku */
    .header-content-gradient { width: 0px; height: 0px; position: absolute; margin: 0; visibility: hidden;}

    /* Banner */
    #banner-face, #partners-face, #projekt-face { width: 100%; height: auto; padding: 20px 0;}
    .banner-titul, .partners-titul, .container-hp, .container-page-banner-titul { width: 460px; height: auto; margin: 0; border-bottom: 1px solid #808080;}
    .container-hp { width: 460px; height: auto; margin: 0 0 0 calc(50% - 230px); border-bottom: 1px solid #808080;}
    .banner-titul .classic-txt, .partners-titul .classic-txt, 
    .container-hp .classic-txt, .container-page-banner-titul .classic-txt { margin: 0; color: #808080; padding: 5px 5px; font-weight: 300; font-size: 16px; text-align: left;}
    .banner { width: 460px; height: 76px; border: 1px solid #A3241E; background: url('../themes/banner.kpkp.fw.png') top no-repeat; background-size: cover;}

    /* Partneři */
    .partners-linea { width: 480px; height: 160px; text-align: left;}
    .partners-linea-a, .partners-linea-b, .partners-linea-c, 
    .partners-linea-d, .partners-linea-e, .partners-linea-f, .partners-linea-g { width: 120px; height: 78px; position: absolute; margin: 0 0 0 0;}
    .partners-linea-b { margin: 0 0 0 120px;}
    .partners-linea-c { margin: 0 0 0 240px;}
    .partners-linea-d { margin: 0 0 0 360px;}
    .partners-linea-e { margin: 80px 0 0 60px;}
    .partners-linea-f { margin: 80px 0 0 180px;}
    .partners-linea-g { margin: 80px 0 0 300px;}
    .partners-linea-a img, .partners-linea-b img, .partners-linea-c img, 
    .partners-linea-d img, .partners-linea-e img, .partners-linea-f img, .partners-linea-g img { width: 120px;}

    /* Partneři */
    .projekt-linea { width: 460px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; text-align: left;}
    .projekt-linea-box, .projekt-linea-box-double { width: 115px; height: 75px; margin: 0 0 0 0;}
    .projekt-linea-box-double { width: 380px; height: 90px;}
    .projekt-linea-box img { width: 115px;}
    .projekt-linea-box-double img { width: 380px;}
    #projekt-face .classic-txt { font-size: 15px; padding: 10px 0 0 0; color: #D80A0A;}
    .projekt-kprm { width: 460px; height: 185px; overflow: hidden;}
    .projekt-kprm img { width: 460px;}

    /* Spodní část webu */
    #bottom-face { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 30px 0;}
    .bottom { width: 100%; height: 260px; background: #000;}
    .bottom-linea-top { width: 100%; height: 3px; position: absolute; margin: 254px 0 0 0; background: #f2f2f2;}
    .bottom-linea-bottom { width: 100%; height: 3px; position: absolute; margin: 257px 0 0 0; background: #A3241E;}
    .bottom-left { width: 20px; height: 260px; position: absolute; margin: 0 0 0 0; transform: rotate(180deg); background: url('../themes/header.right.fw.png') top left no-repeat; background-size: auto 260px;}
    .bottom-right { width: 20px; height: 260px; position: absolute; margin: 0 0 0 calc(100% - 20px); transform: rotate(180deg); background: url('../themes/header.left.fw.png') top right no-repeat; background-size: auto 260px;}
    .bottom-content { width: 460px; height: 150px; position: absolute; margin: 15px 0 0 calc(50% - 230px); color: #f2f2f2; text-align: left;}
    .bottom-content-a, .bottom-content-b, .bottom-content-c, .bottom-content-d { width: 230px; height: 120px; position: absolute; margin: 0 0 0 0;}
    .bottom-content-b { margin: 0 0 0 230px;}
    .bottom-content-c { margin: 120px 0 0 0;}
    .bottom-content-d { margin: 120px 0 0 230px;}
    .bottom-content .classic-txt-special { width: 230px; height: 18px; padding: 4px 0 0 0; margin: 0; font-size: 12px; text-align: center; font-weight: 800;}
    .bottom-content .classic-txt-special span { font-weight: 800;}
    .bottom-content .classic-txt { width: 230px; height: 18px; padding: 4px 0 0 0; margin: 0; font-size: 12px; text-align: center;}
    .bottom-content .classic-txt a { color: #f2f2f2; text-decoration: none;}
    .bottom-content .classic-txt a:hover { color: #D80A0A;}
    .bottom-content .classic-txt span { font-weight: 600;}

    /* Produkce */
    #production-face { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 20px 0;}
    .production { width: 460px; height: 20px; text-align: left;}
    .copyright { width: 120px; height: 22px; position: absolute; margin: -5px 0 0 0; padding: 7px 0 0 0; text-align: center; font-size: 12px; color: #808080;}
    .production-topinfo-polonica { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 0px; visibility: hidden; overflow: hidden; font-weight: 800; text-align: center;}
    .production-topinfo-polonica span { color: #D80A0A;}
    .creative { width: 193px; height: 20px; position: absolute; margin: 0 0 0 267px;}
    .rhotechnology { width: 193px; height: 20px; position: absolute; margin: -10px 0 0 0; transition: all 0.35s ease-in-out;}
    a.rhotechnology { background: url('../themes/creator.fw.png') left no-repeat; background-size: cover;}
    a.rhotechnology:hover { background: url('../themes/creator.active.fw.png') left no-repeat; background-size: cover;}
    .romandesign { width: 164px; height: 20px; position: absolute; margin: 10px 0 0 29px; transition: all 0.35s ease-in-out;}
    a.romandesign { background: url('../themes/creator.fw.png') right no-repeat; background-size: cover;}
    a.romandesign:hover { background: url('../themes/creator.active.fw.png') right no-repeat; background-size: cover;}

    /* Hlavní obsahová část webu - hlavní stránka + aktualnoscy */
    #container-hp, #news-face { width: 100%; min-height: 500px; text-align: left; padding: 40px 0 20px 0;}
    .container-box, .news-box { width: 460px; height: 910px; margin: 0 0 0 calc(50% - 231px); border: 1px solid #808080; background: #FFFFFF;}

    .container-box-pozice-a { width: 438px; height: 213px; position: absolute; margin: 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-b { width: 213px; height: 213px; position: absolute; margin: 235px 0 0 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-c { width: 213px; height: 213px; position: absolute; margin: 235px 0 0 235px; border: 1px solid #FFFFFF;}
    .container-box-pozice-d { width: 213px; height: 213px; position: absolute; margin: 460px 0 0 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-e { width: 213px; height: 213px; position: absolute; margin: 460px 0 0 235px; border: 1px solid #FFFFFF;}
    .container-box-pozice-f { width: 213px; height: 213px; position: absolute; margin: 685px 0 0 10px; border: 1px solid #FFFFFF;}
    .container-box-pozice-g { width: 213px; height: 213px; position: absolute; margin: 685px 0 0 235px; border: 1px solid #FFFFFF;}
    
    .container-box-content-mini, .container-box-pozice-g .container-box-content-max { width: 213px; height: 213px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-box-content-image { position: absolute; transition: all 0.35s ease-in-out;}
    a.container-box-content-mini .container-box-content-image, .container-box-pozice-g a.container-box-content-max .container-box-content-image { height: 215px; margin: 0 0 0 -117px;}
    a.container-box-content-mini:hover .container-box-content-image, .container-box-pozice-g a.container-box-content-max:hover .container-box-content-image { height: 235px; position: absolute; margin: -10px 0 0 -137px;}
    .container-box-content-text, .container-box-pozice-g .container-box-content-max .container-box-content-text { width: 180px; height: 110px; position: absolute; margin: 115px 0 0 23px; padding: 5px; background: #FFFFFF;}
    .container-box-content-text .classic-txt-datum { font-size: 11px; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .container-box-content-text .nadpis { height: 60px; overflow: hidden; font-size: 14px; margin: 0 0 1px 0; transition: all 0.35s ease-in-out;}
    .container-box-content-text .classic-txt { font-size: 11px; text-align: right; transition: all 0.35s ease-in-out;}
    .container-box-content-text .classic-txt span { color: #808080;}
    .container-box-content-max { width: 438px; height: 213px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-box-content-max .container-box-content-image { position: absolute;}
    a.container-box-content-max .container-box-content-image { height: 240px; margin: 0 0 0 -5px;}
    a.container-box-content-max:hover .container-box-content-image { height: 260px; position: absolute; margin: -10px 0 0 -27px;}
    .container-box-content-max .container-box-content-text { margin: 115px 0 0 247px;}
    a.container-box-content-mini .container-box-content-text .nadpis, a.container-box-content-mini .container-box-content-text .classic-txt-datum,
    a.container-box-content-max .container-box-content-text .nadpis, a.container-box-content-max .container-box-content-text .classic-txt-datum { color: #000; text-decoration: none;}
    a.container-box-content-mini:hover .container-box-content-text .nadpis, a.container-box-content-max:hover .container-box-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-box-content-mini:hover .container-box-content-text .classic-txt-datum,
    a.container-box-content-max:hover .container-box-content-text .classic-txt-datum { color: #D80A0A;}
    a.container-box-content-mini:hover .container-box-content-text .classic-txt,
    a.container-box-content-max:hover .container-box-content-text .classic-txt { color: #808080;}

    .classic-txt-image-polonica { width: calc(100% - 80px); height: 18px; position: absolute; margin: 72px 0 0 0; padding: 4px 70px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.polonica.fw.png') right 2px no-repeat; background-size: 63px 18px;}
    .classic-txt-image-glos { width: calc(100% - 80px); height: 18px; position: absolute; margin: 72px 0 0 0; padding: 4px 70px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.glos.fw.png') right 2px no-repeat; background-size: 63px 18px;}
    .classic-txt-image-zwrot { width: calc(100% - 80px); height: 18px; position: absolute; margin: 72px 0 0 0; padding: 4px 70px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.zwrot.fw.png') right 2px no-repeat; background-size: 54px 16px;}
    .classic-txt-image-ceskyrozhlas { width: calc(100% - 80px); height: 18px; position: absolute; margin: 72px 0 0 0; padding: 4px 70px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.ceskyrozhlas.fw.png') right 2px no-repeat; background-size: 63px 18px;}
    
    .container-box-button-pozice { width: 460px; height: 34px; margin:  0 0 0 calc(50% - 230px); text-align: left;}
    .container-box-button { width: 180px; height: 34px; position: absolute; margin: 0 0 0 280px; text-align: left; transition: all 0.35s ease-in-out;}
    .container-box-button-text { width: 140px; height: 18px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 8px 25px 10px 15px; font-weight: 600; font-size: 16px; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 18px; border-bottom-left-radius: 5px; border-bottom-right-radius: 18px; transition: all 0.35s ease-in-out;}
    a.container-box-button .container-box-button-text { background: #808080 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    a.container-box-button:hover .container-box-button-text { background: #D80A0A url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    .container-box-button-linea { width: 420px; height: 1px; position: absolute; margin: 0 0 0 -280px; transition: all 0.35s ease-in-out;}
    a.container-box-button .container-box-button-linea { background: #808080;}
    a.container-box-button:hover .container-box-button-linea { background: #D80A0A;}

    /* Hlavní obsahová část webu - obsahová část vedlejší stránky */
    #container-page { width: 100%; min-height: 500px; text-align: left; padding: 30px 0 30px 0;}
    .container-page-banner { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; overflow: hidden;}
    .container-page-banner-titul { width: 0px;}
    .container-id { width: 460px; height: auto; margin: 0 0 0 calc(50% - 230px); border-bottom: 1px solid #808080;}
    .container-id .classic-txt { margin: 0; color: #808080; padding: 3px; font-weight: 300; font-size: 17px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .container-id .classic-txt-special { margin: 0; color: #808080; padding: 3px; font-weight: 300; font-size: 12px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .container-id .classic-txt-special a { color: #808080;}
    .container-id .classic-txt-special a:hover { color: #A3241E;}
    .container-content { width: 460px; min-height: 400px; margin: 0 0 0 calc(50% - 230px);}
    .container-content-image-pozice { width: 440px; height: 290px; padding: 10px; float: right }
    .container-content-image { width: 440px; height: 290px; position: absolute; margin: 0; border: 1px solid #A3241E; text-align: left; overflow: hidden }
    .container-content-image img { height: 290px; margin: 0 0 0 0 }
    .container-content .classic-txt-top, .container-content .classic-txt { text-align: justify;}
    .container-content .classic-txt-top i, .container-content .classic-txt i { font-weight: 400;}
    .container-content .classic-txt-datum { font-weight: 800; font-size: 15px; color: #D80A0A}
    .container-content-share-pozice { width: 460px; height: 34px; margin:  0 0 0 calc(50% - 230px); text-align: left;}
    .container-content-share { width: 120px; height: 34px; position: absolute; margin: 0 0 0 335px; text-align: left; transition: all 0.35s ease-in-out; cursor: pointer;}
    .container-content-share-text { width: 90px; height: 18px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 10px 25px 8px 10px; font-weight: 600; font-size: 15px; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 20px; transition: all 0.35s ease-in-out;}
    a.container-content-share .container-content-share-text { background: #808080 url('../themes/share.fw.png') right no-repeat; background-size: contain;}
    a.container-content-share:hover .container-content-share-text { background: #D80A0A url('../themes/share.fw.png') right no-repeat; background-size: contain;}
    .container-content-share-linea { width: 420px; height: 1px; position: absolute; margin: 0 0 0 -320px; transition: all 0.35s ease-in-out;}
    a.container-content-share .container-content-share-linea { background: #808080;}
    a.container-content-share:hover .container-content-share-linea { background: #D80A0A;}
    .container-content-print { width: 120px; height: 34px; position: absolute; margin: 0 0 0 0; text-align: left; transition: all 0.35s ease-in-out; cursor: pointer;}
    .container-content-print-text { width: 90px; height: 18px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 10px 10px 8px 25px; font-weight: 600; font-size: 15px; text-align: right; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-left-radius: 20px; border-bottom-right-radius: 6px; transition: all 0.35s ease-in-out;}
    a.container-content-print .container-content-print-text { background: #808080 url('../themes/print.fw.png') left no-repeat; background-size: contain;}
    a.container-content-print:hover .container-content-print-text { background: #D80A0A url('../themes/print.fw.png') left no-repeat; background-size: contain;}
    .container-content-print-linea { width: 325px; height: 1px; position: absolute; margin: 0 0 0 15px; transition: all 0.35s ease-in-out;}
    a.container-content-print .container-content-print-linea { background: transparent;}
    a.container-content-print:hover .container-content-print-linea { background: #D80A0A;}

    /* Obsahový banner */
    .container-content-banner-pozice { width: 195px; min-height: 195px; margin: 0 0 0 0; float: right;}
    .container-content-banner { width: 180px; min-height: 180px; position: absolute; margin: 0 0 0 15px; overflow: hidden;}
    .container-content-banner img { width: 180px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.container-content-banner img { width: 180px; margin: 0;}
    a.container-content-banner:hover img { width: 190px; margin: -5px;}

    /* Obsahová galerie článku */
    .article-gallery { width: 460px; height: auto;}
    .gallery-line { width: 460px; height: 118px;}
    .gallery-pozice-a, .gallery-pozice-b { width: 225px; height: 108px; position: absolute; margin: 10px 0; overflow: hidden; border: 1px solid #D80A0A;}
    .gallery-pozice-b { margin: 10px 0 0 235px;}
    .gallery-pozice-a img, .gallery-pozice-b img { height: 108px;}

    /* Obsahové video článku */
    .article-video { width: 460px; height: 266px;}
    .article-video-pozice { width: 438px; height: 246px; position: absolute; margin: 10px; overflow: hidden; border: 1px solid #D80A0A;}
    .youtubevimeo { width: 440px; height: 255px; position: absolute; margin: -4px 0 0 0;}

    .article-top { width: 460px; height: auto; margin: 0 0 15px 0;}
    .article-top-photo { width: 458px; height: 220px; position: absolute; margin: 0 0 0 0; overflow: hidden; border: 1px solid #A3241E;}
    .article-top-photo img { height: 220px; margin: 0 0 0 0;}
    .article-top-tituls-space { width: 100%; height: 165px; z-index: 100;}
    .article-top-tituls { width: 300px; height: auto; position: relative; margin: 0 0 0 20px; padding: 10px; z-index: 100; border: 1px solid #808080; background: #FFFFFF;}
    .article-top-tituls .nadpis { margin: 0 0 0 0;}

    /* Noveinky, box pro vedlejší stránku */
    #news-face { min-height: 460px; padding: 10px 0;}
    .news-box { height: 460px;}
    .news-box .container-box-pozice-a { width: 438px; height: 213px; margin: 10px;}
    .news-box .container-box-pozice-b { width: 213px; height: 213px; margin: 235px 0 0 10px;}
    .news-box .container-box-pozice-c { width: 213px; height: 213px; margin: 235px 0 0 235px;}

    /* Linearní aktuality */
    .container-box-pozice-x { width: 460px; height: 120px; margin: 0 0 10px calc(50% - 230px); text-align: left;}
    .container-box-pozice-x .container-box-content-mini, .container-box-pozice-x .container-box-content-max { width: 460px; height: 120px; position: absolute; margin: 0 0 0 0; overflow: visible; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x a.container-box-content-mini .container-box-content-image, .container-box-pozice-x a.container-box-content-max .container-box-content-image { width: 178px; height: 88px; margin: 0 0 0 0; border: 1px solid #A3241E;}
    .container-box-pozice-x a.container-box-content-mini .container-box-content-image img, .container-box-pozice-x a.container-box-content-max .container-box-content-image img { height: 100px; margin: -5px 0 0 0;}
    .container-box-pozice-x a.container-box-content-mini:hover .container-box-content-image, .container-box-pozice-x a.container-box-content-max:hover .container-box-content-image { width: 183px; height: 98px; position: absolute; margin: 0 0 0 0;}
    .container-box-pozice-x a.container-box-content-mini:hover .container-box-content-image img, .container-box-pozice-x a.container-box-content-max:hover .container-box-content-image img { height: 100px; margin: 0 0 0 0;}
    .container-box-pozice-x .container-box-content-text { width: 260px; height: 70px; position: absolute; margin: 0 0 0 190px; background: none;}
    .container-box-pozice-x .container-box-content-text .classic-txt-datum { font-size: 14px; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .nadpis { height: auto; overflow: visible; font-size: 16px; margin: 0 0 4px 0; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .classic-txt { font-size: 14px; margin: 0 0 0 0; text-align: right; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .classic-txt span { color: #808080;}

    /* Archívní zprávy - aktuality */
    .container-archiv { width: 460px; height: 75px; margin: 0 0 10px calc(50% - 230px); text-align: left;}
    .container-archiv .container-box-content-mini, .container-archiv .container-box-content-max { width: 458px; height: 73px; position: absolute; margin: 0 0 0 0; overflow: visible; transition: all 0.35s ease-in-out;}
    .container-archiv a.container-box-content-mini, .container-archiv a.container-box-content-max { text-decoration: none; border: 1px solid transparent;}
    .container-archiv a.container-box-content-mini:hover, .container-archiv a.container-box-content-max:hover { border: 1px solid #808080; border-radius: 8px; background: #fff;}
    .container-archiv .container-box-content-image { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border: none; visibility: hidden; overflow: hidden;}
    .container-archiv .container-box-content-text { width: 440px; height: 40px; position: relative; margin: 0 0 0 0; background: none;}
    .container-archiv .container-box-content-text .classic-txt-datum { width: 445px; font-size: 14px; position: relative; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .nadpis { width: 445px; font-size: 18px; position: relative; margin: 0 0 4px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .classic-txt { font-size: 12px; position: absolute; margin: 0 0 0 0; text-align: right; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .classic-txt span { color: #808080;}

    .container-archiv .classic-txt-image-polonica { width: calc(100% - 77px); height: 18px; padding: 2px 77px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.polonica.fw.png') right top no-repeat; background-size: 77px 20px;}
    .container-archiv .classic-txt-image-glos { width: calc(100% - 77px); height: 18px; padding: 2px 77px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.glos.fw.png') right top no-repeat; background-size: 77px 22px;}
    .container-archiv .classic-txt-image-zwrot { width: calc(100% - 69px); height: 18px; padding: 2px 69px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.zwrot.fw.png') right top no-repeat; background-size: 69px 20px;}
    
    /* Linea dělič */
    .lineaspace-box-face { width: 100%; height: 20px; padding: 20px 0 0 0;}
    .lineaspace-box { width: 400px; height: 40px; position: absolute; margin: 0 0 0 calc(50% - 200px); text-align: left;}
    .lineaspace-box-left { width: 179px; height: 34px; position: absolute; margin: 0 0 0 0; padding: 6px 0 0 20px; text-align: left; font-size: 18px; font-weight: 800; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 0; border-top-right-radius: 4px; transition: all 0.35s ease-in-out; color: #f2f2f2; text-decoration: none; background: #D80A0A;}
    .lineaspace-box-right { width: 179px; height: 34px; position: absolute; margin: 0 0 0 201px; padding: 6px 20px 0 0; text-align: right; font-size: 18px; font-weight: 800; border-top-left-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 20px; border-top-right-radius: 20px; transition: all 0.35s ease-in-out; color: #f2f2f2; text-decoration: none; background: #D80A0A;}
    a.lineaspace-box-left, a.lineaspace-box-right { color: #f2f2f2; text-decoration: none; background: #808080;}
    a.lineaspace-box-left:hover, a.lineaspace-box-right:hover { color: #f2f2f2; text-decoration: none; background: #D80A0A;}

    /* Tabulky */
    .tabs-face { width: 460px; height: 40px;}
    .tabs { width: 458px; height: 34px; position: absolute; border-radius: 6px; border: 1px solid #A3241E; color: #222; overflow: hidden; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.tabs { border: 1px solid rgba(25,25,25,.10); text-decoration: none; color: #444;}
    a.tabs:hover { border: 1px solid #A3241E; color: #222;}
    .tabs-0, .tabs-2, .tabs-3, .tabs-4 { width: 438px; height: 22px; position: absolute; margin: 0 0 0 0; padding: 6px 10px; font-size: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 600;}
    .tabs-1 { width: 34px; height: 34px; position: absolute; margin: 0 0 0 0;}
    .tabs-1 img { width: 34px; background: none; border: none;}
    .tabs-2 { width: 394px; margin: 0 0 0 44px; font-weight: 300;}
    .tabs-3 { width: 224px; margin: 0 0 0 0; padding: 6px 5px; font-weight: 300;}
    .tabs-4 { width: 210px; margin: 0 0 0 239px; padding: 6px 5px;}
    .tabs-data { width: 80px; height: 20px; position: absolute; margin: 0 0 0 640px; padding: 7px 5px; font-weight: 600; color: #fff; font-size: 14px; text-align: center; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.tabs .tabs-data { margin: 0 0 0 500px;}
    a.tabs:hover .tabs-data { margin: 0 0 0 370px;}

    /* Naformatovani podstránky - odkazy */
    .container-content-section { width: 460px; min-height: 300px; margin: 0 0 0 calc(50% - 230px); text-align: left;}
    .container-content-section .free { width: 100%; min-height: 5px;}
    .container-content-section .news-box { width: 460px; height: 97px; margin: 0 0 0 0; border: none; background: none;}

    .container-content-section .container-box-pozice-a { width: 148px; height: 97px; position: absolute; margin: 0 0 0 0; border: 1px solid #f2f2f2;}
    .container-content-section .container-box-pozice-b { width: 148px; height: 97px; position: absolute; margin: 0 0 0 155px; border: 1px solid #f2f2f2;}
    .container-content-section .container-box-pozice-c { width: 148px; height: 97px; position: absolute; margin: 0 0 0 310px; border: 1px solid #f2f2f2;}

    .container-section-content { width: 148px; height: 97px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-section-content-image, .container-section-content-image img { position: absolute; transition: all 0.35s ease-in-out;}
    a.container-section-content .container-section-content-image img { height: 99px; margin: 0 0 0 0;}
    a.container-section-content:hover .container-section-content-image img { height: 109px; margin: -5px 0 0 -8px;}
    .container-section-content-text { width: 118px; height: 37px; position: absolute; margin: 50px 0 0 20px; padding: 5px; background: #f2f2f2;}
    .container-section-content-text .nadpis { font-size: 13px; margin: 0 0 2px 0; transition: all 0.35s ease-in-out;}
    .container-section-content-text .nadpis span { font-weight: 600; color: #000; transition: all 0.35s ease-in-out;}
    a.container-section-content .container-section-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-section-content:hover .container-section-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-section-content:hover .container-section-content-text .nadpis span { color: #A3241E; text-decoration: none;}
    .container-section-content-verticallinea { position: absolute; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.container-section-content .container-section-content-verticallinea { width: 10px; height: 5px; margin: 96px 0 0 138px;}
    a.container-section-content:hover .container-section-content-verticallinea { width: 15px; height: 5px; margin: 95px 0 0 133px;}
    .container-section-content-horizontlinea { position: absolute; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.container-section-content .container-section-content-horizontlinea { width: 5px; height: 10px; margin: 87px 0 0 147px;}
    a.container-section-content:hover .container-section-content-horizontlinea { width: 5px; height: 15px; margin: 82px 0 0 146px;}

    /* BannerReader */
    #button-face { width: 480px; height: 140px; padding: 40px 0 0 0; text-align: left;}
    .button-top-all { width: 460px; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;}
    .button-top { width: calc(30% - 5px); padding: 5px; order: 5; flex: 0 1 33%; align-self: auto;}
    .button-image { width: 100%; height: auto;}
    .button-image img { width: 100%; border: 1px solid #222;}
    .youtube-banner, .spis-banner, .wiki-banner, .polocy-banner { width: 233px; height: 76px; position: absolute; margin: 0 0 0 0; border: 1px solid #A3241E; background: url('../themes/banner.youtube.fw.png') 0 -2px no-repeat; background-size: cover;}
    .spis-banner { margin: 0 0 0 245px; background: url('../themes/banner.spis.page.fw.png') 0 -2px no-repeat; background-size: cover;}
    /*
    .wiki-banner { margin: 88px 0 0 0; background: url('../themes/banner.wiki.fw.png') 0 -2px no-repeat; background-size: cover;}
    .polocy-banner { margin: 88px 0 0 245px; background: #d80a0a url('../themes/banner.biblioteka.fw.png') 0 -2px no-repeat; background-size: cover;}
    */
    .wiki-banner { margin: 0 0 0 0; background: url('../themes/banner.wiki.fw.png') 0 -2px no-repeat; background-size: cover;}
    .polocy-banner { margin: 0 0 0 245px; background: #d80a0a url('../themes/banner.biblioteka.fw.png') 0 -2px no-repeat; background-size: cover;}

    /* Organizacje */
    .organ-linea, .organ-odkaz { width: 480px; height: 105px; margin: 0 0 3px -10px;}
    .organ-odkaz { position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.organ-odkaz { color: #222; text-decoration: none;}
    a.organ-odkaz:hover { color: #222; text-decoration: none; background: rgba(163,36,30,.15);}
    .organ-alfa { background: rgba(163,36,30,.04);}
    .organ-beta { background: rgba(163,36,30,.08);}
    .organ-box-a { width: 470px; height: 28px; position: absolute; margin: 5px; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .organ-box-b { width: 280px; height: 20px; position: absolute; margin: 36px 0 0 5px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .organ-box-c { width: 470px; height: 40px; position: absolute; margin: 60px 0 0 5px; font-size: 13px;}
    .organ-box-d { width: 180px; height: 20px; position: absolute; margin: 36px 0 0 295px; font-size: 14px; text-align: right;}

    /* Kontaktní osoby */
    .conperson-face { width: 460px; height: 115px;}
    .conperson-position-a, .conperson-position-b { width: 225px; height: 105px; position: absolute; margin: 0 0 0 0;}
    .conperson-position-b { margin: 0 0 0 235px;}
    .comperson { width: 213px; height: 93px; position: absolute; margin: 0 0 0 0; border-radius: 6px; padding: 5px; cursor: pointer; transition: all 0.35s ease-in-out;}
    a.comperson { border: 1px solid #000; color: #222; text-decoration: none;}
    a.comperson:hover { border: 1px solid #A3241E; background: #fff;}
    .comperson .nadpis { font-size: 20px; margin: 0 0 4px 0; font-weight: 600;}
    .comperson .nadpis span { font-size: 17px; font-weight: 300; color: #222;}
    .comperson .classic-txt-special { font-weight: 300; font-size: 13px; margin: 0 0 4px 0; font-style: italic; transition: all 0.35s ease-in-out; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    a.comperson:hover .classic-txt-special { color: #A3241E;}
    .comperson .classic-txt { margin: 0;}
    .comperson .classic-txt span { color: #222;}

    /* Generator banners */
    .genban-face { width: 440px; height: auto; border: 1px solid #808080; padding: 10px; margin: 0 0 0 0; background: #FFFFFF;}
    .genban-face-image { width: 440px; height: 132px; background: url('../themes/basic.design.gen.fw.png') top no-repeat; background-size: cover;}
    .genban-face-image-active { width: 132px; height: 132px; position: absolute; margin: 0;}

    .genban { width: 440px; height: auto; border-radius: 6px; margin: 0 0 0 0; background: #f2f2f2;}
    .genban .nadpis { text-align: center; margin: 0;}
    .genban .mini-free { height: 6px;}
    .genban .free { height: 15px;}
    .genban .space { height: 50px;}
    .genban-linea { width: 440px; height: auto;}
    .genban-linea-left { width: 420px; height: 60px; position: relative; margin: 0; padding: 10px;}
    .genban-linea-right { width: 420px; height: 60px; position: relative; margin: 0 0 0 0; padding: 10px;}
    .genban-linea-center { width: 420px; height: 60px; position: relative; margin: 0; padding: 10px;}
    .genban-linea-id { width: 120px; height: 22px; position: absolute; margin: 4px 0 0 0; padding: 0; color: #444; font-size: 14px; text-align: right;}
    .genban-linea-center .genban-linea-id { margin: -8px 0 0 0;}
    .genban-linea-content { width: 285px; height: 30px; position: absolute; margin: 0 0 0 125px; padding: 0 5px; font-size: 15px; border: none; border-bottom: 2px dotted #444; background: none;}
    .genban-linea-bigcontent { width: 285px; height: 30px; position: absolute; margin: 0 0 0 125px; padding: 0 5px; font-size: 15px; border: none; border-bottom: 2px dotted #444; background: none;}
    .txt-special { width: calc(100% - 130px); margin: 34px 0 0 0; font-size: 12px; color: #dd0330; font-style: italic; text-align: left; padding: 0 0 0 130px;}

    .genban-vyber { width: calc(100% - 20px); height: auto; padding: 10px; border-radius: 6px; margin: 0 0 0 0; background: #dd0330;}
    .genban-vyber-linea { width: 220px; height: 30px; font-size: 16px; color: #fff; padding: 8px 0;}
    .genban-vyber-pozice { width: 460px; height: 300px; margin: 0 0 0 -20px;}
    .genban-vyber-pozice-a, .genban-vyber-pozice-b, .genban-vyber-pozice-c, .genban-vyber-pozice-d, 
    .genban-vyber-pozice-e, .genban-vyber-pozice-f, .genban-vyber-pozice-g, .genban-vyber-pozice-h,
    .genban-vyber-pozice-i, .genban-vyber-pozice-j, .genban-vyber-pozice-k, .genban-vyber-pozice-l { width: 220px; height: 30px; position: absolute; margin: 0 0 0 0;}
    .genban-vyber-pozice-b { margin: 0 0 0 235px;}
    .genban-vyber-pozice-c { margin: 40px 0 0 0;}
    .genban-vyber-pozice-d { margin: 40px 0 0 235px;}
    .genban-vyber-pozice-e { margin: 80px 0 0 0;}
    .genban-vyber-pozice-f { margin: 80px 0 0 235px;}
    .genban-vyber-pozice-g { margin: 120px 0 0 0;}
    .genban-vyber-pozice-h { margin: 120px 0 0 235px;}
    .genban-vyber-pozice-i { margin: 160px 0 0 0;}
    .genban-vyber-pozice-j { margin: 160px 0 0 235px;}
    .genban-vyber-pozice-k { margin: 200px 0 0 0;}
    .genban-vyber-pozice-l { margin: 200px 0 0 235px;}
    
    .genban-button-face { width: 100%; height: 45px;}
    .genban-button, .genban-photobutton, .genban-share { width: 150px; height: 40px; position: absolute; margin: 0 0 0 200px; font-weight: 800; font-size: 22px; padding: 0; border-radius: 6px; text-align: left; color: #fff; transition: all 0.35s ease-in-out; cursor: pointer;}
    a.genban-button { color: #fff; background: #dd0330 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    a.genban-button:hover { background: #6f1660 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    .genban-button-button { width: 150px; height: 40px; position: absolute; margin: 0; border: 0px; cursor: pointer; background: none;}
    .genban-photobutton { background: #e1e1e1; margin: 0 0 0 20px;}
    a.genban-photobutton { text-decoration: none; color: #808080; background: #e1e1e1 url('../themes/photoupload.fw.png') right no-repeat; background-size: contain;}
    a.genban-photobutton:hover { color: #6f1660; background: #e1e1e1 url('../themes/photoupload.active.fw.png') right no-repeat; background-size: contain;}
    .genban-share { width: 40px; background: #e1e1e1; margin: 0 0 0 380px;}
    a.genban-share { text-decoration: none; color: #808080; background: #e1e1e1 url('../themes/share.0.fw.png') right no-repeat; background-size: contain;}
    a.genban-share:hover { color: #6f1660; background: #e1e1e1 url('../themes/share.active.fw.png') right no-repeat; background-size: contain;}
    .genban-button p, .genban-photobutton p, .genban-share p { width: 115px; text-align: center; position: absolute; margin: 0 0 0 0; padding: 10px 0; font-size: 15px;}
    .genban-share p { width: 0px; font-size: 0px; overflow: none; visibility: none;}
    .genban-photobutton-upload { width: 140px; height: 34px; cursor: pointer; position: absolute; margin: 4px; border: 0px; padding: 0; color: transparent; background: none;}
    .genban-photobutton-infofiles { width: 200px; height: 40px; font-size: 11px; text-align: center; font-weight: 300; color: #A3241E; position: absolute; margin: -38px 0 0 -25px; text-align: center; background: none;}
    .txt-gdpr { text-align: justify; font-size: 14px; padding: 8px; border-radius: 6px; background: #f2f2f2;}

    /* Český rozhlas, rozhovory */
    .cro { width: 100%; height: auto;}

    /* Login.FRZ */
    .container-content .login-frz-pozice { width: 460px; height: 70px; text-align: left;}
    .login-frz { width: 424px; height: 24px; position: absolute; margin: 20px 0 0 10px; font-size: 18px; font-weight: 700; padding: 6px 5px; text-align: center; border: 3px solid #808080; border-radius: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 0.35s ease-in-out;}
    a.login-frz { border: 3px solid #808080; color: #222; text-decoration: none;}
    a.login-frz:hover { border: 3px solid #A3241E; color: #A3241E;}

    /* TOPPAGE HomePage */
    #toppage-face { width: 100%; height: 500px;}
    .toppage { width: 440px; height: 400px; position: absolute; margin: 50px 0 0 calc(50% - 220px); text-align: left;}
    .toppage-image { width: 440px; height: 369px; position: absolute; margin: 0; border: 1px solid #000; text-align: left; background: url('../themes/ukraina.png') top no-repeat; background-size: cover;}
    .toppage .classic-txt { width: 100%; position: absolute; margin: 380px 0 0 0; font-size: 16px; text-align: center;}

    /* Newsletter registration */
    #newletter-face { width: 100%; height: 200px;}
    .newletter { width: 360px; height: 150px; text-align: left; border-radius: 8px; background: #dd0330;}
    .newletter-text { width: 280px; height: 30px; position: absolute; margin: 10px 0 0 40px; font-weight: 800; font-size: 17px; text-align: center; color: #f2f2f2;}
    .newletter-text .classic-txt { width: 280px; height: 30px; position: absolute; margin: 30px 0; font-weight: 300; font-size: 12px; color: #f2f2f2;}
    .newletter-box { width: 280px; height: 44px; position: absolute; margin: 80px 0 0 40px; border-radius: 4px; background: #f2f2f2;}
    .newletter-box-content { width: 270px; height: 26px; position: absolute; margin: 5px 5px; padding: 4px 0; font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 18px; border: 0px; color: #000; text-align: center; background: #f2f2f2;}
    .newletter-button { width: 180px; height: 40px; position: absolute; margin: 130px 0 0 90px; border-radius: 4px; border: 2px solid #f2f2f2; background: #f2f2f2;}
    .newletter-button p { width: 100%; position: absolute; margin: 0; color: #fff; text-align: center; padding: 8px 0; text-align: center; font-weight: 800; font-size: 17px;}
    a.newletter-button { background: #dd0330; text-decoration: none;}
    a.newletter-button:hover { background: #A3241E; text-decoration: none;}
    .newletter-button-odraz { width: 180px; height: 40px; position: absolute; margin: 0; border: 0; cursor: pointer; background: none;}

    /* Newsletter registration */
    .banner-polskiedni { width: 460px; height: 39px; border: 1px solid #222; text-align: left; background: url('../themes/polskiedni.pasek.jpg') top no-repeat; background-size: contain;}
    .banner-polskiedni-data { width: 460px; height: 39px; position: absolute; margin: 0;}
    .banner-polskiedni { width: 460px; height: 39px; border: 1px solid #222; text-align: left; background: url('../themes/kartki.jpg') top no-repeat; background-size: contain;}
    .banner-kongres { width: 460px; height: 76px; border: 1px solid #222; text-align: left; background: rgba(0,0,0,.25) url('../themes/kp_14-zgromadzenie-ogolne_banner_animacja.gif') top no-repeat; background-size: contain;}
    .banner-kongres-data { width: 460px; height: 76px; position: absolute; margin: 0;}
    .banner-kongres { width: 460px; height: 76px; border: 1px solid #222; text-align: left; background: rgba(0,0,0,.25) url('../themes/poradnik.png') top no-repeat; background-size: contain;}
    
    /* Rozšíření galerie */
    .topgallery-line { width: 460px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .topgallery-position { width: 230px; height: 160px;}
    .topgallery-box { width: 210px; height: 140px; position: absolute; margin: 10px 10px; align-items: center; border: 1px solid #6f1660; overflow: hidden;}
    .topgallery-box img { position: absolute; margin: 0px; width: 210px;}
    .topgallery-box p { width: 190px; height: 120px; position: absolute; padding: 10px 10px; display: flex; font-weight: 300; align-items: flex-end; color: #f2f2f2; font-size: .9em; transition: all .35s ease-in-out; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,1));}
    .topgallery-box p span { font-weight: 300; color: #d80a0a; font-size: .7em;}

    a.topgallery-box p { margin: 140px 0 0 0;}
    a.topgallery-box:hover p { margin: 0;}
}

/* Rozhraní pro mobil */
@media screen and (max-width: 479px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; background: #f2f2f2;}

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

    .nadpis { font-size: 18px; margin: 0 0 8px 0;}
    .podnadpis { font-size: 16px; font-weight: 600; margin: 0 0 10px 0;}
    .classic-txt, .classic-txt-top, .classic-txt-datum, .classic-txt-seznam, .classic-txt-special { font-size: 13px; margin: 0 0 4px 0;}
    .classic-txt-seznam { width: calc(100% - 12px); padding: 0 0 0 12px; background: url('../themes/seznam.fw.png') 0 4px no-repeat; background-size: 8px;}
    .classic-txt-top { font-weight: 600;}
    .classic-txt-special { font-weight: 800;}
    .classic-txt-datum { font-weight: 600; margin: 0 0 2px 0;}
    .classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span  { font-weight: 600; color: #D80A0A;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a, .classic-txt-special a { color: #000; text-decoration: none;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover, .classic-txt-special a:hover { color: #D80A0A;}

    /* Hlavička webu */
    #header-face, #header-face-page { width: 100%; height: 280px; margin: 0 0 0 0; padding: 40px 0 0 0;}
    #header, #header-page { width: 100%; height: 280px; background: url('../themes/top.back.fw.png') center bottom no-repeat; background-size: auto 280px;}
    .header-gradient { width: 100%; height: 280px; position: absolute; margin: 0 0 0 0; background: linear-gradient(180deg, rgba(0,0,0,.15), #000);}
    .header-left { width: 20px; height: 280px; position: absolute; margin: 0 0 0 0; background: url('../themes/header.left.fw.png') right no-repeat; background-size: auto 280px;}
    .header-right { width: 20px; height: 280px; position: absolute; margin: 0 0 0 calc(100% - 20px); background: url('../themes/header.right.fw.png') left no-repeat; background-size: auto 280px;}
    .header-lineas { width: 100%; height: 2px; position: absolute; margin: 265px 0 0 0; background: #D80A0A;}
    .header-content, .header-content-page { width: 300px; height: 260px; position: absolute; margin: 10px 0 0 calc(50% - 150px); text-align: left;}
    .header-content-textbox { width: 280px; height: 80px; position: absolute; margin: 130px 0 0 10px;}
    .header-content-textbox .nadpis, .header-content-page .header-content-textbox .nadpis { font-size: 22px; line-height: 1.0; margin: 0 0 5px 0; text-align: center; color: #FFFFFF;}
    .header-content-textbox .nadpis span, .header-content-page .header-content-textbox .nadpis span { font-size: 28px;}
    .header-content-textbox .classic-txt { color: #D80A0A; text-align: center;}
    .header-content-maps, .header-content-page .header-content-maps { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; background: url('../themes/maps.fw.png') top no-repeat; background-size: cover;}
    .header-wpisujesa { width: 42px; height: 80px; position: absolute; margin: 40px 0 0 -21px; transition: all 0.35s ease-in-out; background: url('../themes/logo.scitani.fw.png') top no-repeat; background-size: cover;}

    .header-ide { width: 120px; height: 50px; position: absolute; margin: -35px 0 0 calc(50% + 20px); z-index: 100; text-align: left; border: 1px solid #808080; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background: #FFFFFF;}
    .header-ide-logo { width: 40px; height: 40px; position: absolute; margin: 5px; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    .mobil-navigace { width: 40px; height: 40px; position: absolute; margin: 5px 0 0 75px;}

    .navigace { width: 0px; height: 0px; position: absolute; margin: 0; overflow: hidden; visibility: hidden; font-weight: 600;}
    .navigace-pozice-1, .navigace-pozice-2, .navigace-pozice-3, 
    .navigace-pozice-4, .navigace-pozice-5, .navigace-pozice-6 { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; overflow: hidden;}

    .header-topinfo { width: 300px; height: 40px; position: absolute; margin: -40px 0 0 calc(50% - 150px); font-weight: 300; font-size: 16px;}
    .header-topinfo-polonica { width: 40px; height: 40px; position: absolute; margin: 0 10px; padding: 0 0 0 0; text-align: left; background: url('../themes/logo.podelne.fw.png') -62px 0 no-repeat; background-size: auto 40px;}
    .header-topinfo-menu { width: 240px; height: 40px; position: absolute; margin: 285px 0 0 15px; text-align: left;}
    .header-topinfo-menu-a, .header-topinfo-menu-b, .header-topinfo-menu-c, .header-topinfo-menu-d, .header-topinfo-menu-e { width: 40px; height: 40px; position: absolute; margin: 0 0 0 0; padding: 0 0 0 0; border-radius: 100%; font-size: 0px; text-align: center; transition: all 0.35s ease-in-out;}
    .header-topinfo-menu-a { background: #f2f2f2 url('../themes/mini.icon.news.active.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-a { background: #f2f2f2 url('../themes/mini.icon.news.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-a:hover { background: #f2f2f2 url('../themes/mini.icon.news.active.fw.png') top no-repeat; background-size: cover;}
    .header-topinfo-menu-b { margin: 0 0 0 50px;}
    a.header-topinfo-menu-b { background: #f2f2f2 url('../themes/mini.icon.facebook.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-b:hover { background: #f2f2f2 url('../themes/mini.icon.facebook.active.fw.png') top no-repeat; background-size: cover;}
    .header-topinfo-menu-c { margin: 0 0 0 100px; background: #f2f2f2 url('../themes/mini.icon.partners.active.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-c { background: #f2f2f2 url('../themes/mini.icon.partners.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-c:hover { background: #f2f2f2 url('../themes/mini.icon.partners.active.fw.png') top no-repeat; background-size: cover;}
    .header-topinfo-menu-d { margin: 0 0 0 150px; background: #f2f2f2 url('../themes/mini.icon.podpora.active.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-d { background: #f2f2f2 url('../themes/mini.icon.podpora.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-d:hover { background: #f2f2f2 url('../themes/mini.icon.podpora.active.fw.png') top no-repeat; background-size: cover;}
    .header-topinfo-menu-e { margin: 0 0 0 200px; background: #f2f2f2 url('../themes/mini.icon.kontakt.active.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-e { background: #f2f2f2 url('../themes/mini.icon.kontakt.fw.png') top no-repeat; background-size: cover;}
    a.header-topinfo-menu-e:hover { background: #f2f2f2 url('../themes/mini.icon.kontakt.active.fw.png') top no-repeat; background-size: cover;}

    /* Nastavení pro podstránku */
    .header-content-gradient { width: 0px; height: 0px; position: absolute; margin: 0; visibility: hidden;}

    /* Banner */
    #banner-face, #partners-face, #projekt-face { width: 100%; height: auto; padding: 10px 0;}
    .banner-titul, .partners-titul, .container-hp, .container-page-banner-titul { width: 300px; height: auto; margin: 0; border-bottom: 1px solid #808080;}
    .container-hp { width: 300px; height: auto; margin: 0 0 0 calc(50% - 150px); border-bottom: 1px solid #808080;}
    .banner-titul .classic-txt, .partners-titul .classic-txt, 
    .container-hp .classic-txt, .container-page-banner-titul .classic-txt { margin: 0; color: #808080; padding: 3px 3px; font-weight: 300; font-size: 13px; text-align: left;}
    .banner { width: 300px; height: 50px; border: 1px solid #A3241E; background: url('../themes/banner.kpkp.fw.png') top no-repeat; background-size: cover;}

    /* Partneři */
    .partners-linea { width: 300px; height: 100px; text-align: left;}
    .partners-linea-a, .partners-linea-b, .partners-linea-c, 
    .partners-linea-d, .partners-linea-e, .partners-linea-f, .partners-linea-g { width: 75px; height: 49px; position: absolute; margin: 0 0 0 0;}
    .partners-linea-b { margin: 0 0 0 75px;}
    .partners-linea-c { margin: 0 0 0 150px;}
    .partners-linea-d { margin: 0 0 0 225px;}
    .partners-linea-e { margin: 50px 0 0 37px;}
    .partners-linea-f { margin: 50px 0 0 112px;}
    .partners-linea-g { margin: 50px 0 0 187px;}
    .partners-linea-a img, .partners-linea-b img, .partners-linea-c img, 
    .partners-linea-d img, .partners-linea-e img, .partners-linea-f img, .partners-linea-g img { width: 75px;}

    /* Partneři */
    .projekt-linea { width: 300px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; text-align: left;}
    .projekt-linea-box, .projekt-linea-box-double { width: 100px; height: 68px; margin: 0 0 0 0;}
    .projekt-linea-box-double { width: 280px; height: 90px;}
    .projekt-linea-box img { width: 100px;}
    .projekt-linea-box-double img { width: 280px;}
    #projekt-face .classic-txt { font-size: 15px; padding: 10px 0 0 0; color: #D80A0A;}
    .projekt-kprm { width: 300px; height: 120px; overflow: hidden;}
    .projekt-kprm img { width: 300px;}

    /* Spodní část webu */
    #bottom-face { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 30px 0;}
    .bottom { width: 100%; height: 260px; background: #000;}
    .bottom-linea-top { width: 100%; height: 3px; position: absolute; margin: 254px 0 0 0; background: #f2f2f2;}
    .bottom-linea-bottom { width: 100%; height: 3px; position: absolute; margin: 257px 0 0 0; background: #A3241E;}
    .bottom-left { width: 20px; height: 260px; position: absolute; margin: 0 0 0 0; transform: rotate(180deg); background: url('../themes/header.right.fw.png') top left no-repeat; background-size: auto 260px;}
    .bottom-right { width: 20px; height: 260px; position: absolute; margin: 0 0 0 calc(100% - 20px); transform: rotate(180deg); background: url('../themes/header.left.fw.png') top right no-repeat; background-size: auto 260px;}
    .bottom-content { width: 300px; height: 150px; position: absolute; margin: 15px 0 0 calc(50% - 150px); color: #f2f2f2; text-align: left;}
    .bottom-content-a, .bottom-content-b, .bottom-content-c, .bottom-content-d { width: 150px; height: 120px; position: absolute; margin: 0 0 0 0;}
    .bottom-content-b { margin: 0 0 0 150px;}
    .bottom-content-c { margin: 120px 0 0 0;}
    .bottom-content-d { margin: 120px 0 0 150px;}
    .bottom-content-d .classic-txt span { font-size: 0px; visibility: hidden;}
    .bottom-content .classic-txt-special { width: 150px; height: 18px; padding: 4px 0 0 0; margin: 0; font-size: 12px; text-align: center; font-weight: 800;}
    .bottom-content .classic-txt-special span { font-weight: 800;}
    .bottom-content .classic-txt { width: 150px; height: 18px; padding: 4px 0 0 0; margin: 0; font-size: 12px; text-align: center;}
    .bottom-content .classic-txt a { color: #f2f2f2; text-decoration: none;}
    .bottom-content .classic-txt a:hover { color: #D80A0A;}
    .bottom-content .classic-txt span { font-weight: 600;}

    /* Produkce */
    #production-face { width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 20px 0;}
    .production { width: 300px; height: 50px; text-align: left;}
    .copyright { width: 120px; height: 22px; position: absolute; margin: -15px 0 0 90px; padding: 7px 0 0 0; text-align: center; font-size: 12px; color: #808080;}
    .production-topinfo-polonica { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 0px; visibility: hidden; overflow: hidden; font-weight: 800; text-align: center;}
    .production-topinfo-polonica span { color: #D80A0A;}
    .creative { width: 193px; height: 20px; position: absolute; margin: 30px 0 0 53px;}
    .rhotechnology { width: 193px; height: 20px; position: absolute; margin: -10px 0 0 0; transition: all 0.35s ease-in-out;}
    a.rhotechnology { background: url('../themes/creator.fw.png') left no-repeat; background-size: cover;}
    a.rhotechnology:hover { background: url('../themes/creator.active.fw.png') left no-repeat; background-size: cover;}
    .romandesign { width: 164px; height: 20px; position: absolute; margin: 10px 0 0 14px; transition: all 0.35s ease-in-out;}
    a.romandesign { background: url('../themes/creator.fw.png') right no-repeat; background-size: cover;}
    a.romandesign:hover { background: url('../themes/creator.active.fw.png') right no-repeat; background-size: cover;}

    /* Hlavní obsahová část webu - hlavní stránka + aktualnoscy */
    #container-hp, #news-face { width: 100%; min-height: 500px; text-align: left; padding: 30px 0 10px 0;}
    .container-box, .news-box { width: 300px; height: 1055px; margin: 0 0 0 calc(50% - 151px); border: 1px solid #808080; background: #FFFFFF;}

    .container-box-pozice-a, .container-box-pozice-b, .container-box-pozice-c, .container-box-pozice-d, 
    .container-box-pozice-e, .container-box-pozice-f, .container-box-pozice-g { width: 288px; height: 141px; position: absolute; margin: 5px; border: 1px solid #FFFFFF;}
    .container-box-pozice-b { margin: 155px 0 0 5px; border: 1px solid #FFFFFF;}
    .container-box-pozice-c { margin: 305px 0 0 5px; border: 1px solid #FFFFFF;}
    .container-box-pozice-d { margin: 455px 0 0 5px; border: 1px solid #FFFFFF;}
    .container-box-pozice-e { margin: 605px 0 0 5px; border: 1px solid #FFFFFF;}
    .container-box-pozice-f { margin: 755px 0 0 5px; border: 1px solid #FFFFFF;}
    .container-box-pozice-g { margin: 905px 0 0 5px; border: 1px solid #FFFFFF;}
    
    .container-box-content-mini, .container-box-content-max { width: 288px; height: 141px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-box-content-image { position: absolute; transition: all 0.35s ease-in-out;}
    a.container-box-content-mini .container-box-content-image, a.container-box-content-max .container-box-content-image { height: 143px; margin: 0 0 0 -5px;}
    a.container-box-content-mini:hover .container-box-content-image, a.container-box-content-max:hover .container-box-content-image { height: 163px; position: absolute; margin: -10px 0 0 -25px;}
    .container-box-content-text { width: 160px; height: 90px; position: absolute; margin: 45px 0 0 120px; padding: 5px; background: #FFFFFF;}
    .container-box-content-text .classic-txt-datum { font-size: 10px; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .container-box-content-text .nadpis { height: 57px; overflow: hidden; font-size: 13px; margin: 0 0 2px 0; transition: all 0.35s ease-in-out;}
    .container-box-content-text .classic-txt { font-size: 10px; text-align: right; transition: all 0.35s ease-in-out;}
    .container-box-content-text .classic-txt span { color: #808080;}
    a.container-box-content-mini .container-box-content-text .nadpis, a.container-box-content-mini .container-box-content-text .classic-txt-datum,
    a.container-box-content-max .container-box-content-text .nadpis, a.container-box-content-max .container-box-content-text .classic-txt-datum { color: #000; text-decoration: none;}
    a.container-box-content-mini:hover .container-box-content-text .nadpis, a.container-box-content-max:hover .container-box-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-box-content-mini:hover .container-box-content-text .classic-txt-datum,
    a.container-box-content-max:hover .container-box-content-text .classic-txt-datum { color: #D80A0A;}
    a.container-box-content-mini:hover .container-box-content-text .classic-txt,
    a.container-box-content-max:hover .container-box-content-text .classic-txt { color: #808080;}

    .classic-txt-image-polonica { width: calc(100% - 80px); height: 18px; position: absolute; margin: 70px 0 0 0; padding: 4px 70px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.polonica.fw.png') right 2px no-repeat; background-size: 63px 18px;}
    .classic-txt-image-glos { width: calc(100% - 80px); height: 18px; position: absolute; margin: 70px 0 0 0; padding: 4px 70px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.glos.fw.png') right 2px no-repeat; background-size: 63px 18px;}
    .classic-txt-image-zwrot { width: calc(100% - 80px); height: 18px; position: absolute; margin: 70px 0 0 0; padding: 4px 70px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.zwrot.fw.png') right 2px no-repeat; background-size: 54px 16px;}
    .classic-txt-image-ceskyrozhlas { width: calc(100% - 80px); height: 18px; position: absolute; margin: 70px 0 0 0; padding: 4px 70px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.ceskyrozhlas.fw.png') right 2px no-repeat; background-size: 63px 18px;}
    
    .container-box-button-pozice { width: 300px; height: 30px; margin:  0 0 0 calc(50% - 150px); text-align: left;}
    .container-box-button { width: 150px; height: 30px; position: absolute; margin: 0 0 0 150px; text-align: left; transition: all 0.35s ease-in-out;}
    .container-box-button-text { width: 120px; height: 18px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 6px 20px 6px 10px; font-weight: 600; font-size: 14px; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 18px; border-bottom-left-radius: 5px; border-bottom-right-radius: 18px; transition: all 0.35s ease-in-out;}
    a.container-box-button .container-box-button-text { background: #808080 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    a.container-box-button:hover .container-box-button-text { background: #D80A0A url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    .container-box-button-linea { width: 150px; height: 1px; position: absolute; margin: 0 0 0 -150px; transition: all 0.35s ease-in-out;}
    a.container-box-button .container-box-button-linea { background: #808080;}
    a.container-box-button:hover .container-box-button-linea { background: #D80A0A;}

    /* Hlavní obsahová část webu - obsahová část vedlejší stránky */
    #container-page { width: 100%; min-height: 500px; text-align: left; padding: 10px 0 10px 0;}
    .container-page-banner { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden; overflow: hidden;}
    .container-page-banner-titul { width: 0px;}
    .container-id { width: 300px; height: auto; margin: 0 0 0 calc(50% - 150px); border-bottom: 1px solid #808080;}
    .container-id .classic-txt { margin: 0; color: #808080; padding: 2px; font-weight: 300; font-size: 15px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .container-id .classic-txt-special { margin: 0; color: #808080; padding: 2px; margin: 0 0 4px 0; font-weight: 300; font-size: 10px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .container-id .classic-txt-special a { color: #808080;}
    .container-id .classic-txt-special a:hover { color: #A3241E;}
    .container-content { width: 300px; min-height: 400px; margin: 0 0 0 calc(50% - 150px);}
    .container-content-image-pozice { width: 290px; height: 178px; padding: 5px; float: right }
    .container-content-image { width: 288px; height: 176px; position: absolute; margin: 0; border: 1px solid #A3241E; text-align: left; overflow: hidden }
    .container-content-image img { width: 290px; margin: -7px 0 0 0 }
    .container-content .classic-txt-top, .container-content .classic-txt { text-align: justify;}
    .container-content .classic-txt-top i, .container-content .classic-txt i { font-weight: 400;}
    .container-content .classic-txt-datum { font-weight: 800; font-size: 13px; color: #D80A0A}
    .container-content-share-pozice { width: 300px; height: 30px; margin:  0 0 0 calc(50% - 150px); text-align: left;}
    .container-content-share { width: 110px; height: 30px; position: absolute; margin: 0 0 0 190px; text-align: left; transition: all 0.35s ease-in-out; cursor: pointer;}
    .container-content-share-text { width: 80px; height: 18px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 6px 20px 6px 10px; font-weight: 600; font-size: 14px; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 20px; transition: all 0.35s ease-in-out;}
    a.container-content-share .container-content-share-text { background: #808080 url('../themes/share.fw.png') right no-repeat; background-size: contain;}
    a.container-content-share:hover .container-content-share-text { background: #D80A0A url('../themes/share.fw.png') right no-repeat; background-size: contain;}
    .container-content-share-linea { width: 170px; height: 1px; position: absolute; margin: 0 0 0 -170px; transition: all 0.35s ease-in-out;}
    a.container-content-share .container-content-share-linea { background: #808080;}
    a.container-content-share:hover .container-content-share-linea { background: #D80A0A;}
    .container-content-print { width: 90px; height: 30px; position: absolute; margin: 0 0 0 0; text-align: left; transition: all 0.35s ease-in-out; cursor: pointer;}
    .container-content-print-text { width: 80px; height: 18px; position: absolute; margin: 0 0 0 0; color: #FFFFFF; padding: 6px 10px 6px 20px; font-weight: 600; font-size: 14px; text-align: right; border-top-left-radius: 20px; border-top-right-radius: 0px; border-bottom-left-radius: 20px; border-bottom-right-radius: 6px; transition: all 0.35s ease-in-out;}
    a.container-content-print .container-content-print-text { background: #808080 url('../themes/print.fw.png') left no-repeat; background-size: contain;}
    a.container-content-print:hover .container-content-print-text { background: #D80A0A url('../themes/print.fw.png') left no-repeat; background-size: contain;}
    .container-content-print-linea { width: 195px; height: 1px; position: absolute; margin: 0 0 0 15px; transition: all 0.35s ease-in-out;}
    a.container-content-print .container-content-print-linea { background: transparent;}
    a.container-content-print:hover .container-content-print-linea { background: #D80A0A;}

    /* Obsahový banner */
    .container-content-banner-pozice { width: 140px; min-height: 140px; margin: 0 0 0 0; float: right;}
    .container-content-banner { width: 130px; min-height: 130px; position: absolute; margin: 0 0 0 10px; overflow: hidden;}
    .container-content-banner img { width: 130px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.container-content-banner img { width: 130px; margin: 0;}
    a.container-content-banner:hover img { width: 140px; margin: -5px;}

    /* Obsahová galerie článku */
    .article-gallery { width: 300px; height: auto;}
    .gallery-line { width: 290px; height: auto;}
    .gallery-pozice-a, .gallery-pozice-b { width: 288px; height: 137px; position: relative; margin: 0 0 5px 0; overflow: hidden;}
    .gallery-pozice-a img, .gallery-pozice-b img { height: 137px; position: absolute; border: 1px solid #D80A0A;}

    /* Obsahové video článku */
    .article-video { width: 300px; height: 174px;}
    .article-video-pozice { width: 288px; height: 162px; position: absolute; margin: 5px; overflow: hidden; border: 1px solid #D80A0A;}
    .youtubevimeo { width: 290px; height: 168px; position: absolute; margin: -2px 0 0 0;}

    .article-top { width: 300px; height: auto; margin: 0 0 10px 0;}
    .article-top-photo { width: 299px; height: 144px; position: absolute; margin: 0 0 0 0; overflow: hidden; border: 1px solid #A3241E;}
    .article-top-photo img { height: 144px; margin: 0 0 0 0;}
    .article-top-tituls-space { width: 100%; height: 110px; z-index: 100;}
    .article-top-tituls { width: 220px; height: auto; position: relative; margin: 0 0 0 10px; padding: 5px; z-index: 100; border: 1px solid #808080; background: #FFFFFF;}
    .article-top-tituls .nadpis { margin: 0 0 0 0;}

    /* Noveinky, box pro vedlejší stránku */
    #news-face { min-height: 455px; padding: 10px 0;}
    .news-box { height: 455px;}
    .news-box .container-box-pozice-a { margin: 5px;}
    .news-box .container-box-pozice-b { margin: 155px 0 0 5px;}
    .news-box .container-box-pozice-c { margin: 305px 0 0 5px;}

    /* Linearní aktuality */
    .container-box-pozice-x { width: 300px; height: 90px; margin: 0 0 5px calc(50% - 150px); text-align: left;}
    .container-box-pozice-x .container-box-content-mini, .container-box-pozice-x .container-box-content-max { width: 300px; height: 90px; position: absolute; margin: 0 0 0 0; overflow: visible; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-image { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border: none; visibility: hidden; overflow: hidden;}
    .container-box-pozice-x a.container-box-content-mini .container-box-content-image, .container-box-pozice-x a.container-box-content-max .container-box-content-image { height: 88px; margin: 0 0 0 0;}
    .container-box-pozice-x a.container-box-content-mini .container-box-content-image img, .container-box-pozice-x a.container-box-content-max .container-box-content-image img { height: 90px;}
    .container-box-pozice-x a.container-box-content-mini:hover .container-box-content-image, .container-box-pozice-x a.container-box-content-max:hover .container-box-content-image { height: 98px; position: absolute; margin: -5px 0 0 5px;}
    .container-box-pozice-x a.container-box-content-mini:hover .container-box-content-image img, .container-box-pozice-x a.container-box-content-max:hover .container-box-content-image img { height: 100px;}
    .container-box-pozice-x .container-box-content-text { width: 290px; height: 70px; position: absolute; margin: 0 0 0 0; background: none;}
    .container-box-pozice-x .container-box-content-text .classic-txt-datum { font-size: 13px; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .nadpis { height: auto; overflow: visible; font-size: 14px; margin: 0 0 4px 0; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .classic-txt { font-size: 10px; margin: 0 0 0 0; color: #A3241E; text-align: right; transition: all 0.35s ease-in-out;}
    .container-box-pozice-x .container-box-content-text .classic-txt span { color: #808080;}

    /* Archívní zprávy - aktuality */
    .container-archiv { width: 300px; height: 82px; margin: 0 0 5px calc(50% - 150px); text-align: left;}
    .container-archiv .container-box-content-mini, .container-archiv .container-box-content-max { width: 298px; height: 82px; position: absolute; margin: 0 0 0 0; overflow: visible; transition: all 0.35s ease-in-out;}
    .container-archiv a.container-box-content-mini, .container-archiv a.container-box-content-max { text-decoration: none; border: 1px solid transparent;}
    .container-archiv a.container-box-content-mini:hover, .container-archiv a.container-box-content-max:hover { border: 1px solid #808080; border-radius: 5px; background: #fff;}
    .container-archiv .container-box-content-image { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border: none; visibility: hidden; overflow: hidden;}
    .container-archiv .container-box-content-text { width: 280px; height: 40px; position: relative; margin: 0 0 0 0; background: none;}
    .container-archiv .container-box-content-text .classic-txt-datum { width: 288px; font-size: 12px; position: relative; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .nadpis { width: 288px; font-size: 14px; position: relative; margin: 0 0 4px 0; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .classic-txt { font-size: 10px; position: absolute; margin: 0 0 0 0; text-align: right; transition: all 0.35s ease-in-out;}
    .container-archiv .container-box-content-text .classic-txt span { color: #808080;}

    .container-archiv .classic-txt-image-polonica { width: calc(100% - 65px); height: 15px; padding: 2px 65px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.polonica.fw.png') right top no-repeat; background-size: 65px 17px;}
    .container-archiv .classic-txt-image-glos { width: calc(100% - 65px); height: 15px; padding: 2px 65px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.glos.fw.png') right top no-repeat; background-size: 65px 17px;}
    .container-archiv .classic-txt-image-zwrot { width: calc(100% - 59px); height: 15px; padding: 2px 59px 0 0; transition: all 0.35s ease-in-out; background: url('../themes/zdroj.zwrot.fw.png') right top no-repeat; background-size: 59px 17px;}
    
    /* Linea dělič */
    .lineaspace-box-face { width: 100%; height: 40px; padding: 20px 0 0 0;}
    .lineaspace-box { width: 240px; height: 36px; position: absolute; margin: 0 0 0 calc(50% - 120px); text-align: left;}
    .lineaspace-box-left { width: 119px; height: 30px; position: absolute; margin: 0 0 0 0; padding: 6px 0 0 0; text-align: center; font-size: 15px; font-weight: 800; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 0; border-top-right-radius: 4px; transition: all 0.35s ease-in-out; color: #f2f2f2; text-decoration: none; background: #D80A0A;}
    .lineaspace-box-right { width: 119px; height: 30px; position: absolute; margin: 0 0 0 121px; padding: 6px 0 0 0; text-align: center; font-size: 15px; font-weight: 800; border-top-left-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 20px; border-top-right-radius: 20px; transition: all 0.35s ease-in-out; color: #f2f2f2; text-decoration: none; background: #D80A0A;}
    a.lineaspace-box-left, a.lineaspace-box-right { color: #f2f2f2; text-decoration: none; background: #808080;}
    a.lineaspace-box-left:hover, a.lineaspace-box-right:hover { color: #f2f2f2; text-decoration: none; background: #D80A0A;}

    /* Tabulky */
    .tabs-face { width: 300px; height: 55px;}
    .tabs { width: 298px; height: 48px; position: absolute; border-radius: 6px; border: 1px solid #A3241E; color: #222; overflow: hidden; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.tabs { border: 1px solid rgba(25,25,25,.10); text-decoration: none; color: #444;}
    a.tabs:hover { border: 1px solid #A3241E; color: #222;}
    .tabs-0, .tabs-2, .tabs-3, .tabs-4 { width: 278px; height: 34px; position: absolute; margin: 0 0 0 0; padding: 6px 10px; font-size: 13px; font-weight: 600;}
    .tabs-1 { width: 24px; height: 24px; position: absolute; margin: 4px;}
    .tabs-1 img { width: 24px; background: none; border: none;}
    .tabs-2 { width: 243px; margin: 0 0 0 35px; font-weight: 300;}
    .tabs-3 { width: 138px; margin: 0 0 0 0; padding: 6px 5px; font-weight: 300;}
    .tabs-4 { width: 138px; margin: 0 0 0 152px; padding: 6px 5px;}
    .tabs-data { width: 70px; height: 18px; position: absolute; margin: 0 0 0 640px; padding: 3px 5px; font-weight: 600; color: #fff; font-size: 12px; text-align: center; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.tabs .tabs-data { margin: 48px 0 0 210px;}
    a.tabs:hover .tabs-data { margin: 24px 0 0 210px;}

    /* Naformatovani podstránky - odkazy */
    .container-content-section { width: 280px; min-height: 300px; margin: 0 0 0 calc(50% - 140px); text-align: left;}
    .container-content-section .free { width: 100%; min-height: 5px;}
    .container-content-section .news-box { width: 280px; height: auto; margin: 0 0 10px 0; border: none; background: none;}

    .container-content-section .container-box-pozice-a { width: 278px; height: 182px; position: relative; margin: 0 0 10px 0; border: 1px solid #f2f2f2;}
    .container-content-section .container-box-pozice-b { width: 278px; height: 182px; position: relative; margin: 0 0 10px 0; border: 1px solid #f2f2f2;}
    .container-content-section .container-box-pozice-c { width: 278px; height: 182px; position: relative; margin: 0 0 0 0; border: 1px solid #f2f2f2;}

    .container-section-content { width: 278px; height: 182px; position: absolute; margin: 0 0 0 0; text-align: left; overflow: hidden;}
    .container-section-content-image, .container-section-content-image img { position: absolute; transition: all 0.35s ease-in-out;}
    a.container-section-content .container-section-content-image img { height: 184px; margin: 0 0 0 0;}
    a.container-section-content:hover .container-section-content-image img { height: 204px; margin: -10px 0 0 -15px;}
    .container-section-content-text { width: 180px; height: 46px; position: absolute; margin: 126px 0 0 88px; padding: 5px; background: #f2f2f2;}
    .container-section-content-text .nadpis { font-size: 17px; margin: 0 0 2px 0; transition: all 0.35s ease-in-out;}
    .container-section-content-text .nadpis span { font-weight: 600; color: #000; transition: all 0.35s ease-in-out;}
    a.container-section-content .container-section-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-section-content:hover .container-section-content-text .nadpis { color: #000; text-decoration: none;}
    a.container-section-content:hover .container-section-content-text .nadpis span { color: #A3241E; text-decoration: none;}
    .container-section-content-verticallinea { position: absolute; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.container-section-content .container-section-content-verticallinea { width: 15px; height: 5px; margin: 181px 0 0 263px;}
    a.container-section-content:hover .container-section-content-verticallinea { width: 20px; height: 5px; margin: 180px 0 0 258px;}
    .container-section-content-horizontlinea { position: absolute; transition: all 0.35s ease-in-out; background: #A3241E;}
    a.container-section-content .container-section-content-horizontlinea { width: 5px; height: 15px; margin: 167px 0 0 277px;}
    a.container-section-content:hover .container-section-content-horizontlinea { width: 5px; height: 20px; margin: 162px 0 0 276px;}

    /* BannerReader */
    #button-face { width: 280px; height: 380px; padding: 20px 0 0 0; text-align: left;}
    .button-top-all { width: 295px; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;}
    .button-top { width: calc(30% - 5px); padding: 5px; order: 5; flex: 0 1 33%; align-self: auto;}
    .button-image { width: 100%; height: auto;}
    .button-image img { width: 100%; border: 1px solid #222;}
    .spis-banner, .youtube-banner, .wiki-banner, .polocy-banner { width: 278px; height: 91px; position: absolute; margin: 103px 0 0 0; border: 1px solid #A3241E; background: url('../themes/banner.spis.mobil.fw.png') 0 -1px no-repeat; background-size: cover;}
    .youtube-banner { margin: 0 0 0 0; background: url('../themes/banner.youtube.fw.png') 0 -1px no-repeat; background-size: cover;}
    /*
    .wiki-banner { margin: 206px 0 0 0; background: url('../themes/banner.wiki.fw.png') 0 -1px no-repeat; background-size: cover;}
    .polocy-banner { margin: 309px 0 0 0; background: #d80a0a url('../themes/banner.biblioteka.fw.png') 0 -1px no-repeat; background-size: cover;}
    */
    .wiki-banner { margin: 103px 0 0 0; background: url('../themes/banner.wiki.fw.png') 0 -1px no-repeat; background-size: cover;}
    .polocy-banner { margin: 206px 0 0 0; background: #d80a0a url('../themes/banner.biblioteka.fw.png') 0 -1px no-repeat; background-size: cover;}
        
    /* Organizacje */
    .organ-linea, .organ-odkaz { width: 300px; height: 98px; margin: 0 0 3px -10px;}
    .organ-odkaz { position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.organ-odkaz { color: #222; text-decoration: none;}
    a.organ-odkaz:hover { color: #222; text-decoration: none; background: rgba(163,36,30,.15);}
    .organ-alfa { background: rgba(163,36,30,.04);}
    .organ-beta { background: rgba(163,36,30,.08);}
    .organ-box-a { width: 290px; height: 25px; position: absolute; margin: 5px; font-size: 16px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .organ-box-b { width: 120px; height: 35px; position: absolute; margin: 35px 0 0 5px; font-size: 12px;}
    .organ-box-c { width: 165px; height: 50px; position: absolute; margin: 35px 0 0 130px; font-size: 11.5px;}
    .organ-box-d { width: 120px; height: 18px; position: absolute; margin: 75px 0 0 5px; font-size: 12px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    /* Kontaktní osoby */
    .conperson-face { width: 300px; height: auto; margin: 0 0 10px 0;}
    .conperson-position-a, .conperson-position-b { width: 300px; height: 95px; position: relative; margin: 0 0 10px 0;}
    .conperson-position-b { margin: 0 0 0 0;}
    .comperson { width: 288px; height: 83px; position: absolute; margin: 0 0 0 0; border-radius: 6px; padding: 5px; cursor: pointer; transition: all 0.35s ease-in-out;}
    a.comperson { border: 1px solid #000; color: #222; text-decoration: none;}
    a.comperson:hover { border: 1px solid #A3241E; background: #fff;}
    .comperson .nadpis { font-size: 17px; margin: 0 0 6px 0; font-weight: 600;}
    .comperson .nadpis span { font-size: 14px; font-weight: 300; color: #222;}
    .comperson .classic-txt-special { font-weight: 300; font-size: 11px; margin: 0 0 2px 0; font-style: italic; transition: all 0.35s ease-in-out; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    a.comperson:hover .classic-txt-special { color: #A3241E;}
    .comperson .classic-txt { margin: 0;}
    .comperson .classic-txt span { color: #222;}

    /* Generator banners */
    .genban-face { width: 290px; height: auto; border: 1px solid #808080; padding: 5px; margin: 0 0 0 -10px; background: #FFFFFF;}
    .genban-face-image { width: 290px; height: 87px; background: url('../themes/basic.design.gen.fw.png') top no-repeat; background-size: cover;}
    .genban-face-image-active { width: 87px; height: 87px; position: absolute; margin: 0;}

    .genban { width: 290px; height: auto; border-radius: 4px; margin: 0 0 0 0; background: #f2f2f2;}
    .genban .nadpis { text-align: center; margin: 0;}
    .genban .mini-free { height: 4px;}
    .genban .free { height: 10px;}
    .genban .space { height: 30px;}
    .genban-linea { width: 290px; height: auto;}
    .genban-linea-left { width: 280px; height: 60px; position: relative; margin: 0; padding: 5px;}
    .genban-linea-right { width: 280px; height: 60px; position: relative; margin: 0; padding: 5px;}
    .genban-linea-center { width: 280px; height: 60px; position: relative; margin: 0; padding: 5px;}
    .genban-linea-id { width: 280px; height: 18px; position: absolute; margin: 0 0 0 0; padding: 0; color: #444; font-size: 13px; text-align: center;}
    .genban-linea-content { width: 270px; height: 28px; position: absolute; margin: 16px 0 0 0; padding: 0 5px; font-size: 14px; border: none; border-bottom: 2px dotted #444; background: none;}
    .genban-linea-bigcontent { width: 270px; height: 28px; position: absolute; margin: 16px 0 0 0; padding: 0 5px; font-size: 14px; border: none; border-bottom: 2px dotted #444; background: none;}
    .txt-special { width: 100%; margin: 46px 0 0 0; font-size: 10px; color: #dd0330; font-style: italic; text-align: left; padding: 0 0 0 0;}

    .genban-vyber { width: calc(100% - 10px); height: auto; padding: 5px; border-radius: 4px; margin: 0 0 0 0; background: #dd0330;}
    .genban-vyber-linea { width: 220px; height: 40px; font-size: 13px; color: #fff; padding: 8px 0;}
    .genban-vyber-pozice { width: 260px; height: auto; margin: 0 0 0 10px;}
    .genban-vyber-pozice-a, .genban-vyber-pozice-b, .genban-vyber-pozice-c, .genban-vyber-pozice-d, 
    .genban-vyber-pozice-e, .genban-vyber-pozice-f, .genban-vyber-pozice-g, .genban-vyber-pozice-h,
    .genban-vyber-pozice-i, .genban-vyber-pozice-j, .genban-vyber-pozice-k, .genban-vyber-pozice-l { width: 255px; height: 30px; position: relative; margin: 0 0 0 0;}
    
    .genban-button-face { width: 100%; height: 60px;}
    .genban-button, .genban-photobutton, .genban-share { width: 40px; height: 40px; position: absolute; margin: 10px 0 0 125px; font-weight: 800; font-size: 0px; padding: 0; border-radius: 6px; text-align: left; color: #fff; transition: all 0.35s ease-in-out; cursor: pointer;}
    a.genban-button { color: #fff; background: #dd0330 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    a.genban-button:hover { background: #6f1660 url('../themes/dale.fw.png') right no-repeat; background-size: contain;}
    .genban-button-button { width: 40px; height: 40px; position: absolute; margin: 0; border: 0px; cursor: pointer; background: none;}
    .genban-photobutton { background: #e1e1e1; margin: 10px 0 0 65px;}
    a.genban-photobutton { text-decoration: none; color: #808080; background: #e1e1e1 url('../themes/photoupload.fw.png') right no-repeat; background-size: contain;}
    a.genban-photobutton:hover { color: #6f1660; background: #e1e1e1 url('../themes/photoupload.active.fw.png') right no-repeat; background-size: contain;}
    .genban-share { margin: 10px 0 0 185px; border: 0px; cursor: pointer; background: none;}
    a.genban-share { text-decoration: none; color: #808080; background: #e1e1e1 url('../themes/share.0.fw.png') right no-repeat; background-size: contain;}
    a.genban-share:hover { color: #6f1660; background: #e1e1e1 url('../themes/share.active.fw.png') right no-repeat; background-size: contain;}
    .genban-button p, .genban-photobutton p, .genban-share p { width: 0px; font-size: 0px; overflow: none; visibility: none;}
    .genban-photobutton-upload { width: 140px; height: 34px; cursor: pointer; position: absolute; margin: 4px; border: 0px; padding: 0; color: transparent; background: none;}
    .genban-photobutton-infofiles { width: 260px; height: 40px; font-size: 10px; text-align: center; font-weight: 300; color: #A3241E; position: absolute; margin: 45px 0 0 -50px; text-align: center; background: none;}
    .txt-gdpr { font-size: 10px; padding: 5px; border-radius: 4px; background: #f2f2f2; text-align: justify;}

    /* Český rozhlas, rozhovory */
    .cro { width: 100%; height: auto;}

    /* Login.FRZ */
    .container-content .login-frz-pozice { width: 300px; height: 70px; text-align: left;}
    .login-frz { width: 266px; height: 20px; position: absolute; margin: 20px 0 0 10px; font-size: 16px; font-weight: 700; padding: 6px 5px; text-align: center; border-radius: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all 0.35s ease-in-out;}
    a.login-frz { border: 2px solid #808080; color: #222; text-decoration: none;}
    a.login-frz:hover { border: 2px solid #A3241E; color: #A3241E;}

    /* TOPPAGE HomePage */
    #toppage-face { width: 100%; height: 100vh;}
    .toppage { width: 300px; height: 280px; position: absolute; margin: calc(50vh - 140px) 0 0 calc(50% - 150px); text-align: left;}
    .toppage-image { width: 300px; height: 251px; position: absolute; margin: 0; border: 1px solid #000; text-align: left; background: url('../themes/ukraina.png') top no-repeat; background-size: cover;}
    .toppage .classic-txt { width: 100%; position: absolute; margin: 265px 0 0 0; font-size: 15px; text-align: center;}

    /* Newsletter registration */
    #newletter-face { width: 100%; height: 180px;}
    .newletter { width: 300px; height: 150px; text-align: left; border-radius: 8px; background: #dd0330;}
    .newletter-text { width: 280px; height: 30px; position: absolute; margin: 10px; font-weight: 800; font-size: 17px; text-align: center; color: #f2f2f2;}
    .newletter-text .classic-txt { width: 280px; height: 30px; position: absolute; margin: 30px 0; font-weight: 300; font-size: 12px; color: #f2f2f2;}
    .newletter-box { width: 280px; height: 44px; position: absolute; margin: 80px 0 0 10px; border-radius: 4px; background: #f2f2f2;}
    .newletter-box-content { width: 270px; height: 26px; position: absolute; margin: 5px 5px; padding: 4px 0; font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 18px; border: 0px; color: #000; text-align: center; background: #f2f2f2;}
    .newletter-button { width: 180px; height: 40px; position: absolute; margin: 130px 0 0 60px; border-radius: 4px; border: 2px solid #f2f2f2;}
    .newletter-button p { width: 100%; position: absolute; margin: 0; color: #fff; text-align: center; padding: 8px 0; text-align: center; font-weight: 800; font-size: 17px;}
    a.newletter-button { background: #dd0330; text-decoration: none;}
    a.newletter-button:hover { background: #A3241E; text-decoration: none;}
    .newletter-button-odraz { width: 180px; height: 40px; position: absolute; margin: 0; border: 0; cursor: pointer; background: none;}

    /* Newsletter registration */
    .banner-polskiedni { width: 280px; height: 24px; border: 1px solid #222; text-align: left; background: url('../themes/polskiedni.pasek.jpg') top no-repeat; background-size: contain;}
    .banner-polskiedni-data { width: 280px; height: 24px; position: absolute; margin: 0;}
    .banner-polskiedni { width: 280px; height: 24px; border: 1px solid #222; text-align: left; background: url('../themes/kartki.jpg') top no-repeat; background-size: contain;}
    .banner-kongres { width: 280px; height: 47px; border: 1px solid #222; text-align: left; background: rgba(0,0,0,.25) url('../themes/kp_14-zgromadzenie-ogolne_banner_animacja.gif') top no-repeat; background-size: contain;}
    .banner-kongres-data { width: 280px; height: 47px; position: absolute; margin: 0;}
    .banner-kongres { width: 280px; height: 47px; border: 1px solid #222; text-align: left; background: rgba(0,0,0,.25) url('../themes/poradnik.png') top no-repeat; background-size: contain;}
    
    /* Rozšíření galerie */
    .topgallery-line { width: 280px; height: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .topgallery-position { width: 280px; height: 190px;}
    .topgallery-box { width: 260px; height: 170px; position: absolute; margin: 10px 10px; align-items: center; border: 1px solid #6f1660; overflow: hidden;}
    .topgallery-box img { position: absolute; margin: 0px; width: 260px;}
    .topgallery-box p { width: 240px; height: 150px; position: absolute; padding: 10px 10px; display: flex; font-weight: 300; align-items: flex-end; color: #f2f2f2; font-size: 1em; transition: all .35s ease-in-out; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,1));}
    .topgallery-box p span { font-weight: 300; color: #d80a0a; font-size: .8em;}

    a.topgallery-box p { margin: 190px 0 0 0;}
    a.topgallery-box:hover p { margin: 0;}
}