/* 
KTK
*/

html { height:100%; }
body { background:url(/~styles/default/~img/body.png) repeat-x #fff; }
#content { margin:0 auto 2.6em; width:980px; }
a { color:#f60; }

body.main ul.menu li.main a, body.vacancies ul.menu li.vacancies a, body.broadcasting ul.menu li.broadcasting a,  body.price ul.menu li.price a, body.air ul.menu li.air a, body.customers ul.menu li.customers a, body.vacancies ul.menu li.vacancies a, body.materials ul.menu li.materials a, body.contacts ul.menu li.contacts a { background-position:0 -111px; color:#000; cursor:default; }
body.main ul.menu li.main a span { background-position:left -148px; background-repeat:no-repeat; cursor:default; }
body.contacts ul.menu li.contacts a span { background-position:right -185px; background-repeat:no-repeat; cursor:default; }

/* Уголки */

.tb, .bb { height:10px; overflow:hidden; position:relative; }
.cn { background:url(/~styles/default/~img/r-border.png); height:40px; overflow:hidden; position:relative; width:10px; }
.cn.r {	margin-left:100%; left:-10px; position:absolute; top:-10px; }
.bb .cn { margin-top:-20px; }

/* Меню */
#nav { background:#e7e7e7; border-bottom:1px solid #ccc; height:40px; }
ul.menu { margin:0 auto; overflow:hidden; width:980px; }
	ul.menu li { border-right:1px solid #fff; display:block; float:left; }
		ul.menu li a, ul.menu li a:hover, ul.menu li.main a span, ul.menu li.main a:hover span, ul.menu li.contacts a span, ul.menu li.contacts a:hover span { background:url(/~styles/default/~img/tm.png); }
		ul.menu li a { color:#fefefe; display:block; font-size:1.2em; font-weight:bold; height:25px; padding:12px 0 0; text-align:center; text-decoration:none; }
		ul.menu li a:hover { background-position:0 -111px; color:#000; }
		ul.menu li a span { cursor:pointer; display:block; height:25px; padding:12px 0 0; }
	ul.menu li a.active { background-position:0 -111px; }
	ul.menu li.main { width:111px; } /* 99px */
		ul.menu li.main a, ul.menu li.contacts a { height:37px; padding:0; }
		ul.menu li.main a span { background-position:0 -37px; background-repeat:no-repeat; }
		ul.menu li.main a:hover, ul.menu li.contacts a:hover { background-position:0 -111px; color:#000; }
		ul.menu li.main a:hover span { background-position:left -148px; background-repeat:no-repeat; }
	ul.menu li.broadcasting { width:151px; } /* 133px */
	ul.menu li.price { width:161px; } /* 148px */
	ul.menu li.air { width:119px; } /* 99px */
	ul.menu li.customers { width:152px; } /* 133px */
	ul.menu li.vacancies { width:137px; } /* 118px */
	ul.menu li.materials { display:none; visibility:hidden; width:132px; } /* 133px */
	ul.menu li.contacts { border-right:none; width:129px; } /* 110px */
		ul.menu li.contacts a span { background-position:right -74px; background-repeat:no-repeat; }
		ul.menu li.contacts a:hover span { background-position:right -185px; background-repeat:no-repeat; }
		
/* Главная */

img.welcome { display:block; margin:50px auto; }

/* */
h1.lid { background:url(/~styles/default/~img/lid.png) no-repeat right center #fff; padding:20px 0; }
#copyright { color:#333; font-size:1.1em; line-height:1.8em; margin:0 auto; overflow:hidden; padding:0 0 1.6em; text-align:left; width:980px; }
#copyright div { float:right; text-align:right; }
#copyright div strong { display:block; }
#copyright span { font-size:1.13em; }
#copyright div.counter { float:left; margin:0 20px 20px 0; }

/* Клиенты */
div.clients-list { overflow:hidden; width:980px; }
div.clients-list ul { overflow:hidden; width:1020px; }
div.clients-list ul li { background:url(/~styles/default/~img/sticker.png) no-repeat left; display:block; float:left; font-size:1.1em; height:180px; margin-right:51px; padding:53px 0 0 15px; text-align:center; width:189px; }
div.clients-list ul li img { margin:0 0 15px; }
div.clients-list ul li strong { display:block; }
div.clients-list ul li a { color:#000; }

/* Сеть вещания */
#network { background:url(/~styles/default/~img/map.png) no-repeat left top; min-height:404px; padding-left:670px; position:relative; }
#network .description { background:#efefef; }
#network .description .content { font-size:1.1em; line-height:1.6em; padding:5px 15px; }
#network .description h2 { font-size:1.454em; line-height:1em; margin-bottom:10px; }
#network .description img { border:1px solid #333; display:block; margin:5px 0; }
#network .description .about, #network .description .scheme { display:block; margin-top:10px; }
ul.cities { position:absolute; top:0; left:0; }
ul.cities li { width:155px; }
ul.cities a { background:#333; color:#fff; display:block; font-size:1.2em; font-weight:bold; padding:4px 5px; position:absolute; text-decoration:none; }
ul.cities a:hover { background:#f30; }
	a.Kyiv { top:90px; left:300px; }
	a.Lutsk { top:46px; left:122px; }
	a.Rivne { top:73px; left:158px; }
	a.Lviv { top:105px; left:80px; }
	a.Ternopil { top:131px; left:131px; }
	a.Ivano-Frankivsk { top:156px; left:100px; }
	a.Uzhhorod { top:160px; left:15px; }
	a.Chernivtsi { top:195px; left:136px; }
	a.Vinnytsia { top:147px; left:222px; }
	a.Odessa { top:284px; left:296px; }
	a.Kharkiv { top:105px; left:475px; }
	a.Poltava { top:130px; left:425px; }
	a.Luhansk { top:165px; left:583px; }
	a.Simferopol { top:360px; left:420px; }
	a.Sevastopol { top:385px; left:402px; }
	a.Donetsk { top:198px; left: 536px; }
	
/* Стоимость услуг */
.cost-menu { display:block; overflow:hidden; width:100%; }
.cost-menu li { background:url(/~styles/default/~img/cm.png) repeat-x; float:left; font-size:1.3em; font-weight:bold; height:54px; text-align:center; width:326px; }
.cost-menu li.active span { background:url(/~styles/default/~img/cm.png) 0 -54px; }
.cost-menu li.calc, .cost-menu li.sales { border-right:1px solid #fff; }
.cost-menu li a, .cost-menu li span { color:#000; display:block; height:35px; padding:19px 0 0; text-decoration:none; width:326px; }
.cost-menu li span { color:#fff; }
.cost-menu li a:hover { background:url(/~styles/default/~img/cm.png) 0 -54px; }

.price .about { background:url(/~styles/default/~img/calc.png) no-repeat left top; font-size:1.3em; min-height:120px; margin:15px 0; padding-left:137px; }
.price .about span { float:left; height:40px; margin-top:10px; width:40%; }
.price .xls { background:url(/~styles/default/~img/xls.png) no-repeat left top; padding-left:50px; }

.price table { border-collapse:separate; margin-bottom:10px; table-layout:fixed; width:100%; }
.price table caption span { background:#efbf60; border-bottom:10px solid #fff; display:block; font-size:1.2em; padding:10px 10px; }
.price table caption span label { margin:0 8px; }
.price table caption span label input { margin-left:9px; vertical-align:middle; width:50px; }
.price table caption label em { color:#f30; font-size:1.2em; }
.price table th { background:#9c0; border-right:1px solid #690; font-size:1.1em; padding:10px 0; vertical-align:middle; }
.price table th.first { background:url(/~styles/default/~img/cc.png) no-repeat #9c0; background-position:-5px 0; padding-left:10px; text-align:left; width:163px; }
.price table th.first input { margin-right:10px; vertical-align:middle; }
.price table th.last { background:url(/~styles/default/~img/cc.png) no-repeat top right #9c0; background-position:160px 0; border-right:none; width:165px; }
.price table tfoot td.first { background:url(/~styles/default/~img/ccb.png) no-repeat #ccc; background-position:-5px bottom; font-weight:bold; padding:0 0 15px; }
.price table tfoot td.last { background:url(/~styles/default/~img/ccb.png) no-repeat #fc6; background-position:160px bottom; padding:0; vertical-align:top; }
.price table tfoot td { border-right:1px solid #efefef; }
.price table tfoot td.summ { vertical-align:middle; }
.price table tfoot td.first a { background:url(/~styles/default/~img/calculate.png) no-repeat; border:none; color:#fff; display:block; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; height:25px; margin:0 auto; padding:8px 0 0; width:135px; }
.price table tfoot td { background:#ccc; font-size:1.2em; padding:15px 0 5px; text-align:center; }
.price table tbody td { border-right:1px solid #efefef; font-size:1.2em; text-align:center; padding:10px 0; }
.price table tbody tr.odd td.city, .price table tbody tr.even td.city { background:#333; color:#fff; font-weight:bold; border-bottom:1px solid #efefef; padding:10px; text-align:left; }
.price table tbody tr.selected td { background:#efbf60 !important; }
.price table tbody .city label input { margin-right:10px; vertical-align:middle; width:auto; }
/*.price table td.city + td { padding-left:15px; text-align:left; }*/
.price table tbody td input { margin-right:10px; vertical-align:middle; width:50px; }
.price table tbody tr.odd td { background:#e0e0e0; }
.price table tbody tr.even td { background:#efefef; }
.price p.footnote { font-size:1.2em; margin-bottom:1.2em; }
.price p.footnote span { color:#f30; font-size:1.3em; }
.price table .end_summ { float:left; width:65%; }
.price table .rate { float:left; width:30%; }
.price table .end_summ strong, .price table .rate strong { display:block; font-size:0.916em; }
.price table .rate strong { padding:0.573em 0; }
.price p.error { color:#f30; font-size:1.2em; font-weight:bold; margin-bottom:1.3em; }

.price .description { background:url(/~styles/default/~img/bonus.png) no-repeat top left; font-size:1.2em; line-height:1.6em; margin:10px 0;  padding-left:320px; width:620px; }
.price .description.bonus { background:url(/~styles/default/~img/fishes.png) no-repeat top left;padding-left:360px; }
.price .description p, .price .description li { margin-bottom:1.6em; }
.price .description p img { vertical-align:middle; }
.price .description h2 { font-size:1.7em; font-weight:normal; margin-bottom:0.8em; }
ul.list { list-style:outside disc; margin-left:10px; padding-left:10px; }

/* Эфир */
body.air #content { position:relative; }
div.wishes { background:url(/~styles/default/~img/wishes.png) no-repeat; cursor:pointer; height:117px; top:90px; position:absolute; right:0; width:137px; }
#wishes { border:1px solid #999; background:#ccc; padding:5px; position:absolute; right:50px; top:140px; width:460px; z-index:100; }
#wishes form span { color:#f30; display:block; font-size:1.1em; font-weight:bold; line-height:2.4em; }
#wishes h2 { font-size:1.2em; line-height:2em; padding:0 0 5px; position:relative; text-align:left; }
#wishes h2 a { background:url(/~styles/default/~img/close_button.png) no-repeat right; color:#000; font-size:0.916em; font-weight:normal; padding:5px 25px 5px 0; position:absolute; right:0; top:-5px; }
#wishes form a { background:#333; color:#fff; font-size:1.2em; float:right; margin:10px 0; padding:10px 25px; text-decoration:none; }
#wishes textarea { height:150px; overflow:auto; width:99%; }
#wishes label strong { display:block; font-size:1.1em; line-height:2.4em; }
#wishes label img { float:left; margin-right:10px; }
#wishes label input { font-size:2em; width:100px; }
ul.air { font-size:1.1em; line-height:1.4em; overflow:hidden; width:100%; }
ul.air li { float:left; height:110px; overflow:hidden; position:relative; width:42%; }
ul.air li img.overlay { left:0; position:absolute; top:0; }
ul.air li img { float:left; }
ul.air li p { padding-left:120px; }

/* Вакансии */
body.vacancies #content { margin-bottom:0; }
body.vacancies #copyright { margin-top:35px; }
body.vacancies #content { position:relative; }
ul.vacancies-list:after, div.vacancies-about:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.vacancies-about { background:#efefef; color:#333; font-size:1.1em; line-height:1.8em; margin:45px 0 0; padding:20px; }
ul.vacancies-list > li { background:url(/~styles/default/~img/vacancies.png) no-repeat center bottom; float:left; height:200px; text-align:center; width:140px; z-index:1; }
ul.vacancies-list li div.vacancy-name { background:url(/~styles/default/~img/cloud.png) no-repeat center; display:table; height:96px; padding-bottom:16px; width:131px; }
ul.vacancies-list li span { display:table-cell; padding:0 5px; vertical-align:middle; }
ul.vacancies-list li span a { color:#f60; font-size:1.1em; font-weight:bold; }
ul.vacancies-list li.vc1 { background-position:10px 0; }
ul.vacancies-list li.vc2 { background-position:10px -200px; }
ul.vacancies-list li.vc3 { background-position:10px -400px; }
ul.vacancies-list li.vc4 { background-position:10px -600px; }
ul.vacancies-list li.vc5 { background-position:10px -800px; }
li.vc5 .vacancy-about, li.vc6 .vacancy-about, li.vc7 .vacancy-about { left:-375px; }
ul.vacancies-list li.vc6 { background-position:10px -1000px; }
ul.vacancies-list li.vc7 { background-position:10px -1200px; }
.vacancy-about { background:#ccc; border:1px solid #999; display:none; left:40px; padding:10px 10px 0; position:absolute; top:40px; width:428px; z-index:100; }
.vacancy-about .description { background:#efefef; font-size:1.1em; line-height:1.4em; padding:10px; text-align:left; }
.vacancy-about .description h2 { font-size:1.454em; }
.vacancy-about .description h2, .vacancy-about .description p { margin-bottom:1.1em; }
.vacancy-about .description ul, .vacancy-about .description ol { list-style:outside disc; margin-left:7px; padding-left:7px; }
.vacancy-about a { background:url(/~styles/default/~img/close_button.png) no-repeat right; color:#333; display:block; font-size:1.1em; line-height:4em; margin:0 auto; width:120px; }
#application { background:#eaeaea; border:1px solid #999; left:180px; position:absolute; top:10px; width:435px; z-index:100; }
#application h2 { background:#333; color:#fff; font-size:1.6em; padding:0.8em; position:relative; }
#application h2 span { background:url(/~styles/default/~img/app_close.png) no-repeat right; cursor:pointer; font-size:0.687em; font-weight:normal; padding:15px 25px; position:absolute; text-decoration:underline; top:0; right:10px; }
#application .content { padding:5px 10px 10px; }
#application .jScroll { height:300px; overflow:auto; }
#application label { display:block; font-size:1.1em; padding:0 6px; }
#application label img { float:left; margin-right:10px; }
#application label img + input { width:100px; }
#application label strong { line-height:2.2em; }
#application label input { font-size:1.4em; }
#application label span { display:block; color:#f30; font-weight:bold; padding:5px 0 0; }
#application label input, #application textarea { display:block; overflow:auto; width:99%; }
#application > span { background:#333; display:block; padding:10px 0; }
#application > span a { background:#9c0; color:#000; display:block; font-size:1.2em; font-weight:bold; margin:0 auto; padding:10px 25px; text-align:center; text-decoration:none; width:100px; }
a.complete_form_online, a.download_form { background:url(/~styles/default/~img/form.png) no-repeat; color:#000; display:block; float:right; height:30px; line-height:1.1em; margin-bottom:10px; padding:10px 0 0 50px; width:200px; }
a.download_form { background-position:0 -40px; clear:right; height:25px; margin-bottom:0; padding-top:15px; }

/* Контакты */
#about-ktk { background:url(/~styles/default/~img/telephone.png) no-repeat 1px 1px; overflow:hidden; width:100%; }
#holder { background:#efefef; float:right; height:336px; width:600px; }
#holder .content { height:306px; padding:5px 15px; }
#holder .content h2 { font-size:1.6em; margin-bottom:1.1em; }
#holder .content p { font-size:1.1em; line-height:1.6em; margin-bottom:1.1em; }
#holder .content .wrap { height:306px; }
#holder .content .scheme { display:none; }
#holder .content .message { display:none; height:296px; }
#holder .content .message textarea { height:200px; overflow:auto; width:99%; }
#holder .content .message img { float:left; margin-right:10px; }
#holder .content .message span { color:#f30; display:block; font-size:1.1em; font-weight:bold; line-height:2.4em; }
#holder .content .message strong { font-size:1.1em; line-height:2.4em; display:block; }
#holder .content .message input { font-size:2em; width:100px; }
#holder .content .message a { background:#333; color:#fff; display:block; float:right; font-size:1.2em; margin:10px 0; padding:10px 15px; text-decoration:none; }
.def0, .def1, .def2 { background:url(/~styles/default/~img/am.png); margin-top:206px; }
.def0 { background-position:0 -384px; }
.def0.bg1 { background-position:0 -512px; }
.def0.bg2 { background-position:0 -640px; }
.def1.bg0 { background-position:0 -128px; }
.def1.bg2 { background-position:0 -256px; } 
.def2 { background-position:0 -768px; }
.def2.bg0 { background-position:0 -896px; }
.def2.bg1 { background-position:0 -1024px; }

/* 404 */
body.not-found { background:none; height:100%; position:relative; }
.error404 { background:url(/~styles/default/~img/404.png) no-repeat; height:255px; left:50%; margin:-125px 0 0 -317px; padding:55px 0 0 270px; position:absolute; top:50%; width:364px; }
.error404 p { font-size:1.1em; line-height:1.4em; margin-bottom:1.1em; }
.error404 h1 { font-size:2.4em; font-weight:normal; margin-bottom:10px; }
.error404 ul li { float:left; font-size:1.1em; line-height:1.8em; width:120px; }
.error404 ul li a { color:#000; font-weight:bold; }
.error404 ul li span { margin-left:20px; }