/* HTML5 Boilerplate base.css. */
body {
padding: 0;
margin: 0;
font-size: 81.3%; /* Set the base font-size to 13px. */
}
/* Make unknown elements block level */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
/* reset.css */
html {
margin: 0;
padding: 0;
border: 0;
}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.5;
background: white;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
float: none !important;
}
table, th, td {
vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
}
blockquote, q {
quotes: "" "";
}
a img {
border: none;
}
:focus {
outline: 0;
}
/* typography.css */
html {
font-size: 100.01%;
}
body {
font-size: 75%;
color: #222;
background: #0b101d;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
overflow-y: scroll
}
body.hidden {
display: block !important;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color: #fff;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin: 0;
}
p {
margin: 0 0 1em;
}
.left {
float: left !important;
}
p .left {
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}
.right {
float: right !important;
}
p .right {
margin: 1.5em 0 1.5em 1.5em;
padding: 0;
}
a, a:visited {
color: #fff;
text-decoration: none;
}
a:focus, a:hover {
color: #69a2d2;
}
blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}
strong, dfn {
font-weight: bold;
}
em, dfn {
font-style: italic;
}
sup, sub {
line-height: 0;
}
abbr, acronym {
border-bottom: 1px dotted #666;
}
address {
margin: 0 0 1.5em;
font-style: italic;
}
del {
color: #666;
}
pre {
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}
li ul, li ol {
margin: 0;
}
/*ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}*/
ul, ol {
margin: 0;
padding-left: 0
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
dl {
margin: 0 0 1.5em 0;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 1.5em;
}
table {
margin-bottom: 1.4em;
width: 100%;
}
th {
font-weight: bold;
}
thead th {
background: #c3d9ff;
}
th, td, caption {
padding: 4px 10px 4px 5px;
}
/*tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}*/
tfoot {
font-style: italic;
}
caption {
background: #eee;
}
.small {
font-size: .8em;
margin-bottom: 1.875em;
line-height: 1.875em;
}
.large {
font-size: 1.2em;
line-height: 2.5em;
margin-bottom: 1.25em;
}
.hide {
display: none;
}
.quiet {
color: #666;
}
.loud {
color: #000;
}
.highlight {
background: #ff0;
}
.added {
background: #060;
color: #fff;
}
.removed {
background: #900;
color: #fff;
}
.first {
margin-left: 0;
padding-left: 0;
}
.last {
margin-right: 0;
padding-right: 0;
}
.top {
margin-top: 0;
padding-top: 0;
}
.bottom {
margin-bottom: 0;
padding-bottom: 0;
}
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: 1px;
margin: 0 0 17px;
border: none;
}
hr.space {
background: #fff;
color: #fff;
visibility: hidden;
}
.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.clearfix, .container {
display: block;
}
.clear {
clear: both;
}
/* FONTOK */
@font-face {
font-family: 'myriadprobold';
src: url('../fonts/myriadprobold.eot');
src: url('../fonts/myriadprobold.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadprobold.woff') format('woff'), url('../fonts/myriadprobold.ttf') format('truetype'), url('../fonts/myriadprobold.svg#myriadprobold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'myriadproregular';
src: url('../fonts/myriadproregular.eot');
src: url('../fonts/myriadproregular.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadproregular.woff') format('woff'), url('../fonts/myriadproregular.ttf') format('truetype'), url('../fonts/myriadproregular.svg#myriadproregular') format('svg');
font-weight: normal;
font-style: normal;
}
em.placeholder {
color: white;
background-color: black;
padding: 2px;
}
.color-deepblue {
color: #272a53
}
.lowcase {
text-transform: lowercase
}
div.footnote {
font-size: 11px;
}
ul.txt {
margin: 0 0 0.5em 1.3em;
}
ul.txt > li {
}
body > pre {
color: #ddd;
background: #444;
margin: 0;
padding-left: 1em;
}
.node-page p {
line-height: 17px
}
.node-page a,
.node-page a:visited {
color: #669dcd
}
.node-page a:hover {
color: #b2cee6
}
.node-page h2 {
font-family: myriadprobold, sans-serif;
font-size: 20px;
color: #669dcd;
}
.node-page h3 {
font-family: myriadproregular, sans-serif;
font-size: 16px;
color: #669dcd;
}
.path-faq dt {
color: #669dcd;
}
.admin-nid-display {
bottom: -1px;
color: #669dcd;
font-family: Arial, sans-serif;
font-size: 11px;
left: 28%;
position: absolute;
padding: 2px 0 2px 10px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top: none;
}
.admin-nid-display .active {
color: #fff;
}
/* Restrict the width to 960px using the #page wrapper and center the page. */
#page {
margin: 0 auto 40px auto;
width: 960px;
min-width: 940px;
max-width: 940px;
background: #0f172e;
min-height: 400px;
-moz-box-shadow: 0 0 20px 0 #0f0f0f;
-webkit-box-shadow: 0 0 20px 0 #0f0f0f;
box-shadow: 0 0 20px 0 #0f0f0f;
}
section#header {
position: relative;
}
#cboxLoadedContent h1.node-title {
color: white;
font-size: 36px;
margin-bottom: 10px;
}
#logo-head {
left: 10px;
top: 6px;
z-index: 10;
position: absolute;
background: transparent url('../images/legenda-logo-en.png') no-repeat scroll 0 0;
}
.i18n-hu #logo-head {
background-image: url('../images/legenda-logo-hu.png');
}
#logo-head a {
display: block;
margin: 0;
padding: 0;
width: 149px;
height: 200px;
}
/* lang switcher START */
#language_switcher {
position: absolute;
z-index: 100;
right: 17px;
top: 15px;
}
/* lang switcher END */
/* ================ */
/* ! SOCIAL ICONS */
/* ================ */
#social {
position: absolute;
top: 17px;
right: 25px;
height: 29px;
width: 700px;
overflow: hidden;
}
.front #social {
height: 42px;
overflow: hidden;
position: relative;
width: 700px;
margin-left: 189px;
right: inherit;
top: inherit;
}
#social > div {
position: relative;
}
#social .icon {
width: 29px;
height: 29px;
float: left;
background: transparent url('../images/legenda2012_sprite.png') no-repeat scroll -423px -76px;
cursor: pointer;
}
#social .fb .icon {
background-position: -423px -76px;
}
#social .yt .icon {
background-position: -456px -76px;
}
#social .container {
position: absolute;
right: 0;
top: 0;
/*background-color: #0F172E;*/
}
#social .fb {
margin-right: 10px;
width: 229px;
left: 632px;
}
#social .yt {
width: 129px;
left: 671px;
}
#social .social-elements {
float: left;
height: 20px;
margin-top: 5px;
}
#social .social-elements > div {
height: 20px;
margin-left: 10px !important;
}
/* ================ */
/* MAP page */
.page-budapest-map-2014 .thumb {
float: left;
margin-top: 20px;
position: relative;
margin-bottom: 30px;
}
.page-budapest-map-2014 .thumb-left {
margin-right: 20px;
}
.page-budapest-map-2014 .thumb-img-wrap {
opacity: 0.4;
}
.page-budapest-map-2014 .thumb-img-wrap:hover {
opacity: 1;
}
.page-budapest-map-2014 .mfp-title {
display: none;
}
.page-budapest-map-2014 .zoom {
position: absolute;
top: 50%;
left: 50%;
margin-top: -90px;
margin-left: -30px;
font-size: 4em;
color: #fff;
opacity: 0.7;
}
.page-budapest-map-2014 .thumb h3 {
font-family: myriadproregular, sans-serif;
}
.page-budapest-map-2014 .thumb h3 small {
color: #669dcd;
font-weight: normal;
}
/* ================ */
/* Coupon animation */
#coupons {
position: absolute;
bottom: 10px;
left: 0;
width: 270px;
height: 90px;
background: rgba(15, 23, 46, 0.9);
z-index: 500;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
#coupons .action {
position: absolute;
left: 0;
top: 0;
width: 106px;
text-align: center;
padding-top: 16px;
}
#coupons .action .title {
text-transform: uppercase;
font-family: myriadproregular, sans-serif;
font-size: 16px;
color: #fff;
line-height: 16px;
}
#coupons .action strong {
font-size: 17px;
font-family: myriadprobold, sans-serif;
font-weight: normal;
color: #669dcd;
}
#coupons .action a {
display: inline-block;
position: relative;
clear: both;
text-decoration: none;
outline: none;
text-align: center;
border: 1px solid #19354d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 2px 4px #09111a;
line-height: 16px;
padding: 3px 9px;
font-size: 13px;
margin-top: 3px;
cursor: pointer;
color: #fff;
background: rgb(46, 51, 71);
background: -moz-linear-gradient(top, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(46, 51, 71)), color-stop(38%, rgb(29, 37, 59)), color-stop(78%, rgb(9, 16, 40)), color-stop(100%, rgb(9, 16, 42)));
background: -webkit-linear-gradient(top, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
background: -o-linear-gradient(top, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
background: -ms-linear-gradient(top, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
background: linear-gradient(to bottom, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e3347', endColorstr='#09102a', GradientType=0);
}
#coupons .action a:hover {
background: rgb(133, 180, 219);
background: -moz-linear-gradient(top, rgb(133, 180, 219) 0%, rgb(119, 172, 215) 25%, rgb(103, 160, 207) 50%, rgb(83, 128, 166) 75%, rgb(71, 110, 142) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(133, 180, 219)), color-stop(25%, rgb(119, 172, 215)), color-stop(50%, rgb(103, 160, 207)), color-stop(75%, rgb(83, 128, 166)), color-stop(100%, rgb(71, 110, 142)));
background: -webkit-linear-gradient(top, rgb(133, 180, 219) 0%, rgb(119, 172, 215) 25%, rgb(103, 160, 207) 50%, rgb(83, 128, 166) 75%, rgb(71, 110, 142) 100%);
background: -o-linear-gradient(top, rgb(133, 180, 219) 0%, rgb(119, 172, 215) 25%, rgb(103, 160, 207) 50%, rgb(83, 128, 166) 75%, rgb(71, 110, 142) 100%);
background: -ms-linear-gradient(top, rgb(133, 180, 219) 0%, rgb(119, 172, 215) 25%, rgb(103, 160, 207) 50%, rgb(83, 128, 166) 75%, rgb(71, 110, 142) 100%);
background: linear-gradient(to bottom, rgb(133, 180, 219) 0%, rgb(119, 172, 215) 25%, rgb(103, 160, 207) 50%, rgb(83, 128, 166) 75%, rgb(71, 110, 142) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85b4db', endColorstr='#476e8e', GradientType=0);
color: #0b101d;
}
#coupons .animation {
position: absolute;
right: 0;
top: 0;
height: 90px;
width: 163px;
border-left: 1px solid #182a43;
}
#coupons .animation .hole {
display: block;
position: absolute;
top: 6px;
right: 6px;
width: 8px;
height: 60px;
background-color: #03091c;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#coupons .animation .hole .fa {
position: absolute;
top: 6px;
left: -22px;
color: #234a6c;
font-size: 50px;
}
#coupons .animation .mask {
position: absolute;
top: 10px;
right: 10px;
overflow: hidden;
z-index: 900;
width: 153px;
height: 80px;
}
#coupons .animation ul {
list-style: none;
position: absolute;
top: 0;
left: 0;
width: 700px;
}
#coupons .animation li {
list-style: none;
position: absolute;
top: 0;
left: -165px;
width: 220px;
height: 80px;
text-align: center;
}
#coupons .animation .card {
display: block;
width: 80px;
height: 50px;
background: url("../images/coupons_mini_sprite_2x.png") no-repeat scroll 0 0;
-webkit-background-size: 160px;
-o-background-size: 160px;
background-size: 160px;
margin-left: 70px;
}
#coupons .animation .item.first {
}
#coupons .animation .item.last {
}
#coupons .animation .item-erzsi .card {
}
#coupons .animation .item-mkb .card {
background-position: -80px 0;
}
#coupons .animation .item-otp .card {
background-position: 0 -50px;
}
#coupons .animation .item-kh .card {
background-position: -80px -50px;
}
#coupons .animation small {
font-family: myriadproregular, sans-serif;
text-transform: uppercase;
font-size: 12px;
color: #669dcd;
line-height: 30px;
}
.mfp-ajax-holder .mfp-content {
width: 710px;
height: auto;
}
.mfp-bg {
background: #0b101d;
opacity: 0.95 !important;
}
.mfp-close-btn-in .mfp-close {
color: #669dcd;
}
#couponsPopup {
}
#couponsPopup h2 {
font-family: myriadproregular, sans-serif;
font-size: 27px;
text-transform: uppercase;
}
#couponsPopup h2 strong {
font-family: myriadprobold, sans-serif;
font-weight: normal;
color: #669dcd;
}
#couponsPopup h3 {
font-family: myriadprobold, sans-serif;
text-transform: uppercase;
font-size: 18px;
margin-top: 50px;
margin-bottom: 10px;
color: #669dcd;
}
#couponsPopup h3:nth-of-type(2) {
margin-top: 15px;
}
#couponsPopup ul {
list-style: none;
}
#couponsPopup li {
display: block;
float: left;
text-align: left;
border-left: 1px solid #669dcd;
padding-left: 18px;
color: #669dcd;
width: 158px;
margin-bottom: 25px;
}
#couponsPopup li .card {
display: block;
width: 120px;
height: 63px;
background: url("../images/coupon_cards_sprite_erzsebet_2x.png") no-repeat scroll 0 0;
-webkit-background-size: 240px;
-o-background-size: 240px;
background-size: 240px;
margin-bottom: 10px;
}
#couponsPopup .list-szep li .card {
width: 120px;
height: 75px;
background: url("../images/coupon_cards_sprite_szep_2x.png") no-repeat scroll 0 0;
-webkit-background-size: 240px;
-o-background-size: 240px;
background-size: 240px;
margin-bottom: 10px;
}
#couponsPopup .card.card2 {
background-position: -120px 0;
}
#couponsPopup .card.card3 {
background-position: 0 -127px;
}
#couponsPopup .card.card4 {
background-position: -120px -63px;
}
#couponsPopup .card.card5 {
background-position: 0 -126px;
}
#couponsPopup .list-szep li .card.card6 {
background-position: 0 0;
}
#couponsPopup .list-szep li .card.card7 {
background-position: -120px 0;
}
#couponsPopup .list-szep li .card.card8 {
background-position: 0 -75px;
}
#couponsPopup .list .title {
font-size: 14px;
}
#couponsPopup {
}
#couponsPopup {
}
#couponsPopup {
}
/* =============== */
/* ! FORM elemek */
/* =============== */
label {
font-weight: bold;
}
fieldset {
padding: 0 1.4em 1.4em 1.4em;
margin: 0 0 1.5em 0;
border: 1px solid #ccc;
}
.node-type-page div.error fieldset {
padding: 0.8em 0.8em 0.8em 1.4em
}
legend {
font-weight: bold;
font-size: 1.2em;
margin-top: -0.2em;
margin-bottom: 1em;
}
fieldset, #IE8#HACK {
padding-top: 1.4em;
}
legend, #IE8#HACK {
margin-top: 0;
margin-bottom: 0;
}
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input.text,
input.title,
textarea {
background-color: #669dcd;
border: 1px solid #004a80;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 3px;
}
input[type=text],
input[type=password],
input[type=url],
input[type=email] {
height: 19px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=email]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
border-color: #fff;
}
select {
background-color: #fff;
border: 1px solid;
}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {
margin: 0;
}
input.text, input.title {
width: 300px;
padding: 5px;
}
input.title {
font-size: 1.5em;
}
textarea {
width: 390px;
height: 250px;
padding: 5px;
}
form.inline {
line-height: 3;
}
form.inline p {
margin-bottom: 0;
}
#bwi-link, #bwi-link:visited {
color: #fff;
}
#bwi-link:hover {
color: #669dcd;
}
#bwi-link .discount {
color: #669dcd;
font-size: 45px;
}
#bwi-link .sightseeing {
color: #669dcd;
}
#bwi-link .budapest {
font-size: 24px;
}
#bwi-link:hover .discount,
#bwi-link:hover .sightseeing {
color: #fff
}
/* ============ */
/* ! Buttonok */
/* ============ */
a.light-button,
.node-page a.light-button,
.form-actions .form-submit,
.node-page .utvonal-adatok .form-submit,
.dim-print-size .light-button,
a#legenda-warn-minta,
#legenda-warn-container a.light-button,
#next-year-prices a.light-button {
display: block;
float: left;
height: 24px;
padding: 0 14px;
background: transparent url('../images/legenda2012_hsprite.png') repeat-x scroll 0 -84px;
border: 1px solid #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
cursor: pointer;
-webkit-box-shadow: 1px 3px 4px 0 #03091c;
-moz-box-shadow: 1px 3px 4px 0 #03091c;
box-shadow: 1px 3px 4px 0 #03091c;
}
.form-actions .form-submit {
margin: 10px 0
}
a.light-button span,
.node-page a.light-button span,
.form-actions .form-submit,
.node-page .utvonal-adatok .form-submit,
.dim-print-size .light-button span,
a#legenda-warn-minta span {
font-family: myriadprobold, sans-serif;
text-transform: lowercase;
font-size: 12px;
}
.utvonal-adatok .form-submit {
margin: 0 0 0 5px;
height: 21px;
}
.form-actions .form-submit {
}
a.light-button:hover,
.node-page a.light-button:hover,
.form-actions .form-submit:hover,
.node-page .utvonal-adatok .form-submit:hover,
.dim-print-size .light-button:hover,
a#legenda-warn-minta:hover,
#legenda-warn-container a.light-button,
#next-year-prices a.light-button {
background-position: 0 -108px;
color: #0f172e;
}
a.light-button:hover span,
.node-page a.light-button:hover span,
.form-actions .form-submit:hover,
.dim-print-size .light-button:hover span,
a#legenda-warn-minta:hover span,
#legenda-warn-container a.light-button span,
#next-year-prices a.light-button span {
color: #0f172e;
}
.form-actions:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
#legenda-warn-container a.light-button {
margin-right: 25px;
}
#legenda-warn-container a.light-button.btn-r {
margin-right: 0
}
#legenda-warn-container a.light-button span,
#legenda-warn-container a.light-button:hover span,
#next-year-prices a.light-button span,
#next-year-prices a.light-button:hover span {
font-size: 15px;
text-transform: none;
font-family: myriadprobold, sans-serif;
line-height: 23px;
}
h3 {
font-family: myriadprobold, sans-serif;
font-size: 19px;
}
/* =========================== */
/* ! Webform kapcsolat oldal */
/* =========================== */
.webform-client-form {
float: left;
width: 50%;
}
.webform-client-form .form-select {
margin-left: 104px;
}
.webform-client-form .webform-component {
clear: both;
margin: 0.6em 0;
}
.webform-client-form input[type=text],
.webform-client-form input[type=email] {
float: right;
width: 280px;
}
.webform-client-form input.form-checkbox {
float: none;
}
.webform-client-form textarea {
height: 150px;
padding: 5px;
width: 433px;
}
div.legenda-contact-info {
float: right;
width: 47%;
}
/* ================= */
/* ! legenda warn */
/* ================= */
#edit-legenda-warn-content-body-format {
display: none;
}
#edit-legenda-warn-content span.cke_skin_kama {
padding: 0;
border-color: #333
}
#edit-legenda-warn-content .form-item-legenda-warn-content-body-value {
margin-top: 10px;
}
#edit-legenda-warn-content .form-item-legenda-warn-content-subject label {
display: block
}
#legenda-warn-container {
color: #fff;
position: relative;
}
#legenda-warn-container .subject {
font-size: 22px;
color: #69a2d2;
font-family: myriadproregular, sans-serif;
text-transform: uppercase;
margin-bottom: 1em;
}
#legenda-warn-container .created {
background-color: #69a2d2;
color: #fff;
padding: 2px 5px;
font-size: 16px;
float: right;
}
#legenda-warn-container .body {
color: #fff;
font-size: 14px;
line-height: 19px;
}
#legenda-warn-container .body p {
margin-bottom: 1em;
line-height: 23px;
font-family: myriadproregular, sans-serif;
}
#legenda-warn-container .body strong {
font-size: 14px;
font-family: myriadprobold, sans-serif;
color: #69a2d2
}
#legenda-warn-container .vizallas {
border-top: 1px solid #fff;
padding-top: 15px;
margin: 30px 0 15px 0;
}
#legenda-warn-container .vizallas strong {
color: #fd6d76;
padding: 1px 4px;
font-size: 25px;
}
/* ================= */
/* ! PDF container */
/* ================= */
#pdf-container {
height: 600px;
width: 100%;
}
.front #legenda-slider-container {
height: 418px;
overflow: hidden;
clear: left;
}
/* ========== */
/* ! Fomenu */
/* ========== */
#main-menu {
background: #69a3d3 url('../images/legenda2012_hsprite.png') repeat-x 0 57px;
position: relative;
padding: 13px 0 0 196px;
margin: 0;
min-height: 53px;
height: 53px;
}
.i18n-hu #main-menu .first.leaf {
margin-left: 51px;
}
.i18n-hu #main-menu {
padding: 13px 0 0 138px;
}
#main-menu ul {
list-style-type: none;
}
#main-menu ul li {
float: left;
}
#main-menu ul li.first-line {
border-bottom: 1px solid #fff;
padding-bottom: 3px;
margin-bottom: 2px;
}
.i18n-hu #main-menu ul li.first-line {
border-bottom: 1px solid white;
padding-top: 0;
margin-bottom: 0;
}
.i18n-hu #main-menu ul li {
border: 0;
padding-top: 3px;
}
#main-menu li.break-menu-line {
clear: left;
}
.i18n-hu #main-menu li.break-menu-line {
margin-left: 76px;
}
.i18n-en #main-menu li.break-menu-line {
margin-left: 86px; /* w/o fireworks = 86px */
}
#main-menu li a {
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
font-style: normal;
font-family: myriadproregular, sans-serif;
margin: 0 7px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
#main-menu li a:hover,
#main-menu li a:active,
#main-menu li.active-trail a {
color: #1d263a;
transition: all 0.2s ease
}
#main-menu li a#y2k13 {
font-family: myriadprobold, sans-serif;
color: #a8227b
}
/*#main-menu .hr{
position: absolute;
width: 100%;
top:12px;
left: 0;
height: 1px;
font-size: 1px;
line-height: 1px;
margin: 0;
padding: 0;
max-height: 1px;
background-color: #fff;
}*/
#book-online {
position: absolute;
z-index: 17;
right: -2px;
top: 34px;
}
#book-online a {
display: block;
width: 140px;
height: 76px;
background: transparent url('../images/legenda2012_sprite.png') no-repeat scroll -156px 0;
outline: none;
}
#book-online a:hover {
background-position: -156px -74px;
}
#our-menu-banner {
position: absolute;
right: -40px;
top: 357px;
z-index: 10;
background: url('../images/legenda-front-menu-banner.png') no-repeat scroll 0 0;
width: 187px;
height: 127px;
}
.i18n-hu #our-menu-banner {
background-position: -187px 0;
}
.front #our-menu-banner {
right: -40px;
top: 350px;
}
.not-front #our-menu-banner {
right: -40px;
top: 196px;
}
#our-menu-banner a {
display: block;
width: 136px;
height: 93px;
margin: 23px 0 0 10px;
outline: none;
text-indent: -9999px;
}
/* =====================
*
* Legenda cruises menus
*
* ===================== */
#legenda-cruises-menu {
display: block;
position: absolute;
top: 76px;
left: 236px;
z-index: 70;
}
#legenda-cruises-menu #sightseeing,
#legenda-cruises-menu #restaurant {
float: left;
}
#legenda-cruises-menu #restaurant {
margin-left: 70px;
}
#legenda-cruises-menu .menu-wrapper {
padding: 15px 15px 0 15px;
background: url('../images/legenda-cruises-bg-repeat-80blue.png') no-repeat scroll -50px -50px;
border: 1px solid transparent;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.legenda-cruises-menu-shadow {
-webkit-box-shadow: 5px 5px 20px 0 #0f172e;
-moz-box-shadow: 5px 5px 20px 0 #0f172e;
box-shadow: 5px 5px 20px 0 #0f172e;
}
#legenda-cruises-menu .menu-wrapper > a span {
font-size: 27px;
text-transform: uppercase;
line-height: 27px;
text-shadow: 2px 2px 8px #272727;
}
#legenda-cruises-menu .menu-wrapper > a span.upper {
color: white;
font-family: myriadproregular, sans-serif;
line-height: 21px;
padding: 0 7px;
}
#legenda-cruises-menu .menu-wrapper > a {
width: 100%;
display: block;
text-align: left;
}
#legenda-cruises-menu .menu-wrapper > a span.lower {
color: #69a3d3;
font-family: myriadprobold, sans-serif;
line-height: 27px;
background: url('../images/legenda-cruises-lower-arrow.png') no-repeat scroll 100% -11px;
padding: 0 40px 0 7px;
}
#legenda-cruises-menu .menu-wrapper > a span.h-line {
display: block;
width: 100%;
height: 1px;
-webkit-box-shadow: 0 0 5px 0 #69a3d3;
-moz-box-shadow: 0 0 5px 0 #69a3d3;
box-shadow: 0 0 5px 0 #69a3d3;
background-color: #9da2ac;
margin: 4px 0 8px 0;
}
#legenda-cruises-menu .menu-wrapper .sub-menu {
display: none;
}
#legenda-cruises-menu .menu-wrapper .sub-menu a,
#legenda-cruises-menu .menu-wrapper .sub-menu a:hover,
#legenda-cruises-menu .menu-wrapper .sub-menu a:visited {
font-size: 17px;
font-family: myriadproregular, sans-serif;
text-transform: uppercase;
text-decoration: none;
line-height: 17px;
cursor: pointer;
padding: 5px 0 0 0;
color: #fff;
letter-spacing: -1px;
word-spacing: 1px;
}
#legenda-cruises-menu .menu-wrapper .sub-menu li {
list-style: none;
margin: 12px 0 12px 0;
width: 100%;
background: url('../images/legenda-cruises-submenu-listbullet.png') no-repeat 0 -1px;
padding-left: 22px;
}
#sightseeing .sub-menu #page-9 .bella-blue {
color: #69a3d3
}
#sightseeing .sub-menu #page-9 .color,
#sightseeing .sub-menu #page-10 .color {
font-family: myriadprobold, sans-serif;
letter-spacing: .1em;
color: #669dcd;
}
#restaurant .sub-menu #page-15 .color {
color: #e30613
}
#restaurant .sub-menu #page-17 .color {
color: #de9805
}
#restaurant .sub-menu #page-19 .color {
color: #c06f88
}
/* =====================
*
* Legenda cruises frontbox menus
*
* ===================== */
.frontbox-menu {
padding: 15px 15px 0 15px;
width: 172px;
line-height: 17px;
position: absolute;
top: 5px;
right: 3px;
}
.front .legenda-cruisebox {
height: 345px;
position: relative;
width: 432px;
}
.front .legenda-cruisebox.restaurant-front {
margin-left: 22px
}
.legenda-cruisebox-wrapper {
width: 896px;
}
.front .legenda-cruisebox > img {
display: block;
position: absolute;
left: -27px;
top: -5px;
}
.front .legenda-cruisebox > img {
display: block;
position: absolute;
left: -27px;
top: -5px;
}
.front .legenda-cruisebox.restaurant-front > img {
display: block;
position: absolute;
left: 18px;
top: -5px;
}
.front .legenda-cruisebox.sightseeing-front p {
margin-top: 197px;
padding: 16px;
font-size: 14px;
font-family: myriadproregular, sans-serif;
line-height: 17px;
}
.front .legenda-cruisebox.restaurant-front p {
margin: 160px 10px 0 252px;
}
.i18n-hu.front .legenda-cruisebox.restaurant-front p {
margin: 160px 10px 0 247px;
}
.sightseeing-front .frontbox-menu {
/*width: 164px;*/
position: absolute;
}
.restaurant-front .frontbox-menu {
/*width: 154px;*/
position: absolute
}
.frontbox-menu > a span {
font-size: 27px;
text-transform: uppercase;
line-height: 27px;
text-shadow: 2px 2px 8px #272727;
}
.frontbox-menu > a span.upper {
color: white;
font-family: myriadproregular, sans-serif;
line-height: 21px;
padding: 0 7px;
}
.frontbox-menu > a {
width: 167px;
display: block;
text-align: left;
}
.frontbox-menu > a span.lower {
color: #69a3d3;
font-family: myriadprobold, sans-serif;
line-height: 27px;
background: url('../images/legenda-cruises-lower-arrow.png') no-repeat scroll 100% -7px;
padding: 0 40px 0 7px;
}
.frontbox-menu > a span.h-line {
display: block;
width: 100%;
height: 1px;
-webkit-box-shadow: 0 0 5px 0 #69a3d3;
-moz-box-shadow: 0 0 5px 0 #69a3d3;
box-shadow: 0 0 5px 0 #69a3d3;
background-color: #9da2ac;
margin: 4px 0;
}
.frontbox-menu .sub-menu a,
.frontbox-menu .sub-menu a:hover,
.frontbox-menu .sub-menu a:visited {
font-size: 21px;
font-family: myriadproregular, sans-serif;
text-transform: uppercase;
text-decoration: none;
line-height: 17px;
cursor: pointer;
padding: 5px 15px 0 0;
color: #fff;
letter-spacing: -1px;
word-spacing: 1px;
}
.frontbox-menu .sub-menu a:hover *,
.frontbox-menu .sub-menu #page-15 a:hover span,
.frontbox-menu .sub-menu #page-17 a:hover span,
.frontbox-menu .sub-menu #page-19 a:hover span {
color: #fff
}
.frontbox-menu .sub-menu li {
list-style: none;
margin: 12px 0 12px 0;
width: 100%;
background: url('../images/legenda-cruises-submenu-listbullet.png') no-repeat 0 -1px;
padding-left: 8px;
}
.frontbox-menu .sub-menu #page-15 .color {
color: #e30613
}
.frontbox-menu .sub-menu #page-17 .color {
color: #de9805
}
.frontbox-menu .sub-menu #page-19 .color {
color: #c06f88
}
.frontbox-menu .sub-menu #page-9 .color {
color: #fff;
font-family: myriadprobold, sans-serif;
letter-spacing: .1em
}
.frontbox-menu .sub-menu .subtitle {
color: #69a3d3;
font-size: 16px;
font-family: myriadprobold, sans-serif;
}
.sightseeing-front .sub-menu #page-9,
.sightseeing-front .sub-menu #page-10 {
margin: 12px 0 0 0
}
.frontbox-menu .sub-menu .subtitle .small {
font-size: 11px;
color: #fff !important;
}
/* =====================
*
* Legenda breadcrumbs
*
* ===================== */
#legenda-subhead {
height: 254px;
background: url('../images/legenda2012_slide_01.jpg') no-repeat scroll 0 -86px;
}
.path-sightseeing-cruises #legenda-subhead {
background: url('../images/legenda-sightseeing-head.jpg') no-repeat scroll 0 0;
}
.path-directions #legenda-subhead {
background: url('../images/head-bg-direction.jpg') no-repeat scroll 0 0;
}
.path-fleet #legenda-subhead {
background: url('../images/head-bg-fleet.jpg') no-repeat scroll 0 0;
}
.path-prices #legenda-subhead {
background: url('../images/head-bg-prices.jpg') no-repeat scroll 0 0;
}
.path-timetable #legenda-subhead {
background: url('../images/head-bg-timetable.jpg') no-repeat scroll 0 0;
}
.path-duna-bella #legenda-subhead {
background: url('../images/legenda-duna-bella-head.jpg') no-repeat scroll 0 0;
}
.path-danube-legend #legenda-subhead,
.page-wizzair-2015 #legenda-subhead,
.path-duna-bella #legenda-subhead {
background: url('../images/legenda-duna-bella-head.jpg') no-repeat scroll 0 0;
}
.path-danube-legend #legenda-subhead,
.path-gallery-media #legenda-subhead {
background: url('../images/legenda-danube-legend-head.jpg') no-repeat scroll 0 0;
}
.path-lunch-cruise #legenda-subhead,
.path-contact #legenda-subhead,
.path-event-boat #legenda-subhead {
background: url('../images/legenda-lunch-cruise-head.jpg') no-repeat scroll 0 0;
}
.path-coffee-and-cake-cruise #legenda-subhead {
background: url('../images/legenda-coffee-and-cake-cruise-head.jpg') no-repeat scroll 0 0;
}
.path-restaurant-cruises #legenda-subhead,
.path-candlelit-dinner-cruise #legenda-subhead {
background: url('../images/legenda-restaurant-head.jpg') no-repeat scroll 0 0;
}
#legenda-breadcrumb-wrapper {
width: 100%;
height: 43px;
background: url('../images/legenda2012_hsprite.png') repeat-x scroll 0 -41px;
position: relative;
}
#legenda-breadcrumb-wrapper .home-icon {
display: block;
width: 7px;
height: 9px;
background: transparent url('../images/legenda2012_sprite.png') no-repeat scroll -149px 0;
margin: 6px 6px 0 26px;
float: left;
}
div#breadcrumb .breadcrumb-tail {
color: #69a3d3;
margin: 0 7px;
}
div#breadcrumb {
float: left;
}
div#breadcrumb a,
div#breadcrumb span.title {
color: #fff;
font-size: 9px;
line-height: 24px;
text-transform: uppercase;
font-style: normal;
font-family: Helvetica, Arial, sans-serif;
}
div#breadcrumb a:hover {
color: #69a3d3;
}
/* ================
legenda ticker
================ */
.tickeroverlay-left {
background: transparent url('../images/legenda2012_sprite.png') no-repeat scroll -492px -76px;
display: block;
pointer-events: none;
position: absolute;
z-index: 30;
height: 20px;
width: 21px;
top: 0;
left: 0;
}
.tickeroverlay-right {
background: transparent url('../images/legenda2012_sprite.png') no-repeat scroll -513px -76px;
display: block;
pointer-events: none;
position: absolute;
z-index: 30;
height: 20px;
width: 21px;
top: 0;
right: 0;
}
.tickercontainer {
/* the outer div */
position: absolute;
left: 380px;
background: transparent;
width: 280px;
height: 20px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask {
/* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
padding-left: 0;
padding-right: 0;
top: 0;
height: 20px;
/*width: 718px;*/
overflow: hidden;
}
ul.newsticker {
/* that's your list */
position: relative;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 20px;
line-height: 22px;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font-family: myriadproregular, sans-serif;
font-size: 12px;
margin: 0 30px 0 0;
}
ul.newsticker a span {
font-family: myriadprobold, sans-serif;
}
#legenda-search-bar {
float: right;
line-height: 22px;
margin-right: 25px;
}
#legenda-search-bar input[type=text] {
-webkit-appearance: none;
background: none repeat scroll 0 0 #669dcd;
border: 1px solid #004a80;
font-size: 11px;
height: 17px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 160px;
float: left;
margin: 2px 0 0;
}
#legenda-search-bar .form-submit,
#search-api-page-search-form .form-submit {
-webkit-appearance: none;
margin: 2px 0 0 4px;
background: url("../images/legenda2012_hsprite.png") repeat-x scroll 0 -84px transparent;
border-color: #fff #727788 #3a3e49 #a7adbc;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
box-shadow: 2px 2px 4px 0 #111;
color: #fff;
cursor: pointer;
display: block;
float: left;
height: 20px;
padding: 0 9px;
font-family: myriadprobold, sans-serif;
font-size: 13px;
text-shadow: 0 1px 3px #282828;
text-transform: uppercase;
}
#search-api-page-search-form .form-text,
#search-block-form .form-item.form-type-textfield {
float: left;
}
#search-block-form .form-actions {
float: left;
}
/* FFOX fix */
.firefox #legenda-search-bar input[type=text] {
height: 16px;
line-height: 18px;
}
.firefox #legenda-search-bar {
float: right;
line-height: 20px;
margin-right: 18px;
}
/* ======================= */
/* ! Search results page */
/* ======================= */
.search-results {
}
.search-results li {
margin-bottom: 10px;
position: relative;
list-style: none
}
.search-results li a,
.search-results li a:visited {
display: block;
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 1px 1px 1px 0 #0c1224;
-moz-box-shadow: 1px 1px 1px 0 #0c1224;
box-shadow: 1px 1px 1px 0 #0c1224;
height: 38px;
border: 1px solid #141e3d;
line-height: 38px;
background-color: #111933;
padding-left: 56px;
position: relative;
}
.search-results li b {
bottom: 0;
color: #293048;
display: block;
font-family: myriadprobold, sans-serif;
font-size: 30px;
left: 10px;
line-height: 38px;
position: absolute;
text-align: right;
width: 38px;
z-index: 10;
}
.search-results li a .name,
.search-results li a:visited .name {
text-transform: uppercase;
font-family: myriadprobold, sans-serif;
color: #69a3d3;
font-size: 16px;
}
.search-results li a:hover .name {
color: #fff;
}
.search-results li a .jumpto {
float: right;
margin-right: 20px;
padding-right: 17px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll 100% 9px;
}
h2.result-h2 {
font-size: 16px;
color: #fff;
margin: 20px 0 10px 0;
}
/* result 1 */
.search-results li.search-result-1 a,
.search-results li.search-result-1 a:visited {
-webkit-box-shadow: 2px 2px 5px 1px #0c1224;
-moz-box-shadow: 2px 2px 5px 1px #0c1224;
box-shadow: 2px 2px 5px 1px #0c1224;
height: 58px;
border: 1px solid #203061;
line-height: 58px;
background-color: #182447;
padding-left: 56px;
position: relative;
}
.search-results li.search-result-1 a .name {
font-size: 24px;
color: #fff
}
.search-results li.search-result-1 b {
font-size: 50px;
top: 12px;
left: 18px;
color: #303a5a;
}
.search-results li.search-result-1 a .jumpto {
background-position: 100% 19px;
}
/* result 2 */
.search-results li.search-result-2 a,
.search-results li.search-result-2 a:visited {
-webkit-box-shadow: 1px 1px 1px 0 #0c1224;
-moz-box-shadow: 1px 1px 1px 0 #0c1224;
box-shadow: 1px 1px 1px 0 #0c1224;
height: 48px;
border: 1px solid #182447;
line-height: 48px;
background-color: #131d3b;
padding-left: 56px;
position: relative;
}
.search-results li.search-result-2 a .name {
font-size: 20px;
color: #fff
}
.search-results li a:hover,
.search-results li.search-result-1 a:hover,
.search-results li.search-result-2 a:hover {
color: #fff;
background-color: #203061;
border-color: #314a94;
-webkit-box-shadow: 2px 2px 4px 1px #090e1c;
-moz-box-shadow: 2px 2px 4px 1px #090e1c;
box-shadow: 2px 2px 4px 1px #090e1c;
}
.search-results li.search-result-2 b {
font-size: 35px;
top: 6px;
left: 11px;
color: #2b344f;
}
.search-results li.search-result-2 a .jumpto {
background-position: 100% 14px;
}
h2.no-result {
margin: 40px;
color: #203061;
font-size: 36px;
}
/* ==================== */
/* ! Legenda contents */
/* ==================== */
#legenda-content-wrapper {
padding: 0 25px 25px 25px;
color: #fff;
font-family: myriadproregular, sans-serif;
font-size: 14px;
position: relative;
min-height: 150px
}
.page-contact #legenda-content-wrapper {
background: url('../images/aloldal-legenda-contact.png') no-repeat scroll 100% 130px;
}
#legenda-content-wrapper h1.node-title {
color: #fff;
font-size: 36px;
margin-bottom: 10px;
}
.path-duna-bella #legenda-content-wrapper h1.node-title {
margin-top: 72px;
line-height: 38px;
}
.path-duna-bella #legenda-content-wrapper h1.node-title .color {
font-family: myriadprobold, sans-serif;
color: #669dcd;
}
/**
* Process payment
*/
#process {
float: left
}
#process ul {
height: 20px;
border-left: 1px solid #69a3d3;
margin-bottom: 15px
}
#process li {
list-style: none;
margin: 0 4px 0 0;
float: left;
border-top: 1px solid #69a3d3;
border-bottom: 1px solid #69a3d3;
line-height: 18px;
height: 17px;
text-align: center;
position: relative;
padding: 1px 10px 0 15px
}
#process li.selected {
border-top: 1px solid #69a3d3;
border-bottom: 1px solid #69a3d3;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -412px -46px;
}
#process li span {
font-family: myriadproregular, sans-serif;
color: #69a3d3;
font-size: 14px;
text-transform: uppercase;
text-align: center
}
#process li.selected span {
color: #1d263a
}
#process li b {
position: absolute;
top: 0;
right: -9px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -412px -20px;
width: 9px;
height: 18px;
}
#process li.selected b {
background: url('../images/legenda2012_sprite.png') no-repeat scroll -588px -46px;
}
/**
* Countdown ticket purchase
*/
#purchase-countdown .timer,
#purchase-countdown .timer .inner,
#purchase-countdown .timer-icon {
background: url('../images/session-timer-bg.gif') no-repeat scroll 0 0;
}
#purchase-countdown.highlighted .timer,
#purchase-countdown.highlighted .timer .inner,
#purchase-countdown.highlighted .timer-icon {
background: url('../images/session-timer-red-bg.gif') no-repeat scroll 0 0;
}
#purchase-countdown {
position: absolute;
top: 22px;
left: 0;
height: 22px;
font-size: 12px;
color: #69a3d3;
cursor: pointer;
width: 100%;
}
#purchase-countdown .timer,
#purchase-countdown.highlighted .timer {
width: 439px;
height: 22px;
background-position: 0 -154px;
color: #69a3d3;
font-size: 12px;
line-height: 22px;
font-family: myriadproregular, sans-serif;
float: left;
}
#purchase-countdown.highlighted .timer {
color: #e30412;
}
#purchase-countdown .timer span,
#purchase-countdown.highlighted .timer span {
color: #fff;
font-family: myriadprobold, sans-serif;
}
#purchase-countdown.active-left .timer-right,
#purchase-countdown.highlighted.active-left .timer-right {
background-position: 100% -154px;
}
#purchase-countdown.active-left .timer-left,
#purchase-countdown.highlighted.active-left .timer-left {
background-position: 0 -110px;
}
#purchase-countdown.active-left .timer-left .inner,
#purchase-countdown.active-right .timer-right .inner,
#purchase-countdown.highlighted.active-left .timer-left .inner,
#purchase-countdown.highlighted.active-right .timer-right .inner {
background-position: 0 -22px;
}
#purchase-countdown.active-right .timer-right,
#purchase-countdown.highlighted.active-right .timer-right {
background-position: 100% -110px;
}
#purchase-countdown.active-right .timer-left,
#purchase-countdown.highlighted.active-right .timer-left {
background-position: 0 -154px;
}
#purchase-countdown.active-left .timer-icon,
#purchase-countdown.highlighted.active-left .timer-icon {
background-position: 0 -198px;
}
#purchase-countdown.active-right .timer-icon,
#purchase-countdown.highlighted.active-right .timer-icon {
background-position: -62px -198px;
}
/* hovered */
#purchase-countdown.active-left.hovered .timer-right,
#purchase-countdown.highlighted.active-left.hovered .timer-right {
background-position: 100% -132px;
}
#purchase-countdown.active-left.hovered .timer-left,
#purchase-countdown.highlighted.active-left.hovered .timer-left {
background-position: 0 -88px;
}
#purchase-countdown.active-left.hovered .timer-left .inner,
#purchase-countdown.active-right.hovered .timer-right .inner,
#purchase-countdown.highlighted.active-left.hovered .timer-left .inner,
#purchase-countdown.highlighted.active-right.hovered .timer-right .inner {
background-position: 0 0;
}
#purchase-countdown.active-right.hovered .timer-right,
#purchase-countdown.highlighted.active-right.hovered .timer-right {
background-position: 100% -88px;
}
#purchase-countdown.active-right.hovered .timer-left,
#purchase-countdown.highlighted.active-right.hovered .timer-left {
background-position: 0 -132px;
}
#purchase-countdown.active-right.hovered .timer-left .inner,
#purchase-countdown.active-left.hovered .timer-right .inner,
#purchase-countdown.highlighted.active-right.hovered .timer-left .inner,
#purchase-countdown.highlighted.active-left.hovered .timer-right .inner {
background-position: 0 -44px;
}
#purchase-countdown.active-left.hovered .timer-icon,
#purchase-countdown.highlighted.active-left.hovered .timer-icon {
background-position: 0 -176px;
}
#purchase-countdown.active-right.hovered .timer-icon,
#purchase-countdown.highlighted.active-right.hovered .timer-icon {
background-position: -62px -176px;
}
#purchase-countdown.active-right .timer-left,
#purchase-countdown.active-left .timer-right {
color: #334e66;
}
#purchase-countdown.active-right .timer-left span,
#purchase-countdown.active-left .timer-right span {
color: #666;
}
#purchase-countdown.highlighted.active-right .timer-left,
#purchase-countdown.highlighted.active-left .timer-right {
color: #82030b;
}
#purchase-countdown.highlighted.active-right .timer-left span,
#purchase-countdown.highlighted.active-left .timer-right span {
color: #82030b;
}
#purchase-countdown .timer .inner,
#purchase-countdown.highlighted .timer .inner {
height: 22px;
background-repeat: repeat-x;
width: 380px;
}
#purchase-countdown .timer-right .inner,
#purchase-countdown.highlighted .timer-right .inner {
background-position: 0 -66px;
padding-left: 55px;
}
#purchase-countdown .timer-left .inner,
#purchase-countdown.highlighted .timer-left .inner {
background-position: 0 -66px;
margin-left: 15px;
text-align: right;
padding-right: 47px;
}
#purchase-countdown .timer-icon,
#purchase-countdown.highlighted .timer-icon {
float: left;
width: 62px;
height: 22px;
}
#webshop-iframe-container iframe {
width: 100%;
overflow: hidden;
min-height: 850px; /* temp */
}
/* ============= */
/* ! Countdown */
/* ============= */
#countdown {
font-size: 24px;
}
#countdown .cntdwn b {
font-size: 32px;
color: #669dcd;
font-family: myriadproregular, sans-serif;
font-weight: normal
}
/* ============== */
/* ! Front page */
/* ============== */
#legenda-frontbox-wrapper {
position: relative;
clear: both;
}
#legenda-frontbox-wrapper .legenda-frontbox {
display: block;
width: 433px;
background-color: #0b101d;
-moz-box-shadow: 5px 6px 20px 0 #0a101f;
-webkit-box-shadow: 5px 6px 20px 0 #0a101f;
box-shadow: 0 0 20px 0 #0a101f;
margin-bottom: 25px;
float: left;
}
.legenda-frontbox {
height: 327px;
position: relative;
}
.legenda-frontbox a {
float: right;
margin: 27px 15px 0 0;
}
.legenda-frontbox > img {
display: block;
position: absolute;
left: -27px;
top: -5px;
}
.legenda-frontbox.right > img {
display: block;
position: absolute;
left: -52px;
top: -5px;
}
.legenda-frontbox.left p {
margin-top: 197px;
padding: 16px;
font-size: 14px;
font-family: myriadproregular, sans-serif;
line-height: 17px;
}
/* ============================== */
/* ! Sightseeing - Városnéző */
/* ============================== */
.legenda-cruisebox {
display: block;
width: 378px;
background-color: #0b101d;
-moz-box-shadow: 5px 6px 20px 0 #0a101f;
-webkit-box-shadow: 5px 6px 20px 0 #0a101f;
box-shadow: 0 0 20px 0 #0a101f;
margin-bottom: 25px;
float: left;
position: relative;
border: 1px solid transparent
}
.path-sightseeing-cruises .legenda-cruisebox {
width: 408px;
padding: 0 10px 0 20px;
}
.legenda-cruisebox.legend {
float: right;
}
.legenda-cruisebox.bella,
.legenda-cruisebox.legend {
height: 338px;
}
.legenda-cruisebox.bella h2 {
margin: 74px 0 0;
}
.legenda-cruisebox img {
display: block;
position: relative;
float: left;
}
.legenda-cruisebox.bella img {
margin: 8px 9px 20px 0;
}
.legenda-cruisebox.legend img {
margin: 6px 11px 3px 0;
}
.legenda-cruisebox h2 {
font-size: 34px;
color: #fff;
line-height: 30px;
margin: 46px 0 0;
text-transform: uppercase
}
.legenda-cruisebox h2 strong {
font-size: 20px;
color: #69a3d3;
line-height: 24px;
font-weight: normal;
font-family: myriadproregular, sans-serif;
display: block;
}
.legenda-cruisebox h2 strong .color {
color: #fff;
font-family: myriadprobold, sans-serif;
letter-spacing: 0.1em;
}
.legenda-cruisebox p {
padding: 0;
margin: 0 3px 0 0;
font-size: 14px;
line-height: 17px;
}
.legenda-cruisebox a.light-button {
position: absolute;
bottom: 20px;
right: 50px;
margin: 0;
}
/* ====================== */
/* ! Dinner cruises */
/* ====================== */
.color-lunch {
color: #e30613;
}
.color-coffee {
color: #de9805;
}
.color-dinner {
color: #c06f88;
}
.color-lightblue {
color: #69a3d3
}
.restaurant .legenda-cruisebox {
width: 288px;
margin-right: 10px;
border: 1px solid transparent;
position: relative;
height: 364px;
}
.restaurant .legenda-cruisebox.dinner {
margin-right: 0;
}
.restaurant .legenda-cruisebox h2 {
font-size: 23px;
line-height: 23px;
text-transform: uppercase;
}
.restaurant .legenda-cruisebox h2 .sub {
font-size: 19px;
color: #69a3d3;
line-height: 20px;
}
.restaurant .legenda-cruisebox h2 .sub .small {
font-size: 12px;
color: #fff;
}
.restaurant .legenda-cruisebox.lunch h2 {
}
.restaurant .legenda-cruisebox.lunch h2 {
margin: 32px 0 0 20px;
}
.restaurant .legenda-cruisebox.coffee h2 {
margin: 16px 0 0 20px;
}
.restaurant .legenda-cruisebox.dinner h2 {
margin: 16px 0 0 20px;
}
.restaurant .legenda-cruisebox.lunch img {
margin: 0 0 0 100px;
}
.restaurant .legenda-cruisebox.coffee img {
margin: -17px 0 0 107px;
}
.restaurant .legenda-cruisebox.dinner img {
margin: -4px 0 0 105px;
}
.time-circle {
display: block;
position: absolute;
width: 63px;
height: 47px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -295px -75px;
line-height: 13px;
padding: 23px 0 0 19px
}
.i18n-hu .time-circle {
padding: 23px 0 0 18px
}
.time-circle b {
font-weight: normal;
font-family: myriadprobold, sans-serif;
}
.restaurant .legenda-cruisebox.lunch .time-circle {
bottom: 134px;
right: 191px;
}
.restaurant .legenda-cruisebox.coffee .time-circle {
bottom: 130px;
left: 16px;
}
.restaurant .legenda-cruisebox.dinner .time-circle {
bottom: 142px;
left: 16px;
}
.restaurant .legenda-cruisebox .light-button {
position: absolute;
left: 25px;
bottom: 26px;
right: auto;
}
/* ================= */
/* ! LUNCH CONTENT */
/* ================= */
.lunch-content {
width: 410px;
float: left;
}
.path-danube-legend .lunch-content {
width: 352px;
}
.path-duna-bella .lunch-content {
width: 349px;
}
.path-coffee-and-cake-cruise .lunch-content {
width: 466px;
}
.path-candlelit-dinner-cruise .lunch-content {
width: 420px;
}
.path-duna-bella .lunch-content-wrapper {
width: 680px;
}
.lunch-content-wrapper img.theme {
margin-right: 25px;
margin-top: -14px;
width: 235px;
}
.path-duna-bella .lunch-content-wrapper img.theme {
margin-right: 20px;
margin-top: 0;
float: left;
}
.lunch-content p.bevezeto {
font-family: myriadprobold, sans-serif;
font-size: 14px;
line-height: 19px;
margin-bottom: 20px;
}
.lunch-content .package {
float: left;
width: 175px;
padding: 4px 20px 4px 0;
}
.lunch-content .dinner,
.lunch-content .dinner-package {
width: 182px;
}
.lunch-content .legend {
width: 370px;
}
.lunch-content .bella,
.lunch-content .bella-plus {
padding: 4px 0 4px 0;
width: 322px;
}
.lunch-content .bella-plus {
border-left: 1px solid #263752;
padding: 4px 0 4px 20px;
}
.lunch-content .dinner-package {
padding: 4px 0 4px 20px;
}
.path-coffee-and-cake-cruise .lunch-content .package {
width: 204px
}
.lunch-content .coffee2 {
border-left: 1px solid #263752;
padding: 4px 0 4px 20px;
}
.lunch-content .coffee-package {
width: auto;
}
.lunch-content .package h2 {
text-transform: uppercase;
}
.lunch-content .package .main {
font-size: 27px;
line-height: 27px;
}
.lunch-content .package .sub {
font-size: 21px;
line-height: 21px;
color: #69a3d3
}
.lunch-content .package .desc {
font-size: 14px;
line-height: 16px;
color: #fff;
margin-top: 10px;
}
.path-duna-bella .package .sub .color {
color: #fff;
}
.lunch-content .package.dinner .desc {
}
.lunch-content .package .desc ul {
margin-left: 14px;
}
.lunch-content .package .desc li {
font-size: 10px;
line-height: 15px;
margin: 0 0 4px;
}
.lunch-content .package .desc li span {
font-size: 14px;
}
.lunch-content .a-la-carte .desc,
.lunch-content .coffee-package .desc {
/*margin-top: 16px */
}
.i18n-hu .lunch-content .a-la-carte .desc {
margin-top: 12px
}
/* lunch-package */
.lunch-content .lunch-package {
border-left: 1px solid #fff;
float: left;
width: 177px;
padding: 4px 0 4px 20px;
}
/* Bella Plusz */
.bellaplus {
color: #69a3d3;
font-size: 19px;
font-weight: bold;
font-style: normal;
line-height: 30px;
}
.bellaplus span {
}
.bellaplus i {
padding: 0 8px;
font-size: 20px;
color: #fff;
font-weight: normal !important;
}
.bellaplus i.pleft {
padding-left: 15px;
font-style: normal
}
.bellaplus i.pright {
font-style: normal
}
.bfree, .bplus {
color: #fff;
font-family: myriadprobold, sans-serif;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
}
.bplus {
font-weight: normal;
font-size: 22px;
font-family: myriadproregular, sans-serif;
}
/* lunch jobb sáv */
.cruise-aside {
float: right;
width: 196px;
margin-top: 0;
background-color: #0b101d;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #37556e;
position: relative;
margin-bottom: 47px;
padding-bottom: 32px;
}
.path-duna-bella .cruise-aside {
margin-top: 70px;
}
.i18n-en .cruise-aside.lunch-cruise {
padding-bottom: 52px;
}
.cruise-aside.dinner-cruise {
padding-bottom: 210px;
}
.i18n-hu .cruise-aside.dinner-cruise {
padding-bottom: 204px;
}
.cruise-aside .aside-elem {
margin: 0 0;
padding: 18px 0;
border-top: 1px solid #162233;
border-bottom: 1px solid #000;
}
.cruise-aside.bella .aside-elem,
.cruise-aside.legend .aside-elem {
padding: 12px 0;
}
.cruise-aside .aside-elem.first {
border-top: none;
}
.cruise-aside .aside-elem.last {
border-bottom: none;
padding-bottom: 0
}
.cruise-aside .btn-colorlines {
display: block;
width: 112px;
height: 54px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -156px -157px;
line-height: 54px;
font-size: 18px;
font-family: myriadprobold, sans-serif;
color: #69a3d3;
text-transform: uppercase;
margin-left: 18px;
padding-left: 48px;
}
.cruise-aside .btn-colorlines span {
}
.cruise-aside .btn-colorlines:hover span {
color: #0f172e;
}
.cruise-aside .btn-colorlines.prices {
background-position: -156px -157px;
}
.cruise-aside .btn-colorlines.prices:hover {
background-position: -156px -217px;
}
.cruise-aside .btn-colorlines.timetable {
background-position: -321px -157px;
}
.cruise-aside .btn-colorlines.timetable:hover {
background-position: -321px -217px;
}
.cruise-aside .btn-colorlines.gallery {
background-position: -156px -276px;
}
.cruise-aside .btn-colorlines.gallery:hover {
background-position: -156px -336px;
}
.cruise-aside .btn-colorlines.languages {
line-height: 14px;
padding-top: 13px;
height: 41px;
background-position: -321px -276px;
}
.i18n-hu .cruise-aside .btn-colorlines.languages {
padding-top: 19px;
}
.cruise-aside .btn-colorlines.languages:hover {
background-position: -321px -336px;
}
.cruise-aside .btn-menucarte {
display: block;
width: 140px;
height: 28px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll 100% -26px;
line-height: 28px;
font-size: 18px;
font-family: myriadprobold, sans-serif;
color: #69a3d3;
margin-left: 20px;
padding-right: 20px;
}
.cruise-aside .btn-menucarte:hover {
color: #fff;
}
.cruise-aside .check-menu {
position: relative;
margin-left: 18px;
padding-left: 35px;
font-size: 14px;
line-height: 12px;
}
.cruise-aside .check-menu b {
position: absolute;
display: block;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -390px -76px;
width: 27px;
height: 53px;
top: 0;
left: 0;
}
.cruise-aside .check-menu a,
.cruise-aside .check-menu a:visited {
font-family: myriadprobold, sans-serif;
font-size: 17px;
line-height: 18px;
color: #69a3d3;
text-transform: uppercase;
}
.cruise-aside .check-menu a:hover {
color: #fff;
}
.cruise-aside .check-menu ul li {
margin: 4px 0;
}
.cruise-aside .check-menu ul {
margin: 7px 0 0 18px
}
.cruise-aside .check-menu ul {
color: #69a3d3;
}
.cruise-aside .aside-elem p.notes {
color: #69a3d3;
font-size: 11px;
margin: 10px 18px 0;
line-height: 13px
}
/* 30 languages pop up */
.cruise-aside .aside-elem.languages {
position: relative;
}
#thirty-langs {
display: none;
position: absolute;
top: -285px;
left: -272px;
width: 250px;
background-color: #111b36;
-webkit-box-shadow: 2px 2px 20px 20px #060d1f;
-moz-box-shadow: 2px 2px 20px 20px #060d1f;
box-shadow: 2px 2px 20px 20px #060d1f;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #36556e;
padding: 9px 11px 5px 11px;
z-index: 101;
}
#thirty-langs p {
font-size: 12px;
line-height: 16px;
text-align: center;
}
#thirty-langs .ful {
display: block;
width: 7px;
height: 11px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -412px 0;
position: absolute;
bottom: 9px;
right: -7px
}
#thirty-langs .close {
display: block;
height: 19px;
}
#thirty-langs .close a {
float: right;
margin: 5px 10px;
font-family: myriadprobold, sans-serif;
text-transform: uppercase;
font-size: 12px
}
#thirty-langs li {
float: left;
margin: 4px 12px;
padding: 0;
list-style-type: none;
}
#thirty-langs li.new-line {
clear: both
}
#thirty-langs li .flag {
display: block;
width: 26px;
height: 13px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll;
}
#thirty-langs li .country {
font-size: 10px;
color: #669dcd;
text-align: center;
}
#thirty-langs li a .country,
#thirty-langs li a:visited .country {
color: #fff;
text-align: center;
display: block;
font-size: 11px;
font-family: myriadprobold, sans-serif;
}
#legenda-overlay {
position: fixed;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #0b101d;
opacity: 0.7;
display: none;
z-index: 100;
}
/* ==============================
* 25eves logo
============================= */
#logo-25eves {
display: block;
position: absolute;
width: 119px;
height: 119px;
right: 7px;
top: 106px;
background: url('../images/annual-logo_2x.png') -119px 0;
background-size: 238px 459px;
z-index: 90;
}
.not-front #logo-25eves {
width: 96px;
height: 96px;
background-position: -96px -250px;
right: 17px;
}
.i18n-hu #logo-25eves {
background-position-x: 0;
}
.i18n-hu.not-front #logo-25eves {
background-position: 0 -250px
}
/* ==============================
* wizzair 2015
============================= */
.page-wizzair-2015 {
}
.page-wizzair-2015 .node-title {
width: 670px;
}
.page-wizzair-2015 .node-title img {
margin-bottom: -5px;
}
#page-wizzair {
background: url('../images/wizz_boarding_pass.png') no-repeat scroll 350px 90px;
}
.wizzair-pass {
min-height: 420px;
box-sizing: border-box;
padding-top: 25px;
margin-top: 35px;
width: 450px;
}
.mobile .wizzair-pass {
/*background: none;*/
}
.wizzair-pass p {
font-size: 18px;
line-height: 27px;
margin-bottom: 20px;
}
.wizzair-pass .wizzair-discount {
color: #69a3d3;
font-family: myriadprobold, sans-serif;
font-size: 54px;
margin-bottom: 13px;
}
.wizzair-pass .hr {
width: 430px;
height: 1px;
font-size: 1px;
line-height: 1px;
background-color: #fff;
margin: 20px 0;
}
.wizzair-pass a {
color: #69a3d3;
font-family: myriadprobold, sans-serif;
}
/* book NOW! button multilangs */
.book-online-multilangs,
.book-online-multilangs:visited {
display: block;
width: 121px;
height: 57px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -487px -157px;
position: absolute;
bottom: -40px;
left: 37px;
-webkit-box-shadow: 3px 3px 11px 1px #0b101d;
-moz-box-shadow: 3px 3px 11px 1px #0b101d;
box-shadow: 3px 3px 11px 1px #0b101d;
}
.book-online-multilangs.book-top,
.book-online-multilangs.book-top:visited {
display: block;
width: 105px;
height: 50px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -487px -283px;
position: absolute;
top: 47px;
left: 818px;
-webkit-box-shadow: 3px 3px 11px 1px #0b101d;
-moz-box-shadow: 3px 3px 11px 1px #0b101d;
box-shadow: 3px 3px 11px 1px #0b101d;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 10;
}
.book-online-multilangs span {
display: block;
text-align: center;
}
.book-online-multilangs .line1 {
font-size: 12px;
line-height: 14px;
margin-top: 5px;
text-align: center;
color: #fff
}
.book-online-multilangs.book-top .line1 {
font-size: 10px;
line-height: 12px;
margin-top: 3px;
}
.book-online-multilangs .main {
color: #69a3d3;
font-family: myriadprobold, sans-serif;
font-size: 23px;
line-height: 21px;
}
.book-online-multilangs.book-top .main {
font-family: myriadprobold, sans-serif;
font-size: 21px;
line-height: 19px;
}
.book-online-multilangs .line2 {
font-size: 12px;
line-height: 9px;
color: #fff
}
.book-online-multilangs.book-top .line2 {
font-family: myriadprobold, sans-serif;
font-size: 13px;
line-height: 11px;
}
.book-online-multilangs:hover .line1 {
color: #0f172e;
}
.book-online-multilangs:hover .main {
color: #fff;
}
.book-online-multilangs:hover .line2 {
color: #0f172e;
}
.book-online-multilangs:hover {
background-position: -487px -220px;
}
.book-online-multilangs.book-top:hover {
background-position: -487px -340px;
}
.book-online-multilangs .pontozott-vonal {
bottom: 18px;
display: block;
height: 8px;
left: -468px;
position: absolute;
width: 459px;
background: url('../images/pontozott_vonal_animacio.gif') no-repeat scroll 0 0;
}
.path-duna-bella .book-online-multilangs .pontozott-vonal {
display: none;
visibility: hidden;
}
/* animated version */
.book-online-multilangs.book-top.animated {
animation-name: bounce_card;
animation-delay: 2s;
-webkit-animation-duration: 7s;
animation-duration: 7s;
}
.book-online-multilangs.book-top.animated .sub,
.book-online-multilangs.book-top.animated .main {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.book-online-multilangs.book-top.animated .line1 {
}
.book-online-multilangs.book-top.animated .main {
}
.book-online-multilangs.book-top.animated .line2 {
animation-name: tada_book;
animation-delay: 3.5s;
-webkit-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes bounce_card {
0% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
2.85714% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
7.57143% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
5.71429% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
6.14286% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
10% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
11.42857% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
12.85714% {
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
14.28571% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounce_card {
0% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
2.85714% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
7.57143% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
5.71429% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
6.14286% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
10% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
11.42857% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
12.85714% {
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
14.28571% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes tada_book {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
1.42857% {
-webkit-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
}
2.85714% {
-webkit-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
}
4.28571% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
5.71429% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
}
7.14286% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
8.57143% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
}
10% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
11.42857% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
}
12.85714% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
14.28571% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada_book {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
1.42857% {
-webkit-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
}
2.85714% {
-webkit-transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.8, .8, .8) rotate3d(0, 0, 1, -3deg);
}
4.28571% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
5.71429% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
}
7.14286% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
8.57143% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
}
10% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
11.42857% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
}
12.85714% {
-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
}
14.28571% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/* ============= */
/* ! Pricetags */
/* ============= */
.photo-and-price {
float: left;
}
.path-duna-bella .photo-and-price {
margin-bottom: 30px;
width: 330px;
}
.pricetag {
margin-left: -10px;
padding-top: 20px;
clear: left;
}
.bella .pricetag {
/*padding-top: 277px;*/
}
.pricetag .price {
float: left;
width: 112px;
height: 171px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -157px -407px;
}
.path-lunch-cruise .pricetag,
.path-coffee-and-cake-cruise .pricetag,
.path-candlelit-dinner-cruise .pricetag {
margin-left: 20px;
}
.path-duna-bella .photo-and-price img {
/*width: 200 px;*/
}
.path-lunch-cruise .pricetag .price {
background-position: -268px -407px;
margin-bottom: -33px;
}
.path-coffee-and-cake-cruise .pricetag .price {
background-position: -492px -407px;
margin-bottom: -33px;
float: right;
margin-right: 87px;
}
.path-candlelit-dinner-cruise .pricetag .price {
background-position: -380px -407px;
margin-bottom: -33px;
}
.pricetag .price-details {
float: left;
font-size: 13px;
margin-left: -15px;
padding-top: 60px;
width: 165px;
}
.pricetag .price-details p.note {
font-size: 10px;
margin-left: -72px;
margin-top: 15px;
line-height: 12px;
text-indent: -7px
}
.bella-plus .pricetag .price-details p.note {
margin-top: 30px;
text-indent: 0;
}
.pricetag .price .amount {
text-align: center;
font-size: 18px;
line-height: 18px;
margin: 70px 0 0 0
}
.pricetag .price .currency {
text-align: center;
font-size: 12px;
}
.pricetag .price-details li {
font-weight: normal;
margin: 3px 0;
font-size: 14px;
list-style: none;
line-height: 16px;
}
.pricetag .price-details .title {
color: #69a3d3;
}
.pricetag .price-details .amount,
.pricetag .price-details .currency {
}
/* ============= */
/* ! Timetable */
/* ============= */
table.time-table {
background: #272a53;
width: 100%;
border-collapse: collapse;
}
table.time-table,
table.time-table th,
table.time-table td {
border: 1px solid #fff;
margin: 0 0 10px 0;
}
.path-prices table.time-table {
margin-bottom: 25px;
}
table.time-table th,
table.time-table td {
vertical-align: middle;
text-align: center;
padding: 8px 3px 5px 4px;
margin: 0;
font-size: 14px;
color: #fff;
background: transparent;
}
table.time-table td span {
padding: 0 9px;
}
table.time-table .honap {
background-color: #69a3d3;
font-size: 19px;
text-align: left;
padding-left: 7px;
}
table.time-table .honap,
table.time-table th.sightseeing,
table.time-table .subhead .bella,
table.time-table .subhead .legenda {
background-color: #69a3d3;
}
table.time-table .subhead span {
padding: 0;
}
table.time-table .subhead .bella,
table.time-table .subhead .legenda {
font-family: myriadprobold, sans-serif;
font-size: 15px;
text-align: center;
}
table.time-table .dinner {
width: 190px;
}
table.time-table .odd {
}
table.time-table .even {
}
table.time-table .dinner {
line-height: 16px;
}
table.time-table .odd .bella,
table.time-table .even .bella {
padding-left: 14px;
line-height: 1.6em;
}
table.time-table .odd .legenda,
table.time-table .even .legenda {
padding-left: 14px;
}
table.time-table .odd .dinner {
background-color: #c06f88; /*72b62b*/
color: #fff;
}
table.time-table .even .dinner {
background-color: #eedbea; /*E6F5D6*/
color: #c06f88;
}
table.time-table .subhead .dinner {
background-color: #272a53; /*E6F5D6*/
color: #fff;
}
table.time-table .subhead {
}
table.time-table .subhead .coffee {
width: 82px;
}
table.time-table .bella {
}
table.time-table .even .bella,
table.time-table .even .legenda {
background-color: #dcdeef;
color: #272a53;
}
table.time-table .bella,
table.time-table .legenda {
font-size: 13px;
text-align: left;
}
table.time-table .legenda {
/*width: 168px;*/
}
table.time-table th.timetable {
/*width: 100px;*/
padding: 5px 7px;
font-size: 18px !important;
}
table.time-table th.date-range {
font-size: 30px;
}
table.time-table th.sightseeing {
width: 100px;
color: #272a53;
}
table.time-table th.restaurant {
width: 100px;
}
table.time-table th.timetable,
table.time-table th.sightseeing,
table.time-table th.restaurant,
table.time-table .subhead td {
text-transform: uppercase;
}
table.time-table .subhead td {
font-size: 15px;
font-family: myriadprobold, sans-serif;
line-height: 17px;
}
table.time-table th.timetable,
table.time-table th.sightseeing,
table.time-table th.restaurant {
font-size: 22px;
font-family: myriadprobold, sans-serif;
height: 55px;
}
table.time-table th.restaurant {
background-color: #c06f88;
color: #fff
}
#legenda-content-wrapper p.timetable-notes {
font-size: 11px;
color: #fff;
line-height: 14px;
}
.i18n-hu table.pricing-table .subhead .dinner,
.i18n-ja table.pricing-table .subhead .dinner {
height: 56px;
line-height: 19px;
}
.i18n-hu table.pricing-table.restaurant td,
.i18n-ja table.pricing-table.restaurant td {
height: 51px;
}
/* ============== */
/* ! Price page */
/* ============== */
.pricing-table {
background-color: #272a53;
border-collapse: collapse;
border: 1px solid #fff;
width: 432px;
margin-bottom: 5px;
float: left;
}
.pricing-table.restaurant {
width: 432px;
}
.pricing-table.sightseeing .person {
text-align: left;
}
.pricing-table.sightseeing .subprice {
padding-left: 25px;
}
.pricing-table.sightseeing .subprice i {
font-style: normal;
font-family: Arial, sans-serif;
padding-left: 3px;
padding-right: 3px;
margin-left: -23px;
}
.pricing-table.sightseeing {
width: 432px;
margin-right: 25px;
}
.pricing-table.restaurant {
width: 432px;
}
.path-prices .pricing-table.sightseeing .person {
width: 158px;
}
.path-prices .pricing-table.sightseeing {
width: 583px;
margin-right: 25px;
}
.path-prices .pricing-table.sightseeing {
width: 591px;
}
.path-prices .pricing-table.restaurant {
width: 282px;
}
.path-prices .pricing-table.restaurant {
width: 274px;
}
table.pricing-table td {
vertical-align: middle;
text-align: center;
padding: 0 7px;
margin: 0;
font-size: 12px;
color: #fff;
background: transparent;
border: 1px solid #fff;
}
table.pricing-table .lunch,
table.pricing-table .coffee,
table.pricing-table .dinner {
line-height: 12px;
}
table.pricing-table.restaurant .lunch {
background-color: #e30713;
color: #fff;
}
table.pricing-table.restaurant .coffee {
background-color: #de9805;
color: #fff;
}
table.pricing-table.restaurant .dinner {
background-color: #c06f88;
color: #fff;
line-height: 16px;
text-align: left;
}
table.pricing-table .subhead td {
font-size: 18px;
font-family: myriadprobold, sans-serif;
line-height: 17px;
font-weight: normal;
height: 33px;
text-align: center;
}
table.pricing-table.restaurant .lunch {
background-color: #e30713;
color: #fff;
}
table.pricing-table.restaurant .coffee {
background-color: #de9805;
color: #fff;
}
table.pricing-table .subhead td {
font-size: 18px;
font-family: myriadprobold, sans-serif;
line-height: 17px;
font-weight: normal;
height: 33px;
text-align: center;
}
table.pricing-table.restaurant .coffee {
background-color: #de9805;
color: #fff;
}
table.pricing-table .subhead .dinner {
background-color: #272a53;
color: #fff;
text-align: center;
}
table.pricing-table .subhead td {
font-size: 18px;
font-family: myriadprobold, sans-serif;
line-height: 17px;
font-weight: normal;
height: 33px;
text-align: center;
text-transform: uppercase
}
table.pricing-table.restaurant td {
height: 63px;
}
table.pricing-table .subhead td {
height: 33px;
}
table.pricing-table td {
height: 31px;
}
table.pricing-table.restaurant .odd td {
background-color: #dcdeef;
color: #c06f88;
}
table.pricing-table.restaurant .even td {
background-color: #c06f88;
color: #dcdeef;
}
table.pricing-table tbody tr:nth-child(even) td,
table.pricing-table .even td {
background-color: #dcdeef;
color: #272a53;
}
table.pricing-table tbody th {
background-color: #69a3d3;
color: #272a53;
}
table.pricing-table th {
font-weight: normal;
background-color: #69a3d3;
color: #272a53;
font-size: 22px;
font-family: myriadprobold, sans-serif;
height: 45px;
line-height: 20px;
text-align: center;
text-transform: uppercase
}
.path-prices table.pricing-table.restaurant th,
table.time-table th.restaurant {
background-color: #272a53;
color: #fff;
line-height: 1.1em;
}
.path-prices p.notes,
.path-prices p.notes {
font-weight: normal;
margin: 0;
width: 100%;
text-align: left;
font-size: 11px;
}
table.pricing-table.sightseeing .subhead {
background-color: #69a3d3;
}
/* =================== */
/* ! Gallery pages */
/* =================== */
h2.gallery-title {
padding-bottom: 17px;
border-bottom: 1px solid #2a4160;
margin-bottom: 18px;
font-family: myriadproregular, sans-serif;
font-size: 20px;
line-height: 20px;
width: 100%;
clear: both;
}
.images-container {
margin-bottom: 40px;
}
.images-container li {
width: 219px;
height: 174px;
position: relative;
list-style: none;
float: left;
margin-right: 4px;
}
.images-container li.last-in-row {
margin-right: 0;
}
.images-container li .photoframe,
.images-container li .videoframe {
width: 219px;
height: 174px;
position: absolute;
top: 0;
left: 0;
z-index: 200;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -156px -578px;
}
.images-container li .photoframe:hover,
.images-container li .videoframe:hover {
background-position: -380px -578px;
}
.images-container li figure {
width: 187px;
height: 140px;
position: absolute;
top: 16px;
left: 16px;
z-index: 180;
}
/* popup styles */
#cboxLoadedContent {
overflow: hidden !important;
}
.cbox-gallery-wrapper {
position: relative;
}
.colorbox-close-btn {
color: #69a3d3 !important;
font-family: myriadprobold, sans-serif;
font-size: 20px;
position: absolute;
right: 15px;
text-transform: uppercase;
top: -31px;
}
.cbox-gallery-wrapper .photo-container {
float: left;
width: 643px;
height: 478px;
margin-right: 17px;
}
.cbox-gallery-wrapper .photo-desc {
float: left;
width: 217px;
}
.cbox-gallery-wrapper .photo-desc p {
color: #69a3d3;
font-size: 12px;
line-height: 16px;
margin: 0;
text-align: justify
}
.cbox-gallery-wrapper .gallery-popup-title {
color: #fff;
font-size: 18px;
line-height: 20px;
font-family: myriadprobold, sans-serif;
margin-bottom: 1em;
}
.cbox-gallery-wrapper .photo-dim {
position: absolute;
bottom: 0;
right: 0;
width: 190px;
border-color: #050a19 #283045 #283045 #050a19;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
background-color: #081129;
padding: 15px 13px;
}
.cbox-gallery-wrapper .dim-title {
color: #69a3d3;
font-size: 14px;
margin-bottom: 1em;
}
.cbox-gallery-wrapper .dim-web-size,
.cbox-gallery-wrapper .dim-print-size {
color: #69a3d3;
font-size: 11px;
}
.cbox-gallery-wrapper .dim-web-size b {
display: block;
position: absolute;
width: 8px;
height: 7px;
top: 6px;
left: 0;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -390px -44px;
}
.cbox-gallery-wrapper .dim-web-size span,
.cbox-gallery-wrapper .dim-print-size span {
color: #fff;
font-size: 13px;
font-family: myriadprobold, sans-serif;
}
.cbox-gallery-wrapper .dim-web-size {
padding-left: 14px;
position: relative;
padding-bottom: 13px;
border-bottom: 1px solid #253d5c;
margin-bottom: 13px;
}
.dim-print-size .light-button {
line-height: 22px;
margin-top: 10px;
}
/* =================== */
/* ! Guestbook pages */
/* =================== */
.comment {
margin-bottom: 20px;
width: 100%;
position: relative;
}
.comment .container {
background-color: #446987;
-webkit-box-shadow: 4px 4px 5px 0 #080d1a;
-moz-box-shadow: 4px 4px 5px 0 #080d1a;
box-shadow: 4px 4px 5px 0 #080d1a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 67%;
padding: 14px 16px;
}
.comment.odd .container {
float: left
}
.comment.even .container {
float: right
}
.comment .pipe {
display: block;
width: 16px;
height: 16px;
position: absolute;
bottom: 10px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -390px 0;
}
.comment.odd .pipe {
left: -13px;
}
.comment.even .pipe {
right: -13px;
background-position: -390px -24px;
}
.comment .user-signature {
float: left;
}
.comment .user-signature .submitted-by {
color: #0f172e;
font-size: 11px;
text-transform: uppercase;
}
.comment .user-signature .comment-name {
color: #0f172e;
font-size: 20px;
line-height: 22px;
}
.comment .comment-date {
float: right;
font-size: 11px;
color: #0f172e;
}
.comment .comment-content {
margin: 6px 0 0 0;
}
.comment .comment-body p {
font-size: 13px;
line-height: 19px;
margin: 0;
}
.comment-form .form-item label {
color: #669dcd;
text-transform: uppercase;
}
.comment-form .form-text {
margin-left: 15px;
}
#comment-body-add-more-wrapper {
margin: 10px 0;
}
#edit-field-anti-spam-checkbox {
margin: 10px 0;
}
input.required.error,
textarea.required.error {
border: 2px solid red;
color: #111;
font-family: inherit;
font-size: 13px;
}
/* ============================ */
/* ! sightseeing cruises page */
/* ============================ */
#daytime-cruises-wrapper {
position: relative;
}
#legenda-content-wrapper .stamp {
display: block;
width: 94px;
height: 76px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -297px 0;
position: absolute;
}
#daytime-cruises-wrapper .stamp.hours1-2 {
background-position: -297px 0;
top: 66px;
right: -50px;
}
#daytime-cruises-wrapper .cruise-details {
width: 300px;
margin: 20px 40px 0 0;
position: relative;
}
#daytime-cruises-wrapper img.duna-bella-boat {
margin: 0 0 0 -62px;
}
#daytime-cruises-wrapper .cruise-details h2 {
font-family: myriadproregular, sans-serif;
color: #fff;
font-size: 28px;
text-transform: uppercase;
margin: 0
}
#daytime-cruises-wrapper .cruise-details h3 {
font-family: myriadprobold, sans-serif;
color: #69a3d3;
font-size: 18px;
text-transform: uppercase;
margin: 0 0 1px 0;
}
#daytime-cruises-wrapper .cruise-details ul {
margin: 0 0 0 15px;
}
#daytime-cruises-wrapper .cruise-details ul li {
margin: 7px 0;
}
#daytime-cruises-wrapper .cruise-details ul li p {
margin: 0;
font-size: 15px;
font-family: myriadproregular, sans-serif;
}
/* ===================== */
/* ! Jegyvasarlas page */
/* ===================== */
#legenda-webshop {
width: 100%;
min-height: 500px;
}
/* ======================== */
/* ! Budapest Sightseeing */
/* ======================== */
/**
* Google map canvas
*/
.map-canvas-wrapper {
border: 1px solid #fff;
padding: 3px;
margin: 20px 0;
}
#map_canvas {
width: 100%;
height: 580px;
}
#map_canvas .map-bubble {
}
#map_canvas .map-hoverbubble {
text-align: center;
line-height: 20px;
overflow: hidden;
}
#map_canvas .map-hoverbubble span {
color: #0f172e;
height: 20px;
overflow: hidden;
}
#map_canvas .map-bubble p.desc {
height: 124px;
overflow-y: scroll;
padding-right: 10px;
text-align: justify;
}
#map_canvas .map-bubble h3 {
font-family: myriadproregular, sans-serif;
font-size: 18px;
color: #fff;
}
#map_canvas .gallery-small-container {
width: 400px;
display: block;
}
#map_canvas .gallery-small-container ul {
margin: 0;
padding: 0;
height: 85px;
}
#map_canvas .gallery-small-container li {
float: left;
margin: 0 20px 0 0;
list-style-type: none;
}
#map_canvas .gallery-small-container li.item-4 {
margin-right: 0
}
#map_canvas .gallery-small-container li a {
display: block;
width: 85px;
position: relative;
height: 85px;
background-color: #999;
outline: none;
}
#map_canvas .gallery-small-container li a img {
position: absolute;
top: 1px;
left: 1px;
width: 83px;
}
#map_canvas .infowindow-frame {
background-color: #f00 !important;
border: 10px solid blue !important;
}
/* =================== */
/* ! Fleet page */
/* =================== */
.fleet-wrapper {
}
.fleet-wrapper .boat-container {
width: 213px;
margin-right: 10px;
margin-bottom: 15px;
float: left;
background-color: #131d3b;
border: 1px solid #17223d;
-webkit-box-shadow: 3px 3px 15px 0 #0a101f;
-moz-box-shadow: 3px 3px 15px 0 #0a101f;
box-shadow: 3px 3px 15px 0 #0a101f;
position: relative;
}
.fleet-wrapper .boat-container:last-of-type {
margin-right: 0;
}
.fleet-wrapper .boat-container .inner {
padding: 1px 1px 13px 1px;
background-color: #131d3b;
-webkit-box-shadow: inset 0 0 3px 1px #000;
-moz-box-shadow: inset 0 0 3px 1px #000;
box-shadow: inset 0 0 3px 1px #000;
}
.fleet-wrapper .boat-name {
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 28px;
font-family: myriadprobold, sans-serif;
color: #69a3d3;
-webkit-box-shadow: 0 3px 3px -3px #000;
-moz-box-shadow: 0 3px 3px -3px #000;
box-shadow: 0 6px 2px -3px #000;
background: rgb(24, 36, 71);
background: -moz-linear-gradient(top, rgb(24, 36, 71) 0%, rgb(15, 23, 46) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(24, 36, 71)), color-stop(100%, rgb(15, 23, 46)));
background: -webkit-linear-gradient(top, rgb(24, 36, 71) 0%, rgb(15, 23, 46) 100%);
background: -o-linear-gradient(top, rgb(24, 36, 71) 0%, rgb(15, 23, 46) 100%);
background: -ms-linear-gradient(top, rgb(24, 36, 71) 0%, rgb(15, 23, 46) 100%);
background: linear-gradient(to bottom, rgb(24, 36, 71) 0%, rgb(15, 23, 46) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#182447', endColorstr='#0f172e', GradientType=0);
}
.fleet-wrapper .boat-container .panorama {
position: relative;
}
.fleet-wrapper .boat-container .panorama .button {
position: absolute;
z-index: 10;
bottom: 6px;
left: 13px;
width: 124px;
height: 33px;
padding-left: 61px;
line-height: 35px;
color: #69a3d3;
font-size: 12px;
background-color: rgba(11, 16, 29, 0.8);
}
.fleet-wrapper .boat-container .panorama .button b {
display: block;
position: absolute;
z-index: 11;
left: 7px;
top: 8px;
width: 44px;
height: 18px;
background: url('../images/legenda2012_sprite.png') no-repeat scroll -423px -111px;
}
.fleet-wrapper .boat-img {
border: 1px solid #808080;
margin: 15px 0 0 12px;
padding: 1px;
width: 184px;
}
.fleet-wrapper .leiras {
margin: 15px 20px 15px 38px;
padding: 0;
}
.fleet-wrapper .leiras li {
list-style: square outside;
margin-bottom: 0.4em;
line-height: 16px;
}
.fleet-wrapper .photos-title {
margin-left: 13px;
}
.fleet-wrapper .photos {
margin: 0 10px 0 12px;
height: 54px;
}
.fleet-wrapper .photos li {
float: left;
margin-right: 1px;
list-style-type: none
}
.fleet-wrapper .photos li.last {
margin: 0
}
.fleet-wrapper .photos li img {
border: 1px solid #808080;
padding: 1px;
}
.fleet-wrapper .photos li a:hover img {
border: 1px solid #69a3d3;
}
/* =================== */
/* ! Directions page */
/* =================== */
#direction_map_wrapper {
border: 1px solid #fff;
padding: 3px;
margin-bottom: 20px;
}
#theme-legenda-getdirection-form {
margin-top: 10px
}
#direction_map {
width: 100%;
height: 580px;
}
.utvonal-adatok {
margin-bottom: 20px;
}
.utvonal-adatok input.form-text {
width: 200px;
}
.utvonal-adatok .form-type-textfield,
.utvonal-adatok .form-type-select,
.utvonal-adatok .form-type-markup {
float: left;
margin-right: 10px;
}
.utvonal-adatok #edit-to label {
float: left;
}
.utvonal-adatok .direction-to {
background: none repeat scroll 0 0 #669dcd;
border: 1px solid #004a80;
border-radius: 3px 3px 3px 3px;
color: #1d263a;
float: left;
font-size: 14px;
line-height: 17px;
margin-left: 4px;
padding: 3px 7px;
width: 230px;
}
.utvonal-adatok h2 {
font-size: 18px;
font-family: myriadprobold, sans-serif;
}
.utvonal-adatok label {
font-weight: normal;
font-style: normal;
}
.utvonal-adatok #edit-to {
color: #fff
}
#theme-legenda-getdirection-form .form-item-mode label {
float: left;
margin-right: 4px;
}
/*
VACSORA IKONOK
*/
.VacsoraTabla {
}
.VacsoraTabla table {
margin-left: -16px;
width: 440px;
margin-bottom: 0;
}
.VacsoraTabla th {
position: relative;
font-size: 12px;
color: #69a3d3;
letter-spacing: -1px;
text-align: center;
vertical-align: bottom;
line-height: 12px;
padding: 0;
}
.VacsoraTabla .vonal {
display: block;
position: absolute;
left: 0;
width: 1px;
height: 60px;
font-size: 1px;
line-height: 0;
background: rgba(136, 139, 151, 1);
}
.VacsoraTabla .vonal-0-50 {
bottom: 0;
left: 0;
height: 60px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4OGI5NyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODhiOTciIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(136, 139, 151, 0)), color-stop(100%, rgba(136, 139, 151, 0.5)));
background: -webkit-linear-gradient(top, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 0.5) 100%);
background: -o-linear-gradient(top, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 0.5) 100%);
background: -ms-linear-gradient(top, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 0.5) 100%);
background: linear-gradient(to bottom, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00888b97', endColorstr='#80888b97', GradientType=0);
}
.VacsoraTabla .vonal-50-100 {
bottom: 0;
left: 0;
height: 100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4OGI5NyIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg4OGI5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(136, 139, 151, 0.5) 0%, rgba(136, 139, 151, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(136, 139, 151, 0.5)), color-stop(100%, rgba(136, 139, 151, 1)));
background: -webkit-linear-gradient(top, rgba(136, 139, 151, 0.5) 0%, rgba(136, 139, 151, 1) 100%);
background: -o-linear-gradient(top, rgba(136, 139, 151, 0.5) 0%, rgba(136, 139, 151, 1) 100%);
background: -ms-linear-gradient(top, rgba(136, 139, 151, 0.5) 0%, rgba(136, 139, 151, 1) 100%);
background: linear-gradient(to bottom, rgba(136, 139, 151, 0.5) 0%, rgba(136, 139, 151, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80888b97', endColorstr='#888b97', GradientType=0);
}
.i18n-de .VacsoraTabla .vonal-50-100 {
height: 67px;
}
.VacsoraTabla .vonal-100-0 {
top: 0;
left: 0;
height: 71px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4OGI5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODhiOTciIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(136, 139, 151, 1)), color-stop(100%, rgba(136, 139, 151, 0)));
background: -webkit-linear-gradient(top, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
background: -o-linear-gradient(top, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
background: -ms-linear-gradient(top, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
background: linear-gradient(to bottom, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888b97', endColorstr='#00888b97', GradientType=0);
}
.VacsoraTabla .vonal.vonal-h-bal {
}
.VacsoraTabla .vonal-h-bal {
top: -1px;
right: 0;
width: 100%;
height: 1px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4OGI5NyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODhiOTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(136, 139, 151, 0)), color-stop(100%, rgba(136, 139, 151, 1)));
background: -webkit-linear-gradient(left, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 1) 100%);
background: -o-linear-gradient(left, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 1) 100%);
background: -ms-linear-gradient(left, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 1) 100%);
background: linear-gradient(to right, rgba(136, 139, 151, 0) 0%, rgba(136, 139, 151, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00888b97', endColorstr='#888b97', GradientType=1);
}
.VacsoraTabla .vonal-h-jobb {
top: -1px;
left: 0;
width: 100%;
height: 1px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4OGI5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODhiOTciIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(136, 139, 151, 1)), color-stop(100%, rgba(136, 139, 151, 0)));
background: -webkit-linear-gradient(left, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
background: -o-linear-gradient(left, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
background: -ms-linear-gradient(left, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
background: linear-gradient(to right, rgba(136, 139, 151, 1) 0%, rgba(136, 139, 151, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888b97', endColorstr='#00888b97', GradientType=1);
}
.VacsoraTabla th span {
display: inline-block;
margin: 0 0;
font-weight: 400;
}
.VacsoraTabla th:nth-of-type(2) span {
margin: 0 -16px;
}
.i18n-es .VacsoraTabla th:nth-of-type(2) span {
margin: 0 -26px;
}
.VacsoraTabla th:nth-of-type(3) span {
margin: 0 -10px;
}
.VacsoraTabla th:nth-of-type(4) span {
margin: 0 -4px;
}
.VacsoraTabla th:nth-of-type(5) span {
margin: 0 -7px;
}
.VacsoraTabla th:nth-of-type(6) span {
/* drinks */
margin: 0 8px;
}
.VacsoraTabla .ikon {
display: block;
margin: 0 auto;
background: url('../images/vacsora_ikonok.png') no-repeat scroll 0 0;
background-size: 100px 204px;
}
.VacsoraTabla th .ikon {
width: 40px;
height: 40px;
margin-top: 6px;
}
.VacsoraTabla .ikon-ital {
background-position: 0 -40px;
}
.VacsoraTabla .ikon-zene {
background-position: 0 -80px;
}
.VacsoraTabla .ikon-vacsora {
background-position: 0 -120px;
}
.VacsoraTabla .ikon-italok {
background-position: 0 -160px;
}
.VacsoraTabla td .ikon {
width: 21px;
height: 22px;
}
.VacsoraTabla td .ikon-pipa {
background-position: -50px 0;
margin: 3px auto;
}
.VacsoraTabla td .ikon-penz {
width: 40px;
height: 30px;
background-position: -50px -25px;
margin: 3px auto;
}
.VacsoraTabla td {
position: relative;
font-size: 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
padding: 4px 1px;
}
.i18n-hu .VacsoraTabla td {
/*text-transform: lowercase;*/
font-size: 8px;
}
.VacsoraTabla td.nev {
font-size: 17px;
font-family: myriadprobold, sans-serif;
text-transform: uppercase;
line-height: 17px;
text-align: left;
padding: 10px 3px 6px 0;
width: 88px;
}
.VacsoraTabla td.nev a {
color: #fff;
}
.VacsoraTabla td.nev a:hover {
color: #69a3d3;
}
.VacsoraTabla .exclusive td {
border-bottom: 1px solid transparent;
}
.VacsoraTabla .exclusive td:not(.nev) {
border-bottom: 1px solid rgba(136, 139, 151, 1);
}
.VacsoraTabla .exclusive td:nth-last-of-type(1) {
border-bottom: 1px solid transparent;
}
.VacsoraTabla .exclusive td:nth-of-type(5),
.VacsoraTabla .kids td:nth-of-type(5) {
font-size: 9px;
letter-spacing: 0;
text-transform: none;
line-height: 9px;
}
.VacsoraTabla .exclusive td:nth-of-type(5) span,
.VacsoraTabla .kids td:nth-of-type(5) span {
display: block;
margin: 0 -12px;
white-space: nowrap;
color: #69a3d3;
}
.VacsoraTabla .exclusive em,
.VacsoraTabla .kids em {
font-style: normal;
color: #fff;
}
.VacsoraTabla .note td {
color: #20f93d;
font-size: 10px;
}
.VacsoraTabla .note td:nth-of-type(2) {
border-top: 1px solid rgba(136, 139, 151, 1);
}
.VacsoraTabla .note .ikon-penz {
display: inline-block;
background-position: -40px -20px;
background-size: 80px;
margin: 3px -6px -14px 0;
}
.VacsoraTabla .note .vonal-h-bal,
.VacsoraTabla .note .vonal-h-jobb {
top: 0;
}
.VacsoraTabla table.prices td:nth-child(odd) {
font-size: 20px;
line-height: 22px;
text-align: left;
vertical-align: top;
padding: 70px 0 0 20px;
color: #69a3d3;
}
.VacsoraTabla .pricetag {
padding: 0;
margin: 0 0 0 -110px;
width: 75px;
}
.i18n-ja .VacsoraTabla .pricetag {
margin: 0 0 0 -20px;
}
.path-candlelit-dinner-cruise .VacsoraTabla .kids-pricetag .pricetag {
margin-left: -76px;
}
.VacsoraTabla .popover {
width: 200px;
}
.VacsoraTabla .popover li {
margin: 2px 0 2px 13px;
line-height: 14px;
}
/*
hu
*/
.i18n-fr .VacsoraTabla th:nth-of-type(6) span,
.i18n-es .VacsoraTabla th:nth-of-type(6) span,
.i18n-it .VacsoraTabla th:nth-of-type(5) span,
.i18n-it .VacsoraTabla th:nth-of-type(6) span {
margin: 0 0;
}
.i18n-de .VacsoraTabla th:nth-of-type(5) span {
margin: 0 -2px;
}
.i18n-de .VacsoraTabla th:nth-of-type(6) span {
margin: 0 4px;
}
/*
Bootstrap Popover Legenda style
*/
.popover {
max-width: 476px;
background-color: #69a3d3;
background-clip: padding-box;
border: 1px solid #69a3d3;
/*border: 1px solid rgba(0, 0, 0, 0.2);*/
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
.popover.right > .arrow:after {
border-right-color: #69a3d3;
}
h3.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #69a3d3;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
color: #fff;
}
.popover-content {
padding: 9px 14px;
font-size: 13px;
font-family: myriadproregular, sans-serif;
text-transform: none;
}
/* ========== */
/* ! FOOTER */
/* ========== */
#legenda-footer-wrapper {
width: 100%;
height: 32px;
background: url('../images/legenda2012_hsprite.png') repeat-x scroll 0 -9px;
clear: both;
}
#legenda-footer-wrapper nav {
}
#legenda-footer-wrapper nav ul {
list-style-type: none;
margin: auto;
}
#legenda-footer-wrapper nav ul {
width: 690px;
}
.i18n-en #legenda-footer-wrapper nav ul {
width: 600px;
}
.mobile .i18n-en #legenda-footer-wrapper nav ul {
width: 690px;
}
.mobile .i18n-hu #legenda-footer-wrapper nav ul {
width: 770px;
}
#legenda-footer-wrapper nav ul li {
float: left
}
#legenda-footer-wrapper nav ul li a,
#legenda-footer-wrapper nav ul li a:visited {
color: #69a3d3;
font-size: 10px;
line-height: 32px;
text-transform: uppercase;
font-style: normal;
font-family: myriadproregular, sans-serif;
margin: 0 8px;
}
#legenda-footer-wrapper nav ul li a:hover {
color: #fff;
}
/* ============ */
/* ! Messages */
/* ============ */
/**
* @file
* Styles for system messages.
*/
div.messages {
margin: 5px 25px;
padding: 7px 10px;
}
div.status,
.ok {
color: #0f2e16;
}
div.status,
div.error,
div.warning {
color: #0f2e16;
font-family: myriadprobold, sans-serif;
}
div.status,
table tr.ok {
background-color: #66cd84;
}
div.warning,
.warning {
color: #840;
}
div.warning,
table tr.warning {
background-color: #fffce5;
}
div.error,
.error {
color: #fff;
font-family: myriadprobold, sans-serif;
}
div.error,
table tr.error {
background-color: #cd2828;
}
div.error,
div.status,
div.warning {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 4px 4px 5px 1px #111;
-moz-box-shadow: 4px 4px 5px 1px #111;
box-shadow: 4px 4px 5px 1px #111;
}
div.error p.error {
color: #333;
}
.node-type-page div.error {
/*width: 13%*/
}
div.messages ul {
margin: 0 0 0 1em; /* LTR */
padding: 0;
}
div.messages ul li {
list-style-image: none;
}
.element-invisible {
display: none;
visibility: hidden;
}
/* ========================== */
/* ! Browser optimalisation */
/* ========================== */
/* SAFARI */
.safari table.time-table th.timetable,
.safari table.time-table th.sightseeing,
.safari table.time-table th.restaurant {
height: 45px;
}
.safari table.pricing-table th {
height: 40px;
}
.i18n-hu .restaurant-front .frontbox-menu {
right: -7px;
width: 187px;
}
/* payment-logos */
.payment-logos {
position: relative;
}
.payment-logos * {
box-sizing: border-box;
}
.payment-logos__title {
color: #69a3d3;
margin-bottom: 8px;
}
.payment-logos__list {
list-style: none;
margin: 0 0 28px 0;
padding: 0;
}
.payment-logos__list-item {
list-style: none;
display: inline;
float: left;
margin: 0 18px 0 0;
}
.payment-logos__list-item b {
display: block;
height: 50px;
background: url(../images/payment-logos-2x.jpg) no-repeat;
background-size: 446px 48px;
border: 1px solid #69a3d3;
}
.payment-logos--paypal b {
width: 74px;
}
.payment-logos--visa b {
width: 78px;
background-position: -74px 0;
}
.payment-logos--mc b {
width: 79px;
background-position: -150px 0;
}
.payment-logos--jcb b {
width: 65px;
background-position: -227px 0;
}
.payment-logos--mae b {
width: 79px;
background-position: -290px 0;
}
.payment-logos--visae b {
width: 81px;
background-position: -367px 0;
}
/*
Fleet page
*/
#swipe_fleet .swipe-scroll b {
background: url('../images/legenda-mobile-sprite.png') no-repeat scroll 0 0;
background-size: 556px 549px;
-webkit-background-size: 556px 549px;
}
/**
*
* Swipe carousel
*/
#swipe-wrapper {
width: 100%;
height: 200px;
background: transparent;
}
#swipe .nav {
position: relative;
width: 214px;
height: 16px;
margin: -6px auto 0 auto;
display: block;
list-style: none;
}
#swipe_fleet .nav.gal-nav {
height: 16px;
width: 64px;
display: block;
margin: 9px auto 5px auto
}
#swipe .nav li,
#swipe_fleet .nav.gal-nav li {
position: relative;
width: 12px;
height: 12px;
-webkit-border-radius: 12px;
-webkit-transition: -webkit-transform 100ms ease-out;
-webkit-transform: scale(1);
transition: transform 100ms ease-out;
transform: scale(1);
float: left;
margin-right: 0;
padding: 0;
background-color: #fff;
}
#swipe .nav li#nav1,
#swipe .nav li#nav2,
#swipe_fleet .nav.gal-nav li#nav1,
#swipe_fleet .nav.gal-nav li#nav2 {
margin-right: 13px;
}
#swipe .nav li#nav1 {
margin-left: 50px;
}
#swipe .nav li#nav2 {
margin-right: 41px
}
#swipe .nav li.selected,
#swipe_fleet .nav.gal-nav li.selected {
-webkit-transform: scale(1.5);
}
#swipe .nav li.selected span,
#swipe_fleet .nav.gal-nav li.selected span {
position: absolute;
top: 1px;
left: 1px;
width: 10px;
height: 10px;
-webkit-border-radius: 10px;
display: block;
}
#swipe_fleet .nav.gal-nav li.selected span {
position: absolute;
top: 1px;
left: 1px;
width: 10px;
height: 10px;
-webkit-border-radius: 10px;
display: block;
}
#swipe .nav li#nav1 span,
#swipe_fleet .nav.gal-nav li span {
background-color: #69a3d3
}
#swipe .nav li#nav2 span {
background-color: #69a3d3
}
#swipe .nav li#nav3 span {
background-color: #c06f88
}
#swipe .swipe-scroll {
position: relative;
}
#swipe .swipe-scroll span {
position: absolute;
z-index: 30;
top: 0;
width: 55px;
height: 35px;
display: block;
opacity: 1;
background-color: transparent;
}
#swipe .swipe-scroll .left b {
left: 10px;
opacity: 0.15;
}
#swipe .swipe-scroll .right {
right: 0;
}
#swipe .swipe-scroll span b {
position: absolute;
z-index: 31;
top: 14px;
left: 10px;
width: 30px;
height: 24px;
background-position: -160px -112px;
}
#swipe .swipe-scroll .right b {
left: auto;
right: 10px;
background-position: -192px -112px;
}
#swipeview-slider > div {
position: relative;
display: -webkit-box;
/*-webkit-box-orient:vertical;*/
-webkit-box-pack: center;
-webkit-box-align: center;
overflow: hidden;
}
#swipe .cruise-tags {
width: 285px;
margin: 0 auto;
}
#swipe .cruise-tags .tag {
width: 122px;
font-size: 14px;
text-transform: uppercase;
line-height: 13px;
margin-top: 6px;
}
#swipe .cruise-tags .tag span {
font-family: myriadprobold;
color: #69a3d3;
}
#swipe .cruise-tags .sightseeing {
text-align: right;
float: left;
}
#swipe .cruise-tags .restaurant {
text-align: left;
float: right;
}
#swipe-wrapper li {
position: relative;
}
#swipe-wrapper li .inner {
height: 200px;
display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;
}
/*#swipe-wrapper .swiper_3 .inner,
#swipe-wrapper .swiper_4 .inner,
#swipe-wrapper .swiper_5 .inner {
top:3px
}
#swipe-wrapper .swiper_1 .cruise-desc { margin-top: 30px }
#swipe-wrapper .swiper_2 .cruise-desc { margin-top: 23px }
#swipe-wrapper .swiper_3 .cruise-desc { margin-top: 48px }
#swipe-wrapper .swiper_4 .cruise-desc { margin-top: 30px }
#swipe-wrapper .swiper_5 .cruise-desc { margin-top: 42px }*/
#swipe-wrapper li img {
position: relative;
height: auto;
float: left;
}
#swipe-wrapper .cruise-desc {
position: relative;
float: left;
margin-left: 7px;
}
#swipe-wrapper .cruise-desc h2,
#swipe-wrapper .cruise-desc h2 span {
font-size: 16px;
text-transform: uppercase;
line-height: 20px;
margin-bottom: 6px;
}
#swipe-wrapper .swiper_3 .cruise-desc h2 {
font-size: 16px;
}
#swipe-wrapper .swiper_1 .cruise-desc h2 span {
margin-bottom: 1px;
}
#swipe-wrapper .cruise-desc h2 .sub2 {
margin-bottom: 6px;
}
#swipe-wrapper .cruise-desc h2 .sub2 .color {
color: #fff;
font-family: myriadprobold;
letter-spacing: .1em;
}
#swipe-wrapper .cruise-desc h2 .sub {
display: block;
font-family: myriadprobold;
font-size: 15px;
line-height: 15px;
color: #69a3d3
}
#swipe-wrapper .cruise-desc h2 strong {
font-style: normal;
color: #fff;
font-size: 11px;
}
/**
* fleet swipe
*/
#swipe_fleet .wrapper {
position: relative;
border: none;
padding: 0 0;
}
#swipe_fleet .swipe-scroll {
position: absolute;
z-index: 10;
top: 50%;
margin-top: -15px;
}
#swipe_fleet .swipe-scroll b {
display: block;
width: 30px;
height: 30px;
background-position: -160px -109px;
}
#swipe_fleet .swipe-scroll.right b {
background-position: -192px -109px;
}
#swipe_fleet .swipe-scroll.left {
left: 0;
}
#swipe_fleet .swipe-scroll.left b {
opacity: 0.15
}
#swipe_fleet .swipe-scroll.right {
right: 0;
}
#swipe_fleet ul {
display: block;
position: relative;
margin: 10px 30px 8px 30px;
}
#swipe_fleet .nav li {
position: relative;
float: left;
list-style: none;
width: 33.3%;
text-align: center;
font-family: myriadproregular;
font-size: 13px;
color: #fff;
text-transform: uppercase;
-webkit-transform: scale(1);
-webkit-transform-origin: center center;
-webkit-transition: -webkit-transform 100ms, color 100ms;
-webkit-backface-visibility: hidden;
}
#swipe_fleet .nav li.selected {
color: #69a3d3;
-webkit-transform: scale(1.4);
}
#fleet_swipe_wrapper ul {
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
zoom: 1;
}
.no-flicker {
-webkit-backface-visibility: hidden !important;
}
#fleet_swipe_wrapper img {
display: block;
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
}
#fleet_swipe_wrapper li {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
}
#fleet_swipe_wrapper li a {
display: block;
background: rgb(46, 51, 71);
background: -moz-linear-gradient(top, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(46, 51, 71)), color-stop(38%, rgb(29, 37, 59)), color-stop(78%, rgb(9, 16, 40)), color-stop(100%, rgb(9, 16, 42)));
background: -webkit-linear-gradient(top, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
background: -o-linear-gradient(top, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
background: -ms-linear-gradient(top, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
background: linear-gradient(to bottom, rgb(46, 51, 71) 0%, rgb(29, 37, 59) 38%, rgb(9, 16, 40) 78%, rgb(9, 16, 42) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e3347', endColorstr='#09102a', GradientType=0);
border: 1px solid #b2b2b2;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: center;
font-family: myriadprobold;
text-transform: uppercase;
font-size: 16px;
line-height: 30px;
width: 50%;
position: absolute;
z-index: 10;
bottom: 2px;
left: 50%;
margin-left: -25%;
}
#fleet_swipe_wrapper .img-wrapper {
margin-bottom: 20px;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
}
#fleet_swipe_wrapper .bordered {
margin: 9px auto;
border: 1px solid #808080;
padding: 3px;
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 0;
-webkit-backface-visibility: hidden;
}
/* override */
#swipe_fleet.ship-chooser .wrapper {
position: relative;
height: 10px;
border: none;
}
#swipe_fleet.ship-chooser .swipe-scroll {
position: absolute;
z-index: 10;
margin-top: 10px;
top: 0;
}
#swipe_fleet.ship-chooser .img-wrapper {
text-align: center;
}
#fleet_swipe_wrapper.ship-chooser .fleet-caption {
font-size: 24px;
text-align: center;
display: inline-block;
padding-bottom: 0;
color: #69a3d3;
line-height: 34px;
position: relative;
text-indent: -1px;
text-transform: uppercase
}
#fleet_swipe_wrapper.ship-chooser .fleet-caption > b {
font-size: 16px;
text-align: center;
display: inline-block;
position: absolute;
left: -30px;
border: 1px solid #fff;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 22px;
top: 4px;
}