* {padding:0; margin:0}

html, body {width:100%; height:101%; }

body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; color:#000000; background:#FFFFFF}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address {margin:10px 0; font-size:1em}

li, dd, blockquote {margin-left:30px}



/* Заголвоки */

h1 {font-size:1.4em}

h2, .h2 {font:bold 1.25em Trebuchet MS; color:#6c6c6c}

.h2 a {color:#6c6c6c; text-decoration:none}

h3, .h3 {font-size:1.1em}

h4, .h4 {font-size:1.0em; font-weight:bold}

h5, .h5 {font-size:0.9em}

h6, .h6 {font-size:0.8em}

.title, .h1 {margin:15px 0; font:normal 1.55em Trebuchet MS; color:#13448c}

.title.first {margin-bottom:23px}

.title.first u {text-decoration:none}

.title.first h1 {margin:0; font-weight:normal; font-family:Trebuchet MS; font-size:1em}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin:5px 0 0px 0}



/* Таблицы */

table {clear:both; width:100%; border-collapse:collapse; border:0; font-size:0.95em; color:#565656}

table td, table th {padding:3px 6px; vertical-align:middle; text-align:left}

table th {font-weight:normal}

.center td, .center th {text-align:center}

.styled td, .styled th {border:1px solid #fff; background:#ebebeb}





/* Формы */

label.overlabel {position:absolute; top:-8px; left:5px; color:#000}

label.overlabel-apply {position:absolute; top:-8px; left:5px; z-index:1; font-size:1em; color:#000000}

input, textarea {padding:1px 3px; border:1px solid #cbcbcb; background:#f6f6f6; vertical-align:middle; font-family:Tahoma; font-size:1em}

textarea {overflow-y:auto}

select {border:1px solid #255aa7; background:#f6f6f6; vertical-align:middle; font-family:Tahoma; font-size:1em}

#header input, #header select {border-color:#255aa7}

button, a.button {border:0; cursor:pointer; padding:0 10px 0 0; text-align:center; vertical-align:middle}

button span, a.button span {position:relative; display:block; white-space:nowrap; padding:0 0 2px 10px}

button, a.button {background:url(../files/btn_blue_right.gif) right no-repeat; font-size:1em}

button span, a.button span {height:17px; line-height:16px; background:url(files/btn_blue_left.gif) left no-repeat; color:#fff}

input.checkbox {width:auto !important; padding:0; border:0; background:none; vertical-align:middle}



/* Стили текста */

.bold {font-weight:bold}

.small {font-size:1.05em !important}



/* Цвета */

.grey {color:#666666}



/* Списки */

ul li {position:relative; margin:0; padding:0 0 0 13px; background:url(../files/bullet.gif) 0 0.7em no-repeat; list-style:none}



.clearfix:after {content:"."; display:block; height:0;  visibility:hidden}

.clearfix {display:inline-block}

* html .clearfix {height:1%}

.clearfix {display:block}



.left {text-align:left}

.right {text-align:right}

.center {text-align:center}

.middle {vertical-align:middle}

.fleft {display:block; float:left}

.fright {display:block; float:right}

img.fleft {float:left; margin:5px 15px 5px 0}

img.fright {position:relative; float:right; margin:5px 0 5px 15px}



/* Ссылки 

---------------------------------------------------------- */

a img {border:0}

a {color:#13448C/*#255aa7*/; text-decoration:underline}

a:hover, a:focus, a:active {color:#00a0f3; text-decoration:underline}



/* Слои 

---------------------------------------------------------- */

#banners, #claim .cont div, .pages ul, .back-link {overflow:auto; zoom:1}



#page {width:83.8em; max-width:1240px; min-width:800px; margin:0 auto; padding:33px 25px 0 25px; font-size:11px; background-color: #FFFFFF}

#header {}

#content {padding:7px 0 35px 0}

#sidebar-left {position:relative; float:left; width:223px}

#main {float:left; width:100%; margin:0 -140px 0 -123px; padding:0}

#main-container {margin:0 0px 10px 190px; line-height:1.4em; font-size:1.05em}

#sidebar-right {float:right; width:192px; padding:0}

#footer {margin:0 0 0 64px; background:url(../files/footer_line.gif) repeat-x; color:#717171}



/* Внутренние слои */

.inner-1 #main-container, .inner-1 #sidebar-right {position:relative; margin-top:-165px}

.two-cols #main-container {margin-right:0}

.two-cols #sidebar-right {margin-top:0; margin-left:30px; font-size:0.9em}

.one-col #main, .one-col #main-container {margin:0 !important}

.one-col #sidebar-right {margin-top:0; margin-left:30px; font-size:0.9em}

.one-col #sidebar-left {margin-top:0px; margin-right:30px; margin-bottom:30px; font-size:0.9em; line-height:normal}

.one-col #content {padding:0}



/* Header

---------------------------------------------------------- */

#logo {position:relative; float:left; width:185px; height:66px; overflow:hidden; margin:-5px 0 0 -9px}

#logo a, #logo span {display:block; height:100%; font-size:2.2em; text-align:center; color:#007ec7}

#logo a span, #logo span span {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../files/logo.gif) no-repeat}



#search {float:right; width:43.72em; max-width:700px; padding:0 0 11px 0; background:url(../files/search_shadow.jpg) #eee 50% 100% no-repeat}

#search option {padding-left:5px}

#search form {margin:0}

#search fieldset {margin:0; padding:21px 0 21px 22px; border:0}

#search fieldset div {position:relative; float:left}

#search #search-input {width:153px; margin:0 3px 0 0}

#search select {width:209px}

#search button {margin:0}



/* Styles for Opera */

@media all and (min-width:0px){#search button {margin:0px 0 0 3px}

	#search select {height:16px}}

/* End Styles for Opera */



#header-contacts {float:right; max-width:380px; padding:0 0 13px 0; background:url(../files/header_contacts_bg.jpg) #0169af 100% 100% no-repeat; color:#fff}

#header-contacts ul {margin:0; padding:7px 57px 6px 36px}

#header-contacts li {margin:7px 0; padding:0; background:none; list-style-type:none}

#header-contacts li img {margin:0 6px 0 0; vertical-align:middle}



#header .wrapper {clear:both}



#nav {position:relative; display:inline; float:left; margin:0px 0 0 48px}

#nav ul {margin:0}

#nav ul li {position:relative; margin:0; padding:3px 0 3px 15px; background:url(../files/nav_bull.gif) 0 0.72em no-repeat; list-style:none}

#nav ul li a {font-weight:bold}

#nav ul li.active {background-image:url(../files/nav_bulm.gif)}

#nav ul li.active a {text-decoration:none; color:#00a0f3} 

.one-col #nav, x:-moz-any-link {margin-top:-28px}

.one-col #nav ul {margin-bottom:0}





#banners ul {margin:30px 0 0 0; padding:0 0 0 51px}

#banners ul li {display:inline; float:left; width:18.5%; margin:0 0 0 13px; padding:0 0 12px 0; background:url(../files/banner_shadow.gif) 50% 100% no-repeat; list-style:0}

#banners ul li div {position:relative; height:94px; border:solid #92acd3; border-width:1px 1px 0 1px; background:url(../files/banner_bg.jpg) #0172bb 100% 100% no-repeat}

#banners ul li div a {display:block; height:100%; background:url(../files/banner_arrow.gif) 14px 90% no-repeat; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#fff}

#banners ul li div a:hover {text-decoration:underline}

#banners ul li div a span {position:relative; display:block; padding:7px 35px 7px 11px; z-index:2}

#banners ul li div img {position:absolute; right:7px; bottom:7px; z-index:1}



/* Content

---------------------------------------------------------- */

#main-container .title, #main-container .h1 {font-size:1.5em}



#breadcrumbs {clear:both; margin:0 192px 0 266px; padding-top:20px; padding-right:30px; line-height:1.55em}

#breadcrumbs span {padding-right:5px; color:#a3a3a3; font-weight:bold; font-size:1em}

#breadcrumbs font {font-weight:bold; padding-right:6px; font-size:0.96em}

#breadcrumbs img {margin-right:5px; margin-bottom:9px; position:relative; bottom:-9px}



.inner-3 #breadcrumbs {margin-left:64px; margin-right:0px}

.two-cols #breadcrumbs {margin-right:0px}



.news-list {margin:0 0 30px 0}

.news-list dt {font-weight:bold; color:#858585}

.news-list dd {margin:0 0 -5px 0}

.news-list dd a {margin:5px 0 0 0; line-height:1.2em;  font-size:0.95em}

.news-list dd p {margin:5px 0 0 0; line-height:1.2em;  font-size:0.95em}

.news-list .news-title {display:block; font-weight:bold}



.pages {margin:30px 0 0 0}

.pages ul li {float:left; margin:0 4px 0 0; padding:0; background:url(../files/pages_corner_lt.gif) #dfdfdf no-repeat; list-style:none; line-height:normal}

.pages ul li a, .pages ul li span {display:block; background:url(../files/pages_corner_rt.gif) 100% 0 no-repeat}

.pages ul li a span, .pages ul li span span {background:url(../files/pages_corner_rb.gif) 100% 100% no-repeat}

.pages ul li a span span, .pages ul li span span span {padding:4px 9px; background:url(../files/pages_corner_lb.gif) 0 100% no-repeat}

.pages ul li span span span {padding-left:8px; padding-right:8px;  font-weight:bold; color:#7b7c7d}



#pages-jump {font-size:0.95em; font-weight:bold; margin-bottom:13px}

#pages-jump a {font-weight:normal}

#pages-jump span {color:#E72B05; font-weight:normal}





.files-list li {position:relative; margin:0 0 20px 0; padding-left:18px; background-image:url(../files/bullet_2.gif); background-position:0 0.3em}

.files-list a {font-weight:bold}



.special-list {font-size:0.9em}

.special-list .date {background-position:0 55%}

.special-list dd {margin:0 0 5px 0; font-size:1.1em; line-height:1.2em}

.special-list dd a {font-weight:bold}

.special-list dd p {margin:5px 0 0 0; line-height:1.2em;  font-size:0.95em}

.special-title {line-height:normal; font-size:0.9em; font-weight:bold; color:#255aa7}



.back-link {margin:30px 0 0 0}

.back-link a {display:block; float:left; padding:5px 20px 5px 28px; background:url(../files/arrow_2.gif) #eeeeee 10px 55% no-repeat; font-weight:bold; font-size:0.9em}



#order-form .field-title {width:100%}

#order-form table b {font-weight:normal}

#order-form td input {text-align:right}

#order-form .button-row {padding:5px 0; margin:0; border-color:#c9c9c9 #c9c9c9 #fff #fff}

#order-form .button-row.button {border-right:none}

#order-form .button-row.button button {float:right; margin:3px 0}

#order-form .button-row .total {float:right; padding:0 8px; font-weight:bold; font-size:1.1em; color:#255aa7; text-align:center}

#order-form .total, #order-form .total input {font-weight:bold; text-align:center}

#order-form .total input {text-align:right}

#order-form button {float:left; position:relative; margin:0 4px 0 0; zoom:1}

.recalculate {border:none; text-align:right; padding-right:0}

.recalculate button {display:block; float:right !important; margin:0 !important}

#order-form .info {float:right; width:280px}

#order-form .info .title {margin-top:0}

#order-form .info p {margin:15px 0; font-size:0.9em; line-height:normal}

#order-form strong {font-weight:normal}



div.form-container form p {margin:0}

div.form-container form p.note {margin-left:98px; font-size:90%; color:#333}

div.form-container form fieldset {margin:20px 0; border:none; font-size:0.9em; color:#565656}

div.form-container form legend {text-align:right; padding:0 0 20px 54px; font:normal 1.55em Trebuchet MS; color:#13448c}

div.form-container form fieldset div {padding:0.1em 0}

div.form-container fieldset input, div.form-container fieldset textarea {width:231px; padding-top:2px; padding-bottom:2px}

div.form-container fieldset input.half {width:110px; padding-top:2px; padding-bottom:2px}

div.form-container label, 

div.form-container span.label {margin:0 10px 0 0; width:95px; display:block; float:left; text-align:right; position:relative}

div.form-container label.error, 

div.form-container span.error {color:#C00}

div.form-container label em, 

div.form-container span.label em {position:absolute; right:0; font-size:120%; font-style:normal; color:#C00}

div.form-container input.error {border-color:#C00; background-color:#FEF}

div.form-container input:focus,

div.form-container input.error:focus, 

div.form-container textarea:focus {border-color:#979797}

div.form-container div.controlset label, 

div.form-container div.controlset input {display:inline; float:none}

div.form-container div.controlset div {margin-left:170px}

div.form-container div.buttonrow {margin-left:108px}

div.form-container div.buttonrow button, x:-moz-any-link {margin:0 0 0 -6px !important}



.search-result {line-height:normal; font-size:1em}

.search-result li {margin:0 0 20px 20px}

.search-result-link {display:block}

.search-result-link-section {color:#656971}

.search-result-text-section {color:#656971}

.search-result div {margin:5px 0}

.search-result ul li {list-style-type:none}



/* 404 */

#error-404 {font-family:Tahoma, Arial, Helvetica, sans-serif}

#error-404 #logo {display:inline; width:234px; height:83px; float:right !important; margin:34px 100px}

#error-404 #title {clear:both; height:59px; padding:15px 0 0 20px; background:url(../files/404_bg.png) #0369b1 no-repeat; font-family:Arial Narrow; color:#fff; font-size:2.5em}

#error-404 #title span {font-size:2em}

#error-404 #text {padding:10px 20px; font-size:1.4em}

#error-404 #text p {font-size:0.95em}

#error-404 #text h1 {font-size:1.6em; font-weight:normal; font-family:Trebuchet MS; color:#13448c}

#error-404 #text ul {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:0.95em}

#error-404 #text ul li {margin:20px; background-position:0 6px}

#error-404 #text ul li strong {display:block}

#error-404 #text .back-link {font-family:Tahoma, Arial, Helvetica, sans-serif; padding:0 0 0 33px; font-size:1em; font-weight:bold}

#error-404 #copyright {margin:30px 0 0 53px; font-size:1.3em; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:1.5em}



/* Popup feedback form */

#feedback-form form {margin:0}

#feedback-form input {width:190px; margin-bottom:3px; vertical-align:bottom}

#feedback-form textarea {width:190px; margin-bottom:3px; height:100px} 

#feedback-form fieldset {border:0; margin:5px 0 0 0}

#feedback-form div {position:relative}

#feedback-form {display:none}

#feedback-form .overlabel-apply {color:#6d6d6d} 



/* Sidebar (Left)

---------------------------------------------------------- */



#sidebar-left .title {padding:0 0 0 63px}

.one-col #sidebar-left .title {font-size:1.52em}



.one-col #sidebar-left #nav {margin-bottom:22px}



#news-short {margin:0 0 30px 0}

#news-short dl {margin:26px 0 0 0}

#news-short dt {float:left; width:28px; margin:3px -63px 0 0; padding:2px 17px 2px 3px; background:url(../files/date_bg.gif) no-repeat; color:#255aa7}

#news-short dd {margin:0 0 20px 63px}



#feedback .cont {padding:0 0 11px 0; background:url(../files/feedback_shadow.gif) #eeeeee 100% 100% no-repeat}

#feedback-cont {position:relative; padding:18px 0 18px 10px; border-left:6px solid #0169b0}

#feedback img {margin:0 13px 0 10px; vertical-align:middle}



#feedback-popup {margin:0; padding:0; background:#eee; font-size:12px}

#feedback-popup #close {position:absolute; display:block; zoom:1; right:0; top:0; z-index:10}

#feedback-popup form {margin:0}

#feedback-popup fieldset {margin:0; padding:15px 10px}

#feedback-popup fieldset div {padding:2px 0}

#feedback-popup fieldset label {padding:3px 0}

#feedback-popup fieldset #to {padding-bottom:10px}

#feedback-popup fieldset #to label {padding:0}

#feedback-popup fieldset #to img {margin:0 20px 0 0; vertical-align:middle}

#feedback-popup fieldset #message {padding-top:10px; background:url(../files/feedback_logo.gif) 40px 50% no-repeat}



.ad {margin:20px 0}



/* Sidebar (Right)

---------------------------------------------------------- */



#claim {margin:0 0 30px 0}

#claim fieldset {border:0}

#claim .cont {margin:0 0 4px 0; padding:10px 13px; background:#eeeeee}

#claim .cont div {margin:3px 0}

#claim label {float:left; margin:0; line-height:1.6em}

#claim input {float:right; width:63px; text-align:right}

.two-cols #sidebar-right .title, .one-col #sidebar-right .title {font-size:1.52em}



#main-container #sidebar-right .title, x:-moz-any-link {margin-top:0}

#sidebar-right button, x:-moz-any-link {margin:0 0 0 -3px}



#subscribe p {margin:10px 0 8px 0; line-height:normal}

#subscribe form {margin:0}

#subscribe fieldset {border:0; margin:10px 0 0 0}

#subscribe div {position:relative; margin:3px 0}

#subscribe .overlabel-apply {color:#6d6d6d}



/* Footer 

---------------------------------------------------------- */



#made-in {position:relative; float:left; margin:0; padding:18px 0 0 0}

#made-in a {display:block; width:11em; padding:; 

text-decoration:none; color:#717171}

#programming a {background:none}



#footer-contacts {float:right; padding:12px 25px 0 0; border-top:6px solid #0174be}

#footer-contacts dl {width:12.3em; margin:0; line-height:1.36em}

#footer-contacts dt {float:left; margin:0 3px 0 0}

#footer-contacts dd {margin:0; white-space:nowrap}

#footer-contacts ul {margin:4px 0; overflow:hidden}

#footer-contacts ul li {float:left; margin:0 0 0 -5px; padding:0 10px 0 5px; border-left:1px solid #717171; background:none; list-style:none}

.first {border-left:none !important}



#copyright {padding:23px 0 0 0; margin:0 0 0 188px}

#copyright a, #copyright a:visited {color:#000000; font-size:0.97em; text-decoration:underline}

#copyright a:hover {color:#717171; text-decoration:underline}

#copyright .catLink {margin-left:20%}

#counters {margin:15px 0 0 203px}

.count {display:none}

#counters a {display:block; float:left; margin:0 8px 0 0}

#show {display:none}





/*#########################################################*/



/* Главная страница сайта

---------------------------------------------------------- */



/* Блок "Спецпредложения */

#special {float:right; width: 678px; overflow:hidden; padding:15px 0 0 0; font-size:1.05em}

.open {position:absolute; z-index:11; margin: 3px 0 0 643px;} 

.special-header {height:21px; width: 678px; background-color:#0169B0; background-image:url(../files/special_bg.gif); background-repeat:no-repeat}

.special-header span {float:left; font:normal 1.1em arial; color:#ffffff; padding:2px 0 0 10px}

.special-header a {float:right; margin:3px 3px 0 0; }

.specialShort {width: 661px; height: 137px; border:0; border-top:none; padding:5px 5px 0 10px; position:absolute; z-index:10; background-color: #F6F6F6; overflow-y: scroll; overflow-x: hidden}

.specialFull {width: 661px; height: 600px; border:0; border-top:none; padding:5px 5px 0 10px; position:absolute; z-index:10; background-color: #F6F6F6; overflow-y: scroll; overflow-x: hidden}

.special-content {margin-left:2px}

.special-content table td span {font-weight:normal}

.special-content table td a {text-decoration:none}

.about-productions {font-size:0.95em}

.about-productions h4 {font-size:1em; margin:5px 0; padding:0; font-weight:normal}

.tpa {font-size:0.95em}

.tpa p {margin:0 0 5px 0}

.tpa em, .tpa i, .tpa b, .tpa u {font-weight:normal; font-style:normal; text-decoration:none}





/* Описание для главной страницы и страницы "О компании" */

#listMission {margin:0 0 15px 0; display:none}

.companyMission   {margin:0 0 15px 0}

.companyMission p {margin:0 0 5px 0; padding:0; margin-bottom:15px}

.companyMission h1 {font-size:1em; font-weight:normal; margin:0 0 15px 0}

.companyMission em, #listMission em, .product em {font-style:normal}

.companyMission strong {font-weight:normal}

#listMission h3 {margin:5px 0 4px 0; font-size:1em} 



/* Описание для главной страницы 2 */

#section {padding:2px 0 10px 0; border-bottom:1px dotted; line-height:1.3em}

#section h5 {font-weight:normal; font-size:1em; display:inline; font-family:Tahoma}

#section span {margin-top:3px}

#section h2 {font-size:1em; margin: 0 0 3px 0; font-family:Tahoma}

#section h4 {font-size:1em; font-weight:normal; display:inline; line-height:1.3em; font-family:Tahoma}

#name-tpa, #name-dt, #name-mp, #name-pu {font-size:0.95em; display:none; margin:10px 0 0 0; padding:5px 5px 8px 8px; border:1px dotted; line-height:1.3em}





/* Наименования товаров в левом столбике */

.keywords-links {margin-left:6px}

/*.keywords-links a {}

.keywords-links a:hover {}*/

.keywords-links h2 {margin:3px 0 0 0; font-size:1em; font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif}

.keywords-links p {margin:3px 0 0 0}

.keywords-links b {font-weight:normal}



/* Документы правого столбика

---------------------------------------------------------- */



/* Приглашаем к сотрудничеству */

.invitation {margin-top:35px; width:192px; height:46px; background-image:url(/files/uploads/files/partnersBG.png); background-repeat:no-repeat; background-position:top}

.invitation span {display:none}

.invitation a:link, .invitation a:visited {width:192px; height:46px; display:block; background-image:url(/files/uploads/files/partnersLINK.gif); background-repeat:no-repeat; background-position:bottom}

.invitation a:hover {width:192px; height:46px; display:block; background-image:url(/files/uploads/files/partnersLINKhover.gif); background-repeat:no-repeat; background-position:bottom}





/* Каталог 

---------------------------------------------------------- */



/* Заголовки подразделов */

.item, .item1 {margin:0; padding:0 0 15px 0; font-size:1em; line-height:1.6em}



/* Перечень товаров с коротким описание */

.normal {font-weight:normal; font-size:0.95em; margin:0; padding:0}

.normal li {margin:0;  padding:0 0 17px 0 ; list-style:none; line-height:1.3em; background-image:none}

.normal h4 {margin:0; text-decoration:underline}



/* Страница с описанием товара */

.product img {float:right; margin:0 0 10px 10px}

.product table {margin:0}

.product table span {color:#666666}

.product td {text-align:center}

.product em {font-style:normal}

.product i {font-style:normal; font-weight:bold; font-size:0.95em}

.product a {background-image:url("/includes/files/icon_ok.gif"); background-repeat:no-repeat; background-position:left center; padding-left:15px;}

.product b {font-weight:normal}

.product li {margin-left:13px}

.product h2 {font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; font-size:100%; color:#000000;}



/* Популярные товары */

div.goods .directory_shadow {width:353px; padding-bottom:10px; margin:25px 0 10px 0; background:url(/files/uploads/files/directory_shadow.gif) no-repeat; background-position:bottom left}

div.goods .directory {position:relative; padding:10px 20px 10px 10px; background-color:#eeeeee; border-left:6px solid #0169b0} 

div.goods .directory a {font-size:0.96em; background-image:url(/includes/files/icon_ok.gif); background-repeat:no-repeat; padding:0 0 0 17px; background-position:left center}

div.goods h3 {margin:0; padding-bottom:5px; font:normal 1.55em Trebuchet MS; color:#13448c}

div.goods .shadow {line-height:1.9em}

div.goods .shadow a {text-decoration:none; border-bottom: 1px dotted}

div.goods .shadow a:hover {border-bottom: 1px dotted}

div.goods .shadow a strong {font-weight:normal}

div.goods .name-0 {font-size:1em}

div.goods .name-1 {font-size:1.1em}

div.goods .name-2 {font-size:1.1em}

div.goods .name-3 {font-size:1.1em}

div.goods .name-4 {font-size:1.1em}

div.goods .name-5 {font-size:1.1em}