/* CSS reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } html,body { margin:0; padding:0; font-family: 'Font'; font-size:18px; background-color:white; background-image: url(../images/pozadi.jpg); color:#000; height:100%; } html { overflow-y: scroll; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { color:#000; text-decoration: none;} a:hover { text-decoration: underline; } .clearboth { clear: both; } .floatleft { float: left; } .floatright { float: right; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } img { border: none; } p { clear:both; } ul { margin:0; margin-left:-27px; } li { list-style:none; padding-left:27px; background: url(../images/odrazka_blue.svg) no-repeat 0 10px; } b { font-weight: normal; font-family: 'Font bold'; } strong { font-weight: normal; font-family: 'Font bold'; } hr { height:1px; border:0; background-color: black; } .tisic { margin-left: 0.3em; } .nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .nopadding { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input,textarea,select { border-radius: 0; border:none; outline:none; resize:none; padding:0 2% 0 2%; font-family: 'Font'; font-size:15px; -webkit-appearance: none; } h2 { text-transform: uppercase; font-size: 26px; font-family: 'Font bold'; margin:40px 0 20px 0; line-height:38px;} h3 { font-size: 26px; font-family: 'Font bold'; margin:20px 0 20px 0; line-height:38px; } .hide { display: none; } .cinstina { font-weight:bold; } main { position: relative; display:block; width:100%; max-width:1600px; margin:auto; } nav { width:100%; max-width:1600px; } .prostor { position:relative; width:100%; max-width:1140px; margin:auto; height:20px;} .prostor-menu { position:absolute; top:0; right:0; left:0; width:100%; height:100px; max-width:1140px; margin:auto;} .prostor12 { position:relative; float:left; font-size:12px; width:100%; } .prostor9 { position:relative; float:left; font-size:12px; margin-left:2%; margin-right:0.5%; width:78%; } .prostor9B { position:relative; float:left; font-size:12px; margin-left:7.5%; margin-right:0.5%; width:78%; } .prostor8 { position:relative; float:left; font-size:12px; margin-left:2%; margin-right:0.5%; width:69.5%; } .prostor8b { position:relative; float:left; font-size:12px; width:66%; } .prostor8c { position:relative; float:left; font-size:12px; margin-left:2%; margin-right:0.5%; width:69.5%; } .prostor8d { position:relative; float:left; font-size:12px; width:66%; } .prostor6 { position:relative; float:left; font-size:12px; margin-left:6%; margin-right:0.5%; width:44.5%; } .prostor5 { position:relative; float:left; font-size:12px; margin-left:2%; margin-right:0.5%; width:40.5%; } .prostor4 { position:relative; float:left; font-size:12px; margin-left:2%; width:32%; } .prostor4b { position:relative; float:left; font-size:12px; margin-left:4%; width:30%; } .prostor2 { position:relative; float:left; font-size:12px; margin-left:2%; width: 11.6%; } .prostor10 { position:relative; float:left; font-size:12px; margin-left:2%; margin-right:0.5%; width:83.5%; } /* Obsah */ .obsah { width:80%; font-size:19px; line-height:32px; margin-bottom:50px;} .obsah p { margin-bottom:30px; } .obsah a { text-decoration:underline; } .obsah img { max-width:100%; height:auto; } #prostor2-submenu { font-size:15px; text-transform: uppercase; font-family: 'Font light'; } #prostor2-submenu a { float:left; width:100%; margin-top:9px; text-decoration: none; padding:8px 0 7px 0; outline:none; } #prostor2-submenu a:hover, #prostor2-submenu a.submenu-active { background: url(../images/1_uroven_menu.svg) 0 11px no-repeat; padding:8px 0 7px 25px; margin-left:-25px; } #uvodni { position:relative; float: left; width:100%; background-image: url(../images/uvodni_large.jpg); background-size:cover; margin-bottom:40px; } #uvodni img { position:relative; float: left; width:100%; } #logo a { position:relative; display: block; background-image: url(../images/logo.svg); width:166px; height:82px; top:65px; z-index:1000; } #menu { position:absolute; right:0; top:60px; width:100%; font-family: 'Font light'; color:white; font-size:18px; text-transform: uppercase; letter-spacing:0.5px; z-index:10; } #menu a { float:right; color:white; margin-left:70px; text-decoration: none; outline: none; } #menu a:hover .menu-active { display:block; } .menu-active { position: absolute; display: none; margin-left:-24px; margin-top:6px; background: url(../images/1_uroven_menu.svg) no-repeat; width:25px; height:14px; } #menu-vybrana { float:left; } #menu-sipka-down { float:right; background-image: url(../images/arrow_down_white.svg); width:33px; height:33px; margin:-4px 0 0 18px; } #menu-sipka-up { display: none; float:right; background-image: url(../images/arrow_up_white.svg); width:33px; height:33px; margin:-4px 0 0 18px; } #mutace { float:right; color:white; margin-left:85px; cursor: pointer; } .mutace-hide { margin-right:52px; } .mutace-hide-margin { margin-right:151px; } #mutace-hide { display:none; clear:both; float:right; text-align:right; } #mutace-hide a { clear:both; color:white; margin-left:0; text-decoration: none; border-bottom:solid 1px transparent; line-height:20px; margin-top:10px;} #mutace-hide a:hover{ border-bottom:solid 1px white; } #menu-mobile { display:none; position: absolute; background-image: url(../images/mobile-menu-pozadi.png); color:white; width:100%; z-index:10000; top:120px; padding-bottom:8px; } #menu-mobile a, #menu-mobile span { float:left; text-decoration: none; width:90%; margin-left:10%; cursor: pointer; height:23px; color:white; padding:6px 0 6px 0; font-family: 'Font bold'; } #menu-mobile .menu-mobile-submenu { display: none; } #menu-mobile .menu-mobile-submenu a { text-transform: none; font-family: 'Font light'; width:87%; margin-left:13%; } #menu2 { position:absolute; width:100%; bottom:0px; height:58px; background-image: url(../images/pruhledna.png); } #menu2 a { float:left; text-decoration: none; font-size:18px; line-height:27px; text-transform: uppercase; margin-top:18px; outline: none; } #menu2 a:hover .menu-active { display:block; } .menu-active-show { display:block; } .menu2-prvni { padding-left:2%; } #menu-lupa { position: absolute; right:0; width:66px; } #menu-lupa-img { background-image: url(../images/lupa_black.svg); width:30px; height:30px; margin:auto; margin-top:14px; cursor:pointer; } #menu-lupa-hide { display: none; position: absolute; right:0; bottom:20px; width:40%; background-color:#1B5FAA; } #menu-lupa-hide input, #menu-lupa-mobile-hide input { width:92%; height:35px; border-bottom:solid 1px white; color:white; margin:10px 4% 12px 4%; padding:0; background-color:#1B5FAA; font-size:18px; } #menu-lupa-hide-prostor, #menu-lupa-mobile-hide-prostor { position: absolute; right:0; width:66px; height:58px; background-color:#1B5FAA; cursor: pointer; } #menu-lupa-hide-img, #menu-lupa-mobile-hide-img { background-image: url(../images/lupa_white.svg); width:30px; height:30px; background-color:#1B5FAA; margin:auto; margin-top:14px; } #menu-lupa-hide :-moz-placeholder, #menu-lupa-mobile-hide :-moz-placeholder { opacity:0.7; color:white; } /* MOZILLA 18- */ #menu-lupa-hide ::-moz-placeholder, #menu-lupa-mobile-hide ::-moz-placeholder { opacity:0.7; color:white; } /* MOZILLA 19+ */ #menu-lupa-hide ::-webkit-input-placeholder, #menu-lupa-mobile-hide ::-webkit-input-placeholder { opacity:0.7; color:white; } /* CHROME, OPERA */ #menu-lupa-hide :-ms-input-placeholder, #menu-lupa-mobile-hide ::-webkit-input-placeholder { opacity:0.7; color:white; } /* IE */ #menu-lupa-hide input:focus:-moz-placeholder, #menu-lupa-mobile-hide input:focus:-moz-placeholder { opacity:0; } #menu-lupa-hide input:focus::-moz-placeholder, #menu-lupa-mobile-hide input:focus::-moz-placeholder { opacity:0; } /* MOZILLA 19+ */ #menu-lupa-hide input:focus::-webkit-input-placeholder, #menu-lupa-mobile-hide input:focus::-webkit-input-placeholder { opacity:0; } /* CHROME, OPERA */ #menu-lupa-hide input:focus:-ms-input-placeholder, #menu-lupa-mobile-hide input:focus:-ms-input-placeholder { opacity:0; } /* IE */ #menu-lupa-mobile { float:right; margin-right:10px; width:66px; display: none; } #menu-lupa-mobile-img { background-image: url(../images/lupa_white.svg); width:25px; height:25px; background-size:25px; margin:auto; cursor:pointer; } #menu-lupa-mobile-hide { display: none; position: absolute; right:0; top:30px; width:60%; background-color:#1B5FAA; } /* Menu české */ .menu2-odkaz-cs{ float:left; margin-right:6.5%; text-decoration: none; } #menu2-0-cs { width:6%; } #menu2-1-cs { width:3.5%; } #menu2-2-cs { width:9%; } #menu2-3-cs { width:11%; } #menu2-4-cs { width:11.5%; } #menu2-5-cs { width:5%; } /* Menu anglické */ .menu2-odkaz-en{ float:left; margin-right:5.05%; text-decoration: none; } #menu2-0-en { width:9%; } #menu2-1-en { width:7%; } #menu2-2-en { width:14%; } #menu2-3-en { width:14%; } #menu2-4-en { width:13%; } #menu2-5-en { width:6%; } /* Menu německé */ .menu2-odkaz-de{ float:left; margin-right:3.5%; text-decoration: none; } #menu2-0-de { width:8%; } #menu2-1-de { width:7%; } #menu2-2-de { width:21%; } #menu2-3-de { width:13%; } #menu2-4-de { width:16%; } #menu2-5-de { width:6%; } .menu-kosik-none { display: none; } #menu-kosik a { float:right; width:30px; height:35px; background-image: url(../images/cart.svg); font-size:13px; font-family: 'Font bold'; } #menu-kosik-kruh { position:absolute; top:-10px; right:-10px; width:22px; height:21px; background-image: url(../images/circle_blue_cart.svg); text-align: center; padding-top:1px } .datum-line { position:relative; font-family: 'Font light'; margin-bottom:20px; } .datum-line hr { position:absolute; width:100%; background-color:black; height:1px; margin-top:9px; } .datum-line-datum { position:relative; float:right; height:18px; background-image: url(../images/pozadi.jpg); padding-left:15px; z-index:10; text-transform: uppercase; margin-bottom:10px; } .datum-line-nazev { position:relative; float:left; height:18px; background-image: url(../images/pozadi.jpg); padding-right:15px; z-index:10; text-transform: uppercase; } .datum-line-titulek1 { content: 'Processing'; font-size:30px; font-family: 'Font bold'; width:80%; margin:auto; margin-top:10px; line-height:36px; letter-spacing:0.5px; } .datum-line-titulek1 a:hover { text-decoration:underline; } .datum-line img { width:100%; padding-top:10px; } .datum-line-foto-clanek { position: relative; } .datum-line-foto-clanek img { position: absolute; /*top:-10px;*/ } .datum-line2 .datum-line-datum { margin-bottom:0; } .datum-line2 a { text-decoration: none; } .datum-line2 a:hover .publikace-detail { display: block; } .datum-line-fototext-obsah { position:relative; width:100%; float:left; background: linear-gradient(to right, #597796 , transparent); opacity:0.9; margin-top:10px; } .datum-line-fototext { width:50%; margin:30px 0 30px 10%; } .datum-line-fototext a { position: relative; color:white; font-size:30px; font-family: 'Font bold'; } .datum-line2 a:hover .publikace-detail { display: block; } .datum-line-titulek2 { float:left; font-size:14px; font-family: 'Font'; margin-top:3px; } .publikace-detail { display: none; position: absolute; bottom:0; background-color:#1b5faa; width:100%; height:39px; color:white; font-family:'Font light'; font-size:18px; text-transform: uppercase; text-align: center; padding-top:15px; cursor: pointer; } .publikace-detail:hover { background-color:#e00000; } .publikace-odkaz-prava:hover .publikace-detail { display: block; } #line-stanovisko-mobile { display: none; margin-bottom:50px; } .line-ikona { position: absolute; z-index:100; } .politicke-komentare { left:160px; width:24px; height:19px; background-image: url(../images/politicke_komentare-01.svg) } .analyticke-komentare { left:170px; width:24px; height:19px; background-image: url(../images/analyticke_komentare-01.svg) } .polemiky { left:90px; width:24px; height:19px; background-image: url(../images/polemiky-01.svg) } .fejetony { left:90px; width:24px; height:19px; background-image: url(../images/fejetony-01.svg) } .blog { left:65px; width:24px; height:19px; background-image: url(../images/blog-01.svg) } .ostatni { left:80px; width:24px; height:20px; background-image: url(../images/ostatni-01.svg) } .stanoviska { left:165px; width:24px; height:19px; background-image: url(../images/stanoviska-01.svg) } .vsechny { text-align: center; text-transform: uppercase; margin:30px 0 30px 0; } .vsechny a { text-decoration: none; } .vsechny a:hover { border-bottom:solid black 1px; } .vsechny-mobile { display: none; text-align: center; margin-bottom:30px; } .vsechny-mobile a { text-transform: uppercase; font-size:12px; font-family: 'Font light'; } #vsechny-publikace { text-align: center; text-transform: uppercase; margin-bottom:50px; } #vsechny-publikace a { text-decoration: none; } #vsechny-publikace a:hover{ color:#1b5faa; } .home-stanovisko a { text-decoration: none; } .titulek-stanovisko { padding:20px 2% 20px 2%; letter-spacing:0.5px; font-family: 'Font bold'; } .titulek-stanovisko-margin { margin-left:-5px; } .titulek-stanovisko-datum { margin-top:20px; font-size:22px; line-height:28px; text-align: center; text-transform: uppercase;} .home-stanovisko a:hover .titulek-stanovisko-datum { text-decoration:underline; } .titulek-stanovisko-title { margin-top:25px; font-size:30px; line-height:36px; text-align: center; color:#E00000;} .home-stanovisko a:hover .titulek-stanovisko-title { text-decoration:underline; } .podnadpis { color:#000; font-size:18px; font-family: 'Font'; } .podnadpis-bila { color:white; } /* home video */ #home-kalendar iframe { width:100%; height:265px; margin-top:5px; margin-bottom:20px; border:0 } /* Kalendář API*/ #kalendar { position:relative; width:100%; max-width:350px; font-size:18px; color:#BFBFBF; font-weight:400; z-index:10; margin:auto; margin-top:10px; } #kalendar-mesic { position:absolute; width:100%; text-align: center; text-transform: uppercase; color:black; font-family: 'Font bold';} #kalendar-left { position:relative; float:left; margin-left:4.5%; width:32px; height:33px; background-image: url(../images/arrow_left.svg); cursor: pointer; margin-bottom:15px; } #kalendar-right { position:relative; float:right; margin-right:4%; width:32px; height:33px; background-image: url(../images/arrow_right.svg); cursor: pointer; } #kalendar-tr { font-family: 'Font bold';} .kalendar-table { width:100%; max-width:350px; margin:auto; min-width:250px; border-collapse: collapse; color:black; cursor: default; } .kalendar-table td { text-align: center; width:34px; height:34px; border:solid transparent 5px; } .kalendar-table td.nonactive{} .kalendar-table td.active0 .vnitrek { background-image: url(../images/calendar_date.svg); height:30px; width:34px; padding-top:4px; margin:auto;} .kalendar-table td.active1 { font-family: 'Font bold'; color:white; cursor: pointer;} .kalendar-table td.active1 .vnitrek { background-image: url(../images/calendar_event.svg); height:31px; width:34px; padding-top:3px; margin:auto; } .#kalendar-tr { color:#BFBFBF; } .kalendar-vyskakovaci { display: none; position:absolute; left:0; margin-top:18px; width:84%; min-height:20px; cursor:default; padding:15px 8% 15px 8%; text-align:center; z-index:500; background-color:#e00000; font-size:15px; font-family: 'Font'; } .kalendar-vyskakovaci hr { float:left; width:100%; background-color:white; } .kalendar-vyskakovaci a { text-decoration: none; color:white; } .kalendar-sipka-obal { position: relative; width:100%; } .kalendar-sipka-up { display: none; position: absolute; left:0; right:0; margin:auto; width:39px; height:19px; background-image: url(../images/kalendar-sipka.png); } .kalendar-vyskakovaci-datum { text-transform: uppercase; } .kalendar-vypis { font-family: 'Font bold'; font-size:30px; text-align: center; width:76%; margin:auto; line-height:36px; } .kalendar-vypis a { text-decoration: none; } .kalendar-vypis-datum { color:#e00000; margin-top:30px; margin-bottom:5px; font-size:20px; } .kalendar-vypis-titulek { line-height:36px; letter-spacing:0.5px; } .kalendar-vypis:hover .kalendar-vypis-titulek { text-decoration: underline; } /* O institutu */ .clen-foto { float:left; width:27.5%; margin:30px 0 20px 0; } .clen-foto img { width:100%; max-width:176px; } .clen-title-obsah { float:left; width:64.5%; margin-left:8%; margin-top:30px; } .clen-titulek { font-size:26px; font-family: 'Font bold'; } .clen-text { float:left; width:100%; } .clen-sipka-down{ position:absolute; right:0; width:33px; height:33px; background-image:url(../images/arrow_down.svg); margin-right:2.5%; cursor:pointer; } .clen-sipka-up { display:none; position:absolute; right:0; width:33px; height:33px; background-image:url(../images/arrow_up.svg); margin-right:2%; cursor:pointer; } .clen-hr { position:absolute; width:98%; } .clen-mezera { height:20px; } /* Klaus */ .klaus-prostor { margin-left:7%; cursor: default; } .klaus-rok { position:relative; float:left; margin-top:-28px; font-size:26px; width:15%; background-image: url(../images/pozadi.jpg); z-index:10; font-family: 'Font bold'; } .klaus-vypis { float:left; width:85%; margin-top:10px; } .klaus-vypis a { text-decoration: underline; } .klaus-titulek { font-family: 'Font bold'; font-size:19px; line-height:28px; text-transform: uppercase; } .klaus-perex { margin-bottom:10px; } .klaus-prostor hr { position:absolute; width:83%; } .klaus-prostor .mezera { float:left; height:20px; width:100%;} /* publikace */ .publikace-odkaz { position: relative; float:left; width:29.3%; margin-right:4%; margin-bottom:20px; text-decoration: none; outline:none; } .publikace-prostor img { float:left; width:100%; max-width:262px; margin-top:15px; } .publikace-titulek { font-size:15px; margin:15px 0 15px 0; height:60px; } .publikace-detail2 { display:none; position: absolute; bottom:90px; background-color:#1b5faa; width:100%; height:56px; color:white; font-family:'Font light'; font-size:18px; text-transform: uppercase; text-align: center; padding-top:32px; cursor: pointer; } .publikace-odkaz:hover .publikace-detail2 { display: block; } .publikace-detail2:hover { background-color:#e00000; } .kosik-hide { display:none; position:absolute; bottom:-143px; margin-left:176px; border:solid 1px #bcbec0; width:210px; font-family:'Font'; font-size:15px; padding:30px 25px 30px 25px; background-color: white; z-index:1000; } .kosik-hide2 { display:none; position:absolute; margin-left:176px; border:solid 1px #bcbec0; width:210px; font-family:'Font'; font-size:15px; padding:30px 25px 30px 25px; background-color: white; } .kosik-hide a, .kosik-hide2 a { text-decoration: none;} .kosik-hide-button { text-transform: uppercase; background-color:#1b5faa; color:white; cursor: pointer; padding:7px; text-align: center; margin-top:12px; } .kosik-hide-button:hover { background-color:#e00000; } .kosik-hide-zavrit { position:absolute; top:13px; right:11px; width:12px; height:12px; background-image:url(../images/close.svg); cursor: pointer; } .kosik-hide-hned { display:none; position:absolute; margin-top:-90px; border:solid 1px #bcbec0; width:210px; font-family:'Font'; font-size:15px; padding:30px 25px 30px 25px; background-color: white; z-index:1000; } .kosik-hide-hned a { text-decoration: none;} /* publikace detail */ #publikace-detail-foto { float:left; width:33.1%; margin-top:30px; margin-right:4%; } #publikace-detail-foto img { float:left; width:100%; max-width:262px; cursor: pointer; } #publikace-detail-hlavicka { position: relative; float:left; width:100%; } #publikace-detail-hlavicka-obsah { float:left; width:33.1%; margin-top:30px; font-size:19px; font-family: 'Font bold'; } #publikace-detail-titulek { margin-top:20px; line-height:24px; } #publikace-detail-cena { color:#e00000; margin-top:20px; margin-bottom:80px; } .koupit, .koupit2 { height:55px; background-color:#1b5faa; color:white; font-size:18px; font-family: 'Font light'; text-transform: uppercase; width:166px; cursor: pointer; } .koupit-odkaz { padding-top:15px; height:40px; background-color:#1b5faa; color:white; font-size:18px; font-family: 'Font light'; text-transform: uppercase; width:190px; cursor: pointer; text-align: center; } .koupit:hover, .koupit2:hover, .koupit-odkaz:hover { background-color:#e00000; text-decoration: none; } #publikace-detail-koupit { position: absolute; bottom:0; } #publikace-detail-obsah { float:left; width:70%; } #publikace-detail-titulek2 { font-size:30px; line-height:38px; font-family: 'Font bold'; margin-top:50px; } #publikace-detail-perex { font-size:22px; line-height:30px; font-family: 'Font bold'; margin-top:30px; } #publikace-detail-text { font-size:19px; margin-top:30px; margin-bottom:100px; } #publikace-detail-text p { margin-bottom:30px; } /* články */ .clanek-vypis a { float:left; width:100%; margin-bottom:30px; outline:none; } .clanek-vypis-titulek { float:left; font-size:30px; line-height:36px; font-family: 'Font bold'; line-height:36px; letter-spacing:0.5px; } .clanek-vypis-titulek1 { width:36%; margin:10px 7% 0 7%; } .clanek-vypis-titulek0 { width:76%; margin:10px 0 0 7%; } .clanek-vypis a:hover .clanek-vypis-titulek-text { text-decoration: underline; } .clanek-foto { float:left; width:33%; } .clanek-foto img { float:left; width:100%; } .clanek-det { float:left; width:100%; } .clanek-detail { float:left; width:80%; } .clanek-detail img { max-width:100%; height:auto; } @media all and (-ms-high-contrast:none) { .clanek-detail img { width:100%; } } .clanek-detail-titulek { float:left; font-size:30px; line-height:36px; letter-spacing:0.5px; font-family: 'Font bold'; margin-top:20px; } .clanek-detail-perex { float:left; font-size:22px; line-height:30px; font-family: 'Font bold'; margin-top:30px; } .clanek-detail-text { float:left; font-size:19px; margin-top:10px; margin-bottom:50px; } .clanek-detail-text p { margin-bottom:30px; } .clanek-detail-foto { float:left; width:31%; margin-right:2%; margin-top:20px; } .clanek-detail-foto div { float:left; width:100%; cursor: pointer; } .clanek-detail-zdroj { float:left; margin-top:10px; width:32%; margin-right:2%; } #clanek-detail-zdroj-margin { margin-right:0; } .clanek-detail-zdroj2 { color:#86878C; } .clanek-autor a { color:#86878C; text-decoration: none; text-transform: uppercase; } .clanek-autor2, .clanek-autor2 a { color:#86878C; text-decoration: none; margin-top:10px; text-transform: uppercase;} .clanek-autor-foto { width:60px; margin:0 20px 0 0; } .clanek-autor-foto img { width:100%; } .clanek-autor-text { margin-top:10px; line-height:20px; color:#86878C; } .clanek-detail-autor { margin-top:10px; } #sdilejte { position: absolute; right:0; top:0; margin-top:45px; margin-right:40px; } .icony { float:right; width:32px; height:32px; margin-top:10px; clear:both; } #icony-fb { background-image: url(../images/fb_icon_detail_blue.svg); } #icony-fb:hover { background-image: url(../images/fb_icon_detail_red.svg); } #icony-twitter { background-image: url(../images/tw_icon_detail_blue.svg); } #icony-twitter:hover{ background-image: url(../images/tw_icon_detail_red.svg); } #tisk { background-image: url(../images/print_icon_blue.svg); cursor: pointer; } #tisk:hover { background-image: url(../images/print_icon_red.svg); cursor: pointer; } /* Stránkování */ #strankovani { width:80%; margin:auto; margin-top:25px; font-size:18px; font-family: 'Font bold';text-align: center; } .strankovani { float:left; margin-left:3px; height:34px; width:34px; text-align: center; } .strankovani-active { background-image: url(../images/calendar_event.svg); color: white; } .strankovani-center { display: block; margin-top:4px; } .strankovani-center-tecky { cursor: default; } #strankovani-stred { display: inline-block; } #strankovani-sipka-left { float:left; width:32px; height:33px; background-image: url(../images/arrow_left.svg); } #strankovani-sipka-right { float:right; width:32px; height:33px; background-image: url(../images/arrow_right.svg); } /* akce */ .kalendar-vypis2 { font-family: 'Font bold'; font-size:30px; text-align:left; width:76%; line-height:36px; letter-spacing:0.5px; margin-bottom:50px; } .kalendar-vypis2 a { text-decoration: none; } .kalendar-vypis2:hover .kalendar-vypis-titulek { text-decoration: underline; } /* předplatné */ #predplatne { position: relative; width:80%; margin:auto; font-size:19px; text-align: center; } #predplatne-nadpis { font-family: 'Font bold'; font-size:28px; text-align: center; margin-top:50px; } #predplatne-text { margin-top:20px; } #predplatne-podnadpis { text-transform: uppercase; margin-top:60px; } #predplatne-vyhody { width:220px; margin:auto; margin-top:70px; text-align: left;} .predplatne-varianta { float:left; width:33%; text-align: center; } .predplatne-vyhody-text { float:left; text-transform: uppercase; width:100%; margin-top:30px; text-align: center; } #predplatne-newslettery { background: url(../images/newsletter_icon.svg) no-repeat bottom; width:83px; height:94px; margin:auto; } #predplatne-sborniky { background: url(../images/sbornik_icon.svg) no-repeat bottom; width:67px; height:94px; margin:auto; } #predplatne-invitation { background: url(../images/invitation_icon.svg) no-repeat bottom; width:84px; height:94px; margin:auto; } #predplatne form { margin-top:30px; } .predplatne-left { float:left; margin:0 0 50px 4%; width:48%; font-family: 'Font bold'; text-transform: uppercase; margin-top:90px;} #predplatne-left1 { margin-left:0; } .predplatne-left hr { margin-top:10px; margin-bottom:40px } .predplatne-left-text { float:left; } .predplatne-left-cena { float:right;} .predplatne-left-text2 { float:left; font-family: 'Font'; font-size:12px } /* stáže */ #staze { position: relative; width:100%; margin:auto; font-size:19px; text-align: center; } #staze-nadpis { font-family: 'Font bold'; font-size:28px; text-align: center; margin-top:50px; } #staze-text { margin:30px 0 50px; text-align:left; } #staze-text img { max-width:100%; height:auto } /* Kontakt */ .prostor-kontakt img { width:100%; max-width:706px; margin:40px 0 50px 0; } .kontakt-text { float:left; font-size: 19px; margin:18px 0 50px 0; } .kontakt-text h3 { text-transform: uppercase;font-size: 19px; line-height:24px; font-family: 'Font bold'; } .kontakt-text td { padding-right:10px; } #kontakt-icons { margin-top:35px; } #kontakt-icons a { float:left; width:47px; height:47px; margin-right:30px; } #kontakt-fb a { background-image: url(../images/fb_icon_blue.svg); } #kontakt-fb a:hover { background-image: url(../images/fb_icon_red.svg); } #kontakt-tw a { background-image: url(../images/tw_icon_blue.svg); } #kontakt-tw a:hover { background-image: url(../images/tw_icon_red.svg); } #kontakt-yt a { background-image: url(../images/yt_icon_blue.svg); margin-right:0; } #kontakt-yt a:hover { background-image: url(../images/yt_icon_red.svg); } #map_canvas { position:relative; float:left; border:none; width:100%; height:350px; } /* Newslettery */ .newsletter-obsah { width:86%; margin:auto; } .newsletter-mesic { float:left; font-size:30px; line-height:44px; font-family: 'Font bold'; text-transform: uppercase; } .newsletter-plus { color:#1a5faa; } .newsletter-titulek { float:left; font-size:22px; line-height:28px; font-family: 'Font bold'; margin-top:25px; margin-bottom:30px; } .newsletter-pdf { float:right; width:157px; margin-right:12%; font-size:15px; height:25px; font-family: 'Font bold'; text-transform: uppercase; margin-top:16px; } .newsletter-pdf a { color:#1a5faa; text-decoration: none; } .newsletter-pdf-icon { float:right; background-image: url(../images/arrow_download.svg); width:34px; height:18px; margin:3px 0 0 10px; } /* video */ .video-prostor { width:84%; margin:auto; } .video { float:left; width:48%; } .video-margin { margin-right:4%; } .video-titulek { font-size:16px; margin-bottom:15px; min-height:70px; cursor: default; } .video iframe { width:100%; height:200px; margin-top:5px; margin-bottom:10px; } /* Košík */ .kosik-sekce-left1 { float:left; width:25%; margin-right:8%; margin-top:30px; cursor:default; } .kosik-sekce-left2 { float:left; width:37%; margin-top:30px; cursor:default; } .kosik-sekce-right { float:right; width:30%; text-align: right; margin-top:30px; cursor:default; } .kosik-sekce-left-text { float:left; text-transform: uppercase; font-size:15px; margin:3px 0 0 30px; } .kosik-sekce-right-text { float:right; text-transform: uppercase; font-size:15px; margin:3px 0 0 30px; } .kosik-kruh { background-image: url(../images/circle_blue.svg); width:28px; height:27px; color:white; font-size:16px; padding-top:1px; font-family: 'Font bold'; text-align: center; } .kosik-kruh-left { float:left; } .kosik-kruh-right { float:right; } .kosik-kruh-aktivni { background-image: url(../images/circle_red.svg); } .kosik-button-text { margin-top:10px; } .kosik-sipka-right { float:right; background-image: url(../images/arrow_right.svg); width:32px; height:33px; } .kosik-button2, .kosik-button a { float:left; width:220px; text-transform: uppercase; background-color:#1b5faa; color:white; cursor:pointer; padding:7px; text-align: center; margin-top:12px; font-family: 'Font light'; font-size:14px; } .kosik-button a { color:white; text-decoration: none; padding-bottom:10px; } .kosik-button2:hover, .kosik-button a:hover { background-color:#e00000; } #kosik-button-left { float:left; height:40px; margin-bottom: 50px; } #kosik-button-right { float:right; height:40px; margin-bottom: 50px; } .kosik-button-left2 { width:234px; float:left; background-image: url(../images/arrow_left_white.svg); background-repeat:no-repeat; background-position:7px; padding:16px 0 16px 0; margin-bottom: 50px; } .kosik-button-right2 { width:234px; float:right; background-image: url(../images/arrow_right_white.svg); background-repeat:no-repeat; background-position:197px; padding:16px 0 16px 0; margin-bottom: 50px; } .kosik-sipka-button-left { float:left; background-image: url(../images/arrow_left_white.svg); width:32px; height:33px; margin-top:4px; } .kosik-sipka-button-right { float:right; background-image: url(../images/arrow_right_white.svg); width:32px; height:33px; margin-top:4px; } #kosik1-table { width:100%; min-width:250px; border-collapse: collapse; margin-top:30px; font-size:19px; font-family: 'Font bold'; } #kosik1-table tr.mezera { height:30px; } #kosik1-table td { position: relative; } #kosik1-table .table1-foto { width:22%; padding-right:4%; } #kosik1-table .table1-foto img { width:100%; } #kosik1-table .table1-nazev { width:22%; padding-right:4%; border-right:solid 1px #bcbec0; } #kosik1-table .table1-pocet { width:17%; min-width:100px; padding-left:4%; padding-right:4%; border-right:solid 1px #bcbec0; font-family: 'Font light'; font-size:12px; text-transform: uppercase; text-align: center; } #kosik1-table .table1-pocet-text { position: absolute; top:0; left:0; right:0; margin:auto; } #kosik1-table .table1-cena { width:39%; text-align: right; } #kosik1-table .table1-cena-text { font-family: 'Font light'; font-size:12px; text-transform: uppercase; } #kosik1-table .table1-cena-smazat { float:right; margin:10px 0 20px 0; width:12px; height:12px; background-image:url(../images/close.svg); cursor: pointer; } .kosik-inputy { position: relative; float:left; width:100%; border:solid 1px #bcbec0; background-color: white; } .kosik-inputy input { position: absolute; width:85%; left:0; text-align: center; padding:6px 0 6px 0; font-size:19px; font-family: 'Font bold'; } .kosik-plus { position: relative; width:20px; height:20px; background:url(../images/plus.svg); background-repeat: no-repeat; background-size:12px 12px; background-position: center; cursor: pointer; } .kosik-minus { position: relative; width:20px; height:20px; background:url(../images/minus.svg); background-repeat: no-repeat; background-size:12px 8px; background-position: center; cursor: pointer; } #kosik1-celkem { float: right; font-size:19px; font-family: 'Font bold'; text-align: right; margin:10px 0 30px 0; } #kosik1-celkem-nadpis { text-transform: uppercase; } .kosik1-celkem-dph { font-size: 14px; } #kosik2A-table, #kosik2B-table, #kosik-pouze-preplatne { width:84%; margin:20px auto 20px auto; border-collapse:collapse; font-size:19px; font-family: 'Font bold'; } #kosik2C-table { width:84%; margin:0 auto 0 auto; border-collapse:collapse; font-size:19px; font-family: 'Font bold'; } #kosik2A-table tr, #kosik2B-table tr, #kosik-pouze-preplatne tr { height:40px; } #kosik-pouze-preplatne { display: none; } #cp2 { display: none; } #kosik2A-table #kosik-adresa { font-size: 14px; font-family: 'Font'; } #kosik2A-table #kosik-vyzvednout-td { font-size: 14px; font-family: 'Font'; padding-left:36px; } #kosik2A-table #kosik-vyzvednout-tr { height:10px; } #kosik2B-table #kosik-platba-td { font-size: 14px; font-family: 'Font'; padding-left:36px; } #kosik2B-table #kosik-platba-tr { height:10px; } .kosik2-td1 { width:80%; } .kosik2-td2 { width:20%; text-align:right; } #kosik-platba-dodani { margin-top:25px } #kosik-platba-dodani input[type="radio"] { position:absolute; opacity:0; cursor:pointer; border:0; %position:relative; %opacity: 1; %float:left; } #kosik-platba-dodani input[type="radio"] + label { float:left; display:inline-block; width:16px; height:16px; margin:6px 20px 0 0; vertical-align:middle; text-align: center; background:url(../images/radio.png) no-repeat; cursor:pointer; %display: none; } #kosik-platba-dodani input[type="radio"]:checked + label { background:url(../images/radio.png) -16px 0 no-repeat; cursor:pointer; %display: none; } #kosik-platba-dodani input[type="radio"].nedostupne + label { opacity:0.3; } .dodaci-left { clear:both; float:left; width:48%; } .dodaci-right { float:right; width:48%; padding-left:2%; } .dodaci-nadpis { font-size:15px; font-family: 'Font bold'; text-transform: uppercase; margin:18px 0 8px 0; } .dodaci-nadpis-nepovinne { line-height:22px; font-family: 'Font' } #dodaci-formular input, #dodaci-formular select { width:91%; background-color: transparent; border:solid 1px black; padding:5px 4% 5px 4%; height:29px; } #dodaci-formular input:focus, #dodaci-formular select:focus { border:solid 1px #1B5FAA; } #dodaci-formular select { height:41px; width:100%; } #dodaci-formular option { padding:9px 4% 5px 4%; height:25px; cursor: pointer; } #dodaci-povinne { text-transform: uppercase; margin:30px 0 15px 0; font-size:13px; } #dodaci-firemni-udaje { float:left; font-size:19px; font-family: 'Font bold'; } #dodaci-pokud { float:left; font-size:13px; margin:7px 0 0 6px; } #dodaci-hidden { display: none; } #dodaci-formular input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; border:0; width:30px; %position:relative; %opacity: 1; %float:left; } #dodaci-formular input[type="checkbox"] + label { float:left; display:inline-block; width:16px; height:16px; margin:6px 30px 0 0; vertical-align:middle; text-align: center; background:url(../images/radio.png); cursor:pointer; %display: none; } #dodaci-formular input[type="checkbox"]:checked + label { background:url(../images/radio.png) -16px; cursor:pointer; %display: none; } #dodaci-formular input.error { border:solid 1px #e00000; } #souhlas-text { float:left; font-size:16px; margin-top:3px;} #souhlas { margin-top:20px; } #souhlas input[type="checkbox"] { position:absolute; opacity:0; cursor:pointer; border:0; width:30px; %position:relative; %opacity: 1; %float:left; } #souhlas input[type="checkbox"] + label { float:left; display:inline-block; width:16px; height:16px; margin:6px 30px 0 0; vertical-align:middle; text-align: center; background:url(../images/checkbox.png); cursor:pointer; %display: none; } #souhlas input[type="checkbox"]:checked + label { background:url(../images/checkbox.png) -16px; cursor:pointer; %display: none; } #obchodni a { float:left; background-image: url(../images/obchodni.png); width:20px; height:26px; margin-left:33px; } #kosik4-dekujeme { font-size:19px; font-family: 'Font bold'; text-align: center; margin-top:50px; } #kosik4-icon { margin:auto; margin-top:50px; background-image: url(../images/check.svg); width:59px; height:59px; } #kosik4-zpet { width:220px; margin:auto; padding:17px; margin-top:50px; margin-bottom:50px; text-align: center; } #kosik4-zpet a { width:220px; text-transform: uppercase; background-color:#1b5faa; color:white; cursor:pointer; padding:17px; font-family: 'Font light'; font-size:14px; text-decoration: none; } #kosik4-zpet a:hover { background-color:#e00000; } /* Footer */ footer { background-color:#ededed; width:100%; font-size:15px; font-family: 'Font light'; padding:70px 0 70px 0; } #footer1 { float:left; width:31.33%; margin-left:2%; text-transform: uppercase; } #footer1 a { text-decoration: none; } #footer1 a:hover { text-decoration: underline; } #footer1A { float:left; width:44%; } #footer1B { float:left; width:35%; padding-left:10%; border-left:solid 1px black; } #footer2 { float:left; width:31.33%; margin-left:2%; text-align:center;} #footer3 { float:left; width:24.33%; margin-left:9%; text-align:left; } #footer-icons { margin:auto; width:201px; } #footer-icons a { float:left; width:47px; height:47px; margin-right:30px; } #footer-fb a { background-image: url(../images/fb_icon_blue.svg); margin-left:40px; } #footer-fb a:hover { background-image: url(../images/fb_icon_red.svg); } #footer-tw a { background-image: url(../images/tw_icon_blue.svg); } #footer-tw a:hover { background-image: url(../images/tw_icon_red.svg); } #footer-yt a { background-image: url(../images/yt_icon_blue.svg); margin-right:0; } #footer-yt a:hover { background-image: url(../images/yt_icon_red.svg); } #footer-text { margin-top:30px;} .foto { width:100%; background-size:cover; background-position:center; } /* Fotorama */ .fotorama-prostor { display: none; position: fixed; top:0; left:0; width:100%; z-index:1000; background-color: white; }