*{
margin:0;
padding:0;
	font: "Droid Sans", "Helvetica Neue", Helvetica, sans-serif;
font-size: 1em;

color: #333;
}

.header {
	background: url(header-bg.png) repeat-x;
	height: 7em;
}
.header .center {
	background: transparent url(headermap.png) center top;
	height: 4.5em;
}

.header-top {

}
.header-left {
	display: inline;
	float: left;
	padding: 0.75em 0 0 1em;
	text-align: left;

}
.header-left a {
	font-weight: bold;
	color: #eee;
	text-decoration: none;
	font-size: 1.25em;
	text-shadow: 0 -1px 0 #000;
}
.header-left a:hover {
	color: #fff;
}

.header-left strong {
	display: block;
	color: #eee;

}
.header-right {
	display:inline;
	float: right;
	padding-right: 1em;
}
.header-about {
	padding-bottom: 1em;
	text-align: right;
font-style: italic;
	color: #eee;
}
.header-about strong {
	display: block;
	text-align: right;
	font-weight: normal;
	color: #eee;
}
.header-about a {
	color: #db2;
	text-decoration: none;
}
.header-about a:hover {
	color: #fd3;
}

.header-icon a {
	color: #ddd;
	text-decoration: none;
}
.header-icon a:hover {
	color: #fff;
}
.icon-sale {
	background: url(icon-sale.png) no-repeat;
	padding: 0 0.5em 0 1.2em;
}
.icon-price {
	background: url(icon-price.png) no-repeat;
	padding: 0 0.5em 0 1.2em;
}
.icon-address {
	background: url(icon-address.png) no-repeat;
	padding: 0 0.5em 0 1.2em;
}
.icon-tp {
	background: url(icon-tp.png) no-repeat;
	padding: 0 0.5em 0 1.2em;
}
.icon-search {
	background: url(icon-search.png) no-repeat;
	padding: 0 0 0 1.2em;
}


.menu {
	clear: both;
 	margin: 0;
	list-style:none;
}

.menu *{
 margin: 0;
}
.menu ul,
.menu ol{
 list-style: none;
}
.menu > ul{		/*меню*/
padding: 0.5em 0 0.5em 1em;
display: flex;
justify-content: left;
}
.menu > ul li{		/*кнопки меню*/
position: relative;
padding-right: 0.25em;
}
.menu > ul li a{	/*кнопки меню*/
display: block;
background: url(button-m.png);
padding: 0.15em 1em;
font-weight: bold;
color: #111;
text-decoration: none;
border: 1px solid #fff;
border-radius: 5px;
transition: all 0.2s ease;
}
.menu li a:hover{	/*кнопки меню при наведении*/
background: url(button-l.png);
color: #f70;
}
.menu li ul{		/*субменю*/
position: absolute;
padding-top: 0.25em;
display: none;
}
.menu li > ul li a{	/*кнопки субменю*/
/*box-sizing: inherit;*/
padding: 0.25em;
text-transform: none;
white-space: nowrap;
background: url(button-m.png);
color: #222;
border: 1px solid #888;
border-radius: 5px;
}
.menu li > ul li a:hover {
background: url(button-l.png);
}

.menu li:hover > ul{	/*выпадающее меню*/
 display: block;
}


.wrapper {
	background:#dfe6e9 url(intro-bg.png) no-repeat 50% 0;
padding 0 1em;
}



/*==========================================*/

.top-text {
	background: url(separator03.gif) no-repeat 100% 100%;
	padding: 0.75em 1em;
	margin-bottom: 1em;
	font-weight: bold;
	color: #132;
}
/*==========================================*/

.content {
width: 67%;
float: left;
padding-left: 1em;
}
.content h2 {
	margin: 0 0 1em;
	font-size: 1.5em;
	line-height:28px;
	color:#406570;
}
.content a {
	text-decoration: none;
	color:#406570;
}

.title-list{
	list-style:none;
	margin:-1em 0 0;
	padding:0 0 1em;
	width:100%;
	overflow:hidden;
}
.title-list li{
	float:left;
	padding-right:17px;
	color:#373f42;
	font-weight:bold;
	font-size: 0.75em;
}
.title-list img{
	float:left;
	padding:3px 4px 0 0;
}

.post-box p{
	margin:0 0 18px;
	line-height:18px;
}
.post-box p a{color:#1865b2;}
.post-box{
	background: url(../images/separator04.gif) no-repeat 50% 100%;
	padding-bottom:61px;
	margin-bottom:47px;
	height:1%;
}

.image-left{
	float:left;
	background: url(bg-image-box.png) no-repeat;
	width: 293px;
	height: 191px;
	padding:11px 0 0 33px;
	margin:0 13px 0 -23px;
	position:relative;
}
.image-left .hotspot{
	position:absolute;
	top:11px;
	right:33px;
	background: url(../images/hotspot02.png) no-repeat;
	width: 237px;
	height: 141px;
}
.image-left .zoom{
	background: url(../images/btn-zoom.png) no-repeat;
	width: 27px;
	height: 27px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:20px;
	right:43px;
	z-index:2;
}

.btn-black,
.btn-green{
	background: url(../images/btn-l.gif) no-repeat;
	float:left;
	text-decoration:none;
	margin-right:20px;
	text-shadow:#000 1px 1px 1px;
}
.btn-green{
	background: url(../images/btn-l02.gif) no-repeat;
}
.btn-type{
	float:right;
	margin:0;
}
.btn-black span,
.btn-green span{
	float:left;
	height:25px;
	padding:5px 25px 0 24px;
	color:#fff;
	background: url(../images/btn-r.gif) no-repeat 100% 0;
	cursor:pointer;
	line-height:18px;
}
.btn-green span{background: url(../images/btn-r02.gif) no-repeat 100% 0;}
.btn-black:hover,
.btn-green:hover{
	text-decoration:none;
	background-position:0 -30px;
}
.btn-black:hover span,
.btn-green:hover span{background-position:100% -30px;}

.stick{
	position:absolute;
	left:18px;
	top:-3px;
	width:82px;
	height:82px;
	z-index:2;
}

/*==========================================*/
.right_sidebar{
width: 25%;
float: right;
height: 700px;
	padding-right: 1em;
}

.new {
	font-weight: bold;
	color: #132;
	font-size: 1.5em;
}

.news {
	padding: 0.5em;
	background: #F3F6F7 url(../images/bg-gallery.png) no-repeat;
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	border: 1px solid #ccc;
	margin: 0.25em 0;
	border-radius: 5px;
}
.news img {
padding: 0.5em;
float: left;
}

.news span {
	display: block;
	font-weight: bold;
	color:#406570;
}
.news ul {
display: block;
padding-left: 1em;
}


.footer{
clear: both;
padding: 0.5em;
	background: url(header-bg.png) repeat-x;
color: #ddd;
}

.footer img {
float: left;
padding-right: 1em;
max-width: 3em;
}
.footer strong {
padding-top: 1em;
display: block;
color: #ddd;
}

/* МЕДИА ЗАПРОС для ширины в 780px */
@media only screen and (max-width : 780px),
only screen and (max-device-width : 780px){

.header {
	background: url(header-bg.png);
}

.menu {
display: none;
}
.header-icon {
display: none;
}
.header-right {
	display: block;
	float: left;
padding: 1em;
}

.wrapper{
max-width: 100%;
}
.content{
width: 98%;
}
.right_sidebar{
width: 98%;
}

}