/* Body, Html
-----------------------------------------------------------------------------*/
* {margin: 0; padding: 0;}
html {height: 100%}
body {font: 14px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; background: #fff url(body-bg.png); background-repeat:repeat-x; line-height:1.4; color:#999999;}
img {border: none;}
input {vertical-align: middle}
a {outline:none;}
#catalog {width: 980px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%;}
a:link, a:visited {text-decoration: none; color: #999999; text-decoration:underline;}
a:hover {color: #FF9900;}
/* Header
-----------------------------------------------------------------------------*/
#header {height: 335px;}
#logo {height: 110px;}
.logo-left {width: 400px; float: right; height: 110px; text-align:left;}
.logo-right {margin-right: 400px; height: 110px; text-align:left;}
.tel-p {height: 29px; padding-top:30px; text-align:right; padding-right:14px;}
.tel-pl {padding:0; font: 14px Arial, Tahoma, Verdana, sans-serif; color: #999; text-align:right; padding-right:20px;}
.block-left {width: 840px; float: right; height: 35px; text-align:left;}
.block-right {margin-right: 840px; height: 35px; text-align:left;}
#top-adv {height: 183px; background-image:url(top-bgs.jpg); background-repeat:no-repeat;}
.adv-left {width: 90px; float: left; height: 163px; text-align:left; padding-left:30px;}
.adv-right {margin-left: 90px; height: 163px; text-align:left;}
.adv-text {width: 100%; font: 18px Arial, Tahoma, Verdana, sans-serif; color:#FFFFFF;}
.bl-left {width: 350px; float: right; text-align:right;}
.bl-right {margin-right: 350px; text-align:left;}
.text-title {font: 18px Arial, Tahoma, Verdana, sans-serif; color: #fff; font-weight:bold; padding-bottom:10px; padding-top:35px; padding-left:40px;}
.text-titles {font: 14px Arial, Tahoma, Verdana, sans-serif; color: #fff; padding-left:40px; padding-top:10px;}
.text-cena {font: 16px Arial, Tahoma, Verdana, sans-serif; color: #fff; font-weight:bold; padding-left:40px; padding-top:20px;}
.text-cena a .text-cena a:link {text-decoration: none; color: #fff; text-decoration:none;}
.text-cena a:link, .text-cena a:visited, .text-cena a:active {color: #fff; text-decoration:none;}
.text-cena a:hover {text-decoration: none; color: #fff; text-decoration:none; padding-left:3px;}
.span {font: 20px Arial, Tahoma, Verdana, sans-serif; color:#FFFFFF; font-weight: bold;}
.blt-left {width: 500px; float: right; text-align:left; padding-bottom:10px;}
.blt-right {margin-right: 500px; text-align:left;}
form {font: 14px Arial, Tahoma, Verdana, sans-serif; padding:10px 20px;	width:600px;}
form ol {list-style:none; margin:0; padding:0;}
form li {padding:6px; margin-bottom:1px;}
form li#send {background:none; margin-top:6px;}
form label {float:left; width:170px; text-align:right; margin-right:7px; color:#999999; line-height:23px;}
form input, form textarea {padding:4px; font: 14px Arial, Tahoma, Verdana, sans-serif; border:1px solid #999999; width:400px;}
form input:focus, form textarea:focus {background:#ff9900;}
form li#send button {background:#FF9900; border:none; padding:5px 10px 5px 10px; color:#fff; margin-left:340px; cursor:pointer;}
form li#send button:hover {background-color:#006633;}
.form_check {color: #ff9900; font-weight:bold;}
/* Text
-----------------------------------------------------------------------------*/
.title {font: 18px Arial, Tahoma, Verdana, sans-serif; color: #FF9900; font-weight:bold; padding-bottom:10px; padding-top:10px;}
.content-text {font: 14px Arial, Tahoma, Verdana, sans-serif; line-height:1.4; color:#999999;}
.titles {font: 18px Arial, Tahoma, Verdana, sans-serif; color: #FF9900; font-weight:bold; padding-bottom:10px;}
.job {list-style:none; text-align:right; padding:0;}
.job li {width:260px; border-bottom:1px solid #cacaca; padding:5px 12px 5px 0;}
.job a {text-decoration:none; color:#8C8C8C;}
.job a:hover {text-decoration:none; color:#ff9900;}
.jobs {list-style:none; text-align:right; padding:0;}
.jobs li {width:260px; border-bottom:1px solid #cacaca; padding:5px 12px 5px 0;}
.jobs a {text-decoration:none; color:#ff9900;}
.jobs a:hover {text-decoration:none;  padding-right:3px; color:#ff9900;}
/* Top-menu
-----------------------------------------------------------------------------*/
#top-menu {height: 35px; background-image:url(top-bg.gif); background-repeat:no-repeat;}
#menu {padding: 0; width: 840px; margin: 0; height: 35px;}
#menu ul {margin: 7px 10px 0px 0px; padding: 0px; float: right; display: block; padding-right:20px;}
#menu li {display: inline; list-style-type: none; margin: 0;}
#menu li a:link, #menu li a:visited {text-decoration: none; color: #999999; padding: 3px 12px; font-weight: bold;}
#menu li a:hover {color: #FF9900;}
.current {border-left: 1px solid #cacaca;}
#list li {list-style-type: none; margin: 0; padding: 0; color: #999;}
#list a #list a:link {text-decoration: none; color: #999; text-decoration:underline;}
#list a:link, #list a:visited, #list a:active {color: #999; text-decoration:underline;}
#list a:hover {text-decoration: none; color: #FF9900; text-decoration:underline;}
/* Price
-----------------------------------------------------------------------------*/
#price {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; background: #fff; width: 100%; border-collapse: collapse; text-align: left;}
#price th {font-size: 14px; font-weight: normal; color: #ff9900; padding: 10px 8px; border-bottom: 2px solid #ff9900; font-weight:bold;}
#price td {color:#999999; padding: 5px 8px;}
#price tbody tr:hover td {color: #ff9900;}
.price-q1 {width: 46%;}
.price-q2 {width: 18%;  text-align:center;}
.price-q3 {text-align:center;}
.price-q4 {text-align:center; font-weight:bold;}
.price-q5 {text-align:left;}
/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; padding: 0 0 80px; height: 1%;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden;}
#content {padding: 10px 0 20px 300px;}
/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {float: left; width: 260px; margin-left: -100%; position: relative; padding-bottom:20px;}
.rec {padding-top:20px; text-align:center;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {width: 980px; margin: -60px auto 0; height: 60px; background-image:url(footer-bg.gif);}
#footer-adv {height: 60px;}
.footer-left {width: 120px; float: left; height: 60px; text-align:left; padding-left:14px; padding-top:13px;}
.footer-right {margin-left: 120px; height: 60px; text-align:left; padding-top:22px; font: 12px Arial, Tahoma, Verdana, sans-serif; color:#FFFFFF;}