
html, body  { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } 

html, body  {height: 100%; min-height: 100%; width:100%;}

body { word-wrap: break-word; }
body, select, textarea, button, input { font: 14px/1.45 Helvetica, Arial, sans-serif; color: #2a2a2a; outline: none; }

hr{ color: #0000FF; margin:20px; font-size:2em;}

a { outline: none; color: #0000FF; text-decoration: none; }
A:active {COLOR: #0000FF; TEXT-DECORATION: none}
A:visited {COLOR: #0000FF; TEXT-DECORATION: none}
A:hover {COLOR: #00BFFF; TEXT-DECORATION: none}

a img { border: 0 none; }

h1,h2,h3,h4,h5 { font-weight: normal; }
#logo-text { font-weight: bold; font-size: 39px; line-height: 43px; letter-spacing: -0.05em; }
h2, h1 { font-size: 28px; line-height: 32px; }
h3 { font-size: 22px; line-height: 26px; }
h4 { font-size: 20px; line-height: 24px; }
h5 { font-size: 16px; line-height: 20px; }

#content { padding: 5px; } /* Содержимое */
.nomenu {display: none;}
.ggg{position: absolute; right: 0; padding-right: 10px;}

textarea { overflow: auto; vertical-align: top }
input:focus { outline: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
button[disabled], input[disabled] { cursor: default }
.btn, .bbcodes, .ui-button { font-weight: bold; display: inline-block; cursor: pointer; height: 37px; line-height: normal; margin: 0 2px; padding: 6px 20px; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); color: #fff !important;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	border: 1px solid #ca1f0c; border-width: 0 0 1px 0;
}
.btn:active, .bbcodes:active, .ui-button:active { background: #f54305; box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2);-moz-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.2) }

.btn:hover, .bbcodes:hover, .ui-button:hover { opacity: 0.85 }
.bbcodes, .ui-button { height: 30px; padding: 5px 14px }

p,dl,dd,pre,ul,ol,blockquote,address,fieldset { margin-bottom: 20px }





.title {PADDING: 10px; FONT-FAMILY: Verdana,Arial,Sans-Serif; BACKGROUND: url("../images/lefttop.jpg") repeat-x; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold; 
border-radius: 5px;
text-align:center;
}

.message {
text-align:left;
clear:both;
background:#EFEFEF;
border-radius:5px;
clear:both;
margin-top:10px;
padding:10px 5px 10px 5px;
}

.full{
text-align:left;
font-size:10pt;
margin-top: 25px;
padding: 0 15px 0 15px;
}

.full:empty {
margin:0;
display:none;
}

.cena{
text-align:center;
font-size:14pt;
FONT-WEIGHT: bold;
padding: 12px 0 0 0;
}

.static{
padding: 0 0 40px 0;
}

.spisok{
padding-left: 15px;
}

.harban{
padding-top: 30px;
}

.dopuslugi,.tipfurni{
width: 660px;
}

.shemaban{
padding-top: 16px;
}
 /*таблицы*/
.tdblue, .tdblue2, .tdgray, .tdgray2, .tdwhite, .tdwhite2, .tdblue5, .tdblue6, .tdgray3, .tdwhitehar, .tdbluehar, .tdwhitehar2, .tdbluehar2{
height: 30px;
}
.tdblue, .tdblue2, .tdblue3, .tdblue4, .tdblue5, .tdblue6, .tdbluehar, .tdbluehar2, .tdblue3m{
background-color: #94ADF8;
}
.tdwhite, .tdwhite2, .tdwhitetema, .tdwhitehar, .tdwhitehar2, .tdwhitetema2{
background-color: #FFFFFF;
}
.tdgray, .tdgray2, .tdgray3, .tdgraytema{
background-color: #D3D3D3;
}
.tdblue3, .tdblue5, .tdblue, .tdgray, .tdwhite, .tdblue3m{
padding-left: 8px;
}
.tdblue3m{
width:80%;
}
.tdblue, .tdgray, .tdwhite, .tdwhitehar, .tdbluehar, .tdgray3, .tdblue4, .tdblue6, .tematab{
font-weight: bold;
}
.tdgray3{
padding-left: 20px;
}
.tdgraytema, .tdwhitetema{
width: 40%;
}
.tdgraytema, .tdwhitetema, .tdwhitetema2{
height: 40px;
border-radius: 8px 8px 0 0;
font-weight: bold;
}
.tdwhitetema2{
width: 260px;
padding:0;
}
.harakter {
margin-top: 30px;
}

.harakter  td{padding-left: 0.5em;}

.vneshtab, .vnuttab, .furnitab{
width: 660px;
margin-top: 30px;
}

.vneshtab  td, .vnuttab  td, .furnitab  td{
background-color: #FFFFFF;

}

.vneshtab  td, .vnuttab  td{
width: 25%;
}

.furnitab  td{
width: 20%;
font-weight: bold;
}

.tematab{
height: 40px;
border-radius:8px 8px 0 0;
}

.tdpusto{
background: transparent;
}


/*Краткая Новость*/
 .short {margin: 0; FONT-FAMILY: Verdana,Arial,Sans-Serif;  COLOR: #7ba5a8; FONT-SIZE: 13px; FONT-WEIGHT: bold; display: block; PADDING: 0 5px 3px 5px; float:left;}  /* eTitle1 */
 
.shortblock {BORDER: #0000FF 1px solid;  border-radius: 5px; }  /* eBlock */
.shortblock:hover {BORDER: #00BFFF 1px solid;}  /* eBlock:hover */

.shortmessage {text-align:left;padding-top:2px;padding-bottom:5px;background:#EFEFEF;border-radius: 5px;text-decoration: none;COLOR: #000;}  /* eMessage height:420px; */

/* Скидки*/
.skidki, .akcia {margin: -300px 0 0 65px;
position: absolute;
width: 250px;
height: 95px;}
.smaaal{position: relative;}
.skidki {BACKGROUND: url(../images/skidka.png) no-repeat;}
.akcia {BACKGROUND: url(../images/akcia.png) no-repeat;}

 /*Краткая Новость*/




/* == Template == */
#toolbar { position: relative; width: 100%; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);}
#toolbar, .more a {
	background-color: #353535; border-bottom: 1px solid #070707;
	background: -webkit-linear-gradient(top, #353535 0%, #222 100%); 
	background: -moz-linear-gradient(top, #353535 0%, #222 100%); 
	background: -ms-linear-gradient(top, #353535 0%, #222 100%); 
	background: -o-linear-gradient(top, #353535 0%, #222 100%);
	background: linear-gradient(top, #353535 0%, #222 100%);
}
#in-toolbar { overflow: hidden; display: block; width: 100%; }
	#in-toolbar a { color: #fff }

/* Top Menu */
#menu-btn { cursor: pointer; float: right; width: 17px; padding: 0 20px; height: 22px; position: relative }
	#hamburger { top: 20px;}
	#hamburger:after { bottom: -3px; }
	#hamburger:before, #hamburger:after, #hamburger { background: #fff; content: ""; display: block; height: 3px; left: 0; position: relative; width: 34px; }
	#hamburger:before { top: -6px; }

	/*#menu-head { display: none; }*/
	#menu-head { display: block;font-size: 2em;}
	#menu-head a { border-top: 1px solid #222; display: block; height: 44px; padding: 10px 20px; color: #fff; }
	#menu-head a:hover { background: #2f65ed; text-decoration: none; }

/* Login */
#logotip { padding: 11px 20px; font-weight: bold; float: left; cursor: pointer; font-size: 2em;}
	#logotip:before { margin: 2px 5px 0 0; height: 14px; background-position: 0 0 }

	.wideDialog { padding-top: 45px; display: none; z-index: 99999; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; background: rgba(255,255,255,0.9); }
	.wideDialog.open { display: block; }







/* = Header = */

#header { padding: 0 20px; position: relative; }
	#header {
		background-color: #fff;
		background: -webkit-linear-gradient(top, #fff 60%, #ebebeb 100%); 
		background: -moz-linear-gradient(top, #fff 60%, #ebebeb 100%); 
		background: -ms-linear-gradient(top, #fff 60%, #ebebeb 100%); 
		background: -o-linear-gradient(top, #fff 60%, #ebebeb 100%);
		background: linear-gradient(top, #fff 60%, #ebebeb 100%);
	}







/* = Footer = */
#footer { text-align: center; position: bottom; height: 44px; }
	#copyright { font-size: 2em; background: url(/images/menu_arrow_l.png) repeat-x;}
	#copyright a, #copyright { color: #ffffff; }



.post { padding: 20px; }
	




.fullstory { border-bottom-width: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }



.ux-form { border-top: 1px solid #dbdbdb; background: #f3f3f3; padding: 20px; }
	.ux-form h3 { margin-bottom: .6em; }

	.ui-form { width: 100%; overflow: hidden; }
	.ui-form li { margin-bottom: 8px; }


	details summary {
	display: block;  /* у summary по умолчанию свойство display в значении list-item, потому поддерживается свойство list-style */
	/*width: 10em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;  /* блок раскрывается при щелчке по кнопке, а не по всей строке 
	border-bottom: 1px dotted;  /* подводка точками или тире часто используется для элементов, с которыми пользователю предлагается взаимодействовать, можно заменить на text-decoration */
	/*outline-style: none;  /* удалить обводку при фокусе */
	cursor: pointer;
	color: #FFF;
	float: right;
	top: 20px;
	padding: 1px 12px 0 0;
	height: 62px; 
	font-size: 1px;
	}
	
	
	
	.menu {
	color: #FFF;
	position: relative;
	padding-top: 88px;
		}
		
	.gopa {
	height: 44px; 
	float: right;
		}
		
		
		
		
	.glav {
		width: 100%;
		padding: 20px 10px;
		}
		
		
		
		
	.telefon {
		width: 100%;
		font-size: 2.5em;
		font-weight: bold;
		text-align: center;
		padding: 20px 0;
		}
		
		
		
		
	.polosa, .polosa2 {
		width: 100%;
		font-weight: bold;
		text-align: center;
		font-size: 2em; background: url(/images/menu_arrow_l.png) repeat-x;
		color: #ffffff;
		padding: auto;
		}
	.polosa2 {margin: 50px 0 15px 0;
	justify-content: center;
align-items: center; }
		
	.dver{
		padding: 20px 0 20px 0;
		text-align: center;
		}
		
	.logomobi{
		text-align: center;
		margin: auto;
		}
		
	.zvonok{
		width: 100%;
		height: 100%;
		margin: 0;
		
		}
	
	.zvon{
		width: 100%;
		height: 100%;
		margin: auto;
		min-height: 100%;
		text-align: center;
		padding: 10px 0 20px 0;
		}
	oshibka{
		font-size: 2em;
		margin: auto;
		font-weight: bold;
		padding: 40px 0 0 0;
		}
		
	.pole{
		
		}
	
	.pole input[type="text"] {
	border: 2px solid #0000CD;
	font-size: 2em;
		}
		
	.tekstzvov{
		padding: 40px 0 0 0;
		font-size: 2em;
		font-weight: bold;
		}
	
	#submit {
	font-size: 22pt;
	margin-top: 30px;
	margin-bottom: 50px;
	font-weight: bold;
	}
	
	/* Каталог*/
.catalog {BORDER: #0000FF 2px solid;  border-radius: 8px; width: 225px; margin: 10px auto 10px auto; }
.catalog:hover{BORDER: #00BFFF 2px solid;  }

/* Фурнитура */
.furnitura {BORDER: 0;  height: 121px; width: 121px; FONT-SIZE: 12pt;}
.furnitura a {
     display: block; /* Ссылка как блочный элемент */
     text-align: center; /* Выравнивание по центру */
     height: 100%; /* Высота на весь слой */
     color: #fff; /* Цвет ссылки */
	 text-shadow: 2px 2px 2px #0000FF;
    }
.furnitura a:hover{
BORDER: #0000FF 1px solid;
     display: block; /* Ссылка как блочный элемент */
     text-align: center; /* Выравнивание по центру */
     height: 100%; /* Высота на весь слой */
     color: #fff; /* Цвет ссылки */
	 visibility: visible;
	 text-shadow: 2px 2px 2px red;
    }
.furnitura1 {BORDER: #000 1px solid;  height: 121px; width: 121px; }
/* Фурнитура концилась */

.furnitura6 {BORDER: #000 1px solid;  height: 135px; width: 100px; }

.furnitura5 {BORDER: 0; height: 135px; width: 100px; FONT-SIZE: 12pt;}
.furnitura5 a {
     display: block; /* Ссылка как блочный элемент */
     text-align: center; /* Выравнивание по центру */
     height: 100%; /* Высота на весь слой */
     color: #0000FF; /* Цвет ссылки */
	 box-shadow: 3px 3px 3px #0000FF;
    }
.furnitura5 a:hover{
BORDER: #0000FF 2px solid;
     display: block; /* Ссылка как блочный элемент */
     text-align: center; /* Выравнивание по центру */
     height: 100%; /* Высота на весь слой */
     color: #fff; /* Цвет ссылки */
	 visibility: visible;
	 box-shadow: 2px 2px 2px black;
    }
/* Ворота*/
.vorota {BORDER: #0000FF 2px solid;  border-radius: 8px; width: 370px; margin: 20px auto 20px auto;}
.vorota:hover{BORDER: #00BFFF 2px solid;  }

/* Скидки*/
.skidki, .akcia {margin: -300px 0 0 65px;
position: absolute;
width: 250px;
height: 95px;}
.skidki {BACKGROUND: url(/images/skidka.png) no-repeat;}
.akcia {BACKGROUND: url(/images/akcia.png) no-repeat;}
.smaaal{position: relative;}
.eMessageSkid {height:440px;text-align:left;clear:both;padding-top:2px;padding-bottom:5px;background:#EFEFEF;border-radius:5px;}


.eBlock {BORDER: #0000FF 1px solid;  border-radius: 5px; text-align:center;}
.eBlock:hover{BORDER: #00BFFF 1px solid;}
.eBlock2 {BORDER-BOTTOM: #262628 1px solid; BORDER-LEFT: #262628 1px solid; BORDER-TOP: #262628 1px solid; BORDER-RIGHT: #262628 1px solid;}

.eTitle {PADDING: 10px; FONT-FAMILY: Verdana,Arial,Sans-Serif; BACKGROUND: url("/images/lefttop.jpg") repeat-x; COLOR: #FFF; FONT-SIZE: 13px; FONT-WEIGHT: bold;
}
.eTitle1 {PADDING-BOTTOM: 23px; PADDING-LEFT: 20px; PADDING-RIGHT: 5px; FONT-FAMILY: Verdana,Arial,Sans-Serif;  COLOR: #7ba5a8; FONT-SIZE: 13px; FONT-WEIGHT: bold; PADDING-TOP: 0px; display: block; margin-left: auto; margin-right: auto; PADDING-BOTTOM: 3px; PADDING-RIGHT: 5px; text-align:center;}
.eTitle A:link {COLOR: #f8f400; TEXT-DECORATION: none;}
.eTitle A:visited {COLOR: #d14935; TEXT-DECORATION: none;}
.eTitle A:hover {COLOR: #ffffff; TEXT-DECORATION: none;}
.eTitle A:active {COLOR: #d14935; TEXT-DECORATION: none;}

.eMessage {height:420px; text-align:center;padding-top:2px;padding-bottom:5px;background:#EFEFEF;border-radius: 5px; FONT-FAMILY: verdana,arial,helvetica;}
.eMessage2 {text-align:left;clear:both;padding:5px;background:#EFEFEF;border-radius: 5px }


/* Навигация */

.ico:before { display: inline-block; background-image: url(../images/sprite.png); }
.ico:before { float: left; content: ""; width: 12px; height: 12px }
.clrf:after { clear: both; content: ""; display: block; height: 0; width: 0; visibility: hidden }

.pages * { -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
a .pprev, a .pnext { color: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
transition: opacity .4s ease; -webkit-transition: opacity .4s ease; -o-transition: opacity .4s ease; -moz-transition: opacity .4s ease;
	}
	
.pages { padding: 20px; }
	.pages .ico:before { float: none; position: absolute; margin-top: 4px; }
	.pprev, .pnext { color: #979797; padding: 8px 10px; background: #f1f1f1; position: relative; }
	.pprev { padding-right: 30px; float: right; }
	.pnext { padding-left: 30px; float: left; }

	.pprev:before { right: 10px; background-position: -30px -14px; }
	.pnext:before { left: 10px; background-position: -42px -14px; }

	a .pprev:before { background-position: -30px -26px; }
	a .pnext:before { background-position: -42px -26px; }

	a .pprev, a .pnext { border-bottom: 1px solid #150675; }
	a .pprev, a .pnext, #rel-news a:hover, .btn, .bbcodes, .ui-button {
		background-color: #0b07f0;
		background: -webkit-linear-gradient(top, #3b38fc 0%, #0b07f0 100%); 
		background: -moz-linear-gradient(top, #3b38fc 0%, #0b07f0 100%); 
		background: -ms-linear-gradient(top, #3b38fc 0%, #0b07f0 100%); 
		background: -o-linear-gradient(top, #3b38fc 0%, #0b07f0 100%);
		background: linear-gradient(top, #3b38fc 0%, #0b07f0 100%);
	}
/* Навигация */
