/*<![CDATA[*/  

body         { background: #4f5966 url(/i/bg_body.jpg) repeat-x; text-align: center }
body, td, th { font: 12px Arial; color: #fff }
*            { margin:0; padding: 0; text-align: left }

#page { margin: auto; width: 934px } 

#header, #flash, #conteiner, #footer { float: left; width: 934px }

#header { height: 115px; }

#logo     { float: left; width: 185px; height: 95px }
#logo img { float: left; display: inline; margin-left: 24px; margin-top: 55px; width: 125px; height: 40px }

#navigation     { float: left; width: 614px; height: 95px; padding-left: 69px; padding-top: 65px; background: url(/i/bg_navigation.gif) 0 55px no-repeat; wid\th/* */: 545px; hei\ght/* */: 30px }
#navigation img { float: left; display: inline }

#navigation.lv  { padding-left: 93px; wid\th/* */: 521px }

#lng     { float: left; width: 101px; height: 95px; padding-top: 62px; padding-left: 75px; wid\th/* */: 26px; heig\ht/* */: 33px  }
#lng img { float: left; display: inline; width: 26px; height: 26px }

#flash, #flash img, #flash object { width: 934px; height: 279px }

#conteiner       { padding: 34px; padding-bottom: 24px; background: #4f5966 url(/i/bg_conteiner.gif) no-repeat; wid\th/* */: 866px }
#conteiner.inner { margin-top: 29px; padding-bottom: 26px; background: #4f5966 url(/i/bg_conteiner_inner.gif) no-repeat } 

#cleft  { float: left;  width: 240px }
#cright { float: right; width: 592px }

#cleft a { color: #fff }

#submenu                 { float: left; height: 180px; min-height: 180px; width: 240px }
html>body #submenu       { height: auto }

#submenu ul, #sitemap ul { margin-top: 47px; padding-bottom: 37px }
#submenu li, #sitemap li { list-style: none; margin-bottom: 2px; padding-left: 31px; color: #a2aab4; background: url(/i/bg_arrow.gif) 20px 5px no-repeat; font: 11px Arial; text-transform: uppercase }

#submenu ul   { float: left; width: 240px } 
#submenu li   { float: left; width: 240px; padding-bottom: 3px; wid\th/* */: 209px  } 

#submenu a, #sitemap a { color: #fff }

#submenu li.active            { width: 240px; padding-top: 7px; margin-bottom: 4px; color: #ffee00; font-weight: bold; padding-left: 0; padding-bottom: 2px; background: url(/i/bg_submenu_active_li.gif) left top no-repeat }
#submenu li.active div        { float: left; width: 240px; margin-top: 0; padding-left: 31px; padding-bottom: 5px; background: url(/i/bg_submenu_active_div.gif) left bottom no-repeat; wid\th/* */: 209px }
#submenu li.active li.current { color: #ffee00; background: none }
#submenu li.active a          { color: #ffee00 }
#submenu li.active div ul a   { color: #fff }


#submenu li ul                  { width: 240px; margin: 0; padding: 0; display: inline; margin-top: 10px; margin-left: -31px }
#submenu li ul a                { text-decoration: none }
#submenu li ul li               { padding-bottom: 1px }
#submenu li ul li,              
#submenu li ul li.current strong   { font-weight: normal }
#submenu li ul li.current strong a { text-decoration: underline; color: #ffee00 }

#submenu li li ul     { width: 190px; margin: 0; padding: 0; margin-top: 1px }
#submenu li li ul li  { width: 190px; padding: 0; padding-left: 12px; background-position: 0 5px; wid\th/* */: 178px }

#submenu li ul ul li.active { width: 180px; padding-left: 11px; wid\th/* */: 179px }

html>body #submenu li, html>body #sitemap li { padding-top: 1px }


#sitemap ul { margin-top: 0; margin-bottom: 0}
#sitemap li { padding-left: 21px; background-position: 10px 6px }

#mail    { float: left; width: 240px; height: 152px; background: url(/i/bg_mail.gif) no-repeat; font: 11px Arial; color: #fff; padding-left: 21px; padding-top: 17px; wid\th/* */: 219px; heig\ht/* */: 135px }
#mail h5 { margin: 0; margin-bottom: 7px }

#mail form  { float: left; margin: 0; padding: 0; height: 65px }
#mail p     { float: left; display: block; margin-top: 7px; width: 58px }
#mail input, input.query  { float: left; display: block; border: 0; background: #fff; font: 11px Arial; color: #4f5966; padding-left: 5px; padding-right: 5px; width: 137px; height: 24px; padding-top: 7px; margin-bottom: 7px; wid\th/* */: 127px; heig\ht/* */: 17px  }

#mail.lv p      { width: 70px } 
#mail.lv input  { width: 105px; wid\th/* */: 115px } 

#fsearch input.query { width: 207px; height: 22px; padding-top: 4px; wid\th/* */: 197px; heig\ht/* */: 18px  }

#mail div { float: left; width: 195px }
#mail a   { float: left; display: inline }
#mail b   { float: right; font-weight: bold; padding-left: 11px; height: 15px; background: url(/i/bg_arrow.gif) 0 5px no-repeat  }
#mail b a { float: none } 

/* vote */
#vote             { float: left; width: 240px; font: 11px Arial; color: #fff; margin-bottom: 20px; padding-top: 5px; background: url(/i/bg_vote_top.gif) top left no-repeat }
#vote div         { float: left; width: 100%; margin: 0; padding: 0; padding-bottom: 5px; background: url(/i/bg_vote_bottom.gif) bottom left no-repeat }
#vote div div     { float: left; width: 240px; margin: 0; padding: 0; background: none; border-left: 1px solid #586473; border-right: 1px solid #586473; padding-left: 21px; padding-top: 17px; padding-bottom: 8px; wid\th/* */: 217px;  }
#vote div div div { width: 217px; margin:0; padding: 0; background: none; border: 0;  }

#vote.result div div div     { width: 181px; margin:0; padding: 0; font-size: 12px; padding-left: 10px; margin-bottom: 10px; border: 0; wid\th/* */: 171px }
#vote.result div div div div { width: 171px; margin:0; padding: 0 }
#vote.result img             { float: left; height: 11px }
#vote.result span            { float: right; margin-top: -2px; display: inline-block; width: 30px; text-align: right }
#vote.result p               { padding-left: 11px }
#vote.result div div div p   { padding: 0; width: 140px }

#vote h5        { margin: 0; padding-right: 25px }
#vote.result h5 { margin-bottom: 15px }

#vote form  { float: left; color: #fff; margin: 0; padding: 0; padding-top: 13px }

#vote input { float: left; }
#vote label { width: 160px; float: left; margin-top: 3px; padding-left: 5px; text-transform: uppercase; cursor: hand; cur\sor/* */: pointer }

#vote div div div div { float: left; width: 193px; margin:0; padding: 0; background: none; border: 0 } 
#vote p               { float: left; width: 193px; margin: 0; padding-top: 5px }
#vote a               { float: right; display: inline; color: #fff; font: bold 11px Arial; padding-left: 11px; height: 15px; background: url(/i/bg_arrow.gif) 0 5px no-repeat  }

/* search */ 

#search                { float: left; width: 845px; padding-left: 21px; wid\th/* */: 824px }
#search p              { margin-top: 25px; padding-left: 13px }
#search span           { font-weight: bold; color: #ffee00 }

#search div.results             { float: left; width: 824px; margin: 0; padding: 0; border: 0; padding-top: 9px; background: url(/i/bg_search_top.gif) top left no-repeat }
#search div.results div         { float: left; width: 100%; padding-bottom: 9px; background: url(/i/bg_search_bottom.gif) bottom left no-repeat }
#search div.results div div     { float: left; width: 824px; background: #535d6b; border-left: 1px solid #586473; border-right: 1px solid #586473; wid\th/* */: 822px;  }
#search div.results div div div { width: 822px; background: none }

#search div.results ul { margin: 0; padding: 0; list-style: none}
#search div.results li { background: url(/i/bg_search_li.gif) 15px 7px no-repeat; margin: 0; padding: 0; padding: 0 30px; margin-top: 10px; margin-bottom: 10px }

#search div.results ul a          { text-decoration: underline; color: #fff }
#search div.results ul li a:hover { text-decoration: none }

#search div.new { float: left; margin-top: 30px; width: 553px; height: 101px; background: url(/i/bg_search_new_search.gif) no-repeat; padding-left: 30px; padding-top: 23px; wid\th/* */: 523px; heig\ht/* */: 48px; }

#search input.query { width: 400px; height: 22px; padding-top: 4px; wid\th/* */: 390px; heig\ht/* */: 18px }
#search div.new a   { float: left; display: inline-block; font-weight: bold; color: #ffee00; margin-left: 27px; margin-right: 10px; margin-top: 3px }

/* banner on index page */
#action     { float: left; width: 381px; height: 187px } 
#action img { width: 361px; height: 167px } 


#tariff, #channel { float: right; width: 211px; height: 167px; color: #fff; font: 12px Arial }

#channel  { background: url(/i/bg_channel.gif) no-repeat; text-align: center; padding: 0 20px; padding-top: 27px; wid\th/* */: 171px; hei\ght/* */: 140px }
#tariff   { background: url(/i/bg_tariff.gif) no-repeat; padding-left: 31px; padding-right: 31px; padding-top: 22px;  wid\th/* */: 149px; hei\ght/* */: 145px; }

#tariff span  { font: 9px Arial; text-transform: uppercase}
#tariff h4    { margin: 0; padding: 0; font: bold 18px Arial; color: #ffee00; text-transform: uppercase}
#tariff p     { margin: 0; padding: 0; margin-top: 21px; margin-bottom: 9px}
#tariff a, #channel a { color: #ffee00 }

#channel img  { margin: auto; width: 140px; height: 70px; margin-bottom: 30px}

/* news */
#news     { float: left; width: 592px; background: #4a535e url(/i/bg_news_index_page_top.gif) top left no-repeat; padding-top: 10px; }
#news div { float: left; width: 592px; background: #4a535e url(/i/bg_news_index_page_bottom.gif) bottom left no-repeat; padding: 20px; padding-top: 10px; wid\th/* */: 552px }
#news a   { color: #fff }


#conteiner.inner #cright { background: url(/i/bg_content_top.gif) 0 47px no-repeat }

#ccouter, #content, #actions { float: left; width: 592px } 

#couter  { float: left; margin-top: 28px; padding-bottom: 5px; background: #535d6b url(/i/bg_content_bottom.gif) bottom no-repeat }
#content { background: #535d6b ; border-left: 1px solid #586473; border-right: 1px solid #586473; 
           padding: 30px 39px; /*padding-right: 23px;*/ wid\th/* */: 528px; wid\th/* */: 512px }

#content h5    { text-transform: none; font: bold 12px Arial } 
#content input, #content textarea { background: #fff; color: #4f5966; border: 0; font: 12px Arial; height: 25px; padding-top: 5px; padding-left: 14px; heig\ht/* */: 20px;  }

#content textarea { padding-left: 13px; padding-top: 10px; height: 80px; font: 12px Arial; width: 496px; wid\th/* */: 483px  }

#content form         { margin: 0; padding: 0 }
#content form p       { margin: 0; padding-bottom: 2px }
#content form p.error { color: #ffee00}
#content form i       { font: normal 11px Arial}

#content form input       { margin-bottom: 10px; width: 318px; clear: left; wid\th/* */: 304px;}
#content form input.error, #content form textarea.error { background:  #ffee00 }

#content form input.name,
#content form input.address,
#content form input.contacttime { width: 368px; wid\th/* */: 354px }

#content form p.support_title { color: #ffee00; font-weight: bold }

#content form p.tariff        { margin-top: 20px }
#content form select          { margin-bottom: 10px; clear: left; background: #fff; color: #4f5966 }

#content form select          { margin-bottom: 10px; clear: left; background: #fff; color: #4f5966 }

#content form div.cs_services             { width: 512px; padding: 5px 10px; padding-bottom: 7px; border: 1px solid #586473; wid\th/* */: 490px }


#content form div.support_topics             { margin-top: 10px }
#content form div.cs_services.error label    { color: #ffee00 }
#content form div.support_topics.error label { color: #ffee00 }

#content form div.cs_services, #content form div.support_topics { float: left }

#content form div.cs_services input, #content form div.support_topics input { float: left;  clear: none; background: none; background: inherit; margin: 0; padding: 0; width: auto; margin-top: 1px  }
#content form div.cs_services label, #content form div.support_topics label { float: left; margin-top: 4px; padding-left: 6px; margin-right: 17px; cursor: pointer; cursor: hand; }

#content form div.support_topics      { width: 100%; margin-bottom: 10px  }
#content form div.support_topics span { float: left; display: inline; color: #89d2fe; padding-top: 10px; padding-right: 18px }
#content form div.support_topics div  { float: left; width: 446px; border: 1px solid #586473; padding: 5px 0; padding-left: 25px; padding-bottom: 7px; wid\th/* */: 419px }

#content form span        { float: left; display: block; color: #ffee00 }

#content form div.submit      { float: left; width: 100%; margin-top: 40px }
#content form div.submit a    { color: #ffee00; font-weight: bold; padding-top: 2px }

#content form div.submit span { float: left; display: block; padding-top: 2px }
#content form div.submit img  { float: left; display: block; margin: 0; margin-left: 12px }

#content div.tv       form input.name  { margin-top: 0; margin-bottom: 30px }
#content div.internet form input.name  { margin-top: 0; margin-bottom: 30px }
#content div.contacts form input.name  { margin-top: 0; margin-bottom: 30px }
#content div.contacts form input.email { margin-bottom: 30px }

#content a        { color: #ffee00 }
#content p        { margin: 0; padding: 0; padding-bottom: 15px; }
#content p.remark { font-size: 10px; color: #a2aab4 }
#content p.remark.vat { margin: 0 }
#content p.yellow { color: #ffee00 }

#content ul    { margin: 0; padding:0; list-style: square; margin-left: 30px; margin-bottom: 25px }
#content ul li { margin: 0; padding:0 }

div.itariffes, #itariff, #tvchannels, #wmap, div.support.questions { float: left; width: 551px; display: inline; margin-left: -8px; padding-bottom: 10px; margin-right: -31px }

#wmap { margin-left: -23px }

/* блоки для странички с тарифами */
div.itariffes     { margin-bottom: 5px }

div.itariffes div       { float: left; display: inline; width: 168px; text-align: center; background: #ffee00 url(/i/bg_itariffes_div_yellow.gif) no-repeat; padding-top: 10px; margin-right: 10px; margin-top: 10px; height: 120px; wid\th/* */: 168px; heig\ht/* */: 110px }
div.itariffes div.white { background: #fff url(/i/bg_itariffes_div_white.gif) no-repeat }

#page div.itariffes div.mercure     { background: #ffee00 url(/i/bg_itariffes_div_yellow_mercure.gif) no-repeat }
#page div.itariffes div.mars        { background: #ffee00 url(/i/bg_itariffes_div_yellow_mars.gif) no-repeat }

#page div.itariffes div a { color: #4f5966; font-size: 12px; font-weight: bold; text-decoration: underline; width: 146px; margin: auto; display: block; text-align: center }

div.itariffes div b       { color: #fff; font-size: 14px; display: block; margin-top: 15px; text-align: center }
div.itariffes div a:hover { text-decoration: none }
#page div.itariffes div p { color: #4f5966; padding: 0; font-size: 9px; text-align: center; margin-top: 15px}

div.itariffes.dubeni div.mercure { background: #fff url(/i/bg_itariffes_div_white.gif) no-repeat }


/* one internet tariff.. details */
#itariff                               { padding-bottom: 20px } 
#itariff div.header, #itariff div.info { float: left; width: 536px  }

#itariff div.header    { background: #ffee00 url(/i/bg_itariff_div_header.jpg) no-repeat; text-align: right; padding-top: 35px; margin-bottom: 20px; padding-right: 47px; font-weight: bold; color: #4f5966; height: 83px; wid\th/* */: 489px; he\ight/* */: 48px  }
#itariff div.info      { background: #4f5966 url(/i/bg_itariffes_div_info.gif) bottom no-repeat; padding-top: 5px; padding-bottom: 28px }
#itariff div.info b    { display: inline-block; float: left;  width: 330px; padding-left: 30px }
#itariff div.info span { display: inline-block; float: right; width: 140px; padding-right: 20px; text-align: right;  }
#itariff div.info div  { float: left; padding-top: 20px }

#itariff div.speed b, #itariff div.ip b { font-weight: normal }
                     
#itariff div.pay     { font-weight: bold; color: #ffee00 }
#itariff div.comment { float: left; padding: 20px 10px; padding-bottom: 0; color: #ffee00 }


/* tv channels  */
#tvchannels     { background: url(/i/bg_tvchannels.gif) bottom left no-repeat }
#tvchannels div { float: left; width: 166px; background: #4f5966 url(/i/bg_tvchannels_div.gif) top left no-repeat;  display: inline; padding: 25px; margin-right: 20px; wid\th/* */: 116px }

#tvchannels div.right { margin-right: 0; width: 166px; wid\th/* */: 116px }
#tvchannels *         { font-size: 11px; color: #ffee00; font-weight: normal }
#tvchannels *.digital { color: #83cdfa }

/* one tv channel.. details */
#tvchannel                    { float: left; display: inline; width: 551px; margin-left: -8px; padding-bottom: 10px; }
#tvchannel div.header         { float: left; width: 536px; height: 83px; background: #fff url(/i/bg_tvchannel_header.gif) no-repeat }
#tvchannel div.header div     { float: left; width: 170px; height: 83px }
#tvchannel div.header div img { margin-top: 7px; margin-left: 10px; width: 140px; height: 70px }
#tvchannel div.header p       { float: left; display: block; margin: 0; padding: 0; color: #4f5966; width: 330px; padding-top: 35px; text-align: right; font: bold 12px Arial }
#tvchannel div.about          { float: left; width: 536px; background: #4f5966 url(/i/bg_tvchannel_about.gif) bottom no-repeat; margin-top: 20px; padding: 28px; padding-bottom: 10px; wid\th/* */: 480px }
#tvchannel div.about p.params span { color: #ffee00; font-weight: bold }

#tvchannels-digital   { width: 100%; clear: left; padding-bottom: 9px }
#tvchannels-digital p { font-size: 11px; margin-top: 6px; padding: 0; color: #83cdfa }

/* news (inner page) */
div.news     { float: left; background: none;  }
div.news h5  { margin: 0 ; padding-bottom: 10px }
div.news div { float: left; width: 512px; padding: 15px 0 0 20px; margin-bottom: 20px; background: #4f5966 url(/i/bg_actual_div_top.gif) top right no-repeat; wid\th/* */: 492px }
div.news div div { width: 492px; margin: 0; padding: 0; padding-right: 15px; background: url(/i/bg_actual_div_bottom.gif) bottom right no-repeat; wid\th/* */: 477px; }

/* div' customizations */
div.tvpackets h5    { margin-bottom: 0 }
div.tvpackets table { width: 512px; margin-left: -8px; margin: 15px 0 }
div.tvpackets td    { height: 20px; background: #4f5966; padding-left: 8px }
div.tvpackets th    { text-align: right; padding-right: 15px; font-weight: bold; background: #4f5966 url(/i/bg_tv_packet_connection.gif) right no-repeat }
div.tvpackets p.remark { margin-top: 0 }

html>body div.tvpackets td { height: 22px }

div.tvpackets tr.price td { color: #4f5966; background: #ffee00 }
div.tvpackets tr.price th { color: #4f5966; background: #ffee00 url(/i/bg_tv_packet_month_rate.gif) right no-repeat }
div.tvpackets tr.white td { background: #fff  }
div.tvpackets tr.white th { background: #fff url(/i/bg_tv_packet_month_rate_white.gif) right no-repeat}

table.ostkomtv           { width: 520px; margin-left: -8px; margin-bottom: 20px }
table.ostkomtv td        { height: 20px; }
table.ostkomtv td.title  { height: 32px; padding-left: 8px; background: #4f5966 url(/i/bg_ostkov_tv_gray.gif) right no-repeat }
table.ostkomtv td.price  { text-align: right; color: #4f5966; padding-right: 13px; background: #ffee00 url(/i/bg_ostkov_tv_yellow.gif) right no-repeat; }
table.ostkomtv td.yellow { color: #ffee00 }
table.ostkomtv td.white  { background: #fff url(/i/bg_ostkov_tv_white.gif) right no-repeat;  }

/*  html>body table.ostkomtv td        { height: 22px }
html>body table.ostkomtv td.title  { height: 34px }
*/
#content div.contacts div.info   { margin-top: 25px; margin-bottom: 30px }
#content div.contacts div.info b { display: inline-block; font-weight: normal; width: 80px }

/* page actions */
#pactions        { float: left; padding-top: 10px; width: 100% }
#pactions a      { float: left; display: inline; padding-left: 11px; color: #fff; font-size: 9px; margin-right: 20px; background: url(/i/bg_arrow.gif) 0 4px no-repeat }
#pactions a.back { float: right; font-size: 12px; font-weight: bold; margin-right: 6px; margin-top: -3px; background-position: 0 7px }

#content div.tvchannels #pactions { padding-top: 30px }
#content div.tvcable    #pactions { padding-top: 30px }

/* actions (bottom page banners) */
#actions         { padding-top: 27px }
#actions a       { font: bold 12px Arial; color: #89d2fe; display: inline}
#actions div     { float: left; width: 296px }
#actions div img { float: left; width: 105px; height: 83px }
#actions div div { float: left; width: 188px; padding: 0 10px; padding-top: 25px; wid\th/* */: 168px }

/* sitemap */
#sitemap            { float: left; padding-left: 21px; padding-top: 40px; padding-bottom: 40px; height: 350px }
#sitemap div.top, 
#sitemap div.bottom { float: left; width: 100%; padding-bottom: 20px  }
#sitemap div div    { float: left; width: 252px; padding-left: 26px; padding-top: 20px; wid\th/* */: 226px;  }

#sitemap div.top    div { height: 174px; background: url(/i/bg_sitemap_div_top.gif) no-repeat; hei\ght/* */: 154px}
#sitemap div.bottom div { height: 55px; background: url(/i/bg_sitemap_div_bottom.gif) no-repeat; hei\ght/* */: 35px }

#sitemap div.center { display: inline; margin: 0 35px;  }

/* footer */
#footer   { background: #4f5966; height: 135px; color: #a2aab4; font: 11px Arial; padding: 0 34px; wid\th/* */: 866px }
#footer a, #footer b, #fcontacts span { color: #fff }
 
#fcontacts      { float: left; width: 474px; height: 68px; border-left: 5px solid #ffee00;  wid\th/* */: 469px; }
#fcontacts div  { float: left; width: 177px; padding-top: 14px; padding-left: 28px; wid\th/* */: 149px }

#fsearch              { float: left; width: 292px; padding-top: 10px  }
#fsearch input        { margin-right: 12px }
#footer #fsearch input.submit { width: 20px; height: 23px; margin: 0; background: none }

#fright   { float: right; width: 100px; padding-top: 14px }
#fright a, #fright span { float: right; display: inline; width: 73px; padding-left: 11px; height: 15px; 
            background: url(/i/bg_arrow.gif) 0 6px no-repeat; wid\th/* */: 62px; }

#fright span { background: none; color: #ffee00 }

#vavato     { float: left; width: 866px }
#vavato img { float: right }

/* pages */
table.pages           { float: left; height: 33px; background: #4f5966 url(/i/bg_table_pages.gif) top right no-repeat;  margin-top: 10px; border-collapse: collapse }
table.pages td        { width: 100px  }
table.pages td a      { float: left; display: inline; margin-left: 10px; padding-left: 11px; font-weight: bold; background: url(/i/bg_arrow_prev.gif) 0 6px no-repeat; }
table.pages td.next a { float: right; margin-right: 10px; padding:0;  padding-right: 11px; background: url(/i/bg_arrow.gif) right 6px no-repeat }
table.pages th        { width: 337px; text-align: center; font-size: 11px }

#content table.pages a { color: #fff }

table.pages th span { width: 7px; padding: 2px 5px; text-align: center }
table.pages th span.current { color: #4f5966; background: #ffee00; margin: 0 3px }

#content table.pages th span a  { color: #fff }

/* support - questions */
div.support.questions div  { float: left; width: 537px; padding-top: 10px }
div.support.questions h4   { margin: 0; padding: 0; font-size: 12px; font-weight: bold }
div.support.questions div div span { float: left; width: 100%; color: #89d2fe; font-size: 11px }

#content div.support.questions p    { margin: 0; padding: 0; padding-top: 10px; font-size: 11px }

div.squestion,     div.sanswer     { margin-bottom: 10px}
#content div.squestion div, #content div.sanswer div { padding: 20px; padding-top: 7px; wid\th/* */: 497px }

div.squestion     { background: #4f5966 url(/i/bg_squestion_div_top.gif) top right no-repeat;  }
div.squestion div { background: url(/i/bg_squestion_div_bottom.gif) bottom right no-repeat }

div.sanswer     { background: #ffee00 url(/i/bg_sanswer_div_top.gif) top right no-repeat }
div.sanswer div { background: url(/i/bg_sanswer_div_bottom.gif) bottom right no-repeat }

div.squestion h4 { color: #ffee00 }
div.sanswer h4   { color: #4f5966 }
div.sanswer      { color: #4f5966 }

/* licenses */
div.licenses            { float: left; width: 100%; text-align: center; padding-top: 10px; padding-bottom: 20px }
div.licenses div        { margin: auto; width: 400px }
div.licenses img        { float: left }
div.licenses img.center { margin: 0 20px }

#content div.support.questions div.sanswer p { padding-top: 0 }

/* internet speed connection test */
#content.btest p.title b { color: red; color: #ffee00 }
#content.btest p.again   { font-weight: bold;  }

#content.btest table     { margin-top: 10px; margin-bottom: 30px; width: 100% }
#content.btest table th, #content.btest table td { font-size: 10px; vertical-align: center; padding-top: 5px }
#content.btest table th  { width: 50px; text-align: right; padding-right: 10px }
#content.btest table img { float: left; display: inline; margin-top: 2px; margin-right: 9px}
#content.btest table tr.your th,
#content.btest table tr.your td { padding-top: 15px; font-size: 11px; font-weight: bold; color: #ffee00 }

div.comment { width: 100%; color: #ffee00; padding-bottom: 20px }

#tvchannelspackages             { width: 551px; float: left; display: inline; margin-left: -20px; margin-right: -20px; margin-top: -20px }
#tvchannelspackages div         { width: 551px; height: 215px; margin-top: 20px; background: url(/i/bg_tv_package.jpg) no-repeat }
#tvchannelspackages div img     { float: left; width: 150px; height: 215px }
#tvchannelspackages div div     { float: left; background: none; width: 380px; height: 186px; margin: 0; margin-left: 7px; margin-top: 15px; display: inline; overflow: scroll; overflow-y: hidden; overflow-x: x-scroll /* tnx opera 9.21 4 this strange construction (dont working overflow-x...) */  }
#tvchannelspackages p           { color: #a2aab4; margin-top: 16px }
#tvchannelspackages p.vat       { font-size: 10px; padding-bottom: 0 }

#tvchannelspackages .outer            { margin-left: -10px }
#tvchannelspackages .outer td         { vertical-align: top; padding-left: 20px }
#tvchannelspackages .outer td td      { padding-left: 0 }
#tvchannelspackages .outer table      { width: 145px  }

#tvchannelspackages .inner thead th, #tvchannelspackages .inner thead td { vertical-align: top; height: 20px; font: bold 9px Arial; color: #6e8db5 }
#tvchannelspackages .inner th,   #tvchannelspackages .inner td           { font: 11px Arial; color: #4f5966 }
#tvchannelspackages .inner th a, #tvchannelspackages .inner td a         { font: 11px Arial; color: #4f5966 }

#tvchannelspackages .inner th                                            { width: 145px;  padding-left: 2px; wid\th/* */: 143px }
#tvchannelspackages .inner thead td, #tvchannelspackages .inner table td { width: 57px; }

#tvchannelspackages .inner table    { width: 140px }
#tvchannelspackages .inner tbody td { height: 145px; width: 56px; border-right: 1px solid #eddf11 }

#tvchannelspackages .inner tbody td td { height: auto; border: 0  }




/* common styles */
a        { cursor: hand; cursor: pointer }
a:hover  { text-decoration: none }
br.clear { clear: both }
img      { border: 0; display: block; margin-left: -3px; margin-right: -3px; mar\gin/* */: 0}
table    { border-collapse: collapse } 


h1 { margin: 0; padding: 0; font: normal 20px Arial; padding-left: 39px }

div.inner.wide h1 { padding-left: 33px }

h5 { margin: 0; margin-bottom: 20px; padding: 0; background: url(/i/bg_h5.gif) 0 3px no-repeat; font: bold 11px Arial; padding-left: 10px; color: #ffee00; text-transform: uppercase }

#conteiner h5 a           { color: #ffee00 }
#content div.tv       h5  { margin-top: 15px }
#content div.tvcable  h5  { margin-top: 15px }
#content div.internet h5  { margin-top: 20px }

h5.mt               { padding-top: 10px; background: url(/i/bg_h5.gif) 0 13px no-repeat; } 
h5.cs_services      { margin-top: 20px; margin-bottom: 10px } 

#sitemap h5 { text-transform: none; font: bold 12px Arial }

/* opera 8.5 and up */
@media all and (min-width: 0px) {
  #vote input { margin-left: 10px }
}

@media all and (min-width: 0px) {
  #content input { padding-top: 2px; height: 23px;  }
}

div#counter { position: absolute; left: -6777px; margin: 0; padding:0; }

#overlay     { float: none; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5555; background-color: #111; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70) }
#overlay[id] { position:fixed }
#psplash     { float: none; z-index: 7777; position: absolute; top: 0; left: 0; display: none }
#psplash div { background: #fff }
#psplash img { margin-top: 35px }



/*]]>*/
