header, footer, article, section, nav, menu, hgroup {display: block;}

body {
width: 1024px;
margin: 0 auto !important;
font: 11px Verdana, Tahoma, Arial, sans-serif; color:#464E4A;}

a:link {color:#1560bd; text-decoration: none;}
a:hover {color:#082567; text-decoration: none;}

h1 {font-size:14px; font-weight: bold; color:#1C79DF;}
h2 {font-size:12px; font-weight: bold; color: #EE6907;}
h3 {font: bold 8pt Arial, Tahoma, Verdana, sans-serif; color: #4169E1;}
h4 {font: bold 8pt Arial, Tahoma, Verdana, sans-serif; color: royalblue;}
h5 {font: 14px Arial, Tahoma, Verdana, sans-serif; color: royalblue;}
h6 {font: 12px Arial, Tahoma, Verdana, sans-serif; color: orange;}

ul, li {list-style: none;}

header {
background: #fbec5d;
height: 80px;
margin-top: 0px;
padding: 10px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 0 10px #888;
-moz-box-shadow: 0 0 10px #888;}

footer {
position: relative;
margin-top: -40px;
height: 40px;
clear:both;
background: #fbec5d;
padding: 10px;
text-align: center;
font-size: 12px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0 0 10px #888;
-moz-box-shadow: 0 0 10px #888;}

.buttons {float: left; width: 200px;}
.phones {float: right; width: 300px; text-align: center;}

@font-face {
font-family: direct;
src: url(fonts/ALS_Direct_Regular.otf);}

.box_left, .box_right, .feedback_form {
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-box-shadow: 0 0 5px #888;
-moz-box-shadow: 0 0 5px #888;}

.top_menu {
padding: 10px;
margin-top: 5px; 
text-align: center;
font-family: direct;
font-size: 16px}
.top_menu a {color: gray;}
.top_menu a:hover {color: black;}

.left_block{
width: 20%;
float: left;}

.center_block{
width: 53%;
float: left;
margin-left: 10px;}

.right_block{
width: 25%;
float: right;}

.inner_page{
width: 70%;
float: left;
margin-left: 15px;
padding: 10px;}

.box_center {
padding: 10px; 
margin-top: 10px;}
.news {
border: 1px dotted black;
padding: 10px;
margin-top: 10px;
text-align: center;
font-size: 12 px;}
.important {
font-weight: bold;
color: red;}

.box_right {
float: right;
background-color: #fbec5d;
padding: 10px; 
font-size: 12px; 
margin-top: 10px; 
text-align: left;}
.box_right b {text-align: left; font-size: 14px; color: royalblue; font-weight: bold;}
.box_right img {float:left; margin-right: 5px;}

.box_left {
background: #C2FF75;
padding: 10px;
margin-top: 10px;}

.feedback_form {
background: #FFF2F2;
margin: 15px 20% 0 20%;
width: 400px;
height: 300px;
padding: 10px;
font-size: 16px;}
.req {color: red; font-weight: bold;}
.feedback_form span {clear: left;}
.feedback_form input {
float: right; 
width: 65%; 
height: 20px;}
.feedback_form textarea {
width: 65%; 
height: 30px;
float: right;}

.hotel_prices {
width: 100%;}
.hotel_prices_name {
float: left;
padding: 5px;
font-size: 12px;
color: black;}
.hotel_prices_cost {
margin-left: 200px;
padding: 5px;
font-size: 12px;
color: red;
font-weight: bold;}
.hotel_prices_add {
margin-top: 10px;}
.hotel_photos {
columns: 2;
-moz-columns: 2;
-webkit-columns: 2;}

a.bron {
display: block;
width: auto;
margin: 0 auto;
padding: 5px;
background: #FF2B00;
font-size: 14px;
text-align: center;
color: white;}
a:hover.bron {
display: block;
width: auto;
margin: 0 auto;
padding: 5px;
background: #FF2B00;
font-size: 14px;
text-align: center;
color: #F836D;}