div {
 float: left; 
 position: relative; 
 height: auto;
}

.flw100 {
 width: 100%; 
}

.flw50 {
 width: 50%; 
}

.flw15 {
 width: 15%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


.flw33 {
 width: 33%; 
}

.flw66 {
 width: 66%; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw66, .flw33 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR {
 float: right; 
}

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

.text-center {
 text-align: center; 
}

.font-bold { font-weight: bold; }

.text-right {
 text-align: right; 
}

.text-left {
 text-align: left; 
}
/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.overauto { overflow: auto; }

.bord-box { 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

/* select period control - START */

.selectPeriod {
 display: inline-block; 
 width: 16px; 
 height: 16px; 
}

.selectPeriodSubM {
 display: block; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 10; 
 background: white; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 11;
 font-size: 11px; 
}

.selectPeriodLink:hover { background: rgb(235,235,235); }

/* select period control - END */

.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }
.padTop50 { padding-top: 50px; }
.padTop100 { padding-top: 100px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }
.margTop30 { margin-top: 30px; }
.margTop40 { margin-top: 40px; }
.margTop50 { margin-top: 50px; }
.margTop100 { margin-top: 100px; }

.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.padBot100 { padding-bottom: 100px; }

.margBot5 { margin-bottom: 5px; }
.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }
.margBot50 { margin-bottom: 50px; }
.margBot100 { margin-bottom: 100px; }

/* MULTY SELECT - START */

.multySelectValues {
 border: 1px solid silver; 
 min-height: 12px; 
 height: auto; 
 width: 100%; 
 background: white;
 margin-bottom: 3px; 
}

.multSelectIn { 
 width: 100%; font-size: 11px; color: black; min-height: 16px; float: left; position: relative; 
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center right; 
 padding: 4px 20px 4px 5px; 
}

.multSelectSubs { 
 position: absolute; 
 top: 16px; 
 background: white; 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 width: 100%; 
 left: 0px; 
 max-height: 250px; 
 overflow: auto; 
 z-index: 999999; 
 padding: 5px; 
}


/* MULTY SELECT - END */

/* TRANSITIONS */
.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

body {
 background: white; 
 margin: 0px; 
 padding: 0px; 
 overflow-x: hidden; 
 font-family: Arial,Helvetica,sans-serif;
}

a, a:visited, a:active, .red-text {
 text-decoration: none; 
 color: rgb(209,12,25);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

a:hover { color: rgb(247,169,52); }

.mainFont { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: rgb(51,51,51);  }
.mainFont76 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: rgb(76,76,76);  }
@media screen and (max-width: 600px) { .mainFont76, .mainFont { font-size: 12px; } }

.trans04, .srchIsIn input, input.srchSubmit, .srchSubmit, .stickTop, .click2home, .transpA, a.transpA, 
.tireOn, .tireOff, .dotOn, .dotOff, .homeKare4, .homeKare4 img, .greyA, a.greyA, .destkare, .destkare img, .newsImg img, 
.newsReadMore a, .fLink, .tLink, a.fLink, a.tLink, .trigMenu, .trigSearch, .hotelKare, .hotelKarePic img, .dest2blur, 
.contSubmit input, .red-text, .blogMenu a, .arrL, .arrR, .docPayOnlineSubmit input {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}


.fullW, .fullw {
 width: 1090px; 
 left: 50%; 
 margin-left: -545px; 
}

@media screen and (max-width: 1090px) {
	.fullW, .fullw{ 
	 width: 99%; 
	 left: 0px; 
	 margin-left: 0px; 
	 padding-left: 0.5%; 
	 padding-right: 0.5%; 
	}
}

header, main, footer {
 width: 100%; 
 height: auto; 
 float: left; 
 position: relative; 
}

nav { width: auto; height: auto; float: left; position: relative; }

.upcase {
 text-transform: uppercase; 
}

.stickHeighter { height: 50px; }

.airAbove { padding-top: 25px; }

.click2home {
 margin-top: 30px; 
 width: 160px; 
 height: 60px; 
}

.click2home  img { width: 100%; height: auto; }

@media screen and (max-width: 460px) { 
	.click2home { width: 120px; height: 35px; background: white; margin-top: 0px; }
}

#topHeader { min-height: 45px; }

.mainMenu { 
 float: right; 
 padding-top: 12px; 
}

.trigMenu {
 display: none; 
}

.menuIn, .menuInOn {
 font-size: 14px;
}

@media screen and (max-width: 900px) { 
 .trigMenu { 
  display: inline; 
  float: right;
  margin-left: 10px; 
  margin-top: 3px; 
  height: 40px; 
  padding: 7px 10px 5px 35px; 
  font-size: 14px; 
  border: 5px solid rgb(209,12,25);
  background:  rgb(209,12,25) url('img/3-lines.gif') no-repeat center left; 
  color: white;
 } 
 
 .click2home { margin-top: 0px; margin-bottom: 5px; }
 
 .menuIn { display: none; }
 
 .menuInOn {
  display: inline; 
  position: fixed; 
  top: 70px; 
  width: 100%; 
  left: 0px; 
  background: white;
  padding-top: 5px; 
  padding-bottom: 5px; 
  z-index: 2; 
 }
 
 .menuInOn .mainMenu, .stickTop .menuInOn .mainMenu { padding-top: 0px; }
 
 .stickTop .menuInOn  { top: 50px; }
 
 .menuInOn .pageIn .buttonClick, .menuInOn .pageLink  .buttonClick,
 .stickTop .menuInOn .pageIn .buttonClick, .stickTop .menuInOn .pageLink  .buttonClick { padding: 7px 10px 7px 10px; } 
 .menuInOn .subMenu { top: 27px; }
 .menuInOn .pageIn .buttonClick { color: white; }
 
 .airAbove { padding-top: 10px; }
 .mainMenu { padding-top: 10px; }
 .trigMenu:hover { background: rgb(247,169,52) url('img/3-lines.gif') no-repeat center left; border: 5px solid rgb(247,169,52); }
} /* media 900 */

@media screen and (max-width: 460px) { 
	.menuInOn { top: 45px; }
	.airAbove { padding-top: 0px; }
	.mainMenu { padding-top: 0px; }
}


.pageIn .buttonClick, .pageLink  .buttonClick {
 padding: 10px 10px 30px 10px; 
 text-transform: uppercase;
}
.pageIn, .pageLink, .pageIn div, .pageLink div {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

.pageIn {  background: rgb(209,12,25); color: white; }
.pageLink, .pageLink a, .pageLink a:visited { color: rgb(178,178,178); }


.pageLink:hover .buttonClick a, .pageLink:hover .buttonClick a:visited, .pageLink:hover .buttonClick a:active {
 color: white;
}

.pageLink:hover  { 
   background: rgb(247,169,52);
}

.pageIn .subMenu { background: rgb(209,12,25); }
.pageLink .subMenu { background: rgb(247,169,52); }

.subMenu {
 width: 230px; 
 position: absolute; 
 top: 50px; 
 left: 0px; 
 display: inline; 
 padding: 10px 0px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 z-index: 2; 
}
.subMenu a, .subMenu a:visited, .subMenu a:active { 
 color: white; 
 text-transform: uppercase; 
 display: inline-block; 
 width: 100%; 
 padding: 5px 15px 5px 15px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.subMenu a:hover { background: rgb(209,12,25); }

.searchAndMenu { float: right; max-width: calc(100% - 180px); }

.srchIsIn, .srchInOn {
 float: right; 
 width: 195px; 
 height: 35px; 
 border: 1px solid rgb(204,204,204); 
 border-radius: 17px; 
 overflow: hidden; 
}

.srchIsIn input, .srchInOn input {
 width: 130px; 
 margin-left: 10px; 
 height: 28px; 
 border: 1px solid white; 
 background: white; 
}

.srchIsIn input:focus, .srchInOn input:focus{
  border-bottom: 1px solid rgb(209,12,25);  
}

input.srchSubmit {
 width: 36px; 
 height: 28px; 
 border: 1px solid white; 
 background: white url('img/lupa.jpg') no-repeat center center; 
 cursor: pointer; 
}
input.srchSubmit:hover { background: url('img/lupa-hover.jpg') no-repeat center center;  }

.stickTop { position: fixed; top: 0px; left: 0px; background: rgba(255,255,255,0.97); border-bottom: 1px solid rgb(229,229,229); z-index: 2; }
.stickTop .airAbove { padding-top: 0px; }
.stickTop .srchIsIn { display: none; }
.stickTop .click2home { margin-top: 0px; width: 120px; height: 45px; }
.stickTop .mainMenu { padding-top: 0px;  }

.stickTop .pageIn .buttonClick, .stickTop .pageLink  .buttonClick {
 padding: 10px 10px 20px 10px; 
}
.stickTop .subMenu { top: 40px;  }

.trigSearch { display: none; }
.trigSearch:hover { background: url('img/lupa-hover.jpg') no-repeat center center; }

@media screen and (max-width: 540px) {
 .srchIsIn { display: none; }
 .srchIsOn { 
 display: inline; 
 position: fixed; 
 width: 100%; 
 left: 0px; 
 top: 70px; 
 background: white; 
 padding-bottom: 5px; 
 z-index: 2;
 }
 
 .stickTop .srchIsOn { top: 46px; }
 .srchIsOn input { 
 width: 90%; 
 padding-left: 3%; 
 padding-right: 3%; 
 margin-left: 2%;
 height: 30px; 
 border: 1px solid rgb(204,204,204); 
 border-radius: 17px; 
 }
 
 .srchIsOn input.srchSubmit { display: none; }
 
 .trigSearch { 
  display: inline; 
  float: right; 
  width: 40px; height: 40px; 
  background: url('img/lupa.jpg') no-repeat center center; 
 }
 .trigMenu { 
  display: inline; 
  float: right;
  margin-left: 10px; 
  margin-top: 3px; 
  height: 40px; 
  padding: 0px; 
  width: 40px; 
  font-size: 14px; 
  border: 5px solid rgb(209,12,25);
  background:  rgb(209,12,25) url('img/3-lines.gif') no-repeat center left; 
  color: white;
  font-size: 1px; 
  line-height: 1px!important; 
  padding-top: 3px; text-align: center; 
 } 
} 

@media screen and (max-width: 460px) { .srchIsOn { top: 46px; } }

.homeFrames {
 width: 100%; 
 height: 530px; 
 background: rgb(229,229,229); 
 overflow: hidden; 
}

.blogFrame {
 width: 100%; 
 height: 215px; 
 background: rgb(229,229,229); 
 overflow: hidden; 
}

.homeFrame {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 100%; 
}

.picHD { width: 1920px; left: 50%; margin-left: -960px; }
.pic1400 { display: none; }
.picHotel { width: 1060px; left:50%; margin-left: -530px; text-align: center; }

.picHD img, .pic1400 img, .picHotel img { max-width: 100%; height: auto; }

.hotelLabel { position: absolute; top: 100%; margin-top: -95px; left: 0px; width: 100%; }

@media screen and (max-width: 1400px) { 
 .picHD { display: none; }
 .pic1400 { display: inline; left: 50%; margin-left: -700px; width: 1400px; }
}

@media screen and (max-height: 700px) and (min-width: 1000px) { 
 .blogFrame { height: 178px; }
 .homeFrames { height: 440px; }
 .homeFrame .pic1400 { display: none; }
 .picHD { display: inline; width: 1600px; margin-left; -800px; }
 .picHotel { width: 880px; left:50%; margin-left: -440px; }
}

@media screen and (max-height: 600px) and (min-width: 1000px) { 
 .picHotel { width: 880px; left:50%; margin-left: -440px; }
 .blogFrame { height: 155px; }
 .homeFrames { height: 385px; }
 .homeFrame .pic1400 { display: none; }
 .picHD { display: inline; width: 1400px; margin-left: -700px; }
}


@media screen and (max-width: 1000px) { 
 .picHotel { width: 880px; left:50%; margin-left: -440px; }
 .blogFrame { height: 150px; }
 .homeFrames { height: 375px; } .homeFrame .pic1400 { width: 1000px; left: 50%; margin-left: -500px; }
}

@media screen and (max-width: 800px) { 
 .picHotel { width: 750px; left:50%; margin-left: -375px; }
 .blogFrame { height: 120px; }
 .homeFrames { height: 300px; } .homeFrame .pic1400 { width: 800px; left: 50%; margin-left: -400px; }
}

@media screen and (max-width: 600px) { 
 .picHotel { width: 500px; left: 50%; margin-left: -250px; }
 .blogFrame { height: 90px; }
 .homeFrames { height: 225px; } .homeFrame .pic1400 { width: 600px; left: 50%; margin-left: -300px; }
}

@media screen and (max-width: 480px) { 
 .picHotel { width: 400px; left: 50%; margin-left: -200px; }
 .hotelLabel { margin-top: -60px; }
 .blogFrame { height: 70px; }
 .homeFrames { height: 180px; } .homeFrame .pic1400 { width: 480px; left: 50%; margin-left: -240px; }
}

.frameLabel { 
position: absolute; 
top: 43%; 
left: 0px; 
width: 100%; 
color: white; 
text-shadow: -1px 2px 5px rgba(0,0,0,0.4); 
font-size: 16px; 
}

.labelBig, h1.labelBig { 
 color: white; 
 display: inline-block; 
 font-size: 52px; 
 text-transform: uppercase; 
 margin: 0px; 
 padding: 0px; 
 font-weight: normal; 
}

.transpA, a.transpA:visited, a.transpA:active { display: inline-block; 
border: 2px solid white; 
color: white; 
padding: 16px;
min-width: 140px; 
background: rgba(255,255,255,0.4); 
text-shadow: -1px 2px 4px rgba(0,0,0,0.8); 
}
a.transpA:hover { background: rgb(209,12,25); color: white; }

@media screen and (max-width: 800px) { h1.labelBig, .labelBig { font-size: 36px; } .frameLabel .margTop40 { margin-top: 10px; } }
@media screen and (max-width: 600px) { h1.labelBig, .labelBig { font-size: 24px; } .frameLabel { font-size: 14px; top: 30%; } 
 .transpA { padding: 10px; min-width: 120px; }
}
@media screen and (max-width: 480px) { .frameLabel { top: 20%; } h1.labelBig, .labelBig  { font-size: 18px; } .frameLabel .margTop40 { margin-top: 5px; }}

.frameDots {
 position: absolute; 
 top: 89.6%; 
 left: 0px; 
 width: 100%; 
}

.tireOn, .tireOff { display: inline-block; margin: 0px 5px; border: 2px solid white; width: 22px; height: 22px; }
.tireOn { background: white; }
.tireOff { cursor: pointer; }
.tireOff:hover { background: rgb(209,12,25); }
@media screen and (max-width: 600px) { .frameDots { top: 82%; } }

.fullw990 { width: 990px; left: 50%; margin-left: -495px; }
@media screen and (max-width: 990px) { .fullw990 { width: 99%; left: 0px; margin-left: 1%; margin-right: 1%; } }

.fullw830 { width: 830px; left: 50%; margin-left: -415px; }
@media screen and (max-width: 830px) { .fullw830 { width: 99%; left: 0px; margin-left: 1%; margin-right: 1%; } }

.fullw770 { width: 770px; left: 50%; margin-left: -385px; }
@media screen and (max-width: 770px) { .fullw770 { width: 99%; left: 0px; margin-left: 1%; margin-right: 1%; } }

h1, h2, h3 { display: inline-block; text-align: center; width: 100%; 
 font-weight: normal; color: rgb(102,102,102); font-size: 24px; margin: 20px 0px; padding: 0px; 
 text-transform: uppercase; 
}
h1::after, h2::after, h3::after {
 content: ''; 
 display: inline-block; 
 width: 34px; 
 height: 2px; 
 top: -10px; 
 position: relative; 
 font-size: 1px; 
 background: rgb(102,102,102); 
}

h1.labelBig::after { display: none; }

@media screen and (max-width: 600px) { h1, h2, h3 { font-size: 18px; }}

.plus10 { width: calc(100% + 10px); min-width: calc(100% + 10px); }

.homeKare4 {
 width: 49%; 
 margin-right: 1%; 
 overflow: hidden; 
 margin-bottom: 7px; 
 max-height: 312px; 
}
.homeKare4 img { width: 100%; height: auto; max-height: 100%; }
.homeKare4:hover img { margin-left: -1%; width: 102%; }
@media screen and (max-width: 490px) { .homeKare4 { width: 100%; margin-right: 0px;  } }

.TRcorner { position: absolute; top: 0px; left: 100%; margin-left: -37px; width: 37px; height: 37px; 
 background: url('img/home-4-kares/TR-corner.gif') no-repeat top right; 
 }
 
.BLcorner { position: absolute; top: 100%; left: 0px; margin-top: -37px; width: 37px; height: 37px; 
 background: url('img/home-4-kares/BL-corner.gif') no-repeat top right; 
 }
  
.picLabel, a.picLabel:visited {
 display: inline-block; 
 position: absolute; 
 top: 100%; margin-top: -65px; 
 left: 16%; 
 width: 68%; 
 text-align: center;
 padding: 18px 10px; 
 background: rgba(255,255,255,0.75); 
 color: rgb(102,102,102); 
}
.homeKare4:hover .picLabel, .homeKare4:hover a.picLabel, .homeKare4:hover a.picLabel:visited,
.picLabel:hover, a.picLabel:hover, .destkare:hover .picLabel, .destkare:hover a.picLabel, .destkare:hover a.picLabel:visited { 
color: white; background: rgba(209,12,25,0.75);
}

.greyA, a.greyA:visited, a.greyA:active { display: inline-block; 
border: 2px solid rgb(102,102,102); 
color: rgb(102,102,102); 
padding: 16px;
min-width: 140px; 
background: rgba(255,255,255,0.2); 
}
a.greyA:hover { background: rgb(209,12,25); color: white; }

@media screen and (max-width: 600px) { .greyA { padding: 10px; min-width: 120px; } }

.greyBack { background: rgb(229,229,229); }

.destkare {
 width: 320px; 
 margin-right: 10px; 
 height: 314px; 
 overflow: hidden; 
 font-size: 16px; 
 display: inline-block; 	
 float: none; 
}


.hotelKare {
 display: inline-block; 
 float: none; 
 width: 320px; 
 margin-right: 10px; 
 overflow: hidden; 
 font-size: 14px; 
 min-height: 400px; 
 margin-bottom: 20px; 
 text-align: left; 
}

.hotelKarePic { width: 100%; max-height: 310px; overflow: hidden; margin-bottom: 25px; }
.hotelKarePic img { width: 100%; height: auto; }
.hotelKare:hover .hotelKarePic img { width: 102%; height: auto; margin-left: -1%; margin-top: -3px; }

@media screen and (max-width: 330px) { 
 .hotelKare {
  float: left; 
  width: 100%; 
  min-height: auto; 
 }
 .hotelKarePic { height: auto; }

}

.hotelKare a, .hotelKare a:visited, .hotelKare a:active {
 color: rgb(76,76,76); 
 display: inline-block; 
 margin-bottom: 5px; 
}
.hotelKare:hover a, .hotelKare:hover a:visited {  color: rgb(209,12,25); }

.destkare img { height: 100%; width: auto; margin-left: -75%; }
.destkare:hover img { margin-left: -77%; }

@media screen and (max-width: 800px) { .destkare { width: 50%; margin-bottom: 10px; } }
@media screen and (max-width: 480px) { .destkare { width: 100%; margin-right: 0px; } .destkare img { margin-left: -60%; } }

.newsInHome {
 width: 50%; 
 padding-right: 20px; 
 height: 150px; 
}

.newsImg {
 width: 150px; 
 height: 130px; 
 overflow: hidden; 
 margin-right: 10px; 
}

.newsImg img { height: 100%; width: auto; }
.newsInHome:hover .newsImg img { height: 102%; margin-top: -1%; }

.newsAnons {
 position: absolute; 
 top: 0px; 
 left: 160px; 
 width: calc(100% - 170px); 
 overflow: hidden; 
 line-height: 14px!important; 
 font-size: 12px; 
 height: 70px; 
}
.newsReadMore {
 position: absolute; 
 top: 0px; 
 left: 160px; 
 width: calc(100% - 170px); 
 line-height: 14px!important; 
 font-size: 14px; 
 top: 116px; 
}

.newsReadMore a, .newsReadMore a:visited { color: rgb(102,102,102); }
.newsReadMore a:hover, .newsInHome:hover a, .newsInHome:hover a:visited { color: rgb(209,12,25);}

@media screen and (max-width: 600px) { .newsInHome { width: 100%; margin-bottom: 10px; } }

.theFooter.mainFont { color: white; }

.theFooter {
 width: 100%; 
 background: rgb(51,51,51); 
 color: white; 
 padding-top: 70px; 
 font-size: 12px; 
}
.theFooter a, .theFooter a:visited, .theFooter a:active { color: white; }
.theFooter a:hover {  color: rgb(209,12,25); }

.colNonW { width: 20%; padding-right: 10px; margin-bottom: 20px; }
.colFootW { width: 25%; padding-right: 10px; margin-bottom: 20px; }

.footSocial { width: 10%; text-align: right; margin-bottom: 20px; }

@media screen and (max-width: 800px) { .theFooter { font-size: 12px; padding-top: 50px; } }

@media screen and (max-width: 600px) { .colNonW, .colFootW,  .footSocial { width: 96%; padding-left: 4%; text-align: left; } 
 .theFooter { padding-top: 30px; }
}

.fLink { 
 display: inline-block; width: 20px; height: 21px; 
 background: url('img/f-link.jpg') no-repeat center center; 
 margin-top: 5px; 
}
.fLink:hover {background: url('img/f-link-hover.jpg') no-repeat center center; }
.tLink { 
 display: inline-block; width: 25px; height: 21px; 
 background: url('img/t-link.jpg') no-repeat center center; 
 margin-top: 5px; 
}
.tLink:hover { background: url('img/t-link-hover.jpg') no-repeat center center; }

.credits { padding-bottom: 10px; font-size: 12px; }

.initHeight { max-height: 136px; overflow: hidden; line-height: 17px; }
.initHeight p {padding: 0px; margin-bottom: 17px; } 

.dest2line {
 width: 100%; 
 height: 610px; 
 overflow: hidden; 
 background: rgb(229,229,229); 
}

.aboutLine2 {
 width: 100%; 
 height: 450px; 
 overflow: hidden; 
 background: rgb(229,229,229); 
}

.dest2blur {
 position: absolute; 
 width: 50%; 
 margin-top: 30px; 
 left: 0px; 
 height: 580px; 
 background: rgba(255,255,255,0.7);
}

.info2txt {
 float: right; width: 470px; margin-right: 70px; 
}

@media screen and (max-width: 1090px) { 
 .dest2blur { width: 70%; }
} 
@media screen and (max-width: 795px) { 
 .dest2blur { width: 90%; }
} 
@media screen and (max-width: 620px) { 
 .dest2blur { width: 100%; }
 .info2txt { width: 90%; margin-left: 5%; margin-right: 5%; }
} 

.dotOn, .dotOff { display: inline-block; margin: 0px 5px; border: 2px solid rgb(204,204,204); width: 22px; height: 22px; }
.dotOn { background: rgb(204,204,204); }
.dotOff { cursor: pointer; }
.dotOff:hover { background: rgb(209,12,25); }

.aboutDests {
 margin-top: -360px; 
 padding: 30px 100px; 
 background: rgba(246,246,246,0.95); 
 min-height: 365px; 
}
@media screen and (max-width: 600px) { .aboutDests { padding: 15px 20px; min-height: 50px; } }

.contBack { background: rgb(246,246,246); }

.contLocation { 
 float: none; 
 display: inline-block; 
 padding-left: 80px; 
 background: url('img/cont-location.jpg') no-repeat top left; 
 min-height: 80px; 
 min-height: 80px; 
 text-align: left; 
 max-width: 100%; 
}
.contLocation p { margin-top: 0px; padding-top: 0px; }

.contForm .flwA { width: 100%; }
.contForm input, .contForm select { width: 97%; border: 1px solid rgb(178,178,178); margin-top: 10px; margin-bottom: 20px; height: 45px; }
.contForm textarea { width: 99%; border: 1px solid rgb(178,178,178); margin-top: 10px; margin-bottom: 20px; height: 315px; }

.padL15 { padding-left: 15px; }
.padR15 { padding-right: 15px; }

.sectype input { max-width: 145px; }
.sectype img { vertical-align: middle; }

@media screen and (max-width: 480px) { 
.contForm input, .contForm select, .contForm textarea { margin-top: 5px; margin-bottom: 10px;}
.contForm textarea { height: 200px; } 
.padL15 { padding-left: 0px; padding-bottom: 10px; }
.padR15 { padding-right: 0px; padding-bottom: 10px; }
.sectype input { max-width: 100px; }
}

.contSubmit input, .docPayOnlineSubmit input {
border: 2px solid rgb(102,102,102); 
color: rgb(102,102,102); 
padding: 12px;
min-width: 150px; 
background: rgba(255,255,255,0.2);
text-transform: uppercase; 
font-size: 16px; 
cursor: pointer; 
}
.contSubmit input:hover, .docPayOnlineSubmit input:hover { background: rgb(209,12,25); color: white; }

.back4map { background: rgb(239,239,239); }

.BGmap { width: 100%; } .BGmap img { width: 100%; height: auto; }

.mapDot { width: 16px; height: 16px; border-radius: 8px; background: rgb(209,12,25);}
@media screen and (max-width: 480px) { 
 .mapDot { width: 8px; height: 8px; border-radius: 4px; background: rgb(209,12,25);}
}

.blogMainCol { width: 64%; }
.blogMainCol img { max-width: 100%; height: auto; }

.blogMenu { float: right; width: 32.3%; padding: 40px 20px; background: rgb(239,239,239); }
.blogMenu img { max-width: 50%; max-width: 110px; height: auto; margin-bottom: 5px; }

.blogMenu h2 { display: inline-block; width: 100%; padding: 0px; margin-top: 0px; margin-bottom: 15px; text-transform: uppercase; 
 color: rgb(76,76,76); font-size: 16px; width: 100%; text-align: left; font-weight: bold; }
.blogMainCol h2::after, .blogMenu h2::after { display: none; }

.blogMainCol h2 { display: inline-block; width: 100%; padding: 0px; margin-top: 10px; margin-bottom: 5px; text-transform: none; 
 color: rgb(76,76,76); font-size: 14px; width: 100%; text-align: left; font-weight: bold; }
.blogMainCol p { margin-top: 0px; margin-bottom: 20px; }

.blogMenu a, .blogMenu a:visited {
 display: inline-block; width: 100%; padding-bottom: 25px; 
 color: rgb(76,76,76); 
}
.blogMenu a:hover { color: rgb(209,12,25); }

@media screen and (max-width: 480px) {
 .blogMainCol, .blogMenu { width: 99%; float: left; }
 .blogMenu { padding: 15px 10px; }
 .blogMenu h2 { font-size: 14px; }
 .blogMenu a, .blogMenu a:visited { width: 47%; margin-right: 3%; float: left; }
}

.hotelName {
 width: 100%; 
 background: rgb(246,246,246); 
 padding: 25px 0px; 
}
.hotelName h1 { font-size: 20px!important; font-weight: normal; padding: 0px; margin: 0px; text-transform: none; }
.hotelName h1::after { display:none;}

@media screen and (max-width: 680px) { .hotelName h1 { font-size: 16px!important; } .hotelName { padding: 15px 0px; } }

.hotelGallContainer {
 width: 960px; 
 height: 80px; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -470px; 
}

@media screen and (max-width: 1000px) { .hotelGallContainer { width: 840px; margin-left: -410px; } }
@media screen and (max-width: 880px) { .hotelGallContainer { width: 720px; margin-left: -350px; } }
@media screen and (max-width: 760px) { .hotelGallContainer { width: 600px; margin-left: -290px; } }
@media screen and (max-width: 640px) { .hotelGallContainer { width: 480px; margin-left: -230px; } }
@media screen and (max-width: 520px) { .hotelGallContainer { width: 360px; margin-left: -170px; } }
@media screen and (max-width: 420px) { .hotelGallContainer { width: 240px; margin-left: -110px; } }
@media screen and (max-width: 300px) { .hotelGallContainer { width: 120px; margin-left: -55px; } }

.gallBelt { width: 10000px; height: 80px; position: absolute; top: 0px; left: 0px; }

.gallThumb { width: 110px; margin-right: 10px; height: 80px; background: rgb(229,229,229); overflow: hidden; }
.gallThumb img { width: 100%; height: auto; min-height: 100%; }

.arrL {
 position: absolute; 
 top: 50%; 
 left: 0px; 
 width: 25px; 
 height: 46px; 
 margin-top: -23px; 
 background: url('img/arr-L.gif') no-repeat center left;
}
.arrL:hover { background: url('img/arr-L-hover.gif') no-repeat center left; }
.arrR {
 position: absolute; 
 top: 50%; 
 left: 100%; 
 margin-left: -25px; 
 width: 25px; 
 height: 46px; 
 margin-top: -23px; 
 background: url('img/arr-R.gif') no-repeat center right;
}
.arrR:hover { background: url('img/arr-R-hover.gif') no-repeat center left; }

.bell { background: url('img/hotel-bell.jpg') no-repeat bottom center; }
@media screen and (max-width: 515px) { .bell { background-size: 100% auto; } }

.facilities { background: rgba(229,229,229,0.8); padding: 50px 90px; }

.hotelFacs { display: inline-block; width: 100%; margin:0px; padding: 0px; }

ul.hotelFacs li {
 list-style-type: none;  
 margin-left: 2px; 
 font-size: inherit; 
 font-family: inherit; 
 display: inline-block; 
 list-style-position: outside;
 margin-bottom: 6px; 
 float: left; 
 width: 23%; 
 padding-right: 2%; 
 position: relative;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-left: 18px;  
 color: inherit; 
}

li p { margin-top: 0px; margin-bottom: 0px; padding: 0px; }

ul.hotelFacs li.facilOn::before { 
    content: ' ';
    background-color: rgb(148,148,148);
    display: inline-block; 	
    width: 12px; 
	height: 12px; 
	border-radius: 6px; 
	font-size: 1px; 
	position: absolute; 
	left: -1px; 
	top: 2px; 	
}
ul.hotelFacs li.facilOff { color: rgb(190,190,190); }

ul.hotelFacs li.facilOff::before { 
    content: ' ';
    background-color: rgb(243,243,243);
    display: inline-block; 	
    width: 12px; 
	height: 12px; 
	border-radius: 6px; 
	font-size: 1px; 
	position: absolute; 
	left: -1px; 
	top: 2px; 	
}

@media screen and (max-width: 800px) { ul.hotelFacs li { width: 31%; } .facilities { padding: 20px 20px; } }
@media screen and (max-width: 600px) { ul.hotelFacs li { width: 48%; } }
@media screen and (max-width: 380px) { ul.hotelFacs li { width: 96%; } }


.text2cols {
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
 
 -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
 -moz-column-gap: 30px; /* Firefox */
 column-gap: 30px;
}

@media screen and (max-width: 600px) { .text2cols { 
 -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
} }

.docPayOnlineSubmit { width: 100%; padding-top: 10px; }

#gtc_rvpos { margin-bottom: 20px; }
#freePayAlerts { margin-bottom: 10px; }


.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(79,191,237);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(79,191,237);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(79,191,237); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(79,191,237);
}
div {
 float: left; 
 position: relative;
}

.realContText p, .realContText td {
 font-family: arial; font-size: 14px;
 font-family: Arial,Helvetica,sans-serif;
}

a, a:visited,  a:active {
 text-decoration: none; 
 color: rgb(209,12,25);
 border: 0px; 
}

a:hover {
 text-decoration: none; 
 color: rgb(247,169,52);
}

a img {
 border: 0; 
}

.realContText h1, .realContText td h1 {
 display: inline-block; 
 text-align: center; 
 width: 100%; 
 font-weight: normal; color: rgb(102,102,102); font-size: 24px; margin: 20px 0px; padding: 0px; 
 text-transform: uppercase; 
}

.realContText h2, .realContText td h2 {
 display: inline-block; 
 text-align: center; 
 width: 100%; 
 font-weight: normal; color: rgb(102,102,102); font-size: 24px; margin: 20px 0px; padding: 0px; 
 text-transform: uppercase; 
}

.realContText h3, .realContText td h3 {
display: inline-block; 
 text-align: center; 
 width: 100%; 
 font-weight: normal; color: rgb(102,102,102); font-size: 24px; margin: 20px 0px; padding: 0px; 
 text-transform: uppercase; 
 }

.realContText h4, .realContText td h4 {
 font: normal 13px arial; 
 margin-bottom: 0px;
 color: rgb(102,102,102);
}

.realContText h5, .realContText td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
}


.realContText h6, .realContText td h6 {
 font: normal 12px arial; 
 margin-bottom: 5px;
 margin-top: 0px;
}

.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}