body, td {
	font-family:  Verdana, Geneva, Arial, Helvetica, "Times New Roman", "Arial Black", Courier, "MS Sans Serif", sans-serif;
	font-size: 13px;
	color: Black;
	
}
		 	
h1 {
	text-align:center
}
.best {
	background:#5cb813;
	border-radius: 5px;
	padding: 5px 1px;
	color:#FFFFFF;
}
.newofer {
	background:#B00000;
	
	padding: 5px 1px;
	color:#FFFFFF;
}
.booktitle {
	background: url(../newyeartitle.png) #0088CC;
	border-radius: 5px;
	padding: 6px 15px;
	color:#FFFFFF;
	text-shadow: 2px 2px 3px black, 0 0 1em green;
	
}
.booktitle {
	background: #0088CC;
	border-radius: 5px;
	padding: 6px 15px;
	color:#FFFFFF;
	text-shadow: 2px 2px 3px black, 0 0 1em green;
	
}
.booktitlenew {
	background: url(../newyeartitle.png) #0088CC;
	border-radius: 5px;
	padding: 6px 15px;
	color:#FFFFFF;
	text-shadow: 2px 2px 3px black, 0 0 1em green;
	
}
.bloktitle {
	background: #0088CC;
	border-radius: 5px;
	padding: 5px 1px;
	color:#FFFFFF;
}
.bloktitlenew {
	background: #EE3E41;
	border-radius: 5px;
	padding: 5px 1px;
	color:#FFFFFF;
}
h4 {
	color:#313162;
}

div#block {width:975px; margin:0 auto; }
div.header {
	width:975px; 
	height:120px;
	
	}
	div.shapka {
		background:url(../back.jpg);
		border: 1px dashed #CCCCCC;
	}
div.mainmenu {width:975px;}
div.maintext {width:975px;}
div.discount {width:975px;}
div.left_col {width:214px; height:945px; float:left; margin-bottom:-15px}
div.center_col {width:543px; float:left;}
div.center_hotels {width:975px; float:left}
div.right_col {width:214px; height:945px; float:left; margin-bottom:-15px}
div.footer {width:975px; background-color:#D5D5D5; clear:both; text-align:center;}



.main-menu {
    width: 210px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu a {
    display: block;
    margin-bottom: -1px;
    padding: 8px 14px;
    color: #0088CC;
    text-decoration: none;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	background:url(../pictures/bullet.gif) left no-repeat;
}

.main-menu a:hover {
    background: #F5F5F5;
}

.main-menu > li {
	
	}


.blokcenter {
  float:left;
  margin:2px 2px 2px 2px;
  width:525px;
  padding: 5px;
  border:1px solid #E9E4D7;
  border-radius: 4px;
  background-color: #FCF6E8;
}

.blokleft {
  float:left;
  margin:2px 2px 2px 2px;
  width:198px;
  padding: 5px;
  border-radius: 4px;
  /*box-shadow: rgba(0,0,0,1.2) 0px 1px 1px;*/
  background-color: #FCF6E8;
}
.blokright {
  float:left;
  margin:2px 2px 2px 2px;
  width:198px;
  padding: 5px;
  border: 1px dotted #004CA8;
  border-radius: 4px;
}
#listhotel{
  display:inline;
}
.blokhotel1, .blokhotel2, .blokhotel3, .blokhotel4{
  float:left;
  margin:1px 1px 1px 2px;
  width:252px;
  height: 135px;
  padding: 5px;
  border: 1px solid #62B3FF;
  border-radius: 5px;
  /*background-color: #E7E6DD; */
}
.listhotel1, .listhotel2, .listhotel3, .listhotel4{
  float:left;
  margin:1px 1px 1px 2px;
  width:316px;
  height: 120px;
  padding: 3px;
  border-radius: 4px;
  background-color: #E7E6DD;
}
.blokhadd1 {
  float:left;
  margin:2px 2px 2px 3px;
  width:525px;
  padding: 5px;
  border-radius: 4px;
  background-color: #ECECEC;
}
.blokhadd_new {
  float:left;
  margin:2px 2px 2px 3px;
  width:525px;
  padding: 5px;
  border-radius: 4px;
  background-color: #BEEF4E;
}
.blokdiscount {
  float:left;
  margin:2px 2px 2px 3px;
  width:472px;
  padding: 5px;
  border-radius: 4px;
  background-color:#A5FFF5;
}
.blokhadd2 {
  float:left;
  margin:2px 2px 2px 3px;
  width:255px;
  height:200px;
  padding: 5px;
  border-radius: 4px;
  background-color: #ECECEC;
}
.akcia {
  float:left;
  margin:2px 2px 2px 3px;
  padding: 5px;
  border-radius: 4px;
  background-color: #E0D9A7;
}
.akcia2 {
  margin:2px 2px 2px 3px;
  height: 135px;
  padding: 5px;
  border-radius: 4px;
  background-color: #FFF9D2;
}
.imghotel {
margin-right: 5px;
width: 97px;
height: 73px;
border: 1px solid #FFFFFF;
}
.imgpromo {
margin-right: 5px;
width: 135px;
height: 100px;
border: 1px solid #FFFFFF;
}

.center {
	text-align:center;
}


  ul.top-menu {
    margin: 0; /* Обнуляем значение отступов */
    padding: 15px; /* Значение полей */
   }
   ul.top-menu li {
    display: inline; /* Отображать как строчный элемент */
    margin-right: 5px; /* Отступ слева */
   }

ul.top-menu a {
	font-size: 12pt;
    color: #0088CC;
	padding: 8px;
    text-decoration: none;
	background: #f0f0f0; 
    border: 1px solid #E1E1E1;
	border-radius: 5px;
}

.logo {
    position: relative;
	float:left;
}
.icons{
	vertical-align: middle;
	padding-right:5px;
	padding-top:2px;
}
span.maindataphone {
	font-size:13px;
	font-weight: bold;
	color:#00511F;
}
span.maindataemail a {
	font-size:15px;
	font-weight: bold;
	color: #0051BF;
}

@media (max-width: 767px) {
	.logo
	{width:758px;}

div#block {width:758px;}
div.header {
	width:758px; 
	height:175px;
	}
	div.shapka {
		background:url(../back.jpg);
	}
div.mainmenu {width:758px;}
div.maintext {width:745px;}
div.left_col {width:180px; height:1150px; float:left; margin-bottom:-15px}
div.center_col {width:370px; float:left;}
div.center_hotels {width:758px; float:left}
div.right_col {width:180px; height:1150px; float:left; margin-bottom:-15px}
div.footer {width:758px;}
.main-menu {width: 186px;}
.blokleft {width:165px;}
.blokright {width:165px;}
.blokhotel1, .blokhotel2, .blokhotel3, .blokhotel4{ width:355px;}
.blokcenter {width:355px;}
.blokhadd1 {width:355px;} 
.blokhadd2 {width:355px;}
ul.top-menu {padding: 3px;}
ul.top-menu li {margin-right: 1px;}
ul.top-menu a {font-size: 12px;
	padding: 5px;}
}
@media (max-width: 480px) { }

.next { color: #800040; font-style: italic; text-decoration: none;}
.all { color: #800040; text-decoration: none;}
.importance { color: #800040; text-decoration: none;}
.base {
	color: Blue;
	text-decoration: none;
	
}
a:visited {
	color: #1D3783;
	font-size:9pt;
	font-weight:bold;
	font-family:Verdana;
	
}
a:link{
	color: #1D3783;
	font-size:9pt;
	font-weight:bold;
	font-family:Verdana;}
	
a:active {
	color:#1D3783;
	font-size:9pt;
	font-family:Verdana;}
	
a:hover {text-decoration:  none;
	color: #0953C1;
	font-size:9pt;
	font-family:Verdana;}


a.w:visited {font: bold;
	color: White;
	text-decoration: none;
	font: bold;
	}
	
a.w:link{font: bold;
	text-decoration: none;
	color: White;
	font: bold;}
	
a.w:active {font: bold;
	
	color:White;
	font: bold;}
	
a.w:hover {font: bold;
	
	color: White;
	font: bold;}


	b.b {	color: Navy;}
	
a.b:visited {font: bold;
	color: Black;
	text-decoration: none;}
	
a.b:link{font: bold;
	text-decoration: none;
	color: Black;}
	
a.b:active {font: bold;
text-decoration: none;
color:Black;}
	
a.b:hover {font: bold;

color:Black;}
	
.in {border-color: #DADADA;
background: #F8F8F8;}
			
.knopka{border-color: #A9A9A9;
background:  #DDDDDD;
cursor: hand;}

h1
	{margin:7.5pt;
	font-size:12pt;
	font-family:Verdana;
	color:#0953C1}

h2
	{
	margin: 5pt;
	font-size: 12pt;
	font-family: Verdana;
	color: #006DC7;
	text-align: center;
	}
.hoteltitle
	{
	font-size: 12px;
	font-family: Verdana;
	color: #004BB0;
	text-align: left;
	text-decoration: none;
}

h3
	{margin:7.5pt;
	font-size:9pt;
	font-family:Verdana;
	color:#0953C1}
h4
	{margin:7.5pt;
	font-size:9pt;
	font-family:Verdana;
	color:#FF8000}
h5
	{
	margin:6.5pt;
	font-size:7.5pt;
	font-family:Verdana;
	color:#FF0000;
	font-weight: bold;
	font-style: normal;
	
}
.text
	{
	margin: 2pt;
	font-size: 9pt;
	font-family: Verdana;
	color: #004485;
}	
a.bl:visited {font: bold;
	color: Black;
	}
	
a.bl:link{font: bold;
	
	color: Black;}
	
a.bl:active {font: bold;

color:#2454E0;}
	
a.bl:hover {font: bold;

color: #2454E0;}		


a.bb:visited {font: bold;
	color: Black;
	text-decoration: none;}
	
a.bb:link{font: bold;
	text-decoration: none;
	color: Black;}
	
a.bb:active {font: bold;
text-decoration: none;
color:Black;}
	
a.bb:hover {font: bold;

color: #2454E0;}	
			
.but {
	border: 1 px; 
	border-color: Black;
	color:  Black; 
	background: #E5E5E5; 
	width: 100; 
	height: 20; 
	font-size: 
	11px; 
	 
	font-family: arial;
}
paragraph {color: "black";
			font: "arial";
			font-size: 1 em;}
.c2 {background:#FCF6E8}
.c2_top {width:100%; background:url(images/c1.gif) top repeat-x #FCF6E8}
.c2_left {height:100%; background:url(images/c1.gif) left top repeat-y #FCF6E8}
.c2_right {background:url(images/c1.gif) right top repeat-y #FCF6E8}
.c2_bottom {background:url(images/c1.gif) bottom repeat-x #FCF6E8}

table.distab {
border: 2px double #E5DFD1;
border-radius: 15px;
border-spacing: 7px 7px;
background-color: #FCF6E8;
}

/* Базовые стили формы */
form{
  margin:10px auto;
  max-width:95%;
  box-sizing:border-box;
  padding:25px;
  border-radius:5px; 
  background:RGBA(255,255,255,1);
  -webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);        
  box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);  
}
/* Стили полей ввода */
.textbox{
  height:35px;
  width:100%;
  border-radius:3px;
  border: #009062 2px solid;
  box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-size:16px; 
  padding:5px;
  margin-bottom:8px;  
}

.chuzn{
  height:35px;
  width:100%;
  border-radius:6px;
  border: #77AC00 2px solid;
  box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-size:24px;
  color:#0039AD;
  padding:5px;
  margin-bottom:8px;
}

.selectbox{
  height:35px;
  width:100%;
  border-radius:3px;
  border: #007090 2px solid;
  box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-size:16px; 
  padding:5px;
  margin-bottom:8px;  
}

.checkdate{
  height:35px;
  border-radius:3px;
  border:#004c8c 2px solid;
  box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-size:16px; 
  padding:5px;
  margin-bottom:8px;  
}

/* Стили текстового поля */
.message{
    background: rgba(255, 255, 255, 0.4); 
    width:100%;
    height: 100px;
    border: #908800 2px solid;
    box-sizing:border-box;
    -moz-border-radius: 3px;
    font-size:16px;
    font-family: 'Open Sans', sans-serif;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    display:block;
    padding:5px;
    margin-bottom:20px;
    overflow:hidden;
}
/* Базовые стили кнопки */
.button{
  height:50px;
  width:100%;
  border-radius:3px;
  border:rgba(0,0,0,.3) 0px solid;
  box-sizing:border-box;
  padding:10px;
  background:#90c843;
  color:#FFF;
  font-family: 'Open Sans', sans-serif;  
  font-weight:400;
  font-size: 16pt;
  transition:background .4s;
  cursor:pointer;
}
/* Изменение фона кнопки при наведении */
.button:hover{
  background:#80b438;
}
.btbook {
	padding-top: 2px;
	padding-bottom: 2px;
}

.listnewyear{
  float:left;
  margin:1px 1px 1px 2px;
  width:314px;
  height: 120px;
  padding: 3px;
  border: 1px solid #62B3FF;
  border-radius: 4px;
  background:url(../snow2017.png) no-repeat right;
  }

.listnewyear2{
  float:left;
  margin:1px 1px 1px 2px;
  width:259px;
  height: 120px;
  padding: 3px;
  border: 1px solid #62B3FF;
  border-radius: 4px;
  background:url(../snow2017.png) no-repeat right;
  }
.listnewyear3{
  float:left;
  margin:1px 1px 1px 2px;
  width:529px;
  height: 120px;
  padding: 3px;
  border: 1px solid #62B3FF;
  border-radius: 4px;
  background:url(../snow2017.png) no-repeat right;
  }

  .hltnewyear
	{
	font-size: 13px;
	font-family: Verdana;
	color:#D55D00;
	text-align:center;
	text-decoration: none;
	
}
div.headerny {
	width:975px; 
	height:220px;
	
	}
	div.shapkany {
		background:url(../backny.jpg);
		border: 1px dashed #CCCCCC;
	}
	.logony {
    position: relative;
	float:left;
}
.imgadd {
margin-right: 5px;
width: 156px;
height: 102px;
border: 1px solid #FFFFFF;
border-radius: 8px;
	}
form {
    margin: 8px auto;
    max-width: 90%;
    box-sizing: border-box;
    padding: 7px;
    border-radius: 0px;
    background: RGBA(255,255,255,1);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .45);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .45);
}