/* Main stylesheet file. @version 1479911710 @created 23.11.2016 15:35:12 */ /* File: style.css Description: Zakladni styly www.dovolena.cz. */ /* Table of Contents - Reset - General - Loader - Kroky objednavky - Easypop - Frmpop - Progress bar - Student Agency lista - Autocomplete search - Cooperate box - Homepage promo box - Homepage info box - Homepage stripy - Strankovani - FAQ - Ikony - Tooltip - Fotogalerie slider - Admin info */ /* =Reset ---------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0 none; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1;} a:active, a:selected, a:visited, a:focus { border:0 none; outline:0 none; ie-dummy: expression(this.hideFocus=true);} input::-moz-focus-inner { border: 0;} ol, ul {list-style:none;} blockquote, q {quotes:none;} table {border-collapse:collapse; border-spacing:0; empty-cells:show;} .clear {height:0!important; font-size:0; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0!important; padding:0!important; width:100%!important;} .hidden {display:none;} .v-hidden {visibility: hidden;} .out {position:absolute; left:-999em;} .none {display:none;} .left {float:left!important;} .right {float:right!important;} sub {font-size:10px; vertical-align:sub; line-height:10px;} sup {font-size:10px; vertical-align:top; line-height:10px;} .clearfix:before, .clearfix:after {content:""; display:table} .clearfix:after {clear:both} .clearfix {*zoom:1} input[type='checkbox'], input[type='radio'] {margin:0; padding:0; float:left; *width:13px; *height:13px;} .input-wrap {width:21px; height:21px;} .placeholder {} ::-webkit-input-placeholder {} :-moz-placeholder {} .main-row:before, .main-row:after {content:''; display:table;} .main-row:after {clear:both;} .main-row {*zoom:1; *behavior: expression( function(t) { t.insertAdjacentHTML('afterBegin','

'); t.runtimeStyle.behavior = 'none';}(this) );} .img:before, .photo-before {/*content:'';*/ /*display:inline-block; */ height:100%; vertical-align:middle;} .img {*behavior: expression( function(t) { t.insertAdjacentHTML('afterBegin',''); t.runtimeStyle.behavior = 'none';}(this) );} /* =General ---------------------------------------------------------------------------- */ body {background: url("/images/layout/background/bg-2015-04-15.jpg?ver=1") no-repeat 50% 0 #fff; color:#4d4d4d; font:14px/22px Tahoma, Geneva, sans-serif;} p {padding:0 0 13px 0;} a {color:#005aab; text-decoration:none; border:0 none; outline:0 none;} a:hover, a:focus, a:active {text-decoration:underline;} #headline h2 {padding:5px 0 25px 0; color:#000; font:bold 27px/29px Tahoma, Geneva, sans-serif;} h1 {padding:5px 0 25px 0; color:#000; font:bold 27px/29px Tahoma, Geneva, sans-serif;} h2 {padding:10px 0 9px 0; color:#4d4d4d; font:bold 18px/20px Tahoma, Geneva, sans-serif;} h2 .big {font-weight:normal; font-size:24px;} h3 {padding:5px 0 7px 0; color:#4d4d4d; font:bold 16px/18px Tahoma, Geneva, sans-serif;} h4 {padding:5px 0 7px 0; color:#4d4d4d; font:bold 14px/16px Tahoma, Geneva, sans-serif;} h5, h6 {padding:5px 0 7px 0; color:#4d4d4d; font:bold 14px/16px Tahoma, Geneva, sans-serif;} ul {padding:5px 0 10px 0;} ul li {margin:0; padding:3px 0 7px 40px; background:url("/img/bullet.png?version=1479911710") no-repeat 8px 0; line-height:18px;} ul ul {padding:10px 0 0 0;} ul ul li {padding-left:32px; background-position:0 0;} ol {padding:0 0 6px 10px; counter-reset:li;} ol li {padding:5px 0 5px 0; line-height:18px; *list-style:decimal inside;} ol > li:before {content:counter(li) '. '; counter-increment:li; font-size:22px;} ol ol {padding:5px 0 0 30px;} ul.inline {overflow:hidden; width:100%; padding:10px 0 15px 0;} ul.inline li {float:left; padding:0 0 10px 16px; background:none;} dl {margin:0; padding:0 0 5px 0;} dt {margin:0; padding:0 0 3px 0; font-weight:bold; font-size:14px; line-height:16px; color:#000; font-style:italic;} dd {margin:0; padding:0 0 6px 12px; line-height:16px;} small {font-size:12px; line-height:16px;} cite {float:left; clear:both; margin:0 0 10px 0; padding:4px 0 0 25px; background:url("/img/cite.png?version=1479911710") no-repeat 0 4px;} blockquote {margin:0 0 10px 0; padding:14px 10px 5px 45px; background:#dbedf9 url("/img/blockquote.png?version=1479911710") no-repeat 8px 45%;} blockquote p {color:#4d4d4d;} table {margin:0 0 10px 0; padding:0; text-align:left;} table th, table thead td {padding:8px 20px 10px 20px; border-bottom:1px solid #d0d0d0; font-weight:bold; line-height:15px; text-align:center; vertical-align:middle;} table td {padding:10px 20px; border-bottom:1px solid #d0d0d0; color:#4d4d4d; line-height:14px; vertical-align:middle; text-align:center;} table th:first-child, table td:first-child {text-align:left;} table.width-100 {width:100%;} table.striped {border-bottom:1px solid #fff;} table.striped th, table.striped thead td {background:#005bac url("/img/table-th.png?version=1479911710") repeat-x 0 0; border-bottom:1px solid #fff; color:#fff; font-weight:normal;} table.striped th a, table.striped thead td a {color:#fff; font-weight:normal; text-decoration:underline;} table.striped th a:hover, table.striped thead td a:hover {text-decoration:none;} table.striped td {background:#edf6fd; border-bottom:1px solid #fff;} table.striped tr:nth-child(2n) td {background:#fff;} table.striped p {padding-bottom:0;} table.small th, table.small thead td {border-bottom:0; text-align:left;} table.small td {padding:2px 0; border-top:1px solid #d0d0d0; border-bottom:0; line-height:18px; text-align:left;} table.small td:first-child {width:90px; padding-right:15px; border-top:0;} table.small td:last-child {text-align:right;} table.small tr:first-child td {border-top:0;} h2.smaller {font-size:15px;} h3.large {font-size:24px;} table .align-left {text-align:left} table .align-right {text-align:right} table .bold, table .bold th {font-weight:bold;} table.striped.second td {background: #fff;} table.striped.second tr:nth-child(2n) td {background: #edf6fd; border-bottom: 1px solid #fff; padding: 10px 20px; } .red {color:#ff0000;} .noSelect {-o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;} /* Content */ #headline ul {position:relative; overflow:hidden; width:100%; left:-10px; top:-5px; margin:0; padding:0;} #headline li {float:left; position:relative; height:64px; margin:0; padding:5px 16px 0 16px; background:none;} #headline li a {display:block; height:59px; padding:0 16px; font:bold 27px/40px Tahoma, Geneva, sans-serif;} #headline li.active {background:#fff;} #headline li.active:after, #headline li .after {content:''; position:absolute; bottom:5px; right:-8px; width:8px; height:64px; background:url("/img/design.png?version=1479911710") no-repeat 0 -20px;} #headline li.active {*behavior: expression( function(t) { t.insertAdjacentHTML('afterBegin',''); t.runtimeStyle.behavior = 'none';}(this) );} #headline li:first-child a {padding-left:0;} .block-group {display:block; position:relative; margin:25px 0 15px 0; padding:20px 30px 10px 20px; border:1px solid #ccc;} .block-group h3 {position:absolute; top:-10px; left:20px; padding:0 20px; background:#fff; color:#000; font-weight:bold; font-size:14px;} .grid-list {display:block; padding:10px 20px 0 20px;} .grid-list .group {float:left; width:100%; padding:0 0 30px 0; *padding-bottom:20px;} .grid-list .item {width:472px;} .grid-list .block-group {padding-bottom:35px;} .grid-list .block-group img {margin-top:-10px;} .grid-list .block-group small {display:block; margin-top:0;} .grid-list .boxes {position:relative; padding-top:20px;} .grid-list .boxes .deco {position:absolute; z-index:2; top:15px; left:423px; width:114px; height:35px; background:url("/img/design.png?version=1479911710") no-repeat -346px -20px;} .grid-list .box {position:relative; z-index:1; width:470px; min-height:213px; background:#eef6fc url("/img/grid-list-box.png?version=1479911710") repeat-x 0 0; border:1px solid #d2e7f5; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; behavior:url("/css/pie.htc?version=1479911710");} .grid-list .box {*behavior: expression( function(t) { t.insertAdjacentHTML('afterBegin',''); t.runtimeStyle.behavior = 'none';}(this) );} .grid-list .box:after, .grid-list .after {content:''; position:absolute; bottom:-14px; left:0; width:100%; height:14px; background:url("/img/design.png?version=1479911710") no-repeat 50% -84px;} .grid-list .register {width:100%; padding:26px 0 0 0; text-align:center;} .grid-list .register p {padding-bottom:43px; font:bold 17px Tahoma, Geneva, sans-serif;} .grid-list .register img {display:inline-block; zoom: 1; *display: inline; margin:0 0 -5px 10px;} .grid-list .register a {display:inline-block; zoom: 1; *display: inline; position:relative; height:46px; margin:0 17px 0 0; padding:0 20px 0 37px; background:url("/img/design.png?version=1479911710") no-repeat 0 -100px; color:#fff; font:bold 20px/46px Tahoma, Geneva, sans-serif;} .grid-list .register a span {position:absolute; top:0; right:-17px; width:17px; height:46px; background:url("/img/design.png?version=1479911710") no-repeat -283px -100px; cursor:pointer;} .grid-list .register a:hover {background-position:0 -146px; text-decoration:none;} .grid-list .register a:hover span {background-position:-283px -146px;} .grid {position:relative; z-index:1; width:1004px; margin:0 auto; padding:0 0 20px 0;} .grid.grid-full{width: 1025px; padding-top: 60px; padding-bottom: 25px;} .grid h2 {padding:20px 0; color:#ed1846; line-height:26px;} .grid .headline h2 {padding: 0px 0; color: black; line-height: 20px; text-transform: uppercase; height: 40px; vertical-align: bottom; display: table-cell; width: 194px; text-align: center;} .grid h2 span {font-weight:normal; font-size:17px;} .grid .viewport {overflow:hidden; position:relative; width:1004px; height:325px; padding:60px 0 10px 0;} .no-js .grid .viewport {overflow-x:auto;} .no-js .grid-offer .viewport {height:180px;} .grid .overview {position:absolute; top:55px; left:0;} .grid-offer .overview {top:0;} .grid .scrollbar {position: relative; width: 1004px; height: 30px; padding: 0; background: url("/images/slider-horizontal.png?version=1479911710") repeat-x 0 0;} .no-js .grid .scrollbar {display:none;} .grid .scrollbar .track {position:relative; height:30px;} .grid .scrollbar .thumb {position: absolute; top: -5px; left: 0; width: 43px; height: 43px; background: url("/images/sprite/deco/deco.png?version=1479911710") no-repeat -58px -224px; cursor: pointer;} .grid ul {float:left; width:100%;} .grid ul li {float:left; width:236px; margin:0; padding:0 20px 0 0; background:none; text-align:center;} .grid.grid-manual ul li:nth-child(4n+4){padding: 0px;} .grid ul li a {position:relative; display:block; width:236px; text-decoration:none!important; height: 250px;} .grid ul li .image {position:relative; z-index:2; display:inline-block; zoom: 1; *display: inline; width:176px; height:176px;} .grid ul li img {display:block; font-size:0;} .grid ul li span {cursor:pointer;} .grid ul li .txt {position:relative; z-index:2; display:inline-block; zoom: 1; *display: inline; width:100%; padding:15px 0 0 0; font:bold 17px/19px Tahoma, Geneva, sans-serif;} .grid ul li .shadow {position:absolute; z-index:1; top:152px; left:58px; width:121px; height:50px; background:url("/img/design.png?version=1479911710") no-repeat -300px -490px;} .grid ul li .arrow {position:absolute; z-index:3; top:63px; left:93px; width:53px; height:53px; background:url("/img/design.png?version=1479911710") no-repeat -300px -550px;} .grid ul li a:hover .arrow {background-position:-360px -550px;} .scrollbar.disable { display: none; } .scrollbar.enable { display: block; } .grid-type-1 .viewport {height:325px;} .no-js .grid-type-1 .viewport {height:340px;} .grid-type-1 .overview {} .grid-offer .viewport {height:180px;} .no-js .grid-offer .viewport {height:180px;} .grid-type-2 .overview {width:1516px;} .grid-type-3 .overview {width:3052px;} .grid-type-4 .overview {width:1260px;} .grid-type-5 h2 {padding-top:0;} .grid-type-5 .overview {width:1004px;} .grid-type-5 .scrollbar .thumb {display:none;} .grid-type-6 .overview {width:2028px;} .content-strip td {white-space:nowrap; max-width:110px;overflow:hidden} .readmore_button {color:#005aab; cursor:pointer} .readmore_button:hover {text-decoration:underline;} .readmore {display:none} .section h3 {padding:0 0 25px 0; color:#ed1846; font-size:24px; line-height:26px;} .section h3 span {font-weight:normal; font-size:22px; line-height:24px;} .section .box-slider {position:relative; width:492px; text-align:center;} .section .slider-container {width:492px; height:302px; overflow-y:auto; overflow-x:hidden;} .section .slide {float:left; width:492px; text-align:left;} .section .tabs-container {float:left; width:100%;} .section .tabs-nav {float:left; width:100%; margin:0; padding:0;} .section .tabs-nav li {float:left; margin:0; padding:0 0 0 10px; background:none;} .section .tabs-nav a {display:block; padding:0 30px; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; font:bold 15px/40px Tahoma, Geneva, sans-serif; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;} .section .tabs-nav .active a {position:relative; z-index:2; background:#fff; color:#000; border-color:#e2e2e2; text-decoration:none!important; overflow:hidden;} .section .tab-fragment {float:left; position:relative; z-index:1; width:454px; min-height:190px; margin:-1px 0 0 0; padding:10px 18px; background:#f6f6f6 url("/img/section-tab-fragment.png?version=1479911710") repeat-x 0 0; border:1px solid #e2e2e2; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:1px 1px 2px rgba(0,0,0, .15); -webkit-box-shadow:1px 1px 2px rgba(0,0,0, .15); box-shadow:1px 1px 2px rgba(0,0,0, .15);} .section .tab-fragment ul {float:left; width:100%; margin:0; padding:0;} .section .tab-fragment ul li {float:left;width:100%; margin:0; padding:2px; background:url("/img/tab-fragment-line.png?version=1479911710") bottom repeat-x;} .section .tab-fragment ul li:last-child {background: none;} .section .tab-fragment ul a {float:left; display:block; position:relative; width:434px; padding:8px 20px 8px 0; font-size:16px; line-height:18px;} .section .tab-fragment ul a .arrow {position:absolute; top:50%; right:0; width:14px; height:21px; margin-top:-10px; background:url("/img/design.png?version=1479911710") no-repeat -200px -55px; cursor:pointer;} .section .box-star {position:relative;} .section .box-star-deco {position:absolute; top:49px; right:0; width:50px; height:47px; background:url("/img/design.png?version=1479911710") -320px -140px;} .section .action-price {float: right} .section .box-tabs {position:relative;} .section .box-tabs h3 {position:absolute; top:-45px; left:0;} .section .box-tabs h3 span {font-weight:normal; font-size:18px;} .section .box-tabs .box-star-deco {top:-59px;} .section .box-tabs .tabs-nav a {padding:0 15px;} .section .box-tabs .tab-fragment {min-height:244px;} .section .box-tabs .road a {width:260px; min-height:51px; padding:3px 130px 3px 65px; font-size:13px; line-height:16px;} .section .box-tabs .road a:hover {text-decoration:none;} .section .box-tabs .road a:hover .headline {text-decoration:underline;} .section .box-tabs .road .image {position:absolute; top:2px; left:0;} .section .box-tabs .road .img {position:relative; z-index:2; display:block; width:49px; height:49px; padding:2px; background:#fff; text-align:center; -moz-box-shadow:1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0, .2); box-shadow:1px 1px 2px rgba(0,0,0, .2);} .ie7 .section .box-tabs .road .ie-shadow, .ie8 .section .box-tabs .road .ie-shadow {position:absolute; z-index:1; top:-1px; left:-1px; width:100%; height:100%; padding:0; background:rgb(167,167,167); filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2); -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";} .section .box-tabs .road img {max-width:49px; max-height:49px; vertical-align:middle;} .section .box-tabs .road .headline {display:block; font-size:14px; color:#005aab;} .section .box-tabs .road .txt {color:#000;} .section .box-tabs .road b {position:absolute; top:50%; right:25px; height:20px; margin-top:-10px; color:#000; font-size:14px; line-height:20px;} .section .box-tabs .static-tabs {float:left; position:relative; z-index:2; padding:0 0 0 10px;} .section .box-tabs .static-tabs .tab {float:left; padding:0 15px; background:#fff; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; color:#000; font:bold 15px/40px Tahoma, Geneva, sans-serif; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;} .section .box-tabs .static-tab-fragment {min-height:264px;} .section .box-tabs .list {padding-bottom:15px;} .section .box-tabs .list .txt {float:left; width:150px; padding:8px 20px 8px 0; font-size:16px; line-height:18px; color:#005aab;} .section .box-tabs .list .small {float:left; position:relative; width:auto; margin:0 20px 0 0; padding:8px 18px 8px 0; font-size:13px;} .section .box-tabs .list .small span {position:absolute; top:12px; right:0; width:9px; height:13px; background:url("/img/design.png?version=1479911710") no-repeat -380px -100px; cursor:pointer;} .section .box-tabs .list .last {margin-right:0;} .section.main-row.recommended {margin-top: 30px;} .scroll-area {float:left; position:relative; width:490px; height:280px; border:1px solid #d1e1e8; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .scroll-area h2 {position:absolute; top:-74px; left:0; width:490px; color:#ed1846; font-size:39px; line-height:41px; text-align:center;} .scroll-area .deco {position:absolute; top:-14px; left:50%; width:62px; height:15px; margin-left:-31px; background:url("/img/design.png?version=1479911710") no-repeat -300px -55px;} .scroll-area .vertical-scroll {position:relative; padding:15px; background: white;} .scroll-area .vertical-scroll .viewport {overflow:hidden; position:relative; width:425px; height:250px;} .no-js .scroll-area .vertical-scroll .viewport {overflow-y:scroll; padding-right:30px;} .scroll-area .overview {position:absolute;} .scroll-area .scrollbar {position:absolute; top:14px; left:460px; width:17px; height:224px; padding:15px 0; background:url("/img/scrollbar-vertical.png?version=1479911710") no-repeat 0 0;} .no-js .scroll-area .scrollbar {display:none;} .scroll-area .scrollbar .track {position:relative; height:224px;} .scroll-area .scrollbar .thumb {position:absolute; top:0; left:-2px; width:21px; height:21px; background:url("/img/design.png?version=1479911710") no-repeat -380px -55px; cursor:pointer;} .scroll-area ul {float:left; width:100%; margin:0; padding:0;} .scroll-area ul li {float:left; width:100%; margin:0; padding:0 2px; background:none; border-top:1px solid #e1e1e1;} .scroll-area ul li:first-child {border-top:0;} .scroll-area ul li a {position:relative; display:block; width:263px; padding:10px 155px 10px 5px; line-height:15px;} .scroll-area ul li a b {position:absolute; display:block; right:35px; top:50%; width:120px; height:21px; margin-top:-11px; color:#212121; line-height:21px; text-align:right; text-decoration:none!important;} .scroll-area ul li a .arrow {position:absolute; top:50%; right:0; width:14px; height:21px; margin-top:-10px; background:url("/img/design.png?version=1479911710") no-repeat -200px -55px; cursor:pointer;} .scroll-area ul li a:hover {text-decoration:none;} .scroll-area ul li a:hover .txt {text-decoration:underline;} .up {float:left; width:100%; margin:20px 0 10px 0; background:url("/img/up-line.png?version=1479911710") repeat-x 0 50%; font:bold 16px/20px Tahoma, Geneva, sans-serif; text-align:center;} .up a {position:relative; display:inline-block; zoom: 1; *display: inline; padding:0 20px 0 40px; background:#fff;} .up a span {position:absolute; top:3px; left:12px; width:20px; height:20px; background:url("/img/design.png?version=1479911710") no-repeat -420px 0;} .grid-list .form {width:100%; padding:11px 0 0 0; text-align:center;} .grid-list .form .row {padding:0 0 27px 0;} .grid-list .form p {padding-bottom:32px; font:bold 17px Tahoma, Geneva, sans-serif;} .grid-list .form img {display:inline-block; zoom: 1; *display: inline; margin:0 10px -1px 0;} .grid-list .form .left, .grid-list .form .right {position:relative; width:205px;} .grid-list .form .left {padding-left:30px;} .grid-list .form .right {padding-right:30px;} .grid-list .form label {float:left; display:block; width:57px; color:#005aab; font:bold 14px/33px Tahoma, Geneva, sans-serif; text-align:right;} .grid-list .form input[type=text], .grid-list .form input[type=password] {float:right; width:125px; height:31px; padding:0 7px; background:#fff; border:1px solid #afd0e6; color:#4d4d4d; font:13px Tahoma, Geneva, sans-serif; -moz-box-shadow:inset 0 0 5px rgba(0,0,0, .07); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0, .07); box-shadow:inset 0 0 5px rgba(0,0,0, .07); outline:none; -moz-transition: all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .ie7 .grid-list .form input[type=text], .ie7 .grid-list .form input[type=password], .ie8 .grid-list .form input[type=text], .ie8 .grid-list .form input[type=password] {line-height:31px;} .grid-list .form input[type=text]:focus, .grid-list .form input[type=password]:focus {border-color:#349fff;} .grid-list .form .left label {text-align:left;} .grid-list .form .inline {float:left; padding-left:30px;} .grid-list .form .inline label {width:auto; margin:-2px 0 0 10px; font-weight:normal; line-height:15px;} .grid-list .form .inline a {float:left; clear:left; margin:5px 0 0 23px; color:#044886; font-size:11px; text-decoration:underline;} .grid-list .form .inline a:hover {text-decoration:none;} .grid-list .form input[type=submit] {float:right; display:inline-block; zoom: 1; *display: inline; overflow:hidden; width:137px; height:31px; margin:5px 30px 0 0; padding:0 0 3px 37px; background:url("/img/design.png?version=1479911710") no-repeat -8px -20px; border:0; color:#fff; font:bold 14px Tahoma, Geneva, sans-serif; cursor:pointer; text-align:left;} .grid-list .form input[type=submit]:hover {background-position:-8px -53px;} .grid.grid-scroll ul li:last-child{padding-right:0px;} .viewport-wrap .scrollbar.disable{display: none;} .viewport-wrap .scrollbar.enable{display: block;} .error-content{position: relative;} .error-content .text{background: #EAEAEA; padding: 20px; border: 1px solid #D0D0D0; position: absolute; top: -15px; left: 235px; z-index: -1; border-radius: 3px;} .error-content .star{margin: 50px 0px 0px 50px;} .error-content h1{padding: 0px;} #map { height: 400px; width: 600px; border-radius: 5px; overflow: hidden; } .overlay {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10000;} /* =Loader ---------------------------------------------------------------------------- */ #loader {z-index: 10000;} .loader-overlay {position:fixed; z-index:10001; top:0; left:0; width:100%; height:100%; opacity:.8; filter:alpha(opacity=80);} .loader-content {position:fixed; z-index:10002; top:50%; left:50%; width:435px; height:458px; margin:-229px 0 0 -218px; background:url("/img/loader/loader.png?version=1479911710") no-repeat 0 0;} .loader-content .time {float:left; width:100%; height:157px; margin:93px 0 0 0; color:#930c29; font:26px/72px Tahoma, Geneva, sans-serif; text-align:center;} .loader-content .time strong {display:block; margin-top:-10px; font-weight:normal; font-size:70px; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0, .4);} .loader-content .text {float:left; width:295px; margin-right:70px; margin-left:70px; height:135px; text-align:center;} .loader-content .text .text-container {width:295px; height:135px; overflow-y:auto; overflow-x:hidden;} .loader-content .text p {display:inline-block; *display:inline;zoom:1; width:295px; height:135px; *height:auto; padding:0; color:#fff; font:22px/28px Tahoma, Geneva, sans-serif; vertical-align:middle; text-align:center; *margin-top:expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} .loader-content .lights {position:absolute; top:-30px; left:260px; width:175px; height:174px; background:url("/img/loader/loader-lights.png?version=1479911710") no-repeat 0 0;} .loader-stargate {display:bloack; width: 435px; height: 435px; position: absolute; top: 0px; left: 0px; background:url("/img/loader/loader-stargate.png?version=1479911710") no-repeat 0 0;} #loader-time-text {display: block; width: 240px; margin: 20px auto; font-size: 18px; line-height: 24px;} .loading-header {position:relative; width:360px; height:145px; margin:25px auto 0 auto;} .loading-lights {position:absolute; top:-94px; left:325px; width:281px; height:279px; background:url("/img/loading-lights.png?version=1479911710") no-repeat 0 0;} .loading {position:relative; width:529px; height:557px; margin:0 auto; background:url("/img/loading.png?version=1479911710") no-repeat 0 0; text-align:center;} .loading h1 {color:#930c29; padding:0 0 15px 0; font:32px/34px Tahoma, Geneva, sans-serif;} .loading p {padding:0 0 7px 0; color:#fff; line-height:22px;} .loading .top {min-height:140px; padding:140px 0 0 0;} .loading .top p {font-size:16px; line-height:22px;} .loading .top .bigger {font-size:18px;} /* =Kroky objednavky ---------------------------------------------------------------------------- */ .steps-wrap {z-index: 0; display: block; position: relative; width: 1004px; margin: -10px auto 0 auto;} .steps-wrap .steps {display: block; position: relative; width: 1024px; height: 100px;} .steps-wrap a { color: #fff; } .steps-wrap .step3 {display: inline-block; zoom: 1; *display: inline; position: relative; width: 330px; padding: 0 20px 9px 0; margin: 0 -23px 0 0; color: #fff; font-size: 29px; line-height: 60px; text-align: center;} .steps-wrap .step4 {display: inline-block; zoom: 1; *display: inline; position: relative; width: 252px; padding: 0 30px 9px 0; margin: 0 -31px 0 0; color: #fff; font-size: 29px; line-height: 60px; text-align: center;} .steps-wrap .step3 small {font-size: 15px;} .steps-wrap .step4 small {font-size: 15px;} .steps-wrap .step3 .step-status {top: 47px; left: 150px;} .steps-wrap .step3 {background: url("/img/step3-blue.png?version=1479911710") 0 0 no-repeat;} .steps-wrap .step3.active {background: url("/img/step3-blue.png?version=1479911710") 0 0 no-repeat;} .steps-wrap .step3.inactive {background: url("/img/step3-blue.png?version=1479911710") 0 0 no-repeat;} .steps-wrap .step4 {background: url("/img/step4-blue.png?version=1479911710") 0 0 no-repeat;} .steps-wrap .step4.active {background: url("/img/step4-blue.png?version=1479911710") 0 0 no-repeat;} .steps-wrap .step4.inactive {background: url("/img/step-status-inactive.png?version=1479911710") 0 0 no-repeat;} .steps-wrap .step-status {background: url("/img/step-status-red.png?version=1479911710"); display: none; position: absolute; top: 50px; left: 110px; width: 37px; height: 37px;} .steps-wrap .active .step-status {background: url("/img/step-status-red.png?version=1479911710"); display: block;} .steps-wrap .inactive .step-status {background: transparent; display: none;} /* =Easypop ---------------------------------------------------------------------------- */ .easyPop_show, .easyPopContent { border: 2px solid silver; border-radius: 5px; box-shadow: 0px 0px 0px 1px white; background: white; padding: 7px; padding-right: 22px; z-index: 25000; opacity:inherit; filter:inherit; } .easyPop .easyPopContent { display: none; position: absolute; left: 0px; font-size:13px;} .easyPop_show .sipka{ position: absolute; top: -16px; } .easyPop_show .sipka-down{ position: absolute; bottom: -16px; } .easyPop_show .easyPopHide{ position: absolute; top: -5px; right: -5px; cursor:pointer; } .easyPop_show p {font-size:12px; line-height:18px; padding:0;} .easyPop span.price-label {line-height:12px; margin-top:7px;} .easyPop span.price-label {color:#005aab; font-size:12px; font-weight:bold;} .easyPop .hotel-complete .top p {font-size:13px; padding:0;} /* =Frmpop ---------------------------------------------------------------------------- */ .frm-pop {margin: 30px auto;} .frm-pop .icon {width: 53px; height: 47px; margin: 0 0 22px 15px; background: url("/img/chybove-hlasky.png?version=1479911710") no-repeat;} .frm-pop.info .icon {background-position: 0 -94px;} .frm-pop.warn .icon {background-position: 0 -47px;} .frm-pop.error .icon {background-position: 0 0;} .frm-pop p {position: relative; padding: 15px 25px; border: 1px solid; border-radius: 5px; font-size: 14px; line-height: 130%; color: #fff;} .frm-pop p .deco {position: absolute; top: -23px; left: 70px; width: 122px; height: 23px; background: url("/img/chybove-hlasky.png?version=1479911710") no-repeat} .frm-pop.info p .deco {background-position: -53px -94px;} .frm-pop.warn p .deco {background-position: -53px -47px;} .frm-pop.error p .deco {background-position: -53px 0;} .frm-pop.warn .icon, .frm-pop.error .icon, .frm-pop.info .icon { width: 65px; height: 60px; margin: 0 0 10px 15px; background: url("/img/hvezda.png?version=1479911710") no-repeat; } .frm-pop.error .icon{background: url("/img/chybove-hlasky.png?version=1479911710") 0 0 no-repeat; width: 53px; height: 47px;} .frm-pop.info p { border-color: #0f6eb5; border-top-color: #20d2ed; border-bottom-color: #094173; background: #148ed1; background: -moz-linear-gradient(top, #148ed1 0%, #0e65b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#148ed1), color-stop(100%,#0e65b2)); background: -webkit-linear-gradient(top, #148ed1 0%,#0e65b2 100%); background: -o-linear-gradient(top, #148ed1 0%,#0e65b2 100%); background: -ms-linear-gradient(top, #148ed1 0%,#0e65b2 100%); background: linear-gradient(to bottom, #148ed1 0%,#0e65b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148ed1', endColorstr='#0e65b2',GradientType=0 ); } .frm-pop.warn p { border-color: #d97a07; border-top-color: #fbdb23; border-bottom-color: #8e4800; background: #f4a416; background: -moz-linear-gradient(top, #f4a416 0%, #dc7000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4a416), color-stop(100%,#dc7000)); background: -webkit-linear-gradient(top, #f4a416 0%,#dc7000 100%); background: -o-linear-gradient(top, #f4a416 0%,#dc7000 100%); background: -ms-linear-gradient(top, #f4a416 0%,#dc7000 100%); background: linear-gradient(to bottom, #f4a416 0%,#dc7000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a416', endColorstr='#dc7000',GradientType=0 ); } .frm-pop.error p { border-color: #cb163d; border-top-color: #f6266f; border-bottom-color: #880f29; background: #e91845; background: -moz-linear-gradient(top, #e91845 0%, #d2173f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e91845), color-stop(100%,#d2173f)); background: -webkit-linear-gradient(top, #e91845 0%,#d2173f 100%); background: -o-linear-gradient(top, #e91845 0%,#d2173f 100%); background: -ms-linear-gradient(top, #e91845 0%,#d2173f 100%); background: linear-gradient(to bottom, #e91845 0%,#d2173f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91845', endColorstr='#d2173f',GradientType=0 ); } /* =Progress bar ---------------------------------------------------------------------------- */ .progressbar.small {width: 120px; height: 14px; background: url("/img/sliderBg.png?version=1479911710") no-repeat;} .progressbar.small .masker {position: relative; top: 2px; height: 10px; float: right; margin-right: 4px; background: url("/img/sliderMasker.png?version=1479911710") 4px no-repeat;} .progressbar {position: relative; width: 172px; height: 20px; background: url("/img/sliderBigBg.png?version=1479911710") no-repeat;} .progressbar .masker {position: relative; top: 3px; height: 14px; float: right; margin-right: 5px; background: url("/img/sliderBigMasker.png?version=1479911710") 5px no-repeat;} .progressbar-wrap {float: left; padding: 10px 30px 50px 30px; text-align: center;} .progressbar-wrap .type {font-size: 14px; font-weight: bold; margin-bottom: 10px;} .progressbar-wrap.no-rating {opacity: .5; } .progressbar {position: relative; width: 172px; height: 20px; background: url("/img/sliderBigBg.png?version=1479911710") no-repeat;} .progressbar .masker {position: relative; top: 3px; height: 14px; float: right; margin-right: 5px; background: url("/img/sliderBigMasker.png?version=1479911710") 5px no-repeat;} .progressbar-wrap.no-rating .progressbar .masker { width: 50%; } .progressbar.small {width: 120px; height: 14px; background: url("/img/sliderBg.png?version=1479911710") no-repeat;} .progressbar.small .masker {position: relative; top: 2px; height: 10px; float: right; margin-right: 4px; background: url("/img/sliderMasker.png?version=1479911710") 4px no-repeat;} .progressbar .num {position: absolute; left: -8px; top: 19px; width: 40px; padding: 5px 0 0 0; background: url("/img/sliderNumBg.png?version=1479911710") no-repeat; text-align: center; font-weight: bold; color: #fff;} /* =Autocomplete search ---------------------------------------------------------------------------- */ #search-site {position:relative; z-index:2; float:right; clear:both; width:180px; height:36px; margin:9px 193px 0 0; background:url("/img/search-bg.png?version=1479911710") repeat 0 0; border:1px solid #b2d6f6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 1px -1px #fff; -webkit-box-shadow:0 1px 1px -1px #fff; box-shadow:0 1px 1px -1px #fff; behavior:url("/css/pie.htc?version=1479911710");} #search-site input[type=text] {position:absolute; top:7px; left:10px; width:130px; height:20px; background:none; border:0; color:#4d4d4d; font:12px Tahoma, Geneva, sans-serif; outline:none;} #search-site .placeholder {color:#a9c4d2!important;} #search-site input::-webkit-input-placeholder {color:#a9c4d2;} #search-site input:-moz-placeholder {color:#a9c4d2;} #search-site input[type=submit] {position:absolute; overflow:hidden; display:block; top:8px; right:8px; width:20px; height:20px; background:url("/img/design.png?version=1479911710") no-repeat -60px 0; border:0; font-size:0; line-height:0; cursor:pointer; *text-indent:-100px;} #search-site input[type=submit]:hover {background-position:-80px 0;} .search-site form#autocompleteHeaderForm input[type=submit]:hover { background: rgba(0, 0, 0, 0) url("/img/design.png?version=1479911710") no-repeat scroll -60px 0; cursor: pointer;} .ie7 #search-site, .ie8 #search-site {box-shadow:none;} .ie7 #search-site input[type=text], .ie8 #search-site input[type=text] {line-height:20px;} #search-site #autocomplete-data {position:absolute; top:54px; left:0; width:372px; background:#f2f9fe; border:1px solid #b6d8f7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0, .2); box-shadow:1px 1px 2px rgba(0,0,0, .2);} #search-site #autocomplete-data .deco {position:absolute; top:-16px; left:44px; width:72px; height:16px; background:url("/img/design.png?version=1479911710") no-repeat -220px -55px;} #search-site #autocomplete-data ul {float:left; width:100%; margin:0; padding:0;} #search-site #autocomplete-data li {float:left; position:relative; width:336px; margin:0; padding:0 18px; background:none;} #search-site #autocomplete-data li a span.highlight { font-weight: bold; } #search-site #autocomplete-data li a {display:table-cell; *display:block; width:300px; height:48px; padding:2px 0 0 36px; background:url("/img/search-helper-line.png?version=1479911710") repeat-x 0 0; vertical-align:middle; font-size:12px; line-height:13px;} #search-site #autocomplete-data li:first-child a {background:none;} #search-site #autocomplete-data li .txt {*display:inline; *vertical-align:middle; zoom:1; cursor:pointer; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} #search-site #autocomplete-data li .ico, #search-site #autocomplete-data li .flag {position:absolute; display:block; top:10px; left:15px; width:35px; height:35px; margin:0; padding:0;} #search-site #autocomplete-data li .ico {top:12px; background-image:url("/img/icons.png?version=1479911710");} #search-site #autocomplete-data li .flag {background-image:url("/img/flags.png?version=1479911710");} #search-site #autocomplete-data .ico-1 {background-position:0 -70px;} #search-site #autocomplete-data .ico-2 {background-position:-35px -70px;} #search-site #autocomplete-data .flag-1 {background-position:0 0;} /* =Cooperate box ---------------------------------------------------------------------------- */ .cooperate {position:relative; width:1002px; margin:0 auto 10px auto; border:1px solid #e1e1e1; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .cooperate p {position:absolute; top:-12px; width:100%; left:0; color:#ed1846; font-weight:bold; font-size:15px; text-align:center;} .cooperate p span {padding:0 15px; background:#fff;} .cooperate p span a { color: #ed1846; text-decoration: underline; } .cooperate ul {float:left; width:100%; margin:0; padding:10px 0 10px 10px;} .cooperate li {float:left; width:120px; margin:0; padding:10px 2px; background:none;} .cooperate li .img {float:left; width:120px; height:65px; text-align:center;} .cooperate li img {max-width:120px; max-height:65px; vertical-align:middle;} /* =Homepage info box ---------------------------------------------------------------------------- */ .info-section{float:left; position:relative; width:100%; background:url("/img/info-box-bg.png?version=1479911710"); color: #005aab;} .info-section section{float:left;} .info-section section h2{font-size: 14px; color: #005aab; padding-top: 12px; padding-bottom: 5px; } .info-section section .decoration{width: 65px; height: 83px; float: left; background-repeat: no-repeat; pading-top: 10px; margin-right: 5px;} .info-section section.price{width: 280px;} .info-section section.price .decoration{background:url("/images/sprite/deco/deco.png?version=1479911710"); background-position: -76px -1px;} .info-section section.best{width: 355px;} .info-section section.best .decoration{background:url("/images/sprite/deco/deco.png?version=1479911710"); background-position: -1px -1px;} .info-section section.profi{width: 365px;} .info-section section.profi .decoration{background:url("/images/sprite/deco/deco.png?version=1479911710"); background-position: -144px -1px;} /* =Aside info box ---------------------------------------------------------------------------- */ #aside .info-section section{font-size: 13px;} #aside .info-section section .decoration{zoom: 0.8; -moz-transform: scale(0.8); float: left; margin-right: 2px; width: 73px;} #aside .info-section section h3{font-size: 14px; color: #005aab; padding-top: 5px; padding-bottom: 2px; line-height: 20px; float: right;width: 64%;} #aside .info-section section.price{width: auto; margin-left: 0px;} #aside .info-section section.best{width: auto;} #aside .info-section section.profi{width: auto;} #aside .info-section p{width: 64%; float: right;} /* =Homepage stripy ---------------------------------------------------------------------------- */ .box-group {float:left; width:492px;} .box-group.full {padding-top: 60px; width:100%;} .box-group .item {position:relative; width:214px; height:225px; padding:65px 10px 15px 10px; margin-right: 20px; background: white; border-color: silver; -moz-box-shadow: 1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .2); box-shadow: 1px 1px 2px rgba(0,0,0, .2); text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .box-group .item:last-child { margin-right: 0; } .box-group .item .image {position:absolute; top:-55px; left:62px; width:111px; height:111px;} .box-group .item .headline {float:left; width:100%; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom: 1px dashed #7f7f7f; height: 65px;} .box-group .item h2 {padding:0 0 5px 0; color: black; font-size:17px; line-height:19px; text-transform: uppercase;} .box-group .item p {padding:0; color:#4d4d4d; font-size: 13px;} .box-group .item .stars {position:relative; top:0; *top:-2px; padding:1px 5px 0 0;} .box-group .item .star{display:inline-block; *display: inline; zoom: 1; width:14px; height:13px; margin:0 1px;background: url("/img/design.png?version=1479911710") no-repeat -280px -40px;} .box-group .item table {float:left; width:100%;} .box-group .item table {width:100%; margin:0; padding:0;} .box-group .item table td {width:80px; padding:5px 0; border:0; color:black; font:12px/13px Tahoma, Geneva, sans-serif; text-align:right;} .box-group .item table td:first-child {width:100px; text-align:left; padding-right: 5px;} .box-group .item table td a {color: #005aab;} .box-group .item.highlight {background: url("../../img/box_bg.jpg?version=1479911710"); background-color: #C9E9F4; background-repeat: repeat-x; border-color: silver; -moz-box-shadow: 1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .2); box-shadow: 1px 1px 2px rgba(0,0,0, .2);} .box-group .item.highlight .headline {border-bottom: none;} .box-group .item.highlight a {color: black;} .box-group .item.highlight h2 {color: #FBF315;} .box-group .item.highlight p {color: white;} .box-group .item.highlight table td {color: black;} .box-group .item.highlight .star {display:inline-block; zoom: 1; *display: inline; width:9px; height:9px; margin:0 1px; background:url("/img/design.png?version=1479911710") no-repeat -420px -55px;} .box-group .item { border: 1px solid #d1e1e8; } /* =Strankovani ---------------------------------------------------------------------------- */ .pager-wrap {position: relative; width: 100%; margin: 30px 0 -15px 0; text-align: center;} .pager {display:block; height: 50px; line-height: 31px; text-align: center;} .pager .pagenumbers-container {float:left; width:580px; height: 50px; overflow:hidden;white-space:nowrap;} .pager a {height: 50px; float:left; padding: 0 12px; margin: 0 8px; line-height: 50px; font-size: 22px; color: #3c3c3c;} .pager a.pager-left {background: url("/img/pager-left.png?version=1479911710") center no-repeat;} .pager a.pager-right {float:right; background: url("/img/pager-right.png?version=1479911710") center no-repeat;} .pager a.pager-active {background: url("/img/pager-active.png?version=1479911710") center 2px no-repeat;} .pager a.pager-inactive:hover {text-decoration:none; cursor:text;} .pager .pagenumbers-container a {display:inline-block; zoom: 1; *display: inline;float:none} /* =FAQ ---------------------------------------------------------------------------- */ .faq {float:left; width:100%; padding:0 0 20px 0;} .faq ul {float:left; width:100%; margin:0; padding:0;} .faq li {float:left; width:100%; *width:932px; padding:15px; margin:0 0 2px 0; background:#f6f6f6 url("/img/faq-li.png?version=1479911710") repeat-x 0 0; border:1px solid #e1e1e1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:1px 1px 1px rgba(0,0,0, .1); -webkit-box-shadow:1px 1px 1px rgba(0,0,0, .1); box-shadow:1px 1px 1px rgba(0,0,0, .1);} .faq h3 {color:#005aab; text-transform:uppercase;} .faq h3 span {font-weight:normal; font-size:24px;} .faq p {padding:10px 0; line-height:20px;} .faq .article {float:left; width:100%;} /* =Ikony ---------------------------------------------------------------------------- */ .ico {display:inline-block; zoom: 1; *display: inline; width:20px; height:20px; margin:0 3px -5px 1px; background-image:url("/img/design.png?version=1479911710"); background-repeat:no-repeat;} .ico-bus {background-position:-140px 0;} .ico-bus-free {background-position:-140px 0;} .ico-bus-discount {background-position:0 0; background-image: url("/images/icon-bus-disc.png?version=1479911710");} .ico-bus-disc {background-position:-140px 0;} .ico-parking-discount {background-position:-160px 0;} .ico-parking-disc {background-position:-160px 0;} .ico-parking-free {background-position:-180px 0;} .icon-bus-free{ background-image: url("/img/icons/bus_free.png?version=1479911710"); background-size:20px 20px; } .icon-parking-free{ background-image: url("/img/icons/parking_free.png?version=1479911710"); background-size:20px 20px; } .icon-parking-modry{ background-image: url("/img/icons/parking-modry.png?version=1479911710"); background-size:20px 20px; } .icon-bus-city{ background-image: url("/img/icons/bus_city.png?version=1479911710"); background-size:20px 20px; } /* =Tooltip ---------------------------------------------------------------------------- */ .tooltip {cursor:help;} #tooltip {z-index:10010; color:#000; font-size:12px; line-height:17px;} /* vyssi z-index kvuli popupu */ #tooltip .content {position:relative; z-index:1; max-width:220px; padding:3px 10px 5px 10px; background:#fff; border:1px solid #ddd; -moz-box-shadow:2px 2px 4px -1px rgba(0,0,0, .5); -webkit-box-shadow:2px 2px 4px -1px rgba(0,0,0, .5); box-shadow:2px 2px 4px -1px rgba(0,0,0, .5); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #tooltip .arrow {position:absolute; z-index:2; width:20px; height:10px; margin-bottom:1px; background:url("/img/design.png?version=1479911710") no-repeat -440px 0;} /* =Fotogalerie slider ---------------------------------------------------------------------------- */ .sliderkit{position:relative;overflow:hidden;text-align:left;} .sliderkit a, .sliderkit a:hover{text-decoration:none;} .sliderkit img{border:0;} .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;} .sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;} .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;} .sliderkit .sliderkit-nav-clip ul li{float:left;} .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} .ie7 .sliderkit .ie-7-help{margin: 0; border: 0; padding: 0; clear: both; float: none; font-size: 1px;} .sliderkit .sliderkit-btn{z-index:10;} .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;} .sliderkit .sliderkit-panel-active{z-index:5;} .sliderkit .sliderkit-panel-old{z-index:4;} .sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;} .sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;} .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;} .sliderkit .sliderkit-panel .stripe { display: none;} .sliderkit .sliderkit-panel.loaded img{display: block; padding: 0px; width:754px; height:409px;} .sliderkit .sliderkit-panel img.loader{width: 66px; height: 66px; padding-left: 340px; padding-top: 170px;} .sliderkit .sliderkit-nav-clip ul li img {width:107px; height:51px;} .sliderkit .sliderkit-nav-clip ul li img.loader{width: 32px; height: 32px; padding-left: 37px; padding-top: 9px;} /* =Doporucene nabidky ---------------------------------------------------------------------------- */ .item-box {position:relative; z-index:2; width:285px; margin:0 0 20px 0; padding:12px 12px 80px 195px; background:#f4f4f4 url("/img/item-box.png?version=1479911710") repeat-x 0 0; border:1px solid #ededed; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .item-box:hover {-moz-box-shadow:2px 2px 3px rgba(0,0,0, .2); -webkit-box-shadow:2px 2px 3px rgba(0,0,0, .2); box-shadow:2px 2px 3px rgba(0,0,0, .2);} .item-box .hit-area {position:absolute; width:100%; height: 100%; left:0px; top:0px; z-index:1000;} .item-box .image {position:absolute; top:12px; left:12px;} .item-box .image a {position:relative; z-index:2; display:block; width:152px; height:152px; padding:4px; background:#fff; text-align:center; -moz-box-shadow:1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0, .2); box-shadow:1px 1px 2px rgba(0,0,0, .2);} .ie7 .item-box .image .ie-shadow, .ie8 .item-box .image .ie-shadow {position:absolute; z-index:1; top:-1px; left:-1px; width:100%; height:100%; padding:0; background:rgb(167,167,167); filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2); -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";} .item-box .image img {max-width:152px; max-height:152px; vertical-align:middle;} .item-box .services {position:absolute; top:185px; left:7px; width:165px;} .item-box .services ul {margin:0; padding:0;} .item-box .services li {float:left; margin:0 3px 5px 3px; padding:0 0 0 4px; background:none; border-left:1px solid #cecece; position: relative; z-index: 1010} .item-box .services li.no-border {border-left:0;} .item-box .services li img {display:block;} .item-box .headline {float:left; width:100%; min-height:85px; position: relative; } .item-box .headline h3 {padding:0 0 3px 0; font-size:17px; line-height:19px; } .item-box .headline a {text-decoration:underline;} .item-box .headline a:hover {text-decoration:none;} .item-box .headline small {float: left; display:block; padding:0 0 4px 0; font-size:14px; line-height:15px;} .item-box .headline p {float: right; padding:0; color:#ed1846; font:bold 20px/22px Tahoma, Geneva, sans-serif; padding-left: 6px;} .item-box table {float:left; width:98%; margin:0; padding:0;} .item-box table td {padding:2px; border-bottom:1px solid #ededed; font-size:12px; line-height:14px; text-align:left; vertical-align:middle;} .item-box table td:first-child {width:70px; font-weight:bold;} .item-box table td strong {color:#ed1846;} .item-box .btns {float:left; width:287px; position:absolute; right:12px; bottom:20px;} .item-box .btns a {float:right; display:block; width:107px; height:39px; padding:0 0 0 37px; background:url("/img/design.png?version=1479911710") no-repeat -280px -320px; color:#fff; font:bold 16px/37px Tahoma, Geneva, sans-serif;} .item-box .btns a:hover {background-position:-280px -364px; text-decoration:none;} .item-box .btns strong {float:left; display:block; width:136px; height:39px; padding:0 0 0 7px; background:url("/img/design.png?version=1479911710") no-repeat -317px -410px; color:#fff; font:normal 16px/37px Tahoma, Geneva, sans-serif;} .item-box .btns strong span {font-weight:bold;} .item-box .icon {position:absolute; z-index:3; top:-23px; left:-23px; width:125px; height:125px; } /* docasne reseni pro podporu starsi verze - deprecated */ .item-box .icon { background: url("/img/recommended/recommend_lang-1.png?version=1479911710") no-repeat 0 0; } .item-box .icon.akce-lang-1 { background-image: url("/img/recommended/akce_lang-1.png?version=1479911710"); } .item-box .icon.club_hotel-lang-1 { background-image: url("/img/recommended/club_hotel_lang-1.png?version=1479911710"); } .item-box .icon.dite_zdarma-lang-1 { background-image: url("/img/recommended/dite_zdarma_lang-1.png?version=1479911710"); } .item-box .icon.dovolena_cz-lang-1 { background-image: url("/img/recommended/dovolena_cz_lang-1.png?version=1479911710"); } .item-box .icon.nejnizsi_cena-lang-1 { background-image: url("/img/recommended/nejnizsi_cena_lang-1.png?version=1479911710"); } .item-box .icon.odlety_cr-lang-1 { background-image: url("/img/recommended/odlety_cr_lang-1.png?version=1479911710"); } .item-box .icon.pro_deti-lang-1 { background-image: url("/img/recommended/pro_deti_lang-1.png?version=1479911710"); } .item-box .icon.recommend-lang-1 { background-image: url("/img/recommended/recommend_lang-1.png?version=1479911710"); } /* =Admin info ---------------------------------------------------------------------------- */ .adminDesc{ color: #666; padding: 5px; background: #f6f6f6; border-top: 3px solid #1075BE; display: block; margin: 5px 1px; text-align: left; } .adminDesc table { width: 100%; margin: 0;} .adminDesc table th, .adminDesc table td { padding: 3px; text-align: left; border: 0; font-size: 12px; } .adminDesc table th { font-weight: normal; text-transform: uppercase; color: #000; width: 100px;} .adminDesc table th:after { content: ":"; } .adminDesc table td.admin-actions { text-align: right; width: 200px; vertical-align: top; } .adminDesc table td.admin-actions a { opacity: .75; display: block; float: right; padding: 3px 5px; margin: 1px; font-weight: bold; text-transform: uppercase; border: 0; cursor: pointer !important;} .adminDesc table td.admin-actions a:hover { opacity: 1; } .adminDesc table td.admin-actions a.pdf { background: #CD0001; color: #fff; } .adminDesc table td.admin-actions a.recommended { background: #1075BE; color: #fff; } .row.open .table-row span.row-item.column-admin { width: auto; display: block; text-align: left; line-height: 18px; } .debug-info h5 { display: block; margin: 3px auto; line-height: 35px; padding-left: 20px; background: #1075BE; color: #fff; } .debug-info p { display: block; margin: 0 auto; padding: 5px 20px; color: #000; } .debug-info table { display: block; margin: 5px auto; } .debug-info table td { color: #000; font-size: 12px; padding: 5px;} .debug-info table td.read, .debug-info table td.cache { font-weight: bold; text-transform: uppercase; } .tripslist-container .tab-fragment, .snake-container .tab-fragment {width:715px; border:0 none; background:none; border-radius:none; box-shadow:none} .tripslist-container ul.tabs-nav {background: url("/img/rezervace-menu-bg.jpg?version=1479911710") repeat-x scroll left bottom rgba(0, 0, 0, 0);border-bottom: 1px solid #A1A1A1;height: 38px;padding: 0 4px;} .tripslist-container ul.tabs-nav li {display: block;height: 38px;line-height: 38px;padding: 0;} .tripslist-container ul.tabs-nav li h2 {padding:0;margin:0} .tripslist-container ul.tabs-nav li:first-of-type > a {border: medium none;} .tripslist-container ul.tabs-nav li a {border:0px solid #5997CC;display:inline;font-size: 13px;font-weight: bold;padding: 0 17px;} .tripslist-container ul.tabs-nav li.active {background: none repeat scroll 0 0 #FFFFFF;border-color: #A1A1A1 #A1A1A1 -moz-use-text-color;border-image: none;border-style: solid solid none;border-top-left-radius: 2px;border-top-right-radius: 2px;border-width: 1px 1px 0;color: #000000;} .tripslist-container ul.tabs-nav li.active a {border: 0 none;} .tripslist-container ul.tabs-nav li.active + li a {border-left-color: rgba(0, 0, 0, 0);} .tripslist-container .search-loader, .snake-container .search-loader {width: 100%; height: 10px; display: block;} #complete-offers .destination-wrapper{padding-top: 5px;} #complete-offers .flag-wrapper{float: left;} #complete-offers .flag-wrapper .flag img{float: left; width: 25px;} body { position: relative; } #head-title { position: absolute; z-index: 100; width: 100%; margin: 0 auto; margin-bottom: 28px; bottom: -13px; min-height:40px;} #head-title div {width: 1000px; margin: 0 auto;} .rtbcontainer {position: absolute; bottom: 0px; background: none;} #head-title h1 { font-size: 14px; font-weight: normal; color: #A8BBC3; padding: 0; margin-left: 367px; line-height: 134%; } #promo-box { display: none; } .side { padding-top: 0px; } .easyPopItem{cursor: help;} .accepted h3 {margin: 20px 20px 0 20px;} .search_fail {background: #2b8ed1; background: -moz-linear-gradient(top, #2b8ed1 1%, #2460b0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2b8ed1), color-stop(100%,#2460b0)); background: -webkit-linear-gradient(top, #2b8ed1 1%,#2460b0 100%); background: -o-linear-gradient(top, #2b8ed1 1%,#2460b0 100%); background: -ms-linear-gradient(top, #2b8ed1 1%,#2460b0 100%); background: linear-gradient(to bottom, #2b8ed1 1%,#2460b0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b8ed1', endColorstr='#2460b0',GradientType=0 ); border-bottom: 1px solid #0a467b; border-top: 1px solid #20cbeb; border-left: 1px solid #1388ca; border-right: 1px solid #0a4a82; border-radius: 10px; margin-bottom: 30px; -moz-box-shadow: 1px 1px 1px 1px #BDBDBD; -webkit-box-shadow: 1px 1px 1px 1px #BDBDBD; box-shadow:1px 1px 1px 1px #BDBDBD;} .search_fail.last {margin-bottom: 10px;} .search_fail .navico{float: left; display: block; width: 18%; height: 100px; padding-right: 2%;} .search_fail .text{float: left; display: block; padding: 2% 1%; width: 76%; color: white;} .search_fail h4{margin-bottom: 15px; color: white;} .search_fail .arrow {width: 100%; height: 120px; background: url("/img/search_fail_arrow.png?version=1479911710") center center no-repeat;} .search_fail .arrow.down {-ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg);} .search-err{display: none;} /* =Trip search ---------------------------------------------------------------------------- */ div.trip-search-panel {width:99%;padding-left: 10px; padding-top:5px;} td.trip-search-type-name {text-align: left; } tr.trip-search-modes input {padding:3px;border: dotted 1px black;} /* =Recommended Destionations ----------------------------------------------------------------------------- */ ul.recommendedDestinations li{ list-style-type: square; color:#ED1846; background: none;padding: 3px 0 7px 5px; margin-left: 15px;} .recommendedDestinationBox h3{ padding: 15px 0 10px; margin-top: 20px; border-top: 1px solid #e1e1e1; } .infoAboutDestinations h3{ padding: 15px 0 10px; margin-top: 20px; border-top: 1px solid #e1e1e1; font-size: 20px;} .infoAboutDestinations span.flag{ padding-right: 5px;} ul.destinationsInfo li{ background-image: none; padding-left: 0; } ul.destinationsInfo li span{ margin-right: 5px; text-align: center; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; line-height: 0;} .btn-german-ck{ margin: 0 0 15px 15px; background-color: #00447a; color: #ffffff; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 1.3; text-align: center; cursor: pointer; border-radius: 4px; } .center-btn-german-ck{ margin:0; text-align: center; } /* = Quick search ----------------------------------------------------------------------------- */ #content .quick-search-header{ background-color: #A8CFE8; padding: 10px 10px 5px 20px; } #quick-search-form-wrapper{ border: 1px solid #e1e1e1; margin: 20px; 20px; 0 20px;} #quick-search-form-wrapper .quick-search-submit{background-color: #ED1846; padding: 10px 20px; display: inline-block; float:right; width: 90px; text-align:center; cursor: pointer; color: #fff;} #quick-search-form .search-site{ display: inline-block; margin-left: 10px; width: 610px; } #quick-search-form{ padding: 20px; 10px; background: #F6F6F6; } #quick-search-form .form-label{ float: left; padding-top: 5px; } #quick-search-form input{ display: inline-block;} #quick-search-form .quick-search-query{ width: 590px; top: 5px height: 25px; } #quick-search-content{ padding: 20px; } #quick-search-content .image{ float: left; margin-right: 20px; } #quick-search-content .image a{ position: relative; z-index: 2; display: block; padding: 4px; background: #fff; text-align: center; width: 230px; height: 130px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .2); box-shadow: 1px 1px 2px rgba(0,0,0, .2); } #quick-search-content .headline{ margin-top: 20px; } #quick-search-content .headline h4 { font-size: 20px; line-height: 20px; padding: 0 0 5px; color: #005aab; } #quick-search-content .bottom a, .destinationUrlContainer a.destinationUrl{ background: #0e62a9 url("/img/user-selection-bottom-a.png?version=1479911710") repeat-x scroll 0 0; color: #fff; display: inline-block; font-size: 14px; font-weight: bold; height: 24px; line-height: 21px; text-align: center; float: right; } #quick-search-content .bottom a{width: 30%;} .destinationUrlContainer a.destinationUrl{ width: 100%;} #quick-search-content .hotel-container, #quick-search-content .destination-container{ width: 80%; margin: 0 auto; border-bottom: 1px solid #e7e7e7; display: block; padding-bottom: 20px; padding-top: 20px; position: relative; } #autocomplete-data li .ico #autocomplete-data li .flag{ url("/images/icons.png?version=1479911710"); background-position: 0 -70px; } ul.ui-autocomplete{ background: #f2f9fe none repeat scroll 0 0; border: 1px solid #b6d8f7; z-index: 999; -moz-box-shadow: 4px 4px 6px -4px; -webkit-box-shadow: 4px 4px 6px -4px; box-shadow: 4px 4px 6px -4px; width: 370px; padding: 0; margin: 0; } ul.ui-autocomplete:before{ position:absolute; top: -16px; left: 80px; width: 72px; height: 16px; background: url("/img/design.png?version=1479911710") no-repeat -220px -55px; content: ''; } ul.ui-autocomplete li{ text-decoration: none; background-image: none; padding: 0; margin: 0; } ul.ui-autocomplete .ico-text { display: none; } ul.ui-autocomplete .ico-destination { background: none; display: inline-block; width: 9%; padding-bottom: 5px; } ul.ui-autocomplete .ico-hotel { background-image: url("/images/layout/quick_search_hotel.png?version=1479911710"); } ul.ui-autocomplete .ico-hotel { display: inline-block; width: 9%; padding-bottom: 5px; } ul.ui-autocomplete .ico-hotel{ /*background-position:-35px -70px;*/ } ul.ui-autocomplete .ico{ width: 30px; height: 30px; } ul.ui-autocomplete .desc { display: inline-block; width: 89%;; vertical-align: top; line-height: 14px; } ul.ui-autocomplete .desc .name { font-weight: bold; white-space: nowrap; overflow: hidden; } ul.ui-autocomplete .desc .title { white-space: nowrap; overflow: hidden; } ul.ui-autocomplete .text .desc { width: 95%; } ul.ui-autocomplete li a { background: url("/images/layout/search-helper-line.png?version=1479911710") repeat-x scroll 0 bottom; display: block; position: relative; height: 30px; font-size: 12px; padding: 7px 5px; } ul.ui-autocomplete li:last-child a { background: none; } ul.ui-autocomplete li a:hover { background-color: #DBECFA; } ul.ui-autocomplete li a:hover .desc { text-decoration: underline; } ul.autocomplete-data ul li{ background: none; } #quick-search .quick-search-loader li{ padding: 0; text-align: center; } #quick-search .quick-search-loader{ padding:5px; } #quick-search-content h1{ margin-left: 95px; } .ui-autocomplete-loading{ background: url("/images/loader-offer-red.svg?version=1479911710"); no-repeat center center; } #quick-search .autocomplete-data .content{ border: none; width: 372px; background:#f2f9fe; height: 50px; background: url("/images/loading.gif?version=1479911710"); background-repeat: no-repeat; background-position: center; background-color:#f2f9fe; border:1px solid #b6d8f7; } .autocomplete-data .content { top:64px; left:0; width:372px; background:#f2f9fe; border:1px solid #b6d8f7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 1px 2px; -webkit-box-shadow:1px 1px 2px; box-shadow:1px 1px 2px;} #quick-search-content .quick-search-next-button-wrap{ text-align:center; margin-top: 20px; margin-bottom: 20px; position: relative; } #quick-search-content .quick-search-next-button{ background: url("/images/layout/next-btn.png?version=1479911710"); padding:10px; color: #fff; margin-top: 10px; cursor: pointer; } .evaluation.destination-link-ck{ color: #fff; display: inline-block; font-size: 13px; line-height: 21px; text-align: center; float: right; } .evaluation.destination-link-ck a{ background: #0e62a9 url("/img/user-selection-bottom-a.png?version=1479911710") repeat-x scroll 0 0; color: #fff; width: 40%; padding: 2px 10px; top: 110px; position: absolute; right:0; } .hotel-icons ul.service{ float:left; } .hotel-icons ul.service li{ display: inline-block; height: 17px; } #quick-search-content .ico-destination{ float: left; margin-right: 20px; } .destination-container h4{ float: left;} .destinationUrlContainer{ float: right; text-align: center; width:220px;} .quick-search-page-destinations .destination-container h4{ font-size: 20px; line-height: 20px; padding: 0 0 5px; color: #005aab; max-width: 40%; } .quick-search-page-hotels h3, .quick-search-page-destinations h3{ background: #EAEAEA; padding: 20px; border: 1px solid #D0D0D0; border-radius: 3px; padding: 10px; color: #4d4d4d; font: bold 18px/20px Tahoma, Geneva, sans-serif; } .quick-search-page-destinations h3{ margin: 50px 0 5px; } .destinationUrlContainer a.destinationUrl{ width: 100%; padding: 0 5px; } .quck-search-loader{ background:url("/images/ajax-loader.gif?version=1479911710") no-repeat 0 0; text-align:center; display: inline-block; width: 35px;height:35px; position: absolute; left: 340px; top: -5px; } .offer-group-container .not-valid-info{ line-height: 15px; padding:none; } /* = recently ordered ----------------------------------------------------------------------------- */ .recently-ordered h3{ padding: 0 0 5px 0; font-size: 24px; line-height: 20px; color: #005AAB; margin-bottom: 20px; text-align: center; } .recently-ordered .recently-ordered-item{ margin: 5px; background: #f9f9f9; border: 1px solid #e2e2e2; border-radius: 2px; padding: 5px; position: relative; width: 285px; height: 340px; z-index: 2; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .recently-ordered .recently-ordered-item .evaluation{ height: 106px; display: table-cell; vertical-align: bottom; } .recently-ordered .recently-ordered-item .evaluation .rating-count, .recently-ordered .recently-ordered-item .evaluation .add-rating{ display: none; } .recently-ordered .recently-ordered-item .headline{ min-height: 45px; } .recently-ordered .headline h3{ font-size: 17px; line-height: 19px; padding: 0 0 3px; text-align: left; margin-bottom: 0; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .recently-ordered .recently-ordered-item .person-price{ color: #ED1846; font-size: 18px; font-weight: bold; display: inline-block; text-align: right; float: right; margin: 10px 5px; clear: both; } .recently-ordered .recently-ordered-item .person-price .price-description{ color: #4d4d4d; font-size: 13px; font-weight: normal; } .evaluation-wrapper{ margin-top: -33px; } .recently-ordered .recently-ordered-item a.continue{ background: rgba(0, 0, 0, 0) url("/img/design.png?version=1479911710") no-repeat scroll -280px -320px; color: #fff; display: block; float: right; font: bold 16px/37px Tahoma,Geneva,sans-serif; height: 39px; padding: 0 0 0 37px; width: 107px; } .recently-ordered .recently-ordered-date .column-date_date{ float:right; text-align: right; clear: both } .recently-ordered .recently-ordered-date .column-date_date{font-weight: bold;} .recently-ordered button.slick-prev, .recently-ordered button.slick-next{ height: 60px; } .hotel-locality a{ color: #4d4d4d; font-size: 13px; } .hotel-locality-wrapper{ min-height: 20px; display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hotel-locality-wrapper p{ padding: 0 0 5px 0;} .offer-block .row.apartment-name{ background: #9ED2F7; margin-bottom: -2px; } .offer-block .row.apartment-name span.apartment-name{ padding-left: 15px; font-weight: bold; } .apartment-catering{ float: left; padding-left: 15px; } .socialni-tlacitka-kariera{ margin-right: 20px;} .filter-confirm-loader{ display: none; width: 200px; height: 10px; text-align: center; color: #fff; padding: 5px 10px 20px; font-size: 34px; margin-bottom: 15px; } #complete-offers .destination-children{ display:none; } #complete-offers .country-names-table{ width: 100%; } #complete-offers .snake a.destination-expand{ text-decoration:none; padding: 5px 10px 5px; background: url("/img/offer-terminy.png?version=1479911710") -85px 0 no-repeat; } .snake-container table td.destination-expand-container{ padding: 0; } .destination-children .country-names-table td.bold.price{ padding-right: 110px; padding-left: 24px; text-align: right; } table.striped.second tr:nth-child(2n) td.align-left{ padding-left: 19px; padding-right: 5px; } .country-names-table td .transport{ padding-right: 45px; } tr.destination td.name{ padding-left: 40px; } .country-names-table td.name{ padding-left: 40px; width: 187px; } #complete-offers td.name{ width: 262px; padding-left: 70px; } #complete-offers td.name{ width: 35%; } .column-price .backpacker-description{ font-size: 12px; } #popupDialog .head.main .backpacker-description{ font-size: 12px; font-weight: 100; } /* File: banners.css Description: Styly pro bannerovaci systemy. */ /* Table of Contents - Slajdy */ /* =Slajdy ---------------------------------------------------------------------------- */ .side {float:right; width:300px; padding-top:60px; text-align:center;} .side .slider {position:relative; width:300px;} .side .slider-container {width:300px; height:300px; overflow-y:hidden; overflow-x:hidden;} .side .slide {float:left; width:300px; height:300px; text-align:left;} .side .form {width:300px; height:300px; margin:0; padding:0;} .side .form.pohlednice {position:relative; width:705px} .side .form.pohlednice form {width:705px; background: url("/img/form-expand.png?version=1479911710") no-repeat 0 0; } .side .form.pohlednice.open form {width:705px; background: url("/img/form-expand-open.png?version=1479911710") no-repeat 0 0; } .side .form.pohlednice form .row {padding: 1px 0 10px 0;} .side .form.pohlednice form .row.free3 {padding: 1px 0 75px 0;} .side .form.pohlednice textarea {margin: 13px 0 15px 0; width:290px;height:170px;} .form.pohlednice form .letter-comment { display: none; } .side .pohlednice-side {height:295px; width:17px; position:absolute; right:1px; z-index:9; background:url("/img/form-side.png?version=1479911710") no-repeat 0 0; top:1px;} .side .content-holder{position:relative; width:283px; overflow:hidden; left:3px;} .side .form form {width:300px; height:300px; margin:0; padding:0; background:url("/img/side-form.png?version=1479911710") no-repeat 0 0;} .side .form .left {width:225px; padding:20px 0 0 30px;} .side .form h2 {float:left; width:150px; padding:0 0 7px 0; color:#ed1846; font-size:30px; line-height:35px;} .side .form textarea {width:230px; margin:0 0 6px 0;} .side .form .row {padding:3px 0;} .slider-pager {position:relative; display:inline-block; zoom: 1; *display: inline; padding:10px 0 0 0;} .slider-pager .prev {display:block; overflow:hidden; position:absolute; top:15px; left:-12px; width:12px; height:11px; background:url("/img/design.png?version=1479911710") no-repeat -320px -20px; text-indent:-100px; *top:11px} .firefox .slider-pager .prev {top:16px;} .slider-pager .prev:hover {background-position:-320px -31px;} .slider-pager .next {display:block; overflow:hidden; position:absolute; top:15px; right:-16px; width:12px; height:11px; background:url("/img/design.png?version=1479911710") no-repeat -333px -20px; text-indent:-100px; *top:11px} .firefox .slider-pager .next {top:16px;} .slider-pager .next:hover {background-position:-333px -31px;} .slider-pager ul {margin:0; padding:0;} .slider-pager li {overflow:hidden; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0; padding:0 1px; background:none;} .slider-pager li a {overflow:hidden; display:block; width:12px; height:12px; background:url("/img/design.png?version=1479911710") no-repeat -280px -20px; text-indent:-100px;} .slider-pager li a:hover, .slider-pager li.current a {background-position:-300px -20px;} #banner-container {display:block; background-repeat: no-repeat; background-color: transparent;cursor: pointer; position: absolute;} #banner-container a {display:block; } .side { padding-top: 0px; }/* File: colorbox.css Description: Stylovani popup okna (colorbox). */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:8999;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /*** COLORBOX POPUP ***/ #cboxOverlay.open-popup{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);} #colorbox.open-popup{outline:0;} .open-popup #cboxContent{padding: 30px 20px 15px 20px; border: 3px solid #cce2f0; border-radius: 10px; background: url("/img/popup/popup-bg.png?version=1479911710") repeat-x #fff; z-index:10001; font-size: 13px; color: #000;} .open-popup #cboxLoadingGraphic{background:url("/img/colorbox//loading.gif?version=1479911710") no-repeat center center;} .open-popup #cboxClose{border:0px solid white; display: block; position: absolute; width: 42px; height: 42px; top: -20px; right: -20px; background: url("/img/popup/popup-close.png?version=1479911710") no-repeat; font-size: 0px;} /*** COLORBOX EMAIL PDF ***/ #cboxOverlay.email-pdf-popup{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);} #colorbox.email-pdf-popup{outline:0;} .email-pdf-popup #cboxContent{padding: 30px 20px 15px 20px; border: 3px solid #cce2f0; border-radius: 10px; background: url("/img/popup/popup-bg.png?version=1479911710") repeat-x #fff; z-index:10001; font-size: 13px; color: #000;} .email-pdf-popup #cboxLoadingGraphic{background:url("/img/colorbox//loading.gif?version=1479911710") no-repeat center center;} .email-pdf-popup #cboxClose{border:0px solid white; display: block; position: absolute; width: 42px; height: 42px; top: -20px; right: -20px; background: url("/img/popup/popup-close.png?version=1479911710") no-repeat; font-size: 0px;} /*** COLORBOX HOTEL MAP ***/ #cboxOverlay.hotel-map-popup{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);} #colorbox.hotel-map-popup{outline:0;} .hotel-map-popup #cboxContent{padding: 7px; border: 3px solid #cce2f0; border-radius: 10px; background: url("/img/popup/popup-bg.png?version=1479911710") repeat-x #fff; z-index:10001; font-size: 13px; color: #000;} .hotel-map-popup #cboxLoadingGraphic{background:url("/img/colorbox//loading.gif?version=1479911710") no-repeat center center;} .hotel-map-popup #cboxClose{border:0px solid white; display: block; position: absolute; width: 42px; height: 42px; top: -20px; right: -20px; background: url("/img/popup/popup-close.png?version=1479911710") no-repeat; font-size: 0px;} /*** COLORBOX UNTICK GERMAN ***/ #cboxOverlay.untick-german-popup{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);} #colorbox.untick-german-popup{outline:0;} .untick-german-popup #cboxContent{padding: 30px 20px 15px 20px; border: 3px solid #cce2f0; border-radius: 10px; background: url("/img/popup/popup-bg.png?version=1479911710") repeat-x #fff; z-index:10001; font-size: 13px; color: #000;} .untick-german-popup #cboxLoadingGraphic{background:url("/img/colorbox//loading.gif?version=1479911710") no-repeat center center;} .untick-german-popup #cboxClose{display: none;} /*** COLORBOX GALERIE ***/ #cboxOverlay.photo-gallery{background:url("/img/colorbox/overlay.png?version=1479911710") repeat 0 0;} #colorbox.photo-gallery{outline:0;} .photo-gallery #cboxTopLeft{width:21px; height:21px; background:url("/img/colorbox/controls.png?version=1479911710") no-repeat -101px 0;} .photo-gallery #cboxTopRight{width:21px; height:21px; background:url("/img/colorbox/controls.png?version=1479911710") no-repeat -130px 0;} .photo-gallery #cboxBottomLeft{width:21px; height:21px; background:url("/img/colorbox/controls.png?version=1479911710") no-repeat -101px -29px;} .photo-gallery #cboxBottomRight{width:21px; height:21px; background:url("/img/colorbox/controls.png?version=1479911710") no-repeat -130px -29px;} .photo-gallery #cboxMiddleLeft{width:21px; background:url("/img/colorbox/controls.png?version=1479911710") left top repeat-y;} .photo-gallery #cboxMiddleRight{width:21px; background:url("/img/colorbox/controls.png?version=1479911710") right top repeat-y;} .photo-gallery #cboxTopCenter{height:21px; background:url("/img/colorbox/border.png?version=1479911710") 0 0 repeat-x;} .photo-gallery #cboxBottomCenter{height:21px; background:url("/img/colorbox/border.png?version=1479911710") 0 -29px repeat-x;} .photo-gallery #cboxContent{background:#fff; overflow:hidden;} .photo-gallery .cboxIframe{background:#fff;} .photo-gallery #cboxError{padding:50px; border:1px solid #ccc;} .photo-gallery #cboxLoadedContent{margin-bottom:28px;} .photo-gallery #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} .photo-gallery #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} .photo-gallery #cboxLoadingOverlay{background:url("/img/colorbox/loading_background.png?version=1479911710") no-repeat center center;} .photo-gallery #cboxLoadingGraphic{background:url("/img/colorbox/loading.gif?version=1479911710") no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ .photo-gallery #cboxPrevious, .photo-gallery #cboxNext, .photo-gallery #cboxSlideshow, .photo-gallery #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ .photo-gallery #cboxPrevious:active, .photo-gallery #cboxNext:active, .photo-gallery #cboxSlideshow:active, .photo-gallery #cboxClose:active {outline:0;} .photo-gallery #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} .photo-gallery #cboxPrevious{position:absolute; bottom:0; left:0; background:url("/img/colorbox/controls.png?version=1479911710") no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} .photo-gallery #cboxPrevious:hover{background-position:-75px -25px;} .photo-gallery #cboxNext{position:absolute; bottom:0; left:27px; background:url("/img/colorbox/controls.png?version=1479911710") no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} .photo-gallery #cboxNext:hover{background-position:-50px -25px;} .photo-gallery #cboxClose{position:absolute; bottom:0; right:0; background:url("/img/colorbox/controls.png?version=1479911710") no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} .photo-gallery #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* File: dates.css Description: Stylovani prvku tykajicich se vyhledanych zajezdu. */ /* Table of Contents - Hadi - Trips list - Ikony - Konkretni terminy */ /* =Hadi ---------------------------------------------------------------------------- */ table .map-pin {width:22px; height:22px; background:url("/images/layout/pinRezervace.png?version=1479911710"); display:inline-block; zoom: 1; *display: inline;} table .flag {width:27px; height:28px; display:inline-block; zoom: 1; *display: inline; margin:auto; padding:0px; vertical-align:middle; margin-right:8px;} /* =Trips list ---------------------------------------------------------------------------- */ .offer {display: block; position: relative; width: 100%; padding: 1px 0 20px 0; margin: 0 0 10px 0; border-bottom: 1px solid #cccccc; background: none; color: #000;} .offer.top {margin: 0 0 20px 0; border: 1px solid #fdb600; background: #fffced;} .offer-shadow {position: absolute; bottom: -12px; width: 100%; height: 11px; background: url("/img/offer-shadow.png?version=1479911710") bottom left no-repeat;} .offer .image a {position:relative; z-index:2; display:block; padding:4px; background:#fff; text-align:center; -moz-box-shadow:1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0, .2); box-shadow:1px 1px 2px rgba(0,0,0, .2);} .offer .image a { width: 230px; height:130px; } .ie7 .offer .image .ie-shadow, .ie8 .offer .image .ie-shadow {position:absolute; z-index:1; top:-1px; left:-1px; width:100%; height:100%; padding:0; background:rgb(167,167,167); filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2); -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";} .offer .image img {max-width:230px; max-height:130px; vertical-align:middle; } .offer .image { float: left; margin-right: 25px; } .offer .recommend {position:absolute; z-index:3; top:-24px; left:-23px; width:125px; height:125px; background:url("/img/recommend.png?version=1479911710") no-repeat 0 0;} .offer .headline {width: 500px; margin-bottom: 10px;} .offer .headline h4 {padding:0 0 5px 0; font-size:20px; line-height:20px;} .offer .headline small {display:block; padding:0 0 4px 0; font-size:13px; line-height:15px;} .offer .offer-services{ margin-top: 20px; } .offer .service li {height:26px !important;margin:0;padding:0 !important;width:32px !important;} .offer .evaluation { font-size: 13px; } .offer .evaluation .value {color: #005aab; margin: 0 0 0 10px;} .offer .evaluation .value a {text-decoration: underline;} .offer .evaluation .evaluate {background: none; text-decoration: underline;} .offer .price-wrapper {position: absolute; top: 0; right: 12px; text-align: right; padding:0; } .offer .price {color:#ed1846; font:bold 28px Tahoma, Geneva, sans-serif;} .offer .price small {display:block; color: #000; font-size:12px; font-weight: normal;} .offer .price small.red {color:#ed1846; margin: 3px 3px;} .offer .pokracovat { background: url("/img/pokracovat-arrow.png?version=1479911710") repeat scroll 0 0 transparent; color: white; cursor: pointer; display: inline-block; height: 31px; line-height: 31px; text-align: center; text-indent: -15px; width: 116px; position: absolute; bottom: 0; right: 0;} .offer .actions { font-size: 13px; line-height: 15px;} .offer .actions a {padding: 0 0 0 25px;} .offer .actions .compare {background: url("/img/offer-compare.png?version=1479911710") left no-repeat; text-decoration: underline;} .offer .actions .watch {background: url("/img/offer-watch.png?version=1479911710") left no-repeat; text-decoration: underline;} .offer .actions .evaluate {background: url("/img/offer-evaluate.png?version=1479911710") 7px 2px no-repeat; text-decoration: underline;} .offer .selected-offers {display: block; position: relative; left: 15px; margin: 177px 0 8px 0; color: #e81845; font-size: 13px; font-weight: bold;} .offer .row {position: relative; width: 702px; margin: 0 auto 1px auto; line-height: 31px; background: #c8e5fc;} .offer .row-wrapper {margin-left: 5px;} .offer .row {position: relative; width: 702px; margin: 0; line-height: 35px; background: #c8e5fc;} .offer.top .row {background: #ffe9a5;} .offer .row .catering {float: left; padding: 0 0 0 15px; font-size: 14px; font-weight: bold; width: 170px;} .offer .row .catering span {font-weight: normal;} .offer .fewo-row .catering {width: auto;} .offer .row .duration {float: right; color: #3f3f3f; padding: 0 10px 0 0; width: 80px;} .offer .row .rowprice {float: right; padding: 0 20px 0 0; color:#ed1846; width: 85px; text-align: right;} .offer .fewo-row .rowprice {width: 110px;} .offer .row .date {color: #fff; float: right; background: url("/img/offer-terminy.png?version=1479911710") 0 0 no-repeat; width: 109px; height: 28px; margin-top: 3px; margin-right: -25px; line-height: 28px;} .offer .row .date span {padding: 0 20px 0 20px;} .offer .row .date:hover {text-decoration: none;} /*.offer .row .date.loading-dates span {background: url("/img/overuji-symbol.gif?version=1479911710") no-repeat scroll 3px 1px transparent;}*/ .offer .row .date-button {color: #fff; float: right; background: url("/img/offer-terminy.png?version=1479911710") 0 0 no-repeat; width: 109px; height: 28px; margin-top: 3px; margin-right: -25px; line-height: 28px;} .offer .row.open .date-button {color: #fff; float: right; background: url("/img/offer-terminy.png?version=1479911710") 0 -28px no-repeat; height: 28px; margin-top: 3px; margin-right: -25px; line-height: 28px;} .offer .row .date-button span {padding: 0 20px 0 20px;} .offer .row .date-button:hover {text-decoration: none;} /*.offer .row .date-button.loading-dates span {background: url("/img/overuji-symbol.gif?version=1479911710") no-repeat scroll 3px 1px transparent;}*/ .offer .row .icons-left, .offer .row .icons-right {float: left; padding: 4px 5px 0 0; height: 27px; width: 217px;} .offer .row-boards .icons-left, .offer .row-boards {width: 100px;} .offer .offer-pager-wrap {position: relative; width: 100%; top: 12px; padding: 0;text-align: center; cursor: default;} .offer .offer-pager {position:relative; display:inline-block; zoom: 1; *display: inline; margin: auto;} .offer .offerDiscountBox { font-size: 14px; font-weight: normal; } .offer .offerDiscountBox .offerDiscountValue { text-decoration: line-through; } .offer .row .airport-price-info {float: left; margin: 2px 0 0 0; height: 29px; width: 29px; background: url("/img/info-button.png?version=1479911710") no-repeat 0 0 transparent;} .offer-select {display: inline-block; *display: inline; zoom: 1; position: relative; width: 100%; height: 40px; margin: -5px 0 30px 0; border-bottom:1px solid #a1a1a1; background:url("/img/rezervace-menu-bg.jpg?version=1479911710") repeat-x left bottom; text-align: center;} .offer-select a {display: inline-block; *display: inline; zoom: 1; font-size: 14px; padding: 0 61px; border-left:1px solid #5997cc; font-weight: bold; line-height: 20px;} .offer-select a:first-of-type { border: none;} .offer-select a.active+a { border-left-color: transparent;} .offer-select a.active {color:black; background:white; border:1px solid #a1a1a1; border-bottom-color: transparent; border-top-left-radius:2px; border-top-right-radius:2px; line-height: 39px;} .offer-select .active {border:1px solid #a1a1a1; border-top-left-radius:2px; border-top-right-radius:2px;} .offer-select a.active:hover {text-decoration: none;} .plane-claim {background:url("/img/plane-claim.png?version=1479911710"); margin-top: 13px; height:35px; width: 405px; line-height: 35px; text-align: center; text-indent: 43px; font-family: Tahoma; font-weight:bold; color: #005aab; font-size:13px; position:relative; left:17px;cursor:pointer;} .plane-claim.dead {background:url("/img/plane-claim.png?version=1479911710") 0 35px; background-repeat: repeat-y; padding-left: 15px; text-align: left; width:100%;} .column-price .backpacker {font-size: 12px; display: block; font-weight: bold;} .reservation .hotel-name .backpacker {font-size: 12px; font-weight: bold;} .plane-claim .wait{display: none;} .plane-claim.waiting .text{display: none;} .plane-claim.waiting .wait{display: block;} .offer .ck-count {position: absolute; top: 60px; right: 15px; width: 175px; color: #000; line-height: 18px; font-size: 13px; text-align: right;} /* =Ikony ---------------------------------------------------------------------------- */ .service-small {float:left; width:27px; height:27px; margin: 0px 4px 4px 0px; padding: 0px; border: 0px solid silver; display: inline-block; zoom: 1; *display: inline; position:relative;} .service-small.zvirata {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 0 no-repeat;} .service-small.krb {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -27px no-repeat;} .service-small.virivka {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -54px no-repeat;} .service-small.sauna {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -81px no-repeat;} .service-small.satelit {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -108px no-repeat;} .service-small.pracka {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -135px no-repeat;} .service-small.mycka {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -162px no-repeat;} .service-small.plaz {background: url("/img/ico-poznavaci.png?version=1479911710") 0 0 no-repeat;} .service-small.klimatizace {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -27px no-repeat;} .service-small.bazen {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -54px no-repeat;} .service-small.deti {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -81px no-repeat;} .service-small.sport {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -108px no-repeat;} .service-small.internet {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -135px no-repeat;} .service-small.child4free {background: url("/img/disc-icons/icon_child.png?version=1479911710") no-repeat;} .service-small.child4cheap {background: url("/img/disc-icons/icon_child.png?version=1479911710") no-repeat;} .service-small.bonus {background: url("/img/disc-icons/icon_gift.png?version=1479911710") no-repeat;} .service-small.senior {background: url("/img/disc-icons/icon_senior.png?version=1479911710") no-repeat;} .service-small.action {background: url("/img/disc-icons/icon_action.png?version=1479911710") no-repeat;} .service-small.parkingfree {background: url("/img/parking-free.png?version=1479911710") no-repeat;} .service-small.cktransport {background: url("/img/disc-icons/bus_sedy.png?version=1479911710") no-repeat;} .service-small.tripask {background: url("/img/disc-icons/icon_phone.png?version=1479911710") no-repeat;} .service-small.pokoj_ihned {background: url("/img/disc-icons/icon_luzko.png?version=1479911710") no-repeat;} .service-small.cesky_delegat {background: url("/img/disc-icons/icon_cz_delegat.png?version=1479911710") no-repeat;} .service-small.age18 {background: url("/img/disc-icons/icon_18plus.png?version=1479911710") no-repeat;} .service-small.train {background: url("/img/disc-icons/icon_train_sedy.png?version=1479911710") no-repeat;} .service-small.lastminute {background: url("/img/icon_lm.png?version=1479911710") no-repeat;} .service-small.firstminute {background: url("/img/icon_fm.png?version=1479911710") no-repeat;} .service-small.bus-free {background: url("/img/bus_zluty.png?version=1479911710") no-repeat;} .service-small.bus-disc {background: url("/img/bus_half.png?version=1479911710") no-repeat;} .service-small.parking-free {background: url("/img/parking-free.png?version=1479911710") no-repeat; } .service-small.parking-disc {background: url("/img/parking-modry.png?version=1479911710") no-repeat; } .service-small.car {background: url("/images/icon_caro_18.png?version=1479911710") no-repeat; } .service-small.fotolab {background: url("/images/icon_fotolab.png?version=1479911710") no-repeat; } .service-small.lego {background: url("/images/icon_lego.png?version=1479911710") no-repeat; } .service-small.dermacol {background: url("/images/icon_dermacol.jpg?version=1479911710") no-repeat; } .service-small.premium {background: url("/images/icon_premium_hotel.png?version=1479911710") no-repeat; } .service-small.garance_snehu {background: url("/images/icon_garance_snehu.png?version=1479911710") no-repeat; } /* =Konkretni terminy ---------------------------------------------------------------------------- */ .row.open {padding-top:0px; margin-bottom:10px;} .row.open.apartmans .catering {font-size:20px;} .row.open .date {background: url("/img/offer-terminy.png?version=1479911710") 0 28px; width: 68px;margin-right: -24px; padding: 0 20px 0 20px;} .row.open .date span {padding: 0;} .row.open .table-menu {width:96%; margin:auto; position:relative; top:9px; margin-top:3px;} .row.open .table-menu a {color:#ed1846; font-size:13px; padding:7px 27px;} .row.open .table-menu a.active {border:1px solid #95c1e7; border-bottom:none; background:#c8e5fc; color:black; font-weight:bold;} .row.open hr {border: none; background-color: #95c1e7; height: 1px; width: 100%;} .row.open .table-wrapper {padding:0; width:700px; margin:auto; position:relative; background: white;} /* calendar */ .row.open .table-wrapper.calendar {height:213px; padding:5px 14px;} .row.open .table-wrapper.calendar .ui-datepicker {box-shadow:none; width:660px; height:187px;} .row.open .table-wrapper.calendar .ui-datepicker .ui-datepicker-group {width:219px; } .row.open .table-wrapper.calendar .ui-datepicker td.full a {background:url("/img/calendar-full.png?version=1479911710") 5px 100% no-repeat; } .row.open .table-wrapper.calendar .ui-datepicker td.free-but a {background:url("/img/calendar-free-but.png?version=1479911710") 5px 100% no-repeat; } .row.open .table-wrapper.calendar .ui-datepicker td.free a {background:url("/img/calendar-free.png?version=1479911710") 5px 100% no-repeat; } .row.open .table-wrapper.calendar .ui-datepicker .help {float:right; padding:15px 5px 0 0; color:white; font-size:12px; line-height:15px; text-align:center;} .row.open .table-wrapper.calendar .ui-datepicker .help p {margin:8px 0; padding:0px;} .row.open .table-wrapper.calendar .ui-datepicker .help p span { padding-bottom:2px;} .row.open .table-wrapper.calendar .ui-datepicker .help p span.full {border-bottom:2px solid #ff0000;} .row.open .table-wrapper.calendar .ui-datepicker .help p span.free-but {border-bottom:2px solid #06dfdb;} .row.open .table-wrapper.calendar .ui-datepicker .help p span.free {border-bottom:2px solid #06df50;} .row.open .table-wrapper .table-header span {border:none; display: inline-block; zoom: 1; *display: inline; text-align:center; font-size:14px; line-height: 18px; vertical-align: middle;} .row.open .table-wrapper .table-header span.sortable { cursor: pointer; } .row.open.apartmans .table-wrapper .table-header span.cena {padding-left:325px;} .row.open .table-wrapper span.column-date_date {width: 75px; font-size: 14px; line-height: 17px; cursor: pointer; } .row.open .table-wrapper span.column-date_days {width: 65px;} .row.open .table-wrapper span.column-date_length {width: 0px;} .row.open .table-wrapper span.column-transport {width: 40px; height: 20px;} .row.open .table-wrapper .table-header span.column-date_length {overflow: visible; white-space: nowrap; margin-left: 5px; width: 0px;} .row.open .table-wrapper span.column-service {width: 110px;} .row.open .table-wrapper span.column-description {width: 35px; height: 30px;} .row.open .table-wrapper span.column-organizer {width: 90px; height: 30px; margin-top: 3px;} .row.open .table-wrapper span.column-icons {width: 81px;} .row.open .table-wrapper span.column-price {width: 110px;} .row.open .table-wrapper span.column-order {padding:0 0; width:90px; position:relative; z-index:20; *padding:0 0 0 25px;} /* doladeni dates */ .row.open .table-wrapper .table-header span.column-price {text-align: center;} .row.open .table-wrapper .table-header span.column-description {white-space: nowrap; overflow: visible; margin-left: 0px; width: 93px; height: 18px;} .row.open .table-wrapper span.column-icons {width: 95px;} .row.open .table-wrapper span.column-icons a img {float:left; margin: 0px 2px 2px 0px; padding: 0px; border: 0px solid silver; display: inline-block; display:inline-block; zoom: 1; *display: inline; background-repeat: no-repeat;} .row.open .table-wrapper span.column-price { width: 120px; text-align: right; margin-right: 10px; line-height: 20px;} .row.open .table-wrapper span.column-description {width: 93px;} .row.open .table-wrapper span.column-date_length {width: 55px;} .row.open .table-wrapper span.column-organizer {width: 0px; position: relative;} .row.open .table-wrapper span.column-organizer img {position: absolute; top: -10px; left: -30px; height: 12px;} .row.open .table-wrapper span.column-service {width: 80px;} .row.airport{background: #9ED2F7; margin-top: 3px;} .row.airport .catering{font-size: 16px;} .row.board .catering {padding: 0 0 0 30px; font-weight: normal;} .row-offer-level0 .row {margin-top: 3px;} .row-offer-level1 .row {margin-top: 1px;} hr.table-hr {margin: 0px; padding: 0px; width: 100%;} .row.open .table-wrapper {width: 700px; border-left: 1px solid #E5F3FF; border-right: 1px solid #E5F3FF;} .open-offers {background: white; display:none;} .row.open .table-wrapper .table-header {background: #E5F3FF; height: 40px; line-height: 40px;} .row.open .next-dates {background: #E5F3FF;} .row.open .table-wrapper .table-body .table-row {border-bottom: 2px solid #E5F3FF;} .row.open .table-wrapper .table-body .table-row.available .check-info, .row.open .table-wrapper .table-body .table-row.available .full-info { display: none;} .row.open .table-wrapper .table-body .table-row .check-info .text {line-height: 25px;} .row.open .table-wrapper .table-body .table-row .check-info .loader {background: url("../../images/wait.gif?version=1479911710") no-repeat 0 0 transparent; width: 44px; height: 12px; margin: auto; display: block;} .row.open .table-wrapper .table-body .table-row {background:white; padding:15px 0; border-bottom:2px solid #E5F3FF; position:relative;} .row.open .table-wrapper .table-body .table-row.hidden-date {display: none;} .row.open .table-wrapper .table-body .table-row:hover, .row.open .table-wrapper .table-body .table-row.checking {background:#f2f9ff;} .row.open .table-row span.row-item {text-align:center; display:inline-block; zoom: 1; *display: inline; vertical-align:middle;} .row.open .table-row .column-date_date {font-size:12px; line-height:12px; letter-spacing:-1px;} .row.open .table-row .column-date_days {font-size:12px; line-height:12px;} .row.open .table-row .column-date_days .length {font-size: 20px; height: 25px; float: left; line-height: 25px; margin-left: 18px;} .row.open .table-row .column-date_days .days{width: 25px; height: 25px; float: left;} .row.open .table-row .column-service {font-size:12px; line-height:13px;} .row.open .table-row .column-description a span {color: #005aab; padding-right: 3px; font-weight: bold;} .row.open .table-row .column-description a img {position: absolute; top: -15px; right: 0; height: 12px; cursor: pointer;} .row.open .table-row .column-organizar .flag {width:32px; height:32px; display:inline-block; zoom: 1; *display: inline; margin:auto; padding:0px;} .row.open .table-row .column-organizer .flag.cz {background:url("/img/flag-cz.png?version=1479911710");} .row.open .table-row .column-price {font-size:17px;} .row.open .table-row .column-price span.transfer-not-included {font-size:12px; line-height:13px;} .row.open .table-row .column-price span.transfer-not-included p {padding: 0 0 2px} .row.open .table-row .column-price span.date-price-value {color:#ed1846; font-size:17px; font-weight:bold; } .row.open .table-row .column-price.bigger span.date-price-value {font-size:21px;} .row.open .table-row .column-price span.datePriceBefore { display: none; } .row.open .table-row .column-price span.higher_price:before { color: transparent; content:'_'; width:4px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat scroll -400px -662px transparent;} .row.open .table-row .column-price span.lower_price:before { color: transparent; content:'_'; width:4px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat scroll -410px -662px transparent; margin-bottom: -2px;} .row.open.apartmans .table-row .column-price {color:#ed1846; font-size:17px; font-weight:bold; padding-left:390px; } .row.open .table-row .column-order a.pokracovat {background: url("/img/pokracovat-arrow.png?version=1479911710"); padding:0px; width:116px; height:31px; cursor:pointer; color:white; display:inline-block; zoom: 1; *display: inline; line-height:31px; text-align:center; text-indent:-15px; right:2px; position:relative;} .row.open .table-row .column-order a.pdf { font-size: 10px; position: absolute; width: 50px; height: 12px; line-height: 14px; position: absolute; bottom: -15px; right: 0; text-align: right; } .row.open.apartmans .table-row .column-order a.pokracovat {right:-33px;} .row.open .table-row .column-order a.pokracovat span {padding:0 0 3px 5px} .row.open .table-row.checking .column-order a.pokracovat span {background:url("/img/overuji-symbol.gif?version=1479911710") no-repeat 0 8px; padding-left:35px; text-align:center; display:inline-block; zoom: 1; *display: inline; vertical-align:middle;} .row.open .table-row.checked .column-order a.pokracovat span {background:url("/img/pokracovat-symbol.png?version=1479911710") no-repeat 0 11px; padding-left:35px; text-align:center; display:inline-block; zoom: 1; *display: inline; vertical-align:middle;} .row.open .table-row.full .column-order a.pokracovat {background: url("/img/obsazeno-arrow.png?version=1479911710");} .row.open .table-row.full .column-order a.pokracovat span {background:url("/img/obsazeno-symbol.png?version=1479911710") no-repeat 0 8px; padding-left:35px; color:#808080; text-align:center; display:inline-block; zoom: 1; *display: inline; vertical-align:middle;} .row.open .table-row.checking .shadow {position:absolute;width:99.5%; height:6px; background:url("/img/destinace-shadow.png?version=1479911710"); bottom: -6px; z-index: 100; left: 1px;} .row.open .table-row.full .full-over {position:absolute; width:100%; height:100%; background:url("/img/obsazeno-over.png?version=1479911710"); top:0px;} .row.open .next-dates {font-size:13px; color:#005aab; font-weight:bold; padding:5px 0;padding-left:20px; background: #E5F3FF;} .row.open .next-dates span {display:inline-block; zoom: 1; *display: inline; background: url("/img/arrow-right-small.png?version=1479911710"); width:15px; height:15px; margin-left:6px; vertical-align:middle;} .row.open .next-dates {text-decoration: underline; } .row.open .next-dates.loading-dates span {background-image: url("/images/ajax-loader-small.gif?version=1479911710");} .row.open .table-row.hidden-date { display: none; } .row.open .table-wrapper .table-body .table-row.highlight { background: #FFE9A5; } /* loader */ .row.open .reservation-load {display:none; border-radius: 3px; position: absolute; z-index: 50; background: white; border: 1px solid #666; width: 250px; text-align: center; top: 30%; left: 30%; cursor: wait; -moz-box-shadow: 0px 0px 22px #000000; -webkit-box-shadow: 0px 0px 20px #666; box-shadow: 0px 0px 20px #666; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; padding: 5px; line-height: 20px;} .row.open .reservation-load .wait{background: url("/images/wait.gif?version=1479911710") no-repeat 0 0 transparent; margin-left: 100px; margin-top: 5px; width: 50px; height: 12px; display: block;} /* pdf loader */ span.pdf-loader.loading {background: url("/images/wait.gif?version=1479911710") no-repeat 0 0 transparent;width: 50px; height: 12px;display: block;} span.trip-search-loader.loading {background: url("/images/wait.gif?version=1479911710") no-repeat 0 0 transparent;width: 50px; height: 12px;display: block;} /* sortovani */ .row.open .table-wrapper.autosort .sortDesc:before { color:transparent; content:'_'; width:4px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat scroll -400px -663px transparent; padding-right: 1px;} .row.open .table-wrapper.autosort .sortAsc:before { color:transparent; content:'_'; width:4px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat scroll -410px -663px transparent; margin-bottom: -2px; padding-right: 1px; } a.trip_description_button {position:relative; background: url("/images/info-button-gray.png?version=1479911710") no-repeat scroll center #eeeeee; color: transparent; cursor: pointer; display: inline-block; height: 27px; width: 77px;} /* filtrovani */ .row .loader-offer-list{ background-image: url("/images/ajax-loader.gif?version=1479911710"); width: 700px; height: 50px; background-repeat: no-repeat; background-position: center; display:none;} .row .error-offer-list{ display:none; } .row .datefilter-date-from{ float: left; padding: 5px; width: 80px; display: inline-block; color: #005aab; } .row .datefilter-date-to{ float: left; display: inline-block; width: 80px; padding: 5px;margin-left:5px; color: #005aab;} .row .table-filter{ background-color: #E5F3FF; height: 45px; position: relative; } .row .date-filter-price{ float: left; margin-left: 310px; margin-top: 5px; } .row .date-filter-dates{ float: left; margin-top: 5px; } .row .datefilter-submit{ cursor: pointer; padding-bottom: 11px; color: #fff; margin-top: 5px; padding: 0 10px; position: relative; height: 30px; margin-left: 90px; font-size:inherit; background-color: #ED1846; } .row .datefilter-price-from{ float: left; width: 47px; display: inline-block; padding: 5px; margin-right: 5px; border: 1px solid #b6b6b6; } .row .datefilter-price-to{ float: left; width: 47px; padding: 5px; border: 1px solid #b6b6b6;} .row .date_list_error{ display: none; } .row .date_list_loader{ background-image: url("/images/loader-offer-red.svg?version=1479911710"); background-repeat: no-repeat; background-position: center; background-color: rgba(229, 243, 255,0.5); width: 100%; height: 100%; position: absolute; top: 0px; z-index: 100; } .row .date_list_body{ position: relative; min-height: 100px; display: block; } /******************************************************************************/ .datefilter-date-from::-webkit-input-placeholder { color: #005aab; } .datefilter-date-to::-webkit-input-placeholder { color: #005aab; } .datefilter-price-from::-webkit-input-placeholder { color: #005aab; } .datefilter-price-to::-webkit-input-placeholder { color: #005aab; } .datefilter-date-from:-moz-placeholder { /* Firefox 18- */ color: #005aab; } .datefilter-date-to:-moz-placeholder { /* Firefox 18- */ color: #005aab; } .datefilter-price-from:-moz-placeholder { /* Firefox 18- */ color: #005aab; } .datefilter-price-to:-moz-placeholder { /* Firefox 18- */ color: #005aab; } .datefilter-date-from::-moz-placeholder { /* Firefox 19+ */ color: #005aab; } .datefilter-date-to::-moz-placeholder { /* Firefox 19+ */ color: #005aab; } .datefilter-price-from::-moz-placeholder { /* Firefox 19+ */ color: #005aab; } .datefilter-price-to::-moz-placeholder { /* Firefox 19+ */ color: #005aab; } .datefilter-date-from:-ms-input-placeholder { color: #005aab; } .datefilter-date-to:-ms-input-placeholder { color: #005aab; } .datefilter-price-from:-ms-input-placeholder { color: #005aab; } .datefilter-price-to:-ms-input-placeholder { color: #005aab; } /******************************************************************************/ .datepicker.datefilter-date-from,.datepicker.datefilter-date-to{ width: 70px; border: 1px solid #b6b6b6;} .terminy-arrow-up{ background-image: url("/images/arrow-up-grey.png?version=1479911710"); width: 20px; height: 15px; cursor:pointer; background-repeat: no-repeat; margin-bottom: -4px; } .terminy-arrow-down{ background-image: url("/images/arrow-down-grey.png?version=1479911710"); width: 20px; height: 15px; cursor:pointer; background-repeat: no-repeat; margin-bottom: -4px; } .terminy-arrow-up.active{ background-image: url("/images/arrow-up-blue.png?version=1479911710"); width: 20px; height: 15px; cursor:pointer; background-repeat: no-repeat; margin-bottom: -4px; } .terminy-arrow-down.active{ background-image: url("/images/arrow-down-blue.png?version=1479911710"); width: 20px; height: 15px; cursor:pointer; background-repeat: no-repeat; margin-bottom: -4px;} .price-arrow-up{ background-image: url("/images/arrow-up-grey.png?version=1479911710"); width: 20px; height: 15px; cursor:pointer; background-repeat: no-repeat; margin-bottom: -4px; } .price-arrow-up.active{ background-image: url("/images/arrow-up-blue.png?version=1479911710"); width: 20px; height: 15px; cursor:pointer; background-repeat: no-repeat; margin-bottom: -4px; } .price-arrow-down{ background-image: url("/images/arrow-down-grey.png?version=1479911710"); width: 20px; height: 15px; cursor:pointer; background-repeat: no-repeat; margin-bottom: -4px; } .price-arrow-down.active{ background-image: url("/images/arrow-down-blue.png?version=1479911710"); width: 20px; height: 15px; cursor:pointer; background-repeat: no-repeat; margin-bottom: -4px; } .row.open .table-wrapper span.filter-price span.column-price{ width: 40px; margin-left: -5px; cursor: pointer;} .changeable-price.price-fall, .changeable-price.price-raise {cursor: help;} .changeable-price.price-fall::before{background: transparent url("/images/layout/design.png?version=1479911710") no-repeat scroll -410px -662px; color: transparent; content: "_"; font-size: 16px; margin-right: 2px;} .changeable-price.price-raise::before{ background: transparent url("/images/layout/design.png?version=1479911710") no-repeat scroll -400px -662px; color: transparent; content: "_"; font-size: 16px; margin-right: 2px;} .offer .price .changeable-price.price-raise::before,.offer .price .changeable-price.price-raise::before, .hotel-complete .top .right .price-val.changeable-price.price-raise::before,.hotel-complete .top .right .price-val.changeable-price.price-fall::before {padding-top: 5px;} .row.open .table-wrapper span.filter-price{ margin-left: 15px; margin-left: 30px; } .filtr-terminy{ margin-left: -40px; } span.filtr-terminy span.column-date_date{ margin-left: -10px; } .offer-block .airports-select ul li{ background: none; padding: 2px 10px; width: 165px; } .airports-select .ico-parking-free, .airports-select .ico-parking-discount, .airports-select .ico-bus, .airports-select .ico-bus-discount, .airports-select .ico-bus-free{ float: right; } .offer-block .airports-select{ background-color: #EEF7FB; border: 1px solid #8CB9DC; margin: -10px 8px 0px 37px; padding: 10px; padding-top: 5px; } .offer-block .airports-select ul li input.left{ margin: 3px; } .offer-block .airport-group.airports-left{ float: left; width: 32%; } .offer-block .airport-group.airports-middle{ float: left; width: 32%; } .offer-block .airport-others{ float: left; width: 32%; } .airports-btn a.btn{ float: right; text-decoration: none; background-color: #1179C1; color: #fff; padding: 5px 10px; cursor: pointer; -moz-box-shadow: 2px 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px 2px #ccc; box-shadow: 2px 2px 2px 2px #ccc; } .tripslist-container .clear-both{ margin-bottom: 20px; clear: both;} .tripslist-container h3{ line-height:150%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* File: forms.css Description: Stylovani formularu a jejich prvku. */ /* Table of Contents - General - Selectbox - Checkbox & radiobox - Chyby formulare - Hlavni filtr - Bocni filtr - Letiste multiselect - Delka zajezdu - jQuery UI Datepicker */ /* =General ---------------------------------------------------------------------------- */ .form {float:left; width:100%; padding:5px 0 0 0;} .form .info {float:right;} .form .req {padding:0 0 15px 0; color:#ee2752;} .form .row {float:left; position:relative; width:100%; padding:0 0 19px 0; background: none; line-height: 20px;} .form .nowrap {position:absolute; right:0; white-space:nowrap;} .form-1 .row > div {width:350px; position:relative;} .form-1 label {position:relative; display:block; float:left; width:75px; padding:7px 0 0 0; color:#4d4d4d; font:13px/14px Tahoma, Geneva, sans-serif; text-align:right;} .form-1 input[type=text], .form-1 input[type=password] {float:right; width:621px; height:31px; padding:0 7px; background:#fff; border:1px solid #b6b6b6; color:#4d4d4d; font:13px Tahoma, Geneva, sans-serif; -moz-box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); outline:none; -moz-transition: all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .ie7 .form-1 input[type=text], .ie8 .form-1 input[type=text], .ie7 .form-1 input[type=password], .ie8 .form-1 input[type=password] {line-height:31px;} .form-1 input[type=text]:focus, .form-1 input[type=password]:focus {border-color:#349fff;} .form-1 .row div input[type=text], .form-1 .row div input[type=password] {width:248px;} .form-1 .inline {display:block; float:left; clear:left; width:auto; padding:5px 0 5px 20px;} .form-1 .inline label {float:left; display:inherit; width:auto; margin:-2px 0 0 0; padding:0 0 0 10px; text-align:left;} .form-1 input[type=submit] {display:inline-block; zoom: 1; *display: inline; overflow:hidden; width:137px; height:31px; margin:0 0 0 20px; padding:0 0 3px 37px; background:url("/img/design.png?version=1479911710") no-repeat -8px -20px; border:0; color:#fff; font:bold 14px Tahoma, Geneva, sans-serif; cursor:pointer; text-align:left;} .form-1 input[type=submit]:hover {background-position:-8px -53px;} .form-2 {width:705px; margin:20px 0 10px 5px; padding:0;} .form-2 form {float:left; width:100%; padding:5px 0 15px 0; background:url("/img/form-expand-open.png?version=1479911710") no-repeat 0 0;} .form-2 .note {position:absolute; right:125px; top:10px; color:#ff0037; font-size:13px;} .form-2 .row {padding:0 0 10px 0; height:20px;} .form-2 .left {position:relative; width:320px; padding:20px 0 0 30px;} .form-2 .right {position:relative; width:300px; padding:31px 30px 0 0;} .form-2 h3 {color:#ed1846; padding-bottom: 5px; } .form-2 p {color:#000; font-size:13px;} .form-2 textarea {float:left; overflow:auto; width:290px; height:170px; margin:13px 0 15px 0; padding:0 10px 0 0; resize:none; background:none; border:0; color:#005aab; font:13px/24px Tahoma, Geneva, sans-serif; outline:none;} .form-2 .req {float:left; width:10px; margin:-3px 0 0 0; padding:0; text-align:left;} .form-2 input[type=text], .form-2 input[type=email] {float:left; width:285px; height:20px; padding:0; background:none; border:0; color:#005aab; font:13px Tahoma, Geneva, sans-serif; outline:none;} .ie7 .form-2 input[type=text], .ie8 .form-2 input[type=text] {line-height:20px;} .ie7 .form-2 input[type=email], .ie8 .form-2 input[type=email] {line-height:20px;} .form-2 .full {padding-top:2px;} .form-2 .full input {width:295px;} .form-2 .placeholder {color:#005aab;} .form-2 ::-webkit-input-placeholder {color:#005aab;} .form-2 :-moz-placeholder {color:#005aab;} .form-2 .datepicker input {background:transparent url("/img/datepicker-input.png?version=1479911710") no-repeat 100% 0;} .form-2 input[type=submit] {float:right; display:inline-block; zoom: 1; *display: inline; overflow:hidden; margin:0 -7px 0 0; padding:1px 24px 1px 0; background:url("/img/form-2-submit.png?version=1479911710") no-repeat 100% 3px; border:0; color:#005aab; font:bold 13px Tahoma, Geneva, sans-serif; cursor:pointer; text-align:right; text-decoration: underline;} .form-2 input[type=submit]:hover {background-position:100% -27px; color:#0c4b84;} .form-2 input[type=submit].sending {background:url("/images/ajax-loader-small.gif?version=1479911710") no-repeat 100% 3px; } .pohlednice .confirm { background:url("/img/form-confirm.png?version=1479911710") no-repeat; position: absolute; z-index: 601; width: 300px; height: 300px; } .pohlednice .confirm p.confirm-message { color: #005aab; font-size: 23px; line-height: 30px; text-align: center; padding: 0 10px; margin-top: 120px; } .pohlednice .confirm p.confirm-note { color: #000; font-size: 12px; text-align: center; margin-top: 20px; } /* =Selectbox ---------------------------------------------------------------------------- */ .selectBox-dropdown {display:inline-block; zoom: 1; *display: inline; position:relative; z-index:2; min-width:50px; height:38px; *height:36px; margin:0; padding:0; text-decoration:none; color:#005aab; outline:none; cursor:pointer; background:#fff; text-decoration:none!important; border:1px solid #b9072e; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .selectBox-dropdown .selectBox-label {display:inline-block; zoom: 1; *display: inline; overflow:hidden; position:relative; padding:0 12px; font:14px/36px Tahoma,Geneva,sans-serif; white-space:nowrap; vertical-align:middle;} .selectBox-dropdown .selectBox-arrow {position:absolute; top:9px; right:10px; width:17px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat -200px 0;} .selectBox-menuShowing {} .selectBox-menuShowing .selectBox-arrow {background-position:-200px 0;} .selectBox-dropdown-menu {position:absolute; z-index:99999; overflow:auto; max-height:200px; min-height:1em; margin:3px 0 0 0; padding:0; background:#fff; border:1px solid #fff; -moz-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .selectBox-options li {list-style:none; display:block; cursor:default; padding:0; margin:0;} .selectBox-options li a {display:block; overflow:hidden; padding:5px 12px 6px 12px; background:#fff; color:#2e2e2e; font:14px/15px Tahoma, Geneva, sans-serif; text-decoration:none;} .selectBox-options li.selectBox-hover a {background:#005aab; color:#fff;} .selectBox-options li.selectBox-selected a {background:#bcdbf4; color:#2e2e2e;} .selectBox-options li.selectBox-optgroup { background: none repeat scroll 0 0 #FED54D; color: #2E2E2E; padding: 5px 12px; text-transform: uppercase; } /* =Checkbox & radiobox ---------------------------------------------------------------------------- */ .mb-checkbox, .mb-radio {position:relative; float:left; width:16px; height:16px; background-image:url("/img/design.png?version=1479911710"); background-repeat:no-repeat; cursor:pointer;} .mb-checkbox input, .mb-radio input {position:absolute; top:0!important; left:0!important; width:100%; height:100%; opacity:0; filter:alpha(opacity=0); cursor:pointer;} .mb-checkbox {background-position:-320px 0;} .mb-checkbox-checked {background-position:-340px 0;} .mb-radio {background-position:-280px 0;} .mb-radio-selected {background-position:-300px 0;} /* =Chyby formulare ---------------------------------------------------------------------------- */ .form .message {position:absolute; z-index:2; top:29px; left:86px; width:228px; padding:3px 10px 5px 26px; background:#ba0001 url("/img/form-error.png?version=1479911710") no-repeat 6px 4px; color:#fff; font-size:12px; line-height:14px;} .form .message:after {content:''; position:absolute; top:-6px; left:15px; width:13px; height:7px; background:url("/img/design.png?version=1479911710") no-repeat -400px 0;} .form .inline .message {position:relative; float:left; clear:left; left:auto; top:auto; width:295px; margin:10px 0 -5px 0;} .form .inline .message:after {display:none;} .form .message-success {display:block; margin:0 0 10px 0; padding:5px 10px 5px 35px; background:#4c9e23 url("/img/form-success.png?version=1479911710") no-repeat 9px 8px; border-bottom:2px solid #3c801b; color:#fff; font-size:13px;} .form .message-wait {display:block; margin:0 0 10px 0; padding:5px 10px 5px 35px; background: #2b8ed1 url("/img/form-wait.png?version=1479911710") no-repeat 9px 8px; border-bottom:2px solid #2b8ed0; color:#fff; font-size:13px;} .form .message-failed {display:block; margin:0 auto 20px auto; padding:5px 10px 5px 35px; background:#ba0001 url("/img/form-failed.png?version=1479911710") no-repeat 9px 8px; border-bottom:2px solid #870001; color:#fff; font-size:13px;} .form-2 .message-success {margin:0 auto 20px auto;} .form-2 .error input, .form-2 .error textarea {color:#ba0001;} .form-2 .error .placeholder {color:#ba0001;} .form-2 .error ::-webkit-input-placeholder {color:#ba0001;} .form-2 .error :-moz-placeholder {color:#ba0001;} .grid-list .form .message {left:94px; width:105px; text-align:left;} .grid-list .form .right .message {left:64px;} .message-container .message {display:none;} /* =Hlavni filtr ---------------------------------------------------------------------------- */ #main-search {position:relative; z-index:3; float:left; width:685px; min-height:415px;} #main-search .tabs { display: table; width:680px; margin:0; padding:0;} #main-search .tabs li { display: table-cell; zoom: 1; *display:inline; max-width: 50%; height:59px; margin:0; padding:0 0 0 1px; background:none; } #main-search .tabs li:first-child {padding-left:0;} #main-search .tabs a {position:relative; display:block; height:58px; padding-left:65px; padding-right:10px; background:#0f6cb7 url("/img/design.png?version=1479911710") no-repeat 0 -200px; border-top:1px solid #0e65b2; border-right:1px solid #0e65b2; border-left:1px solid #0e65b2; color:#fff;} #main-search .tabs .shadow {position:absolute; left:-1px; bottom:0; width:9px; height:44px; background:url("/img/design.png?version=1479911710") no-repeat -370px -100px;} #main-search .tabs li:first-child .shadow {display:none;} #main-search .tabs .txt {display:table-cell; zoom: 1; *display:inline; height:58px; *height:auto; font:bold 14px/16px Tahoma, Geneva, sans-serif; vertical-align:middle; cursor:pointer; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} #main-search .tabs a:hover, #main-search .tabs .active a {background:#ed1846 url("/img/design.png?version=1479911710") no-repeat 0 -258px; border-top:1px solid #ed1846; border-right:1px solid #ed1846; border-left:1px solid #ed1846; text-decoration:none;} #main-search .tabs li:first-child a:hover, #main-search .tabs li:first-child.active a {background-position:-10px -258px;} #main-search .tabs .ico {position:absolute; z-index:2; top:10px; left:25px; width:35px; height:35px; background:url("/img/icons.png?version=1479911710") no-repeat 0 0; cursor:pointer;} #main-search .tabs .ico-1 {background-position:0 0;} #main-search .tabs .ico-2 {background-position:-35px 0;} #main-search .tabs .ico-3 {background-position:-70px 0;} #main-search .tabs .ico-4 {top:-9px; left:-2px; width:90px; height:67px; background-position:-350px -35px;} #main-search .tabs .ico-5 {background-position: 0 -105px; height: 30px; width: 39px; top: 15px; left: 18px;} #main-search .tabs .ico-ship { background: url("/img/icon-ship.png?version=1479911710") no-repeat; } #main-search .static-tab {float:left; width:100%; margin:0; padding:0;} #main-search .static-tab li {float:left; height:59px; margin:0; padding-top:0; padding-right:10px; padding-bottom:0; background:#ed1846 url("/img/design.png?version=1479911710") no-repeat -10px -258px; border-top:1px solid #ed1846; border-right:1px solid #ed1846; border-left:1px solid #ed1846; color:#fff;} #main-search .static-tab .txt {display:table-cell; zoom: 1; *display:inline; height:58px; *height:auto; font:bold 14px/16px Tahoma, Geneva, sans-serif; vertical-align:middle; cursor:pointer; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} #main-search .static-tab .ico {position:absolute; top:10px; width:35px; height:35px; background:url("/img/icons.png?version=1479911710") no-repeat 0 0; cursor:pointer;} #main-search .static-tab .ico-1 {background-position:0 0;} #main-search .static-tab .ico-2 {background-position:-35px 0;} #main-search .static-tab .ico-3 {background-position:-70px 0;} #main-search .tab-content {float:left; display:none; position: relative; width:595px; padding:10px 45px 25px 45px; background:#ed1846; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;} #main-search .tab-first {display:block;} #main-search .row {float:left; width:100%; padding:0 0 15px 0;} #main-search .col-50 {width:276px; min-height:58px;} #main-search .col-25 {width:128px;} #main-search .col-20 {width:90px; margin-top:5px; margin-left:2px;} #main-search .nomargin .col-20 {width:90px; margin: 0;} #main-search .col-12 {width:56px;} #main-search .filter_pricelimit_advanced .col-25{margin-top: 5px;} #main-search label {display:block; padding:0 0 5px 0; color:#fff; font:bold 14px/15px Tahoma, Geneva, sans-serif; white-space:nowrap;} #main-search input[type=text] {float:left; height:36px; width:660px; padding:0 12px; background:#fff; border:1px solid #b9072e; outline:none; color:#005aab; font:14px Tahoma, Geneva, sans-serif;} .ie7 #main-search input[type=text], .ie8 #main-search input[type=text] {line-height:36px;} #main-search .col-50 input[type=text] {width:250px;} #main-search .col-25 input[type=text] {width:103px;} #main-search .col-12 input[type=text], #main-search .col-12 input[type=number] {width:40px; padding: 0 8px;} #main-search .col-50 .selectBox-dropdown {width:278px!important; *width:276px!important;} #main-search .col-25 .selectBox-dropdown {width:128px!important;} #main-search .col-20 .selectBox-dropdown {width:90px!important;} #main-search .datepicker input {background:#fff url("/img/datepicker-input.png?version=1479911710") no-repeat 93% 8px;} #main-search select {float:left; width:683px; height:38px; margin:0; padding:0; background:#fff; border:1px solid #b9072e; color:#005aab;} #main-search .col-50 select {width:276px;} #main-search .col-25 select {width:128px;} #main-search .hidden-options {position:absolute; left:0; z-index:1; float:left; width:685px; padding:45px 0 20px 0; background:#ed1846; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;} #main-search .hidden-options-container {position: absolute; left: 0; bottom: 8px; z-index: 1;} #main-search .trigger {position:absolute; z-index:2; top:12px; left:45px; padding:0 0 0 23px; color:#fff; font-weight:bold; cursor:pointer; text-decoration: underline; *behavior:expression( function(t) { t.insertAdjacentHTML('afterBegin',''); t.runtimeStyle.behavior = 'none';}(this) );} #main-search .trigger-arrow{content:''; position:absolute; top:5px; left:0; width:15px; height:15px; background-image:url("/img/design.png?version=1479911710"); background-repeat: no-repeat;cursor:pointer;} #main-search .trigger-arrow.top{background-position: -240px 0;} #main-search .trigger-arrow.down{background-position: -221px 0;} #main-search .trigger:hover {text-decoration:underline;} #main-search .others {position:relative; *display:none; float:left; width:595px; margin:0; padding:0 45px 55px 45px; background:#ed1846; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;} .no-js #main-search .others {display:none;} #main-search .others .shadow {float:left; width:685px; height:28px; margin:0 0 0 -45px; background:url("/img/main-search-shadow.png?version=1479911710") no-repeat 50% 0;} #main-search .group {float:left; width:593px; border:1px solid #b9072e;} #main-search .group ul {float:left; width:583px; margin:0; padding:3px 0 3px 10px;} #main-search .group li {position:relative; float:left; width:33%; margin:0; padding:6px 0; background:none;} #main-search .group input {position:absolute; top:9px; left:0;} #main-search .group label {display:inline-block; zoom: 1; *display: inline; padding:0 0 0 24px; font-weight:normal; white-space:normal;} #main-search .col-50 .group {width:274px;} #main-search .col-50 .group ul {width:254px;} #main-search .col-50 .group li {width:50%;} #main-search .group-image label {padding:0 0 0 55px;} #main-search .group-image ul {padding:6px 0 6px 10px;} #main-search .group-image .width-1 {width:245px;} #main-search .group-image .width-2 {width:169px;} #main-search .group-image .ico {position:absolute; top:1px; left:20px; width:28px; height:28px; margin:0; background-image:url("/img/icons.png?version=1479911710");} #main-search .group-image .ico-1 {background-position:-105px 0;} #main-search .group-image .ico-2 {background-position:-140px 0;} #main-search .group-image .ico-3 {background-position:-175px 0;} #main-search .group-image .ico-4 {background-position:-210px 0;} #main-search .group-image .ico-5 {background-position:-245px 0;} #main-search .group-image .ico-6 {background-position:-280px 0;} #main-search .group-image .ico-7 {background-position:-315px 0;} #main-search .group-image .ico-8 {background-position:-350px 0;} #main-search .group-image .ico-9 {background-position:-385px 0;} #main-search .group-image .ico-10 {background-position:-420px 0;} #main-search .group-image .ico-11 {background-position:0 -35px;} #main-search .group-image .ico-12 {background-position:-35px -35px;} #main-search .group-image .ico-13 {background-position:-70px -35px;} #main-search .opt-group {float:left; width:614px; height:40px; margin:10px 0; background:url("/img/main-search-opt-group.png?version=1479911710") no-repeat 0 0;} #main-search .opt-group .item {position:relative; float:left; padding:0 10px 0 50px;} #main-search .opt-group input {position:absolute; top:13px; left:20px;} #main-search .opt-group .mb-radio {position:absolute; top:12px; left:20px;} #main-search .opt-group label {float:left; padding:11px 0 0 0;} #main-search .btns {position:absolute; bottom:20px; right:45px; z-index:3; float:right; padding:0;} #main-search .clear-form {float:left; position:relative; margin:9px 16px 0 0; color:#fff; font-size:11px; text-decoration:underline; cursor:pointer; *behavior:expression( function(t) { t.insertAdjacentHTML('afterBegin',''); t.runtimeStyle.behavior = 'none';}(this) );} #main-search .clear-form:after, #main-search .clear-form-after {content:''; position:absolute; top:7px; left:-18px; width:12px; height:12px; background:url("/img/design.png?version=1479911710") no-repeat -260px 0;} #main-search .clear-form:hover {text-decoration:none;} #main-search .clear-form a {color:#fff; text-decoration:none;} #main-search input[type=submit] {text-align: left; padding-left: 60px; cursor:pointer; overflow: hidden;float: left;display: block;width: 277px;height: 43px;background: url("/img/design.png?version=1479911710") no-repeat 0 -320px; border: 0; font-size: 16px; font-weight: bold;color: white;text-transform: uppercase;text-shadow: 1.5px 1.5px #444;} @-moz-document url-prefix(){#main-search input[type=submit] {font-size: 15px; padding-bottom: 5px;}} #main-search input[type=submit]:hover {background-position:0 -363px;} #main-search .kids_div {width:276px;} #main-search .kids-next-to .col-20 { margin-top: 0; } #main-search .fake-input {height:36px; width:250px; padding:0 12px; background:#f36785; border:1px solid #f36785; color:#fff; font-size:14px; line-height:36px;} #main-search .mb-multiselect {position:relative; z-index:4; height:36px; width:250px; padding:0 12px; background:#fff; border:1px solid #b9072e; cursor:pointer;} #main-search .mb-multiselect-2 {z-index:3;} #main-search .mb-multiselect .label {overflow:hidden; display:inline-block; zoom: 1; *display: inline; color:#005aab; font:14px/34px Tahoma,Geneva,sans-serif; white-space:nowrap;} #main-search .mb-multiselect .arrow {position:absolute; top:9px; right:10px; width:17px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat -200px 0;} #main-search .mb-multiselect-list {position:absolute; z-index:4; display:none; top:39px; left:-1px; width:274px; background:#fff; border:1px solid #fff; -moz-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #main-search .mb-multiselect-list .wrap {overflow:auto; max-height:200px; min-height:1em; position:relative;} #main-search .mb-multiselect-list ul {margin:0; padding:0;} #main-search .mb-multiselect-list li {display:block; padding:0; margin:0; background:none; list-style:none; cursor:default;} #main-search .mb-multiselect-list label {display:block; position:relative; padding:5px 12px 6px 30px; background:#fff; color:#2e2e2e; font:14px/15px Tahoma, Geneva, sans-serif; text-decoration:none; white-space:normal;} #main-search .mb-multiselect-list input {position:absolute; top:7px; left:12px;} #main-search .mb-multiselect-list li:hover label {background:#005aab; color:#fff;} #main-search .mb-multiselect-list li.selected label {background:#bcdbf4; color:#2e2e2e;} #main-search .mb-multiselect-list p {padding:5px 12px; background:#fed54d; color:#2e2e2e; text-transform:uppercase;} #main-search .mb-multiselect-btns {position:absolute; bottom:-31px; left:-1px; width:250px; padding:7px 13px 7px 13px; background:#fff; cursor:default; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; -moz-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); box-shadow:0 7px 14px rgba(0, 0, 0, 0.6);} #main-search .mb-multiselect-btns span {float:right; padding:3px 7px 4px 7px; background:#005aab; color:#fff; font:12px/13px Tahoma, Geneva, sans-serif; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} #main-search .mb-multiselect-btns span:hover {background:#034f93;} #main-search .ap-multiselect {position:relative; z-index:3; height:36px; width:250px; padding:0 12px; background:#fff; border:1px solid #b9072e; cursor:pointer;} #main-search .ap-multiselect-2 {z-index:2;} #main-search .ap-multiselect .label {overflow:hidden; display:inline-block; zoom: 1; *display: inline; color:#005aab; font:14px/34px Tahoma,Geneva,sans-serif; white-space:nowrap;} #main-search .ap-multiselect .arrow {position:absolute; top:9px; right:10px; width:17px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat -200px 0;} #main-search .ap-multiselect-list {position:absolute; z-index:3; display:none; top:40px; left:-37px; width:670px; padding:3px; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 7px 14px rgba(0,0,0, .6); -webkit-box-shadow:0 7px 14px rgba(0,0,0, .6); box-shadow:0 7px 14px rgba(0,0,0, .6);} #main-search .right .ap-multiselect-list {left:-360px;} #main-search .ap-multiselect-list ul {margin:0; padding:0;} #main-search .ap-multiselect-list .select-box-100 li{ width:auto;} #main-search .ap-multiselect-list li {float:left; width:50%; margin:0; padding:0; background:none;} #main-search .ap-multiselect-list label {display:block; position:relative; /* padding:5px 12px 6px 30px; */ padding: 0; background:#fff; color:#2e2e2e; font:14px/15px Tahoma, Geneva, sans-serif; text-decoration:none; white-space:normal;} #main-search .ap-multiselect-list .label-div {cursor:default; display:block; position:relative; padding:5px 12px 6px 30px; background:transparent; color:#2e2e2e; font:14px/15px Tahoma, Geneva, sans-serif; text-decoration:none; white-space:normal;} #main-search .ap-multiselect-list .label-div span.tooltip {float:right; position:absolute; top:4px;} #main-search .ap-multiselect-list .label-div .ico-parking-free{right:0px;} #main-search .ap-multiselect-list .label-div .ico-parking-discount{right:0px} #main-search .ap-multiselect-list .label-div .ico-parking-disc{right:0px} #main-search .ap-multiselect-list .label-div .ico-bus {right:22px;} #main-search .ap-multiselect-list .label-div .ico-bus-free {right:22px;} #main-search .ap-multiselect-list .label-div .ico-bus-discount {right:22px;} #main-search .ap-multiselect-list .label-div .ico-bus-disc {right:22px;} #main-search .ap-multiselect-list input {position:absolute; top:7px; left:12px;} #main-search .ap-multiselect-list .highlight {float:left; width:299px; padding:5px 0; background:#fffaed; border:1px solid #fdb600; border-radius:2px;} #main-search .ap-multiselect-list .highlight label {background:none; font-weight: normal; padding: 0; } #main-search .ap-multiselect-list .select-box {float:left; width:340px; padding:5px 0 5px 5px;} #main-search .ap-multiselect-list .tools {float:left; width:641px; padding:5px 10px 15px 10px; background:url("/img/ap-multiselect-shadow.png?version=1479911710") no-repeat 50% 100%; color:#1072bc; font-size:12px;} #main-search .ap-multiselect-list .tools a {text-decoration:underline;} #main-search .ap-multiselect-list .tools a:hover {text-decoration:none;} #main-search .ap-multiselect-list .select-box-100 {float:left; width:100%;} #main-search .ap-multiselect-btns {float:left; width:641px; padding:10px 10px 10px 10px;} #main-search .ap-multiselect-btns .btn {float:right; display:block; height:37px; padding:0 22px; background:#0e67b3 url("/img/blue-btn-bg.png?version=1479911710") repeat-x 0 0; color:#fff; font:bold 15px/37px Tahoma, Geneva, sans-serif; text-transform:uppercase; text-decoration:none!important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} #main-search .ap-multiselect-btns .btn:hover {background-position:0 -37px;} #main-search .ap-multiselect .close {background: url("/img/circle-cross.png?version=1479911710") no-repeat; display:block; width:16px; height:16px; position:absolute; z-index:500; right:7px; top:7px;} #main-search .ap-multiselect-btns .note {float:left; padding:8px 0 5px 0; color:#565656; font-size:12px;} #main-search .ap-multiselect-btns .note a {text-decoration:underline;} #main-search .ap-multiselect-btns .note a:hover {text-decoration:none;} #main-search .right .ap-multiselect-list.one-colum {left:-60px;} #main-search .ap-multiselect-list.one-colum {width:370px;} #main-search .ap-multiselect-list.one-colum .highlight {width:150px;} #main-search .ap-multiselect-list.one-colum li {width: 100%} #main-search .ap-multiselect-list.one-colum .highlight label {font-weight: bold;} #main-search .one-colum .ap-multiselect-btns {width:195px; position: absolute; bottom: 0; right: 0;} #main-search .ap-multiselect-list.one-colum .tools {background: none; padding: 0 10px;} /* typy hlavnich filtru podle poctu zalozek */ #main-search.main-search-type-1 .tabs {width: 50%;} #main-search.main-search-type-1 .tabs li {width: auto;} #main-search.main-search-type-1 .tabs a {padding-left:116px;} #main-search.main-search-type-1 .tabs .ico {left:72px;} #main-search.main-search-type-2 .tabs a {padding-left:116px;} #main-search.main-search-type-2 .tabs .ico {left:72px;} #main-search.main-search-type-2 .tabs .ico.pos2 {left:42px;} #main-search.main-search-type-2 .tabs .ico.pos3 {left:10px;} #main-search.main-search-type-2 .tabs li {width: 50%; *width: 49.9%;} #main-search.main-search-type-4 .tabs .txt {width: 93px;} /* typy hlavnich filtru podle poctu radku */ #main-search form.row-count-2 { margin-top: 30px; min-height: 189px; } /* zobrazeny loader pri nacitani zemi a destiaci */ #main-search .filter_loading{display: block; background:white url("/images/spinner-small.gif?version=1479911710") no-repeat center; border: 1px solid #b9072e; width: 276px; height: 36px;} /* =Bocni filtr ---------------------------------------------------------------------------- */ .col-form .mb-multiselect {position:relative; z-index:4; height:36px; width:203px; padding:0 12px; background:#fff; border:1px solid #b6b6b6; cursor:pointer;} .col-form .mb-multiselect-2 {z-index:5;} .col-form .mb-multiselect .label {overflow:hidden; display:inline-block; zoom: 1; *display: inline; color:#4D4D4D; font:14px/34px Tahoma,Geneva,sans-serif; white-space:nowrap;} .col-form .mb-multiselect .arrow {position:absolute; top:9px; right:10px; width:17px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat -200px 0;} .col-form .mb-multiselect-list {position:absolute; z-index:4; display:none; top:39px; left:-1px; width:227px; background:#fff; border:1px solid #fff; -moz-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .col-form .mb-multiselect-list .wrap {overflow:auto; max-height:200px; min-height:1em; position:relative;} .col-form .mb-multiselect-list ul {margin:0; padding:0;} .col-form .mb-multiselect-list li {display:block; padding:0; margin:0; background:none; list-style:none; cursor:default;} .col-form .mb-multiselect-list label {display:block; position:relative; padding:5px 12px 6px 30px; background:#fff; color:#2e2e2e; font:14px/15px Tahoma, Geneva, sans-serif; text-decoration:none; white-space:normal;} .col-form .mb-multiselect-list input {position:absolute; top:7px; left:12px;} .col-form .mb-multiselect-list li.hover label {background:#666; color:#fff;} .col-form .mb-multiselect-list li.hover span strong{color: black;} .col-form .mb-multiselect-list li.selected label {background:#bcdbf4; color:#2e2e2e;} .col-form .mb-multiselect-list p {padding:5px 12px; background:#fed54d; color:#2e2e2e; text-transform:uppercase;} .col-form .mb-multiselect-btns {position:absolute; bottom:-31px; left:-1px; width:203px; padding:7px 13px 7px 13px; background:#fff; cursor:default; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px; -moz-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.6); box-shadow:0 7px 14px rgba(0, 0, 0, 0.6);} .col-form .mb-multiselect-btns span {float:right; padding:3px 7px 4px 7px; background:#005aab; color:#fff; font:12px/13px Tahoma, Geneva, sans-serif; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .col-form .mb-multiselect-btns span:hover {background:#034f93;} .col-form {width: 228px; margin-left: -3px;} .col-form .half {width: 110px; float: left;} .col-form .half.right {float: right;} .col-form .heading {padding-left: 10px; margin: 4px 0 10px 0; font-size: 22px; background: url("/img/form-heading-line.png?version=1479911710") left center repeat-x;} .col-form .heading span {padding: 0 8px; background: #fff; } .col-form .advanced-search {padding: 0 0 0 22px; margin: 0 0 0 5px; background: url("/img/form-search-arrow.png?version=1479911710") left 0 no-repeat; font-size: 13px; font-weight: bold; line-height: 15px;} .col-form label {font-size: 13px; font-weight: bold; color: #4d4d4d;} .col-form .left label {display:block; width:110%;} .col-form .left .show_lastminute-container label {width:80%;} .col-form select {width: 100%; margin: 0 0 10px 0;} .col-form input[type=text] {width: 203px; height: 32px; margin-bottom: 5px; padding: 0 12px 4px 12px; outline: none; border: 1px solid #b6b6b6; font: 14px Tahoma, Geneva, sans-serif; color: #4d4d4d; line-height: 14px;} .ie8 .col-form input[type=text] {line-height:36px;} .col-form .half input[type=text], .col-form .filter_pricelimit_advanced .col-25 input[type=text] {width: 84px; } .col-form .filter_pricelimit_advanced .col-25 {width: 110px; } .col-form .selectBox-dropdown {margin-bottom: 5px; border-color: #b6b6b6;} .col-form .selectBox-label {color: #4d4d4d; } .col-form .datepicker input {background: url("/img/datepicker-input.png?version=1479911710") no-repeat 95% 8px;} .col-form input[type=submit] { margin: 15px 0; cursor:pointer; overflow: hidden;float: left;display: block;width: 228px;height: 43px;background: url("/img/design.png?version=1479911710") no-repeat 0 -818px;border: 0;font-size: 12px;padding-left: 48px;pointer;font-weight: bold;color: white;text-transform: uppercase;text-shadow: 1.5px 1.5px #444;} .col-form .group {display: block; position:relative; width: 225px; padding: 0 10px; margin: 10px 0 5px 0; border: 1px solid #b2cee6; background: #eef7fb; text-align: left;} .col-form .group.with-label {margin-top: 0;} .col-form .group.low > li {margin: 5px 0;} .col-form .group.low label {color: #4d4d4d;} .col-form .group li {height: 27px; padding: 0 0 0 40px; line-height: 27px; background: none;} .col-form .group.filter_ckfilter { min-height: 30px; } .col-form .group li.float, .col-form .group.discounts ul, .col-form .group.filter_ckfilter ul {padding: 0;} .col-form .group.discounts li, .col-form .group.filter_ckfilter li {padding: 0 10px 0 0; float: left;} .col-form .group.discounts li.discount { clear: both; float: none; padding: 0 0 0 5px; margin: 0 -5px 5px -5px; background: #ff9000; } .col-form .group.discounts li.discount > label {color: #fff;} .col-form .group.group-image li { padding-left: 31px; margin-left: -3px; margin-right: -10px;} .col-form .group li .ico { display: none; } .col-form .group li.zvirata {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 0 no-repeat;} .col-form .group li.krb {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -27px no-repeat;} .col-form .group li.virivka {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -54px no-repeat;} .col-form .group li.sauna {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -81px no-repeat;} .col-form .group li.satelit {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -108px no-repeat;} .col-form .group li.pracka {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -135px no-repeat;} .col-form .group li.mycka {background: url("/img/ico-vlastni-doprava.png?version=1479911710") 0 -162px no-repeat;} .col-form .group li.plaz {background: url("/img/ico-poznavaci.png?version=1479911710") 0 0 no-repeat;} .col-form .group li.klimatizace {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -27px no-repeat;} .col-form .group li.bazen {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -54px no-repeat;} .col-form .group li.deti {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -81px no-repeat;} .col-form .group li.sport {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -108px no-repeat;} .col-form .group li.internet {background: url("/img/ico-poznavaci.png?version=1479911710") 0 -135px no-repeat;} .col-form .group li input[type=checkbox], .col-form input[type=radio] {display: inline-block; zoom: 1; *display: inline; width: auto; height: 27px; margin: 0 7px 0 0; border: none; vertical-align: baseline;} .col-form .group.group-image li input[type=checkbox] { margin-right: 3px; } .col-form .group li label {display: inline-block; zoom: 1; *display: inline; font-size: 12px; color: #005aab;} .col-form .clear-form { display: none; } .col-form .filter_loading{display: block; background:white url("/images/spinner-small.gif?version=1479911710") no-repeat center; border: 1px solid #b6b6b6; width: 226px; height: 36px;} /* SIDE FORM */ #aside .box {float:left; width:225px; padding:0 0 21px 0;} #aside .box img {display:block;} #aside .col-form.filter_triplength_inputs .col-25 {width:128px;} #aside .col-form .col-50 select {width:228px;} #aside .col-form .col-25 select {width:128px;} #aside .col-form .col-12 label {display: block; margin-left: 7px;} #aside .col-form .col-12 input[type=text], .col-form .col-12 input[type=number] {width:25px; padding: 0 8px; margin-left: 7px; height: 36px;} #aside .col-form .col-50 .selectBox-dropdown {width:228px!important; *width:226px!important;} #aside .col-form .col-25 .selectBox-dropdown {width:128px!important;} #aside .col-form .kids_div .col-20 {width:110px; float:left; margin-right:8px;} #aside .col-form .kids_div .col-20.filter_kid_2 {margin-right:0;} #aside { margin-top: 6px; margin-left: 6px; } #aside .col-form { margin-left: 0; } #aside-filter { width: 225px; min-height: 40px; margin-bottom: 20px; padding: 10px 10px 10px 8px; background-color: #ed1846; margin-top: 8px;} #aside-filter label { color: white; } #aside-filter .group li label { color: #005aab; } #aside-filter .group.discounts li label { color: white; } #aside-filter .col-form .heading span { color: white; background-color: #ed1846; } #aside-filter .col-form .heading { background: url("/img/form-heading-line-white.png?version=1479911710") left center repeat-x; } #aside-filter .col-form .datepicker input { background-color: white; } #aside-filter #side-search-ng { background-color: transparent; } #aside-filter label{ color: white; } #aside-filter #transport div { //background-color: white; } #aside-other { padding: 0; } #aside-other .col-form .group { margin-left: -2px; } /* =Letiste multiselect ---------------------------------------------------------------------------- */ #aside .ap-wrapper {} #aside .ap-wrapper .wrapper-inside {position:relative; z-index:3; margin-bottom:5px; height:36px; width:202px; padding:0 12px; background:#fff; border:1px solid #b6b6b6; cursor:pointer; } #aside .ap-multiselect-2 {z-index:2;} #aside .ap-wrapper .label {overflow:hidden; display:inline-block; zoom: 1; *display: inline; color:#4d4d4d; font:14px/34px Tahoma,Geneva,sans-serif; white-space:nowrap; padding-right: 3px; } #aside .ap-wrapper .arrow {position:absolute; top:9px; right:10px; width:17px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat -200px 0;} #aside .ap-multiselect {position:relative; z-index:4; height:36px; width:203px; padding:0 12px; background:#fff; border:1px solid #b6b6b6; cursor:pointer;} #aside .ap-multiselect-2 {z-index:2;} #aside .ap-multiselect .label {overflow:hidden; display:inline-block; zoom: 1; *display: inline; color:#4c4c4c; font:14px/34px Tahoma,Geneva,sans-serif; white-space:nowrap;} #aside .ap-multiselect .arrow {position:absolute; top:9px; right:10px; width:17px; height:18px; background:url("/img/design.png?version=1479911710") no-repeat -200px 0;} #aside .ap-multiselect-list { position: absolute; display: none; z-index:3; top:38px; left:-1px; width:223px; padding:3px; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 7px 10px rgba(0,0,0, .3); -webkit-box-shadow:0 7px 10px rgba(0,0,0, .3); box-shadow:0 7px 10px rgba(0,0,0, .3);} #aside .right .ap-multiselect-list {left:-356px;} #aside .ap-multiselect-list ul {margin:0; padding:0;} #aside .ap-multiselect-list .select-box-100px {float:left; width:260px; font-size:13px;} #aside .ap-multiselect-list .select-box-100px li { width:auto;} #aside .ap-multiselect-list .select-box-100px .label-div {font-size:13px;} #aside .ap-multiselect-list .select-box-100 li{ width:auto;} #aside .ap-multiselect-list li {float:left; width:50%; margin:0; padding:0; background:none; white-space: nowrap; } #aside .ap-multiselect-list label {display:block; position:relative; background:#fff; color:#2e2e2e; font:14px/15px Tahoma, Geneva, sans-serif; text-decoration:none; white-space:normal;} #aside .ap-multiselect-list .select-box .label-div { margin-top:5px;} #aside .ap-multiselect-list .label-div {cursor:default; display:block; position:relative; padding:5px 12px 6px 20px; background:transparent; color:#2e2e2e; font:14px/15px Tahoma, Geneva, sans-serif; text-decoration:none; white-space:normal;} #aside .ap-multiselect-list .label-div .tooltips { } #aside .ap-multiselect-list .label-div .tooltip { margin: 0;} #aside .ap-multiselect-list .label-div .ico {display: none;} #aside .ap-multiselect-list .label-div .ico-parking-free{right:0px;} #aside .ap-multiselect-list .label-div .ico-parking-discount{right:0px} #aside .ap-multiselect-list .label-div .ico-bus {right:22px;} #aside .ap-multiselect-list input {position:absolute; top:7px; left:5px; width:auto; height: auto; border:none; padding:0;} #aside .ap-multiselect-list .highlight {float:left; width:221px; padding:5px 0; background:#fffaed; border:1px solid #fdb600; border-radius:2px;} #aside .ap-multiselect-list .highlight label {background:none; } #aside .ap-multiselect-list .select-box { width:212px; padding:5px 0 5px 2px;} #aside .ap-multiselect-list .tools {float:left; position:relative; width:100%; padding:5px 10px 15px 10px; background:url("/img/ap-wrap-shadow.png?version=1479911710") no-repeat 0 100%; color:#1072bc; font-size:12px;} #aside .ap-multiselect-list .tools a {text-decoration:underline;} #aside .ap-multiselect-list .tools a:hover {text-decoration:none;} #aside .ap-multiselect-list .select-box-100 {float:left; width:100%;} #aside .ap-multiselect-btns {float:left; width:100%; padding:10px 10px 10px 10px;} #aside .ap-multiselect-btns .btn { display: none; float:right; height:37px; padding:0 22px; background:#0e67b3 url("/img/blue-btn-bg.png?version=1479911710") repeat-x 0 0; color:#fff; font:bold 15px/37px Tahoma, Geneva, sans-serif; text-transform:uppercase; text-decoration:none!important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} #aside .ap-multiselect-btns .btn:hover {background-position:0 -37px;} #aside .ap-wrapper .close {background: url("/img/circle-cross.png?version=1479911710") no-repeat; display:block; width:16px; height:16px; position:absolute; z-index:500; right:10px; top:10px;} #aside .ap-multiselect-btns .note {float:left; padding:8px 0 5px 0; color:#565656; font-size:12px;} #aside .ap-multiselect-btns .note a {text-decoration:underline;} #aside .ap-multiselect-btns .note a:hover {text-decoration:none;} /* =Delka zajezdu ---------------------------------------------------------------------------- */ #aside .ap-wrapper.stay-length {margin-bottom:5px;} #aside .ap-wrapper-hybrid.stay-length {margin-bottom: 0;} #aside .ap-wrapper-hybrid.stay-length div.ap-length-list {margin-top: -5px;} #aside .ap-wrapper.stay-length .wrapper-inside {margin-bottom:0px;} #aside .ap-wrapper.stay-length.open .wrapper-inside{border-bottom:none;} #aside .ap-length-list {display:none;} #aside .ap-wrapper.stay-length.open .ap-length-list {display:block;} #aside .ap-length-list {background:url("/img/form-duration-bg.png?version=1479911710") no-repeat; width:228px; height:72px; position:relative; z-index:50; top:-2px;} #aside .ap-length-list .text-fields {position:relative; top:18px;} #aside .ap-length-list .text-fields input{width:35px; height:auto; border:none; padding:0; font-size:20px; float:none; background:none; display:inline; text-align:center} #aside .ap-length-list .text-fields span {position:absolute; top:0px;} #aside .ap-length-list .text-fields span.od {left:20px;} #aside .ap-length-list .text-fields span.od-date {left:54px;} #aside .ap-length-list .text-fields span.do {left:120px;} #aside .ap-length-list .text-fields span.do-date {left:155px;} #aside .ap-length-list .text-fields .label {font-weight:bold;} #aside .ap-length-list .text-fields .date {font-size:20px;} /* =Hotel filter ---------------------------------------------------------------------------- */ #aside .hotel-name-disable {width: 90%; background: gray; color: white; padding: 5px 5%; max-height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #aside .aside-filter-button-back{width: 234px; position: absolute; top: 6px; left: 0px; font-size: 29px; font-weight: normal; padding-left: 15px; background: url("/img/step-blue-small.png?version=1479911710") 0 0 no-repeat; height: 70px; line-height: 55px; margin-bottom: 15px; color: white; text-align: center; cursor: pointer;} #aside .aside-filter-button-back small {font-size: 15px;} #aside .aside-filter-button-back:hover .step2 {text-decoration: underline;} .hotel-page #aside {position: relative; margin-left: 0px;} .hotel-page #aside #aside-filter {margin-top: 90px; margin-left: 6px;} /* =jQuery UI Datepicker 1.8.16 ---------------------------------------------------------------------------- */ .ui-icon {display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;} .ui-datepicker {display:none; z-index:100!important; width:17em; padding:5px; background:#005aab; border:2px solid #1492d4; -moz-box-shadow:5px 0 10px rgba(0,0,0, .6); -webkit-box-shadow:5px 0 10px rgba(0,0,0, .6); box-shadow:5px 0 10px rgba(0,0,0, .6); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .ui-datepicker .ui-datepicker-group {float:left; width:46%; padding:0 2%;} .ui-datepicker .ui-datepicker-header {position:relative; padding:5px 0 10px 0; color:#fff; font-weight:bold;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top:4px; width:20px; height:20px; display:block; cursor:pointer;} .ui-datepicker .ui-datepicker-prev {left:0; background:#005aab url("/img/datepicker-arrow.png?version=1479911710") no-repeat 0 0;} .ui-datepicker .ui-datepicker-next {right:0; background:#005aab url("/img/datepicker-arrow.png?version=1479911710") no-repeat -20px 0;} .ui-datepicker .ui-datepicker-prev-hover {background-position:0 -20px;} .ui-datepicker .ui-datepicker-next-hover {background-position:-20px -20px;} .ui-datepicker .ui-datepicker-title {margin:0; background:url("/img/datepicker-title.png?version=1479911710") repeat-x 0 50%; color:#fff; font:bold 14px/16px Tahoma, Geneva, sans-serif; text-align:center;} .ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year {background:#005aab; padding:0 10px;} .ui-datepicker .ui-datepicker-month {margin-right:-7px;} .ui-datepicker .ui-datepicker-year {margin-left:-7px;} .ui-datepicker table {width:100%; font-size:14px; border-collapse:collapse; margin:0; border:0;} .ui-datepicker table th {background:#1492d4; padding:5px 5px 6px 6px; border:0; font-size:13px; color:#fff; text-align:center; font-weight:normal;} .ui-datepicker table th.ui-datepicker-week-end {background:#0c7cc4;} .ui-datepicker table th:first-child {-moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px;} .ui-datepicker table th:last-child {-moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;} .ui-datepicker table td {padding:0; border:0;} .ui-datepicker table td span, .ui-datepicker table td a {display:block; padding:5px 5px; color:#fff; font-size:14px; text-align:center; text-decoration:none;} .ui-datepicker table .ui-datepicker-unselectable {} .ui-datepicker table span.ui-state-default {} .ui-datepicker table .ui-datepicker-unselectable span { color: #7CBCF4; } .ui-datepicker table .ui-state-hover {background:#fff; color:#005aab;} .ui-datepicker table .ui-state-highlight, .ui-datepicker table .ui-state-active {background:#fff; color:#005aab;} .ui-datepicker table .ui-datepicker-today a {background:url("/img/datepicker-today.png?version=1479911710") no-repeat 4px 100%; color:#fff;} .ui-datepicker .ui-datepicker-prev .ui-icon {display:none;} .ui-datepicker .ui-datepicker-next .ui-icon {display:none;} .ui-datepicker-buttonpane {float:left; width:96%; margin:0 2%; padding:10px 0 5px 0; background:url("/img/datepicker-buttonpane-line.png?version=1479911710") repeat-x 0 57%; text-align:center;} .ui-datepicker-buttonpane button {display:none;} .ui-datepicker-buttonpane button.ui-datepicker-close {overflow:visible; display:inline-block; zoom: 1; *display: inline; height:22px; padding:0 10px 3px 34px; background:#005aab url("/img/datepicker-close.png?version=1479911710") no-repeat 10px 50%; border:0; color:#fff; font:14px Tahoma, Geneva, sans-serif; cursor:pointer;} /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover {display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:200px; height:200px;} #reservation_form .uf_error {background-color:#ED1846} #reservation_form .terms.uf_error {background-color:#ED1846; border-width:6px;} #reservation_form .terms.uf_error .label{color:white} #reservation_form .frm-pop.error {margin-top:0} #reservation_form .frm-pop.error p {font-size: 80%;} #reservation_form .frm-pop.error a {color:white;text-decoration:underline;display:block;} #reservation_form .frm-pop.error .error_items {display: block; margin-left: 20px;} #main-search { min-height: 380px; } #main-search .tabs li, #main-search .tabs a, #main-search .tabs .txt { height: 50px; } #main-search .tabs .ico { top: 8px; } #main-search .tabs a { background-position: 0 -208px; } #main-search .tabs a:hover, #main-search .tabs .active a, #main-search .tabs li:first-child a:hover, #main-search .tabs li.active:first-child a { background-position: 0 -267px; } #main-search .tabs .ico-4 { top: -8px; left: -2px; width: 78px; height: 58px; background: url("/img/sash_tip_compact.png?version=1479911710") no-repeat 0 0; } #main-search .row-top { padding-top: 20px !important; } #main-search.main-search-type-0 .tab-content { padding-top: 0; } #main-search .row { padding-bottom: 5px; } #main-search .selectBox-dropdown { height: 30px; } #main-search .selectBox-dropdown .selectBox-label { line-height: 26px; } #main-search .selectBox-dropdown .selectBox-arrow { top: 6px; right: 6px; } #main-search .clear-form { margin: 5px -26px 0 0; } #main-search input[type="text"], #main-search input[type="number"] { height: 30px; } #main-search .datepicker input { background-position: 96% 6px; } #main-search .ap-multiselect { height: 28px; } #main-search .ap-multiselect .label { line-height: 26px; } #main-search .ap-multiselect .arrow { top: 6px; right: 6px; } #main-search .ap-multiselect-list { top: 32px; } #main-search label { font-size: 13px; } #main-search .filter_loading { height: 30px; } #main-search a .clear-form-btn { width: 123px; height: 39px; background: url("/img/hp_form_buttons_compact.png?version=1479911710") no-repeat 0 0; background-position: 0 -78px; line-height: 39px; margin: 0; } #main-search input[type=submit] { width: 252px; height: 39px; background: url("/img/hp_form_buttons_compact.png?version=1479911710") no-repeat 0 0; margin: 0 24px 0 45px; padding: 5px 0 5px 60px; } #main-search input[type=submit]:hover { background-position: 0 -39px; } /* = schranka ---------------------------------------------------------------------------- */ .tripslist-container .add-hotel{ background: url("/img/offer-evaluate.png?version=1479911710") 0px 5px no-repeat; } .tripslist-container .remove-hotel{ background: url("/img/close-button.png?version=1479911710") 3px 5px no-repeat; background-size: 12px 12px; } .tripslist-container .hotel-box{ position: absolute; top: 175px; right: 15px; color: #005aab; font-weight: bold; padding-left: 20px; display: none; } .hotel-complete .hotel-box{ display: none; float:right; } #favoriteHotelsWrapper{ position: fixed; bottom:0px; right: 240px; background: #fff; padding-left: 0; margin-left: 0; z-index: 1000; -moz-box-shadow: inset 0 0 50px #000000; -webkit-box-shadow: inset 0 0 50px #000000; box-shadow: inset 0 0 50px #cbcbcb; width: 212px; display:none; } #favoriteHotelsWrapper .hotelItems{ max-height: 500px; overflow-x: hidden; display: none; } #favoriteHotelsWrapper .hotel-image{ width: 65px; min-height: 70px; } #favoriteHotelsWrapper .hotel-name{ width: 190px; color: #005aab; min-height: 70px; line-height: 15px; } #favoriteHotelsWrapper ul li.hotel-image{ float: left; list-style:none; margin-left: 5px; margin-top: 0px; } #favoriteHotelsWrapper ul li.hotel-name{ list-style:none; margin-top: 5px; padding-top: 10px; } #favoriteHotelsWrapper div.title { position: relative; margin-bottom: 0; padding-bottom: 0; overflow: hidden; height: 46px; color: white; background: url("/img/favorite-bg.png?version=1479911710") no-repeat scroll left top transparent; } #favoriteHotelsWrapper .title h1{ color: #fff; font-size: 1.2em; padding-left: 30px; padding-top: 10px; width: 200px; } ul.favoriteItem .hotel_image { cursor: pointer; width: 49px; height: 49px; padding: 2px 4px 4px 2px; background: url("/img/design.png?version=1479911710") no-repeat -320px -670px; text-align: center; } #listview-hotels .listview-hotel{ margin: 15px 10px; box-shadow: 0 0 4px #cbcbcb; display: block; float: left; width: 980px; clear: both; min-height: 100px; } #listview-hotels .listview-hotel .hotel-image{ float: left; } ul.favoriteItem{ position: relative; } ul.favoriteItem a.delete { background: url("/img/design.png?version=1479911710") no-repeat scroll -380px -670px transparent; cursor: pointer; height: 20px; position: absolute; left: 48px; top: -15px; width: 20px; margin-top: 10px; } #favoriteHotelsWrapper .hotel-comparision{ color: #fff; } span#numOfHotels{ background: #FAB94D; margin-left: 10px; margin-right: 20px; padding: 5px; width: 20px; height: 20px; background: #FAB94D; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; } #favoriteHotelsWrapper .title .arrow { position: absolute; top: 16px; left: 175px; width: 21px; height: 14px; background: url("/img/design.png?version=1479911710") no-repeat -400px -620px; } #favoriteHotelsWrapper.open .title .arrow{ position: absolute; top: 16px; left: 175px; width: 21px; height: 14px; background: url("/img/design.png?version=1479911710") no-repeat -421px -620px; } #favoriteHotelsWrapper.open{ padding-top: 5px; } #favoriteHotelsWrapper{ padding-top: -5px; } .full-box .user-selection .deco { position: absolute; z-index: 2; left: 164px; width: 16px; height: 555px; background: url("/img/paper-clip.png?version=1479911710") repeat-y 0 0; } #favorite_full .user-selection .grid-scroll{ float:left; position:relative; z-index:1; width:260px; } .full-box .top a span { position: absolute; top: 0; left: -25px; width: 25px; height: 31px; background: url("/img/orange-btn.png?version=1479911710") no-repeat 0 0; cursor: pointer; } #favorite_full .user-selection{ padding-bottom: 25px; } #favorite_full .user-selection .viewport{ width: 260px; } #favorite_full .user-selection .left{ margin-right: 40px; } #favorite_full .user-selection .overview{ width: 260px; } #favorite_full .user-selection .item-cell .name{ float: left; width: 205px; height: 42px; padding: 5px 22px 0 10px; } .user-selection .left li{ height: 15px; background: none; } .user-selection .item-cell .destination{ height: 15px; } #hotel_comparison_wrapper{ overflow-x: scroll; overflow-y: hidden; white-space: nowrap; height: 670px; margin-right: 25px; } #hotel_comparison_wrapper #map-control{ white-space: normal; } #hotel_comparison_wrapper .favoriteItem{ display: inline-block; height: 630px; width: 257px; border: 1px solid #e7e7e7; position: relative; background: #fafafa; } #hotel_comparison_wrapper .favoriteItem .hotel-name h2{ height: 40px; width: 220px; padding: 20px; } #hotel_comparison_wrapper .hotel-name h2 { white-space: initial; height: 260px; } #hotel_comparison_wrapper .hotel-image{ text-align: center; } #hotel_comparison_wrapper .favoriteItem .destination{ padding: 10px 20px 5px; margin-top: 37px; border-top: 1px solid #e7e7e7; height: 23px; } #hotel_comparison_wrapper .favoriteItem .location, .favoriteItem .category{ padding: 6px 20px 5px; border-top: 1px solid #e7e7e7; white-space:nowrap; overflow:hidden; width: 200px; height: 24px; } #hotel_comparison_wrapper .favoriteItem .category strong{ font: bold 20px/23px Tahoma, Geneva, sans-serif; } #hotel_comparison_wrapper .favoriteItem div.service{ padding: 10px 20px 10px; border-top: 1px solid #e7e7e7; height: 25px; } #hotel_comparison_wrapper .favoriteItem div.hotel-information{ padding: 10px 20px 10px; height: 25px; } #hotel_comparison_wrapper .favoriteItem .bottom{ margin-left: 20px; } #hotel_comparison_wrapper .favoriteItem .bottom a { display: block; width: 90%; height: 24px; background: #0e62a9 url("/img/user-selection-bottom-a.png?version=1479911710") repeat-x 0 0; color: #fff; font-size: 13px; line-height: 21px; text-align: center; } #hotel_comparison_wrapper .favoriteItem a.delete { background: url("/img/design.png?version=1479911710") no-repeat scroll -380px -670px transparent; cursor: pointer; height: 20px; position: absolute; width: 20px; right: 0; } #favoriteHotelsWrapper ul.favoriteItem li{ background: none; padding:0; } #favoriteHotelsWrapper ul.favoriteItem { padding-top: 0; padding-bottom: 0; } #hotel_comparison_wrapper .dovolena-rating{ padding: 10px 20px 10px; } #hotel_comparison_wrapper .review a.evaluate{ padding-left: 20px; } #hotel_comparison_wrapper ul.service li{ padding: 3px 0 8px 41px; width: 25px; display: inline; } #hotel_comparison_wrapper div.service a.info{ margin-top: 10px; } #hotel_comparison_wrapper div.review{ height: 40px; border-top: 1px solid #e7e7e7; } #hotel_comparison_wrapper .view-reviews, #hotel_comparison_wrapper .add-hotel-review{ padding: 2px 20px 2px; height:20px; } #hotel_comparison_wrapper .review{ height:40px; } #favorite_full .top h1{ color: #ed1846; font-size: 24px; line-height: 26px; padding: 30px 10px 10px 15px; margin-bottom: 25px; display: inline-block; } #favorite_full .top span.count{ width: 250px; height: 250px; background: url("/img/design.png?version=1479911710") no-repeat scroll -388px -139px transparent; padding: 2px 20px 10px 31px; color: #4D4D4D; } #favorite_full .user-selection ul.fst{ margin-top: 250px; } #favorite_full .user-selection ul.fst li{ color: #ed1846; font-weight: bold; border-top: 1px solid #e7e7e7; padding: 10px 5px 10px 20px; } .full-box .top a.go-back { position: absolute; display: block; top: 32px; right: 25px; height: 31px; margin: 0 0 0 25px; padding: 0 45px 0 0; background: url("/img/orange-btn.png?version=1479911710") no-repeat 100% 0; color: #fff; font: bold 14px/30px Tahoma, Geneva, sans-serif; } .add-remove-hotel-favorites .add-hotel{ background: url("/img/offer-evaluate.png?version=1479911710") 0px 3px no-repeat; padding-left: 20px; } .add-remove-hotel-favorites .remove-hotel{ background: url("/img/close-button.png?version=1479911710") 3px 6px no-repeat; padding-left: 20px; background-size: 12px 12px; } .add-remove-hotel-favorites{ /* position: absolute; top: 100px;*/ right: 0; font-weight: bold; } #favoriteHotelsWrapper .send-hotels-to-email{ background-image: url("/../../images/mail-offer/email.png?version=1479911710"); background-position: top 3px right 5px; display: inline-block; background-repeat: no-repeat; width: 100%; padding: 5px 0 5px; } #favoriteHotelsWrapper .hotel-box-email{ padding: 5px 5px 5px 15px; } .mail-hotel-box-form{ display:none; } #favorite_full .hotel-box-email { height: 25px; display: inline-block; width: 310px; text-align: center; cursor: pointer; margin-left: 10%; } .hotel-box-email a.send-hotels-to-email{ cursor: pointer; width: 100%; background-image: url("/../../images/mail-offer/email.png?version=1479911710"); background-repeat: no-repeat; background-position: top left; padding: 5px 10px 10px 35px; } #mailHotelBoxForm span{ display: block; font-weight: bold; } /*.nabidka-pro-klienty .hotel-box{ display: inline-block; float: right;}*/ #favorite_full #map-control.hotel-comparison-maps{ position: absolute; top: 80px; left:0; width: 155px; } .hotel-comparison-maps .show-hotel-map img{ width: 147px; margin-top: 40px; padding-left: 7px } #favorite_full #map-control a .map-button{ line-height: 15px; padding-top: 5px; } /*#mapHotelContent .content-head #price{ display: none; }*/ /* File: hotels.css Description: Stylovani stranek hotelu. */ /* Table of Contents - General - Selectbox - Checkbox & radiobox - Chyby formulare - Hlavni filtr - Bocni filtr - Letiste multiselect - Delka zajezdu - jQuery UI Datepicker */ /* =Kompletni nabidka ---------------------------------------------------------------------------- */ .hotel-complete h2 {color:#005aab; font-size:20px; margin:0; padding:0;} .hotel-complete .top {margin-bottom: 15px;} .hotel-complete .top p {font-size: 13px; padding: 0px;} .hotel-complete .top .title {padding-left:10px; width: 72%;} .hotel-complete .top .right {text-align:right; width: 25%; position: relative; margin-bottom: 10px;} .hotel-complete .top .right .price-val {color:#ed1846; font-size:28px; font-weight:bold; margin-bottom: 10px;} .hotel-complete .top .right .price p {font-size:12px;} .hotel-complete ul.tabs-nav {background:url("/img/rezervace-menu-bg.jpg?version=1479911710") repeat-x left bottom; height:38px; border-bottom:1px solid #a1a1a1; padding:0 4px;} .hotel-complete ul.tabs-nav li {padding: 0; height: 38px; line-height: 38px; display: block;} .hotel-complete ul.tabs-nav li a { display: inline; padding: 0 12px; font-size:13px; font-weight:bold; border-left:1px solid #5997cc; } .hotel-complete ul.tabs-nav li.active+li a { border-left-color: transparent;} .hotel-complete ul.tabs-nav li:first-of-type > a { border: none;} .hotel-complete ul.tabs-nav li.active {color:black; background:white; border:1px solid #a1a1a1; border-bottom:0px; border-top-left-radius:2px; border-top-right-radius:2px;} .hotel-complete ul.tabs-nav li.active a {border: 0;} .hotel-complete .detail {position:relative;} .hotel-complete .detail .info {position:absolute; top:0px; width:448px; left:285px;} .hotel-complete .offer-services {margin-top:5px;} .hotel-complete .service {position: relative; float: left; width: 38px; height: 38px; margin: 0 5px 0 0;} .hotel-complete .service.child {background: url("/img/offer-ico-child.png?version=1479911710") no-repeat;} .hotel-complete .service.wifi {background: url("/img/offer-ico-wifi.png?version=1479911710") no-repeat;} .hotel-complete .service.waves {background: url("/img/offer-ico-waves.png?version=1479911710") no-repeat;} .hotel-complete .service.ac {background: url("/img/offer-ico-ac.png?version=1479911710") no-repeat;} .hotel-complete .offer-services span {float:right; display:inline-block; *display: inline; zoom: 1; margin-top:10px;} ul.service li.beach, ul.service li.dist100 {background: url("/img/ico-poznavaci.png?version=1479911710") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} ul.service li.aircon {background: url("/images/ico-poznavaci.png?version=1479911710") no-repeat scroll 0 -27px rgba(0, 0, 0, 0);} ul.service li.pool, ul.service li.poolin, ul.service li.poolout {background: url("/img/ico-poznavaci.png?version=1479911710") no-repeat scroll 0 -54px rgba(0, 0, 0, 0);} ul.service li.childs {background: url("/img/ico-poznavaci.png?version=1479911710") no-repeat scroll 0 -81px rgba(0, 0, 0, 0);} ul.service li.sport {background: url("/img/ico-poznavaci.png?version=1479911710") no-repeat scroll 0 -108px rgba(0, 0, 0, 0);} ul.service li.internet {background: url("/img/ico-poznavaci.png?version=1479911710") no-repeat scroll 0 -135px rgba(0, 0, 0, 0);} .hotel-complete .hodnoceni {margin-top:5px; margin-bottom:7px;} .hotel-complete .hodnoceni .left {width: 255px; float: left; padding-top:6px;} .hotel-complete .popis {} .hotel-complete .popis h5 {font-size:13px; margin:0px; padding:0px;margin-bottom:3px;} .hotel-complete .offer {border:none; margin-bottom:0px;} /* =Prehled ---------------------------------------------------------------------------- */ .hotel-complete .tab-fragment {margin-top: 20px; padding: 0; position: relative; background: transparent; border:0; box-shadow: none; float: auto; width: 100%; } .hotel-complete #complete-overview img.main { box-shadow: 0px 1px 2px rgba(0,0,0, .2); border:4px solid white; margin-left:13px; } .hotel-complete #complete-overview .progressbar-wrap {padding: 0 7px 14px 0px;} .hotel-complete #complete-overview .progressbar-wrap .type {font-size: 12px; font-weight: normal; margin-bottom: 10px; line-height: 100%;} .hotel-complete #complete-overview hr {border: 1px solid #c8c8c8;} .hotel-complete #complete-overview .celkove-hodnoceni {position: relative; display: block; width: 190px; top: -20px; margin: 0 auto; font-size: 13px; background: #fff; text-align: center;} .hotel-complete #complete-overview .celkove-hodnoceni .value {font-size: 13px; font-weight: bold; color: #005aab;} .hotel-complete #complete-overview p.text { font-size:13px; line-height:17px; } .hotel-complete #complete-overview .overview-map {display: none;} .hotel-complete #complete-overview .popis {font-size:13px; line-height:17px;} .hotel-complete #complete-overview .popis h5 {font-size:13px; margin:0px; padding:0px;margin-bottom:3px;} .hotel-complete #complete-overview .hodnoceni .right {background:url("/img/rezervace-vertical-line.jpg?version=1479911710") repeat-y 50% 100%; font-size:13px;} .hotel-complete #complete-overview .hodnoceni .right .item {float:left; margin:0 13px; text-align:center;} .hotel-complete #complete-overview .hodnoceni .right .item .day {font-weight:bold; } .hotel-complete #complete-overview .hodnoceni .right .item .date {font-size:14px; margin-top:-3px;} .hotel-complete #complete-overview .hodnoceni .right .item .weather {width:45px; height:46px; margin:auto;} .hotel-complete #complete-overview .hodnoceni .right .item .weather {background:url("/data/sun-small.png?version=1479911710"); width: 70px; height: 67px; } .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-1 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 0 no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-2 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -67px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-3 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -134px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-4 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -201px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-5 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -268px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-6 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -335px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-7 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -402px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-8 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -469px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-9 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -536px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-10 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -603px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-11 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -670px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-12 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -737px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-13 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -804px no-repeat} .hotel-complete #complete-overview .hodnoceni .right .item .weather.i-14 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -871px no-repeat} .hotel-complete .weather-history-container{position: relative; width: 735px; margin-top: 50px; display: block; float: left;} .hotel-complete #complete-description .frame {display: none;} .hotel-complete #complete-description .head {display: none;} .hotel-complete #complete-description p, .hotel-complete #complete-description td {font-size:13px; line-height:17px;} .hotel-complete #complete-description .select-variant{border: 1px solid silver; padding: 5px; color: #4d4d4d; font-size: 17px; background: #fdf6dd; border: 1px solid #dbd3c3; border-radius: 4px; padding: 1% 2%; width: 100%; font-weight: bold;} .hotel-complete #complete-description .select-variant .selectBox-label {font: 15px/22px Tahoma, Geneva, sans-serif; font-weight: bold;} .hotel-complete #complete-description .text-variants {padding: 15px 5px;} .hotel-complete #complete-description .text-variants h2 {color: #005aab; font-size: 18px;} .hotel-complete #complete-description .text-variants table, .hotel-complete #complete-description .text-variants table tr, .hotel-complete #complete-description .text-variants table td, .hotel-complete #complete-description .text-variants table th {border: none;} .hotel-complete #complete-map .map {width: 724px; height: 380px; margin-left: 10px;} .hotel-complete #complete-offers { min-height: 0; padding: 0; } /* =Recenze ---------------------------------------------------------------------------- */ .hotel-complete #complete-reviews .progressbar-wrap {padding: 0 11px 7px 0px;} .hotel-complete #complete-reviews .text-container {margin: 50px 10px 0 10px;} .hotel-complete #complete-reviews hr {border: 2px solid #c8c8c8;} .hotel-complete #complete-reviews .celkove-hodnoceni {position: relative; display: block; width: 350px; margin: -22px auto 10px auto; font-size: 19px; background: #fcfcfc; text-align: center;} .hotel-complete #complete-reviews .celkove-hodnoceni .value {font-size: 24px; font-weight: bold; color: #f38c00;} .hotel-complete #complete-reviews .recenze {float: left;} .hotel-complete #complete-reviews .recenze-btn {float: right; padding: 4px 20px 5px 40px; margin: -5px 0 0 0; background: url("/img/popup-review-btn.png?version=1479911710") no-repeat; font-size: 14px; font-weight: bold; color: #fff;} .hotel-complete #complete-reviews .recenze-btn:hover {text-decoration: none;} .hotel-complete #complete-reviews .review-list { margin-top: 10px; } .hotel-complete #complete-reviews .review-list .reviews-item {padding: 13px; margin-bottom: 2px; border: 1px solid #cccccc; background: #fff; line-height: 17px; font-size: 13px; color: #4d4d4d;} .hotel-complete #complete-reviews .review-list .reviews-item .caption { font-weight: bold; } .hotel-complete #complete-reviews .review-list .from {display: block; padding: 0 0 5px 30px; margin-bottom: 5px; line-height: 17px; background: url("/img/popup-comment.png?version=1479911710") 0 2px no-repeat; font-weight: bold;} .hotel-complete #complete-reviews .review-list .eval {color: #000;} .hotel-complete #complete-reviews .review-list .val {color: #005aab;} .hotel-complete #complete-reviews .viewport-wrap {position: relative; width: 735px; clear: both; margin: 15px 0 0 0;} .hotel-complete #complete-reviews .viewport-wrap .viewport {position: relative; width: 700px; height: 254px; overflow: hidden;} .hotel-complete #complete-reviews .viewport-wrap .overview {position:absolute; width: 700px;} .hotel-complete #complete-reviews .viewport-wrap .scrollbar {position:absolute; top: 0; right: 0; width:17px; padding:15px 0; background:url("/img/popup-scrollbar-small.png?version=1479911710") no-repeat 0 0 transparent;} .hotel-complete #complete-reviews .viewport-wrap .scrollbar .track {position:relative; height:224px;} .hotel-complete #complete-reviews .viewport-wrap .scrollbar .thumb {position:absolute; top:0; left:-2px; width:21px; height:21px; background:url("/img/design.png?version=1479911710") no-repeat -380px -55px; cursor:pointer;} .hotel-complete #complete-reviews .review-detail { margin-bottom: 40px; } .hotel-complete #complete-reviews .no-reviews-note { width: 570px; } /* =Nazvy hotelu ---------------------------------------------------------------------------- */ .hotel-complete .nazvy {padding:0 15px; margin-top: 40px;} .hotel-complete .nazvy h3 { position:relative; line-height:30px; color:#4d4d4d; font-size:17px; background:#fdf6dd; border:1px solid #dbd3c3; border-radius:4px; padding:5px 0 5px 25px; margin-bottom:10px;} .hotel-complete .nazvy h3 span {display:block; left:35px; position:absolute; bottom:-6px; width:37px; height:6px; background:url("/img/rezervace-zobak-bottom.png?version=1479911710"); } .hotel-complete .nazvy ul {list-style-type:disc; color:#ed1846; padding-left:40px;} .hotel-complete .nazvy ul li {background:none; padding:0; padding:4px 7px;} .hotel-complete .nazvy ul li span {color:black;} /* =Fakticke informace ---------------------------------------------------------------------------- */ .hotel-complete #complete-facts .head.main {display: none; } .hotel-complete #complete-facts .head, .hotel-complete #complete-facts p, .hotel-complete #complete-facts p.frame { margin-left: 10px; } .hotel-complete #complete-facts .info-col {width: 340px; float: left; margin: 10px 15px 0 0;} .hotel-complete #complete-facts .info-col.last {margin-right: 0;} .hotel-complete #complete-facts .info-col p {padding-left: 15px; margin-bottom: 5px; line-height: 180%;} .hotel-complete #complete-facts ul {padding: 0 0 0 25px; margin: -3px 0 15px 0; width: 90%;} .hotel-complete #complete-facts ul li {padding: 3px 0 0 0; margin: 0; background: transparent; line-height: 20px;} .hotel-complete #complete-facts ul li.yes {background: url("/img/popup-checker.png?version=1479911710") right 80% no-repeat; } .hotel-complete #complete-facts div.note {position: relative; margin: 15px 0; padding: 15px 20px 15px 20px; border: 1px solid #cccccc; background: #fff; font-size: 14px; line-height: 110%} .hotel-complete #complete-facts sup {font-size: 17px; font-weight: bold; color: #ed1846;} .hotel-complete #complete-facts div.note sup {display: block; position: absolute; top: -3px; left: 10px; padding: 1px; background: #fff;} .hotel-complete #complete-facts .head {display: block; position: relative; font-weight: bold; color: inherit;} .hotel-complete #complete-facts .head.main {font-size: 17px; font-weight: bold; padding-top: 5px;} .hotel-complete #complete-facts .head.par {font-size: 14px; font-weight: bold;} .hotel-complete #complete-facts .head.par.frame {clear: left; width: 315px; padding: 10px 0 10px 15px; margin-bottom: 10px; background: #FDF6DD; border: 1px solid #dbd3c3; border-radius: 4px; position: relative;} .hotel-complete #complete-facts .head.par.frame span.deco {display:block; left:35px; position:absolute; bottom:-6px; width:37px; height:6px; background:url("/img/rezervace-zobak-bottom.png?version=1479911710"); } .hotel-complete #complete-facts .viewport-wrap {position: relative; width: 735px; clear: both; margin-top: 15px; } .hotel-complete #complete-facts .viewport-wrap .viewport {position: relative; width: 700px; height: 458px; overflow: hidden;} .hotel-complete #complete-facts .viewport-wrap .overview {position:absolute;} .hotel-complete #complete-facts .viewport-wrap .scrollbar {position:absolute; top: 0; right: 0; width:17px; padding:15px 0; background:url("/img/popup-scrollbar.png?version=1479911710") no-repeat 0 0 transparent;} .hotel-complete #complete-facts .no-js .viewport-wrap .scrollbar {display:none;} .hotel-complete #complete-facts .viewport-wrap .scrollbar .track {position:relative; height:224px;} .hotel-complete #complete-facts .viewport-wrap .scrollbar .thumb {position:absolute; top:0; left:-2px; width:21px; height:21px; background:url("/img/design.png?version=1479911710") no-repeat -380px -55px; cursor:pointer;} /* =Pocasi ---------------------------------------------------------------------------- */ .hotel-complete #complete-weather .weather-container {position: relative; width: 100%;} .hotel-complete #complete-weather .weather-container .viewport {overflow:hidden; position:relative; width:720px; height:325px; padding:60px 0 10px 0;} .hotel-complete #complete-weather .weather-container .overview {position:absolute; top: 0; left:0; width: 1290px;} .hotel-complete #complete-weather .weather-container .scrollbar {position:relative; top: 5px; left: 1px; height:17px; padding:0 15px; background:url("/img/popup-scrollbar-horizontal.png?version=1479911710") no-repeat 0 0;} .no-js .hotel-complete #complete-weather .weather-container .scrollbar {display:none;} .hotel-complete #complete-weather .weather-container .scrollbar .track {position:relative; height:17px;} .hotel-complete #complete-weather .weather-container .scrollbar .thumb {position:absolute; top:-3px; left:0; width:22px; height:22px; background:url("/img/popup-scrollbar-horizontal-btn.png?version=1479911710") no-repeat; cursor:pointer;} .hotel-complete #complete-weather .weather-container .weather-box {position: relative; float: left; width: 165px; height: 384px; margin: 0 17px 0 0; border: 1px solid #ccdeee; border-radius: 5px; background: url("/img/popup-weather-bg.png?version=1479911710") repeat-x; text-align: center;} .hotel-complete #complete-weather .weather-container .weather-box.last {margin: 0;} .hotel-complete #complete-weather .weather-container .weather-box .day {margin: 10px auto 0 auto; font-weight: bold;} .hotel-complete #complete-weather .weather-container .weather-box .date {font-size: 17px; color: #4d4d4d;} .hotel-complete #complete-weather .weather-container .weather-box .icon {position: relative; margin: 25px auto; width: 107px; height: 102px;} .hotel-complete #complete-weather .weather-container .weather-box .winddir { font-size: 80%; } .hotel-complete #complete-weather .weather-box .icon.i-1 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 0 no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-2 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -102px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-3 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -204px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-4 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -306px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-5 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -408px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-6 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -510px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-7 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -612px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-8 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -714px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-9 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -816px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-10 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -918px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-11 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -1020px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-12 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -1122px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-13 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -1224px no-repeat} .hotel-complete #complete-weather .weather-box .icon.i-14 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -1326px no-repeat} .hotel-complete #complete-weather .weather-container .weather-box .desc {margin: 20px auto 0 auto; width: 90%; height: 40px; font-weight: bold; line-height: 17px;} .hotel-complete #complete-weather .weather-container .weather-box table {margin: 15px auto; color: #707070;} .hotel-complete #complete-weather .weather-container .weather-box table tr {} .hotel-complete #complete-weather .weather-container .weather-box table th, .hotel-complete #complete-weather .weather-container .weather-box table td {border: none; text-align: center; padding: 5px 0; width: 50%; vertical-align: top;} .hotel-complete #complete-weather .weather-container .weather-box table th {font-size: 12px;} .hotel-complete #complete-weather .weather-container .weather-box table td {font-size: 17px; padding: 0;} .hotel-complete #complete-weather .weather-container .weather-box table td small {font-size: 12px; display: inline-block; *display: inline; zoom: 1;} .hotel-complete #complete-weather .wwo {position: absolute; bottom: -10px; left: 35px; color: #4d4d4d; font-size: 90%; } .hotel-complete #complete-weather .charts-weather-history-container {margin-top: 40px;} .hotel-complete .offer .list_trip_days {display:none;} .hotel-complete .offer .list_trip_price {display:none;} /* =Fotogalerie ---------------------------------------------------------------------------- */ .hotel-complete .thumb-container {position: relative; width: 121px; height: 445px; margin: 8px 0 0 0; float: right;} .hotel-complete .thumb-container .control {display: block; position: absolute; left: 2px; width: 116px; height: 31px; padding: 0; margin: 0;} .hotel-complete .thumb-container .control.up {top: 0; background: url("/img/popup-gal-controls.png?version=1479911710") 0 0 no-repeat;} .hotel-complete .thumb-container .control.down {bottom: 0; background: url("/img/popup-gal-controls.png?version=1479911710") 0 -31px no-repeat} .hotel-complete .thumb-container ul {position: absolute; top: 0; display: block; width: 121px; padding: 0; margin: 0;} .hotel-complete .thumb-container ul li {display: block; width: 107px; height: 51px; padding: 7px; margin: 4px 0; background: url("/img/popup-gal-thumb-bg.png?version=1479911710") no-repeat; cursor: pointer;} .hotel-complete .thumb-container ul li.active, .hotel-complete .thumb-container ul li:hover, .hotel-complete .thumb-container ul li.sliderkit-selected {background: url("/img/popup-gal-thumb-active-bg.png?version=1479911710") no-repeat;} .hotel-complete .img-container {display: block; position: relative; float: left; width: 565px; height: 409px; margin: 15px 0 0 20px; padding: 9px 10px; background: url("/img/complete-gal-img-bg.png?version=1479911710") no-repeat;} .hotel-complete .img-container .stripe { display: none; position: absolute; bottom: 0px; width: 546px; height: 60px; background: rgba(14,103,180,0.4);} .hotel-complete .img-container .stripe .logo {position: absolute; bottom: 15px; right: 15px; width: 119px; height: 39px; background: url("/img/popup-gal-logo.png?version=1479911710") no-repeat;} .hotel-complete .img-container .stripe .desc {position: absolute; top: 20px; left: 15px; font-weight: bold; color: #fff;} .hotel-complete .sliderkit .sliderkit-panel.loaded img { width: 546px;} /** =Popis ---------------------------------------------------------------------------- */ .hotel-complete #complete-description .viewport-wrap {position: relative; width: 735px; clear: both; margin-top: 15px; } .hotel-complete #complete-description .viewport-wrap .viewport {position: relative; width: 700px; height: 458px; overflow: hidden;} .hotel-complete #complete-description .viewport-wrap .overview {position:absolute;} .hotel-complete #complete-description .viewport-wrap .scrollbar {position:absolute; top: 0; right: 0; width:17px; padding:15px 0; background:url("/img/popup-scrollbar.png?version=1479911710") no-repeat 0 0 transparent;} .hotel-complete #complete-description .no-js .viewport-wrap .scrollbar {display:none;} .hotel-complete #complete-description .viewport-wrap .scrollbar .track {position:relative; height:224px;} .hotel-complete #complete-description .viewport-wrap .scrollbar .thumb {position:absolute; top:0; left:-2px; width:21px; height:21px; background:url("/img/design.png?version=1479911710") no-repeat -380px -55px; cursor:pointer;} .hotel-complete div.note { background: #FFFFFF; border: 1px solid #CCCCCC; font-size: 14px; line-height: 110%; margin: 10px 0; padding: 15px 20px 15px 20px; width: 701px; position: relative;} .hotel-complete div.note sup { background: #FFFFFF; color: #ED1846; display: block; left: 10px; top: -3px; padding: 1px; position: absolute; font-size: 17px; font-weight: bold; } .hotel-complete div.note .easyPopItem img { position: relative; top: 8px; } .hotel-complete .note .control-button{ float: right; padding-top: 10px;} .hotel-complete .note .control-button a {width: 110px; display: block;} .hotel-complete .note .control-button a:hover {text-decoration: none;} .hotel-complete .note .control-button a.add:before{content: '▼'; margin-right: 5px;} .hotel-complete .note .control-button a.remove:before{content: '▲'; margin-right: 5px;} .hotel-complete .note .control-button.open {padding-top: 12px;} .hotel-complete .note .control-button.open a.add{display: none;} .hotel-complete .note .control-button:not(.open) a.remove{display: none;} .hotel-complete .scrollbar.disable { display: none; } /* ovladaci tlacitka k galerii na kompletni nabidce*/ #complete-gallery .sliderkit-galery .sliderkit-go-btn {position: absolute; top: 45%; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index: 50; display: block; width: 30px; height: 50px; cursor: pointer; } #complete-gallery .sliderkit-galery .sliderkit-go-btn:hover {opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} #complete-gallery .sliderkit-galery .sliderkit-go-btn.sliderkit-go-next {right: 170px; background: url("/img/gallery-controls.png?version=1479911710") -30px 0 no-repeat; } #complete-gallery .sliderkit-galery .sliderkit-go-btn.sliderkit-go-prev {display: none; left: 40px; background: url("/img/gallery-controls.png?version=1479911710") 0 0 no-repeat; } #complete-gallery .sliderkit-galery .galery-lupa {position: absolute; top: 30px; right: 137px; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);; z-index: 50; display: block; width: 60px; height: 60px; cursor: pointer; background: url("/img/galery-lupa.png?version=1479911710") 0 0 no-repeat; } #complete-gallery .sliderkit-galery .galery-lupa:hover {opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .hotel-complete .terminy.big {background: url("/img/popup-button-terminy-big.png?version=1479911710") no-repeat; width: 600px; display: block; height: 40px; text-align: center; color: white; line-height: 40px; font-size: 16px; font-weight: bold; margin-left: 70px; margin-top: 20px;} /* dovolena hodnoceni */ .dovolena-rating { cursor:pointer; } .dovolena-review-detail { background: #c8e5fc; margin-bottom: 5px; padding: 8px;} .dovolena-rating a { text-decoration: none; } .dovolena-rating-detail { padding: 10px 0 10px 0; cursor:pointer; } .dovolena-detail-frame { width:100%; height:600px; display:none;} .dovolena-rating-bar-track { background: url("/images/dovolena-review-sprite.png?version=1479911710") no-repeat scroll -11px -31px transparent; display: inline-block; height: 13px; width: 80px; } .dovolena-rating-indicator { background: url("/images/dovolena-review-sprite.png?version=1479911710") no-repeat scroll -99px -31px transparent; height: 13px; } .dovolena-rating-detail-bar-track { background: url("/images/dovolena-review-sprite.png?version=1479911710") no-repeat scroll -11px -1px transparent; display: inline-block; height: 25px; width: 150px; } .dovolena-rating-detail-indicator { background: url("/images/dovolena-review-sprite.png?version=1479911710") no-repeat scroll -171px -1px transparent; height: 25px; } .dovolena-rating-percentil{padding-left: 10px;} /* holidaycheck */ .holidaycheck-rating { cursor:pointer; } .holidaycheck-rating a { text-decoration: none; } .holidaycheck-rating-detail {background: #c8e5fc; margin-bottom: 5px; padding: 8px;} .holidaycheck-detail-frame { width:100%; display:none; } iframe.holidaycheck-iframe { width:100%; height:55em; } .hcpw-rating-bar-track { background: url("/images/holidaycheck/sun-sprite.png?version=1479911710") no-repeat scroll -11px -31px transparent; display: inline-block; height: 13px; width: 80px; } .hcpw-rating-indicator { background: url("/images/holidaycheck/sun-sprite.png?version=1479911710") no-repeat scroll -99px -31px transparent; height: 13px; } .hcpw-rating-detail-bar-track { background: url("/images/holidaycheck/sun-sprite.png?version=1479911710") no-repeat scroll -11px -1px transparent; display: inline-block; height: 25px; width: 150px; } .hcpw-rating-detail-indicator { background: url("/images/holidaycheck/sun-sprite.png?version=1479911710") no-repeat scroll -171px -1px transparent; height: 25px; } .button-drop-down { color: #fff; background: url("/img/offer-date.png?version=1479911710") center 3px no-repeat; height: 35px; cursor:pointer; padding-left:30px; padding-right:30px; padding-top : 2px; } .button-drop-down.js-open {background: url("/img/offer-date-open.png?version=1479911710") center 3px no-repeat; padding-left:30px; padding-right:45px; padding-top : 5px; } .holidaycheck-rating-percentil{padding-left: 10px;} div.holidaycheck-link-button-wrap{ text-align:center; padding-top:10px; padding-bottom:10px; } div.holidaycheck-link-button-wrap a {background-color: #00447a; border-color: #003661; color: #ffffff; border-radius: 4px; padding: 10px 10px 10px 10px; text-decoration:none; } div.holidaycheck-link-button-wrap a:hover {background-color: #003661; border-color: #003661; color: #ffffff; border-radius: 4px; text-decoration: none; } /* Nabidka zajezdu pro klienta */ .nabidka-pro-klienty-email{ background-image: url("/../../images/mail-offer/email.png?version=1479911710"); display:inline-block;} .nabidka-pro-klienty-twitter{ background-image: url("/../../images/mail-offer/twitter.png?version=1479911710"); display:inline-block;} .nabidka-pro-klienty-googleplus{ background-image: url("/../../images/mail-offer/googleplus.png?version=1479911710"); display:inline-block; } .nabidka-pro-klienty-facebook{ background-image: url("/../../images/mail-offer/facebook.png?version=1479911710"); display:inline-block;} .nabidka-pro-klienty-linkedin{ background-image: url("/../../images/mail-offer/linkedin.png?version=1479911710"); display:inline-block;} .nabidka-pro-klienty .f-right{ float: right;} .nabidka-pro-klienty .f-right a {width: 25px; height: 25px; clear: both; cursor: pointer;} .mail-offer-form, .untick-german-popup{display:none;} .mail-offer form .row {position: relative;} .mail-offer form .message {position: absolute; z-index:20; bottom: 0px; width:90%; padding:3px 10px 5px 26px; background:#ba0001 url("/img/form-error.png?version=1479911710") no-repeat 6px 4px; color:#fff; font-size:12px; line-height:14px;} /*.mail-offer form .message:after {content:''; position:absolute; top:-6px; left:15px; width:13px; height:7px; background:url("/img/design.png?version=1479911710") no-repeat -400px 0;}*/ .mail-offer form .message-success {position:absolute; z-index:2; top:30px; left:-1px; width:297px; padding:3px 10px 5px 26px; background:#4c9e23 url("/img/form-success.png?version=1479911710") no-repeat 5px 3px; color:#fff; font-size:12px; line-height:14px;} .mail-offer input.odeslat{ background: url("../../img/popup-button-terminy-big.png?version=1479911710") no-repeat; width: 600px; height: 40px; color: #fff; cursor:pointer; border: none;} .nabidka-zajezdu-email, .nabidka-zajezdu-name{ margin-bottom:20px; width: 300px; height:34px; border-width: 2px 1px 1px 2px; border-style: solid; border-color: #7C7C7C #F5F5F5 #F5F5F5 #7C7C7C; padding-left: 10px;} .mail-offer h1{ color: #005AAB; } textarea.nabidka-zajezdu-message{ background-color: #fff; border-width: 2px 1px 1px 2px; border-style: solid; border-color: #7C7C7C #F5F5F5 #F5F5F5 #7C7C7C; padding: 10px; margin-bottom: 25px; width: 290px; } #mailoffer label span{ display: block; font-weight: bold;} .hotel-stars{ color: #ED1C4A; } /* WEBOVE IKONKY */ .web-icon{float:left; margin: 0px 4px 4px 0px; padding: 0px; border: 0px solid silver; display: inline-block; display:inline-block; zoom: 1; *display: inline; background-repeat: no-repeat;} /* WEBOVE IKONKY - hotel */ .web-icon.hotel{background-image: url("/images/sprite/icon/hotel.png?version=1479911710"); width: 27px; height: 27px;} .web-icon.hotel.ac{background-position: -1px -57px;} .web-icon.hotel.ac.blue{background-position: -1px -1px;} .web-icon.hotel.ac.white{background-position: -1px -29px;} .web-icon.hotel.ac.square{background-position: -1px -57px;} .web-icon.hotel.beach{background-position: -29px -57px;} .web-icon.hotel.beach.blue{background-position: -29px -1px;} .web-icon.hotel.beach.white{background-position: -29px -29px;} .web-icon.hotel.beach.square{background-position: -29px -57px;} .web-icon.hotel.internet{background-position: -57px -57px;} .web-icon.hotel.internet.blue{background-position: -57px -1px;} .web-icon.hotel.internet.white{background-position: -57px -29px;} .web-icon.hotel.internet.square{background-position: -57px -57px;} .web-icon.hotel.kids{background-position: -85px -57px;} .web-icon.hotel.kids.blue{background-position: -85px -1px;} .web-icon.hotel.kids.white{background-position: -85px -29px;} .web-icon.hotel.kids.square{background-position: -85px -57px;} .web-icon.hotel.pool{background-position: -113px -57px;} .web-icon.hotel.pool.blue{background-position: -113px -1px;} .web-icon.hotel.pool.white{background-position: -113px -29px;} .web-icon.hotel.pool.square{background-position: -113px -57px;} .web-icon.hotel.sport{background-position: -141px -57px;} .web-icon.hotel.sport.blue{background-position: -141px -1px;} .web-icon.hotel.sport.white{background-position: -141px -29px;} .web-icon.hotel.sport.square{background-position: -141px -57px;} /* WEBOVE IKONKY - trip */ .web-icon.trip{background-image: url("/images/sprite/icon/trip.png?version=1479911710"); width: 27px; height: 27px;} .web-icon.trip.dermacol{background-position: -1px -1px;} .web-icon.trip.firstminute{background-position: -29px -1px;} .web-icon.trip.fotolab{background-position: -57px -1px;} .web-icon.trip.gift{background-position: -85px -1px;} .web-icon.trip.child{background-position: -113px -1px;} .web-icon.trip.child4free{background-position: -113px -1px;} .web-icon.trip.child4cheap{background-position: -113px -1px;} .web-icon.trip.lego{background-position: -1px -29px;} .web-icon.trip.lastminute{background-position: -29px -29px;} .web-icon.trip.senior{background-position: -57px -29px;} .web-icon.trip.recommended{background-position: -85px -29px;} .web-icon.trip.garance_snehu{background-position: -113px -29px;} .web-icon.trip.premium{background-position: -1px -57px;} .web-icon.trip.action{background-position: -29px -57px;} /* WEBOVE IKONKY - airport */ .web-icon.airport{background-image: url("/images/sprite/icon/airport.png?version=1479911710"); width: 27px; height: 27px;} .web-icon.airport.big{width: 40px; height: 40px;} .web-icon.airport.small{width: 19px; height: 19px;} .web-icon.airport.medium{width: 27px; height: 27px;} .web-icon.airport.parking-disc{background-position: -1px -21px;} .web-icon.airport.parking-free{background-position: -29px -21px;} .web-icon.airport.bus-city{background-position: -57px -21px;} .web-icon.airport.bus-free{background-position: -85px -21px;} .web-icon.airport.parking-disc.big{background-position: -1px -49px;} .web-icon.airport.parking-free.big{background-position: -1px -49px;} .web-icon.airport.bus-city.big{background-position: -41px -49px;} .web-icon.airport.bus-free.big{background-position: -41px -49px;} .web-icon.airport.bus-city.small{background-position: -1px -1px;} .web-icon.airport.bus-free.small{background-position: -21px -1px;} .web-icon.airport.parking-disc.small{background-position: -41px -1px;} .web-icon.airport.parking-free.small{background-position: -61px -1px;} .web-icon.airport.bus-city.medium{background-position: -1px -21px;} .web-icon.airport.bus-free.medium{background-position: -29px -21px;} .web-icon.airport.parking-disc.medium{background-position: -57px -21px;} .web-icon.airport.parking-free.medium{background-position: -85px -21px;} /* File: layout.css Description: Styly pro zakladni prvky layoutu stranky. */ /* Table of Contents - General - Header - Breadcrumbs - Footer */ /* =General ---------------------------------------------------------------------------- */ #nav-skip {position:absolute; left:-999em; top:0; z-index:100; white-space:nowrap;} #nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; background:#fff; padding:2px 10px 4px 10px; z-index:10; text-align:center; font-weight:bold; text-decoration:none;} .container {position:relative; width:1004px; margin:0 auto;} #header {position:relative; z-index:10; width:100%; min-width:1004px; margin:0 0 15px 0; background:url("/img/header.png?version=1479911710") repeat-x 0 0; height:170px;} #header .container {z-index:2; height:139px; padding-top: 20px;} #header .line {position:absolute; z-index:1; top:25px; left:0; width:100%; height:1px; background:url("/img/header-line.png?version=1479911710") no-repeat 50% 0;} #header .line.no-search { background: url("/img/header-line-no-search.png?version=1479911710") no-repeat 50% 0 ;} #breadcrumb {position:relative; width:1004px; margin:0 auto 20px auto;} #content {position:relative; z-index:9; width:1004px; min-height: 500px; margin:0 auto 30px auto; background:#fff;} #content.reservation {padding-top: 15px;} #content .article {border: 1px solid #e1e1e1; border-radius: 2px; margin: 20px auto 10px; position: relative; width: 982px; padding:20px 10px 10px} #content .article .title {margin: 0 auto; position: absolute; text-align: center; top: -12px; width: 99%;} #content .article .title > * {background-color: white; color: #ed1846; display: inline; font-size: 100%; font-weight: bold; padding: 5px 20px; text-align: center;} #content .article .body > * {font-size: 95%; margin: 0; padding: 0 0 7px;} #content .article .body .readmore {display:none; visibility:hidden; width:1px; height:1px} .full-width {width:100%!important; min-width:1004px; background:none!important;} #gray-bg {margin:0 0 20px 0; background:url("/img/gray-bg.jpg?version=1479911710") repeat-x 0 100%;} #colgroup {position:relative; z-index:2; width:1004px; margin:0 auto 5px auto; padding:7px 0 0px 0;} .sub-page #colgroup {padding-top:0;} #headline {min-height:59px; padding:19px 25px 0 20px; background:#d3e9fa url("/img/headline.png?version=1479911710") repeat-x 0 0;} #section {float:left; width:720px; padding:10px 0 0 20px;} .section #section {width:735px; padding:0 0 0 10px;} .section .left-container {float: right; width:735px; padding: 20px 16px 0 0;} .section {position:relative; z-index:1; width:1004px; margin:0 auto; padding: 0 0 20px 0;} .section.special-offer{padding: 0 0 50px 0;} .section.special-offer h3, #special_actions_fake_header {padding:0 0 25px 0; color:#ed1846; font-size:24px; line-height:26px;} .section .box {width:492px;} .section.box .box {padding-top: 60px;} .section-shadow {position:absolute; z-index:1; top:0; left:-8px; width:1020px; height:24px; background:url("/img/section-shadow.png?version=1479911710") no-repeat 0 0;} #aside {float:left; width:225px; padding:20px 20px 0 0;} .section #aside {padding:0; width:243px;} #bottom {min-width:1004px; text-align:center;} #footer {position:relative; z-index:7; min-width:1004px; background:#496C90;} #aside #transport {margin-bottom:4px;} #aside .opt-group .item {margin-top:7px; padding-left:1px;} #aside .opt-group label {position:relative;left: 11px; top:-4px; font-weight: lighter;} /* =Header ---------------------------------------------------------------------------- */ #header .box {float: left; height: 100px} #header .box.logo {width: 200px;} #header .box.title {width: 431px; padding-top: 50px;} #header .box.title h1 {width: 380px; padding: 0 5px 0 15px; font-size: 21px; color: #005aab; font-size: 18px;} #header .box.title h2 {width: 380px; padding: 0 5px 0 15px; font-size: 21px; color: #005aab; font-size: 18px;} #header .box.search {width: 200px; padding-top: 46px;} #header .box.info {width: 165px; padding-top: 47px; color: #ed1a37; text-align: right;} #header .box.info a{color: #ed1a37} #header .box.info div.tel{font-size: 22px; position: relative; line-height: 30px; float: right;} #header .box.info div.tel .deco{background: url("/images/sprite/deco/deco.png?version=1479911710") no-repeat -1px -224px; width: 31px; height: 31px; display:inline-block; *display: inline; zoom: 1; position: absolute; top:0; left: 0px;} #header .box.info div.tel .text {margin-left: 35px;} #header .box.info div.tel .info-text {position: absolute; top: -35px; font-size: 13px; width: 250px; right: 0; line-height: 17px;} #header .box.info div.mail {float: right; font-size: 15px; line-height: 30px; margin-left: 25px; position: relative; text-align: left;} #header .box.info div.mail .deco{background: url("/images/sprite/deco/deco.png?version=1479911710") no-repeat -32px -224px; margin-top: 10px; width: 24px; height: 12px; display:inline-block; *display: inline; zoom: 1; position: absolute; top:0; left: 0px;} #header .box.info div.mail .text {margin-left: 30px;} .red {color:#ff0000;} .noSelect {-o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;} #top-nav {float:right; padding:16px 5px 0 0; color:#ed1846; line-height:20px; white-space:nowrap;} #top-nav ul {margin:0; padding:0;} #top-nav li {position:relative; float:left; margin:0; padding:0; background:none;} #top-nav li span {position:absolute; top:0; left:0; width:20px; height:20px; background-image:url("/img/design.png?version=1479911710"); background-repeat:no-repeat;} #top-nav li b {padding-left:25px; font-weight:normal;} #top-nav li a {position:relative; padding-left:25px;} #top-nav .login span {background-position:0 0;} #top-nav .login .logout {float:right} #top-nav .search-label {margin-left:35px;} #top-nav .search-label span {background-position:-20px 0;} #top-nav .info {margin-left:39px;} #top-nav .info span {background-position:-40px 0;} #top-nav .info strong {position:absolute; top:22px; right:0; font-weight:normal; font-size:30px; line-height:32px; letter-spacing:-1px; white-space:nowrap;} #top-nav .info a {position:absolute; top:60px; right:0; background: url("/images/icon_contact.png?version=1479911710") no-repeat left center; padding-left:28px; font-size:12px; color:#ed1846; line-height:100%; white-space:nowrap;} .ie9 #top-nav .search-label {margin-left:31px;} .ie9 #top-nav .info {margin-left:33px;} #main-nav {position:absolute; top:125px; left:0; width:100%;} #main-nav table {float:left; margin:0; padding:0; width:100%; white-space:nowrap; position: relative;} #main-nav table td {border-bottom: 0px solid white; background:url("/img/mainnav-divider.png?version=1479911710") no-repeat 0 8px; padding: 10px 5px; text-align: center;} #main-nav table td:first-child {background: none;} #main-nav table td:hover {background: #005aab;} #main-nav table td a {font: 16px Tahoma;} #main-nav table td.active a {color: #ec1745} #main-nav table td:hover a {color: white;} #main-nav table td:hover ul a {color: #005aab;} #main-nav table td ul a {color: #005aab;} #main-nav table td a:hover span {background-position:-120px 0;} #main-nav table td nav.main-subnav{position: absolute; display: none; box-shadow: 2px 5px 5px rgba(0,0,0, .3); padding: 10px 0px 10px 0px; white-space: normal; border-top: 4px solid #005aab; width: 100%; background: white; top: 38px; left: 0px;} #main-nav table td nav.main-subnav .table{display: table; width: 100%;} #main-nav table td nav.main-subnav .row{display: table-row;} #main-nav table td nav.main-subnav .cell{display: table-cell; padding: 1px 5px;} #main-nav table td nav.main-subnav .cell a {display: block; text-align: left; color: #005aab; line-height: 20px; font-size: 15px;} #main-nav table td nav.main-subnav .cell a:before {content: url("/images/header-odrazka.png?version=1479911710"); padding: 5px; vertical-align: middle;} #main-nav table td>a:hover{text-decoration: none;} #main-nav table td.has-subnav>a:before {content: '▼'; margin-right: 5px;} div.menu-akce-redbox {position: absolute;left: 7px; top: -10px; background-color: #ff0000; border: 1px solid #FFC0C0; color: white; padding: 0 4px; border-radius: 3px; line-height: 17px; font-size: 12px;} /* = Lupa (Quick search) ---------------------------------------------------------------------------- */ #quick-search .search-site {position:relative; z-index:2; width:180px; height:36px; margin:0; background:url("/img/search-bg.png?version=1479911710") repeat 0 0; border:1px solid #b2d6f6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 1px -1px #fff; -webkit-box-shadow:0 1px 1px -1px #fff; box-shadow:0 1px 1px -1px #fff;} #quick-search .search-site input[type=text] {position:absolute; top:7px; left:10px; width:130px; height:20px; background:none; border:0; color:#4d4d4d; font:12px Tahoma, Geneva, sans-serif; outline:none;} #quick-search .search-site .placeholder {color:#a9c4d2!important;} #quick-search .search-site input::-webkit-input-placeholder {color:#a9c4d2;} #quick-search .search-site input:-moz-placeholder {color:#a9c4d2;} #quick-search .search-site .quick-search-submit-button {position:absolute; overflow:hidden; display:block; top:8px; right:8px; width:20px; height:20px; background:url("/img/design.png?version=1479911710") no-repeat -60px 0; border:0; font-size:0; line-height:0; cursor:pointer; *text-indent:-100px;} #quick-search .search-site .quick-search-submit-button:hover {background-position:-80px 0;} #quick-search.quick-search-loading .search-site .quick-search-submit-button {background: url("/img/quick-loader.gif?version=1479911710") no-repeat center center;} .autocomplete-data { position:absolute; z-index: 20; } .autocomplete-data .deco {top:-16px; left:44px; width:72px; height:16px; background:url("/img/design.png?version=1479911710") no-repeat -220px -55px;} .autocomplete-data .content {top:64px; left:0; width:372px; background:#f2f9fe; border:1px solid #b6d8f7; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0, .2); box-shadow:1px 1px 2px rgba(0,0,0, .2);} .autocomplete-data ul {width:100%; margin:0; padding:0;} /* .autocomplete-data li {float:left; position:relative; width:336px; margin:0; padding:0 18px; background:none;} .autocomplete-data li:hover,#autocomplete-data li.hover {background: #dbecfa;} .autocomplete-data a span.highlight {font-weight: bold;} .autocomplete-data li a {display:table-cell; *display:block; width:300px; height:48px; padding:2px 0 0 36px; background:url("../img/search-helper-line.png?version=1479911710") repeat-x 0 0; vertical-align:middle; font-size:12px; line-height:13px;} .autocomplete-data li:first-child a {background:none;} .autocomplete-data li .txt {*display:inline; *vertical-align:middle; zoom:1; cursor:pointer; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} .autocomplete-data li .ico, .autocomplete-data li .flag {position:absolute; display:block; top:10px; left:15px; width:35px; height:35px; margin:0; padding:0; } .autocomplete-data li .ico { background-image:url("../img/icons.png?version=1479911710"); } .autocomplete-data li .ico.destination {background-position:0 -70px;} .autocomplete-data li .ico.hotel {background-position:-35px -70px;} .autocomplete-data li .ico.flag {background: transparent; } .autocomplete-data li .ico.flag img { position: relative; top: 3px; } */ /* =Breadcrumbs ---------------------------------------------------------------------------- */ #breadcrumb .box {float:left; padding:5px 10px; background:url("/img/breadcrumb.png?version=1479911710") repeat 0 0; -moz-box-shadow:0 0 5px rgba(146,186,208, .7); -webkit-box-shadow:0 0 5px rgba(146,186,208, .7); box-shadow:0 0 5px rgba(146,186,208, .7);} #breadcrumb p {padding:0; font-size:12px; line-height:14px;} #breadcrumb a {color:#ed1846;} #breadcrumb .homepage {color:#005aab;} /* skryjeme posledni sipku */ #breadcrumb p span:last-child { display: none;} /* =Footer ---------------------------------------------------------------------------- */ /* Footer */ #footer-newsletter .input-border{border-top: 2px solid #7C7C7C; border-left: 2px solid #7C7C7C; border-right: 1px solid whitesmoke;border-bottom: 1px solid whitesmoke;} #footer h3.newsletter {position:relative; padding:2px 0 5px 30px; *behavior: expression( function(t) { t.insertAdjacentHTML('afterBegin',''); t.runtimeStyle.behavior = 'none';}(this) );} #footer h3.newsletter:after, #footer h3 .newsletter-after {content:''; position:absolute; top:1px; left:0; width:24px; height:17px; background:url("/img/design.png?version=1479911710") no-repeat -160px -55px;} #footer-newsletter .grid-list {position:relative; margin:0 auto; padding: 0; width:1004px; background: #A8CFE8; height: 80px; border-top-left-radius:7px; border-top-right-radius:7px;} #footer-newsletter .deco {display:inline-block; *display: inline; zoom: 1; width: 60px; height: 60px; background: url("/images/newsletter-deco.png?version=1479911710"); margin-top: 12px; margin-left: 25px; float: left;} #footer-newsletter h3 {float: left; line-height: 80px; color: #2A4B6C; padding: 0; margin-left: 25px; font-size: 24px;} #footer-newsletter form {float:right; width:35%; padding:12px 0 0 0; margin-right: 25px; position: relative;} #footer-newsletter form .row {float:left; position:relative; width:260px; height:34px; background:#fff} #footer-newsletter form input[type=email] {position:absolute; top:7px; left:10px; width:230px; height:20px; background:none; border:0; outline:none; color:#0e65b2; font:bold 13px Tahoma, Geneva, sans-serif;} .ie7 #footer form input[type=text], .ie8 #footer form input[type=text] {line-height:20px;} #footer-newsletter form input[type=submit] {overflow:visible; position:absolute; right:7px; width:77px; height:37px; padding: 0; background:#496C90; border:0; color:#fff; font-size:17px; cursor:pointer;} .firefox #footer form input[type=submit] {padding-bottom:4px;} #footer-newsletter form input[type=submit]:hover {background:#3e7bb7;} #footer-newsletter .placeholder {color:#0e65b2;} #footer-newsletter ::-webkit-input-placeholder {color:#0e65b2;} #footer-newsletter :-moz-placeholder {color:#0e65b2;} #footer-newsletter form .message {position:absolute; z-index:1001; top:77px; width:auto; padding:3px 10px 5px 26px; background:#ba0001 url("/img/form-error.png?version=1479911710") no-repeat 6px 4px; color:#fff; font-size:12px; line-height:14px;} #footer-newsletter form .message-failed:after {content:''; position:absolute; top:-6px; left:15px; width:13px; height:7px; background:url("/img/design.png?version=1479911710") no-repeat -400px 0;} #footer-newsletter form .message-success {position:absolute; z-index:2; top:55px; left:-1px; width:297px; padding:3px 10px 5px 26px; background:#4c9e23 url("/img/form-success.png?version=1479911710") no-repeat 5px 3px; color:#fff; font-size:12px; line-height:14px;} #footer .grid-list {position:relative; margin:0 auto; padding:25px 0 0 0; width:1004px; height: auto;} #footer .group {width:334px; padding:0 0 10px 0;} #footer .title-deco {width: 100%;height: 2px; display: block; background: url("/images/footer-header-bottom.png?version=1479911710") repeat-x; margin-bottom: 5px; padding-right: 7px;} #footer header {display: block;} #footer header div {display:inline-block; *display: inline; zoom: 1;} #footer ul {margin:0; padding:0; list-style-image: url("/images/footer-odrazka.png?version=1479911710"); width: 100%;} #footer ul li {margin:0; padding:0; background:none; font-size:14px; margin-left: 16px; color: #A8BBC3; line-height: 22px;} #footer ul li a {color: #A8BBC3;} #footer ul li a:hover {color: white;} #footer .main-row h3 {color: white; padding-bottom: 2px; display:inline-block; *display: inline; zoom: 1;} #footer .main-row h4 {color: white; padding-bottom: 2px; display:inline-block; *display: inline; zoom: 1;} #footer section {float: left;} #footer .main-row.fields .field-1{width: 320px;} #footer .main-row.fields .field-2{width: 320px;} #footer .main-row.fields .field-3{float:right;} #footer .main-row.fields .field-3 .logo{float: right; margin-top: 5px;} #footer .social {margin-top: 20px;} #footer .social span {float: left; background: url("/images/sprite/deco/deco.png?version=1479911710") no-repeat; width: 40px; height: 40px; margin-left: 10px;} #footer .social .fb{background-position: -1px -86px;} #footer .social .gplus{background-position: -42px -86px;} #footer .social .twitter{background-position: -83px -86px;} #footer .social a span{transition: all 0.5s;} #footer .social a span:hover {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);} #footer .main-row.info .info-1 {width: 320px;} #footer .main-row.info .info-2 {width: 270px;} #footer .main-row.info .info-3 {width: 250px; margin-top: 30px;} #footer .main-row.info .info-4 {float:right;} #footer .main-row.info .info-1 .certification span {float: left; margin-right: 5px; background: url("/images/sprite/deco/deco.png?version=1479911710") no-repeat; width: 48px; height: 48px;} #footer .main-row.info .info-1 .certification .esf{background-position: -148px -125px} #footer .main-row.info .info-1 .certification .accka{background-position: -1px -125px} #footer .main-row.info .info-1 .certification .ackcr{background-position: -50px -125px} #footer .main-row.info .info-1 .certification .iata{background-position: -197px -125px} #footer .main-row.info .info-1 .certification .ectaa{background-position: -99px -125px} #footer .main-row.info .info-2 .partners span {float: left; margin-right: 5px; background: url("/images/sprite/deco/deco.png?version=1479911710") no-repeat; width: 68px; height: 48px;} #footer .main-row.info .info-2 .partners .gopark{background-position: -139px -174px} #footer .main-row.info .info-2 .partners .giata{background-position: -1px -174px} #footer .main-row.info .info-2 .partners .cesys{background-position: -70px -174px} #footer .main-row.info .info-4 .address {color: #D2DCE4;} #footer .main-row.copy {color: #A8BBC3; padding: 0px; position: relative;} #footer .main-row.copy div {position: absolute; top: -6px;} #footer .main-row.bottom ul {display:inline-block; *display: inline; zoom: 1; width:1004px; white-space:nowrap; margin-top: 5px;} #footer .main-row.bottom li {display:inline; *width:1px; margin:0; padding:0 3px; background:none; border-left:2px solid white; font:bold 16px/16px Trebuchet MS, sans-serif; text-transform:uppercase; *white-space:nowrap;} #footer .main-row.bottom li a {padding:0 4px 0 5px; color:#fff;} #footer .main-row.bottom li:first-child {border-left:0; padding: 0px 4px 0px 0px;} #footer .main-row.bottom li:first-child a {padding: 0px;} #terms label{position: absolute; left: 20px; bottom: -25px;} #terms input[type='checkbox'] {position: absolute; left: 0px; bottom: -21px;} #footer .grid-list.web { padding: 0 0 10px 0; } #footer .grid-list.web a{ color: #fff; text-decoration: underline; } #footer .grid-list.web a:hover{ text-decoration: none; } .map { margin-bottom: 50px;} #map-control {width: 100%; margin-bottom: 5px;margin-top: 8px;} #map-control a{font-weight: bold;width: 100%;text-align: center;display: block; position: relative;} #map-control a .map-title {font-size: 16px; left: 7px; position: absolute; text-align: center; top: 5px; width: 100%;} #map-control a .map-button {position: absolute; top: 4px; width: 92%; text-align: center; left: 7px; background: #ED1846; color: white; font-size: 12px; padding: 2px; box-shadow: 1.5px 1.5px rgba(0, 0, 0, .5);} #map-control a .map-button .text {position: relative; padding-left: 25px;} #map-control a.show-hotel-map .map-button .text:before {content: url("/images/map/bod_button.png?version=1479911710"); left: 0px; top: -3px; position: absolute;} #map-control a.hide-hotel-map .map-button .text:before {content: "X"; left: 8px; top: -4px; position: absolute;} #map-control a:hover .map-button {box-shadow: 1px 1px rgba(0, 0, 0, .3);} #mapHotelContent {width: 500px; height: 225px; display: block; overflow: visible; border-bottom:0px;padding: 0px 0px 0px;margin:0px 0px 0px;} #mapHotelContent .content-head #hotelName {width: 69%; display: inline-block;} #mapHotelContent .content-head #hotelName h4 {overflow: hidden; font-size:22px; color: #005aab; line-height: 22px;} #mapHotelContent .content-head #price {display: inline-block; width: 30%; font-size: 18px;text-align: right; vertical-align: top;} #mapHotelContent .content-head #price small{margin: -3px 0px;} #mapHotelContent .content-body .left.second {margin-left: 15px;} #mapHotelContent .content-body #rating {margin-top: 5px; display: block; height: 80px;} #mapHotelContent .content-foot .hotel-box{position: static;} #mapHotelContent .content-foot .remove-hotel {background: url("/img/close-button.png?version=1479911710") 0px 1px no-repeat; background-size: 12px 12px;} #mapHotelContent .content-foot .pokracovat span{font-weight: bold;} #mapHotelContent .content-foot #addToStash {position: absolute; right: 5px; bottom: 35px;} #mapHotelContent .badHotelGps {position: absolute; bottom: 0px; left: 0px; line-height: 14px;} #mapHotelContent .badHotelGps a {color: gray; text-decoration: none;} #mapHotelContent .badHotelGps a:hover {text-decoration: underline;} .map-list {position: relative;} .map-list .map-hide-button {position: absolute; z-index: 2000; right: 10px; top: 10px; display: block; padding: 7px 17px; background: silver; color: white; font-size: 15px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; cursor: pointer; border-radius: 2px;} .map-list .map-hide-button:hover {background: darkgray;} #pdf_form input { border: 1px solid silver; height: 20px; width: 100%; padding: 5px; } #pdf_form input.submit { border: 1px solid; padding: 5px; width: auto; height: auto; cursor: pointer; color: #fff; width: 40%; background-color: #5cb85c; border-color: #4cae4c; } #pdf_form input.submit:hover { background-color: #449d44; border-color: #398439; } input[type="text"]:disabled { background: #dddddd; }/* File: popup.css Description: Styl pro obsah vyskakovacího okna */ /* Table of Contents - General - Zalozky - Pocasi - Recenze - Galerie - Terminy */ /* =General ---------------------------------------------------------------------------- */ #popupDialog { width: 984px; height: 645px; overflow: hidden;} #popupDialog .heading {display: inline-block; font-size: 18px; font-weight: bold; color: #ed1846; float: left; line-height: 20px; width: 520px;} #popupDialog .heading small {top: -5px; font-size: 13px; font-weight: normal; color: #000;} #popupDialog .terminy {display: block; position: relative; width: 479px; height: 39px; margin: 10px auto; background: url("/img/popup-button-terminy.png?version=1479911710") no-repeat; font-size: 18px; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; line-height: 39px; color: #fff; } #popupDialog .terminy.big {float: right; background: url("/img/popup-button-terminy-big.png?version=1479911710") no-repeat; width: 600px;} #popupDialog .back{float: left; display: block; position: relative; width: 350px; height: 39px; margin: 10px auto; background: url("/img/back.png?version=1479911710") no-repeat; font-size: 15px; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; line-height: 39px; color: #fff;} #popupDialog .price {position: relative; float: right; margin: -7px 20px 0 0; text-align: right; padding:0; color:#ed1846; font:bold 28px Tahoma, Geneva, sans-serif;} #popupDialog .continue {float: right; margin-right: 30px;} #popupDialog .continue a {background: url("/img/popup-button-terminy-small.png?version=1479911710") no-repeat; color: white; display: block; height: 35px; font-weight: bold; padding: 5px 35px 0px 45px; text-transform: uppercase;} #popupDialog .price small {display:block; margin: 5px 3px -2px 0px; color: #000; font-size:12px; font-weight: normal;} #popupDialog .actions {position: relative; float: right; text-align: right; font-size: 13px; line-height: 15px;} #popupDialog .actions a {padding: 0 0 0 25px;} #popupDialog .actions .compare {background: url("/img/offer-compare.png?version=1479911710") left no-repeat;} #popupDialog .actions .watch {background: url("/img/offer-watch.png?version=1479911710") left no-repeat;} #popupDialog .actions .evaluate {background: url("/img/offer-evaluate.png?version=1479911710") 7px 2px no-repeat;} /* =Zalozky ---------------------------------------------------------------------------- */ #popupDialog .content-container {display:block; position: relative; height: 446px; padding: 20px; margin: 63px 0 0 0; border: 1px solid #a1a1a1; background: url("/img/popup-content-bg.png?version=1479911710") repeat-x #fff;} #popupDialog .content-container ul.tabs-nav {width: 984px; height: 42px; margin: -63px 0 20px -7px; padding: 0;} #popupDialog .content-container ul.tabs-nav li {display: block; height: 42px; float: left; padding: 0; background: none; line-height: 42px; font-weight: bold;} #popupDialog .content-container ul.tabs-nav li.active {border: 1px solid #a1a1a1; border-bottom: none; background: #fff;} #popupDialog .content-container ul.tabs-nav li a { padding: 0 27px; border-left: 1px solid #5997cc;} #popupDialog .content-container ul.tabs-nav li.active a { border-left: 0;} #popupDialog .content-container ul.tabs-nav li.active+li a { border-left: 0;} #popupDialog .content-container ul.tabs-nav li:first-of-type > a { border: none;} #popupDialog .content-container ul.tab-navs li span { padding: 0 35px;} #popupDialog .content-container.tab-2 ul.tabs {width: 986px; margin-left: -21px;} #popupDialog .content-container.tab-2 ul.tabs li {padding: 0 170px;} #popupDialog .content-container.tab-2 ul.tabs li:last-of-type {float: right;} #popupDialog .content-container.no-heading {padding: 80px 20px; margin: 30px 0 0 0; background-image: url("/img/popup-content-high-bg.png?version=1479911710");} #popupDialog .content-container.no-heading ul.tabs {margin-top: -123px;} /* =Popis a informace ---------------------------------------------------------------------------- */ #popupDialog #popup-information .viewport-wrap, #popupDialog #popup-actions .viewport-wrap, #popupDialog #popup-bonus .viewport-wrap, #popupDialog #popup-description .viewport-wrap {position: relative; width: 935px; clear: both; margin-top: 15px; } #popupDialog #popup-information .viewport-wrap .viewport, #popupDialog #popup-actions .viewport-wrap .viewport, #popupDialog #popup-bonus .viewport-wrap .viewport, #popupDialog #popup-description .viewport-wrap .viewport {position: relative; width: 900px; height: 458px; overflow: hidden;} #popupDialog #popup-actions .viewport-wrap .overview, #popupDialog #popup-bonus .viewport-wrap .overview, #popupDialog #popup-information .viewport-wrap .overview, #popupDialog #popup-description .viewport-wrap .overview {position:absolute;} #popupDialog #popup-actions .viewport-wrap .scrollbar, #popupDialog #popup-bonus .viewport-wrap .scrollbar, #popupDialog #popup-information .viewport-wrap .scrollbar, #popupDialog #popup-description .viewport-wrap .scrollbar {position:absolute; top: 0; right: 0; width:17px; padding:15px 0; background:url("/img/popup-scrollbar.png?version=1479911710") no-repeat 0 0 transparent;} #popupDialog #popup-actions .no-js .viewport-wrap .scrollbar, #popupDialog #popup-bonus .no-js .viewport-wrap .scrollbar, #popupDialog #popup-information .no-js .viewport-wrap .scrollbar, #popupDialog #popup-description .no-js .viewport-wrap .scrollbar {display:none;} #popupDialog #popup-actions .viewport-wrap .scrollbar .track, #popupDialog #popup-bonus .viewport-wrap .scrollbar .track, #popupDialog #popup-information .viewport-wrap .scrollbar .track, #popupDialog #popup-description .viewport-wrap .scrollbar .track {position:relative; height:224px;} #popupDialog #popup-information .viewport-wrap .scrollbar .thumb, #popupDialog #popup-actions .viewport-wrap .scrollbar .thumb, #popupDialog #popup-bonus .viewport-wrap .scrollbar .thumb, #popupDialog #popup-description .viewport-wrap .scrollbar .thumb {position:absolute; top:0; left:-2px; width:21px; height:21px; background:url("/img/design.png?version=1479911710") no-repeat -380px -55px; cursor:pointer;} #popupDialog #popup-information.no-heading .viewport-wrap {position: relative; width: 935px; clear: both; margin: -10px 0 0 0;} #popupDialog #popup-information.no-heading .viewport-wrap .viewport {position: relative; width: 900px; height: 592px; overflow: hidden;} #popupDialog #popup-information.no-heading .viewport-wrap .scrollbar {position:absolute; top: 0; right: 0; width:17px; padding:15px 0; background:url("/img/popup-scrollbar-big.png?version=1479911710") no-repeat 0 0 transparent;} #popupDialog #popup-information, #popupDialog #popup-description {color: #4d4d4d;} #popupDialog sup {font-size: 17px; font-weight: bold; color: #ed1846;} #popupDialog div.note sup {display: block; position: absolute; top: -3px; left: 10px; padding: 1px; background: #fff;} #popupDialog .head {display: block; position: relative; font-weight: bold; color: inherit;} #popupDialog .head.main {font-size: 17px; font-weight: bold; padding-top: 5px;} #popupDialog .head.par {font-size: 14px; font-weight: bold;} #popupDialog .head.par.frame {width: 240px; padding: 10px 0 16px 15px; margin-bottom: 10px; background: url("/img/popup-head-frame.png?version=1479911710") no-repeat} #popupDialog div.note {position: relative; width: 618px; margin: 15px 0; padding: 15px 215px 15px 20px; border: 1px solid #cccccc; background: #fff; font-size: 14px; line-height: 110%} #popupDialog #popup-information .head, #popupDialog #popup-information p, #popupDialog #popup-information p.frame {margin-left: 10px;} #popupDialog #popup-information .info-col {width: 260px; float: left; margin: 10px 40px 0 0;} #popupDialog #popup-information .info-col.last {margin-right: 0;} #popupDialog #popup-information .info-col p {padding-left: 15px; margin-bottom: 5px; line-height: 180%;} #popupDialog .content-container .map {position: relative; width: 915px; height: 425px; margin: 35px auto; } #popupDialog .content-container ul {padding: 0 0 0 25px; margin: -3px 0 15px 0;} #popupDialog .content-container ul li {padding: 3px 0 0 0; margin: 0; background: transparent; line-height: 20px;} #popupDialog .content-container ul li.yes {background: url("/img/popup-checker.png?version=1479911710") right 80% no-repeat; } /* =Pocasi ---------------------------------------------------------------------------- */ #popupDialog .content-container .weather-container {position: relative; height: 425px; width: 100%; padding: 15px;} #popupDialog .content-container .weather-container .viewport {overflow:hidden; position:relative; width:920px; height:325px; padding:60px 0 10px 0;} #popupDialog .content-container .weather-container .overview {position:absolute; top: 0; left:0; width: 1480px;} #popupDialog .content-container .weather-container .scrollbar {position:relative; top: 5px; left: 1px; height:17px; padding:0 15px; background:url("/img/popup-scrollbar-horizontal.png?version=1479911710") no-repeat 0 0;} .no-js #popupDialog .content-container .weather-container .scrollbar {display:none;} #popupDialog .content-container .weather-container .scrollbar .track {position:relative; height:17px;} #popupDialog .content-container .weather-container .scrollbar .thumb {position:absolute; top:-3px; left:0; width:22px; height:22px; background:url("/img/popup-scrollbar-horizontal-btn.png?version=1479911710") no-repeat; cursor:pointer;} #popupDialog .content-container .weather-container .weather-box {position: relative; float: left; width: 165px; height: 384px; margin: 0 20px 0 0; border: 1px solid #ccdeee; border-radius: 5px; background: url("/img/popup-weather-bg.png?version=1479911710") repeat-x; text-align: center;} #popupDialog .content-container .weather-container .weather-box.last {margin: 0;} #popupDialog .content-container .weather-container .weather-box .day {margin: 10px auto 0 auto; font-weight: bold;} #popupDialog .content-container .weather-container .weather-box .date {font-size: 17px; color: #4d4d4d;} #popupDialog .content-container .weather-container .weather-box .icon {position: relative; margin: 25px auto; width: 107px; height: 102px;} #popupDialog .content-container .weather-box .icon.i-1 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 0 no-repeat} #popupDialog .content-container .weather-box .icon.i-2 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -102px no-repeat} #popupDialog .content-container .weather-box .icon.i-3 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -204px no-repeat} #popupDialog .content-container .weather-box .icon.i-4 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -306px no-repeat} #popupDialog .content-container .weather-box .icon.i-5 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -408px no-repeat} #popupDialog .content-container .weather-box .icon.i-6 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -510px no-repeat} #popupDialog .content-container .weather-box .icon.i-7 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -612px no-repeat} #popupDialog .content-container .weather-box .icon.i-8 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -714px no-repeat} #popupDialog .content-container .weather-box .icon.i-9 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -816px no-repeat} #popupDialog .content-container .weather-box .icon.i-10 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -918px no-repeat} #popupDialog .content-container .weather-box .icon.i-11 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -1020px no-repeat} #popupDialog .content-container .weather-box .icon.i-12 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -1122px no-repeat} #popupDialog .content-container .weather-box .icon.i-13 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -1224px no-repeat} #popupDialog .content-container .weather-box .icon.i-14 {background: url("/img/popup-weather-icons.png?version=1479911710") 0 -1326px no-repeat} #popupDialog .content-container .weather-container .weather-box .desc {margin: 20px auto 0 auto; width: 70%; height: 40px; font-weight: bold; line-height: 17px;} #popupDialog .content-container .weather-container .weather-box table {margin: 15px auto; color: #707070;} #popupDialog .content-container .weather-container .weather-box table tr {} #popupDialog .content-container .weather-container .weather-box table th, #popupDialog .content-container .weather-container .weather-box table td {border: none; text-align: center; padding: 5px 0; width: 50%; vertical-align: top;} #popupDialog .content-container .weather-container .weather-box table th {font-size: 12px;} #popupDialog .content-container .weather-container .weather-box table td {font-size: 17px; padding: 0;} #popupDialog .content-container .weather-container .weather-box table td small {font-size: 12px; display: inline-block;} #popupDialog .content-container .wwo {position: absolute; bottom: 10px; left: 35px; color: #4d4d4d;} /* =Recenze ---------------------------------------------------------------------------- */ #popupDialog .content-container #popup-reviews .text-container {width: 900px; margin: 10px;} #popupDialog .content-container #popup-reviews hr {border: 3px solid #c8c8c8;} #popupDialog .content-container #popup-reviews .celkove-hodnoceni {position: relative; display: block; width: 350px; margin: -22px auto 10px auto; font-size: 19px; background: #fcfcfc; text-align: center;} #popupDialog .content-container #popup-reviews .celkove-hodnoceni .value {font-size: 24px; font-weight: bold; color: #f38c00;} #popupDialog .content-container #popup-reviews .recenze {float: left;} #popupDialog .content-container #popup-reviews .recenze-btn {float: right; padding: 4px 20px 5px 40px; margin: -5px 0 0 0; background: url("/img/popup-review-btn.png?version=1479911710") no-repeat; font-size: 14px; font-weight: bold; color: #fff;} #popupDialog .content-container #popup-reviews .recenze-btn:hover {text-decoration: none;} #popupDialog .content-container #popup-reviews .viewport-wrap {position: relative; width: 935px; clear: both; margin: 15px 0 0 0;} #popupDialog .content-container #popup-reviews .viewport-wrap .viewport {position: relative; width: 900px; height: 254px; overflow: hidden;} #popupDialog .content-container #popup-reviews .viewport-wrap .overview {position:absolute; width: 900px; } #popupDialog .content-container #popup-reviews .viewport-wrap .scrollbar {position:absolute; top: 0; right: 0; width:17px; padding:15px 0; background:url("/img/popup-scrollbar-small.png?version=1479911710") no-repeat 0 0 transparent;} #popupDialog .content-container #popup-reviews .no-js .viewport-wrap .scrollbar {display:none;} #popupDialog .content-container #popup-reviews .viewport-wrap .scrollbar .track {position:relative; height:224px;} #popupDialog .content-container #popup-reviews .viewport-wrap .scrollbar .thumb {position:absolute; top:0; left:-2px; width:21px; height:21px; background:url("/img/design.png?version=1479911710") no-repeat -380px -55px; cursor:pointer;} #popupDialog .content-container #popup-reviews .viewport-wrap p {padding: 13px; margin-bottom: 2px; border: 1px solid #cccccc; background: #fff; line-height: 140%; color: #4d4d4d;} #popupDialog .content-container #popup-reviews .viewport-wrap .from {display: block; padding: 0 0 5px 30px; margin-bottom: 5px; line-height: 17px; background: url("/img/popup-comment.png?version=1479911710") 0 2px no-repeat; font-weight: bold;} #popupDialog .content-container #popup-reviews .viewport-wrap .eval {color: #000;} #popupDialog .content-container #popup-reviews .viewport-wrap .val {color: #005aab;} /* =Prehled ---------------------------------------------------------------------------- */ #popupDialog .content-container #popup-overview img.main {position: relative; width: 230px; height: 230px; padding: 7px; margin: 10px 20px 10px 10px; -moz-box-shadow:1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0, .2); box-shadow:1px 1px 2px rgba(0,0,0, .2); float: left;} #popupDialog .content-container #popup-overview .floatwrap {float: left;} #popupDialog .content-container #popup-overview p {width: 660px; margin-top: 10px; line-height: 150%;} #popupDialog .content-container #popup-overview .offer-services {margin: 10px 0 20px 0;} #popupDialog .content-container #popup-overview .service {float: left; width: 38px; height: 38px; margin: 0 5px 0 0;} #popupDialog .content-container #popup-overview .service.child {background: url("/img/offer-ico-child.png?version=1479911710") no-repeat;} #popupDialog .content-container #popup-overview .service.wifi {background: url("/img/offer-ico-wifi.png?version=1479911710") no-repeat;} #popupDialog .content-container #popup-overview .service.waves {background: url("/img/offer-ico-waves.png?version=1479911710") no-repeat;} #popupDialog .content-container #popup-overview .service.ac {background: url("/img/offer-ico-ac.png?version=1479911710") no-repeat;} #popupDialog .content-container #popup-overview .prehled-col {width: 185px; margin-right: 48px; margin-bottom: 60px; float: left;} #popupDialog .content-container #popup-overview .prehled-col.last {margin-right: 0;} #popupDialog .content-container #popup-overview .prehled-col > ul {padding: 0; margin: 0;} #popupDialog .content-container #popup-overview .overview-map {display: block; float: left; margin: 0 20px 0 15px; width: 237px; height: 119px; border: 1px solid #cacaca; } #popupDialog .content-container #popup-overview .eval-wrap {width: 270px; float: left; margin-right: 20px;} #popupDialog .content-container #popup-overview .eval-wrap .progressbar-wrap {padding: 0 7px 18px 7px;} #popupDialog .content-container #popup-overview .eval-wrap .progressbar-wrap .type {font-size: 12px; font-weight: normal; margin-bottom: 10px; line-height: 100%;} #popupDialog .content-container #popup-overview .eval-wrap hr {border: 1px solid #c8c8c8;} #popupDialog .content-container #popup-overview .eval-wrap .celkove-hodnoceni {position: relative; display: block; width: 190px; top: -20px; margin: 0 auto; font-size: 13px; background: #f7f7f7; text-align: center;} #popupDialog .content-container #popup-overview .eval-wrap .celkove-hodnoceni .value {font-size: 13px; font-weight: bold; color: #005aab;} #popupDialog .content-container #popup-overview .weather-box {width: 125px; height: 110px; margin: 10px 0 0 0; border-right: 1px solid #d3d3d3; float: left; text-align: center;} #popupDialog .content-container #popup-overview .weather-box.last {border: none;} #popupDialog .content-container #popup-overview .weather-box .day {font-size: 13px; font-weight: bold; color: #000; margin: -15px 0 0 0;} #popupDialog .content-container #popup-overview .weather-box .date {font-size: 17px; font-weight: normal; color: #4d4d4d;} #popupDialog .content-container #popup-overview .weather-box .icon {width: 70px; height: 67px; margin: 15px auto;} #popupDialog .content-container #popup-overview .weather-box .icon.i-1 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 0 no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-2 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -67px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-3 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -134px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-4 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -201px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-5 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -268px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-6 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -335px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-7 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -402px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-8 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -469px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-9 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -536px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-10 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -603px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-11 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -670px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-12 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -737px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-13 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -804px no-repeat} #popupDialog .content-container #popup-overview .weather-box .icon.i-14 {background: url("/img/popup-weather-icons-small.png?version=1479911710") 0 -871px no-repeat} /* =Galerie ---------------------------------------------------------------------------- */ #popupDialog .content-container.no-heading .img-container {margin-top: 70px;} #popupDialog .content-container .thumb-container {position: relative; width: 121px; height: 445px; margin: 8px 0 0 0; float: right;} #popupDialog .content-container .thumb-container .control {display: block; position: absolute; left: 2px; width: 116px; height: 31px; padding: 0; margin: 0;} #popupDialog .content-container .thumb-container .control.up {top: 0; background: url("/img/popup-gal-controls.png?version=1479911710") 0 0 no-repeat;} #popupDialog .content-container .thumb-container .control.down {bottom: 0; background: url("/img/popup-gal-controls.png?version=1479911710") 0 -31px no-repeat} #popupDialog .content-container .thumb-container ul {position: absolute; top: 0; display: block; width: 121px; padding: 0; margin: 0;} #popupDialog .content-container .thumb-container ul li {display: block; width: 107px; height: 51px; padding: 7px; margin: 4px 0; background: url("/img/popup-gal-thumb-bg.png?version=1479911710") no-repeat; cursor: pointer;} #popupDialog .content-container .thumb-container ul li.active, #popupDialog .content-container .thumb-container ul li:hover {background: url("/img/popup-gal-thumb-active-bg.png?version=1479911710") no-repeat;} #popupDialog .content-container.no-heading .thumb-container {top: 55px;} #popupDialog .content-container .sliderkit-galery .sliderkit-go-btn {position: absolute; top: 45%; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index: 50; display: block; width: 30px; height: 50px; cursor: pointer; } #popupDialog .content-container .sliderkit-galery .sliderkit-go-btn:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} #popupDialog .content-container .sliderkit-galery .sliderkit-go-btn.sliderkit-go-next {right: 185px; background: url("/img/gallery-controls.png?version=1479911710") -30px 0 no-repeat; } #popupDialog .content-container .sliderkit-galery .sliderkit-go-btn.sliderkit-go-prev {display: none; left: 30px; background: url("/img/gallery-controls.png?version=1479911710") 0 0 no-repeat; } #popupDialog .content-container .thumb-container ul li.active, #popupDialog .content-container .thumb-container ul li.sliderkit-selected, #popupDialog .content-container .thumb-container ul li:hover {background: url("/img/popup-gal-thumb-active-bg.png?version=1479911710") no-repeat;} #popupDialog .content-container .img-container {display: block; position: relative; float: left; width: 754px; height: 409px; margin: 15px 0 0 5px; padding: 9px 10px; background: url("/img/popup-gal-img-bg.png?version=1479911710") no-repeat;} #popupDialog .content-container .img-container .stripe {position: absolute; bottom: 0px; width: 754px; height: 60px; background: rgba(14,103,180,0.4);} #popupDialog .content-container .img-container .stripe .logo {position: absolute; bottom: 15px; right: 15px; width: 119px; height: 39px; background: url("/img/popup-gal-logo.png?version=1479911710") no-repeat;} #popupDialog .content-container .img-container .stripe .desc {position: absolute; top: 20px; left: 15px; font-weight: bold; color: #fff;} /* =Terminy ---------------------------------------------------------------------------- */ #popupDialog .offer { border: 0; width: 880px; margin-top: 10px;} #popupDialog .offer .row { width: auto; } #popupDialog .offer .table-wrapper { width: 878px; margin-right: 18px; margin-left: 1px; } #popupDialog .offer .table-wrapper table.row { clear: both; } #popupDialog .offer .table-wrapper span.column-icons { width: 100px; } #popupDialog .offer .table-wrapper span.column-description { width: 120px; } #popupDialog .offer .table-wrapper span.column-price { width: 150px; } #popupDialog .offer .table-wrapper span.column-order { float: right; width: 95px; } #popupDialog #popup-offers .viewport-wrap {position: relative; width: 935px; clear: both; margin-top: 15px; } #popupDialog #popup-offers .viewport {position: relative; width: 900px; height: 458px; overflow: hidden;} #popupDialog #popup-offers .viewport-wrap .overview {position:absolute;} #popupDialog #popup-offers .viewport-wrap .scrollbar {position:absolute; top: 0; right: 0; width:17px; padding:15px 0; background:url("/img/popup-scrollbar.png?version=1479911710") no-repeat 0 0 transparent;} #popupDialog #popup-offers .no-js .viewport-wrap .scrollbar {display:none;} #popupDialog #popup-offers .viewport-wrap .scrollbar .track {position:relative; height:224px;} #popupDialog #popup-offers .viewport-wrap .scrollbar .thumb {position:absolute; top:0; left:-2px; width:21px; height:21px; background:url("/img/design.png?version=1479911710") no-repeat -380px -55px; cursor:pointer;} /* skryti scrollbaru, pokud je zbytecny */ #popupDialog .scrollbar.disable {display: none;} #popup-description .down-info{display: block; width: 100%; border-top: 1px solid silver; font-style: italic; text-align: left;} #popup-description .down-info span{margin: 0px 5px 15px 0px; display: block;} /* =Discounts ---------------------------------------------------------------------------- */ #popupDialog #popup-content.discount {margin-top: 15px}; #popupDialog #popup-content.discount .wraper {margin-left: 10px;} #popupDialog #popup-content.discount .text {margin-left: 33px;} #popupDialog #popup-content.discount .wraper img {float:left; margin: 0px 2px 2px 0px;} #tab-actions, #tab-bonus {color: #ed1846} /* =Chybova stranka ---------------------------------------------------------------------------- */ #popupDialog #popup-error-letter {position:relative;left:120px;} /* = recently viewed hotels CTA ----------------------------------------------------------------------------- */ .side .recently-viewed-items{ height: 333px; width: 300px; position:absolute; z-index: 10; top: 0; padding-top: 8px; background: #ED1846; } .side .recently-viewed-items span{ color: #fff; padding: 5px 0 9px 0; } .side .recently-viewed-items h3{ text-align: left; color: #ED1846; background: #fff; margin-right: 20px; margin-top: 10px; } .recently_viewed_hotels_wrapper .hotel_image{ display: inline-block; float: left; margin-right: 10px; } .recently_viewed_hotels_wrapper .hotel_description{ color: #ED1846; text-align: left; line-height: 15px; } .recently_viewed_hotels_wrapper .hotel_item{ width: 100%; float: left; display: block; clear: both; padding: 30px 30px 5px 0; } .recently_viewed_hotels_wrapper{ background: #fff; padding-bottom: 23px; } .recently_viewed_hotels_wrapper .slick-slide a{ width: 100px; } .recently_viewed_hotels_wrapper .slick-slide{ margin: 5px 20px; background: #fff;} .recently-viewed-items .slick-active{background: #fff; } .recently-viewed-items .side .slider{ margin: 0 auto; } .recently-viewed-items .slick-track{ background: #fff; } .outer-wrapper{background: yellow; z-index:10;} .recently_viewed_hotels_wrapper .slick-slide, .recently_viewed_hotels_wrapper .slick-active{ padding-bottom: 25px; height: 275px; } .side .recently_viewed_hotels_wrapper .slick-prev{ color: transparent; background: transparent;} .side .recently_viewed_hotels_wrapper .slick-prev:before{ content: ""; display: block; background: url("/img/recently-viewed-arrows-87-30.png?version=1479911710") no-repeat scroll 27px 4px; width: 50px; height: 60px; float: left; margin: 0 6px 0 -15px; } .side .recently_viewed_hotels_wrapper .slick-next{ color: transparent; background: transparent;} .side .recently_viewed_hotels_wrapper .slick-next:before{ content: ""; display: block; background: url("/img/recently-viewed-arrows-87-30.png?version=1479911710") no-repeat scroll -33px 4px; width: 40px; height: 60px; float: right; margin: 0 6px 0 -45px; } .side .recently-viewed-items a.remove-recently-viewed{ /*background: url("/img/design.png?version=1479911710") no-repeat scroll -380px -670px transparent;*/ background: url("/img/close-button-b.png?version=1479911710") scroll -10px -12px transparent; cursor: pointer; height: 20px; position: absolute; right: -10px; top: -15px; width: 20px; margin-top: 10px; z-index: 5; } .hotel_item .destination{ color: #4d4d4d; } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 145px; } .recently-viewed-items .slick-prev{ position: absolute; top: 100%; left: 95px; z-index: 10; } .recently-viewed-items .slick-next{ position: absolute; top: 100%; right: 95px; z-index: 10; } .recently_viewed_hotels_wrapper .hotel-name a{ color: #ED1846; } /* File: reservation.css Description: Styl pro rezervacni krok */ /* Table of Contents - Kontakty - Checkboxy "Mam zajem o" - Souhrn - Informace - Kalkulacka - Paticka */ /* =Kontakty ---------------------------------------------------------------------------- */ .left-container-50 {padding:0 10px 0 10px; width:485px; float:left;} .left-container-50 h3 {font-size:22px;} .left-container-50 h4 {font-size:22px; color: black; font-weight:normal;} .left-container-50 h4 span {color:#ee2752; font-size:13px;} .left-container-50 h4 span.star {font-size:22px;} .left-container-50 span.star {color:#ee2752; font-size:17px;} .left-container-50 label {font-size: 13px; font-weight: bold; color: #4d4d4d;} .left-container-50 .kontakty {margin-top:-10px; margin-bottom:18px;} .left-container-50 .kontakty .item {float:left; margin-top:8px;} .left-container-50 .kontakty label > span {display:block;} .left-container-50 .kontakty input[type=text], .left-container-50 .kontakty input[type=tel] {width: 203px; height: 28px; margin-bottom: 5px; padding: 0 12px 4px 12px; outline: none; border: 1px solid #b6b6b6; font: 14px Tahoma, Geneva, sans-serif; color: #4d4d4d; line-height: 14px;} .ie8 .col-form input[type=text] {line-height:36px;} .left-container-50 .kontakty input[type=number] {width: 203px; height: 28px; margin-bottom: 5px; padding: 0 12px 4px 12px; outline: none; border: 1px solid #b6b6b6; font: 14px Tahoma, Geneva, sans-serif; color: #4d4d4d; line-height: 14px;} .ie8 .col-form input[type=text] {line-height:36px;} .left-container-50 .kontakty input[type='number'] { -moz-appearance:textfield; } .left-container-50 table {margin-top:12px;} .left-container-50 table select {width:100%; margin: 0 0 10px 0;} .left-container-50 table .ptitle {width:85px;} .left-container-50 table .pname input[type=text] {width:100px;} .left-container-50 table .psurname input[type=text] {width:150px;} .left-container-50 table .page input[type=text] {width:20px;} .left-container-50 table .selectBox-dropdown {border-color: #b6b6b6; height:34px; top:-2px;} .left-container-50 table td.first {padding-left:0px;} .left-container-50 table td {text-align:left; padding:0 0 0 17px;} .left-container-50 table thead td {padding-bottom:4px;} .left-container-50 table tbody td {padding-bottom:5px; padding-top:0px;} .left-container-50 table input[type=text] {width: 100%; height: 28px; margin-bottom: 5px; padding: 0 12px 4px 12px; outline: none; border: 1px solid #b6b6b6; font: 14px Tahoma, Geneva, sans-serif; color: #4d4d4d; line-height: 14px;} .ie8 .col-form input[type=text] {line-height:36px;} .left-container-50 table td {border:none;} .left-container-50 input[type=text], .left-container-50 textarea {box-shadow: 0 1px 1px 0px rgba(0,0,0,.15),inset 0 0 5px rgba(0,0,0,.07) ; } .left-container-50 .poznamka textarea {width:100%; height:110px; border: 1px solid #b6b6b6; margin-top:13px;} /* =Checkboxy "Mam zajem o" ---------------------------------------------------------------------------- */ .left-container-50 .zajem {margin-top:25px;} .left-container-50 .zajem label {font-size: 14px; position: relative; top: -8px;} .left-container-50 .zajem .content {padding-left:5px;} .left-container-50 .zajem .item {margin-top:8px;} .left-container-50 .zajem .item div {display:inline-block; vertical-align:top; line-height:18px;} .left-container-50 .zajem .item .icon {width:40px; height:41px; margin-right:20px;} .left-container-50 .zajem .item .icon.obalka {background:url("/img/icoObalka.png?version=1479911710");} .left-container-50 .zajem .item .icon.bus {background:url("/img/icoBus.png?version=1479911710");} .left-container-50 .zajem .item .icon.parking {background:url("/img/icoParking.png?version=1479911710");} .left-container-50 .zajem .item .icon.action {background:url("/img/icoAction.png?version=1479911710");} .left-container-50 .zajem .item .check-holder {height:46px; border-bottom: 1px solid #a6a6a6; width:415px;} .left-container-50 .zajem .item.last .check-holder {border:none; } .left-container-50 .zajem .item .check-holder label > span {margin-left:19px; position: relative; top: 8px;} .left-container-50 .zajem .item input[type=checkbox] {position:relative; top:10px; float:none; } .left-container-50 .zajem .item .label {position:relative; top:8px; margin-left:15px; font-size: 12px;} .left-container-50 .zajem .item .label-info {margin-left:32px; font-size: 12px; position: relative; display: block} .left-container-50 .zajem .item.last .label-info {} .left-container-50 .zajem .item .label span {font-weight:normal; margin-left:20px; font-size:12px;} .left-container-50 .zajem .item.last .label {display:block; margin-left:32px; width:430px; border:none; top:-14px; position:relative;} .left-container-50 .zajem .item.last input[type=checkbox] {top:7px;} .left-container-50 .terms-wrapper {margin-top: 20px;} .left-container-50 .terms {width:463px; height:40px; padding:15px 10px; border:2px solid #ed1846; margin-top:10px; font-weight:bold} .left-container-50 .terms input {float:none; } .left-container-50 .terms .label {color:#ee2752; display:block; position:relative; left:20px; top:-20px; font-size:13px; line-height:17px; } .left-container-50 .terms .label a {text-decoration:underline;} .left-container-50 .objednat-button {background:url("/img/objednatBtn.png?version=1479911710");width:454px;height:39px;line-height:39px;text-align:center;margin-top:30px;cursor: pointer;padding-left: 25px;} .left-container-50 .objednat-button input {color:white; width:454px;height:39px;font-size:19px;text-decoration:none;border: none;text-transform: uppercase;background: transparent;cursor: pointer;} form#reservation_form.sending .left-container-50 .objednat-button input { background: url("/img/overuji-symbol.gif?version=1479911710") no-repeat scroll 90px 12px transparent;} .left-container-50 .or-call {margin-top:20px; font-size:22px; line-height:22px; color:black; text-align:center;} .left-container-50 .or-call span {width:30px; height:31px; background:url("/img/sluchatko.png?version=1479911710"); display:inline-block; position:relative; top:8px; margin:0 5px 0 10px;} /* =Souhrn ---------------------------------------------------------------------------- */ .right-container-50 {width:480px; float:right; padding:0 10px 0 5px; position:relative;} .right-container-50 h3 {font-size:22px;} .right-container-50 h4 {font-size:22px; color: black; font-weight:normal; } .right-container-50 h4 span { font-size:11px; font-weight:bold; margin-left:15px; } .right-container-50 h4 span.star {font-size:22px;} .right-container-50 h4.center {text-align:center;} .right-container-50 h4 .right {width: 70%; font-weight: bold; font-size: 12px; } .right-container-50 .content {background:url("/img/papirBottom.jpg?version=1479911710") repeat-y; position:relative;} .right-container-50 .content-top {padding:30px 35px 10px 65px; background: url("/img/papirTop.jpg?version=1479911710") repeat; } .right-container-50 .content-top .image a { position: relative; z-index: 2; display: block; width: 152px; height: 152px; padding: 4px; background: #fff; text-align: center; -moz-box-shadow: 1px 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0, .2); box-shadow: 1px 1px 2px rgba(0,0,0, .2);} .right-container-50 .content-top .image-left {float:left;} .right-container-50 .content-top .image-right {float:right;} .right-container-50 .content-top .akce p {font-size: 13px;} .right-container-50 .content-top .akce h4 {border-bottom: 1px solid #c2c2c2;} .right-container-50 .content-top .akce .akce-content{border-top: 1px solid #c2c2c2; margin-top: 1px;} .right-container-50 .rope-left {background:url("/img/lanoLeft.png?version=1479911710"); width:44px; height:31px; position:absolute; right:3px; top:45px; display:block;} .right-container-50 .rope {background:url("/img/lanoMiddle.png?version=1479911710"); width:64px; height:12px; position:absolute; right:195px; top:127px; display:block;} .right-container-50 .rope-right {background:url("/img/lanoRight.png?version=1479911710"); width:44px; height:31px; position:absolute; left:3px; top:45px; display:block;} .right-container-50 .popis {margin-top:20px; font-size:13px; margin-bottom:10px;} .right-container-50 .item {border-bottom:1px solid #c2c2c2; min-height:28px; margin-top:3px;} .right-container-50 .item.double {height:40px; line-height: 17px;} .right-container-50 .sipka-right {background:url("/img/show-info.png?version=1479911710") top right; color: white; cursor: pointer; display: inline-block; height: 25px; line-height: 20px; text-align: left; margin-right: -5px; margin-top: 2px; padding-left: 20px; vertical-align: middle; width: 120px; } .right-container-50 .item table { width: 100%; margin-bottom: 5px;} .right-container-50 .item table td { border: 0; vertical-align: middle; padding: 2px 0; } .right-container-50 .item table td:first-child { color:#e81845; font-weight:bold; } .right-container-50 .item table td:last-child { text-align: right; color:#444444; } .right-container-50 .item .checked-container {position: relative; } .right-container-50 .item .checked {position: absolute; top: 1px; right: 110px; display: inline-block; *display: inline; zoom: 1; width: 32px; height: 32px; background: transparent url("/img/check.png?version=1479911710") no-repeat 0 0;} .right-container-50 .item .checked-text {font-weight: bold; color: green;} .right-container-50 .item .checked-text-small {font-size: 11px;} .right-container-50 .item td sup {color: #005aab;} .right-container-50 .calculation-text p {font-size: 13px;} .right-container-50 .popis-top .item {border-bottom: none;} .right-container-50 .popis-top .item table td {font-weight: bold;} .right-container-50 h4 a.pdf { position: absolute; font-size: 11px; top: 30px; right: 20px;} .reservation .process-info {background-color: #F4F4F4; border: 1px solid #C9C9C9; border-radius: 5px 5px 5px 5px; color: #000000; margin-top: 30px; padding: 20px;} .reservation .process-info .r-info-1, .reservation .process-info .r-info-2, .reservation .process-info .r-info-3, .reservation .process-info .r-info-4 {margin-left: 30px;} .reservation .process-info .r-info-number {color: #ED1846; display: inline-block; font-weight: bold; margin-right: 10px;} .reservation .process-info .r-info-top {font-weight: bold; margin-bottom: 10px;} /* =Informace ---------------------------------------------------------------------------- */ .right-container-50 .informace {margin-bottom:20px;} .right-container-50 .informace h5 {font-size:13px;} .right-container-50 .informace table {width: 100%;} .right-container-50 .informace td {text-align:left; border:none;} .right-container-50 .informace td.first {padding-left:11px;} .right-container-50 .informace td.last {padding-left:25px;} .right-container-50 .informace thead td { background: #005bac url("/img/table-th.png?version=1479911710") repeat-x 0 0; border-bottom: 1px solid #fff; color: #fff; padding:8px 5px; font-weight:normal; font-size:12px;} .right-container-50 .informace tbody td {padding:8px 5px 0 5px; color:black; font-size:12px; font-weight:bold;} /* =Kalkulacka ---------------------------------------------------------------------------- */ .right-container-50 .kalkulace {margin-top: 40px; margin-bottom: 25px;} .right-container-50 .kalkulace h4 {border-bottom:1px solid #c2c2c2; } .right-container-50 .kalkulace h5 {font-size:13px;} .right-container-50 .kalkulace .kalkulace-content {position:relative; top:1px; border-top:1px solid #c2c2c2;} .right-container-50 .kalkulace table {font-size:12px; background:white; text-align:left;margin-top:12px; width: 100%} .right-container-50 .kalkulace thead td.count { text-align: center; } .right-container-50 .kalkulace td {padding:0; font-weight:normal; text-align:left;border-bottom:1px solid #d0d0d0;} .right-container-50 .kalkulace td.description {padding-left:10px} .right-container-50 .kalkulace td.sold-out { text-align: center; } .right-container-50 .kalkulace td.count { padding-left:0px; padding-right: 10px; width: 75px; } .right-container-50 .kalkulace tr.last td { border-bottom:none;font-weight:bold; padding:10px 15px;} .right-container-50 .kalkulace tr.last td.count {padding-left:0px; padding-right:30px;} .right-container-50 .kalkulace td.price { white-space: nowrap; text-align: right; padding-right: 5px; } .right-container-50 .kalkulace thead td {/*color:#ed1846;*/ padding: 8px 10px;} .right-container-50 .kalkulace tbody td {padding: 5px 2px;} .right-container-50 .kalkulace table#calculation_sum thead { background: #1b77c9; background: -moz-linear-gradient(top, #1b77c9 0%, #025cad 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b77c9), color-stop(100%,#025cad)); background: -webkit-linear-gradient(top, #1b77c9 0%,#025cad 100%); background: -o-linear-gradient(top, #1b77c9 0%,#025cad 100%); background: -ms-linear-gradient(top, #1b77c9 0%,#025cad 100%); background: linear-gradient(to bottom, #1b77c9 0%,#025cad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b77c9', endColorstr='#025cad',GradientType=0 ); } .right-container-50 .kalkulace table#calculation_sum thead td { color: #fff; } .right-container-50 .kalkulace table#calculation_sum td.count { width: 50px; padding: 8px 0; } .right-container-50 .kalkulace table#calculation_sum tbody td.count { text-align: center; } .right-container-50 .kalkulace table.calculation_items thead td { font-weight: bold; } .right-container-50 .kalkulace table#calculation_sum tfoot td { font-weight: bold; } .right-container-50 .kalkulace table#calculation_sum tfoot td.total_price { font-size: 140%; } .right-container-50 .kalkulace table#calculation_sum td.unit_price, .right-container-50 .kalkulace table#calculation_sum td.price { padding: 8px 0; } .right-container-50 .kalkulace table#calculation_sum td.price { padding-right: 10px; } .right-container-50 .kalkulace table#calculation_sum td.unit_price { padding-left: 6px; padding-right: 6px; } .right-container-50 .kalkulace table#calculation_sum thead td.unit_price, .right-container-50 .kalkulace table#calculation_sum thead td.price { text-align: center; } .right-container-50 .kalkulace table#calculation_sum tbody td.unit_price, .right-container-50 .kalkulace table#calculation_sum tbody td.price { text-align: right; } .right-container-50 .kalkulace table#calculation_sum td.nowrap { position: static; } .right-container-50 .kalkulace table a.minus { float: left; margin-right: 3px; display: block; width: 20px; height: 20px; background: url("/img/icon_minus.png?version=1479911710") center center no-repeat; } .right-container-50 .kalkulace table a.plus { float: left; margin-left: 3px; display: block; width: 20px; height: 20px; background: url("/img/icon_plus.png?version=1479911710") center center no-repeat; } .right-container-50 .kalkulace table a.minus span, .right-container-50 .kalkulace table a.plus span { display: none; } .right-container-50 .kalkulace .total_price { font-weight : bold ; } .right-container-50 .red-line {background:url("/img/red-line.jpg?version=1479911710"); width:4px; height:100%; position:absolute; top:0px; left:40px;} .right-container-50 .kalkulace table.calculation_items .priceCount {float:left; top: 0px;} .right-container-50 .kalkulace table.calculation_items .priceCount input {width: 20px;} /* styly specificke pro automaticke kalkulacky */ .calculation-items-auto td.count {text-align:center;} .calculation-sum-auto td.unit-price {text-align:right;} .ng-searchform button#change-room-configuration { margin-left: 3px; width:145px; height: 35px; cursor:pointer;background-color: #005bac;color: white;font-size: 12px;font-weight:bold; margin-top: 26px;} .ng-searchform button#change-room-configuration:hover { background-color: #106bbc; } .ng-searchform.person-searchform .preloader { background:none; opacity:0; } .ng-searchform.person-searchform #adultscnt input[type=text]{ width: 80px; border: 1px solid #b6b6b6; } .ng-searchform.person-searchform #kid input[type=text]{ width: 80px; border: 1px solid #b6b6b6; } .ng-searchform.person-searchform #kid .kid-select input[type="text"]{width: 70px;} .ng-searchform.person-searchform #kid .kid-select .arrow { right: 4px;} .ng-searchform.person-searchform .pretty-select > ul > li > ul > li{ padding: 2px 5px;} .ng-searchform.person-searchform #kid .kid-btn {width: 86px;} .ng-searchform.person-searchform .person-loading { position: relative; width: 510px; height: 60px; } .ng-searchform.person-searchform .person-loading span.loader{ background: url("/images/ajax-loader.gif?version=1479911710") no-repeat rgba(0, 0, 0, 0); background-position: bottom center;padding-right: 170px; height: 50px;padding-bottom: 40px; } .ng-searchform.person-searchform .person-message { position: relative; width: 510px; } table#zfform_table_persons{ border-bottom: 1px solid #b6b6b6; } .box-shadow{ box-shadow: 3px 3px 3px #888888; } /* =Paticka ---------------------------------------------------------------------------- */ .bottom-info {background:#f4f4f4; padding:15px 17px 25px 17px; border-radius:5px; border:1px solid #c9c9c9; font-size:13px; color:black; line-height:17px; margin-top:65px; position:relative;} .bottom-info .cip-up {background:url("/img/sipkaBottomTop.png?version=1479911710"); width:103px; height:20px; position:absolute; left:50%; margin-left:-51px; top:-20px;} .bottom-info h5 {font-size:13px; margin-bottom:0px;padding-bottom:2px;padding-right:50px;} .bottom-info p {margin: 0px 0 2px 0; padding-right:70px;} .bottom-info .poznamka {background:white; width:100%; margin-bottom:18px; border:1px solid #c9c9c9;margin-top:15px;} .bottom-info .poznamka h5 {margin-left:23px; padding:0 5px; position:relative; top:-10px;} .bottom-info .poznamka h5 span.line {position:absolute; width:200px; height:1px; background:white; display:block;top:9px;left:-5px;} .bottom-info .poznamka h5 span.content {position:relative; z-index:100;} .bottom-info .poznamka p {margin-left:23px; position:relative; top:-7px; padding-left:5px;} #reservation-message{ margin-top: 20px;} /************************/ /* filter module styles */ /************************/ /**********/ /* common */ /**********/ .left { float: left; } .right { float: right; } .clear { clear: both; } .pad-5 { padding: 5px; } .margin-10 { margin-bottom: 5px; } .ng-searchform ul li { background: none; } /********/ /* cols */ /********/ .ng-searchform label,.ng-searchform div.label { display:block; padding:0 0 5px 0; font:bold 13px Tahoma, Geneva, sans-serif; } .ng-searchform input[type=text], .ng-searchform input[type=number] { float:left; height:30px; padding:0 12px; background:#fff; border:1px solid #b9072e; outline:none; color:#005aab; font:14px Tahoma, Geneva, sans-serif; } .ng-searchform input[type=text].hasDatepicker{ background: url("../../img/datepicker-input.png?version=1479911710") no-repeat 95% 7px #fff; background-size: 16px; cursor: pointer; } .ie7 .ng-searchform input[type=text], .ie8 .ng-searchform input[type=text] { line-height:30px; } .ng-searchform input[type=checkbox]{ margin: 22px 5px 10px 0; } .ng-searchform .type-checkbox label { margin: 19px 0; float: left; } .ng-searchform ul li { margin: 0; padding: 0; } .ng-searchform select { float:left; height:32px; margin:0; padding:0; background:#fff; color:#005aab; } .ng-searchform select optgroup { background:#FED54D; color:#000; font-style:normal; font-weight:normal; text-transform: uppercase; } .ng-searchform select optgroup option{ padding: 0; background: #fff; text-transform: none; position: relative; display: block } #main-search-ng .kids_div .col-20{ margin-top: 10px; } #main-search-ng .multiselect-dest{ margin-left: 3px; color: #4d4d4d; font-weight: normal; font-size: 14px; } #main-search-ng .multiselect-dest-checkbox{ position: relative; top: 3px; right: 3px; } /***********/ /* buttons */ /***********/ .ng-searchform .extend { color: #fff; font: bold 13px Tahoma, Geneva, sans-serif; text-decoration: underline; cursor: pointer; } .ng-searchform .extend.dir-right{ text-align: right; } .ng-searchform .extend.dir-down{ float: left; clear: both; } .ng-searchform .extend .extend-arrow{ display: inline-block; margin: -3px 5px; width:15px; height:15px; background-position: -240px 0; background-image:url("/img/design.png?version=1479911710"); background-repeat: no-repeat; cursor:pointer; transition: 0.4s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .ng-searchform.extended .extend-arrow{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); o-transform: rotate(90deg); transform: rotate(90deg); } .ng-searchform .btns { float: left; padding: 0; clear: both; margin: 15px 0; } .ng-searchform .btn-item { float: left; } .ng-searchform #filter-extend { width: 100px; margin-left: 38px; margin-top: 10px; } .ng-searchform .nonextendable #filter-extend { visibility: hidden; } .ng-searchform.extended #filter-extend { width: 279px; text-align: right; } .ng-searchform button#filter-clear { width: 150px; height: 39px; border: none; text-align: left; position: relative; margin:0px 4px 0 0; color:#fff; font-size:11px; background:url(/img/hp_form_buttons_compact.png?ver=2) no-repeat 0px -78px; line-height: 38px; padding-left: 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; text-transform: uppercase; cursor: pointer; text-shadow: 1.5px 1.5px #444; margin-left: 149px; } .ng-searchform button#filter-submit { cursor:pointer; overflow: hidden; display: inline-block; width: 165px; height: 39px; background:url(/img/hp_form_buttons_compact.png?ver=2) no-repeat 0px 0px; border: 0; font-size: 16px; padding-left: 40px; cursor: pointer; font-weight: bold; color: white; text-transform: uppercase; text-shadow: 1.5px 1.5px #444; margin-left: 10px; } .ng-searchform.extended #filter-submit { margin-left: 150px; } .ng-searchform #filter-submit:hover { background-position: 0px -39px; } .ng-searchform button.ng-searchform-submit { background-position:0 -363px; } @-moz-document url-prefix(){ .ng-searchform button.ng-searchform-submit { font-size: 15px; padding-bottom: 5px; } } /*****************/ /* pretty select */ /*****************/ .ng-searchform .pretty-select { position: relative; font: normal 14px/16px Tahoma, Geneva, sans-serif; } .ng-searchform .pretty-select input[type=text] { cursor: pointer; } .ng-searchform .pretty-select .arrow { position: absolute; top: 7px; right: 7px; width: 17px; height: 18px; cursor: pointer; background: url("/img/design.png?version=1479911710") no-repeat -200px 0; } .ng-searchform .pretty-select span.group-label { background: #FED54D ; display: block; padding: 3px 12px; } .ng-searchform .pretty-select > ul { background: #fff; position: absolute; padding: 0; margin: 0; width: 100%; top: 35px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.6); border-radius: 2px; z-index: 200; max-height: 200px; overflow-y: auto; } .ng-searchform .pretty-select > ul > li { list-style: none; padding: 2px 12px; cursor: pointer; } .ng-searchform .pretty-select.grouped > ul > li { text-transform: uppercase; padding: 2px 0; } .ng-searchform .pretty-select.grouped > ul > li:hover { background: #f5f5f5; } .ng-searchform .pretty-select > ul > li > ul { list-style: none; padding: 0 0; } .ng-searchform .pretty-select > ul > li > ul > li { list-style: none; padding: 2px 12px; text-transform: none; } .ng-searchform .pretty-select > ul > li > ul > li:hover { background: #BCDBF4; } /******************/ /* airport select */ /******************/ .ng-searchform .airports-select{ background: #fff; box-sizing: border-box; position: absolute; padding: 5px; margin: 0; top: 35px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.6); border-radius: 2px; z-index: 200; overflow-y: auto; } .ng-searchform .airports-select-xs{ width: 200%; } .ng-searchform .airports-select-sm{ min-width: 330px; width: auto; } .ng-searchform .airports-select-lg{ width: 640px; } .ng-searchform .airports-select ul{ margin: 0 0 0 15px; padding: 0; } .ng-searchform .airports-select ul > li{ list-style: none; } .ng-searchform .airports-left, .ng-searchform .airports-right{ float: left; width: 50%; } .ng-searchform .airports-left{ padding: 5px 0; border: 1px solid #fdb600; background-color: #fffaed; } .ng-searchform .airports-left .airport-group{ float: left; width: 100%; } .ng-searchform .airports-left .airport-group .label{ font: bold 13px Tahoma, Geneva, sans-serif; } .ng-searchform .airports-left .airport-group li{ margin-bottom: 5px; margin-right: 7px; } .ng-searchform .airports-select-sm .airports-left .airport-group { width: 50%; } .ng-searchform .airports-select-lg .airports-left .airport-group { width: 50%; } .ng-searchform .airports-select-lg .airports-left .airport-group .name{ font-weight: bold; } .ng-searchform .airports-select-lg .airports-left .airport-group .ico{ float: right; } .ng-searchform .airports-right .airports-btn a{ float: right; display: block; height: 37px; padding: 0 22px; background: #0e67b3 url("/img/blue-btn-bg.png?version=1479911710") repeat-x 0 0; color: #fff; font: bold 15px/37px Tahoma, Geneva, sans-serif; text-transform: uppercase; text-decoration: none!important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; } .airports-btn{ margin-top:0; } .multiselect-dest-btn{ display: none; } .ng-searchform .airports-right label { color: black; white-space: normal; padding-left: 20px; } .ng-searchform .airports-right { width: 48%; box-sizing: border-box; float: right; } .ng-searchform .airports-right .airport-group{ padding: 0 0 10px; } .ng-searchform .airports-toggle-all{ padding: 5px 15px; } .ng-searchform .airports-note{ padding: 5px 0; float:right; } .ng-searchform .airports-right .airport-bottom{ position: absolute; padding: 5px; bottom: 5px; right: 0px; } .ng-searchform .airports-toggle-all .toggle-all{ color: #005aab; cursor: pointer; font-size: small; } .ng-searchform .airports-toggle-all .toggle-all:hover{ text-decoration: underline; } .ng-searchform .airports-select input[type=checkbox]{ margin: 2px 4px 0 0 !important; } /********/ /* tabs */ /********/ .ng-searchform #form-tabs{ display: table; width:100%; margin:0; padding:0; font-family: Tahoma; color: #fff; position: relative; top: 0px; } .ng-searchform #form-tabs .tab{ float: left; height: 50px; line-height: 50px; vertical-align: middle; background: #1773B4; cursor: pointer; list-style: none; } .ng-searchform #form-tabs .tab.active{ background: #ed1846; } .ng-searchform .form-tabs-2 .tab{ width: 50%; margin: 0; padding: 0; text-align: center; } .ng-searchform .form-tabs-3 .tab{ width: 33.33%; margin: 0; padding: 0; text-align: center; } .ng-searchform .form-tabs-4 .tab{ width: 25%; margin: 0; padding: 0; text-align: center; } .ng-searchform .tabs { } .ng-searchform .tabs li { display: table-cell; zoom: 1; *display:inline; max-width: 50%; height:59px; margin:0; padding:0 0 0 1px; background:none;} .ng-searchform .tabs li:first-child {padding-left:0;} .ng-searchform .tabs a {position:relative; display:block; height:58px; padding-left:65px; padding-right:10px; background:#0f6cb7 url("/img/design.png?version=1479911710") no-repeat 0 -200px; border-top:1px solid #0e65b2; border-right:1px solid #0e65b2; border-left:1px solid #0e65b2; color:#fff;} .ng-searchform .tabs .shadow {position:absolute; left:-1px; bottom:0; width:9px; height:44px; background:url("/img/design.png?version=1479911710") no-repeat -370px -100px;} .ng-searchform .tabs li:first-child .shadow {display:none;} .ng-searchform .tabs .txt {display:table-cell; *display: inline; zoom: 1; height:58px; *height:auto; font:bold 14px/16px Tahoma, Geneva, sans-serif; vertical-align:middle; cursor:pointer; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} .ng-searchform .tabs a:hover, .ng-searchform .tabs .active a {background:#ed1846 url("/img/design.png?version=1479911710") no-repeat 0 -258px; border-top:1px solid #ed1846; border-right:1px solid #ed1846; border-left:1px solid #ed1846; text-decoration:none;} .ng-searchform .tabs li:first-child a:hover, .ng-searchform .tabs li:first-child.active a {background-position:-10px -258px;} .ng-searchform .tabs .ico {position:absolute; z-index:2; top:10px; left:25px; width:35px; height:35px; background:url("/img/icons.png?version=1479911710") no-repeat 0 0; cursor:pointer;} .ng-searchform .tabs .ico-1 {background-position:0 0;} .ng-searchform .tabs .ico-2 {background-position:-35px 0;} .ng-searchform .tabs .ico-3 {background-position:-70px 0;} .ng-searchform .tabs .ico-4 {top:-9px; left:-2px; width:90px; height:67px; background-position:-350px -35px;} .ng-searchform .static-tab {float:left; width:100%; margin:0; padding:0;} .ng-searchform .static-tab li {float:left; height:59px; margin:0; padding-top:0; padding-right:10px; padding-bottom:0; background:#ed1846 url("/img/design.png?version=1479911710") no-repeat -10px -258px; border-top:1px solid #ed1846; border-right:1px solid #ed1846; border-left:1px solid #ed1846; color:#fff;} .ng-searchform .static-tab .txt {display:table-cell; *display:inline-block; *display: inline; zoom: 1; height:58px; *height:auto; font:bold 14px/16px Tahoma, Geneva, sans-serif; vertical-align:middle; cursor:pointer; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");} .ng-searchform .static-tab .ico {position:absolute; top:10px; width:35px; height:35px; background:url("/img/icons.png?version=1479911710") no-repeat 0 0; cursor:pointer;} .ng-searchform .static-tab .ico-1 {background-position:0 0;} .ng-searchform .static-tab .ico-2 {background-position:-35px 0;} .ng-searchform .static-tab .ico-3 {background-position:-70px 0;} .ng-searchform .tab-content {float: left; display: none; position: relative; width: 595px; padding: 10px 45px 25px 45px; background: #ed1846; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;} .ng-searchform.main-search-type-0 .tab-content {float:left; display:none; position: relative; width:100%; padding:10px 0px 70px 0px; background:#ed1846; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;} .ng-searchform .tab-first {display:block;} /*********/ /* icons */ /*********/ .ng-searchform .group-image label {padding:0 0 0 55px;} .ng-searchform .group-image ul {padding:6px 0 6px 10px;} .ng-searchform .group-image .width-1 {width:245px;} .ng-searchform .group-image .width-2 {width:169px;} .ng-searchform .group-image .ico {position:absolute; top:1px; left:20px; width:28px; height:28px; margin:0; background-image:url("/img/icons.png?version=1479911710");} .ng-searchform .group-image .ico-1 {background-position:-105px 0;} .ng-searchform .group-image .ico-2 {background-position:-140px 0;} .ng-searchform .group-image .ico-3 {background-position:-175px 0;} .ng-searchform .group-image .ico-4 {background-position:-210px 0;} .ng-searchform .group-image .ico-5 {background-position:-245px 0;} .ng-searchform .group-image .ico-6 {background-position:-280px 0;} .ng-searchform .group-image .ico-7 {background-position:-315px 0;} .ng-searchform .group-image .ico-8 {background-position:-350px 0;} .ng-searchform .group-image .ico-9 {background-position:-385px 0;} .ng-searchform .group-image .ico-10 {background-position:-420px 0;} .ng-searchform .group-image .ico-11 {background-position:0 -35px;} .ng-searchform .group-image .ico-12 {background-position:-35px -35px;} .ng-searchform .group-image .ico-13 {background-position:-70px -35px;} /*******************************/ /* jQuery UI Datepicker 1.8.16 */ /*******************************/ .ui-icon {display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;} .ui-datepicker {display:none; z-index:100!important; width:17em; padding:5px; background:#005aab; border:2px solid #1492d4; -moz-box-shadow:5px 0 10px rgba(0,0,0, .6); -webkit-box-shadow:5px 0 10px rgba(0,0,0, .6); box-shadow:5px 0 10px rgba(0,0,0, .6); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .ui-datepicker .ui-datepicker-group {float:left; width:46%; padding:0 2%;} .ui-datepicker .ui-datepicker-header {position:relative; padding:5px 0 10px 0; color:#fff; font-weight:bold;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top:4px; width:20px; height:20px; display:block; cursor:pointer;} .ui-datepicker .ui-datepicker-prev {left:0;} .ui-datepicker .ui-datepicker-next {right:0;} .ui-datepicker .ui-datepicker-prev span {background:#005aab url("../img/datepicker-arrow.png?version=1479911710") no-repeat 0 0;} .ui-datepicker .ui-datepicker-next span {background:#005aab url("../img/datepicker-arrow.png?version=1479911710") no-repeat -20px 0;} .ui-datepicker .ui-datepicker-prev-hover span {background-position:0 -20px;} .ui-datepicker .ui-datepicker-next-hover span {background-position:-20px -20px;} .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled {opacity: 1; filter: Alpha(Opacity=100);} .ui-datepicker .ui-datepicker-prev.ui-state-disabled span, .ui-datepicker .ui-datepicker-next.ui-state-disabled span {opacity: 0.35; .ng-searchform: Alpha(Opacity=35);} .ui-datepicker .ui-datepicker-title {margin:0; background:url("../img/datepicker-title.png?version=1479911710") repeat-x 0 50%; color:#fff; font:bold 14px/16px Tahoma, Geneva, sans-serif; text-align:center;} .ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year {background:#005aab; padding:0 10px;} .ui-datepicker .ui-datepicker-month {margin-right:-7px;} .ui-datepicker .ui-datepicker-year {margin-left:-7px;} .ui-datepicker table {width:100%; font-size:14px; border-collapse:collapse; margin:0; border:0;} .ui-datepicker table th {background:#1492d4; padding:5px 5px 6px 6px; border:0; font-size:13px; color:#fff; text-align:center; font-weight:normal;} .ui-datepicker table th.ui-datepicker-week-end {background:#0c7cc4;} .ui-datepicker table th:first-child {-moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px;} .ui-datepicker table th:last-child {-moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0;} .ui-datepicker table td {padding:0; border:0;} .ui-datepicker table td span, .ui-datepicker table td a {display:block; padding:5px 5px; color:#fff; font-size:14px; text-align:center; text-decoration:none;} .ui-datepicker table .ui-datepicker-unselectable {} .ui-datepicker table .ui-datepicker-unselectable span { color: #7CBCF4; } .ui-datepicker table span.ui-state-default {} .ui-datepicker table .ui-state-hover {background:#fff; color:#005aab;} .ui-datepicker table .ui-state-highlight, .ui-datepicker table .ui-state-active {background:#fff; color:#005aab;} .ui-datepicker table .ui-datepicker-today a, .ui-datepicker table .ui-datepicker-today span {background:url("../img/datepicker-today.png?version=1479911710") no-repeat 30% 100%; color:#fff;} .ui-datepicker-buttonpane {float:left; width:96%; margin:0 2%; padding:10px 0 5px 0; background:url("../img/datepicker-buttonpane-line.png?version=1479911710") repeat-x 0 57%; text-align:center;} .ui-datepicker-buttonpane button {display:none;} .ui-datepicker-buttonpane button.ui-datepicker-close {overflow:visible; display:inline-block; *display: inline; zoom: 1; height:22px; padding:0 10px 3px 34px; background:#005aab url("../img/datepicker-close.png?version=1479911710") no-repeat 10px 50%; border:0; color:#fff; font:14px Tahoma, Geneva, sans-serif; cursor:pointer;}/* another file *//**********************/ /* main search styles */ /**********************/ /**********/ /* filter */ /**********/ #main-search-ng{ position: absolute; background: #ed1846 url("/images/tab-background.png?version=1479911710") repeat-x; z-index: 600; } #main-search-ng.building{ width: 680px; min-height: 300px; } .ng-searchform .preloader{ width: 100%; height: 100%; position: absolute; width: 100%; z-index: 1000; opacity: 0.5; top: 0; left: 0; background: #ed1846 url("/img/preloader.gif?version=1479911710") 50% center no-repeat; } #main-search-ng form{ position:relative; z-index:3; float:left; padding: 10px 20px; } /********/ /* cols */ /********/ #main-search-ng .form-col{ width: 280px; margin: 0 20px; } #main-search-ng .col-50 { width:276px; min-height:58px; *height: 58px; } #main-search-ng .col-25 { width:133px; } #main-search-ng .col-20 { width:90px; margin-top:5px; margin-left:2px; } #main-search-ng .col-12 { width:61px; } #main-search-ng label{ color: #fff; } #main-search-ng .airports-right label { color: black; } #main-search-ng .col-50 input[type=text], #main-search-ng .col-50 input[name=destination], #main-search-ng .col-50 input[name=tpl] { width:250px; } #main-search-ng .col-25 input[type=text] { width:103px; } #main-search-ng .col-12 input[type=text], #main-search-ng .col-12 input[type=number] { width:55px; padding: 0 0 0 8px; } #main-search-ng select { float:left; width:235px; height:32px; margin:0; padding:0; background:#fff; border:1px solid #b9072e; color:#005aab; } #main-search-ng .col-50 select { width:276px; } #main-search-ng .col-25 select { width:128px; } #main-search-ng .col-20 select { width: 90px; } /*****************/ /* pretty select */ /*****************/ #main-search-ng .pretty-select { position: relative; font: normal 14px/16px Tahoma, Geneva, sans-serif; } #main-search-ng .pretty-select .arrow { position: absolute; top: 7px; right: 7px; width: 17px; height: 18px; background: url("/img/design.png?version=1479911710") no-repeat -200px 0; } #main-search-ng .pretty-select span.group-label { background: #FED54D ; display: block; padding: 3px 12px; } #main-search-ng .col-50 .pretty-select input[type=text] { width: 250px; cursor: pointer; } #main-search-ng .col-50 .col-25 input[type=text], #main-search-ng .col-50 .col-25 .pretty-select input[type=text] { width: 108px; } #main-search-ng .col-50 .col-20 .pretty-select input[type=text] { width: 64px; cursor: pointer; } #main-search-ng .col-50 .col-25 .col-12 input[type=text] { width: 40px; cursor: pointer; } #main-search-ng .pretty-select > ul{ background: #fff; position: absolute; padding: 0; margin: 0; width: 276px; top: 35px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.6); border-radius: 2px; z-index: 200; max-height: 200px; overflow-y: auto; } #main-search-ng .pretty-select > ul > li { list-style: none; padding: 2px 12px; cursor: pointer; } #main-search-ng .pretty-select.grouped > ul > li { text-transform: uppercase; padding: 2px 0; } #main-search-ng .pretty-select > ul > li > ul { list-style: none; padding: 0 0; } #main-search-ng .pretty-select > ul > li > ul > li { list-style: none; padding: 2px 12px; text-transform: none; } #main-search-ng .pretty-select.grouped input[type=checkbox] { margin:0 } .ng-searchform .pretty-select > ul > li > ul > li.select{ background: #BCDBF4; } /***********************/ /* airport multiselect */ /***********************/ #main-search-ng .pretty-select.multi.departure_airport > ul{ width: 600px; left: 50%; height: 240px; max-height: 240px; margin-left: -300px; overflow: visible; } #main-search-ng .pretty-select.multi.departure_airport > ul > li{ float: left; display: inline-block; width: 150px; height: 228px; } #main-search-ng .pretty-select.multi.departure_airport > ul > li > ul > li:hover { background: none; } #main-search-ng .pretty-select.multi.departure_airport > ul > li:not(:last-child){ background: #fffaed; border-top: 1px solid #fdb600; border-bottom: 1px solid #fdb600; margin-top: 3px; font-weight: bold; } #main-search-ng .pretty-select.multi.departure_airport > ul > li:nth-child(1) { border-left: 1px solid #fdb600; margin-left: 3px; } #main-search-ng .pretty-select.multi.departure_airport > ul > li:nth-child(2) { border-right: 1px solid #fdb600; } #main-search-ng .pretty-select.multi.departure_airport > ul > li span.group-label{ display: none; } /**************/ /* animations */ /**************/ #main-search-ng .form-col { width: 280px; -webkit-transition: 0.3s all; transition: 0.3s all; } #main-search-ng .form-col.ng-hide-add.ng-hide-add-active .col-50, #main-search-ng .form-col.ng-hide-remove.ng-hide-remove-active .col-50 { display: none; } /* extend right */ #main-search-ng .col-num-3.ng-hide-remove { display: block !important; width: 0px; } #main-search-ng .col-num-3.ng-hide-remove.ng-hide-remove-active { width: 280px; } #main-search-ng .col-num-3.ng-hide-add { width: 280px; } #main-search-ng .col-num-3.ng-hide-add.ng-hide-add-active { width: 0px; padding: 0; margin: 0; } /* extend down */ #main-search-ng .col-num-4.ng-hide-add{ height: 100px; } #main-search-ng .col-num-4.ng-hide-add.ng-hide-add-active{ height: 0; } #main-search-ng .col-num-4.ng-hide-remove { display: block !important; height: 0; } #main-search-ng .col-num-4.ng-hide-remove.ng-hide-remove-active{ height: 100px; } /* another file */ /**********************/ /* side search styles */ /**********************/ /**********/ /* filter */ /**********/ #side-search-ng{ position: relative; background: #fff; width: 235px; } /*******************/ /* cols and fields */ /*******************/ #side-search-ng .extend{ display: none; } /* main col*/ #side-search-ng .form-col, #side-search-ng .mid-col{ width: 225px; clear: both; margin: 0px; } /* main fields */ #side-search-ng label{ color: white; } #side-search-ng .airport-others label{ color: black; } #side-search-ng .type-emptyspace{ display: none; } #side-search-ng input[type=text], #side-search-ng input[type=number], #side-search-ng select { border: solid thin #b6b6b6; } #side-search-ng .multiselect-dest{ margin-left: 3px; color: #4d4d4d; font-weight: normal; font-size: 14px; } #side-search-ng .multiselect-dest-checkbox{ position: relative; top: 3px; right: 3px; } /* col 50 */ #side-search-ng .col-50{ width: 227px; min-height: 40px; } #side-search-ng .col-50 input[type=text] { width:201px; } #side-search-ng .col-50 select { width:225px; } /* col 25 */ #side-search-ng .col-25 { width:110px; } #side-search-ng .col-25 input[type=text] { width:86px; } #side-search-ng .col-25 select { width:110px; } /* col 20 */ #side-search-ng .col-20 { width:70px; } #side-search-ng .col-20:nth-child(2) { margin: 0 7px; } #side-search-ng .col-20 input[type=text] { width: 46px; } #side-search-ng .col-20 select { width: 90px; } /* col 12 */ #side-search-ng .col-12 { width:50px; } #side-search-ng .col-12 input[type=text], #side-search-ng .col-12 input[type=number] { width:34px; padding: 0 0 0 8px ; } #side-search-ng .col-12 select { width: 90px; } #side-search-ng .kids_div { width:225px; margin-top: 5px; } /***********/ /* buttons */ /***********/ #side-search-ng .btns{ float: none; } #side-search-ng button#filter-clear{ display: none; } #side-search-ng button#filter-submit{ background: url("/img/design.png?version=1479911710") no-repeat 0 -320px; width: 227px; margin: 0; position: relative; margin-top: 15px; float: none; } #side-search-ng .type-checkbox input[type="checkbox"] { margin: 12px 10px 10px 12px; } #side-search-ng .type-checkbox label { margin: 10px 0 8px; } /************/ /* airports */ /************/ #side-search-ng .airports-select{ width: 100% !important; } .ng-searchform .airports-select ul { margin: 0 0 0 5px; } #side-search-ng .airports-left { width: 100%; } #side-search-ng .airports-left .airport-group{ float: left; width: 96%; box-sizing: border-box; } #side-search-ng .airports-right { padding: 5px 0px; width: 100%; box-sizing: border-box; margin-bottom: 95px; } #side-search-ng input[type=checkbox] { margin: 2px 4px 0 0; } #side-search-ng .airports-right .airport-bottom { right: auto; left: 0px; } airport-bottom .ng-searchform .airports-toggle-all{ padding: 5px; } .selectBox-filter .deco { display: block; width: 15px; height: 15px; top: 7px; left: 7px; position: absolute; background: url("../../img/search.png?version=1479911710") no-repeat 0px 0; } #main-search-ng .col-50 .pretty-select .selectBox-filter input[type=text].filter_input { height: 30px; width: 89%; padding: 0px 0% 0 11%; border: none; border-bottom: 1px solid silver; font-size: 14px; margin-bottom: 4px; cursor: text; } #main-search-ng .form-col.col-num-4 { display: none; } #side-search-ng .col-50 .pretty-select .selectBox-filter input[type=text].filter_input { height: 30px; width: 87%; padding: 0px 0% 0 13%; border: none; border-bottom: 1px solid silver; font-size: 14px; margin-bottom: 4px; cursor: text; } #extendable{ display: inline-block; } #main-search-ng.home-filter .form-col{ display: none; float: left; margin: 0px; } /* nove univerzalni filtry */ #main-search-ng.home-filter .form-col.group-num-1{ width: 635px; margin: 0px; float: left; display: block; } #main-search-ng.home-filter .filter-component{ margin-left: 40px; } #main-search-ng.home-filter #searchform { width: 680px; position: relative; z-index: 3; float: left; padding: 10px 0; } .ng-searchform.home-filter .btns{ padding: 0 20px; } #main-search-ng.home-filter.extended .group-num-2 { display: block; min-width: 332px; } #main-search-ng.home-filter.extended .extended-title { display: inline; } #main-search-ng.home-filter .extended-title, #main-search-ng.home-filter.extended .extendeble-title { display: none; } #main-search-ng.home-filter .pretty-select-ck {width: 275px;} #main-search-ng.home-filter .pretty-select-ck #ckfilter-cz input, #main-search-ng.home-filter .pretty-select-ck #ckfilter-de input { margin: 10px 5px 0 20px; } #main-search-ng.home-filter .pretty-select-ck #ckfilter-cz label, #main-search-ng.home-filter .pretty-select-ck #ckfilter-de label { margin-top: 10px; } #main-search-ng.home-filter .type-checkbox .ck-container label, #main-search-ng.home-filter .type-checkbox .transfer-container label{margin: 0;} #side-search-ng.side-filter .btns{margin: 0px;} #main-search-ng.home-filter .filter-component-transfer{position: absolute; top: 120px; right: 0px; width: 190px; margin-left: 0px;} #main-search-ng.home-filter .pretty-select-transfer #transfer-check input { margin: 12px 5px 0 10px !important; } #main-search-ng.home-filter .pretty-select-transfer #transfer-check label { margin-top: 10px; } #side-search-ng.side-filter .filter-component-transfer{position: absolute; left: 0%; bottom: 70px; width: 100%;} #side-search-ng.side-filter .pretty-select-transfer #transfer-check input { margin: 12px 5px 0 10px !important; } #side-search-ng.side-filter .pretty-select-transfer #transfer-check label { margin-top: 10px; } /******************/ /* kid select */ /******************/ .ng-searchform .kid-select{ background: #fff; box-sizing: border-box; position: absolute; padding: 5px; margin: 0; top: 35px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.6); border-radius: 2px; z-index: 200; overflow-y: visible; height: 210px; } .ng-searchform .kid-select .child-age-input { width: 115px; } .ng-searchform .kid-btn { cursor: pointer; margin-top: 10px; padding : 5px; background-color: #005bac; width: 102px; text-align: center; } .ng-searchform .kid-btn a.btn { color: white; } .ng-searchform .col-25 input[type="text"].js-date-to-not-valid-more-100{background: #fdd2d2;} .ng-searchform .col-25 input[type="text"].js-date-from-not-valid{background: #fdd2d2;} .ng-searchform .col-25 input[type="text"].js-date-to-not-valid{background: #fdd2d2;} .ng-searchform .col-25 input[type="text"].date-not-valid{background: #fdd2d2;} .ng-searchform .col-25 input[type="text"].date-not-valid{background: #fdd2d2;} .ng-searchform #date-to {position: relative;} .ng-searchform .filter-validate-err{ display:none; font-size: 10px; position:absolute; top:48px; width:110px; left:7px; background:#496C90; color: white; padding: 0 5px; border-radius: 5px; font-weight: bold; } .ng-searchform .filter-validate-err.full-length{top: 28px; width: 253px; line-height: 22px;} .ng-searchform .filter-validate-err.error-highlite{ background: black;} #side-search-ng.ng-searchform .filter-validate-err{left:-4px;} #side-search-ng.ng-searchform .filter-validate-err.full-length{width: 226px;} #side-search-ng.ng-searchform .filter-validate-err.full-length{width: 226px;} .ng-searchform #ckfilter-cz label, .ng-searchform #ckfilter-de label, .ng-searchform #transfer-check label{ color: #005aab; } .ng-searchform .ck-container {height: 57px;} .pretty-select-ck { display: inline-block; width: 225px; background: #eef7fb; } .pretty-select-transfer {display: inline-block; width: 100%; background: #eef7fb;} .pretty-select-ck, .pretty-select-transfer { height: 35px;} #side-search-ng #ck label, #side-search-ng #transfer label{margin-bottom: 0; margin-top: 0; } #side-search-ng #ck #ckfilter-cz label, #side-search-ng #transfer #transfer-check label, #side-search-ng #ck #ckfilter-de label { margin-bottom: 0; margin-top: 10px;} .ng-searchform .date-to-not-valid-more-100 .date-over-100-days{display: block;} /******************/ /* range select */ /******************/ #side-search-ng .filter-component.type-range .col-25 { width: 227px; } #side-search-ng .filter-component.type-range .col-25 input[type=text]{ width: 201px; } #side-search-ng .filter-component.type-range .range-inputs{ display: block; width: 207px; padding: 10px; padding-top: 5px; border-style: none none solid; border-bottom-width: 5px; border-bottom-color: rgb(182, 182, 182); background: rgb(242, 242, 242); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #side-search-ng .filter-component.type-range .range-inputs .col-12{ width: 102px; } #side-search-ng .filter-component.type-range .range-inputs .col-12 input{ width: 70px; } #side-search-ng .filter-component.type-range .range-inputs label{ color: #4d4d4d; } #side-search-ng #empty { display: none; } .ng-searchform #firstminute, .ng-searchform #lastminute{ width: 112px; float: left;} #side-search-ng .group-num-3 #firstminute input[type='checkbox']{margin: 12px 10px 10px 0; } #side-search-ng .group-num-3 #lastminute input[type='checkbox']{margin: 12px 10px 10px 0; } #side-search-ng .tags-container{background: #eef7fb; } #side-search-ng .tags-container li label{color: #005aab; } #side-search-ng .tags-container li img{ margin-right: 23px; margin-left: -48px; padding-top: 7px; margin-bottom: -10px;} #side-search-ng .tags-container input { margin-left: 33px;margin-top: 13px; } .ng-searchform .tags-container div{ white-space: normal; } #side-search-ng #searchform .form-col {clear: none;} /*.ng-searchform .airport-others .airport-group{ width: 100%; }*/ /* S L I C K */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif?version=1479911710") center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; display: block; width: 50px; height: 50px; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; display: block; width: 50px; height: 50px; z-index:999; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; } .slick-prev { left: -60px; } [dir='rtl'] .slick-prev { right: -60px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -50px; } [dir='rtl'] .slick-next { right: auto; left: -50px; } .recently-ordered .slick-next:before { content: ""; display: block; background: url("/img/recently-ordered.png" ) no-repeat scroll -50px 4px; width: 80px; height: 60px; float: left; margin: 0 6px 0 10px; } [dir='rtl'] .slick-next:before { content: '←'; } .recently-ordered .slick-prev:before{ content: ""; display: block; background: url("/img/recently-ordered.png" ) no-repeat scroll -13px 4px; width: 36px; height: 60px; float: left; margin: 0 6px 0 10px; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -50px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .hotel_item{ width: 800px; } table.watch-dog-table {float:left; width:100%;} table.watch-dog-table th {padding:10px 5px; font-weight:bold; text-align:left;} table.watch-dog-table th span {font-weight:normal; font-size:12px;} table.watch-dog-table td {padding:6px 5px; text-align:left;} table.watch-dog-table .fst {width:170px; padding-left:20px;} table.watch-dog-table .snd {width:110px;} table.watch-dog-table .last {width:110px; padding-right:0;} table.watch-dog-table .center {width:85px; text-align:center;} table.watch-dog-table input[type=text] {width:50px; height:27px; padding:0 7px; background:#fff; border:1px solid #b6b6b6; color:#005aab; font:12px Tahoma, Geneva, sans-serif; text-align:center; -moz-box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); outline:none; -moz-transition: all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .ie7 table.watch-dog-table input[type=text], .ie8 table.watch-dog-table input[type=text] {line-height:27px;} table.watch-dog-table input[type=text]:focus {border-color:#349fff;} table.watch-dog-table .mark {color:#005aab; padding-left:10px;} table.watch-dog-table .tools {float:left;} table.watch-dog-table .tools ul {margin:0; padding:0;} table.watch-dog-table .tools li {float:left; margin:0; padding:0 9px; background:none; border-left:1px dotted #4d4d4d;} table.watch-dog-table .tools li:first-child {border-left:0;} table.watch-dog-table .tools a {overflow:hidden; position:relative; display:block; width:18px; height:16px; background-image:url("../img/design.png?version=1479911710"); background-repeat:no-repeat;} table.watch-dog-table .tools a.search {background-position:-380px -180px;} table.watch-dog-table .tools a.edit {background-position:-400px -180px;} table.watch-dog-table .tools a.delete {background-position:-420px -180px;} .add-watch-dog {float:left; width:100%; background:#edf6fd url("../img/add-watch-dog-bg.png?version=1479911710") no-repeat 50% 0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .add-watch-dog .header {position:relative; width:660px; margin:0 auto; padding:60px 0 16px 0; border-bottom:1px solid #bed7ed; text-align:center; color:#005aab; font:bold 16px/18px Tahoma, Geneva, sans-serif;} .add-watch-dog .header .btn {position:absolute; top:16px; left:50%; width:32px; height:32px; margin:0 0 0 -16px; background:url("../img/design.png?version=1479911710") no-repeat -420px -550px;} .add-watch-dog .form {padding:15px 0 0 0;} .watchdog_form .row {padding:0 0 10px 0;} .watchdog_form .grid-list {float:left; width:100%; padding:15px 0 30px 0;} .watchdog_form label {float:left; width:135px; font-size:12px; line-height:30px; padding-right:10px; text-align:right;} .watchdog_form input[type=text] {float:left; width:535px; height:30px; padding:0 7px; background:#fff; border:1px solid #b6b6b6; color:#005aab; font:14px Tahoma, Geneva, sans-serif; -moz-box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); outline:none; -moz-transition: all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .ie7 .watchdog_form input[type=text], .ie8 .watchdog_form input[type=text] {line-height:30px;} .watchdog_form input[type=text]:focus {border-color:#349fff;} .watchdog_form .datepicker input {background:#fff url("../img/watch-dog-datepicker.png?version=1479911710") no-repeat 100% 50%;} .watchdog_form .grid-list .header {float:left; width:220px; padding:0 0 0 145px; border-bottom:0; text-align:left;} .watchdog_form .grid-list .header p {color:#47494a;} .watchdog_form .grid-list .header small {font-size:11px; font-weight:normal;} .watchdog_form .item-left {float:left; width:365px;} .watchdog_form .item-left input[type=text] {width:190px;} .watchdog_form .item-left select {width:206px; height:32px; margin:0; padding:0;} .watchdog_form .item-left .selectBox-dropdown {height:32px; *height:30px background:#fff; border:1px solid #b6b6b6; color:#005aab; -moz-box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); box-shadow:inset 0 0 5px rgba(0,0,0, .07), 0 1px 2px -1px rgba(0,0,0, .4); outline:none; -moz-transition: all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .watchdog_form .item-left .selectBox-dropdown .selectBox-label {line-height:30px; padding:0 7px;} .watchdog_form .item-left .selectBox-dropdown .selectBox-arrow {top:6px; right:8px;} .watchdog_form .item-left .selectBox-menuShowing {border-color:#349fff; -moz-transition: all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;} .watchdog_form .item-right {float:right; width:345px;} .watchdog_form .item-right .header {padding:0;} .watchdog_form .item-right ul {float:left; width:220px; margin:0; padding:0;} .watchdog_form .item-right li {float:left; position:relative; width:87px; margin:0; padding:0 0 15px 23px; background:none;} .watchdog_form .item-right li input {position:absolute; top:0; left:0;} .watchdog_form .item-right li label {float:left; width:100%; padding:0; color:#2e2e2e; line-height:14px; text-align:left;} .watchdog_form .item-right .more {float:right; position:relative; width:100px; margin:-5px 0 0 0; padding:0 0 0 15px; border-left:1px solid #94999c;} .watchdog_form .item-right .more label {float:left; width:100%; padding:0; text-align:left; line-height:17px;} .watchdog_form .item-right .more span {display:block;} .watchdog_form .item-right .more .input {position:absolute; top:0; left:-7px; padding:5px 0 10px 0; background:#edf6fd;} .watchdog_form .item-right .tools {float:left; width:100%; color:#1072bc; font-size:12px; line-height:13px;} .watchdog_form .item-right .tools a {text-decoration:underline;} .watchdog_form .item-right .tools a:hover {text-decoration:none;} .watchdog_form .highlight {float:left; position:relative; width:620px; margin:30px 0 0 35px; padding:20px; background:#c6def1; -moz-border-radius:4px; -webki-border-radius:4px; border-radius:4px;} .watchdog_form .highlight .limit {float:left; width:330px; padding:0 0 30px 0;} .watchdog_form .highlight .limit label {float:left; width:130px; color:#000; font-weight:bold; font-size:16px; text-align:left;} .watchdog_form .highlight .limit input {float:left; width:60px; text-align:center;} .watchdog_form .highlight .limit .mark {float:left; padding:0 0 0 10px; color:#005aab; line-height:32px;} .watchdog_form .highlight .remark {float:left; width:330px;} .watchdog_form .highlight .remark input {margin-top:1px;} .watchdog_form .highlight .remark label {float:left; width:300px; padding:0 0 0 10px; color:#ee2752; line-height:15px; text-align:left;} .watchdog_form .highlight .remark label a {text-decoration:underline;} .watchdog_form .highlight .remark label a:hover {text-decoration:none;} .watchdog_form .highlight .btns {position:absolute; top:50%; right:20px; margin:-20px 0 0 0;} .watchdog_form .highlight input[type=submit] {overflow:visible; display:inline-block; *display: inline; zoom: 1; width:260px; height:39px; margin:0; padding:0 0 0 39px; background:url("../img/design.png?version=1479911710") no-repeat 0 -910px; border:0; color:#fff; font:bold 16px Tahoma, Geneva, sans-serif; text-transform:uppercase; text-align:left; cursor:pointer;} .watchdog_form .highlight input[type=submit]:hover {background-position:0 -961px;} #watchdog_add {width: 300px;} #watchdog_add p {padding: 0; margin: 10px 0 0 0;} #watchdog_add input {padding: 3px;} #watchdog_add .watch-dog-price input {width: 60px;} #watchdog_add .watch-dog-check label {padding-left: 5px;} #watchdog_add .watch-dog-check input {margin-top: 4px;} #watchdog_add .watch-dog-sub input {cursor: pointer; background: #FFFCED; border: 1px solid #fdb600; border-radius: 3px; padding: 5px; width: 300px; font-weight: bold; text-align: center;} #watchdog_add .watch-dog-sub input:hover {background: #FFE9A5;} #watchdog_add .success {margin: 60px 0 30px 0; font-size: 18px; color: green; text-align: center;} #watchdog_add .alert {margin: 40px 0 30px 0; font-size: 18px; color: red; text-align: center;} .watchdog #cboxContent{padding: 5px 20px 15px 20px;}