/*------------------------RESET---------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; text-decoration:none; list-style-type: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*------------------------------------------------------*/ :root { --font1: 'oxanium', sans-serif; /* 300, 600, 700 */ --color0: #141b20; --color0b: #5b6973; --color1: #004c86; /* rgb(0,76,134) */ --color1b: #0f2e76; --color2: #e67733; /* rgb(230,119,51) */ --color2b: #c45c1c; --color3: rgba(0,0,0,0.05); --section-padding: min(5rem, calc(1.6rem + 5vw)); --wrapper-padding: 5vw; --gap1: 1.4rem; --gap2: 2.4rem; --border-radius: 0.3rem; --shape-img-shift: 5rem; } .clear { clear: both;height: 1px; line-height: 1px; overflow: hidden; margin-bottom: -1px; } .center { text-align:center !important; } b, strong { font-weight:bold; } h2 { font-size:20px; font-weight:normal; color:#000000; } body { font-family: 'Roboto', 'sans-serif'; font-size: 16px/*b13*/; text-align: left; font-weight:300; color:White; background-color: White; } body:before { content: url('images/bg2_male.png'); display: none; } .bt_nahoru { color:#000000; width:115px; padding:25px 10px 10px 0px; background-image:url('images/sipka_mala.png'); background-position:10px 10px; background-repeat:no-repeat; position:fixed; right:-60px; bottom:74px; background-color:White; font-weight:700; border:2px solid #e2e2e2; font-size:15px; text-align:right; display:block; cursor:pointer; } .foto { display:inline-block; margin:13px 7px 10px 7px; padding:2px; background-color:#004B80; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .foto img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .foto span { width:100%; height:1000px; display:block; position:relative; top:-50%; left:0px; background-color:#ec8c12; background-image:url('images/lupa14x14.png'); background-position:center center; background-repeat:no-repeat; } #hlavicka { overflow:hidden; width:100%; min-width:1000px; position:fixed; top:0px; z-index:100; margin-bottom:30px; display:block; background-position:center top; background-repeat:no-repeat; background-color:#193a5b; } .velke { z-index:100; height:auto !important; background-image:url('images/bg2.png'); } .male { z-index:200 !important; overflow:visible !important; height:115px !important; } #hlavicka .stred { width:100%; display:block; padding:55px 0px 50px 0px; background-color:transparent; overflow:hidden !important; display:block; } #hlavicka .male { padding-bottom:0px !important; background-image:url('images/bg2_male.png'); background-position:center center; background-repeat:no-repeat; margin-top:-3px; height:130px !important; } #hlavicka .stred .obsah { width:1000px; margin:0px auto; display:block; } #hlavicka .stred .obsah .logo { width:284px; height:63px; display:inline-block; float:left; } #hlavicka .stred .obsah .menu { float:right; margin-right:15px; } #hlavicka .stred .obsah .menu .kontakt { float:right; padding-left:32px; line-height:30px; font-weight:bold; font-size:18px; color:#eca322; background-image:url('images/phone.png'); background-position:left center; background-repeat:no-repeat; } #hlavicka .stred .obsah .menu ul { float:right; display:block; margin-top:10px; } #hlavicka .stred .obsah .menu ul li { display:inline-block; margin-left:15px; } #hlavicka .stred .obsah .menu ul li a { font-weight:bold; padding:3px 10px 3px 10px; color:White; font-size:18px; } #hlavicka .stred .obsah .menu ul li a:hover { } #hlavicka .stred .obsah .menu ul li .sel { color:#00518a; background-color:#eca322; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #hlavicka .stred .obsah h1 { margin-top:100px; font-size:48px; text-align:center; font-weight:100; } #hlavicka .stred .obsah h1 strong { font-size:26px; font-weight:400; display:block; } #hlavicka .stred .obsah h1 .small { font-size:16px; } #hlavicka .stred .obsah h1 strong em { font-size:26px; padding-bottom:7px; background-image:url('images/nadpisTecky.png'); background-position:center bottom; background-repeat:repeat-x; } #hlavicka .stred .obsah .bt_vice { color:White; margin:80px auto 0px auto; border:4px solid white; font-size:20px; line-height:60px; text-align:center; display:block; width:360px; cursor:pointer; } #hlavicka .stred .obsah .bt_vice2 { color:#f99d1c; margin:80px auto 0px auto; border:4px solid #f99d1c; font-size:20px; line-height:60px; text-align:center; display:block; width:360px; cursor:pointer; } #paticka { color:White; margin-top:0px; height:500px; width:100%; text-align: center; background-image:url('images/mapa.jpg'); background-position:center top; background-repeat:repeat-x; display:block; } #paticka .mapaPopis { text-align:left; padding:10px; width:239px; height:93px; color:#909090; display:inline-block; background-image:url('images/mapa_popis.png'); background-position:center center; background-repeat:no-repeat; margin:70px 250px 0px 0px; } #paticka .mapaPopis strong { font-weight:bold; color:Black; } #paticka .podpora { height:220px; width:100%; background-color:#193a5b; margin-top:40px; display:block; } #paticka .podpora .posta { display:inline-block; margin:50px 70px 0px 0px; font-weight:300; } #paticka .podpora .posta .nadpis { font-size:20px; padding-left:45px; background-image:url('images/icon_posta.png'); text-align:left; background-repeat:no-repeat; background-position:left top; } #paticka .podpora .posta .nadpis span { display:block; font-size:25px; } #paticka .podpora .posta a { color:White; margin:15px 0px 0px 45px; border:4px solid white; font-size:17px; line-height:30px; text-align:center; display:block; width:200px; cursor:pointer; } #paticka .podpora .vzdalenaPodpora { display:inline-block; margin:50px 0px 0px 20px; font-weight:300; } #paticka .podpora .vzdalenaPodpora .nadpis { font-size:20px; padding-left:45px; background-image:url('images/icon_chat.png'); text-align:left; background-repeat:no-repeat; background-position:left top; } #paticka .podpora .vzdalenaPodpora .nadpis span { display:block; font-size:25px; } #paticka .podpora .vzdalenaPodpora a { color:White; margin:15px 0px 0px 45px; border:4px solid white; font-size:17px; line-height:30px; text-align:center; display:block; width:120px; cursor:pointer; } #paticka .podpora .vzdalenaPodpora .noicon { background-image:none; } #paticka .copyright { text-align:left; line-height:60px; height:60px; min-width:1000px; width:100%; color:#b6b6b6; background-color:White; display:block; } #paticka .copyright strong { color:Black; margin:0px 30px 0px 30px; } #paticka .copyright .design { float:right; margin-right:30px; color:#b6b6b6; } .obalka { position:absolute; width:100%; min-width:1000px; top:540px; background-color:White; z-index:101; background-image:url('images/lista_sipka2.png'); background-position:center top; background-repeat:no-repeat; } .obalka .stred { display:block; background-color:White; margin-top:60px; } #hp { color:#000000; } #hp h2 { font-size:19px; text-align:center; } #hp p { font-size:15px; text-align:center; } #hp .sluzby { width:100%; min-width:1000px; margin:0px auto; position:relative; left:-10px; text-align:center; display:block; /*height:300px;*/ } #hp .sluzby .sluzba { width:14%; margin:0px 12px 0px 12px; vertical-align:top; text-align:center; display:inline-block; } #hp .sluzby .sluzba img { display:block; height:45px; margin:0px auto; } #hp .sluzby .sluzba h2 { color:Black; height:60px; margin-top:15px; font-size:20px; } #hp .sluzby .sluzba h3 { color:#000000; text-align:justify; min-height:100px; font-size:15px; margin-top:10px; height: 170px; } #hp .sluzby .sluzba .tlacitko { color:black; margin:5px auto; border:2px solid #e2e2e2; font-size:15px; line-height:30px; text-align:center; display:block; width:120px; cursor:pointer; } #firma { width:100%; min-width:1000px; margin:0px auto; text-align:center; display:block; padding-top:30px; } #firma .text { width:750px; margin:0px auto; text-align:center; font-size:17px; color:#000000; display:block; } #firma .menu { margin:60px 12px 0px 12px; text-align:center; display:inline-block; } #firma .menu ul { display:block; } #firma .menu li { display:inline-block; float:left; } #firma .menu li a { padding:155px 0px 0px 0px; color:#115eaa; margin-left:13px; font-size:15px; font-weight:700; width:124px; height:85px; cursor:pointer; display:block; text-align:center; background-position:center center; background-repeat:no-repeat; } #firma .menu li a:hover { position:relative; top:5px; } #firma .menu li .prodej { background-image:url('images/firma/1.png'); } #firma .menu li .internet { background-image:url('images/firma/2.png'); } #firma .menu li .programovani { background-image:url('images/firma/3.png'); } #firma .menu li .sprava { background-image:url('images/firma/4.png'); } #firma .menu li .kamery { background-image:url('images/firma/5.png'); } #firma .menu li .kontakt { background-image:url('images/firma/6.png'); } #firma .vyhody { display:block; margin-top:70px; width:100%; height:300px; background-color:#004a7e; } #firma .vyhody h2 { height:109px; width:500px; display:block; color:#ffffff; font-size:31px; padding:30px 150px 0px 0px; text-align:center; margin:0px auto; background-image:url('images/firma/medaile.png'); background-position:right top; background-repeat:no-repeat; } #firma .vyhody ul { width:100%; display:block; margin-top:40px; } #firma .vyhody ul li { display:inline-block; vertical-align:top; width:22%; } #firma .vyhody ul li h3 { margin-right:10px; } #firma .vyhody ul li h3 .cislo { width:33px; height:33px; float:left; display:inline-block; font-weight:700; line-height:33px; font-size:16px; text-align:center; color:#125faa; background-image:url('images/firma/vyhody_seznam.png'); background-repeat:no-repeat; } #firma .vyhody ul li h3 .block { display:inline-block; width:80%; } #firma .vyhody ul li h3 .block .nadpis { color:#ffffff; font-size:19px; display:block; text-align:left; } #firma .vyhody ul li h3 .block .popis { color:#f8e1ba; font-size:16px; display:block; text-align:left; } #firma .strategie { display:block; margin-top:50px; padding-bottom:40px; width:100%; } #firma .strategie .text { width:50%; margin-left:2%; float:left; color:Black; display:inline-block; text-align:right; } #firma .strategie .text h4 { font-size:22px; color:#1c1b1b; font-weight:300; } #firma .strategie .text p { font-size:16px; color:#000000; margin-top:20px; } #firma .strategie .kontakt { width:39%; float:left; padding-left:8%; color:Black; display:inline-block; text-align:left; } #firma .strategie .kontakt .nadpis { color:#888888; font-size:17px; padding-top:55px; background-image:url('images/firma/chat.png'); background-repeat:no-repeat; background-position:left top; } #firma .strategie .kontakt .nadpis strong { color:#1c1b1b; font-size:24px; font-weight:300; display:block; } #firma .strategie .kontakt p { font-size:12px; width:350px; color:#000000; margin-top:20px; } #firma .strategie .kontakt a { color:black; float:left; margin:15px auto; padding:0px 10px 0px 10px; font-weight:700; border:2px solid #e2e2e2; font-size:15px; line-height:30px; text-align:center; display:block; cursor:pointer;} #sluzby { width:100%; min-width:1000px; margin:-30px auto; text-align:center; display:block; } #sluzby .sipka { display:block; background-image:url('images/lista_sipka.png'); background-repeat:no-repeat; width:55px; height:25px; position:relative; top:-30px; left:50%; z-index:99; margin-left:-27px; } #sluzby .text { width:100%; min-width:1000px; height:150px; padding-top:70px; margin-top:-55px; text-align:center; background-color:#f6f6f6; text-align:center; font-size:17px; color:#000000; display:block; } #sluzby .obsah { width:100%; padding-bottom:80px; min-width:1000px; background-color:White; border-top:1px solid #eeeeee; display:block; } #sluzby .obsah .menu { display:block; width:900px; margin:-50px auto 60px auto; } #sluzby .obsah .menu li { display:inline-block; } #sluzby .obsah .menu li a { padding:10px 15px 10px 15px; color:#000000; font-size:16px; display:block; padding-top:50px; background-color:#ffffff; border:1px solid #ebebeb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-position:center 10px; background-repeat:no-repeat; } #sluzby .obsah .menu li .internet { background-image:url('images/sluzby/ico_internet.png'); } #sluzby .obsah .menu li .internet:hover { background-image:url('images/sluzby/ico_internet_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .internet_sel { background-image:url('images/sluzby/ico_internet_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .prodej { background-image:url('images/sluzby/ico_prodej.png'); } #sluzby .obsah .menu li .prodej:hover { background-image:url('images/sluzby/ico_prodej_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .prodej_sel { background-image:url('images/sluzby/ico_prodej_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .tvorba { background-image:url('images/sluzby/ico_tvorba.png'); } #sluzby .obsah .menu li .tvorba:hover { background-image:url('images/sluzby/ico_tvorba_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .tvorba_sel { background-image:url('images/sluzby/ico_tvorba_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .sprava { background-image:url('images/sluzby/ico_sprava.png'); } #sluzby .obsah .menu li .sprava:hover { background-image:url('images/sluzby/ico_sprava_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .sprava_sel { background-image:url('images/sluzby/ico_sprava_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .kamery { background-image:url('images/sluzby/ico_kamery.png'); } #sluzby .obsah .menu li .kamery:hover { background-image:url('images/sluzby/ico_kamery_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .kamery_sel { background-image:url('images/sluzby/ico_kamery_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .televize { background-image:url('images/sluzby/ico_tv.png'); } #sluzby .obsah .menu li .televize:hover { background-image:url('images/sluzby/ico_tv_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah .menu li .televize_sel { background-image:url('images/sluzby/ico_tv_act.png'); background-color:#eca322; color:#ffffff; } #sluzby .obsah h2 { width:70%; text-align:left; margin:50px auto 20px auto; color:#2e2e2e; font-size:19px; font-weight:300; } #sluzby .obsah h3 { width:70%; text-align:left; margin:20px auto 100px auto; font-size:16px/*b13*/; color:#000000; } #sluzby .obsah p { width:70%; text-align:left; margin:20px auto 30px auto; font-size:16px; color:#000000; } .pcenter { width:70%; text-align:left; margin:20px auto 30px auto; font-size:12px; color:#000000; } #sluzby .obsah em { font-style:italic; font-size:18px; margin-left:30px; color:#000000; } #sluzby .obsah .bt_bezpecnost { color:black; margin-top:15px; background-color:#ECA221; padding:0px 10px 0px 10px; font-weight:700; border:2px solid #e2e2e2; font-size:15px; line-height:30px; text-align:center; display:inline-block; cursor:pointer; } #sluzby .obsah .sekce { border-top:1px solid #eeeeee; width:100%; text-align:center; } #sluzby .obsah .sekce h2 { position:relative; top:-30px; background-color:White; display:inline-block; width:auto; color:#004a7e; font-size:30px; line-height:50px; padding:0px 30px 0px 55px; margin:0px; background-position:20px 5px; background-repeat:no-repeat; } #sluzby .obsah .sekce .mapa { background-image:url('images/sluzby/bod.png'); background-position:20px 5px; } #sluzby .obsah .sekce .cenik { background-image:url('images/sluzby/stitek.png'); background-position:10px 10px; } #sluzby .obsah .sekce h3 { color:#000000; font-size:16px/*b13*/; position:relative; top:-45px; display:block; text-align:center; width:auto; background-color:White; } #sluzby .obsah .pokryti { display:inline-block; width:auto; margin:-80px auto 100px auto; } #sluzby .obsah .pokryti .mapa_odkaz { display:inline-block; float:left; } #sluzby .obsah .pokryti .pokryti_seznam { display:inline-block; float:left; } #sluzby .obsah .pokryti .pokryti_seznam tr { } #sluzby .obsah .pokryti .pokryti_seznam tr td { text-align:left; color:Black; padding:0px 20px 0px 20px; color:#000000; font-size:11px; } #sluzby .obsah .pokryti .pokryti_seznam tr td a { color:#000000; text-decoration:none; } #sluzby .obsah .pokryti .pokryti_seznam tr td a:hover { text-decoration:underline; } #sluzby .obsah .pokryti .mereniRychlosti { color:black; background-color:#ECA221; margin:45px auto 10px auto; padding:0px 10px 0px 10px; font-weight:700; border:2px solid #e2e2e2; font-size:15px; line-height:30px; text-align:center; display:inline-block; cursor:pointer; } #sluzby .obsah .bonusy { display:inline-block; text-align:left; } #sluzby .obsah .bonusy .bonus { display:inline-block; float:left; margin-left:20px; } #sluzby .obsah .bonusy .bonus strong { font-size:30px; color:#000000; font-weight:300; margin:20px 0px 20px 0px; } #sluzby .obsah .bonusy .bonus ul { margin-bottom:5px; } #sluzby .obsah .bonusy .bonus ul li { color:#000000; font-size:16px/*b13*/; text-align:left; background-image:url('images/sluzby/odrazka.png'); background-repeat:no-repeat; background-position:4px 5px; padding-left:20px; } #sluzby .obsah .bonusy .bonus ul .plus { background-image:url('images/sluzby/odrazka_plus.png'); background-position:2px 5px; } #sluzby .obsah .bonusy .bonus ul li strong { font-weight:bold; color:#000000; font-size:16px/*b13*/; } #sluzby .obsah .ipTV { position:relative; top:-12px; } #sluzby .obsah .ipTV .popis { display:inline-block; text-align:left; } #sluzby .obsah .ipTV .popis h2 { color:#004a7e; width:auto; display:inline-block; font-size:30px; } #sluzby .obsah .ipTV .popis h2 strong { color:#004a7e; font-weight:700; } #sluzby .obsah .ipTV img { display:inline-block; } #sluzby .obsah .ipTV .popis a { color:black; background-color:#ECA221; width:210px; display:block; margin:15px 0px; padding:0px 10px 0px 10px; font-weight:700; border:2px solid #e2e2e2; font-size:15px; line-height:30px; text-align:center; cursor:pointer; } #sluzby .obsah .vop { color:black; background-color:#ECA221; margin:45px auto 10px auto; padding:0px 10px 0px 10px; font-weight:700; border:2px solid #e2e2e2; font-size:15px; line-height:30px; text-align:center; display:inline-block; cursor:pointer; } #podpora { width:100%; text-align:center; display:block; } #podpora .menu { border-top:1px solid #eeeeee; width:100%; text-align:center; } #podpora .menu .bt { display:inline-block; position:relative; margin:0px 5px 0px 5px; top:-22px; cursor:pointer; padding:10px 20px 10px 20px; font-size:16px/*b13*/; border:2px solid #d7d7d7; color:#000000; background-color:#ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #podpora .menu .sel { background-color:#1b8cce; color:#ffffff; border:2px solid #1b8cce; } #podpora .sekce { display:inline-block; margin:70px auto 100px auto; } #podpora .sekce .podsekce { display:inline-block; text-align:left; vertical-align:top; margin-right:40px; } #podpora .sekce .podsekce img { margin-left:20px; } #podpora .sekce .podsekce .text { margin:20px 0px 0px 20px; } #podpora .sekce .podsekce .text h2 { color:#2e2e2e; text-align:left; font-size:26px; } #podpora .sekce .podsekce .text p { color:#000000; text-align:left; font-size:12px; } #podpora .dotaz_polozka { width:700px; margin:0px auto 0px auto; text-align:center; } #podpora .dotaz_polozka .otazka { color:Black; font-size:18px; display:block; text-align:left; font-weight:700; } #podpora .dotaz_polozka .odpoved { min-height:121px; width:500px; text-align:left; display:block; color:Black; padding:40px 0px 0px 100px; background-image:url('images/podpora/sipka_dotaz_mala.png'); background-position:20px 10px; background-repeat:no-repeat; } #reference { width:100%; text-align:center; display:block; } #reference .menu { border-top:1px solid #eeeeee; width:100%; text-align:center; } #reference .menu .bt { display:inline-block; position:relative; margin:0px 5px 0px 5px; top:-22px; cursor:pointer; padding:10px 20px 10px 20px; font-size:16px/*b13*/; border:2px solid #d7d7d7; color:#000000; background-color:#ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #reference .menu .sel { background-color:#1b8cce; color:#ffffff; border:2px solid #1b8cce; } #reference .sekce { display:inline-block; } #reference .sekce { display:inline-block; } #reference .sekce .podsekce { width:320px; vertical-align:top; display:inline-block; margin:30px 6px; } #reference .sekce .podsekce img { width:320px; border:1px solid #CCCCCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #reference .sekce .podsekce h2 { color:#2e2e2e; margin:13px 0px 8px 0px; text-align:left; display:block; font-size:20px; } #reference .sekce .podsekce p { color:#000000; width:320px; text-align:left; font-size:16px/*b13*/; } #reference .sekce .podsekce a { color:#004a7e; line-height:17px; margin-top:10px; text-align:left; font-size:11px; display:block; padding-left:24px; background-image:url('images/reference/zobrazit.png'); background-position:left center; background-repeat:no-repeat; } #reference .dotaz { border-top:1px solid #eeeeee; padding-top:50px; text-align:center; } #reference .dotaz strong { color:#1c1b1b; font-size:24px; display:block; font-weight:700; margin-bottom:20px; } #reference .dotaz a { color:black; margin:15px auto 70px auto; padding:0px 10px 0px 10px; font-weight:700; border:2px solid #e2e2e2; font-size:15px; line-height:30px; text-align:center; display:inline-block; cursor:pointer; } #tvBanner { width:125px; height:15px; padding:110px 0px; z-index:99; text-align:center; color:White; font-size:14px; font-weight:300; cursor:pointer; position:absolute; top:100px; right:100px; background-image:url('images/internetovaTVBanner_new.png'); background-repeat:no-repeat; background-position:center center; } #clanek { width:1000px; margin:0px auto; } #clanek h2 { display:block; text-align:center; margin:40px auto 20px auto; color:#2e2e2e; font-size:32px; font-weight:300; } #clanek h3 { display:block; text-align:center; margin:20px auto 100px auto; font-size:16px/*b13*/; color:#000000; } #clanek p { display:block; text-align:left; margin:20px auto 30px auto; font-size:16px/*b13*/; color:#000000; } #kontakty { width:100%; text-align:center; padding-bottom:50px; display:block; } #kontakty .oddeleni { border-top:1px solid #eeeeee; padding-top:0px; margin:40px 0px; width:100%; display:block; } #kontakty .sekce { display:inline-block; } #kontakty .sekce .podsekce { margin:0px 40px 0px 40px; float:left; text-align:left; display:inline-block; } #kontakty .sekce .podsekce .adresa { padding-left:45px; color:#000000; font-size:16px/*b13*/; background-image:url('images/kontakty/logo_memory_new.png'); background-repeat:no-repeat; background-position:left top; } #kontakty .sekce .podsekce .modre { margin-top:25px; } #kontakty .sekce .podsekce .modre .email { display:block; padding-left:40px; line-height:21px; padding-top:20px; border-top:1px solid #eeeeee; margin-top:5px; font-weight:700; font-size:12px; color:#1985cb; background-image:url('images/kontakty/ico_obalka.png'); background-repeat:no-repeat; background-position:5px 25px; } #kontakty .sekce .podsekce .modre .tel { display:block; padding-left:40px; line-height:21px; margin-top:5px; font-weight:700; font-size:12px; color:#1985cb; background-image:url('images/kontakty/ico_telefon.png'); background-repeat:no-repeat; background-position:12px center; } #kontakty .sekce .podsekce .modre .mobil { display:block; padding-left:40px; line-height:21px; margin-top:5px; font-weight:700; font-size:12px; color:#1985cb; background-image:url('images/kontakty/ico_mobil.png'); background-repeat:no-repeat; background-position:16px center; } #kontakty .sekce .podsekce .modre .mapa { display:block; padding:15px 0px 0px 40px; margin-top:25px; height:38px; border-top:1px solid #eeeeee; font-weight:700; font-size:12px; color:#1985cb; background-image:url('images/kontakty/ico_bod.png'); background-repeat:no-repeat; background-position:10px 15px; } #kontakty .sekce .podsekce .modre .banka { display:block; padding:15px 0px 0px 10px; margin-top:25px; cursor:default; height:38px; border-top:1px solid #eeeeee; font-weight:700; font-size:12px; color:#1985cb; } #kontakty .sekce .podsekce h2 { color:#2e2e2e; font-size:26px; display:block; } #kontakty .sekce .podsekce table tr td { color:#000000; font-size:16px/*b13*/; } #kontakty .sekce .podsekce .kontakt tr td { padding:10px; } #kontakty .sekce .podsekce .kontakt tr td a { color:#424242; } #kontakty .sekce .podsekce table tr td strong { color:#424242; font-size:16px/*b13*/; } #kontakty .sekce .podsekce .social { display:inline-block; margin-top:15px; } .seznamSipky { display:inline-block; } .seznamSipky ul { } .seznamSipky ul li { color:#000000; font-size:16px/*b13*/; text-align:left; background-image:url('images/sluzby/odrazka.png'); background-repeat:no-repeat; background-position:4px 5px; padding-left:20px; } .seznamSipky ul .plus { background-image:url('images/sluzby/odrazka_plus.png'); background-position:2px 5px; } .seznamSipky ul li strong { font-weight:700; font-size:16px/*b13*/; } .form { margin:30px auto; display:block; } .form td { vertical-align:top; width:300px; } .form .nadpis { color:#000000; display:block; text-align:left; padding-left:15px; margin-bottom:10px; font-size:30px; font-weight:300; } .form .popis { color:#000000; padding-left:20px; text-align:left; float:left; display:inline-block; margin-top:15px; font-size:12px; font-weight:300; } .form input[type=submit] { color:#ffffff; font-size:11px; background-color:#004a7e; margin:5px 20px 0px; border:0px solid black; float:right; display:inline-block; padding:10px 20px 10px 20px; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form input[type=text],input[type=password],textarea { outline-width: 0; font-family: 'Roboto', 'sans-serif'; padding:10px 20px 10px 20px; margin:1px 0px 1px 0px; background-color:White; display:inline-block; color:#000000; border:1px solid #e4e4e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form .chyba { display:block; cursor:pointer; position:relative; top:-8px; left:1px; } .form .chyba span { display:inline-block; cursor:pointer; margin:6px 0px 6px 0px; background-color:#640000; color:White; font-size:12px; padding:7px 0px 7px 0px; text-align:center; border:1px solid #640000; border-top:0px solid #640000; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .obalka .stred .oddeleni { width:100%; display:block; height:40px; } .obalka .stred .oddeleni .sipky { height:36px; width:60px; padding:0px 10px 0px 10px; position:relative; background-color:White; display:none; margin:0px auto; } .obalka .stred .oddeleni .sipky .leva { background-image:url('images/sipka_leva.png'); width:19px; height:36px; display:inline-block; float:left; } .obalka .stred .oddeleni .sipky .leva:hover { background-image:url('images/sipka_leva_act.png'); } .obalka .stred .oddeleni .sipky .prava { background-image:url('images/sipka_prava.png'); width:19px; height:36px; display:inline-block; float:right; } .obalka .stred .oddeleni .sipky .prava:hover { background-image:url('images/sipka_prava_act.png'); } .obalka .stred .oddeleni .pozadi { display:block; position:relative; top:19px; width:100%; height:1px; background-color:#eeeeee; } .obalka .stred .novinky { width:96%; padding:0px 0px 0px 40px; margin:10px 0px 40px 0px; min-width:960px;} .obalka .stred .novinky .nadpis { display:block; height:50px; } .obalka .stred .novinky .nadpis h3 { display:inline-block; color:#1c1b1b; font-size:40px; font-weight:100; } .obalka .stred .novinky .nadpis a { color:black; position:relative; top:-5px; left:20px; border:2px solid #e2e2e2; font-size:15px; line-height:30px; text-align:center; display:inline-block; width:120px; cursor:pointer; } .obalka .stred .novinky .seznam { margin-top:60px; } .obalka .stred .novinky .seznam .novinka { height:90px; width:33%; display:table-cell; } .obalka .stred .novinky .seznam .novinka .datum { width:138px; height:86px; float:left; display:table-cell; } .obalka .stred .novinky .seznam .novinka .datum img { width:59px; height:59px; position:relative; top:11px; left:4px; } .obalka .stred .novinky .seznam .novinka .datum .den { height:20px; width:30px; text-align:center; line-height:20px; position:relative; top:-45px; left:75px; z-index:101; color:#474646; font-size:19px; } .obalka .stred .novinky .seznam .novinka .datum .mesic { height:27px; width:30px; text-align:center; line-height:27px; position:relative; top:-40px; left:75px; border-top:1px solid #ebeaea; z-index:101; color:#474646; font-size:19px; } .obalka .stred .novinky .seznam .novinka .datum .rok { height:20px; line-height:20px; position:relative; top:-48px; left:108px; z-index:101; color:#474646; font-size:10px; } .obalka .stred .novinky .seznam .novinka .datum .maska { background-image:url('images/datum_maska.png'); z-index:100; position:relative; top:-126px; width:138px; height:86px; display:inline-block; } .obalka .stred .novinky .seznam .novinka .popis { display:table-cell; margin-left:10px; padding:0px 5px 0px 5px; } .obalka .stred .novinky .seznam .novinka .popis h3 { color:#1c1b1b; font-size:19px; } .obalka .stred .novinky .seznam .novinka .popis h4 { color:#000000; font-size:12px; } .obalka .stred .novinky .seznam2 { margin:60px auto; width:990px; } .obalka .stred .novinky .seznam2 .novinka { margin-bottom:50px; min-height:140px; float:left; width:490px; display:inline-block; } .obalka .stred .novinky .seznam2 .novinka .datum { width:138px; height:86px; float:left; display:table-cell; } .obalka .stred .novinky .seznam2 .novinka .datum img { width:59px; height:59px; position:relative; top:11px; left:4px; } .obalka .stred .novinky .seznam2 .novinka .datum .den { height:20px; width:30px; text-align:center; line-height:20px; position:relative; top:-45px; left:75px; z-index:101; color:#474646; font-size:19px; } .obalka .stred .novinky .seznam2 .novinka .datum .mesic { height:27px; width:30px; text-align:center; line-height:27px; position:relative; top:-40px; left:75px; border-top:1px solid #ebeaea; z-index:101; color:#474646; font-size:19px; } .obalka .stred .novinky .seznam2 .novinka .datum .rok { height:20px; line-height:20px; position:relative; top:-48px; left:108px; z-index:101; color:#474646; font-size:10px; } .obalka .stred .novinky .seznam2 .novinka .datum .maska { background-image:url('images/datum_maska.png'); z-index:100; position:relative; top:-126px; width:138px; height:86px; display:inline-block; } .obalka .stred .novinky .seznam2 .novinka .popis { display:table-cell; margin-left:10px; padding:0px 5px 0px 5px; } .obalka .stred .novinky .seznam2 .novinka .popis h3 { color:#1c1b1b; font-size:19px; } .obalka .stred .novinky .seznam2 .novinka .popis h4 { color:#000000; font-size:12px; } .obalka .stred .novinky .seznam2 .novinka .popis a { text-decoration:underline; font-weight:600; color:black; } .obalka .stred .novinky .seznam .novinka .popis a { text-decoration:underline; font-weight:600; color:black; } #mapaBox {overflow:hidden; z-index:999 !important; position:fixed; left:0px; top:0px; width:100%; } #mapaBox .bt_zavritMapu { background-image:url('images/mapy/bt_zavritMapu_32x32.png'); background-position:center top; display:block; position:absolute; z-index:1002 !important; left:100%; top:2px; margin-left:-45px; height:32px; width:32px; cursor:pointer; } #mapaModalBg { width:100%; height:3000px; display:none; background-color:Black; position:fixed; left:0px; top:0px; z-index:1000 !important; opacity: 0; } #mapaVyberOblasti { visibility:hidden; position:absolute; z-index:1001 !important; left:50%; top:50%; margin-left:-296px; display:block; } #mapaVyberOblasti h2 { color:White; margin-left:10px; font-size:20px; display:block; } #mapaVyberOblasti .top { width:591px; height:12px; background-image:url('images/mapy/vyberOblasti_bt_top.png'); background-position:center top; background-repeat:no-repeat; display:block; } #mapaVyberOblasti .middle {width:591px; overflow:auto; background-image:url('images/mapy/vyberOblasti_bt_middle.png'); background-position:center center; background-repeat:repeat-y; display:block; } #mapaVyberOblasti .middle .data { max-height:400px; overflow:auto; width:591px; display:block; } #mapaVyberOblasti .middle .data .ulice { padding-left:20px; text-decoration:none; color:White; background-color:transparent; line-height:30px; font-size:16px/*b13*/; width:531px; display:block; } #mapaVyberOblasti .middle .data a { padding-left:20px; text-decoration:none; color:White; background-color:transparent; line-height:30px; font-size:12px; width:531px; display:block; } #mapaVyberOblasti .middle .data .strong { font-size:18px; width:551px; font-weight:bold; line-height:50px; vertical-align:middle; } #mapaVyberOblasti .middle .data a:hover { text-decoration:none; background-color:#FF9900; } #mapaVyberOblasti .bottom {width:591px; height:12px; margin-top:-1px; background-image:url('images/mapy/vyberOblasti_bt_bottom.png'); background-position:center top; background-repeat:no-repeat; display:block; } #mapaVyberOblasti .bt_zavrit { width:38px; height:38px; cursor:pointer; position:relative; left:571px; top:20px; background-image:url('images/mapy/vyberOblasti_bt_zavrit.png'); background-position:center top; background-repeat:no-repeat; display:block; } #mapaRozcestnik { width:702px; height:281px; background-image:url('images/mapy/rozcestnikBG702x281.png'); background-repeat:no-repeat; position:fixed; z-index:1002; top:50%; left:130%; margin:-145px 0px 0px -370px; display:block; } #mapaRozcestnik .bt_zavrit { cursor:pointer; display:block; width:48px; height:48px; position:absolute; top:-35px; left:625px; background-image:url('images/mapy/bt_zavrit48x48.png'); } #mapaRozcestnik .text1 { color:White; font-size:30px; font-family:Verdana; position:absolute; top:140px; left:140px; display:block; } #mapaRozcestnik .bt_dopis { cursor:pointer; position:absolute; top:120px; left:70px; display:inline-block;} #mapaRozcestnik .bt_mobil { cursor:pointer; position:absolute; top:100px; left:315px; display:inline-block; } #mapaRozcestnik .bt_telefon { cursor:pointer; position:absolute; top:110px; left:520px; display:inline-block; } .mapaObjednavka { visibility:hidden; padding:20px; background-image:url('images/mapy/modalBG.png'); background-repeat:repeat; position:absolute; z-index:1003; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mapaObjednavka .zavrit { display:block; width:95px; height:60px; position:absolute; top:-60px; right:10px; background-image:url('images/mapy/zavritBG95x30.png'); background-repeat:no-repeat; background-position:center bottom; } .mapaObjednavka .zavrit .bt_zavrit { margin-left:35px; cursor:pointer; display:block; width:48px; height:48px; position:absolute; background-image:url('images/mapy/bt_zavrit48x48.png'); } .mapaObjednavka .text { color:White; } .mapaObjednavka .text table tr td { color:White; } .mapaObjednavka .text table tr td h1 { color:White; font-size:20px; } .mapaObjednavka .text table tr td h2 { color:White; font-size:12px; } .mapaObjednavka .text table tr td .req { color:Red; margin-left:5px; } .mapaObjednavka .text input[type=text] { border:0px solid black; background-color:#CCCCCC; height:25px; line-height:25px; margin-left:10px; padding:0px 5px 0px 5px; } .mapaObjednavka .text input[type=submit] { border:0px solid black; color:White; background-color:#336633; padding:10px 20px 10px 20px; } .mapaObjednavka .text .chyba { display:block; margin-left:10px; cursor:pointer; } .mapaObjednavka .text .chyba span { display:inline-block; cursor:pointer; color:Red; font-size:12px; padding-bottom:3px; text-align:center; } #cenikDetail { background-image:url('images/mapy/detail_495x373.png'); background-position:center top; background-repeat:no-repeat; width:495px; height:450px; display:block; position:fixed; top:50%; margin-top:-222px; left:-550px; z-index:1001; } #cenikDetail .text { color:White; overflow-y: auto; overflow-x: hidden; height:363px; width:480px; margin:5px 8px 0px 4px; display:block; } #cenikDetail .text strong { color:White; font-size:15px; } #cenikDetail .text .nadpis { color:White; font-size:20px; } .tabulkaCenik { border-collapse:collapse; margin:20px 0px 30px 0px; width:99%; } .tabulkaCenik tr { border-collapse:collapse; } .tabulkaCenik tr td { text-align:center; padding:8px 0px 8px 0px; color:White; border:1px solid White; } .tabulkaCenik { border:1px solid white; } #cenikDetail .text .cenikInfo { color:White; } #cenikDetail .bt_zavrit { position:absolute; top:180px; left:485px; cursor:pointer; background-image:url('images/mapy/cenikDetailZavrit_38x56.png'); width:38px; height:56px; display:block; } #cenikDetail .bt_formular { text-decoration:none; float:left; color:#FF9900; line-height:70px; padding:0px 0px 0px 80px; font-size:20px; cursor:pointer; background-image:url('images/mapy/bt_formular.png'); background-repeat:no-repeat; margin:6px 0px 0px -1px; width:155px; height:70px; display:inline-block; } /*#cenikDetail .bt_pdf:hover { background-image:url('../images/mapy/bt_pdf_active.png'); }*/ #cenikDetail .bt_objednat { text-decoration:none; color:#FF9900; padding:15px 0px 0px 20px; font-size:16px; background-image:url('images/mapy/bt_objednat.png'); background-repeat:no-repeat; margin:7px 0px 0px 13px; width:228px; height:54px; display:inline-block; } #cenikDetail .bt_objednat a { text-decoration:none; color:#FF9900; font-size:14px; margin-top:5px; display:block; } /*#cenikDetail .bt_objednat:hover { background-image:url('../images/mapy/bt_objednat_active.png'); }*/ #mapa {width:100%; background-color:White; display:block; position:fixed; left:100%; top:50%; z-index:1000 !important;} .akceOkno { font-family: 'Poiret One', cursive; cursor:pointer; display: block; position: fixed; left: 0%; top: 0%; background-repeat:repeat; background-image:url('/themes/default/images/akce/bg0.png'); width: 100%; height: 100%; font-size:20px; z-index: 210 !important; } .akceOkno .okno { cursor:default; display:block; background-image:url('/themes/default/images/akce/bg1.png'); background-repeat:repeat; position:absolute; left:50%; top:50%; margin:-200px 0px 0px -420px; width:840px; height:400px; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .akceOkno .okno .obsah { display:block; background-image:url('/themes/default/images/akce/bg2.png'); background-repeat:repeat; width:800px; height:360px; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .akceOkno .zavrit { position:absolute; top:50%; left:50%; z-index:130; margin:-210px 0px 0px 417px; display:block; background-image:url('/themes/default/images/akce/close.png'); background-repeat:repeat; width:35px; height:35px; } .akceOkno .okno .obsah .nadpis { font-size:26px; line-height:40px; margin-top:-10px; color:White; font-weight:500; text-align:left; width:100%; display:block; border-bottom:1px solid #CCCCCC; } .akceOkno .okno .obsah img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mceContentBody { border:1px solid red; } .article-preview {display: flex; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; gap: 1rem; --preview-padding: 1rem; color:Black;} .article-preview .img {display: block; width: 100%; aspect-ratio: calc(3 / 2); background: white; border-radius: var(--border-radius); overflow: hidden;} .article-preview .img img {display: block; width: 100%; height: 100%; object-fit: cover; transition: .15s ease-in-out;} .article-preview .img:hover img {opacity: 0.8;} .article-preview > div {display: flex; width: 100%; flex-wrap: wrap; gap: 0.6rem 1rem; padding-inline: var(--preview-padding); box-sizing: border-box; position: relative;} .article-preview .title {display: block; width: 100%; text-align: left; font-size: min(1.4rem, calc(1rem + 2vw)); font-weight: 600; line-height: 1.2;} .article-preview .title a {color: var(--color0); transition: .15s ease-in-out;} .article-preview .title a:hover {color: var(--color2);} .article-preview p {font-size: 0.8em; margin-top: -0.35em;} .article-preview .link {display: flex; align-items: center; gap: 0.4em; font-size: 0.8em; color: var(--color0); font-weight: 600; text-transform: uppercase; text-decoration: underline; transition: .15s ease-in-out;} .article-preview .link svg {display: block; width: 0.6em; height: auto; fill: var(--color2); position: relative; top: -0.15em;} .article-preview .link:hover {color: var(--color2); text-decoration-color: transparent;} .article-preview .date {display: block; font-size: 0.8em; color: var(--color0);} .article-styles {display: flex; width: 100%; max-width: 50rem; flex-wrap: wrap; gap: var(--gap1); margin-inline: auto; color:Black; margin-bottom:3em; } .article-styles .image {display: block; width: 100%; border-radius: var(--border-radius); border-radius: var(--border-radius); overflow: hidden;} .article-styles .image img {display: block; width: 100%; transition: .15s ease-in-out;} .article-styles .image:hover img {opacity: 0.8;} .article-styles :is(h2, h3) {text-align: left !important; color: var(--color1); margin-block: 0.5rem -0.4rem;} .article-styles h2 {font-size: min(2rem, calc(1rem + 3vw));} .article-styles h3 {font-size: min(1.4rem, calc(0.8rem + 2vw)); font-weight: 600;} .article-styles .date {display: block; width: 100%; color: var(--color1); font-weight: 600; margin-top: -1.2rem;} .article-styles ul:not(.custom), ol {display: flex; flex-wrap: wrap; gap: 0.3em; padding: 0 0 0 1.5em; margin: -0.5rem 0 0;} .article-styles ul:not(.custom) li, .article-styles ol:not(.custom) li {padding-left: 1.4em; position: relative; box-sizing: border-box;} .article-styles ul:not(.custom) li:before {display: block; width: 0.45em; height: 0.45em; position: absolute; left: 0; top: 0.44em !important; content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M255,0.7c-8.4,0-16.8,1.8-23.1,5.5L50.3,111.1c-12.7,7.3-23.1,25.4-23.1,40.1v209.7c0,14.7,10.4,32.7,23.1,40.1 l181.6,104.8c6.4,3.7,14.8,5.5,23.1,5.5s16.8-1.8,23.1-5.5l181.6-104.8c12.7-7.3,23.1-25.4,23.1-40.1V151.2 c0-14.7-10.4-32.7-23.1-40.1L278.1,6.2C271.8,2.6,263.4,0.7,255,0.7L255,0.7z' width='1' height='1' fill='rgb(230,119,51)' stroke='transparent' stroke-width='0' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; background-size: contain;} .article-styles ol {list-style-type: none; counter-reset: li;} .article-styles ol li {counter-increment: li;} .article-styles ol li:before {display: block; font-weight: 600; color: var(--color2); position: absolute; left: -0.25em; top: 0; content: counter(li) ")";} .article-styles .highlight {display: flex; width: 100%; flex-wrap: wrap; gap: var(--gap1); padding: min(2rem, calc(1rem + 2vw)); border: solid 0.15em var(--color1); border-radius: var(--border-radius); box-sizing: border-box;} .article-styles .highlight > *:first-child {margin-top: 0;} @media screen and (min-width: 1081px) { .article-styles .infographics li {width: calc(25% - 0.9rem);} } @media screen and (min-width: 769px) { .article-styles ul.c2 {width: 100%; justify-content: space-between;} .article-styles ul.c2 > li {width: calc(50% - 0.8rem);} } .blog {display: flex; width: 100%; flex-wrap: wrap; gap: 1.4rem var(--blog-gap); --blog-gap: 1.2rem; --blog-count: 1;} .blog > * {width: calc(100% / var(--blog-count) - var(--blog-gap) * ((var(--blog-count) - 1) / var(--blog-count)));} @media screen and (min-width: 1081px) { .blog {--blog-count: 3;} } @media screen and (min-width: 641px) and (max-width: 1080px){ .blog {--blog-count: 2;} } .article-styles h1, .article-styles h2, .article-styles h3 {display: block; width: 100%; color: var(--color0); font-weight: 700; line-height: 1.2; position: relative; box-sizing: border-box; font-family: var(--font2);} .article-styles h1 {font-size: min(2.8rem, calc(1.4rem + 4vw));} .article-styles h2 {font-size: min(2.4rem, calc(1.2rem + 3vw));} .article-styles h3 {font-size: min(1.7rem, calc(1rem + 2vw)); overflow: hidden;} .article-styles p, .article-styles li {width: 100%;} .article-styles p a, .article-styles li a {color: var(--color1); text-decoration: underline; transition: .15s ease-in-out;} .article-styles p a:hover, .article-styles li a:hover {color: var(--color2); text-decoration-color: transparent;} .article-styles em {font-style: italic;} .article-styles strong {font-weight: 700;}