body {background-color: #FFFF99;    display: block; margin: 8px;}
header { color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    border:1px solid #fff; 
    border-radius: 5px;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    overflow: hidden;
    }

.h195{height: 195px; }    
.h305{height: 305px; }    

header .shapka {position: absolute;left:0px; top:0px;}

.header-nav  {position: absolute; bottom: 0px; left: 0px; width: 100%; min-width: 850px; text-align: center; padding: 0px; margin: 0px; margin-bottom: 7px;}
.header-nav li {background-color: #FF9966;
    font-family: candara;
    border:1px dotted white;
    border-radius: 10px;
    padding:3px 10px;
    margin-right: 3px;
    display: inline-block;
    }
.header-nav a {padding:0px; color: white;}
.nav-block {
background: #FF9966;
border-radius: 7px;
margin-bottom: 10px;
}


.navbar-nav a {color: white; padding: 2px; }
.navbar-nav a:hover {color: white;}

.icon-bar {
display: block;
width: 18px;
height: 2px;
background: white;
border-radius: 1px;
margin: 4px 0px;
}

.contentdtls {
    font-family: candara;
    font-size: 17px;
    color: #8B0000;
    height: auto;
    border-radius: 20px;
    background-color: #FF9966;
    padding:20px;
}
.innercontentdtls {
    background-image: url(../img/bg.jpg);
    border-radius: 5px;
    padding:40px 0px;
    position: relative;
}

h1	{font-size: 24px;color: #8B0000; font-weight: bold;}
h2	{font-size: 20px;color: #8B0000; font-weight: bold; text-align: center;}
h3	{font-size: 18px;color: #8B0000; font-weight: bold;padding-top: 20px;}
h4	{font-size: 14px;color: #8B0000; font-weight: bold;}

.hotelphone	{position: relative;}
.hotelphone span {display: block; position: absolute;top:-40px; right:0px;font-weight: bold;    font-size: 24px; min-width: 180px;}
.hotelphonesm	{position: relative;}
.hotelphonesm {font-weight: bold;    font-size: 24px;color: #8B0000; font-family: "candara";}
.hotellinks {text-align: center}
.requestlist {margin-bottom: 25px; line-height: 1.2;}
.requestlist div {padding-bottom: 5px;}
.requestlist span {font-style: italic}
.otzivhide {display: none}
.simlink {cursor: pointer;}

.buttonstyle {background-color: #FF9966;
    border:1px dotted white;
    cursor: pointer;
    font-family: candara;
    border-radius: 10px;
    padding:3px 10px;
    margin-right: 3px;
    display: inline-block;
    color: white;}

.buttonstyle:hover, .buttonstyle:visited {color: white;}


.addbtnpalce {text-align: center;}
.formrow {margin-bottom: 7px; }
.formrow input{ width:100%;  border-style: inset; border-width: 2px;}
.formrow textarea{ width:100%; border-style: inset; border-width: 2px; }
.modal-dialog {max-width: 800px;}
.remarque {line-height: 1;}
.modal-content {
    background-image: url(../img/bg.jpg);
	
}
.modal-btns {text-align: right;}
.errorval {border-color:  red;}
.lowertext {text-transform: lowercase;}
.center {text-align: center;}
.w100p {width: 100%;}

.ordercall {position: absolute; top: -50px; left: 0px;}
.ordercall img  {width: 50px; height: 50px; position: absolute;}
.ordercall .calltext  {line-height: 1;  padding-left: 60px; text-align: right;}
.ordercall a  {color: #06c9c8;}


.ordercallphn {position: absolute; top: -25px; left: -160px;}
.ordercallphn img  {width: 50px; height: 50px; position: absolute;}
.ordercallphn .calltext  {line-height: 1;  padding-left: 60px; text-align: right;}
.ordercallphn a  {color: #ffffff;}

.callorderbox .modal-dialog {width:300px;}

.callbackform {width: 100%;}
.callbackform input {width: 100%; padding-left: 4px;}
.callbackform textarea {width: 100%; padding: 4px;}
.callbackform p {padding: 0px;margin: 0px;}

.bordered{  display: none; background-color: white; 
        border: 2px inset rgba(51,153,0,0.65); padding: 10px;}

.hotelquestions .toggle {color: #0099FF; cursor: pointer; text-decoration: underline; font-weight: bold;}
.hotelquestions .hiddtext {display: none;}
.hotelquestions li {margin-left: 70px; font-weight: bold; font-style: italic;}
#text {padding:3px;}





/*галерея*/


.mediagalpreview {height: 35px;padding: 2px; cursor: pointer;}
#mediagalleryprev{display: inline-block; text-align: center; width: 100%;}
#fotoopiswrap {position: absolute;top:0px;left:0px; width: 100%; background-color: #555555;opacity: 0.5;text-align: center;border: 1px solid white; }
#fotoopis{color: white; font-style: italic; opacity: 1;}
#navtop{margin:0px auto;  width: 100%;  text-align: center;}
#navtop div { display: inline-block; margin: 7px 0px; }
#gallerydisplaycover{margin:0px auto;  width: 100%; position: relative;}
#gallerydisplay{width: 100%; padding-bottom: 65%; position: relative;}
#gallerydisplay img { width: 100%; display: block;position: absolute;top:0px;left: 0px; border: 1px solid white;}
.previewselect {border: 2px solid white ;}
.errinput {border: 1px solid red;}


/*галерея*/



/*прайс*/

.tableprice {text-align: center;}
.tablehead {text-align: center; background-color: #00CCFF;}
.priceshowby {text-align: center; color: red;}
.pricetable {border: 1px rgb(0, 153, 255) solid ; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px;}
.pricetable td{border: 1px rgb(0, 153, 255) solid ;}
#opisplace .tables{padding: 20px; margin-top: 5px; overflow-x: hidden;}
.scrollbox {overflow-x: auto; padding-bottom: 5px;}


/*прайс*/



/*форма бронирования*/

#orderform {margin: 0px auto; /*width: 550px;*/}

/*форма бронирования*/




/*окно бронирования*/
.roomitem {clear: both; display:inline-block; }
.roomitem div {display: block; margin-bottom: 10px; overflow: hidden;}

.roomitem img {width: 170px; padding: 2px; margin: 3px; margin-bottom:0px; border: 1px solid #aaaaaa;}


.roomname {font-size: 14px; font-weight: bold;  text-align: left; padding:0px 10px;}
.roomfoto {}
.roomtext {}
.roomtext img {float: left; padding: 3px; margin: 3px; border: 1px solid #FF9966; }

.pricehighlight {color: red;}

.gestcont { display: none; text-align: center; padding: 0px 0px;}
.gestcont p {  padding: 0px; margin:  0px;}

.gestcont img {height: 40px; width: 40px;}
.dopplage, .gestplace {width: 40px; text-align: right;}

i.simlink {text-decoration: none;}

.priceselectmenu {
    text-align: center; 
    padding: 5px 0px; 
    border-bottom: thin dotted  #FF9966;
 }
.pricemenuitem {
    margin:2px;
    padding: 5px 17px;



    color:#8B0000;
    border: thin solid  #FF9966;
    background-image: url(/face/4.jpg);
    /*font-weight: bold;*/
    font-family: candara, arial,tahoma;
    font-size: 17px;


    border-bottom: none;

    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    cursor: pointer;

}

.itemselect {
    font-weight: bold;
    font-size: 19px;
    padding-top:7px;
}

.pricecontent {  height: 400px; overflow-y: auto; overflow-x: hidden; width: 100%;}
.priceval {width: 120px; text-align: center; padding: 5px 10px; display: inline-block; border: 1px dotted #FF9966; margin-right: 3px;  }
.gestcount input {width: 30px;}
/*#amount{ width:240px; }*/

.roomreserv{padding-top: 10px;}
.roomreserv li{list-style: none;}
.roomreserv li i, #roomcalcilate, #roomselect{cursor: pointer;}

.roomlist textarea{display: none;}
.roomreserv textarea{display: none;}
.roomlist li {list-style: none;}

/*.roomitemselect {display: block; border: 1px outset #eaeaea;  font-weight: bold; padding: 5px; border-radius: 5px;}*/

.roomitemselect {
    /*display: block; */


        background-color: #FF9966;
        border:1px dotted white;
        cursor: pointer;
        font-family: candara;
        border-radius: 10px;
        padding:3px 10px;
        margin-right: 3px;
        display: inline-block;
        color: white;

    /*background-image: url(/face/4.jpg);*/
    /*font-weight: bold;*/
    font-family: candara, arial,tahoma;
    font-size: 17px;
    
}


.dopplace {padding-bottom: 8px; font-size: 13px; }
.dopplace input {width: 30px;}

.hotelnav {padding: 10px; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    font-style: italic;
    font-size:14px;

}


.hotelnav a {padding: 0px 2px; display: inline-block;
    color: #666666; text-decoration: none;
}

.hotelnav a:visited {
    color: #666666; 
}
.hotelnav a.current, .hotelnav a.current:visited {
    color: red; 
}


.btnsel { cursor: pointer;}
.btnenabl {  cursor: pointer;}
.btndisabl {border-color: #dddddd; color: #dddddd; }

#errcontpl, #errcontdop {display: none;color: red;}

.persdataterms,.orderterms { height: 180px; width: 100%; overflow-y: auto; display: none; background-color: white; 
        border: 2px inset #FF9966;; padding: 10px;}

.hiddenline {display: none;}



.hidden-header {padding: 0px;}
.dlg-body {padding-top: 0px; padding-bottom: 0px;}
.topgal {display: block; width: 1200px; margin: 0px  auto; overflow: hidden; height: 145px; background-image: url('../img/bg.jpg'); border: #FF9966 solid 2px; border-radius: 10px; padding: 5px 0px; text-align: center;}
.topgal div {display: inline-block; height: 130px; width: 19%; text-align: center; margin: 0px;}
.topgal img  {display: inline-block; height: 130px; }
#mapcontainer {
    max-width: 800px;
    text-align: center;
}
#map {
    width: 100%;
    height: calc(80vh );
    border: 1px solid #eaeaea;
    margin: 0 auto;
}

.pricecontent hr {border-color: rgb(153, 0, 0);}
.roomorderresult {margin-bottom: 15px;}
.roomorderresult div span {font-weight: bold; font-style: italic;}

.lablenote, .lablenote2  {font-weight: bold; color: blue;}
.calculatebtn {padding-top: 20px;}

ul.preferences  {font-weight: bold;margin: 0px auto; /*width: 660px;*/}  
ul.preferences span {color: red;}  
.ui-datepicker-header {
    background-color: #FF9966;
}

.ui-datepicker{
    /*background: #FFFF99;*/
}
.ui-datepicker-title, .ui-datepicker-next, .ui-datepicker-prev, 
a:not([href]):not([tabindex]) 
{
    color: white;
}


.hotelheader {position: relative;}
.hotelheader .sociallinks{
    position: absolute;top: -28px; left: 10px;

    @media (max-width: 600px) {
        left: initial;
        right: 10px;
    }

}

.socLink img {height: 25px; display: inline-block; margin-left: 5px;}