/* reset */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0;vertical-align:middle}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}form{display:inline}

/* basic */

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

p {
  margin-bottom: 15px;
}

a {
  color: #0D5EAF;
}

a:hover {
  text-decoration: none;
}

.bullet {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%230D5EAF" d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM6.5 13.8L4.7 12l4-4-4-4 1.8-1.8L12.3 8l-5.8 5.8z"/></svg>');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 24px;
}

.button {
  font: bold 1.2rem/40px "PT Sans Narrow",Arial;
  text-decoration: none;
  background-color: #E25822;
  color: #FFFFFF;
  display: inline-block;
  padding: 0 15px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
}

.buttonLessImportant {
  font: bold 1.2rem/38px "PT Sans Narrow",Arial;
  text-decoration: none;
  background-color: #FFFFFF;
  color: #0D5EAF;
  display: inline-block;
  padding: 0 15px;
  text-transform: uppercase;
  border: 1px solid #0D5EAF;
  cursor: pointer;
}

.button::-moz-focus-inner, .buttonLessImportant::-moz-focus-inner {
  padding: 0;
  border: none;
}

.input, .textarea {
  font: 1rem "Trebuchet MS", Arial;
  padding: 5px;
  border: 1px solid #0D5EAF;
}

.textarea {
  resize: vertical;
  min-height: 100px;
  line-height: 1.3rem;
}

/* structure */

html, body {
  height: 100%;
  font: 16px "Trebuchet MS",Arial;
}

/* main */

.middle {
  width: 1200px;
  margin: 30px auto 0 auto;
  display: flex;
  justify-content: space-between;
}

.middleLeft {
  width: 850px;
}

.middleRight {
  width: 320px;
}

.middleTitle {
  background: #0D5EAF;
  height: 60px;
  font: bold 1.65rem/60px "PT Sans Narrow",Arial;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-left: calc(50% - 600px);
}

/* header */

.top {
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.topLogo {
  width: 186px;
  margin-right: 60px;
}

.topLogo img {
  display: block;
  width: 186px;
  height: 54px;
}

.topIcons {
  display: flex;
  position: relative;
  margin-left: auto;
}

.topIcon {
  display: block;
}

.topIcons > a + a {
  margin-left: 15px;
}

.topIcon > img {
  display: block;
  width: 34px;
  height: 34px;
}

.topIconHome {
  display: block;
}

.topIconHome > img {
  width: 21px;
  height: 20px;
  display: block;
  margin: 5px 0;
}

.topSearch {
  display: block;
  border: 1px solid #919191;
  border-radius: 5px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}

.topSearch > img {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 7px 0 0 7px;
}

.topSearchForm {
  position: absolute;
  top: 0;
  left: 0;
  height: 34px;
  border: 1px solid #919191;
  border-radius: 5px;
  display: flex;
  padding: 0 7px;
  background: #FFFFFF;

  visibility: hidden;
  transition: left 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.topSearchForm input {
  display: block;
  border: 0;
  padding: 0;
  width: 0;
  transition: width 0.2s ease-in-out;
}

.topSearchForm button {
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  background: transparent;
  display: block;
}

.topSearchForm button::-moz-focus-inner {
  padding: 0;
  border: none;
}

.topSearchForm button > img {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.topSearchFormVisible {
  visibility: visible;
  left: -150px;
}

.topSearchFormVisible input {
  width: 150px;
}

.topMenu > ul {
  display: flex;
  align-items: center;
}

.topMenu > ul > li {
  display: inline-block;
}

.topMenu > ul > li > a {
  font: bold 1.4rem "PT Sans Narrow", Arial;
  line-height: 30px;
  text-decoration: none;
  text-transform: uppercase;
  color: #999999;
  padding: 7px 0 7px 0;
  border-bottom: 0 solid #0D5EAF;
}

.topMenu > ul > li > a:hover {
  border-bottom-width: 5px;
  padding-bottom: 2px;
}

.topMenu > ul > li + li {
  margin-left: 30px;
}

.topMenu > ul > li > a.topMenuSelected {
  color: #0D5EAF;
}

/* footer */

.footer {
  height: 160px;
  background: url(/_resources/images/bkFooter.png) no-repeat 50% 0 #0D5EAF;
}

.footerLinks {
  height: 125px;
  width: 1200px;
  margin: 0 auto;
  display: table;
}

.footerLinks > div {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  font: bold 1.2rem "PT Sans Narrow",Arial;
  color: #FFFFFF;
}

.footerLinks > div > a {
  color: #FFFFFF;
  text-decoration: none;
}

.footerLinks > div > a:hover {
  text-decoration: underline;
}

.footerCopyright {
  height: 35px;
  margin: 0 auto;
  text-align: center;
  font: 0.85rem/35px "PT Sans Narrow",Arial;
  color: #FFFFFF;
}

/* sidebar */

.rightRibbon {
  width: 320px;
  height: 60px;
  background-image: url(/_resources/images/bkRibbon.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 60px;
  padding-left: 15px;
  font: bold 1.3em/40px "PT Sans Narrow",Arial;
  text-transform: uppercase;
  color:#FFFFFF;
  margin-bottom: 15px;
}

.rightBox, .rightAd {
  margin-bottom: 30px;
}

.rightLink {
  color: #333333;
  line-height: 1.4rem;
}

.middleRight p {
  width: 290px;
}

/* home */

.homeTop > img {
  width: 100%;
}

.homeIntro {
  margin-bottom: 30px;
}

.homeIntro h1, .homeMap h1, .homeCategories h1 {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  font: bold 2.3rem "PT Sans Narrow";
  color: #0D5EAF;
}

.homeText {
  display: flex;
  flex-direction: column;
  width: 570px;
  color: #333333;
  line-height: 1.3rem;
  user-select: none;
}

.homeCategories {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.homeCategories a {
  display: block;
  position: relative;
  margin-bottom: 30px;
}

.homeCategories img {
  display: block;
  border-radius: 5px;
}

.homeCategories p {
  position: absolute;
  top: 10px;
  left: 15px;
  margin: 0;
  font: bold 2rem "PT Sans Narrow";
  color: #FFFFFF;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
}

.homeCategoryDark p {
  color: #000000;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
}

.homeCategorySmall img {
  width: 190px;
  height: 230px;
  object-fit: cover;
}

.homeRecent {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.homeRecent h1 {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  font: bold 2.3rem "PT Sans Narrow";
  color: #0D5EAF;
}

.homeRecentArticle {
  display: block;
  width: 190px;
}

.homeRecentArticle img {
  width: 190px;
  display: block;
  border-radius: 5px;
  margin-bottom: 15px;
}

.homeRecentArticle p {
  font: 1.2rem "PT Sans Narrow";
  margin: 0;
}

/* article list */

.list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.listArticle {
  width: calc(50% - 15px);
  margin-bottom: 30px;
}

.listArticleWide {
  width: 100%;
}

.listArticleWide .listImage {
  aspect-ratio: 3/1;
  object-fit: cover;
}

.listImage {
  border-radius: 5px;
  margin-bottom: 15px;
  width: 100%;
}

.listTitle {
  margin-bottom: 15px;
}

.listTitle > a {
  color: #0D5EAF;
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: none;

  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listTitle > a:hover {
  text-decoration: underline;
}

.listBody {
  color: #999999;
  font-size: 1rem;
  line-height: 1.3rem;
  font-weight: normal;
}

/* tag-uri */

.tagFilter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.tagFilterTag {
	font: 1.1rem/2rem "PT Sans Narrow",Arial;
	text-decoration: none;
	color: #0D5EAF;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
  border: 1px solid #0D5EAF;
  padding: 0 15px;
  margin: 0 5px 5px 0;
}

.tagFilterTag:hover {
  background-color: rgb(13,94,175,0.2);
}

.tagFilterTagSelected {
  background-color: #0D5EAF;
  color: #FFFFFF;
}

/* category */

.category {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* article */

.article {
  margin-bottom: 30px;
  line-height: 1.3rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.articleAd {
  margin-top: 15px;
}

.articleBooking {
  margin-bottom: 15px;
}

.articleReservation {
  background-color: #0D5EAF;
  display: flex;
  justify-content: center;
  padding: 15px 0;
}

.articleReservation > a {
  font: bold 1.2rem/40px "PT Sans Narrow",Arial;
  text-decoration: none;
  background-color: #FFFFFF;
  color: #0D5EAF;
  display: inline-block;
  padding: 0 15px;
  text-transform: uppercase;
  border: 0;
  cursor: pointer;
}

.ferryReservation, .articleButton {
  background-color: #DDDDDD;
  display: flex;
  justify-content: center;
  padding: 15px 0;
}

.article h2, .subTitle, .category h2 {
  font-family: "PT Sans Narrow", Arial;
  font-size: 1.7rem;
  font-weight: bold;
  color: #0D5EAF;
  margin-bottom: 15px;
}

.article h3, .category h3 {
  font-family: "PT Sans Narrow", Arial;
  font-size: 1.35rem;
  font-weight: bold;
  color: #E25822;
  margin-bottom: 15px;
}

.article table {
  width: 100%;
}

.article td, .article th {
  border: 1px solid #0D5EAF;
  padding: 5px;
}

.article th {
  background-color: #0D5EAF;
  color: #FFFFFF;
}

.article td p, .article th p {
  margin-bottom: 0;
}

.article td p + p, .article th p + p {
  margin-top: 15px;
}

.article table {
  margin-bottom: 15px;
}

.article ul, .articleTOC ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 15px;
  padding-left: 15px;
}

.articleTOC {
  padding: 15px;
  background-color: #CCCCCC;
}

.articleTOC > ul {
  margin-bottom: 0;
}

.articleTOC:not(:last-child) {
  margin-bottom: 15px;
}

/* inline images */

.articleImageContainer::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.articleImageContainer {
  display: block;
  position: relative;
  margin: 0;
}

.articleImageAlt {
  display: block;
  margin-top: 5px;
  opacity: 0.5;
  font-style: italic;
  text-align: right;
  text-align: center;
}

.articleImage {
  width: 100%;
  border-radius: 5px;
}

/* end inline images */

.articleCover {
  width: 100%;
  height: 480px;
  position: relative;
}

.articleCover picture {
  display: block;
  width: 100%;
  height: 100%;
}

.articleCover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.articleCover::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(8,60,112,100) 0, rgba(8, 60, 112,0) 30%);
}

.articleCoverTitle {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 0 30px;

  font-family: "PT Sans Narrow", Arial;
  font-size: 3.5rem;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
  text-align: center;
}

.articleLinks {
  display: flex;
}

.articleLinks > a {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 28px;
  margin-right: 15px;

  font: bold 1.2rem "PT Sans Narrow", Arial;
  text-decoration: none;
  text-transform: uppercase;
}

.articleLinks > a:hover {
  color: #FF5300;
}

.articleShare {
  background-image: url('/_resources/images/iconFacebook.svg');
}

/* related */

.related {
  margin-bottom: 30px;
}

.relatedTitle {
  font-family: "PT Sans Narrow", Arial;
  font-size: 1.65rem;
  font-weight: bold;
  color: #0D5EAF;
  margin-bottom: 15px;
}

.relatedList {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.relatedArticle {
  width: calc(20% - 12px);
}

.relatedArticle + .relatedArticle {
  margin-left: 15px;
}

.relatedArticle > a {
  font-size: 1.1rem;
  font-family: "PT Sans Narrow", Arial;
}

.relatedArticle img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 5px;
}

/* comments */

.commentsTitle {
  font-family: "PT Sans Narrow", Arial;
  font-size: 1.65rem;
  font-weight: bold;
  color: #0D5EAF;
  margin-bottom: 15px;
}

.comments {
  margin-bottom: 30px;
}

.commentsNew {
  margin-bottom: 15px;
}

.commentsNew p {
  line-height: 1.3rem;
  margin-bottom: 15px;
  border: 1px solid #86AED7;
  padding: 15px;
}

.commentsForm {
  margin-bottom: 10px;
}

.commentsWidget {
  display: block;
  margin-bottom: 5px;
  width: 100%;
}

.commentsWidgetError {
  border: 2px solid #FF5300;
}

.commentsFormHidden {
  display: none;
}

.commentsCaptchaError {
  color: #FF5300;
  margin-bottom: 5px;
}

.comment {
  background: #DDDDDD;
  padding: 20px 20px 28px 20px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.commentHighlight {
  background: #DDDDDD;
  padding: 20px 20px 28px 20px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 2px solid #FF5300;
}

.commentsNotApproved {
  opacity: 0.4;
}

.commentsHeader {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.commentsUser {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  margin-bottom: 5px;
  padding-left: 22px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11 8.2l-.9-.3c1.3-.8 2.1-2.2 2.1-3.7s-.8-2.9-2.1-3.7C8.8-.3 7.2-.3 5.9.5c-1.3.8-2.1 2.2-2.1 3.7s.8 2.9 2.1 3.7l-.9.3C2.6 9.3.8 11.6.5 14.3c0 .9.7 1.7 1.6 1.7h11.8c.9 0 1.6-.8 1.6-1.7-.3-2.7-2.1-5-4.5-6.1z" fill="%236f6f6f"/></svg>');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  margin-right: 10px;
}

.commentsAdmin {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23e5bb07" d="M8 .4l2.5 5 5.5.8-4 3.9.9 5.5L8 13l-4.9 2.6.9-5.5-4-3.9 5.5-.8z"/></svg>');
}

.commentsEmail::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><g fill="%236f6f6f" fill-rule="nonzero"><path d="M8.552 8.048a.803.803 0 0 1-1.072 0L.696 1.88A1.6 1.6 0 0 1 1.6 1.6h12.8a1.6 1.6 0 0 1 .904.28L8.552 8.048Z"/><path d="M16 3.408V12c0 1.317-1.083 2.4-2.4 2.4H2.4A2.411 2.411 0 0 1 0 12V3.408l6.944 6.336a1.6 1.6 0 0 0 2.12-.016L16 3.408Z"/></g></svg>');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.commentsDate {
  font-size: 0.7em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.commentsIcons {
  display: flex;
}

.commentsIcon {
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 22px;
  font-size: 1em;
  margin-top: 15px;
}

.commentsIcon + .commentsIcon {
  margin-left: 10px;
}

.commentsIcon > a {
  color: inherit;
  opacity: 0.5;
}

.commentsDelete {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle fill="%230D5EAF" cx="8" cy="8" r="8"/><path fill="%23FFF" d="M11.9 5.5l-1.4-1.4L8 6.6 5.5 4.1 4.1 5.5 6.6 8l-2.5 2.5 1.4 1.4L8 9.4l2.5 2.5 1.4-1.4L9.4 8z"/></svg>');
}

.commentsApprove {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8" style="fill:%230d5eaf"/><path d="M7.405 8.899 10.2 4.096l1.733 1.009-3.947 6.782L3.92 8.733l1.229-1.584 2.256 1.75Z" style="fill:%23fff"/></svg>');
}

.commentsFirstReply {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 23"><path fill="%23B2B2B2" d="M21.2 14.3l-9-7.5v5.1h-.3c-.3 0-.7.1-1.1.1H9.7c-.4 0-.9-.1-1.4-.1-.5 0-1-.2-1.5-.3-.3-.1-.5-.2-.8-.3-.2-.1-.5-.2-.8-.4l-.7-.5c-.3-.2-.5-.4-.7-.6l-.6-.6c-.2-.3-.4-.5-.5-.8-.4-.5-.6-1-.8-1.6-.2-.6-.4-1.2-.5-1.7-.1-.6-.1-1.1-.2-1.7 0-1 .1-1.9.2-2.5.1-.6.2-.9.2-.9s-.2.3-.5.9C.9 1.4.6 2.3.3 3.4.2 3.9.1 4.5 0 5.1v2.1c.1.7.2 1.5.5 2.2.1.4.3.8.4 1.1.2.4.3.8.6 1.1.2.3.4.7.7 1 .2.4.5.7.8 1 .3.3.6.5.9.8.3.3.6.5 1 .7.7.4 1.3.8 2 1.1.7.3 1.3.6 1.9.7.6.2 1.2.3 1.7.4.4.1.8.1 1.1.2.3 0 .5.1.6.1v5.1l9-8.4z"/></svg>');
  background-size: 22px 23px;
  background-repeat: no-repeat;
}

.comments0  { margin-bottom: 10px; }
.comments1  { padding-left:  30px; background-position:   0px 0; margin-bottom: 10px; }
.comments2  { padding-left:  60px; background-position:  30px 0; margin-bottom: 10px; }
.comments3  { padding-left:  90px; background-position:  60px 0; margin-bottom: 10px; }
.comments4  { padding-left: 120px; background-position:  90px 0; margin-bottom: 10px; }
.comments5  { padding-left: 150px; background-position: 120px 0; margin-bottom: 10px; }
.comments6  { padding-left: 180px; background-position: 150px 0; margin-bottom: 10px; }
.comments7  { padding-left: 210px; background-position: 180px 0; margin-bottom: 10px; }
.comments8  { padding-left: 240px; background-position: 210px 0; margin-bottom: 10px; }
.comments9  { padding-left: 270px; background-position: 240px 0; margin-bottom: 10px; }
.comments10 { padding-left: 300px; background-position: 270px 0; margin-bottom: 10px; }

.commentsReply {
  border: 1px solid #E25822;
  background: #FFFFFF;
  color: #E25822;
}

.commentsNotification {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}

.commentsNotification input {
  display: block;
  margin: 0;
  padding: 0;
}

.commentsNotification label {
  display: block;
  margin-left: 10px;
  font-size: 0.9em;
}

.commentsUnsubscribe {
  margin-bottom: 10px;
  padding: 20px;
  background-color: #E25822;
  text-align: center;
  color: #FFFFFF;
}

/* weather */

.weatherWidget {
  visibility:hidden;
  position:absolute;
  top:-1000px;
  left:0;
}

.weatherIcon {
  width:100px;
  height:100px;
  overflow:hidden;
  position:relative;
  margin-right:15px;
}

.weatherIcon>img {
  position:absolute;
  top:0;
  left:-45px;
}

.weatherTemperature {
  font:bold 2.5em/40px "PT Sans Narrow",Arial;
  color:#0d5eaf;
  margin-bottom:5px;
}

.weatherDescription {
  margin-bottom:5px;
}

.weatherTime {
  font:0.6em;
  margin-bottom:15px;
  color:#bbb;
}

.weatherMy {
  display:table;
}

.weatherMy>div {
  display:table-cell;
  vertical-align:top;
}

/* cazare */

.mapContainer {
  width: 100%;
  height: 500px;
  margin-bottom: 15px;
  border-radius: 5px;
}

.mapLegend {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 15px;
}

.mapLegend ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.mapLegend li {
  margin-left: 15px;
}

.mapLegend input {
  display: none;
}

.mapLegend input:checked + label::before {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M5.172 8 .586 3.414 3.414.586 8 5.172 12.586.586l2.828 2.828L10.828 8l4.586 4.586-2.828 2.828L8 10.829l-4.586 4.585-2.828-2.828L5.172 8Z" style="fill:%230D5EAF" transform="translate(-.632 -.632) scale(1.07901)"/></svg>');
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.mapLegend label {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.mapLegend label::before {
  content: ' ';
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #0D5EAF;
  margin-right: 5px;
}

.cazareNav {
  margin-bottom: 30px;
  line-height: 1.6;
}

.cazareNavSelected {
  background: #0D5EAF;
  color: #FFFFFF;
  border-radius: 3px;
  padding: 3px;
  text-decoration: none;
}

.cazare {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 15px 0;
}

.cazare > * {
  display: flex;
  flex-direction: column;
  align-items: start;

  width: calc(50% - 7.5px);
  margin-top: 15px;
  padding: 10px;
  border: 1px solid #AAAAAA;
}

.cazareTitle {
  color: #0D5EAF;
  font-size: 1.2em;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 15px;
}

.cazareTip {
  opacity: 0.5;
}

.cazareContact {
  margin-top: 5px;
}

.cazareContact > * + * {
  margin-right: 15px;
}

.cazareWebsite, .cazareTelefoane, .cazareEmail {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.cazareWebsite {
  background-image: url(/_resources/images/iconCazareLink.png);
}

.cazareTelefoane {
  background-image: url(/_resources/images/iconCazareMobil.png);
}

.cazareEmail {
  background-image: url(/_resources/images/iconCazareEmail.png);
}

.cazareBooking {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  margin-top: 15px;
}

.cazareBooking > a {
  padding: 0 10px;
  background-color: #0D5EAF;
  font-size: 1.1rem;
  line-height: 36px;
}

.cazareMore {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 15px 0;
  border: 0;
  background-color: #DDDDDD;
}

/* dialog */

.dialog {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.dialogVisible {
  display: block;
}

.dialogContent {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  padding: 30px;
  width: 600px;
  max-width: 100%;
}

.dialog label {
  display: block;
  margin-bottom: 5px;
}

.dialog input, .dialog textarea {
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid #0D5EAF;
  padding: 0 7px;
  line-height: 2.1rem;
  display: block;
}

.dialog textarea {
  line-height: normal;
  padding: 7px;
  resize: none;
  height: 5rem;
}

.dialog .error {
  outline: 2px solid #FF5300;
}

.dialogError {
  margin-left: 10px;
  color: #FF5300;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-63 155.5 16 16"><path d="M-47.1 169.5l-7-13.1c-.2-.3-.5-.5-.9-.5s-.7.2-.9.5l-7 13.1c-.2.3-.2.7 0 1 .2.3.5.5.9.5h14c.4 0 .7-.2.9-.5.1-.3.1-.7 0-1zm-7.9-.5c-.6 0-1-.5-1-1 0-.6.5-1 1-1 .6 0 1 .5 1 1s-.4 1-1 1zm1-4c0 .6-.5 1-1 1-.6 0-1-.4-1-1v-4c0-.6.5-1 1-1 .6 0 1 .5 1 1v4z" fill="%23ff5300"/></svg>');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 20px;
}

.dialogClose {
  background-color: #CCCCCC;
}

.dialogIcon > img {
  display: block;
  width: 56px;
  margin: 0 auto;
}

.dialogText {
  text-align: center;
}

/* ads */

.bWide {
  width: 100%;
  height: 230px;
  margin-bottom: 30px;
  border-radius: 5px;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  align-items: center;
  background-color: #0D5EAF;
}

.bWide > div:nth-child(2) {
  font-family: "PT Sans Narrow",Arial;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
}

.bWide > div:nth-child(2) > :nth-child(1) {
  font-size: 1.375rem;
  opacity: 0.5;
}

.bWide > div:nth-child(2) > :nth-child(2) {
  font-size: 1.75rem;
  text-transform: uppercase;
  margin-bottom: 0;
}

.bWide > div:nth-child(2) > :nth-child(3) {
  font-size: 1.375rem;
}

.bWide > div:nth-child(2) > :nth-child(4) {
  font-size: 1.2rem;
  line-height: 40px;
  background-color: #FFFFFF;
  color: #0D5EAF;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 0;
}

.bRight {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 230px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #0D5EAF;
}

.bRight > div:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.bRight > div:nth-child(1) > img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  opacity: 0.2;
}

.bRight > div:nth-child(2) {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.bRight > div:nth-child(2) {
  font-family: "PT Sans Narrow",Arial;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
}

.bRight > div:nth-child(2) > :nth-child(1) {
  font-size: 1.375rem;
  opacity: 0.5;
  width: auto;
}

.bRight > div:nth-child(2) > :nth-child(2) {
  font-size: 1.75rem;
  text-transform: uppercase;
  margin-bottom: 0;
  width: auto;
}

.bRight > div:nth-child(2) > :nth-child(3) {
  font-size: 1.375rem;
  width: auto;
}

.bRight > div:nth-child(2) > :nth-child(4) {
  font-size: 1.2rem;
  line-height: 40px;
  background-color: #FFFFFF;
  color: #0D5EAF;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 0;
  width: auto;
}