@charset "utf-8";
/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 0 0 40px;
	min-width:1000px;
}


/* anchors div {border:1px solid #0C0;}
----------------------------------------------- */
a {
	color: #0099FF;
}
a:hover {
	text-decoration:none;
}


/* main
----------------------------------------------- */
#header { margin-top:20px; margin-bottom:20px;}
#wrapper-index {margin: 20px 0 0 0; min-height:300px; border-top:5px solid #E0E0E0; background:#FF6601 url(../i/bg_index.png) left top repeat-x; }
#wrapper-index a , #menu a {color:#000;}
#menu-index {}
	#menu div, #menu-index div								{margin-top:23px;}
	#menu div h3 a, #menu-index div h3 a 					{color:#FFF; text-decoration:none; border-bottom:1px solid #FFF; font-size:25px;}
	#menu div h3 a:hover, #menu-index div h3 a:hover 		{border-bottom:none; background:none;}
	#menu div a, #menu-index div a							{font-size:14px;}
	#menu div a:hover, #menu-index div a:hover				{background:#FFAE66;}
	.menu-i {background-repeat:no-repeat!important; background-position:top left; min-height:140px; margin-top:0px!important;}
	.c-menu {margin-left:96px;}
	.c-menu a {text-transform:lowercase;}
	.c-menu h3 a {text-transform:none;}

.best_items {}
.best_items a {background-repeat:no-repeat!important; background-position: center 20px!important; padding-top:135px; margin-bottom:20px;}

.best_items a.photo-shkaf {background:url(../i/i_photo_kupe.png); text-align:center;}
.best_items a.kitchen {background:url(../i/i_kitchen.png); text-align:center;}
.best_items a.promo {background:url(../i/i_promo.png); text-align:center;}
.best_items a.furniture {background:url(../i/i_furniture.png); text-align:center;}
.best_items a.blueprint {background:url(../i/i_blueprint.png); text-align:center;}
.best_items a.voice {background:url(../i/i_voice.png); text-align:center;}
.best_items a.plastic {background:url(../i/i_plastic.jpg); text-align:center;}


.anounce 			{margin-top:20px;}
.anounce h1			{color:#C30; font-size:16px;}
.anounce div.col-an a		{line-height:1em; display:block; padding:0; margin:10px 0 10px 0;}
.anounce h1			{}

#menu {background:#FF6601 url(../i/bg_index.png) left top repeat-x; }
 	#menu .c-menu {margin:10px 3% 10px 6%;}
	
#wrap-content 	{margin-top:40px;}	

#content 		{}

#banners-home {margin: 0; width: 100%; height:120px; background:#E0E0E0;}
	#banners-home div {margin-left: 0;}
	#banners-home div p {display:table-cell; vertical-align:middle;}
	#banners-home div p strong { font-size:16px; font-weight:normal; color:#000; line-height:1.3em;}
	#banners-home div img {float:left; margin-right:2%;}
#footer {border-top:1px solid #CCC; margin-top:30px; padding-top:20px;}
.toptizer {background-repeat:no-repeat!important; background-position:top left; font-size:11px; font-style:italic; color:#555; padding-left:67px; min-height:61px;}
.toptizer a {font-size:16px; font-style:normal; display:block;}
/* phone
----------------------------------------------- */
.phone-i {background:url(../i/i_phone.png) top right no-repeat; height:100px; margin-right:0;}
#phone {}
#phone strong {font-size:11px; font-style:italic; font-weight:normal; line-height:1.1em; color:#555; }
#phone span {font-size:30px; line-height:1.2em;}
#phone span i {display:block; float:left; margin-top:10px; font-size:12px; font-style:normal; line-height:14px; padding:0px 5px 7px 5px; color:#FFF; background: url(../i/i_phone_pl.png) left top no-repeat;}
#phone a.mail {display:block; margin-top:-5px; padding-left:15px; background:url(../i/i_mail.png) 0px 8px no-repeat;}

/* topmenu
----------------------------------------------- */
#topmenu {list-style:none;}
#topmenu li {margin:0;}
#topmenu li a {
	display:block;
	float:left;
	position:relative;
	padding:4px 10px;
	margin-right:4%;
	margin-top:10px;
	color:#000; font-size:14px; font-style:italic;
}
#topmenu li a:hover {text-decoration:none; color:#555;}
#topmenu li a.active {background:#ccc;}

#topmenu li a img { position:absolute; top:-3px; right:-5px;}

/* mininav
----------------------------------------------- */
#mininav {}
#mininav a {display:block; width:22px; height:22px; margin-top:17px; background:url(../i/i_mininav.png) top left no-repeat;}

#mininav a.home 			{background-position: -22px 0px;}
#mininav a.sitemap 			{background-position: -22px -22px;}
#mininav a.feedback		 	{background-position: -22px -44px;}

#mininav a.home:hover 		{background-position: 0px 0px;}
#mininav a.home-active 		{background-position: 0px 0px;}

#mininav a.sitemap:hover 	{background-position: 0px -22px;}
#mininav a.feedback:hover 	{background-position: 0px -44px;}

/* Menu-index
----------------------------------------------- */


/* Submenu-index & Submenu
----------------------------------------------- */
#submenu-index {background:#FF862E; margin:5px 0px 20px 0px!important;}
#submenu-index h4 {margin:12px 0px 5px -12px; padding-left:12px; background:url(../i/i_submenu.png) 0px 4px no-repeat;}
#submenu-index div a {color:#66300B; font-size:12px; text-transform:lowercase;}
#submenu-index div a:hover {background:#FFAE66;}
#submenu-index h4 a {color:#FFF; font-size:14px; text-decoration:none; border-bottom:1px solid #FFF; text-transform:capitalize;}
#submenu-index h4 a:hover {border-bottom:none; background:none;}
#submenu-index div {margin-bottom:25px; border-right:1px solid #f60; margin: 20px 0px 20px 1.8%; min-height:135px;}


#submenu {background:#FF862E; width:94%;  margin:5px 3% 10px 3%!important;}
#submenu h4 {margin:12px 0px 5px -12px; padding-left:12px; background:url(../i/i_submenu.png) 0px 4px no-repeat;}
#submenu div a {color:#66300B; font-size:12px!important; text-transform:lowercase;}
#submenu div a:hover {background:#FFAE66;}
#submenu h4 a {color:#FFF; font-size:14px!important; text-decoration:none; border-bottom:1px solid #FFF; text-transform:capitalize;}
#submenu h4 a:hover {border-bottom:none; background:none;}
#submenu div {margin-bottom:25px; margin: 20px 0px 20px 5.8%;}

/* Tags Clouds
------------------------------ */
div.ditto_item {}

div.ditto_item h3 {font-size:18px; font-weight:normal; color:#000; margin-bottom:0;}
div.ditto_item h3 a { text-decoration:none; border-bottom:1px solid #CCC; color:#000; }
div.ditto_item h3 a:hover {text-decoration:none; border-bottom:none; color:#777;}

div.ditto_item div.ditto_date { color:#999; font-size:10px;}
div.ditto_item p.ditto_introText { display:block; color:#333;}

h1 em { font-style:normal; font-size:16px;}

div.tagcloud {width:100%;}
div.tagcloud span a {text-decoration:none; border-bottom:1px solid #C1E7FF; padding:2px 3px; line-height:120%;}
div.tagcloud span a:hover { text-decoration:none; border-bottom:0; background:#09C; color:#FFF;}
.s1 { font-size:80%;}
.s2 { font-size:90%;}
.s3 { font-size:120%;}
.s4 { font-size:150%;}
.s5 { font-size:180%;}
/*.s6 { font-size:200%;}
.s7 { font-size:220%;}
.s8 { font-size:240%;}
.s9 { font-size:260%;}
.s10 { font-size:280%;}
.s11 { font-size:300%;}*/

/*Цены*/

.price-sk {margin:10px 0px 10px 140px;}
.price-sk h3 {font-size:18px!important; color:#000!important; font-weight:normal!important; display:inline; margin:0; padding:0;}
.price-sk a.a-pr {display:block; padding:5px; position:absolute; margin-left:-140px; width:110px; height:110px; clear:right; border:1px solid #CCC;}
.price-sk a.a-pr:hover {padding:0px; border:6px solid #F60;}
.th-price {}
.price-eskiz {width:100px; position:absolute; margin-left:-75px; padding-top:3px; color:#000;}
.price-eskiz a {display:block; padding:5px; width:57px; height:57px; border:1px solid #CCC;}
.price-eskiz a:hover {padding:0px; border:6px solid #F60;}


#action { background:url(/assets/i/my_pattern_02.jpg); color:#000; padding:5px 15px 15px 55px; border:5px solid #e5e5e5; position:relative;}
#action h3 {color:#FFF; font-size:27px; font-weight:normal;}
#action .ac-01 { padding:5px; background:#F60; color: #FFF; font-size:18px;}
#action span {font-size:14px;}
#action span strong {font-size:18px;}
#action p {padding:0;}
#action em { font-size:16px;}
#action img.skidka {position:absolute; top:25px; left:-30px; //top:0; //left:0; //margin-top:25px; //margin-left:-30px;}

/* Статьи и анонсы на внутренних страницах styles
------------------------------ */
img.article-img { padding:5px; border:1px solid #CCC;}

ul.list-article {padding:10px 0 10px 0; margin-left:2%; list-style:none;}
ul.list-article li {padding:0 0 10px 25px; margin-left:0px; background:url(../i/page_white_text.png) no-repeat; background-position:0px 4px; font-size:14px; color:#666666; }
ul.list-article li a {color:#000; font-size:14px; text-decoration:none; border-bottom:1px solid #000;}
ul.list-article li a:hover {text-decoration:none; border-bottom:0;}

#pagination {font-size:16px; color:#000; width:80%; padding-top:20px;}
#pagination strong {margin-right:0.55em;}
a.ditto_previous_link, a.ditto_next_link {font-size:14px; color:#0099FF;}
a:hover.ditto_previous_link, a:hover.ditto_next_link {text-decoration:none;}
a.ditto_previous_link i, a.ditto_next_link i {font-size:18px; color:#0099FF; text-decoration:none; font-style:normal; margin:20px 0; line-height:10px;}

span.ditto_next_off, span.ditto_previous_off {font-size:14px; color:#999;}
span.ditto_next_off i, span.ditto_previous_off i {font-size:18px; color:#999; text-decoration:none; font-style:normal; margin:20px 0; line-height:10px; border-bottom:none;}

a.ditto_previous_link {margin-left:0.77em;}
a.ditto_next_link {margin-left:0.77em;}

a.ditto_page { font-size:16px; margin:0.15em 0.3em;}
span.ditto_currentpage {font-size:16px; background-color:#E8E9EC; padding:0.15em 0.3em;}
span.submit-page { display:block; overflow:hidden; width:auto; font-size:11px; color:#777; padding-top:7px;}

/*ошибки и удачное выполнение */
.errors, .error, .notice, .success, div.jot-err, div.jot-cfm {padding:.8em;margin-bottom:1em;border:2px solid #ddd; width:80%;}
.errors, .error, div.jot-err {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success, div.jot-cfm {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.errors a, .error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*AjaxSeach */
.ajaxSearch_result { padding:7px 0;}
.ajaxSearch_resultLink { font-size:16px;}

.ajaxSearch_paging {font-size:16px; color:#000;}
.ajaxSearch_paging a { margin:3px;}
.ajaxSearch_paging span {font-size:16px; background:#CCC; padding:3px 5px; margin:3px;}
div.ajaxSearch_result { margin-left:20px;}

/*Menu с картинками для контента */
.menu-pics { float:left; width:48%; text-align:center; }
.menu-pics01 { float:right; width:48%; text-align:center; }

.menu-pics a, .menu-pics01 a{ font-size:21px; color:#FFF; text-decoration:none; display:block; text-align:left; font-variant:normal; width:275px; height:153px; //height:150px; margin:0 auto; border:1px solid #CCC; padding:2px; margin-bottom:30px; position:relative;}

.menu-pics a:hover, .menu-pics01 a:hover{ color: #000; border:3px solid #F60; padding:0;}
.menu-pics a span, .menu-pics01 a span { position:absolute; top:95px; left:-2px; background:#F60; padding:2px 5px; padding-left:10px;}


.menu-pics02 { float:left; width:48%; text-align:center; }
.menu-pics03 { float:right; width:48%; text-align:center; }

.menu-pics02 a, .menu-pics03 a{ font-size:21px; color:#FFF; text-decoration:none; display:block; text-align:left; font-variant:normal; width:252px; height:198px; //height:195px; margin:0 auto; border:1px solid #CCC; padding:2px; margin-bottom:30px; position:relative;}

.menu-pics02 a:hover, .menu-pics03 a:hover{ color: #000; border:3px solid #F60; padding:0;}
.menu-pics02 a span, .menu-pics03 a span { position:absolute; top:145px; left:-2px; background:#F60; padding:2px 5px; padding-left:10px;}

.menu-pics02 a span i, .menu-pics03 a span i {color: #FFC; font-size:12px; position:relative; top:-1em;}


.ps-small { color:#777; font-size:12px; font-style:italic;}
.pics-ddiv-floated {float:left; margin:0 5px 0 0;}

a.sale 			{display:block; width:213px; height:75px; background:url(../i/btn_sale.png) no-repeat top left;color:#FFF; font-size:16px; text-decoration:none; padding-top:15px;}
a.sale:hover 	{background:url(../i/btn_sale_r.png) no-repeat top left;}

a.sale span 	{border-bottom:1px dashed #FFF; margin:0px 0 0 30px;}


em.mail-sale { display:block; background: url(../i/i_email_sale.png) no-repeat left top; height:22px; padding:2px 0 0 35px; color:#999; white-space:nowrap;}
div.tel-sale { }
div.tel-sale em 	{ color:#999;}
div.tel-sale span	{ display:block; position:relative; margin-bottom:-10px; font-size:14px; color: #F60;}
div.tel-sale big 	{font-size:18px; color:#000; display:block; margin-left:35px; }



/*Galery для ячейки товара*/
#largeImg {
	border: solid 1px #E6D9E6;
	width: 473px;
	height: 366px;
	padding: 5px;
	overflow:hidden;
}
.thumbs img {
	width: 109px;
	height: 84px;
	padding: 3px;
	border: solid 1px #E6D9E6 ;
}
.thumbs a {
	width: 109px;
	height: 84px;
	padding: 0px;
	margin:0px 10px 20px 0px; 
}
/*.thumbs a:hover {
	border-color: #FF3366;
}*/

.price {font-size:16px; color:#000; padding-left:15px; padding-top:10px; width:180px; height:30px;}
.price span {width:104px; text-align:center; background:url(../i/i_price.png) top center no-repeat; padding:5px 25px 10px 25px; font-size:18px; color:#FFF; position:relative; }
.price span em {font-size:16px; font-style:normal;}

.price-ex {font-size:16px; color:#000; padding-left:15px; padding-top:10px; float:left; width:180px; height:35px;}
.price-ex span {width:104px; text-align:center; background:url(../i/i_price_ex.png) top center no-repeat; padding:5px 15px 10px 15px; font-size:18px; color:#FFF; position:relative; }


h2.project-kitchen {padding-top:35px;}
h2.project-kitchen sup {font-size:14px; color:#999; position:relative; top:-0.7em;}



/* FeedBackForm styles
------------------------------ */
.fbForm { width:420px; padding:0px 10px 10px 10px;}
.fbForm .form { width:400px;}
.fbForm .name { padding-top: 0px; font-size: 8pt; color: #333; }
.fbForm .phone { padding-top: 0px; font-size: 8pt; color: #333; }
.fbForm .element { padding-top: 2px; }
.fbForm .element INPUT, .fbForm .element TEXTAREA {
        border: 1px solid #ccc;
        background-color: #FFF;
        font-size: 10pt;       
        color: #777;
}
.fbForm INPUT#fbName, .fbForm INPUT#fbPhone,
.fbForm INPUT#fbEMail {
        background-image: url(/assets/images/icon_form.gif);
        background-repeat: no-repeat;
        width: 250px;
        padding: 5px 0px 5px 25px;
}
.fbForm INPUT#fbName    {background-position:3px -3px; }
.fbForm INPUT#fbPhone 	{background-position:3px -93px;}
.fbForm INPUT#fbEMail 	{background-position:3px -33px; }
.fbForm TEXTAREA#fbText {
        padding: 5px 5px 5px 25px;
        width: 360px;
        font-family: Tahoma;
        background: #FFF url(/assets/images/icon_form.gif) no-repeat 3px -121px;
}
.fbForm .captcha-test { border:0; border-collapse:collapse; width:350px;}
.fbForm .captcha-test TD { vertical-align: top; padding-right: 15px; border:0;}
.fbForm .captcha { padding-top: 3px; }
.fbForm .captcha IMG { border: 1px solid #ccc; }
.fbForm INPUT#vericode { width: 130px; padding: 5px 0px 5px 25px; background: #FFF url(/assets/images/icon_form.gif) no-repeat 3px -63px; }
.fbForm .submit { padding-top: 0px; padding-bottom:15px; }
.fbForm INPUT#fbSubmit {
        cursor: pointer;
        padding: 7px;
		font-size:14px;
}
.fbForm .error { font-size: 8pt; color: red; display: none; }
.grayForm {background-color:#e5e5e5; margin-left:3%; width:420px; padding-top:10px;}


div.sibu div {width:185px; float:left; height:310px; margin-right:20px; margin-left:2em;}