body, html {margin:0px; padding:0px; height:100%; width:100%; overflow:hidden;}
body {font:normal 12px/16px Georgia, "Times New Roman", Times, serif; color:#595147; background-color:#b6c7d9;}
form {margin:0px; padding:0;}
a {outline: none; text-decoration:none; color:#6c8da5;}
img {border:0;}
p, h1, h2, h3, h4, h5, h6 {padding: 0px; margin:0px;}
ul, li, ol, dl, dt, dd {padding:0px; margin:0px;}
ul li {list-style-type:none;}

.floatlft {float:left;}
.floatrght {float:right;}
.clrbth {clear:both;}

#background{background-repeat:repeat;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:auto; overflow:auto; z-index:2;}
.hmax {height:100%; width:1000px; margin: 0 auto;}
.hmax td {vertical-align:top; background-color:#e1e6e9;}
.hmax #wrapper td {vertical-align:top; background:none;}
#wrapper {width:950px; margin-left:25px; padding:30px 18px 40px 0; position:relative;}

#bookingForm { width:228px;}
#bookingForm .inner {background-color:#ecf0f1;  padding:7px 7px 22px 21px; width:200px;height: 150px;}
#bookingForm input:hover {background-position:147px -23px;}
#bookingForm h3 {padding:20px 0 3px 24px; color:#7f8b89; height:21px; font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:19px; position:relative; background-color:#ecf0f1; margin-top:27px;}
#bookingForm .guest {height:81px; position:relative; background-color:#ecf0f1; margin-top:35px;}
#bookingForm h4 {color:#7f8b89; font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:19px; text-align:center; padding-top:31px;}
/* #bookingForm h3 .icon {display:block; position:absolute; z-index:10; left:0; top:4px; width:31px; height:31px; background:url(../images/umbrella.png) no-repeat 0 0;} */
#bookingForm .btn {padding-right:10px;}

/*#guestbook {overflow:hidden; width:226px; background-color:#ecf0f1; padding:7px 7px 22px 21px; font:italic normal 19px/21px Georgia, "Times New Roman", Times, serif;}*/
#guestbook {overflow:hidden; width:226px;}
#guestbook .inner {background-color:#ecf0f1; overflow:hidden; padding:7px 7px 22px 21px; width:212px;}

.fieldtype1 {overflow:hidden; width:179px; height:auto; float:left; background-color:#fff;}
.cols1right .fieldtype1 {margin-bottom:7px;}
.fieldtype1.date {border:1px solid #cdcecd; border-bottom-color:#ebebeb; background:#fff url(../images/calendar.gif) no-repeat 156px 0; width:180px; height:auto; cursor:pointer; clear:left;}
.fieldtype1.magn {border:1px solid #cdcecd; border-bottom-color:#ebebeb; width:180px; height:auto; cursor:pointer; clear:left;}
/*.fieldtype1.magn {background-image:url(../images/fieldtype1-magn.png);}*/
.fieldtype1.envlp {background:url(../images/fieldtype1-envlp.png) no-repeat 0 0; padding: 9.5px 4px; margin-top: -1px; transform: translateX(-5%);}
.fieldtype1.date:hover {background-position:156px -25px;}
.fieldtype1 input {width:179px; padding:4px 7px 4px 7px; margin:0; font:normal 12px/15px "Times New Roman", Times, serif; border:0; background:none; height:15px; color:#0073c4; text-align:left;}
.fieldtype1.date input {width:187px; padding-right:35px; cursor:pointer; color:#686b6d; float:left;}

#header {overflow:hidden; width:950px;}
#header h1 {width:296px; height:73px; text-align:left; display:block; padding:5px 0 15px 0; clear:both; float:left;}
#header h1 a {background:url(../images/lofos-logo.gif) no-repeat left top; text-indent:-8000px; display:block; height:73px; text-align:left;}

#header .right {float:right; padding:0; margin:0 0 0 0; font-size:12px; line-height:14px; color:#989899; display: flex; flex-wrap: wrap; width: 68%; position: relative; justify-content: space-between; align-items: center; margin-top: 10px;}
.phone-wrapper {order: -1; display: flex; flex-wrap: wrap; min-height: 45px; position: relative; width: 33%; height: 45px; margin-top: 0px;}
.phone-wrapper img {width: 25px; height: 25px; display: inline-block; margin: 0 auto; border: 1px solid #B6DCFE; border-radius: 50%; padding: 5px; transform: translateY(-10%);}
.bliss-wrapper {order: 0; display: flex; flex-wrap: wrap; min-height: 45px; position: relative; width: 33%; height: 45px; margin-top: 0px;}
.bliss-wrapper img {height: 25px; display: inline-block; margin: 0 auto; padding: 5px; transform: translateY(-10%);}
.bliss-wrapper span {display: block; text-align:center;}
.phone-num {font-size: 14px; width: 100%; text-align: center; position: absolute; bottom: 0; transform: translateY(20%);}

.book-now{display: block;width: 179px;height: 30px;background: #80b5e8;box-shadow: inset 0 -2px #378adb;text-align: center;padding-top: 15px;color: #fff;font-size: 20px;letter-spacing: 3px;margin-top: 6px;transition: all .3s ease;}
.book-now:hover {background: #378adb;box-shadow: inset 0 -2px #3744db;}
.lang {padding-bottom:20px; overflow:hidden; font:normal 10px/13px Arial, Helvetica, sans-serif; color:#0073c4; float:right;}
.lang li {float:left;}
.lang li.separator {background:url(../images/bor2.png) no-repeat 3px 0; width:8px; font-size:1px; line-height:9px; height:9px; margin-top:3px;}
.lang a {color:#0073c4; display:block; padding:0 3px 0 3px;}
.lang a:hover {background-color:#d9e3eb;}

#header .right .fieldtype1 {float:none; background-color:#fff; min-height:23px;}
#header .right .fieldtype1 input {float:left; background-color:#fff; width:128px; padding:3px 7px 4px 7px; margin:2px 0 0 0; font:normal 12px/14px "Times New Roman", Times, serif; height:14px; color:#959799; border:0; text-align:left;}

.search,
.nl {clear:both; float:right; padding:12px 0 0 0; width:179px;}
.nl {padding-top:8px;}
.go {float:left; display:block; width:37px; height:26px; cursor:pointer;}
.magn .go {background:url(../images/magn.png) no-repeat 0 0;}
.envlp .go {background:url(../images/envlp.png) no-repeat 0 0;}
.go:hover {background-position:0 -26px;}

#topbar {clear:both; overflow:hidden; background-color:#e1e6e9; width:950px;}

.menu {width:100%; font:normal 14px/16px "Times New Roman", Times, serif; color:#738f92; border-right:1px solid #e6ecf0; border-top:2px solid #eaeff2; padding-top:5px;}
.menu td {text-align:center; vertical-align:top;}
.menu td a {text-decoration:none; color:#738f92; display:block; height:19px; padding:4px 12px 0 12px; border-left:0px solid #738f92; background:url(../images/menu-bck.gif) repeat-x 0 -23px;}
.menu td.first a {}
.menu td a.selected,
.menu td a:hover {color:#fff; background-position:0 0; background-color:#738f92;}

/* ------------------- DYNAMIC TXT -------------------- */
#main .rightcol .txtgen {clear:both;}
.txtgen p,
#main .rightcol .txtgen p {padding:0 0 13px 0;}
.txtgen ul,
.txtgen ol,
.txtgen dl {padding:0 0 13px 20px;}
.txtgen li {padding:0 0 5px 0; list-style-position:outside; list-style-type:disc;}
.txtgen h1 {padding:0 0 10px 0; font:italic normal 16px/18px Georgia, "Times New Roman", Times, serif; color:#168bb7;}
.txtgen h2,
#main .rightcol .txtgen h2 {padding:0 0 10px 0; font:italic bold 14px/16px Georgia, "Times New Roman", Times, serif; color:#595147;}
.txtgen h3 {padding:0 0 10px 0; font:italic normal 14px/16px Georgia, "Times New Roman", Times, serif; color:#168bb7;}
.txtgen h4 {padding:0 0 10px 0; font:italic bold 13px/15px Georgia, "Times New Roman", Times, serif;}
.txtgen h5 {padding:0 0 10px 0; font:italic normal 13px/15px Georgia, "Times New Roman", Times, serif; color:#168bb7;}
.txtgen h6 {padding:0 0 10px 0; font:italic bold 12px/14px Georgia, "Times New Roman", Times, serif;}
.txtgen dt,
.txtgen dd {padding:0 0 5px 0;}
.txtgen a:hover {text-decoration:underline; color:#cc3300;}
.txtgen img,
#main .leftcol .box .txtgen img {margin-bottom:15px;}
.txtgen img.floatlft {margin-right:20px;}
.txtgen img.floatrght {margin-left:20px;}

/* ------------------- BUTTONS -------------------- */
.btn1 {background-color:#96ab46; border:1px dashed #fff; color:#fefdfc; cursor:pointer; display:block; padding:4px 11px 0 11px; height:20px; clear:both; font:normal 12px/15px "Times New Roman", Times, serif;}
.btn1:hover {background-color:#b4c964;}

.btn2 {display:block; text-align:center; color:#fefdfc; font:normal 12px/15px Georgia, "Times New Roman", Times, serif; text-decoration:none; background:url(../images/btn.gif) no-repeat 100% 0;}
/*.btn2 span {display:block; background:url(../images/btn2-le.png) no-repeat 0 0; padding:9px 4px 0 14px; margin:0 10px 0 0; height:23px; cursor:pointer;}
.btn2:hover {background-position:100% -32px;}
.btn2:hover span {background-position:0 -32px;}*/
#bookingForm .btn2 {cursor:pointer; color:#fbf9f6; background-image:url(../images/btn.gif); margin-top:-12px; line-height:23px; width:99px; margin-right:12px;}
/*#bookingForm .btn2 span {background-image:url(../images/btn2-alt1-le.png); padding-top:12px; height:39px;}
#bookingForm .btn2:hover {background-position:100% -51px;}
#bookingForm .btn2:hover span {background-position:0 -51px;}*/

#main {overflow:hidden; padding:5px 0 0px 0; width:949px;}

#main .leftcol {width:425px; padding:0; float:left;}

#main .leftcol .photo img {display:block;}

#main .rightcol input {width:250px; border:1px solid #dbdbdb; padding:4px 7px 4px 7px; margin:0 0 8px 0; font:normal 12px/15px "Times New Roman", Times, serif; background:#fff; height:15px; color:#8E8F8F; text-align:left;}
#main .rightcol textarea {width:250px; border:1px solid #dbdbdb; padding:4px 7px 4px 7px; margin:0 0 8px 0; font:normal 12px/15px "Times New Roman", Times, serif; background:#fff; color:#8E8F8F; background:#fff; overflow:auto; height:60px;}
#main .rightcol label {margin:0px; display:block; padding:0 0 3px 0; font-size:11px; line-height:14px;}
#main .rightcol .btn1 {clear:none; border:1px solid #b4c964; background-color:#b4c964;}
#main .rightcol .btn1:hover {background-color:#c5d97b; border-style:dashed;}
#main .rightcol .asterisk {color:#dc2f2f;}
#main .rightcol .note {padding:0 0 12px 0; font-size:11px; line-height:14px;}
#main .rightcol .note h2 {display:inline; padding:0 6px 0 0;}
#main .rightcol .note.floatlft {width:170px; padding-left:20px; padding-top:3px; padding-bottom:0}
#main .rightcol .messages {padding:12px 0 0 0; font-size:11px; line-height:14px; clear:both; min-height:14px;}
#main .rightcol .messages span {display:block;}

.red {color:#dc2f2f;}
.green {color:#36a57a;}

#main .rightcol {width:645px; height:313px; float:right; padding:30px 31px 32px 33px; overflow:hidden; margin-top:-231px; background-color:#fbfbfb;}
#main .rightcol.noscroll {height:auto;}
#main .rightcol h2 {color:#7F8B89; font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:19px; padding:0 0 13px 0;}
#main .rightcol h2.alt1 {position:relative; padding-right:140px; float:left; min-height:19px; line-height:19px; padding-bottom:16px;}

#main .rightcol .thumbs {padding:0; overflow:hidden; width:356px;}
#main .rightcol .thumbs a {float:left; display:block; margin:0 15px 13px 0; width:74px; height:74px;}
#main .rightcol .thumbs a img {display:block;}
#main .rightcol .thumbs a:hover img {filter:Alpha(Opacity=75); -moz-opacity:0.75; opacity:0.75;}

.rel {position:relative;}
.slide {position:absolute; bottom:0; left:0; width:416px; background:url(../images/slide-bck.png) repeat 0 0; z-index:50; display:none;}
.slide .inner {padding:15px 25px 20px 30px; overflow:hidden; position:relative; border:1px dashed #D7D5CF; border-top:4px solid #D7D5CF; border-bottom:4px solid #D7D5CF;}
.slide .arrow {position:absolute; display:block; right:70px; top:0; width:25px; height:11px; background:url(../images/arrow4.png) no-repeat 0 0; z-index:52;}
.slide .arrow:hover {background-position:0 -11px;}

.pad1 {padding:26px 25px 36px 30px; overflow:hidden;}
.pad2 {padding:26px 25px 25px 30px; overflow:hidden; min-height:200px;}
.pad3 {padding:10px 0 0 0;}
.mar1 {margin-bottom:8px;}

#footer {font:normal 12px/14px "Times New Roman", Times, serif; color:#779397; clear:both; padding:0;}
#footer .top {padding:9px 0 7px 5px; overflow:hidden; background:url(../images/bor1.png) repeat-x 0 0;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;}

#footer a {color:#8e8f8f; text-decoration:none;}
#footer a:hover {color:#cc3300; text-decoration:underline;}

#footer .footer-component {width: 33%; display: inline-block;}
#footer .right {text-align: right;}
#footer .middle {text-align: center; padding-left: 55px;}
/* ------------------- DIGILODGE BANNER -------------------- */
.digilodgeBanner {margin:0 auto; padding:9px 0px 0 0px; overflow:hidden; background:url(../images/bor1.png) repeat-x 0 0;}
.digilodgeBanner .txt {width:530px; text-align:left; font-size:9px; line-height:14px; color:#8d8a86; float:left; padding:2px 0 0 0;}
.digilodgeBanner .logos {width:260px; height:32px; float:right;}
.digilodgeBanner .logos img {float:right; margin:0 0 0 19px;}

#ui-datepicker-div {display:none; z-index:100;}

.list2 {font:normal 13px/16px "Times New Roman", Times, serif; padding:8px 0 0 0; overflow:hidden; height:53px;}
.list2 li {clear:both;}
.list2 ul {overflow:hidden; padding-bottom:2px;}
.list2 ul li {margin:0 0 0 6px; padding-left:8px; float:left; border-left:1px solid #c8a690; clear:none;}
.list2.alt1 ul li {padding-bottom:15px;}
.list2 ul li.inline {display:inline; float:none; padding-left:8px; border-left:1px solid #c8a690; margin-left:6px;}
.list2 ul li.first {border:0; padding-left:0; margin-left:0;}
.list2.alt1 ul li .txt {font-size:12px; padding-bottom:3px;}
.list2.alt1 ul li.messages {font-size:12px; padding-top:0;}
.list2 ul li strong {font-weight:bold;}
.list2 ul li a:hover {color:#cc3300; text-decoration:underline;}
.list2 ul li span {padding:0 8px 0 8px;}

/* ------------------- NEW !!! -------------------- */
#slider {width:949px; height:428px;}

#map {height:323px;}

/* ------------- news ------------- */
.list1 {clear:both; padding:10px 0 0 0;}
div.list1 {padding-bottom:20px;}
.list1.alt1 {padding-top:0px; width:100%;}
.list1 dt,
.list1 h3 {padding:0 5px 3px 0; font:italic normal 15px/17px Georgia, "Times New Roman", Times, serif; color:#168bb7;}
.list1 dt {}
.list1.alt1 dt {padding-left:0; padding-bottom:5px; color:#81797B;}
.list1 .date {display:block; color:#8E8F8F; font-weight:normal; font-size:12px; padding:4px 0 0 0;}
.list1 dd,
.list1 .descr {padding:0 0 25px 0; margin:0;}
.list1.alt1 dd {padding-bottom:10px; margin-bottom:0;}
#main .rightcol.altpad .list1 dt,
#main .rightcol.altpad .list1 dd,
#main .rightcol.altpad div.list1 {padding-left:34px;}
.list1 li {padding:10px 0 10px 0; margin:0;}
#main .rightcol .list1 .txtgen {padding:0 0 3px 0; display:block;}
#main .rightcol .list1 li .txtgen {padding-bottom:1px;}
#main .rightcol .list1.alt1 .txtgen {padding-left:0;}

.link1 {font:italic normal 12px/14px Georgia, "Times New Roman", Times, serif; text-decoration:underline;}
.link1:hover {color:#cc3300;}
.link1.alt1 {background:url(../images/arrow2.png) no-repeat 0 4px; padding-left:10px;}


/* ----------- paging --------------- */
.paging {color:#8E8F8F; font-size:11px; line-height:13px; padding:10px 0 0 0; clear:both; overflow:hidden; width:100%; border-top:1px solid #c7c6c4;}
#main .rightcol.altpad .paging {padding-left:34px;}
.paging a {color:#8E8F8F;}
.paging a:hover {color:#cc3300; text-decoration:underline;}
.paging .prev {float:left; padding:0 30px 0 0;}
.paging .prev a {background:url(../images/arrow2.png) no-repeat 0 4px; padding-left:10px;}
.paging .next {float:left; padding:0 0 0 0; text-align:right;}
.paging .next a {background:url(../images/arrow1.png) no-repeat 100% 4px; padding-right:10px;}
.paging .pages {float:left; padding:0 30px 0 0;}


/* ------------------- PRICES PAGE -------------------- */
.formtype2 {color:#3e3e3e;}
.formtype2 select {border:1px solid #E9E9E9; color:#3e3e3e; font:normal 11px/13px Arial, Helvetica, sans-serif; margin:0 10px 0 0;}
.formtype2 .row {padding:0 0 17px 0; clear:both; overflow:hidden;}
.formtype2 h3 {font:italic normal 14px/16px Georgia, "Times New Roman", Times, serif; color:#168bb7; padding:5px 0 10px 0;}
#main .formtype2 .btn2,
#main .formtype2 .btn2:hover {color:#fff; text-decoration:none;}
.formtype2 table {width:100%; margin-bottom:15px;}
.formtype2 th,
.formtype2 td {padding:5px 35px 5px 0; border-bottom:1px dashed #9a9a9a; vertical-align:top; text-align:left;}
.formtype2 th {color:#242424; font-weight:normal;}
.formtype2 td {color:#6a6a6a;}


/* ------------------- CAPTCHA PAGE -------------------- */

.cptcharea {padding:0 0 10px 0; overflow:hidden;}
.captcha {width:120px; float:left;}
.cptcharea .reloadbtn {display:block; width:24px; height:24px; float:left; margin:1px 0 0 7px; background:url(../images/refresh.png) no-repeat 0 0;}
.cptcharea .reloadbtn:hover {background-position:0 -24px;}
.cptcharea .fieldtype1 {background-image:url(../images/fieldtype1-alt3.png); width:105px; float:left; clear:none; margin:0; padding-left:10px;}
#main .rightcol .cptcharea .fieldtype1 input {width:89px;}