/*

  (c) 2013, Vect0r design // http://marvic.ru
  Client: int-interior.ru

*/

/* Common */

html,
body,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
form {
  margin: 0;
  padding: 0;
  border: 0;
}
html, body, .main {
height: 100%;
font: 12px Arial,Tahoma, sans-serif;
color: #fff;
}

.hidden {display: none;}
.w100 {width: 100%;}
.w50 {width: 50%}
.w33 {width: 33%}
.vt {vertical-align: top} .vb {vertical-align: bottom} .vm {vertical-align: middle}
.al {text-align: left} .ac {text-align: center} .ar {text-align: right}
.fl {float: left} .fr {float: right;}
.clear {clear: both;height: 1px;font-size: 1px;visibility: hidden;}
.ml220 {margin-left: 220px;}
.mr20 {margin-right: 20px;}
.maxw340px {max-width: 340px;}
.br3 {border-radius: 3px;}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: normal;
}
h1 {
    font-size: 24px;
    color: #0170c6s;
    padding: 5px 0 30px;
}
h2 {
    font-size: 20px;
}
h3, h3 a {
    font-size: 16px;
    color: #698400;
    text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}
h4, h4 a {
font-size: 18px;
color: #698400;
}
h4 a:hover {
text-decoration: underline;
}
a, .bread-crumbs a:hover {
color: #f6ce25;
}
a:hover, a:focus, h3 a:hover, h4 a:hover, .submenu a:hover {
color: #fae0a9; /*229fff;*/
}
.bread-crumbs, .bread-crumbs a {
	color: #ff762b;
	font-size: 11px;
}
/* ???????????? ????????? */ 
html, body, .main {
height: 100%;
}
.main {min-width: 970px;}
*html .main {
width: expression((documentElement.clientWidth) < 1000 ? "1000px" : "auto"); 
}
*html .top-part {
height: auto !important;
height: 100%;
}
.top-part {
min-height: 100%;
width: 970px;/* ????????? ??????, ???? ???????????? ????*/
margin: 0 auto;
}
.empty {
clear: both;
height: 125px;
visibility: hidden;
}
#mainpage #header{
margin-bottom: 0;
}
#header { 
height: 62px;
margin-bottom: 20px;
}
.footer {
min-height: 115px;
margin-top: -115px;
height: auto;
}
*html .footer {
height: auto !important;
height: 115px;
}
.infoot {
margin: 0 auto;
width: 970px; /* ????????? ??????, ???? ???????????? ???? */
}

.main {
	z-index: 2;
	position: relative;/**/
}
.footer {
	color: #fff;
	z-index: 3;
	position: relative;/**/
}
#bg-header {
	position: absolute;
	z-index: 1;/**/
	top: 0;
	left: 50%;
	height: 324px;
	width: 451px;
	margin-left: -580px;
}
#bg-header2 {
	height: 120px;
	margin-top: 37px;
	min-width: 1010px;
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
}
.founded,
#draggable,
.place-holder ul,
.menu-catalog,
.menu,
#top-navbar,
.items, 
.items ul,
#social,
#in-interior-preview ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-navbar {
/*	margin-left: 25%;*/
}
#top-navbar li {
	display: inline-block;
	margin: 10px 15px;
	/*margin: 10px 5px 10px 10px;*/
	padding: 0;
 }
 #top-navbar li a:link {
	 color: #fff;
 }
 #top-navbar li:before {
	 content: '';
	 display: inline-block;
	 vertical-align: middle;
	 width: 16px;
	 height: 16px;
	 margin-right: 10px;
	 margin-left: 10px;
 }
 #top-navbar li#mail, #top-navbar li#phone {
	 widt1h: 180px;
 }
 #top-navbar li#address {
	 wid1th: 600px;
 }
 #top-navbar li#mail:before {
	background: url(/i/bg_sprite.png) 0 0 no-repeat;
	margin-left: 30px;
 }
 #top-navbar li#phone:before {
	 background: url(/i/bg_sprite.png) 0 -26px no-repeat;
	 margin-right: 5px;
	 margin-left: 20px;
 }
 #top-navbar li#address:before {
	 background: url(/i/bg_sprite.png) 0 -58px no-repeat;
	 margin-right: 5px
 }
 
 #logo {
	 display: block;
	 float: left;
	 width: 250px;
	 height: 120px;
	 background: url(/i/logo.png) 50% 50% no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	 cursor: pointer;
	 position: relative;
 }
 #logo:hover {
	 box-shadow: 0 0 0 10px rgba(255,255,255,.5);
	 z-index: 3;
 }
 
 .menu {
	 float: left;
	 font-size:0;
 }
 .menu li {
	 display: inline-block;
	 width: 120px;
	 height: 120px;
 }
 .menu li.act a {
	 z-index: 2;
	 outline: 10px solid rgba(255,255,255,.4);
	 outline-offset: -5px;
	text-shadow: 0 0 0 rgba(255,255,255,.75);
 }
 .menu li a {
	 position: relative;
	 display: inline-block;
	 width: 120px;
	 height: 120px;
	 text-align: center;
	 cursor: pointer;
	 vertical-align: bottom;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: transparent;
	text-shadow: 0 0 0 rgba(255,255,255,.25);
	overflow: hidden;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
 }
 .menu li a:hover {
	 z-index: 3;
	 box-shadow: 0 0 0 10px rgba(255,255,255,.5), inset 0 -14px 30px 0 rgba(0,0,0,.25);
	 text-shadow: 0 0 10px rgba(255,255,255,.25);
	 color: #fff;
	 text-decoration: none;
 }
 .menu li a:before {
	 content: '';
	 display: block;
	 width: 64px;
	 height: 64px;
	 margin: 20px auto 8px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
 }
 .menu li a:hover:before {
	 margin-top: 10px;
	 opacity: .25
 }
 .menu li#about a {
	 background-color: #4081ae;
 }
 .menu li#about a:before {
	 background: url(/i/btn_about.png) 0 0 no-repeat;
 }
 .menu li#new a {
	 background-color: #4a8e53;
 }
 .menu li#new a:before {
	 background: url(/i/btn_new.png) 0 0 no-repeat;
 }
 .menu li#catalog a {
	 background-color: #f8bc3a;
 }
 .menu li#catalog a:before {
	 background: url(/i/btn_catalog.png) 0 0 no-repeat;
 }
 .menu li#special a {
	 background-color: #ae4040;
 }
 .menu li#special a:before {
	 background: url(/i/btn_special.png) 0 0 no-repeat;
 }
 
 #social {
	 float: left;
	 height: 120px;
 }
#social li {
	 width: 40px;
	 height: 40px;
}
#social li a {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url(/i/bg_sprite.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#social li a:hover {
	box-shadow: inset 0 0 17px 2px rgba(0,0,0,.25);
	background-color: #43588f;
}
#social #twitter a{
	background-position:  -4px -284px;
}
#social #vk a{
	background-position:  -4px -324px;
}
#social #fb a{
	background-position:  -2px -368px;
}

#search-form {
	float: left;
	width: 180px;
	line-height: 120px;
	background: #fff;
}
#search-form form {
	padding: 0 10px;
}
#search-form input {
	margin: 40px 0 0;
	float: left;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #0e1932;
	width: 118px;
}
#search-form input:focus {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	box-shadow: 0 0 17px 2px rgba(67,178,255,.4);
	outline: 0;
}
#search-form button {
	margin: 40px 0 47px;
	float: left;
	padding: 0;
	line-height: 31px;
	background: #2d8dd0;
	border: 1px solid #0e1932;
	border-bottom-width: 1px;
	width: 38px;
	height: 33px;
	background: #2d8dd0 url(/i/bg_sprite.png) 8px -410px no-repeat;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
#search-form button:hover {
	background-color: #419fe1;
}
#search-form button:active {
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
	background-color: #1469a5;
}


.items {
	font-size: 0;
}
.items li {
	font-size: 12px;
	display: inline-block;
	margin: 0 10px 10px 0;
	vertical-align: top;
}
.items li a {
	display: block;
	cursor: pointer;
	width: 230px;
	height: 230px;
	overflow: hidden;
	position: relative;
}
.items li .i-holder {
	width: 230px;
	height: 230px;
	overflow: hidden;
	/*background: #013;*/
	box-shadow: inset 0 0 20px rgba(0,0,100,.1);
	text-align: center;
	vertical-align: middle;
	line-height: 230px;
}
.items li .i-holder img {
	vertical-align: middle;
	display: inline-block;
}
.items ul {
	padding: 10px;
	width: 210px;
	position: absolute;
	bottom: 10px;
	background: rgba(107,107,107,.5);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
.items a:hover ul {
	background: rgba(107,107,107,.9);
}
.items ul li {
	margin: 0;
}
.items .price,
.items .name {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color: #fff;
}
.items .price {
	float: right;
}
.items .size {
	font-size: 12px;
	color: #f6ce25;
}


.items#new {
	float: left;
	margin-left: 10px;
	width: 240px;
}
.items#new ul {
	background: rgba(74,142,83,.5);
}
.items#new a:hover ul {
	background: rgba(74,142,83,.9);
}


#in-interior-preview {
	margin-right: 10px;
	float: left;
	position: relative;
}
#in-interior-preview a {
	display: block;
	position: relative;
	width: 480px;
	height: 470px;
	overflow: hidden;
}
#in-interior-preview a ul {
	position: absolute;
	bottom: 0;
	background: rgba(107,107,107,.5);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #f6ce25;
	padding: 10px;
}
#in-interior-preview a:hover ul {
	background: rgba(107,107,107,.9);
}
#in-interior-preview a .name {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	font-size: 24px;
}



#special-offer-block,
.specials .sp-item {
	float: left;
	width: 230px;
	overflow: hidden;
	height: 470px;
}
#special-offer-block a,
.specials .sp-item a {
	display: block;
	height: 437px;
	background: #ae4040;
	text-decoration: none;
	color: #f6ce25;
	margin-bottom: 33px;
	overflow: hidden;
}
#special-offer-block a:hover,
.specials .sp-item a:hover {
	background: #bd3232;
}
#special-offer-block div,
.specials .sp-item div {
	padding: 10px;
	bot1tom: 33px;
	z-index: 3;
}
#special-offer-block b,
.specials .sp-item b {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
}
#special-offer-block a.more, 
.specials .sp-item .more {
	height: 32px;
	line-height: 32px;
	position: absolute;
	background: #ac5959;
	color: #fff;
	margin-top: -33px;
	width: 230px;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom: 0;
	padding: 0;
}
#special-offer-block a.more:hover,
.specials .sp-item a.more:hover {
	background: #bd1c1c;
}


#catalog-preview {
	clear: left;
	margin-left: 10px;
}
#catalog-preview .block-head {
	background: #f8bc3a;
	position: relative;
	padding: 0 10px;
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 60px;
}
#catalog-preview:before {
	content: '';
	position: absolute;
	margin-top: 60px;
	z-index: 2;
	display: block;
	width: 0;
	height: 0;
	border-right: 10px solid #f8bc3a;
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
}
#catalog-preview .items li {
	margin: 0 0 10px 10px; 
}
#catalog-preview .items li li {
	margin: 0;
}
.items li li {
	display: block;
}
#catalog-preview .block-head #more {
	float: right;
	height: 60px;
	width: 60px;
	margin-right: -10px;
	box-shadow: inset -60px 0 0 rgba(255,255,255,.15);
	background: url(/i/bg_sprite.png) 25px -440px no-repeat;
}

#catalog-preview .block-head #more:hover {
	background-color: #f0a400;
}

#copyright {
	float: left;
	padding: 30px 10px;
	width: 220px;
}
#madeby {
	float: right;
	padding: 30px 10px;
	width: 220px;
	color: #607197;
	text-align: right;
}
#madeby a {
	color: #a3afca;
}
.footer .menu {
	float: none;
	margin: 0 auto;
	text-align: center;
}
.footer .menu li,
.footer .menu li a {
	width: 60px;
	height: 60px;
}
.footer  .menu li a:before {
	 width: 34px;
	 height: 34px;
	 margin: 13px auto 8px;
 }
 .footer .menu li#about a:before {
	 background: url(/i/btn_about_mini.png) 0 0 no-repeat;
 }
 .footer .menu li#new a:before {
	 background: url(/i/btn_new_mini.png) 0 0 no-repeat;
 }
 .footer .menu li#catalog a:before {
	 background: url(/i/btn_catalog_mini.png) 0 0 no-repeat;
 }
 .footer .menu li#special a:before {
	 background: url(/i/btn_special_mini.png) 0 0 no-repeat;
 }
 
#left-side, #main-container {
	 float: left;
}
#left-side {
	width: 250px;
}
#main-container {
	margin-top: 30px;
	width: 720px;
}
#main-container.max-width {
	width: 970px;
}
#page-name {
	 font-size: 40px;
}

.content table,
.content p {
	margin: 0 0 20px;
}
.content .i {
	margin: 3px 20px 10px;
}
.content .il {
	margin: 3px 20px 10px 0;
	float: left;
}
.content .ir {
	margin: 3px 0 10px 20px;
	float: right;
}
.spacer {
	height: 115px;
}

.menu2 {
	margin: 0;
	list-style: none;
	padding: 0 20px 0 10px;
}
.menu2 li {
	border-bottom: 1px solid #425689;
	padding: 0;
	margin: 0;
}
.menu2 li a {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	text-decoration: none;
	padding: 5px;
 }
 .menu2 li a:hover {
	 z-index: 2;
	 box-shadow: 0 0 0 10px rgba(255,255,255,.5), inset 0 -14px 30px 0 rgba(0,0,0,.25);
 }
.menu2 li span {
	display: block;
	background: #405080;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	padding: 10px;
 }
 .menu3 {
	 margin: 0;
	 padding: 0;
 }
 .menu3 li:before {
	 content: "-";
	 display: block;
	 position: absolute;
	 margin-left: -10px;
 }
 
 .specials .sp-item {
	 float: left;
	 width: 230px;
	 margin-left: 10px;
	 /*padding: 10px;*/
	 background: #405080;
	 margin-bottom: 10px;
 }
.specials .sp-item a.unactual {
	background: #ac5959;
}
.specials .sp-item a.unactual:before {
	content: 'Акция завершилась';
	display: block;
	position: absolute;
	width: 230px;
	line-height: 277px;
	text-align: center;
	color: #fff;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 2px 2px 0 #333, 0 0 10px #346, 0 0 10px #346;
	z-index: 3;
	box-shadow: inset -230px 0 0 0 rgba(255,255,255,.5) 
}


.element {
	margin-bottom: 10px;
}
.element b {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ff762b;	
}
.element.price b {
	font-size: 22px;
	color: #f6ce25;
}

.menu-catalog {
	margin: -20px 0 20px;
}
.menu-catalog li {
	display: inline-block;
	width: 230px;
	margin-left: 10px;
	vertical-align: top;
}
.menu-catalog li a {
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom:5px;
}
.menu-catalog li a:hover {
	outline: 5px solid rgba(0,0,0,.3);
	outline-offset: 0px;
	background: rgba(0,0,0,.3)
}

#c-item-menu {
	clear: left;
	position: relative;
	margin-top: -20px;
}
#c-item-menu li {
	margin-top: 20px;
}

#item-photos {
	font-size: 0;
}
#item-photos a {
	float: left;
	margin: 0 10px 10px 0;
}


#draggable div {
	z-index: 2;
	margin: 0 auto 10px;
	text-align: center;
	width: 150px;
	
}
#draggable {
	margin-right: 30px;
	max-height: 600px;
	overflow: auto;
}

.place-holder {
	position: absolute;
	padding: 3px;
	border-radius: 50%;
	min-height: 30px;
	min-width: 30px;
	border: 2px dashed #fff;
	background: rgba(255,255,255,.2);
	z-index: 3;
}
.place-holder:before {
	content: '+';
	display: block;
	line-height: 30px;
	font-size: 30px;
	text-align: center;
}
.place-holder.ui-has-images {
	border: 0;
	padding: 0;
	background: none;
	border-radius: 3px;
}
.place-holder.ui-has-images:before {
	display: none;
}
.alreadyInInterior img,
.place-holder img {
	box-shadow: 3px 2px 5px 0 rgba(25,25,25,.8), 3px 2px 1px 1px rgba(25,25,25,.8);
}
.place-holder.ui-state-highlight {
	border: 2px dashed #fff;
	background: rgba(255,255,255,.2);
}
.place-holder.ui-state-highlight.ui-drop-it {
	background: rgba(200,255,200,.9);
	box-shadow: 0 0 10px 0 rgba(200,255,200,.9) ;
}
.alreadyInInterior .ui-icon,
.place-holder li a {
	display: none;
	text-decoration: none;
}
.alreadyInInterior:hover .ui-icon,
.place-holder li:hover a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -10px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fee;
	text-align: center;
	color: #933;
	border: 1px solid #933;
}
.alreadyInInterior:hover .ui-icon:hover,
.place-holder li:hover a:hover {
	background: #c66;
	color: #fff;
}

.founded li {
	 overflow-y: hidden;
	 overflow-x: visible;
	 margin-bottom: 10px;
}
.founded li.with-img {
	position: relative;
	margin-left: -120px;
}
.founded-i-a {
	z-index: 2;
	float: left;
	width: 100px;
	text-align: right;
}

.pager {
	margin: 10px auto;
	text-align: center;
}
.pager a, .pager b {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 2px;
	margin: 0 2px;
}
.pager a:hover {
	box-shadow: 0 0 7px 0 rgba(255,255,255,.3);
}



.filters .block-head {
	background: #f8bc3a;
	position: relative;
	padding: 0 10px;
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
}
.filters .block-head:before {
	content: '';
	position: absolute;
	margin-top: 40px;
	z-index: 2;
	display: block;
	width: 0;
	height: 0;
	border-right: 10px solid #f8bc3a;
	border-top: 0px solid transparent;
	border-bottom: 10px solid transparent;
	margin-left: -10px;
}
.filters .menu-catalog {
	margin-top: 10px;
}