@import url('admin/attributes.css');

BODY
{
  background-color: #21428f !important;
  background-image: url('images/bg.jpg');
  background-attachment: fixed;

  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;

  background-position: center center;

  font-family: 'Noto Serif',sans-serif !important;
  font-size: 12pt;

  padding: 15px !important;
  height: 100%;
}

DIV.footer,DIV.footer A
{
  margin:auto;
  color: #fff;
  font-size: 9pt;
}



/* headings */
H1
{
  color: #44a !important;
  text-shadow: 0px 1px 1px #333;
  font-size: 24pt;
  margin: 0px;
}

H1.title
{
  font-family: 'Noto Serif', cursive;
  font-weight: normal;
  font-size: 30pt;
  text-shadow: 0px 1px 1px #333;
  text-decoration: none;
  position: relative;
}

H2
{
  color: #44a !important;
  text-shadow: 0px 1px 1px #333;
  font-size: 16pt;
  margin-bottom: 10px;
  margin-top: 2px;
}

H3
{
  color: #44a !important;
  text-shadow: 0px 0px #333;
  font-size: 12pt;
  margin-bottom: 10px;
  margin-top: 2px;
}

/*
IFRAME
{
  border: 1px solid #bbe;
}
IFRAME.fbook
{
  border:none;
  overflow:hidden;
  text-align: right;
  width:160px;
  height:20px;
}
*/

TEXTAREA
{
  font-size: 9pt;
}

/* table elements */
DIV.frame
{
  width: 802px;
  padding: 15px;
  margin: auto;
  border-radius: 5px;
  border-width: 1px;
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
  -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
}

TABLE.rooms
{
  width: 100%;
  border-radius: 4px;
  border: 1px solid #88b;
}
  TABLE.rooms TH
  {
    background-color: #88b;
    border-radius: 2px;
    height: 20px;
  }
  TABLE.rooms TD
  {
    background-color: #bbf;
    border-radius: 2px;
    height: 30px;
  }

  /* room price flags */
  TABLE.rooms TD.D2
  {
    background-image: url('images/D2.png');
    background-repeat: no-repeat;
    background-position: center 2px;
    vertical-align: bottom;
  }
  TABLE.rooms TD.L2
  {
    background-image: url('images/L2.png');
    background-repeat: no-repeat;
    background-position: center 2px;
    vertical-align: bottom;
  }

TABLE.header
{
  width: 804px;
  height: 50px;
  background-color: #FFF;
}

  TD.title
  {
    width: 540px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
  }
  TD.fbook
  {
    width: 140px;
    vertical-align: top;
  }
  TD.langs
  {
    width: 120px;
    color: #CCC;
    text-align: center;
    vertical-align: top;
  }

DIV.menu
{
  color: #fff;
  background-color: #bbf;
  font-size: 10pt;
  padding: 2px 1px;
  border-bottom: 2px solid #bbe !important;
  border-radius: 2px;
  padding: 4px 1px;
}

DIV.slides
{
  width: 800px;
  height: 320px;
  margin: auto;
}

DIV.tabs
{
  width: 802px;
  height: 56px;
  margin: auto;
}

DIV.content
{
  width: 800px;
  margin: 8px auto 0px;
  color: #333;
  /*border-bottom-left-radius: 8px;*/
  /*border-bottom-right-radius: 8px;*/
  border-radius: 5px;
  background-color: #e0e0ff;
  font-size: 9pt;
}

  TABLE.paragraph
  {
    padding: 10px;
    width: 100%;
  }

  DIV#mapBig
  {
    width: 760px;
    height: 500px;
    border: 1px solid #bbe;
    margin: auto;
  }
  DIV#mapSmall
  {
    width: 500px;
    height: 400px;
    border: 1px solid #bbe;
  }

  DIV.ibox,DIV.hbox
  {
    background-color: #bbf;
    border: 1px solid #bbe;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
    margin-bottom: 2px;
    padding: 20px;
  }
  DIV.ibox-L
  {
    margin-left: 0px;
    margin-right: 15px;
    float: left;
  }
  DIV.ibox-R
  {
    margin-left: 15px;
    margin-right: 0px;
    float: right;
  }

  DIV.ibox IMG
  {
    border: 4px solid white;
    display: block;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
  }
  DIV.ibox IMG:hover
  {
    box-shadow: 0px 0px 12px rgba(0,64,250,0.9);
    -moz-box-shadow: 0px 0px 12px rgba(0,64,250,0.9);
    -webkit-box-shadow: 0px 0px 12px rgba(0,64,250,0.9);
  }

  DIV.ibox SMALL
  {
    color:#fff;
    display:block;
    margin-bottom: 4px;
    text-indent: 10px;
    font-size: 9pt;
  }

  /* house frame */
  DIV.hbox
  {
    background-color: #bbf;
    border-color: #bbe;
    padding: 10px;
  }
  /* room frame */
  DIV.rbox
  {
    background-color: #bbf;
    border-color: #bbe;
    padding: 25px;
  }
  DIV.w300
  {
    width: 308px;
  }
  DIV.w160
  {
    width: 168px;
  }
  DIV.twoColsBlock
  {
    width: 370px;
    float: left;
    text-align: justify;
    padding: 2px;
    margin: 6px;
  }
  DIV.threeColsBlock
  {
    width: 246px;
    float: left;
    text-align: justify;
    padding: 2px;
    margin: 6px;
  }
  DIV.attribs
  {
    margin-top: 10px;
    display: block;
  }
  DIV.toggler
  {
    margin-top:0px;
    background-color:#aaa;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
  }
  DIV.toggler:hover
  {
    background-color:#88f;
  }

DIV.pricelist
{
  border: 1px dotted #bbb;
  padding: 8px;
}

INPUT[type='text'],
INPUT[type='password'],
INPUT[type='checkbox'],
TEXTAREA,SELECT
{
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #fff;
  font-size: 10pt;
  padding: 2px;
}

TABLE.table
{
  background-color:#eee;
  border: 1px solid #999;
  border-spacing: 1px;
  border-radius: 4px;
  /*
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  */
  font-size: 9pt;
  margin-left: auto;
  margin-right: auto;
}

  TABLE.table TH
  {
    color: #fff;
    background-color: #bbf;
    font-size: 10pt;
    padding: 2px 1px;
    border-bottom: 2px solid #bbe;
    border-radius: 2px;
    padding: 4px 1px;
  }

TD.address
{
  color: #44a;
  font-weight: bold;
  font-size: 10pt;
  margin: 0;
  padding: 0;
}

/* menu buttons */
TD.btn
{
  color: #FFF;
  font-size: 12pt;
  font-weight: normal;
  text-align: center;
  text-shadow: 1px 1px 1px #555;
  padding: 4px;

  background-color: #44a;
  background: linear-gradient(top,rgb(20,20,50),rgb(160,160,255) 2%,rgb(100,100,250) 50%,rgb(80,80,200) 51%,rgb(40,40,100) 98%,rgb(20,20,50));
  background: -moz-linear-gradient(top,rgb(20,20,50),rgb(160,160,255) 2%,rgb(100,100,250) 50%,rgb(80,80,200) 51%,rgb(40,40,100) 98%,rgb(20,20,50));
  background: -webkit-linear-gradient(top,rgb(20,20,50),rgb(160,160,255) 2%,rgb(100,100,250) 50%,rgb(80,80,200) 51%,rgb(40,40,100) 98%,rgb(20,20,50));

  border: 1px solid #21428f;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-width: 6px;
  border-bottom-style: solid;

  cursor: pointer;
  height: 36px;
  line-height: 30px;

  box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
TD.btn:active
{
  border-bottom-color: #21428f;
}
TD.btn:hover
{
  background: linear-gradient(top,rgb(20,20,50),rgb(198,198,255) 2%,rgb(140,140,255) 50%,rgb(100,100,250) 51%,rgb(60,60,150) 98%,rgb(20,20,50));
  background: -moz-linear-gradient(top,rgb(20,20,50),rgb(198,198,255) 2%,rgb(140,140,255) 50%,rgb(100,100,250) 51%,rgb(60,60,150) 98%,rgb(20,20,50));
  background: -webkit-linear-gradient(top,rgb(20,20,50),rgb(198,198,255) 2%,rgb(140,140,255) 50%,rgb(100,100,250) 51%,rgb(60,60,150) 98%,rgb(20,20,50));
  border-bottom-color: #f33;
}


TD.hr
{
  background: transparent url('images/dots.png') bottom repeat-x;
  height: 3px;
}

UL.red {list-style-image: url('images/tick-R.png');}
UL.green {list-style-image: url('images/tick-G.png');}
UL.blue {list-style-image: url('images/tick-B.png');}
UL.yellow {list-style-image: url('images/tick-Y.png');}

LI.room
{
  margin-left: -20px;
}

P.alert
{
  color: #900;
  font-size: 12pt;
  font-weight: bold;
}


/* anchor */
A
{
  color: #33F;
  text-decoration: underline;
}
A.menu:link
{
  color: #FFF;
  text-decoration: none;
}
A.menu:hover
{
  color: #FFF;
  text-decoration: none;
}
A.menu:visited
{
  color: #FFF;
  text-decoration: none;
}
A.title
{
  text-decoration: none;
}


/* anchor for room */
A.room:link
{
  color: #333;
  text-decoration: none;
}
A.room:visited
{
  color: #333;
  text-decoration: none;
}
A.room:hover
{
  color: #33f;
  text-decoration: underline;
}
A.room:active
{
  color: #f00;
  text-decoration: underline;
}

A.button,A.popup,A.close
{
  text-align: center;
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: white;
  background-color: #666;
  border-radius: 5px;
  padding: 5px 30px;
  margin:4px;
}
A.button:hover,A.popup:hover,A.close:hover
{
  cursor: pointer;
  background-color: #88f;
}

B.price1
{
  color: #c11;
}
B.price2
{
  color: #444;
}

/* readonly input field */
.ro
{
  color: #008;
  background-color: #EEE;
  text-align: center;
  font-size: 10pt;
  width: 80px;
}

.long
{
  width: 480px;
}
.middle
{
  width: 240px;
}
.short
{
  text-align: center;
  width:120px;
}
.mini
{
  text-align: center;
  width:70px;
}
.micro
{
  text-align: center;
  width:35px;
}

B.red
{
  color: #D33;
  font-size: 10pt;
}

DIV.dorder,DIV.uorder
{
  cursor:pointer;
  width:16px;
  height:15px;
  margin:auto;
}
DIV.dorder
{
  background:transparent url('images/orders.gif') 0px -15px no-repeat;
}
DIV.dorder:hover
{
  background:transparent url('images/orders.gif') 0px 0px no-repeat;
}

span.P,span.R
{
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
}
span.P
{
  background-image: url('data:image/gif;base64,R0lGODlhEAAQAOMIAAEDACosKVFSUGxua4KDgLO1stLU0f3//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEKAAcALAAAAAAQABAAAARB8MhJq704a0L0DAAQYEV3hKFEFFMBjkXIvuxBoIcQCmdoHqAbyieaGF7D0MsgSTpxvWdSopOieIfSisPVrjxgTQQAOw==');
}
span.R
{
  background-image: url('data:image/gif;base64,R0lGODlhEAAQAOMIAAEDACosKVFSUGxua4KDgLO1stLU0f3//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEKAAcALAAAAAAQABAAAAQ88MhJq704ayH0FADQbWEYZGAZjlWqrm0ADEVdDEDASoRoFyCCpafjCGTCSu8VSlKWTOekQKhaqwWPVhsBADs=');
}