html, body {height:100%;}
*, html, body, ul, ol, dl, li, dt, dd {margin:0px; padding:0px;}
* html body {}
body {font:11px Arial; position:relative; background:url(../images/bg.gif) repeat; height:100%; color:#363744; min-width:1000px; max-width:1260px; margin:0 auto;}
img {border:0px;}
a {color:#055199; outline:none;}
a:hover {text-decoration:none;}
li {list-style-type:none;}
.clear{clear:both; height:0px; font-size:0; overflow:hidden;}
.minWidth {
    background:#fff;
    width:99%;
    min-height:100%;
    _height:100%;
    margin:0 auto;
    }
h1 {color:#055199; font:normal 18px Arial;}
h2 {color:#211926; font:bold 16px Arial;}
h3 {color:#211926; font:bold 14px Arial;}
/*-----------------------------------------------------------------START*/
.maincontainer {width:100%; padding:0 0 170px 0; position:relative; float:left;}
/*---------------------------------------------------------------------------------------------------------------------------TOP1*/
.top1 {background:url(../images/bg.gif) repeat; width:100%; height:110px; float:left;}
.logo-block {width:186px; padding:42px 0 0 4%; float:left;}
.logo {background:url(../images/mgen.png) no-repeat; width:186px; height:38px; display:block;}
.slogan {color:#fff; font-weight:bold; margin:-5px 0 0 53px; float:left;}
/*----------------------------top-menu*/
.menu {padding:50px 5% 0 5%; float:left;}
.menu li {float:left; padding:0 15px 0 0;}
.menu li a {font:normal 10px Arial; color:#fff; text-transform:uppercase; padding:10px 8px 10px 8px; float:left;}
.menu li a:hover {background:url(../images/mgen.png) repeat-x 0 -39px;}
.menu li.selected a {background:url(../images/mgen.png) repeat-x 0 -39px; text-decoration:none;}
/*----------------------------lang-tel*/
.lang-tel {padding:6px 3% 0 0; float:right;}
.lang-tel ul {padding:15px 0 0 0;}
.lang-tel ul li {float:left;}
.lang-tel ul li a {color:#fff; font:13px Arial; padding:2px 0px; display:block; float:left;}
.lang-tel ul li span {color:#fff; padding:3px 5px 0 6px; float:left;}
.lang-tel ul li.selected a {background:#b80f29; padding:2px 6px 2px 6px; color:#fff; font:13px Arial; text-decoration:none;}
.lang-tel ul {width:100%; overflow:auto;}
.tel {padding:15px 0 0 0;}
.tel p {font-size:16px; color:#fff;}
.tel p span {font-size:18px;}
/*---------------------------------------------------------------------------------------------------------------------------TOP2*/
.top2 {background:#000; width:100%; height:558px; position:relative; overflow:hidden; float:left;}
.loadblock {background:url(../images/bg.gif) repeat; width:100%; height:558px; position:absolute; z-index:1;}
.lb-inner {width:500px; margin:235px auto 0 auto;}
.lb-inner p {color:#fff; font:bold 14px Arial; padding:2px 0 0 10px; float:left;}
.loadblock h1 {color:#fff;}
.loadblock ul {padding:15px 0 0 10px; position:relative;}
.loadblock ul li {width:29px; height:19px; margin:0 0 0 -9px;  float:left;}
.loadblock ul li.block1 {background:url(../images/mgen.png) no-repeat -242px -82px;}
.loadblock ul li.block2 {background:url(../images/mgen.png) no-repeat -242px -102px;}
.loadblock ul li.block3 {background:url(../images/mgen.png) no-repeat -242px -122px;}
/*----------------------------paralax*/
.prlx, .prlx div {width:1387px; height:558px;}
.prlx .l1 {top:262px;}
.prlx .l2 div, .prlx .l3 div, .prlx .l4 div {position:absolute;}
.l2 .p1, .l2 .p2, .l3 .p0, .l3 .p1, .l3 .p2, .l3 .p3, .l3 .p4, .l3 .p5, .l3 .p6, .l3 .p7, .l3 .p8 {background-repeat:no-repeat;}
.l4, .l4 .p1, .l4 .p2, .l4 .p3, .l5, .l5 .p1, .l6, .l6 .p1 {background-repeat:no-repeat;}
 
.prlx .l2 {top:279px;}
.prlx .l2 .p1 {left:120px;}
.prlx .l2 .p2 {top:60px; left:1040px;}
.prlx .l3 {top:279px; left:20px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/parallax/layer_02_p3.png', sizingMethod='crop');}
.prlx .l3 .p0 {top:323px; left:10px}
.prlx .l3 .p1 {top:160px; left:10px;}
.prlx .l3 .p2 {top:108px; left:257px;}
.prlx .l3 .p3 {top:108px; left:442px;}
.prlx .l3 .p4 {top:17px; left:459px;}
.prlx .l3 .p5 {top:19px; left:781px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/parallax/layer_03_p5.png', sizingMethod='crop');}
.prlx .l3 .p6 {top:19px; left:781px;}
.prlx .l3 .p7 {top:111px; left:1103px;}
.prlx .l3 .p8 {top:61px; left:1103px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/parallax/layer_03_p8.png', sizingMethod='crop');}

.prlx .l4 {left:20px; top:279px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/parallax/layer_04.png', sizingMethod='crop');}
.prlx .l4 .p1 {}
.prlx .l4 .p2 {top:415px;}
.prlx .l4 .p3 {top:348px; left:1123px;}
.prlx .l5 {top:501px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/parallax/layer_05.png', sizingMethod='crop');}
.prlx .l5 .p1 {}
.prlx .l6 {top:279px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/parallax/layer_06.png', sizingMethod='crop');} 
/*----------------------------links*/
.l7 {top:279px;}
.l7 a.p1, .l7 a.p2, .l7 a.p3, .l7 a.p4 {display:block; position:absolute; background-repeat:no-repeat;}
.prlx .l7 a.p1 {width:108px; height:279px; margin:229px 0 0 372px;}
.prlx .l7 a:hover.p1 {background:url(../images/mgen.png) no-repeat 0 -195px;}
.prlx .l7 a.p2 {width:106px; height:315px; margin:223px 0 0 571px;}
.prlx .l7 a:hover.p2 {background:url(../images/mgen.png) no-repeat -208px -323px;}
.prlx .l7 a.p3 {width:166px; height:315px; margin:225px 0 0 752px;}
.prlx .l7 a:hover.p3 {background:url(../images/mgen.png) no-repeat 15px -646px;}
.prlx .l7 a.p4 {width:102px; height:300px; margin:222px 0 0 964px;}
.prlx .l7 a:hover.p4 {background:url(../images/mgen.png) no-repeat -209px -646px;}
/*--------------------------------------------------------------------------------------------MIDDLE*/
.middle {background:#fff; width:100%; float:left;}
/*------------------------------------------------------------------layer1*/
.layer1 {width:100%; padding:25px 0 0 0; float:left;}
.layer1 div h1 {padding:0 0 7px 0;} 
.layer1 div {line-height:18px;}
.layer1 .col1 {width:32%; display:inline; float:left;}
.layer1 .col1 div {background:url(../images/dashed_border.gif) repeat-y; padding:0 0 0 6%; margin:0 0 0 12%; _display:inline-block;}
.layer1 .col2 {margin-left:36%; width:61%;}
.layer1 .col2 .left {background:url(../images/dashed_border.gif) repeat-y; width:52%; float:left;}
.layer1 .col2 .left div {padding:0 12% 0 6%; _display:inline-block;}
.layer1 .col2 .right {margin:0 0 0 52%;}
.layer1 .col2 .right div {background:url(../images/dashed_border.gif) repeat-y; padding:0 6%; _padding:0 1.5%;}
/*------------------------------------------------------------------layer2*/
.layer2 {width:100%; padding:30px 0 0 0; float:left;}
.layer2 .col1 {width:32%; float:left;}
.layer2 .col1 .col1-inner {width:88%; padding:0 0 0 12%; _display:inline-block;}
.layer2 .col2 {margin:0 0 0 32%;}
.layer2 .col2 .col2-inner {width:90%; padding:0 0 0 6%; _display:inline-block;}
/*------------------------------clients*/
.clients {border-bottom:4px solid #af1169; float:left;}
.clients h1 {background:url(../images/mgen.png) no-repeat 0 -985px; width:132px; height:23px; padding:2px 0 0 0; position:relative; margin:0 0 25px 0; float:left;}
.clients h1 a {color:#fff; font-size:10px; margin:3px 0 0 24px; display:inline; float:left;}
.clients .title-border {border-bottom:4px solid #a22968; padding:21px 0 0 0;}
.clients {width:100%; float:left;}
.clients li {width:100%; padding:0 0 25px 0; float:left;}
.clients li a.discr {display:block; margin:15px 0 0 0; color:#9393b2; text-align:left;}
.clients li .cl0 {width:50%; padding:0 0 0 6%; float:left; text-align:left;}
.clients li .cl1 {margin:0 0 0 56%; text-align:left;}
/*------------------------------news*/
.news {line-height:18px; padding:15px 0 0 0; float:left;}
.news h1 {padding:0 0 5px 0;}
.news li {padding:0 0 25px 0}
/*------------------------------company-info*/
.company-info {width:100%; overflow:hidden; float:left;}
.company-info .left {width:95%; float:left;}
.portfolio {background:url(../images/portfolio_bg1.gif) repeat; width:100%; padding:15px 0 0 0; float:left;}
.portfolio ul li {float:left; display:inline; width:29%; padding:0 0 0 3%;}
.portfolio ul li img {background:#fff; padding:4px; display:block;}
.portfolio ul li a:hover img { background:#c00063;}
.portfolio ul li a.discr {display:inline-block; margin:3px 0 10px 4px; clear:both;}
/*------------------------------popup*/
.popup {background:url(../images/popup_bg.png) repeat; border:1px solid #adacac; position:absolute; top:780px; right:47px; padding:15px; display:none;}
.popup-inner {background:url(../images/popup_inner_bg.png) repeat; border:1px solid #adacacl; width:718px; height:auto; padding:15px 0; float:left;}
.popup-inner div {background:url(../images/dashed_border.gif) repeat-y; width:200px; padding:0 25px; float:left;}
.popup-inner div h1 {color:#3b3c4a; padding:0 0 8px 0;}
.popup-inner ul li {width:100%; overflow:hidden; padding:0 0 8px 0; float:left;}
.popup-inner ul li a {font:14px Arial;}
.popup-inner ul li a span {font-weight:bold;}
.popup-inner .sphere {}
.popup-inner .year {}
.showall {color:#a22968; font:18px Arial; margin:0 25px; float:left;}
/*------------------------------about*/
.hr {background:url(../images/mgen.png) repeat-x 0 -73px; width:100%; height:8px; font-size:0; float:left;}  
.about {background:url(../images/portfolio_bg2.gif) repeat; width:100%; padding:20px 0 7px 0; float:left;}
.about p {font-size:12px; line-height:18px; padding:0 3% 15px 3%;}
.company-info .right {background:#c00063 url(../images/mgen.png) no-repeat -276px -81px; width:25px; margin-bottom:-32767px; padding-bottom:32767px; float:left;}
.company-info .right a {width:11px; height:155px; margin:27px 0 0 6px; border-right:1px dashed #fff; display:block;}
.company-info .right a:hover {border-right:0;}
/*------------------------------x3mblock*/
.x3mblock {width:98%; padding:20px 0 50px 0; float:left;}
.x3mblock ul li {border-bottom:1px solid #b5b5ba; width:100%; overflow:hidden; padding:20px 0 10px 0; float:left;}
.x3mblock ul li .xcol1 {width:122px; padding:0 0 0 8px; float:left;}
.x3mblock ul li .xcol2 {margin:3px 115px 0 130px;}
.x3mblock ul li .xcol2 h1 a {color:#363744; font:bold 16px Arial;}
.x3mblock ul li .xcol2 h1 a span{color:#055199;}
.x3mblock ul li .xcol2 p {padding:6px 0 0 0; line-height:18px;}
.x3mblock ul li .xcol3 {width:90px; float:right;}
.x3mblock ul li .xcol3 p.cost {font:bold 20px Arial; padding:4px 0 4px 0;}
.x3mblock a.button {background:url(../images/mgen.png) no-repeat right -1055px; font:bold 14px Arial; padding:0 20px 0 0; display:inline-block;}
.x3mblock a.button.s-all {font:normal 12px Arial; padding:0 20px 0 0; margin:0 22px 0 0; display:inline-block; position:relative; float:right;}
/*------------------------------round angles*/
.mid-ra {background:url(../images/main_bg.gif) repeat; width:99%; padding:0 0 0 0.5%; overflow:hidden; font-size:0; float:left;}
.mid-ra div {background:#fff url(../images/mgen.png) no-repeat 0 -1018px; width:4px; height:4px; width:100%; float:left;}
.mid-ra div div {background:url(../images/mgen.png) no-repeat 0 -1022px; width:4px; height:4px; float:right;}
 /*-------------------------------------------------------------------------------------------------------------BOTTOM*/
#bottom{
    background:url(../images/main_bg.gif) repeat;    
    width:100%;
    height:170px;    
    margin:-170px auto 0 auto;
    }
.bottom-inner {background:url(../images/bg.gif) repeat; width:100%; height:170px; position:absolute; color:#fff; font-size:13px;}
.b-txt1 {width:28%; padding:20px 0 0 4%; line-height:20px; float:left;}
.coordinates {padding:0 0 0 5%; float:left;}
.coordinates div {line-height:20px; float:left;}
.coordinates div p span {padding:0 0 0 31px;}
.b-txt1 .skype {background:url(../images/skype.png) no-repeat; padding:0 0 0 22px; color:#fff;}
.b-txt2 {padding:20px 0 0 120px;}
.b-txt3 {padding:20px 0 0 100px;}
.bottom-inner div h1 {background:#b80f29; padding:2px 6px 2px 6px; color:#fff; font:13px Arial; text-decoration:none; margin:0 0 10px 0; display:inline-block; _display: inline; zoom:1;}
/*-------------------------------------------------------------------------------------------------------------SECOND*/
.inner {padding:35px 4%; width:92%; float:left;}
.textcont {font-size:12px; line-height:20px; color:#211926;}
/*------------------------------h-menu*/
.h-menu {width:100%; background:url(../images/border_h_menu.gif) repeat-x 0 36px; overflow:hidden; margin:0 0 17px 0;}
.h-menu li {float:left;}
.h-menu li a {font:normal 14px Arial; padding:12px 15px 12px 15px; display:block;}
.h-menu li a:hover {border-left:1px solid #ededed; border-right:1px solid #ededed; border-top:2px solid #ededed; padding:10px 14px 8px 14px; color:#211926; text-decoration:none;}
.h-menu li.selected a {background:#fff; border-left:1px solid #dcdcde; border-right:1px solid #dcdcde; border-top:2px solid #dcdcde; padding:10px 14px 12px 14px; color:#211926; text-decoration:none;}

.textcont p {padding:0 0 15px 0;}
.textcont h1, .textcont h2, .textcont h3 {padding: 0 0 7px 0;}
.textcont .important {background:#f4f4f4; border-top:4px solid #dcdcde; padding:15px 20px 0 20px; margin:0 0 30px 0;}
/*------------------------------list*/
.list {padding:0 0 15px 10px; overflow:hidden;}
.list li {background:url(../images/marker_list.gif) no-repeat 0 8px;  padding:0 0 0 10px; display:block; _display:inline-block;}
/*------------------------------s-table*/
.s-table {width:100%; border-collapse:collapse; margin:0 0 30px 0;}
.s-table th {border-bottom:4px solid #dcdcde; font-weight:normal; text-align:left; padding:7px 20px;}
.s-table td {border-bottom:1px solid #bdbabf; text-align:left; padding:7px 20px;}
/*------------------------------form*/
.form {background:#f4f4f4; width:425px; border-top:4px solid #dcdcde; padding:15px 20px; float:left;}
.form ul {padding:10px 0 0 0;}
.form li {width:100%; overflow:hidden; margin:0 0 10px 0;}
.form li p {width:148px; margin:0 15px 0 0; float:left; text-align:left; display:inline; padding:0;}
.form li p span, .formdescr span {color:#ff1032;}
.form li input {width:250px; background:#fff; border:1px solid #cdcfd6; padding:3px 5px;}
.form li textarea {width:250px; background:#fff; border:1px solid #cdcfd6; padding:3px 5px;}
.form li input.selected, .form li textarea.selected {border:1px solid #fe8597;}
.form li img {margin:0 0 0 163px; border:1px solid #CDCFD6; display:inline;}
.formdescr {width:262px; border-top:1px solid #cdcfd6; margin:15px 0 0 163px; font-size:11px;}
.form li a {background:#ebe9e9; color:#4d4751; display:inline-block; text-decoration:none; font:normal 12px Arial; padding:4px 20px; border:1px solid #dedbdb;}
.form li a:hover {background:#dedbdb; border:1px solid #d3d1d1;}
.form li .LV_validation_message, .form li .LV_invalid {width:262px; color:#FF1032; padding:0 0 0 163px;}
.form li .button {margin:0 0 0 163px; display:inline; float:left;}
/*-------------------------------------------------------------------------------------------------------------PORTFOLIO*/
.head {width:100%; overflow:hidden; border-bottom:1px solid #e5e5e7; padding:0 0 8px 0; margin:0 0 22px 0; float:left;}
.head span {color:#848585; margin:6px 0 0 0; float:left;}
.head h1 {color:#055199; font-size:20px; padding:0 13px 0 8px; float:left;}
.fragmentation {padding:4px 25px 0 0; float:left;}
.fragmentation li {padding:0 12px 0 0; float:left;}
.fragmentation li a {color:#211926; font-size:12px; text-decoration:none; border-bottom:1px dashed #211926; display:inline-block; padding:2px 0 0 0; margin:0 4px 2px 4px;}
.fragmentation li a:hover {border:0;}
.fragmentation li.selected a {background:#055199; color:#fff; border:0; margin:0; padding:2px 4px;}
.slider {background:url(../images/mgen.png) no-repeat -149px -983px; width:15px; height:15px; display:inline; margin:8px 20px 0 0; float:right;}
a:hover.slider {background:url(../images/mgen.png) no-repeat -149px -998px;}
.slider.plus {background:url(../images/mgen.png) no-repeat -134px -983px;}
a:hover.slider.plus {background:url(../images/mgen.png) no-repeat -134px -998px;}
/*------------------------------mainportfolio list*/
.mp-list {width:100%; padding:0 0 55px 0; float:left;}
.mp-list li {width:100%; overflow:hidden; float:left;}
.mp-list li ul {margin:0;}
.mp-list li ul li {width:30%; padding:0 3% 10px 0; float:left;}
.mp-list li ul li a {background:url(../images/marker.gif) no-repeat 0 7px; color:#211926; font:normal 14px Arial; text-decoration:none; padding:0 0 0 20px; display: inline-block;}
.mp-list li ul li a span {text-decoration:underline;}
.mp-list li ul li a:hover span {text-decoration:none;}
.mp-list li ul li p {color:#055199; font-size:14px; padding:4px 0 0 18px;}
.mp-list li ul li p.date {color:#8f9099; font-size:12px; padding:3px 0 0 18px;}
/*-------------------------------------------------------------------------------------------------------------PORTFOLIO-inner*/
.pl2 {padding:35px 4%; width:92%; float:left;}
.pl2 h1 {padding:0 0 10px 0;}
.pl2 a.link {font-size:12px; padding:0 0 10px 0; float:left;} 
.pl2 .left {width:430px; padding:0 25px 0 0; font-size:12px; display:inline; float:left;}
.pl2 .left img {background:#f0f0f0; padding:7px; margin:0 0 0 -7px; position:relative;}
.pl2 .left p {line-height:18px; padding:10px 7px 0 0;}
.pl2 .right {float:left;}
.pl2 .right .col1 {width:165px; float:left;}
.pl2 .right .col1 ul li {width:100%; overflow:hidden; padding:0 0 7px 0; float:left;}
.pl2 .right .col1 ul li a {background:#f0f0f0; padding:7px; float:left;}
.pl2 .right .col1 ul li a img {display:block; float:left;}
.pl2 .right .col1 ul li a:hover {background:#b80f29;}
.pl2 .right .col2 {font:normal 14px Arial; line-height:20px; float:left;}
.pl2 .right .col2 ul {padding:2px 0 0 0;}
.pl2 .right .col2 ul li {padding:0 0 20px 0;}
.mainportfolio.l2 {padding:0 4% 35px 4%;}
/*--------------------------------------------------------------------------------------------------OTHERS*/

.zakazat {height:43px; width:204px; background:url("../images/button_order.png") no-repeat; float:right; margin:0 12px 30px 0;}
.zakazat:hover {background:url("../images/button_order.png") no-repeat 0 -43px; }
.title-h1 { color:#055199; font:normal 18px Arial;}

/*---------------------------------------------------CONTACTS*/
.inner .textcont .col1, .inner .textcont .col2 {float:left;} 
.inner .textcont .col1, .inner .textcont .col2 {width:550px; padding:0 46px 0 0;}
.inner .textcont .col2 {padding:0;}
.inner .textcont .col2 p { font-weight:bold;}