@import 'https://fonts.googleapis.com/css?family=Noto+Serif:400,400i&subset=cyrillic';

@font-face {
	font-family: 'Grands';
	src:url('../fonts/Grands.eot');
	src:url('../fonts/Grands.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Grands.svg#Grands') format('svg'),
		url('../fonts/Grands.woff') format('woff'),
		url('../fonts/Grands.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'Grands';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.icon-YouTube:before {
	content: "\e000";
}
.icon-Yandex:before {
	content: "\e001";
}
.icon-Vkontakte:before {
	content: "\e002";
}
.icon-VK:before {
	content: "\e003";
}
.icon-vimeo:before {
	content: "\e004";
}
.icon-twitter:before {
	content: "\e005";
}
.icon-tumblr:before {
	content: "\e006";
}
.icon-Steam:before {
	content: "\e007";
}
.icon-StackOverflow:before {
	content: "\e008";
}
.icon-SoundCloud:before {
	content: "\e009";
}
.icon-Skype:before {
	content: "\e00a";
}
.icon-Share:before {
	content: "\e00b";
}
.icon-RSS:before {
	content: "\e00c";
}
.icon-Readability:before {
	content: "\e00d";
}
.icon-Read-it-Later:before {
	content: "\e00e";
}
.icon-Pocket:before {
	content: "\e00f";
}
.icon-Pinterest:before {
	content: "\e010";
}
.icon-Picasa:before {
	content: "\e011";
}
.icon-OpenID:before {
	content: "\e012";
}
.icon-MySpace:before {
	content: "\e013";
}
.icon-MoiKrug:before {
	content: "\e014";
}
.icon-Linked-in:before {
	content: "\e015";
}
.icon-LiveJournal:before {
	content: "\e016";
}
.icon-lastfm:before {
	content: "\e017";
}
.icon-Jabber:before {
	content: "\e018";
}
.icon-Instapaper:before {
	content: "\e019";
}
.icon-HabraHabr:before {
	content: "\e01a";
}
.icon-google:before {
	content: "\e01b";
}
.icon-GitHub-octoface:before {
	content: "\e01c";
}
.icon-GitHub-circle:before {
	content: "\e01d";
}
.icon-FourSquare:before {
	content: "\e01e";
}
.icon-flickr:before {
	content: "\e01f";
}
.icon-Flattr:before {
	content: "\e020";
}
.icon-facebook:before {
	content: "\e021";
}
.icon-Evernote:before {
	content: "\e022";
}
.icon-Email:before {
	content: "\e023";
}
.icon-DropBox:before {
	content: "\e024";
}
.icon-Blogspot:before {
	content: "\e025";
}
.icon-BitBucket:before {
	content: "\e026";
}
.icon-YouTube-play:before {
	content: "\e027";
}





* {
	box-sizing: border-box;
}

body {
	/*font-family: 'Noto Serif', serif;*/
}

/***
	Horizontal Menu 
	***************************/

#horiz-menu a {
display: block;

line-height: 26px;
padding: 0px 2px;
text-decoration: none;
cursor: pointer;
background: none;
}


#horiz-menu li li a:link,
#horiz-menu li li a:visited{
	background: none;
	padding: 0 4px;
/*	text-indent: 10px;*/
}
#horiz-menu li li a:link,
#horiz-menu li li a:visited {
border: 0;
font-size: 100%;
}
#horiz-menu li li {
background: none;
padding: 0;
width: 183px;
}
#horiz-menu ul ul a:link,
#horiz-menu ul ul a:visited {
display: block;
text-decoration: none;
width: 178px;
text-transform: none;
background: none;
}
#horiz-menu ul ul {
	border-left: 0px;
}
#horiz-menu ul li {
	position: relative;
}
#horiz-menu li ul {
top: 26px;
position: absolute;
z-index: 10;
left: -999em;
height: auto;
width: 188px;
font-weight: normal;
border-width: 0;
margin: 0;
padding: 0;
}
/* margin for pullouts */
#horiz-menu li ul ul {
margin: -26px 0 0 188px;
}
#horiz-menu li:hover ul ul, 
#horiz-menu li:hover ul ul ul,
#horiz-menu li:hover ul ul ul ul,  
#horiz-menu li.sfhover ul ul, 
#horiz-menu li.sfhover ul ul ul, 
#horiz-menu li.sfhover ul ul ul ul {
left: -999em;
}
#horiz-menu li:hover ul, 
#horiz-menu li li:hover ul, 
#horiz-menu li li li:hover ul, 
#horiz-menu li li li li:hover ul,
#horiz-menu li.sfhover ul, 
#horiz-menu li li.sfhover ul, 
#horiz-menu li li li.sfhover ul,
#horiz-menu li li li li.sfhover ul{
left: 0;
}
#horiz-menu li:hover, #horiz-menu li.sfhover {
left: 0;
}
#horiz-menu li li.active {
}

/* @group Suckerfish Menu */

#horiz-menu.suckerfish a {
	color: #13120f;
}

div#horiz-menu a:hover,
#horiz-menu.suckerfish li:hover,
#horiz-menu.suckerfish li.sfhover {
	background: #e9d6ad;
	color: #890000;
}

#horiz-menu.suckerfish li li:hover,
#horiz-menu.suckerfish li li.sfhover {
	background: #e9d6ad;
}

#horiz-menu.suckerfish li li a:link,
#horiz-menu.suckerfish li li a:visited {
	color: #890000;
/*	border-top: 1px solid #5F5F5F;
	border-bottom: 1px solid #3B3B3B; */
}

#horiz-menu.suckerfish li ul {
border-left: 1px solid #5F5F5F;
border-right: 1px solid #5F5F5F;
}

#horiz-menu.suckerfish li li {
	background: #e9d6ad;
	border-top: 1px solid #5F5F5F;
	border-bottom: 1px solid #3B3B3B;
}

div#horiz-menu li {
	background: url(../images/menu-divider.gif)/*tpa=http://old.velil.ru/templates/velil/images/menu-divider.gif*/ 100% 50% no-repeat;
}

#horiz-menu li li.parent a  {
	background: url(../images/rightarrow.gif)/*tpa=http://old.velil.ru/templates/velil/images/rightarrow.gif*/ 100% 50% no-repeat;
}

#horiz-menu li li.parent li a
{
	background: none;
}

div#horiz-menu a:link,
div#horiz-menu a:visited,
div#horiz-menu li.active li a:link,
div#horiz-menu li.active li a:visited {
	color: #890000;
}

div#horiz-menu .active_menu a:link,
div#horiz-menu .active_menu a:visited,
div#horiz-menu li.active a:link,
div#horiz-menu li.active a:visited,
div#horiz-menu li.active li.active a:link,
div#horiz-menu li.active li.active a:visited {
	color: #890000;
}

/*** end
	 Horizontal Menu 
	***************************/

/*** start
	 Main Page 
	***************************/

html, body {
padding: 0px;
margin: 0px;
/* width: 100%; */
}

.custom p:first-child img {
	margin-top: 20px;
}

.custom a {
	display: inline-block;
}
.custom a img {
	display: block;
	margin: 0 auto;
	border: none;
	width:220px;
}

.custom td:nth-child(3) a img {
	width: 210px;
}

a {color: #2d2d2d;}
input, textarea {border: solid #6d6960 2px;}
td {vertical-align: top;}
p {margin: 7px 0px;}

body {
font-family: arial;
font-size: 10pt;
background: #100a09 url('../images/bfon.jpg') top left;
}
/*
#pagefon {
width: 100%;
background: transparent url('../images/bfon2.png') repeat-x left bottom;
text-align: center;
overflow-y: hidden;
min-width: 990px;
}
*/
#page-bg {
/*background: transparent url('../images/fon.png') no-repeat 50% 0%; */
overflow-y: hidden;
/*padding-bottom: 70px;*/
}
/*#bn {
width: 100%; height: 85px;
}*/
#page-wrapper {
	width: 1024px;
	margin: 25px auto;
	position: relative;
	overflow: hidden;
	text-align:left;
}
#header-box, .main__content-box, .#footer__links-box {
	width: 100%;
}
#header-box {
background: transparent url('../images/header__page-bg.png') no-repeat 0% 0%;
height:210px; 
padding: 60px 60px 0;

}
.main__content-box {
	padding: 0 60px;
	background: transparent url('../images/main__page-bg.png') repeat-y 0% 0%;
	overflow: hidden;
}
.footer__links-box {
background: transparent url('../images/main__page-bg.png') no-repeat 0% 0%;
height: 90px;
padding: 10px 60px 0 60px;
}
#tc
{
padding: 7px 0px 4px 0px;
}
.header__logo-box {
	width: 100%;
	height: 90px;
	position: relative;
}

.header__logo-img {
	display: block;
	float: left;
}
#mmenu {
    height: 60px;
    width: 100%;
}
/*#phn {
    font-size: 15px;
    font-family: 'Noto Serif', serif, tahoma;
    left: 240px;
    position: absolute;
    top: 7px;
font-style: italic;
font-weight: bold;
}*/

#content {
    position: relative;
	margin-bottom: 5px;
    min-height: 500px;
    width: 100%;
}
#fm { position: relative;
	  width: 100%;
	  padding: 10px 0 0;
	  border-top: 1px solid #514a3b;
      height: 40px;
    font-size: 18px;
    line-height: 18px;
    font-family: Tahoma, Arial;
}

.content-line {width:100%; height: 47px; background: transparent url(../images/line.png) no-repeat center bottom;  }

#tline{height: 44px; border-top: solid 1px #514a3b; border-bottom: solid 1px #514a3b;}

/* #horiz-menu{height: 28px; font-size: 11px; font-family: Tahoma; font-weight: bold;} */
#horiz-menu, #fm td{
	height: 40px; 
	font-size: 18px; 
	line-height: 36px;
	font-family: Tahoma, Arial; 
	border-bottom: solid 3px #615a4b;
 }

#users a{
text-decoration: none;
font-weight: bold;
}
#users a:hover{
text-decoration: underline;
font-weight: bold;
}

#montag {
display:block;
position:absolute;
top: 400px;
left: 0px;
width: 155px;
height: 270px;
background: transparent url(../images/montage.png)/*tpa=http://old.velil.ru/templates/velil/images/montage.png*/ no-repeat 0px 0px;
}
#zakaz {
display:block;
position:absolute;
top: 125px;
left: 830px;
width: 164px;
height: 218px;
background: transparent url(../images/zakaz.png)/*tpa=http://old.velil.ru/templates/velil/images/zakaz.png*/ no-repeat 0px 0px;
padding-top: 10px;
}

/* @group Horiz Menu */
div#horiz-menu ul {
margin: 0;
padding: 0;
}
div#horiz-menu li {
margin: 0;
padding: 5px 10px 5px 5px;
float: left;
list-style: none;
}
div#horiz-menu li a{
color: #4a4432;
}
/* @end */




.componentheading, .contentheading,
.page-header h2{
border-bottom: solid 1px #2d2d2d;
font-size: 36px;
font-weight: bold;
padding-top: 5px;
margin: 7px 0px;
}

.item-page {width: 100%;}
.item-page table{ border-top: solid #999999 1px; border-right:  solid #999999 1px; font-size: 80%; line-height: 140%; border-spacing: 0px;}
.item-page table tbody tr td{ border-left:  solid #999999 1px; border-bottom: solid #999999 1px; padding-left: 2px; padding-bottom: 2px;}
.item-page table tr.grf {background-color: #dddddd;}
.item-page img, newsflash img {padding: 5px;}

.item-page table.cnttbl,
.item-page table.woutborder {border: none; font-size: 100%;}
.item-page table.cnttbl td,
.item-page table.woutborder td
{vertical-align: top; border: none; font-size: 100%;}

.item-page table.cnttbl td td{ border-left:  solid #999999 1px; border-bottom: solid #999999 1px; padding-left: 2px; padding-bottom: 2px;}
table.cnttbl table {border-collapse:collapse;border-spacing: 0px;}

table#mtbl td {vertical-align: top;}
td#rc h3 {font-size: 150%; text-align: center;}
div#users table td {padding: 3px;}

/*td#u1{border-left: solid #666 1px;}
td#u2{border-right: solid #666 1px; border-left: solid #666 1px;}*/

td#lc{border-right: solid #615a4b 3px;}
td#rc div.module{border: double #666 4px;}
#u1 {width: 210px; border-right: solid 3px #615a4b;}
.main__content-inner-box ul {
	margin:0px;
	padding: 3px 18px 5px 18px;
}
.main__content-inner-box ul li {
	margin:0px; 
	padding: 5px 0px 15px 0px;
	background: transparent url(../images/li-line.gif) no-repeat center bottom; 
	list-style: none; 
	text-align: center; 
	line-height: 25px;
	letter-spacing: 0.5px;
}

#topline td {
	text-align: center;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	font-family: academyc;
	letter-spacing: 1.5px;
}

h3 {font-size: 26px;}

#nrt {font-size: 12px; background: transparent url(../images/vline.jpg) no-repeat 0px 0px; padding-left: 10px;}
#nrt ul {padding: 5px 0px 15px 15px;}
#nrt ul li {padding: 5px 0px;}
#nrt ul a{text-decoration: none; font-weight: bold; }
#nlt {font-size: 12px;  background: transparent url(../images/vline.jpg) no-repeat 100% 0%; padding-right: 10px;}
#nlt ul {padding: 5px 0px 15px 15px;}
#nlt ul li {padding: 5px 0px;}
#nlt ul a{text-decoration: none; font-weight: bold; }


div#zform {
background: transparent url(../images/zakaz_fon.jpg) no-repeat 0px 0px;
padding: 40px 110px 30px 65px;
}
div#zform td{
padding: 3px 0px;
}
div#zform input,
div#zform textarea{
border: none 0px;
}
.pathway {
line-height: 200%
}

#u9 {float: left; width: 600px; color: #ddd; margin-left: 130px;}
#u9 a{color: #ddd;}

#u8 {position: absolute; top: 400px; right: 0px;}

#u2 ul {padding: 0px; margin: 7px 7px 7px 20px;}
#u2 li {padding: 7px 7px 7px 0px;}

#advert .newsflash{ border: double 3px #615a4b; padding: 2px; overflow: hidden;}
#advert2 {padding-left: 20px;}

#fm a {font-stretch: condensed; text-decoration: none;}
#fm a:hover {text-decoration: underline;}
#fm .menu {margin: 5px 0px; padding: 0px;}

.tline {border-top: solid 1px #615a4b; padding-top: 5px; margin-top: 3px;}

ul.breadcrumb {margin: 3px 0px; width: 100%; padding: 0px;}
ul.breadcrumb li, #fm .menu li {margin:0px; padding:0px; display: inline; list-style: none;}
#fm .menu li {
	display: block;
	float: left;
	padding:0px 5px 0px 5px;
	border-left: solid 1px #615a4b;
}
#fm .menu li:first-child {border: none;}

.qlform {text-align: center;}
.qlform label{line-height: 200%;}
#fieldset1f {width: 235px; text-align: right; margin: 0 auto;}
#mod_qlform_121  .submit {padding-left: 65px; width: 155px; margin: 0 auto;}
.qlform fieldset {border: none;}
.qlform input {background: transparent; border: solid 2px #615a4b; width: 140px; margin-right: 20px;}
.qlform h3 {margin: 2px;}
.qlform input[type=submit] {
text-transform:uppercase; font-weight: bold; padding: 20px; border: none;
background: transparent url(../images/fbtn.gif) no-repeat 50% 50%; font-size: 12px;
cursor: pointer;
}

.rokbox-link {display: inline-block; position: relative;}
.zm {position: absolute; right: 15px; bottom: 15px; background: transparent url('../../../images/zm.png') no-repeat; width: 20px; height: 20px;}

.moduletableb {border-top: solid 1px #615a4b; padding-top: 3px;}

/*** end
	 Main Page 
	***************************/

.header__ib-colitem {
    position: absolute;
    right: 0px;
    top: -30px;
    width: 305px;
    height: 100px;
    text-align: left;
    font: normal 16px/22.4px Tahoma, Arial;
    color: #000;
}

#tline a, #tline a:active, #tline a:hover, #tline a:focus {
	text-decoration: none;
	color: #000;
}

.main__content-inner {width: 100%; border-bottom: solid #514A3B 3px; padding-bottom: 6px; margin-top:15px; margin-bottom: 60px;}



footer {
    width: 1024px;
    margin: 0 auto;
    padding: 50px 60px 0 60px;
    height: 400px;
    position: relative;
	background: transparent url('../images/main__page-bg.png') repeat-y 0% 0%;
	font-size: 16px;
    line-height: 22.4px;
    font-family: Tahoma, Arial;

}

.footer__col-item p span {
    display: block;
    margin: 0 0 5px;
}


footer h2 {
    background: transparent;
    width: 195px;
    position: absolute;
    top: 0px; left:0; right: 0;
    margin: 0 auto;
    text-align: center;
    font: normal 24px/1.4em Tahoma, Arial;
    color: #000;
    text-transform: uppercase;
}

footer h2 {
    width: 155px;
    top: 15px;
}


.footer__col-box {
    width: 100%;
    height: auto;
}


.footer__col-item:first-child {
    width: 66.6%;
    text-align: left;
}


.footer__col-item .h4 {
    font: normal 18px/1.4em Tahoma, Arial;
    text-transform: uppercase;
    margin: 15px 0 20px;
}

.footer__col-item:first-child .h4 {
    padding: 0;
}


.footer__col-item p {
    font-size: 16px;
    line-height: 22.4px;
    font-family: Tahoma, Arial;
    padding: 0;
}

.footer__col-item {
    float: left;
    width: 33.3%;
    height: 285px;
    position: relative;
    text-align: center;
    color: #000;
}

.footer__col-item .h4 {
    font: normal 18px/1.4em Tahoma, Arial;
    text-transform: uppercase;
    margin: 15px 0 20px;
}

.footer__colitem-strike-line {
    border-bottom: 2px solid #000;
    height: 0 !important;
    min-height: 0 !important;
    width: 70%;
    margin: 25px auto;
}

.footer__col-item .h4 {
    font: normal 18px/1.4em Tahoma, Arial;
    text-transform: uppercase;
    margin: 15px 0 20px;
}

.footer__social-links {
	margin: 0 auto 0 30px;
    width: 260px;
    height: 30px;
    padding: 10px 0 36px;
}

.footer__social-links ul, .footer__payment-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.footer__social-links ul li {
    display: inline-block;
    margin: 0 0 0 20px;
}

.footer__social-links ul li a, .footer__payment-links ul li a {
    display: block;
    width: 32px;
    height: 32px;
    background: transparent;
    text-align: center;
    font-size: 32px;
    color: #000;
    overflow: hidden;
    text-decoration: none;
}

.footer__social-links ul li:last-child a {
	background: url(../images/icons-instagram.png) no-repeat 0 -5px;
	background-size: cover;
}

.footer__social-links ul li:first-child, .footer__payment-links ul li:first-child {
    margin: 0;
}

.main__content-inner-box {
    width: 904px;
    border-bottom: solid #514A3B 3px;
    padding-bottom: 6px;
    margin-top: 15px;
    margin-bottom: 60px;
    position: relative;
    height: 500px;
}

.main__content-inleft {
	float: left;
	width:350px;
	height: auto;

}

.main__content-incenter {
	margin: 0 350px;
    width: 203px;
    height: 100%;
    border-left: solid 3px #615a4b;
    border-right: solid 3px #615a4b;
}

.main__content-inright {
	position: absolute;
	top: 0;
	right: 0;
	width:350px;
	height: auto;

}

.main__services-col-item h4 {
    text-align: center;
    font: normal 18px/1.4em Tahoma, Arial;
    color: #000;
    text-transform: uppercase;
    margin: 15px 0 10px;
}

.divide-1 {
    width: 30%;
    margin: 10px auto 15px;
    border-bottom: 3px solid #000;
    height: 0 !important;
    min-height: 0 !important;
}

.main__services-col-item p {
    padding: 0 30px;
    text-align: left;
    font: normal 16px/1.4em Tahoma, Arial;
    color: #000;
}