/* default styles */
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img:link, img:visited, img {border: none;}
input {padding-left: 3px;}
address {font-style: normal;}
sup, sub {vertical-align: middle; position: relative; font-size: 75%;}

/* common styles */
body {background: #ffffff;}
body, table {font-family: Arial; font-size: 13px; line-height: normal;}
a {color: #1A3DC1;}
a:hover {text-decoration: none;}
.wrapper {position: relative; width: 980px; margin: 0px auto;}
*html .wrapper {left: 50%; margin-left: -490px;}
.clear {clear: both; height: 0px; overflow: hidden;}
.button:hover {opacity: 0.9; filter: alpha(opacity=90)}

.online-order {display: block; width: 155px; height: 43px; color: #000000; text-decoration: none; line-height: 48px; text-indent: 10px; font-size: 18px; font-weight: normal; background: #e9bc20 url(/media/images/order.gif) left top no-repeat; line-height: 43px; text-shadow: 1px 1px 2px #ffffff;}

.outer {width: 100%;}
.outer-header {background: #030303;}
.outer-footer {background: #111111 url(/media/images/outer-footer.gif) left top repeat-x;}
.outer-inner-partners {background: #f7f7f7;}
.outer-inner-partners a {opacity: 0.6; filter: alpha(opacity=60);}
.outer-inner-partners a:hover {opacity: 1; filter: alpha(opacity=100);}

/* header */
.header {position: relative; height: 110px; background: #000000/* url(/media/images/header.png) center top no-repeat*/; font-size: 13px;}
.header-logo {position: absolute; top: 13px; left: 9px;}

.header-menu {position: absolute; top: 54px; right: 377px;}
.header-menu li {float: left; margin-left: 12px;}
.header-menu li a {display: block; color: #ececec; padding: 0 12px; line-height: 26px;}
.header-menu li.active {background: url(/media/images/header-menu-left.gif) left top no-repeat;}
.header-menu li.active a {text-decoration: none; color: #000000; background: url(/media/images/header-menu-right.gif) right top no-repeat;}

.header-phone {position: absolute; top: 38px; right: 0px; width: 255px; color: #ffffff;}
.header-phone .p1 {font-size: 11px;}
.header-phone .p2 {font-size: 22px;}
.header-phone .p3 {margin-top: 4px;}
.header-phone .p3 a {color: #ffffff; text-decoration: none; border-bottom: 1px dotted;}
.header-phone .p3 a:hover {color: #f0b310;}

/* onlinelink */
.onlinelink {position: absolute; top: 52px; right: 0px; width: 185px; color: #FFD700;}

/* servises-main */
.servises-main {}
.servises-main-item {position: relative; width: 310px; height: 180px; float: left;}
.servises-main-item-title {position: absolute; top: 0px; left: 0px; width: 100%; line-height: 48px; font-size: 18px; font-weight: normal; text-align: center; background: #faca22 url(/media/images/servises-main/title.gif) left top repeat-x; text-shadow: 1px 1px 2px #ffffff;}
.servises-main-item-price {position: absolute; top: 48px; left: 0px; width: 100%; line-height: 25px; font-size: 11px; color: #efefef; background: #2d2d2d;}
.servises-main-item-price span {padding-left: 10px;}
.servises-main-item-price a {position: absolute; top: 0px; right: 0px; padding: 0px 25px 0px 13px; color: #efefef; background: #da5537 url(/media/images/servises-main/order.gif) right top no-repeat;}
.servises-main-item-body {position: absolute; top: 73px; left: 0px; width: 100%; height: 105px; background: #f4f4f4 url(/media/images/servises-main/body_bg.gif) left top repeat-x;}
.servises-main-item-body div {height: 100%; border: 1px solid #d2d2d2; border-top: 0px;}
.servises-main-item-body div.promo {background: url(/media/images/servises-main/promo.gif) 5px 5px no-repeat;}
.servises-main-item-body div.support {background: url(/media/images/servises-main/support.gif) 5px 5px no-repeat;}
.servises-main-item-body div.ready {background: url(/media/images/servises-main/ready.gif) 5px 5px no-repeat;}
.servises-main-item-body p {position: absolute; top: 20px; right: 0px; width: 180px;}

.main-servis {background: #f4f4f4 url(/media/images/main-servis.gif) left top repeat-x;}
.main-servis-wrapper {padding: 30px 30px 12px 30px; border: 1px solid #d2d2d2; border-bottom: 0px; background: url(/media/images/main-servis-right.jpg) right top no-repeat;}
.main-servis-wrapper h1 {font-size: 24px; font-weight: normal; margin-bottom: 12px;}
.main-servis-wrapper p {width: 400px; height: 140px;}
.main-servis-footer {background: #2d2d2d; height: 25px;}

/* header-project */
.outer-header-projects {height: 450px; background: #000000 url(/media/images/header-main.png) center top no-repeat;}
.header-projects-bg {position: absolute; top: 0px; left: 0px; width: 100%; height: 450px; opacity: 0.20; filter: alpha(opacity=20);}
.header-projects-bg#hp-bg_1 {}
.header-projects-bg#hp-bg_1 {}
.header-projects-nav {position: absolute; top: 422px; color: #ffffff;}
.header-projects-nav a {float: left; display: block; font-size: 11px; color: #ffffff; margin: 0px 5px; text-decoration: none;}
.header-projects-nav a span {padding: 1px 6px; display: block;}
.header-projects-nav a.active {background: #ffffff url(/media/images/header-projects/nav_left.gif) left top no-repeat; color: #000000;}
.header-projects-nav a.active span {background: url(/media/images/header-projects/nav_right.gif) right top no-repeat;}
.header-projects-list {position: relative; top: 15px; left: 40px; width: 900px; height: 320px; overflow: hidden;}
.header-project {position: absolute; width: 980px; height: 300px;}
.header-project#hp-left {left: -980px;}
.header-project#hp-right {left: 980px;}
.header-project-img {position: absolute; top: 0px; left: 60px; width: 430px; height: 311px; background: url(/media/images/header-projects/screen_wrapper.png) left top no-repeat;}
.header-project-img img {margin-left: 18px; margin-top: 12px;}
.header-project-name {position: absolute; top: 20px; left: 550px; color: #ffffff; font-size: 30px; font-weight: normal; line-height: 32px;}
.header-project-info {position: absolute; top: 110px; left: 550px; width: 270px; font-size: 14px; color: #f4f4f4;}
.header-project-left {position: absolute; top: 200px; left: -10px; opacity: 0.6; width: 30px; height: 110px; background: url(/media/images/header-projects/left.png) left top no-repeat;}
.header-project-left:hover {opacity: 1;}
.header-project-right {position: absolute; top: 200px; right: -10px; opacity: 0.6; width: 30px; height: 110px; background: url(/media/images/header-projects/right.png) left top no-repeat;}
.header-project-right:hover {opacity: 1;}

/* footer */
.footer {position: relative; color: #c1bfbf; height: 183px; font-size: 11px; background: url(/media/images/footer.gif) left top no-repeat;}
.footer-d1 {position: absolute; top: 30px; left: 0px; width: 610px;}
.footer-d1 h2 {color: #8c8c8c; font-weight: normal; margin-bottom: 4px;}
.footer-d1 p {margin-bottom: 20px;}
.footer-d1 a {color: #c1bfbf; margin-right: 10px;}
.footer-d2 {position: absolute; top: 30px; right: 0px; width: 275px;}
.footer-d2 h2 {font-size: 14px; color: #ffffff; font-weight: normal; margin-bottom: 20px;}
.footer-d2 p {}

/* page-text */
h1.page-title {font-size: 24px; margin-bottom: 20px; font-weight: normal; padding-left: 28px; background: url(/media/images/page-title.gif) left 5px no-repeat;}
h1.page-title.icon-portfolio {background: url(/media/images/icons/portfolio.gif) left 5px no-repeat;}
h1.page-title.icon-contacts {background: url(/media/images/icons/contacts.gif) left 5px no-repeat;}
h1.page-title.icon-feedback {background: url(/media/images/icons/feedback.gif) left 5px no-repeat;}
h1.page-title.icon-servises {background: url(/media/images/icons/servises.gif) left 5px no-repeat;}
h1.page-title.icon-pay {background: url(/media/images/icons/pay.gif) left 5px no-repeat;}
h1.page-title.icon-golden {background: url(/media/images/icons/golden.gif) left 5px no-repeat;}
h2.page-title {font-size: 18px; margin-bottom: 20px; font-weight: normal;}
.page-text {width: 100%; margin: 20px 0 20px 0;}
.page-text td {vertical-align: top;}
.page-text-body {padding: 0px 40px 0px 30px;}
.page-text-body h2 {font-size: 20px; font-weight: normal;} 
.page-text-body h3 {font-size: 16px; font-weight: normal; margin-bottom: 5px;}
.page-text-left {}
.page-text-right {width: 275px; padding-top: 47px;}
.page-text-right h3 {font-size: 18px; font-weight: normal; line-height: 34px; padding-left: 20px; margin: 0 0 10px 0; background: #efefef url(/media/images/right-title.gif) left top repeat-x; /*width: 260px; margin-bottom: 20px; text-indent: 20px; font-size: 18px; font-weight: normal; line-height: 34px;*/}
.page-text-right p {margin-left: 20px;}
.page-text-right ul {line-height: 24px; font-size: 14px; margin-left: 20px;}
.page-text-right ul .active {background: url(/media/images/arrow.gif) left center no-repeat; padding-left: 17px; position: relative; left: -17px;}
.page-text-right ul .active a {color: #000000; text-decoration: none;}

.gray {font-size: 11px; color: #565656;}

/* feedback */
.feedback {margin-bottom: 40px;}
.feedback h3 {font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.feedback p {font-size: 11px; color: #8b8b8b;}

/* inner */
.inner-text-light {position: relative; left: -20px; background: #faf8ef; /*font-style: italic;*/ padding: 9px 19px;}
.inner-dl-list {position: relative; left: -20px; }
.inner-dl-list dt {margin-bottom: 6px;}
.inner-dl-list dt span {font-size: 18px; color: #aeaeae; font-weight: normal;}
.inner-dl-list dt h3 {font-size: 18px; font-weight: normal; color: #000000;}
.inner-dl-list dd {margin: 0px; padding-left: 20px; margin-bottom: 20px;}
.inner-dl2-list {position: relative; left: -20px; }
.inner-dl2-list dd span {font-size: 18px; color: #aeaeae; font-weight: normal; margin-left: -15px; position: relative; left: -4px;}
.inner-dl2-list dd {margin: 0px; padding-left: 20px; margin-bottom: 10px;}

.list-steps-title {}
.list-steps-title a {text-decoration: none; border-bottom: 1px dashed #cccccc;}
.list-steps-title a:hover {border-bottom: 0px;}

/* popup */
.popup {display: none; background: #111; opacity: 0.2; filter: alpha(opacity=20); position: absolute; top: 0px; left: 0px; width: 100%;}
.popup-window {display: none; position: absolute; top: 140px; left: 50%; margin-left: -200px; width: 400px; background: #ffffff;}
.popup-window-wrapper {position: relative; border: 1px solid #888; background: #555; padding: 10px;}
.popup-window-html {border: 1px solid #888; background: #ffffff;}
.popup-window-close {position: absolute; top: 12px; right: 15px;}
.popup-window-loading {font-size: 24px; text-align: center;}

.popup-window#zakaz {width: 640px; margin-left: -320px; /*border: 1px solid #F00;*/}
.popup-window#zakaz .popup-window-wrapper {}
.popup-window#zakaz .popup-window-loading {margin: 100px 0px;}

.popup-window#feedback {width: 640px; margin-left: -320px; /*border: 1px solid #F00;*/}
.popup-window#feedback .popup-window-wrapper {}
.popup-window#feedback .popup-window-loading {margin: 100px 0px;}

.popup-window#design {width: 700px; margin-left: -350px; top: 240px;}
.popup-window#design .popup-window-wrapper {}
.popup-window#design .popup-window-loading {margin: 100px 0px;}

/* flush */
.flush {color: #00f; font-weight: bold;}
.warn {color: #f00; font-weight: bold;}

/* seotext */
.seotext {margin: 40px 0px;}
.seotext h3 {color: #d1c162; font-size: 14px; font-weight: normal; margin-bottom: 10px;}
.seotext li {float: left; width: 215px; margin-right: 25px; margin-bottom: 30px; font-size: 11px; color: #939393;}
.slink {display: none;}