html { height: auto !important; height: 100%; min-height: 100%; }
body { padding: 0; margin: 0; font-family: "Open Sans", tahoma; font-size: 14px; color: #000000; height: auto !important; height: 100%; min-height: 100%; position: relative; font-weight: 400; }
form, div { border: 0px; padding: 0px; margin: 0px; }
table, td  { border: 0px; margin: 0px; }
table { padding: 0px; }
td, div { font-family: "Open Sans", tahoma; font-size: 14px; color: inherit; text-align: inherit; line-height: 1.6em; font-weight: 400; }
img {   }
img.right { float: right; margin: 0px 0px 5px 10px; }
img.left { float: left; margin: 0px 10px 5px 0px; }
img.bordered { border: 2px solid #8d959a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

a { outline: none; color: #227ac3; font-family: "Open Sans", tahoma; font-size: 14px; text-decoration: underline; cursor: pointer; transition: all 0.3s ease-out; }
a:hover { color: #000000; }

a img { border: 0px; }
p { text-indent: 0px; margin: 0px 0px 14px 0; padding: 0px; }

h1, h1 a, h2, h2 a, h3, h3 a { line-height: normal; padding: 0px 0px 0px 0px; font-weight: normal; color: #227ac3; }
h1, h1 a { font-size: 26px; margin: 0px 0px 12px 0px; }
h2, h2 a { font-size: 20px; margin: 0px 0px 10px 0px; }
h3, h3 a { font-size: 18px; margin: 0px 0px 8px 0px; color: #000000; }

ul li { color: red; }
ul li { list-style: none; padding-bottom: 10px; color: #000000; position: relative; }
form input, form textarea, form select { font-size: 14px; font-family: tahoma; }
hr { border-bottom: 1px dotted #21140C; border-top: none; border-left: none; border-right: none; background-color: transparent; height: 1px; padding: 0; margin: 4px 0px; }

ul li:before { width: 9px; height: 9px; position: absolute; top: 8px; left: -20px; content: ""; background: url(./images/ul.png) no-repeat 0 0; }

/******************************************************************************************************/
ol {
    counter-reset:li; /* Инициализируем счетчик */
    padding:0; /* Удаляем  установленное по умолчанию левое поле*/
    list-style:none; /* Отменяем нумерацию установленную по умолчанию */
}
ol li {
    position:relative; /* Создаем контекст для позиционирования элементов */
    margin:0 0 6px 3em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
    padding:4px 8px;
}
ol li:before {
    content:counter(li); /* В качестве данных используем счетчик */
    counter-increment:li; /* Увеличиваем значение счетчика на 1 */
    /* Позиционируем и стилизируем цифры */
    position:absolute;
    top:7px;
    left:-2em;
    width:1.7em;
    /*padding:2px 0;*/
    color:#fff;
    background:#227ac3;
    /*font-weight:bold;*/
    text-align:center;
	border: 1px #227ac3;
    border-radius: 2px;
}
/******ext_styles*****/
.page-footer a {
    text-decoration: none;
}
/***************************/
.i-block {  }
.i-block .i-block-title  { padding-bottom: 15px; }
.i-block .i-block-title, .i-block .i-block-title a { font-size: 24px; color: #227AC3; text-align: center; font-weight: bold; text-decoration: none; }
.i-block .i-block-content {  }

.i-block .r-block { padding: 0; margin: 0; list-style: none; }
.i-block .item { padding: 0; margin: 0; list-style: none; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }
.i-block li.item:before { display: none; }
.i-block .item > a, .i-block .image > a { display: block; text-decoration: none; }
.i-block .image {  }
.i-block .name { margin-bottom: 6px; }
.i-block .name a { font-size: 16px; }
.i-block .text { clear: both; }
.i-block .date { margin-bottom: 8px; padding-left: 18px; background: url(./images/date_pic.png) no-repeat 0% 50%; color: #666; }
.i-block-more a span { padding: 4px 14px; text-decoration: none; border: none; cursor: pointer; background-color: #227ac3; color: #fff; margin: 0; display: inline-block; position: relative; }
.i-block-more a:hover span { background-color: #67AAE4; color: #fff; }

.input-field { margin-bottom: 10px; }
.f-left { float: left; width: 48%; }
.f-right { float: right; width: 48%; }
.f-submit { clear: both; padding: 10px 0; }
.f-submit span { display: block; float: left; }
.f-submit .button-submit { display: block; float: right; }
.input-text { border: 1px solid #263238; padding: 6px 6px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; }
.input-text-error {  }

.clearfix:after { content:"."; clear:both; display:block; height:0; font-size:0; visibility:hidden;}
.clearfix {display:inline-block}
/* Хак для IE 6 и 7 спрятанный от IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* Конец хака */
.rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.button-submit { padding: 6px 20px; text-decoration: none; border: none; cursor: pointer; background-color: #227ac3; color: #fff; margin: 0; display: inline-block; position: relative; }
.button-submit:hover { background-color: #67AAE4; color: #fff; }
.button-submit:before { position: absolute; top: 0; left: 0; bottom: 0; display: block; content: ""; }

.ico-dwl { padding: 15px 50px 15px 70px; }
.ico-dwl:before { background: url(./images/2-download.png) no-repeat 50% 50%; width: 60px; }

body { background: #ffffff; text-align: center; }
.page-wrapper { text-align: center; position: relative; padding-top: 77px; }
.page-index { padding-top: 0; }
.page-in { text-align: left; margin: 0 auto; width: 1140px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 20px; padding-right: 20px; clear: both; }

a.ico { display: inline-block; white-space: nowrap; text-decoration: none; }
a.ico i, i.ico, .i-block-title i { width: 18px; height: 18px; background-image: url(./images/icons18x18.png); background-repeat: no-repeat; background-position: 0 50%; display: inline-block; float: left; margin-right: 8px; }
a.ico span { display: inline-block; border-bottom: 1px dotted #007ec7; transition: all 0.3s ease-out; }
a.ico:hover span {  }

.page-top { position: fixed; top: 0; left: 0; right: 0; z-index: 1100;  }
.page-top .page-in { border-bottom: 4px solid #227AC3; padding-top: 14px; padding-bottom: 14px; background-color: rgba(255, 255, 255, 0.9); }
.page-index .page-top { } 
.page-index .page-top .page-in { background-color: rgba(0, 20, 40, 0.9); }
.page-top .top-logo { float: left; }
.page-top .top-logo img { display: block; }
.main-menu { float: right; padding-top: 8px; }
.main-menu ul { list-style: none; margin: 0; padding: 0; }
.main-menu li { list-style: none; padding: 0; margin: 0; position: relative; }
.main-menu .menu-ul-root li { margin: 0 4px; float: left; }
.main-menu .menu-ul-root ul { display: none; }
.main-menu li a { display: block; line-height: 36px; text-decoration: none; color: #000; padding: 0 25px; font-weight: 600; }
.main-menu a:hover, .main-menu .active > a, .main-menu li:hover > a  { color: #ffffff; background-color: #227AC3; } 
.page-index .main-menu ul li a { color: #ffffff; }
.main-menu li:before { display: none; }

.main-menu .menu-ul-root li ul { position: absolute; top: 100%; left: 0; z-index: 1000; padding-top: 19px; white-space: nowrap; }
.main-menu .menu-ul-root li ul li { float: none; position: static; margin: 0; background-color: #ffffff; border-bottom: 1px solid #dddddd; }
.page-index .main-menu ul.menu-ul-root li ul li { border-bottom: 1px solid #444444; }
.main-menu .menu-ul-root li ul li a { }
.page-index .main-menu ul li ul li { background-color: rgba(0, 20, 40, 0.9); }
/* #227AC3 */
.slicknav_menu { display:none; position: relative; }
.slicknav_menu .slicknav_btn { float: right; text-decoration: none; top: -52px; right: 0; z-inedx: 1000; padding: 0 10px; position: absolute; }
.slicknav_menu .slicknav_btn.slicknav_open, .slicknav_menu .slicknav_btn.slicknav_open:hover { background-color: #227AC3; }
.slicknav_menu .slicknav_btn:hover .slicknav_menutxt, 
.slicknav_menu .slicknav_btn.slicknav_open .slicknav_menutxt { color: #ffffff; }
.slicknav_menu .slicknav_menutxt { font-weight: 600; text-transform: uppercase; line-height: 60px; font-size: 24px; float: right; margin-left: 14px; }
.slicknav_menu .slicknav_icon { float: right; width: 60px; }
.slicknav_menu .slicknav_icon-bar { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; display: block; height: 4px; width: auto; background-color: #227AC3; margin: 12px 0; font-size: 1px; overflow: hidden; }
.slicknav_menu .slicknav_btn:hover .slicknav_icon-bar, 
.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon-bar { background-color: #ffffff; }
.slicknav_menu .slicknav_nav { clear: both; width: 100%; background-color: #227AC3; }
.slicknav_menu ul li a { display: block; text-decoration: none; color: #fff; padding: 8px 20px; font-weight: 600; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #fff; }
.slicknav_menu .slicknav_arrow { color: #fff; top: 10px; right: 20px; position: absolute; }
.slicknav_menu a.slicknav_row { padding: 0; border-bottom: none; }
.slicknav_menu ul li ul li a, .slicknav_menu ul li ul li a:hover { background-color: #67AAE4; text-transform: none; }



.image-slider { position: relative; }
.image-slider ul, .image-slider li { list-style: none; margin: 0; padding: 0; display: block; }
.image-slider .item a { display: block; }
.image-slider .slider-prev, .image-slider .slider-next { position: absolute; top: 50%; margin-top: -14px; width: 17px; height: 28px; z-index: 1001; cursor: pointer; }
.image-slider .slider-prev { left: 50px; background: url(./images/kachestvo-prev.png) repeat-x 0% 0%; }
.image-slider .slider-next { right: 50px; background: url(./images/kachestvo-next.png) repeat-x 0% 0%; }

.main-banners { width: auto; overflow: hidden; margin: 0 auto; } 
.main-banners .item { overflow: hidden; text-align: center; position: relative; width: 100%; }
.main-banners .item .image img { width: 100%; height: auto; }
.main-banners .name, .main-banners .text { position: absolute; }
.main-banners .name { left: 0; right: 0; top: 40%; text-align: center; }
.main-banners .name span { width: 40%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px; font-size: 16px; font-weight: bold; background-color: rgba(22, 122, 195, 0.4); display: block; color: #ffffff; }
.main-banners .text { left: 0; right: 0; bottom: 0; background-color: rgba(22, 122, 195, 0.8); color: #ffffff; padding: 15px 0; margin: 0; }
.main-banners .text .page-in { text-align: center; }

.mini-banners { width: auto; overflow: hidden; margin: 0 auto; }
.mini-banners .item { width: 100%; overflow: hidden; text-align: center; position: relative; }
.mini-banners .item .image img { width: 100%; height: auto; }
.mini-banners .name { display: none; }

.main-video { height: 100vh; overflow: hidden; position: relative; /*height: auto !important; height: 100%; min-height: 100%;*/ }
.main-video video { background: transparent; background-color: transparent; height: auto; min-height: 100%; min-width: 100%; position: static; right: 0; width: auto; z-index: -100; display: inline-block; vertical-align: baseline; }
.main-video .i-block-more { position: absolute; left: 0; right: 0; top: 30%; z-index: 10; }
.main-video .i-block-more a, .main-video .text span { margin: 0 auto; width: 1140px; display: block; }
.main-video .i-block-more a { color: #ffffff; text-decoration: none; }
.main-video .i-block-more a span { display: block; padding: 30px; font-size: 26px; line-height: 36px; background-color: rgba(22, 122, 195, 0.4); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%; text-align: left; transition: all 0.3s ease-out; }
.main-video .i-block-more a:hover span { background-color: rgb(22, 122, 195); }
.main-banners .name span { width: 50%; }
.main-video .text { left: 0; right: 0; bottom: 0; background-color: rgba(22, 122, 195, 0.8); color: #ffffff; margin: 0; position: absolute; }
.main-video .text span { text-align: center; padding: 15px 0; }

.catalog-menu {  }
.catalog-menu ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #227ac3; }
.catalog-menu ul li { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #eee; }
.catalog-menu ul li a { padding: 12px 10px; display: block; color: #000; font-size: 16px; text-decoration: none; font-weight: 600; }
.catalog-menu ul li a:hover { background-color: #227ac3; color: #ffffff; } 
.catalog-menu .active a { background-color: #227ac3; color: #ffffff; }
.catalog-menu li:before { display: none; }

.top-search { float: right; background: url(./images/search_back_blue.jpg) repeat-x 0% 0%; width: 350px; }
.top-search .top-search-in { height: 50px; background: url(./images/menu_seach_razd.jpg) no-repeat 0% 0%; }
.top-search form { padding: 10px 30px 10px 40px; }
.top-search .top-search-input { padding: 6px 30px 6px 5px; background: #ffffff; border: #000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }
.top-search .top-search-input input { border: none; background: transparent; }
.top-search .top-search-input .q-text { width: 100%; font-size: 14px; }
.top-search .top-search-input .q-text-empty { color: #cadde9; }
.top-search .top-search-input .q-submit { text-indent: 200px; background: url(./images/search_but.png) no-repeat 50% 50%; width: 24px; height: 24px; cursor: pointer; position: absolute; top: 4px; right: 4px; }

.main-content { padding: 30px 0; }
.main-content-left { float: left; width: 24%; }
.main-content-right { float: right; width: 74%; }


.bx_breadcrumbs { margin-bottom: 20px; }
.bx_breadcrumbs li:before { display: none; }
.bx_breadcrumbs a, .bx_breadcrumbs ul li span { font-size: 14px; color: #666; } 

.products-list {  }
.products-list .item { margin: 0 1% 20px 1%; width: 48%; float: left;  overflow: hidden; }
.page-index .products-list .item { margin: 0 1% 28px 1%; width: 31%;  }
.products-list .image { height: 200px; }
.products-list .image img { width: 100%; height: auto; transition: all 0.1s ease-out; }
.products-list .name { position: absolute; top: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); color: #fff;  text-decoration: none; padding: 8px 10px; font-size: 16px; transition: height 0.3s ease-out; }
.products-list ul li a:hover .name {  }
.products-list a:hover .image img { width: 110%; margin: -5% 0 0 -5%; }


.page-index  .aplication-list { margin: 0 7%; }
.aplication-list {  }
.aplication-list .item { margin: 0 1% 20px 1%; width: 23%; float: left; overflow: hidden; text-align: center; }
.page-index .aplication-list .item { margin: 0 2% 20px 2%; width: 16%; } 
.aplication-list .item > a { width: 100%; }
.aplication-list .image { margin: 0 auto 14px auto; } 
.aplication-list .name { text-decoration: none; display: block; color: #000; font-size: 13px; }


.video-list {  }
.video-list .item { margin: 0 4% 28px 0; width: 46%; float: left; }
.video-list .image { height: 200px; overflow: hidden; }
.video-list .image img { min-width: 100%; min-height: 100%; width: auto; height: auto; transition: all 0.1s ease-out; }
.video-list .name { background-color: #227ac3; color: #fff; transition: all 0.3s ease-out; }
.video-list .name span { padding: 10px 12px; font-size: 14px; display: block; }
.video-list a:hover .name { background-color: #000000; }
.video-list a:hover .image img { width: 110%; margin: -5% 0 0 -5%; }

.events-list {  }
.events-list .item { margin: 0 2% 28px 0; width: 31%; float: left; }
.events-list .item a { transition: all 0.3s ease-out; display: block; background: #f2f2f2; }
.events-list .item a:hover { background: #ddd; }
.events-list .image { height: 150px; overflow: hidden; background: #ffffff; }
.events-list .image img { width: 100%; height: auto; transition: all 0.1s ease-out; }
.events-list .desc { padding: 10px 15px; }
.events-list .date { }
.events-list .name { text-decoration: none; color: #227ac3; font-size: 20px; } 
.events-list .text { font-size: 12px; color: #000; }
.events-list a:hover .image img { width: 110%; margin: -5% 0 0 -5%; }
.events-list .i-block-more a { display: block; position: relative; background: url(./images/2-news.jpg) no-repeat 50% 50%; height: 250px; }
.events-list .i-block-more a span { display: block; position: absolute; bottom: 20px; right: 20px; }

.materials-used { margin: 0 5% 20px 5%; }
.materials-used ul {margin:0;padding:0;}
.materials-used .item { margin: 0; width: 33%; float: left; overflow: hidden; text-align: center; position: relative; }
.materials-used .name { font-weight: bold; font-size: 12px; margin-bottom: 6px; }
.materials-used .name a { text-decoration: none; color: #000; font-weight: bold; font-size: 12px; }
.materials-used .shadow { }
.materials-used .shadow img { width: 260px; height: 50px; margin-top: 150px; }
.materials-used .image { height: 200px; left: 0; right: 0; position: absolute; overflow: hidden; }
.materials-used .image img { margin-top: 50px; transition: all 0.3s ease-out; width: 160px; height: 250px; }
.materials-used .item:hover .image img { margin-top: 0; }

.blue-bg { background-color: #E8F1F9; padding: 30px 0; }
.documents-sert {  }
.documents-sert .i-block-title  { float: left; text-align: left; width: 25%; }
.documents-sert .i-block-content { margin-left: 27%; }
.documents-sert .item { float: left; width: 30%; margin-right: 3%; }
.documents-sert .image { margin-bottom: 6px; }
.documents-sert .name { font-size: 10px; font-weight: bold; }
.documents-sert .name a { text-decoration: none; color: #000; font-size: 10px; font-weight: bold; }
.documents-sert .i-section { float: left; width: 47%; margin-right: 3%; padding-top: 12px; }
.documents-sert .section-title { margin-bottom: 16px; font-weight: bold; }
.documents-sert .section-title a { font-weight: bold; text-decoration: none; }

.documents-sert2 {  }
.documents-sert2 .item { float: left; width: 30%; margin-right: 3%; margin-bottom: 20px; }
.documents-sert2 .image { margin-bottom: 4px; }
.documents-sert2 .image img { border: 1px solid #eee; }
.documents-sert2 .name { font-weight: bold; }
.documents-sert2 .name a { text-decoration: none; color: #000; font-weight: bold; }

.reg-banners { width: auto; overflow: hidden; margin: 0; padding: 0 25px; }
.reg-banners ul {  }
.reg-banners .item { width: 100%; height: auto; overflow: hidden; } 
.reg-banners .image, .reg-banners img { width: 100%; height: auto; }
.reg-banners .name { left: 0; right: 0; top: 33%; right: 25%; left: 25%; text-align: center; position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px 10px; background-color: rgba(22, 122, 195, 0.4); }
.reg-banners .name span { font-size: 20px; font-weight: bold;  color: #ffffff; height: 100%; vertical-align: middle; }

.main-news-bg { padding: 30px 0; }

.contact-left {  }
.contact-left b { color: #227ac3; }


.page-footer { padding-top: 25px; padding-bottom: 25px; border-top: 4px solid #227AC3; font-size: 12px; color: #444444; }
.page-footer  a { font-size: 12px; }
.page-footer  p { margin-bottom: 0; }
.footer-menu { float: left; margin: 0 80px 20px 0; }
.footer-menu ul { list-style: none; margin: 0; padding: 0; }
.footer-menu ul li { list-style: none; margin: 0 0 6px 0; padding: 0; }
.footer-menu ul li a { color: #444444; }
.footer-menu a:hover { color: #227AC3; } 
.footer-menu li:before { display: none; }

.footer-right { float: right; }
.footer-social { margin-bottom: 12px; }
.footer-copy { margin-bottom: 12px; color: #000; }


.section-elements {}
.section-elements .section-sort { float: left; margin-bottom: 16px; }
.section-elements .section-avail { float: right; margin-bottom: 16px; }

.news-list { list-style: none; margin: 0; padding: 0; }
.news-list .item { margin: 0 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #227ac3; }
.news-list .item:last-child { margin: 0; padding: 0; border-bottom: none; }
.news-list .image { float: left; background-color: #fff; padding: 4px; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666; }
.news-list .date, .news-list .name, .news-list .text { margin-left: 130px; }
.news-list .name { margin-bottom: 8px; color: #227ac3; }
.news-list .name a { font-size: 16px; }
.news-list .text { clear: none; }

.news-detail .image { margin-bottom: 8px; }
.news-detail .image img { max-width: 840px; width: 100%; height: auto; }

.main-news-bg .i-block-title { text-align: left; }
.main-news-bg .news-list { float: left; width: 33%; }
.main-news-bg .news-list .item { margin: 0 0 15px 0; padding: 0; border-bottom: none; }
.main-news-bg .news-list .date, 
.main-news-bg .news-list .name, 
.main-news-bg .news-list .text { margin-left: 0; }
.main-news-bg .news-list .text { display: none; }
.main-news-bg .main-form { float: right; width: 62%; position: relative; }
.main-form img { width: 100%; height: auto; }
.main-form .text {  }
.main-form a { position: absolute; top: 20%; bottom: 20%; left: 20%; right: 20%; text-align: left; background-color: rgba(22, 122, 195, 0.8); padding: 20px; color: #ffffff; color: #ffffff; text-decoration: none; display: block; }
.main-form a:hover { background-color: rgb(22, 122, 195); }
.main-form a span { font-size: 20px; width: 50%; }
.main-form a i { display: block; position: absolute; font-style: normal; font-size: 12px; right: 10px; bottom: 10px; }

.simple-text { margin-bottom: 20px; }

/*
ul.section-list { list-style: none; margin: 0; padding: 0px; }
ul.section-list li { list-style: none; margin: 0 24px 18px 0; padding: 0px; float: left; }
ul.section-list li:nth-child(2n) { margin-right: 0; }
ul.section-list .section-name { background: url(./images/cat_name.png) no-repeat 0% 0%; width: 181px; height: 38px; overflow: hidden; margin-bottom: -19px; position: relative; } 
ul.section-list .section-name a { color: #ffffa7; font-weight: bold; display: block; padding: 8px 16px; text-decoration: none; text-transform: uppercase; }
*/



/*
.filltab { border-collapse: collapse; border-spacing: 0; margin-bottom: 16px; }
.filltab td { padding: 10px 8px; line-height: normal; vertical-align: middle; border: 1px solid #227ac3; text-align: center; }
.filltab td:first-child { text-align: left; }
.filltab td a {  }
.filltab td p { padding: 0px; margin: 0; }
.filltab td i { font-style: normal; }
.filltab thead td { background-color: rgba(22, 122, 195, 0.8); color: #fff; font-weight: normal; }
*/
/******************************************************************************************************/
/*new style table*/

.filltab {
    /*font-family:sans-serif, Arial, Helvetica, sans-serif;*/
    color:black;
    font-weight: 400;
    /*text-shadow: 1px 1px 0px #fff;*/
    background:#eaebec;
    margin:20px;    
    border-collapse:collapse;
 
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
 
    -moz-box-shadow: 0 1px 2px #d1d1d1;

}
 
.filltab th {
    font-weight:bold;
    padding:21px 22px 22px 22px;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;

 
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.filltab th:first-child{
    text-align: left;
    padding-left:20px;
}
.filltab tr:first-child th:first-child{
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.filltab tr:first-child th:last-child{
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.filltab tr{

    text-align: center;

    padding-left:20px;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;

}
.filltab tr td:first-child{
    text-align: left;
    padding-left:20px;
    border-collapse: collapse;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
  

}
.filltab tr td {
    padding:10px 20px;
    border-collapse: collapse;
    border-top: 1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;    
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.filltab tr:nth-child(even) td{
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.filltab tr:last-child td{
   /* border-bottom:0;, */
}
.filltab tr:last-child td:first-child{
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.filltab tr:last-child td:last-child{
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.filltab tr:hover td{
    background: #227ac3;
    background: -webkit-gradient(linear, left top, left bottom, from(#227ac3), to(#227ac3));
    background: -moz-linear-gradient(top,  #227ac3,  #227ac3);  
    color: #fff;    
}
 
.filltab a:link {
    color: #0095d8;
    font-weight:bold;
    text-decoration:none;
}
.filltab a:visited {
    color: #999999;
    font-weight:;
    text-decoration:none;
}
.filltab a:active,
.filltab a:hover {
    color: #00afe6;
    text-decoration:underline;
}

/************************************/

/***************************************/



ul.marked { padding: 0px 6px 12px 6px; margin: 0px; list-style: none; }
ul.marked li { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 12px; list-style: none; list-style-position: outside; background: url(./images/ar.png) no-repeat 0 10px; }
#whiteFooter { height: 176px; }


div.plus-minus { position: relative; display: inline-block; }
div.plus-minus .input-text { padding: 5px 25px; text-align: center; }
div.plus-minus a.minus { position: absolute; left: 8px; top: 2px; text-decoration: none; font-size: 18px; }
div.plus-minus a.plus { position: absolute; right: 8px; top: 2px; text-decoration: none; font-size: 18px; }

.fancybox-skin .element-item { width: 590px; min-height: 300px; }
.fancybox-skin h1 { color: white; }
.fancybox-skin .element-desc { color: white; }
.fancybox-skin .price { color: #ffffa7; }
.fancybox-skin .quantity td { color: #ffffa7; }
.fancybox-skin div.plus-minus .input-text { background-color: transparent; border: 1px solid #ffffa7; color: #ffffa7; }
.fancybox-skin div.plus-minus a { color: #ffffa7; }
.fancybox-skin .element-item .element-image { float: left; }
.fancybox-skin .element-item .element-images { padding: 0px 5px 0px 15px; float: left; margin: 0; }
.fancybox-skin .element-item .element-images li { float: none; }


/*  *****************************************************  */

body.pager-no-scroll { overflow: hidden; }
.ld-overlay { text-align: center; background-color: #ffffff; }
.ld-overlay span { line-height: 100%; }
.popup-item-layout { background: none repeat scroll 0 0 #000; opacity: 0.6; position: fixed; right: 0; top: 0; z-index: 5000; bottom: 0; left: 0; }
.popup-item-wrap { bottom: 0; left: 0; overflow: auto; position: fixed; right: 0; text-align: center; top: 0;   z-index: 5001; cursor: pointer; }
.popup-item-outer { background-color: #fff; margin: 20px auto; text-align: left; position: relative; }
.popup-item-inner { padding: 30px; cursor: auto; background: #ffffff; }
.popup-item-outer .popup-item-exit { position: absolute; top: 0; right: 0; width: 30px; height: 30px; cursor: pointer; background: red; }
.popup-item-outer .popup-item-exit:hover {  }
.popup-item-outer .popup-bg { background-position: 0 0; border: 0 none; margin: 0; padding: 0; position: absolute; z-index: 1001; }
.popup-item-outer .popup-bg-n { background-repeat: repeat-x; }
.popup-item-outer .popup-bg-e { background-repeat: repeat-y; }
.popup-item-outer .popup-bg-w { background-repeat: repeat-y; }
.popup-item-outer .popup-bg-s { background-repeat: repeat-x; } 
.popup-item-inner div, .popup-item-inner a { color: #000; }
.popup-item-inner .error-input { color: #C5000F; font-size: 12px; display: block; }
.popup-item-inner .red { color: #C5000F; }
.popup-item-inner input.error-input { border: 1px solid #C5000F; -moz-box-shadow: inset 0 0 3px #C5000F; -webkit-box-shadow: inset 0 0 3px #C5000F; box-shadow: inset 0 0 3px #C5000F; background: #FFD9D9; }

.ok-message { padding: 70px 0; text-align: center; font-weight: bold; font-size: 18px; color: #227AC3; display: block; }

.clear { clear: both; font-size: 1px; }
.back { float: left; padding: 0px 10px 0px 0px; }
.wbg { background-color: #E8F1F9; padding: 15px 20px; margin-bottom: 15px; }
.red, .errortext { color: #bd180d; }

#about-sst { margin-bottom: 15px; }
#about-sst ul, #about-sst li { margin: 0; padding: 0; list-style: none; }
#about-sst b { padding: 0 0 0 90px; background-repeat: no-repeat; display: inline-block; background-position: 0 0; font-weight: bold; text-transform: uppercase; text-align: left; margin-bottom: 5px; }
#about-sst p { clear: both; font-size: 13px; margin-bottom: 20px; } 
#about-sst .about-title { text-align: center; padding: 12px 0; margin-bottom: 16px; border-bottom: 1px solid #227ac3; }
#about-sst .about-title b { padding: 0 0 0 130px; background-image: url(/upload/content/sst-title.png); margin-bottom: 0; }
#about-sst .about-content li { display: block; float: left; width: 32%; margin-left: 2%;  }
#about-sst .about-content li:first-child { margin-left: 0; }
#about-sst .about-content li:before { display: none; }
#about-sst .about-content1 b { background-image: url(/upload/content/sst-yellow.png); }
#about-sst .about-content2 b { background-image: url(/upload/content/sst-red.png); }
#about-sst .about-content3 b { background-image: url(/upload/content/sst-blue.png); }



/* iCheck plugin Flat skin, red
----------------------------------- */
.icheck, .iradio { display: inline-block; *display: inline; vertical-align: middle; margin: 0 6px 0 0; padding: 0; width: 15px; height: 15px; background-repeat: no-repeat; background-position: 0 0; border: none; cursor: pointer; }
.icheck { background-image: url(./images/checkbox.png); }
.icheck.checked { background-image: url(./images/checkbox-active2.png); }
.icheck.disabled { cursor: default; }
.icheck.checked.disabled { background-image: url(./images/checkbox-active2.png); }
/*
.iradio {
    background-position: -88px 0;
}
.iradio_flat-red.checked {
    background-position: -110px 0;
}
    .iradio_flat-red.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-red.checked.disabled {
        background-position: -154px 0;
    }


@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-red,
    .iradio_flat-red {
        background-image: url(red@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
*/