/* Theme Name: MŮJKOUČ Theme URI: Author: bARTvisions Author URI: http://www.bARTvisions.cz Description: WordPress theme Version: 1.0 License: GNU General Public License License URI: Tags: */ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;} body { line-height: 1;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0;} /******************************************************************************/ * { -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'fontawesome'; src: url('fonts/fontawesome.eot?14629212'); src: url('fonts/fontawesome.eot?14629212#iefix') format('embedded-opentype'), url('fonts/fontawesome.woff2?14629212') format('woff2'), url('fonts/fontawesome.woff?14629212') format('woff'), url('fonts/fontawesome.ttf?14629212') format('truetype'), url('fonts/fontawesome.svg?14629212#fontawesome') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontawesome'; src: url('../font/fontawesome.svg?14629212#fontawesome') format('svg'); } } */ /* =Structure ----------------------------------------------- */ body { line-height: 1.5; color: #707176; font-family: 'PT Sans', sans-serif; font-size: 14px; margin:0; padding: 0; background: #fff; } body { background: url(img/bg-768.jpg) top center no-repeat; background-size: 768px auto; } body.home { background: url(img/hp-bg-768.jpg) top center no-repeat; background-size: 768px auto; } @media (min-width: 768px) { body { font-size: 16px; } body { background-image: url(img/bg-1900.jpg); background-size: 100% auto; } body.home { background-image: url(img/hp-bg-1900.jpg); background-size: 100% auto; } } @media (min-width: 768px) { /*body { font-size: 18px }*/ } p { margin: 0 0 1em; } b, strong { } a { text-decoration: underline; color: #353737; } a:hover { text-decoration: none;} .tlacitko { display: inline-block; padding: 8px 20px; font-size: 15px; border-width: 2px; border-style: solid; border-radius: 8px; text-decoration: none; } .tlacitko { transition: all .25s ease-in-out; } input.tlacitko { background-color: #fff; font-size: 16px } .tlacitko.bila { border-color: #ffffff; color: #ffffff; } .tlacitko.bila:hover { background-color: #ffffff; color: #707176; } .tlacitko.seda { border-color: #707176; color: #707176; } .tlacitko.seda:hover { background-color: #707176; color: #fff; } .tlacitko.fialova { border-color: #865ba5; color: #865ba5; } .tlacitko.fialova:hover { background-color: #865ba5; color: #fff; } .tlacitko.modra { border-color: #07BDEE; color: #07BDEE; } .tlacitko.modra:hover { background-color: #07BDEE; color: #fff; } .tlacitko.zelena { border-color: #B4D111; color: #B4D111; } .tlacitko.zelena:hover { background-color: #B4D111; color: #fff; } .tlacitko.oranzova { border-color: #EA7816; color: #EA7816; } .tlacitko.oranzova:hover { background-color: #EA7816; color: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0 0 25px; color: #353737; line-height: 1.5; font-family: 'PT Serif', serif; font-weight: normal; } h1 { font-size: 26px; } h2 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5, h6 { font-size: 16px; } @media (min-width: 768px) { h1 { font-size: 32px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5, h6 { font-size: 18px; } } .notopm { margin-top: 0 !important; } ul, ol { margin: 0 0 1em; } li { margin-left: 50px } hr { clear: both; border:0; height: 1px; background: silver; width: 100%; margin: 0 0 2em; } blockquote { margin: 0 0 1em; font-size: 135%; } blockquote p { margin: .3em 0; } table { margin: 0 0 1em; } td, th { padding: .5em; border: 1px solid silver; text-align: left; vertical-align: middle; } th { font-weight: normal; color: #7D7D7D; } table.vsenalevo * { text-align: left; } input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel], textarea, select, option { width: 225px; margin: 0; padding: 1em; font-size: inherit; font-family: 'PT Sans', Arial, sans-serif; color: #707176; border: 2px solid #EDEDED; background: #fff; border-radius: 8px; box-shadow: inset 0 0 15px rgba(0,0,0, 0.15); } select { width: auto; } input[type=submit] { cursor: pointer; } input[type=submit]:hover { } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999999; font-size: 14px; font-family: 'PT Sans', Arial, sans-serif; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; opacity: 1; font-size: 14px; font-family: 'PT Sans', Arial, sans-serif; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; opacity: 1; font-size: 14px; font-family: 'PT Sans', Arial, sans-serif; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999999; font-size: 14px; font-family: 'PT Sans', Arial, sans-serif; } :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: #999999; font-size: 14px; font-family: 'PT Sans', Arial, sans-serif; } .clear { clear: both } .clearfix:before, .cf:before, .in:before, .clearfix:after, .cf:after, .in:after { content: " "; display: table; } .clearfix:after, .cf:after, .in:after { clear: both; } .center { text-align: center; } .fluidMedia { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* =WordPress Core -------------------------------------------------------------- */ img { border: 0; max-width: 100%; height: auto; } img.alignnone { margin: 1em auto 1em;} img.aligncenter, div.aligncenter { display: block; margin: 1em auto ;} img.alignright { float:right; margin: 5px 0 20px 30px;} img.alignleft { float: left; margin: 5px 30px 20px 0;} img.aligncenter { margin: 5px auto;} a img.alignright { float: right; margin: 5px 0 5px 20px;} a img.alignnone { margin: 5px 20px 5px 0;} a img.alignleft { float: left; margin: 5px 20px 5px 0;} a img.aligncenter { display: block; margin-left: auto; margin-right: auto} .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;} .wp-caption.alignnone { margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;} img.wp-smiley { vertical-align: middle; border: 0 !important;} .gallery { margin: auto; } .gallery .gallery-item { float: left; margin-top: 10px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 15%; } .gallery .gallery-item img { max-width: 90%; height: auto; box-shadow: 0 0 5px #A7BDAB; } .gallery .gallery-caption { margin-left: 0; } #media-query-breakpoint { font-family: '360'; } @media (min-width: 500px) { #media-query-breakpoint { font-family: '500'; } } @media (min-width: 600px) { #media-query-breakpoint { font-family: '600'; } } @media (min-width: 768px) { #media-query-breakpoint { font-family: '768'; } } @media (min-width: 960px) { #media-query-breakpoint { font-family: '960'; } } @media (min-width: 1200px) { #media-query-breakpoint { font-family: '1200'; } } /* Font awesome subset */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontawesome"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-facebook:before { content: '\f09a'; } /* '' */ .icon-linkedin:before { content: '\f0e1'; } /* '' */ .icon-youtube:before { content: '\f167'; } /* '' */ .icon-doc-text:before { content: '\f0f6'; } /* '' */ .icon-left:before { content: '\f177'; } /* '' */ /* Obecne */ .web { } .in { width: 96%; max-width: 1200px; margin: auto; } .in.p { padding: 20px 0; } .in.indefault { padding: 20px; margin-bottom: 50px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .web { } .in.indefault { padding: 40px; margin-bottom: 80px; min-height: 500px; } } /* 88 88 88 db 8b d8 88 ,ad8888ba, 88 a8P db 88 88 88 d88b `8b d8' 88 d8"' `"8b 88 ,88' d88b 88 88 88 d8'`8b `8b d8' 88 d8' 88 ,88" d8'`8b 88aaaaaaaa88 88 d8' `8b `8b d8' 88 88 88,d88' d8' `8b 88""""""""88 88 d8YaaaaY8b `8b d8' 88 88 8888"88, d8YaaaaY8b 88 88 88 d8""""""""8b `8b d8' 88 Y8, 88P Y8b d8""""""""8b 88 88 88 d8' `8b `888' 88 Y8a. .a8P 88 "88, d8' `8b 88 88 88888888888 d8' `8b `8' 88 `"Y8888Y"' 88 Y8b d8' `8b */ .header { } .header .in { padding: 15px; width: 100%; } .hlavni-logo { float: left; margin: 0; } .hlavni-logo img { max-width: 50px !important; display: block; } .menu-toggle { float: right; display: block; width: 28px; height: 30px; margin-top: 10px } .menu-toggle span:after, .menu-toggle span:before { content: ""; position: absolute; left: 0; top: -9px; background-color: #E8720F; } .menu-toggle span:after{ top: 9px; background-color: #0DBEF3; } .menu-toggle span { position: relative; top: 12px; display: block; background-color: #8457A4; } .menu-toggle span, .menu-toggle span:after, .menu-toggle span:before { width: 100%; height: 5px; transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; } .menu-toggle.on span { background-color: transparent; } /* on activation */ .menu-toggle.on span:before { transform: rotate(45deg) translate(5px, 5px); } .menu-toggle.on span:after { transform: rotate(-45deg) translate(7px, -8px); } @media (min-width: 500px) { } @media (min-width: 768px) { .hlavni-logo { margin-top: 20px; } } @media (min-width: 960px) { .header .in { padding: 25px 15px; } .hlavni-logo { } } @media (min-width: 1100px) { .hlavni-logo { margin-top: 0px; } .hlavni-logo img { max-width: 128px !important; } } .top-kontakty { display: none; } @media (min-width: 768px) { .top-kontakty { display: block; float: right; text-align: right; min-width: 600px } .top-kontakty * { color: #939498; font-size: 13px; } .top-kontakty span { margin-left: 75px; position: relative; } .top-kontakty span.telefon { margin-left: 0; } .top-kontakty span.telefon:before { content: ''; position: absolute; left: -25px; top: 0; width: 17px; height: 20px; background: 0 0 no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAoCAYAAACb3CikAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAghJREFUeNrsmFsoBFEYx2fXLlHYEo9C8SoeJIloeXN/EJukPCuXhPK6biGvHpBCtMnlhVjKEy9KLlGkvIu1Utq0/pMzNU1nds+Yc8al/er3MmfOzH++73/OfDM2r2dJQuSCUeAGKZK5CIJDMAiuWCc5QB44AS6JTySDWlAOSljF2IGXowh1pIJx1pNlIVWSuHAbEaL1hM0k6kggmWES8ivip4Skg9KfFhIHVsEB6IokJGySaDEBKoATzIBFkOiwOBse0K051gYyrCxNAZilHP+Qs2S30JzrIIky1g/8tNLYBJhzB2RRxlbAlFWrZkxnhz0DnVYt32bQSzn+CBrAmxkh8cAHiqOclw/mdMzZAu7NbmjyG7UJHJGlSPNUWgRzDoA9s1t8vWo3dBKjbZIbq825DHIo89fApNl3TTaYp2SgBpyqSjUCqinzz0GH3u5rRIhc22udsUxSqgXQRxl/0prTjJAHUAamdZ5KLlU7JWOKOe94tgEh0AMayRJkiWGwK6of2QCF4DjKeT7ydSC0MYpWqotI5uTdoSmlqtOUKkDM+Wp1q7itKpVszlZwa+QCPBsjpVSVLOYU3TyHviNCLyNhzuJcxDOx75q/KUREzxqOlebfeeRF84+E5z7yzrKHKBnZF/igfiOlGQLPAkQEyOcks5AbUETa/yAHAfI1tqSvP4qXrJM+BRgAbPFwdIx2whYAAAAASUVORK5CYII=); background-size: 17px 20px; } .top-kontakty span.email:before { content: ''; position: absolute; left: -32px; top: 2px; width: 22px; height: 18px; background: 0 0 no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAkCAYAAADy19hsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABU9JREFUeNrMmFtPW0cUhY/NwVAMMdjF2I0bjAmkgZAGtWrSi/rUp0r9DfkZ/WN9zUPVpFIvalrA3EvxBUPBmFuAYOzj7pG+kbaQbXC4daQlzAHPrFl77T17jq/jRek7x3HuC74VPBa0C0qCjGBBMC2YFfwt2BGcgppzC8MVDApSgqQgyvNeQYfAJ/AEbYJOwQab2RYc3Rbhr1A4pZ4boglBiOdfCHKCFcEMMOrv3gbh+6jrF5xA4g2k7wjuEYVJQUHwQDAM6axgC9UNqjdBuELYHcL8D+odCwYEjwQj/P0DQReb/BrCc0p1E4W31014ns8hvGrGv4K/2IghMobS/WAEPCMhzQaGSMw8Hjc4uGrCbe7z72Pys4xn+0guUw3+FPzKhoyKqzw3o0fwHjaKCMwco2zM2CfM5svY60oJ+yhTQyrRHJQyRJchuy4ootymYA8L+aguMbxt8uF95ukjD4JqA9XLEj7Bx3bRMCWtRgLmSMY3JFYO1ReUZwOQdCAXwUIfYZ0E3vewSeUyhE+ZwEWROHW4B+Xz1F9PVZECB8sGNilSLfZRMUjC3sUmds4+lLeWsnO2RNhDpQMmSbJAEMIFLLB/5rsVbLFJss1inxJEQszng2gUyzwkSSPYxKx92AphR4WqHVVsCK3vtqkcZ9XwWKyIz9f4XFL1+S3/F0H1FAkaYVPW611EuanPLWEHz3p8sRdP2qQ5wAJb5whwBEmbsPNE6BAxehEhAOEEij+kxgfhcdzIKpqwVewU0oOEMQyRHAdF+RzSZaxi/L2IXQqov0oE7JEeoTolqe+9wDzvxlIO5Gv1CJ/i1XYmSaGIn+e7LNhKlh/ic9v9ZYmCrShhlfAD+HycjUSJRoX1a+6ZyWuEf4FDI4HfjD2e4q24WrDZqKmoeXy3nSSsotoR6/XwtwHgsO4okR7GYjtug8WMB1+pMA3RK8fpIS5aiizZiopKJ3kRUSdrvRHDFh8ilhEx34jwMf5L036mlL9GbrCb7AaDYNnf5J/9wOf8P4axkddI4SB97wRh89Qhsd2iJarYwdZWWzbD6kRtxGOP9bbOs4Q5PL7Er1Ey9LXgZ7q4nRaTrsrPgErkCUQJNCCch+SU6l323Do26KaQf0Z58XPk/iL4AcInLYbTJlk/G2mjwQoChxOxpLrBZYhOkU9r9cpaNySfooKfBRYpc9PvQDbBrWVCXcfsRSCsavUS5GY4bLJqA3v6xqGH8eun3CRiHCTmy79TBy9yUw6hZhiy45TESQjbJD7gNNwk/POKcLZRQ+Se+TyEuk9IBjPRj4KXfD5vDEDwY9rKJPlg7WDJbkPuD6KWobmyilaa3en0+4lJwteHuisk2kyDHQeUmnEImtB/gqo9qhXdgMwa86YhPcdxf+FLqMvun1EVkvwtR4Kl2X29RBqE2CNuFwmO8SjlyzZDi8xlCRaUmi1dVF1qoTn+PkfhEHXPVIUXlBNPeTwCkpx6T8CwmncXJbd4bbBE6NP8Xn7X08O+SBnDd3d5nqWX+E3deu/xfxOoOYyS/eo+50B0irq9QPiL6mVL5TLHnUtVGEexGl6bxRIBwh1HzceoOab8eUJCFgm17UGmqTBF5wqHixUekOFHKLJO2L9BzVH8aetnpyr2abJ9iu+uXecLQxflkvSjnnolFeOnTSZHlaRVEjFDEtn6uU51udZXVT517nfRSsbYQIhqYEeGbH+NbfLq5UrJuYHhkhhVyHVAVmf7Cs1Ohs/TKLrUyvX8Kgn/RHjv0PTYQp9jM7OQW1LtZem631I2I5wl/KuQ7lTvGeZIKlue9vFo2bml8Z8AAwDdOMOUOtBPcAAAAABJRU5ErkJggg==); background-size: 22px 18px; } .top-kontakty span.schuzka:before { content: ''; position: absolute; left: -34px; top: 2px; width: 24px; height: 16px; background: 0 0 no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABEdJREFUeNrUmPtzTVcUx889DrnRtJXkRpCgHkHNCCk1DC0tQ4c/gRnjXzN+8bvxajvG+1XaTilSIo1HW0FIJRG5yfVdM59jtu2cnBtyRdbMd86cc/Zee62112vv3MHfa4MMmiJ8LiwV2oS1wpfCHKFGmJYwZ0QY5mkUwidMGDso9AkPhOvCJeFX4abwFD6pFAXZ9KnQjALLeS4RZgTjQ9OFWowxgjL9PIdR4p0VMMuvFL4RvkXwmUJ1MP40g7Vms06TcEr4TXj2LgqYa8wTNgo7hDXCVJjdE3qEFylbbBb9wtkls2Inc3wynnnGNgjzcU/bmZLwBHd6ORYFzF9nCV8Jm4QVLGTb+otwUbghdOPDPlms7BZW8W7C78e3fTLXqcfqXwvrhE+EVtYzY/UK94ViuQqYRRbBcDmLmPWuCIeEM06QJZHtzA/O+yPhnHA2YWwOBRZjkADD1bK2ydAlPBael6tAPVY3SzZiiT+En4TjCN8/ivsV2f6YSknWc/6ZggPs5lTkWsPaJkO7cHssCpj7LBMWMuYOAXVM+DPFbXy3iLx1ajLm9ME7nm9x0IIMy1Cmy5+UlJebmGA+WXCC0KzwVxnCvw8Nska7454FZIlrT+IO5Mn1cxm8Du3j/9VkiEYWeVkhBaaxRoOTqiNk+Q45Tbm7BPWLiGAxzbYh+GJyfaPDeA4MBoiD9gopYKl3q/C9Z+3ZfF9BLJzDnR9ERLpZfTsFazqT/idQ7b1O2MD3Xr53j6M7VWH1tdScDdSFIrER4iHNuNJn1Id2U2Az7UGrI7wFSwdFqpmUGlfKbhSwlPjvOClQi/BbWCMW/jZ1YArBPA8ZbSf+sWRjCqznZz1pyjLBeTJPwL/1aB5bqYuClkbPvbRZTEqBnu+vhHcDY6/jKkly1FMf6iIyThNMrGIeFQ4L/zkptZe+KE5rLbhV1ygtSs4rVqO1LXUO7yr4HsmQw7yiKmJynkHdVNuLTo9z1wkit0pvZm6Q0koUnPcC1sunjG+FZ/z/MW2HL8cskkkLWaoQeUwHE3rwIQJmwPlmMbMnpTlzmzk3u1hvtHOU8Qu8VqQnRQ43cVRHCX1JLuWAMuS12avG2CqPZfyQ14q48r3RooQJfUkpJSjvs7WVpieczvpS+qa3gq3kaRimML3A/ybG5DIEKSVYL2v8CMKfZ82k1sflU4rKtMpDKt8VevVchaxfwvKPnOwTvO+ZOO4UO8BHRWEwySn0lMiqmBNNfoUPw4Qgjj5iBaKsIM6qmBNNbfRKrw0eUfHyaGYVcxctbbnpr9JU8ir2fOd7jylwlTYhvsdpmwSxW6Tx7DAFfhT+pjlrmSTJ55ZwMj7QnHCuLDayA5Gj6Q3nvuZDUwPtviuPnUNOczd1L+IA0+mcfmo4NATcEOwTLk+QAquFvZ48B4SfOQ32R86FUj99Tid9d3wleC3lSvBDUD5Bnpt0BCbz8CsBBgDmoBYQCi0p2AAAAABJRU5ErkJggg==); background-size: 24px 16px; } } @media (min-width: 960px) { .top-kontakty { min-width: 800px } .top-kontakty * { font-size: 15px; } } /* 88b d88 88888888888 888b 88 88 88 888b d888 88 8888b 88 88 88 88`8b d8'88 88 88 `8b 88 88 88 88 `8b d8' 88 88aaaaa 88 `8b 88 88 88 88 `8b d8' 88 88""""" 88 `8b 88 88 88 88 `8b d8' 88 88 88 `8b 88 88 88 88 `888' 88 88 88 `8888 Y8a. .a8P 88 `8' 88 88888888888 88 `888 `"Y8888Y"' */ .navigace { } .navigace ul { list-style: none; margin: 0; } .navigace a { text-decoration: none; text-transform: uppercase; font-family: 'PT Serif', serif; color: #353737; } @media (max-width: 767px) { .navigace { display: none; background: #fff; border-radius: 8px; box-shadow: 0 0 30px rgba( 0, 0, 0, 0.1 ); } .navigace { clear: both; } .navigace ul { list-style-type: none; } .navigace li { margin: 0; } .navigace li a { display: block; font-size: 16px; padding: 12px 16px; text-align: right; } .navigace li li a { padding-right: 30px; } } @media (min-width: 768px) { .menu-toggle { display: none; } .navigace { display: block !important; float: right; clear: right; margin-top: 10px; } .navigace .menu > li { float: left; margin: 0; padding: 0; position: relative; } .navigace a { display: block; font-size: 14px; padding: 5px; line-height: 1; } .navigace a:hover, .navigace .current-menu-item > a, .navigace li:hover > a { border-bottom: 2px dotted #969696; } .navigace .sub-menu { display: none; } } @media (min-width: 960px) { .navigace { } .navigace a { font-size: 16px; padding: 5px 10px; } } @media (min-width: 1100px) { .navigace { margin-top: 20px; } .navigace a { } } .footer { } .footer .in { } .footer-columns { background: top center no-repeat url(img/footer-bg-768.jpg); background-size: cover; } .footer-columns .in { padding: 40px 0; } .footer-columns * { color: #fff; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) ; } .footer-column { padding: 20px; text-align: center; } .footer-column h3 { margin-bottom: 10px; } @media (min-width: 768px) { .footer-columns { background-image: url(img/footer-bg-1900.jpg); } } @media (min-width: 960px) { .footer-column { float: left; text-align: left; padding: 40px; } .footer-column.fc1 { width: 33.333%; padding-left: 0; } .footer-column.fc2 { width: 66.666%; padding-right: 0; } } .footer-column.fc1 p { margin: 0; padding: 15px 0; border-top: 1px solid rgba( 255, 255, 255, 0.15); } .footer-column.fc1 p:last-child { border-bottom: 1px solid rgba( 255, 255, 255, 0.15); } .footer-column.fc1 a { text-decoration: none; } .footer-bottom { text-align: center; } .footer-bottom .f1, .footer-bottom .f2 { padding: 10px; color: #707176; } .footer-bottom .f1 a { color: inherit; text-decoration: none; } @media (min-width: 768px) { .footer-bottom .f1 { float: left; width: 50%; text-align: left; padding: 30px 0 } .footer-bottom .f2 { float: right; width: 50%; text-align: right; padding: 30px 0 } } .socialky i { font-size: 20px; color: #353737; } .socialky a.facebook:hover i { color: #3B5998; } .socialky a.youtube:hover i { color: #CC181E; } .socialky a.linkedin:hover i { color: #0177B5; } .strankovani { text-align: right; margin-bottom: 50px; } .strankovani .in { padding: 20px; font-family: 'PT Serif', serif; } .strankovani .page-numbers { font-size: 24px; margin-left: 4px; margin-right: 4px;} .strankovani a.page-numbers { text-decoration: none; color: #707176; } .strankovani .page-numbers.current { color: #ea7816; } /* 88 88 88888888ba 88 88 88 "8b 88 88 88 ,8P 88aaaaaaaa88 88aaaaaa8P' 88""""""""88 88""""""' 88 88 88 88 88 88 88 88 88 */ .hp-motto { margin-top: 40px; margin-bottom: 40px; } .hp-motto h2 { margin: 0; text-align: center; color: #fff; font-size: 20px; text-shadow: 0 0 10px rgba( 0, 0, 0, 0.8 ); } @media (min-width: 500px) { .hp-motto { } .hp-motto h2 { font-size: 40px; } } @media (min-width: 768px) { .hp-motto { } .hp-motto h2 { font-size: 60px; text-shadow: 0 0 10px rgba( 0, 0, 0, 0.5 ); } } @media (min-width: 960px) { .hp-motto { margin-top: 60px; margin-bottom: 60px; } .hp-motto h2 { font-size: 75px;} } @media (min-width: 1250px) { .hp-motto { margin-top: 120px; } } @media (min-width: 1600px) { .hp-motto { margin-top: 150px; margin-bottom: 80px; } } .hp-rozcestnik { text-align: center; margin-bottom: 40px; } .hp-rozcestnik .in { background-color: #fff; border-radius: 8px; box-shadow: 0 0 30px rgba( 0, 0, 0, 0.1 ); } .hp-rozcestnik .box { padding: 20px; border-bottom: 1px solid #F2F2F2; } .hp-rozcestnik .box:before { content:''; display: block; width: 48px; height: 48px; margin: 0 auto 20px; } .hp-rozcestnik .box1:before { background: center center no-repeat url(img/kolecko-fialove.png); } .hp-rozcestnik .box2:before { background: center center no-repeat url(img/kolecko-modre.png); } .hp-rozcestnik .box3:before { background: center center no-repeat url(img/kolecko-zelene.png); } @media (min-width: 960px) { .hp-rozcestnik { margin-bottom: 80px; } .hp-rozcestnik .in { padding: 20px 0; } .hp-rozcestnik .box { width: 33.333%; float: left; border: 0; border-right: 1px solid #F2F2F2; } .hp-rozcestnik .box:before { margin-bottom: 35px; } } @media (min-width: 1100px) { .hp-rozcestnik .box { padding: 20px 40px; } } .hp-rozcestnik .box3 { border: 0 } .hp-tym { margin-bottom: 40px; } @media (min-width: 960px) { .hp-tym { margin-bottom: 80px; } } .kouc.kouc-na-hp .kouc-fotografie { margin-bottom: 30px; } @media (min-width: 768px) { .kouc.kouc-na-hp { width: 50%; float: left; padding: 30px; } .kouc.kouc-na-hp:nth-child(2n+1) { clear: left; } .kouc.kouc-na-hp:hover { cursor:pointer; border-radius: 8px; box-shadow: 0 0 30px rgba( 0, 0, 0, 0.1 ); } } @media (min-width: 1100px) { .kouc.kouc-na-hp { width: 25%; } .kouc.kouc-na-hp:nth-child(2n+1) { clear: none; } .kouc.kouc-na-hp:nth-child(4n+1) { clear: left; } } .kouc.kouc-na-hp { position: relative; } .kouc-na-hp-link { display: none; } .kouc.kouc-na-hp:hover .kouc-na-hp-link { display: block; width: 58px; height: 58px; position: absolute; bottom: -29px; left: 50%; transform: translateX(-50%); border-radius: 29px; border: 8px solid #fff; background-position: center center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWJJREFUeNqUlM1KAzEUhdP6UyoKlT5AqU8h4kJQZlGw9pFaH8ZNqVR3ulS61p0ghdq60ZUVhHGKEk/gBG8vk4le+JrJzblncjuZMdZao2iDR5CCPqiLtTpzKTXHul6b7YDMLsdArJ+rtYw1QcMehWegyetPsZ4y16TGxWmR4R1FCec+TM484fV9yLBBwTuoKAMdhpo55w3vUza/ccLxCmQmHk5zrWqXDNschznFJaJjqA19uzWwINuB/yxvLutqsuUWWAO34C1nJ5bomIMb1rZky37LF+b/ccmx41uWT+uFZ+0BdAta7lLjzugrc86jIs+TjRwT8wddUhbtTsAh2OI4KWgzpO24u87ofqDemv2CHYa0zyX8fMF5hXf7ELtY5+H9BqvMRbWu5Scmd1VbexxnIhfX8mvhYgqOwCbHKfM90VpU60QbYBR4aiOue8Oo1gur3MmYH80x59WcL3qh9keAAQC3uWkz2BAcwQAAAABJRU5ErkJggg==);} .kouc-na-hp-link.fialova { background-color: #865ba5; } .kouc-na-hp-link.modra { background-color: #07BDEE; } .kouc-na-hp-link.zelena { background-color: #B4D111; } .kouc-na-hp-link.oranzova { background-color: #EA7816; } .hp-nazory { background: top center no-repeat url(img/bg-nazory-768.jpg); background-size: cover; } .hp-nazory * { color: #fff; } .hp-nazory .in { padding: 40px 0 80px; } .hp-nazory h2 { margin-bottom: 0; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .hp-nazory h3 { margin-bottom: 40px; color: #b4d111; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } @media (min-width: 768px) { .hp-nazory { background-image: url(img/bg-nazory-1900.jpg); } } @media (min-width: 960px) { .hp-nazory .in { padding-top: 80px; padding-bottom: 140px; } } /* Slideshow */ .hp-nazory-slideshow-wrapper { max-width: 750px; margin: 0 auto 50px; } .hp-nazory-slideshow .slide { display: none; float: left; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .hp-nazory-slideshow .slide:first-child { display: block; } .hp-nazory-slideshow-dots { text-align: center; margin: 20px 0 40px; } .hp-nazory-slideshow-dots a { display: inline-block; width: 26px; height: 26px; margin: 0 4px; background-image: url(img/dot.png); background-repeat: no-repeat; } .hp-nazory-slideshow-dots a span { display: none; } .hp-nazory-slideshow-dots a.selected { background-image: url(img/dot-active.png); } .hp-nazory-odkaz { text-align: center; } .hp-clanky { margin-top: -40px; margin-bottom: 40px; } .hp-clanky .in { padding: 40px 10px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 30px rgba( 0, 0, 0, 0.1 ); } @media (min-width: 960px) { .hp-clanky { margin-top: -80px; margin-bottom: 80px; } .hp-clanky .in { padding: 40px 0; } } /* ,ad8888ba, 88 db 888b 88 88 a8P 8b d8 d8 88888888ba 88 ,ad8888ba, ,ad8888ba, d8"' `"8b 88 d88b 8888b 88 88 ,88' Y8, ,8P ,8P' 88 "8b 88 d8"' `"8b d8"' `"8b d8' 88 d8'`8b 88 `8b 88 88 ,88" Y8, ,8P d8" 88 ,8P 88 d8' `8b d8' 88 88 d8' `8b 88 `8b 88 88,d88' "8aa8" ,8P' 88aaaaaa8P' 88 88 88 88 88 88 d8YaaaaY8b 88 `8b 88 8888"88, `88' d8" 88""""""8b, 88 88 88 88 88888 Y8, 88 d8""""""""8b 88 `8b 88 88P Y8b 88 ,8P' 88 `8b 88 Y8, ,8P Y8, 88 Y8a. .a8P 88 d8' `8b 88 `8888 88 "88, 88 d8" 88 a8P 88 Y8a. .a8P Y8a. .a88 `"Y8888Y"' 88888888888 d8' `8b 88 `888 88 Y8b 88 8P' 88888888P" 88888888888 `"Y8888Y"' `"Y88888P" */ .clanek-nahled { margin-bottom: 80px; } .clanek-nahled-obrazek-a-datum { position: relative; } .clanek-nahled-obrazek-a-datum img { display: block; margin: 0; border-radius: 8px; transition: opacity .25s ease-in-out; } .clanek-nahled-obrazek-a-datum a:hover img { opacity: .7; } .clanek-datum { display: block; width: 64px; height: 64px; padding-top: 14px; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-radius: 32px; font-family: 'PT Serif', serif; } .clanek-datum span { display: block; text-align: center; line-height: 1; font-size: 18px; } /* Uvodni clanky */ .uvodni-clanky { margin-top: 50px; } .uvodni-clanky .clanek-nahled { max-width: 320px; margin: 0 auto 80px; text-align: center; padding-bottom: 30px; border-bottom: 1px solid #F2F2F2; } .uvodni-clanky .clanek-nahled:last-child { border-bottom: 0; margin-bottom: 0; } .uvodni-clanky .clanek-nahled-obrazek-a-datum { margin-bottom: 20px; } .uvodni-clanky .clanek-datum { position: absolute; z-index: 100; top: -32px; left: 50%; transform: translateX(-50%); } .uvodni-clanky .nadpis a { color: inherit; text-decoration: none; } .uvodni-clanky .perex { margin-bottom: 30px; } @media (min-width: 960px) { .uvodni-clanky { margin-top: 70px; } .uvodni-clanky .clanek-nahled { width: 33.333%; float: left; max-width: none; margin: 0; padding: 0 40px; border-bottom: 0; border-right: 1px solid #F2F2F2; } .uvodni-clanky .clanek-nahled:last-child { border-right: 0; } } /* Blog */ .prehled-clanku { margin-top: 50px; } .prehled-clanku .clanek-nahled { max-width: 320px; margin: 0 auto 80px; text-align: center; padding-bottom: 30px; border-bottom: 1px solid #F2F2F2; } .prehled-clanku .clanek-nahled-obrazek-a-datum { margin-bottom: 20px; } .prehled-clanku .clanek-datum { position: absolute; z-index: 100; top: -32px; left: 50%; transform: translateX(-50%); } .prehled-clanku .nadpis { margin-bottom: 5px; } .prehled-clanku .nadpis a { color: inherit; text-decoration: none; } @media (min-width: 768px) { .prehled-clanku .clanek-nahled { max-width: none; position: relative; padding-bottom: 15px; margin-bottom: 70px; } .prehled-clanku .clanek-nahled-obrazek-a-datum { width: 320px; position: absolute; left: 0; top: 0; } .prehled-clanku .clanek-nahled-text { margin-left: 385px; text-align: left; min-height: 180px } .prehled-clanku .clanek-datum { left: auto; right: -32px; transform: translateX(0); } } @media (min-width: 960px) { } /* 88888888ba, 88888888888 888888888888 db 88 88 88 `"8b 88 88 d88b 88 88 88 `8b 88 88 d8'`8b 88 88 88 88 88aaaaa 88 d8' `8b 88 88 88 88 88""""" 88 d8YaaaaY8b 88 88 88 8P 88 88 d8""""""""8b 88 88 88 .a8P 88 88 d8' `8b 88 88 88888888Y"' 88888888888 88 d8' `8b 88 88888888888 */ .clanek-detail.indefault { padding-top: 40px; } .clanek-obsah { max-width: 720px; margin: auto; text-align: justify; } .clanek-obsah h1 { } .clanek-detail .clanek-datum { margin: 0 auto 20px; } @media (min-width: 768px) { .clanek-detail.indefault { padding-top: 60px; } .clanek-obsah { position: relative; } .clanek-detail .clanek-datum { margin: 0; position: absolute; left: 0; } .clanek-detail h1 { margin: 8px 80px 45px; } } .clanek-obsah img.alignleft, .clanek-obsah img.alignright, .clanek-obsah img.aligncenter, .clanek-obsah img.alignnone { border-radius: 8px; } @media (min-width: 960px) { .clanek-obsah img.alignleft { margin-left: -80px; margin-right: 30px; } .clanek-obsah img.alignright { margin-right: -80px; margin-left: 30px; } .clanek-obsah a img { transition: opacity .25s ease-in-out; } .clanek-obsah a:hover img { opacity: .7; } } @media (min-width: 1100px) { .clanek-obsah img.alignleft { margin-left: -120px; } .clanek-obsah img.alignright { margin-right: -120px; } } @media (min-width: 1300px) { .clanek-obsah img.alignleft { margin-left: -180px; } .clanek-obsah img.alignright { margin-right: -180px; } } .clanek-paticka { margin-top: 40px; padding-top: 40px; border-top: 1px solid #F2F2F2; } .clanek-paticka .clanek-paticka-autor { max-width: 720px; margin: 0 auto 20px; text-align: center; } @media (min-width: 960px) { .clanek-paticka .clanek-paticka-autor { text-align: left; } } .clanek-paticka .kouc { width: auto; max-width: 720px; float: none; margin: 0 auto 50px; } .clanek-paticka .kouc .lokace { display: none; } .clanek-paticka .kouc .konzultacni-cena { display: none; } /* 88888888ba 88888888888 88888888888 88888888888 88888888ba 88888888888 888b 88 ,ad8888ba, 88888888888 88 "8b 88 88 88 88 "8b 88 8888b 88 d8"' `"8b 88 88 ,8P 88 88 88 88 ,8P 88 88 `8b 88 d8' 88 88aaaaaa8P' 88aaaaa 88aaaaa 88aaaaa 88aaaaaa8P' 88aaaaa 88 `8b 88 88 88aaaaa 88""""88' 88""""" 88""""" 88""""" 88""""88' 88""""" 88 `8b 88 88 88""""" 88 `8b 88 88 88 88 `8b 88 88 `8b 88 Y8, 88 88 `8b 88 88 88 88 `8b 88 88 `8888 Y8a. .a8P 88 88 `8b 88888888888 88 88888888888 88 `8b 88888888888 88 `888 `"Y8888Y"' 88888888888 */ .reference-item { max-width: 768px; padding: 10px; background-color: #F2F2F2; border-radius: 8px; margin: 0 auto 20px; } .reference-item .text p:last-child { margin-bottom: 2px; } .reference-item .jmeno { text-align: right; font-weight: bold; color: #865ba5; } .reference-fialova .reference-item .jmeno { color: #865ba5; } .reference-modra .reference-item .jmeno { color: #07BDEE; } .reference-zelena .reference-item .jmeno { color: #B4D111; } .reference-oranzova .reference-item .jmeno { color: #EA7816; } @media (min-width: 768px) { .reference-item { padding: 25px; } } /* 888888888888 8b d8 88b d88 88 a8P ,ad8888ba, 88 88 ,ad8888ba, 88 88 88 Y8, ,8P 888b d888 88 ,88' d8"' `"8b 88 88 d8"' `"8b 88 88 88 Y8, ,8P 88`8b d8'88 88 ,88" d8' `8b 88 88 d8' 88 88 88 "8aa8" 88 `8b d8' 88 88,d88' 88 88 88 88 88 88 88 88 `88' 88 `8b d8' 88 8888"88, 88 88 88 88 88 88 88 88 88 88 `8b d8' 88 88P Y8b Y8, ,8P 88 88 Y8, 88 88 88 88 88 `888' 88 88 "88, Y8a. .a8P Y8a. .a8P Y8a. .a8P Y8a. .a8P 88 88 88 `8' 88 88 Y8b `"Y8888Y"' `"Y8888Y"' `"Y8888Y"' `"Y8888Y"' */ .tym-koucu-text-pod-nadpisem { margin-bottom: 30px; } .filtr-mest { margin-bottom: 50px; text-align: center; } .filtr-mest a { display: inline-block; padding: 5px 10px; font-weight: bold; background-color: #F0F2C6; border-radius: 4px; text-decoration: none; } .filtr-mest a:hover { color: #fff; background-color: #B4D111; } .filtr-mest a.selected { color: #fff; background-color: #84B143; position: relative; } .filtr-mest a.selected:after { content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #84B143; } @media (min-width: 768px) { .filtr-mest { margin-bottom: 80px; } } .sekce-koucu { margin-bottom: 50px; } .sekce-koucu-nadpis { font-size: 24px; padding: 10px; text-align: center; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; font-weight: bold; } @media (min-width: 768px) { .sekce-koucu-nadpis span { display: inline-block; margin: 0 30px; position: relative; } .sekce-koucu-nadpis span:before, .sekce-koucu-nadpis span:after { content: ''; position: absolute; top: 15px; display: block; width: 9px; height: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFFJREFUeNpifPny5SQGBoZcBtxgChOQyAfipTgUgMTzQIr+A3ESEO9DU7APKv6fCSrwC4iDgPgylH8ZygeJMzAh6fwIxM5AvAOIXaB8MAAIMACw8xIc9n6n0gAAAABJRU5ErkJggg==); } .sekce-koucu-nadpis span:before { left: -40px; } .sekce-koucu-nadpis span:after { right: -40px; } } .kouc .fialova {color: #865ba5; } .kouc .modra { color: #07BDEE; } .kouc .zelena { color: #B4D111; } .kouc .oranzova { color: #EA7816; } /* Kouc se zobrazuje id pod clanekm v blogu! A na HP! */ .kouc { margin-bottom: 50px; text-align: center; } .kouc h3 { margin-bottom: 0; } .kouc h3 a { text-decoration: none; } .kouc .predstaveni { margin-bottom: 15px; } .kouc .predstaveni p:last-child { margin-bottom: 0; } .kouc .lokace { margin-bottom: 0; } /* i v detailu */ .kouc-fotografie { margin-bottom: 10px; } .kouc-fotografie .ramecek { display: block; margin: auto; width: 174px; height: 174px; padding: 10px; border-radius: 87px; } .kouc-fotografie.fialova .ramecek { border: 2px solid #865ba5; } .kouc-fotografie.modra .ramecek { border: 2px solid #07BDEE; } .kouc-fotografie.zelena .ramecek { border: 2px solid #B4D111; } .kouc-fotografie.oranzova .ramecek { border: 2px solid #EA7816; } .kouc-fotografie img { display: block; margin: 0; border-radius: 75px; } @media (min-width: 768px) { .kouc.prehled-koucu { width: 50%; float: left; padding: 30px; } .kouc.prehled-koucu.lichy { clear: left; } } @media (min-width: 1100px) { .kouc.prehled-koucu { text-align: left; padding: 0; position: relative; } .kouc.prehled-koucu .kouc-fotografie { position: absolute; left: 0; top: 0; } .kouc.prehled-koucu .kouc-informace { margin-left: 200px; } .kouc.prehled-koucu.lichy .kouc-informace { padding-right: 20px; } .kouc.prehled-koucu.sudy .kouc-informace { padding-left: 20px; } } .prehled-koucu-kontakt { text-align: center; margin-top: 40px; } @media (min-width: 768px) { .prehled-koucu-kontakt .tlacitko { font-size: 24px; padding: 15px 40px; } .prehled-koucu-kontakt .tlacitko span { position: relative; margin-left: 35px; } .prehled-koucu-kontakt .tlacitko span:before { content: ''; position: absolute; left: -35px; top: 7px; display: block; width: 22px; height: 18px; transition: background 0.25s; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcVJREFUeNqk1DtIW1Ecx/EbvWop6iQqCB2KDoIEunRyEK0PDILQumTxsVXBB6hk0WKndlFLFUUUREGHBgqtL2gxDgVBQShF224lBtwcFCKoNH4P/ALHV9TkDx9yuJf8zzn/8z/X093T/8JxnEVk4htmsYL/TgqRhnfIQy5e4iv+okvPkk58rPEEOrGHYoxiHx9QkkziIcTQiiWUoQaryNFkf/AFVQ9JvKEaP9LqYqp1PUoxiRM04Dt+og1ZdyU20Ysj/dlnvTe1fo0nCCACL2YQ1m4LEyU+wBuNR7R6Ow7xHk/hxzbyMYh/6qRnNyU2MYZfOqi+W3Z4prI9RzmCcNGMHYTQaPLaic/RoRq/1W8iP/AK6VaOCnzGetqVFZnZPU7qcWonzsC4xgFNkEg1lq0banaxhjrUulbiHrWX6dnhW1aSpcPrVneYiGJerfrb3rqJIgxo3K5DsiNfbWcU6FlEO5xS11yrabzFsnXiIeu9V6vzWxdiS9c9eMMCLiU2tWrSBelTC/qUsNLqmE9awOZ9Ts9Vkzuqk7mqLboI8YsxrS2HH9IWrr7Djno4Hrv4qMmiyfSbq+0v4LHaZ04fm1gqjXwhwABZL2lbvnYkegAAAABJRU5ErkJggg==); } .prehled-koucu-kontakt .tlacitko:hover span:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXVJREFUeNqs1E8oRFEUx/H3ppnIwsJCNKUsJBtlKRExWaBsLdlYiZWxkSwtlbCSEgusJrGSJquRDflTZMWCRAmRf8/36Exuz3u8mefUZxavM787985513Icpw3XuMMqOhGBFYZ87Do/6xSDKA4TvKVh0xjAobGA7GISVfkEN+MDT6iEjQTW9bnUO1JozSVYLGpAytVQjRk8GLvYQx8KggSX67alOjwaS5DEubHAFcZR9luwGNIvnKDQ55fE0IMdY4FnzKPOLziKfW0eDXCODVjBm7GIDEK3jKv9lf5djUjDtsJVOuJ6EP2HUKkX9/kd6ZaSAY5C3tg1HUVHR3MD7TKyZuOwNhzrIl5hMmK9OnLZesQsarz+vDjutbHFI7AUY7g0AmX0RnQUfcdtWZuXXA21mNORylZGRy721wuSMO6FuN5sXdg0wl518fpcXult/fKUzu+ZEXiDCVTkcwllPK7NA/SjKMy12YQL3GJBj8YOe9F/CjAAK3uLACzJLfsAAAAASUVORK5CYII=); } } /* 88 a8P ,ad8888ba, 88 88 ,ad8888ba, 88 ,88' d8"' `"8b 88 88 d8"' `"8b 88 ,88" d8' `8b 88 88 d8' 88,d88' 88 88 88 88 88 8888"88, 88 88 88 88 88 88P Y8b Y8, ,8P 88 88 Y8, 88 "88, Y8a. .a8P Y8a. .a8P Y8a. .a8P 88 Y8b `"Y8888Y"' `"Y8888Y"' `"Y8888Y"' */ .kouc-detail.indefault { position: relative; padding-top: 40px; } .kouc-detail .zpet-na-seznam { position: absolute; left: 5px; top: 5px; font-size: 14px; } .kouc-detail .zpet-na-seznam, .kouc-detail .zpet-na-seznam a { color: #b8b9bb; } @media (min-width: 960px) { .kouc-detail .zpet-na-seznam { left: 20px; top: 20px; } } .kouc-detail .fialova {color: #865ba5; } .kouc-detail .modra { color: #07BDEE; } .kouc-detail .zelena { color: #B4D111; } .kouc-detail .oranzova { color: #EA7816; } .kouc-detail .fialova-ramecek { border-color: #865ba5; } .kouc-detail .modra-ramecek { border-color: #07BDEE; } .kouc-detail .zelena-ramecek { border-color: #B4D111; } .kouc-detail .oranzova-ramecek { border-color: #EA7816; } .kouc-detail h1 { margin-bottom: 0; } .kouc-detail .pozice { margin-bottom: 40px; } .kouc-detail h2 { text-align: center; } @media (min-width: 768px) { .kouc-detail h1 { font-size: 38px; } .kouc-detail .pozice { font-size: 24px; margin-bottom: 60px; } .kouc-detail h2 { font-size: 24px; } } @media (max-width: 959px) { .kouc-detail .nalevo, .kouc-detail .napravo { margin-bottom: 50px; } } @media (min-width: 960px) { .kouc-detail .nalevo { float: left; width: 50%; margin-bottom: 0;} .kouc-detail .napravo { float: right; width: 44%; margin-bottom: 0; } .kouc-detail .clear { margin-bottom: 80px; } .kouc-detail h2 { text-align: left; } .kouc-detail h2.center { text-align: center; } } .kouc-detail-fotografie-a-info { position: relative; min-height: 200px; } .kouc-detail-informace { text-align: center; } @media (min-width: 1100px) { .kouc-detail .kouc-fotografie { position: absolute; left: 0; top: 0; } .kouc-detail-informace { margin-left: 210px; text-align: left; } } .kouc-praxe-a-vzdelani { } .kouc-praxe-a-vzdelani p { padding-bottom: 1em; border-bottom: 1px solid #F2F2F2; } .kouc-pripady-pomoci { } .kouc-pripady-pomoci .pripad { margin-bottom: 30px; text-align: center; } .kouc-pripady-pomoci .pripad-cislo { display: block; width: 64px; height: 64px; margin: 0 auto 20px; padding-top: 9px; } .kouc-pripady-pomoci .pripad-cislo { background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 32px; text-align: center; } .kouc-pripady-pomoci .pripad-cislo span { display: block; width: 46px; height: 46px; margin: 0 auto; padding-top: 5px; border-style: solid; border-width: 2px } .kouc-pripady-pomoci .pripad-cislo span { border-radius: 23px; font-family: 'PT Serif', serif; font-size: 20px; font-weight: bold;} @media (min-width: 500px) { .kouc-pripady-pomoci .pripad { min-height: 64px; position: relative;} .kouc-pripady-pomoci .pripad-cislo { position: absolute; top: 0; left: 0; } .kouc-pripady-pomoci .pripad-text { margin-left: 90px; text-align: left; padding-top: 10px; } } .kouc-vybrane-clanky .vybrane-clanky { margin-bottom: 50px; } .kouc-vybrane-clanky .vybrany-clanek { } .vybrany-clanek a { display: block; padding: 10px 20px; margin-bottom: 10px; border-radius: 8px; background-color: #F2F2F2; text-decoration: none; font-weight: bold; } .vybrany-clanek a i { margin-right: 5px; } .vybrany-clanek.fialova a { color: #865ba5; } .vybrany-clanek.modra a { color: #07BDEE; } .vybrany-clanek.zelena a { color: #B4D111; } .vybrany-clanek.oranzova a { color: #EA7816; } .vybrany-clanek.fialova a:hover { background-color: #865ba5; color: #fff; } .vybrany-clanek.modra a:hover { background-color: #07BDEE; color: #fff; } .vybrany-clanek.zelena a:hover { background-color: #B4D111; color: #fff; } .vybrany-clanek.oranzova a:hover { background-color: #EA7816; color: #fff; } .kouc-objednavka .informace-nad-formularem { margin-bottom: 40px; } .objednavkovy-formular {} .objednavkovy-formular .alert { display: none; font-weight: bold; color: red; text-align: center; } .objednavkovy-formular .alert .success { color: green; } .objednavkovy-formular label { font-weight: bold; } .objednavkovy-formular .form-item { width: 100%; margin-top: 8px; } .objednavkovy-formular .focus-fialova:focus { border-color: #865ba5; } .objednavkovy-formular .focus-modra:focus { border-color: #07BDEE; } .objednavkovy-formular .focus-zelena:focus { border-color: #B4D111; } .objednavkovy-formular .focus-oranzova:focus { border-color: #EA7816; } .objednavkovy-formular .of-item-submit { text-align: right; } .kouc-reference { margin-top: 100px; }