/* CSS Document */

html {
height:100%;
}

.wrapper {

}

body {
padding:0;
margin:0;
height:100%;
font:13px Calibri, Tahoma, Arial, Helvetica, sans-serif;
color:#111119;
background:#262932 url(img/bg.jpg) repeat top;
}

fieldset{
border:0;
}


#footerMenu {
	position: absolute;
	top: 80px;
}

#footerMenu a {
	text-decoration: none;
	color: #e95913; /*#e95913*/
	margin: 0 10px 0 0;
	transition-duration: .3s;
}

#footerMenu a:first-child {
	margin-left: 23px;
}

#footerMenu a:last-child {
	margin-right: 0;
}

#footerMenu a:hover {
	text-shadow: 0 0 10px #e95913;
	transition-duration: .3s;
}



/*@font-face {
	font-family: glasten;
    src: url(fonts/glasten.ttf);
}

#blockTelefone {
	font-family: glasten;
}*/



.buttonCat {
	display: block;
	text-decoration: none;
	color: lightgray;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: 79px;
	left: 380px;
	border: 2px solid lightgray;
	box-shadow: 0 0 3px 3px #e95913;
	border-radius: 27px/7px; /* 1px 1px 1px 1px */
	padding: 6px 10px 6px 10px;
	transition-duration: .3s;
}

.buttonCat:hover {
	color: lightgray;
	font-weight: bold;
	font-size: 16px;
	top: 76px;
	left: 377px;
	padding: 8px 12px 8px 12px;
	transition-duration: .3s;
	box-shadow: 0 0 6px 6px #e95913;
	border: 3px solid lightgray;
	background: rgba(128, 128, 128, 0.7);
}











/*
.blockTelefone_p {
  animation-duration: 3s;
  animation-name: slidein1;
}

@keyframes slidein1 {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
*/





.buttonCat {
	animation-duration: 3s;
  	animation-name: buttonBgAnimation;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes buttonBgAnimation {
	from {
		background: rgba(128, 128, 128, 0);
	}
	to {
		background: rgba(128, 128, 128, 0.7);
	}
}









#sklad p, .topMenu {
  animation-duration: 3s;
  animation-name: slidein2;
	animation-iteration-count: 1;
	animation-direction: alternate;
}

@keyframes slidein2 {
  from {
    margin-left: 390px;
    width: 100%; /*увеличивание значения создает другую анимацию движения ВСЕХ пунктов*/
  }
  to {
        width: 100%;
  }
}








#blockTelefone {
	animation-duration: .5s;
  animation-name: borderShadowBT;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes borderShadowBT {
  from {
    box-shadow: 0 0 3px 3px #e95913;
  }

  to {
    box-shadow: 0 0 9px 9px #e95913;
  }
}















#blockCall {
	width: 150px;
	height: 40px;
	border-radius: 5px;
	box-shadow: 0 0 3px 3px #e95913;
	position: fixed; 
	bottom: 87%;
	left: 2%;
	z-index: 50;
	background: #232531;
	opacity: .65;
	/*transition-duration: .3s;*/
	
		animation-duration: .5s;
  animation-name: borderShadowBT;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes borderShadowBT {
  from {
    box-shadow: 0 0 3px 3px #e95913;
  }

  to {
    box-shadow: 0 0 9px 9px #e95913;
  }
} 


#blockCall .blockTelefone_p {
	color: #e95913; /*#ffffff*/
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0 5px 15px;
}
	
	/*transition-duration: .3s;*/


/*#blockCall:hover {
	width: 160px;
	box-shadow: 0 0 6px 6px #e95913;
	transition-duration: .3s;
}*/

/*#blockCall .callBack_footer:hover {
	font-weight: bold;
	transition-duration: .3s;
	padding-left: 18px;
}*/

#blockCall .callBack_footer {
	display: block;
	color: #ffffff;
	text-decoration: none;
	height: 40px;
	padding: 8px 0 0 13px;
	font-size: 16px;
}

#sklad {
	width: 390px;
	height: 50px;
	border-radius: 5px;
	box-shadow: 0 0 3px 3px #e95913;
	position: fixed; 
	/*bottom: 98%;*/
	left: 40%;
	top: 2%;
	z-index: 50;
	background: #232531;
	opacity: .65;
	transition-duration: .3s;
}

#sklad:hover {
	box-shadow: 0 0 6px 6px #e95913;
	transition-duration: .3s;
}
#sklad p {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	
}

#sklad ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sklad ul li {
	float: left;
	margin: 0 14px 0 0;
	width: 80px;
}

#sklad .skladFirstLi {
	margin-left: 23px;
	width: 83px;
}

#sklad ul li:last-child {
	margin-right: 0;
}

#sklad ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	transition-duration: 0s;
}

#sklad ul li a:hover {
	color: #e95913;
	font-weight: bold;
	opacity: 1;
	transition-duration: .3s;
}




#sklad .subMenu {
	/*display: none;*/
	visibility: hidden;
	position: absolute;
	opacity: 0;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 0 3px 3px #e95913;
	width: 125px;
	margin: 20px 0 0 -35px;
	background: #232531;
	transition: opacity 1s, visibility 1s;
}

#sklad .topMenu li:hover .subMenu {
	/*display: block;*/
	visibility: visible;
	opacity: 1;
	transition: opacity 1s;
}

#sklad .subMenu li {
	margin: 0;
	padding: 5px;
	width: 125px;
}

#sklad .subMenu2Left {
	margin-left: -27px;
}

#sklad .subMenu3Left {
	margin-left: -37px;
}


/*
#blockTelefone {
	width: 150px;
	height: 55px;
	border-radius: 5px;
	position: fixed; 
	bottom: 85%;
	right: 2%;
	z-index: 50;
	background: #232531;
	opacity: .65;
}

#blockTelefone .blockTelefone_p {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0 5px 15px;
}

#blockTelefone .blockTelefone_p:last-child {
	padding-top: 0;
	padding-bottom: 0;
	
}

*/


/*#sklad .subMenu li a {
	color: #ff0000;
}*/
































a {
color:#0882b4;
text-decoration:underline;
}

a:hover {
color:#0882b4;
text-decoration:none;
}

p {
padding:3px 0;
margin:0;
}


form, input, select, textarea {
padding:0;
margin:0;
outline:medium none;
resize:none;
}

textarea {
overflow:hidden;
outline:medium none;
resize:none;
}

.button {
cursor:pointer;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
padding:1px 3px;
}

table {
border:none;
}

img {
border:none;
}

h1, h2, h3, h4, h5, h6 {
padding:0;
margin:0 0 10px 0;
font-weight:normal;
}

h1 {
font-size:22px;
}

h2 {
font-size:20px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

h5 {
font-size:14px;
}

h6 {
font-size:12px;
}

.clr {
clear:both;
}

.clr1 {
height:1px;
width:100%;
clear:both;
}

.mceContentBody {
background:#FFFFFF;
color:#000000;
}

.container {
min-width:1000px;
//width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000? "1000px": "100%");
background:url(img/subbg.jpg) no-repeat top;
position:relative;
min-height:100%;
height:auto !important;
height:100%;
	
}

.onl {
position:fixed;
right:0px;
top:130px;
width:49px;
height:205px;
background:url(img/online.png) no-repeat top left;
z-index:99;
}

.top {
position:absolute;
top:0;
left:0;
width:100%;
height:385px;
}

.header {
position:relative;
width:1000px;
margin:0 auto;
height:385px;
}

.logo {
position:absolute;
top:15px;
left:20px;
width:290px;
height:100px; /*57px;*/
display:block;
background:url(assets/images/logo_new2_290x100.png) no-repeat; /*img/logo.png*/
}

.logo span, .ctl span, .onl span {
display:none;
}

.ctl {
position:absolute;
top:63px;
left:353px;
width:118px;
height:43px;
display:block;
background:url(img/cat.png) no-repeat top left;
}


.cns2 {
position:absolute;
top:43px;
right:20px;
width:371px;
padding:0 0 0 0;
font-size:16px;
/*font-weight: bold;*/
color:#bbbbbb;
text-align:right;
}

.cns2 a {
text-decoration:underline;
color:#ffffff;
}

.cns2 a:hover {
text-decoration:none;
color:#ffffff;
}

.tel2 {
font-size:30px;
color:#ffffff; /*#e95913*/
font-weight: bold;
	/*border: 2px solid #ffffff;
	border-radius: 5px;
	padding: 0 2px 0 2px;*/
/*text-shadow: 0 0 2px #ffffff;*/
}

.tel2 span {
position:relative;
top:-10px;
font-size:16px;
/*text-shadow: 0 0 1px #ffffff;*/
}

.sb {
position:absolute;
top:75px;
left:521px;
	z-index: 20;
}

.sbt div {
width:157px;
height:21px;
padding:4px 10px 0 10px;
margin:0 8px 0 0;
background:url(img/sbt.png) no-repeat top left;
	transition-duration: .3s;
}

.sbt div:hover {
	box-shadow: 0 0 6px 6px #e95913;
	transition-duration: .3s;
}

.sb tr td:nth-of-type(2) {
	transition-duration: .3s;
}

.sb tr td:nth-of-type(2):hover {
	box-shadow: 0 0 6px 6px #e95913;
	transition-duration: .3s;
	
}


.sbt div input {
width:157px;
background:none;
border:none;
font:13px Calibri, Tahoma, Arial, Helvetica, sans-serif;
color:#6a6a6a;
}

.sli {
position:absolute;
top:130px;
left:0px;
width:1000px;
height:240px;
box-shadow:3px -3px 10px 0px #151616;
z-index:5;


	
}

.tml {
position:absolute;
top:130px;
left:0px;
width:570px;
height:212px;
box-shadow:3px -3px 10px 0px #151616;
z-index:5;
padding:1px 400px 27px 30px;
background:url(img/catbg.jpg) no-repeat top left;
}

.tml td {
	padding-right: 5px;
width:185px;
vertical-align:top;
}



.tml h4 {
font-size:14px;
	font-weight: bold;
color: #e95913; /* lightgray*/
margin:0 0 4px 0;
	/*border: 1px solid lightgray;*/
	/*text-align: center;*/
	/*border-bottom: 1px solid lightgray;*/
	/*font-style: italic;*/
	/*text-transform: uppercase;*/
}

.tml ul {
padding:0 0 0 0;
margin:0 0 4px 0;
}

.tml ul li {
padding:0 0 1px 15px;
margin:0 0 0 0;
list-style:none;
position:relative;
background:url(img/tml.gif) no-repeat left;

}

.tml ul li:hover {
	background:url(assets/images/tml_height_orange.jpg) no-repeat left;
	
}



.tml a {
color:#FFF;
text-decoration: none;
	font-size: 13px;
	transition-duration: .3s;
	
}

.tml a:hover {
	color: #e95913;
	text-decoration:underline;
	font-weight: bold;
	font-size: 13px;
	transition-duration: .3s;
	text-decoration: none;
	margin-left: 2px;
}

/*.tml a:hover {
color:#FFF;
text-decoration:none;
}*/

.tm {
position:absolute;
top:130px;
right:89px;
width:240px;
height:210px;
padding:15px 0 15px 20px;
z-index:10;
background: url(img/tm.png) repeat top left; /*  repeating-linear-gradient(-45deg, #fff, #fff 25px, #e2edc1 25px, #e2edc1 50px) fixed;*/
font-size:14px;
	/*border: 1px solid #e95913;*/
	/*box-shadow: inset 0 0 3px 3px #e95913;*/
	box-shadow: 0 0 3px 3px #e95913;
	transition-duration: .3s;
}

.tm:hover {
	box-shadow: 0 0 6px 6px #e95913;
	transition-duration: .3s;
}

.tm ul {
padding:0 0 0 0;
margin:0;
float:left;
	width: 90px;
}

.tm ul:nth-of-type(2) {
	margin-right: 20px;
	float: right;
}

.tm ul li {
padding:0 0 10px 0;
margin:0 0 0 0;
list-style:none;
}

.tm a {
color:#FFF;
text-decoration:none;
}

.tm a:hover {
color:#e95913;
	font-weight: bold;
text-decoration:none;
}

.content {
width:1000px;
margin:0 auto;
padding:370px 0 0 0;
	
	
}

.pathway {
padding:12px 0 12px 30px;
color:#FFF;
font-size:16px;
}

.pathway a {
text-decoration:none;
color:#e95913;
	transition-duration: .3s;
}

.pathway a:hover {
	text-decoration: underline;
text-shadow: 0 0 10px #e95913;
	transition-duration: .3s;
 
}

.pathway span {
padding:0 5px;
}

.center {
	border-top: 5px solid #e95913;
	border-left: 3px solid #e95913;
	border-right: 3px solid #e95913;
background:#FFFFFF;
width:940px;
padding:25px 30px;
}

.center h1, .right h4 {
font-size:24px;
margin:0 0 15px 0;
}

/*.center .ymaps-2-1-34-inner-panes {
	border: 2px solid #e95913;
	box-shadow: 0 0 3px 3px #e95913;
	transition-duration: .3s;
}

.center .ymaps-2-1-34-inner-panes:hover {
	box-shadow: 0 0 6px 6px #e95913;
	transition-duration: .3s;
}*/

.left {
float:left;
width:600px;
padding:0 35px 30px 0;
	/*border: 1px solid black;
	border-radius: 10px;*/
}

.right {
float:right;
width:300px;
padding:0 0 25px 0px;
	/*border: 1px solid black;
	border-radius: 10px;*/
}

.ok {
    font-size:17px;
    padding:0 0 0 0;
    margin:0 0 30px 0;
    }

.ok li {
    padding:0 0 0 0;
    margin:0 0 4px 0;
    list-style:none;
    }

.ok span {
    padding:0 0 0 12px;
    }


.ok a {
	transition-duration: .3s;
}


.ok a:hover {
	color: #e95913;
	font-weight: bold;
	padding-left: 5px;
	text-decoration: underline;
	transition-duration: .3s;
}










.tein {
    padding:0 0 25px 0;
    }

.bf {
    text-align:right;
    padding:10px 0 0 0;
    font-size:14px;
    }

.bte {
    padding:20px 0 0 0;
    }

.bte .btet td {
    vertical-align:top;
    padding:5px 7px;
    background:#303035;
    font-size:17px;
    color:#FFF;
    }

.bte td.btei {
    font-size:18px;
    padding:10px 0 10px 30px;
	
    }

.bte td {
    font-size:14px;
padding:2px 7px;
	width: 80px;
	
    }

.bte td a {
	transition-duration: .3s;
}

.bte td a:hover {
	color: #e95913;
	font-weight: bold;
	padding-left: 5px;
	text-decoration: underline;
	transition-duration: .3s;
}
    
.bte td.dfr {
    height:1px;
    padding:0 0 0 0;
    background:url(img/td.gif) repeat-x left;
	transition-duration: .3s;
    }
    
.pre {
padding:0 0 0 0;
margin:0 0 0 0;
}

.pre li {
padding:0 0 0px 15px;
margin:0 0 18px 0;
list-style:none;
position:relative;
background:url(img/pre.gif) no-repeat left;
}

.giv {
padding:30px 0 0 0;
}

.grs {
padding:0 0 20px 0;
width:940px;
margin:0 0 30px 0;
background:url(img/grs.gif) repeat-x bottom left;
}

.giv .grs {
padding:0 0 0 0;
width:940px;
margin:0 0 0 0;
background:none;
}

.gm {
/*padding:30px 0 0 20px;*/
	height: 360px;
	float: left;
	display: block;
vertical-align:top;
	
	border: 1px solid #e95913;
	border-radius: 10px;
	padding: 2px;
	
box-shadow: 0 0 3px 3px #e95913;
	margin: 0 1px 5px 0;
	transition: .3s;
}

.gm:hover {
	box-shadow: 0 0 6px 6px #e95913;
	transition: .3s;
}

.grs table tr td.gm:first-child {
/*padding:30px 0 0 0px;*/
vertical-align:top;
}



.gmb {
width:300px;
}

.gm h4 {
font-size:17px;
margin:14px 0 5px 5px;
}


.gm h4 a {
	text-decoration: none;
		font-weight: bold;
	transition: .3s;
}

.gm h4 a:hover {
	color: #056185;
	transition: .3s;
}

.gm h4 span {
font-size:15px;
color:#5d607d;
}


.gm p {
	margin: 0 0 0 5px;
	
}







.gri {
width:295px;
height:141px;
margin: 0 0 0 5px;
overflow:hidden;
}

.gri img {
min-height:141px;
min-width:300px;
}

.infom {
padding:0 0 0 0;
width:940px;
}

.left2 {
float:left;
width:610px;
padding:0 30px 40px 0;
}

.tech {

	clear:both;
padding:17px 0px 10px 0;
	
}

.tech h6 {
	display: table;
	border-radius: 10px;
	text-align: center;
font-size:17px;
padding:3px 9px;
color:#FFFFFF;
background:#303035;
margin:0 0 8px 0;
	width: 590px;
}

.tech ul {
	font-size:14px;
	padding:0;
	margin:0;
}
.tech ul.shm {
	margin-left: 230px;
}

.tech ul li {
	position:relative;
	padding:0 9px 5px 9px;
	margin:0 0 4px 0;
	list-style:none;
	border-bottom: 1px dotted #cccccc;
	_background:url(img/sl.gif) repeat-x bottom left;
}

.tech ul li span {
float:right;
}

.right2 {
float:right;
width:300px;
padding:10px 0 40px 0;
}

.noms {
overflow:hidden;
width:940px;
height:131px;
padding:30px 30px 0 30px;
		border-top: 5px solid #e95913;
	border-bottom:5px solid #e95913; /*131920*/

margin:0 -30px -26px -30px;
background:#111215 url(img/nom.png) no-repeat top left;
}

.arhive-news {
	display: block;
	float: right;
	color: #e95913;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	
}

.arhive-news:hover {
	color: #e95913;
}



.nom {
padding:0 0 0 20px;
vertical-align:top;
color:#a5a4a5;
}

.noms table tr td.nom:first-child {
padding:0 0 0 0;
vertical-align:top;
}

.nomb {
	width:300px;
}

.nomb a img {
	border: 2px solid white;
	border-radius: 10px;
	transition-duration: .3s;
}

.nomb a img:hover {
	box-shadow: 0 0 6px 6px #e95913;
	transition-duration: .3s;
}


.nom img {
float:left;
margin:0 20px 0 0;
border:2px solid #FFF;
}

.nom .date {
	font-weight: bold;
color:lightgray;
text-shadow:1px 1px 1px #050606;
}

.nom h4 {
	font-size:13px;
	margin:0 0 2px 0;
}

.nom h4 a {
text-decoration:underline;
color:#FFF;
}

.nom h4 a:hover {
text-decoration:none;
color:#FFF;
}

.news {
padding:0 0 30px 0;
}

.ni {
float:left;
margin:0 20px 10px 0;
}

.ni_f {
	margin:0 0 15px 0;
}
.ni_0 {
	float:left;
	margin: 0;
}

.news .date {
display:block;
padding:0;
color:#727374;
}

.news h4 {
font-size:17px;
margin:0;
}

.pages {
clear:both;
text-align:left;
font-size:17px;
}

.pages a {
text-decoration:underline;
color:#188ab9;
margin:0 4px;
}

.pages a:hover {
color:#bfc0c1;
text-decoration:none;
}

.pages span {
color:#bfc0c1;
margin:0 4px;
}

.extra {
clear:both;
height:118px;
}

.bottom {
position:relative;
margin-top:-118px;
height:118px;
width:100%;
}

.footer {
position:relative;
width:1000px;
margin:0 auto;
height:90px;
}

.footer pre {
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
}

.copy {
position:absolute;
top:20px;
left:250px;
width:350px;
padding:0 0 0 0;
font-size:15px;
color:#bbbbbb;
line-height:20px;
}

.cns {
position:absolute;
top:19px;
right:27px;
width:370px;
padding:0 0 0 0;
font-size:16px;
/*font-weight: bold;*/
color:#bbbbbb;
text-align:right;
}

.tel {
font-size:30px;
color:#ffffff; /*#e95913*/
font-weight: bold;
/*text-shadow: 0 0 2px #ffffff;*/
}

.tel span {
position:relative;
top:-10px;
font-size:16px;
/*text-shadow: 0 0 1px #ffffff;*/
}



.counters {
/*position:absolute;
top:36px;
left:30px;*/
width: 196px;
height: 31px;
	margin: 40px 0 0 27px;
	float: left;
}

.counter {
	margin-right: 20px;
	float: left;
}

/*.counters img {
margin:0 9px 0 0;
}*/
#link_top_51{
color:#ff0000;
	font-weight: bold;
	font-size: 16px;

}
#link_top_397 {
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
}
.skidka_price{
color:red;
text-align:right;
font-size:19px;
	font-weight: bold;
	text-decoration: none;
display:block;
width:100%;
height:14px;
}
.so{
float:left;
width: 153px;

border:1px #ccc solid;
margin:5px;
padding:11px;
}
.so img{border:none!important;}
.so .sot{
display:block;
font-size:15px;
text-align:center;
margin-bottom:5px;
}

.fo_float {
    width: 500px;
    float: left;
}
.left3 {
	padding:0 0 30px 0;
}

#zvonok{
	_position:absolute;
	_top:150px;
	_left:250px;
	padding:0 30px 15px 30px;
	background: #262932 url(img/bg.jpg) repeat top;
	color:#FFF;
	border:2px white solid;
	width:490px;
	display:none;
	_z-index:100;
}
#zvonok h2{
    margin:10px 0 0 0;
}
.zvonok_close{
	top:5px;
	display:block;
	position:absolute;
	left:520px;
	font-weight:bold;
	font-size:20px;
	color:white;
}
.gallery a.fancybox{
	display: block;
	margin: 0 10px 10px 0;
	float: left;
}
.gallery .mp_pages {
	clear: both;
}
.requiredlist {
	color: red;
}
.ffields {
	width: 280px;
}