/* CSS RESET */
body { color: black; background: white; }
a {color: black; text-decoration: none;}
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, td { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }


h1.dev-seph {background: #000000 !important; color: #ffffff; font-size: 11px; padding: 3px 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}

body {background: #ffffff; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #4e4e4e;}
#wrap {position: relative;} 
#wrap div.primary,
#wrap div.secondary,
#container {position: absolute; top: 0; left: 50%;}
#container {width:980px; position: relative; left: 0; margin: 0 auto;background: url(body-bg2.gif) repeat-x;}
#wrap div.primary,
#wrap div.secondary {width: 50%;background-repeat: repeat-x; height:180px;}
#wrap div.primary {left: 0; background-image: url(body-bg.gif);}
#wrap div.secondary {left: 50%;background-image: url(body-bg2.gif);}

#header {height:84px; margin-bottom: 1px; width:980px; position: relative; background: url(header-bg.gif) no-repeat 0 0;}
#header h1 {position: absolute; height: 60px; width: 260px; left: 22px; top: 9px;background: url(logo.gif) no-repeat 0 0;}
#header h1 a { display: block; width: 260px; height:60px;}
#header h1 a span {display: none;}
#header ul {background: url(header-separator.gif) no-repeat 50% 0; height:84px; width: 260px; position: absolute; right: 0; top: 0;}
#header ul li {text-transform: lowercase; line-height: 12px; margin: 34px 20px 0 20px; float: left;}
#header ul li a {color: #9e9e9b; padding-left: 25px; background-repeat: no-repeat; background-position: 0 1px;}
#header ul li a:hover {text-decoration: underline;}
#header ul li.home {margin-left: 15px;}
#header ul li.home a {background-image: url(icon-home.gif)}
#header ul li.contact {margin-left: 22px;}
#header ul li.contact a {background-image: url(icon-contact.gif)}
#menu div {display: block; width: 980px; height: 236px;  background: url(top-right.gif) no-repeat 707px 0}
#menu div img {display: block; float: left;}
#menu div ol {display: block; width: 273px; height: 150px; float: right;background: url(top-right-list.gif) no-repeat 0 0; margin-top: 20px;}
#menu div ol li {display: none;}
#menu div h3 {background: url(top-right-header.gif) no-repeat 0 0; width: 208px; height: 20px; float: right; margin: 25px 40px 0 0;}
#menu div h3 span {display: none;}
#menu ul {height: 86px; background: #1f71a0 url(menu-bg.jpg) no-repeat 0 0; padding-left: 340px;}
#menu ul li {float: left; height: 86px; background: url(menu-separator.gif) no-repeat 100% 0; padding-right: 1px;}
#menu ul li a {display: block; float: left; background-repeat: no-repeat;  height: 86px;  background-position: 0 0; padding: 0 20px;}
#menu ul li a span {text-indent: -9999px;display: block; margin-top: 48px; background-repeat: no-repeat;background-position: 0 -18px; float: left;height: 18px;}
/*#menu ul li a:hover { background:#004b77}*/
#menu ul li a.active span { margin-top: 34px !important; background-position: 0 0 !important;}
#menu ul li.home a span         {width: 83px; background-image: url(menu-home.gif);}
#menu ul li.company a span      {width: 44px; background-image: url(menu-company.gif);}
#menu ul li.production a span   {width: 57px; background-image: url(menu-production.gif);}
#menu ul li.offer a span        {width: 83px; background-image: url(menu-offer.gif);}
#menu ul li.network a span      {width: 82px; background-image: url(menu-network.gif);}
#menu ul li.contact a span      {width: 44px; background-image: url(menu-contact.gif);}
#menu ul li.contact {background: none; padding: 0;}

#footer {color: #666666}
#footer p {width: 400px; padding: 10px 10px 20px 10px;}
#footer a {font-weight: bold; color:#94a6b1;}
#footer a:hover {text-decoration: underline;}
#footer strong {color: #b3bcc2;}
#footer p.copyright {float: left;}
#footer p.authors {float: right; text-align: right;}

div.clear {clear: both;}

#content {}
div.content-home {height: 229px;}
div.content-home div.company {height: 228px; width: 354px; border-left: 1px solid #d9d9d9;background: url(home-company-bg.gif) no-repeat 0 56px; border-bottom: 1px #d9d9d9 solid; float: left;}
div.content-home div.company h2 {background: url(home-company-header-bg.gif) no-repeat 0 0; height: 56px; margin-bottom: 20px;}
div.content-home div.company h2 span {text-indent: -9999px; display: block; float: left; margin: 23px 0 0 20px; background: url(home-company-header.gif) no-repeat 0 0; height: 12px; width: 54px; }
div.content-home div.company p {margin: 0 20px; line-height: 18px;}
div.content-home div.news {height: 228px; width: 353px; border-bottom: 1px #d9d9d9 solid; float: left;}
div.content-home div.news h2 {background: url(home-news-header-bg.gif) repeat-x 0 0; height: 56px; margin-bottom: 20px;}
div.content-home div.news h2 span {text-indent: -9999px; display: block; float: left; margin: 23px 0 0 20px; background: url(home-news-header.gif) repeat-x 0 0; height: 12px; width: 82px;}
div.content-home div.news p {margin: 0 20px; line-height: 18px;}
div.content-home div.news p small {font-size: 11px;}
div.content-home div.news h4 {margin: 5px 20px; line-height: 18px; font-size: 11px; color: #015381; font-weight: bold;}
div.content-home p a.more {float: right; font-size: 10px; color: #ffffff; line-height: 20px; width: 57px; text-align: center; background: url(a-more.gif) no-repeat 0 0; margin: 5px; vertical-align: middle;}
div.content-home p a.more:hover {color: #a2e6ff;}
div.content-home div.prices {height: 229px; width: 272px; float: left; background: url(home-prices-bg.gif) no-repeat 0 56px;}
div.content-home div.prices h2 {background: url(home-prices-header-bg.gif) repeat-x 0 0; height: 56px;}
div.content-home div.prices h2 span {text-indent: -9999px; display: block; float: left; margin: 16px 0 0 20px; background: url(home-prices-header.gif) no-repeat 0 0; height: 23px; width: 149px; }
div.content-home div.prices  ul {}
div.content-home div.prices  ul li {height: 70px;}
div.content-home div.prices  ul li a {display: block; height: 70px; background-repeat: no-repeat; background-position: 0 0;}
div.content-home div.prices  ul li a span {display: none;}
div.content-home div.prices  ul li a.blocks {background-image: url(home-prices-bn.gif)}
div.content-home div.prices  ul li a.chemistry {margin-top: 6px; background-image: url(home-prices-chemistry.gif)}

div.content-page {border: 1px solid #d9d9d9; height: 100%; border-top-width: 0;}
div.content-page div.page {width: 657px; float: left; padding: 25px; height:100%; overflow: hidden;font-size: 12px; }
div.content-page div.page h2 {background: url(page-header-bg.gif) repeat-x 0 0; height: 56px; margin: -25px -25px 25px -25px;}
div.content-page div.page h2 span {text-indent: -9999px; display: block; float: left; margin: 23px 0 0 20px; background-repeat: no-repeat; }

div.content-page div.page h2.heading {}
div.content-page div.page h2.heading img {margin: 0 0 0 23px; display: block;}
div.content-page div.page h2.heading span { display: none; }
div.content-page div.page p {margin: 10px 0;line-height: 18px; text-align: justify;}
div.content-page div.page h4 {margin: 10px 0;line-height: 18px; font-size: 12px; color: #015381; font-weight: bold;}
div.content-page div.page h3 {margin: 10px 0 -10px 0;line-height: 18px; font-size: 12px;  font-weight: bold;}
div.content-page div.page div.img {margin: 10px 0 10px 0; }
div.content-page div.page div.img-center {margin-left: auto; margin-right: auto; text-align: center;}
div.content-page div.page div.img-right {float:right;margin: 0 0 10px 10px;}
div.content-page div.page div.img-left {float:left;margin: 0 10px 10px 0; }
div.content-page div.page div.img-right img {display: block}
div.content-page div.page div.img-left img {display: block}
div.content-page div.page div.img img{ border: 2px solid #d5d5d5;}
div.content-page div.page a {color: #014065; text-decoration: none;}
div.content-page div.page ul {list-style-type: disc; margin: 10px 0;}
div.content-page div.page ul li {margin: 0 0 0 20px;}
div.content-page div.page table { margin: 10px auto; border-collapse: collapse; }
div.content-page div.page table tr {text-align: center}
div.content-page div.page table td {}
div.content-page div.page table th {text-align: center; font-weight: bold;}
div.content-page div.page table td,
div.content-page div.page table th {padding: 4px;border: 2px solid #eeeeee}
div.content-page div.page table tbody.thead th, 
div.content-page div.page table thead th {background: #fafafa;color: #015381; }
div.content-page div.page table.blank td {padding: 4px; vertical-align: top; border:none;}
div.content-page div.page table.blank {border:none;}
div.content-page div.prices {height: 229px; width: 272px; float: left; margin-right: -1px; background: url(home-prices-bg.gif) no-repeat 0 56px;}
div.content-page div.prices h2 {background: url(home-prices-header-bg.gif) repeat-x 0 0; height: 56px;}
div.content-page div.prices h2 span {text-indent: -9999px; display: block; float: left; margin: 16px 0 0 20px; background: url(home-prices-header.gif) no-repeat 0 0; height: 23px; width: 149px; }
div.content-page div.prices  ul {}
div.content-page div.prices  ul li {height: 70px;}
div.content-page div.prices  ul li a {display: block; height: 70px; background-repeat: no-repeat; background-position: 0 0;}
div.content-page div.prices  ul li a span {display: none;}
div.content-page div.prices  ul li a.blocks {background-image: url(home-prices-blocks.gif)}
div.content-page div.prices  ul li a.chemistry {margin-top: 6px; background-image: url(home-prices-chemistry.gif)}

div.content-page div.items {width: 272px; float: left; margin-right: -1px; background: url(page-items-bg.gif) no-repeat 0 56px;}
div.content-page div.items h2 {background: url(home-prices-header-bg.gif) repeat-x 0 0; height: 56px;}
div.content-page div.items h2 span {display: none; }
div.content-page div.items ul {padding-bottom: 15px;}
div.content-page div.items ul li {height: 70px;margin-bottom: 6px;}
div.content-page div.items ul li a {display: block; height: 70px; background-repeat: no-repeat; background-position: 0 0;}
div.content-page div.items ul li a img {display: block;}
div.content-page div.items ul li a span {display: none;}

div.content-page div.page div.item {margin: 30px 0; height:100%; overflow: hidden;}
div.content-page div.page div.item img {float: right; border: 4px solid #a8c0cd; margin: 0 0 20px 30px;}

div.content-page div.page form {margin: 10px 0;}
div.content-page div.page form fieldset {margin: 10px 0;}
div.content-page div.page form fieldset legend {display: none}
div.content-page div.page form fieldset div {margin: 5px 0;}
div.content-page div.page form fieldset div label {width: 130px; float: left; text-align: right; line-height: 20px; padding-right: 5px;}
div.content-page div.page form fieldset div input.inputText,
div.content-page div.page form fieldset div textarea {}
div.content-page div.page form fieldset div.submit {padding-left: 135px; height: 25px;}
div.content-page div.page form fieldset div.submit input {background: #33a5dc; color: #ffffff; font-size: 14px; font-weight: bold;margin-right: 5px; float: left; border: 1px solid #2093dc; padding: 3px 5px;}
div.content-page div.page form fieldset div.submit img {float: left; margin-right: 5px; cursor: pointer; display: none;}
div.content-page div.page form input.inputText,
div.content-page div.page form textarea {background: #ffffff; border: 1px solid #c6c6c6; color: #777777; padding: 4px; font-size: 12px; font-family: Tahoma, Arial, Verdana, sans-serif;}
div.content-page div.page form input.inputText {width: 200px;}
div.content-page div.page form textarea {width: 450px; overflow: auto;}
div.content-page div.page p.error {color:#da251e; font-weight: bold;}
div.content-page div.page p.success {color:#da251e; font-weight: bold}