/* reset.css */



html { height:100%; color:#000; background:#fff; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table {	border-collapse: collapse; border-spacing: 0; }

fieldset, img {	border: 0; }

address, caption, cite, code, dfn, em, /*strong,*/ th, var, optgroup { font-style: inherit;	font-weight: inherit; }

del, ins { text-decoration: none; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after {	content: ''; }

abbr, acronym {	border: 0; font-variant: normal; }

sup, sub { vertical-align: baseline; }

legend { color: #000; }

input, button, textarea, select, optgroup, option {	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

* { outline:0; }

a {	text-decoration:none; cursor:pointer; }



/* main.css */



body {

	font:100% Tahoma, Geneva, sans-serif;

	width:100%;

	height:100%;

	min-width:60em;

}

.maxwidth { max-width:72em; margin:0 auto; }

.fixwidth { width:60em; margin:0 auto; }

.clear { width:100%; height:1px; position:relative; overflow:hidden; clear:both; }

#container { width:100%; min-height:100%; }

#header { background: url(/img/one_line.png) repeat-x bottom left; height:11.8em; }

#header .fixwidth { position:relative; z-index:40; height:11.8em; }

#header h1 { margin-top:2em; float:left; background:#4BCCD7; }
#header h3 { margin-top:2em; float:left; background:#4BCCD7; }

#header h1, #header h1 img { width:11em; height:3.5em; overflow:hidden; }
#header h3, #header h3 img { width:11em; height:3.5em; overflow:hidden; }

#header .number {

	width:10em;

	margin-top:4em;

	float:right;

}

#header .number img { width:10em; height:1.25em; background:#4BCCD7; }

#header .number span {

	display:block;

	font-size:62.5%;

	color:#4a5758;

	padding-left:1.6em;

}

#xnav ul.xnavigation { clear:both; margin:0.8em 0 0 9.5em; }

#xnav li { float:left; position:relative; }

#xnav li a {

	color:#304c4f;

	font-size:68.75%;

	padding:2.2em 2.5em 3.6em;

	display:block;

	font-weight:bold;

	text-transform:uppercase;

	position:relative;

}

#xnav li a:hover, #xnav li:hover { color:#fff; background:#1ac0cf; }

/* #xheader li a:hover, #xeader li:hover a, #xheader li.current a { color:#fff; background:#1ac0cf; } */
/*
.showlink { color:#fff; background:#1ac0cf; }

.hidelink { color:#304c4f; background:#fff; }

.nonelink { background:none; }

#xheader li div.fx { width:13.5em; }
*/
#xnav ul li ul {

	position:absolute;

	left:0;
	
	min-width:180px;

/*	padding:0.5em 1em 1.5em; */

	background:#D9E1E6;

	vertical-align:top;

	z-index:40;

	visibility:hidden;

	opacity:0.90;
	
	border-bottom:#FFF solid 1px;
	
/*	margin-left:10px; */
	
	margin-right:10px;
	
	padding-left:10px;
	
	padding-bottom:6px;
	
	}

#xnav li:hover ul, #xnav li.hover ul { visibility:visible; }

/* #xheader li:hover ul, #xheader li.hover ul, #xheader li ul.fx { visibility:visible; } */

#xnav  ul li ul li {
	
	position:relative;
	
	width:100%;
	
	display:block;
	
	float:none;

/*	padding-left:20px;

	background: url(/img/blue_line.png) no-repeat left 0.4em; */

	margin-top:10px;
	
	margin-bottom:10px;
	
	}

#xnav  ul li ul li a {

	font-size:70%;

	padding:0;

	color:#2e3333;

	font-weight:bold;
	
	text-transform:uppercase;

}

 #xnav ul li ul li  a:hover { color:#000; text-decoration:underline;  background:none; }
 #xnav ul li ul li:hover { background:none; }
 
/* #xheader li li a:hover, #xheader li:hover li a, #xheader li.hover li a { color:#3e4545; background:none; } */

#xnav ul li ul  li ul {
   
    position:relative;  
	
	width:220px;
	
	display:block;
	
	padding:  0px  0px  6px  -20px;
		
 /*  margin: 0px;  */
  /* размещает выпадающий ul относительно родительского li */ 
/*	left:0; */

/*	width:11.5em; */

/* 	padding:0.5em 1em 1.5em; */

/*	background:#f2f2f2; */

	vertical-align:top;

/*	z-index:40; */

/*	opacity:0.75; */

}

#xnav ul li ul  li ul  li {

/*  	float:left;*/
	
   display:inline-block;
   
   position:relative;
   
   width:90px; 
   
   vertical-align:top;  
      
	padding:  0px  16px  0px  10px;
	
	margin:4px 0px 0px -10px;

/*	margin-top:1em; */
	
/*	background-color:#CCC;  */
	

}


#xnav ul li ul  li ul  li  a {

	font-size:70%;

	padding:0;

	color:#000;

	font-weight:normal;
	margin:0px 0px 0px -10px;
	padding:  0px  0px  0px  10px;
	text-transform: uppercase;
	background: url(/bg/doter.jpg) no-repeat left ;
}
/* #xnav ul li ul li ul li :hover  { background: url(/bg/doter.jpg) no-repeat left  ;} */
 #xnav ul li ul li ul li  a:hover { color:#3e4545; text-decoration:underline;  background: url(/bg/doter.jpg) no-repeat left ;}


#header .call-order {

	position:absolute;

	width:9em;

	margin-left:100%;

	margin-top:6.2em;

	left:-10em;

	padding-left:1em;

}

#header .call-order a {

	color:#34b5d0;

	text-decoration:underline;

	font:68.75% Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-transform:uppercase;

}

#header .call-order a:hover { text-decoration:none; }

#content { clear:both; }

#content .background {

	width:100%;

	height:33em;

	background:#d7d0d0 url(/img/content_bg.png) left top;

	position:absolute;

	left:0;

}

#content .background.inside { height:21em; }

#content .background .fixwidth { height:33em; background:#bbafaf; }

#content .img-box {

	width:51.5em;

	height:38.5em;

	margin:0 auto;

	overflow:hidden;

	position:relative;

}

#content .img-box .wrapper { width:51.5em; height:38.5em; position:relative; overflow:hidden; }

#content .img-box ul { width:10000em; overflow:hidden; position:relative; padding:0 400px; }

#content .img-box img { width:51.5em; height:38.5em; }

#content .img-box li { width:51.5em; height:38.5em; float:left; }

#content .img-box .arrows-panel {

	position:absolute;

	height:5.5em;

	width:100%;

	background:#180504;

	opacity:0.5;

	z-index:1000;

	bottom:0;

	left:0;

}

#content .img-box .arrows {

	position:absolute;

	display:block;

	width:2em;

	height:2em;

	font-size:93.75%;

	bottom:1.75em;

	text-indent:-99999px;

	z-index:2000;

}

#content .img-box .arrows.left { background:#685a57 url(/img/left_arrow.png) no-repeat center; left:1.75em; }

#content .img-box .arrows.right { background:#685a57 url(/img/right_arrow.png) no-repeat center; left:4.25em; }

#content ul.news { width:51.5em; margin:2em auto 0; }

#content ul.news li {

	border-top:1px solid #edf2f3;

	border-bottom:1px solid #edf2f3;

	padding:1.5em;

	margin-bottom:1.2em;

	overflow:hidden;

}

#content ul.news li div.img {

	padding:2px;

	position:relative;

	overflow:hidden;

	background:#e1e7e8;

	float:left;

}

#content ul.news li.no-image div.img { display:none; }

#content ul.news li.no-image div.text { width:100% !important; }

#content ul.news li div.img .dot {

	width:2px;

	height:2px;

	background:#fff;

	position:absolute;

	top:-1px;

	left:-1px;

}

#content ul.news li div.img .right { margin-left:100%; }

#content ul.news li div.img .bottom { top:100%; margin-top:-1px; }

#content ul.news li div.img img, #content ul.news li div.img a { width:6em; height:8.25em; float:left; display:block; }

#content ul.news li div.text { width:40em; float:right; }

#content ul.news li div.text ul.tree { width:100%; overflow:hidden; }

#content ul.news li div.text ul.tree li {

	border:0;

	padding:0;

	margin:0;

	float:left;

	padding-right:0.5em;

	margin-right:0.5em;

	background: url(/img/tree_sep.png) no-repeat right center;

}

#content ul.news li div.text ul.tree li a { color:#a1a1a1; font-size:68.75%; float:left; }

#content ul.news li div.text ul.tree li.current { padding:0; margin:0; background:none; }

#content ul.news li div.text ul.tree li.current a { color:#4b5457; font-weight:bold; }

#content ul.news li h2 {

	font-size:106.25%;

	font-weight:bold;

	color:#0091b5;

	line-height:2em;

}

#content ul.news li a.news-text {

	color:#4b5457;

	font-size:68.75%;

	text-decoration:underline;

	vertical-align:bottom;

}

#content ul.news li a.news-text:hover { text-decoration:none; }

#content .main ul.news { width:100%; margin-top:0; }

#content .main ul.news li { padding-left:0; padding-right:0; }

#content .main ul.news li div.text { width:27em; }

#inside {

	background:#bbafaf;

	position:relative;

	overflow:hidden;

	padding-bottom:2em;

}

#inside .wrapper {

	width:56em;

	float:left;

	background:#574646;

	position:relative;

}

#inside .left img.head-decor { width:15.5em; height:8.5em; position:absolute; top:11em; left:0; }

#inside .wrapper .head { margin-left:15.5em; height:21em; }

#inside .wrapper .head img { width:40.5em; height:21em; }

#inside .main {

	width:34.5em;

	margin-left:15.5em;

	padding:2em 3em 6em;

	background:#fff;

	float:left;

	clear:left;

	display:inline;

	overflow:hidden;

}

#inside .main h2 { font-size:131.25%; color:#304c4f; }

#inside .catalog { width:100%; overflow:hidden; }

#inside .catalog ul { width:40em; }

#inside .catalog li { width:8em; float:left; margin-top:2.5em; margin-right:5em; }

#inside .catalog li.clear { width:100%; float:none; clear:both; margin-top:0 !important; height:1px; }

#inside .catalog li a { display:block; color:#574646; float:left; }

#inside .catalog li a img { width:8em; height:8em; border:0; border-bottom:0.75em solid #574646; }

#inside .catalog li a span { margin-top:0.8em; float:left; font-size:81.25%; }

#inside .main p { font-size:75%; color:#726863; text-align:justify; }

#inside #pictures { margin-top:2em; }

#inside .main .small-pictures {

	margin:1.5em auto;

	position:relative;

	width:25.5em;

	overflow:hidden;

	padding:0 3em;

}

#inside .main .small-pictures.busy { background: url(/img/loading.gif) no-repeat center 8.9em; }

#inside .main .small-pictures.active { padding-top:20em; }

#inside .main .small-pictures .carousel { overflow:hidden; width:25.5em; }

#inside .main .small-pictures ul { overflow:hidden; width:1000000px; }

#inside .main .small-pictures li { float:left; }

#inside .main .small-pictures li a { width:3.75em; height:3.75em; border:0.25em solid #fff; display:block; float:left; }

#inside .main .small-pictures li a.current { border-color:#cfc4c3; }

#inside .main .small-pictures li a img { width:3.75em; height:3.75em; }

#inside .main .small-pictures li .medium { position:absolute; top:0; left:50%; margin-left:-12.5em; }

#inside .main .small-pictures li .medium.none { display:none; }

#inside .main .small-pictures li .medium a { width:25em; height:17.75em; border:0; float:none; }

#inside .main .small-pictures li .medium a img { width:25em; height:17.75em; visibility:hidden; }

#inside .main .small-pictures li .medium a img.loaded { visibility:visible; }

#inside .main .small-pictures .arrows { position:absolute; width:3em; height:4.35em; bottom:0; text-indent:-99999px; display:block; }

#inside .main .small-pictures .arrows.none { display:none; }

#inside .main .small-pictures .arrows.left { left:0; background: url(/images/prev.gif) no-repeat center; }

#inside .main .small-pictures .arrows.right { margin-left:100%; left:-3em; background: url(/images/next.gif) no-repeat center; }

#inside div.left {

	background:#574646;

	margin-top:1.5em;

	width:15.5em;

	left:0;

	top:0;

	position:absolute;

	padding-bottom:1.5em;

}

#inside div.left img.head-decor { width:15.5em; height:8.5em; position:absolute; top:11em; left:0; }

#inside div.left ul { position:relative; }

#content div.left li { padding-left:3.75em; margin-top:1.25em; background: url(/img/white_line.png) no-repeat 2.5em 0.5em; }

#content div.left li a { width:100%; font-size:81.25%; text-decoration:underline; color:#fff; display:block; }

#content div.left li a:hover { text-decoration:none; }

#content div.left li ul { padding-top:0.2em; }

#content div.left li li { padding-left:0; margin-top:0; background:none; }

#content div.left li li a { font-size:62.5%; text-decoration:none; color:#e1d3d3; line-height:1.7em; text-transform:uppercase; }

#inside .main ul.tree { overflow:hidden; margin-top:0.5em; width:100%; }

#inside .main ul.tree li {

	float:left;

	padding-right:0.7em;

	margin-right:0.25em;

	background: url(/img/title_tree_sep.png) no-repeat right 0.25em;

}

#inside .main ul.tree li a { display:block; font-size:62.5%; color:#574646; text-transform:uppercase; }

#inside .main ul.tree li.current { background:none; padding:0; margin:0; }

#inside .main ul.tree li.current a { color:#bbafaf; }

#inside .comments { width:100%; overflow:hidden; margin-top:3.5em; }

.border-tb { float:left; border-top:1px solid #ebe8e9; border-bottom:1px solid #ebe8e9; position:relative; }

.border-lr { float:left; border-left:1px solid #ebe8e9; border-right:1px solid #ebe8e9; margin:0 -1px; height:100%; position:relative; }

#inside .comments .comment-box { width:100%; overflow:hidden; clear:both; margin-top:1.75em; }

#inside .comments .comment-box h2 {

	color:#bdbdbd;

	font-size:131.25%;

	float:left;

	padding-left:0.9em;

	background: url(/img/info.png) no-repeat 0.15em center;

}

#inside .comments .add-comment {

	float:right;

	display:block;

	color:#5e4f4a;

	font-size:75%;

	padding-left:1.3em;

	background: url(/img/read_comments.png) no-repeat left bottom;

	text-decoration:underline;

	margin-top:0.8em;

}

#inside .comments .add-comment:hover { text-decoration:none; }

#inside .comments .comment-box .add-commentfx { width:100%; clear:both; padding-top:1.75em; position:relative; }

#inside .comments .comment-box div.fx { width:100%; clear:both; position:relative; } 

#inside .comments .comment-box .add-commentfx form { padding-left:1.25em; overflow:hidden; }

#inside .comments .comment-box .add-commentfx form .name {

	width:10.3em;

	padding:0.2em 1.5em;

	font-size:68.75%;

	height:1.35em;

	border:0;

	float:left;

	background:#fbfbfb;

}

#inside .comments .comment-box .add-commentfx form .mess { clear:both; margin-top:0.6em; }

#inside .comments .comment-box .add-commentfx .width { width:100%; }

#inside .comments .comment-box .add-commentfx form textarea {

	padding:0.6em 1.5em 0;

	float:left;

	border:0;

	font-size:68.75%;

	background:#fbfbfb;

	width:45em;

	height:8em;

	resize:none;

}

#inside .comments .comment-box .add-commentfx form #comment-sub {

	border:0;

	background:none;

	text-decoration:underline;

	font-size:75%;

	color:#5e4f4a;

	clear:left;

	float:right;

	margin-top:0.5em;

	cursor:pointer;

}

#inside .comments .comment-box .add-commentfx form #comment-sub:hover { text-decoration:none; }

#inside .comments ul { width:100%; }

#inside .comments li { padding:3em 0 1.75em; background: url(/img/comments_bg.png) repeat-x left bottom; }

#inside .comments li .title { width:100%; overflow:hidden; }

#inside .comments li .name { margin-left:1px; }

#inside .comments li .name div { padding:0 1em; }

#inside .comments li .name span {

	color:#007da4;

	font-size:68.75%;

	font-weight:bold;

	display:block;

	float:left;

	line-height:1.5em;

}

#inside .comments li .date { float:left; }

#inside .comments li .date span, #inside .comments li .date b {

	font-size:68.75%;

	color:#b3b3b3;

	font-weight:normal;

	padding-left:1em;

	line-height:1.7em;

	float:left;

	display:block;

}

#inside .comments li p {

	font-size:68.75%;

	color:#4f3d3f;

	width:100%;

	margin-top:0;

	line-height:1.6em;

	margin-top:1em;

}

#hfooter {

	width:100%;

	position:relative;

	clear:both;

	height:15.5em;

	overflow:hidden;

}

#footer {

	height:8em;

	padding-top:3.5em;

	margin-top:-11.5em;

	background: url(/img/two_lines.png) repeat-x top left;

}

#footer .fixwidth { height:7em; position:relative; }

#footer .fixwidth ul { overflow:hidden; }

#footer .fixwidth li { float:left; margin-right:1.5em; vertical-align:top; }

#footer .fixwidth li a {

	font-size:50%;

	font-weight:bold;

	color:#2e3d3e;

	text-decoration:underline;

	text-transform:uppercase;

	display:block;

}

#footer .fixwidth li a:hover { text-decoration:none; }

#footer .welitta {

	float:right;

	color:#afafaf;

	font-size:56.25%;

	text-transform:uppercase;

	font-weight:bold;

}

#footer .welitta a { display:block; color:#dad9d7; }

#footer .welitta span { display:block; text-align:right; }

#footer .welitta a:hover { color:#afafaf; }

#footer .copyright { clear:left; font-size:62.5%; color:#4a5758; margin-top:0.75em; }

#footer .decor { 

	position:absolute;

	overflow:hidden;

	bottom:0;

}

#footer .decor.left { left:0; }

#footer .decor.right { right:0; }

.tip { background:#000; color:#fff; font-size:75%; padding:0.3em; }

.maintext { height:auto !important; }

.maintext p {

	text-align:justify;

	margin-top:1.5em;

	color:#4B5457;

	font-size:68.75%;

}

.maintext p b { display:block; }

.maintext p span { font-weight:bold; }

.price { color:#0091b5; }

.tip { background-color:#007a94; -moz-border-radius:2px; -webkit-border-radius:2px; }

.tip-title { font-family:Tahoma, Geneva, sans-serif; padding:0 0.4em; }

#callOrder { margin-top:2em; }

#callOrder .border-tb { clear:left; margin-top:1em; }

#callOrder .border-lr input {

	width:10.3em;

	padding:0.2em 1.5em;

	font-size:68.75%;

	height:1.35em;

	border:0;

	float:left;

	background:#fbfbfb;

}

#callOrderSubmit {

	text-transform:uppercase;

	font-size:68.75%;

	text-decoration:underline;

	clear:left;

	border:0;

	background:none;

	color:#34b5d0;

	font-weight:bold;

	float:left;

	margin-top:1em;

	margin-left:1em;

}

.callOrderStatus { clear:both; padding-top:1em; font-size:75%; color:#FF0005; }

/**** Parquet - Style *****/

.parquet-page-stl {
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;	
}

.parquet-page-stl div {
	display:block;
	margin:4px;
	font-size:11px;	
}

.parquet-page-stl h1 {
	font-size:14px;
	color:#91816E; 	
	font-weight:bold;;
}

.parquet-page-stl img {
	margin:4px 4px 0px 4px;	
}