/*base styles*/

*, html, body {padding: 0; margin: 0;}
html, body {height: 100%;}
body {background: #ededed url(img/header-bg.jpg) repeat-x 0 0; font: normal 12px Tahoma, Verdana, Arial, sans-serif; color: #3F3F3F; line-height: 18px;}
a {font: normal 12px Tahoma, Verdana, Arial, sans-serif; color: #18587C; text-decoration: underline;line-height: 18px;}
a:hover {text-decoration: none;}
p {font: normal 12px Tahoma, Verdana, Arial, sans-serif; color: #3F3F3F;line-height: 18px;}
ul {padding: 0; margin: 0; list-style: none}
ul li {font: normal 12px Tahoma, Verdana, Arial, sans-serif; color: #3F3F3F;line-height: 18px;}
h1, h2 {font: normal 23px Tahoma, Verdana, Arial, sans-serif; color: #222}
table tr td {color: #3F3F3F; font: normal 12px Tahoma, Verdana, Arial, sans-serif;line-height: 18px;}
form {color: #3F3F3F; font: normal 13px Tahoma, Verdana, Arial, sans-serif;line-height: 18px;}
form label {color: #3F3F3F; font: normal 13px Tahoma, Verdana, Arial, sans-serif;line-height: 18px;}
input, textarea, select {color: #3F3F3F; font: normal 13px Tahoma, Verdana, Arial, sans-serif; padding: 3px 5px; background: #FFF; }
img {border: none}

#container {height: 100%; min-width: 1080px;}
#wrapper {padding: 0 20px; min-height: 100%;}

/*header*/

#header {height: 247px; position: relative; background: url(img/header-right-bg.jpg) no-repeat right bottom;}
#header .logo {display: block; height: 70px; width: 400px; position: absolute; top:67px; left: 2px; background: url(img/logo-bg.png) no-repeat right bottom; text-decoration: none; padding: 0 70px 0 0; text-align: center; text-transform: uppercase; font-style: italic; color: #222;}
#header .logo .slogan {font-size: 16px; line-height: 20px}
#header .logo .text-logo {display: block;font-size: 32px; line-height: 35px; padding-bottom: 10px;}
#header .right-block {position: absolute; top: 0; right: 0; width: 300px;overflow: hidden; padding-top: 4px;}
#header .right-block .tel {float: left; color: #FFF;}
#header .right-block .lang-links {float: right; margin-right: 20px;}
#header .right-block .lang-links li {display: inline}
#header .right-block .lang-links li:hover {opacity: 0.8}

/*menu*/

#menu-container {height: 81px; min-width: 863px; position: relative; background: url(img/menu-center-bg.jpg) repeat-x;}
#menu-container span.lt, #menu-container span.rt {display: block; height: 81px; width: 431px; position: absolute; top: 0}
#menu-container span.lt {background: url(img/menu-left-bg.jpg) no-repeat; left: 0;}
#menu-container span.rt {background: url(img/menu-right-bg.jpg) no-repeat; right: 0;}
#menu-container ul {position: absolute; z-index: 20;}
#menu-container ul li {float: left; padding: 0 29px 0 30px; border-right: 1px solid #B2B2B2;}
#menu-container ul li.last {border: none}
#menu-container ul li a {text-decoration: none; color: #222;font-style: italic; font-size: 14px;line-height: 34px;}
#menu-container ul li a:hover {text-decoration: underline;}

/*content*/

#content {padding-bottom: 175px;}
#content table {border-collapse: collapse}
#content p, #content .info-msg {padding: 0 20px 10px 20px; text-align: justify; font-size: 13px;line-height: 17px;}
#content .info-msg  {padding-top: 20px; padding-bottom: 20px;}
#content a {font-size: 13px; line-height: 17px;}
#content ul {padding: 0 20px 10px 30px; }
#content ul li {text-align: justify; background: url(img/arrow-list.png) no-repeat 0 5px; margin: 5px 0; padding-left: 15px; font-size: 13px; line-height: 17px;}
#content ul li ul {padding-bottom: 0 !important;}
#content h1, #content h2 {height: 28px; padding: 25px 0 10px 20px; text-transform: uppercase; margin-bottom: 10px;}
#content h3.attention-text {padding: 20px 20px 10px 20px; text-transform: uppercase; font-size: 13px;}
#content h3.title-service {padding: 0px 20px 10px 20px; font-size: 14px;}
#content .table-content {width: 700px; margin: 20px;  clear: right}
#content .table-content tr td {text-align: center; vertical-align: middle; font-size: 12px; line-height: 17px; padding: 5px 10px; border-color: #CECECE !important;}
#content .table-content tr td.title-table {text-transform: uppercase; padding: 6px 10px;  font: normal 20px Tahoma, Verdana, Arial, sans-serif; color: #222}
#content .table-content tr td.title-table b {font-weight: normal !important}
#content .price-button {float: right; margin: 0 20px 20px 0}
#content .price-button img {width: 70px}
#content .gallery {padding: 0 20px 20px 20px; overflow: hidden;}
#content .gallery a {margin: 10px; float: left; padding: 1px; border:1px solid #B2B2B2;display: block; width: 150px; height: 150px}
#content .gallery a:hover {border-color: #8E8E8E}
#content .gallery a img {height: 150px; width: 150px}
#content .gallery .image-block {float: left; text-align: center; width: 172px; height: 230px;}
#content .gallery .image-block a {clear: both; display: block;}
#content .gallery .image-block .caption {display: block; text-align: center; font-size: 12px; margin: 0 5px;}
#content .table-jobs {width: 700PX; margin: 0 20px 20px 20px; }
#content .table-jobs tr td {text-align: center; padding: 5px 10px; border: 1px solid #CECECE; vertical-align: middle; font-size: 12px; line-height: 17px;}
#content .table-jobs tr td a {font-size: 12px;}
#content .table-jobs.service .title-table {background: #E0E0E0;}
#content .table-jobs.service .title-table:hover {cursor: default; background: #E0E0E0;}
#content .table-jobs.service .title-table td {font-weight: bold}
#content .table-jobs.service tr.guy-col {background: #E0E0E0;}
#content .table-jobs.service tr:hover {background: #F2EAEA;}
#content .img-content {margin: 10px auto 20px auto; display: block; border: 1px solid #B2B2B2; padding: 1px}
#content form {padding: 40px 20px 20px 20px}
#content form label {padding: 10px 0 0 10px;}
#content form.form-machines  {padding: 0px 20px 10px 20px;}
#content form.form-machines .table-jobs {margin: 0px 0px 20px 0;}
#content form.form-machines .table-jobs tr td {font-size: 11px;}
#content form.form-machines .table-jobs tr td a {font-size: 11px;}
#content form.form-machines .table-jobs tr.title-tech {background: #E0E0E0; }
#content form.form-machines .table-jobs tr.title-tech:hover {cursor: default;background: #E0E0E0;}
#content form.form-machines .table-jobs tr.guy-col {background: #E0E0E0;}
#content form.form-machines .table-jobs tr:hover {background: #F2EAEA; cursor: pointer;}
#content form.form-machines .table-jobs tr td input:hover {cursor: pointer}
#submit {margin-left: 350px;}
#name, #email, #tel, #subject, #message, #submit, .captcha input {border: 1px solid #A7CEE5; width: 300px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
#subject {width: 312px;}
#message {width: 500px}
.captcha {padding-bottom: 20px;}
.captcha input {width: 150px; text-align: center;}
#submit {width: 150px; cursor: pointer; background: #EDEAEA;}
#submit:hover {background: #DDDBDB}

#content .certeficate {width: 652px; margin: 0 auto; padding: 0 20px 20px 20px; overflow: hidden}
#content .certeficate a {float: left;margin: 10px;}
#content .certeficate img {width: 300px; border: 1px solid #B2B2B2; padding: 1px}
#content .video-cont {overflow: hidden; padding-bottom: 10px;}
#content .video-cont .video-block {margin: 10px 10px 20px 20px; float: left; width: 185px; text-align: center;}
#content .video-cont .video-block a {padding: 10px; border: 1px solid #F7F7F7; width: 185px; height: 104px; display: block; float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#content .video-cont .video-block a:hover {border-color: #A5A5A5; background: #E9E9E9;}
#content .big_photo {padding: 20px 30px 10px 30px; text-align: center}
#content .big_photo img {max-width: 700px; border: 2px solid #B2B2B2; padding: 1px;}
#content .desc_photo {padding: 10px 40px 30px 40px; font-size: 13px; font-style: italic; display: block;}
#like_links {padding: 20px; width: 500px; margin: 0 auto;}

#content .three-contents {overflow: hidden; width: 1110px; padding: 0px 20px 20px 20px; margin: 0 auto;}
#content .three-contents .box-block {float: left; width: 370px;}
#content .three-contents .box-block ul { border-left: 2px solid #ED3338; padding: 0 10px; margin-left: 10px;}
#content .three-contents .box-block ul li {background: none; list-style: disc; list-style-position: inside; text-align: left}
#content .three-contents .box-block.left ul {margin: 80px 0 40px 40px;}
#content .three-contents .box-block a {color: #222; text-decoration: none;}
#content .three-contents .box-block a:hover {text-decoration: underline;}
#content .three-contents .box-block p {text-align: left}
#content .three-contents .box-block p.note-line {border-left: 2px solid #ED3338; margin-left: 70px; padding-left: 25px; padding-bottom: 0; margin-bottom: 10px;}
#content .three-contents .box-block.center {text-align: center}
#content .three-contents .box-block.center p {text-align: center}
#content .three-contents .box-block.center .logo-buklet {margin-top: 200px}
#content .three-contents .box-block.center .company-name {padding: 10px 0 20px 0; font: bold 16px Tahoma, Verdana, sans-serif; color: #222;}
#content .three-contents.bottom {position: relative;}
#content .three-contents.bottom img {position: absolute; z-index: 100;}
#content .three-contents.bottom img.img-top {right: 20px; top: 10px;}
#content .three-contents.bottom img.img-bottom {left: 20px; bottom: 20px;}
#content .three-contents.bottom .box-block .text-top-p {padding-top: 70px; padding-bottom: 50px;}
#content .three-contents.bottom .box-block.center {padding: 250px 0 225px 0;}
#content .three-contents.bottom .box-block.center p {text-align: left}
#content .three-contents.bottom .box-block.right {float: right; padding-top: 250px;}
#content .three-contents.bottom .box-block.right ul {border: none;}
#content .three-contents.bottom .box-block.right h3 {padding: 0 0 10px 32px; text-transform: uppercase; color: #ED3338}

#content .three-contents.two-col {width: 800px;}
#content .three-contents.two-col .box-block.left ul {margin-bottom: 100px;}
#content .three-contents.two-col .box-block.center .logo-buklet {margin-top: 50px;}
#content .three-contents.bottom.two-col {position: inherit; padding-bottom: 40px;}
#content .three-contents.bottom.two-col img {position: inherit; display: block; margin: 0 auto;}
#content .three-contents.bottom.two-col img.img-top {padding: 0px 0 20px 0;}
#content .three-contents.bottom.two-col .box-block .text-top-p {padding-top: 15px;}
#content .three-contents.bottom.two-col .box-block.left p {padding-bottom: 0; margin-bottom: 30px;}
#content .three-contents.bottom.two-col .box-block.center {padding: 0;}
#content .three-contents.bottom.two-col .box-block.center h3 {text-align: left; padding-left: 35px;}

#content h3 {padding: 10px 0 10px 20px; text-transform: uppercase; color: #ED3338}

#content .table-jobs.service tr .title-left {text-align: left;}

/*footer*/

#footer {height: 155px; background: url(img/footer-bg.jpg) repeat-x bottom; margin: -155px 0 0 0;}
#footer .inner-footer {position: relative;height: 155px; background: url(img/footer-inner-bg.jpg) no-repeat right bottom;}
#footer .logo-footer {display: block; height: 70px; width: 400px; position: absolute; top:30px; left: 20px; background: url(img/logo-bg.png) no-repeat right bottom; text-decoration: none; padding: 0 70px 0 0; text-align: center; text-transform: uppercase; font-style: italic; color: #222;}
#footer .logo-footer .text-logo-footer {display: block;font-size: 32px; line-height: 35px; padding-bottom: 10px;}
#footer .copyright {position: absolute; left: 20px; bottom: 9px;}