@charset "utf-8";
/* CSS Document */

html,body{margin:0;padding:0;font:12px Arial, Helvetica, sans-serif;color:#373737;background:url(../images/bg-body.jpg) repeat-x white;}
img{border:0;}
a{text-decoration:none; color: #5F9C02;}
a:hover{text-decoration:none; color: #68784E !important;}
h1,h2,h3,h4,h5 {padding:0px;margin:0;line-height:16px;}
p {line-height:18px;padding:0px;margin:0px;}
.clear {clear:both;font-size:0;}
.span-clear {clear:both;font-size:0;display:block;}
ul,ol,li {line-height:16px;}
form {padding:0px !important;margin:0px !important;}
input {font:11px Arial, Helvetica, sans-serif;}

#sub-top {font-size:11px;width:940px;margin:0 auto;}
#sub-top .inner {float:right;}
#sub-top ul {list-style:none;padding:0px;margin:0px;}
#sub-top ul li {display:block;float:left;}
#sub-top ul li.left {background:url(../images/sub-top-left.jpg) no-repeat top left;width:36px;height:27px;}
#sub-top ul li.right {background:url(../images/sub-top-right.jpg) no-repeat top left;width:36px;height:27px;}
#sub-top ul li a {background:url(../images/sub-top-a.jpg) repeat-x;height:22px;display:block;float:left; padding:5px 11px 0px 11px; color:#000;}
#sub-top ul li a.current, #sub-top ul li a:hover {background:url(../images/sub-top-a-current-hover.jpg) repeat-x; color:#fff !important;}
#sub-top ul li a.selected {color:#5F9C02;font-weight:bold;}

#upper-top {width:940px; margin:0 auto; height:55px;}
#upper-top #logo {position: relative;color: #363636;background:url(../images/pipe.png) no-repeat 180px 21px;width:440px;height:51px;display:block;float:left;margin-top:10px;}
#upper-top div {float:right;font-weight:bold;text-transform:uppercase; color:#606060; text-align:right; padding:14px 0px 0px 0px;}
#upper-top div strong {color:#5F9C02;font-weight:normal;text-transform:none;font-size: 20px;}
#upper-top div span {font-size:10px; text-transform:none; font-weight:normal;}

#top {background:url(../images/bg-top.jpg) no-repeat top center;width:940px;margin:0 auto; height:321px; position:relative; z-index:10;}
#lower-top {height:238px;}
#lower-top .box {color:#373737; width:390px;float:left; padding:40px 0px 0px 0px;}
#lower-top .box h2 { font-size:24px;}
#lower-top .box p {line-height:18px; padding:15px 0px 20px 0px;}
#lower-top .box span {line-height:18px; padding:15px 0px 20px 0px; display:block;}
#lower-top .box a.demo {background:url(../images/top-btn1-s.gif) no-repeat top left;width:183px;height:43px;display:block;cursor:pointer;float:left;}
#lower-top .box a.demo:hover {background-position:0px -43px;}
#lower-top .box a.prepare {background:url(../images/top-btn2-s.gif) no-repeat top left;width:183px;height:43px;display:block;cursor:pointer;float:right;}
#lower-top .box a.prepare:hover {background-position:0px -43px;}
#lower-top a.online {background:url(../images/slider-btn1.gif) no-repeat top left;width:111px;height:27px;display:block;margin-top:5px;}
/* #lower-top a.online:hover {background-position:0px -27px;} */

#rollslide {width:562px;float:left;margin-left:-20px;padding:0px 0px 50px 5px;position:absolute;right:0px;top:130px;overflow: hidden;}
#rollslide_img {width:8000px;overflow:hidden;height:257px;position:relative;left:-539px;}
#rollslide #rollslide_img a.normal-left {display:block;float:left;padding:0px 7px 0px 0px;background:url(../images/rollslide-bg.png) no-repeat bottom center;padding-bottom:40px;}
#rollslide #rollslide_img a.normal-right {display:block;float:left;padding:0px 0px 0px 7px;background:url(../images/rollslide-bg.png) no-repeat bottom center;padding-bottom:40px;}
#rollslide #rollslide_img a.selected {display:block;float:left;background:url(../images/rollslide-bg.png) no-repeat bottom center;padding:0px 0px 40px 0px;}
#rollslide #rollslide_img a.selected img {width:178px;}
#rollslide a.left_arr_slide {background:url(../images/slider-left.png) no-repeat top left;width:32px;height:26px;display:block;position:absolute;bottom:45px;left:0;cursor:pointer;}
#rollslide a.right_arr_slide {background:url(../images/slider-right.png) no-repeat top left;width:32px;height:26px;display:block;position:absolute;bottom:45px;right:0;cursor:pointer;}

#content {background:url(../images/bg-content.jpg) repeat-x top;}
#content .inner {width:940px;margin:0 auto;}
#content .subpage { margin-top:-35px;padding-bottom:35px; background:url(../images/bg-content-subpage.gif) no-repeat top left;width:940px;position:relative;}
.content-subpage {background-position:0px 35px !important;position:relative !important;z-index:30 !important;}
#content .contact {margin-top:-144px;padding-bottom:44px;width:940px;}
.content-contact {background-position:0px 144px !important;position:relative !important;z-index:100 !important;}

#main-page {padding:40px 0px 30px 0px; color:#373737;}
#main-page .left-side {width:460px;float:left;padding:20px 0px 0px 0px;}
#main-page .right-side {width:462px;float:right;padding:20px 0px 0px 0px;}
#why {background:url(../images/bg-content-box.jpg) no-repeat bottom center; padding:0px 0px 40px 0px; width:400px; position:relative;}
#why img {float:left;}
#why div {padding:0px 0px 0px 180px;}
#why div h3 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px;}
#why div h3 span {text-transform:lowercase;}
#why p {line-height:18px;}
#why a {color:#5F9C02;font-weight:bold;}

#refer {width:400px;padding:15px 0px 0px 0px;}
#refer h3 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 5px 0px;}
#refer ul {list-style:none;padding:0px;margin:0px;}
#refer img {position:absolute;top:10px;left:0px; border:1px solid #969696; background:#d0d0d0; padding:5px;}
#refer li {padding:15px 0px 0px 95px;position:relative; height:67px;width:300px;}
#refer li a strong {color:#565656;text-transform:uppercase;}
#refer li p {color:#373737;line-height:18px;}
#refer li p a {color:#5F9C02; font-weight:bold;}
#refer span {display:block;text-align:right;clear:both;}
#refer span a {color:#5F9C02;font-weight:bold;}

#main-page .right-side .box {background:url(../images/bg-content-box.jpg) no-repeat bottom center;padding:0px 0px 40px 0px; width:460px;}
#funk {width:220px;padding:0px 20px 0px 0px;float:left;}
#funk h2 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px;}
#funk p {line-height:18px;}
#funk p a {color:#5F9C02;font-weight:bold;}
#int {width:220px;float:left;}
#int h2 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px;}
#int p {line-height:18px;}
#int p img {display:block;padding:5px 0px 5px 0px;}
#int p a {color:#5F9C02;font-weight:bold;}

#gwar {background:url(../images/img5.jpg) no-repeat top left; padding:15px 0px 0px 15px; margin:15px 0px 0px 0px;}
#gwar h3 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px;}
#gwar p {width:290px;height:110px; padding:8px 0px 0px 0px; line-height:18px;}
#gwar a {display:block;float:right; font-weight:bold; color:#5F9C02;}

.banner {margin:20px 0px 20px 0px !important;width:940px;height:97px;overflow:hidden;position:relative;}
.banner img {position:absolute;}

#sub-lower-top {height:182px;padding:40px 0px 0px 0px;}
#sub-lower-top h2 {font-size:24px;color:#373737;}
#sub-lower-top p {line-height:18px; color:#373737; padding:15px 0px 0px 0px;}

#demo {padding:20px 15px 50px 15px;float:left;width:910px;position:relative;}
#demo .left-side {width:622px;float:left;}
#demo .right-side {width:236px;float:right;}
#demo h3 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px;}
#demo .form form ul {width:290px;float:left;list-style:none;padding:20px 40px 0px 0px;margin:0px;}
#demo .form form ul li {padding:0px 0px 15px 0px;}
#demo .form form ul li label {display:block;padding:0px 0px 3px 0px;}
#demo .form form ul li .input-text {border: 1px solid #C5C5C5;width:268px;padding:9px 5px;}
#demo .form form ul li .input-text-req {background:url(../images/subpage-form-input-text-req.jpg) no-repeat top left;width:270px;padding:10px 5px;border:0px;}
#demo .form form ul li .input-text-small {border: 1px solid #C5C5C5;;width:214px;padding:9px 5px;}
#demo .form form ul li .input-text-req-smaller {background:url(../images/subpage-form-input-text-req-smaller.jpg) no-repeat top left;width:190px;padding:10px 5px;border:0px;}
#demo .form form ul .submit {padding-right:18px;}
#demo .form form ul .input-submit {background:url(../images/demo-form-input-submit-s.jpg) no-repeat top left;width:115px;height:31px;display:block;border:0px;cursor:pointer;float:right;}
#demo .form form ul .input-submit:hover {background-position:0px -31px;}
#demo .form form ul .code span img {vertical-align:middle;}
#demo .form form ul .info {padding:0px 0px 0px 0px;}

#demo .right-side a.shop {background:url(../images/button.jpg) no-repeat top left;width:232px;height:24px;display:block;;text-align:center;color:#636363;font-size:13px;padding-top:14px;}
#demo .right-side a.shop:hover {background-position:0px -38px;}
#demo .right-side a.demo {background:url(../images/button.jpg) no-repeat top left;width:232px;height:24px;display:block;margin-top:15px; text-align:center;color:#636363;font-size:13px;padding-top:14px;}
#demo .right-side a.demo:hover {background-position:0px -38px;}
#demo .order {position:absolute;bottom:20px;width: 214px;}
#demo .order h5 {font-size:12px;color:#373737;font-weight:bold;}
#demo .order p {padding:0px 0px 10px 0px;}
#demo .order span {padding:5px 0px 0px 0px;text-align:center;display:block;}
#demo .order a.buy {background:url(../images/demo-btn3-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#demo .order a.buy:hover {background-position:0px -42px;}
#demo .order a.demo {background:url(../images/demo-btn4-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#demo .order a.demo:hover {background-position:0px -42px;}


#order {padding:20px 15px 7px 15px;float:left;width:910px;position:relative;}
#order .left-side {width:622px;float:left;}
#order .right-side {width:236px;float:right;}
#order h3 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px;}
#order .form ul {width:290px;float:left;list-style:none;padding:20px 40px 0px 0px;margin:0px;}
#order .form ul li {padding:0px 0px 15px 0px;}
#order .form ul li label {display:block;padding:0px 0px 3px 0px;}
#order .form ul li .input-text {border: 1px solid #C5C5C5;width:268px;padding:9px 5px;}
#order .form ul li .input-text-req {background:url(../images/subpage-form-input-text-req.jpg) no-repeat top left;width:270px;padding:10px 5px;border:0px;}
#order .form ul li .input-text-small {border: 1px solid #C5C5C5;;width:214px;padding:9px 5px;}
#order .form ul li .input-text-req-smaller {background:url(../images/subpage-form-input-text-req-smaller.jpg) no-repeat top left;width:190px;padding:10px 5px;border:0px;}
#order .form ul .submit {padding-right:18px;}
#order .input-submit {cursor: pointer; margin: auto; border: 0px; background:url(../images/order-btn3-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#order .input-submit:hover {background-position:0px -42px;}
#order .form ul .code span img {vertical-align:middle;}
#order .form ul .info {padding:0px 0px 0px 0px;}
#order .input-submit-contact {cursor: pointer; margin: auto; border: 0px; background:url(../images/btn_zap.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#order .input-submit-contact:hover {background-position:0px -43px;}


#order .right-side a.order_type2 {cursor: pointer;background:url(../images/button.jpg) no-repeat top left;width:232px;height:24px;text-align:center;color:#636363;font-size:13px;display:block;padding-top:14px;}
#order .right-side a.order_type2:hover {background-position:0px -38px;}
#order .right-side a.order_type1 {cursor: pointer;background:url(../images/button.jpg) no-repeat top left;width:232px;height:24px;display:block;text-align:center;color:#636363;font-size:13px;padding-top:14px;margin-top:15px;}
#order .right-side a.order_type1:hover {background-position:0px -38px;}
#order .order {position:absolute;bottom:20px; width:245px;}
#order .order h5 {font-size:12px;color:#373737;font-weight:bold;}
#order .order p {padding:0px 0px 10px 0px;}
#order .order span {padding:5px 0px 0px 0px;text-align:center;display:block;}
#order .order a.buy {background:url(../images/demo-btn3-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#order .order a.buy:hover {background-position:0px -42px;}
#order .order a.demo {background:url(../images/demo-btn4-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#order .order a.demo:hover {background-position:0px -42px;}

#pricelist {padding:20px 15px 50px 15px;float:left;width:910px;position:relative;}
#pricelist h3 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 5px 0px;}
#pricelist .left-side {width:620px;float:left;}
#pricelist table {border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;margin:15px 0px 10px 0px;}
#pricelist table span {display:block;color:#8b8b8b;}
#pricelist table td {color:#373737;font-size:11px;line-height:12px;padding:10px;border-bottom:1px solid #c5c5c5;}
#pricelist table th {border-bottom:1px solid #c5c5c5;border-top:1px solid #c5c5c5;padding:10px;background:#f3f3f3;font-size:13px;}
#pricelist table .type {text-align:left;}
#pricelist table .price {text-align:right;font-size:13px;}
#pricelist table .price span {font-size:10px;}
#pricelist table td.wynaj {background:#f7f7f7;}
#pricelist .right-side {float:right;width:236px;}
#pricelist .right-side .licence {}
#pricelist .order {width: 242px; margin-top: 15px}
#pricelist .order h5 {font-size:12px;color:#373737;font-weight:bold;}
#pricelist .order p {padding:0px 0px 10px 0px;}
#pricelist .order span {padding:5px 0px 0px 0px;text-align:center;display:block;}
#pricelist .right-side img {margin:2px 0px 2px 0px;}
#pricelist .order a.buy {background:url(../images/demo-btn3-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#pricelist .order a.buy:hover {background-position:0px -42px;}
#pricelist .order a.demo {background:url(../images/demo-btn4-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#pricelist .order a.demo:hover {background-position:0px -42px;}
#pricelist a.licence {background:url(../images/button.jpg) no-repeat top left;width:232px;height:24px;display:block;text-align:center;color:#636363;font-size:13px;padding-top:14px;}
#pricelist a.licence:hover {background-position:0px -38px;}
#pricelist a.rental {background:url(../images/button.jpg) no-repeat top left;width:232px;height:24px;display:block;margin:10px 0px 0px 0px;text-align:center;color:#636363;font-size:13px;padding-top:14px;}
#pricelist a.rental:hover {background-position:0px -38px;}
#pricelist .docs {list-style:none;padding:10px 0px 30px 0px;margin:0px;}
#pricelist .docs li {line-height:12px;font-size:11px;font-weight:bold;}
#pricelist .docs .pdf {background:url(../images/docs-ico1.jpg) no-repeat center left;height:26px;display:block; padding:10px 0px 10px 34px;}
#pricelist .docs .doc {background:url(../images/docs-ico2.jpg) no-repeat top left;height:26px;display:block; padding:6px 0px 0px 34px;}
#pricelist .docs .csv {background:url(../images/docs-ico3.jpg) no-repeat top left;height:26px;display:block; padding:6px 0px 0px 34px;}
#pricelist .docs li a {color:#5F9C02;}
#pricelist .right-side p a {display:block;text-align:right;color:#5F9C02;font-weight:bold;}

table#narrow_td td { padding: 10px 2px; text-align: center !important; }

#software {padding:20px 15px 50px 15px;float:left;width:910px;position:relative;}
#software h3 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px;}
#software .left-side {width:620px;float:left;}
#software table {border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5;margin:15px 0px 10px 0px;}
#software table span {display:block;color:#8b8b8b;}
#software table td {color:#373737;font-size:11px;line-height:12px;padding:10px;border-bottom:1px solid #c5c5c5;}
#software table th {border-bottom:1px solid #c5c5c5;border-top:1px solid #c5c5c5;padding:10px;background:#f3f3f3;font-size:13px;}
#software table .type {text-align:center;}
#software table .price {text-align:right;font-size:13px;}

#software .right-side {float:right;width:425px;}
#software .left-side {float:left;width:425px;}
#software .right-side .licence {}
#software .order {position:absolute;bottom:20px;}
#software .order h5 {font-size:12px;color:#373737;font-weight:bold;}
#software .order p {padding:0px 0px 10px 0px;}
#software .order span {padding:5px 0px 0px 0px;text-align:center;display:block;}
#software .right-side img {margin:2px 0px 2px 0px;}
#software .order a.buy {background:url(../images/demo-btn3-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#software .order a.buy:hover {background-position:0px -42px;}
#software .order a.demo {background:url(../images/demo-btn4-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#software .order a.demo:hover {background-position:0px -42px;}
#software a.licence {background:url(../images/demo-btn5-s.jpg) no-repeat top left;width:232px;height:38px;display:block;}
#software a.licence:hover {background-position:0px -38px;}
#software a.rental {background:url(../images/demo-btn6-s.jpg) no-repeat top left;width:232px;height:38px;display:block;margin:10px 0px 0px 0px;}
#software a.rental:hover {background-position:0px -38px;}
#software .docs {list-style:none;padding:10px 0px 30px 0px;margin:0px;}
#software .docs li {line-height:12px;font-size:11px;font-weight:bold;}
#software .docs .pdf {background:url(../images/docs-ico1.jpg) no-repeat center left;height:26px;display:block; padding:10px 0px 10px 34px;}
#software .docs .doc {background:url(../images/docs-ico2.jpg) no-repeat top left;height:26px;display:block; padding:6px 0px 0px 34px;}
#software .docs li a {color:#5F9C02;}
#software .right-side p a {display:block;text-align:right;color:#5F9C02;font-weight:bold;}
#software .right-side table td a:hover {opacity:.7;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}


#contact {}
#contact .data {width: 470px;}
#contact .left-side {width:460px;float:left;}
#contact .right-side {width:460px;float:right;}
#contact .left-side p a {color:#5d9618;font-weight:bold;}
#contact .left-side .phones {background:url(../images/bg-phones.png) no-repeat top left;width:378px;height:132px;padding:45px 30px 0px 30px;color:#6f3401;margin:10px 0px 0px -2px;}
#contact .left-side .phones ul {list-style:none;padding:0px;margin:0px;}
#contact .left-side .phones ul li {line-height:18px;}
#contact .left-side .phones .left {float:left;width:180px;}
#contact .left-side .phones .right {float:right;width:145px;}
#contact .left-side .phones .clear {font-size:0px;line-height:0px;clear:both;}
#contact .left-side .phones span {float:right;text-align:right;}
#contact .left-side .phones .small {font-size:10px; text-align:right;}
#contact .left-side #awaria {cursor: pointer; margin: auto auto 20px auto; width: 434px; height: 62px; background: url(../images/malfunction.jpg) center center no-repeat;}
#contact .left-side #awaria:hover {opacity:.8;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}

#laptop {position:absolute;right:0px;top:91px;}
#laptop .inner {background:url(../images/bg-laptop.png) no-repeat top left;width:397px;height:249px;display:block;padding:15px 0px 0px 72px;}
#slider ul, #slider li, #slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{width:315px;height:199px;overflow:hidden; position: relative;}	
#prevBtn a {display:block;position:absolute;top:100px;left:15px;background:url(../images/slider-left.png) no-repeat top left;width:32px;height:26px;}	
#nextBtn a {display:block;position:absolute;top:100px;right:25px;background:url(../images/slider-right.png) no-repeat top left;width:32px;height:26px;}
#laptop #slider ul li {}
#laptop #slider a.name {display:block;color:#cdcdcd;background:#000;padding:7px;opacity:.8;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";top:169px;width:315px;position:absolute;}
#slider {width:315px;position:relative;height: 199px; overflow: hidden;}

#contact .data {}
#contact .data .image {float:left;}
#contact .data p {float:left;padding:0px 0px 0px 15px;}
#contact .data .image img {background:#ececec;padding:5px;border:1px solid #bfbfbf;}
#contact .data p span {color:#5F9C02;font-weight:bold;}

#contact .right-side .form-start {background:url(../images/contact-form-start.gif) no-repeat top left;width:460px;height:13px;line-height:0px;font-size:0px;}
#contact .right-side .form {background:#fffffe; padding:10px 25px 0px 25px;}
#contact .right-side .form ul {list-style:none; padding:10px 10px; margin:0px;}
#contact .right-side .form h4 {font-size:14px;font-weight:bold;color:#373737;}
#contact .right-side .form .input-text {border: 1px solid #C5C5C5;width:268px;padding:9px 5px;}
#contact .right-side .form span {float:right;}
#contact .right-side .form .clear {line-height:0px;padding:0px;margin:0px;font-size:0px;clear:both;}
#contact .right-side .form li {padding:10px 0px 10px 0px;}
#contact .right-side .form label {padding:8px 0px 0px 0px;display:block;float:left;}
#contact .right-side .form .input-text-small {background:url(../images/contact-form-input-text-small.jpg) no-repeat top left;width:140px;padding:10px 5px;border:0px;}
#contact .right-side .form .input-textarea {border: 1px solid #C5C5C5;width:268px;height:206px;padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#contact .right-side .form .code {padding-top:0px;}
#contact .right-side .form .code span {display:block;padding:5px 0px 0px 0px;}
#contact .right-side .form .code img {vertical-align:middle;}
#contact .right-side .form .input-submit,.input-submit-skad {background:url(../images/contact-form-input-submit-s.jpg) no-repeat top left;width:115px;height:31px;cursor:pointer;display:block;border:0px;float:right;}
#contact .right-side .form .input-submit:hover,.input-submit-skad:hover {background-position:0px -31px;}

#pro {padding-top:60px;}
#pro .pricelist {list-style:none;padding:0px 20px 0px 0px;margin:0px;width:220px;float:left;}
#pro .pricelist a {color:#5F9C02;font-weight:bold;}

#pro .refer {list-style:none;padding:0px 10px 0px 0px;margin:0px;width:455px;float:left;}
#pro .refer li {position:relative;padding:8px 0px 0px 90px;height:75px;}
#pro .refer li img {position:absolute;top:0px;left:0px;border:1px solid #969696;background:#d0d0d0;padding:5px;}
#pro .refer li a strong {color:#373737;}
#pro .refer li a {color:#5F9C02;font-weight:bold;}
#pro .refer .head {padding:0px;height:auto;}
#pro .refer .more {padding:0px;height:auto;text-align:right;}

#pro ul li h4 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 15px 0px;}
#pro .order {float:right;width:225px;}
#pro .order h5 {color:#565656;font-size:14px; padding:0px 0px 15px 0px;}
#pro .order p {padding:0px 0px 10px 0px;}
#pro .order span {padding:5px 0px 0px 0px;text-align:center;display:block;}
#pro .order a.buy {background:url(../images/demo-btn3-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#pro .order a.buy:hover {background-position:0px -42px;}
#pro .order a.demo {background:url(../images/demo-btn4-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#pro .order a.demo:hover {background-position:0px -42px;}

#orderblack {background:url(../images/bg-orderblack.jpg) no-repeat center right;width:320px;float:right;}
#orderblack h5 {color:#c6c6c6; text-transform:uppercase; font-size:11px; font-weight:bold;}
#orderblack li p {width:140px;display:block;color:#878787; text-transform:none;}
#orderblack .btns {padding:25px 0px 0px 0px;}
#orderblack .btns a.demo {background:url(../images/orderblack-btn1-s.jpg) no-repeat top left;width:147px;height:35px;display:block;float:left;}
#orderblack .btns a.demo:hover {background-position:0px -35px;}
#orderblack .btns a.buy {background:url(../images/orderblack-btn2-s.jpg) no-repeat top left;width:147px;height:35px;display:block;float:right;}
#orderblack .btns a.buy:hover {background-position:0px -35px;}

#payment {padding:20px 15px 7px 15px;float:left;width:910px;position:relative;}
#payment .left-side {width:622px;float:left;}
#payment .right-side {width:236px;float:right;}
#payment h3 {color:#565656;font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px;}
#payment .form ul {width:290px;float:left;list-style:none;padding:20px 40px 0px 0px;margin:0px;}
#payment .form ul li {padding:0px 0px 15px 0px;}
#payment .form ul li label {display:block;padding:0px 0px 3px 0px;}
#payment .form ul li .input-text {border: 1px solid #C5C5C5;width:268px;padding:9px 5px;}
#payment .form ul li .input-text-req {background:url(../images/subpage-form-input-text-req.jpg) no-repeat top left;width:270px;padding:10px 5px;border:0px;}
#payment .form ul li .input-text-small {border: 1px solid #C5C5C5;;width:214px;padding:9px 5px;}
#payment .form ul li .input-text-req-smaller {background:url(../images/subpage-form-input-text-req-smaller.jpg) no-repeat top left;width:190px;padding:10px 5px;border:0px;}
#payment .form ul .submit {padding-right:18px;}
#payment .input-submit {cursor: pointer; margin: auto; border: 0px; background:url(../images/but_payment.jpg) no-repeat top left;display:block;width:183px;height:43px;}
#payment .input-submit:hover {background-position:0px -43px;}
#payment .form ul .code span img {vertical-align:middle;}
#payment .form ul .info {padding:0px 0px 0px 0px;}

#payment .right-side a.order_type2 {cursor: pointer;background:url(../images/order-btn2-s.jpg) no-repeat top left;width:232px;height:38px;display:block;margin-top:15px;}
#payment .right-side a.order_type2:hover {background-position:0px -38px;}
#payment .right-side a.order_type1 {cursor: pointer;background:url(../images/order-btn1-s.jpg) no-repeat top left;width:232px;height:38px;display:block;}
#payment .right-side a.order_type1:hover {background-position:0px -38px;}
#payment .order {position:absolute;bottom:20px; width:245px;}
#payment .order h5 {font-size:12px;color:#373737;font-weight:bold;}
#payment .order p {padding:0px 0px 10px 0px;}
#payment .order span {padding:5px 0px 0px 0px;text-align:center;display:block;}
#payment .order a.buy {background:url(../images/demo-btn3-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#payment .order a.buy:hover {background-position:0px -42px;}
#payment .order a.demo {background:url(../images/demo-btn4-s.jpg) no-repeat top left;display:block;width:236px;height:42px;}
#payment .order a.demo:hover {background-position:0px -42px;}

#bottom {background:#1b1b1b;border-top:9px solid #878787;}
#bottom .boxes {float:left;width:615px;}
#bottom .form {float:right;width:324px;}
#bottom ul {list-style:none;padding:0px;margin:0px;}
#bottom ul li {line-height:18px;text-transform:uppercase;font-size:10px; padding:0px 0px 8px 0px;}
#bottom ul li a {color:#878787;}
#bottom ul li a:hover {color:#C6C6C6 !important;}
#bottom ul li h4, #bottom ul li h4 a, #bottom h4 {color:#c6c6c6;font-weight:bold; font-size:11px;}
#bottom .inner {width:940px;margin:0 auto; padding:30px 0px 20px 0px;}
#bottom .a {width:310px;float:left;}
#bottom .b {width:300px;float:left;}
#bottom .c {width:101px;float:left;}
#bottom .d {width:176px;float:left;}
#bottom .d li {padding-left:40px;}
#bottom .d .fb {padding-bottom:2px; background:url(../images/ico-facebook.jpg) no-repeat top left;}

#bottom .partner {padding:5px 0px 0px 0px;}
#bottom .partner h4, #bottom .partner h4 a, #bottom h4 {color:#c6c6c6 !important;font-weight:bold; font-size:11px; text-transform:uppercase;}
#bottom .foot {padding:0px 0px 0px 0px; width: 100%;border-top:1px solid #121212;margin-top:15px;}
#bottom .foot ul {padding:15px 0px 10px 0px;border-top:1px solid #383838;margin-top:0px;}
#bottom .foot li {display:inline;padding:0px 10px 0px 0px;}
#bottom .foot li a:hover {opacity:.7;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

#bottom .form h4 {color:#c6c6c6; text-transform:uppercase; font-weight:bold; font-size:11px;}
#bottom .form label {display:block; text-transform:uppercase; color:#c6c6c6; padding:7px 0px 6px 0px;}
#bottom .form .left {float:left;}
#bottom .form .right {float:right;}
#bottom .form .clear {display:block;line-height:0px;padding:0px;margin:0px;font-size:0px;clear:both;}
#bottom .form .input-text-smallb {background:url(../images/form-input-small.jpg) no-repeat top left;width:143px;padding:5px 5px 5px 5px; border:0px;}
#bottom .form .input-textb {background:url(../images/form-input-text.jpg) no-repeat top left;width:313px;padding:5px 5px 5px 5px; border:0px;}
#bottom .form .input-textareab {background:url(../images/form-input-textarea.jpg) no-repeat top left;width:314px;height:130px;border:0px;padding:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#bottom .form .input-submit {background:url(../images/form-input-submit.jpg) no-repeat top left;width:93px;padding:2px 0px;border:0px;color:#878787;font-weight:bold;text-transform:uppercase; cursor:pointer;}
#bottom .form .submit {text-align:right;}

#footer {background:#121212;color:#787878; font-size:10px;}
#footer .inner {width:940px;margin:0 auto;}
#footer .logo {float:left;margin-right:8px;}
#footer p {padding:24px 0px 24px 0px;}

.left {
      float: left;
}

#fb_main {z-index:999;width:260px;height:375px;position:fixed;top:150px;left:-208px;}
#fb_content {padding:23px 7px 0px 7px;background:url(../images/fb2.png);float:left;width:194px;height:352px;}
#fb_button {float:left;cursor:pointer;background:url(../images/fb1.png);width:52px;height:49px;}

.portfolio_opis1 {position: relative; width: 370px;}
.portfolio_opis {display: none; position: absolute;}
.portfolio_opis2 {display: block; height: 55px;}

#form_info,#form_info2,.form_info3 {position: fixed !important; z-index: 2501; position: absolute; width: 534px; min-height: 144px; padding: 0px; top: 50%; left: 50%; margin: -80px 0px 0px -267px; background: url(../images/info_top.png) top left no-repeat; font-weight: normal; text-align: justify; overflow: hidden; display: block;}
.form_info_mid {overflow: hidden; margin: 47px 0px 0px 0px; width: 534px; background: url(../images/info_mid.png) top left repeat-y;}
.form_info_mid .mid {overflow:hidden; width: 454px; padding: 0px 40px; background: url(../images/info_mid2.jpg) top left no-repeat;}
.form_info_bot {overflow:hidden; width: 534px; height: 49px; background: url(../images/info_bot.png) top left no-repeat;}
.form_info_ico {width: 16px; height: 15px; float: left; margin: 0px 3px 0px 0px; background: url(../images/info_warn.jpg) top left no-repeat;}
#close_form_info,#close_form_info2,.close_form_info3 {cursor: pointer; position: absolute; width: 15px; height: 15px; top: 13px; right: 15px; background: url(../images/info_close.jpg) top left no-repeat;}
#close_form_info:hover,#close_form_info2:hover,.close_form_info3:hover {background: url(../images/info_close.jpg) bottom left no-repeat;}

.demo_color {background-image: url(../images/color.jpg); float: left; width: 35px; height: 35px; margin-left: 15px; cursor: pointer;}

.order_price {padding: 0px 0px 3px 0px; margin-bottom: 3px; border-bottom: 1px solid #e8e8e8; width: 100%; text-align: right; font-weight: bold;}
#order_design {display: none;}
#order_instal {display: none;}
#order_integrator {display: none;}


.input-text,.input-text-small,.input-textarea {margin: 0px;}

textarea {overflow:auto;}

.left-side p a {color:#5F9C02;font-weight:bold;}

hr {height: 1px; background: #fff; color: #fff; border: 0px none; border-top: 1px dashed #c6c6c6;}

.hr {height:13px;width:100%;background:url(../images/bg-content-box.jpg) no-repeat bottom center;}

#blackout {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 1000;
}

#blackout2 {
	z-index: 2500;
        display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: black;
        opacity: .5;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        top: 0px;
        left: 0px;
}

#ie6info {
	position: absolute;
	width: 500px;
	height: 300px;
	margin: -150px auto 0px -250px;
	top: 50%;
	left: 50%;
	text-align: justify;
	border: 3px solid #c8c8c8;
	background: url(../images/logo-fade.jpg) no-repeat bottom right white;
	font-weight: bold;
	padding: 15px;
	z-index: 1001;
	font-size: 14px;
}

#ie6browsers {
	text-align: center;
}

#ie6browsers img {
	border: 5px solid white;
}

#roll_shadow_left{
    width: 26px;
    height: 257px;
    position: absolute;
    top: 85px;
    left: 359px;
    z-index: 1000;
    background: url(../images/shadow_left.png) no-repeat center center;
}

#roll_shadow_right{
    width: 26px;
    height: 257px;
    position: absolute;
    top: 85px;
    left: 926px;
    z-index: 1000;
    background: url(../images/shadow_right.png) no-repeat center center;
}

.preload {

	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

.niceselect_warp {

	display: block;
	width: 278px;
	height: 36px;
	overflow: hidden;
	position: relative;
	background: url(../images/select.jpg) no-repeat top left;
}

.niceselect_warp:hover {

	background-position: left bottom;
}

.niceselect_warp .text {

	width: 238px;
	line-height: 36px;
	font-size: 12px;
	padding: 0 0 0 8px;
	border: none 0px;
	margin: 0;
}

.niceselect_warp select {

	position: absolute;
	left: 0;
	top: 0;
	z-index: 458;
	width: 278px;
	height: 36px;
	-moz-opacity:.0;
	filter:alpha(opacity=0);
	opacity: 0;
	color:#000;
	border: 0;
}
#hinter{
    position: absolute;
    display: none;
    left: -200px;
    z-index: 555;
}
#hint-top,#hint-bottom{
    width:198px;
}
.top1{
    height:3px;
    background: url(/images/hint_top1.png) top left;
}
.top2{
    height:9px;
    background: url(/images/hint_top2.png) top left;
}
.top3{
    height:9px;
    background: url(/images/hint_top3.png) top left;
}
.bottom1{
    height:9px;
    background: url(/images/hint_bottom1.png) top left;
}
.bottom2{
    height:9px;
    background: url(/images/hint_bottom2.png) top left;
}
.bottom3{
    height:3px;
    background: url(/images/hint_bottom3.png) top left;
}
#hint-middle{
    background: #000;
    width: 188px;
    padding: 0px 5px;
    color: #fff;
    font-size:11px;
}
.livechatlink{

    font-size:20px;
}

.foot_left{
      float: left;
      width: 680px;
}
.foot_right{
      float: right;
       width: 260px;
}
.demo_div a.left_arr_slide {background:url(../images/slider-left.png) no-repeat top left;width:32px;height:26px;display:block;position:absolute;bottom:145px;left:13px;cursor:pointer;}
.demo_div a.right_arr_slide {background:url(../images/slider-right.png) no-repeat top left;width:32px;height:26px;display:block;position:absolute;bottom:145px;right:300px;cursor:pointer;}
a.poz_real {cursor: pointer;background:url(../images/button.jpg) no-repeat top left;width:232px;height:24px;display:block;text-align:center;color:#636363;font-size:13px;padding-top:14px;margin-top:10px;}
a.poz_real:hover {background-position:0px -38px;}
#demo .form form ul .p_rej {background:url(../images/but_zarej.jpg) no-repeat top left;width:115px;height:31px;display:block;border:0px;cursor:pointer;float:right;color:#A84D04;font-weight:bold;font-size:10px;}
#demo .form form ul .p_rej:hover {background-position:0px -31px;}
#demo .form form ul .p_log {background:url(../images/but_zalog.jpg) no-repeat top left;width:115px;height:31px;display:block;border:0px;cursor:pointer;float:right;color:#A84D04;font-weight:bold;font-size:10px;}
#demo .form form ul .p_log:hover {background-position:0px -31px;}
input.p_wylog {background:url(../images/but_wylog.png) no-repeat top left;width:115px;height:31px;display:block;border:0px;cursor:pointer;float:right;color:#A84D04;font-weight:bold;font-size:10px;}
input.p_wylog:hover {background-position:0px -31px;}
#demo .form form ul .p_save {background:url(../images/but_zapisz.jpg) no-repeat top left;width:115px;height:31px;display:block;border:0px;cursor:pointer;float:right;color:#A84D04;font-weight:bold;font-size:10px;}
#demo .form form ul .p_save:hover {background-position:0px -31px;}
#par_rabat {font-size:50px;color:#5F9C02;}
input.par_buy {background:url(../images/but_kup.jpg) no-repeat top left;width:115px;height:31px;display:block;border:0px;cursor:pointer;float:right;color:#A84D04;font-weight:bold;font-size:10px;}
input.par_buy:hover {background-position:0px -31px;}
#demo .left-side .form .input-textarea, .input-textarea {border: 1px solid #C5C5C5;width:410px;height:70px;padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.likeh1{font-size:24px;font-weight:bold;color:#373737;line-height:16px !important;vertical-align:baseline;display:block;padding:0 !important;margin:0;}

dl.op dd, dl.op,dl.op dt {
    display: block;
    margin: 0;
}
dl.op {
    clear: both;
}
dl.op dt {
	clear:both;
	width: 200px;
}
dl.op dd,dl.op dt {
    float: left;
    height: 20px;
}
dl.op dd {
    font-weight: bold;
     width: 75%;
}