body{height:auto; width:auto; display:inline-block; margin:0px; padding:0px; }
::-webkit-scrollbar {display: none;}
body{-ms-overflow-style: none;}

a {outline: none; border: none; text-decoration: none;}
ul {list-style-type: none; margin:0; padding:0;}
li a {display: block; line-height:40px; margin:0; padding:0;}
p{margin:10px 0 0 0;}
.clearer{clear:both;}

#picture_main{width:100%;}
#block_main{ width:1200px;  display:inline-block; float:right;  margin-top:-1000px; }

#main{width:840px; height:1000px; background-image:url('../pictures/Bg-Info.jpg'); background-repeat: no-repeat; float:right; overflow:auto;}
#information{width:600px; height:auto;margin-left:120px; margin-top:62px; }
#accomodation_title{width:600px; text-align:center; font-family: 'PT Serif'; font-size:27px; color:#4D4D4D; }
.ornament{width:600px; height:20px; background-image:url('../pictures/ornament.png'); background-repeat: no-repeat; margin:23px 0 20px 0;}
#maintext{width:600px;  height:470px; display:block;}
#maintext p{font-family: 'PT Serif'; font-size:14px;  color:black; text-align:justify; hyphens: auto; text-indent:10px;}
#common{width:600px; height:auto;font-family: 'PT Serif'; font-size:14px;  color:black; text-align:left; margin-top:23px;}
#one{width:280px; height:170px; float:left; display:inline-block; margin-top:7px; }
#one p{text-align:left;}
#two{width:280px; height:170px; float:right; display:inline-block; margin-top:7px; }
#two p{text-align:left;}
#sanitary{width:600px; height:20px; float:right; display:inline-block; margin-top:3px; }
#sanitary p{text-align:left;}
#maingallery{width:599px; height:215px; margin-top:35px;}
.projectpic{width:143px; height:103px; float:left; display:inline-block; margin-left:9px;}
.hoverimage{width:143px; height:103px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0;}
.hoverimage2{width:143px; height:103px; background:rgba(214, 193, 140, 0.7); float:left; display:inline-block;opacity:0; margin-top:9px; }
.projectpic:hover .hoverimage{opacity:1;}
.projectpic:hover .hoverimage2{opacity:1;}
.first{margin-left:-9px; float:left;}
#thumb1{width:143px; height:103px; background-image:url('../pictures/Bialata-Rooms_01-Tumb.jpg');}
#thumb2{width:143px; height:103px; background-image:url('../pictures/Bialata-Rooms_02-Tumb.jpg');}
#thumb3{width:143px; height:103px; background-image:url('../pictures/Bialata-Rooms_03-Tumb.jpg');}
#thumb4{width:143px; height:103px; background-image:url('../pictures/Bialata-Rooms_04-Tumb-1.jpg');}
#thumb5{width:143px; height:103px; background-image:url('../pictures/Bialata-Rooms_05-Tumb.jpg'); margin-top:9px;}
#thumb6{width:143px; height:103px; background-image:url('../pictures/Bialata-Rooms_06-Tumb.jpg'); margin-top:9px;}
#thumb7{width:143px; height:103px; background-image:url('../pictures/Bialata-Rooms_07-Tumb.jpg'); margin-top:9px;}
#thumb8{width:143px; height:103px; background-image:url('../pictures/Bialata-Rooms_08_new_Tumb.jpg'); margin-top:9px;}

#important{width:600px; height:50px; margin-top:23px; background:#FF8161;}
#importanttext{width:600px; height:40px; margin-left:1px; margin-top: 10px; font-family: 'PT Serif'; font-size: 25px;  color:#4D4D4D; text-align: center;}
#important_title{font-family: 'PT Serif'; font-size:23px;  color:#FF8161; text-align:left;}


#transparent{width:360px;  height:1000px;  background: rgba(0,0,0,0.5); float: left;}
#contmenu{width:236px; height:700px; margin:68px 0 0px 62px;}
#logowhite{width:236px; height:173px; opacity:1; background-image:url('../pictures/Logo-White.png'); background-repeat: no-repeat;}
#contmenu h3{font-family: 'PT Serif'; font-size:23px; line-height:10px; color:white; text-align:center;}
#contmenu h5{font-family: 'PT Serif'; font-size:18px; line-height:3px; color:white; text-align:center;}

#linemenu{width:174px; height:10px;border-bottom:1px solid #ccc; margin-left:31px; }

#menu{width:161px; margin-left:18px; margin-top:20px; }
#index{height:50px; width:161px;}
#index:hover{color:#E1C794;}
#accomodation{height:50px; color:#FF8161; cursor:default;}
#pictures{height:50px; width:161px;}
#pictures:hover{color:#EE6FB3;}
#prices{height:50px; width:161px;}
#prices:hover{color:#54AAFF;}
#contacts{height:50px; width:161px;}
#contacts:hover{color:#AAC154;}
#menu a{text-align:right; color:white; font-family: 'PT Serif'; font-size:21px;}

#social{width:95px; height:36px; display:block; margin:20px 0 0 84px;}
#facebook{width:36px; height:36px;display:inline-block;}
#google{width:36px; height:36px; margin-left:19px; display:inline-block;}

#ioself{width:142px; height:30px; background-image:url('../pictures/ioselfstudio-logo-142x30.png');margin:190px 0 0 47px;}
 
 #picture_main{width:auto; height:100%; float:left; display:inline-block;}