/* CSS Document */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img, input, textarea, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Helvetica,Arial, sans-serif;
	-webkit-text-stroke: 0.1px;
}
a:link, a:visited{
color:#333;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:none;
}
html {
	overflow: auto;
	background-color:#000;
}

body {
	line-height: 1;
}

*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a img {
	border: none
}
ul{
list-style:none;
}
a{
text-decoration:none;
}
.bodyContainer{
position:relative;
width:1020px;
margin:0 auto;
}
.topArea{
position:relative;
float:left;
width:1020px;
height:235px;
} 
.logoIcon{
position:relative;
float:left;
width:1020px;
height:190px;
background-position:center;
background-repeat:no-repeat;
background-size:275px 174px;
background-image:url(../images/Logo.png);
}
.topAreaUnderline, .breadcrumbNav{
position:relative;
float:left;
width:1020px;
height:45px;
}
.breadcrumbNav{
height:35px;
border-bottom:1px solid #FEFEFF; 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:20px;
width:1000px;
line-height:40px;
color:#FEFEFF; 
font-size:18px;
}
.facebookIcon, .engUrl{
position:relative;
float:left;
width:25px;
height:25px;
margin:10px;
background-repeat:no-repeat;
background-image:url(../images/fbbw.png);
}
.facebookIcon:hover{
background-image:url(../images/fb.png);
}
.engUrl{
width:40px;
float:right;
background-image:url(../images/usfbw.png);
}
.engUrl:hover{
background-image:url(../images/usf.png);
}
.menuaArea{
position:relative;
float:left;
width:100%;
}
ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:1020px;
	z-index:11;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:170px;
	height:85px;
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:85px;
	z-index:12;
	background:transparent url(../images/overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:170px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	width:170px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
	color:#fefeff;
	font-size:22px;
	float:left;
	clear:both;
}
ul.sdt_menu li span span.sdt_descr{
	color:#E8B414;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:9px;
	margin-top:5px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:170px;
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
	background:#000;
	z-index:999;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#FEFEFF;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}

.containerRightArea{
position:relative;
float:left;
margin-left:20px;
margin-top:15px;
max-width:773px;
}
.containerLeftArea{
position:relative;
float:left;
margin-top:15px;
}
.revSliderHome, .revSliderRooms{
position:relative;
float:left;
height:280px;
width:758px;
}
.revSliderRooms{
height:260px;
width:1020px;
}
.reserveArea{
position:relative;
float:left;
margin-left:5px;
width:222px;
}
.reserveAreaHeader{
position:relative;
float:left;
width:222px;
background-color:#E9B931;
text-align:center;
background-image:url(../images/calendarHeader.png);
background-position:10px center;
background-repeat:no-repeat;
height:30px;
line-height:30px;
color:#000;
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.reserveAreaHeaderBtn{
position:relative;
float:left;
width:222px;
background-color:#E9B931;
text-align:center;
height:30px;
line-height:30px;
color:#000;
font-size:18px;
margin-top:5px;
cursor:pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.inputDiv{
position:relative;
float:left;
width:220px;
border:1px solid #191919;
height:28px;
line-height:30px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#fff;
background-image:url(../images/calendarHeaderBlack.png);
background-color:#191919;
background-position: 190px center;
background-repeat:no-repeat;
margin-bottom: 2px;
}
.inputDiv_2{
position:relative;
float:left;
width:220px;
border:1px solid #191919;
padding-bottom:5px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#fff;
background-color:#191919;
height:auto;
margin-bottom: 2px;
}
.inputDivTxt{
position:relative;
float:left;
width:65px;
padding-left:10px;
height:30px;
}
.inputFields{
position:relative;
float:left;
height:20px;
line-height:20px;
padding-left:5px;
color:#FFFFFF;
width:100px;
margin-top:5px;
}
.inputFields_3{
position:relative;
float:left;
line-height:1.3;
height:auto;
padding-left:5px;
color:#FFFFFF;
 overflow: auto;  
width:125px;
margin-top:5px;
}
.inputDivTxt2{
background-image:none;
}
.inputDivTxt3{
width:40px;
}
.inputFields2{
width:155px;
}
.calendarContainer{
position:relative;
float:left;
width:222px;
height:222px;
}
#calendarContainer2{
display:none;
}

.roomsHomeArea, .roomsRoomsArea{
position:relative;
float:left;
width:758px;
}
.roomsRoomsArea{
width:1020px;
}
.roomsHomeAreaBox, .roomsRoomsAreaBox, .roomCoverImg{
position:relative;
float:left;
width:198px;
height:168px;
background-repeat:no-repeat;
cursor:pointer;
opacity:0.9;
background-position:center;
background-image:url(../images/rooms_1.png);
border:1px solid #E9B931;
margin-top:38px;
margin-left:25px;
margin-right:25px;
}
.roomsHomeAreaBox:hover, .roomsRoomsAreaBox:hover{
opacity:1;
}
.roomsRoomsAreaBox{
border:none;
width:200px;
height:200px;
background-image:url(../images/rooms_11.png);
margin-left:27px;
margin-right:27px;
}
.roomCoverImg{
border:none;
width:200px;
height:200px;
background-image:url(../images/suitaKingCover.png);
margin-left:60px;
margin-right:0px;
margin-top:20px;
opacity:1;
}
.roomCoverImgPrice{
position:absolute;
background-repeat:no-repeat;
width:210px;
height:105px;
right:-168px;
top:-5px;
background-position:center;
background-image:url(../images/suitaKingPrice.png);
}
.footerArea{
position:relative;
float:left;
width:100%;
text-align:center;
font-size:12px;
margin-top:20px;
margin-bottom:20px;
font-weight:normal;
color:#6D6E70;
font-family:"Myriad Pro", arial, helvetica, sans-serif;
}
.footerArea a:link, .footerArea a:visited, .footerArea a:hover{
color:#6D6E70;
}
.footerArea a:hover{
text-decoration:underline;
}
.containerRightAreaContent{
position:relative;
float:left;
width:773px;
height:525px;
background-position:center;
background-repeat:no-repeat;
background-image:url(../images/about-background.jpg);
overflow:hidden;
}
.containerRightAreaContentTxt{
position:absolute;
width:653px;
height:210px;
color:#fff;
font-size:12px;
font-family:"Myriad Pro", arial, helvetica, sans-serif;
padding-left:60px;
padding-top:40px;
line-height:1.3;
bottom:0px;
padding-right:60px;
background-color:rgba(0,0,0,0.8);
}
.galleryArea{
position:relative;
float:left;
width:1020px;
}
.containerRightContant{
position:relative;
float:left;
width:500px;
}
.contactMap{
position:relative;
float:right;
width:272px;
height:525px;
}
.containerRightContantHeader, .containerRightContantHeaderBtn{
position:relative;
float:left;
width:438px;
height:30px;
line-height:30px;
text-align:center;
background-color:#E9B931;
color:#000000;
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:43px;
margin-left:25px;
}
.containerRightContantHeaderBtn{
width:220px;
margin-left:145px;
cursor:pointer;
}
.inputContantArea{
position:relative;
float:left;
width:436px;
height:28px;
line-height:30px;
text-align:left;
background-color:#191919;
color:#fff;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:10px;
margin-left:25px;
border: 1px solid #191919;
}
.inputContantAreaLabel{
position:relative;
float:left;
width:50px;
height:30px;
line-height:30px;
padding-left:10px;
}
.contactInput{
position:relative;
float:left;
width:360px;
height:20px;
line-height:20px;
color:#FFFFFF;
font-size:12px;
margin:5px;
}
.thumbsG{
position:relative;
float:left;
width:137px;
height:137px;
cursor:pointer;
margin-top:10px;
margin-right:10px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.thumbsG2{
margin-right:0px
}
.thumbsG:hover{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.popUpArea{
position:fixed;
top:0px;
left:0px;
display:none;
height:100%;
width:100%;
background-color:#000000; 
z-index:999999;
background-repeat:no-repeat;
background-position:center;
background-size:16px;
background-image:url(../images/ajax-loader2.gif);
overflow:hidden;
}
.popUpAreaContainer{
position:fixed;
height:522px;
width:auto;
left:50%;
top:50%;
margin-top:-261px;
z-index:9999999999;
background-color:#999999;
}
.popUpAreaContainerExitBtn{
position:absolute;
right:0px;
background-image:url(../images/close-gallery.jpg);
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
height:36px;
width:36px;
top:-36px;
}
.popUpImg{
position:relative;
float:left;
height:522px;
}
.popUpAreaContainerNextBtns{
position:relative;
float:left;
height:36px;
width:100%;
background-color:#fff;
font-size:13px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:3px;
line-height:36px;
}
.popUpAreaContainerNextBtnsPrev, .popUpAreaContainerNextBtnsNext{
position:relative;
float:left;
width:36px;
height:36px;
background-image:url(../images/left-gallery.jpg);
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
}
.popUpAreaContainerNextBtnsNext{
float:right;
background-image:url(../images/right-gallery.jpg);
}
.popUpImg2{
display:none;
}
.roomsReserveBtn{
position:relative;
float:left;
width:100%;
margin-top:25px;
height:30px;
line-height:30px;
text-align:center;
background-color:#e9b931;
color:#000000;
font-size:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.roomsLeftArea{
position:relative;
float:left;
width:285px;
height:520px;
}
.roomsBottomLine{
position:relative;
float:right;
width:171px;
padding-left: 87px;
border-bottom:1px solid #e9b931;
background-repeat:no-repeat;
background-position:10px center;
height:45px;
margin-top:25px;
font-family:"Myriad Pro", arial, helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#FFFFFF;
line-height:50px;
background-image:url(../images/r_1.png);
}
.roomsRightArea, .roomsRightAreaTop{
position:relative;
float:left;
width:735px;
height:520px;
}
.roomsRightArea{
margin-top:20px;
}
.roomsRightAreaTop{
height:75px;
}
.roomsRightAreaTopBox{
position:relative;
float:left;
width:110px;
cursor:pointer;
height:75px;
margin-left:25px;
}
.roomsRightAreaTopBoxHeader, .roomsRightAreaTopBoxUnder{
position:relative;
float:left;
width:50px;
height:46px;
background-color:#191919;
background-image:url(../images/2drev.png);
background-repeat:no-repeat;
background-position:center;
margin-left:30px;
}
.roomsRightAreaTopBoxUnder{
background-image:none;
width:110px;
text-align:center;
font-size:13px;
margin-left:0px;
color:#FFFFFF;
font-family:"Myriad Pro", arial, helvetica, sans-serif;
height:29px;
line-height:29px;
}
.roomsRightAreaTopBoxTxt{
position:relative;
float:left;
width:675px;
margin-left:50px;
font-family:"Myriad Pro", arial, helvetica, sans-serif;
color:#FFFFFF;
line-height:1.3;
margin-top:25px;
font-weight:normal;
font-size:11px;
}
.rightAreaImgs{
position:relative;
float:left;
width:400px;
height:265px;
}
.suitaKingImgs{
position:relative;
float:left;
width:130px;
cursor:pointer;
height:130px;
margin-right:3px;
margin-top:3px;
}
.containerRightContantList{
position:relative;
float:left;
width:753px;
margin-left:20px;
height:160px;
margin-bottom:20px;
}
.containerRightContantListLeft{
position:relative;
float:left;
width:445px;
margin-top:19px;
height:112px;
font-family:"Myriad Pro", arial, helvetica, sans-serif;
}
.containerRightContantListLeftHeader, .containerRightContantListLeftHeaderTxt{
position:relative;
float:left;
width:100%;
font-size:14px;
color:#FFFFFF;
}
.containerRightContantListLeftHeader{
cursor:pointer;
}
.containerRightContantListLeftHeaderTxt{
font-size:12px;
margin-top:20px;
line-height:1.3;
}
.containerRightContantListLeftImg{
position:relative;
float:left;
width:264px;
height:144px;
margin-top:10px;
cursor:pointer;
margin-left:15px;
}
.servicesImgs2{
position:relative;
float:left;
width:180px;
cursor:pointer;
height:144px;
margin-top:10px;
margin-right:10px;
}
.logoTagline{
position:relative;
float:left;
width:900px;
background-position:290px center;
height:36px;
background-repeat:no-repeat;
background-image:url(../images/tagLine.png)
}
#BreadsuitaDelux, #roomsLeftAreasuitaDelux, #roomsRightAreasuitaDelux, #reservesuitaDelux, #BreadsuitaStandart, #roomsLeftAreasuitaStandart, #roomsRightAreasuitaStandart, #reservesuitaStandart, #BreadsuitaKing, #roomsLeftAreasuitaKing, #roomsRightAreasuitaKing, #reservesuitaKing{
display:none;

}
.roomsContainer{
min-height: 915px;
height:915px;
}
.menuAreaNew{
position: relative;
z-index:99999;
display:none;
  float: left;
  width: 100%;
  background-color: #000000;
  background-position: left center;
  background-repeat: repeat-x;
  background-image: url(../mobile/images/menuCover32.png);
  height: 40px;
}
.menuAreaIcon {
  position: relative;
  float: left;
  height: 40px;
  line-height: 40px;
  padding-left: 35px;
  font-size: 24px;
  font-weight: normal;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-image: url(../mobile/images/menuIcon.png);
}
.menuAreaIconArea {
  position: absolute;
  top: 40px;
  left: 0px;
  display: none;
  width: 200px;
  background-color: #000000;
  z-index: 9999;
}
.menuAreaIconAreaHrefs:link, .menuAreaIconAreaHrefs:hover, .menuAreaIconAreaHrefs:visited {
  position: relative;
  float: left;
  width: 150px;
  padding-left: 20px;
  height: 50px;
  line-height: 50px;
  color: #FFFFFF;
  font-size: 18px;
}
.roomsDiv {
  position: relative;
  float: left;
  width: 85px;
  height: 75px;
  background-position: center;
  margin-left: 11px;
  margin-right: 10px;
  cursor: pointer;
  
  background-repeat: no-repeat;
  background-image: url(../mobile/images/home_1.png);
}
#roomsDivA, #topAreaIn2{
display:none;
}
.reserveDivArea{
position:fixed;
bottom:0px;
width:748px;
height:40px;
background-color:#e1b640;
line-height:40px;
text-align:center;
font-size:15px;
font-weight:normal;
color:#000;
z-index:99999;
display:none;
}
#topAreaIn2{
height:168px;
}
.logoIcon2{
background-image:url(../images/landLogo.png);
background-size:620px 90px;
height:116px;
}
#id_dykrevate{
margin-left:220px;
}
#rightAreaImgsStandart{
margin-left:230px; margin-top:50px; width:270px;
}
#rightAreaImgsDelux{
margin-left:165px; margin-top:65px;
}
#rightAreaImgsKing{
margin-left:165px; margin-top:25px;
}
.servicesImgsTop{
margin-left:15px;
}
.containerRightContantListLeftStyle{
width:360px; height:217px; margin-top:0px;
}
.servicesImgs2No{
margin-right:0px;
}


@media only screen and (max-width:1024px) {
body{
overflow-x:hidden;
}
.menuaArea, #topAreaIn, .roomsReserveBtn{
display:none;
}
.menuAreaNew, #roomsDivA, #topAreaIn2, .reserveDivArea{
display:block;
}
.reserveDivArea{
width:1006px;
}
.topArea, .topAreaUnderline, .logoIcon, .footerArea, .bodyContainer, .galleryArea{
width:1006px;
}
.logoTagline{
width: 900px;
  background-position: 285px center;
}
.galleryArea {
  padding-top:5px;
  width:1004px;
}
.popUpAreaContainer, .popUpImg, .popUpImg2, .popUpAreaContainerNextBtns{
max-width:1004px;
}
.thumbsG{
margin:3px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.breadcrumbNav{
margin-left: 10px;
  width: 965px;
}
.containerRightArea{
margin-left:10px;
}
.containerRightAreaContent{
width: 756px;
}
.containerRightContant{
width: 485px;
}
.footerArea{
margin-bottom: 50px;
}
#containerRightAreaHome{
  max-width: 758px;
}
#id_restauranti, #defaultService, #id_organizime{
margin-left:0px;
}
.reserveDivArea{
display:none;
}

}


@media only screen and (max-width:768px) {
body{
overflow-x:hidden;
}
.menuaArea, .containerLeftArea, #topAreaIn2, .roomsReserveBtn{
display:none;
}
.menuAreaNew, #roomsDivA, .reserveDivArea, #topAreaIn{
display:block;
}

.topArea, .topAreaUnderline, .logoIcon, .footerArea, .revSliderRooms, .bx-wrapper, .bodyContainer, .galleryArea, .containerRightContantList {
width:748px;
}
.containerRightContantList {
margin-left:10px;
}
.galleryArea {
  margin-left: 5px;
  padding-top:5px;
  width:740px;
}
.popUpAreaContainer, .popUpImg, .popUpImg2, .popUpAreaContainerNextBtns{
max-width:740px;
}
.thumbsG{
margin:5px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.servicesImgsTop{
margin-left:10px;
  width: 355px;
}
.roomsRoomsArea {
width: 460px;
margin-left:150px;
margin-top: -50px;
}
.roomsRoomsAreaBox {
width:168px;
height:168px;
background-size: contain;
}
.logoTagline{
width: 640px;
  background-position: 170px center;
}
.breadcrumbNav{
margin-left: 10px;
  width: 705px;
}
.containerRightArea{
margin-left:0px;
}
.footerArea{
margin-bottom: 50px;
}
.containerRightAreaContent, .roomsContainer{
width: 756px;
}
.containerRightContant{
width: 485px;
}
.contactMap{
width:245px;
} 
.roomsRightArea, .roomsRightAreaTop{
width:450px;
}
.roomCoverImg{
margin-left:30px;
}
#id_dykrevate{
margin-left:90px;
}
.roomsRightAreaTopBox, .roomsRightAreaTopBoxTxt{
margin-left: 15px;
}
.roomCoverImgPrice{
  right: -145px;
}
.roomsRightAreaTopBoxTxt{
width:430px;
}
#rightAreaImgsStandart{
  margin-left: 100px;
  margin-top: 35px;
}
#rightAreaImgsDelux{
  margin-left: 45px;
  margin-top: 45px;
}
#rightAreaImgsKing{
margin-left: 40px;
  margin-top: 20px;
}
.containerRightContantListLeftStyle{
height:204px;
}
.reserveDivArea{
width: 756px;
}
.servicesImgs2{
width: 174px;
height: 140px;
}
 

}




.inputFieldsErr{
border-color:#FF0000;
}