@charset "utf-8";
/* CSS Document */
* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {font: normal 14px Arial, Helvetica, sans-serif; color: #dddddd; background: #000000 url(../images/body-BG.jpg) 0 0 repeat-x; width: 100%; min-width: 1000px;_filter: true;}
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #759a0e;}
a:hover {text-decoration: none;}
p {padding-bottom: 20px;}
h2 {font: normal 19px Arial, Helvetica, sans-serif; color: #4b4b4b; padding-bottom: 20px;}
h3 {font: normal 12px Arial, Helvetica, sans-serif; color: #4b4b4b; padding-bottom: 20px;}
.bg-right {background: url(../images/right-bottom-1-BG.jpg) right bottom no-repeat; padding-bottom: 300px;}
.page {border: none; border-collapse: collapse; width: 100%;}
.page td {vertical-align: top; border: none;}
.left {width: 8%; background: url(../images/left-BG-1.jpg) right top no-repeat;}
.center {width: 65%;}
.right {width: 40%; background: url(../images/right-BG-1.jpg) 0 0 no-repeat;}
.all {position: relative; width: 100%; min-width: 961px; max-width: 1290px; background: url(../images/center-1-BG.jpg) right top no-repeat; position: relative;}
.header {background: url(../images/logo.jpg) 0 0 no-repeat; height: 277px; padding: 60px 320px 0 380px;}
h1.h1 {position: absolute; left: 24px; top: 76px;}
h1.h1, h1.h1 a {width: 167px; height: 70px; display: block;}
h1.h1 a {text-indent: -9999px;}
.rss, .vihod {position: absolute; right: 98px; top: 81px; font: normal 11px Arial, Helvetica, sans-serif; color: #739a0d;}
.vihod {right: 37px; }
.uhtilio {position: relative; height: 160px;}
#uhtilio {display: block; position: absolute; right: 480px; top: 0; background: url(../images/disk.jpg) left top no-repeat; padding: 45px 0 0 305px; font-size: 25px; color: #739a0d; height: 90px; width: 115px;}
.content-1 {height: 167px; padding: 0px 320px 0 380px;}
.clients {padding: 110px 150px 0 380px; position: relative;}
.h201 {position: absolute; right: 30px; top: 130px; color: #55398c;}
.clients ul {list-style: inside none;}
.clients ul li {width: 20%; padding: 5px 1% 5px 2%; display: -moz-inline-box; display: inline-block; text-align: center; vertical-align: middle;}
* html .clients ul li {display: inline;}
*+html .clients ul li {display: inline;}
.nout {position: absolute; left: 10px; top: 533px;}
.nout h2 {padding-left: 25px;}
.moi-mesta {position: absolute; left: 35px; top: 780px; list-style: none;}
.moi-mesta a {color: #51a3ff;}
.moi-mesta li {padding-bottom: 15px;}
.moi-mesta li h2 {padding-bottom: 5px;}
.copy {position: absolute; left: 40px; top: 1284px; z-index: 200; font-size: 12px; color: #4b4b4b; font-weight: bold;}
.copy a {color: #6d6d6d;}
/*exit*/
.exit {background: none; position: relative; padding-bottom: 137px;}
.exit .left {width: 8%; background: url(../images/left-BG-2.jpg) right top no-repeat;}
.exit .right {background: none;}
.exit .center {background: #000000 url(../images/body-BG.jpg) 0 0 repeat-x;}
.exit .all {background: none; min-height: 1070px;}
.exit .header {background: none; padding: 89px 88px 0 540px; /*max-width: 540px;*/ position: relative; min-width: 370px;}
.exit h1.h1 {left: 0; top: 9px; z-index: 100;}
.exit h1.h1 a {text-indent: 0; position: absolute; left: 0; top: 44px; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.telek {background: url(../images/telek.jpg) right bottom no-repeat; height: 341px; width: 414px; position: absolute; right: 10%; bottom: 75px; margin-right: -80px;}
.kometa {background: url(../images/kometa.jpg) right top no-repeat; width: 366px; height: 185px; position: absolute; right: 15%; top: 0; margin-right: -100px;}
.telegramma {background: url(../images/telegramma.jpg) 0 0 no-repeat; width: 533px; height: 386px; position: absolute; right: 90px; top: 390px; z-index: 10;}
.telegramma textarea {width: 250px; height: 145px; position: absolute; left: 142px; top: 110px; background: #E0E0E0; border: solid 1px #808080;}
.telegramma label {position: absolute; width: 250px; display: block; left: 142px; top: 275px; text-align: center; color: #080808; font-size: 12px;}
.telegramma input {position: absolute; left: 226px; top: 313px; width: 91px; height: 25px;}
.telegramma label input {width: 144px; height: 19px; background: #E0E0E0; border: solid 1px #808080; position: static;}
.exit .copy {top: 840px; left: 20px;}
.error {position: absolute; left: 50%; top: 90px; width: 300px; margin-left: -150px; text-align: center; color: #000000;}
/*exit*/
/*portfolio*/
.portfolio {padding-bottom: 0;}
.portfolio .all {background: url(../images/center-right-BG.jpg) 90% bottom no-repeat; padding-bottom: 150px;}
.portfolio .left {background: url(../images/left-BG-3.jpg) right top no-repeat;}
.portfolio .center {background: url(../images/center-left-BG.jpg) 0 0 no-repeat;}
.portfolio h1.h1 {left: 0; top: 415px; z-index: 100;}
.portfolio h1.h1 a {position: static; display: inline;}
.portfolio .copy {top: 950px; left: 0px;}
.portfolio .telek {background: url(../images/star-right.jpg) right bottom no-repeat; height: 341px; width: 414px; position: absolute; right: 10%; bottom: 75px; margin-right: -80px;}
.portfel {position: relative; width: 310px; float: right;}
.portfel li {position: absolute; width: 100px; height: 100px; padding: 0 1px 1px 0; list-style: none; left: 0; top: 0;}
.portfel li a span {position: absolute; width: 100px; height: 100px; left: 0; top: 0; background: #000; opacity: 0.72; _filter:alpha(opacity=72); display: none;}
*+html .portfel li a span {filter:alpha(opacity=72);}
.portfel:hover ul li a span {display: block;}
.portfel ul:hover li a span {display: none;}
#img-1 {left: 0; top: 0;}
#img-2 {left: 101px; top: 0;}
#img-3 {left: 202px; top: 0;}
#img-4 {left: 101px; top: 101px;}
#img-5 {left: 202px; top: 101px;}
#img-6 {left: 202px; top: 202px;}
#img-7 {left: 0px; top: 404px;}
#img-8 {left: 0px; top: 101px;}
#img-9 {left: 0px; top: 202px;}
#img-10 {left: 0px; top: 303px;}
#img-11 {left: 101px; top: 202px;}
#img-12 {left: 101px; top: 303px;}
#img-13 {left: -101px; top: 404px;}
#img-14 {left: 202px; top: 505px;}
#img-15 {left: 202px; top: 303px;}
#img-16 {left: 101px; top: 404px;}
#img-17 {left: 202px; top: 404px;}
#img-18 {left: -101px; top: 303px;}
#img-19 {left: 202px; top: -101px;}
/*portfolio*/
.seriy {width: 100%; height: 100%; position: fixed; background: #000; opacity: 0.72; _filter:alpha(opacity=72); left: 0; top: 0; right: 0; bottom: 0;}
.notebook {width: 658px; height: 414px; padding: 48px 108px 152px 44px; background: url(../images/notebook.png) 0 0 no-repeat; position: absolute; left: 50%; top: 50%; margin: -231px 0 0 -351px;}
.zakrit {position: absolute; right: 0; top: -50px;}