html { height: 100%; }
body { width:100%; height:100%; background: #000000 url(/_c/tpl-o/1.gif); }
body,td,th { color:#FFFFFF; font:bold 14px Arial,sans-serif; line-height: 1.5; }
a { color:#FFFFFF; outline:none; text-decoration:underline; }
a:hover { color: #FF7800; }
input,textarea { color:#333333; font:bold 14px Arial,sans-serif; line-height: normal; }

.c_c { position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

.c_inp { margin: 0; padding: 0 5px; width: 214px; font-weight: normal; font-size: 17px; border: 1px solid #FFFFFF; background: #FFFFFF; }
.c_txa { margin: 0; padding: 0 5px; width: 214px; height: 173px; font-weight: normal; font-size: 17px; border: 1px solid #FFFFFF; background: #FFFFFF url(/_c/tpl-o/6.gif) right bottom no-repeat; }
a.c_btn:hover { color: #CC0000; }
.c_sel { padding: 0 5px; background: #FFFFFF; }
.c_sel select { font: 17px Arial,sans-serif; line-height: normal; color:#333333; border: none; background: #FFFFFF; width: 217px; }

.c_top, .c_top td, .c_top a { font-weight: bold; font-size: 14px; line-height: 18px; }

.c_trf { border-collapse: collapse; border-spacing: 0; background: url(/_c/tpl-o/trf.png) right bottom no-repeat; }
.c_trf_th, .c_trf_th1, .c_trf_th2, .c_trf_td, .c_trf_hor, .c_trf_ver { margin: 0; padding: 0 1px 1px 0; }
.c_trf_th { vertical-align: bottom; padding: 0 0 10px; font-style: italic; font-size: 24px; color: #FCFC33; }
.c_trf_th1 { height: 52px; background: url(/_c/tpl-o/trf-1.gif) center bottom no-repeat;}
.c_trf_th2 { background: url(/_c/tpl-o/trf-2.gif) center top no-repeat;}
.c_trf_td div { width: 90px; height: 38px; overflow: hidden; font-weight: normal; font-size: 20px; line-height: 38px; text-align: center; color: #FCFC33; }
.c_trf_hor div { width: 90px; height: 44px; overflow: hidden; font-weight: bold; font-size: 14px; line-height: 44px; text-align: center; color: #FFFFFF; }
.c_trf_hor sup { font-weight: normal; font-size: smaller; }
.c_trf_ver div { width: 78px; height: 38px; overflow: hidden; font-weight: bold; font-size: 20px; line-height: 38px; text-align: center; color: #FFFFFF; }

.c_tbl { border-collapse: collapse; border-spacing: 0; background: url(/_c/tpl-o/trf.png) right bottom no-repeat; }
.c_tbl_th, .c_tbl_td1, .c_tbl_td2 { margin: 0; padding: 3px 10px; text-align: center; vertical-align: middle; border: 1px solid #E9961C; }
.c_tbl_th { color: #000000; background: #FEFF00; }
.c_tbl_td1 { color: #FFFFFF; background: #363636; }
.c_tbl_td2 { color: #FFFFFF; background: #212121; }

.c_1_1 { border-collapse: collapse; border-spacing: 0; }
.c_1_2 { margin: 0; padding: 0; background: #FFC400; }
.c_1_3 { background: url(/_c/tpl-o/0-1-3.gif) top left repeat-x; }
.c_1_4 { background: url(/_c/tpl-o/0-1-4.gif) bottom left repeat-x; }
.c_1_5 { background: url(/_c/tpl-o/0-1-5.gif) top right no-repeat; }
.c_1_6 { background: url(/_c/tpl-o/0-1-6.gif) bottom right no-repeat; }
.c_1_7 { background: url(/_c/tpl-o/0-1-7.gif) top left repeat-y; }
.c_1_8 { background: url(/_c/tpl-o/0-1-8.gif) top left no-repeat; }
.c_1_9 { background: url(/_c/tpl-o/0-1-9.gif) bottom left no-repeat; }
.c_1_10 { border-collapse: collapse; border-spacing: 0; }
.c_1_11 { margin: 0; padding: 2px 2px 2px 6px; vertical-align: middle; }
.c_1_11 div { width: 30px; overflow: hidden; text-align: center; }
.c_1_12 { padding: 7px 10px 3px 10px; font-weight: normal; font-size: 17px; line-height: normal; color:#000000; }
.c_1_12 a { display: block; text-decoration: none; color:#000000; }
.c_1_12 a:hover { color: #CC0000; }
.c_2_2 { margin: 0; padding: 0; background: #FF7800; }
.c_2_3 { background: url(/_c/tpl-o/0-2-3.gif) top left repeat-x; }
.c_2_4 { background: url(/_c/tpl-o/0-2-4.gif) bottom left repeat-x; }
.c_2_5 { background: url(/_c/tpl-o/0-2-5.gif) top right no-repeat; }
.c_2_6 { background: url(/_c/tpl-o/0-2-6.gif) bottom right no-repeat; }
.c_2_12 { padding: 7px 10px 3px 10px; font-weight: normal; font-size: 17px; line-height: normal; color:#000000; }
.c_2_12 a { display: block; text-decoration: none; color:#000000; }
.c_2_12 a:hover { color: #000000; }
.c_3_8 { background: url(/_c/tpl-o/0-3-8.gif) top left no-repeat; }
.c_3_9 { background: url(/_c/tpl-o/0-3-9.gif) bottom left no-repeat; }
.c_4_7 { background: url(/_c/tpl-o/0-4-7.gif) top left repeat-y; }
.c_4_8 { background: url(/_c/tpl-o/0-4-8.gif) top left no-repeat; }
.c_4_9 { background: url(/_c/tpl-o/0-4-9.gif) bottom left no-repeat; }
.c_4_11 { margin: 0; padding: 3px 2px 1px 6px; vertical-align: middle; }
.c_4_11 div { width: 91px; overflow: hidden; text-align: center; font-weight: normal; font-size: 17px; line-height: normal; }
.c_4_12 { padding: 7px 10px 5px 10px; font-weight: normal; font-size: 17px; line-height: normal; color:#000000; }
.c_4_12 a { display: block; text-decoration: none; color:#000000; }
.c_4_12 a:hover { color: #CC0000; }

.c_clr { clear:both; width:0; height:0; font-size:0; overflow:hidden; }

.c_logo { float: left; display: block; width: 317px; height: 100px; overflow: hidden; font-size: 0; text-decoration: none; background: url(/_c/tpl-o/logo.gif) no-repeat; }

h1 { color: #FCFC33; font-size: 22px; }
h2 { color: #FCFC33; font-size: 20px; }
h3,h4,h5,h6 { color: #FCFC33; font-size: 17px; }

hr { border:none; color:#FCFC33; background-color:#FCFC33; height:1px; margin: 0; }
   
.ecBSml { background:#F2F2F2; border:1px solid #CCCCCC; padding:5px; }
.ecBSmlH { color:#666666; font-weight:bold; }

.ecBBig { background:#F2F2F2; border:1px solid #CCCCCC; padding:5px; }
.ecBBigH { color:#666666; font-weight:bold; }

.ecDAlr { color:#EB2C2D; }


.ecDClr { clear:both; width:0; height:0; font-size:0; overflow:hidden; }
.ecDBr, .c_br { width:1px; height:10px; font-size:0; overflow:hidden; }
.ecDHr, .c_hr { height:1px; background:#FCFC33; margin:15px 0 15px; overflow:hidden; }
.ecDSys { text-align:center; }
.ecDH, .c_title  { color:#FCFC33; font-size: 16px; }
.c_yellow { color:#FCFC33; }
.c_page1 { color: #FCFC33; padding: 0 5px; }
.c_page2, a.c_page2:hover { text-decoration: none; color: #FFFFFF; background: #B03103; padding: 0 5px; }
.ecDT  { color:#999999; }
.ecDT  a { color:#999999; }

.ecInS1 {  }
.ecInSH { border:#E2E2E2 1px solid; padding:5px; }
.ecInSR { border:#E2E2E2 1px solid; padding:5px; height:100px; overflow:auto; }

.ecInNI1 { }
.ecInNI2 { line-height:20px; text-align:right; margin-right:5px; float:left; display:inline; }
.ecInNI3 { line-height:20px; float:left; display:inline; }
.ecInNI3 a { color: #666666; font-weight: bold; }

.ecInNC1 { }
.ecInNC2 { line-height:20px; text-align:right; margin-right:5px; float:left; display:inline; }
.ecInNC3 { line-height:20px; float:left; display:inline; }

.ecInNP1 { margin-top:10px; }
.ecInNP2 { line-height:20px; text-align:right; margin-right:5px; float:left; display:inline; }
.ecInNP3 { line-height:20px; float:left; display:inline; }
.ecInNPI a{ }
.ecInNPI a:hover { }
.ecInNPA a { color:#FFFFFF; text-decoration: none;}
.ecInNPA a:hover { text-decoration: none; }

.ecInEB1 { margin-bottom:10px; }
.ecInEB2 { font-weight:bold; margin-bottom:2px; padding:0 5px; background:#F2E0FF; border:#E4C3FF 1px solid; }
.ecInEB3 { padding:5px; background:#F2E0FF; border:#E4C3FF 1px solid; }
.ecInEB4 { margin-bottom:10px; }
.ecInEB5 { font-weight:bold; margin-bottom:2px; padding:0 5px; background:#EBEBFF; border:#C8C8FF 1px solid; }
.ecInEB6 { padding:5px; background:#EBEBFF; border:#C8C8FF 1px solid; }

.ecFe1 { text-align:center; }
.ecFe2 { text-align:left; }
.ecFe3 { clear:both; margin-top:10px; }
.ecFe4 { width:200px; text-align:right; padding:0 5px; float:left; }
.ecFe5 { text-align:left; }

.ecPu1 { margin-right:5px; float:left; }

.ecGa1 { width:25%; text-align:center; float:left; }
.ecGa2 { height:140px; border:#E2E2E2 1px solid; margin:2px; padding:5px 0px 0px 0px; }
.ecGa3 { margin:1px; height:60px; overflow:auto;  }

.ecPr1 { white-space:nowrap; margin-right:10px; }
.ecPr2 { }
.ecPrPrice { color:#666666; font:bold 16px Arial; line-height:16px;}
.ecPrOld { color:#999999; text-decoration:line-through; font:16px Arial; }
.ecPrBAH { height:1px; background:#C8C8FF; margin:5px 0; overflow:hidden; }

.ecRaTbl { border-collapse:collapse; border-spacing:0; border:1px solid #CCCCCC; }
.ecRaTbl th { border:1px solid #CCCCCC; padding:5px; }
.ecRaTbl td { border:1px solid #CCCCCC; padding:5px; }
.ecRaTbl td.ecRaCur { background:#F2F2F2; }



/* Mobile Version */
.mobile_menu {
    width: 100%;
    height: 50px;
    position: fixed;
    top:0;
    left: 0;
    background: url(/_c/tpl-o/1.gif);
    z-index: 10;
}
.open_menu_btn {
    width: 50px;
    height: 50px;
    border-right: 2px solid #411C56;
    background: url('/_c/tpl-o/m/mobile_menu_bg.png') center center no-repeat;
    cursor: pointer;
    float: left;
    opacity: 0.65;
}
.mobile_contacts_link {
    width: 50px;
    height: 50px;
    border-left: 2px solid #411C56;
    background: url('/_c/tpl-o/m/mobile_contacts_bg.png') center center no-repeat;
    cursor: pointer;
    float: right;
    opacity: 0.65;
}
.mobile_top_phone {
    width: 210px;
    text-align: center;
    margin:  0 auto;
}
.mobile_top_phone p {
    line-height: 50px;
    font-size: 20px;
    color: white;
    width: 210px;
}
.mobile_menu_items {
    position: fixed;
    width: 320px;
    background-color: #411C56;
    z-index: 12;
    display: none;
    padding-top: 10px;
    box-sizing: border-box;
    top: 50px;
    bottom: 0;
    left: -100%;
}
.mobile_menu_link {
    display: block;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 16px;
    color: #fefefe;
    border-bottom: 1px dotted white;
    cursor: pointer;
}
.mobile_menu_links_wrapper {
    width: 100%;
    padding-bottom: 50px;
    overflow-y: scroll;
    height: 100%;
}
.close_mobile_menu_btn {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('/_c/tpl-o/m/close_mobile_menu_btn_bg.png') 93% center no-repeat, url(/_c/tpl-o/1.gif);
}
.mobile_menu_items_arrow {
    position: absolute;
    left: 21px;
    top: -5px;
    width: 9px;
    height: 5px;
    background: url('/_c/tpl-o/m/mobile_menu_items_arrow_bg.png') center center no-repeat;
}

.void_block {
    height: 60px;
}
.mobile_menu_arrow {
    display: inline-block;
    height: 40px;
    width: 80px;
    float: right;
    background: url('/_c/tpl-o/m/mobile_menu_arrows.png') 40px -40px no-repeat;
    cursor: pointer;
}
.mobile_menu_lvl_2_items {
    display: none;
    border: none;
}
.mobile_menu_lvl_2_items li {
    background-color: #008EC0;
}
.mobile_menu_lvl_2_items li:last-child {
    border: none;
}

.mobile_top_phone {
    color: white;
    font-size: 12px;
    padding: 3px 10px 2px 10px;
    opacity: 0.65;
}
.mobile_top_phone a {
    font-size: 18px;
    text-decoration: none;
}
.mobile_top_phone a:hover {
    text-decoration: underline;
}
.mobile_menu_items a {
    text-decoration: none;
}
.mobile_menu_items ul {
    padding-left: 0;
}


.top_block_wrapper {
    width: 100%;
    margin-top: 49px;
}
.top_block {
    width: 320px;
    min-height: 100px;
    margin: 0 auto;
}
.top_block a {
    text-decoration: none;
}
.top_block a:hover {
    text-decoration: underline;
}
.cleaner {
    clear: both;
}
body {
    background: #411C56;    
}
.content_block {
    padding: 5px;
    width: 310px;
    margin: 0 auto;
}
.mcontent {
    padding: 5px 0;
}
.left_column img {
    max-width: 295px;
    height: auto;
}
.left_column {
    padding-top: 15px;
}
.slogan {
    padding-left: 5px;
}
.full_version_button_div {
    text-align: center;
    padding: 15px 0;
}
.full_version_button_div a {
    color: white;
}
.footer {
    margin-top: 10px;
}
.sots_block_wrapper {
    width: 320px;
    margin: 0 auto;
    text-align: center;
}
.sots_block {
    display: inline-block;
    margin: 0 auto;
}
.img_rand_td img {
    width: 100%;
    height: auto;
}

.onlile_pay_btn {
    left: 2%;
    bottom: 7%;
    width: 80px;
    height: 80px;
    padding: 9px;
    position: fixed;
    z-index: 10;
    border-radius: 50%;
    background-color: rgba(0,0,0, 0.1);
    box-sizing: border-box;
}
.onlile_pay_btn a {
    display: block;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    background-color: #7397C6;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 17px;
    box-sizing: border-box;
    color: white;
    font-size: 10px;
    font-weight: normal;
}
.onlile_pay_btn a:hover {
    text-decoration: none;
    background-color: #6C92C4;
}

