/* GLOBAL STYLES */
@import "plugins/cookie/cookiepopup.css";
@import url( '../../plugins/cookie/cookiepopup.css' );
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body,table{color:#000;font-size:0.75em;font-family:'Lato', Arial, sans-serif;}

body{padding:0;text-align:center;padding:0; background: url(gui/back_light.jpg) no-repeat top center fixed}

h1, h2, h3 {font-family: 'Lato', serif;font-weight: 700;}
.input, select, textarea{}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
.submit{    font-weight: 700;
    font-family: Bitter;
    float: right;
    cursor: pointer;
    width: 100%;
    max-width:300px;
    font-size: 15px;
    color: #fff;
    padding: 12px 15px;
    border: 2px solid #ffffff;
    background: none;

}
.form{}
.hide{display:none;}
.form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;}
.form legend{display:none;}

a{background-color:inherit;color:#000;text-decoration:none;}
a:hover{text-decoration:none;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

#header {background: url(gui/head.jpg) no-repeat top center;
}}

#container{position:relative;width:100%;margin:0 auto;overflow:hidden;}
#body, #foot{float:left;width:100%;margin:0 auto;}
body.home #head1 {position: absolute;}

.home #head1 {display:none}
#head1 {display:none;background: rgb(0 0 0 / 80%); color: #fff;
    z-index: 1000;}
#head1 a {color: #fff;}
#head1, #head3, #head2{width:100%;margin:0 auto;text-align:left;}
#body .container, #foot .container,#head1 .container, #head4 .container, #body2 .container{width:1200px;margin:0 auto;text-align:left;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1 .container{overflow:hidden;padding: 10px 0;}
* html #head1 .container, * html #head2, * html #body{background:none;} /* IE 6 hack */

/* FLAG LANGUAGE */
.lang_flag {
    float:right;
    margin: 3px;
}
.lang_flag .flagi {
    padding: 0 3px 4px;
}
.lang_flag a .flagi {
}
.lang_flag a:hover .flagi {
}

.header_icon {float:right; margin: 8px 0px 0 0; font-size: 16px; font-weight: 400;}
.header_icon a{float:left; padding-left:24px;margin-right: 4px;}
.tel_icon {background: url(gui/icon_tel.png) no-repeat 0px 1px;margin-right: 25px;}
.tel_marker {width:1px; height:22px; background: url(gui/icon_map.png) no-repeat 0px 1px;}
.mail_icon {width:1px; height:22px; background: url(gui/icon_mail.png) no-repeat 0px 1px;}
.fb_icon {width:1px; height:22px; background: url(gui/icon_fb.png) no-repeat 0px 1px;}

.header_icon .inst_icon {width:1px; height:22px; background: url(gui/icon_ins.png) no-repeat 0px 1px;}

/* MENU TOP 1 */
#menu1 ul{float:left;margin:8px 3px 0 0;list-style:none;}
#menu1 li{float:left;padding:0 5px 10px 15px;}
#menu1 li a{padding-left: 10px;
  font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:underline;}

#menu1 li.lBasket{text-align:center;padding:0;}
#menu1 li.lBasket a{padding:0;background:none;color:#fff;font-weight:bold;}
#menu1 li.lBasket a:hover{color:#fff;}
#menu1 li.lBasket span{padding:2px 0 5px;display:block;color:#000;font-size:0.917em;font-family:sans-serif;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{clear:both;    margin-top: -38px;}
#head2 .container{height:70px;}
#logo img {float: left;margin-right: 60px;}
#logo{padding:10px 10px 10px 0px;}
#logo #title a{font-weight:bold;font-size:26px;text-transform:uppercase;text-decoration:none;padding: 15px;
    float: left;}
#logo #slogan{padding:5px 0 0 4px;background:inherit;color:#fff;font-size:1.167em;}

/* HEADER WITH TOP MENU BELOW LOGO */
#head3{background:#000;}
#head3 .container{height:53px;}

/* MENU TOP 2 */
#menu2 ul{float:left;margin:0;list-style:none;}
#menu2 li{float:left;padding:0;position: relative;}
#menu2 li a{float:left;padding:18px 25px 15px;color:#fff;font-size:1.17em;background:inherit;}
#menu2 li a:hover, #menu2 .selected a{text-decoration:underline;}

/* SUBMENU TOP 2 */
#menu2 li ul {opacity:0;pointer-events:none;position:absolute;top: 25px; margin:15px 0;z-index:1000;color:#fff;background:rgba(0,0,0,0.8);padding:10px;transition:0.25s;-webkit-transition:0.25s;}
#menu2 li:hover ul {opacity:1;pointer-events:auto;}
#menu2 li ul li {display:block;width:220px;  }
#menu2 ul ul .selected a:before {opacity:0;}
#menu2 li ul a {color:#fff;width: 90%;padding:5px 10px;display:block;transition:0.25s;-webkit-transition:0.25s;}
#menu2 li ul a:hover {text-decoration: underline;}

#head4 {height: 89px;
    background: url(gui/header.jpg) no-repeat top left;}
body.home #head4 {height: 871px;position: relative;}
#head4 .container {position: relative}
#head4 .logo_head {position: absolute;
    top: 76px;
    left: 53px;
 z-index:2;}


#head4 .container .button {float: right;
    position: absolute;
    top: 257px;
    left: 1px;
    width: 370px;}

#head4 .container .button a {display:block; float:right; color:#fff;font-size: 20px; background-color: rgba(224, 126, 61, 0.9); padding: 10px 35px 12px 50px;
border-radius:10px 0 0 10px;margin: 7px 0;transition: all 0.5s ease 0s;}

#head4 .container .button a.btn-mail {background: url(gui/icon_mail2.png) no-repeat 14px 13px rgba(26, 169, 78, 0.9);}
#head4 .container .button a.btn-book {background: url(gui/icon_booking.png) no-repeat 17px 13px rgba(0, 57, 144, 0.9);}
#head4 .container .button a.btn-adr {background: url(gui/icon_map.png) no-repeat 17px 13px rgba(224, 126, 61, 0.9);}
#head4 .container .button a.btn-tel {background: url(gui/icon_tel.png) no-repeat 17px 13px rgba(224, 126, 61, 0.9);}

#head4 .container .button a:hover {padding-right:45px;}


.button-page {}

.button-page a {display: inline-block;
    color: #fff;
    font-size: 20px;
    background-color: rgba(224, 126, 61, 0.9);
    padding: 10px 35px 12px 50px;
    border-radius: 10px;
    margin: 7px 10px;
    transition: all 0.5s ease 0s;}

.button-page a.btn-mail {background: url(gui/icon_mail2.png) no-repeat 14px 13px rgba(26, 169, 78, 0.9);}
.button-page a.btn-book {background: url(gui/icon_booking.png) no-repeat 17px 13px rgba(0, 57, 144, 0.9);}




#head4 .container .desc  {
    text-shadow: 2px 2px 0px #000;
    position: absolute;
    top: 197px;
    left: 371px;
    width: 1054px;
    color: #fff;
    font-size: 24px;
    padding: 37px 63px;
    background: rgb(0 0 0 / 66%);
}

#head4 .container .desc .cont { max-width: 800px; }

#head4 .container .desc h1 {font-size:50px;padding-bottom: 13px;}
#head4 .container .desc h2 {font-size:20px;padding-top: 14px;}
#head4 .container .desc p {padding: 10px 0;}

/* BXSLIDER STYLES */
.slider {padding:0;height:336px;position: relative;width: 960px;margin: 0 auto;}
.slider img {float:left;position:absolute;top:0;left:0;z-index: -2;}
.slider li, .slider ul {height:336px;display:block;float:left;}
.slider h1 , .slider h2 {float:right;  color: #fff; font-weight: normal;  line-height: 1.1em;}
.slider h1 {font-size: 30px;float: left;
margin: 60px 0 0px 100px; padding:15px 23px;background: rgba(0, 0, 0, 0.74)}
.slider h1 a {color:#fff;}
.slider h1 a:hover {text-decoration: none;}
.slider h2 { float:left; clear:both; 
    background: rgba(93, 93, 93, 0.8) ;
font-size: 14px;
margin: 0px 0 5px 100px;
max-width: 500px;
min-width: 350px;
padding: 10px 23px;
text-align: left;}

.bx-wrapper .bx-pager {
    padding-bottom: 30px;
    visibility: visible;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body, #body2{clear:both;margin:0;    font-size: 17px;}
#body .container{;overflow:hidden;}

#body .container #content #page {
    padding: 40px 80px 20px;}
.section {width:100%; float:left; padding:50px 0 40px;}

.section.form {background: url(gui/back_black.jpg) no-repeat top center #363537; color: #fff;font-weight: normal;  padding: 80px 0 70px;margin-top: 50px;}
.section.form  a {color: #fff;}
.section.form  .infos img {margin-top:-10px;}
.section.form  .infos h2   {margin: 15px 0 22px;}
.section.form  .infos div{ padding: 9px 0 9px 28px; }
.section.form  .infos a {    padding: 5px 0 5px 33px;
    margin-bottom: 2px;
    display: inline-block;
    width: auto; }


.infos .tel_icon {background: url(gui/icon_tel.png) no-repeat 2px 9px;margin-right: 25px;}
.infos .tel_marker { background: url(gui/icon_map.png) no-repeat 0px 9px;}
.infos .mail_icon {background: url(gui/icon_mail.png) no-repeat 0px 9px;}
.infos .fb_icon {background: url(gui/icon_fb.png) no-repeat 0px 7px;margin-right:30px}
.infos .inst_icon {background: url(gui/icon_ins.png) no-repeat 5px 7px;}

.section.form  .infos .infos_phone {background: url(gui/icon_tel.png) no-repeat 0px 18px;}
.section.form .right .infos .infos_adr{background: url(gui/icon_marker.png) no-repeat 0px 18px;}
.section.form .right .infos .infos_mail {background: url(gui/icon_mail.png) no-repeat 0px 13px;}
.section.form #content {
   float: none; 
    width: auto; 
    padding: 0px 90px 20px;}

.section.form #page{float: left;}
.section.form .content h3 {    
    font-size: 18px;
    padding: 10px 0;
    background: url(gui/sep3.png) no-repeat bottom left;
    margin-bottom: 10px;}

#body2 .section_o_nas {width:100%; float: left;background: url(gui/back_o_nas.png) no-repeat top center;}

#body2 .section_o_nas  #content {
    float: left;
    width: auto;
    padding: 58px 160px 20px;
    min-height: 250px;
}

#body2 .section.info {background: url(gui/info2.png) no-repeat top center; padding: 70px 0 0;
    min-height: 520px;
    margin: 80px 0 50px;}

#body2 .section.info .right {;float:right;width:50%}
#body2 .section.info .right #page {padding:0px 15px 10px 74px;}
#body2 .section.info .right #page h1 {margin:0 0 20px;}
#body2 .section.info .right #page li { padding: 14px 0 14px;}
#body2 .section.info .right #page li:last-child {background:none;}

#body2 .section.hr-box {height:132px; padding: 0;background: url(gui/back_2.png) no-repeat top center;}

#body2 .section.map {}

#body2 .section.map #page div.content h1 {color: #fff;margin-bottom:20px;}

#body2 .section.map #page div.content p {padding:0;}
#body2 .section.map #page div.content p:last-child {background: none; padding-bottom: 0;}

.home .section_apartaments {margin: -201px 0 17px;}
.home .section_apartaments.x2 {display:none;} 
.section_apartaments {
    margin: 60px 0 0;
    z-index: 100;
    position: relative;
    float: left;
    width: 100%;}
.home .section_apartaments h1 {display:block;color:#fff;font-size: 50px; text-shadow: 2px 2px 0px #000;padding: 10px 10px 47px 168px;text-align: left;}
.section_apartaments h1 {display:none;}
.section_apartaments .apbox {float:left;width:16.6666666666%;text-align:center;overflow: hidden}
.section_apartaments .apbox img {width:100%;transition: all 0.5s ease 0s;}
.section_apartaments .apbox a:hover img {filter: brightness(1.35);}
.section_apartaments .apbox h2 {font-size:35px;}

/* LEFT COLUMN STYLES */
#column{float:left;width:270px;padding:10px 0;}
/* 
If you want display left menu on right side:
#column{float:right;width:270px;padding:10px 0;}
*/
#column .type{margin-top:25px;padding:7px 0 7px 10px;font-size:1.75em;letter-spacing:1px;}
#menu3, #menu4{padding:0 20px 10px;}
.order #column{display:none;}

/* LEFT MENU */
#menu3 ul, #menu4 ul{padding:10px 0;list-style:none;}
#menu3 li, #menu4 li{padding:4px 0;}
#menu3 a, #menu4 a{display:block;width:87%;padding:2px 2% 4px 7%;font-size:1.083em;}
#menu3 a:hover, #menu3 .sub1 a:hover, #menu4 a:hover, #menu4 .sub1 a:hover{}
#menu3 .selected > a:first-child{}

#menu3 .sub1, #menu4 .sub1{margin:0;padding:0;}
#menu3 .sub1 li, #menu4 .sub1 li{padding:2px 0 2px 24px;}
#menu3 .sub1 a, #menu4 .sub1 a{display:block;width:100%;padding:2px 0;}

/* search form */
#searchForm{margin:15px 5px 15px 30px;}
#searchForm label, #searchForm legend{display:none;}
#searchForm .input{width:115px;}

/* RIGHT COLUMN STYLES */
#content{float:left;width:100%;padding:0px 0 0px;text-align:center;}
* html #content{width:660px;}
* html #page{width:100%;}
#page{position:relative;margin:0 auto;text-align:left;}

.order #content{width:100%;}
* html #page{width:100%;} /* IE 6 hack */
* html .order #page{width:94%;} /* IE 6 hack */
#body.order .container{width:960px;background:#fff;border:0;}

/* PAGE TITLE */
#page h1{margin: 5px 0 10px;
  font-size: 50px;
    font-weight: 700;}

/* NAVIGATION PATH - TREE */
#page h4{position:absolute;top:-25px;padding:2px 0;}
#page h4 a{font-weight:normal;}
#page h4 a:hover{text-decoration:underline;}
*:first-child+html #page h4{top:-5px;} /* IE 7 hack */
* html #page h4{top:-5px;} /* IE 6 hack */

/* PAGE CONTENT */
#page div.content{padding-top:5px;font-size:1.083em;line-height:1.4em;text-align: justify;}
#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#head4 ul, #head4 ol{margin:0 0 0 25px;padding:0;}
#head4 ul li, #head4 ol li{padding: 4px 0;}
#page div.content ul {list-style: none;margin:0;}
#page div.content li{margin:8px 0;padding:0;border-left:0;text-align: left;}
#page div.content ul li{  margin:2px 0;  padding: 4px 0 4px 24px;}
#page div.content p{padding-bottom:10px;}

#pageDescription li img {margin: 8px 8px 5px 5px;float:left;}

#page29 #pageDescription li img{filter: grayscale(1)}
#page29 #pageDescription li a img{filter:none}

.pages{padding:8px 0;text-align:right;font-size:1.083em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1.083em;}

/* IMAGES STYLES */ 
.imagesList{list-style:none;}
.imagesList li{margin:0 0 15px 0;text-align:center;}
.imagesList li div{text-align:center;}
.subpagesList li img, .imagesList li img, .imagesList#imagesListPreview li img, .imagePreview img, #products li .photo img, .subpagesListBox li .photo img, .gallery td img{transition: all 0.5s ease 0s;}
.subpagesList li img:hover, .imagesList li img:hover, .imagesList#imagesListPreview li img:hover, .imagePreview img:hover, #products li .photo a:hover img, .subpagesListBox li .photo a:hover img, .gallery td a:hover img
{filter: brightness(1.35);}

.section_apartaments .apbox img {width:100%;transition: all 0.5s ease 0s;}
.section_apartaments .apbox a:hover img {}

#imagesList1{float:left;margin:9px 20px 0 0;}
#imagesList2{clear:right;float:right;margin:8px 0 0 15px;}
#imagesList5{margin:15px 0 0;}
.gallery{clear:both;width:100%;border:0;padding:0;font-size:1em;background:inherit;}
.gallery td{padding:15px 5px;color:#5b5b5b;text-align:center;vertical-align:top;font-size:0.9em;}

.imagePreview div{margin:5px 0 10px;text-align:center;}
#imagesListPreview{float:left;margin:9px 20px 0 0;}
* html #imagesListPreview{margin-top:-5px;}
.imagesList#imagesListPreview li{margin-bottom:3px;}


/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:2px;background:inherit;}

/* FILE LIST TABLE */    
  #FileListTable{
    border: 1px solid black!important;
    border-collapse: collapse;
    width:100%!important;
    line-height: 1.3em;
    white-space: nowrap;
    font-size:1em;
}
#FileListTable p{margin:0;}
#FileListTable td {
    width:auto!important;
    border: 1px solid #fff;
    text-align: center;
    padding:5px;
    vertical-align: middle!important;
}

#FileListTable td p {color:#686868;}

#FileListTable td:nth-child(2) {text-align: left;}

#FileListTable tr:nth-child(2n+2) {
    background-color: #E7E7E7;
}
#FileListTable thead tr{
    background-color: #282828; font-weight:bold; color: #fff; }  

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:96%;margin:10px 0;padding:13px 2%;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 18px 5px 0;}
.subpagesList li h2{padding-bottom:10px;}
.subpagesList li h2, .subpagesList li h2 a{font-size:1.25em;font-weight:normal;}
.subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
.subpagesList li ul, .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
.subpagesList li p{padding-bottom:10px;}


/* PRODUCTS LIST - COLUMNS TEMPLATE */
.subpagesListBox{clear:both;margin-top:10px;}
.subpagesListBox .list li{clear:none;float: left;/* width:200px */;margin-left:60px;padding:20px 0;text-align:center;}
.subpagesListBox ul.list {float: left; width: 100%; list-style: none;}
.subpagesListBox li.column1{clear:both;margin-left:0;}
.subpagesListBox li h3{text-align:center;
    padding: 5px;
    color: #48227c;}
.subpagesListBox li .photo{font-size:0px;line-height:0px;}
.subpagesListBox li div.description{margin:10px 0 0;text-align:justify;}
.subpagesListBox li div.more {width:150px;margin:10px auto 0;}
.subpagesListBox li div.more a{display:none;font-weight:bold;text-align:center;padding:5px;color:#fff;background:#888;}
.subpagesListBox li.pages#pagesAfter{clear:both;}
.subpagesListBox .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;font-size:1em;text-align:right;}
*:first-child+html #options{width:95%;} /* IE 7 hack */
#options a{padding:0 10px 0;}
#options .back, #options .print{float:right;}

.message{padding:50px 0;text-align:center;}
.message h3{background:inherit;color:#000;font-weight:normal;font-size:2.4em;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot_gallery {clear:both;width:100%; height:291px;}

#foot{clear:both; font-size:1.083em;background:#fff;}
#foot .container{margin:0 auto;padding:30px 0;color: #909090;
    overflow: hidden;
    font-size: 15px;}
#foot a{background:inherit;color:#909090;}
#foot a:hover{text-decoration:underline;}

#foot .footer_img {float:right; padding: 0 0 80px;}

#copy{float:left;padding: 0 25px 0 80px;}

.foot {
  float: right;
  font-size: 12px;
  line-height: 1.1;
  margin: 2px 34px 0 0;
  text-align: right;
  width: 285px;
}

#powered img {
  float: right;
  margin: 0px 0 0 10px;
}

/* PRODUCTS LIST */
#products{float:left;width:100%;margin-bottom:10px;list-style:none;}
#products ul.list{float:left;width:100%;list-style:none;}
#products .list li{float:left;}
#products li .photo{font-size:0px;line-height:0px;}
#products li h2{padding:5px 0 5px 0;font-weight:bold;font-size:1.083em;}
#products li h3{padding:5px 0 9px;text-align:left;font-weight:normal;font-size:0.917em;}
#products li h3 em{padding:0 5px;}
#products li .price, #products li .noPrice{margin:5px 0 5px 0;background-color:inherit;color:#000;font-weight:bold;text-decoration:none;}
#products li .price em{padding:0 6px 0 0;font-style:normal;font-weight:normal;}
#products li .price strong{font-size:1.167em;}
#products li .noPrice strong{font-size:1.083em;}
#products li .price span{padding-left:4px;font-size:1.083em;font-weight:normal;}
#products li .basket{font-size:0.917em;padding-left:3px;}
#products li .basket a{display:block;font-weight:bold;text-align:center;padding:5px;color:#fff;background:#888;}

/* PRODUCTS LIST - COLUMNS TEMPLATE */
#products{clear:both;margin-top:10px;}
#products .list li{clear:none;width:200px;margin-left:20px;padding:20px 0;text-align:center;}
#products li.column1{clear:both;margin-left:0;}
#products li h3{text-align:center;}
#products li div.description{margin:10px 0 0;text-align:justify;}
#products li .basket{width:150px;margin:10px auto 0;}
#products li.pages#pagesAfter{clear:both;}
#products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;}

#products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;}
#products .pages li{margin:0;padding:0 2px;border:0;background:none;}
#products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;}
#products .pages .viewAll{padding-right:8px;border-right:1px solid #666;}
#products .pages .title{padding-left:8px;border:none;}
#products .pages#pagesBefore{clear:none;width:auto;}

#products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;}
#products .sort div {display: inline;
    padding: 0px 4px;}
#products .sort ul{display:inline;list-style:none;}
#products .sort li{display:inline;padding:0 6px;font-weight:bold;border-right:1px solid #666;}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{font-weight:normal;}

#panelf{background:#fff;padding:0px;height:400px;width:292px;z-index:998;position:fixed;margin-top:-100px;right:0px;top:255px;}
#panelf .slide_button2{background:url('gui/fb2.png');display:block;height:107px;text-indent:-9999px;width:39px;position:absolute;left:-39px;top:0px;}
#panelf .zamknij{background-position:-20px 0px;}
#panelf a:focus{outline:none;}

/* PRODUCTS DETAILS */
#product{float:right;display:block;width:650px;margin:0 20px;text-align:left;}
* html #product{margin:0;} /* IE 6 hack */
#product h1{padding:5px 0 5px;font-size:2.25em;font-weight:normal;}
#product h4{margin:0 0 10px;padding:2px 0 7px;font-weight:normal;font-size:0.917em;}
#product h4 em{padding:0 5px;}

#product #box{float:right;width:250px;margin:5px 0 10px 5px;padding:3px 0 10px;border:1px solid #888;background:#bbb;text-align:center;color:#fff;}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:7px 0;font-size:1.417em;text-align:center;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;font-weight:bold;}
#product #box #available{padding:8px 2px 0;font-weight:bold;font-size:0.9em;}
#product #box #addBasket{padding:10px 0 5px;}
#product #box #addBasket .submit{width:176px;padding:5px;text-align:center;border:0;background:#888;color:#fff;font-size:1.1em;font-weight:bold;}

#product div.content{clear:left;padding:0 0 10px;font-size:1.083em;line-height:1.5em;}
#product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;}
#product div.content li{margin:8px 0;padding:0;border-left:0;}
#product div.content p{padding-bottom:10px;}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;font-size:1em;}
#orderedProducts td, #orderedProducts th{padding:6px 7px;}
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;}
#orderedProducts thead td{padding-bottom:11px;}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th{text-align:left;}
#orderedProducts tbody th a{background:inherit;}
#orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;}
#orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;}
#orderedProducts tbody .quantity label{display:none;}
#orderedProducts tfoot{text-align:right;}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;}

#basket #orderedProducts table{margin:10px 0 0;}
#basket .info{padding:10px 0;text-align:left;}
#basket #recount .submit{padding:2px 3px;}
#basket #save{text-align:left;}
#basket .summaryProducts{font-size:1.36em;font-weight:bold;}
#basket .summaryProducts #summary{font-weight:bold;}
#basket .del{padding:0 5px 0 10px;}
#basket .buttons #save .submit{padding:3px 5px;}
#basket .buttons .submit.continue{margin-right:5px;}
#basket #pageDescription{margin-top:20px;}
#basket legend{display:none;} 

#basket #continue{text-align:left;}
#basket #save{padding:6px 7px 0;}

#order legend{display:block;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;}
#order #personalData{padding:12px 3%;overflow:hidden;}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;padding:2px 0;font-weight:bold;}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}

#shippingAndPayments div{padding:11px 3%;}

#order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;}
#order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;}
#order .summaryOrder, #orderPrint .summaryOrder{font-size:1.36em;font-weight:bold;}
#order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;}
#order #rulesAccept th, #order #nextStep th{text-align:right;font-weight:normal;}
#order #rulesAccept th a{font-weight:bold;}
*:first-child+html .nextStep .submit, *:first-child+html #basket #save .submit{padding:2px 0px;} /* IE 7 hack */

/* ORDER SUMMARY/PRINT PAGE */
#orderPrint #pageDescription{padding:0;}
#orderPrint #pageDescription p{padding:5px 0;font-weight:normal;font-size:1.5em;text-align:center;}
#orderPrint .legend{clear:both;padding:20px 0 10px;font-size:1.2em;font-weight:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;}
#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}
#orderPrint dt{clear:left;text-align:right;}
#orderPrint dd{padding-left:3%;font-weight:bold;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}

/* Tabela w treści */

#page .content table, #page .subpagesList table {
    border: 1px solid black!important;
    border-collapse: collapse;
    width:100%!important;
    line-height: 1.3em;
    white-space: nowrap;
    font-size:14px;
}
#page .content table p, #page .subpagesList table p {margin:0;}
#page .content table td, #page .subpagesList table td {
    width:auto!important;
    border: 1px solid #fff;

    padding:5px;
    vertical-align: middle!important;
}

#page .content table tr {border-top: 2px solid #48227c;}

#page .content table tr:nth-child(2n+2), #page .subpagesList table tr:nth-child(2n+2) {
    background-color: #f7f7f7;
}
#page .content table thead tr{
    background-color: #282828; font-weight:bold; color: #fff; }

/* formularz kontaktowy */
.formBox_message {

font-weight: bold;
text-align: center;
margin-top:20px;}
#content .formBox_message p {text-align: right;}
#formBox { 
float:right;
width:580px;}
#formBox table {font-size:1em;width: 100%;}
#formBox td { text-align:right; padding: 5px;color: #fff;}
#formBox h6{font-size:1em;}
#formBox .input, #formBox textarea{ 
    width: calc(100% - 30px);
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    font-style: italic;
    padding: 15px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.20);
}
#formBox span{font-size: 15px;
    font-style: italic;}

#formBox .input::placeholder, #formBox textarea::placeholder {color: #fff;}
.more  {text-align: right;margin-right:15px;}
.more a {text-decoration: none;}
.more a:hover {text-decoration: underline;}

/* PLUGINS */

.paymentOuter{margin:20px 30px;padding:25px;text-align:center;border:1px solid #bebebe;}
.paymentLink a img { margin: 15px 0 10px;}


@media print{
  /* PRINT STYLES */

  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;}

  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head2 .container, #head2{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title, #page h1{padding:0;}
  #page h4{position:relative;top:0;}

  #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit{display:none;}

}

@media screen and (max-width:1600px){ 
#head4 .container .button {
    width: 370px;
}
#head4 .container .desc {
    width: auto; }    

.home .section_apartaments {margin: -170px 0 0;}

}
/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1200px){ /* RWD Step 1 */
/*  #menu3 li{border:1px solid green} */
  #body .container, #foot .container, #head4 .container, #body2 .container, #head1 .container {
      width: 100%; }
  #head1, #head3, #head2, #head4{width:100%;}
    #head2 {
    clear: both;
        margin-top: 2px;}
    
    #logo img {margin-left:20px;}
    #head4 .container .logo_head {display:none;}
    #head4 .container .desc {position: relative;
    margin: 0 auto;
    left: auto;
    top: 300px;;
}
    
    .home .section_apartaments {margin-top: -100px;}
    
    .section_apartaments .apbox h2 {
    font-size: 20px;
}
    
    #head4 .container .button {
position: relative;;
        top: 32px;
    right: 0px;
left: 0px;
}
    
    #body2 .section .right {width:auto;}
    #body2 .section_o_nas #content {
        padding: 58px 60px 20px;}
    #page .content iframe {width:100%;} 
   .rwd-table {overflow-x:scroll;clear:both;position:relative;}
    #page .content .rwd-table table {width:1030px!important;}
    #page .content .rwd-table table.odleglosci {width:100%!important;}    
   .section img, .imagesList img, #pageDescription img {max-width:100%; height: auto;}
    
  /* HEADER STYLES */
  #menu1 ul{padding:5px;}
  #head3 .container{height:auto;}
    .slider {width:100%;}
  
  /* LEFT COLUMN STYLES */
  #searchForm{margin:10px;}
  #searchForm .submit{margin:5px 0;}
  
  #column{width:30%;padding:10px 0;}

  #menu3, #menu4{padding:0px;}
  #menu3 .type, #menu4 .type{padding:0px 10px;}
  #menu3 ul, #menu4 ul{padding:0px;}
  #menu3 .sub1 li, #menu4 .sub1 li{padding:5px 40px;}
  
  /* RIGHT COLUMN STYLES */
  #content{}
  
  #page {margin:0px 3%;}

  #products .list li{width:48%;padding:0px;margin:5px;border-top:1px solid #000}
  #products .list .l1, #products ul.list .l2{border:none}
  #products .list .i1{clear:left;}
  #products li.column1{clear:none;}
    
  .subpagesListBox .list li{padding:0px;margin:5px;}
  .subpagesListBox .list .l1, #products ul.list .l2{border:none}
  .subpagesListBox .list .i1{clear:left;}
  .subpagesListBox li.column1{clear:none;}

  #product{width:100%;}
  #product div.content{padding-bottom:0px;}
  #product .imagePreview{margin-right:5px;}
  #product #imagesListPreview{margin-right:0px;}
  #product #box{padding:2px 5px;width:auto;margin-top:10px;}
    
    .gallery td img {width: 90%;}

  /* ORDER ETC */
  #orderedProducts tfoot .submit{margin:2px;}
  #basket #save{padding:6px 9px 0;}
  #body.order .container{width:100%;}
}
@media screen and (max-width:800px){
    
    #head4 .logo_head {
    position: relative;
    float: left;
    margin: 20px;
    max-width: 150px;
        top: 30px;
    left: auto;
    }
    body.home #head4 {
    height: 700px;
    }
    #head4 .container .button {
    top: 0;
    }
    #head4 .container .desc h1 {
        font-size: 30px;}
    #head4 .container .desc {
    font-size: 20px;
        position: relative;
    margin: 0 auto;
    left: auto;
    top: auto;
    float: right;
    }
    .home .section_apartaments  {margin-top: 20px;}
    .home .section_apartaments h1 {color: #000;
    font-size: 30px;
    text-shadow: none;
    padding: 10px;}
.section_apartaments .apbox {
    width: 50%;padding: 10px 0;
    }
    #page h1 {
        font-size: 30px;}
    
    #body2 .section.info {margin:0;}
    
    .section.form .infos img {
        display: none;}
    
    .section.form {
        background-size: cover;padding: 40px 0 40px;}
    
    #menu1 {display: inline-block;
    clear: both;
    float: right;
    margin: 10px;}    
    #foot .footer_img {
    /* float: right; */
    padding: 20px;
    display: inline-block;
        text-align: center;}
  #menu1 ul{padding:0px 5px}
#head4 .container .desc {
    width: auto;
    height:auto;
    }
    #body2 .section.info {background-image:none;}
    #body2 .section.my #page div.content {width:auto;}
  #menu3 li ul, #menu4 li ul{}
    #logo img { }
  .slider h1, .slider h2 {margin-left: 10px;min-width: 290px;}    
  #body2 .section.info .right {
      width: 100%;}
    #body2 .section_o_nas, #foot {background:none;}
   #formBox {width:100%;}
    #formBox table {width:95%;}
    #formBox table td {display:block; text-align: left;width:100%!important;}    
    #formBox .input, #formBox textarea {width: calc(100% - 16px);}    
    
  #products .list li{width:46%;margin:5px 2%;}
  #products .list li img{width:100%;max-width:180px;}
    
  .subpagesListBox .list li{}
  .subpagesListBox .list li img{}

  #product{width:95%;margin-right:10px;}
  #product .imagePreview{width:68%;margin-right:4%;}
  #product .imagePreview img{width:99%;max-width:250px;}
  #product #box{width:100%;padding:0px;}

  #basket .buttons #save .submit{padding:0px}
}
@media screen and (max-width:481px){ /* RWD Step 2 */
    
    #imagesList1, #imagesList2  {
        margin: 8px 0 0;}
    
  body{}
    
    body.home #head4 {
    height: auto;
    float: left;
    }
    
    #head4 {    background-size: cover;}
    
    #head4 .logo_head {
    position: relative;
    float: none;
    margin: 20px;
    max-width: 200px;
    top: auto;
    left: auto;
    margin: 0 auto;
    margin: 20px;
    }
  #head2 .container {
    height: 130px;
}
    #body .container #content #page {
    padding: 40px 30px 20px;
}
    #head4 .container .desc {
    padding: 50px 50px;}
    #body2 .section.my #page div.content {
        padding: 34px;}
    .section.form #content {
        padding: 0px 20px 20px;}
    #body2 .section.info {
        padding: 50px 0 0;}
    #body2 .section.info .right #page {
        padding: 0px 35px;}
    .section.form .right {
        margin-left: 10px;}
    
     .subpagesListBox .list li img{max-width:100%;height:auto;}
    .gallery td {
    display: block;
    width: 100%!important;
}
    
  /* HEADER STYLES */
  #head2 #logo{font-size:11px;} 
  .slider h1, .slider h2 {margin-left: 0px;min-width: auto;}  
 
  #menu2 li {width:100%;}
  #menu2 li ul {overflow:visible;width:100%;opacity:1;}
  #menu2 li a {width:100%;}
  #menu2:hover ul {overflow:visible;}
  #menu2 li ul {padding:0;background:#128ece;}
  #menu2 li ul li {height:0;padding:0;overflow:hidden;width:100%;background:#128ece;margin:0;border:0px;}
  
  #menu2 li ul:before {content:"+";display:block;right:20%;font-size:30px;top:-32px;position:absolute;color:#128ece;font-weight:bold;}
  #menu2 li ul:hover li {height:auto;overflow:visible;}
  #menu2 li ul:hover li a {padding:18px 25px 15px;}
  #menu2 li {display:block;margin: 0;}
  #menu2 {width:100%;top:-25px;z-index:1000;margin-top:5px;}
  #menu2:before {content:'MENU';text-align:center;font-size:24px;font-weight: bold;background:#128ece;color:#fff;padding:10px 0;display:block;}
  #menu2 > ul {margin-top:0;max-height:0;padding:0;transition:0.5s;-webkit-transition:0.5s;overflow:hidden;position:absolute;background:#000;width:100%;z-index:1000;}
  #menu2:hover > ul {max-height:1000px;border-bottom:5px solid #128ece;padding-bottom:20px;}
    
  /* LEFT COLUMN STYLES */
  #searchForm{position:absolute;top:-25px;left:5px;margin:0px;z-index:20;}

  #column{width:100%;}
  #menu3 .type, #menu4 .type{margin:5px 0 0;}
  #menu3 ul, #menu4 ul{border:none;}
  #menu3 li, #menu4 li{width:95%;padding:0px;margin:10px 0 0 5px;border-left:1px solid #000;}
  #menu3 li a, #menu4 li a{width:93%;padding:0px 10px;font-size:18px;}
  #menu3 li ul, #menu4 li ul{display:none;}

  /* RIGHT COLUMN STYLES */
  #content{padding:0px;width:100%;}
  
  .subpagesList li{margin:0px;padding:5px 0px;}

  #products li .basket{width:90%;}

  #product #box{width:100%;}
  /* dopisiac nowe linie dla tekstu */
  #product #box
  
  #product #box #price{float:left;padding:0px;margin:0 10px;}
  #product #box #available{float:right;padding:0px;margin:10px 10px 0;}
  #product #box #addBasket{clear:both;}
  
  #filesList{margin:0px;}

  /* FOOTER */
  #foot{height:auto;}
  #foot .container{padding:0px;}
  #foot .foot{float:left}
  #foot #copy, #foot .foot{padding:5px}

  /* ORDER */
  #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:100%;}
}

@media screen and (max-width:320px){ /* RWD Step 3 */
  #head2 #logo{padding:5px;}
  #head2 #logo #title{font-size:10px;}
  
  #page{margin:0px;width:100%;}
  .imagesList{padding-right:5px;}
  #page h1{margin:0px 5px;}
  #page .content, #order legend{padding:5px 0 0 5px;}
  #filesList{padding-left:5px;}
  
  #products ul.list li img{width:95%;}
  
  #orderedProducts td{padding:2px;}
  #orderedProducts thead .name{padding-left:7px;}
  #orderedProducts tfoot #save .submit{;width:70px;}
  #orderedProducts .del{overflow:hidden;width:10px;background: url('img/ml_close.gif') no-repeat;background-position:center;}
  #orderedProducts .del a{height:10px;padding-top:6px;font-size:4px;color:transparent;}
  
  #basket #save{padding:6px 4px 0;}
}