@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin,latin-ext);

/* Rozlišení pro klasický web */
body {margin: 0 0 0 0; background: #f3f3f3; font-size: 17px; font-family: 'Source Sans Pro', sans-serif;}

a { color: inherit; text-decoration: none;}

/* Rozhraní pro notabook + PC */
@media screen and (min-width: 1160px) {
    #facebody { width: 100%; min-height: 200px;}

    .nadpis { width: 600px; height: 71px; position: absolute; top: 30px; left: 40px;}
    .nadpis-img { width: 165px; height: 64px; position: absolute; margin: 3px 0 0 3px; background: url('../themes/logo.png') top no-repeat;}
    .nadpis-line { width: 1px; height: 64px; position: absolute; margin: 3px 0 0 180px; background: #000;}
    .nadpis-titles { width: 400px; height: 20px; position: absolute; margin: 43px 0 0 190px; font-weight: bold; font-size: 18px;}
    .nadpis-titles span { font-weight: normal;}
    .grafika { width: 700px; height: 120px; position: absolute; top: 0px; left: 0px; background: url('../themes/grafika.png') top no-repeat;}
    .topmenu { width: 130px; height: 27px; position: absolute; top: 55px; right: 280px; background: url('../themes/top-menu-0.png') top no-repeat;}
    .topmenu-tviewer { width: 27px; height: 27px; position: absolute; margin: 0 0 0 5px;}
    .topmenu-home { width: 27px; height: 27px; position: absolute; margin: 0 0 0 52px;}
    .topmenu-face { width: 27px; height: 27px; position: absolute; margin: 0 0 0 98px;}
    a.topmenu-tviewer:hover { background: url('../themes/top-menu-1.png') -5px 0 no-repeat;}
    a.topmenu-home:hover { background: url('../themes/top-menu-1.png') -52px 0 no-repeat;}
    a.topmenu-face:hover { background: url('../themes/top-menu-1.png') -98px 0 no-repeat;}

    /* Hlavička webu */
    #header-face { width: 100%; height: 120px; border-bottom: 1px solid #098; background: #f3f3f3;}
    #header { width: 1100px; height: 120px; text-align: left;}

    /* Nabídka - script */
    #nabidka-face { width: 100%; height: 500px; background: #333 url('../themes/bg.jpg') top no-repeat;}
    #nabidka { width: 100%; height: 500px;}

    /* Hlavní obsahová část webu */
    #content { width: 1100px; min-height: 200px; text-align: left;}

    .content-navigace { width: 1100px; height: 60px;}
    .content-navigace-obsah { width: 800px; height: 20px; position: absolute; color: #060; margin: 10px 0 0 290px; font-size: 15px;}
    .content-navigace-obsah span { font-weight: bold; font-size: 14px;}
    .content-navigace-obsah-bottom { width: 700px; height: 20px; position: absolute; text-align: right; color: #999; margin: 10px 0 0 340px; font-size: 15px; font-weight: bold;}

    .content-all { width: 1080px; margin: 0 0 0 10px;}
    .content-all-left { width: 250px; height: 300px; position: absolute; margin: 0 0 0 0;}
    .content-all-left-img { width: 200px; height: 200px; margin: 0 0 15px 25px;}
    .content-all-left-titles { width: 250px; height: auto; margin: 0 0 10px 0; font-size: 32px; text-align: center; color: #060;}
    .content-all-left-titles span { font-weight: bold; font-size: 25px;}
    .content-all-right { width: 800px; min-height: 800px; margin: 0 0 0 280px;}

    .content-hp-head span { font-weight: bold; font-size: 21px; color: #060;}
    .content-hp-head span { font-size: 25px;}
    .content-hp-head { width: 800px; height: auto; text-align: center; font-size: 25px; margin: 0 0 0 150px; font-weight: bold;}

    .content-hp-obsah-0 { width: 1000px; height: 335px; margin: 0 0 50px 50px;}
    .content-hp-obsah-1 { width: 1000px; height: 335px; margin: 0 0 50px 50px;}
    .content-hp-obsah-2 { width: 1000px; height: 355px; margin: 0 0 50px 50px; border-bottom: 1px solid #060;}
    .content-hp-obsah-a { width: 300px; height: 335px; position: absolute; margin: 0 0 0 0; background: url('../themes-hp/hp-a-0.png') top no-repeat;}
    .content-hp-obsah-b { width: 300px; height: 335px; position: absolute; margin: 0 0 0 350px; background: url('../themes-hp/hp-b-0.png') top no-repeat;}
    .content-hp-obsah-c { width: 300px; height: 335px; position: absolute; margin: 0 0 0 700px; background: url('../themes-hp/hp-c-0.png') top no-repeat;}
    .content-hp-obsah-d { width: 300px; height: 335px; position: absolute; margin: 0 0 0 0; background: url('../themes-hp/hp-d-0.png') top no-repeat;}
    .content-hp-obsah-e { width: 300px; height: 335px; position: absolute; margin: 0 0 0 350px; background: url('../themes-hp/hp-e-0.png') top no-repeat;}
    .content-hp-obsah-f { width: 300px; height: 335px; position: absolute; margin: 0 0 0 700px; background: url('../themes-hp/hp-f-0.png') top no-repeat;}
    .content-hp-obsah-g { width: 300px; height: 335px; position: absolute; margin: 0 0 0 0px; background: url('../themes-hp/hp-g-0.png') top no-repeat;}
    .content-hp-obsah-h { width: 300px; height: 335px; position: absolute; margin: 0 0 0 350px; background: url('../themes-hp/hp-h-0.png') top no-repeat;}
    .content-hp-obsah-i { width: 300px; height: 335px; position: absolute; margin: 0 0 0 700px; background: url('../themes-hp/hp-i-0.png') top no-repeat;}
    .content-hp-obsah-j { width: 300px; height: 335px; position: absolute; margin: 0 0 0 0; background: url('../themes-hp/hp-j-0.png') top no-repeat;}
    .content-hp-obsah-k { width: 300px; height: 335px; position: absolute; margin: 0 0 0 350px; background: url('../themes-hp/hp-k-0.png') top no-repeat;}
    a.content-hp-obsah-a:hover { background: url('../themes-hp/hp-a-1.png') top no-repeat;}
    a.content-hp-obsah-b:hover { background: url('../themes-hp/hp-b-1.png') top no-repeat;}
    a.content-hp-obsah-c:hover { background: url('../themes-hp/hp-c-1.png') top no-repeat;}
    a.content-hp-obsah-d:hover { background: url('../themes-hp/hp-d-1.png') top no-repeat;}
    a.content-hp-obsah-e:hover { background: url('../themes-hp/hp-e-1.png') top no-repeat;}
    a.content-hp-obsah-f:hover { background: url('../themes-hp/hp-f-1.png') top no-repeat;}
    a.content-hp-obsah-g:hover { background: url('../themes-hp/hp-g-1.png') top no-repeat;}
    a.content-hp-obsah-h:hover { background: url('../themes-hp/hp-h-1.png') top no-repeat;}
    a.content-hp-obsah-i:hover { background: url('../themes-hp/hp-i-1.png') top no-repeat;}
    a.content-hp-obsah-j:hover { background: url('../themes-hp/hp-j-1.png') top no-repeat;}
    a.content-hp-obsah-k:hover { background: url('../themes-hp/hp-k-1.png') top no-repeat;}
    .content-hp-obsah-free { width: 300px; height: 180px; margin: 0 0 0 0;}
    .content-hp-obsah-titles { width: 220px; height: auto; text-align: center; margin: 0 0 6px 40px; font-size: 20px; color: #595959;}
    .content-hp-obsah-titles span { font-weight: bold; color: #060;}
    .content-hp-obsah-text { width: 280px; height: auto; margin: 0 0 0 10px; font-size: 15px; text-align: center; color: #777;}

    .content-page { width: 1080px; height: auto; margin: 0 0 0 10px;}
    .content-page-kontakt { width: 1080px; height: auto; margin: 0 0 30px 10px;}
    .content-page-kontakt-pozice { width: 300px; height: auto; margin: 0 0 0 225px;}
    .content-page-kontakt-pozice span { font-weight: bold;}
    .content-page-kontakt-img { width: 200px; height: 200px; position: absolute; margin: 0 0 0 0;}
    .content-page-kontakt-left { width: 525px; height: 200px; position: absolute; margin: 0 0 0 0;}
    .content-page-kontakt-right { width: 525px; height: 200px; margin: 0 0 0 555px;}
    .kontakt-img { width: 100%;}

    /* Reklamní část webu */
    #banner-face { width: 100%; height: 260px; background: #e5e5e5;}
    #banner { width: 1100px; height: 260px; text-align: left;}
    .banner-one { width: 500px; height: 240px; position: absolute; margin: 10px 0 0 40px;}
    a.banner-one { background: url('../banner/kerio-0x1100.png');}
    a.banner-one:hover { background: url('../banner/kerio-1x1100.png');}
    .banner-two { width: 500px; height: 240px; position: absolute; margin: 10px 0 0 560px;}
    a.banner-two { background: url('../banner/eset-0x1100.png');}
    a.banner-two:hover { background: url('../banner/eset-1x1100.png');}
    .banner-line { width: 1px; height: 250px; position: absolute; margin: 5px 0 0 550px; background: #c0c0c0;}

    /* Část pro partnery */
    #partners { width: 1100px; height: 140px;}
    .partners-ms-pozice { width: 167px; height: 40px; position: absolute; margin: 55px 0 0 40px; text-align: left;}
    .partners-ms-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-ms-pozice-odkaz { background: url('../partners/ms-0.png');}
    a.partners-ms-pozice-odkaz:hover { background: url('../partners/ms-1.png');}
    .partners-vmw-pozice { width: 153px; height: 40px; position: absolute; margin: 55px 0 0 230px; text-align: left;}
    .partners-vmw-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-vmw-pozice-odkaz { background: url('../partners/vmw-0.png');}
    a.partners-vmw-pozice-odkaz:hover { background: url('../partners/vmw-1.png');}
    .partners-hp-pozice { width: 185px; height: 35px; position: absolute; margin: 55px 0 0 410px; text-align: left;}
    .partners-hp-pozice-odkaz { width: 100%; height: 35px; position: absolute; margin: 0 0 0 0;}
    a.partners-hp-pozice-odkaz { background: url('../partners/hp-0.png');}
    a.partners-hp-pozice-odkaz:hover { background: url('../partners/hp-1.png');}
    .partners-ibm-pozice { width: 89px; height: 40px; position: absolute; margin: 55px 0 0 625px; text-align: left;}
    .partners-ibm-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-ibm-pozice-odkaz { background: url('../partners/ibm-0.png');}
    a.partners-ibm-pozice-odkaz:hover { background: url('../partners/ibm-1.png');}
    .partners-e-pozice { width: 101px; height: 40px; position: absolute; margin: 55px 0 0 745px; text-align: left;}
    .partners-e-pozice-odkaz { width: 100%; height: 40px; position: absolute; margin: 0 0 0 0;}
    a.partners-e-pozice-odkaz { background: url('../partners/e-0.png');}
    a.partners-e-pozice-odkaz:hover { background: url('../partners/e-1.png');}
    .partners-k-pozice { width: 184px; height: 40px; position: absolute; margin: 55px 0 0 880px; text-align: left;}
    .partners-k-pozice-odkaz { width: 100%; height: 31px; position: absolute; margin: 5px 0 0 0;}
    a.partners-k-pozice-odkaz { background: url('../partners/k-0.png');}
    a.partners-k-pozice-odkaz:hover { background: url('../partners/k-1.png');}

    /* Spodní část webu */
    #bottom-face { width: 100%; height: 100px; background: #595959;}
    #bottom { width: 1100px; height: 100px; text-align: left; color: #FFF;}
    .copyright { width: 1100px; height: 22px; position: absolute; margin: 30px 0 0 0; text-align: center; font-size: 16px;}
    .maccelo { width: 200px; height: 24px; position: absolute; margin: 55px 0 0 450px; text-align: center; font-size: 13px;}
    .maccelo span { font-weight: bold;}
    a.maccelo { text-decoration: none; color: #ccc;}
    a.maccelo:hover { color: #fff;}

    /* Definice pro hlavní navigaci na webu */
    .navigace-popis { position: absolute; font-size: 28px; font-weight: bold; margin: 5px 0 0 42px;}
    .head-nav { width: 300px; height: 440px; position: absolute; top: 40px; right: 262px; color: #28323E; text-align: left; background: #fff;}
    .navi-01 { width: 260px; height: 40px; position: absolute; left: 10px; top: 10px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-02 { width: 260px; height: 40px; position: absolute; left: 10px; top: 60px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-03 { width: 260px; height: 40px; position: absolute; left: 10px; top: 110px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-04 { width: 260px; height: 40px; position: absolute; left: 10px; top: 160px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-05 { width: 260px; height: 40px; position: absolute; left: 10px; top: 210px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-06 { width: 260px; height: 40px; position: absolute; left: 10px; top: 260px; padding: 0 0 0 10px; font-size: 28px;}
    a.navi-01, a.navi-02, a.navi-03, a.navi-04, a.navi-05, a.navi-06 { background: url('../themes/navi-0.png') left repeat-y; font-weight: bold; color: #28323E;}
    a.navi-01:hover, a.navi-02:hover, a.navi-03:hover, a.navi-04:hover, a.navi-05:hover, a.navi-06:hover { background: url('../themes/navi-1.png') left repeat-y; color: #060;}
    .navi-01-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 10px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-02-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 60px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-03-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 110px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-04-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 160px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-05-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 210px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-06-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 260px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-icon { width: 105px; height: 22px; position: absolute; left: 97px; top: 330px; background: url('../themes/navi-menu-0.png') top no-repeat;}
    .navi-icon-tviewer { width: 22px; height: 22px; position: absolute; margin: 0 0 0 1px;}
    .navi-icon-home { width: 22px; height: 22px; position: absolute; margin: 0 0 0 41px;}
    .navi-icon-face { width: 22px; height: 22px; position: absolute; margin: 0 0 0 82px;}
    a.navi-icon-tviewer:hover { background: url('../themes/navi-menu-1.png') -1px 0 no-repeat;}
    a.navi-icon-home:hover { background: url('../themes/navi-menu-1.png') -41px 0 no-repeat;}
    a.navi-icon-face:hover { background: url('../themes/navi-menu-1.png') -82px 0 no-repeat;}
    .navigace-mail { width: 100%; height: 18px; position: absolute; top: 370px; text-align: center; font-size: 18px; color: #28323E; font-style: italic;}
    a.navigace-mail { color: #28323e; text-decoration: none;}
    a.navigace-mail:hover { color: #060;}
    .navigace-phone { width: 100%; height: 15px; position: absolute; top: 395px; text-align: center; font-size: 14px; color: #999; font-style: italic;}

    /* Slideshow */
    #slideshow {
        position: relative; 
        width: 1100px; 
        height: 500px; 
        display: block;
    }

    #slideshow > div { 
        position: absolute; 
    }

    .show-content { width: 550px; height: 300px; position: absolute; margin: 110px 0 0 520px; color: #fff; text-align: left;}
    .show-content-titles { width: 550px; height: 70px; position: absolute; margin: 0 0 0 0; text-align: center; font-size: 22px;}
    .show-content-titles span { font-size: 24pt; font-weight: bold;}
    .show-content-text { width: 500px; height: 110px; position: absolute; margin: 100px 0 0 25px; text-align: left;}
    .show-content-text span { font-weight: bold; color: #fff;}
    .show-content-button-info { width: 250px; height: 60px; position: absolute; margin: 240px 0 0 10px; text-align: center; font-size: 15px; background: #777;}
    .show-content-button-interest { width: 250px; height: 60px; position: absolute; margin: 240px 0 0 285px; text-align: center; font-size: 16px; background: #777;}
    .show-content-button-info span, .show-content-button-interest span { font-weight: bold; font-size: 18px;}
    a.show-content-button-info, a.show-content-button-interest { background: url('../themes/button-0.png') bottom repeat-x; color: #FFF; text-decoration: none;}
    a.show-content-button-info:hover, a.show-content-button-interest:hover { background: url('../themes/button-1.png') bottom repeat-x;}

    .show-content-img-01 { width: 1100px; height: 500px; margin: 0 0 0 0; background: url('../news/01.png') top no-repeat;}
    .show-content-img-02 { width: 1100px; height: 500px; margin: 0 0 0 0; background: url('../news/02.png') top no-repeat;}
    .show-content-img-03 { width: 1100px; height: 500px; margin: 0 0 0 0; background: url('../news/03.png') top no-repeat;}
    .show-content-img-04 { width: 1100px; height: 500px; margin: 0 0 0 0; background: url('../news/04.png') top no-repeat;}
    .show-content-img-05 { width: 1100px; height: 500px; margin: 0 0 0 0; background: url('../news/05.png') top no-repeat;}

    /* Definice textu do webu */
    .podnadpis { font-size: 24px; margin: 0 0 10px 0; color: #060; font-weight: bold;}
    .prefix { font-size: 17px; margin: 0 0 10px 0; font-weight: bold; text-align: justify; text-indent: 20px;}
    .text { margin: 0 0 6px 0; text-align: justify; text-indent: 20px;}
    .text span { color: #060; font-weight: bold;}

    .space { width: 100%; height: 20px;}

    .popiska { width: 100%; font-size: 14px; color: #c0c0c0;}
    .seznam { width: 780px; margin: 0 0 4px 0; padding: 0 0 0 20px; background: url('../themes/seznam.png') 0 7px no-repeat;}

    /* Klienti, obsah */
    .klienti-all { width: 760px; min-height: 120px; margin: 0 0 40px 0;}
    .klienti-left { width: 360px; position: absolute; margin: 0 0 0 0;}
    .klienti-right { width: 360px; margin: 0 0 0 400px;}
    .klienti-nadpis { width: 100%; height: 30px; margin: 0 0 10px 0; font-weight: bold; color: #060; font-size: 22px; text-indent: 40px; background: #999;}
    .klienti-nadpis-school { width: 100%; height: 30px; background: url('../themes/client-school.png') left no-repeat;}
    .klienti-nadpis-gov { width: 100%; height: 30px; background: url('../themes/client-gov.png') left no-repeat;}
    .klienti-nadpis-prum { width: 100%; height: 30px; background: url('../themes/client-prum.png') left no-repeat;}
    .klienti-nadpis-arch { width: 100%; height: 30px; background: url('../themes/client-arch.png') left no-repeat;}
    .klienti-nadpis-health { width: 100%; height: 30px; background: url('../themes/client-health.png') left no-repeat;}
    .klienti-nadpis span { font-weight: normal; font-size: 18px; color: #28323E;}
    .klienti-text { width: 100%; margin: 0 0 4px 0; font-size: 16px; text-align: justify;}
    .klienti-text span { color: #060; font-size: 14px; font-weight: normal;}
    .klienti-text a, .partneri-nadpis a { color: #28323E; text-decoration: none;}
    .klienti-text a:hover, .partneri-nadpis a:hover { color: #000; text-decoration: none;}

    /* Partneři společnosti */
    .partneri-all { width: 800px; min-height: 120px; margin: 0 0 15px 0;}
    .partneri-logo { width: 120px; height: 120px; position: absolute; margin: 0 0 0 0; border-right: 2px solid #060; overflow: hidden;}
    .partneri-logo img { height: 100%;}
    .partneri-obsah { width: 660px; min-height: 120px; margin: 0 0 0 140px;}
    .partneri-nadpis { width: 100%; margin: 0 0 10px 0; font-weight: bold; text-indent: 20px; color: #060; font-size: 22px;}
    .partneri-nadpis span { font-weight: normal; font-size: 18px; color: #28323E;}
    .partneri-text { width: 100%; margin: 0 0 4px 0; text-indent: 20px; text-align: justify;}
    .partneri-text span { color: #060; font-size: 14px; font-weight: normal;}

    /* Kontaktní informace */
    .contact-all { width: 800px; height: 250px; border-radius: 6px; margin: 0 0 20px 0; background: rgba(0,102,0,.05);}
    .contact-left { width: 380px; height: 250px; position: absolute; margin: 10px 0 0 10px;}
    .contact-right { width: 380px; height: 250px; position: absolute; margin: 10px 0 0 410px;}
    .contact-all-beta { width: 800px; height: 130px; margin: 0 0 20px 0;}
    .contact-left-beta { width: 380px; height: 110px; position: absolute; margin: 10px 0 0 10px;}
    .contact-right-beta { width: 380px; height: 160px; position: absolute; margin: 10px 0 0 410px;}
    .contact-box-left { width: 60px; height: 60px; position: absolute; margin: 0 0 0 0;}
    .contact-box-right { width: 300px; height: 180px; position: absolute; margin: 0 0 0 80px;}
    .contact-nadpis { font-size: 19px; font-weight: bold; color: #060; margin: 0 0 4px 0;}
    .contact-text { font-size: 16px; margin: 0 0 4px 0;}

    .contact-right-vypis, .contact-left-mapa { width: 200px; height: 30px;}
    .contact-left-mapa-button { width: 160px; height: 26px; position: absolute; margin: 0 0 0 0; font-size: 15px; padding: 5px 0 0 30px; background: url('../themes/maps.png') 0 0 no-repeat;}
    .contact-right-vypis-button { width: 230px; height: 26px; position: absolute; margin: 0 0 0 0; font-size: 15px; padding: 5px 0 0 40px; background: url('../themes/vypis.png') 0 0 no-repeat;}
    a.contact-left-mapa-button, a.contact-right-vypis-button { font-weight: bold; text-decoration: none; color: #28323E}
    a.contact-left-mapa-button:hover, a.contact-right-vypis-button:hover { color: #060;}

    .contact-info-block { width: 800px; height: 15px; margin: 0 0 25px 0; border-bottom: 1px solid #060;}
    .contact-info-block-text { width: 160px; height: 40px; position: absolute; margin: -5px 0 0 320px; text-align: center; color: #060; font-weight: bold; font-size: 30px; background: #f3f3f3;}

    /* Galerie */
    .galerie-all { width: 800px; height: 200px; margin: 0 0 0 0;}
    .galerie-pozice-a { width: 190px; height: 190px; position: absolute; margin: 0 0 0 0; padding: 5px; overflow: hidden;}
    .galerie-pozice-b { width: 190px; height: 190px; position: absolute; margin: 0 0 0 200px; padding: 5px; overflow: hidden;}
    .galerie-pozice-c { width: 190px; height: 190px; position: absolute; margin: 0 0 0 400px; padding: 5px; overflow: hidden;}
    .galerie-pozice-d { width: 190px; height: 190px; position: absolute; margin: 0 0 0 600px; padding: 5px; overflow: hidden;}
    .galerie-img { width: 188px; height: 188px; position: absolute; margin: 0 0 0 0; border: 1px solid #060; overflow: hidden;}

    /* Download */
    .download { width: 100%; height: 40px;}
    .download-pozice { width: 250px; height: 40px; position: relative; left: calc(50% - 125px);}
    .download-button { width: 190px; height: 40px; position: absolute; left: 0px; margin: 0 0 0 0; padding: 8px 0 0 60px; font-weight: bold; background: url('../themes/download-0.png') top no-repeat;}
    a.download-button { text-decoration: none; color: #777;}
    a.download-button:hover { text-decoration: none; color: #000; background: url('../themes/download-1.png') top no-repeat;}

    /* Loading Page */
    #loading-page{ border: 0px; background: rgba(0,0,0,0.85); width:100%; height:100%; margin:0; padding:0; border:0; position:fixed; z-index:999;}
    #loading-bar div{ display:inline-block; color: #fff; font-size:4em; font-stretch:expanded;}
    #loading-bar{ position:absolute; left:37%; top:40%;}

    #loading-bar div:nth-child(1){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:0;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:0;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:0;
    }
    #loading-bar div:nth-child(2){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:100ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:100ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:100ms;
    }
    #loading-bar div:nth-child(3){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:200ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:200ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:200ms;
    }
    #loading-bar div:nth-child(4){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:300ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:300ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:300ms;
    }
    #loading-bar div:nth-child(5){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:400ms;
  
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:400ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:400ms;
    }
    #loading-bar div:nth-child(6){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:500ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:500ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:500ms;
    }
    #loading-bar div:nth-child(7){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:600ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:600ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:600ms;
    }
    @-webkit-keyframes textGlow{
      0%{
        text-shadow:0 0 0 0;
      }
      50%{
        text-shadow: 0 0 20px #fff;
      }
      100%{
        text-shadow:0 0 0 0;
      }
    }

    /* Definice vyskakovacího okna */
    .facebook-pozice { width: 700px; height: 303px; margin-top: 10px; padding: 0 10px 10px 10px;}
    .facebook { width: 700px; height: 303px; position: absolute; margin: 0 0 0 0; background: url('../themes/reklama-web.png') top no-repeat;}
}

/* Rozhraní pro tablety */
@media screen and (min-width: 800px) and (max-width: 1159px) {
    #facebody { width: 100%; min-height: 200px;}

    .nadpis { width: 600px; height: 71px; position: absolute; top: 70px; left: 40px;}
    .nadpis-img { width: 165px; height: 64px; position: absolute; margin: 3px 0 0 3px; background: url('../themes/logo.png') top no-repeat;}
    .nadpis-line { width: 1px; height: 64px; position: absolute; margin: 3px 0 0 180px; background: #000;}
    .nadpis-titles { width: 400px; height: 20px; position: absolute; margin: 43px 0 0 190px; font-weight: bold; font-size: 18px;}
    .nadpis-titles span { font-weight: normal;}
    .grafika { width: 700px; height: 120px; position: absolute; top: 30px; left: 0px; background: url('../themes/grafika.png') top no-repeat;}
    .topmenu { width: 130px; height: 27px; position: absolute; top: 55px; right: 280px; background: url('../themes/top-menu-0.png') top no-repeat;}
    .topmenu-tviewer { width: 27px; height: 27px; position: absolute; margin: 0 0 0 5px;}
    .topmenu-home { width: 27px; height: 27px; position: absolute; margin: 0 0 0 52px;}
    .topmenu-face { width: 27px; height: 27px; position: absolute; margin: 0 0 0 98px;}
    a.topmenu-tviewer:hover { background: url('../themes/top-menu-1.png') -5px 0 no-repeat;}
    a.topmenu-home:hover { background: url('../themes/top-menu-1.png') -52px 0 no-repeat;}
    a.topmenu-face:hover { background: url('../themes/top-menu-1.png') -98px 0 no-repeat;}

    /* Hlavička webu */
    #header-face { width: 100%; height: 150px; border-bottom: 1px solid #098; background: #f3f3f3;}
    #header { width: 800px; height: 150px; text-align: left;}

    /* Nabídka - script */
    #nabidka-face { width: 100%; height: 364px; background: #333 url('../themes/bg-tablet.jpg') top no-repeat;}
    #nabidka { width: 100%; height: 364px; text-align: left;}

    /* Hlavní obsahová část webu */
    #content { width: 800px; min-height: 200px; text-align: left;}

    .content-navigace { width: 800px; height: 60px;}
    .content-navigace-obsah { width: 700px; height: 20px; position: absolute; color: #060; margin: 10px 0 0 50px; font-size: 15px;}
    .content-navigace-obsah span { font-weight: bold; font-size: 14px;}
    .content-navigace-obsah-bottom { width: 700px; height: 20px; position: absolute; text-align: right; color: #999; margin: 10px 0 0 50px; font-size: 15px; font-weight: bold;}

    .content-all { width: 800px; margin: 0 0 0 0; text-align: left;}
    .content-all-left { width: 760px; height: 40px; margin: 0 0 0 20px;}
    .content-all-left-img { visibility: hidden; width: 0px; height: 0px; margin: 0 0 0 0;}
    .content-all-left-titles { width: 760px; height: auto; margin: 0 0 10px 0; font-size: 30px; text-align: left; color: #060;}
    .content-all-left-titles span { font-weight: bold;}
    .content-all-right { width: 760px; min-height: 400px; margin: 0 0 0 20px;}

    .content-hp-head span { font-weight: bold; font-size: 18px; color: #060;}
    .content-hp-head span { font-size: 18px;}
    .content-hp-head { width: 800px; height: auto; text-align: center; font-size: 18px; margin: 0 0 0 0; font-weight: bold;}

    .content-hp-obsah-0 { width: 800px; height: 335px; margin: 0 0 50px 0;}
    .content-hp-obsah-1 { width: 800px; height: 335px; margin: 0 0 50px 0;}
    .content-hp-obsah-2 { width: 800px; height: 355px; margin: 0 0 50px 0; border-bottom: 1px solid #060;}
    .content-hp-obsah-a { width: 260px; height: 335px; position: absolute; margin: 0 0 0 0; background: url('../themes-hp/hp-a-0.png') top no-repeat;}
    .content-hp-obsah-b { width: 260px; height: 335px; position: absolute; margin: 0 0 0 270px; background: url('../themes-hp/hp-b-0.png') top no-repeat;}
    .content-hp-obsah-c { width: 260px; height: 335px; position: absolute; margin: 0 0 0 540px; background: url('../themes-hp/hp-c-0.png') top no-repeat;}
    .content-hp-obsah-d { width: 260px; height: 335px; position: absolute; margin: 0 0 0 0; background: url('../themes-hp/hp-d-0.png') top no-repeat;}
    .content-hp-obsah-e { width: 260px; height: 335px; position: absolute; margin: 0 0 0 270px; background: url('../themes-hp/hp-e-0.png') top no-repeat;}
    .content-hp-obsah-f { width: 260px; height: 335px; position: absolute; margin: 0 0 0 540px; background: url('../themes-hp/hp-f-0.png') top no-repeat;}
    .content-hp-obsah-g { width: 260px; height: 335px; position: absolute; margin: 0 0 0 0px; background: url('../themes-hp/hp-g-0.png') top no-repeat;}
    .content-hp-obsah-h { width: 260px; height: 335px; position: absolute; margin: 0 0 0 270px; background: url('../themes-hp/hp-h-0.png') top no-repeat;}
    .content-hp-obsah-i { width: 260px; height: 335px; position: absolute; margin: 0 0 0 540px; background: url('../themes-hp/hp-i-0.png') top no-repeat;}
    .content-hp-obsah-j { width: 260px; height: 335px; position: absolute; margin: 0 0 0 0; background: url('../themes-hp/hp-j-0.png') top no-repeat;}
    .content-hp-obsah-k { width: 260px; height: 335px; position: absolute; margin: 0 0 0 270px; background: url('../themes-hp/hp-k-0.png') top no-repeat;}
    a.content-hp-obsah-a:hover { background: url('../themes-hp/hp-a-1.png') top no-repeat;}
    a.content-hp-obsah-b:hover { background: url('../themes-hp/hp-b-1.png') top no-repeat;}
    a.content-hp-obsah-c:hover { background: url('../themes-hp/hp-c-1.png') top no-repeat;}
    a.content-hp-obsah-d:hover { background: url('../themes-hp/hp-d-1.png') top no-repeat;}
    a.content-hp-obsah-e:hover { background: url('../themes-hp/hp-e-1.png') top no-repeat;}
    a.content-hp-obsah-f:hover { background: url('../themes-hp/hp-f-1.png') top no-repeat;}
    a.content-hp-obsah-g:hover { background: url('../themes-hp/hp-g-1.png') top no-repeat;}
    a.content-hp-obsah-h:hover { background: url('../themes-hp/hp-h-1.png') top no-repeat;}
    a.content-hp-obsah-i:hover { background: url('../themes-hp/hp-i-1.png') top no-repeat;}
    a.content-hp-obsah-j:hover { background: url('../themes-hp/hp-j-1.png') top no-repeat;}
    a.content-hp-obsah-k:hover { background: url('../themes-hp/hp-k-1.png') top no-repeat;}
    .content-hp-obsah-free { width: 260px; height: 180px; margin: 0 0 0 0;}
    .content-hp-obsah-titles { width: 220px; height: auto; text-align: center; margin: 0 0 10px 20px; font-size: 20px; color: #595959;}
    .content-hp-obsah-titles span { font-weight: bold; color: #060;}
    .content-hp-obsah-text { width: 240px; height: auto; margin: 0 0 0 10px; font-size: 14px; text-align: center; color: #777;}

    .content-page { width: 800px; height: auto; margin: 0 0 0 0;}
    .content-page-kontakt { width: 800px; height: auto; margin: 0 0 10px 0;}
    .content-page-kontakt-pozice { width: 200px; height: auto; margin: 0 0 0 195px;}
    .content-page-kontakt-pozice span { font-weight: bold;}
    .content-page-kontakt-img { width: 180px; height: 180px; position: absolute; margin: 0 0 0 0;}
    .content-page-kontakt-left { width: 390px; height: 180px; position: absolute; margin: 0 0 0 5px;}
    .content-page-kontakt-right { width: 390px; height: 180px; margin: 0 0 0 405px;}
    .kontakt-img { width: 100%;}

    /* Reklamní část webu */
    #banner-face { width: 100%; height: 200px; background: #e5e5e5;}
    #banner { width: 800px; height: 200px; text-align: left;}
    .banner-one { width: 386px; height: 185px; position: absolute; margin: 8px 0 0 8px;}
    a.banner-one { background: url('../banner/kerio-0x800.png');}
    a.banner-one:hover { background: url('../banner/kerio-1x800.png');}
    .banner-two { width: 386px; height: 185px; position: absolute; margin: 8px 0 0 408px;}
    a.banner-two { background: url('../banner/eset-0x800.png');}
    a.banner-two:hover { background: url('../banner/eset-1x800.png');}
    .banner-line { width: 1px; height: 190px; position: absolute; margin: 5px 0 0 400px; background: #c0c0c0;}

    /* Část pro partnery */
    #partners { width: 800px; height: 150px;}
    .partners-ms-pozice { width: 167px; height: 40px; position: absolute; margin: 30px 0 0 200px; text-align: left;}
    .partners-ms-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-ms-pozice-odkaz { background: url('../partners/ms-0.png');}
    a.partners-ms-pozice-odkaz:hover { background: url('../partners/ms-1.png');}
    .partners-vmw-pozice { width: 153px; height: 40px; position: absolute; margin: 85px 0 0 100px; text-align: left;}
    .partners-vmw-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-vmw-pozice-odkaz { background: url('../partners/vmw-0.png');}
    a.partners-vmw-pozice-odkaz:hover { background: url('../partners/vmw-1.png');}
    .partners-hp-pozice { width: 185px; height: 35px; position: absolute; margin: 30px 0 0 440px; text-align: left;}
    .partners-hp-pozice-odkaz { width: 100%; height: 35px; position: absolute; margin: 0 0 0 0;}
    a.partners-hp-pozice-odkaz { background: url('../partners/hp-0.png');}
    a.partners-hp-pozice-odkaz:hover { background: url('../partners/hp-1.png');}
    .partners-ibm-pozice { width: 89px; height: 40px; position: absolute; margin: 30px 0 0 670px; text-align: left;}
    .partners-ibm-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-ibm-pozice-odkaz { background: url('../partners/ibm-0.png');}
    a.partners-ibm-pozice-odkaz:hover { background: url('../partners/ibm-1.png');}
    .partners-e-pozice { width: 101px; height: 40px; position: absolute; margin: 30px 0 0 40px; text-align: left;}
    .partners-e-pozice-odkaz { width: 100%; height: 40px; position: absolute; margin: 0 0 0 0;}
    a.partners-e-pozice-odkaz { background: url('../partners/e-0.png');}
    a.partners-e-pozice-odkaz:hover { background: url('../partners/e-1.png');}
    .partners-k-pozice { width: 184px; height: 40px; position: absolute; margin: 85px 0 0 510px; text-align: left;}
    .partners-k-pozice-odkaz { width: 100%; height: 31px; position: absolute; margin: 5px 0 0 0;}
    a.partners-k-pozice-odkaz { background: url('../partners/k-0.png');}
    a.partners-k-pozice-odkaz:hover { background: url('../partners/k-1.png');}

    /* Spodní část webu */
    #bottom-face { width: 100%; height: 100px; background: #595959;}
    #bottom { width: 800px; height: 100px; text-align: left; color: #FFF;}
    .copyright { width: 800px; height: 22px; position: absolute; margin: 30px 0 0 0; text-align: center; font-size: 16px;}
    .maccelo { width: 200px; height: 24px; position: absolute; margin: 55px 0 0 300px; text-align: center; font-size: 13px;}
    .maccelo span { font-weight: bold;}
    a.maccelo { text-decoration: none; color: #ccc;}
    a.maccelo:hover { color: #fff;}

    /* Definice pro hlavní navigaci na webu */
    .navigace-popis { position: absolute; font-size: 28px; font-weight: bold; margin: 5px 0 0 42px;}
    .head-nav { width: 300px; height: 440px; position: absolute; top: 40px; right: 262px; color: #28323E; text-align: left; background: #fff;}
    .navi-01 { width: 260px; height: 40px; position: absolute; left: 10px; top: 10px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-02 { width: 260px; height: 40px; position: absolute; left: 10px; top: 60px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-03 { width: 260px; height: 40px; position: absolute; left: 10px; top: 110px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-04 { width: 260px; height: 40px; position: absolute; left: 10px; top: 160px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-05 { width: 260px; height: 40px; position: absolute; left: 10px; top: 210px; padding: 0 0 0 10px; font-size: 28px;}
    .navi-06 { width: 260px; height: 40px; position: absolute; left: 10px; top: 260px; padding: 0 0 0 10px; font-size: 28px;}
    a.navi-01, a.navi-02, a.navi-03, a.navi-04, a.navi-05, a.navi-06 { background: url('../themes/navi-0.png') left repeat-y; font-weight: bold; color: #28323E;}
    a.navi-01:hover, a.navi-02:hover, a.navi-03:hover, a.navi-04:hover, a.navi-05:hover, a.navi-06:hover { background: url('../themes/navi-1.png') left repeat-y; color: #060;}
    .navi-01-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 10px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-02-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 60px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-03-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 110px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-04-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 160px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-05-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 210px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-06-active { width: 260px; height: 40px; position: absolute; left: 10px; top: 260px; padding: 0 0 0 10px; font-size: 28px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-icon { width: 105px; height: 22px; position: absolute; left: 97px; top: 330px; background: url('../themes/navi-menu-0.png') top no-repeat;}
    .navi-icon-tviewer { width: 22px; height: 22px; position: absolute; margin: 0 0 0 1px;}
    .navi-icon-home { width: 22px; height: 22px; position: absolute; margin: 0 0 0 41px;}
    .navi-icon-face { width: 22px; height: 22px; position: absolute; margin: 0 0 0 82px;}
    a.navi-icon-tviewer:hover { background: url('../themes/navi-menu-1.png') -1px 0 no-repeat;}
    a.navi-icon-home:hover { background: url('../themes/navi-menu-1.png') -41px 0 no-repeat;}
    a.navi-icon-face:hover { background: url('../themes/navi-menu-1.png') -82px 0 no-repeat;}
    .navigace-mail { width: 100%; height: 18px; position: absolute; top: 370px; text-align: center; font-size: 18px; color: #28323E; font-style: italic;}
    a.navigace-mail { color: #28323e; text-decoration: none;}
    a.navigace-mail:hover { color: #060;}
    .navigace-phone { width: 100%; height: 15px; position: absolute; top: 395px; text-align: center; font-size: 14px; color: #999; font-style: italic;}

    /* Slideshow */
    #slideshow {
        position: relative; 
        width: 800px; 
        height: 364px; 
        display: block;
    }

    #slideshow > div { 
        position: absolute; 
    }

    .show-content { width: 400px; height: 220px; position: absolute; margin: 80px 0 0 400px; color: #fff; text-align: left;}
    .show-content-titles { width: 400px; height: 50px; position: absolute; margin: 0 0 0 0; text-align: center; font-size: 16px;}
    .show-content-titles span { font-size: 22px; font-weight: bold;}
    .show-content-text { width: 400px; height: 80px; position: absolute; margin: 60px 0 0 ; font-size: 14px;}
    .show-content-text span { font-weight: bold; color: #fff;}
    .show-content-button-info { width: 180px; height: 50px; position: absolute; margin: 150px 0 0 5px; text-align: center; font-size: 14px; background: #777;}
    .show-content-button-interest { width: 180px; height: 50px; position: absolute; margin: 150px 0 0 210px; text-align: center; font-size: 14px; background: #777;}
    .show-content-button-info span, .show-content-button-interest span { font-weight: bold; font-size: 16px;}
    a.show-content-button-info, a.show-content-button-interest { background: url('../themes/button-0.png') bottom repeat-x;}
    a.show-content-button-info:hover, a.show-content-button-interest:hover { background: url('../themes/button-1.png') bottom repeat-x;}

    .show-content-img-01 { width: 800px; height: 364px; margin: 0 0 0 0; background: url('../news/01x800.png') top no-repeat;}
    .show-content-img-02 { width: 800px; height: 364px; margin: 0 0 0 0; background: url('../news/02x800.png') top no-repeat;}
    .show-content-img-03 { width: 800px; height: 364px; margin: 0 0 0 0; background: url('../news/03x800.png') top no-repeat;}
    .show-content-img-04 { width: 800px; height: 364px; margin: 0 0 0 0; background: url('../news/04x800.png') top no-repeat;}
    .show-content-img-05 { width: 800px; height: 364px; margin: 0 0 0 0; background: url('../news/05x800.png') top no-repeat;}

    .show-content-ovladac-left { width: 50px; height: 50px; position: absolute; margin: 200px 0 0 0; background: rgba(0,0,0,0.5);}
    a.show-content-ovladac-left { border: 2px solid #333; background-image: url('../themes/slider-left-0.png');}
    a.show-content-ovladac-left:hover { border: 2px solid #090; background-image: url('../themes/slider-left-1.png');}
    .show-content-ovladac-right { width: 50px; height: 50px; position: absolute; margin: 200px 0 0 740px; background: rgba(0,0,0,0.5);}
    a.show-content-ovladac-right { border: 2px solid #333; background-image: url('../themes/slider-right-0.png');}
    a.show-content-ovladac-right:hover { border: 2px solid #090; background-image: url('../themes/slider-right-1.png');}

    .show-content-bottom { width: 90px; height: 10px; position: absolute; margin: 320px 0 0 395px;}
    .show-content-bottom-01 { width: 10px; height: 10px; position: absolute; margin: 0 0 0 0;}
    .show-content-bottom-02 { width: 10px; height: 10px; position: absolute; margin: 0 0 0 20px;}
    .show-content-bottom-03 { width: 10px; height: 10px; position: absolute; margin: 0 0 0 40px;}
    .show-content-bottom-04 { width: 10px; height: 10px; position: absolute; margin: 0 0 0 60px;}
    .show-content-bottom-05 { width: 10px; height: 10px; position: absolute; margin: 0 0 0 80px;}
    a.show-content-bottom-01, a.show-content-bottom-02, a.show-content-bottom-03, a.show-content-bottom-04, a.show-content-bottom-05 { background: rgba(255,255,255,0.25);}
    a.show-content-bottom-01:hover, a.show-content-bottom-02:hover, a.show-content-bottom-03:hover, a.show-content-bottom-04:hover, a.show-content-bottom-05:hover { background: rgba(255,255,255,0.75);}
    .show-content-bottom-active { background: #090;}

    /* Definice textu do webu */
    .podnadpis { font-size: 17px; margin: 0 0 10px 0; color: #060; font-weight: bold;}
    .prefix { font-size: 17px; margin: 0 0 10px 0; text-align: justify; text-indent: 16px; font-weight: bold;}
    .text { margin: 0 0 6px 0; text-align: justify; text-indent: 16px;}
    .text span { color: #060; font-weight: bold;}

    .space { width: 100%; height: 20px;}

    .popiska { width: 100%; font-size: 13px; color: #c0c0c0;}
    .seznam { width: 740px; margin: 0 0 4px 0; padding: 0 0 0 20px; background: url('../themes/seznam.png') 0 7px no-repeat;}

    /* Klienti, obsah */
    .klienti-all { width: 760px; min-height: 120px; margin: 0 0 40px 0;}
    .klienti-left { width: 360px; position: absolute; margin: 0 0 0 0;}
    .klienti-right { width: 360px; margin: 0 0 0 400px;}
    .klienti-nadpis { width: 100%; height: 30px; margin: 0 0 10px 0; font-weight: bold; color: #060; font-size: 20px; text-indent: 40px; background: #999;}
    .klienti-nadpis-school { width: 100%; height: 30px; background: url('../themes/client-school.png') left no-repeat;}
    .klienti-nadpis-gov { width: 100%; height: 30px; background: url('../themes/client-gov.png') left no-repeat;}
    .klienti-nadpis-prum { width: 100%; height: 30px; background: url('../themes/client-prum.png') left no-repeat;}
    .klienti-nadpis-arch { width: 100%; height: 30px; background: url('../themes/client-arch.png') left no-repeat;}
    .klienti-nadpis-health { width: 100%; height: 30px; background: url('../themes/client-health.png') left no-repeat;}
    .klienti-nadpis span { font-weight: normal; font-size: 18px; color: #28323E;}
    .klienti-text { width: 100%; margin: 0 0 4px 0; font-size: 15px; text-align: justify;}
    .klienti-text span { color: #060; font-size: 14px; font-weight: normal;}
    .klienti-text a, .partneri-nadpis a { color: #28323E; text-decoration: none;}
    .klienti-text a:hover, .partneri-nadpis a:hover { color: #000; text-decoration: none;}

    /* Partneři společnosti */
    .partneri-all { width: 800px; min-height: 120px; margin: 0 0 15px -20px;}
    .partneri-logo { width: 120px; height: 120px; position: absolute; margin: 0 0 0 0; border-right: 2px solid #060; overflow: hidden;}
    .partneri-logo img { height: 100%;}
    .partneri-obsah { width: 650px; min-height: 120px; margin: 0 0 0 140px;}
    .partneri-nadpis { width: 100%; margin: 0 0 10px 0; font-weight: bold; text-indent: 16px; color: #060; font-size: 20px;}
    .partneri-nadpis span { font-weight: normal; font-size: 17px; color: #28323E;}
    .partneri-text { width: 100%; margin: 0 0 4px 0; text-indent: 16px; text-align: justify;}
    .partneri-text span { color: #060; font-size: 14px; font-weight: normal;}

    /* Kontaktní informace */
    .contact-all { width: 800px; height: 250px; border-radius: 6px; margin: 0 0 20px -20px; background: rgba(0,102,0,.05);}
    .contact-left { width: 380px; height: 250px; position: absolute; margin: 10px 0 0 10px;}
    .contact-right { width: 380px; height: 250px; position: absolute; margin: 10px 0 0 410px;}
    .contact-all-beta { width: 800px; height: 130px; margin: 0 0 20px -20px;}
    .contact-left-beta { width: 380px; height: 110px; position: absolute; margin: 10px 0 0 10px;}
    .contact-right-beta { width: 380px; height: 160px; position: absolute; margin: 10px 0 0 410px;}
    .contact-box-left { width: 60px; height: 60px; position: absolute; margin: 0 0 0 0;}
    .contact-box-right { width: 300px; height: 180px; position: absolute; margin: 0 0 0 80px;}
    .contact-nadpis { font-size: 18px; font-weight: bold; color: #060; margin: 0 0 4px 0;}
    .contact-text { font-size: 15px; margin: 0 0 4px 0;}

    .contact-right-vypis, .contact-left-mapa { width: 200px; height: 30px;}
    .contact-left-mapa-button { width: 160px; height: 26px; position: absolute; margin: 0 0 0 0; font-size: 15px; padding: 5px 0 0 30px; background: url('../themes/maps.png') 0 0 no-repeat;}
    .contact-right-vypis-button { width: 230px; height: 26px; position: absolute; margin: 0 0 0 0; font-size: 15px; padding: 5px 0 0 40px; background: url('../themes/vypis.png') 0 0 no-repeat;}
    a.contact-left-mapa-button, a.contact-right-vypis-button { font-weight: bold; text-decoration: none; color: #28323E}
    a.contact-left-mapa-button:hover, a.contact-right-vypis-button:hover { color: #060;}

    .contact-info-block { width: 760px; height: 15px; margin: 0 0 25px 0; border-bottom: 1px solid #060;}
    .contact-info-block-text { width: 160px; height: 40px; position: absolute; margin: -5px 0 0 300px; text-align: center; color: #060; font-weight: bold; font-size: 30px; background: #f3f3f3;}

    /* Galerie */
    .galerie-all { width: 800px; height: 200px; margin: 0 0 0 -20px;}
    .galerie-pozice-a { width: 190px; height: 190px; position: absolute; margin: 0 0 0 0; padding: 5px; overflow: hidden;}
    .galerie-pozice-b { width: 190px; height: 190px; position: absolute; margin: 0 0 0 200px; padding: 5px; overflow: hidden;}
    .galerie-pozice-c { width: 190px; height: 190px; position: absolute; margin: 0 0 0 400px; padding: 5px; overflow: hidden;}
    .galerie-pozice-d { width: 190px; height: 190px; position: absolute; margin: 0 0 0 600px; padding: 5px; overflow: hidden;}
    .galerie-img { width: 188px; height: 188px; position: absolute; margin: 0 0 0 0; border: 1px solid #060; overflow: hidden;}

    /* Download */
    .download { width: 100%; height: 40px;}
    .download-pozice { width: 250px; height: 40px; position: relative; left: calc(50% - 125px);}
    .download-button { width: 190px; height: 40px; position: absolute; left: 0px; margin: 0 0 0 0; padding: 8px 0 0 60px; font-weight: bold; background: url('../themes/download-0.png') top no-repeat;}
    a.download-button { text-decoration: none; color: #777;}
    a.download-button:hover { text-decoration: none; color: #000; background: url('../themes/download-1.png') top no-repeat;}

    /* Loading Page */
    #loading-page{ border: 0px; background: rgba(0,0,0,0.85); width:100%; height:100%; margin:0; padding:0; border:0; position:fixed; z-index:999;}
    #loading-bar div{ display:inline-block; color: #fff; font-size: 4em; font-stretch:expanded;}
    #loading-bar{ position:absolute; left:30%; top:40%;}

    #loading-bar div:nth-child(1){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:0;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:0;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:0;
    }
    #loading-bar div:nth-child(2){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:100ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:100ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:100ms;
    }
    #loading-bar div:nth-child(3){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:200ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:200ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:200ms;
    }
    #loading-bar div:nth-child(4){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:300ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:300ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:300ms;
    }
    #loading-bar div:nth-child(5){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:400ms;
  
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:400ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:400ms;
    }
    #loading-bar div:nth-child(6){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:500ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:500ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:500ms;
    }
    #loading-bar div:nth-child(7){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:600ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:600ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:600ms;
    }
    @-webkit-keyframes textGlow{
      0%{
        text-shadow:0 0 0 0;
      }
      50%{
        text-shadow: 0 0 20px #fff;
      }
      100%{
        text-shadow:0 0 0 0;
      }
    }

    /* Definice vyskakovacího okna */
    .facebook-pozice { width: 700px; height: 303px; margin-top: 10px; padding: 0 10px 10px 10px;}
    .facebook { width: 700px; height: 303px; position: absolute; margin: 0 0 0 0; background: url('../themes/reklama-web.png') top no-repeat;}
}

/* Rozhraní pro smartphone */
@media screen and (min-width: 480px) and (max-width: 799px) {
    #facebody { width: 100%; min-height: 200px;}

    .nadpis { width: 460px; height: 100px; position: absolute; top: 50px; left: 10px;}
    .nadpis-img { width: 165px; height: 64px; position: absolute; margin: 3px 0 0 3px; background: url('../themes/logo.png') top no-repeat;}
    .nadpis-line { width: 440px; height: 1px; position: absolute; margin: 74px 0 0 10px; background: #000;}
    .nadpis-titles { width: 400px; height: 20px; position: absolute; margin: 80px 0 0 30px; font-weight: bold; text-align: center; font-size: 16px;}
    .nadpis-titles span { font-weight: normal;}
    .grafika { width: 467px; height: 80px; position: absolute; top: 80px; left: 0px; background: url('../themes/grafika-smartphone.png') top no-repeat;}
    .topmenu { width: 130px; height: 27px; position: absolute; top: 33px; right: 90px; background: url('../themes/top-menu-0.png') top no-repeat;}
    .topmenu-tviewer { width: 27px; height: 27px; position: absolute; margin: 0 0 0 5px;}
    .topmenu-home { width: 27px; height: 27px; position: absolute; margin: 0 0 0 52px;}
    .topmenu-face { width: 27px; height: 27px; position: absolute; margin: 0 0 0 98px;}
    a.topmenu-tviewer:hover { background: url('../themes/top-menu-1.png') -5px 0 no-repeat;}
    a.topmenu-home:hover { background: url('../themes/top-menu-1.png') -52px 0 no-repeat;}
    a.topmenu-face:hover { background: url('../themes/top-menu-1.png') -98px 0 no-repeat;}

    /* Hlavička webu */
    #header-face { width: 100%; height: 160px; border-bottom: 1px solid #098; background: #f3f3f3;}
    #header { width: 100%; height: 200px; text-align: left;}

    /* Nabídka - script */
    #nabidka-face { width: 100%; height: 250px; background: #333 url('../themes/bg.png') top no-repeat;}
    #nabidka { width: 100%; height: 250px; text-align: left;}

    /* Hlavní obsahová část webu */
    #content { width: 480px; min-height: 200px; text-align: left;}

    .content-navigace { width: 480px; height: 60px;}
    .content-navigace-obsah { width: 460px; height: 20px; position: absolute; color: #060; margin: 10px 0 0 10px; font-size: 14px;}
    .content-navigace-obsah span { font-weight: bold; font-size: 14px;}
    .content-navigace-obsah-bottom { width: 460px; height: 20px; position: absolute; text-align: right; color: #999; margin: 10px 0 0 10px; font-size: 15px; font-weight: bold;}

    .content-all { width: 480px; margin: 0 0 0 0; text-align: left;}
    .content-all-left { width: 470px; height: 40px; margin: 0 0 0 5px;}
    .content-all-left-img { visibility: hidden; width: 0px; height: 0px; margin: 0 0 0 0;}
    .content-all-left-titles { width: 470px; height: auto; margin: 0 0 5px 0; font-size: 26px; text-align: left; color: #060;}
    .content-all-left-titles span { font-weight: bold;}
    .content-all-right { width: 470px; min-height: 400px; margin: 0 0 0 5px;}

    .content-hp-head span { font-weight: bold; font-size: 18px; color: #060;}
    .content-hp-head span { font-size: 18px;}
    .content-hp-head { width: 480px; height: auto; text-align: center; font-size: 18px; margin: 0 0 0 0; font-weight: bold;}

    .content-hp-obsah-0 { width: 480px; height: 720px; margin: 0 0 50px 0;}
    .content-hp-obsah-1 { width: 480px; height: 335px; margin: 0 0 50px 0;}
    .content-hp-obsah-2 { width: 480px; height: 355px; margin: 0 0 50px 0; border-bottom: 1px solid #060;}
    .content-hp-obsah-a { width: 220px; height: 335px; position: absolute; margin: 0 0 0 10px; background: url('../themes-hp/hp-a-0.png') top no-repeat;}
    .content-hp-obsah-b { width: 220px; height: 335px; position: absolute; margin: 0 0 0 250px; background: url('../themes-hp/hp-b-0.png') top no-repeat;}
    .content-hp-obsah-c { width: 220px; height: 335px; position: absolute; margin: 385px 0 0 10px; background: url('../themes-hp/hp-c-0.png') top no-repeat;}
    .content-hp-obsah-d { width: 220px; height: 335px; position: absolute; margin: -385px 0 0 250px; background: url('../themes-hp/hp-d-0.png') top no-repeat;}
    .content-hp-obsah-e { width: 220px; height: 335px; position: absolute; margin: 0 0 0 10px; background: url('../themes-hp/hp-e-0.png') top no-repeat;}
    .content-hp-obsah-f { width: 220px; height: 335px; position: absolute; margin: 0 0 0 250px; background: url('../themes-hp/hp-f-0.png') top no-repeat;}
    .content-hp-obsah-g { width: 220px; height: 335px; position: absolute; margin: 0 0 0 10px; background: url('../themes-hp/hp-g-0.png') top no-repeat;}
    .content-hp-obsah-h { width: 220px; height: 335px; position: absolute; margin: 0 0 0 250px; background: url('../themes-hp/hp-h-0.png') top no-repeat;}
    .content-hp-obsah-i { width: 220px; height: 335px; position: absolute; margin: 385px 0 0 10px; background: url('../themes-hp/hp-i-0.png') top no-repeat;}
    .content-hp-obsah-j { width: 220px; height: 335px; position: absolute; margin: -385px 0 0 250px; background: url('../themes-hp/hp-j-0.png') top no-repeat;}
    .content-hp-obsah-k { width: 220px; height: 335px; position: absolute; margin: 0 0 0 10px; background: url('../themes-hp/hp-k-0.png') top no-repeat;}
    a.content-hp-obsah-a:hover { background: url('../themes-hp/hp-a-1.png') top no-repeat;}
    a.content-hp-obsah-b:hover { background: url('../themes-hp/hp-b-1.png') top no-repeat;}
    a.content-hp-obsah-c:hover { background: url('../themes-hp/hp-c-1.png') top no-repeat;}
    a.content-hp-obsah-d:hover { background: url('../themes-hp/hp-d-1.png') top no-repeat;}
    a.content-hp-obsah-e:hover { background: url('../themes-hp/hp-e-1.png') top no-repeat;}
    a.content-hp-obsah-f:hover { background: url('../themes-hp/hp-f-1.png') top no-repeat;}
    a.content-hp-obsah-g:hover { background: url('../themes-hp/hp-g-1.png') top no-repeat;}
    a.content-hp-obsah-h:hover { background: url('../themes-hp/hp-h-1.png') top no-repeat;}
    a.content-hp-obsah-i:hover { background: url('../themes-hp/hp-i-1.png') top no-repeat;}
    a.content-hp-obsah-j:hover { background: url('../themes-hp/hp-j-1.png') top no-repeat;}
    a.content-hp-obsah-k:hover { background: url('../themes-hp/hp-k-1.png') top no-repeat;}
    .content-hp-obsah-free { width: 220px; height: 180px; margin: 0 0 0 0;}
    .content-hp-obsah-titles { width: 180px; height: auto; text-align: center; margin: 0 0 10px 20px; font-size: 18px; color: #595959;}
    .content-hp-obsah-titles span { font-weight: bold; color: #060;}
    .content-hp-obsah-text { width: 200px; height: auto; margin: 0 0 0 10px; font-size: 13px; text-align: center; color: #777;}

    .content-page { width: 480px; height: auto; margin: 0 0 0 0;}
    .content-page-kontakt { width: 480px; height: 340px; margin: 0 0 30px 0;}
    .content-page-kontakt-pozice { width: 200px; height: 340px; position: absolute; margin: 160px 0 0 10px;}
    .content-page-kontakt-pozice span { font-weight: bold;}
    .content-page-kontakt-img { width: 180px; height: 180px; position: absolute; margin: 0 0 10px 20px;}
    .content-page-kontakt-left { width: 220px; height: 340px; position: absolute; margin: 0 0 0 0;}
    .content-page-kontakt-right { width: 220px; height: 340px; margin: 0 0 0 260px;}
    .kontakt-img { width: 100%;}

    /* Reklamní část webu */
    #banner-face { width: 100%; height: 480px; background: #e5e5e5;}
    #banner { width: 480px; height: 480px; text-align: left;}
    .banner-one { width: 462px; height: 222px; position: absolute; margin: 9px 0 0 9px;}
    a.banner-one { background: url('../banner/kerio-0x480.png');}
    a.banner-one:hover { background: url('../banner/kerio-1x480.png');}
    .banner-two { width: 462px; height: 222px; position: absolute; margin: 244px 0 0 9px;}
    a.banner-two { background: url('../banner/eset-0x480.png');}
    a.banner-two:hover { background: url('../banner/eset-1x480.png');}
    .banner-line { visibility: hidden; width: 0px; height: 0px;}

    /* Část pro partnery */
    #partners { width: 480px; height: 150px;}
    .partners-ms-pozice { width: 167px; height: 40px; position: absolute; margin: 30px 0 0 10px; text-align: left;}
    .partners-ms-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-ms-pozice-odkaz { background: url('../partners/ms-0.png');}
    a.partners-ms-pozice-odkaz:hover { background: url('../partners/ms-1.png');}
    .partners-vmw-pozice { width: 153px; height: 40px; position: absolute; margin: 85px 0 0 10px; text-align: left;}
    .partners-vmw-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-vmw-pozice-odkaz { background: url('../partners/vmw-0.png');}
    a.partners-vmw-pozice-odkaz:hover { background: url('../partners/vmw-1.png');}
    .partners-hp-pozice { width: 185px; height: 35px; position: absolute; margin: 30px 0 0 285px; text-align: left;}
    .partners-hp-pozice-odkaz { width: 100%; height: 35px; position: absolute; margin: 0 0 0 0;}
    a.partners-hp-pozice-odkaz { background: url('../partners/hp-0.png');}
    a.partners-hp-pozice-odkaz:hover { background: url('../partners/hp-1.png');}
    .partners-ibm-pozice { width: 89px; height: 40px; position: absolute; margin: 30px 0 0 183px; text-align: left;}
    .partners-ibm-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-ibm-pozice-odkaz { background: url('../partners/ibm-0.png');}
    a.partners-ibm-pozice-odkaz:hover { background: url('../partners/ibm-1.png');}
    .partners-e-pozice { width: 101px; height: 40px; position: absolute; margin: 85px 0 0 176px; text-align: left;}
    .partners-e-pozice-odkaz { width: 100%; height: 40px; position: absolute; margin: 0 0 0 0;}
    a.partners-e-pozice-odkaz { background: url('../partners/e-0.png');}
    a.partners-e-pozice-odkaz:hover { background: url('../partners/e-1.png');}
    .partners-k-pozice { width: 184px; height: 40px; position: absolute; margin: 85px 0 0 285px; text-align: left;}
    .partners-k-pozice-odkaz { width: 100%; height: 31px; position: absolute; margin: 5px 0 0 0;}
    a.partners-k-pozice-odkaz { background: url('../partners/k-0.png');}
    a.partners-k-pozice-odkaz:hover { background: url('../partners/k-1.png');}

    /* Spodní část webu */
    #bottom-face { width: 100%; height: 100px; background: #595959;}
    #bottom { width: 480px; height: 100px; text-align: left; color: #FFF;}
    .copyright { width: 480px; height: 22px; position: absolute; margin: 30px 0 0 0; text-align: center; font-size: 16px;}
    .maccelo { width: 200px; height: 24px; position: absolute; margin: 55px 0 0 140px; text-align: center; font-size: 13px;}
    .maccelo span { font-weight: bold;}
    a.maccelo { text-decoration: none; color: #ccc;}
    a.maccelo:hover { color: #fff;}

    /* Definice pro hlavní navigaci na webu */
    .navigace-popis { visibility: hidden; position: absolute; font-size: 20px; font-weight: bold; margin: 9px 0 0 50px;}
    .head-nav { width: 440px; height: 220px; position: absolute; top: 20px; right: 20px; color: #28323E; text-align: left; background: #fff;}
    .navi-01 { width: 200px; height: 32px; position: absolute; left: 10px; top: 10px; padding: 0 0 0 10px; font-size: 24px;}
    .navi-02 { width: 200px; height: 32px; position: absolute; left: 10px; top: 52px; padding: 0 0 0 10px; font-size: 25px;}
    .navi-03 { width: 200px; height: 32px; position: absolute; left: 10px; top: 94px; padding: 0 0 0 10px; font-size: 25px;}
    .navi-04 { width: 200px; height: 32px; position: absolute; left: 230px; top: 10px; padding: 0 0 0 10px; font-size: 25px;}
    .navi-05 { width: 200px; height: 32px; position: absolute; left: 230px; top: 52px; padding: 0 0 0 10px; font-size: 25px;}
    .navi-06 { width: 200px; height: 32px; position: absolute; left: 230px; top: 94px; padding: 0 0 0 10px; font-size: 25px;}
    a.navi-01, a.navi-02, a.navi-03, a.navi-04, a.navi-05, a.navi-06 { background: url('../themes/navi-0.png') left repeat-y; font-weight: bold; color: #28323E;}
    a.navi-01:hover, a.navi-02:hover, a.navi-03:hover, a.navi-04:hover, a.navi-05:hover, a.navi-06:hover { background: url('../themes/navi-1.png') left repeat-y; color: #060;}
    .navi-01-active { width: 200px; height: 32px; position: absolute; left: 10px; top: 10px; padding: 0 0 0 10px; font-size: 25px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-02-active { width: 200px; height: 32px; position: absolute; left: 10px; top: 52px; padding: 0 0 0 10px; font-size: 25px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-03-active { width: 200px; height: 32px; position: absolute; left: 10px; top: 94px; padding: 0 0 0 10px; font-size: 25px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-04-active { width: 200px; height: 32px; position: absolute; left: 230px; top: 10px; padding: 0 0 0 10px; font-size: 25px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-05-active { width: 200px; height: 32px; position: absolute; left: 230px; top: 52px; padding: 0 0 0 10px; font-size: 25px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-06-active { width: 200px; height: 32px; position: absolute; left: 230px; top: 94px; padding: 0 0 0 10px; font-size: 25px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-icon { width: 105px; height: 22px; position: absolute; left: 50px; top: 165px; background: url('../themes/navi-menu-0.png') top no-repeat;}
    .navi-icon-tviewer { width: 22px; height: 22px; position: absolute; margin: 0 0 0 1px;}
    .navi-icon-home { width: 22px; height: 22px; position: absolute; margin: 0 0 0 41px;}
    .navi-icon-face { width: 22px; height: 22px; position: absolute; margin: 0 0 0 82px;}
    a.navi-icon-tviewer:hover { background: url('../themes/navi-menu-1.png') -1px 0 no-repeat;}
    a.navi-icon-home:hover { background: url('../themes/navi-menu-1.png') -41px 0 no-repeat;}
    a.navi-icon-face:hover { background: url('../themes/navi-menu-1.png') -82px 0 no-repeat;}
    .navigace-mail { width: 100%; height: 18px; position: absolute; left: 100px; top: 150px; text-align: center; font-size: 18px; color: #28323E; font-style: italic;}
    a.navigace-mail { color: #28323e; text-decoration: none;}
    a.navigace-mail:hover { color: #060;}
    .navigace-phone { width: 100%; height: 15px; position: absolute; left: 100px; top: 175px; text-align: center; font-size: 14px; color: #999; font-style: italic;}

    /* Slideshow */
    #slideshow {
        position: relative; 
        width: 480px; 
        height: 250px; 
        display: block;
    }

    #slideshow > div { 
        position: absolute; 
    }

    .show-content { width: 470px; height: 220px; position: absolute; margin: 15px 0 0 5px; color: #fff; text-align: left;}
    .show-content-titles { width: 450px; height: 70px; position: absolute; margin: 0 0 0 10px; font-size: 22px; text-align: center;}
    .show-content-titles span { font-size: 20pt; font-weight: bold;}
    .show-content-text { width: 450px; height: 110px; position: absolute; text-align: center; margin: 70px 0 0 10px;}
    .show-content-text span { font-weight: bold; color: #fff;}
    .show-content-button-info { width: 225px; height: 60px; position: absolute; margin: 160px 0 0 0; text-align: center; font-size: 15px; background: #777;}
    .show-content-button-interest { width: 225px; height: 60px; position: absolute; margin: 160px 0 0 245px; text-align: center; font-size: 16px; background: #777;}
    .show-content-button-info span, .show-content-button-interest span { font-weight: bold; font-size: 18px;}
    a.show-content-button-info, a.show-content-button-interest { background: url('../themes/button-0.png') bottom repeat-x; color: #FFF; text-decoration: none;}
    a.show-content-button-info:hover, a.show-content-button-interest:hover { background: url('../themes/button-1.png') bottom repeat-x;}

    .show-content-img-01 { width: 470px; height: 250px; margin: 0 0 0 0; background: none;}
    .show-content-img-02 { width: 470px; height: 250px; margin: 0 0 0 0; background: none;}
    .show-content-img-03 { width: 470px; height: 250px; margin: 0 0 0 0; background: none;}
    .show-content-img-04 { width: 470px; height: 250px; margin: 0 0 0 0; background: none;}
    .show-content-img-05 { width: 470px; height: 250px; margin: 0 0 0 0; background: none;}

    .show-content-ovladac-left { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden;}
    a.show-content-ovladac-left { border: 2px solid #333; background-image: url('../themes/slider-left-0.png');}
    a.show-content-ovladac-left:hover { border: 2px solid #090; background-image: url('../themes/slider-left-1.png');}
    .show-content-ovladac-right { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden;}
    a.show-content-ovladac-right { border: 2px solid #333; background-image: url('../themes/slider-right-0.png');}
    a.show-content-ovladac-right:hover { border: 2px solid #090; background-image: url('../themes/slider-right-1.png');}

    .show-content-bottom { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden;}
    .show-content-bottom-01 { width: 46px; height: 46px; position: absolute; margin: 0 0 0 0; border-radius: 50%; background: rgba(0,0,0,0.5);}
    .show-content-bottom-02 { width: 46px; height: 46px; position: absolute; margin: 0 0 0 70px; border-radius: 50%; background: rgba(0,0,0,0.5);}
    .show-content-bottom-03 { width: 46px; height: 46px; position: absolute; margin: 0 0 0 140px; border-radius: 50%; background: rgba(0,0,0,0.5);}
    .show-content-bottom-04 { width: 46px; height: 46px; position: absolute; margin: 0 0 0 210px; border-radius: 50%; background: rgba(0,0,0,0.5);}
    a.show-content-bottom-01, a.show-content-bottom-02, a.show-content-bottom-03, a.show-content-bottom-04 { border: 2px solid #333;}
    a.show-content-bottom-01:hover, a.show-content-bottom-02:hover, a.show-content-bottom-03:hover, a.show-content-bottom-04:hover { border: 2px solid #090;}
    .show-content-bottom-active { border: 2px solid #fff;}

    /* Definice textu do webu */
    .podnadpis { font-size: 16px; margin: 0 0 10px 0; color: #060; font-weight: bold;}
    .prefix { font-size: 16px; margin: 0 0 10px 0; text-align: justify; font-weight: bold; text-indent: 13px;}
    .text { margin: 0 0 8px 0; text-align: justify; text-indent: 13px;}
    .text span { color: #060; font-weight: bold;}

    .space { width: 100%; height: 20px;}

    .popiska { width: 100%; font-size: 12px; color: #c0c0c0;}
    .seznam { width: 445px; margin: 0 0 4px 0; padding: 0 0 0 15px; text-align: justify; background: url('../themes/seznam.png') 0 7px no-repeat;}

    /* Klienti, obsah */
    .klienti-all { width: 470px; min-height: 120px; margin: 0 0 20px 0;}
    .klienti-left { width: 225px; position: absolute; margin: 0 0 0 0;}
    .klienti-right { width: 225px; margin: 0 0 0 245px;}
    .klienti-nadpis { width: 100%; height: 24px; margin: 0 0 10px 0; padding: 6px 0 0 0; font-weight: bold; color: #060; font-size: 18px; text-indent: 40px; background: #999;}
    .klienti-nadpis-school { width: 100%; height: 30px; background: url('../themes/client-school.png') left no-repeat;}
    .klienti-nadpis-gov { width: 100%; height: 30px; background: url('../themes/client-gov.png') left no-repeat;}
    .klienti-nadpis-prum { width: 100%; height: 30px; background: url('../themes/client-prum.png') left no-repeat;}
    .klienti-nadpis-arch { width: 100%; height: 30px; background: url('../themes/client-arch.png') left no-repeat;}
    .klienti-nadpis-health { width: 100%; height: 30px; background: url('../themes/client-health.png') left no-repeat;}
    .klienti-nadpis span { font-weight: normal; font-size: 16px; color: #28323E;}
    .klienti-text { width: 100%; margin: 0 0 4px 0; font-size: 12px; text-align: justify;}
    .klienti-text span { color: #060; font-size: 12px; font-weight: normal;}
    .klienti-text a, .partneri-nadpis a { color: #28323E; text-decoration: none;}
    .klienti-text a:hover, .partneri-nadpis a:hover { color: #000; text-decoration: none;}


    /* Partneři společnosti */
    .partneri-all { width: 470px; min-height: 120px; margin: 0 0 10px 0;}
    .partneri-logo { width: 75px; height: 75px; position: absolute; margin: 0 0 0 0; border-right: 1px solid #060; overflow: hidden;}
    .partneri-logo img { height: 100%;}
    .partneri-obsah { width: 385px; min-height: 120px; margin: 0 0 0 85px;}
    .partneri-nadpis { width: 100%; margin: 0 0 10px 0; font-weight: bold; text-indent: 13px; color: #060; font-size: 18px;}
    .partneri-nadpis span { font-weight: normal; font-size: 15px; color: #28323E;}
    .partneri-text { width: 100%; margin: 0 0 4px 0; text-indent: 13px; text-align: justify;}
    .partneri-text span { color: #060; font-size: 14px; font-weight: normal;}

    /* Kontaktní informace */
    .contact-all { width: 460px; height: 220px; border-radius: 6px; margin: 0 0 20px 5px; background: rgba(0,102,0,.05);}
    .contact-left { width: 220px; height: 200px; position: absolute; margin: 5px 0 0 5px;}
    .contact-right { width: 220px; height: 200px; position: absolute; margin: 5px 0 0 235px;}
    .contact-all-beta { width: 460px; height: 100px; margin: 0 0 20px 5px;}
    .contact-left-beta { width: 220px; height: 95px; position: absolute; margin: 5px 0 0 5px;}
    .contact-right-beta { width: 220px; height: 95px; position: absolute; margin: 5px 0 0 235px;}
    .contact-box-left { visibility: hidden; width: 0px; height: 0px; position: absolute; margin: 0 0 0 0;}
    .contact-box-right { width: 215px; height: 95px; padding: 0 0 0 5px; position: absolute; margin: 0 0 0 0;}
    .contact-nadpis { font-size: 17px; font-weight: bold; color: #060; margin: 0 0 4px 0;}
    .contact-text { font-size: 13px; margin: 0 0 4px 0;}

    .contact-right-vypis, .contact-left-mapa { width: 215px; height: 20px;}
    .contact-left-mapa-button { width: 192px; height: 20px; position: absolute; margin: 0 0 0 0; font-size: 13px; padding: 0 0 0 18px; background: url('../themes/maps-mobil.png') 0 0 no-repeat;}
    .contact-right-vypis-button { width: 192px; height: 20px; position: absolute; margin: 0 0 0 0; font-size: 13px; padding: 0 0 0 23px; background: url('../themes/vypis-mobil.png') 0 0 no-repeat;}
    a.contact-left-mapa-button, a.contact-right-vypis-button { font-weight: bold; text-decoration: none; color: #28323E}
    a.contact-left-mapa-button:hover, a.contact-right-vypis-button:hover { color: #060;}

    .contact-info-block { width: 460px; height: 14px; margin: 0 0 25px 0; border-bottom: 1px solid #060;}
    .contact-info-block-text { width: 160px; height: 35px; position: absolute; margin: -5px 0 0 150px; text-align: center; color: #060; font-weight: bold; font-size: 26px; background: #f3f3f3;}

    /* Galerie */
    .galerie-all { width: 480px; height: 117px; margin: 0 0 0 -5px;}
    .galerie-pozice-a { width: 107px; height: 107px; position: absolute; margin: 0 0 0 10px; padding: 5px; overflow: hidden;}
    .galerie-pozice-b { width: 107px; height: 107px; position: absolute; margin: 0 0 0 127px; padding: 5px; overflow: hidden;}
    .galerie-pozice-c { width: 107px; height: 107px; position: absolute; margin: 0 0 0 244px; padding: 5px; overflow: hidden;}
    .galerie-pozice-d { width: 107px; height: 107px; position: absolute; margin: 0 0 0 361px; padding: 5px; overflow: hidden;}
    .galerie-img { width: 97px; height: 97px; position: absolute; margin: 0 0 0 0; border: 1px solid #060; overflow: hidden;}

    /* Download */
    .download { width: 100%; height: 40px;}
    .download-pozice { width: 250px; height: 40px; position: relative; left: calc(50% - 115px);}
    .download-button { width: 190px; height: 40px; position: absolute; left: 0px; margin: 0 0 0 0; padding: 8px 0 0 60px; font-weight: bold; background: url('../themes/download-0.png') top no-repeat;}
    a.download-button { text-decoration: none; color: #777;}
    a.download-button:hover { text-decoration: none; color: #060; background: url('../themes/download-1.png') top no-repeat;}
    .text img { visibility: hidden; width: 0px; height: 0px;}

    /* Loading Page */
    #loading-page{ border: 0px; background: rgba(0,0,0,0.85); width:100%; height:100%; margin:0; padding:0; border:0; position:fixed; z-index:999;}
    #loading-bar div{ display:inline-block; color: #fff; font-size:3em; font-stretch:expanded;}
    #loading-bar{ position:absolute; left:30%; top:40%;}

    #loading-bar div:nth-child(1){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:0;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:0;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:0;
    }
    #loading-bar div:nth-child(2){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:100ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:100ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:100ms;
    }
    #loading-bar div:nth-child(3){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:200ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:200ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:200ms;
    }
    #loading-bar div:nth-child(4){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:300ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:300ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:300ms;
    }
    #loading-bar div:nth-child(5){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:400ms;
  
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:400ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:400ms;
    }
    #loading-bar div:nth-child(6){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:500ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:500ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:500ms;
    }
    #loading-bar div:nth-child(7){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:600ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:600ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:600ms;
    }
    @-webkit-keyframes textGlow{
      0%{
        text-shadow:0 0 0 0;
      }
      50%{
        text-shadow: 0 0 20px #fff;
      }
      100%{
        text-shadow:0 0 0 0;
      }
    }

    /* Definice vyskakovacího okna */
    .facebook-pozice { width: 400px; height: 173px; margin-top: 10px; padding: 0 10px 10px 10px;}
    .facebook { width: 400px; height: 173px; position: absolute; margin: 0 0 0 0; background: url('../themes/reklama-web.png') top no-repeat; background-size: cover;}
}

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

    .nadpis { width: 300px; height: 100px; position: absolute; top: 80px; left: 10px;}
    .nadpis-img { width: 165px; height: 64px; position: absolute; margin: 3px 0 0 72px; background: url('../themes/logo.png') top no-repeat;}
    .nadpis-line { width: 300px; height: 1px; position: absolute; margin: 74px 0 0 0; background: #000;}
    .nadpis-titles { width: 300px; height: 20px; position: absolute; margin: 80px 0 0 0; font-weight: bold; text-align: center; font-size: 14px;}
    .nadpis-titles span { font-weight: normal;}
    .grafika { width: 320px; height: 55px; position: absolute; top: 150px; left: 0px; background: url('../themes/grafika-mobil.png') 0 0 no-repeat;}
    .topmenu { width: 130px; height: 27px; position: absolute; top: 33px; right: 90px; background: url('../themes/top-menu-0.png') top no-repeat;}
    .topmenu-tviewer { width: 27px; height: 27px; position: absolute; margin: 0 0 0 5px;}
    .topmenu-home { width: 27px; height: 27px; position: absolute; margin: 0 0 0 52px;}
    .topmenu-face { width: 27px; height: 27px; position: absolute; margin: 0 0 0 98px;}
    a.topmenu-tviewer:hover { background: url('../themes/top-menu-1.png') -5px 0 no-repeat;}
    a.topmenu-home:hover { background: url('../themes/top-menu-1.png') -52px 0 no-repeat;}
    a.topmenu-face:hover { background: url('../themes/top-menu-1.png') -98px 0 no-repeat;}

    /* Hlavička webu */
    #header-face { width: 100%; height: 205px; border-bottom: 1px solid #098; background: #f3f3f3;}
    #header { width: 320px; height: 205px; text-align: left;}

    /* Nabídka - script */
    #nabidka-face { width: 100%; height: 330px; background: #333 url('../themes/bg.png') top no-repeat;}
    #nabidka { width: 100%; height: 330px; text-align: left;}

    /* Hlavní obsahová část webu */
    #content { width: 320px; min-height: 200px; text-align: left;}

    .content-navigace { width: 300px; height: 50px; margin: 0 0 0 10px;}
    .content-navigace-obsah { width: 300px; height: 20px; position: absolute; color: #060; margin: 5px 0 0 0; font-size: 11px;}
    .content-navigace-obsah span { font-weight: bold; font-size: 11px;}
    .content-navigace-obsah-bottom { width: 300px; height: 20px; position: absolute; text-align: right; color: #999; margin: 10px 0 0 5px; font-size: 11px; font-weight: bold;}

    .content-all { width: 310px; margin: 0 0 0 5px; text-align: left;}
    .content-all-left { width: 300px; height: 35px; margin: 0 0 0 5px;}
    .content-all-left-img { visibility: hidden; width: 0px; height: 0px; margin: 0 0 0 0;}
    .content-all-left-titles { width: 300px; height: auto; margin: 0 0 5px 0; font-size: 17px; text-align: left; color: #060;}
    .content-all-left-titles span { font-weight: bold;}
    .content-all-right { width: 300px; min-height: 400px; margin: 0 0 0 5px;}

    .content-hp-head span { font-size: 14px; color: #060;}
    .content-hp-head span { font-size: 16px;}
    .content-hp-head { width: 300px; height: auto; text-align: center; font-size: 16px; margin: 0 0 0 10px;}

    .content-hp-obsah-0 { width: 320px; height: 485px; margin: 0 0 35px 0;}
    .content-hp-obsah-1 { width: 320px; height: 225px; margin: 0 0 35px 0;}
    .content-hp-obsah-2 { width: 320px; height: 240px; margin: 0 0 35px 0; border-bottom: 1px solid #060;}
    .content-hp-obsah-a { width: 150px; height: 225px; position: absolute; margin: 0 0 0 5px; background: url('../themes-hp/hp-a-0-mobil.png') top no-repeat;}
    .content-hp-obsah-b { width: 150px; height: 225px; position: absolute; margin: 0 0 0 160px; background: url('../themes-hp/hp-b-0-mobil.png') top no-repeat;}
    .content-hp-obsah-c { width: 150px; height: 225px; position: absolute; margin: 260px 0 0 5px; background: url('../themes-hp/hp-c-0-mobil.png') top no-repeat;}
    .content-hp-obsah-d { width: 150px; height: 225px; position: absolute; margin: -260px 0 0 160px; background: url('../themes-hp/hp-d-0-mobil.png') top no-repeat;}
    .content-hp-obsah-e { width: 150px; height: 225px; position: absolute; margin: 0 0 0 5px; background: url('../themes-hp/hp-e-0-mobil.png') top no-repeat;}
    .content-hp-obsah-f { width: 150px; height: 225px; position: absolute; margin: 0 0 0 160px; background: url('../themes-hp/hp-f-0-mobil.png') top no-repeat;}
    .content-hp-obsah-g { width: 150px; height: 225px; position: absolute; margin: 0 0 0 5px; background: url('../themes-hp/hp-g-0-mobil.png') top no-repeat;}
    .content-hp-obsah-h { width: 150px; height: 225px; position: absolute; margin: 0 0 0 160px; background: url('../themes-hp/hp-h-0-mobil.png') top no-repeat;}
    .content-hp-obsah-i { width: 150px; height: 225px; position: absolute; margin: 260px 0 0 5px; background: url('../themes-hp/hp-i-0-mobil.png') top no-repeat;}
    .content-hp-obsah-j { width: 150px; height: 225px; position: absolute; margin: -265px 0 0 160px; background: url('../themes-hp/hp-j-0-mobil.png') top no-repeat;}
    .content-hp-obsah-k { width: 150px; height: 225px; position: absolute; margin: 0 0 0 5px; background: url('../themes-hp/hp-k-0-mobil.png') top no-repeat;}
    a.content-hp-obsah-a:hover { background: url('../themes-hp/hp-a-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-b:hover { background: url('../themes-hp/hp-b-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-c:hover { background: url('../themes-hp/hp-c-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-d:hover { background: url('../themes-hp/hp-d-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-e:hover { background: url('../themes-hp/hp-e-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-f:hover { background: url('../themes-hp/hp-f-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-g:hover { background: url('../themes-hp/hp-g-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-h:hover { background: url('../themes-hp/hp-h-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-i:hover { background: url('../themes-hp/hp-i-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-j:hover { background: url('../themes-hp/hp-j-1-mobil.png') top no-repeat;}
    a.content-hp-obsah-k:hover { background: url('../themes-hp/hp-k-1-mobil.png') top no-repeat;}
    .content-hp-obsah-free { width: 150px; height: 170px; margin: 0 0 0 0;}
    .content-hp-obsah-titles { width: 150px; height: auto; text-align: center; margin: 0 0 10px 0; font-size: 15px; color: #595959;}
    .content-hp-obsah-titles span { font-weight: bold; color: #060;}
    .content-hp-obsah-text { visibility: hidden; width: 0px; height: 0px; text-align: center;}

    .content-page { width: 310px; height: auto; margin: 0 0 0 0;}
    .content-page-kontakt { width: 310px; height: 320px; margin: 0 0 0 0;}
    .content-page-kontakt-pozice { width: 160px; height: auto; margin: 0 0 0 155px;}
    .content-page-kontakt-pozice span, .content-page-kontakt-img span { font-weight: bold; color: #060;}
    .content-page-kontakt-img { width: 150px; height: 150px; position: absolute; margin: 0 0 0 0;}
    .content-page-kontakt-left { width: 320px; height: 150px; position: absolute; margin: 0 0 0 0;}
    .content-page-kontakt-right { width: 320px; height: 150px; position: absolute; margin: 160px 0 0 0;}
    .kontakt-img { width: 100%;}

    /* Reklamní část webu */
    #banner-face { width: 100%; height: 320px; background: #e5e5e5;}
    #banner { width: 320px; height: 320px; text-align: left;}
    .banner-one { width: 308px; height: 148px; position: absolute; margin: 6px 0 0 6px;}
    a.banner-one { background: url('../banner/kerio-0x320.png');}
    a.banner-one:hover { background: url('../banner/kerio-1x320.png');}
    .banner-two { width: 308px; height: 148px; position: absolute; margin: 163px 0 0 6px;}
    a.banner-two { background: url('../banner/eset-0x320.png');}
    a.banner-two:hover { background: url('../banner/eset-1x320.png');}
    .banner-line { visibility: hidden; width: 0px; height: 0px;}

    /* Část pro partnery */
    #partners { width: 320px; height: 240px;}
    .partners-ms-pozice { width: 167px; height: 40px; position: absolute; margin: 75px 0 0 15px; text-align: left;}
    .partners-ms-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-ms-pozice-odkaz { background: url('../partners/ms-0.png');}
    a.partners-ms-pozice-odkaz:hover { background: url('../partners/ms-1.png');}
    .partners-vmw-pozice { width: 153px; height: 40px; position: absolute; margin: 130px 0 0 150px; text-align: left;}
    .partners-vmw-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-vmw-pozice-odkaz { background: url('../partners/vmw-0.png');}
    a.partners-vmw-pozice-odkaz:hover { background: url('../partners/vmw-1.png');}
    .partners-hp-pozice { width: 185px; height: 35px; position: absolute; margin: 20px 0 0 80px; text-align: left;}
    .partners-hp-pozice-odkaz { width: 100%; height: 35px; position: absolute; margin: 0 0 0 0;}
    a.partners-hp-pozice-odkaz { background: url('../partners/hp-0.png');}
    a.partners-hp-pozice-odkaz:hover { background: url('../partners/hp-1.png');}
    .partners-ibm-pozice { width: 89px; height: 40px; position: absolute; margin: 75px 0 0 205px; text-align: left;}
    .partners-ibm-pozice-odkaz { width: 100%; height: 36px; position: absolute; margin: 2px 0 0 0;}
    a.partners-ibm-pozice-odkaz { background: url('../partners/ibm-0.png');}
    a.partners-ibm-pozice-odkaz:hover { background: url('../partners/ibm-1.png');}
    .partners-e-pozice { width: 101px; height: 40px; position: absolute; margin: 130px 0 0 15px; text-align: left;}
    .partners-e-pozice-odkaz { width: 100%; height: 40px; position: absolute; margin: 0 0 0 0;}
    a.partners-e-pozice-odkaz { background: url('../partners/e-0.png');}
    a.partners-e-pozice-odkaz:hover { background: url('../partners/e-1.png');}
    .partners-k-pozice { width: 184px; height: 40px; position: absolute; margin: 185px 0 0 75px; text-align: left;}
    .partners-k-pozice-odkaz { width: 100%; height: 31px; position: absolute; margin: 5px 0 0 0;}
    a.partners-k-pozice-odkaz { background: url('../partners/k-0.png');}
    a.partners-k-pozice-odkaz:hover { background: url('../partners/k-1.png');}

    /* Spodní část webu */
    #bottom-face { width: 100%; height: 100px; background: #595959;}
    #bottom { width: 320px; height: 100px; text-align: left; color: #FFF;}
    .copyright { width: 320px; height: 22px; position: absolute; margin: 30px 0 0 0; text-align: center; font-size: 16px;}
    .maccelo { width: 200px; height: 21px; position: absolute; margin: 55px 0 0 60px; text-align: center; font-size: 13px;}
    .maccelo span { font-weight: bold;}
    a.maccelo { text-decoration: none; color: #ccc;}
    a.maccelo:hover { color: #fff;}

    /* Definice pro hlavní navigaci na webu */
    .navigace-popis { visibility: hidden; position: absolute; font-weight: bold; font-size: 20px; margin: 9px 0 0 50px;}
    .head-nav { width: 280px; height: 410px; position: absolute; top: 20px; right: 20px; color: #28323E; text-align: left; background: #fff;}
    .navi-01 { width: 260px; height: 32px; position: absolute; left: 10px; top: 10px; padding: 0 0 0 10px; font-size: 24px;}
    .navi-02 { width: 260px; height: 32px; position: absolute; left: 10px; top: 52px; padding: 0 0 0 10px; font-size: 24px;}
    .navi-03 { width: 260px; height: 32px; position: absolute; left: 10px; top: 94px; padding: 0 0 0 10px; font-size: 24px;}
    .navi-04 { width: 260px; height: 32px; position: absolute; left: 10px; top: 136px; padding: 0 0 0 10px; font-size: 24px;}
    .navi-05 { width: 260px; height: 32px; position: absolute; left: 10px; top: 178px; padding: 0 0 0 10px; font-size: 24px;}
    .navi-06 { width: 260px; height: 32px; position: absolute; left: 10px; top: 220px; padding: 0 0 0 10px; font-size: 24px;}
    a.navi-01, a.navi-02, a.navi-03, a.navi-04, a.navi-05, a.navi-06 { background: url('../themes/navi-0.png') left repeat-y; font-weight: bold; color: #28323E;}
    a.navi-01:hover, a.navi-02:hover, a.navi-03:hover, a.navi-04:hover, a.navi-05:hover, a.navi-06:hover { background: url('../themes/navi-1.png') left repeat-y; color: #060;}
    .navi-01-active { width: 260px; height: 32px; position: absolute; left: 10px; top: 10px; padding: 0 0 0 10px; font-size: 24px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-02-active { width: 260px; height: 32px; position: absolute; left: 10px; top: 52px; padding: 0 0 0 10px; font-size: 24px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-03-active { width: 260px; height: 32px; position: absolute; left: 10px; top: 94px; padding: 0 0 0 10px; font-size: 24px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-04-active { width: 260px; height: 32px; position: absolute; left: 10px; top: 136px; padding: 0 0 0 10px; font-size: 24px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-05-active { width: 260px; height: 32px; position: absolute; left: 10px; top: 178px; padding: 0 0 0 10px; font-size: 24px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-06-active { width: 260px; height: 32px; position: absolute; left: 10px; top: 220px; padding: 0 0 0 10px; font-size: 24px; background: url('../themes/navi-1.png') left repeat-y; color: #060; font-weight: bold;}
    .navi-icon { width: 105px; height: 22px; position: absolute; left: 97px; top: 280px; background: url('../themes/navi-menu-0.png') top no-repeat;}
    .navi-icon-tviewer { width: 22px; height: 22px; position: absolute; margin: 0 0 0 1px;}
    .navi-icon-home { width: 22px; height: 22px; position: absolute; margin: 0 0 0 41px;}
    .navi-icon-face { width: 22px; height: 22px; position: absolute; margin: 0 0 0 82px;}
    a.navi-icon-tviewer:hover { background: url('../themes/navi-menu-1.png') -1px 0 no-repeat;}
    a.navi-icon-home:hover { background: url('../themes/navi-menu-1.png') -41px 0 no-repeat;}
    a.navi-icon-face:hover { background: url('../themes/navi-menu-1.png') -82px 0 no-repeat;}
    .navigace-mail { width: 100%; height: 18px; position: absolute; top: 330px; left: 0px; text-align: center; font-size: 18px; color: #28323E; font-style: italic;}
    a.navigace-mail { color: #28323e; text-decoration: none;}
    a.navigace-mail:hover { color: #060;}
    .navigace-phone { width: 100%; height: 15px; position: absolute; top: 355px; left: 0px; text-align: center; font-size: 14px; color: #999; font-style: italic;}

    /* Slideshow */
    #slideshow {
        position: relative; 
        width: 320px; 
        height: 320px; 
        display: block;
    }

    #slideshow > div { 
        position: absolute; 
    }

    .show-content { width: 310px; height: 300px; position: absolute; margin: 15px 0 0 5px; color: #fff; text-align: left}
    .show-content-titles { width: 310px; height: 70px; position: absolute; margin: 0 0 0 0; text-align: center; font-size: 16px;}
    .show-content-titles span { font-size: 18px; font-weight: bold;}
    .show-content-text { width: 310px; height: 110px; font-size: 13px; position: absolute; text-align: center; margin: 60px 0 0 0;}
    .show-content-text span { font-weight: bold; color: #fff;}
    .show-content-button-info { width: 220px; height: 55px; position: absolute; margin: 170px 0 0 50px; text-align: center; font-size: 15px; background: #777;}
    .show-content-button-interest { width: 220px; height: 55px; position: absolute; margin: 240px 0 0 50px; text-align: center; font-size: 15px; background: #777;}
    .show-content-button-info span, .show-content-button-interest span { font-weight: bold; font-size: 16px;}
    a.show-content-button-info, a.show-content-button-interest { background: url('../themes/button-0.png') bottom repeat-x; color: #FFF; text-decoration: none;}
    a.show-content-button-info:hover, a.show-content-button-interest:hover { background: url('../themes/button-1.png') bottom repeat-x;}

    .show-content-img-01 { width: 320px; height: 320px; margin: 0 0 0 0; background: none;}
    .show-content-img-02 { width: 320px; height: 320px; margin: 0 0 0 0; background: none;}
    .show-content-img-03 { width: 320px; height: 320px; margin: 0 0 0 0; background: none;}
    .show-content-img-04 { width: 320px; height: 320px; margin: 0 0 0 0; background: none;}
    .show-content-img-05 { width: 320px; height: 320px; margin: 0 0 0 0; background: none;}

    .show-content-ovladac-left { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden;}
    a.show-content-ovladac-left { border: 2px solid #333; background-image: url('../themes/slider-left-0.png');}
    a.show-content-ovladac-left:hover { border: 2px solid #098; background-image: url('../themes/slider-left-1.png');}
    .show-content-ovladac-right { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden;}
    a.show-content-ovladac-right { border: 2px solid #333; background-image: url('../themes/slider-right-0.png');}
    a.show-content-ovladac-right:hover { border: 2px solid #098; background-image: url('../themes/slider-right-1.png');}

    .show-content-bottom { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; visibility: hidden;}
    .show-content-bottom-01 { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border-radius: 50%; background: rgba(0,0,0,0.5);}
    .show-content-bottom-02 { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border-radius: 50%; background: rgba(0,0,0,0.5);}
    .show-content-bottom-03 { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border-radius: 50%; background: rgba(0,0,0,0.5);}
    .show-content-bottom-04 { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border-radius: 50%; background: rgba(0,0,0,0.5);}
    .show-content-bottom-05 { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; border-radius: 50%; background: rgba(0,0,0,0.5);}
    a.show-content-bottom-01, a.show-content-bottom-02, a.show-content-bottom-03, a.show-content-bottom-04 { border: 2px solid #333;}
    a.show-content-bottom-01:hover, a.show-content-bottom-02:hover, a.show-content-bottom-03:hover, a.show-content-bottom-04:hover { border: 2px solid #098;}
    .show-content-bottom-active { border: 2px solid #fff;}

    /* Definice textu do webu */
    .podnadpis { font-size: 15px; margin: 0 0 10px 0; color: #060; font-weight: bold;}
    .prefix { font-size: 15px; margin: 0 0 10px 0; font-weight: bold; text-align: justify; text-indent: 10px;}
    .text { margin: 0 0 6px 0; text-align: justify; text-indent: 10px;}
    .text span { color: #060; font-weight: bold;}

    .space { width: 100%; height: 14px;}

    .popiska { width: 100%; font-size: 11px; color: #c0c0c0;}
    .seznam { width: 300px; margin: 0 0 4px 5px; padding: 0 0 0 10px; background: url('../themes/seznam.png') 0 5px no-repeat;}

    /* Klienti, obsah */
    .klienti-all { width: 310px; min-height: 120px; margin: 0 0 15px 0;}
    .klienti-left { width: 145px; position: absolute; margin: 0 0 0 0;}
    .klienti-right { width: 145px; margin: 0 0 0 160px;}
    .klienti-nadpis { width: 100%; height: 22px; margin: 0 0 10px 0; padding: 8px 0 0 0; font-weight: bold; color: #060; font-size: 15px; text-indent: 34px; background: #999;}
    .klienti-nadpis-school { width: 100%; height: 30px; background: url('../themes/client-school.png') left no-repeat;}
    .klienti-nadpis-gov { width: 100%; height: 30px; background: url('../themes/client-gov.png') left no-repeat;}
    .klienti-nadpis-prum { width: 100%; height: 30px; background: url('../themes/client-prum.png') left no-repeat;}
    .klienti-nadpis-arch { width: 100%; height: 30px; background: url('../themes/client-arch.png') left no-repeat;}
    .klienti-nadpis-health { width: 100%; height: 30px; background: url('../themes/client-health.png') left no-repeat;}
    .klienti-nadpis span { font-weight: normal; font-size: 14px; color: #28323E;}
    .klienti-text { width: 100%; margin: 0 0 4px 0; font-size: 10px; text-align: justify;}
    .klienti-text span { color: #060; font-size: 10px; font-weight: normal;}
    .klienti-text a, .partneri-nadpis a { color: #28323E; text-decoration: none;}
    .klienti-text a:hover, .partneri-nadpis a:hover { color: #000; text-decoration: none;}

    /* Partneři společnosti */
    .partneri-all { width: 300px; height: auto; margin: 0 0 10px 0;}
    .partneri-logo { visibility: hidden; width: 0px; height: 0px;}
    .partneri-logo img { height: 100%;}
    .partneri-obsah { width: 310px; height: auto; margin: 0 0 0 0;}
    .partneri-nadpis { width: 300px; margin: 0 0 10px 0; font-weight: bold; text-indent: 10px; color: #060; font-size: 16px;}
    .partneri-nadpis span { font-weight: normal; font-size: 14px; color: #28323E;}
    .partneri-text { width: 300px; margin: 0 0 4px 0; text-indent: 10px; text-align: justify;}
    .partneri-text span { color: #060; font-size: 10px; font-weight: normal;}

    /* Kontaktní informace */
    .contact-all { width: 310px; height: 240px; border-radius: 6px; margin: 0 0 20px -5px; background: rgba(0,102,0,.05);}
    .contact-left { width: 145px; height: 200px; position: absolute; margin: 5px 0 0 5px;}
    .contact-right { width: 145px; height: 200px; position: absolute; margin: 5px 0 0 160px;}
    .contact-all-beta { width: 310px; height: 100px; margin: 0 0 20px -5px;}
    .contact-left-beta { width: 145px; height: 95px; position: absolute; margin: 5px 0 0 5px;}
    .contact-right-beta { width: 145px; height: 95px; position: absolute; margin: 5px 0 0 160px;}
    .contact-box-left { visibility: hidden; width: 0px; height: 0px; position: absolute; margin: 0 0 0 0;}
    .contact-box-right { width: 145px; height: 95px; padding: 0 0 0 5px; position: absolute; margin: 0 0 0 0;}
    .contact-nadpis { font-size: 17px; font-weight: bold; color: #060; margin: 0 0 4px 0;}
    .contact-text { font-size: 13px; margin: 0 0 4px 0;}

    .contact-right-vypis, .contact-left-mapa { width: 145px; height: 20px;}
    .contact-left-mapa-button { width: 125px; height: 20px; position: absolute; margin: 0 0 0 0; font-size: 13px; padding: 0 0 0 18px; background: url('../themes/maps-mobil.png') 0 0 no-repeat;}
    .contact-right-vypis-button { width: 125px; height: 20px; position: absolute; margin: 0 0 0 0; font-size: 13px; padding: 0 0 0 23px; background: url('../themes/vypis-mobil.png') 0 0 no-repeat;}
    a.contact-left-mapa-button, a.contact-right-vypis-button { font-weight: bold; text-decoration: none; color: #28323E}
    a.contact-left-mapa-button:hover, a.contact-right-vypis-button:hover { color: #060;}

    .contact-info-block { width: 310px; height: 10px; margin: 0 0 15px 0; border-bottom: 1px solid #060;}
    .contact-info-block-text { width: 140px; height: 35px; position: absolute; margin: -5px 0 0 85px; text-align: center; color: #060; font-weight: bold; font-size: 22px; background: #f3f3f3;}

    /* Galerie */
    .galerie-all { width: 310px; height: 320px; margin: 0 0 0 -5px;}
    .galerie-pozice-a { width: 150px; height: 150px; position: absolute; margin: 0 0 0 0; padding: 5px; overflow: hidden;}
    .galerie-pozice-b { width: 150px; height: 150px; position: absolute; margin: 0 0 0 155px; padding: 5px; overflow: hidden;}
    .galerie-pozice-c { width: 150px; height: 150px; position: absolute; margin: 160px 0 0 0; padding: 5px; overflow: hidden;}
    .galerie-pozice-d { width: 150px; height: 150px; position: absolute; margin: 160px 0 0 155px; padding: 5px; overflow: hidden;}
    .galerie-img { width: 140px; height: 140px; position: absolute; margin: 0 0 0 0; border: 1px solid #060; overflow: hidden;}

    /* Download */
    .download { width: 100%; height: 40px;}
    .download-pozice { width: 200px; height: 40px; position: relative; left: calc(50% - 100px);}
    .download-button { width: 190px; height: 40px; position: absolute; left: 0px; margin: 0 0 0 0; padding: 8px 0 0 60px; font-weight: bold; background: url('../themes/download-0.png') top no-repeat;}
    a.download-button { text-decoration: none; color: #777;}
    a.download-button:hover { text-decoration: none; color: #060; background: url('../themes/download-1.png') top no-repeat;}
    .text img { visibility: hidden; width: 0px; height: 0px;}

    /* Loading Page */
    #loading-page{ border: 0px; background: rgba(0,0,0,0.85); width:100%; height:100%; margin:0; padding:0; border:0; position:fixed; z-index:999;}
    #loading-bar div{ display:inline-block; color: #fff; font-size: 2em; font-stretch:expanded;}
    #loading-bar{ position:absolute; left:30%; top:40%;}

    #loading-bar div:nth-child(1){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:0;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:0;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:0;
    }
    #loading-bar div:nth-child(2){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:100ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:100ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:100ms;
    }
    #loading-bar div:nth-child(3){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:200ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:200ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:200ms;
    }
    #loading-bar div:nth-child(4){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:300ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:300ms;
      -o-animation:textGlow 1400ms infinite;
      -o-animation-delay:300ms;
    }
    #loading-bar div:nth-child(5){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:400ms;
  
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:400ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:400ms;
    }
    #loading-bar div:nth-child(6){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:500ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:500ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:500ms;
    }
    #loading-bar div:nth-child(7){
      -webkit-animation:textGlow 1400ms infinite;
      -webkit-animation-delay:600ms;
      -moz-animation:textGlow 1400ms infinite;
      -moz-animation-delay:600ms;
      -o-animation:textGlow 1400ms infinite;
     -o-animation-delay:600ms;
    }
    @-webkit-keyframes textGlow{
      0%{
        text-shadow:0 0 0 0;
      }
      50%{
        text-shadow: 0 0 20px #fff;
      }
      100%{
        text-shadow:0 0 0 0;
      }
    }

    /* Definice vyskakovacího okna */
    .facebook-pozice { width: 260px; height: 113px; margin-top: 10px; padding: 0 10px 10px 10px;}
    .facebook { width: 260px; height: 113px; position: absolute; margin: 0 0 0 0; background: url('../themes/reklama-web.png') top no-repeat; background-size: cover;}
}