/* Vložená data */
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Play:400,700&subset=latin-ext');

/* NastavenĂ­ posuvnĂ­ku */
/* width */
::-webkit-scrollbar { width: 7px;}
/* Track */
::-webkit-scrollbar-track { background: #efefef;}
/* Handle */
::-webkit-scrollbar-thumb { background: #000;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #960;}

body { width: 100%; font-family: 'Play', sans-serif; margin: 0 0 0 0; font-size: 18px; font-weight: 400; color: #efefef;}

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

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

    .nadpis { font-size: 40px; font-weight: 300; margin: 0 0 20px 0;}
    .classic-txt { font-size: 18px; margin: 0 0 10px 0;}
    .classic-txt-special { font-size: 18px; font-weight: 700; margin: 0 0 10px 0;}
    .classic-txt-seznam { width: calc(100% - 12px); font-size: 18px; margin: 0 0 10px 0; padding: 0 0 0 12px; background: url('../themes/seznam.fw.png') 0 7px no-repeat;}
    .classic-txt span, .classic-txt-seznam span { font-weight: bold;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a, .classic-txt-seznam a { color: #000;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover, .classic-txt-seznam a:hover { color: #960;}

    /* Navigační kontaktní mapa */
    .kontakt-mapa { width: 780px; height: 220px; border: 1px solid #960;}
    .kontakt-mapa-hp { width: 500px; height: 220px; margin: 0 0 20px 0; border: 1px solid #960;}

    /* Facebook */
    .fb-page { width: 500px; height: 180px; border: 1px solid #960; background: url('../themes/facebook.fw.png') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    #header-face, #header-face-service { width: 100%; height: 100vh; background: url('../themes/top.back.fw.png') top no-repeat; background-size: cover;}
    /* Nastavení gradientu */
    .header-gradient-alfa, .header-gradient-beta, .header-gradient-alfa-service, .header-gradient-beta-service { width: 100%; height: 100vh; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,1));}
    .header-gradient-beta, .header-gradient-beta-service { background: radial-gradient(farthest-corner at 100% 100%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
    /* Vlastní logo webu */
    .header-logo-pozice { width: 90px; height: 88px; position: absolute; text-align: left; margin: 50px 0 0 50px;}
    .header-logo { width: 90px; height: 88px; position: absolute; margin: 0 0 0 0; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    /* Hlavičková linie */
    .header-horizon-linear { width: calc(100% - 520px); height: 1px; position: absolute; margin: 93px 0 0 190px; background: rgba(153,102,0,.5);}
    /* Navigace webem */
    .header-navigace {width: 30px; height: 30px; position: absolute; margin: 75px 0 0 calc(100% - 115px); }
    .header-navigace-pravo { width: 200px; height: 20px; position: absolute; margin: 5px 0 0 -240px; }
    a.header-navigace-pravo { color: #efefef; text-decoration: none;}
    a.header-navigace-pravo:hover { color: #960;}
    .header-navigace-pravo .nadpis { text-align: right; font-weight: bolder; font-size: 20px; transition: all 0.35s ease-in-out;}
    /* Vlastní obsah */
    .header-contain { width: 800px; height: 230px; position: absolute; margin: calc(50vh - 120px) 0 0 calc(50% - 450px); padding: 10px 0 10px 30px; border-left: 1px solid rgba(153,102,0,.5); text-align: left; }
    .header-contain .nadpis { width: 100%; height: 50px; font-size: 56px; margin: 0 0 0 0; font-family: 'Dancing Script', cursive; color: #960;}
    .header-contain .nadpis span { width: 0px; color: rgba(245,245,245,.25); font-size: 24px; font-family: 'Dancing Script', cursive;}
    .header-contain .classic-txt { font-size: 26px; text-align: justify; font-weight: 400;}
    /* Definice názvu kanceláře */
    .header-name, .header-name-service { width: 500px; height: 28px; position: absolute; margin: calc(100vh - 70px) 0 0 50px; }
    .header-name .nadpis, .header-name-service .nadpis, .header-id .nadpis, .header-id-service .nadpis { text-align: left; font-size: 24px;}
    /* Identifikace kanceláře */
    .header-id, .header-id-service { width: 500px; height: 28px; position: absolute; margin: calc(100vh - 70px) 0 0 calc(100% - 550px); }
    .header-id .nadpis, .header-id-service .nadpis { text-align: right; transition: all 0.35s ease-in-out;}
    .header-id .nadpis a, .header-id-service .nadpis a { color: #efefef;}
    .header-id .nadpis a:hover, .header-id-service .nadpis a:hover { font-weight: 700;}

    /* Hlavička webu, pro obsahové stránky */
    #header-page-face { width: 100%; height: 250px; background: url('../themes/top.back.fw.png') 0 -320px no-repeat; background-size: cover;}
    /* Nastavení gradientu */
    .header-page-gradient-alfa, .header-page-gradient-beta { width: 100%; height: 250px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,1));}
    .header-page-gradient-beta { background: radial-gradient(farthest-corner at 100% 100%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
    /* Definice názvu kanceláře */
    .header-page-name { width: 500px; height: 28px; position: absolute; margin: 185px 0 0 50px; }
    .header-page-name .nadpis, .header-page-id .nadpis { text-align: left; font-size: 24px;}
    /* Identifikace kanceláře */
    .header-page-id { width: 500px; height: 28px; position: absolute; margin: 185px 0 0 calc(100% - 550px); }
    .header-page-id .nadpis { text-align: right;}
    .header-page-id .nadpis a { color: #efefef;}
    .header-page-id .nadpis a:hover { font-weight: 700;}

    /* Obsahová část hlavní stránky */
     #contain-face { width: 100%; height: auto; min-height: 200px;}
     /* Poutko */
     .containt-point { width: 46px; height: 46px; position: absolute; margin: -80px 0 0 calc(50% - 25px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .containt-point-linea { width: 2px; height: 300px; position: absolute; margin: -20px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .containt-point-linea-page { width: 2px; height: 150px; position: absolute; margin: -20px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .containt-point-circle { width: 40px; height: 40px; position: absolute; margin: 3px 0 0 calc(50% - 20px); border-radius: 100%; background: #960 url('../themes/law.icon.fw.png') top no-repeat; background-size: cover;}
     /* Hlavní obsah */
     .contain-contain { width: 1100px; height: auto; text-align: left; color: #000;}
     .contain-contain-page { width: 1100px; height: auto; text-align: left; color: #000; padding: 50px 0 50px 0;}
     /* Pravá stránka listu */
     .contain-left { width: 500px; min-height: 200px; position: absolute; margin: 0 0 0 25px; padding: 50px 0 0 0;}
     .contain-right { width: 500px; min-height: 200px; margin: 0 0 0 575px; padding: 50px 0 0 0;}
     .contain-space { width: 500px; height: 80px;}
     .contain-obsah { width: 500px; height: auto; margin: 0 0 0 0;}
     .contain-obsah .nadpis { font-size: 34px;}
     .contain-obsah .classic-txt, .contain-obsah .classic-txt-special { text-align: justify;}
     .contain-image { width: 498px; height: 258px; margin: 0 0 10px -10px; border: 1px solid #960; overflow: hidden;}
     .contain-image img { width: 500px;}
     /* Nastavení obsahové stránky */
     .contain-left-page { width: 200px; height: 200px; position: absolute; margin: 0 0 0 10px; padding: 0 0 0 0; overflow: hidden; background: #960;}
     .contain-left-page img { width: 200px;}
     .contain-right-page { width: 820px; min-height: 200px; margin: 0 0 0 230px; padding: 10px 10px 10px 30px; border-left: 1px solid #960;}
     .contain-right-page .classic-txt-special { color: #960;}
     .contain-right-page .classic-txt { text-align: justify;}
     .contain-right-page .free-big { width: 100%; height: 40px;}
     .contain-right-page-obsah { width: 780px; min-height: 80px; margin: 0 0 0 0;}
     .contain-right-page-obsah .nadpis { font-size: 28px; font-weight: 700; color: #960;}
     .contain-right-page-obsah .classic-txt { text-align: justify;}
     .contain-right-page-left { width: 380px; min-height: 80px; position: absolute; margin: 0 0 0 0;}
     .contain-right-page-right { width: 380px; min-height: 80px; margin: 0 0 0 400px;}

     /* Mapa sídla */
     #maps-face { width: 100%; height: 300px; border-top: 1px solid rgba(0,0,0,.25); background: url('../themes/maps.back.fw.png') top no-repeat; background-size: cover;}
     /* Poutko */
     .maps-point { width: 46px; height: 46px; position: absolute; margin: 30px 0 0 calc(50% - 25px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .maps-point-linea { width: 2px; height: 300px; position: absolute; margin: -220px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .maps-point-linea-page { width: 2px; height: 140px; position: absolute; margin: -80px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .maps-point-circle { width: 40px; height: 40px; position: absolute; margin: 3px 0 0 calc(50% - 20px); border-radius: 100%; background: #960 url('../themes/maps.icon.fw.png') top no-repeat; background-size: cover;}
     /* Maps ID */
     .maps-id { width: 800px; height: 40px; position: absolute; text-align: left; margin: 220px 0 0 calc(50% - 400px); border-radius: 20px; background: #960;}
     .maps-id-left { width: 600px; height: 30px; position: absolute; text-align: center; margin: 0 0 0 0; padding: 10px 0 0 0;}
     .maps-id-right { width: 200px; height: 30px; position: absolute; text-align: center; margin: 0 0 0 600px; padding: 10px 0 0 0; border-left: 1px solid #efefef; color: rgba(245,245,245,.25);}
     a.maps-id-right { color: rgba(239,239,239,.25); text-decoration: none;}
     a.maps-id-right:hover { color: #efefef;}
     .maps-id-left .classic-txt, .maps-id-right .classic-txt { font-size: 16px; transition: all 0.35s ease-in-out;}

     /* Spodní část webu */
     #bottom-face {width: 100%; height: 480px; text-align: left; background: url('../themes/bottom.back.fw.png') top no-repeat; background-size: cover;}
     /* Nastavení gradientu spodní části */
     .bottom-gradient-alfa, .bottom-gradient-beta { width: 100%; height: 480px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,.25));}
     .bottom-gradient-beta { background: radial-gradient(farthest-corner at 0% 0%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
     /* Chcete využit naších šlužeb */
     .bottom-want-face { width: 600px; height: 100px; position: absolute; margin: 50px 0 0 calc(50% - 300px); }
     .bottom-want-id { width: 100%; height: 40px; position: absolute; margin: 0 0 0 0; text-align: center; font-size: 22px; font-weight: 700; padding: 10px 0 0 0; }
     .bottom-want-phone { width: 50%; height: 40px; position: absolute; margin: 50px 0 0 0; text-align: center; font-size: 25px; padding: 10px 0 0 0; }
     .bottom-want-mail { width: 50%; height: 40px; position: absolute; margin: 50px 0 0 50%; text-align: center; font-size: 25px; padding: 10px 0 0 0; transition: all 0.35s ease-in-out; }
     a.bottom-want-mail { color: #efefef; text-decoration: none;}
     a.bottom-want-mail:hover { color: #960;}
     /* Nabídka služeb */
     .bottom-service { width: 1000px; height: 100px; position: absolute; margin: 180px 0 0 calc(50% - 500px); text-align: left; }
     .bottom-service-01 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
     a.bottom-service-01 { background: url('../themes/icons.back.fw.png') 0 0 no-repeat; background-size: cover;}
     a.bottom-service-01:hover { background: url('../themes/icons.back.hover.fw.png') 0 0 no-repeat; background-size: cover;}
     .bottom-service-02 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 100px; transition: all 0.35s ease-in-out;}
     a.bottom-service-02 { background: url('../themes/icons.back.fw.png') -100px 0 no-repeat; background-size: cover;}
     a.bottom-service-02:hover { background: url('../themes/icons.back.hover.fw.png') -100px 0 no-repeat; background-size: cover;}
     .bottom-service-03 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 200px; transition: all 0.35s ease-in-out;}
     a.bottom-service-03 { background: url('../themes/icons.back.fw.png') -200px 0 no-repeat; background-size: cover;}
     a.bottom-service-03:hover { background: url('../themes/icons.back.hover.fw.png') -200px 0 no-repeat; background-size: cover;}
     .bottom-service-04 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 300px; transition: all 0.35s ease-in-out;}
     a.bottom-service-04 { background: url('../themes/icons.back.fw.png') -300px 0 no-repeat; background-size: cover;}
     a.bottom-service-04:hover { background: url('../themes/icons.back.hover.fw.png') -300px 0 no-repeat; background-size: cover;}
     .bottom-service-05 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 400px; transition: all 0.35s ease-in-out;}
     a.bottom-service-05 { background: url('../themes/icons.back.fw.png') -400px 0 no-repeat; background-size: cover;}
     a.bottom-service-05:hover { background: url('../themes/icons.back.hover.fw.png') -400px 0 no-repeat; background-size: cover;}
     .bottom-service-06 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 500px; transition: all 0.35s ease-in-out;}
     a.bottom-service-06 { background: url('../themes/icons.back.fw.png') -500px 0 no-repeat; background-size: cover;}
     a.bottom-service-06:hover { background: url('../themes/icons.back.hover.fw.png') -500px 0 no-repeat; background-size: cover;}
     .bottom-service-07 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 600px; transition: all 0.35s ease-in-out;}
     a.bottom-service-07 { background: url('../themes/icons.back.fw.png') -600px 0 no-repeat; background-size: cover;}
     a.bottom-service-07:hover { background: url('../themes/icons.back.hover.fw.png') -600px 0 no-repeat; background-size: cover;}
     .bottom-service-08 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 700px; transition: all 0.35s ease-in-out;}
     a.bottom-service-08 { background: url('../themes/icons.back.fw.png') -700px 0 no-repeat; background-size: cover;}
     a.bottom-service-08:hover { background: url('../themes/icons.back.hover.fw.png') -700px 0 no-repeat; background-size: cover;}
     .bottom-service-09 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 800px; transition: all 0.35s ease-in-out;}
     a.bottom-service-09 { background: url('../themes/icons.back.fw.png') -800px 0 no-repeat; background-size: cover;}
     a.bottom-service-09:hover { background: url('../themes/icons.back.hover.fw.png') -800px 0 no-repeat; background-size: cover;}
     .bottom-service-10 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 900px; transition: all 0.35s ease-in-out;}
     a.bottom-service-10 { background: url('../themes/icons.back.fw.png') -900px 0 no-repeat; background-size: cover;}
     a.bottom-service-10:hover { background: url('../themes/icons.back.hover.fw.png') -900px 0 no-repeat; background-size: cover;}
     /* Poutko */
     .bottom-point { width: 46px; height: 46px; position: absolute; margin: 400px 0 0 calc(50% - 25px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .bottom-point-linea { width: 2px; height: 100px; position: absolute; margin: -22px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .bottom-point-circle { width: 40px; height: 40px; position: absolute; margin: 3px 0 0 calc(50% - 20px); border-radius: 100%; background: #960 url('../themes/top.icon.fw.png') top no-repeat; background-size: cover;}
     /* Copyright */
     .copyright { width: 500px; height: 20px; position: absolute; margin: 415px 0 0 50px; }
     .copyright .classic-txt { font-size: 15px; text-align: left;}
     /* Design webu */
     .romandesign { width: 200px; height: 20px; position: absolute; margin: 415px 0 0 calc(100% - 250px); transition: all 0.35s ease-in-out; }
     a.romandesign { background: url('../themes/romandesign.fw.png') top no-repeat; background-size: cover;}
     a.romandesign:hover { background: url('../themes/romandesign.hover.fw.png') top no-repeat; background-size: cover;}
     /* RhoSystems */
     .rhosystems { width: 200px; height: 22px; position: absolute; margin: 340px 0 0 calc(50% - 100px); transition: all 0.35s ease-in-out; }
     a.rhosystems { background: url('../themes/rhosystems.fw.png') top no-repeat; background-size: cover;}
     a.rhosystems:hover { background: url('../themes/rhosystems.hover.fw.png') top no-repeat; background-size: cover;}

     /* Nastavení pro Nabídku právních služeb */
    #header-face-service { overflow: hidden;}
    #header-face-service .header-navigace .header-navigace-pravo { margin-left: -225px; color: #960;}
    .header-contain-service { width: 830px; height: 320px; position: absolute; margin: calc(50vh - 160px) 0 0 calc(50% - 415px);}
    .header-contain-service-01 { width: 150px; height: 150px; position: absolute; margin: 0 0 0 0;}
    .header-contain-service-02 { width: 150px; height: 150px; position: absolute; margin: 170px 0 0 0;}
    .header-contain-service-03 { width: 150px; height: 150px; position: absolute; margin: 0 0 0 170px;}
    .header-contain-service-04 { width: 150px; height: 150px; position: absolute; margin: 170px 0 0 170px;}
    .header-contain-service-05 { width: 150px; height: 150px; position: absolute; margin: 0 0 0 340px;}
    .header-contain-service-06 { width: 150px; height: 150px; position: absolute; margin: 170px 0 0 340px;}
    .header-contain-service-07 { width: 150px; height: 150px; position: absolute; margin: 0 0 0 510px;}
    .header-contain-service-08 { width: 150px; height: 150px; position: absolute; margin: 170px 0 0 510px;}
    .header-contain-service-09 { width: 150px; height: 150px; position: absolute; margin: 0 0 0 680px;}
    .header-contain-service-10 { width: 150px; height: 150px; position: absolute; margin: 170px 0 0 680px;}
    .header-contain-service-odkaz { width: 146px; height: 146px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .header-contain-service-odkaz img { width: 150px;}
    a.header-contain-service-odkaz { border-radius: 0px; border: 2px solid rgba(245,245,245,.25);}
    a.header-contain-service-odkaz:hover { border-radius: 6px; border: 2px solid #efefef;}
}

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

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

    .nadpis { font-size: 40px; font-weight: 300; margin: 0 0 15px 0;}
    .classic-txt { font-size: 18px; margin: 0 0 8px 0;}
    .classic-txt-special { font-size: 18px; font-weight: 700; margin: 0 0 8px 0;}
    .classic-txt-seznam { width: calc(100% - 12px); font-size: 18px; margin: 0 0 8px 0; padding: 0 0 0 12px; background: url('../themes/seznam.fw.png') 0 6px no-repeat;}
    .classic-txt span, .classic-txt-seznam span { font-weight: bold;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a, .classic-txt-seznam a { color: #000;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover, .classic-txt-seznam a:hover { color: #960;}

    /* Navigační kontaktní mapa */
    .kontakt-mapa { width: 520px; height: 155px; border: 1px solid #960;}
    .kontakt-mapa-hp { width: 350px; height: 163px; margin: 0 0 15px 0; border: 1px solid #960;}

    /* Facebook */
    .fb-page { width: 350px; height: 133px; border: 1px solid #960; background: url('../themes/facebook.fw.png') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    #header-face, #header-face-service { width: 100%; height: 1000px; background: url('../themes/top.back.fw.png') right no-repeat; background-size: cover;}
    /* Nastavení gradientu */
    .header-gradient-alfa, .header-gradient-beta, .header-gradient-alfa-service, .header-gradient-beta-service { width: 100%; height: 1000px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,1));}
    .header-gradient-beta, .header-gradient-beta-service { background: radial-gradient(farthest-corner at 100% 100%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
    /* Vlastní logo webu */
    .header-logo-pozice { width: 80px; height: 78px; position: absolute; text-align: left; margin: 50px 0 0 50px;}
    .header-logo { width: 80px; height: 78px; position: absolute; margin: 0 0 0 0; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    /* Hlavičková linie */
    .header-horizon-linear { width: calc(100% - 480px); height: 1px; position: absolute; margin: 88px 0 0 180px; background: rgba(153,102,0,.5);}
    /* Navigace webem */
    .header-navigace {width: 30px; height: 30px; position: absolute; margin: 71px 0 0 calc(100% - 90px); }
    .header-navigace-pravo { width: 200px; height: 20px; position: absolute; margin: 5px 0 0 -240px; }
    a.header-navigace-pravo { color: #efefef; text-decoration: none;}
    a.header-navigace-pravo:hover { color: #960;}
    .header-navigace-pravo .nadpis { text-align: right; font-weight: bolder; font-size: 20px; transition: all 0.35s ease-in-out;}
    /* Vlastní obsah */
    .header-contain { width: 660px; height: 200px; position: absolute; margin: 390px 0 0 calc(50% - 340px); padding: 20px 0 20px 30px; border-left: 1px solid rgba(153,102,0,.5); text-align: left; }
    .header-contain .nadpis { width: 100%; height: 50px; font-size: 48px; margin: 0 0 0 0; font-family: 'Dancing Script', cursive; color: #960;}
    .header-contain .nadpis span { width: 0px; color: rgba(245,245,245,.25); font-size: 24px; font-family: 'Dancing Script', cursive;}
    .header-contain .classic-txt { font-size: 22px; text-align: justify; font-weight: 400;}
    /* Definice názvu kanceláře */
    .header-name { width: 200px; height: 52px; position: absolute; margin: 915px 0 0 50px; }
    .header-name .nadpis, .header-id .nadpis { text-align: left; font-size: 22px;}
    /* Identifikace kanceláře */
    .header-id, .header-id-service { width: 300px; height: 28px; position: absolute; margin: 915px 0 0 calc(100% - 350px); }
    .header-id .nadpis, .header-id-service .nadpis { text-align: right; transition: all 0.35s ease-in-out;}
    .header-id .nadpis a, .header-id-service .nadpis a { color: #efefef;}
    .header-id .nadpis a:hover, .header-id-service .nadpis a:hover { font-weight: 700;}

    /* Hlavička webu */
    #header-page-face { width: 100%; height: 250px; background: url('../themes/top.back.fw.png') right no-repeat; background-size: cover;}
    /* Nastavení gradientu */
    .header-page-gradient-alfa, .header-page-gradient-beta { width: 100%; height: 250px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,1));}
    .header-page-gradient-beta { background: radial-gradient(farthest-corner at 100% 100%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
    /* Definice názvu kanceláře */
    .header-page-name { width: 200px; height: 52px; position: absolute; margin: 170px 0 0 50px; }
    .header-page-name .nadpis, .header-page-id .nadpis { text-align: left; font-size: 22px;}
    /* Identifikace kanceláře */
    .header-page-id { width: 300px; height: 28px; position: absolute; margin: 180px 0 0 calc(100% - 350px); }
    .header-page-id .nadpis { text-align: right;}
    .header-page-id .nadpis a { color: #efefef;}
    .header-page-id .nadpis a:hover { font-weight: 700;}

    /* Obsahová část hlavní stránky */
     #contain-face { width: 100%; height: auto; min-height: 200px;}
     /* Poutko */
     .containt-point { width: 46px; height: 46px; position: absolute; margin: -80px 0 0 calc(50% - 25px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .containt-point-linea { width: 2px; height: 300px; position: absolute; margin: -20px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .containt-point-linea-page { width: 2px; height: 140px; position: absolute; margin: -20px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .containt-point-circle { width: 40px; height: 40px; position: absolute; margin: 3px 0 0 calc(50% - 20px); border-radius: 100%; background: #960 url('../themes/law.icon.fw.png') top no-repeat; background-size: cover;}
     /* Hlavní obsah */
     .contain-contain { width: 760px; height: auto; text-align: left; color: #000;}
     .contain-contain-page { width: 760px; height: auto; text-align: left; color: #000; padding: 40px 0 40px 0;}
     .contain-left { width: 350px; min-height: 200px; position: absolute; margin: 0 0 0 15px; padding: 40px 0 0 0;}
     .contain-right { width: 350px; min-height: 200px; margin: 0 0 0 395px; padding: 40px 0 0 0;}
     .contain-space { width: 100%; height: 60px;}
     .contain-obsah { width: auto; height: auto; margin: 0 0 0 0;}
     .contain-obsah .nadpis { font-size: 34px;}
     .contain-obsah .classic-txt, .contain-obsah .classic-txt-special { text-align: justify;}
     .contain-image { width: 348px; height: 190px; margin: 0 0 10px 0; border: 1px solid #960; overflow: hidden;}
     .contain-image img { height: 190px;}
     /* Nastavení obsahu */
     .contain-left-page { width: 160px; height: 160px; position: absolute; margin: 0 0 0 10px; padding: 0 0 0 0; overflow: hidden; background: #960;}
     .contain-left-page img { width: 160px;}
     .contain-right-page { width: 540px; min-height: 229px; margin: 0 0 0 180px; padding: 10px 10px 10px 30px; border-left: 1px solid #960; text-align: left; color: #000;}
     .contain-right-page .classic-txt-special { color: #960;}
     .contain-right-page .classic-txt { text-align: justify;}
     .contain-right-page .free-big { width: 100%; height: 30px;}
     .contain-right-page-obsah { width: 540px; min-height: 80px; margin: 0 0 0 0;}
     .contain-right-page-obsah .nadpis { font-size: 26px; margin: 0 0 8px 0; font-weight: 700; color: #960;}
     .contain-right-page-obsah .classic-txt { text-align: justify;}
     .contain-right-page-left { width: 540px; min-height: 80px; position: relative; margin: 0 0 10px 0;}
     .contain-right-page-right { width: 540px; min-height: 80px; margin: 0 0 0 0;}

     /* Mapa sídla */
     #maps-face { width: 100%; height: 300px; border-top: 1px solid rgba(0,0,0,.25); background: url('../themes/maps.back.fw.png') top no-repeat; background-size: cover;}
     /* Poutko */
     .maps-point { width: 46px; height: 46px; position: absolute; margin: 30px 0 0 calc(50% - 25px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .maps-point-linea { width: 2px; height: 300px; position: absolute; margin: -220px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .maps-point-linea-page { width: 2px; height: 130px; position: absolute; margin: -70px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .maps-point-circle { width: 40px; height: 40px; position: absolute; margin: 3px 0 0 calc(50% - 20px); border-radius: 100%; background: #960 url('../themes/maps.icon.fw.png') top no-repeat; background-size: cover;}
     /* Maps ID */
     .maps-id { width: 700px; height: 44px; position: absolute; text-align: left; margin: 220px 0 0 calc(50% - 350px); border-radius: 20px; background: #960;}
     .maps-id-left { width: 530px; height: 31px; position: absolute; text-align: center; margin: 0 0 0 0; padding: 13px 0 0 0;}
     .maps-id-right { width: 170px; height: 31px; position: absolute; text-align: center; margin: 0 0 0 530px; padding: 13px 0 0 0; border-left: 1px solid #efefef; color: rgba(245,245,245,.25);}
     a.maps-id-right { color: rgba(239,239,239,.25); text-decoration: none;}
     a.maps-id-right:hover { color: #efefef;}
     .maps-id-left .classic-txt, .maps-id-right .classic-txt { font-size: 15px; transition: all 0.35s ease-in-out;}

     /* Spodní část webu */
     #bottom-face {width: 100%; height: 480px; text-align: left; background: url('../themes/bottom.back.fw.png') top no-repeat; background-size: cover;}
     /* Nastavení gradientu spodní části */
     .bottom-gradient-alfa, .bottom-gradient-beta { width: 100%; height: 480px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,.25));}
     .bottom-gradient-beta { background: radial-gradient(farthest-corner at 0% 0%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
     /* Chcete využit naších šlužeb */
     .bottom-want-face { width: 500px; height: 80px; position: absolute; text-align: left; margin: 30px 0 0 calc(50% - 250px); }
     .bottom-want-id { width: 100%; height: 32px; position: absolute; text-align: center; margin: 0 0 0 0; font-size: 19px; font-weight: 700; padding: 8px 0 0 0; }
     .bottom-want-phone { width: 50%; height: 32px; position: absolute; text-align: center; margin: 40px 0 0 0; font-size: 25px; padding: 10px 0 0 0; }
     .bottom-want-mail { width: 50%; height: 32px; position: absolute; text-align: center; margin: 40px 0 0 50%; font-size: 25px; padding: 10px 0 0 0; transition: all 0.35s ease-in-out; }
     a.bottom-want-mail { color: #efefef; text-decoration: none;}
     a.bottom-want-mail:hover { color: #960;}
     /* Nabídka služeb */
     .bottom-service { width: 580px; height: 125px; position: absolute; margin: 130px 0 0 calc(50% - 290px); }
     .bottom-service-01 { width: 80px; height: 80px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
     a.bottom-service-01 { background: url('../themes/icons.back.fw.png') 0 0 no-repeat; background-size: cover;}
     a.bottom-service-01:hover { background: url('../themes/icons.back.hover.fw.png') 0 0 no-repeat; background-size: cover;}
     .bottom-service-02 { width: 80px; height: 80px; position: absolute; margin: 0 0 0 100px; transition: all 0.35s ease-in-out;}
     a.bottom-service-02 { background: url('../themes/icons.back.fw.png') -80px 0 no-repeat; background-size: cover;}
     a.bottom-service-02:hover { background: url('../themes/icons.back.hover.fw.png') -80px 0 no-repeat; background-size: cover;}
     .bottom-service-03 { width: 80px; height: 80px; position: absolute; margin: 0 0 0 200px; transition: all 0.35s ease-in-out;}
     a.bottom-service-03 { background: url('../themes/icons.back.fw.png') -160px 0 no-repeat; background-size: cover;}
     a.bottom-service-03:hover { background: url('../themes/icons.back.hover.fw.png') -160px 0 no-repeat; background-size: cover;}
     .bottom-service-04 { width: 80px; height: 80px; position: absolute; margin: 0 0 0 300px; transition: all 0.35s ease-in-out;}
     a.bottom-service-04 { background: url('../themes/icons.back.fw.png') -240px 0 no-repeat; background-size: cover;}
     a.bottom-service-04:hover { background: url('../themes/icons.back.hover.fw.png') -240px 0 no-repeat; background-size: cover;}
     .bottom-service-05 { width: 80px; height: 80px; position: absolute; margin: 0 0 0 400px; transition: all 0.35s ease-in-out;}
     a.bottom-service-05 { background: url('../themes/icons.back.fw.png') -320px 0 no-repeat; background-size: cover;}
     a.bottom-service-05:hover { background: url('../themes/icons.back.hover.fw.png') -320px 0 no-repeat; background-size: cover;}
     .bottom-service-06 { width: 80px; height: 80px; position: absolute; margin: 0 0 0 500px; transition: all 0.35s ease-in-out;}
     a.bottom-service-06 { background: url('../themes/icons.back.fw.png') -400px 0 no-repeat; background-size: cover;}
     a.bottom-service-06:hover { background: url('../themes/icons.back.hover.fw.png') -400px 0 no-repeat; background-size: cover;}
     .bottom-service-07 { width: 80px; height: 80px; position: absolute; margin: 80px 0 0 100px; transition: all 0.35s ease-in-out;}
     a.bottom-service-07 { background: url('../themes/icons.back.fw.png') -480px 0 no-repeat; background-size: cover;}
     a.bottom-service-07:hover { background: url('../themes/icons.back.hover.fw.png') -480px 0 no-repeat; background-size: cover;}
     .bottom-service-08 { width: 80px; height: 80px; position: absolute; margin: 80px 0 0 200px; transition: all 0.35s ease-in-out;}
     a.bottom-service-08 { background: url('../themes/icons.back.fw.png') -560px 0 no-repeat; background-size: cover;}
     a.bottom-service-08:hover { background: url('../themes/icons.back.hover.fw.png') -560px 0 no-repeat; background-size: cover;}
     .bottom-service-09 { width: 80px; height: 80px; position: absolute; margin: 80px 0 0 300px; transition: all 0.35s ease-in-out;}
     a.bottom-service-09 { background: url('../themes/icons.back.fw.png') -640px 0 no-repeat; background-size: cover;}
     a.bottom-service-09:hover { background: url('../themes/icons.back.hover.fw.png') -640px 0 no-repeat; background-size: cover;}
     .bottom-service-10 { width: 80px; height: 80px; position: absolute; margin: 80px 0 0 400px; transition: all 0.35s ease-in-out;}
     a.bottom-service-10 { background: url('../themes/icons.back.fw.png') -720px 0 no-repeat; background-size: cover;}
     a.bottom-service-10:hover { background: url('../themes/icons.back.hover.fw.png') -720px 0 no-repeat; background-size: cover;}
     /* Poutko */
     .bottom-point { width: 46px; height: 46px; position: absolute; margin: 400px 0 0 calc(50% - 25px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .bottom-point-linea { width: 2px; height: 100px; position: absolute; margin: -22px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .bottom-point-circle { width: 40px; height: 40px; position: absolute; margin: 3px 0 0 calc(50% - 20px); border-radius: 100%; background: #960 url('../themes/top.icon.fw.png') top no-repeat; background-size: cover;}
     /* Copyright */
     .copyright { width: 200px; height: 20px; position: absolute; margin: 405px 0 0 20px; }
     .copyright .classic-txt { font-size: 15px; text-align: left;}
     /* Design webu */
     .romandesign { width: 200px; height: 20px; position: absolute; margin: 415px 0 0 calc(100% - 220px);transition: all 0.35s ease-in-out; }
     a.romandesign { background: url('../themes/romandesign.fw.png') top no-repeat; background-size: cover;}
     a.romandesign:hover { background: url('../themes/romandesign.hover.fw.png') top no-repeat; background-size: cover;}
     /* RhoSystems */
     .rhosystems { width: 200px; height: 22px; position: absolute; margin: 340px 0 0 calc(50% - 100px); transition: all 0.35s ease-in-out; }
     a.rhosystems { background: url('../themes/rhosystems.fw.png') top no-repeat; background-size: cover;}
     a.rhosystems:hover { background: url('../themes/rhosystems.hover.fw.png') top no-repeat; background-size: cover;}

     /* Nastavení pro Nabídku právních služeb */
    #header-face-service, .header-gradient-alfa-service, .header-gradient-beta-service { width: 100%; height: 100vh; overflow: hidden;}
    #header-face-service .header-navigace .header-navigace-pravo { margin-left: -225px; color: #960;}
    .header-contain-service { width: 510px; height: 690px; position: absolute; margin: calc(50vh - 345px) 0 0 calc(50% - 255px);}
    .header-contain-service-01 { width: 150px; height: 150px; position: absolute; margin: 0 0 0 0;}
    .header-contain-service-02 { width: 150px; height: 150px; position: absolute; margin: 0 0 0 180px;}
    .header-contain-service-03 { width: 150px; height: 150px; position: absolute; margin: 0 0 0 360px;}
    .header-contain-service-04 { width: 150px; height: 150px; position: absolute; margin: 180px 0 0 0;}
    .header-contain-service-05 { width: 150px; height: 150px; position: absolute; margin: 180px 0 0 180px;}
    .header-contain-service-06 { width: 150px; height: 150px; position: absolute; margin: 180px 0 0 360px;}
    .header-contain-service-07 { width: 150px; height: 150px; position: absolute; margin: 360px 0 0 0;}
    .header-contain-service-08 { width: 150px; height: 150px; position: absolute; margin: 360px 0 0 180px;}
    .header-contain-service-09 { width: 150px; height: 150px; position: absolute; margin: 360px 0 0 360px;}
    .header-contain-service-10 { width: 150px; height: 150px; position: absolute; margin: 540px 0 0 180px;}
    .header-contain-service-odkaz { width: 146px; height: 146px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .header-contain-service-odkaz img { width: 150px;}
    a.header-contain-service-odkaz { border-radius: 0px; border: 2px solid rgba(245,245,245,.25);}
    a.header-contain-service-odkaz:hover { border-radius: 6px; border: 2px solid #efefef;}
    /* Definice názvu kanceláře */
    .header-name-service { width: 200px; height: 52px; position: absolute; margin: calc(100vh - 90px) 0 0 50px; }
    .header-name-service .nadpis, .header-id-service .nadpis { text-align: left; font-size: 22px;}
    /* Identifikace kanceláře */
    .header-id-service { width: 300px; height: 52px; position: absolute; margin: calc(100vh - 90px) 0 0 calc(100% - 350px); }
    .header-id-service .nadpis { text-align: right;}
}

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

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

    .nadpis { font-size: 26px; font-weight: 300; margin: 0 0 10px 0;}
    .classic-txt { font-size: 15px; margin: 0 0 6px 0;}
    .classic-txt-special { font-size: 15px; font-weight: 700; margin: 0 0 6px 0;}
    .classic-txt-seznam { width: calc(100% - 10px); font-size: 15px; margin: 0 0 5px 0; padding: 0 0 0 10px; background: url('../themes/seznam.mobil.fw.png') 0 7px no-repeat;}
    .classic-txt span, .classic-txt-seznam span { font-weight: bold;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a, .classic-txt-seznam a { color: #000;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover, .classic-txt-seznam a:hover { color: #960;}

    /* Navigační kontaktní mapa */
    .kontakt-mapa { width: 410px; height: 140px; border: 1px solid #960;}
    .kontakt-mapa-hp { width: 450px; height: 198px; margin: 0 0 10px 0; border: 1px solid #960;}

    /* Facebook */
    .fb-page { width: 450px; height: 162px; border: 1px solid #960; background: url('../themes/facebook.fw.png') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    #header-face, #header-face-service { width: 100%; height: 420px; background: url('../themes/top.back.fw.png') top no-repeat; background-size: cover;}
    /* Nastavení gradientu */
    .header-gradient-alfa, .header-gradient-beta, .header-gradient-alfa-service, .header-gradient-beta-service { width: 100%; height: 420px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,1));}
    .header-gradient-beta, .header-gradient-beta-service { background: radial-gradient(farthest-corner at 100% 100%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
    /* Vlastní logo webu */
    .header-logo-pozice { width: 60px; height: 59px; position: absolute; text-align: left; margin: 35px 0 0 35px;}
    .header-logo { width: 60px; height: 59px; position: absolute; margin: 0 0 0 0; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    /* Hlavičková linie */
    .header-horizon-linear { width: calc(100% - 370px); height: 1px; position: absolute; margin: 64px 0 0 130px; background: rgba(153,102,0,.5);}
    /* Navigace webem */
    .header-navigace {width: 30px; height: 30px; position: absolute; margin: 50px 0 0 calc(100% - 75px); }
    .header-navigace-pravo { width: 150px; height: 20px; position: absolute; margin: 5px 0 0 -175px; }
    a.header-navigace-pravo { color: #efefef; text-decoration: none;}
    a.header-navigace-pravo:hover { color: #960;}
    .header-navigace-pravo .nadpis { text-align: right; font-weight: bolder; font-size: 18px; transition: all 0.35s ease-in-out;}
    /* Vlastní obsah */
    .header-contain { width: 435px; height: 155px; position: absolute; margin: 130px 0 0 calc(50% - 225px); padding: 0 0 10px 15px; border-left: 1px solid rgba(153,102,0,.5); text-align: left; }
    .header-contain .nadpis { width: 100%; height: 38px; font-size: 30px; margin: 0 0 0 0; font-family: 'Dancing Script', cursive; color: #960;}
    .header-contain .nadpis span { width: 0px; color: rgba(245,245,245,.25); font-size: 16px; font-family: 'Dancing Script', cursive;}
    .header-contain .classic-txt { font-size: 16px; text-align: justify; font-weight: 400;}
    /* Definice názvu kanceláře */
    .header-name { width: 140px; height: 38px; position: absolute; margin: 350px 0 0 35px; }
    .header-name .nadpis, .header-id .nadpis { text-align: left; font-size: 16px;}
    /* Identifikace kanceláře */
    .header-id, .header-id-service { width: 140px; height: 38px; position: absolute; margin: 350px 0 0 calc(100% - 175px); }
    .header-id .nadpis, .header-id-service .nadpis { text-align: right;}
    .header-id .nadpis a, .header-id-service .nadpis a { color: #efefef;}
    .header-id .nadpis a:hover, .header-id-service .nadpis a:hover { font-weight: 700;}

    /* Hlavička webu */
    #header-page-face { width: 100%; height: 200px; background: url('../themes/top.back.fw.png') 0 -50px no-repeat; background-size: cover;}
    /* Nastavení gradientu */
    .header-page-gradient-alfa, .header-page-gradient-beta { width: 100%; height: 200px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,1));}
    .header-page-gradient-beta { background: radial-gradient(farthest-corner at 100% 100%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
    /* Definice názvu kanceláře */
    .header-page-name { width: 140px; height: 38px; position: absolute; margin: 130px 0 0 35px; }
    .header-page-name .nadpis, .header-page-id .nadpis { text-align: left; font-size: 16px;}
    /* Identifikace kanceláře */
    .header-page-id { width: 140px; height: 38px; position: absolute; margin: 130px 0 0 calc(100% - 175px); }
    .header-page-id .nadpis { text-align: right;}
    .header-page-id .nadpis a { color: #efefef;}
    .header-page-id .nadpis a:hover { font-weight: 700;}

    /* Obsahová část hlavní stránky */
     #contain-face { width: 100%; height: auto; min-height: 200px;}
     /* Poutko */
     .containt-point { width: 40px; height: 40px; position: absolute; margin: -70px 0 0 calc(50% - 20px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .containt-point-linea { width: 2px; height: 130px; position: absolute; margin: -20px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .containt-point-linea-page { width: 2px; height: 130px; position: absolute; margin: -20px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .containt-point-circle { width: 34px; height: 34px; position: absolute; margin: 3px 0 0 calc(50% - 17px); border-radius: 100%; background: #960 url('../themes/law.icon.fw.png') top no-repeat; background-size: cover;}
     /* Hlavní obsah */
     .contain-contain { width: 450px; height: auto; text-align: left; color: #000;}
     .contain-contain-page { width: 450px; height: auto; text-align: left; color: #000; padding: 40px 0 40px 0;}
     .contain-left{ width: 450px; height: auto; position: relative; margin: 0 0 0 0; padding: 40px 0 0 0;}
     .contain-right { width: 450px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0;}
     .contain-space { width: 450px; height: 20px;}
     .contain-obsah { width: 450px; height: auto; margin: 0 0 0 0;}
     .contain-obsah .nadpis { font-size: 20px;}
     .contain-obsah .classic-txt, .contain-obsah .classic-txt-special { text-align: justify;}
     .contain-image { width: 168px; height: 86px; margin: 0 20px 10px -10px; float: left; border: 1px solid #960; overflow: hidden;}
     .contain-image img { width: 370px;}
     /* Nastavení obsahu */
     .contain-left-page { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; padding: 0 0 0 0; overflow: hidden; visibility: hidden; background: #960;}
     .contain-left-page img { width: 0px; visibility: hidden;}
     .contain-right-page { width: 430px; min-height: 300px; margin: 0 0 0 0; padding: 10px 5px 10px 15px; border-left: 1px solid #960; text-align: left; color: #000;}
     .contain-right-page .classic-txt-special { color: #960;}
     .contain-right-page .classic-txt { text-align: justify;}
     .contain-right-page .free-big { width: 100%; height: 20px;}
     .contain-right-page-obsah { width: 410px; min-height: 60px; margin: 0 0 0 0;}
     .contain-right-page-obsah .nadpis { font-size: 20px; margin: 0 0 6px 0; font-weight: 700; color: #960;}
     .contain-right-page-obsah .classic-txt { text-align: justify;}
     .contain-right-page-left { width: 410px; min-height: 60px; position: relative; margin: 0 0 10px 0;}
     .contain-right-page-right { width: 410px; min-height: 60px; margin: 0 0 0 0;}

     /* Mapa sídla */
     #maps-face { width: 100%; height: 250px; border-top: 1px solid rgba(0,0,0,.25); background: url('../themes/maps.back.fw.png') top no-repeat; background-size: cover;}
     /* Poutko */
     .maps-point { width: 40px; height: 40px; position: absolute; margin: 30px 0 0 calc(50% - 25px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .maps-point-linea { width: 2px; height: 130px; position: absolute; margin: -60px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .maps-point-linea-page { width: 2px; height: 130px; position: absolute; margin: -70px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .maps-point-circle { width: 34px; height: 34px; position: absolute; margin: 3px 0 0 calc(50% - 17px); border-radius: 100%; background: #960 url('../themes/maps.icon.fw.png') top no-repeat; background-size: cover;}
     /* Maps ID */
     .maps-id { width: 460px; height: 36px; position: absolute; text-align: left; margin: 160px 0 0 calc(50% - 230px); border-radius: 20px; background: #960;}
     .maps-id-left { width: 460px; height: 26px; position: absolute; text-align: center; margin: 0 0 0 0; padding: 10px 0 0 0;}
     .maps-id-right { width: 160px; height: 26px; position: absolute; text-align: center; margin: 40px 0 0 calc(50% - 80px); padding: 10px 0 0 0; border-left: none; color: rgba(245,245,245,.25);}
     a.maps-id-right { color: rgba(0,0,0,.5); text-decoration: none;}
     a.maps-id-right:hover { color: #960;}
     .maps-id-left .classic-txt, .maps-id-right .classic-txt { font-size: 13px; transition: all 0.35s ease-in-out;}

     /* Spodní část webu */
     #bottom-face {width: 100%; height: 480px; text-align: left; background: url('../themes/bottom.back.fw.png') top no-repeat; background-size: cover;}
     /* Nastavení gradientu spodní části */
     .bottom-gradient-alfa, .bottom-gradient-beta { width: 100%; height: 480px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,.25));}
     .bottom-gradient-beta { background: radial-gradient(farthest-corner at 0% 0%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
     /* Chcete využit naších šlužeb */
     .bottom-want-face { width: 400px; height: 74px; position: absolute; text-align: left; margin: 40px 0 0 calc(50% - 200px); }
     .bottom-want-id { width: 100%; height: 26px; position: absolute; text-align: center; margin: 0 0 0 0; font-size: 16px; font-weight: 700; padding: 8px 0 0 0; }
     .bottom-want-phone { width: 50%; height: 32px; position: absolute; text-align: center; margin: 34px 0 0 0; font-size: 20px; padding: 10px 0 0 0; }
     .bottom-want-mail { width: 50%; height: 32px; position: absolute; text-align: center; margin: 34px 0 0 50%; font-size: 20px; padding: 10px 0 0 0; transition: all 0.35s ease-in-out; }
     a.bottom-want-mail { color: #efefef; text-decoration: none;}
     a.bottom-want-mail:hover { color: #960;}
     /* Nabídka služeb */
     .bottom-service { width: 400px; height: 100px; position: absolute; margin: 160px 0 0 calc(50% - 200px); }
     .bottom-service-01 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
     a.bottom-service-01 { background: url('../themes/icons.back.fw.png') 0 0 no-repeat; background-size: cover;}
     a.bottom-service-01:hover { background: url('../themes/icons.back.hover.fw.png') 0 0 no-repeat; background-size: cover;}
     .bottom-service-02 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 70px; transition: all 0.35s ease-in-out;}
     a.bottom-service-02 { background: url('../themes/icons.back.fw.png') -50px 0 no-repeat; background-size: cover;}
     a.bottom-service-02:hover { background: url('../themes/icons.back.hover.fw.png') -50px 0 no-repeat; background-size: cover;}
     .bottom-service-03 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 140px; transition: all 0.35s ease-in-out;}
     a.bottom-service-03 { background: url('../themes/icons.back.fw.png') -100px 0 no-repeat; background-size: cover;}
     a.bottom-service-03:hover { background: url('../themes/icons.back.hover.fw.png') -100px 0 no-repeat; background-size: cover;}
     .bottom-service-04 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 210px; transition: all 0.35s ease-in-out;}
     a.bottom-service-04 { background: url('../themes/icons.back.fw.png') -150px 0 no-repeat; background-size: cover;}
     a.bottom-service-04:hover { background: url('../themes/icons.back.hover.fw.png') -150px 0 no-repeat; background-size: cover;}
     .bottom-service-05 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 280px; transition: all 0.35s ease-in-out;}
     a.bottom-service-05 { background: url('../themes/icons.back.fw.png') -200px 0 no-repeat; background-size: cover;}
     a.bottom-service-05:hover { background: url('../themes/icons.back.hover.fw.png') -200px 0 no-repeat; background-size: cover;}
     .bottom-service-06 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 350px; transition: all 0.35s ease-in-out;}
     a.bottom-service-06 { background: url('../themes/icons.back.fw.png') -250px 0 no-repeat; background-size: cover;}
     a.bottom-service-06:hover { background: url('../themes/icons.back.hover.fw.png') -250px 0 no-repeat; background-size: cover;}
     .bottom-service-07 { width: 50px; height: 50px; position: absolute; margin: 50px 0 0 70px; transition: all 0.35s ease-in-out;}
     a.bottom-service-07 { background: url('../themes/icons.back.fw.png') -300px 0 no-repeat; background-size: cover;}
     a.bottom-service-07:hover { background: url('../themes/icons.back.hover.fw.png') -300px 0 no-repeat; background-size: cover;}
     .bottom-service-08 { width: 50px; height: 50px; position: absolute; margin: 50px 0 0 140px; transition: all 0.35s ease-in-out;}
     a.bottom-service-08 { background: url('../themes/icons.back.fw.png') -350px 0 no-repeat; background-size: cover;}
     a.bottom-service-08:hover { background: url('../themes/icons.back.hover.fw.png') -350px 0 no-repeat; background-size: cover;}
     .bottom-service-09 { width: 50px; height: 50px; position: absolute; margin: 50px 0 0 210px; transition: all 0.35s ease-in-out;}
     a.bottom-service-09 { background: url('../themes/icons.back.fw.png') -400px 0 no-repeat; background-size: cover;}
     a.bottom-service-09:hover { background: url('../themes/icons.back.hover.fw.png') -400px 0 no-repeat; background-size: cover;}
     .bottom-service-10 { width: 50px; height: 50px; position: absolute; margin: 50px 0 0 280px; transition: all 0.35s ease-in-out;}
     a.bottom-service-10 { background: url('../themes/icons.back.fw.png') -450px 0 no-repeat; background-size: cover;}
     a.bottom-service-10:hover { background: url('../themes/icons.back.hover.fw.png') -450px 0 no-repeat; background-size: cover;}
     /* Poutko */
     .bottom-point { width: 40px; height: 40px; position: absolute; margin: 410px 0 0 calc(50% - 20px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .bottom-point-linea { width: 2px; height: 90px; position: absolute; margin: -22px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .bottom-point-circle { width: 34px; height: 34px; position: absolute; margin: 3px 0 0 calc(50% - 17px); border-radius: 100%; background: #960 url('../themes/top.icon.fw.png') top no-repeat; background-size: cover;}
     /* Copyright */
     .copyright { width: 180px; height: 34px; position: absolute; margin: 415px 0 0 20px; }
     .copyright .classic-txt { font-size: 13px; text-align: left;}
     /* Design webu */
     .romandesign { width: 180px; height: 18px; position: absolute; margin: 425px 0 0 calc(100% - 200px); transition: all 0.35s ease-in-out; }
     a.romandesign { background: url('../themes/romandesign.fw.png') top no-repeat; background-size: cover;}
     a.romandesign:hover { background: url('../themes/romandesign.hover.fw.png') top no-repeat; background-size: cover;}
     /* RhoSystems */
     .rhosystems { width: 200px; height: 22px; position: absolute; margin: 340px 0 0 calc(50% - 100px); transition: all 0.35s ease-in-out; }
     a.rhosystems { background: url('../themes/rhosystems.fw.png') top no-repeat; background-size: cover;}
     a.rhosystems:hover { background: url('../themes/rhosystems.hover.fw.png') top no-repeat; background-size: cover;}

     /* Nastavení pro Nabídku právních služeb */
    #header-face-service, .header-gradient-alfa-service, .header-gradient-beta-service { width: 100%; height: 580px; overflow: hidden;}
    #header-face-service .header-navigace .header-navigace-pravo { margin-left: -160px; color: #960;}
    .header-contain-service { width: 460px; height: 340px; position: absolute; margin: 130px 0 0 calc(50% - 230px);}
    .header-contain-service-01 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 0;}
    .header-contain-service-02 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 120px;}
    .header-contain-service-03 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 240px;}
    .header-contain-service-04 { width: 100px; height: 100px; position: absolute; margin: 0 0 0 360px;}
    .header-contain-service-05 { width: 100px; height: 100px; position: absolute; margin: 120px 0 0 0;}
    .header-contain-service-06 { width: 100px; height: 100px; position: absolute; margin: 120px 0 0 120px;}
    .header-contain-service-07 { width: 100px; height: 100px; position: absolute; margin: 120px 0 0 240px;}
    .header-contain-service-08 { width: 100px; height: 100px; position: absolute; margin: 120px 0 0 360px;}
    .header-contain-service-09 { width: 100px; height: 100px; position: absolute; margin: 240px 0 0 120px;}
    .header-contain-service-10 { width: 100px; height: 100px; position: absolute; margin: 240px 0 0 240px;}
    .header-contain-service-odkaz { width: 96px; height: 96px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .header-contain-service-odkaz img { width: 100px;}
    a.header-contain-service-odkaz { border-radius: 0px; border: 2px solid rgba(245,245,245,.25);}
    a.header-contain-service-odkaz:hover { border-radius: 6px; border: 2px solid #efefef;}
    /* Definice názvu kanceláře */
    .header-name-service { width: 140px; height: 38px; position: absolute; margin: 510px 0 0 35px;}
    .header-name-service .nadpis, .header-id-service .nadpis { text-align: left; font-size: 16px;}
    /* Identifikace kanceláře */
    .header-id-service { width: 140px; height: 38px; position: absolute; margin: 510px 0 0 calc(100% - 175px);}
    .header-id-service .nadpis { text-align: right;}
}

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

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

    .nadpis { font-size: 20px; font-weight: 300; margin: 0 0 8px 0; text-align: center;}
    .classic-txt { font-size: 13px; margin: 0 0 4px 0;}
    .classic-txt-special { font-size: 13px; font-weight: 700; margin: 0 0 4px 0; text-align: center;}
    .classic-txt-seznam { width: calc(100% - 8px); font-size: 13px; margin: 0 0 4px 0; padding: 0 0 0 8px; background: url('../themes/seznam.mobil.fw.png') 0 6px no-repeat;}
    .classic-txt span, .classic-txt-seznam span { font-weight: bold;}
    a.nadpis, a.classic-txt, .classic-txt a, .nadpis a, .classic-txt-seznam a { color: #000;}
    a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover, .classic-txt-seznam a:hover { color: #960;}

    /* Navigační kontaktní mapa */
    .kontakt-mapa { width: 250px; height: 140px; border: 1px solid #960;}
    .kontakt-mapa-hp { width: 280px; height: 123px; margin: 0 0 5px 0; border: 1px solid #960;}

    /* Facebook */
    .fb-page { width: 280px; height: 101px; border: 1px solid #960; background: url('../themes/facebook.fw.png') top no-repeat; background-size: cover;}

    /* Hlavička webu */
    #header-face, #header-face-service { width: 100%; height: 440px; background: url('../themes/top.back.fw.png') right no-repeat; background-size: cover;}
    /* Nastavení gradientu */
    .header-gradient-alfa, .header-gradient-beta, .header-gradient-alfa-service, .header-gradient-beta-service { width: 100%; height: 440px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,1));}
    .header-gradient-beta, .header-gradient-beta-service { background: radial-gradient(farthest-corner at 100% 100%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
    /* Vlastní logo webu */
    .header-logo-pozice { width: 50px; height: 49px; position: absolute; text-align: left; margin: 25px 0 0 30px;}
    .header-logo { width: 50px; height: 49px; position: absolute; margin: 0 0 0 0; background: url('../themes/logo.fw.png') top no-repeat; background-size: cover;}
    /* Hlavičková linie */
    .header-horizon-linear { width: calc(100% - 300px); height: 1px; position: absolute; margin: 49px 0 0 100px; background: rgba(153,102,0,.5);}
    /* Navigace webem */
    .header-navigace {width: 30px; height: 30px; position: absolute; margin: 35px 0 0 calc(100% - 50px); }
    .header-navigace-pravo { width: 140px; height: 20px; position: absolute; margin: 5px 0 0 -165px; }
    a.header-navigace-pravo { color: #efefef; text-decoration: none;}
    a.header-navigace-pravo:hover { color: #960;}
    .header-navigace-pravo .nadpis { text-align: right; font-weight: bolder; font-size: 17px; transition: all 0.35s ease-in-out;}
    /* Vlastní obsah */
    .header-contain { width: 290px; height: 150px; position: absolute; margin: 130px 0 0 calc(50% - 150px); padding: 10px 0 10px 10px; border-left: 1px solid rgba(153,102,0,.5); text-align: left; }
    .header-contain .nadpis { width: 100%; height: 30px; font-size: 21px; text-align: left; margin: 0 0 0 0; font-family: 'Dancing Script', cursive; color: #960;}
    .header-contain .nadpis span { width: 0px; color: rgba(245,245,245,.25); font-size: 13px; font-family: 'Dancing Script', cursive;}
    .header-contain .classic-txt { font-size: 13px; text-align: justify; font-weight: 400;}
    /* Definice názvu kanceláře */
    .header-name { width: 130px; height: 38px; position: absolute; margin: 380px 0 0 10px; }
    .header-name .nadpis, .header-id .nadpis { text-align: left; font-size: 14px;}
    /* Identifikace kanceláře */
    .header-id, .header-id-service { width: 120px; height: 38px; position: absolute; margin: 380px 0 0 calc(100% - 130px);}
    .header-id .nadpis, .header-id-service .nadpis { text-align: right;}
    .header-id .nadpis a, .header-id-service .nadpis a { color: #efefef;}
    .header-id .nadpis a:hover, .header-id-service .nadpis a:hover { font-weight: 700;}

    /* Hlavička webu */
    #header-page-face { width: 100%; height: 170px; background: url('../themes/top.back.fw.png') right no-repeat; background-size: cover;}
    /* Nastavení gradientu */
    .header-page-gradient-alfa, .header-page-gradient-beta { width: 100%; height: 170px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,1));}
    .header-page-gradient-beta { background: radial-gradient(farthest-corner at 100% 100%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
    /* Definice názvu kanceláře */
    .header-page-name { width: 130px; height: 38px; position: absolute; margin: 110px 0 0 10px; }
    .header-page-name .nadpis, .header-page-id .nadpis { text-align: left; font-size: 14px;}
    /* Identifikace kanceláře */
    .header-page-id { width: 120px; height: 38px; position: absolute; margin: 110px 0 0 calc(100% - 130px); }
    .header-page-id .nadpis { text-align: right;}
    .header-page-id .nadpis a { color: #efefef;}
    .header-page-id .nadpis a:hover { font-weight: 700;}

    /* Obsahová část hlavní stránky */
     #contain-face { width: 100%; height: auto; min-height: 200px;}
     /* Poutko */
     .containt-point { width: 36px; height: 36px; position: absolute; margin: -60px 0 0 calc(50% - 18px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .containt-point-linea { width: 2px; height: 110px; position: absolute; margin: -20px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .containt-point-linea-page { width: 2px; height: 110px; position: absolute; margin: -20px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .containt-point-circle { width: 30px; height: 30px; position: absolute; margin: 3px 0 0 calc(50% - 15px); border-radius: 100%; background: #960 url('../themes/law.icon.fw.png') top no-repeat; background-size: cover;}
     /* Hlavní obsah */
     .contain-contain { width: 280px; height: auto; text-align: left; color: #000;}
     .contain-contain-page { width: 280px; height: auto; text-align: left; color: #000; padding: 30px 0 30px 0;}
     /* Pravá stránka listu */
     .contain-right { width: 280px; height: auto; position: relative; margin: 0 0 0 0; padding: 0 0 0 0;}
     .contain-left { width: 280px; height: auto; margin: 0 0 0 0; padding: 40px 0 0 0;}
     .contain-left-page { width: 0px; height: 0px; position: absolute; margin: 0 0 0 0; padding: 0 0 0 0; overflow: hidden; visibility: hidden; background: #960;}
     .contain-left-page img { width: 0px; visibility: hidden;}
     .contain-space { width: 280px; height: 20px;}
     .contain-obsah { width: 280px; height: auto; margin: 0 0 0 0;}
     .contain-obsah .nadpis { font-size: 18px;}
     .contain-obsah .classic-txt { text-align: justify;}
     .contain-obsah .classic-txt-special { text-align: justify;}
     .contain-image { width: 258px; height: 133px; margin: 0 0 5px 10px; border: 1px solid #960; overflow: hidden;}
     .contain-image img { width: 258px;}
     /* Nastavení obsahu */
     .contain-right-page { width: 265px; min-height: 300px; margin: 0 0 0 0; padding: 10px 5px 10px 10px; border-left: 1px solid #960; text-align: left; color: #000;}
     .contain-right-page .nadpis { text-align: left;}
     .contain-right-page .classic-txt-special { color: #960; text-align: left;}
     .contain-right-page .classic-txt-special { color: #960;}
     .contain-right-page .classic-txt { text-align: justify;}
     .contain-right-page .free-big { width: 100%; height: 15px;}
     .contain-right-page-obsah { width: 250px; min-height: 40px; margin: 0 0 0 0;}
     .contain-right-page-obsah .nadpis { font-size: 17px; margin: 0 0 4px 0; font-weight: 700; color: #960;}
     .contain-right-page-obsah .classic-txt { text-align: justify;}
     .contain-right-page-left { width: 250px; min-height: 40px; position: relative; margin: 0 0 10px 0;}
     .contain-right-page-right { width: 250px; min-height: 40px; margin: 0 0 0 0;}

     /* Mapa sídla */
     #maps-face { width: 100%; height: 250px; border-top: 1px solid rgba(0,0,0,.25); background: url('../themes/maps.back.fw.png') top no-repeat; background-size: cover;}
     /* Poutko */
     .maps-point { width: 36px; height: 36px; position: absolute; margin: 20px 0 0 calc(50% - 18px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .maps-point-linea { width: 2px; height: 110px; position: absolute; margin: -60px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .maps-point-linea-page { width: 2px; height: 110px; position: absolute; margin: -60px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .maps-point-circle { width: 30px; height: 30px; position: absolute; margin: 3px 0 0 calc(50% - 15px); border-radius: 100%; background: #960 url('../themes/maps.icon.fw.png') top no-repeat; background-size: cover;}
     /* Maps ID */
     .maps-id { width: 260px; height: 50px; position: absolute; text-align: left; margin: 140px 0 0 calc(50% - 130px); border-radius: 10px; background: #960;}
     .maps-id-left { width: 250px; height: 40px; position: absolute; text-align: center; margin: 0 0 0 5px; padding: 10px 0 0 0;}
     .maps-id-right { width: 160px; height: 26px; position: absolute; text-align: center; margin: 55px 0 0 calc(50% - 80px); padding: 10px 0 0 0; border-left: none; color: rgba(245,245,245,.25);}
     a.maps-id-right { color: rgba(0,0,0,.5); text-decoration: none;}
     a.maps-id-right:hover { color: #960;}
     .maps-id-left .classic-txt, .maps-id-right .classic-txt { font-size: 12px; transition: all 0.35s ease-in-out;}

     /* Spodní část webu */
     #bottom-face {width: 100%; height: 420px; text-align: left; background: url('../themes/bottom.back.fw.png') top no-repeat; background-size: cover;}
     /* Nastavení gradientu spodní části */
     .bottom-gradient-alfa, .bottom-gradient-beta { width: 100%; height: 420px; position: absolute; margin: 0 0 0 0; background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,.25));}
     .bottom-gradient-beta { background: radial-gradient(farthest-corner at 0% 0%, rgba(153,102,0,.5), rgba(0,0,0,.65), #000);}
     /* Chcete využit naších šlužeb */
     .bottom-want-face { width: 280px; height: 74px; position: absolute; text-align: left; margin: 30px 0 0 calc(50% - 140px); }
     .bottom-want-id { width: 100%; height: 40px; position: absolute; text-align: center; margin: 0 0 0 0; font-size: 14px; font-weight: 700; padding: 8px 0 0 0; }
     .bottom-want-phone { width: 50%; height: 28px; position: absolute; text-align: center; margin: 50px 0 0 0; font-size: 15px; padding: 6px 0 0 0; }
     .bottom-want-mail { width: 50%; height: 28px; position: absolute; text-align: center; margin: 50px 0 0 50%; font-size: 15px; padding: 6px 0 0 0; transition: all 0.35s ease-in-out; }
     a.bottom-want-mail { color: #efefef; text-decoration: none;}
     a.bottom-want-mail:hover { color: #960;}
     /* Nabídka služeb */
     .bottom-service { width: 290px; height: 110px; position: absolute; margin: 140px 0 0 calc(50% - 145px); }
     .bottom-service-01 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
     a.bottom-service-01 { background: url('../themes/icons.back.fw.png') 0 0 no-repeat; background-size: cover;}
     a.bottom-service-01:hover { background: url('../themes/icons.back.hover.fw.png') 0 0 no-repeat; background-size: cover;}
     .bottom-service-02 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 60px; transition: all 0.35s ease-in-out;}
     a.bottom-service-02 { background: url('../themes/icons.back.fw.png') -50px 0 no-repeat; background-size: cover;}
     a.bottom-service-02:hover { background: url('../themes/icons.back.hover.fw.png') -50px 0 no-repeat; background-size: cover;}
     .bottom-service-03 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 120px; transition: all 0.35s ease-in-out;}
     a.bottom-service-03 { background: url('../themes/icons.back.fw.png') -100px 0 no-repeat; background-size: cover;}
     a.bottom-service-03:hover { background: url('../themes/icons.back.hover.fw.png') -100px 0 no-repeat; background-size: cover;}
     .bottom-service-04 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 180px; transition: all 0.35s ease-in-out;}
     a.bottom-service-04 { background: url('../themes/icons.back.fw.png') -150px 0 no-repeat; background-size: cover;}
     a.bottom-service-04:hover { background: url('../themes/icons.back.hover.fw.png') -150px 0 no-repeat; background-size: cover;}
     .bottom-service-05 { width: 50px; height: 50px; position: absolute; margin: 0 0 0 240px; transition: all 0.35s ease-in-out;}
     a.bottom-service-05 { background: url('../themes/icons.back.fw.png') -200px 0 no-repeat; background-size: cover;}
     a.bottom-service-05:hover { background: url('../themes/icons.back.hover.fw.png') -200px 0 no-repeat; background-size: cover;}
     .bottom-service-06 { width: 50px; height: 50px; position: absolute; margin: 60px 0 0 0; transition: all 0.35s ease-in-out;}
     a.bottom-service-06 { background: url('../themes/icons.back.fw.png') -250px 0 no-repeat; background-size: cover;}
     a.bottom-service-06:hover { background: url('../themes/icons.back.hover.fw.png') -250px 0 no-repeat; background-size: cover;}
     .bottom-service-07 { width: 50px; height: 50px; position: absolute; margin: 60px 0 0 60px; transition: all 0.35s ease-in-out;}
     a.bottom-service-07 { background: url('../themes/icons.back.fw.png') -300px 0 no-repeat; background-size: cover;}
     a.bottom-service-07:hover { background: url('../themes/icons.back.hover.fw.png') -300px 0 no-repeat; background-size: cover;}
     .bottom-service-08 { width: 50px; height: 50px; position: absolute; margin: 60px 0 0 120px; transition: all 0.35s ease-in-out;}
     a.bottom-service-08 { background: url('../themes/icons.back.fw.png') -350px 0 no-repeat; background-size: cover;}
     a.bottom-service-08:hover { background: url('../themes/icons.back.hover.fw.png') -350px 0 no-repeat; background-size: cover;}
     .bottom-service-09 { width: 50px; height: 50px; position: absolute; margin: 60px 0 0 180px; transition: all 0.35s ease-in-out;}
     a.bottom-service-09 { background: url('../themes/icons.back.fw.png') -400px 0 no-repeat; background-size: cover;}
     a.bottom-service-09:hover { background: url('../themes/icons.back.hover.fw.png') -400px 0 no-repeat; background-size: cover;}
     .bottom-service-10 { width: 50px; height: 50px; position: absolute; margin: 60px 0 0 240px; transition: all 0.35s ease-in-out;}
     a.bottom-service-10 { background: url('../themes/icons.back.fw.png') -450px 0 no-repeat; background-size: cover;}
     a.bottom-service-10:hover { background: url('../themes/icons.back.hover.fw.png') -450px 0 no-repeat; background-size: cover;}
     /* Poutko */
     .bottom-point { width: 36px; height: 36px; position: absolute; margin: 360px 0 0 calc(50% - 18px); border-radius: 100%; border: 2px solid #960; background: #efefef;}
     .bottom-point-linea { width: 2px; height: 75px; position: absolute; margin: -22px 0 0 calc(50% - 1px); border-radius: 100%; background: #960;}
     .bottom-point-circle { width: 30px; height: 30px; position: absolute; margin: 3px 0 0 calc(50% - 15px); border-radius: 100%; background: #960 url('../themes/top.icon.fw.png') top no-repeat; background-size: cover;}
     /* Copyright */
     .copyright { width: 110px; height: 42px; position: absolute; margin: 360px 0 0 10px; }
     .copyright .classic-txt { font-size: 11px; text-align: left;}
     /* Design webu */
     .romandesign { width: 100px; height: 30px; position: absolute; margin: 365px 0 0 calc(100% - 110px); transition: all 0.35s ease-in-out; }
     a.romandesign { background: url('../themes/romandesign.mobil.fw.png') top no-repeat; background-size: cover;}
     a.romandesign:hover { background: url('../themes/romandesign.mobil.hover.fw.png') top no-repeat; background-size: cover;}
     /* RhoSystems */
     .rhosystems { width: 200px; height: 22px; position: absolute; margin: 300px 0 0 calc(50% - 100px); transition: all 0.35s ease-in-out; }
     a.rhosystems { background: url('../themes/rhosystems.fw.png') top no-repeat; background-size: cover;}
     a.rhosystems:hover { background: url('../themes/rhosystems.hover.fw.png') top no-repeat; background-size: cover;}

     /* Nastavení pro Nabídku právních služeb */
    #header-face-service, .header-gradient-alfa-service, .header-gradient-beta-service { width: 100%; height: 100vh; overflow: hidden;}
    #header-face-service .header-navigace .header-navigace-pravo { margin-left: -150px; color: #960;}
    .header-contain-service { width: 230px; height: 310px; position: absolute; margin: calc(50vh - 155px) 0 0 calc(50% - 115px);}
    .header-contain-service-01 { width: 70px; height: 70px; position: absolute; margin: 0 0 0 0;}
    .header-contain-service-02 { width: 70px; height: 70px; position: absolute; margin: 0 0 0 80px;}
    .header-contain-service-03 { width: 70px; height: 70px; position: absolute; margin: 0 0 0 160px;}
    .header-contain-service-04 { width: 70px; height: 70px; position: absolute; margin: 80px 0 0 0;}
    .header-contain-service-05 { width: 70px; height: 70px; position: absolute; margin: 80px 0 0 80px;}
    .header-contain-service-06 { width: 70px; height: 70px; position: absolute; margin: 80px 0 0 160px;}
    .header-contain-service-07 { width: 70px; height: 70px; position: absolute; margin: 160px 0 0 0;}
    .header-contain-service-08 { width: 70px; height: 70px; position: absolute; margin: 160px 0 0 80px;}
    .header-contain-service-09 { width: 70px; height: 70px; position: absolute; margin: 160px 0 0 160px;}
    .header-contain-service-10 { width: 70px; height: 70px; position: absolute; margin: 240px 0 0 80px;}
    .header-contain-service-odkaz { width: 66px; height: 66px; position: absolute; margin: 0 0 0 0; transition: all 0.35s ease-in-out;}
    .header-contain-service-odkaz img { width: 70px;}
    a.header-contain-service-odkaz { border-radius: 0px; border: 2px solid rgba(245,245,245,.25);}
    a.header-contain-service-odkaz:hover { border-radius: 6px; border: 2px solid #efefef;}
    /* Definice názvu kanceláře */
    .header-name-service { width: 130px; height: 38px; position: absolute; margin: calc(100vh - 60px) 0 0 10px;}
    .header-name-service .nadpis, .header-id-service .nadpis { text-align: left; font-size: 14px;}
    /* Identifikace kanceláře */
    .header-id-service { width: 120px; height: 38px; position: absolute; margin: calc(100vh - 60px) 0 0 calc(100% - 130px);}
    .header-id-service .nadpis { text-align: right;}
}