﻿/* ------------- Основные стили, скелетные ------------ */

* {margin:0; padding:0; font-size: 100.1%; }

img {
	border: 0; text-decoration: none;
}

html, body { position: relative; width: 100%; height: 100%; background: #FFF; color: #000; font-size: 1em; font-family: Arial, Tahoma, "Trebuchet MS", sans-serif; }


#container { position: relative; min-height: 100%; height: auto; min-width: 1000px; width: auto; }

#top { position: relative; height: 290px; background: url(/i/top_fon.gif) 0 0 repeat-x; }
#top_gr { position: absolute; height: 9px; width: 393px; top: 0; left: 0; background: url(/i/top_gr.gif) 0 0 no-repeat; }

#discount_code { position: absolute; height: 24px; color: #FFF; font-style: italic; font-weight: bold; font-size: 0.95em; padding: 5px 0 0 8px; width: 187px; top: 0; right: 4%; background: #00a3d1 url(/i/disc_fon.gif) 0 0 repeat-x; z-index: 4; }
#discount_code b { font-size: 1.2em; }
#discount_code .l, #discount_code .r { position: absolute; width: 3px; top: 0; height: 9px; background-position: 0 0; background-repeat: no-repeat; }
#discount_code .l { background-image: url(/i/disc_l.gif); left: -3px; }
#discount_code .r { background-image: url(/i/disc_r.gif); right: -3px; }
#discount_code .b { position: absolute; width: 193px; height: 1px; left: 1px; top: 29px; background: #00a3d1; }


#wires { position: absolute; width: 100%; height: 43px; top: 18px; left: 0; background-position: 30.5% 0; background-repeat: repeat-x; }
.def { background-image: url(/i/wires_def.jpg); }
.mts { background-image: url(/i/wires_mts.jpg); }
.meg { background-image: url(/i/wires_meg.jpg); }
.bee { background-image: url(/i/wires_bee.jpg); }
.sky { background-image: url(/i/wires_sky.jpg); }
.yot { background-image: url(/i/wires_yot.jpg); }
.tra { background-image: url(/i/wires_tra.jpg); }
.nom { background-image: url(/i/wires_nom.jpg); }
.ika { background-image: url(/i/wires_ika.jpg); }

#top_menu { position: absolute; width: 69.5%; left: 30.5%; list-style: none; margin: 18px 0 0 0; padding: 0 0 0 0; font-family: sans-serif, "Trebuchet MS", Tahoma, Arial; }
#top_menu li { float: left; font-size: 1.1em; font-style: italic; color: #FFF; padding: 62px 8px 2px 8px; margin: 0; }
#top_menu li a { color: #252525; text-decoration: underline; }
#top_menu li a:hover { color: #20a6d2; text-decoration: none; border-bottom: none; }

#top_menu li.cur a { color: #FFF; text-decoration: underline; }
#top_menu li.cur a:hover { color: #FFF; text-decoration: none; }

.flag_mts { background: #fe0000 url(/i/flag_mts.jpg) 0 0 no-repeat; }
.flag_meg { background: #019901 url(/i/flag_meg.jpg) 0 0 no-repeat; }
.flag_bee { background: #eac80d url(/i/flag_bee.jpg) 0 0 no-repeat; }
.flag_sky { background: #0c1780 url(/i/flag_sky.jpg) 0 0 no-repeat; }
.flag_yot { background: #00aeef url(/i/flag_yot.jpg) 0 0 no-repeat; }
.flag_tra { background: #3ea770 url(/i/flag_tra.jpg) 0 0 no-repeat; }
.flag_nom { background: #ceab21 url(/i/flag_nom.jpg) 0 0 no-repeat; }
.flag_ika { background: #00b7b9 url(/i/flag_ika.jpg) 0 0 no-repeat; }

#logo { position: relative; float: left; top: 74px; left: 0; width: 23.4%; max-width: 300px; height: 200px; background-position: right 0; background-repeat: no-repeat; }
#logo a { position: absolute; display: block; top: 7px; right: 24px; width: 125px; height: 135px; text-decoration: none; }
#logo a:hover { text-decoration: none; }

.l_def { background-image: url(/i/simcoder_def.jpg); }
.l_mts { background-image: url(/i/simcoder_mts.jpg); }
.l_meg { background-image: url(/i/simcoder_meg.jpg); }
.l_bee { background-image: url(/i/simcoder_bee.jpg); }
.l_sky { background-image: url(/i/simcoder_sky.jpg); }
.l_yot { background-image: url(/i/simcoder_yot.jpg); }
.l_tra { background-image: url(/i/simcoder_tra.jpg); }
.l_nom { background-image: url(/i/simcoder_nom.jpg); }
.l_ika { background-image: url(/i/simcoder_ika.jpg); }


#r_l_sh { position: relative; float: left; top: 114px; width: 275px; height: 160px; background: url(/i/r_l_sh.jpg) 0 0 no-repeat; }
#b_l_sh { position: absolute; top: 274px; left: 0; width: 42%; max-width: 525px; height: 70px; background: url(/i/b_l_sh.jpg) 80% 0 no-repeat; }


#icons { position: absolute; top: 130px; left: 31%; width: 39px; height: 130px; }
#icons a { display: block; width: 39px; height: 39px; margin: 0 0 3px 0; background-position: 0 0; background-repeat: no-repeat; text-decoration: none; }
#icons a:hover { background-position: 0 -39px; }

#icons div { width: 39px; height: 39px; margin: 0 0 3px 0; background-position: 0 -78px; background-repeat: no-repeat; }

#home { background-image: url(/i/home.png); }
#mail { background-image: url(/i/mail.png); }
#map { background-image: url(/i/map.png); }


#call, #write { position: absolute; top: 140px; padding: 3px 0 0 28px; color: #999; font-size: 0.8em; }
#call { left: 40%; background: url(/i/call.gif) 0 0 no-repeat; }
#write { left: 58%; background: url(/i/write.gif) 0 0 no-repeat; }

.tel { color: #000; font-weight: bold; margin: 5px 0; line-height: 16px; }
.tel a { color: #000; font-weight: normal; }
.tel img { vertical-align: middle; }

#box { position: absolute; right: 4%; top: 135px; width: 155px; background: #e7f9ff; padding: 10px 20px; color: #759daa; font-size: 0.8em; }
#box h2 { font-size: 1.4em; font-style: italic; font-family: sans-serif; font-weight: normal; margin: 0 0 0.4em 0; }
#box b { color: #20a6d2; }
#box .br { width: 40px; height: 41px; background: url(/i/no_star_box.gif) 0 0 no-repeat; }


#main { position: relative; width: 100%; overflow: hidden; padding-bottom: 150px; }

#left_col { float: left; width: 26%; padding: 0.5em 0 0 0; }
#right_col { float: right; width: 65%; margin-right: 4%; }

#brad_crumps { position: relative; color: #cbcbcb; font-size: 0.7em; font-family: Tahoma, Arial, sans-serif; margin: 0 0 10px 0; }
#brad_crumps a { color: #a4a4a4; }
#brad_crumps a:hover { color: #333; }


#second_menu { list-style: none; margin: 0; padding: 1.2em 0 0.3em 17%; }
#second_menu li { font-size: 0.96em; margin: 1.2em 0; color: #000; }
#second_menu li.cur { font-weight: bold; font-style: italic; }
#second_menu li a { color: #000; text-decoration: underline; }
#second_menu li a:hover { color: #e15555; text-decoration: underline; }
#second_menu li ul { list-style: none; margin: 0; padding: 0.5em 0 0.1em 1.4em; }
#second_menu li ul li { font-weight: normal; font-style: normal; font-size: 0.8em; margin: 0.5em 0; }
#second_menu li ul li.cur { font-weight: bold; font-style: normal; color: #1d96bd; }
#second_menu li ul li a { color: #1d96bd; text-decoration: underline; }
#second_menu li ul li ul { padding: 0.5em 0 0.7em 0; }
#second_menu li ul li ul li { color: #000; font-size: 0.9em; background: url(/i/li.gif) 0.2em 0.6em no-repeat; padding: 0 0 0 1.6em; }
#second_menu li ul li ul li.cur { color: #000; }
#second_menu li ul li ul li a { color: #000; }


#boss_menu { list-style: none; margin: 0; padding: 1.2em 0 1em 17%; }
#boss_menu li { font-size: 0.8em; margin: 0.7em 0; color: #019b45; }
#boss_menu li.cur { font-weight: bold; }
#boss_menu li a { color: #019b45; text-decoration: underline; }
#boss_menu li a:hover { color: #333; text-decoration: underline; }


#bilboard { position: relative; height: 172px; background: url(/i/tube.gif) 0 30px repeat-x; padding: 0 0 0 0; margin: 1.2em 0 1em 0; }
#bilboard .sh, #bilboard .sh2 { position: absolute; width: 8px; height: 6px; background: url(/i/sh.gif) 0 0 no-repeat; right: 83%; }
.sh { top: 30px; }
.sh2 { top: 136px; }
#bord_box_bilboard { position: relative; background: #cdd0d1 url(/i/fon_board_box_bilb.gif) 0 0 repeat-x; margin: 0 0 0 17%; padding: 5px; height: 162px; }
#box_bilboard { position: relative; height: 160px; background: #FFF; border: 1px solid #e9ebee; }
#bilboard a { display: block; height: 160px; width: 100%; text-align: center; vertical-align: middle; }

#nombers { margin: 0 0 0 17%; padding: 0 0 1em 0; }
#nombers table { width: 100%; font-size: 0.95em; margin: 20px 0 0 0; }
#nombers table tr { background: url(/i/dot.gif) 0 100% repeat-x; }
#nombers table tr:hover { background-color: #fffde5; }
#nombers table td { padding: 5px 5px; }
#nombers table td.ic { padding: 7px 0 5px 0; width: 24px; text-align: center; }
#nombers table td.but { padding: 2px 0; }
#nombers table td.but input { width: 55px; height: 21px; background: url(/i/ord_nom_but.gif) 0 0 no-repeat; border: 0; cursor: pointer; }
#nombers table td.but input:hover { background-position: 0 -21px; }


#tour_cards { position: relative; margin: 1.2em 0 1em -20px; left: 17%; width: 83%; padding: 10px 20px 10px 0; }
#tour_cards h2 { margin: 0 0 0.5em 20px; }
#tour_cards table { width: 100%; font-size: 0.7em; font-family: Tahoma, Arial, sans-serif; }
#tour_cards table td { vertical-align: top; }
#tour_cards table td.img { padding: 5px 15px 0 20px; }

.sravn { margin: 12px 60px 0 20px; }
.sravn select { width: 100%; color: #000; padding: 1px; margin: 5px 0 0 0; }

.go_travel { position: absolute; width: 55px; height: 182px; bottom: 40px; right: -2px; background: url(/i/go_travel.gif) 0 0 no-repeat; text-decoration: none; }
.go_travel:hover { text-decoration: none; }


.sravn table tr.dot { background: url(/i/dot.gif) 0 100% repeat-x; }
.sravn table td { padding: 5px 5px; }
.sravn table td.country { color: #787b7c; padding: 0; }
.sravn table td.img { padding: 10px 5px 0 5px!important; }
.sravn table td.name { font-weight: bold; width: 50%; }
.sravn table td.green { font-weight: bold; color: #019b45; }
.sravn table td.but { text-align: center; font-size: 1.2em; padding: 10px 0 0 0; }





#footer { position: relative; min-width: 1000px; width: auto; height: 100px; margin-top: -100px; background: url(/i/conecticus.jpg) 5px 0 no-repeat; }
#fot_left_col { float: left; width: 26%; }
#fot_right_col { position: relative; float: right; width: 65%; margin-right: 4%; }
.cop { padding: 25px 0 0 23%; color: #787b7c; font-size: 0.75em; }
.cop span { color: #bcc0c2; font-size: 0.85em; }

#fot_menu { position: relative; list-style: none; margin: 0; padding: 35px 0 0 0; left: -1.5%; }
#fot_menu li { float: left; font-size: 0.75em; padding: 0 1% 0 1%; border-left: 1px solid #000; line-height: 12px; font-weight: bold; }
#fot_menu li a { font-weight: normal; }

#zagl_b { position: absolute; width: 10px; height: 30px; top: 28px; left: -2.4%; background: #FFF; }

#wa { position: absolute; top: 35px; right: 0; }
#wa a { display: block; font-size: 0.7em; padding: 0 0 0 38px; line-height: 12px; background: url(/i/wa.gif) 0 4px no-repeat; }
#wa a:hover { background: url(/i/wa.gif) 0 -29px no-repeat; }

/* ------------- Стили для оформления текста, текстовики ------------ */
a { color: #20a6d2; text-decoration: underline; }
a:hover { text-decoration: underline; color: #e15555; }

ol { margin: 0 0 0 40px; }

p { padding: 0.8em 0 0.5em 0; line-height:1.4em; }

h1 { margin: 0 0 0.7em 0; font-size: 1.8em; font-weight: normal; }
h2 { margin: 1.2em 0 0.3em 0; font-size: 1.3em; font-weight: normal; font-style: italic; }
h3 { margin: 1em 0 0.5em 0; font-size: 1.2em; font-weight: normal; }
h4 { margin: 0.3em 0 0.7em 0; }

h1.no_top { margin: 1em 0 0.7em 0; }

.no_top_m { margin: 0 0 0.3em 0; }

h1 .print { color: #20a6d2; font-size: 0.45em; line-height: 1.2em; margin: 0 0 0 25px; padding: 0 0 0 18px; background: url(/i/print.gif) 0 0 no-repeat; }

ul { margin: 0.5em 0 0.5em 30px; list-style: disc; padding: 0 }
ul li { margin: 0.3em 0; padding: 0; }

.clear_list { list-style: none; margin: 0.5em 0; }

.line_list { list-style: none; margin: 0.5em 0; }
.line_list li { background: url(/i/li.gif) 0 0.55em no-repeat; padding: 0 0 0 20px; }

#call .new_win, #write .new_win { display: block; margin: 3px 0 0 -17px; }
.new_win { background: url(/i/new_win.gif) 0 5px no-repeat; padding: 0 0 0 17px; }
.new_win:hover { background-position: 0 -15px; }

.dot_head { color: #20a6d2; text-decoration: none; border-bottom: 1px dashed #20a6d2; }
.dot_head:hover { color: #e15555; text-decoration: none; border-bottom: 1px dashed #e15555; }

a.dot { border-bottom: 1px dashed; text-decoration: none; line-height: 1.3em; }
a.dot:hover { border-bottom: 1px dashed; text-decoration: none; }

.active { color: #81aebc; border-bottom: 1px dashed #81aebc; }

a.but_order { position: relative; display: block; text-decoration: none; width: 94px; height: 22px; padding: 3px 17px 0 17px; margin: 10px 0 0 0; background: #24baeb url(/i/fon_but_order.gif) 0 0 repeat-x; color: #FFF; }
a.but_order:hover { background-position: 0 -25px; color: #FFF; text-decoration: none; }
a.but_order em, a.but_order span { position: absolute; width: 12px; height: 25px; top: 0; background-repeat: no-repeat; background-position: 0 0; }
a.but_order em { background-image: url(/i/l_but_order.gif); left: 0; }
a.but_order span { background-image: url(/i/r_but_order.gif); right: -1px; }
a.but_order:hover span, a.but_order:hover em { background-position: 0 -25px; }

.sky_zone { display: block; margin: 1em 0; }
.sky_zone img { width: 100%; }


.date_list { color: #cbcbcb; font-size: 0.9em; margin: 1.5em 0 0 0; }
.news_zag { margin: 0.4em 0 0 0; }


.news_box_l_col { position: relative; margin: 1.7em 0 0 0; font-size: 0.8em; line-height: 18px; }
.news_box_l_col .date { position: absolute; text-align: right; left: -37px; padding: 5px 0 0 0; top: 0; line-height: 15px; color: #8fd2e8; }
.news_box_l_col .date span { color: #20a6d2; font-size: 1.75em; }

.with_header {  }
.with_header li { top: 8px; }
.with_header li.header { top: 0px; margin: 0 15px 0 0; padding: 0; font-size: 1em; line-height: normal; }
.switcher { list-style: none; margin: 0; padding: 0; float: left; }
.switcher li { position: relative; float: left; margin: 0 4px; padding: 0 2px; line-height: 26px; font-size: 0.9em; }
.switcher li.cur { background: #24baeb url(/i/fon_cur.gif) 0 0 repeat-x; padding: 0 12px; color: #FFF; }
.switcher li.cur em, .switcher li.cur span { position: absolute; width: 12px; height: 26px; top: 0; background-position: 0 0; background-repeat: no-repeat; }
.switcher li.cur em { left: 0; background-image: url(/i/cur_l.gif); }
.switcher li.cur span { right: 0; background-image: url(/i/cur_r.gif); }
.switcher li.cur a { color: #FFF; text-decoration: none; }
.switcher li.cur a:hover { color: #FFF; text-decoration: none; }
.switcher li a { color: #000; text-decoration: none; border-bottom: 1px dashed #000; }
.switcher li a:hover { color: #e15555; text-decoration: none; border-bottom: 1px dashed #e15555; }

.second_sw { margin: 0.5em 0 1em 0; font-size: 0.9em; }
#myslidemenu {z-index:9999}

.choice_type { list-style: none; margin: 0; padding: 0; }
.choice_type li { z-index:1;position : relative; padding: 0 15px 0 0; height: 26px; line-height: 26px; background: #e5e7e9 url(/i/choice_type_bg.gif) 0 0 repeat-x; }
.choice_type li a { font-weight: bold; color: #787b7c; padding: 0 0 0 0; border-bottom: 1px dashed #787b7c; text-decoration: none; }
.choice_type li a:hover { color: #333; border-color: #000; text-decoration: none; }
.choice_type li img { padding: 0 7px 2px 7px; }

.choice_type li ul { list-style: none; margin: 0; padding: 0; position: absolute; top: 26px; left: 0; width: 100%; display: none}
.choice_type li ul .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #edeef0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93); opacity:0.93; filter: alpha(opacity=93); -moz-opacity: 0.93; }

.choice_type li ul li { position: relative; background: none; margin: 0; padding: 0; }
.choice_type li ul li a { display: block; font-weight: normal; color: #333; border: none; padding: 0 0 1px 21px; font-size: 0.85em; text-decoration: underline; }
.choice_type li ul li a:hover { background: #36B5DD; color: #FFF; }


.cat { position: relative; list-style: none; margin-left: -3%; padding: 0; }
.cat li { display:-moz-inline-box; display: inline-block; margin: 0 0 3% 2.8%; position: relative; padding: 2.2em 0 0 0; width: 30%; vertical-align: top; }
.cat li .name_rubrik { position: absolute; top: 0; left: 0; }
.cat li .sm_img { float: left; width: 80px; margin: 0 5px 0 0; }
.cat li .sm_text { overflow: hidden; font-size: 0.7em; font-family: Tahoma, Arial, sans-serif; }
.cat li .sm_text p { padding: 0.2em 0 0 0; line-height: normal; }
.cat li h2 { margin: 0 0 0.3em 0; font-style: normal; font-size: 1.1em; display: block; }

.two_cols { position: relative; list-style: none; margin-left: -4.5%; padding: 0; }
.two_cols li.col { display:-moz-inline-box; display: inline-block; margin: 1% 0 1% 4.5%; position: relative; padding: 0; width: 44%; vertical-align: top; }
.two_cols a {text-decoration: none;}
.three_cols { position: relative; list-style: none; margin-left: -4.5%; padding: 0; }
.three_cols li.col { display:-moz-inline-box; display: inline-block; margin: 1% 0 1% 4.5%; position: relative; padding: 0; width: 28%; vertical-align: top; }


.small_cont { width: 640px; }

.map_box { margin: 1.5em 0 0 0; font-size: 0.7em; }

.price_box { position: relative; list-style: none; margin: 1em 0 0 0; padding: 0; clear: both; }
.price_box .osn { position: relative; float: left; width: auto; height: 34px; line-height: 34px; background: #ebebeb url(/i/osn.gif) 0 0 no-repeat; margin: 0; padding: 0 3px 0 15px; font-size: 1.45em; z-index: 15; }
.price_box .with_action em { position: absolute; height: 14px; width: 75px; right: -10px; bottom: -6px; background: url(/i/osn_action.gif) 100% 0 repeat-x; z-index: 10; }
.price_box .price_two { position: relative; float: left; width: auto; height: 31px; background: url(/i/price_two.gif) 0 0 repeat-x; margin: 0; padding: 3px 10px 0 17px; font-size: 0.85em; }
.price_box .price_two em.price_two_l { position: absolute; top: 0; left: 0; width: 12px; height: 34px; background: url(/i/price_two_l.gif) 0 0 no-repeat; }
.price_box .price_two b.price_two_r { position: absolute; top: 0; right: 0; width: 4px; height: 26px; background: url(/i/price_two_r.gif) 0 0 no-repeat; }
.price_box .price_two span.value { color: #787b7c; border-bottom: 1px dashed #787b7c; cursor: pointer; }
.price_box .price_two span.value:hover { color: #e15555; border-bottom: 1px dashed #e15555; }

.price_box .action { position: relative; top: -8px; float: left; clear: both; width: auto; height: 30px; color: #FFF; padding: 4px 0 0 7px; margin: 0; background: #9acc22 url(/i/action_fon.gif) 0 0 repeat-x; font-size: 0.85em; white-space: nowrap; z-index: 5;  }
.price_box .action em { position: absolute; width: 75px; height: 34px; top: 0; left: 0; background: url(/i/action_l.gif) 0 0 no-repeat; z-index: 1; }
.price_box .action i { position: relative; z-index: 5; font-style: normal; }
.price_box .action span.value { height: 34px; line-height: 28px; color: #FFF; font-size: 1.7em; padding: 0; margin: 0 15px 0 9px; border-bottom: 1px dashed #FFF; cursor: pointer; }
.price_box .action .flag { position: absolute; right: 0; top: 0; height: 0; overflow: hidden; border-top: 17px solid transparent; border-right: 10px solid #FFF; border-bottom: 17px solid transparent; }
.price_box a {
	text-decoration: none;
}
.price_box .order { position: relative; float: left; width: auto; margin: 0; padding: 0; }
.price_box .order em.order_l { position: absolute; top: 0; left: 0; width: 12px; height: 34px; background: url(/i/order_l.gif) 0 0 no-repeat; }
.price_box .order input { position: relative; float: left; left: 12px; width: 75px; height: 27px; border: 0; background: url(/i/price_box_order.gif) 0 0 no-repeat; cursor: pointer; }


.listing { position: relative; margin: 2.5em 0 0 0; z-index:1}
.listing .tuda_syuda { color: #cbcbcb; margin: 0 0 0.9em 0; font-size: 0.95em; }
.listing .tuda_syuda a { padding: 0; margin: 0; }
.listing a { padding: 3px 7px; color: #1d96bd; margin: 0 2px; }
.listing a:hover { color: #000; }
.listing span { padding: 3px 7px; margin: 0 2px; color: #000; background: #f5f5ea; }

.nom_page { position: absolute; right: 0; bottom: 0; color: #a4a8a9; font-size: 0.8em; }
.nom_page a { padding: 0; color: #000; margin: 0 2px; }
.nom_page a:hover { color: #666; text-decoration: none; }
.nom_page span { padding: 0; margin: 0 3px; color: #000; background: none; font-weight: bold; }


.tip { position: absolute; right: 15px; top: -25px; padding: 0 10px; height: 18px; line-height: 18px; font-size: 0.3em; background: #24bdef url(/i/tip_fon.gif) 0 0 repeat-x; }
.tip a { color: #FFF; text-decoration: none; }
.tip a:hover { color: #FFF; text-decoration: underline; }

.tip_l, .tip_r, .tip_b { position: absolute; top: 0; width: 6px; height: 18px; background-position: 0 0; background-repeat: no-repeat; }
.tip_l { background-image: url(/i/tip_l.gif); left: 0; }
.tip_r { background-image: url(/i/tip_r.gif); right: 0; }
.tip_b { background-image: url(/i/tip_b.gif); top: 17px; left: 19px; }


.group { position: relative; padding: 10px 20px; background: #f8f7f1; margin: 1.5em 0 0 0; font-size: 0.8em; }
.group .cur { padding: 3px 7px; margin: 0 5px; background: #e3dfc7; color: #8d8566; }
.group a { color: #000; }
.group a:hover { color: #000; text-decoration: none; }
.group a.sw { margin: 0 5px; color: #8d8566; text-decoration: none; border-bottom: 1px dashed #8d8566; }
.group a.sw:hover { color: #000; text-decoration: none; border-bottom: 1px dashed #000; }
.group img { margin: 0 5px 0 25px; }

.viborka input { border: none; padding: 0; background-position: 0 0; background-repeat: no-repeat; height: 22px; font-size: 0em; color: #f8f7f1; cursor: pointer; vertical-align: middle; }
.viborka input.cur, .viborka input.cur:hover { background-position: 0 -44px; cursor: default; }
.viborka input:hover { background-position: 0 -22px; }
.viborka input#viborka_all { width: 39px; background-image: url(/i/viborka_all.gif); }
.viborka input#viborka_cur { width: 132px; background-image: url(/i/viborka_cur.gif); }
.viborka input#viborka_del { width: 110px; background-image: url(/i/viborka_del.gif); margin: 0 0 0 25px; }
.viborka input#viborka_box { width: 230px; background-image: url(/i/viborka_box.gif); margin: 0 0 0 0px; }

.tip_blue { position: relative; padding: 10px 20px; background: #e7f9ff; color: #759daa; font-size: 0.8em; }
.close { margin: 0.5em 0; }

.soput_box { margin: 1em 0 0.5em 0; color: #bec2c4; padding: 0 0 0 20px; }
.soput_box a { color: #bec2c4; font-size: 0.85em; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.soput_box a:hover { color: #000; }
.soput_box label { position: relative; display: block; margin: 0.5em 0 0.9em 0; }
.soput_box label input { position: absolute; left: -20px; top: 2px; }
.soput_box label span { color: #20a6d2; border-bottom: 1px dashed #20a6d2; cursor: pointer; }
.soput_box label span:hover { color: #e15555; border-color: #e15555; }
.soput_box .image { margin: 0.5em 0; overflow: hidden; padding: 3px; width: 80px; height: 80px; border: 2px solid #EEE; }
.soput_box .image:hover { border: 2px solid #20a6d2; }
.soput_box .price { color: #848788; }




/* ------------- Цвета ------------ */
.black, .black a { color: #000; border-color: #000; }
.black a:hover { color: #e15555; border-color: #e15555; }
.white { color: #FFF; }

.blue_gray { color: #787b7c; }
.green { color: #019b45; }
.green2 { color: #78a40d; }
.grey { color: #cbcbcb; }
.orange { color: #e66e33; }

/* ------------- Формы ------------ */

.form_search input { width: 20%; }
.form_search .text { margin: 0 1% 0 0; width: 75%; padding: 3px; border: 1px solid #b3c2c7; }
.form_search .primer { position: relative; margin: 5px 0 0 0; }

.pop_up_form { width: 100%; margin: 1em 0 0 0; font-size: 0.95em; }
.pop_up_form label { width: 33.5%!important; }
.pop_up_form input.text, .pop_up_form textarea.text { width: 65%!important; }

.order_form { width: 600px; padding: 20px; margin: 1em 0 0 0; font-size: 0.95em; }
.order_form label, .pop_up_form label { float: left; margin: 0.60em 0 0.5em 0; width: 190px; line-height: 1.2em; }
.order_form input.text, .order_form textarea.text, .pop_up_form input.text, .pop_up_form textarea.text { font-size: 0.9em; margin: 0.5em 0 0.5em 0; color: #5A8694; width: 400px; padding: 3px; border: 1px solid #b3c2c7; line-height: 1.2em; }
.order_form textarea, .pop_up_form textarea { font-family: Arial, Tahoma, "Trebuchet MS", sans-serif; height: 120px; }

.order_form .buts, .pop_up_form .buts { position: relative; background: #e7f9ff; padding: 15px 20px 15px 190px; margin: 0.5em 0 0 0; }
.pop_up_form .buts { padding: 15px 20px 15px 33.5%; }
.order_form .buts input, .pop_up_form .buts input { width: auto; }
.order_form .buts input.res, .pop_up_form .buts input.res { position: absolute; width: 125px; height: 28px; background: url(/i/res.gif) 0 0 no-repeat; right: 20px; border: 0; cursor: pointer; }

.order_form .buts input.res:active { background-position: 0 1px; }

.but_gr_140 { width: 140px; background-image: url(/i/but_gr_140.gif); }
.but_gr_80 { width: 80px; background-image: url(/i/but_gr_80.gif); }

.but_gr_140, .but_gr_80 { height: 28px; padding: 1px 0 4px 0; text-align: center; color: #20a6d2; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: 0; font-family: Arial, Tahoma, "Trebuchet MS", sans-serif; font-size: 0.9em; cursor: pointer; }
.but_gr_80:hover { background-position: 0 -28px; color: #b9a64f; }
.but_gr_140:hover { background-position: 0 -28px; color: #008b21; }

.order_boss { margin: 0.5em 0; height: 30px; width: 200px; background: url(/i/order_boss.gif) 0 0 no-repeat; border: 0; cursor: pointer; }
.order_boss:hover { background-position: 0 -30px; }

/* ------------- Стили для оформления таблиц, табличники ГЫ! ------------ */

.tra_tab { width: 100%; margin: 1em 0; }
.tra_tab td {  }
.tra_tab td.dot { background: url(/i/dot4.gif) 50% 0 repeat-y; width: 31px; }
.tra_tab table { width: 100%; }
.tra_tab .image { width: 120px; }
.tra_tab table td { white-space: nowrap; vertical-align: bottom; line-height: 30px; }



.dot_tab { width: 640px; font-size: 0.9em; margin: 0.5em 0; background: none; }
.dot_tab tr:hover td.label { background: url(/i/dot3.gif) 0 100% repeat-x; }
.dot_tab td { position: relative; vertical-align: bottom; padding: 0.4em 0 0 3px; }
.dot_tab td.label { color: #787b7c; background: url(/i/dot2.gif) 0 100% repeat-x; padding: 0.5em 20px 1px 0; width: 460px; }
.dot_tab td.label span { background-color: #FFF; padding: 0 3px 0 0; }

.dot_tab h4 { margin: 1em 0 0.3em 0; }


.soput_tab { font-size: 0.8em; width: 100%; background: none; margin: 0.7em 0; }
.soput_tab tr { background: url(/i/dot.gif) 0 100% repeat-x; }
.soput_tab tr:hover { background-color: #fffde5; }
.soput_tab td { padding: 7px 5px; vertical-align: top; }
.soput_tab td.price { width: 20%; font-weight: bold; color: #78a40d; }
.soput_tab label { position: relative; display: block; margin: 0 0 0.2em 30px; z-index: 0; }
.soput_tab label input { position: absolute; left: -25px; top: 2px; }
.soput_tab label span { color: #20a6d2; border-bottom: 1px dashed #20a6d2; cursor: pointer; }
.soput_tab label span:hover { color: #e15555; border-color: #e15555; }
.soput_tab .image { float: left; margin: 0.8em 12px 0.4em 30px; overflow: hidden; padding: 3px; width: 80px; height: 80px; border: 2px solid #EEE; background: #FFF; }
.soput_tab .image:hover { border: 2px solid #20a6d2; }
.soput_tab p { margin: 0.5em 0 0.4em 0; }


.list_price { margin: 1em 0; }
.list_price td { font-size: 1.3em; line-height: 1.5em; white-space: nowrap; }
.list_price td.gr { color: #a4a4a4; font-size: 1.2em; padding: 0 20px 0 0; }
.list_price td.sm { font-size: 1.1em; }
.list_price td em { font-weight: bold; font-size: 1.1em; font-style: normal; color: #78a40d; border-bottom: 1px dashed #78a40d; cursor: pointer; }
.list_price td em:hover { color: #e15555; border-bottom: 1px dashed #e15555; }
.list_price td a {text-decoration: none;}


.temp_order_box { background: #fbfbfb; padding: 10px; margin: 1em 0; }
.temp_order_box h2 { font-style: normal; font-size: 1.1em; margin: 0 0 0.7em 0; }
.temp_order { width: 100%; font-size: 0.8em; background: none; }
.temp_order tr { background: url(/i/dot.gif) 0 100% repeat-x; }
.temp_order td { padding: 7px 5px; vertical-align: middle; }
.temp_order td.del { width: 17px; vertical-align: top; padding: 5px 5px; }
.temp_order td.kol_vo { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.9em; width: 65px; }
.temp_order td.kol_vo input { width: 35px; border: 1px solid #dedfe0; padding: 2px; text-align: right; }
.temp_order td.price { font-weight: bold; color: #78a40d; text-align: right; white-space: nowrap; width: 65px; }



.order_box { position: relative; background: #fbfbfb url(/i/order_box_fon.gif) 0 0 repeat-x; padding: 10px 20px 0 20px; //zoom: 1; }
.order_list { position: relative; list-style: none; margin: 0.5em 0 0.5em 0; padding: 0; }
.order_list td { position: relative; font-size: 1.2em; padding: 0 15px 0 0; vertical-align: top; }
.order_list td.holle { width: 15px; }
.order_list td.gr { color: #a4a4a4; }
.order_list .name {
	font-size: 0.8em;
	font-weight: bold;
}
.order_list .name span { font-size: 0.8em; }
.order_list .ob { font-size: 0.9em; line-height: 1.4em; }
.order_list .change { font-size: 0.6em; margin: 0.2em 0 0 0; }
.order_list .price { position: relative; float: left; left: -13px; padding: 0 7px 0 13px; font-style: italic; margin: 1em 0 0.15em 0; height: 32px; line-height: 32px; color: #79562a; background: #f1e082 url(/i/order_price_fon.gif) 0 0 repeat-x; //padding: 0 3px 0 13px; }
.order_list .price .rur { font-size: 1.1em; }
.order_list .price .pr_l { position: absolute; width: 11px; height: 32px; top: 0; left: -2px; background: url(/i/order_price_l.gif) 0 0 no-repeat; }
.order_list .price .pr_r { position: absolute; width: 5px; height: 32px; top: 0; right: -2px; background: url(/i/order_price_r.gif) 0 0 no-repeat; }
.order_list .tezis { clear: both; font-size: 0.55em; color: #a4a4a4; margin: 0.2em 0 0.5em 0; }

.order_list .price .rur span { margin: 0.2ex 0 0 -0.55em; }


.order_list .cross, .temp_order .cross { font-size:0px; color:#fff; width: 17px; height: 18px; background: url(/i/cross2.gif) 0 0 no-repeat; cursor: pointer; border: 0; margin: 0.25em 0 0 0; }
.order_list .cross:hover, .temp_order .cross:hover { background: url(/i/cross2.gif) 0 -18px no-repeat; }

.dot_line { height: 1px; overflow: hidden; background: url(/i/dot.gif) 50% 0 repeat-x; padding: 0.5em 0; }

.itog { padding: 0.2em 20px 0.8em 0; font-size: 1.9em; text-align: right; }

.bot_bg { position: absolute; bottom: 0; left: 0; height: 7px; width: 100%; background: url(/i/itog_fon.gif) 0 100% repeat-x; }



.card_box { margin: 1em 0; padding: 0; width: 100%; }
.card_box td { vertical-align: top; }
.card_box td.images { width: 300px; padding: 0 40px 0 0; }
.card_box td.images ul { position: relative; list-style: none; margin: 1em 0 0 0;  }
.card_box td.images ul li { float: left; overflow: hidden; padding: 3px; margin: 0 10px 10px 0; width: 80px; height: 80px; border: 2px solid #FFF; }
.card_box td.images ul li:hover { border: 2px solid #EEE; }
.card_box td.images ul li.cur { border: 2px solid #20a6d2; }
.card_box td.images ul li.cur:hover { border: 2px solid #20a6d2; }
.card_box td.images ul li a {  }
.card_box td.images ul li img { }

.boss { width: 100%; margin: 1em 0 0.7em 0; font-size: 0.8em; }
.boss tr { background: url(/i/dot.gif) 0 100% repeat-x; }
.boss tr:hover { background-color: #fffde5; }
.boss th { text-align: left; border-bottom: 1px solid #000; padding: 9px 5px; white-space: nowrap; }
.boss th.with_img { padding: 0 0 0 35px; background-position: 0 50%; background-repeat: no-repeat; }
.boss td { padding: 9px 5px; z-index: 0; }
.boss td.ic { width: 20px; text-align: center; }
.boss td.ic_sw { text-align: left; padding: 9px 5px 9px 27px; }
.boss td.but_ord { padding: 6px 5px; width: 76px; color: #20a6d2; }
.boss td.but_ord b { padding: 0 0 0 14px; }
.boss td.header { background: #f8f7f1 url(/i/boss_header_bg.gif) 0 100% repeat-x; border-top: 5px solid #FFF; padding: 10px 35px; color: #8d8566; font-size: 1.1em; font-weight: bold; font-style: italic; }
.boss td.header span { color: #20a6d2; font-size: 0.9em; font-weight: normal; font-style: normal; }
.boss th.type { padding: 0px 10px; }
.boss td.small_opis { font-size: 0.85em; vertical-align: top; font-family: Tahoma, Arial, "Trebuchet MS", sans-serif; }
.boss td.with_img { padding: 0 0 0 35px; }

.boss_cart { width: 100%; margin: 1em 0 0.7em 0; font-size: 0.7em; }
.boss_cart tr { background: url(/i/dot.gif) 0 100% repeat-x; }
.boss_cart tr:hover { background-color: #fffde5; }
.boss_cart th { text-align: left; border-bottom: 1px solid #000; padding: 9px 5px; white-space: nowrap; }
.boss_cart th.with_img { padding: 0 0 0 35px; background-position: 0 50%; background-repeat: no-repeat; }
.boss_cart td { padding: 9px 5px; z-index: 0; }
.boss_cart td.ic { width: 20px; text-align: center; }
.boss_cart td.ic_sw { text-align: left; padding: 9px 5px 9px 27px; }
.boss_cart td.but_ord { padding: 6px 5px; width: 76px; color: #20a6d2; }
.boss_cart td.but_ord b { padding: 0 0 0 14px; }
.boss_cart td.header { background: #f8f7f1 url(/i/boss_header_bg.gif) 0 100% repeat-x; border-top: 5px solid #FFF; padding: 10px 35px; color: #8d8566;  font-style: italic; }
.boss_cart td.header span { color: #20a6d2; font-size: 0.8em; font-weight: normal; font-style: normal; }
.boss_cart th.type { padding: 0px 10px; }
.boss_cart td.small_opis { vertical-align: top; font-family: Tahoma, Arial, "Trebuchet MS", sans-serif; }
.boss_cart td.with_img { padding: 0 0 0 35px; }

.soput_tab .box_opis { z-index: 1; }
.boss .boss_cart .box_opis, .soput_tab .box_opis { position: relative; height: 0; }
.boss .boss_cart .box_opis td, .soput_tab .box_opis td { padding: 0; }
.boss .boss_cart .opisanie, .soput_tab .opisanie { position: relative; }
.boss .boss_cart .opisanie div, .soput_tab .opisanie div { position: absolute; top: -1px; width: 100%; color: #656239; font-size: 1.1em; font-style: normal; background: #fffde5; border-bottom: 2px solid #f1edb5; z-index: 256; }
.boss .boss_cart .opisanie div p, .soput_tab .opisanie div p { padding: 10px 20px; line-height: 1.2em; font-weight: bold; font-style: italic; }
.soput_tab .opisanie div p { padding: 5px 10px; line-height: 1.1em; font-size: 0.9em; font-weight: normal; font-style: italic; }

.in_call { background-image: url(/i/in_call.gif); }
.out_call { background-image: url(/i/out_call.gif); }
.sms { background-image: url(/i/sms.gif); }


/* ------------- Все остальное, вспомогалкиии ------------ */

.clear { clear: both; overflow: hidden; height: 1px; }
.center { text-align: center; }
.left { text-align: left!important; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.p_l { padding-left: 17%; }
.no_bg { background: none!important; }
.no_m_top { margin-top: 0!important; }

.small { font-size: 0.9em; }
.smaller { font-size: 0.8em; }
.very_smaller { font-size: 0.7em; }

.big { font-size: 1.3em; }
.biger { font-size: 1.4em; }
.very_big { font-size: 1.5em; }

.sup { position: relative; font-size: 0.75em; padding: 0 0 0 3px; vertical-align: top; top: -0.55em; }

.country_big { position: relative; margin: 1.5em 0; font-size: 0.9em; }
.country_big select { margin: 0 10px; width: 300px; padding: 1px; }

.go_pop_up { position: relative; top: -7px; padding: 0 4px 0 7px; margin: 0 0 0 2px; color: #FFF; width: 14px; height: 10px; background: url(/i/go_pop_up.gif) 0 0 no-repeat; font-size: 8px; font-family: Arial, sans-serif; text-decoration: none; cursor: pointer; }
.go_pop_up:hover { color: #FFF; text-decoration: none; }

.pop_up { position: absolute; top: 25px; right: -15px; width: 200px; padding: 15px 30px 0 20px; color: #787b7c; background: url(/i/pop_up.png) 0 0 repeat-y; font-size: 12px; font-weight: normal; z-index: 256; cursor: help; }
.pop_up .pop_up_top { position: absolute; width: 230px; color: #5C5D5D; height: 10px; top: -40px; left: 0; padding: 30px 0 0 20px; background: url(/i/pop_up_top.png) 0 0 no-repeat; }
.pop_up .pop_up_bot { position: absolute; width: 240px; height: 20px; bottom: -20px; left: 0; background: url(/i/pop_up_bot.png) 0 0 no-repeat; }
.pop_up a { position: absolute; width: 11px; height: 10px; right: 15px; top: -25px; background: url(/i/cross.gif) 1px 1px no-repeat; text-decoration: none; }
.pop_up a:hover { background-position: 1px -11px; }

.tarifi { min-height:250px; }
.tarifi form { margin: 0; padding: 0; }
.tarifi h2 { font-size: 1.1em; margin: 0 0 0.9em 0; }
.tarifi .sm_img { float: left; width: 80px; margin: 0 10px 0 0; }
.tarifi .sm_text { overflow: hidden; font-size: 0.7em; font-family: Tahoma, Arial, sans-serif; }
.tarifi .sm_text p { padding: 0 0 1em 0; line-height: normal; }
.tarifi .price_box { float: left; margin: 0.7em 0 0.5em 75px; }
.tarifi .price_box_without_img { margin: 0.7em 0 0.5em 0; }

.box_tarif { position: relative; padding: 10px 20px; border: 1px solid #cdd0d1; }
.box_tarif .br2 { width: 42px; height: 42px; background: url(/i/no_star_tarif.gif) 0 0 no-repeat; }

.star_small { display:-moz-inline-box; display: inline-block; position: relative; padding: 3px 10px 4px 10px; background: #e7f9ff; font-size: 0.75em; }
.star_small a { color: #759daa; text-decoration: underline; }
.star_small a:hover { color: #000; text-decoration: underline; }
.star_small .sm_corner { position: absolute; width: 8px; height: 10px; left: 15px; bottom: -10px; background: url(/i/sm_corner.gif) 0 0 no-repeat; }

.tl, .tr, .br, .bl { background-image: url(/i/star_box.gif); }
.tl2, .tr2, .br2, .bl2 { background-image: url(/i/star_tarif.gif); }
.tlsm, .trsm, .brsm, .blsm { position: absolute; width: 5px; height: 5px; background: url(/i/star_small.gif) no-repeat; overflow: hidden; }
.tl, .tr, .br, .bl, .tl2, .tr2, .br2, .bl2 { position: absolute; width: 10px; height: 10px; background-repeat: no-repeat; overflow: hidden; }

.tl { top: 0; left: 0; background-position: -10px -10px; }
.tr { top: 0; right: 0; background-position: 0 -10px; }
.br { bottom: 0; right: 0; background-position: 0 0; }
.bl { bottom: 0; left: 0; background-position: -10px 0; }

.tlsm { top: 0; left: 0; background-position: -5px -5px; }
.trsm { top: 0; right: 0; background-position: 0 -5px; }
.brsm { bottom: 0; right: 0; background-position: 0 0; }
.blsm { bottom: 0; left: 0; background-position: -5px 0; }

.tl2 { top: -1px; left: -1px; background-position: -10px -10px; }
.tr2 { top: -1px; right: -1px; background-position: 0 -10px; }
.br2 { bottom: -1px; right: -1px; background-position: 0 0; }
.bl2 { bottom: -1px; left: -1px; background-position: -10px 0; }

@font-face { font-family: "Rubl Sign"; src: url(/ruble.eot); }
span.cost { font-family: "Rubl Sign";  }
span.cost span.rur { text-transform: uppercase; // text-transform: none;}
span.cost span.rur span.eot { display: none; // display: inline; font-size:14px}
span.cost span.rur span.ttf, span.cost span.end { // display: none; }
span.cost span.end { position: absolute; overflow: hidden; width: .42em; height: 1em; margin: .22ex 0 0 -.55em;z-index: 0; // display: none;}
span.cost span.end:before { content: '\2013'; }

#tooltip 				{
	position: absolute;
	z-index: 3000;
	border: 1px #20A6D2 solid;
	background-color: #fff;
	padding: 5px 10px 5px 10px;
	color: #000;
	min-width: 50px;
        max-width: 300px;
	text-align: left;
}
#tooltip h3 			{font-weight: bold;color: #000;background-color: #fff;padding:2px;font-size: 14px;
}
#tooltip div 			{color: #000;border-top:1px dotted #fff;padding:2px;font-size:12px; }
#CartContentAdd         {
	padding: 20px;
	font-size: 14px;
	font-weight: bold;
}
#CartContentDel         {
	padding: 20px;
	font-size: 14px;
	font-weight: bold;
}

.banner {
      position:absolute;
      left: 0; top: 0;
      z-index:1;
   }

div.flash {
      position: relative;
      width: 187px; height: 160px;
      display: block;
    
   }
.link_flash {
      position:absolute;
      left: 0; top: 0;
      z-index:2;
      width: 187px; height: 160px;
      background: url('n.gif') repeat;

   }
.hand{
	cursor: pointer;
    color: #000; 
    text-decoration: none; 
    border-bottom: 1px dashed #000;
    }  
.font_size{
	    font-size:0.8em
}    
#load_pic {
	margin-top: 30%;
	position: fixed;
	width: 100%;
	top: 0;
	text-align: center;
	vertical-align: middle;
	z-index: 9999999;
}    
.fly_open{
	color:#fff;font-size: x-small;background-image: url(/i/bullet_toggle_plus.png);background-repeat: no-repeat;
}
.fly_close{
	color:#fff;font-size: x-small;background-image: url(/i/bullet_toggle_minus.png);background-repeat: no-repeat;
}
.nourl a {
	text-decoration: none;
}
#tf { position: absolute; left: 85%; padding:  0 0 0 45px; margin-left: -45px; font-size: 0.7em; line-height:  1.2em; }
#tf img { position: absolute; left: 0; top: -3px; }

    