/** * Reset + nastaveni zakladnich pravidel * V tomto souboru jako jedinem je mozne nastavovat pravidla elementum. */ *, *:after, *:before { box-sizing: border-box; } * { margin: 0; padding: 0; border: 0; font: inherit; outline: none; } html { } body { color: #000; font-size: 1em; font-family: "Arial CE",Arial,"Helvetica CE",Helvetica,helvetica,sans-serif; } a { color: #c00; text-decoration: none; } a:hover { text-decoration: underline; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { position: relative; line-height: 0; font-size: 68%; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { margin: 0; /* 3 */ color: inherit; /* 1 */ font: inherit; /* 2 */ } /* * Clear: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clear:before, .clear:after { content: " "; /* 1 */ display: table; /* 2 */ } .clear:after { clear: both; } .blind { position:absolute !important; left:-1000px; top:-1000px; width:1px; height:1px; line-height: 0; overflow:hidden; color: #fff; } /* ========================================================================= */ /* ========================================================================= */ /* ========================================================================= */ /* ========================================================================= */ /* ========================================================================= */ /* ========================================================================= */ /* ========================================================================= */ /* ========================================================================= */ body { position: relative; } .bodyWrap { max-width: 1024px; margin: 0 auto; } .noDisplay { display: none !important; } .bodyFixed { position: fixed; width: 100%; } .bodyStatic { position: static; } .link { color: #c00; cursor: pointer; } .link:hover { text-decoration: underline; } /* FOTKA PROVOZOVNY A LOGO */ .mainPhotoLogo { } .mainPhotoLogo .premisePhotoWrap { position: relative; width: 100%; height: 400px; padding-bottom: 39.063%; overflow: hidden; background: #e9e9e9 url('../img/premisePhoto_placeholder.png') no-repeat; background-position: 50% 50%; background-size: 100% auto; } .mainPhotoLogo .premisePhotoWrap img { position: relative; display: block; width: 100%; } .mainPhotoLogo .logo { display: block; width: 84px; height: 84px; } /* NADPIS, POPIS, DALŠÍ SLUŽBY */ .description { line-height: 1.5em; } .description ol, .description li { text-align: left; } .description ol { padding-left: 25px; } .description ol li { list-style-type: decimal; } .description ul { padding-left: 20px; } .description ul li { list-style-type: disc; } .description b, .description strong { font-weight: bold; font-style: inherit; } .description i, .description em { font-style: italic; } .anotherServices { margin: 24px auto 30px; text-align: left; } .anotherServices li { display: inline-block; margin: 10px 30px 10px 0; color: #5a5a5a; text-align: center; text-transform: lowercase; font-size: 14px; } .anotherServices li span { font-size: 39px; } /* OTEVIRACI DOBA */ .openingTime { } .openingTime .openToday { display: block; font-weight: bold; } .openingTime .btnOpenOT, .openingTime .btnCloseOT { } .openingTime .btnOpenOT:hover, .openingTime .btnCloseOT:hover { } .openingTime .otWeekWrap { overflow: hidden; } .openingTime .otWeek { font-size: 90%; } .openingTime .otWeek tr { } .openingTime .otWeek td { padding: 1px 15px; text-align: left; } .openingTime .otWeek .day { padding-left: 0; } .openingTime .otWeek .today { font-weight: bold; } .openingTime .additionalInfo { font-weight: normal; color: #666; } .openingTime .fullWeekInfo { font-size: 95%; } .openingTime .justInfo { } /* RECENZE, HODNOCENI */ .reviews {} .reviews .itemRating {} .reviews .itemRating .star { display: inline-block; width: 13px; font-size: 20px; color: #f5a623; } .reviews .itemRating .icon-hvezda-prazdna { color: #d8d8d8; } .reviews .list .item p { display: inline; } .rating {} .rating .star { display: inline-block; margin: 0 -3px; font-size: 27px; color: #f5a623; } .rating .icon-hvezda-prazdna { color: #d8d8d8; } /* KONTAKTY */ .contact { text-align: center; } .contact .headline {} .contact .tel, .contact .mail { display: block; line-height: 1.5em; } .contact .address { line-height: 1.5em; } .contact .mapLinks {} .contact .mapLinks a {} /* MAPA */ .map { cursor: pointer; } /* VYVESKA */ .board { position: relative; max-width: 600px; margin: 50px auto; border: 1px solid #eaeaea; } .board .ribonWrapper { position: absolute; top: -1px; left: -1px; width: 93px; height: 93px; z-index: 8; background-image: url("../img/corner-action.png"); background-repeat: no-repeat; overflow: hidden; } .board .boardImage { width: 100%; } .board .boardDescription { margin: 10px; } .board .boardInfo { margin: 10px; } .board .boardUrl { float: left; font-size: 80%; } .board .boardValidUntil { float: right; color: #666; font-size: 80%; text-align: right; } @media screen and (max-width: 344px) { .board .boardUrl { float: none; } .board .boardValidUntil { float: none; margin-top: 5px; text-align: left; } } /* POVINNE INFO */ .businessInfo { clear: both; max-width: 1024px; margin: 46px auto; padding: 22px 10px 0; border-top: 1px solid #e3e3e3; font-size: 75%; color: #888; text-align: center; } .businessInfo:before { clear: both; content: " "; } /* FOTOGALERIE - POP UP */ .galleryWrap { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; } .galleryWrap .galleryBackground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.9; z-index: 0; } .galleryWrap .galleryList, .galleryWrap .galleryDetail, .galleryWrap .galleryButtons { position: relative; z-index: 1; } .galleryWrap .galleryList { height: 100%; max-width: 940px; margin: 0 auto; overflow-y: auto; } .galleryWrap .galleryList .galleryListOuter { display: table; height: 100%; vertical-align: middle; } .galleryWrap .galleryList .galleryListInner { display: table-cell; vertical-align: middle; } .galleryWrap .galleryList .photoWrap { position: relative; float: left; width: 221px; height: 148px; margin: 5px; overflow: hidden; border: 2px solid transparent; } .galleryWrap .galleryList .photoWrap img { position: absolute; cursor: pointer; } .galleryWrap .galleryList .highLight { border-color: #c10000; } @media screen and (max-width: 970px) { .galleryWrap .galleryList { max-width: 709px; } } @media screen and (max-width: 739px) { .galleryWrap .galleryList { max-width: 478px; } } @media screen and (max-width: 508px) { .galleryWrap .galleryList { max-width: 247px; } } .galleryWrap .galleryDetail { height: 100%; width: 100%; text-align: center; padding: 10px; } .galleryWrap .galleryDetail:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .galleryWrap .galleryDetail img { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; } .galleryWrap .galleryDetail .loader { position: absolute; top: 50%; left: 50%; height: 50px; width: 50px; margin: -25px 0 0 -25px; background: url('../img/loader.png'); -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; -o-animation:spin 4s linear infinite; animation:spin 4s linear infinite; } @media screen and (max-width: 670px) { .galleryWrap .galleryDetail { padding: 0; } } .galleryWrap .galleryButtons { position: absolute; width: 100%; bottom: 45px; text-align: center; font-size: 20px; color: #fff; } .galleryWrap .galleryButtons span { display: inline-block; line-height: 38px; font-size: 22px; } .galleryWrap .galleryButtons .btn { height: 40px; width: 40px; border: 2px solid #fff; border-radius: 20px; background: rgba(0,0,0, 0.4); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); cursor: pointer; overflow: hidden; } .galleryWrap .galleryButtons .btn:before { position: relative; } .galleryWrap .galleryButtons .listBtn { margin-right: 50px; } .galleryWrap .galleryButtons .closeBtn { margin-left: 50px; } .galleryWrap .galleryButtons .listBtn:before { top: -2px; font-size: 18px; } .galleryWrap .galleryButtons .prevBtn:before { top: -1px; left: -2px; } .galleryWrap .galleryButtons .nextBtn:before { top: -1px; left: 2px; } .galleryWrap .galleryButtons .closeBtn:before { top: 0px; font-size: 25px } .galleryWrap .galleryButtons .photoNumber { width: auto; margin: 0 15px; border: 0; border-radius: 0; overflow: hidden; line-height: 40px; background: none; text-shadow: 0 0 4px rgba(0, 0, 0, 0.9); } .galleryVariantList .galleryButtons { width: 40px; left: 50%; margin-left: -78px; } @media screen and (max-width: 350px) { .galleryWrap.galleryVariantDetail .galleryButtons .listBtn { margin-right: 25px; } .galleryWrap.galleryVariantDetail .galleryButtons .closeBtn { margin-left: 25px; } } /* ------------------------------------------------------------------------- */ /* GALERIE - OBECNE */ .gallery { clear: both; } .gallery .photoList { } .gallery .photoWrap { } .gallery .photoWrap .photoHoverWrap { } .gallery .photoWrap .photoHoverWrap img { } .gallery .photoWrap .photoHoverWrap .photoHover { } .gallery .photoWrap .photoHoverWrap .photoLoop { } .gallery .photoWrap .photoHoverWrap { position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .gallery .photoWrap .photoHoverWrap .photoLoop { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: none; margin-top: -103px; color: #fff; text-align: center; cursor: pointer; } .gallery .photoWrap.noTouch .photoHoverWrap:hover .photoHover { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: 0.5; cursor: pointer; } .gallery .photoWrap.noTouch .photoHoverWrap:hover .photoLoop { display: block; } .gallery .photoWrap.noTouch .photoHoverWrap:hover .photoLoop:before { position: absolute; top: 50%; left: 50%; margin-left: -42px; font-size: 100px; /**/ } .gallery .otherPhotos { display: none; width: 308px; margin: 5px 0 0 5px; padding: 11px 0; border: 1px solid #dcdcdc; color: #c00; text-align: center; } .gallery .otherPhotos:hover { background: #f8f8f8; text-decoration: none; cursor: pointer; } /* pouze jedna fotka */ .gallery.photos1 { } .gallery.photos1 .photoWrap { float: none; width: 100%; height: auto; padding-bottom: 0; border: 0; } .gallery.photos1 .photoWrap .photoHoverWrap { position: static; width: 100%; padding-bottom: 0; } .gallery.photos1 .photoWrap .photoHoverWrap img { position: static; display: block; width: 100%; height: auto; max-width: 100%; cursor: default; } .gallery.photos1 .photoWrap .photoHoverWrap .photoHover, .gallery.photos1 .photoWrap .photoHoverWrap:hover .photoHover { display: none; } .gallery.photos1 .photoWrap .photoHoverWrap .photoLoop, .gallery.photos1 .photoWrap .photoHoverWrap:hover .photoLoop { display: none; } /* GALERIE - DLAZDICOVA */ .galleryGrid { max-width: 954px; margin-left: auto; margin-right: auto; } .galleryGrid .photoList { max-width: 954px; } .galleryGrid .photoWrap { position: relative; float: left; width: 318px; height: 216px; border: 5px solid #fff; overflow: hidden; } .galleryGrid .photoWrap .photoHoverWrap { } .galleryGrid .photoWrap .photoHoverWrap img { position: absolute; max-width: none; max-height: none; border: 0; cursor: pointer; } .galleryGrid .photoWrap .photoHoverWrap .photoHover { } .galleryGrid .photoWrap .photoHoverWrap .photoLoop { } /* dve a ctyri fotky*/ .galleryGrid.photos2 .photoWrap, .galleryGrid.photos4 .photoWrap { width: 477px; height: 318px; } /* pet fotek - vetsi fotky dole */ .galleryGrid.photos5 .photo3, .galleryGrid.photos5 .photo4 { width: 477px; height: 318px; } /* 2 sloupce */ @media screen and (max-width: 969px) { .galleryGrid, .galleryGrid .photoList { max-width: 636px; } .galleryGrid.photos2 .photoWrap, .galleryGrid.photos4 .photoWrap { width: 318px; height: 216px; } .galleryGrid.photos5 .photo2 { width: 636px; height: 432px; } .galleryGrid.photos5 .photo3, .galleryGrid.photos5 .photo4 { width: 318px; height: 216px; } .galleryGrid.photos1, .galleryGrid.photos1 .photoList { max-width: none; } } /* jeden sloupec */ @media screen and (max-width: 680px) { .galleryGrid .photoWrap { display: none; } .galleryGrid .photo0, .galleryGrid .photo1, .galleryGrid .photo2 { display: block; } .galleryGrid .otherPhotos { display: inline-block; } .galleryGrid.photos5 .photo2 { width: 318px; height: 216px; } } /* jeden sloupec - fotky na celou sirku */ @media screen and (max-width: 550px) { .galleryGrid { width: auto !important; max-width: none !important; } .galleryGrid .photoList { width: 100%; } .galleryGrid .photoWrap, .galleryGrid.photos5 .photo2, .galleryGrid.photos2 .photoWrap, .galleryGrid.photos4 .photoWrap { width: 100%; height: auto; padding-bottom: 66.667%; } .galleryGrid .otherPhotos { display: block; width: auto; margin-right: 5px; } } /* GALERIE - POHLEDNICE - designova */ .galleryPostcard { } .galleryPostcard .photoList { } .galleryPostcard .photoWrap { position: relative; float: left; overflow: hidden; } .galleryPostcard .photoWrap .photoHoverWrap { } .galleryPostcard .photoWrap .photoHoverWrap img { position: absolute; } .galleryPostcard .photoWrap .photoHoverWrap .photoHover { } .galleryPostcard .photoWrap .photoHoverWrap .photoLoop { } .galleryPostcard .big { width: 66.667%; padding-bottom: 44.4444%; } .galleryPostcard .small { width: 33.333%; padding-bottom: 22.2222%; } /* pouze jedna fotka */ .galleryPostcard.photos1 { } .galleryPostcard.photos1 .big { float: none; padding-bottom: 0; width: 100%; cursor: default; } .galleryPostcard.photos1 .big img { position: static; display: block; } /* dve fotky */ .galleryPostcard.photos2 { padding-bottom: 0; } .galleryPostcard.photos2 .big, .galleryPostcard.photos2 .small { width: 50%; padding-bottom: 33.3333%; } /* responsive */ @media screen and (max-width: 500px) { .galleryPostcard { clear: both; margin: 0; padding-bottom: 0; } .galleryPostcard .photoWrap { float: none; position: relative; } .galleryPostcard .big, .galleryPostcard .small, .galleryPostcard.photos2 .big, .galleryPostcard.photos2 .small { width: 100%; padding-bottom: 0; } .galleryPostcard .photoWrap .photoHoverWrap { position: static; } .galleryPostcard .photoWrap .photoHoverWrap img { position: static; display: block; height: auto !important; width: 100% !important; } .galleryPostcard .otherPhotos { display: block; width: 100%; margin: 0; border: 0; background: #000; color: #fff; } .galleryPostcard .otherPhotos:hover { background: #000; } } .jinjaDebug { clear: both; overflow: hidden; display: none; } /* ========================================================================= */ /* ========================================================================= */ /* ========================================================================= */ /* ========================================================================= */ [class^="icon-"], [class*=" icon-"] { font-family: 'ico-firmy'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-kolecko-plne:before { content: "\31"; } .icon-kolecko-prazdne:before { content: "\32"; } .icon-hvezda-plna:before { content: "\61"; } .icon-hvezda-prazdna:before { content: "\62"; } .icon-hvezda-pulka:before { content: "\63"; } .icon-doleva-navigace:before { content: "\64"; } .icon-doprava-navigace:before { content: "\65"; } .icon-hledani-prepinac:before { content: "\66"; } .icon-akcni-nabidky:before { content: "\67"; } .icon-detsky-koutek:before, .icon-s-detskym-koutkem:before, .icon-services-20:before { content: "\68"; } .icon-eshop:before { content: "\69"; } .icon-konference:before, .icon-konferencni-sal:before, .icon-services-17:before { content: "\6a"; } .icon-nekurak:before, .icon-nekuracke:before, .icon-services-13:before { content: "\6b"; } .icon-nonstop:before, .icon-nonstop-pohotovost:before, .icon-services-21:before { content: "\6c"; } .icon-nyni-otevreno:before { content: "\6d"; } .icon-parkoviste:before, .icon-s-parkovistem:before, .icon-services-22:before { content: "\6e"; } .icon-platba-kartou:before, .icon-services-12:before { content: "\6f"; } .icon-prodejna:before { content: "\70"; } .icon-salonek:before, .icon-se-salonkem:before, .icon-services-14:before { content: "\71"; } .icon-splatky:before, .icon-na-splatky:before, .icon-services-18:before { content: "\72"; } .icon-stravovani:before, .icon-services-16:before { content: "\73"; } .icon-wifi:before, .icon-s-wifi:before, .icon-services-11:before { content: "\74"; } .icon-zahradka:before, .icon-se-zahradkou:before, .icon-services-15:before { content: "\75"; } .icon-vydejni-misto:before, .icon-services-19:before, .icon-services-5:before { content: "\e60f"; } .icon-gallery-zavrit:before { content: "\58"; } .icon-gallery-doleva-navigace:before { content: "\76"; } .icon-gallery-doprava-navigace:before { content: "\77"; } .icon-gallery-seznam:before { content: "\78"; }