/* Stylesheet from hmelii email: anufry@inbox.ru v2.0 */
/*-------------------------- global -------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
html, table, input, button, select, label, textarea { font-size:100.1%; }
body { background:#2d2d2d url(/elm/xbg.png) repeat-x; color:#c4c1c1; font:.75em/1 Arial, Helvetica, sans-serif/*12px*/; }
body, html { height:100%; }
blockquote, q, q:before, q:after { quotes:none; content:''; }
ins, a, .n-u a:hover { text-decoration:underline; }
del { text-decoration:line-through; }
a { color:#626161; }
a:visited { }
a:hover, .n-u a { text-decoration:none; }
a:focus { }
a:active { }
sup, sub { position:relative; top:-0.4em; vertical-align:baseline; }
sub { top:auto; bottom:-0.4em; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1, .h1 { font-size:1.2em/*14px;*/; font-weight:normal; color:#fff; }
h1 a { display:block; padding:36px 0 0; background:url(/elm/logo.png) no-repeat; width:227px; text-decoration:none; color:#fff; }
h2, .h2 { }
h3 { }
.h3 { font-size:1.2em/*14px;*/; margin-bottom:1.7em; background:#a0ab96 url(/elm/abg.gif);  }
.h3 a, .h3 {color:#1b1b1b;}
.h3 .tl { background:url(/elm/tl.gif) no-repeat; }
.h3 .tr { background:url(/elm/tr.gif) no-repeat 100% 0; }
.h3 .br { background:url(/elm/br.gif) no-repeat 100% 100%; }
.h3 .bl { background:url(/elm/bl.gif) no-repeat 0 100%; padding:1.1em 1.9em; height: 40px; }
.content .h3 p { margin-bottom:0; }
h4, .h4 { font-size:1.7em/*20px*/; margin-bottom:1.2em; }
h5, .h5 { }
h6, .h6 { font-size:1em; margin-bottom:.5em; font-weight:normal; }
label, button, a, select { cursor:pointer; }
input, button, select, label { }
textarea { vertical-align:top; }
button { overflow:visible; }
input[type=hidden] { display:none!important; }
.fl-lt { float:left; margin-right:0!important; /*IE6*/ margin-right:-3px; }
.fl-rt { float:right; margin-left:0!important; /*IE6*/ margin-left:-3px; font-size: 11px;}
.c-25, .c-33, .c-50, .c-66 { float:left; clear:right; }
.c-25 { width:25%; }
.c-33 { width:33%; }
.c-50 { width:50%; }
.c-66 { width:66%; }
.c-100 { width:100%; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }
.both { clear:both; }
.a-lt { text-align:left; }
.a-rt { text-align:right;}
.a-cr { text-align:center; }
.v-tp, textarea { vertical-align:top; }
.v-ml, input, button, select, label { vertical-align:middle; }
.v-bt { vertical-align:bottom; }
/*IE6*/* html em, * html i { display:inline-block; width:98%; }
/*IE*/img { -ms-interpolation-mode:bicubic; }
ul.in-bl-li li, .in-bl-und-ju { /*FF2*/ display:-moz-inline-stack; display:inline-block; }
.in-bl-ju { text-align:justify; text-justify:newspaper; }
ul.in-bl-li li.in-bl-und-ju, .in-bl-und-ju { width:100%; margin:0; padding:0; line-height:0; font-size:0; border:0; }
/*IE6*/* html ul.in-bl-li li { display:inline; }
/*IE7*/* + html ul.in-bl-li li { display:inline; }
.f10{ font-size:.83em;}
/*-------------------------- end global -------------------------*/


/*-------------------------- special lists -------------------------*/
ul.spec, ul.spec li, ul.spec ul { list-style:none; margin:0; padding:0; }
/*------------------------------ *** --------------------------------*/


/*--------------------------- over blocks --------------------------*/
.over { overflow:hidden; font-size: 11px; display:block!important; /*IE6*/ display:inline-block; }
.clear:after { content:''; display:block; clear:both; }
/*IE6*/* html .clear { display:inline-block; }
/*IE7*/* + html .clear { display:inline-block; }
/*------------------------------ *** ------------------------------*/


/*----------------------------- fix ie ----------------------------*/
/*IE6*/* html div.fix { display:inline-block; }
/*IE7*/* + html div.fix { display:inline-block; }
/*--------------------------- end fix ie --------------------------*/


/*--------------------------- special tables --------------------------*/
table.spec, table.spec caption, table.spec tbody, table.spec tfoot, table.spec thead, table.spec tr, table.spec th, table.spec td, table.fix, td.fix { border:0; border-collapse:collapse; border-spacing:0; margin:0; padding:0; }
table.fix { table-layout:fixed; }
/*---------------------------------- *** -------------------------------*/


/*------------------------------- wrapper ------------------------------*/
.wrapper { position:relative; width:920px; margin:0 auto; background:url(/elm/bg.jpg) no-repeat; min-height:100%; height:auto!important; /*IE6*/ height:100%; }
/*--------------------------------- *** --------------------------------*/


/*-------------------------------- header ------------------------------*/
.header { height:90px; padding:30px 0 0 120px; }
/*------------------------------ end header ----------------------------*/


/*----------------------------- left side ------------------------------*/
.side { width:84px; padding:131px 0 0 36px; }
ul.sidebar { text-indent:-1000em; }
ul.sidebar li { width:75px; height:42px; vertical-align:top; margin-bottom:28px; }
ul.sidebar li.act { background:url(/elm/li.gif) no-repeat 0 50%; }
ul.sidebar a { display:block; height:42px; text-decoration:none; }
ul.sidebar a:focus{ outline:none; }
/*--------------------------- end left side ----------------------------*/


/*----------------------------- content ------------------------------*/
.content { padding:18px 18px 0; position:relative; width:579px; height:672px; position:relative; word-wrap:break-word; }
.content img { max-width:100%; }
.content p { margin-bottom:1.5em; line-height:1.2; width: 90%;}
.gallery { font-size:0; margin:0 -5px; line-height:0; }
/*.gallery {margin:0 -5px; line-height:0; }*/
.gallery img { padding:5px; margin:5px; background:#dcddde; border:1px solid #4f4e4e; }
.gallery a:hover img { background:#b2c3d3; }
ul.pages{ line-height:2.25; }
ul.pages li{ float:left; padding:0 .3em; }
ul.pages li.act{ background:url(/elm/pages.gif) no-repeat 50% 0; }
ul.pages li.name{ padding:0 2.5em 0 0; }
ul.pages a, ul.pages span{ text-decoration:none; float:left; }
.sect-but{  position:absolute; bottom:0; clear:both; width:100%; right:0; height:114px; left:0; }
.but{ position:absolute; width:45px; height:45px; top:23px; left:57px; text-indent:-1000em;}
.but1{ position:absolute; width:45px; height:45px; top:23px; left:57px; text-indent:-1000em;}
.fright{left:130px;}
.zoom{ left:auto; right:20px; }
* html .zoom{ right:-15px; } 
.but a{display:block; height:45px; background:url(blank.gif);}
.but1 a{display:block; height:45px; background:url(blank.gif);}
.but a:focus{ outline:none; }
.but1 a:focus{ outline:none; }
/*--------------------------- end content ----------------------------*/


/*----------------------------- footer ------------------------------*/
.undfoot { height:145px; }
.footer { position:absolute; padding:15px 0 0; height:130px; line-height:1.2; top:100%; margin-top:-145px; color:#898887; }
.footer a { color:#000; }
/*--------------------------- end footer ----------------------------*/



/*----------------------------- jscroll ------------------------------*/			
.holder { padding-top:10px; width:275px; }
.holderall { padding-top:10px;  }
.jscroll { width: 205px; padding:0!important; height: 385px; overflow: auto; float: left; }
.jscrollall { padding:0!important; height: 420px; overflow: auto; float: left; }
.left .jScrollPaneTrack { left: 0; right: auto; }
.left a.jScrollArrowUp { left: 0; right: auto; }
.left a.jScrollArrowDown { left: 0; right: auto; }
.jScrollPaneContainer { position: relative; overflow: hidden;  padding-left:30px; z-index: 1; }
/*.jScrollPaneContainer { position: relative; overflow: hidden; width:235px!important; padding-left:30px; z-index: 1; }*/
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #161616; }
.jScrollPaneDrag { position: absolute; background: #3a3939; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
/*--------------------------- end jscroll ----------------------------*/

input {background-color: #535252; border: 1px solid black;color: White;}
textarea {background-color: #535252; border: 1px solid black; color: White;}


.worktype {width: 265; height:105; float: left;}
.worktype img { padding:2px; margin:3px; background:#dcddde; border:1px solid #4f4e4e; }
.worktype a:hover img { background:#b2c3d3; }

.qqq {border: 1px solid red; z-index:2;position: absolute; width: 579px; height: 450px;}

#phbig {width:579px; height:420px; text-indent:-1000em; z-index:100; left:3%; top: 130px; position:absolute;  opacity: 1;background:url(/elm/loading.gif) no-repeat 50% 50%;background-color: #FFF; display: none;}

#bigimg {width: 551px; height: 397px; margin: 10px 13px; z-index:1000;  text-align: center; padding: 0px auto;}
#bigimg img {display: block; margin: 0px auto;}







.popup{ position:fixed;  height:100%; width:100%; top:0; left:0; z-index:10000; }
.popup table.spec{ height:100%;  text-align:center; vertical-align:middle; }
.popup .in{ background:#1d1d1d; position:relative; width:520px; margin:0 auto; background:url(/elm/loading.gif) no-repeat 50% 50%; }
.close{ background:url(/elm/pic12.gif) no-repeat; width:18px; height:18px; position:absolute; text-indent:-1000em; outline:none; bottom:8px; right:8px; }
.popup  .desc{ padding:15px 25px 30px; text-align:left; }
/*IE6*/* html .popup {position:absolute; }



.bigbut {
	height:140px;
	left:747px;
	position:absolute;
	text-indent:-1000em;
	top:453px;
	width:150px;
}

.bigbut a{display:block; height:140px; background:url(blank.gif); outline: none;}