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

.flw10 { width: 10%; }
.flw15 { width: 15%; }
.flw20 { width: 20%; }
.flw25 { width: 25%; }
.flw30 { width: 30%; }
.flw33 { width: 33%; }
.flw40 { width: 40%; }
.flw50 { width: 50%; }
.flw60 { width: 60%; }
.flw66 { width: 66%; }
.flw67 { width: 67%; }
.flw70 { width: 70%; }
.flw80 { width: 80%; }
.flw85 { width: 85%; }
.flw90 { width: 90%; }
.flw100 { width: 100%; }

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85 {
 float: left; 
 position: relative; 
 height: auto; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.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); }

.doc_user_row.doc_paid_row .docCell { background: rgba(100,255,100,0.4); }
.doc_user_row.doc_unpaid_row .docCell { background: rgba(255,100,100,0.4); }

@media screen and (max-width: 440px) {	
 .docCell { width: 100%; min-height: 10px; border-bottom: 2px solid white; }
 .doc_user_row { margin-top: 10px; }
 .doc_user_head_row { display: none; }
}

.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!important; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 20; 
 background: white; 
 position: absolute!important; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 30;
 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;
 color: rgb(30,30,30); 
 margin-bottom: 3px; 
 text-align: left!important; 
}

.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; 
 color: rgb(30,30,30); 
 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; 
 text-align: left!important; 
}

.multSelectSubs input { width: auto!important; display:inline-block; height: auto!important; padding-right: 3px;  }

/* 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;
}

.loadIndicator { width: 100%; height: 14px; border: 1px solid black; background: white; margin-top: 5px; margin-bottom: 5px;  } 
.loadStatus { position: absolute; top: 0px; left: 0px; width: 0%;  height: 14px; 
 background: rgb(100,255,100) url('javascript/ajax-loader.gif') no-repeat center center;
 background-size: auto 100%; 
}

.streamFileName { width: 100%; color: green; margin-top: 2px; margin-bottom: 2px; }

.smallLoader { 
 background-color: rgb(240,240,240);
 background-image: url('javascript/ajax-loader.gif');
 background-size: 15px 15px;
 background-position: center center;
 background-repeat: no-repeat; 
 
}

.OKresult { 
 color: rgb(0,155,0); 
 background: white; 
 padding: 2px; 
 margin-bottom: 3px; 
}

.bord20prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 min-height: 3px; 
}

.bord80prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 min-height: 3px; 
}

.invalid, input.invalid, select.invalid, textarea.invalid {
 -webkit-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -webkit-transition:  0.3s; /* Safari */
 transition: 0.3s;
}

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

.alertInBlur {
 left: 50%; 
 margin-left: -220px; 
 width: 400px; 
 top: 50%;
 margin-top: -100px; 
 position: fixed; 
 padding: 20px; 
 background: white; 
 color: red; 
 border: 1px solid rgb(51,51,51); 
 border-radius: 10px; 
 z-index: 1000000; 
}

.alertClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -20px;
 margin-top: -10px; 
 width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}
.alertClose:hover { background: rgb(127,127,127); }

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

@media screen and (max-width: 440px) {	
 .alertInBlur { left: 5%; width: 80%; padding: 10px 5%; margin-left: 0px; margin-top: -130px; }
}

.mailValidity { position: absolute; top: 100%!important; left: 0px!important; font-size: 11px; margin-top: -12px; line-height: 11px; }

.loadAboveMain { 
 display: none; 
 position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; Z-INDEX: 9999999;
 background: rgba(0,0,0,0.4); 
 text-align: center; 
}

.loadAboveIn {
 display: inline-block; float: none; text-align: left; 
 overflow: hidden; width: calc(100% - 20px); height: calc(100% - 10px); margin-top: 5px; z-index: 99999;
 max-width: 1300px; 
 background: white url('javascript/ajax-loader.gif') no-repeat center center; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 border-radius: 10px; 		  
 -webkit-box-shadow: 0px 0px 3px 3px rgb(0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);	  
 -webkit-overflow-scrolling: touch;  
}

.loadAboveIn.loadAboveWhite {
 background-color: white; 
 background-image: none!important; 
 overflow-y: auto!important; 
 padding: 10px; 
}

.loadAboveIn iframe {
 -webkit-overflow-scrolling: touch!important;  
 overflow: scroll!important; 
 width: 100%; height: 100%; 
 border: none; 
}

.loadAboveClose {
 position: fixed; top: 3px; left: 100%; margin-left: -35px; width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 z-index: 999999; 
}

.loadAboveClose:hover { background: rgb(127,127,127); }

@media screen and (min-width: 1310px) {	
 .loadAboveClose {left: 50%; margin-left: 615px;}
}

.econt_reg_select, .econt_reg_select_input, .econt_city_select, .econt_city_select_input, .econt_quarter_select, 
.econt_quarter_select_input, .econt_other_select, .econt_other_select_input, .econt_street_block, .econt_delivery_radios, 
.econt_office_fld, .econt_office_select, .econt_office_select_input, .econt_office_info, 
.econt_address_flds {
 width: 100%; 
}

.econt_street_select, .econt_street_select_input { width: 70%; }
.econt_streetnum_select, .econt_streetnum_select_input { width: 28%; padding-left: 2%; }

.datalist_def {
 background-image: url('img/img-common/point-bot-grey.gif'); 
 background-position: center right; 
 background-repeat: no-repeat; 
 background-size: 7px 30%; 
}

.datalist-clear {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white; 
 width: 14px!important; height: 14px; border-radius: 5px; 
 border: 1px solid rgb(160,160,160); 
 color: rgb(160,160,160); 
 text-align: center; 
 margin-top: -8px; margin-left: -36px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 14px;
 transition: 0.2s;
 cursor: pointer; 
}
.datalist-clear:hover { color: rgb(30,30,30); border: 1px solid rgb(30,30,30)!important; }

.datalist-dropdown {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white url('img/img-common/point-bot-grey.gif') no-repeat center center; 
 width: 20px!important; height: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 
 border: 1px solid rgb(180,180,180); 
 text-align: center; 
 margin-top: -10px; margin-left: -18px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 15px;
 cursor: pointer; 
}
.datalist-dropdown:hover {
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center center; 
}

.dateFlow .calContainer { display: inline-block; float: none; width: auto; }
body {
 background: white; 
 margin: 0px; 
 padding: 0px; 
 overflow-x: hidden; 
 font-family: 'Noto Sans', sans-serif, Arial, Helvetica;
 color: rgb(76,76,76);  
}

a, a:visited, a:active, .blueH {
 text-decoration: none; 
 color: rgb(0,51,153);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

a:hover { color: rgb(89,172,232); }

a, .trans04, ul.mainMenuUL li.pageLink, ul.mainMenuUL li.pageLink a, .picBlur, .dotOff, .dotOn, .bookSubmit input, .objPic img, 
a.blueA, .blueA, a.whiteA, .whiteA, .click2home, .stickTop, a.deepA, .deepA, .submitFrm input, .subMenuUl, 
.searchIn select,  .searchIn input, .submitForm input, .hotelKare, .homeKareImg img, .promoDiscount, .fSign, .footcol input, 
.fullHeight, .easyBookExplain.fullHeight, .arrL, .arrR, .bookDivClass, .boxOn, .boxOff, #findHotelButton input, .docPayOnlineSubmit input {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

.inspire1, .inspire2, .inspire1 img, .inspire2  img  {
 -webkit-transition:  0.6s; /* Safari */
 -moz-transition: 0.6s; 
 transition: 0.6s;
}

.mainFont { 
 font-family: 'Noto Sans', sans-serif, Arial, Helvetica; font-size: 14px; color: rgb(51,51,51); line-height: 16px;   
}
@media screen and (max-width: 600px) { .mainFont { font-size: 13px; line-height: 15px; } }

.max1320 { width: 100%; max-width: 1320px; padding-left: 5px; padding-right: 5px; }
.max1000 { width: 100%; max-width: 1000px; padding-left: 5px; padding-right: 5px; }
.max1100 { width: 100%; max-width: 1110px; padding-left: 5px; padding-right: 5px; }
.max1130 { width: 100%; max-width: 1140px; padding-left: 5px; padding-right: 5px; }
.max960 { width: 100%; max-width: 970px; padding-left: 5px; padding-right: 5px; }
.max830 { width: 100%; max-width: 840px; padding-left: 5px; padding-right: 5px; }
.max340 { width: 100%; max-width: 350px; padding-left: 5px; padding-right: 5px; }
.max1040 { width: 100%; max-width: 1050px; padding-left: 5px; padding-right: 5px; }

.floatmid { float: none; display: inline-block; }

.click2home { 
 width: 150px; height: 51px; margin-top: 30px; 
 background-image: url('img/logo.png');
 background-repeat: no-repeat; 
 background-size: 100% 100%; 
 background-position: center center; 
}

.headMenus { float: right; width: calc(100% - 160px); text-align: right; }

.langsIn { width: 100%; font-family: 'Bad Script', cursive; color: rgb(0,51,153); padding-top: 20px; }
.langsIn a, .langsIn a:visited { color: rgb(89,172,232); display:inline-block; margin-left: 3px; margin-right: 3px; }
.langsIn a:hover { color: rgb(0,51,153); }

.allMenu, .allMenuOn {
 width: 100%; 
 float: right; 
}

ul.mainMenuUL { 
 display: inline-block; 
 text-transform: uppercase; 
 color: rgb(0,51,153);
 font-size: 16px; 
 margin-top: 0px; 
 margin-bottom: 10px; 
}

li.pageIn, li.pageIn { display: inline-block; padding: 10px; 
 border-bottom: 5px solid rgb(89,172,232); 
}

.pageLink, li.pageLink { display: inline-block; padding: 0px;  }
.pageLink a, .pageLink a:visited { display: inline-block; padding: 10px; border-bottom: 5px solid white; }
.pageLink a:hover { border-bottom: 5px solid rgb(0,51,153); }

.subMenuUl { 
 display: none; 
 position: absolute; 
 left: 0px; 
 top: 37px!important; 
 z-index: 10; 
 margin-top: -1px; 
 width: 1000px; 
 background: white; 
 padding: 15px 10px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 -webkit-box-shadow: 0px 10px 10px 10px rgb(89,172,232,0.4);
 -moz-box-shadow: 0px 10px 10px 10px rgb(89,172,232,0.4);
 box-shadow: 0px 10px 10px 10px rgb(89,172,232,0.4);
 text-align: left; 
 overflow: auto; 
}



li.pageLink:hover .subMenuUl, li.pageIn:hover .subMenuUl { display: inline; }

ul.mainMenuUL li { 
 list-style-type: none;  
 font-size: inherit; 
 font-family: inherit; 
 display: inline-block; 
 list-style-position: outside;
} 

li.LiResortsTitle { width: 100%; display: inline-block; list-style-type: none;  list-style-position: outside; 
 text-align: center; 
 font-family: 'Bad Script', cursive!important; color: rgb(0,51,153); font-size: 18px; 
 padding-top: 10px; 
 padding-bottom: 7px; 
}

ul.subMenuUl li { 
 min-width: 33%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

ul.subMenuUl li.pageIn, ul.subMenuUl li.pageLink a { padding: 2px 4px; }
ul.subMenuUl { overflow: auto; }

@media screen and (max-width: 1000px) { .subMenuUl { width: 880px; } }

@media screen and (max-width: 899px) { 
 ul.mainMenuUL { font-size: 14px; }
 .pageLink a, .pageLink a:visited { padding: 7px; }
 .subMenuUl { width: 780px; }
}

.trig_langs, .trig_menu { display: none; }
.trig_menu:hover { background: url('img/3-lines-hover.png') no-repeat center center; }

@media screen and (max-width: 799px) { 
 .subMenuUl, ul.subMenuUl { width: 680px; }
 .allMenu ul.mainMenuUL { display: none; }
 .trig_menu { 
  display: inline; 
  float: right; 
  margin-top: 15px; 
  margin-left: 20px;
  margin-right: 10px; 
  cursor: pointer;   
  width: 30px; height: 30px; 
  background: url('img/3-lines.png') no-repeat center center; 
  }  
  .click2home { width: 120px; height: 41px; margin-top: 2px; } 
  .headMenus { width: calc(100% - 180px); text-align: right; }
  .langsIn { padding-top: 10px; }

  .headMenus.mostMenu { width: 100%; }
  .allMenuOn { text-align: center; }
}  
@media screen and (max-width: 700px) { .subMenuUl, ul.subMenuUl { width: 630px; } }
@media screen and (max-width: 650px) { .subMenuUl, ul.subMenuUl { width: 480px; } }

@media screen and (max-width: 599px) { 
	.mainMenuOn { font-size: 12px; border-bottom: 1px solid rgba(89,172,232,0.4);  }

	.subMenuUl, ul.subMenuUl { 
	 width: 100%; max-height: 300px; 
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	 float: left; 
	 position: relative; 
	 padding: 4px 4px; 
	 top: 0px!important; 	  
	 -webkit-box-shadow: 0px 4px 4px 4px rgba(89,172,232,0.4);
	 -moz-box-shadow: 0px 4px 4px 4px rgba(89,172,232,0.4);
	 box-shadow: 0px 4px 4px 4px rgba(89,172,232,0.4);
	 margin-bottom: 5px; 
	} 
	.pageLink a, .pageLink a:visited , li.pageLink, li.pageIn {
	 min-width: 99%; 
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}	
	ul.subMenuUl li  { min-width: 48%; }
}

@media screen and (max-width: 459px) { 
 ul.subMenuUl li  { min-width: 98%; }
}

@media screen and (max-width: 539px) {
 .langsIn { display: none; }
 .trig_langs { 
  display: inline; 
  float: right; 
  margin-top: 15px; 
  margin-left: 20px;
  margin-right: 10px; 
  cursor: pointer;   
  width: 30px; height: 30px; 
  background: url('img/trig-langs.png') no-repeat center center; 
  }  
  .langsIn.topLangsOn { display: inline; position: fixed; top: 50px; background: white; 
  text-align: center; width: 100%; padding: 5px 0px; left: 0px; 
   -webkit-box-shadow: 0px 4px 4px 4px rgba(89,172,232,0.4);
   -moz-box-shadow: 0px 4px 4px 4px rgba(89,172,232,0.4);
   box-shadow: 0px 4px 4px 4px rgba(89,172,232,0.4);  
   z-index: 10; 
  }
}

.stickHeighter  { display: none; width: 100%; height: 80px; }

.stickTop { position: fixed; top: 0px; z-index: 2; left: 0px; background: rgba(255,255,255,0.95); 
   -webkit-box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);
   box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);  
}
.stickTop .langsIn { display: none; }
.stickTop .click2home { width: 120px; height: 41px; margin-top: 2px; }
.stickTop ul.mainMenuUL { margin-bottom: 0px; }
.stickTop .trig_langs { display: none; }

@media screen and (max-height: 1000px) { .subMenuUl { max-height: 740px; } }
@media screen and (max-height: 900px) { .subMenuUl { max-height: 640px; } }
@media screen and (max-height: 800px) { .subMenuUl { max-height: 540px; } }
@media screen and (max-height: 700px) { .subMenuUl { max-height: 440px; } }
@media screen and (max-height: 600px) { .subMenuUl { max-height: 340px; } }
@media screen and (max-height: 500px) { .subMenuUl { max-height: 250px; } }
@media screen and (max-height: 400px) { .subMenuUl { max-height: 180px; } }


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

.pageFrame { 
 width: 100%; 
 height: 290px; 
 overflow: hidden; 
 background: rgb(245,245,245); 
}

.homeFrame { width: 1920px; 
height: 720px; 
position: absolute; 
top: -90px; 
left: 50%; margin-left: -960px; 
}

.pageFrame .homeFrame { top: -210px; }

.homeFrame img { width: 100%; height: 100%; }

.mainSearch { margin-top: -500px; } 
.mainSearchResort { margin-top: -85px; } 

.frameLabel { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 text-align: center; 
 width: 1000px; 
 margin-left: -500px; 
 font-size: 56px;
 color: white; 
 text-shadow: 1px 1px 3px rgba(0,0,0,0.6); 
}
.pageFrame .frameLabel { margin-top: -30px; }

.frameLabel h1 { margin: 0px; padding: 0px; font-size: 56px;
 color: white; font-weight: normal; }

@media screen and (max-width: 1430px) {
 .homeFrame { width: 1430px; height: 536px; margin-left: -715px; top: 0px; }
 .pageFrame .frameLabel { margin-top: 0px; }
}

@media screen and (min-width: 1200px) and (max-height: 750px) {  
 .homeFrames { height: 435px; }
 .homeFrame { top: -50px; }
 .mainSearch { margin-top: -400px; } 
}

@media screen and (max-width: 1000px) {
 .mainSearch { margin-top: -350px; } 
 .mainSearch .searchIn { max-width: 96%; }
 .homeFrames { height: 375px; }
 .homeFrame { width: 1000px; height: 375px; margin-left: -500px;  }
 .frameLabel, .frameLabel h1 { font-size: 46px; }
 
 .pageFrame .homeFrame { top: -50px; }
}

@media screen and (max-width: 799px) {
 .mainSearch { margin-top: -20px; } 
 .homeFrames { height: 300px; }
 .homeFrame { width: 800px; height: 300px; margin-left: -400px;  }
 .frameLabel { font-size: 32px; }
 .pageFrame  { height: 200px; }
 .pageFrame .frameLabel { margin-top: -50px; }
 .pageFrame .homeFrame { top: -50px; }
}
@media screen and (max-width: 599px) { 
 .pageFrame { height: 180px; }
 .homeFrames { height: 200px; }
 .homeFrame { width: 600px; height: 225px; margin-left: -300px;  }
 .frameLabel, .frameLabel h1 { font-size: 24px; }
 .pageFrame .frameLabel { margin-top: -20px; }
}



.searchIn { background: rgb(90,172,232); padding: 20px 10px; 
 border-radius: 5px; 
 -webkit-box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);
   -moz-box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);
   box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);  
  text-align: left;  
  font-size: 14px; 
  line-height: 14px; 
  color: white;   
}

.advertLine .searchIn {
 -webkit-box-shadow: 0px 2px 6px 3px rgba(255,255,255,0);
   -moz-box-shadow: 0px 2px 6px 3px rgba(255,255,255,0);
   box-shadow: 0px 2px 6px 3px rgba(255,255,255,0);  
   margin-bottom: 30px; 
   
}

.destSelect { width: 27%; }
.dateSelect { width: 17%; }
.paxSelect { width: 9%; }
.submitForm { width: 21%; }
.flw100center.submitForm { width: 100%; }
.flw100center.submitForm input { max-width: 180px; }
.destSelect, .dateSelect, .paxSelect {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-right: 18px; 
 
}

.destSelect select,  .destSelect input, .dateSelect select,  .dateSelect input, .paxSelect select,  .paxSelect input {
 margin-top: 10px; 
 margin-bottom: 15px; 
 width: 99%; height: 40px; 
 border: 1px solid rgb(0,51,153); 
 background: rgb(112,195,255); 
 border-radius: 3px; 
}

.destSelect .flwA { width: 100%; }

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

.submitForm input, #findHotelButton input, .docPayOnlineSubmit input { 
 width: 90%; 
 background: rgb(0,51,153); 
 color: white; 
 text-transform: uppercase; 
 padding: 12px; 
 border: 1px solid rgb(0,51,153); 
 border-radius: 3px; 
 margin-top: 22px; 
 cursor: pointer; 
 -webkit-box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);
   -moz-box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);
   box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);  
}

#findHotelButton input, .docPayOnlineSubmit input { width: auto; min-width: 160px; }

.submitForm input:hover, #findHotelButton input:hover, .docPayOnlineSubmit input { background: rgb(30,81,183); }

.searchIn select:focus,  .searchIn input:focus, .submitForm input:hover {
 -webkit-box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);
   -moz-box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);
   box-shadow: 0px 2px 6px 3px rgba(255,255,255,0.4);  
}

@media screen and (max-width: 640px) { 
 .searchIn { font-size: 13px; }
 .destSelect, .submitForm { width: 100%; }
 .dateSelect, .paxSelect { width: 50%; }
 .destSelect select,  .destSelect input, .dateSelect select,  .dateSelect input, .paxSelect select,  .paxSelect input {
  margin-top: 5px; 
  margin-bottom: 10px; 
 } 
 .submitForm { text-align: center; }
 .submitForm input { margin-top: 10px; }
}

.backShellsHome { background: url('img/big-backs/shells-home.png') no-repeat bottom center; padding-bottom: 20px; min-height: 260px; }
.backShellsRight { background: url('img/big-backs/shells-right.png') no-repeat bottom center; padding-bottom: 40px; min-height: 260px; }
.backShells2R { background: url('img/big-backs/shells-2R.png') no-repeat bottom center; padding-bottom: 20px; min-height: 260px; }


.mainFont h1, .mainFont h2, .mainFont h3, .mainH { 
 display: inline-block; 
 width: 100%; 
 height: auto; 
 padding-bottom: 33px; 
 line-height: 20px; 
 margin-top: 10px; 
 margin-bottom: 20px; 
 background-image: url('img/h1-below.png');
 background-repeat: no-repeat;
 background-position: bottom center; 
 background-size: 110px 26px; 
 font-size: 18px; 
 color: rgb(0,51,153); 
 text-transform: uppercase; 
 font-weight: normal; 
}

.advertLine .mainFont h1, .advertLine  .mainFont h2, .advertLine  .mainFont h3, 
.searchIn h1, .searchIn h2, .searchIn h3 {
 color: white; 
 background: none;
 padding-bottom: 10px; 
}

.searchIn .whiteBack h1, .searchIn .whiteBack h2, .searchIn .whiteBack h3 {
 color: rgb(0,51,153); 
 background: none;
 padding-bottom: 10px; 
}

.advertLine .mainFont { color: white; }

.hotelKare {
 display: inline-block; 
 width: 298px; 
 min-height: 430px; 
 border: 1px solid rgb(204,204,204); 
 margin-left: 8px; 
 margin-right: 8px; 
 margin-bottom: 20px; 
 float: none; 
 color: rgb(0,51,153); 
 font-size: 14px; 
 line-height: 20px; 
 vertical-align: middle; 
}

.hotelKare:hover {
  border: 1px solid rgb(0,51,153);   
  box-shadow: 0px 5px 5px 5px rgb(0,51,153,0.2);
  -webkit-box-shadow: 0px 5px 5px 5px rgb(0,51,153,0.2);
  -moz-box-shadow: 0px 5px 5px 5px rgb(0,51,153,0.2);
}
.hotelKare span { color: rgb(178,178,178); }

.homeKareImg {
 width: 100%; 
 height: 200px; 
 overflow: hidden; 
 background: rgb(240,240,240); 
 margin-bottom: 20px; 
}

.homeKareImg img { max-width: 100%; height: auto; }
.hotelKare:hover .homeKareImg img { max-width: 102%;margin-left: -1%; }

.hotelNameA, a.hotelNameA, a.hotelNameA:visited { color: rgb(0,51,153); font-size: 20px; display: inline-block; line-height: 20px; width: 90%; text-align: center; padding-left: 5%; padding-right: 5%; margin-bottom: 10px; }

span.kareStay { color: rgb(153,204,102); }

.hotelKare .blueA { margin-top: 20px; }
.hotelKare .qView { margin-left: 5px; vertical-align: middle; margin-top: -4px; }

.qView, a.qView {
 display: inline-block; 
 background: white;
 border: 1px solid rgb(0,51,153);
 color: rgb(0,51,153); 
 text-transform: none; 
 text-align: center; 
 font-size: 12px; 
 line-height: 12px; 
 border-radius: 3px; 
 width: 40px;
 padding-top: 10px; 
 height: 50px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a.qView:hover {
 background: rgb(0,51,153); 
 color: white!important; 
}

a.blueA, .blueA, a.blueA:visited, .bookDivClass.cursPoint, .advertLine .whiteBack .blueA,
.advertLine .whiteBack a.blueA, .advertLine .whiteBack a.blueA:visited {
 display: inline-block; 
 padding: 15px 10px; 
 min-width: 140px; 
 background: rgb(0,51,153); 
 color: white; 
 text-transform: uppercase; 
 text-align: center; 
 font-size: 16px; 
 line-height: 18px; 
 border-radius: 3px; 
}
a.blueA:hover, .hotelKare:hover a.blueA, .hotelKare:hover  .blueA, .hotelKare:hover  a.blueA:visited, 
.bookDivClass.cursPoint:hover, 
.advertLine .whiteBack a.blueA:hover { background: rgb(89,172,232); color: white!important; }

.advertLine a, .advertLine a:visited  { color: rgb(89,172,232); }
.advertLine a:hover { color: rgb(230,230,230); }

.advertLine .blueA, .advertLine a.blueA, .advertLine a.blueA:visited { border: 1px solid white; background: rgba(255,255,255,0)!important; color: white!important; }
.advertLine .blueA:hover { background: rgb(0,51,153)!important; }

.promoDiscount { position: absolute; 
top: 12px; 
border-radius: 40px; 
left: 10px; 
background: rgb(153,204,102); 
color: rgb(255,204,0); 
text-align: center; 
padding-top: 27px; 
width: 80px; 
height: 80px; 
font-size: 24px; 
font-weight: bold;
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.hotelKare:hover .promoDiscount {
  box-shadow: 0px 5px 5px 5px rgb(255,255,255,0.2);
  -webkit-box-shadow: 0px 5px 5px 5px rgb(255,255,255,0.2);
  -moz-box-shadow: 0px 5px 5px 5px rgb(255,255,255,0.2);
 color: white;  
}

@media screen and (max-width: 320px) { .hotelKare { max-width: calc(100% - 20px); width: 260px; min-height: 50px; padding-bottom: 10px; } 
 .homeKareImg { height: 180px; }
}

a.whiteA, .whiteA, a.whiteA:visited {
 display: inline-block; 
 padding: 15px 10px; 
 min-width: 140px; 
 background: white;
 border: 1px solid rgb(0,51,153);
 color: rgb(0,51,153); 
 text-transform: uppercase; 
 text-align: center; 
 font-size: 16px; 
 border-radius: 3px; 
}
a.whiteA:hover { background: rgb(0,51,153); color: white!important; }

@media screen and (max-width: 559px) {  
 .blueA, .whiteA, a.blueA, a.whiteA, a.blueA:visited, a.whiteA:visited , 
 .inspireName, a.inspireName, a.inspireName:visited { font-size: 14px; }
}

.shadContainer { height: 30px; overflow: hidden; }
.shadTop { width: 100%; left: 0px; position: absolute; top: -1px; height: 1px; 
 box-shadow: 0px 0px 10px 10px rgb(153,204,102,1);
  /* -webkit-box-shadow: 0px 5px 5px 5px rgb(255,255,255,0.2);
  -moz-box-shadow: 0px 5px 5px 5px rgb(255,255,255,0.2); */
}

.shadInpiration {
 width: 100%; left: 0px; position: absolute; top: -1px; height: 1px; 
 box-shadow: 0px 0px 10px 10px rgb(89,172,232,1);
}

.shadSilver {
 width: 100%; left: 0px; position: absolute; top: -1px; height: 1px; 
 box-shadow: 0px 0px 10px 10px rgb(102,102,102,0.2);
}

.inspire1 { width: 54%; height: 310px; overflow: hidden; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; }
.inspire2 { width: 44%; height: 310px; overflow: hidden; margin-left: 0.5%; margin-right: 0.5%; margin-bottom: 10px; }

.inspire1 img, .inspire2 img { min-width: 100%; height: auto; min-height: 100%; }

.inspire1:hover, .inspire2:hover {
  box-shadow: 0px 0px 5px 5px rgb(0,51,153,0.6);
  -webkit-box-shadow: 0px 0px 5px 5px rgb(0,51,153,0.6);
  -moz-box-shadow: 0px 0px 5px 5px rgb(0,51,153,0.6);
} 

.inspire1:hover img, .inspire2:hover img {
 min-width: 102%;
 margin-left: -1%; 
}

.inspireName, a.inspireName, a.inspireName:visited { 
 position: absolute; 
 top: 100%; 
 left: 15px; 
 margin-top: -70px; 
 display: inline-block;
 padding: 15px; 
 min-width: 130px; 
 background: rgb(0,51,153);  
 color: white; 
 font-size: 18px; 
 text-transform: uppercase; 
 border-radius: 3px; 
}


.inspire1:hover a.inspireName, .inspire1:hover a.inspireName:visited, 
.inspire2:hover a.inspireName, .inspire2:hover a.inspireName:visited {
 background: rgb(89,172,232); 
}

@media screen and (max-width: 639px) { 
 .inspire1, .inspire2 { width: 99%; }
}

@media screen and (max-width: 559px) {  
 .blueA, .whiteA, a.blueA, a.whiteA, a.blueA:visited, a.whiteA:visited , 
 .inspireName, a.inspireName, a.inspireName:visited { font-size: 14px; }
}

.circle_sep {
 display: inline-block; 
 width: 120px; height: 30px;  
 vertical-align: middle; 
 background-image: url('img/h1-below.png'); 
 background-repeat: no-repeat; 
 background-position: bottom center;
 background-size: 100% 100%; 
 
}

.advertLine .circle_sep {
 background: url('img/h1-below-advert.png') no-repeat bottom center;
}

.footcol { 
width: 24%; margin-right: 1%; text-align: left; 
color: rgb(102,102,102); 
}

.footcol ul { margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; }

.footcol ul li { 
 list-style-type: none;  
 font-size: inherit; 
 font-family: inherit; 
 display: inline-block; 
 width: 100%; 
 padding-bottom: 3px; 
 margin-left: 0px; 
 padding-left: 0px; 
 list-style-position: outside;
} 

.footcol strong {  color: rgb(0,51,153); }

.fSign { display: inline-block; 
 width: 30px; height: 24px; 
 border-radius: 3px; 
 background: rgb(0,51,153); 
 color: white; 
 font-weight: bold; 
 font-size: 28px; 
 text-align: center; 
 padding-top: 6px; 
 text-transform: lowercase!important; 
 margin-top: 6px; 
}
a:hover span.fSign { background: rgb(89,172,232); }

.footcol p { margin-top: 0px; padding-top: 0px; margin-bottom: 12px; padding-bottom: 12px; }

.footcol input { width: 80%; padding: 8px; border: 1px solid rgb(0,51,153); height: 45px; text-transform: none; color: rgb(0,51,153); 
 margin-bottom: 10px; border-radius: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.footcol form { width: 100%; padding-bottom: 40px; display: block; }

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

.footcol input[type=button], .footcol input[type=submit] { 
 width: 80%; border: 1px solid rgb(0,51,153); height: 45px; text-transform: none; color: rgb(0,51,153); 
 margin-bottom: 10px; border-radius: 3px; background: rgb(0,51,153); color: white; padding: 0px; 
 text-transform: uppercase; 
 cursor: pointer; 
}
.footcol input[type=button]:hover { background: rgb(89,172,232); }

.creditsWWR { font-size: 12px; color: rgb(102,102,102); }

.iconLoc {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 45px; 
  background: url('img/icon-loc.png') no-repeat top left;  
  min-height: 44px;
  
}

.iconPhone {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 45px; 
  background: url('img/icon-phone.png') no-repeat top left;  
  min-height: 40px; 
}

.credits { padding-top: 5px; 
padding-bottom: 5px; 
font-size: 12px; 
color: rgb(102,102,102); }

@media screen and (max-width: 639px) {  
 .footcol { width: 96%; margin-left: 1%; margin-right: 2%; margin-bottom: 10px; }
}

.advertLine { 
 background-image: url('img/background-chairs.jpg'); 
 background-repeat: repeat-x; 
 background-position: center center; 
 background-size: 1920px auto; 
 padding-top: 70px; 
 padding-bottom: 50px; 
 color: white!important; 
}

@media screen and (max-width: 1430px) {  .advertLine { background-size: 1430px auto;  } }

.floatAdvert { 
 display: inline-block; 
 margin-left: 35px; 
 margin-right: 35px; 
 text-transform: uppercase; 
 font-size: 22px; 
 line-height: 26px; 
 margin-bottom: 40px; 
 min-width: 175px; 
}

.floatAdvert a, .floatAdvert a:visited {
 color: white; 
}


.blueBlur {
 position: absolute; 
 top: 0px; left: 0px; 
 width: 100%; height: 100%; 
 background: rgba(7,81,168,0.8);
}

.easyBook { 
 display: inline-block; float: none; 
 width: 34%; 
 margin-left: 7%; 
 margin-right: 7%; 
 margin-bottom: 50px; 
 vertical-align: top; 
}

@media screen and (max-width: 559px) {  
 .advertLine { padding-top: 30px; padding-bottom: 30px;  }
 .floatAdvert { width: 100%; margin-left: 0px; margin-right: 0px; font-size: 18px; line-height: 20px; margin-bottom: 30px; }
 .easyBook { width: 84%; max-width: 340px; }
}

.easyBookPic { min-height: 120px; text-align: center; margin-bottom: 10px; vertical-align: middle; }
.easyBookPic img { max-width: 100%; height: auto; }

.easyBook h3 {
 margin: 0px; 
 padding-top: 0px; 
 margin-bottom: 20px; 
 padding-bottom: 0px; 
 color: rgb(0,51,153);
 font-size: 20px;
 line-height: 20px;
 text-transform: none; 
 background: none!important; 
 padding-left: 20%; 
 padding-right: 20%; 
 width: 60%; 
 display: inline-block; 
}

.easyBookExplain {
 color: rgb(102,102,102);
 font-size: 14px; 
 line-height: 15px;
 height: 90px; 
 overflow: hidden; 
}

.easyBookExplain p { margin-top: 15px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }

.fullHeight { height: auto!important; 
  -webkit-transition:  0.6s; /* Safari */
 -moz-transition: 0.6s; 
 transition: 0.6s;
}

.thefoot { background: rgb(250,250,250); }

.blue2 { 
 background-color: rgb(89,172,232); 
 background-image: url('img/big-backs/blue2.jpg'); 
 background-repeat: no-repeat; 
 background-size: 100% 100%; 
 min-height: 240px; 
 background-position: center center; 
 height: auto; 
 overflow: hidden; 
}

.hotelImage { min-height: 240px; width: 64%; max-height: 535px; overflow: hidden; margin-bottom: -4px; }
.hotelImage img { max-width: 100%; height: auto; }

.hotelBrief { background-color: rgb(89,172,232);  
 width: 36%; 
 padding-top: 110px; 
 padding-left: 40px; 
 padding-right: 40px; 
}

.text-white { color: white!important; }

@media screen and (max-width: 799px) { 
 .hotelBrief { padding-top: 30px; padding-left: 20px; padding-right: 20px; }
 .hotelBrief .margTop30 { margin-top: 15px; }
 .hotelBrief .padBot30 { padding-bottom: 15px; }
}

@media screen and (max-width: 639px) { 
 .blue2 { background-image: none; }
 .hotelImage, .hotelBrief  { width: 100%; min-height: 50px; }
 .hotelBrief .blueA { margin-bottom: 10px; }
}

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

.mapContainer { width: 100%; min-height: 360px; }

.dotOn, .dotOff { display: inline-block; width: 25px; height: 25px; margin-left: 4px; margin-right: 4px; 
 -webkit-box-shadow: 0px 2px 2px 2px rgba(89,172,232,0.4);
   -moz-box-shadow: 0px 2px 2px 2px rgba(89,172,232,0.4);
   box-shadow: 0px 2px 2px 2px rgba(89,172,232,0.4);  
   border-radius: 4px; 
}

.thumbDots { position: absolute; left: 0px; width: 100%; height: auto; top: 100%; margin-top: -65px; }

.dotOn { background: white; }
.dotOff { background: rgb(0,51,153);  cursor: pointer; }
.dotOff:hover { background: rgb(89,172,232); }


.boxOn, .boxOff { 
 float: none; 
 display: inline-block; width: 25px; height: 25px; margin-left: 4px; margin-right: 4px; 
 padding-top: 0px; 
 line-height: 22px; 
 -webkit-box-shadow: 0px 2px 2px 2px rgba(89,172,232,0.4);
   -moz-box-shadow: 0px 2px 2px 2px rgba(89,172,232,0.4);
   box-shadow: 0px 2px 2px 2px rgba(89,172,232,0.4);  
   border-radius: 4px; 
   border: 1px solid rgb(0,51,153);
   color: white; 
   font-weight: bold; 
   background: white; 
   font-size: 18px; 
   text-align: center; 
   cursor: pointer; 
}

.boxOn { background: rgb(89,172,232); }


.arrL, .arrR {
 position: absolute; 
 top: 50%; 
 margin-top: -30px; 
 cursor: pointer; 
 width: 30px; 
 height: 60px; 
}
.arrL:hover, .arrR:hover { opacity: 0.4; }
.arrL { background: rgba(255,255,255,0.6) url('img/arr-l.png') no-repeat center left; left: 0px; 
 border-top-right-radius: 5px; 
 border-bottom-right-radius: 5px; 
}
.arrR { background: rgba(255,255,255,0.6) url('img/arr-r.png') no-repeat center right; left: 100%; margin-left: -30px; 
 border-top-left-radius: 5px; 
 border-bottom-left-radius: 5px; 
}

.tableCell, .bookDivClass { padding: 10px 5px; }
.whiteBack { background: white; }
.tableRow { border-bottom: 1px solid rgb(89,172,232); color: rgb(51,51,51)!important; font-size: 14px; }
.headRow { font-size: 1.2em; color: rgb(0,51,153); }

.tableCell strong { color: rgb(89,172,232); font-size: 1.05em; }

.padLR30 { padding-left: 30px; padding-right: 30px; }

.formCol  { width: 46%; padding-left: 2%; padding-right: 2%;  }
.formCol2  { width: 49%; padding-left: 0.5%; padding-right: 0.5%;  }
.formCol2 { text-align: left; }
.formCol .flw100 .flwA, .formCol2 .flw100 .flwA { width: 100%; }
.formCol input, .formCol select {
 width: 96%; 
 margin-top: 10px; 
 margin-bottom: 15px; 
 height: 40px; 
 border: 1px solid rgb(0,51,153); 
 background: rgb(112,195,255); 
 border-radius: 3px; 
}

.formCol2 input, .formCol2 textarea {
 width: 96%; 
 margin-top: 10px; 
 margin-bottom: 15px; 
 height: 40px; 
 border: 1px solid rgb(0,51,153); 
 background: rgb(white); 
 color: rgb(112,195,255); 
 border-radius: 3px; 
 font-size: 16px; 
}
.formCol2 textarea { height: 285px; }

.secImg { text-align: right; }
.secImg input { max-width: 120px; margin-right: 4%; }
.secImg img { vertical-align: middle; }

@media screen and (max-width: 459px) { 
 .formCol, .formCol2 { width: 99%; }
}

.boxFilters  { width: 100%; }
.styledBox .flwA, .boxFilters .flwA { display: inline-block; float: none; }

.visaMC { 
 display: inline-block; background-color: white; 
 background-image:  url('img/img-common/vica-mc-2019.png');
 background-repeat: no-repeat; 
 background-position: center center; 
 background-size: auto 100%; 
 height: 14px; 
 width: 72px; 
 border-radius: 3px; 
 margin-left: 3px; margin-right: 3px; 
 }
 
 .floatMail { 
  padding-top: 0px;
  padding-bottom: 0px; 
  padding-right: 160px; 
  padding-left: 85px; 
  display: inline-block;
  width: 200px; 
  float: none; 
  min-height: 55px; 
  background: url('img/float-mail.jpg') no-repeat top left;
  margin-top: 30px; 
  margin-bottom: 20px; 
 }

.floatPhone { 
  padding-top: 0px;
  padding-bottom: 0px; 
  padding-right: 100px; 
  padding-left: 85px; 
  display: inline-block;
  width: 200px; 
  float: none; 
  min-height: 70px; 
  background: url('img/float-phone.jpg') no-repeat top left; 
  margin-top: 30px; 
  margin-bottom: 20px; 
 } 
 
.floatMail p, .floatPhone p { margin-top: 0px; padding-top: 0px; text-align: left; }

@media screen and (max-width: 859px) { 
 .floatMail, .floatPhone { padding-right: 30px; width: auto; }
}
@media screen and (max-width: 459px) { 
 .floatMail, .floatPhone { float: left; position: relative; width: 90%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }
}

.gtcLoad { width: 100%; padding-left: 10px; padding-right: 10px; }

li.lupaSearch { padding: 0px; display: inline-block; }

.lupa { 
 position: relative; 
 top: 7px; 
 cursor: pointer; 
 width: 25px; height: 25px; 
 display:inline-block; 
 background-color: rgb(0,51,153); 
 background-image: url('img/lupa.png');
 background-repeat: no-repeat; 
 background-position: center center; 
 background-size: 100% 100%;
}

.lupa:hover { background-color: rgb(89,172,232); }

.txtSrchFld { 
 display: none; 
 position: absolute; 
 top: 45px; 
 left: 100%; 
 width: 200px; 
 margin-left: -200px; 
 padding: 3px; 
 background: white; 
 border-left: 1px solid white;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-bottom-left-radius: 10px; 
 border-bottom-right-radius: 10px; 
 z-index: 15; 
}

.txtSrchFld input { width: 95%; margin-left: 2%; height: 30px; background: white; border-left: 1px solid white; border-right: 1px solid white; 
border-top: 1px solid white; border-bottom: 1px solid rgb(0,51,153); color: rgb(89,172,232); margin-bottom: 3px; }
.txtSrchFld input:focus { border-bottom: 2px solid rgb(89,172,232); }


@media screen and (max-width: 599px) { 
 li.lupaSearch { width: 100%; }
 .txtSrchFld { float: left; position: relative; width: 100%; left: 0px; top: 0px; margin-left: 0px; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }
}
.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;
}

a, a:visited,  a:active {
 text-decoration: none; 
 color: rgb(0,51,153);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

a:hover {
 color: rgb(89,172,232);
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 font-family: 'Noto Sans', sans-serif, Arial, Helvetica; font-size: 14px; color: rgb(51,51,51); line-height: 16px;   
}

.realContText h1, .realContText td h1 {
 display: inline-block; 
 width: 100%; 
 height: auto; 
 padding-bottom: 33px; 
 line-height: 20px; 
 margin-top: 10px; 
 margin-bottom: 20px; 
 background-image: url('img/h1-below.png');
 background-repeat: no-repeat;
 background-position: bottom center; 
 background-size: 110px 26px; 
 font-size: 18px; 
 color: rgb(0,51,153); 
 text-transform: uppercase; 
 font-weight: normal; 
}

.realContText h2, .realContText td h2 {
 display: inline-block; 
 width: 100%; 
 height: auto; 
 padding-bottom: 33px; 
 line-height: 20px; 
 margin-top: 10px; 
 margin-bottom: 20px; 
 background-image: url('img/h1-below.png');
 background-repeat: no-repeat;
 background-position: bottom center; 
 background-size: 110px 26px; 
 font-size: 18px; 
 color: rgb(0,51,153); 
 text-transform: uppercase; 
 font-weight: normal; 
}

.realContText h3, .realContText td h3 {
 display: inline-block; 
 width: 100%; 
 height: auto; 
 padding-bottom: 33px; 
 line-height: 20px; 
 margin-top: 10px; 
 margin-bottom: 20px; 
 background-image: url('img/h1-below.png');
 background-repeat: no-repeat;
 background-position: bottom center; 
 background-size: 110px 26px; 
 font-size: 16px; 
 color: rgb(0,51,153); 
 text-transform: uppercase; 
 font-weight: normal; 
}

.realContText h4, .realContText td h4 {
 display: inline-block; 
 width: 100%; 
 height: auto; 
 padding-bottom: 33px; 
 line-height: 20px; 
 margin-top: 10px; 
 margin-bottom: 20px; 
 background-image: url('img/h1-below.png');
 background-repeat: no-repeat;
 background-position: bottom center; 
 background-size: 110px 26px; 
 font-size: 16px; 
 color: rgb(0,51,153); 
 text-transform: uppercase; 
 font-weight: normal; 
}

.realContText h5, .realContText td h5 {
 display: inline-block; 
 width: 100%; 
 height: auto; 
 padding-bottom: 33px; 
 line-height: 20px; 
 margin-top: 10px; 
 margin-bottom: 20px; 
 background-image: url('img/h1-below.png');
 background-repeat: no-repeat;
 background-position: bottom center; 
 background-size: 110px 26px; 
 font-size: 16px; 
 color: rgb(0,51,153); 
 text-transform: uppercase; 
 font-weight: normal; 
}


.realContText h6, .realContText td h6 {
 display: inline-block; 
 width: 100%; 
 height: auto; 
 padding-bottom: 33px; 
 line-height: 20px; 
 margin-top: 10px; 
 margin-bottom: 20px; 
 background-image: url('img/h1-below.png');
 background-repeat: no-repeat;
 background-position: bottom center; 
 background-size: 110px 26px; 
 font-size: 16px; 
 color: rgb(0,51,153); 
 text-transform: uppercase; 
 font-weight: normal; 
}