/* Default responsive style for all pages */

@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800");
@import url(https://fonts.googleapis.com/css?family=Oswald:700&subset=latin);
@import url("font-awesome.min.css");


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
ol {list-style: decimal;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
body {-webkit-text-size-adjust: none;}


/* Box Model */

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}


/* Containers */

.container {margin-left: auto; margin-right: auto;}
.container {width: 1178px;}


/* Grid */

.row {border-bottom: solid 1px transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.row > * {float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.row:after, .row:before {content: ''; display: block; clear: both; height: 0;}
.row.uniform > * > :first-child {margin-top: 0;}
.row.uniform > * > :last-child {margin-bottom: 0;}
.row.\30 \25 > * {padding: 0 0 0 0px;}
.row.\30 \25 {margin: 0 0 -1px 0px;}
.row.uniform.\30 \25 > * {padding: 0px 0 0 0px;}
.row.uniform.\30 \25 {margin: 0px 0 -1px 0px;}
.row > * {padding: 0 0 0 40px;}
.row {margin: 0 0 -1px -40px;}
.row.uniform > * {padding: 40px 0 0 40px;}
.row.uniform {margin: -40px 0 -1px -40px;}
 .row.\32 00\25 > * {padding: 0 0 0 80px;}
 .row.\32 00\25 {margin: 0 0 -1px -80px;}
 .row.uniform.\32 00\25 > * {padding: 80px 0 0 80px;}
 .row.uniform.\32 00\25 {margin: -80px 0 -1px -80px;}
 .row.\31 50\25 > * {padding: 0 0 0 60px;}
 .row.\31 50\25 {margin: 0 0 -1px -60px;}
 .row.uniform.\31 50\25 > * {padding: 60px 0 0 60px;}
 .row.uniform.\31 50\25 {margin: -60px 0 -1px -60px;}
 .row.\35 0\25 > * {padding: 0 0 0 20px;}
 .row.\35 0\25 {margin: 0 0 -1px -20px;}
 .row.uniform.\35 0\25 > * {padding: 20px 0 0 20px;}
 .row.uniform.\35 0\25 {margin: -20px 0 -1px -20px;}
 .row.\32 5\25 > * {padding: 0 0 0 10px;}
 .row.\32 5\25 {margin: 0 0 -1px -10px;}
 .row.uniform.\32 5\25 > * {padding: 10px 0 0 10px;}
 .row.uniform.\32 5\25 {margin: -10px 0 -1px -10px;}
 .\31 2u, .\31 2u\24 {width: 100%; clear: none; margin-left: 0;}
 .\31 1u, .\31 1u\24 {width: 91.6666666667%; clear: none; margin-left: 0;}
 .\31 0u, .\31 0u\24 {width: 83.3333333333%; clear: none; margin-left: 0;}
.\39 u, .\39 u\24 {width: 75%; clear: none; margin-left: 0;}
.\38 u, .\38 u\24 {width: 66.6666666667%; clear: none; margin-left: 0;}
.\37 u, .\37 u\24 {width: 58.3333333333%; clear: none; margin-left: 0;}
.\36 u, .\36 u\24 {width: 50%; clear: none; margin-left: 0;}
.\35 u, .\35 u\24 {width: 41.6666666667%; clear: none; margin-left: 0;}
.\34 u, .\34 u\24 {width: 33.3333333333%; clear: none; margin-left: 0;}
.\33 u, .\33 u\24 {width: 25%; clear: none; margin-left: 0;}
.\32 u, .\32 u\24 {width: 16.6666666667%; clear: none; margin-left: 0;}
.\31 u, .\31 u\24 {width: 8.3333333333%; clear: none; margin-left: 0;}
 .\31 2u\24 + *, .\31 1u\24 + *, .\31 0u\24 + *, .\39 u\24 + *, .\38 u\24 + *, .\37 u\24 + *, .\36 u\24 + *, .\35 u\24 + *, .\34 u\24 + *, .\33 u\24 + *, .\32 u\24 + *, .\31 u\24 + * {clear: left;}
.\-11u {margin-left: 91.66667%;}
.\-10u {margin-left: 83.33333%;}
.\-9u {margin-left: 75%;}
.\-8u {margin-left: 66.66667%;}
.\-7u {margin-left: 58.33333%;}
.\-6u {margin-left: 50%;}
.\-5u {margin-left: 41.66667%;}
.\-4u {margin-left: 33.33333%;}
.\-3u {margin-left: 25%;}
.\-2u {margin-left: 16.66667%;}
.\-1u {margin-left: 8.33333%;}

aside {width: 25%; float: left; margin: 0 1rem 0 -1rem; padding: .5rem 1rem;}
.sideSource {max-width: 75%; margin-left: 25%;}

@media screen and (min-width: 737px) {
	.row > * {padding: 50px 0 0 50px;}
	.row {margin: -50px 0 -1px -50px;}
	.row.uniform > * {padding: 50px 0 0 50px;}
	.row.uniform {margin: -50px 0 -1px -50px;}
	.row.\32 00\25 > * {padding: 100px 0 0 100px;}
	.row.\32 00\25 {margin: -100px 0 -1px -100px;}
	.row.uniform.\32 00\25 > * {padding: 100px 0 0 100px;}
	.row.uniform.\32 00\25 {margin: -100px 0 -1px -100px;}
	.row.\31 50\25 > * {padding: 75px 0 0 75px;}
	.row.\31 50\25 {margin: -75px 0 -1px -75px;}
	.row.uniform.\31 50\25 > * {padding: 75px 0 0 75px;}
	.row.uniform.\31 50\25 {margin: -75px 0 -1px -75px;}
	.row.\35 0\25 > * {padding: 25px 0 0 25px;}
	.row.\35 0\25 {margin: -25px 0 -1px -25px;}
	.row.uniform.\35 0\25 > * {padding: 25px 0 0 25px;}
	.row.uniform.\35 0\25 {margin: -25px 0 -1px -25px;}
	.row.\32 5\25 > * {padding: 12.5px 0 0 12.5px;}
	.row.\32 5\25 {margin: -12.5px 0 -1px -12.5px;}
	.row.uniform.\32 5\25 > * {padding: 12.5px 0 0 12.5px;}
	.row.uniform.\32 5\25 {margin: -12.5px 0 -1px -12.5px;}
	.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {width: 100%; clear: none; margin-left: 0;}
	.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {width: 91.6666666667%; clear: none; margin-left: 0;}
	.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {width: 83.3333333333%; clear: none; margin-left: 0;}
	.\39 u\28desktop\29, .\39 u\24\28desktop\29 {width: 75%; clear: none; margin-left: 0;}
	.\38 u\28desktop\29, .\38 u\24\28desktop\29 {width: 66.6666666667%; clear: none; margin-left: 0;}
	.\37 u\28desktop\29, .\37 u\24\28desktop\29 {width: 58.3333333333%; clear: none; margin-left: 0;}
	.\36 u\28desktop\29, .\36 u\24\28desktop\29 {width: 50%; clear: none; margin-left: 0;}
	.\35 u\28desktop\29, .\35 u\24\28desktop\29 {width: 41.6666666667%; clear: none; margin-left: 0;}
	.\34 u\28desktop\29, .\34 u\24\28desktop\29 {width: 33.3333333333%; clear: none; margin-left: 0;}
	.\33 u\28desktop\29, .\33 u\24\28desktop\29 {width: 25%; clear: none; margin-left: 0;}
	.\32 u\28desktop\29, .\32 u\24\28desktop\29 {width: 16.6666666667%; clear: none; margin-left: 0;}
	.\31 u\28desktop\29, .\31 u\24\28desktop\29 {width: 8.3333333333%; clear: none; margin-left: 0;}
	.\31 2u\24\28desktop\29 + *, .\31 1u\24\28desktop\29 + *, .\31 0u\24\28desktop\29 + *, .\39 u\24\28desktop\29 + *, .\38 u\24\28desktop\29 + *, .\37 u\24\28desktop\29 + *, .\36 u\24\28desktop\29 + *, .\35 u\24\28desktop\29 + *, .\34 u\24\28desktop\29 + *, .\33 u\24\28desktop\29 + *, .\32 u\24\28desktop\29 + *, .\31 u\24\28desktop\29 + * {clear: left;}
	.\-11u\28desktop\29 {margin-left: 91.66667%;}
	.\-10u\28desktop\29 {margin-left: 83.33333%;}
	.\-9u\28desktop\29 {margin-left: 75%;}
	.\-8u\28desktop\29 {margin-left: 66.66667%;}
	.\-7u\28desktop\29 {margin-left: 58.33333%;}
	.\-6u\28desktop\29 {margin-left: 50%;}
	.\-5u\28desktop\29 {margin-left: 41.66667%;}
	.\-4u\28desktop\29 {margin-left: 33.33333%;}
	.\-3u\28desktop\29 {margin-left: 25%;}
	.\-2u\28desktop\29 {margin-left: 16.66667%;}
	.\-1u\28desktop\29 {margin-left: 8.33333%;}
}

@media screen and (min-width: 737px) and (max-width: 1200px) {
	.row > * {padding: 35px 0 0 35px;}
	.row {margin: -35px 0 -1px -35px;}
	.row.uniform > * {padding: 35px 0 0 35px;}
	.row.uniform {margin: -35px 0 -1px -35px;}
	.row.\32 00\25 > * {padding: 70px 0 0 70px;}
	.row.\32 00\25 {margin: -70px 0 -1px -70px;}
	.row.uniform.\32 00\25 > * {padding: 70px 0 0 70px;}
	.row.uniform.\32 00\25 {margin: -70px 0 -1px -70px;}
	.row.\31 50\25 > * {padding: 52.5px 0 0 52.5px;}
	.row.\31 50\25 {margin: -52.5px 0 -1px -52.5px;}
	.row.uniform.\31 50\25 > * {padding: 52.5px 0 0 52.5px;}
	.row.uniform.\31 50\25 {margin: -52.5px 0 -1px -52.5px;}
	.row.\35 0\25 > * {padding: 17.5px 0 0 17.5px;}
	.row.\35 0\25 {margin: -17.5px 0 -1px -17.5px;}
	.row.uniform.\35 0\25 > * {padding: 17.5px 0 0 17.5px;}
	.row.uniform.\35 0\25 {margin: -17.5px 0 -1px -17.5px;}
	.row.\32 5\25 > * {padding: 8.75px 0 0 8.75px;}
	.row.\32 5\25 {margin: -8.75px 0 -1px -8.75px;}
	.row.uniform.\32 5\25 > * {padding: 8.75px 0 0 8.75px;}
	.row.uniform.\32 5\25 {margin: -8.75px 0 -1px -8.75px;}
	.\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {width: 100%; clear: none; margin-left: 0;}
	.\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {width: 91.6666666667%; clear: none; margin-left: 0;}
	.\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {width: 83.3333333333%; clear: none; margin-left: 0;}
	.\39 u\28tablet\29, .\39 u\24\28tablet\29 {width: 75%; clear: none; margin-left: 0;}
	.\38 u\28tablet\29, .\38 u\24\28tablet\29 {width: 66.6666666667%; clear: none; margin-left: 0;}
	.\37 u\28tablet\29, .\37 u\24\28tablet\29 {width: 58.3333333333%; clear: none; margin-left: 0;}
	.\36 u\28tablet\29, .\36 u\24\28tablet\29 {width: 50%; clear: none; margin-left: 0;}
	.\35 u\28tablet\29, .\35 u\24\28tablet\29 {width: 41.6666666667%; clear: none; margin-left: 0;}
	.\34 u\28tablet\29, .\34 u\24\28tablet\29 {width: 33.3333333333%; clear: none; margin-left: 0;}
	.\33 u\28tablet\29, .\33 u\24\28tablet\29 {width: 25%; clear: none; margin-left: 0;}
	.\32 u\28tablet\29, .\32 u\24\28tablet\29 {width: 16.6666666667%; clear: none; margin-left: 0;}
	.\31 u\28tablet\29, .\31 u\24\28tablet\29 {width: 8.3333333333%; clear: none; margin-left: 0;}
	.\31 2u\24\28tablet\29 + *, .\31 1u\24\28tablet\29 + *, .\31 0u\24\28tablet\29 + *, .\39 u\24\28tablet\29 + *, .\38 u\24\28tablet\29 + *, .\37 u\24\28tablet\29 + *, .\36 u\24\28tablet\29 + *, .\35 u\24\28tablet\29 + *, .\34 u\24\28tablet\29 + *, .\33 u\24\28tablet\29 + *, .\32 u\24\28tablet\29 + *, .\31 u\24\28tablet\29 + * {clear: left;}
	.\-11u\28tablet\29 {margin-left: 91.66667%;}
	.\-10u\28tablet\29 {margin-left: 83.33333%;}
	.\-9u\28tablet\29 {margin-left: 75%;}
	.\-8u\28tablet\29 {margin-left: 66.66667%;}
	.\-7u\28tablet\29 {margin-left: 58.33333%;}
	.\-6u\28tablet\29 {margin-left: 50%;}
	.\-5u\28tablet\29 {margin-left: 41.66667%;}
	.\-4u\28tablet\29 {margin-left: 33.33333%;}
	.\-3u\28tablet\29 {margin-left: 25%;}
	.\-2u\28tablet\29 {margin-left: 16.66667%;}
	.\-1u\28tablet\29 {margin-left: 8.33333%;}
}

@media screen and (max-width: 736px) {
	.row > * {padding: 10px 0 0 10px;}
	.row {margin: -10px 0 -1px -10px;}
	.row.uniform > * {padding: 10px 0 0 10px;}
	.row.uniform {margin: -10px 0 -1px -10px;}
	.row.\32 00\25 > * {padding: 20px 0 0 20px;}
	.row.\32 00\25 {margin: -20px 0 -1px -20px;}
	.row.uniform.\32 00\25 > * {padding: 20px 0 0 20px;}
	.row.uniform.\32 00\25 {margin: -20px 0 -1px -20px;}
	.row.\31 50\25 > * {padding: 15px 0 0 15px;}
	.row.\31 50\25 {margin: -15px 0 -1px -15px;}
	.row.uniform.\31 50\25 > * {padding: 15px 0 0 15px;}
	.row.uniform.\31 50\25 {margin: -15px 0 -1px -15px;}
	.row.\35 0\25 > * {padding: 5px 0 0 5px;}
	.row.\35 0\25 {margin: -5px 0 -1px -5px;}
	.row.uniform.\35 0\25 > * {padding: 5px 0 0 5px;}
	.row.uniform.\35 0\25 {margin: -5px 0 -1px -5px;}
	.row.\32 5\25 > * {padding: 2.5px 0 0 2.5px;}
	.row.\32 5\25 {margin: -2.5px 0 -1px -2.5px;}
	.row.uniform.\32 5\25 > * {padding: 2.5px 0 0 2.5px;}
	.row.uniform.\32 5\25 {margin: -2.5px 0 -1px -2.5px;}
	.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {width: 100%; clear: none; margin-left: 0;}
	.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {width: 91.6666666667%; clear: none; margin-left: 0;}
	.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {width: 83.3333333333%; clear: none; margin-left: 0;}
	.\39 u\28mobile\29, .\39 u\24\28mobile\29 {width: 75%; clear: none; margin-left: 0;}
	.\38 u\28mobile\29, .\38 u\24\28mobile\29 {width: 66.6666666667%; clear: none; margin-left: 0;}
	.\37 u\28mobile\29, .\37 u\24\28mobile\29 {width: 58.3333333333%; clear: none; margin-left: 0;}
	.\36 u\28mobile\29, .\36 u\24\28mobile\29 {width: 50%; clear: none; margin-left: 0;}
	.\35 u\28mobile\29, .\35 u\24\28mobile\29 {width: 41.6666666667%; clear: none; margin-left: 0;}
	.\34 u\28mobile\29, .\34 u\24\28mobile\29 {width: 33.3333333333%; clear: none; margin-left: 0;}
	.\33 u\28mobile\29, .\33 u\24\28mobile\29 {width: 25%; clear: none; margin-left: 0;}
	.\32 u\28mobile\29, .\32 u\24\28mobile\29 {width: 16.6666666667%; clear: none; margin-left: 0;}
	.\31 u\28mobile\29, .\31 u\24\28mobile\29 {width: 8.3333333333%; clear: none; margin-left: 0;}
	.\31 2u\24\28mobile\29 + *, .\31 1u\24\28mobile\29 + *, .\31 0u\24\28mobile\29 + *, .\39 u\24\28mobile\29 + *, .\38 u\24\28mobile\29 + *, .\37 u\24\28mobile\29 + *, .\36 u\24\28mobile\29 + *, .\35 u\24\28mobile\29 + *, .\34 u\24\28mobile\29 + *, .\33 u\24\28mobile\29 + *, .\32 u\24\28mobile\29 + *, .\31 u\24\28mobile\29 + * {clear: left;}
	.\-11u\28mobile\29 {margin-left: 91.66667%;}
	.\-10u\28mobile\29 {margin-left: 83.33333%;}
	.\-9u\28mobile\29 {margin-left: 75%;}
	.\-8u\28mobile\29 {margin-left: 66.66667%;}
	.\-7u\28mobile\29 {margin-left: 58.33333%;}
	.\-6u\28mobile\29 {margin-left: 50%;}
	.\-5u\28mobile\29 {margin-left: 41.66667%;}
	.\-4u\28mobile\29 {margin-left: 33.33333%;}
	.\-3u\28mobile\29 {margin-left: 25%;}
	.\-2u\28mobile\29 {margin-left: 16.66667%;}
	.\-1u\28mobile\29 {margin-left: 8.33333%;}
}


/* Basic */

@-ms-viewport {width: device-width;}
body {background: #213438 url("images/bg01.png"); font-family: 'Open Sans', sans-serif; color: #3A3A3A; font-weight: 400; background-color: #0c3134; background-image: url("images/bg01.png"), url("images/header.jpg"); background-repeat: repeat, no-repeat; background-attachment: scroll; background-position: 0% 0%; background-size: auto, contain;}
/*#header-wrapper { background: url("images/bg01.png"), url("images/header.jpg"); background-position: bottom left, bottom center; background-size: auto, cover; background-color:#213438;}*/
body.is-loading * {-moz-transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; transition: none !important; -moz-animation: none !important; -webkit-animation: none !important; -ms-animation: none !important; animation: none !important; }
input, select, textarea {font-family: 'Open Sans', sans-serif; color: #7b818c; font-weight: 400; }
div.flash {display: block; position: absolute; border: 8px solid #78bd3f; background: #f4ebdb; font-size: 1.4em; top: 10%; left: 50%; width: 450px; margin: 0 0 0 -225px; padding: 1em; z-index: 999; }
div.flash a {cursor: pointer; font-size: small; color: black; text-decoration: none; display: block; margin: 0; padding: 0; text-align: right; }
div.flash a:hover {text-decoration: underline; }
a {color: #91180e; text-decoration: underline; }
a:hover {text-decoration: none; }
a.hiddeover {color: transparent; text-shadow: none; }
a.hiddeover:hover {color: black; }
h2.trigger a, h3.trigger a, h4.trigger a {text-decoration: underline; color: #91180e;}
h1, h2, h3, h4, h5, h6 {font-weight: 600; color: #242424; margin: 0 0 1em 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; text-decoration: none; outline: 0; }
h2 {font-size: 2em; margin: 0 0 1.5em 0; line-height: 1em; }
h2.icon {line-height: 48px; }
h2.icon:before {position: relative; top: 0.05em; margin-right: 0.5em; opacity: 0.25; }
h3 {font-size: 1.35em; margin-top: 2em; }
b, strong {font-weight: 700; }
i, em {font-style: italic; }
br.clear, hr.clear {clear: both; }
sub {position: relative; top: 0.5em; font-size: 0.8em; }
sup {position: relative; top: -0.5em; font-size: 0.8em; }
hr {border: 0; border-top: solid 1px #172629; }
blockquote {border-left: solid 0.5em #ddd; padding: 1em 0 1em 2em; font-style: italic; }
p, ul, ol, dl, table {margin-bottom: 2em; }
.date {display: block; text-transform: uppercase; font-weight: 700; letter-spacing: 0.065em; font-size: 0.9em; color: #696969; margin: 0 0 0.25em 0; }

pre, code {font-family: "Courier New", Courier, monospace;}
pre {max-width: 100%; overflow: auto; background-color: #e5f8fc; border: 1px solid black; padding: 1rem; margin: 0 0 1rem 0;}


/* Section/Article */

section, article {margin-bottom: 5em; }
section > :last-child, article > :last-child, section:last-child, article:last-child { margin-bottom: 0; }
header { margin: 0 0 2em 0; }
header h2, header h3 { margin: 0 0 0.25em 0; }
header p { display: block; text-transform: uppercase; font-weight: 700; letter-spacing: 0.065em; font-size: 0.9em; color: #696969; margin: 0; }
header p strong { color: #404248; font-weight: 800; }
footer { margin: 0em 0 0 0; }
header.major { border-bottom: solid 1px #dbdbdb; margin: 0 0 3em 0; }
header.major:after { content: ''; display: block; border-top: solid 1px #dbdbdb; height: 8px; }
header.major h2, header.major h3 { margin: 0 0 1.2em 0; }
header.major p { margin: 0 0 1.5em 0; position: relative; top: -1em; }

div.hotel {margin: 0 -2em; padding: 0 2.4em 1em 2.4em; background-color: #cee0fc; border: 1px solid darkblue; border-radius: 10px;}
div.hotel:hover {background-color: #fffabc;}
div.hotel > div.popup-gallery {width: 189px; margin: 0 0 1em 2em; padding: 0; float: right;}

div.valid {font-size: 1.4rem; padding: 1rem; border: 0; border-radius: 1rem; margin: 0 0 1rem 0;}
div.error {background-color: red; color: white;}
div.done {background-color: #37b00a; color: #000000;}

.toggle {display: none;}

/* Forms */

form fieldset {border: 1px solid #91180e; border-radius: 1em; margin: 0 0 1.6em 0; padding: 2em 2em 1em 2em;}
form legend {color: #91180e; font-weight: 800; font-size: 1.4em; text-transform: uppercase; padding: 0 1em; text-align: right;}
form span.pair {display: block; color: #404248; background-color: #efefef; text-align: right; border-radius: 8px; margin: .4em 0; padding: .1em; font-size: 1.2em;}
form span.required {font-weight: 800;}
form span.line {text-align: left; padding: .7em .4em;}
form em {display: inline-block; width: 44%; float: right; margin: 0; padding: 0; font-style: normal; font-weight: 400; font-size: .8em; color: #006AEB;}
form em > span {font-size: smaller; text-transform: uppercase; color: #9c9c9c;}
form span.squeezline > span > em {line-height: 1;}
form span.line > span.input > span {display: inline-block; width: 75%; line-height: 1em; margin: 0 0 0 2em; padding: 0; font-style: normal; font-weight: 400; font-size: .8em; color: #999;}
form span.add, form span.gird, form span.drop {background-color: #cee0fc; margin-top: -.3em;}
form span.green {background-color: #7dd24e;}
form span.pair:hover {background-color: #cfcfcf;}
form span.pair.green:hover {background-color: #127a68;}
form span.add:hover, form span.gird:hover, form span.drop:hover {background-color: #98cbea;}
form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {-webkit-appearance: none; display: inline-block; width: 60%; border-radius: 8px; border: solid 1px #eee; line-height: 3em; padding: 0 1em;}
form span.drop > span.input > select {width: 30%;}
form input[type="checkbox"], form input[type="radio"] {width: 5%; zoom: 120%;}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus {box-shadow: 0 0 2px 1px #4091bf;}
form span.gird > span.input > label {margin-right: .4em;}
form span.gird > span.input > label > input[type="checkbox"], form span.gird > span.input > label > input[type="radio"] {text-align: right; width: inherit; margin-left: 5%;}
form span.double > span.input > label:first-child > input[type="checkbox"], form span.double > span.input > label:first-child > input[type="radio"] {margin-left: 25%;}
form .formerize-placeholder, form ::-webkit-input-placeholder, form :-moz-placeholder, form ::-moz-placeholder, form :-ms-input-placeholder {color: #555 !important;}
form textarea {min-height: 9em; padding: 1em;}
form ::-moz-focus-inner {border: 0;}
form span.lime {background-color: lightgreen;}
form span.lime:hover {background-color: #78bd3f;}
form span.orange {background-color: orange;}
form span.orange:hover {background-color: darkorange;}
form span.grey {background-color: dimgrey;}
form span.grey:hover {background-color: darkgrey;}
form span.offset-50 {margin-left: 50px;}
form span.offset-100 {margin-left: 100px;}
form .bold {font-weight: 700;}
form span.error {display: inline-block; padding: 0 1rem; font-weight: 700; color: red;}

form > #patrol {width: 300px; position: fixed; z-index: 999999999; top: 25px; left: 100%; margin: 0 0 0 -340px; padding: 15px; background-color: lightyellow; border: 1px solid crimson; border-radius: 10px;}

#totalprice {font-family: 'Oswald', sans-serif; text-align: right; color: black; font-size: 2em; font-weight: 700;}
#totalprice span {color: #91180e;}

#filter {display: block; width: 100%; margin: 0; padding: 0; font-size: 1em;}
#filter select {font-size: 1em; line-height: 1.5em; width: 65%; padding: 5px; margin-bottom: 15px; color: #000; border-color: #000;}
#filter label:first-child {display: inline-block; width: 22%;}
#filter label {font-size: smaller;}
#filter label[for=frm-filterForm-filter] {font-size: 1.2em; width: 15%;}


/* Tables */

table { width: 100%; }
table.default { width: 100%; }
table.default tr { border-top: solid 1px #eee; }
table.default tr:first-child { border-top: 0; }
table.default tbody tr:hover { background-color: #ff9; }
table.default td { padding: 0.5em 1em 0.5em 1em; text-align: left; }
table.default td:last-child, table.default th:last-child {  }
table.default th { text-align: left; padding: 0.5em 1em 0.5em 1em; text-transform: uppercase; font-weight: 800; margin: 0 0 1em 0; font-size: 0.8em; letter-spacing: 0.04em; text-shadow: none; outline: 0; }
table.default thead { background: #404248; color: #fff; }
table.default tfoot { background: #aaa; color: #fff; text-shadow: none; }


/* Image */

.image { position: relative; display: inline-block; }
.image img { display: block; width: 100%; border-radius: 8px; }
.image:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: url("images/bg01.png"); width: 100%; height: 100%; opacity: 0.75; }
.image.fit { display: block; width: 100%; }
.image.featured { display: block; width: 100%; margin: 0 0 2.5em 0; }
.image.left { float: left; margin: 0 2em 2em 0; }
.image.centered { display: block; margin: 0 0 2.5em 0; }
.image.centered img { margin: 0 auto; width: auto; }

a.thumbnail {display: inline-block; width: 130px; height: 130px; border: 1px solid darkblue; border-radius: 6px; background-color: lightgray; margin: .2em; padding: 0; text-align: center;}
a.thumbnail > img {border: 0; margin: 25px auto;}

img.filtericon {width: 32px; border: 0;}
img.filtericon.active {opacity: 0.5; filter: alpha(opacity=50);}


/* Button */

input[type="button"], input[type="submit"], input[type="reset"], button, .button { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.png"); -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-appearance: none; position: relative; display: inline-block;background-color: #91180e; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.35), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35); text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); color: #fff !important; text-decoration: none;  font-weight: 800; font-size: 0.95em; letter-spacing: 0.075em; padding: 0.8em 2em; outline: 0; border: 0; white-space: nowrap; cursor: pointer; }
input[type="button"].icon:before, input[type="submit"].icon:before, input[type="reset"].icon:before, button.icon:before, .button.icon:before { opacity: 0.5; margin-right: 0.5em; position: relative; top: 0.05em; }
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover { background-color: #203336; }
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active, .button:active { background-color: #60120b; }
input[type="button"].small, input[type="submit"].small, input[type="reset"].small, button.small, .button.small { font-size: .8em; padding: 0.5em 1em; border-radius: 5px; background-color: #91180e; }
input[type="button"].extrasmall, input[type="submit"].extrasmall, input[type="reset"].extrasmall, button.extrasmall, .button.extrasmall { font-size: .6em; padding: 0 .4em; border-radius: 5px; background-color: #91180e; display: inline-block; float: right; }
input[type="button"].thin, input[type="submit"].thin, input[type="reset"].thin, button.thin, .button.thin { font-size: .9em; padding: 0 1em; border-radius: 5px; background-color: #91180e; display: inline-block; float: right; }
input[type="button"].medium, input[type="submit"].medium, input[type="reset"].medium, button.medium, .button.medium { font-size: 1.25em; padding: 1em 2.25em; }
input[type="button"].big, input[type="submit"].big, input[type="reset"].big, button.big, .button.big { font-size: 1.5em; padding: 1em 2.25em; }
input[type="button"].alt, input[type="submit"].alt, input[type="reset"].alt, button.alt, .button.alt { background-color: #464a52; }
input[type="button"].alt:hover, input[type="submit"].alt:hover, input[type="reset"].alt:hover, button.alt:hover, .button.alt:hover { background-color: #565a62; }
input[type="button"].alt:active, input[type="submit"].alt:active, input[type="reset"].alt:active, button.alt:active, .button.alt:active { background-color: #363a42; }
input[type="button"].hot, input[type="submit"].hot, input[type="reset"].hot, button.hot, .button.hot { background-color: #78bd3f; }
input[type="button"].hot:hover, input[type="submit"].hot:hover, input[type="reset"].hot:hover, button.hot:hover, .button.hot:hover { background-color: #1A7E1E; }
input[type="button"].hot:active, input[type="submit"].hot:active, input[type="reset"].hot:active, button.hot:active, .button.hot:active { background-color: #99f999; }
input[type="button"].margin5, input[type="submit"].margin5, input[type="reset"].margin5, button.margin5, .margin5 { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("images/bg02.png"); -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-appearance: none; }
input[type="button"].margin5:hover, input[type="submit"].margin5:hover, input[type="reset"].margin5:hover, button.margin5:hover, .margin5:hover { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url("images/bg01.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url("images/bg01.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url("images/bg01.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)), url("images/bg01.png"); -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-appearance: none; }

a.btn-pill, a.btn-pill:hover {text-decoration: none;}
.pill, .btn-pill {display: inline-block; border: 1px solid black; padding: 0 .4rem; border-radius: .6rem;}
.pill-silver {background-color: silver; color: black !important;}
.pill-yellow {background-color: yellow; color: black !important;}
.pill-yellow:hover {background-color: white; color: black !important;}
.pill-orange {background-color: #f9a509; color: black !important;}
.pill-green {background-color: #8ad70f; color: black !important;}
.pill-darkgreen {background-color: #25860b; color: white !important;}
.pill-blue {background-color: #09a5f9; color: white !important;}
.pill-fff {background-color: #740e0e; color: white !important;}
.pill-dark {background-color: black; color: white !important;}

/* List */

dl.contact dt { display: block; text-transform: uppercase; font-weight: 700; letter-spacing: 0.065em; font-size: 0.9em; color: #696969; float: left; width: 6em; }
dl.contact dd { margin: 0 0 1em 6em; }
ul.default { list-style: disc; padding-left: 1em; }
ul.default li { padding-left: 0.5em; }
ul.actions li { display: inline-block; padding: 0 0 0 0.25em; margin: 0 0 0 0.25em; }
ul.actions li:first-child { margin-left: 0; padding-left: 0; }
ul.menu li { border-left: solid 1px #eee; display: inline-block; padding: 0 0 0 1em; margin: 0 0 0 1em; }
ul.menu li:first-child { border-left: 0; margin-left: 0; padding-left: 0; }
ul.divided li { border-top: solid 1px #eee; padding: 0.5em 0 0 0; margin: 0.5em 0 0 0; }
ul.divided li > span {font-size: .8em; color: #696969;}
ul.divided li:first-child { border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important; }
ol.default { list-style: decimal; padding-left: 1.25em; }
ol.default li { padding-left: 0.25em; }

ul.archive-news li {width: 33%; display: inline-block; margin: 2em 0; padding: 0 0 1em 0; text-align: center;}
ul.archive-news li > span {display: block; background-color: #0081c6; color: white; margin: 0 0 1em 0; padding: .4em;}
ul.archive-news li.linka {border-right: 1px solid silver;}
ul.archive-news li:hover {background-color: #fffabc;}


/* Box */

.box.excerpt { position: relative; overflow: hidden; }
.box.excerpt header { margin: 0 0 1em 0; }
.box.excerpt .image, .box.excerpt p { margin-bottom: 0; }
.box.feature1 { text-align: center; }
.box.feature1 header.first h2 { font-size: 2.5em; }
.box.feature1 header.first p { font-size: 1.2em; }
.box.feature1 header.second { position: relative; display: inline-block; text-align: left; margin: 0 auto; white-space: nowrap; left: 24px; }
.box.feature1 header.second p { line-height: 1em; }
.box.feature1 header.second:before { font-size: 48px; position: absolute; right: 100%; margin-right: 18px; opacity: 0.5; bottom: -4px; }
.box.feature2 { text-align: center; }
.box.article-list article { border-bottom: solid 1px #dbdbdb; margin: 0 0 2.75em 0; padding: 0 0 2.75em 0; }
.box.article-list article:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.box.task { border: 1px solid #65100A; background-color: #fff7dc; padding: .4rem 1rem; margin: 0 0 1rem 0;}


/* Icons */

.icon { text-decoration: none; }
.icon:before { display: inline-block; font-family: FontAwesome; font-size: 1.25em; text-decoration: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon > .label { display: none; }


/* Nav */

#nav {line-height: 3em; display: block; position: relative;}
#nav ul {margin-bottom: 0em;}
#nav > ul > li {float: left; padding: 0 .5em 0 .5em;}
#nav > ul > li > a, #nav > ul > li > span {color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 1em; padding: .3em .5em; border-radius: 4px; outline: 0;}
#nav > ul > li.active > a, #nav > ul > li.current_page_item > a, #nav > ul > li.active > span, #nav > ul > li.current_page_item > span {background: rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.025), 1px 1px 0px 0px rgba(255, 255, 255, 0.025);}
#nav > ul > li:last-child {padding-right: 0;}
#nav > ul > li > ul {display: none;}
.dropotron {background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("images/bg02.png"); position: relative; background-color: #80150c; border-radius: 5px; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.075), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.2), 0px 2px 14px 0px rgba(0, 0, 0, 0.4); text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); padding: 1em; line-height: 2em; min-width: 15em;}
.dropotron.level-0 {border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -2px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.075), 0 2px 14px 0 rgba(0, 0, 0, 0.4);}
.dropotron a, .dropotron span {color: #aaa; text-decoration: none; text-transform: uppercase; font-weight: 800; font-size: .8em; letter-spacing: 0.075em; outline: 0;}
.dropotron li:hover > a, .dropotron li:hover > span {color: #fff;}
.extratop {border-radius: 3px; margin: 0 0 -14px -14px;}
.extraburt {border-radius: 0; margin: 0 -14px 0 -14px;}
.extrafinal {border-radius: 5px; margin: 0 -14px -14px -14px; border-top-left-radius: 0; border-top-right-radius: 0;}
.extratop, .extraburt, .extrafinal {background: #045800; box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.025), 1px 1px 0px 0px rgba(255, 255, 255, 0.025); padding-left: 15px;}


/* Banner */

#banner {background-color: rgba(0, 0, 0, 0.8); border-top:5px solid #80150c; border-top-left-radius:8px; border-top-right-radius:8px;  }

#news{ width:50%; position:relative; float:left;}
#vipky { position: relative; float: left; width: 40%; margin-left: 5%; border-left: 1px solid #5C5C5C; padding-left: 5%; }

#news h2, #vipky h2 { font-size: 1.2em; color: #CFCFCF; text-transform: uppercase; }
#news h3{ font-size:1.2em; color:#fff; line-height:1.2em; padding-bottom:0px; margin:0 0 0.5em 0;}
#news p{ font-size:0.9em; color:#E0E0E0; line-height:1.3em;}
#news p.datum{ display:inline-block; background-color:#213438; padding:4px 10px; color:#E0E0E0; font-size:0.8;}
#news .poster{ display:inline-block; float:left; padding: 0 25px 20px 0;}
#news .poster img{padding:2px; border:1px solid  #555555; background-color:black; }
#news .body{float:left; width:330px;}

#banner-small { width: 1178px; margin: 36px auto 0 auto; overflow: hidden; padding: 25px; background-color: rgba(0, 0, 0, 0.5); border-top: 5px solid #80150c; border-top-left-radius: 8px; border-top-right-radius: 8px; }
#banner-blanc { width: 880px; margin: 36px auto 0 auto; overflow: hidden; padding: 25px; background-color: rgba(0, 0, 0, 0.5); border-top: 5px solid #80150c; border-top-left-radius: 8px; border-top-right-radius: 8px; }
#banner-small h2{ font-size: 2em; color: #91180e; color: #fff; text-transform: uppercase; padding:0; margin: 0; font-weight: 800; letter-spacing: 0em; text-shadow: -1px -1px 0 rgba(0, 0, 0, 1); }
#banner-blanc h2{ font-size: 2em; color: #91180e; color: #fff; text-transform: uppercase; padding:0; margin: 0; font-weight: 800; letter-spacing: 0em; text-shadow: -1px -1px 0 rgba(0, 0, 0, 1); }
#banner { width: 1178px; margin:36px auto 0 auto; overflow: hidden; padding: 25px 50px;}
#navPanel, #titleBar { display: none; }

.vipbox { width: 450px !important; margin-left: 10px; }
.vipbox ul { list-style: none; }
.vipbox ul li { margin: 0 15px 15px 1px; padding: 0; overflow-y: visible;  position: relative; display: inline-block; line-height: 11px; }
.vipbox ul li a { color: white; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.vipbox ul li a:hover { color: #e08531; text-decoration: underline; }
.vipbox img { border: 2px solid white; margin-right: 10px; margin-bottom: 5px; }
.vipbox ul li a > img { object-fit: cover; width: 100px; height: 120px; }
.vipbox img.vlajka { border: 1px solid white; position: absolute; top: 5px; right: -5px; width: 24px; height: 16px; }



/* Wrappers */

#page-wrapper { background: url("images/blackback.gif") bottom repeat-x;}
/*#header-wrapper { background: url("images/bg01.png"), url("images/header.jpg"); background-position: bottom left, bottom center; background-size: auto, cover; background-color:#213438;}*/
#main-wrapper { background: #fff; width: 1178px; margin-left: auto; margin-right: auto; padding: 25px 50px; overflow: hidden;}
#blanc-wrapper { background: #fff; width: 880px; margin-left: auto; margin-right: auto; padding: 25px 50px; }
#blanc-wrapper > p { margin: 35px 160px; font-size: larger; }
#footer-wrapper { background-color:#000;}
#subfooter-wrapper{padding: 10px 0px; background-color:#172629; }
.wrapper > .inner { position: relative; z-index: 2; }
.wrapper.style1 { position: relative; text-shadow: 1px 1px 0 #fff; background-color: #fff; background-image: url("images/bg03.png"), url("images/bg04.png"), url("images/bg02.png"); background-repeat: no-repeat, no-repeat, repeat; background-size: 100% 15em, 100% 15em, auto auto; background-position: top center, bottom center, top left; }
.wrapper.style3 { position: relative; text-shadow: 1px 1px 0 #fff; background-color: #fff; background-image: url("images/bg03.png"), url("images/bg02.png"); background-repeat: no-repeat, repeat; background-size: 100% 15em, auto auto; background-position: top center, top left; }


/* Header */

#header { margin-bottom: 0; }
#header { position: relative; border-radius: 6px; background-color: rgba(0, 0, 0, 0.49); padding: 0.35em; float:right; margin-top:7.3em;}
#header .inner {position: relative;padding:0 1em; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("images/bg02.png"); height: 43px; background-color: #80150c; border-radius: 5px; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.45), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.15); text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); }
#header h1 { position: absolute; left: 1.75em; top: 50%; margin-top: -0.65em; font-size: 1.5em; color: #fff; }


/* Footer */

#footer { margin-bottom: 0; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); position: relative; z-index: 2; }
#footer h2 { font-size: 1.35em; color: #fff; }
#footer strong { color: #fff; }
#footer a { color: #acb2bf; }
#footer .button.alt { box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.25); }
#footer ul.divided li, #footer ul.menu li { border-color: #444; border-color: rgba(255, 255, 255, 0.075); }
#footer ul.divided li a { text-decoration: none; }
#footer ul.menu { margin: 0; }
#footer dl.contact dt { color: #ddd; }
#copyright { border-top: solid 1px; border-color: #444; border-color: rgba(255, 255, 255, 0.075); text-align: center; margin-top: 2em; padding: 3em 0 4em 0; color: inherit; }
#copyright a { color: inherit; }


/* SubFooter */

#subfooter{ width:1178px; margin-left:auto; margin-right:auto; position:relative;}
#subfooter .mikrologo{float:left;}
#subfooter p{font-size: 0.8em; color:#9c9c9c; float:right; padding:0; margin:0;}


/* Desktop + Tablet */


/* Basic */

body, input, select, textarea { font-size: 11pt; line-height: 1.85em; }
p.recap {background-color: #fff24d; padding: 20px 25px; border-radius: 18px;}
p.recap > big {font-size: larger;}

/* Sidebar */

#sidebar h2 { font-size: 1.5em; }


/* Wrappers */

#header-wrapper { padding: 0em 0 0 0; }
.wrapper { padding: 7em 0 7em 0; }
#footer-wrapper { padding: 0em 0 0em 0; }