/*	##################################
   	GENERAL
	################################## */
* {
  margin: 0;
  padding: 0;
}
	
html {
    height:100%;
    
        background: #000000 url(images/back02.png) repeat-y center top;
}
    
body {
    margin:0px;
    padding:0px;
    height:auto !important;
    height:100%;
    min-height:100%;
    position: relative;
	color: #000000;
}

p {
	margin: 0 0 20px 0;
    text-align: justify;
}

/*	##################################
   	BASIC LAYOUT
	################################## */
	
#page {
	width: 970px;
	margin: 0px auto;
    height:100%;
    min-height:100%;
    color: #edc2a9;
    font: 14px/18px "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
    /*background:lightblue; color:inherit;*/
}
	
#header {
	position: relative;
	height: 60px;
}

#content {
	/*padding: 0px 0 0 0;*/
    padding-bottom: 190px;
}

#content-left {
    position: relative;
	float: left;
	width: 160px;
    left: 170px;
}

#content-right {
    position: relative;
	float: left;
	width: 500px;
    left: 170px;
    background: url(/images/line_red03-2.png);
    border: solid #430101 1px;
}


.small {
    font-size: 12px;
    margin: -5px 0 10px 10px;
}

.newstitle {
    font-weight: bold;
    margin: 5px 0 10px 10px;
}

.bold {
    font-weight: bold;
}

.aligncenter,
div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

.aligncenter {
	margin-bottom: 20px!important;
}

.alignleft {
   	float: left;
   	margin: 0 20px 20px 0;
}

.alignright {
   	float: right;
   	margin: 0 0 20px 20px;
}

.op70 {
    filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
}

.op100 {
    margin-top: 10px;
    filter: alpha(opacity=1);
   -moz-opacity: 0.1;
   -khtml-opacity: 0.1;
   opacity: 0.1;
}

.img2 {
    float:left;
    margin:0 10px 10px 0;
}

.topmenu { font-family: Verdana, san-serif; font-weight:bold; font-size: 12px; }

a.topmenu { color: #FFFFFF; text-decoration: none; }
a.topmenu:hover { color: #ffe200; text-decoration: none; }

a.link2 { color: #ffe5c7; text-decoration: none; }
a.link2:hover { color: #ffe200; text-decoration: none; }

a.link3 { color: #ffe5c7; text-decoration: underline; }
a.link3:hover { color: #ffe200; text-decoration: none; }

.botmenu { border: 0px; }

.inpara {
    margin: -10px 0 10px 10px;
}

.semiopacity {
    position: relative; /* Относительное позиционирование */
    left: 0px;
    top: 0px;
    width: 100%; /* Ширина слоя для IE */
    height: 55px; /* Высота слоя */
   }
.semiopacity .transparent {
    position:relative; top:0;
    width:970px;
    height:55px;
    background: url(/images/menu_back01.jpg) no-repeat left top;
    filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
   }
.semiopacity .text {
    padding: 18px; /* Поля вокруг текста */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; top: 0; /* Положение слоя */
    width: 100%;
    height: 55px;
    text-align:center;
   }
.semiopacity .text.mid {   
    position:relative; left:10; text-align:center; width:950; height:35;
}

.leftboxcont {
    position:relative;
    width:144px;
    height:144px;
    background: url(/images/square_red03-2.png);
}

.langbox {
    position:relative;
    width:144px;
    height:25px;
/*    background: url(/images/line_lang01-1.png); */
}

.leftboxin {
    position:absolute;
    left:4px; top:4px; width:140px; height: 140px;
}

#rightboxcont {
    position: relative;
    width: 460px;
    padding: 20px;
}

.tw {
    color: #ffe5c7;
}

.room-nav {
    padding: 0;
	margin: 0 0 0 0;
	list-style: none;
}

li.room {
	float: left;
	margin: 0 0 35px 20px;
	width: 144px;
}

li.room p
{
	padding-bottom: 0;
	margin-bottom: 5px;
}

.room-title
{
	font-size: 14px;
	color: #fff3d0;
	font-family: Arial;
	margin-bottom: 3px;
	display: block;
	white-space: nowrap;
	
}


#room-list {
    position: relative;
    float: left;
    left: 160px;
    top: 20px;
    width: 500px;
    /*border:solid #00ff00 1px;*/
}

/*	##################################
   	FORMS
	################################## */

#reserveform {
  line-height:1em;
  margin-top: 10px;
}
#reserveform fieldset {
  border:none;
}

#reserveform input.text, #reserveform textarea {
  margin-bottom: 10px;
}

#reserveform select {
    margin-bottom: 10px;
}

#reserveform ul {
    list-style: none;
    display: block;
}    

#reserveform li {
    margin-bottom: 10px;
    color: #ffffff;
    display: block;
}    

input#reservesubmit {
  width:150px;
  margin-top:3px;
  padding:2px;
  display:block;
}

.hiddenfield {
  background:transparent;
  border:none;
  padding:0px;
  margin:0px;
}
    
#form-text {    
    float:left;
    width:120px;
    text-align:right;
    padding-right:50px;
    color: #ffffff;
}

#form-text2 {    
    float:left;
    text-align:right;
    color: #ffffff;
    padding-right:10px;
    vertical-align: middle;
}    

#form-text-field {

}

#form-checkbox {
    margin: 0;
}

#input-text {
    width: 250px;
}

#input-text2 {
    float: left;
    width: 180px;
}

/*	##################################
   	FOOTER
	################################## */

#footer {
    position: absolute;
  bottom: 0;
	width: 970px;
    height:70px;
	margin: 0 auto;
	padding: 15px 0px;
    background: #000000;
}

#footer p {
	margin: 0 0 10px 0;
}

#foot-nav {
	margin: 0 auto;
	list-style: none;
}

#foot-nav li {
	float: left;
	margin: 0 0 0 100px;
}

#foot-line {
    position: relative;
    left: 0px;
    top: 15px;
    width: 970px;
    height: 9px;
}

/*	##################################
   	USEFUL
	################################## */

.clear {
	clear:both;
}

.cellsBlock {
  width: 500px;
  display: table;
}
.cellLeft, .cellRight {
  display: table-cell !important;
  display: inline; /* для IE */
}
.cellLeft {
  width:170px;
  vertical-align: middle;
}
.cellRight {
  width:250px;
}

.cellLeft50 {
  width: 50%;
  float:left;
  vertical-align: middle;
}
.cellRight50 {
  float:left;
  width: 50%;
}

/*	##################################
   	HEADINGS
	################################## */
h1 {
	margin: 0 0 20px 0;
	font-size: 1.8em;
	font-weight: normal;
    color: #ffffff;
}
    
h3 {
	margin: 0 0 20px 0;
	font-size: 1.8em;
	font-weight: normal;
    color: #ffffff;
}

h3 a {
	text-decoration: none;
}

h3 a:hover {
	text-decoration: underline;
}

h4 {
	margin: 0 0 20px 0;
	font-size: 1.3em;
	font-weight: normal;
    color: #ffffff;
}

#content-address
{
	display: block;
	width: auto;
	margin-right:140px;
}

#content-address p
{
	font-family: Arial;
	font-size: 12px;
	color: #ffe4d5;
	text-align: right;
	padding: 0;
	margin: 0 0 10px 0;
}

#content-address .content-address-phone
{
	font-size: 18px;
}