/*------------------------------------------------------------

	prefixes of selectors
		"g-"		— global selector
		"l-"		— layout
		"h-"		— holder
		"b-"		— blocks
		"v-"		— visual
		"w-"	— window
		""		— simple element (none prefix)
		
	indents in css selectors
		"	"	— children (tab)
		" "		— inheritance style (space)

-----------------------------------------------------------------------------*/

/*--- Reset --------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, b, big, cite, code, del, dfn, em, font, img, ins, i, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:none; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; }
html { height:100%; font-size:100.01%; }
body { height:100%; }
img { vertical-align:top; }
*:focus { outline:none; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
dfn, cite, var, address, optgroup { font-style:normal; }
del { text-decoration:line-through; }
ins { text-decoration:underline; }
sup, sub { position:relative; font-size:.75em; }
sup { top:-.5em; }
sub { top:.25em; }
strong, b { font-weight:bold; }
small { font-size:.8125em; }
big { font-size:1.125em; }
em, i { font-style:italic; }
ul li { list-style:disc inside; }
ol li { list-style:decimal inside; }
fieldset legend { color:#000; }
input, select, button { vertical-align:middle; }

/* -------------------------------------------*/ 
/* ---------->>> GLOBAL <<<-----------*/ 
/* ------------------------------------------*/

.g-f-left { float:left; }
.g-f-right { float:right; }
img.g-f-left { margin-right:1em; }
img.g-f-right { margin-left:1em; }

.g-ico { background:url(../i/bg/icons.png) 0 0 no-repeat; position:absolute; }
.g-ico-desc, .g-ico-equipment, .g-ico-specifications, .g-ico-firmware, .g-ico-utilities { width:43px; height:43px; margin-left:-59px; margin-top:-7px; }
.g-ico-equipment { background-position:0 -43px; }
.g-ico-specifications { background-position:0 -86px; }
.g-ico-firmware { background-position:-43px 0; margin-left:-69px; width:46px; margin-top:3px; }
.g-ico-utilities { background-position:-43px -43px; margin-left:-65px; width:46px; margin-top:0; }
.g-ico-news { width:20px; height:24px; margin-left:-33px; margin-top:11px; background-position:-43px -86px; }

/*--- Text -------------------------- */
body, input, textarea, select, button, .g-heading-type2 { font-family:Calibri, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, .g-date, .g-date2, .g-important, .g-dfn, .b-header-nav, .b-header-slogan { font-family:Cambria, Georgia, serif; }
.b-news h2 { font-family:Century, Trebuchet MS, Helvetica, sans-serif;  }

html, body { min-width:1000px; }
body { background:#E8E5D7; font-size:.875em; color:#00000; }

hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }
code, kbd, samp, tt, var { font-family:"Courier New", Courier, monospace; }
acronym { font-variant:small-caps; }
acronym, dfn { cursor:help; border-bottom:1px dashed #ccc; }
blockquote { font-style:italic; font-size:1.25em; color:#666; margin:10px 0 10px 50px; padding:.3em 10px 0; border-left:3px solid #ccc; }
blockquote p { padding-bottom:.3em; }

strong, em { color:#25241E; font-weight:bold; }

p, ul { padding-bottom:1.214em; }
ul[class] { padding:0; }
ul[class] li { list-style:none outside; }

a { cursor:pointer; color:#3975A8; text-decoration:underline; }
a:hover { text-decoration:none; }

/*--- /Text -------------------------- */


/*--- Headings ---------------------- */
h1, h2, h3, h4, h5, h6 { color:#000; font-weight:normal; }
h1, h2 { font-size:1.5em; padding-bottom:.762em; }
h3, h4 { font-size:1.286em; }
h5 { font-size:1.143em; }
h6 { font-size:1em; }

.g-heading-type2 { font-size:3.286em; padding-left:24px; }

/*--- /Headings ---------------------- */


/*--- Table --------------------------- */
table { border-collapse:collapse; width:100%; }
caption, th, td { text-align:left; font-weight:normal; }

/*--- /Table -------------------------- */


/*--- Forms -------------------------- */
input, textarea, select, option, button { color:#000; font-size:1em; }
textarea { vertical-align:top; height:140px;/*rows*14*/ width:367px; /*5*cols+17*/ }

input[type=text], input[type=password] { width:121px; padding:.167em 2px; border:1px solid #999; }
input[type=button], input[type=reset], input[type=submit], button { cursor:pointer; padding:0 6px 2px; height:1.833em; }
input[type=checkbox], input[type=radio] { margin:2px 0; height:16px; width:16px; }
input[type=file] { height:1.667em; }

select { height:1.667em; width:127px; /*+6px*/ border:1px solid #999 }
select option { background:#fff; }
select optgroup { background:#333; color:#fff; }
select optgroup option { padding-left:15px; }

/*--- /Forms -------------------------- */


/* -------------------------------------------*/ 
/* ------------>>> GRID <<<------------*/ 
/* ------------------------------------------*/

/*--- Layouts -------------------------- */
#l-wrap { min-width:1000px; position:relative; z-index:1; min-height:100%; background:#E8E5D7 url(../i/bg/pattern.jpg) center 0 repeat; }
#l-wrap1 { min-width:1000px; position:relative; z-index:1; min-height:100%; background:#E8E5D7 url(../i/bg/pattern.jpg) center 0 repeat; }
	#v-wrap { position:absolute; left:0; bottom:0; width:100%; z-index:1; background:url(../i/bg/footer.png) 0 0 repeat-x; height:315px; }
	#v-visual1 { position:absolute; left:0; bottom:0; z-index:2; background:url(../i/bg/visual1.png) 0 0 no-repeat; width:333px; height:403px; }
	#v-visual2 { position:absolute; left:0; top:90px; z-index:1; background:url(../i/bg/visual2.png) 0 0 no-repeat; width:151px; height:550px; }
	#v-visual3 { position:absolute; left:0; top:610px; z-index:1; background:url(../i/bg/visual3.png) 0 0 no-repeat; width:190px; height:316px; }

	#l-page { padding-bottom:120px; position:relative; z-index:3; }

/*--- /Layouts ------------------------- */


/*--- Header --------------------------- */
#l-header { position:relative; }

	.b-header-nav { text-transform:uppercase; padding-top:26px; height:132px; background:url(../i/bg/header-nav.jpg) center 0 no-repeat; }
	ul.b-header-nav-list { margin:0 auto; padding-left:44px; width:938px; }
	.b-header-nav li { float:left; }
	.b-header-nav li a { background:url(../i/bg/header-nav-li.jpg) -1000px 0 no-repeat; padding:39px 0 0 0; height:61px; text-align:center; float:left; color:#4E4E4E; text-decoration:none; }
	.b-header-nav li a:hover { font-weight:bold; }
	.b-header-nav li.current a:hover { font-weight:normal; }
	.b-header-nav li.current a { color:#FFF; }
	.b-header-nav li .i-1 { margin-right:-5px; width:83px; padding-right:10px; }
	.b-header-nav li.current a.i-1 { background-position:0 0; }
	.b-header-nav li .i-2 { margin-right:7px; width:93px; padding-right:5px; }
	.b-header-nav li.current a.i-2 { background-position:-93px 0; }
	.b-header-nav li .i-3 { margin-right:12px; width:93px; padding-right:5px; }
	.b-header-nav li.current a.i-3 { background-position:-191px 0; }
	.b-header-nav li .i-4 { margin-right:44px; width:140px; padding-right:6px; }
	.b-header-nav li.current a.i-4 { background-position:-289px 0; }
    .b-header-nav li .i-5 { margin-right:5px; width:237px; padding-right:10px; }
	.b-header-nav li.current a.i-5 { background-position:-435px 0; }
	.b-header-nav li .i-6 { margin-right:3px; width:81px; padding-right:10px; }
	.b-header-nav li.current a.i-6 { background-position:-683px 0; }
	.b-header-nav li .i-7 { width:89px; padding-right:9px; }
	.b-header-nav li.current a.i-7 { background-position:-774px 0; }

	.b-header-title { overflow:visible; position:absolute; top:28px; left:50%; }
	.b-header-title dt { font-size:16px; margin-left:202px; width:143px; height:24px; padding:24px 0 0; text-align:center; color:#FFF; background:#BE141B url(../i/bg/title-dt.png) 0 0 no-repeat; }
	.b-header-title dd { width:119px; height:227px; text-indent:-9999px; overflow:hidden; position:relative; top:73px; left:211px; background:url(../i/bg/title-dd.png) 0 0 no-repeat; }

	.b-header-slogan { color: #000; font-size:19px; position:absolute; left:50%; top:410px; padding-left:66px; width:434px; text-align:center; }

.index-page #l-wrap { background-position:center -17px; }
.index-page #l-header { padding-top:469px; background:url(../i/bg/header.jpg) center 0 no-repeat; }
.index-page .b-header-nav { height:113px; }

/*--- /Header -------------------------- */


/*--- Footer --------------------------- */
#l-footer { min-width:1000px; height:50px; padding-top:40px; margin-top:-113px; position:relative; z-index:4; }
#l-footer #v-footer { position:absolute; top:0; right:0; width:150px; height:93px; background:url(../i/bg/footer2.png) no-repeat; }
#l-footer address a { color:#73949B; font-size:1.071em; font-style:italic; }
	.b-logo { text-indent:-3000em; overflow:hidden; display:block; background:url(../i/bg/logo.png) no-repeat; width:97px; height:54px; position:relative; top:-15px; }

/*--- /Footer -------------------------- */


/*--- Columns [faux absolute positioning] */
.h-content { padding-top:10px; }
.h-content, .h-columns { position:relative; width:100%; }
	.l-coll { position:relative; left:100%; float:left; display:inline; }
	
	.l-main { margin-left:-86%; width:81%; }
	.l-main2 { margin-left:-62.5%; width:51%; }
	.l-main3 { margin-left:-93%; width:87%; }
	.l-aside { margin-left:-92%; width:27%; text-align:center; }
	.l-coll1 { margin-left:-86%; width:110px; }
	.l-coll2 { margin-left:-72%; width:24%; }
	.l-coll3 { margin-left:-38%; width:20%; }
	.l-coll4 { margin-left:-95.5%; width:91%; }
	.l-extra { margin-left:-83.5%; width:27%; }
	.l-extra2 { margin-left:-48%; width:448px; }

/*--- /Columns------------------------ */


/* -------------------------------------------*/ 
/* --------->>> CONTENT <<<----------*/ 
/* ------------------------------------------*/


/*--- box's --------------------- */

.h-box { position:relative; display:block; }
	.v-tl, .v-tr, .v-bl, .v-br { display:block; overflow:hidden; position:absolute; width:18px; height:18px; background:transparent url(../i/bg/corner.png) 0 0 no-repeat; }
	.v-tl, .h-box-is-border .h-box .v-tl { top:0; left:0; }
	.v-tr, .h-box-is-border .h-box .v-tr { top:0; left:-10px; margin-left:100%; }
	.v-bl, .h-box-is-border .h-box .v-bl { bottom:0; left:0; }
	.v-br, .h-box-is-border .h-box .v-br { bottom:0; left:-10px; margin-left:100%; }

.h-box-is-border .v-tl, .h-box-is-border .h-box.h-box-is-border .v-tl { top:-1px; left:-1px; }
.h-box-is-border .v-tr, .h-box-is-border .h-box.h-box-is-border .v-tr { top:-1px; left:-9px; margin-left:100%; }
.h-box-is-border .v-bl, .h-box-is-border .h-box.h-box-is-border .v-bl { bottom:-1px; left:-1px; }
.h-box-is-border .v-br, .h-box-is-border .h-box.h-box-is-border .v-br { bottom:-1px; left:-9px; margin-left:100%; }

/*--- /box's --------------------- */


/*--- Index page --------------------- */

.g-dfn { padding-left:41px; padding-bottom:20px; font-style:italic; color:#000; }
.g-dfn dt { font-size:2.714em; }
.g-dfn dd { padding-left:84px; font-size:1.786em; }

.l-extra2 .g-beauty-link { margin-top:26px; margin-bottom:20px; }

.g-dt-type1 { padding-left:33px; font-size:2.714em; color:#2A2922; padding-bottom:19px; }

ul.b-news2 { min-height:226px; padding-left:21px; position:relative; }
ul.b-news2 li { position:relative; top:-13px; border-top:1px dotted #A6A49D; padding:12px 0 25px; }

.h-comments { margin:0 52px; position:relative; margin-bottom:50px; }
.h-comments .v-c { position:absolute; width:100%; height:100%; top:0; }
.h-comments .v-c, .h-comments .v-l, .h-comments .v-r { left:0; background:#393831; opacity:.05 }
.h-comments .v-l, .h-comments .v-r { bottom:52px; top:52px;  position:absolute; width:52px; }
.h-comments .v-l { left:-52px; }
.h-comments .v-r { margin-left:100%; }
.h-comments .v-tl, .h-comments .v-tr, .h-comments .v-bl, .h-comments .v-br { width:52px; height:52px; }
.h-comments .v-tl { left:-52px; background-position:-36px 0; }
.h-comments .v-tr { left:0; background-position:-88px 0; }
.h-comments .v-bl { left:-52px; background-position:-36px -52px; }
.h-comments .v-br { left:0; background-position:-88px -52px; }
ul.b-comments { min-height:104px; position:relative; z-index:2; position:relative; left:-26px; margin-right:-26px; }
ul.b-comments li { float:left; width:25%; margin-right:-1px; }
ul.b-comments dl { margin:28px 0; border-left:1px dotted #313131; position:relative; left:-1px; padding-left:27px; padding-right:10px; }
ul.b-comments dl dt a { color:#7E1D4B; text-decoration:none; font-size:1.5em; }
ul.b-comments dl dd a { color:#638994; }

/*--- /Index page --------------------- */


.g-sphere { margin:48px auto; width:164px; height:164px; background:url(../i/bg/sphere.png) 0 0 no-repeat; }

.g-beauty-link { margin:60px auto; text-align:center; color:#FFF; font-style:italic; font-size:17px; line-height:72px; text-decoration:none; display:block; width:448px; padding-top:32px; height:72px; background:url(../i/bg/beauty-link.png) 0 0 no-repeat; }
.g-beauty-link span { font-size:1.941em; vertical-align:middle; margin-left:23px; }
ul.b-product-attr { overflow:visible; padding-left:59px; }
ul.b-product-attr .item { padding-bottom:35px; }
ul.b-product-attr dl { padding-bottom:4px; overflow:visible; }
ul.b-product-attr dt, ul.b-product-attr dd { display:inline; }
ul.b-product-attr dt { font-weight:bold; color:#040403; }

ul.b-news { position:relative; }
ul.b-news .item { position:relative; top:-44px; border-top:1px dotted #A6A49D; padding:43px 0 11px; }
	.g-date { color:#000; font-size:1.5em; display:block; padding-bottom:.524em; }

.b-adr { min-height:400px; position:relative; overflow:visible; padding-top:37px; }
.b-adr-dt { text-indent:-9999px; position:absolute; top:-37px; left:46.5%; width:529px; height:487px; background:url(../i/bg/adr-dt.png) 0 0 no-repeat; }
.b-adr .item { width:43%; margin-bottom:29px; position:relative; background:#FCFFFF url(../i/bg/pattern2.png) 0 0 repeat; }
.b-adr .item-dl { padding:17px 20px 25px 36px; }
.b-adr .v-item { position:absolute; bottom:-29px; left:0; height:29px; width:385px; background:url(../i/bg/v-item.png) 0 0 no-repeat; }
.b-adr .fn { font-weight:bold; font-style:italic; font-size:1.214em; color:#000; }
.b-adr .post { color:#757066; font-style:italic; padding-bottom:16px; }
.b-adr .g-adr { margin-left:-36px; }
	.g-adr { border-left:8px solid #A50000; padding-left:28px; }
	.g-adr dt, .g-adr dd { display:inline; }
	.g-adr dt { color:#3A362E; }
	.g-adr dd { color:#757066; }

.h-heading h2 { padding-left:87px; font-size:2.357em; float:left; padding-right:43px; }
ul.b-progs { position:relative; }
ul.b-progs .item { position:relative; top:-30px; border-top:1px dotted #A6A49D; padding:29px 0 11px; }
ul.b-progs .g-date { color:#000; font-size:1.5em; display:block; padding-bottom:.524em; }
ul.b-progs .item-head { padding-bottom:25px; }
ul.b-progs .item-head h3 { display:inline; font-size:1.5em; }
	.g-date2 { margin-right:25px; margin-left:4px; color:#000; font-size:1.214em; }
	.g-link-archive { margin-top:.3em; text-align:center; float:left; width:134px; height:35px; line-height:35px; color:#FFF; background:url(../i/bg/archive.png) 0 0 no-repeat; }

.g-more { padding:5px 18px 9px 18px; }
.g-more a { line-height:2.9; padding:0 5px; float:right; background:#FFf; position:relative; }
.g-more .v-tl { background-position:0 0; left:-18px; }
.g-more .v-tr { background-position:-18px 0; left:0; }
.g-more .v-bl { background-position:0 -18px; left:-18px; }
.g-more .v-br { background-position:-18px -18px; left:0; }
.g-more .v-l, .g-more .v-r { position:absolute; width:18px; background:#FFF; bottom:18px; top:18px; }
.g-more .v-l { left:-18px }
.g-more .v-r { left:0; margin-left:100%; }

.g-important { font-size:1.6em; text-align:center; font-style:italic; color:#000; padding:6px 0 82px; }



/*---  New Block Formatting Context --- */
#l-wrap, #l-page, #l-header, #l-footer, .h-content, .h-heading, .h-wrap, form, ul, dl { overflow:hidden; }
/*---  New Block Formatting Context --- */



/*--- Clearing -------------------------- */
.v-clear, .h-clearing:after, #h-footer2:after, .h-box:after, .l-coll:after, .h-columns:after, .item:after, .g-more:after, .b-header-nav:after, .h-comments:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }
#page-dev #l-page { padding-bottom:340px; }
#v-visual1 p  { position:absolute; left:300px; top:100px; width:600px }
#v-visual1 {z-index:9999}

/*--- 404 -------------------------- */
.h-convert { position:absolute; width:844px; left:50%; top:50%; margin-left:-422px; margin-top:-170px; height:340px; background:url(../i/bg/convert.png) 0 0 no-repeat; }
.b-logo2 { display: block; text-indent:-9999px; width:100px; height:191px; left:103px; top:38px; position:absolute; background:url(../i/bg/logo2.png) 0 0 no-repeat; }
.b-404-main { width:540px; color:#413B39; font-family:Arial, sans-serif; position:absolute; top:69px; left:246px;  }
.b-404-main dt { font-size:21px; }
.b-404-main dd, .b-404-adr dd { font-size:11px; }

.b-404-adr { position:absolute; top:245px; left:91px; width:360px; }
.b-404-adr dt { color:#010101; font-size:17px; font-style:italic; font-weight:bold; }
.b-404-adr dd { color:#413B39; }

.b-404-services { position:absolute; width:290px; top:147px; left:484px; }
.b-404-services li { padding:0 0 5px 15px; }
.b-404-services li dt { font-size:15px; float:left; width:85px; padding-right:5px; }
.b-404-services li dd { color:#A9A9A9; font-size:12px; padding-top:.2em; }
/*--- ???????????? ????? ??????? -------------------------- */
.map_ua{width:770px; height:472px; margin:0 auto; background:url(../i/bg/azbuka_ukr_map.jpg) center no-repeat; font-size:12px;}
.map_ua a{font-size:13px; font-weight: bold}
/*--- ????????????????? ???? ??????? -------------------------- */
.ujgorod{margin:158px 0 0 30px; position:absolute;}
.frankovsk{margin:152px 0 0 131px; position:absolute;}
.lvov{margin:100px 0 0 122px; position:absolute;}
.ternopol{margin:115px 0 0 172px; position:absolute;}
.luck{margin:49px 0 0 176px; position:absolute;}
.rivne{margin:65px 0 0 208px; position:absolute;}
.chern{margin:188px 0 0 178px; position:absolute;}
.hmelnickiy{margin:131px 0 0 226px; position:absolute;}
.jitomir{margin:83px 0 0 298px; position:absolute;}
.vinnica{margin:148px 0 0 289px; position:absolute;}
.odessa{margin:307px 0 0 374px; position:absolute;}
.kiev{margin:87px 0 0 370px; position:absolute;}
.chernigov{margin:33px 0 0 400px; position:absolute;}
.nikolaev{margin:277px 0 0 440px; position:absolute;}
.cherkasi{margin:135px 0 0 434px; position:absolute;}
.kirovograd{margin:187px 0 0 443px; position:absolute;}
.herson{margin:294px 0 0 472px; position:absolute;}
.sevastopol{margin:440px 0 0 518px; position:absolute;}
.simferopol{margin:414px 0 0 543px; position:absolute;}
.poltava{margin:124px 0 0 538px; position:absolute;}
.sumi{margin:59px 0 0 535px; position:absolute;}
.harkov{margin:104px 0 0 598px; position:absolute;}
.dnepropetrovsk{margin:190px 0 0 567px; position:absolute;}
.zaporoje{margin:226px 0 0 579px; position:absolute;}
.doneck{margin:208px 0 0 687px; position:absolute;}
.lugansk{margin:174px 0 0 747px; position:absolute;}