HTML { height:100%; }
BODY { font-size:14px; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; color:#363636; margin:0; padding:0; height:100%; min-height:100%; }
IMG { border:0; max-width:100%; height:auto; width:auto\9; /* ie8 */ }
DIV { margin:0; }
P { }
A { color:#006da1; text-decoration : underline; }
H1 { font-size:30px; color:#000; margin:5px 0 15px 0; font-weight:normal; }
H2 { font-size:26px; color:#000; margin:12px 0 7px 0; padding: 0 0 5px 0; font-weight:normal; border-bottom: solid 1px #ddd;}
H3 { font-size:22px; color:#000; margin:18px 0 7px 0; font-weight:normal; }
UL { }
.page-wrapper { position: relative; padding:0; margin:0 auto; width:1200px; min-height:100%; }
.page-header { width:100%; }
.page-aside { display:inline-block; width:275px; padding:10px 20px 70px 0; vertical-align:top; }
.page-mainsection { display:inline-block; width:900px; padding:10px 0 70px 0; vertical-align:top; }
.page-footer-buffer { height:110px; clear:both; }
.page-footer { position:absolute; width:100%; bottom:0; height:110px; }
/* other */
.clear { clear:both; }
.w100 { width:100%; }
.sm_buttons { margin:20px 0; text-align:center; }
.yshare { margin:10px 0 20px 0; }
.sclick { border-bottom:dotted 1px #999; cursor: pointer; }
.simgclick { cursor: pointer; }
.req { margin:0 3px; color: #ff0000; } .req:after { content: "*"; }
.hide { display:none; }
.m-5 { margin:5px 0; }
.m-10 { margin:10px 0; }
.m-20 { margin:20px 0; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
/* breadcrumbs */
.breadcrumbs { padding-top:10px; color:#777; font-size:11px; padding-bottom:15px; margin-left:0; font-family: Arial; }
.breadcrumbs div { display:inline; }
.breadcrumbs a { color:#777; font-size:11px; text-decoration:underline; }
/* pages */
.pages { margin:10px 0; line-height:200%; text-align:center; font-size:14px; color:#5a5078; }
.pages span { margin:0 5px; }
.pages a { color:#5a5078; }
.pages a.arrow { text-decoration: none; }
/* div table */
div.table { display:table; box-sizing:border-box;}
div.tr { display:table-row; }
div.th { display:table-cell; }
div.td { display:table-cell; }
/* print */
.print { margin:5px 0 25px 0; text-align:right; }
.print a { text-decoration:none; border-bottom:dotted 1px #999; vertical-align:middle; }
.print img { margin-right: 5px; vertical-align:middle; }
/* submenu */
.submenu { padding: 20px 0 0 0; }
.submenu .section { padding: 7px 0; }
.submenu .section .link { padding: 2px 0; }
.submenu .section .link a { font-size: 14px; }
.submenu .section .link img { margin-right: 5px; vertical-align: top; margin-top: 2px; }
.submenu .section .descr { padding: 2px 0; }
.left_order { padding:15px 0; text-align:center; }
.left_order>div { display:inline-block; padding:7px 14px; border-radius:3px; border: solid 1px #004767; background-color:#0886C1; }
.left_order>div>a { font-size:14px; text-decoration:none; color:#fff; }
.mp_pic { position:absolute; z-index:0; top:178px; height:473px; width:100%; background-image:url(/img/int/mp_pic.jpg); background-repeat:no-repeat; background-position:center; }
.page-header { margin: 0 0 10px 0; width:100%; }
.page-header .topline { height:4px; background-color:#454D58; }
.page-header .header { padding:0 0 0 0; width:100%; height:150px; background-image:url(/img/int/bg-map.png); background-position:top right; background-repeat:no-repeat; }
.page-header .header .logo { display:inline-block; padding:15px 0 0 0; width:180px; vertical-align:top; text-align:center; }
.page-header .header .top_col2 { display:inline-block; padding:22px 0 0 0; width:320px; vertical-align:top; text-align:center; }
.page-header .header .top_col_phone { display:inline-block; padding:36px 0 0 0; width:350px; vertical-align:top; text-align:center; }
.page-header .header .top_col3 { display:inline-block; padding:15px 0 0 0; width:330px; vertical-align:top; text-align:right;}
.page-header .header .logo_pic { padding:2px 0 0 0; }
.page-header .header .top_col2 .line_1 { padding:2px 0 0 0; text-align:center; color:#424b57; font-size:22px; }
.page-header .header .top_col2 .line_2 { padding:2px 0 8px 0; text-align:center; color:#0993d4; font-size:30px; font-weight:bold; }
.page-header .header .top_col2 .line_3 { padding:8px 0 2px 0; text-align:center; color:#333; font-size:14px; border-top:solid 3px #d1d6d8; }
.page-header .header .rus_eng { padding:3px 0; font-size:11px; text-transform:uppercase; }
.page-header .header .rus_eng a { color:#0993d4; }
.page-header .header .phone { padding:2px 0 15px 0; font-size:28px; font-weight:bold; color:#0993d4; }
.page-header .header .phone span { font-size:18px; font-weight:normal; color:#424b57; }
.page-header .header .callback { display:inline-block; padding:4px 10px; border-radius:5px; border: solid 1px #ccc; background-color:#f9f9f9; }
.page-header .header .callback a { font-size:12px; text-decoration:none; color:#000; }
.page-header .header .address { padding:0px 0; font-size:14px; font-weight:normal; color:#424b57; vertical-align:middle; }
.page-header .header .address img { padding:0 8px 0 0; vertical-align:middle; }
.page-header .header .email { padding:3px 0; font-size:14px; font-weight:normal; color:#0993d4; }
.page-header .header .grafik { padding:3px 0; font-size:12px; font-weight:bold; color:#424b57; }
.page-header .mp_pic_text_wr { height: 374px; padding:70px 300px 0 0; }
.page-header .mp_pic_text_wr .mp_pic_text { padding:20px 20px 20px 20px; background-color:#3DA9DD; background: rgba(9, 147, 212, .8); border-radius:5px; }
.page-header .mp_pic_text_wr .mp_pic_text .title { padding:10px 0 10px 0; font-size:30px; font-weight:bold; color:#fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.page-header .mp_pic_text_wr .mp_pic_text .text { padding:10px 0 10px 0; font-size:18px; font-weight:normal; font-family:Times New Roman; font-style:italic; color:#fff; }
.top_order { padding:5px 0; text-align:right; }
.top_order>div { display:inline-block; padding:5px 14px; border-radius:3px; border: solid 1px #1D2126; background-color:#404954; }
.top_order>div>a { font-size:12px; text-decoration:none; color:#fff; }
/* topmenu */
.topmenu { margin:3px 0 3px 0; padding:12px 0 12px 0; width:100%; background-color:#0886C1; border:solid 2px #fff; border-radius:3px; }
.topmenu ul { display:block; margin:0; list-style-type:none; text-align:center; }
.topmenu ul li { display:inline-block; }
.topmenu ul li a { display:block; padding:0; margin:0 20px; color:#fff; font-weight:normal; font-size:16px; text-decoration:none; white-space:nowrap; }
.topmenu ul li a b { color:#FFDE79; font-weight:normal; }
/* bottom */
.page-footer .footer { margin:0 auto; padding-top:10px; width:1200px; height:100px; background-color:#00577E; border-radius:5px 5px 0 0; }
.page-footer .footer .btm_logo { display:inline-block; width:250px; text-align:center; vertical-align:middle; }
.page-footer .footer .btm_company { display:inline-block; width:330px; text-align:left; vertical-align:middle; color:#B8E1FF; }
.page-footer .footer .btm_company .line1 { padding: 2px 0 2px 0; font-size:18px; font-weight:bold; }
.page-footer .footer .btm_company .line2 { padding: 2px 0 2px 0; font-size:14px; font-weight:bold; }
.page-footer .footer .btm_company .line3 { padding: 20px 0 2px 0; font-size:11px; font-weight:normal; }
.page-footer .footer .btm_right { display:inline-block; width:600px; text-align:left; vertical-align:middle; }
/* bottommenu */
.bottommenu { margin:0; padding:5px 0; vertical-align:middle; }
.bottommenu span.divider { margin:0 5px; color:#B8E1FF; }
.bottommenu a { padding:0; margin:0 5px; color:#B8E1FF; font-weight:normal; font-size:12px; text-decoration:none; white-space:nowrap; }
.bottommenu a b { color:#B8E1FF; font-weight:normal; text-decoration:none; }
/* catalog_menu */
.catalog_menu { width:100%; margin:10px 0 10px 0; padding:0 0 10px 0; }
.catalog_menu .title { padding:12px 5px 12px 10px; color:#111; background-color:#F5FBFB; font-size:18px; font-weight:normal; text-transform:uppercase; border-top:solid 0px #ccc; border-bottom:solid 1px #ccc; }
.catalog_menu>ul { padding:0; margin:0; }
.catalog_menu>ul>li { padding:10px 0 10px 24px; margin:0; position:relative; border-bottom:solid 1px #ccc; list-style:none; background: url(/img/icons/bul1.png) no-repeat 3px 13px transparent; }
.catalog_menu>ul>li>a { text-decoration:none; font-size:14px; color:#5c646d; }
.catalog_menu>ul>li>a b { color:#0993d4; text-decoration:none; }
.catalog_menu>ul>li>ul.active { padding:0 0 0 5px; margin:0; }
.catalog_menu>ul>li>ul.active>li { padding:7px 0 7px 20px; margin:0; list-style:none; background: url(/img/icons/bul2.png) no-repeat 1px 8px transparent; }
.catalog_menu>ul>li>ul.active>li a { text-decoration:none; font-size:12px; color:#5c646d; }
.catalog_menu>ul>li>ul.active>li a b { color:#0993d4; text-decoration:underline; }
.catalog_menu>ul>li>ul.active>li>ul.active { padding:0 0 0 5px; margin:0; }
.catalog_menu>ul>li>ul.active>li>ul.active>li { padding:4px 0 4px 18px; margin:0; list-style:none; background: url(/img/icons/bul3.png) no-repeat 3px 13px transparent; }
.catalog_menu>ul>li>ul.active>li>ul.active>li a { text-decoration:none; font-size:11px; color:#5c646d; text-decoration:none; }
.catalog_menu>ul>li>ul.active>li>ul.active>li a b { color:#000; }
.catalog_menu>ul>li:hover { background-color:#ECF0F1; }
.catalog_menu>ul>li>ul.float { display:none; position:absolute; min-width:400px; max-width:500px; left:230px; top:-20px; min-height:38px; max-height:500px; padding:20px 10px; margin:0; border:solid 1px #fff; z-index:9; box-shadow:0px 2px 3px #aaa; background-color:#0886C1; overflow-y: auto; }
.catalog_menu>ul>li>ul.float>li { padding:7px 25px 7px 25px; margin:0; border-bottom:solid 0px #ccc; list-style:none; font-size:13px; color:#fff; }
.catalog_menu>ul>li>ul.float>li a { color:#fff; }
/*
.catalog_menu { width:100%; margin:10px 0 10px 0; padding:0 0 10px 0; }
.catalog_menu .title { padding:12px 5px 12px 10px; color:#111; background-color:#F5FBFB; font-size:18px; font-weight:normal; text-transform:uppercase; border-top:solid 0px #ccc; border-bottom:solid 1px #ccc; }
.catalog_menu>ul { padding:0; margin:0; }
.catalog_menu>ul>li { padding:10px 0 10px 24px; margin:0; border-bottom:solid 1px #ccc; list-style:none; background: url(/img/icons/bul1.png) no-repeat 3px 13px transparent; }
.catalog_menu>ul>li>a { text-decoration:none; font-size:14px; color:#5c646d; }
.catalog_menu>ul>li>a b { color:#0993d4; text-decoration:none; }
.catalog_menu>ul>li>ul { padding:0 0 0 5px; margin:0; }
.catalog_menu>ul>li>ul>li { padding:7px 0 7px 20px; margin:0; list-style:none; background: url(/img/icons/bul2.png) no-repeat 1px 8px transparent; }
.catalog_menu>ul>li>ul>li a { text-decoration:none; font-size:12px; color:#5c646d; }
.catalog_menu>ul>li>ul>li a b { color:#0993d4; text-decoration:underline; }
.catalog_menu>ul>li>ul>li>ul { padding:0 0 0 5px; margin:0; }
.catalog_menu>ul>li>ul>li>ul>li { padding:4px 0 4px 18px; margin:0; list-style:none; background: url(/img/icons/bul3.png) no-repeat 3px 13px transparent; }
.catalog_menu>ul>li>ul>li>ul>li a { text-decoration:none; font-size:11px; color:#5c646d; text-decoration:none; }
.catalog_menu>ul>li>ul>li>ul>li a b { color:#000; }
*/
/* left_news */
.left_news { width:100%; margin:20px 0 20px 0; padding:10px 0 30px 0; }
.left_news .title { margin-bottom:2px; padding:0 0 7px 10px; border-bottom:solid 4px #ECF0F1; }
.left_news .title a { font-size:14px; font-weight:bold; color:#363636; text-decoration:none; text-transform:uppercase; }
.left_news .section { position:relative; padding:15px 0 12px 0; font-size:12px; border-bottom:solid 1px #ECF0F1; min-height:45px; }
.left_news .section .dt { position: absolute; color:#555; padding:5px; border:solid 1px #ddd; border-radius:2px; text-align:center; text-transform:uppercase; }
.left_news .section .name { display:inline-block; padding-left:50px; }
.left_news .section .name a { font-weight:bold; }
.left_news .section .name a:hover { text-decoration:underline; }
.left_news .section .descr { padding:7px 0 3px 0; display:inline-block; padding-left:50px; }
.left_news .all a { color:#28315C; }
.left_order { padding:15px 0; text-align:center; }
.left_order>div { display:inline-block; padding:7px 14px; border-radius:3px; border: solid 1px #004767; background-color:#0078AE; }
.left_order>div>a { font-size:14px; text-decoration:none; color:#fff; }
/* counters */
.counters { padding:10px 0 40px 0; text-align:center; opacity:0.3; }
.counters:hover { opacity:1; }
.counters div { display:inline-block; margin:5px 10px; }
/* sm_bottom */
.sm_bottom { padding:10px 0 10px 0; text-align:right; }
.sm_bottom .title { margin-right:5px; font-size:12px; color:#999; vertical-align:middle; }
.sm_bottom a { margin-right:2px; }
.sm_bottom a img { vertical-align:middle; }
/* sm_left */
.sm_top { padding:5px 15px 5px 0; }
.sm_top a { margin:0 5px; }
.sm_top a img { vertical-align:middle; }
.sm_top .text { margin-top:8px; font-size:11px; color:#555; }
/* captcha */
.captcha { padding:10px 0; }
.captcha>div { display:inline-block; padding:8px 12px; border:solid 1px #ddd; }
.captcha div label { display:block; margin-bottom:7px; font-style:italic; font-size:11px; }
.captcha div img { vertical-align:middle !important; }
.captcha div input { width:30px !important; text-align:center !important; }
/* save, edit */
div.edit { background-image:url(/img/icons/edit_small.png); background-repeat:no-repeat; width:16px; height:16px; display:inline-block; vertical-align:top; margin:0 3px; cursor:pointer; }
div.save { background-image:url(/img/icons/save_small.png); background-repeat:no-repeat; width:16px; height:16px; display:inline-block; vertical-align: middle; margin: 0 3px; cursor: pointer; }
div.cancel { background-image:url(/img/icons/cancel_small.png); background-repeat:no-repeat; width:16px; height:16px; display:inline-block; vertical-align: middle; margin: 0 3px; cursor: pointer; }
/* buttons */
input.button_1 { display:inline-block; margin:10px 0; padding:5px 25px; font-size:13px; color:#333; }
a.yellow_link { text-align: left; font: 14px; color: #fff; padding: 8px 10px; border-radius: 5px; background: #ed621f; text-decoration: none;}
div.button_1 { display:inline-block; padding:5px 10px; background-color:#f9f9f9; border:solid 1px #ccc; border-radius:3px; }
div.button_1 a { text-decoration:none; cursor:pointer; }
div.button_1 a img { vertical-align:middle; margin-right:5px; }
div.button_1 a span { vertical-align:middle; font-size:12px; color:#E34F2D; }
TABLE.ctbl_1 { border-top:solid 1px #ddd; }
TABLE.ctbl_1 th { background-color:#eee; color:#000; border-bottom:solid 1px #ddd; font-weight:bold; padding:5px 10px; }
/* TABLE.ctbl_1 tr:nth-child(odd) { background-color:#f3f3f3; } */
TABLE.ctbl_1 td { border-bottom:solid 1px #ddd; padding:5px 10px; }
TABLE.ctbl_1 td.table_bottom { padding:5px 10px; border-bottom:0; background-color:#fff; }
TABLE.ctbl_2 { border-top:solid 1px #bbb;border-left:solid 1px #bbb; border-collapse:collapse;}
TABLE.ctbl_2 th { background-color:#eee; color:#000; border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; font-weight:bold; padding:5px 10px; }
TABLE.ctbl_2 td { border-bottom:solid 1px #bbb; padding:7px 10px; border-right:solid 1px #bbb; }
TABLE.ctbl_3 { border-top:solid 1px #bbb;border-left:solid 1px #bbb; }
TABLE.ctbl_3 th { background-color:#eee; color:#000; border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; font-weight:bold; padding:5px 5px; }
TABLE.ctbl_3 td { border-bottom:solid 1px #bbb; padding:5px 5px; border-right:solid 1px #bbb; }
.detail_table{
border: 2px solid black;
border-collapse: collapse;
}
.detail_table tr th{
border: 2px solid black;
}
.detail_table td, .detail_table th{
border: 1px solid black;
padding: 3px;
}
.detail_table th{
text-align: center;
}
.detail_table th:first-child{
width: 30%;
}
.detail_table tr{
text-align: right;
}
.detail_table td:first-child{
text-align: left;
font-weight: bold;
border-right: 2px solid black;
}
table.style-table{
border-collapse:collapse;
margin: auto;
}
table.style-table tr:first-child:hover, table.style-table tr:first-child{
background:#E9E9E9;
}
table.style-table{
border-collapse:collapse;
border: 0;
}
table.style-table td, th{
padding:3px;
border:3px solid #d0d0d0;
text-align:left;
}
table.style-table th{
border-top:none;
height: 30px;
//border-bottom:none;
}
table.style-table td:first-child, th:first-child{
border-left:none;
//border-top:none;
}
table.style-table td:last-child, th:last-child{
border-right:none;
//border-top:none;
}
table.style-table tr:last-child th{
border-bottom:none;
}
table.style-table td{
//border-top:none;
padding: 5px 12px;
height: 45px;
}
table.style-table tr:hover > td{
background: white;
border:3px solid white;
border-left: none;
}