/* Vložená data */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,600i,900&display=swap&subset=latin-ext');

/* NastavenĂ­ posuvnĂ­ku */
/* width */
::-webkit-scrollbar { width: 0px;}
/* Track */
::-webkit-scrollbar-track { background: #020202;}
/* Handle */
::-webkit-scrollbar-thumb { background: #fff;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #444;}

body { width: 100%; font-family: 'Titillium Web', sans-serif; margin: 0 0 0 0; font-size: 18px; font-weight: 300; background: #f9f9f9; color: #020202;}

/* Rozhraní pro notebook + PC */
@media screen and (min-width: 1100px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; background: url('../themes/back.fw.png') top repeat-y;}

    /* 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;}
    .classic-txt, .classic-txt-seznam, .classic-txt-special { font-size: 20px; margin: 0 0 10px 0;}
    .classic-txt-special { font-weight: 600;}
    .classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span  { font-weight: 600;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a { color: #000;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover { color: #000;}

    /* Hlavička webu */
    #header-face { width: 100%; min-height: 100vh; height: 100vh; position: absolute; margin: 0 0 0 0; background: url('../themes/wall.fw.png') bottom no-repeat; background-size: cover;}
    
    .header-infobox { width: 1098px; height: 458px; position: absolute; margin: calc(50vh - 250px) 0 0 calc(50% - 550px); border: 1px solid #f2f2f2; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.5); background: url('../themes/top.fw.png') top no-repeat; background-size: cover;}
    .header-infobox-content { width: 400px; height: 340px; text-align: left; position: absolute; margin: 80px 0 0 660px;}
    .header-infobox-content .nadpis { height: 80px; text-align: left; margin: 0 0 0 -40px; padding: 0 0 0 80px; font-size: 54px; font-weight: 900; background: url('../themes/logo.fw.png') left no-repeat; background-size: contain;}
    .header-infobox-content .nadpis span { font-weight: 400;}
    .header-infobox-content .classic-txt-special { font-size: 20px; color: #020202; font-weight: 400;}
    .header-infobox-content .classic-txt-special span { font-weight: 900; color: #0253a9;}
    .header-infobox-content .classic-txt { text-align: left; font-size: 28px; font-style: italic; margin: 0 0 0 0;}
    .header-infobox-content .free { height: 40px;}
    .header-infobox-content .classic-txt span { font-size: 20px; font-style: normal; font-weight: 900; color: #444;}

    .header-odkazovnik { width: 1080px; height: 80px; position: absolute; margin: calc(50vh + 220px) 0 0 calc(50% - 540px); text-align: left;}
    .header-odkazovnik-a { width: 360px; height: 80px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-a { background: url('../data/core.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-a:hover { background: url('../data/core.fw.png') top no-repeat; background-size: contain;}
    .header-odkazovnik-b { width: 360px; height: 80px; position: absolute; margin: 0 0 0 720px; /*margin: 0 0 0 360px;*/ transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-b { background: url('../data/ai.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-b:hover { background: url('../data/ai.fw.png') top no-repeat; background-size: contain;}
    .header-odkazovnik-c { width: 360px; height: 80px; position: absolute; margin: 0 0 0 720px; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-c { background: url('../data/pandora.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-c:hover { background: url('../data/pandora.fw.png') top no-repeat; background-size: contain;}

    .navigace { width: 300px; height: 50px; position: absolute; margin: 0 0 0 calc(100% - 301px); text-align: left; border: 1px solid #f2f2f2; border-top: none; border-right: none; background: #f9f9f9;}
    .nav-shadow { width: 298px; height: 25px; position: absolute; margin: 25px 0 0 0; background: rgba(2,2,2,.05);}
    .nav-01 { width: 150px; height: 40px; position: absolute; margin: 0 0 0 0; padding: 10px 0 0 0; text-align: center; transition: all 0.25s ease-in-out;}
    .nav-02 { width: 150px; height: 40px; position: absolute; margin: 0 0 0 150px; padding: 10px 0 0 0; text-align: center; transition: all 0.25s ease-in-out;}
    a.nav-01, a.nav-02, a.bottom-nav-01, a.bottom-nav-02 { text-decoration: none; color: #020202; background: url('../themes/nav.fw.png') 0 2px repeat-x;}
    a.nav-01:hover, a.nav-02:hover, a.bottom-nav-01:hover, a.bottom-nav-02:hover { color: #fff; background: url('../themes/nav.fw.png') bottom repeat-x;}
    .nav-01, .nav-02, .bottom-nav-01, .bottom-nav-02 { color: #f9f9f9; background: url('../themes/nav.fw.png') bottom repeat-x;}
}

/* Rozhraní pro tablety */
@media screen and (min-width: 768px) and (max-width: 1099px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; background: url('../themes/back.fw.png') top repeat-y;}

    /* 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: 36px; margin: 0 0 15px 0;}
    .classic-txt, .classic-txt-seznam, .classic-txt-special { font-size: 18px; margin: 0 0 8px 0;}
    .classic-txt-special { font-weight: 600;}
    .classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span  { font-weight: 900;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a { color: #000;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover { color: #000;}

    /* Hlavička webu */
    #header-face { width: 100%; min-height: 100vh; height: 100vh; position: absolute; margin: 0 0 0 0; background: url('../themes/wall.fw.png') bottom no-repeat; background-size: cover;}
    
    .header-infobox { width: 758px; height: 338px; position: absolute; margin: calc(50vh - 190px) 0 0 calc(50% - 380px); border: 1px solid #f2f2f2; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.5); background: url('../themes/top.fw.png') center no-repeat; background-size: cover;}
    .header-infobox-content { width: 340px; height: 280px; text-align: left; position: absolute; margin: 60px 0 0 400px;}
    .header-infobox-content .nadpis { height: 60px; text-align: left; margin: 0 0 0 -20px; padding: 0 0 0 60px; font-size: 40px; font-weight: 900; background: url('../themes/logo.fw.png') left no-repeat; background-size: contain;}
    .header-infobox-content .nadpis span { font-weight: 400;}
    .header-infobox-content .classic-txt-special { font-size: 18px; color: #020202; font-weight: 400;}
    .header-infobox-content .classic-txt-special span { font-weight: 900; color: #0253a9;}
    .header-infobox-content .classic-txt { text-align: left; font-size: 22px; padding: 0 0 0 60px; font-style: italic; margin: 0 0 0 0;}
    .header-infobox-content .free { height: 10px;}
    .header-infobox-content .classic-txt span { font-size: 16px; font-style: normal; font-weight: 900; color: #444;}

    .header-odkazovnik { width: 750px; height: 70px; position: absolute; margin: calc(50vh + 160px) 0 0 calc(50% - 375px); text-align: left;}
    .header-odkazovnik-a { width: 250px; height: 70px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-a { background: url('../data/core.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-a:hover { background: url('../data/core.fw.png') top no-repeat; background-size: contain;}
    .header-odkazovnik-b { width: 250px; height: 70px; position: absolute; margin: 0 0 0 250px; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-b { background: url('../data/ai.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-b:hover { background: url('../data/ai.fw.png') top no-repeat; background-size: contain;}
    .header-odkazovnik-c { width: 250px; height: 70px; position: absolute; margin: 0 0 0 500px; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-c { background: url('../data/pandora.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-c:hover { background: url('../data/pandora.fw.png') top no-repeat; background-size: contain;}

    .navigace { width: 300px; height: 50px; position: absolute; margin: 0 0 0 calc(100% - 301px); text-align: left; border: 1px solid #f2f2f2; border-top: none; border-right: none; background: #f9f9f9;}
    .nav-shadow { width: 298px; height: 25px; position: absolute; margin: 25px 0 0 0; background: rgba(2,2,2,.05);}
    .nav-01 { width: 150px; height: 40px; position: absolute; margin: 0 0 0 0; padding: 10px 0 0 0; text-align: center; transition: all 0.25s ease-in-out;}
    .nav-02 { width: 150px; height: 40px; position: absolute; margin: 0 0 0 150px; padding: 10px 0 0 0; text-align: center; transition: all 0.25s ease-in-out;}
    a.nav-01, a.nav-02, a.bottom-nav-01, a.bottom-nav-02 { text-decoration: none; color: #020202; background: url('../themes/nav.fw.png') 0 2px repeat-x;}
    a.nav-01:hover, a.nav-02:hover, a.bottom-nav-01:hover, a.bottom-nav-02:hover { color: #fff; background: url('../themes/nav.fw.png') bottom repeat-x;}
    .nav-01, .nav-02, .bottom-nav-01, .bottom-nav-02 { color: #f9f9f9; background: url('../themes/nav.fw.png') bottom repeat-x;}
}

/* Rozhraní pro smartphone */
@media screen and (min-width: 480px) and (max-width: 767px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; background: url('../themes/back.fw.png') top repeat-y;}

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

    .nadpis { font-size: 24px; margin: 0 0 10px 0;}
    .classic-txt, .classic-txt-seznam, .classic-txt-special { font-size: 15px; margin: 0 0 6px 0;}
    .classic-txt-special { font-weight: 600;}
    .classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span  { font-weight: 900;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a { color: #000;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover { color: #000;}
    
    /* Hlavička webu */
    #header-face { width: 100%; min-height: 100vh; height: 100vh; position: absolute; margin: 0 0 0 0; background: url('../themes/wall.fw.png') bottom no-repeat; background-size: cover;}
    
    .header-infobox { width: 438px; height: 158px; position: absolute; margin: calc(50vh - 80px) 0 0 calc(50% - 220px); border: 1px solid #f2f2f2; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.5); background: #f2f2f2;}
    .header-infobox-content { width: 420px; height: 140px; text-align: left; position: absolute; margin: 10px 0 0 10px;}
    .header-infobox-content .nadpis { height: 40px; text-align: left; margin: 0 0 0 0; padding: 0 0 0 44px; font-size: 27px; font-weight: 900; background: url('../themes/logo.fw.png') left no-repeat; background-size: contain;}
    .header-infobox-content .nadpis span { font-weight: 400;}
    .header-infobox-content .classic-txt-special { font-size: 12px; color: #020202; font-weight: 400;}
    .header-infobox-content .classic-txt-special span { font-weight: 900; color: #0253a9;}
    .header-infobox-content .classic-txt { text-align: left; font-size: 18px; padding: 0 0 0 0; font-style: italic; margin: 0 0 0 0;}
    .header-infobox-content .free { height: 0;}
    .header-infobox-content .classic-txt span { font-size: 13px; font-style: normal; font-weight: 900; color: #444;}

    .header-odkazovnik { width: 420px; height: 50px; position: absolute; margin: calc(50vh + 90px) 0 0 calc(50% - 210px); text-align: left;}
    .header-odkazovnik-a { width: 140px; height: 50px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-a { background: url('../data/core.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-a:hover { background: url('../data/core.fw.png') top no-repeat; background-size: contain;}
    .header-odkazovnik-b { width: 140px; height: 50px; position: absolute; margin: 0 0 0 140px; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-b { background: url('../data/ai.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-b:hover { background: url('../data/ai.fw.png') top no-repeat; background-size: contain;}
    .header-odkazovnik-c { width: 140px; height: 50px; position: absolute; margin: 0 0 0 280px; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-c { background: url('../data/pandora.0.fw.png') top no-repeat; background-size: contain;}
    a.header-odkazovnik-c:hover { background: url('../data/pandora.fw.png') top no-repeat; background-size: contain;}

    .navigace { width: 240px; height: 40px; position: absolute; margin: 0 0 0 calc(100% - 241px); text-align: left; border: 1px solid #f2f2f2; border-top: none; border-right: none; font-size: 16px; background: #f9f9f9;}
    .nav-shadow { width: 238px; height: 20px; position: absolute; margin: 20px 0 0 0; background: rgba(2,2,2,.05);}
    .nav-01 { width: 120px; height: 33px; position: absolute; margin: 0 0 0 0; padding: 7px 0 0 0; text-align: center; transition: all 0.25s ease-in-out;}
    .nav-02 { width: 120px; height: 33px; position: absolute; margin: 0 0 0 120px; padding: 7px 0 0 0; text-align: center; transition: all 0.25s ease-in-out;}
    a.nav-01, a.nav-02, a.bottom-nav-01, a.bottom-nav-02 { text-decoration: none; color: #020202; background: url('../themes/nav.fw.png') 0 2px repeat-x;}
    a.nav-01:hover, a.nav-02:hover, a.bottom-nav-01:hover, a.bottom-nav-02:hover { color: #fff; background: url('../themes/nav.fw.png') bottom repeat-x;}
    .nav-01, .nav-02, .bottom-nav-01, .bottom-nav-02 { color: #f9f9f9; background: url('../themes/nav.fw.png') bottom repeat-x;}
}

/* Rozhraní pro mobil */
@media screen and (max-width: 479px) {
    #facebody { width: 100%; min-height: 100vh; position: relative; background: url('../themes/back.fw.png') top repeat-y;}

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

    .nadpis { font-size: 24px; margin: 0 0 10px 0;}
    .classic-txt, .classic-txt-seznam, .classic-txt-special { font-size: 15px; margin: 0 0 6px 0;}
    .classic-txt-special { font-weight: 600;}
    .classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span  { font-weight: 900;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a { color: #000;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover { color: #000;}
    
    /* Hlavička webu */
    #header-face { width: 100%; min-height: 100vh; height: 100vh; position: absolute; margin: 0 0 0 0; background: url('../themes/wall.fw.png') bottom no-repeat; background-size: cover;}
    
    .header-infobox { width: 298px; height: 163px; position: absolute; margin: calc(50vh - 80px) 0 0 calc(50% - 150px); border: 1px solid #f2f2f2; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.5); background: #f2f2f2;}
    .header-infobox-content { width: 280px; height: 140px; text-align: left; position: absolute; margin: 10px 0 0 10px;}
    .header-infobox-content .nadpis { height: 40px; text-align: left; margin: 0 0 0 0; padding: 0 0 0 44px; font-size: 27px; font-weight: 900; background: url('../themes/logo.fw.png') left no-repeat; background-size: contain;}
    .header-infobox-content .nadpis span { font-weight: 400;}
    .header-infobox-content .classic-txt-special { font-size: 12px; color: #020202; font-weight: 400;}
    .header-infobox-content .classic-txt-special span { font-weight: 900; color: #0253a9;}
    .header-infobox-content .classic-txt { text-align: left; font-size: 17px; padding: 0 0 0 0; font-style: italic; margin: 0 0 0 0;}
    .header-infobox-content .free { height: 0;}
    .header-infobox-content .classic-txt span { font-size: 13px; font-style: normal; font-weight: 900; color: #444;}

    .header-odkazovnik { width: 300px; height: 40px; position: absolute; margin: calc(50vh + 100px) 0 0 calc(50% - 150px); text-align: left;}
    .header-odkazovnik-a { width: 100px; height: 40px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-a { background: url('../data/core.0.fw.png') center no-repeat; background-size: contain;}
    a.header-odkazovnik-a:hover { background: url('../data/core.fw.png') center no-repeat; background-size: contain;}
    .header-odkazovnik-b { width: 100px; height: 40px; position: absolute; margin: 0 0 0 100px; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-b { background: url('../data/ai.0.fw.png') center no-repeat; background-size: contain;}
    a.header-odkazovnik-b:hover { background: url('../data/ai.fw.png') center no-repeat; background-size: contain;}
    .header-odkazovnik-c { width: 100px; height: 40px; position: absolute; margin: 0 0 0 200px; transition: all 0.35s ease-in-out;}
    a.header-odkazovnik-c { background: url('../data/pandora.0.fw.png') center no-repeat; background-size: contain;}
    a.header-odkazovnik-c:hover { background: url('../data/pandora.fw.png') center no-repeat; background-size: contain;}

    .navigace { width: 240px; height: 40px; position: absolute; margin: 0 0 0 calc(100% - 241px); text-align: left; border: 1px solid #f2f2f2; border-top: none; border-right: none; font-size: 16px; background: #f9f9f9;}
    .nav-shadow { width: 238px; height: 20px; position: absolute; margin: 20px 0 0 0; background: rgba(2,2,2,.05);}
    .nav-01 { width: 120px; height: 33px; position: absolute; margin: 0 0 0 0; padding: 7px 0 0 0; text-align: center; transition: all 0.25s ease-in-out;}
    .nav-02 { width: 120px; height: 33px; position: absolute; margin: 0 0 0 120px; padding: 7px 0 0 0; text-align: center; transition: all 0.25s ease-in-out;}
    a.nav-01, a.nav-02, a.bottom-nav-01, a.bottom-nav-02 { text-decoration: none; color: #020202; background: url('../themes/nav.fw.png') 0 2px repeat-x;}
    a.nav-01:hover, a.nav-02:hover, a.bottom-nav-01:hover, a.bottom-nav-02:hover { color: #fff; background: url('../themes/nav.fw.png') bottom repeat-x;}
    .nav-01, .nav-02, .bottom-nav-01, .bottom-nav-02 { color: #f9f9f9; background: url('../themes/nav.fw.png') bottom repeat-x;}
}