@media only screen and (max-width : 319px) {

.razdelView img {
	width: 100%;
	height: 160px;
} 

} /*end*/

@media only screen and (min-width : 320px) and (max-width : 639px) {

.razdelView {
	width: 98%;
	float: left;
	display: block;
	clear: both;
}

.razdelView img {
	width: 100%;
	height: 240px;
} 

} /*end*/

@media only screen and (min-width : 640px) {

.razdelView {
	width: 46%;
	float: left;
	display: inline;
	margin: 25px 3% 5px 5px;	
	text-align: left;
}

.razdelView img {
	width: 100%;
	height: 260px;
} 

} /*end*/

.razdelView:nth-child(odd) {
	clear: both;
}

.razdelView  div {
	margin: 20px 0px 20px 0px;
}

.razdelView .finish {
	background: url('../images/background-finish.png') no-repeat;
	position: relative;
	top: -110px;
	margin-bottom: -110px;
	z-index: 100;
	width: 200px;
	height: 82px;
}

.razdelView h3 { 
	COLOR: #ffffff; 
	font-size: 140%; 
	TEXT-DECORATION: none;
	text-transform: uppercase;
	text-align: center;
	line-height: 0.9;
	background: url('../images/fon2.png');
	position: relative;
	top: -44px;
	margin: 0px 0px -44px 0px;
	width: 100%;
	text-align: center;
	padding: 12px 0px 12px 0px;
}

.razdelView a.razdel, .razdelView a.razdel:Link, .razdelView a.razdel:Visited { 
	COLOR: #000000; 
	font-size: 175%; 
	TEXT-DECORATION: none;
	text-transform: uppercase;
	text-align: left;
	line-height: 0.9;
}

.razdelView a.razdel:Hover {
	COLOR: #c4c4c4; 
	TEXT-DECORATION: none;
}

.razdelView .date, .room .date {
	color: #9f022f;
	font-size: 210%;
	display: inline;
	float: left;
	font-family: Arial;
}

.razdelView .cena, .room .cena {
	color: #9f022f;
	font-size: 220%;
	display: inline;
	float: left;
	font-family: Arial;
}

.razdelView .cena:first-letter, .room .cena:first-letter {
	padding-right: 8px;
}

.cenacomment {
	font-size: 90%;
	padding: 7px 0px 0px 6px;
	line-height: 0.9;
	text-align: center;
	float: left;
	display: inline;
}

.razdelView p {
	display: block;
	clear: both;
}

.razdelView .button a, .razdelView .button a:Link, .razdelView .button a:Visited { 
	font-size: 130%; 
	color: #09546d;
	TEXT-DECORATION: none;
	padding: 2% 4% 2% 4%;
	border: 2px #9dc5cc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	background: #ffffff;
	width: auto;
	margin-bottom: 15px;
	margin-left: 5%;
	float: right;
	white-space: pre;
	position: relative;
	z-index: 100;
}

.razdelView .button:Hover {
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	opacity: 0.5;
}

.razdelView .bronir {
	background: url('../images/fon2.png');
	position: relative;
	top: -72px;
	margin-bottom: -72px;
	width: 100%;
	height: 30px;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

.razdelView .bronir a, .razdelView .bronir a:Link, .razdelView .bronir a:Visited { 
	color: #ffffff;
	text-transform: uppercase;
	font-size: 120%;
	text-decoration: none;
}

.komnata {
	clear: both;
	padding-left: 75px;
	background: url('../images/room.jpg') no-repeat;
	background-position: 0px 6px;
	padding-bottom: 30px;
}

.zavtrak {
	clear: both;
	padding-left: 75px;
	background: url('../images/room1.jpg') no-repeat;
	background-position: 0px 6px;
	padding-bottom: 30px;
}

.ploschad {
	clear: both;
	padding-left: 75px;
	background: url('../images/room2.jpg') no-repeat;
	background-position: 0px 6px;
	padding-bottom: 30px;
}

.wifi {
	clear: both;
	padding-left: 75px;
	background: url('../images/room3.jpg') no-repeat;
	background-position: 0px 6px;
	padding-bottom: 30px;
	padding-top: 20px;
}

.avto {
	clear: both;
	padding-left: 75px;
	background: url('../images/room4.jpg') no-repeat;
	background-position: 0px 6px;
	padding-bottom: 30px;
	padding-top: 20px;
}

.kuren {
	clear: both;
	padding-left: 75px;
	background: url('../images/room5.jpg') no-repeat;
	background-position: 0px 6px;
	padding-bottom: 30px;
	padding-top: 20px;
}

.komnata  h4, .ploschad h4, .zavtrak h4 {
	font-weight: normal;
	font-size: 160%;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	line-height: 0.7;
}

.roomFoto {
	float: left;
	display: inline;
	width: 40%;
}

.roomFoto {
	padding-left: 5%;
}

@media only screen and (max-width : 479px) {

.roomFoto img {
	width: 220%;
	float: left;
	margin: 0.6%;
} 

.room {
	width: 96%;
	min-width: 220px;
	float: left;
	display: inline;
	padding-bottom: 20px;
	text-align: left;
}

} /*end*/

@media only screen and (min-width : 480px) {

.roomFoto img {
	width: 180px;
	height: 120px;
	float: left;
	margin: 0.6%;
}

.room {
	width: 55%;
	min-width: 220px;
	float: left;
	display: inline;
	padding-bottom: 20px;
	text-align: left;
}

}/*end*/

.room  .button a, .room  .button a:Link, .room  .button a:Visited { 
	font-size: 110%; 
	color: #09546d;
	TEXT-DECORATION: none;
	padding: 2% 4% 2% 4%;
	border: 2px #9dc5cc solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	background: #ffffff;
	width: auto;
	margin-bottom: 15px;
	margin-right: 5%;
	float: left;
	white-space: pre;
	position: relative;
	z-index: 100;
}

.room  .button:Hover {
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	opacity: 0.5;
}

.news1, .news2, .news3, .news4 {
	display: inline;
	float: left;
	width: 270px;
	padding: 0px 6px 0px 6px;
}

.news {
	width: 250px; 
	height: auto; 
	padding: 2px 9px 2px 9px;
	margin: 7px 7px 27px 7px;
	display: inline;
	float: left;
	text-align: left;
	font-size: 13px;
}

.news:hover {
	box-shadow: 0 0 8px 0px #468416;
	-webkit-box-shadow: 0 0 8px 0px #468416;
    -moz-box-shadow: 0 0 8px 0px #468416;
	opacity: 0.9;
} 

.news img {
	width: 180pt;
	border: 0px #ffffff solid;
	margin: 5px;
}

.news a, .news a:Link, .news a:Visited { 
	COLOR: #000000; 
	font-size: 21px; 
	TEXT-DECORATION: none;
	padding: 0px;
	font-weight: normal;
	line-height: 0.9;
}

.news a:Hover {
	COLOR: #c4c4c4; 
	TEXT-DECORATION: none;
}

.files {
	width: 100%;
	padding-bottom: 20px;	
}