/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/body-bg.jpg) top center no-repeat #000; text-align:center;}

img {vertical-align:top;}
a img { border:0;}
ul {
	list-style-position: inside;
}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.7625em; line-height:1.256em; color:#b1b1b1;}
input, select { vertical-align:middle;}

a {color:#b1b1b1; outline:none;}
a:hover{color:#fff;}
p {padding-bottom:5px; padding-top:5px;}
.rek {
	font-size: 9px;
}
/*#content strong{ color:#f51e01; display:block;}*/

h1{
	font-size: 1.467em;
	line-height: 1.05em;
	color: Yellow;
	padding-bottom: 5px;
	padding-top: 15px;
	max-width: 650px;
}
h2{ font-size:1.267em; line-height:1.05em; color:Yellow; padding-bottom:5px; padding-top:15px;}
h3{ font-size:1.067em; line-height:1.05em; color:Yellow; padding-bottom:5px; padding-top:15px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:60px;}
.padding1{ padding-top:39px;}
.padding2{ padding-top:15px;}

/* ============================= header ====================== */
#header .logo{
	padding: 0px 0px 0px 33px;
}
a.iz{
	position: relative;
	bottom: -113px;
	right: 286px;
}
.podelit{
	position: relative;
	top: 15px;
	left: 10px;
	width: 260px;
}
.tel{
	position: relative;
	top: -130px;
	left: 400px;
	width: 570px;
}
.tel a{
	color: #CCD4FF;
}
#header b{
	font-weight: bold; color: #fff; font-size: 1.30em; line-height:1.056em;
}

/* ============================= content ====================== */
#content{
	background: url(images/content-bg.jpg) repeat-y top;
}
#content li{
	margin-left: 15px; /*list-style: inside url(images/link-bg.gif);*/
}
.column-2{ margin-left:39px;}
.line{
	background: url(images/line.gif) no-repeat 498px 0;
}
.indent{
	padding: 50px 50px 0px 81px;
}
.indent1{
	padding: 35px 65px 10px 66px;
}
.zak{
	color: yellow;
	font-weight: bold;
	font-size: 0.99em;
	display: block;
	text-decoration: none;
	border: 1px solid Red;
	padding: 3px;
	width: 260px;
	text-align: center;
}
.zak:hover{
	background-color: #505050;
	border: 1px solid #fff;
}

.link{ color:#f51e01; background:url(images/link-bg.gif) no-repeat right 4px; padding-right:10px; text-decoration:none;}
.link:hover{ color:#fff;}

.list{ margin:-3px 0 0 0;}
.list li{ line-height:2.222em; background:url(images/link-bg.gif) no-repeat 0 8px; padding-left:10px;}
.list a{ text-decoration:none;}
.list a:hover{ color:#f51e01;}

.scroll{ overflow:auto; height:260px; position:relative;}
.scroll-wrap { height:600px; padding-right:20px;}
.works a{ display:block; margin-bottom:11px;}

.menu{ width:100%; overflow:hidden; margin: 0px 0px 0px 0px;}
.menu ul{ padding-left:40px; list-style:none;}
.menu li{ float:left; font-size:1.389em; line-height:2em; background:url(images/menu-separator.gif) right top no-repeat;}
.menu .m5{ background:none;}
.menu a{ display:block; width:177px; text-align:center; text-decoration:none; padding:64px 0 0 0; float:left;}
#content .menu a strong{ color:#fff; display:inline;}
.menu a:hover, .menu .active{ color:#fff;}
.menu .m1 a{ background:url(images/m1-bg.png) no-repeat 0 0; width:185px;}
.menu .m2 a{ background:url(images/m2-bg.png) no-repeat 0 0;}
.menu .m3 a{ background:url(images/m3-bg.png) no-repeat 0 0;}
.menu .m4 a{ background:url(images/m4-bg.png) no-repeat 0 0;}
.menu .m5 a{ background:url(images/m5-bg.png) no-repeat 0 0; width:184px;}
.menu .m1 .active{ background:url(images/m1-bg-act.png) no-repeat 0 0; width:185px; margin:0 -10px 0 0; padding-right:10px;}
.menu .m2 .active{ background:url(images/m2-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m3 .active{ background:url(images/m3-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m4 .active{ background:url(images/m4-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m5 .active{ background:url(images/m5-bg-act.png) no-repeat 0 0; width:188px; margin:0 0 0 -9px; padding-left:7px;}


.dopmenu ul{
	padding: 10px 10px 10px 5px;
	float: right;
	margin: -27px 0px 5px 5px;
	background-color: #121212;
	max-width: 260px;
	font-size: 1.08em;
}
.dopmenu li{
	margin-left: 15px;
	list-style: url(images/i.png);
}
.dopmenu li:hover{
	margin-left: 15px;
	list-style: url(images/i-hover.png);
}
.dopmenu a{
	color: #b1b1b1;
}
.dopmenu a:hover{
	color: #cd4944;
}
.dopmenu li{
	color: #cd4944;
}
#content td {
	border: 1px solid #545454;
	padding: 5px;
}
#content img{
	border: 1px solid #545454;
	padding: 5px;
	margin: 5px;
}
a.category:hover{
	color: #CCD4FF;
}

/* ============================= page1 ====================== */
#page1{background:url(images/page1-body-bg.jpg) top center no-repeat #000; text-align:center;}
#page1 #content{ background:none; height:566px;}
#page1 .menu{ margin-top:172px;}
#page1 .menu li{ background:url(images/page1-menu-separator.gif) right top no-repeat;}
#page1 .menu .m5{ background:none;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #232323; margin:0 8px;}
#footer p{ padding:10px 0 0 3px; color:#7a7a7a;}
#footer a{ color:#7a7a7a; text-decoration:none;}
#footer a:hover{ color:#fff;}

/* ============================= forms ============================= */
.ContactForm{ padding-top:0px;}
.ContactForm label{ display:block; height:38px;}
.ContactForm input{ border:solid 1px #a4a4a4; background:#1a1a1a; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#929292; padding:3px 2px 3px 3px; width:294px;}
.ContactForm textarea{ border:solid 1px #a4a4a4; background:#1a1a1a; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#929292; padding:3px 2px 3px 3px; width:594px; height:92px; overflow:auto;}
#ContactForm .link{ float:right; margin:15px 0 0 20px;}