#pit-foto {width: 900px; margin: 15px auto 0 auto;}
.bron-block-top {width: 800px; margin: 0 40px;}
#fio {width:400px;}
#phone {margin: 10px 10px; width: 110px;}
#city {margin-left: 4px; width:361px;}
#bron-bot-block {height: 30px;}
#bron-bot-block label {float:left;}
#sub-but {margin:20px 0 0px 450px;padding:2px 5px 2px 5px; width: auto;}
#kont-map {margin: 0 auto; width: 900px;}

@media screen and (max-width:767px) {
	#navigation ul, #logo{width:100%;}
	#logo {padding:10px 0;}
	#navigation li {margin:10px;}
	#head, #navigation {height:auto;}
	#navigation ul {height:70px;}
	
	#head, main, footer {min-width:100%;}
	#logoarea {height:auto;}
	#logo_img {width: 130px; float: none; margin: 0 auto; display: block;}
	h1 {text-align:center;}
	h2 {margin: 0; text-align: center;}
	#factor {padding:20px 0; height:auto;}
	#factor_navi {width: 100%; height: auto; padding: 15px 0;}
	footer {padding: 20px 0 0;}
	
	.appArea {padding:10px 0;}
	.appArea table td, .appArea table th {font-size:90%;}
	
	#progopisanie {width:100%; height:auto;}
	.progblock {width:100%; float:none;}
	#border, .blocktop {height:auto;}
	#cottedge, #dosugback, #basseinback, #pit-foto {width:100%;}
	#dosug, #bassein {padding:20px 0;}
	#dosugback, #basseinback {padding:10px 0;}
	
	#bronirovanie label {display: block; margin: 5px auto;}
	.bron-block-top {width:100%; margin:0;}
	#rooms_img_block {display:none;}
	#fio, #city {width: auto;}
	#phone {margin: 0 10px;}
	#bron-bot-block {height:auto;}
	#bron-bot-block label {float:none;}
	#sub-but {margin: 20px auto; display: block;}
	
	.kont_back {padding: 20px 0;}
	#tele {width:100%;margin-left:0;}
	#kont-map {width:100%;display:none;}
}

@media screen and (max-width:374px) {
	#navigation ul {height:110px;}
	.appArea table td, .appArea table th {font-size:75%;}
	.inf_block {padding: 30px 10px;}
}