@import url("logo.css");

HTML { font-size:14px; font-family:arial,sans-serif; }
DIV, TD, TH { font-size:inherit; }

A { color:#009; }
A:visited { color:#609; }
A:hover { color:#c00; text-decoration:underline; }
A:focus, A:active { color:#c00; }
A[NAME] { text-decoration:none; }

H1, H2, H3, H4, H5, H6 { margin:1em 0em 0.5em 0em; }
H1 { font-size:200%; margin-top:0em; font-weight:normal; }
H2 { font-size:150%; }
H3 { font-size:120%; font-family:tahoma,sans-serif; }
H4 { font-size:100%; font-family:tahoma,sans-serif; }
H5 { font-size:93%; font-family:verdana,sans-serif; margin:0em; padding:0em; }
H6 { font-size:86%; font-family:verdana,sans-serif; margin:0em; padding:0em; }

P, UL, OL { padding-top:0.5rem; padding-bottom:0.25rem; margin-top:0rem; margin-bottom:0.5rem; }
LI { margin-bottom:0.25rem; }
P+UL, P+OL, UL+UL { margin-top:0rem; padding-top:0rem; }
CAPTION { padding:0.75rem 0rem 0.5rem 0rem; font-family:verdana,sans-serif; font-size:107%; font-weight:bold; }
FORM { padding:0em; margin:0em; }
BIG, .big, .large { font-size:112%; }
SMALL, .small { font-size:86%; }
.larger { font-size:107%; }
.smaller { font-size:93%; }
Q { quotes: "«" "»" "„" "“"; }

.grey, .gray { color:#666; }
.lightgrey { color:#ccc; }
.gold { color:#751; }
.blue { color:#009; }
.red { color:#b00; }
.green { color:#281; }
.brown { color:#842; }
.maroon { color:#900; }
.violet { color:#909; }
.black { color:#000; }
.white { color:#fff; }
.bright { color:#c00; }
.error { color:#C33; }
.bg-gray, .bg-grey { background-color:#eee; }
.bg-white { background-color:#fff; }

.nowrap { white-space:nowrap; }
.novisible { visibility:hidden; }
.normal { font-weight:normal; }

#top { border-bottom:3px solid #99a; }
#top IMG { vertical-align:bottom; }
#bottom { border-top:2px solid #99a; padding-top:0.5rem; }

#logotype { display:table; width:100%; }
#burgericon { display:none; }
#logo { display:table-cell; vertical-align:bottom; padding:6px 2px 6px 19px; }
#colontitle { display:table-cell; vertical-align:middle; padding:6px 2px 0px 2px; text-align:right; color:#778; font-style:italic; font-weight:bold; font-size:13px; }

#content { padding-top:1rem; padding-bottom:0.75rem; }
#right { padding-top:1.75rem; }

@media all and (min-width:960px) {
#center { margin-right:1%; margin-bottom:0.75rem; }
}

#menu { position:static; border-bottom:1px solid #889; }
UL.mainmenu { margin:0px; padding:0px; display:block; position:static; left:0px; background-color:#fff; font-size:110%; font-family:verdana,sans-serif; }
UL.mainmenu LI UL { font-size:92%; font-family:arial,sans-serif; }
UL.popupmenu { display:none; margin:0px; padding:0px; min-width:10rem; background-color:#fff; }

.mainmenu LI { list-style-type:none; margin:0px; padding:0px; }
.mainmenu A { display:block; color:#009; text-decoration:none; white-space:nowrap; padding:5px 20px 4px 20px; }
.mainmenu A:visited { color:#009; }
.mainmenu A:hover { color:#fff; background-color:#889; text-decoration:none; }
.mainmenu .popupmenu A { padding-right:15px; }
.mainmenu>LI { display:inline-block; min-width:6rem; vertical-align:top; }
.mainmenu>LI>.popupmenu { position:absolute; z-index:3; }
.mainmenu>LI:hover>.popupmenu { display:block; }

@media all and (min-width:641px) {
.mainmenu>LI:hover { background-color:#eee; }
.mainmenu>LI>.popupmenu { border:1px solid #889; box-shadow:1px 1px 2px #aab; }
.mainmenu>LI>.popupmenu .showpopupmenu { display:block !important; }
}
@media all and (max-width:640px) {
#burgericon { display:table-cell; width:40px; vertical-align:bottom; padding:3px 0px 9px 2px; }
#colontitle { display:none; }
#menu { position:relative; top:-3px; height:0px; border-bottom:none; }
UL.mainmenu { position:absolute; width:18.25rem; overflow:hidden; z-index:3; background-color:#889; border:1px solid #778; box-shadow:1px 1px 2px #aab; }
UL.popupmenu { background-color:#889; }
.mainmenu A { padding-left:24px; color:#fff; }
.mainmenu A:visited { color:#fff; }
.mainmenu A:hover { color:#009; background-color:#fff; }
/* UL.mainmenu { display:none; } UL.hidemainmenu { display:none; } UL.showmainmenu { display:block !important; } */
UL.mainmenu { left:-19rem; } UL.hidemainmenu { left:-19rem; transition: left 200ms linear 0s; } UL.showmainmenu { left:0px !important; transition: left 200ms linear 0s; } /**/
.mainmenu .popupmenu A { padding-left:36px; }
.mainmenu>LI { display:list-item; }
.mainmenu>LI>.popupmenu { position:static; }
.mainmenu>LI:hover .popupmenu { display:none; }
.mainmenu>LI .showpopupmenu { display:block !important; }
.mainmenu>LI>A.popuphref { background-repeat:no-repeat; background-position:6px 50%; }
.mainmenu>LI>A.popuphref { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEX///////9VfPVsAAAAAnRSTlMA/1uRIrUAAAABYktHRACIBR1IAAAAH0lEQVR42mNgoBdgZESm4EwkPpiDwgeJMKKbQ1NXAgAJhwARPBzqhQAAAABJRU5ErkJggg==); }
.mainmenu>LI>A.popuphref:hover { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEUAAJn///9lkTHzAAAAAnRSTlP/AOW3MEoAAAABYktHRAH/Ai3eAAAAJklEQVR42mNgRAMMtBJggIhCKAY4EyYMk4TyYWYwwPiM6DRtXAoAgJkA8Vjm9Q4AAAAASUVORK5CYII=); }
}

.underline { border-bottom:1px solid #889; }
.overline { border-top:1px solid #889; }
.frame { margin:0.75rem 0rem 0.75rem 0rem; padding:0.5rem 1.5rem 0.75rem 1.5rem; border:1px solid #99a; border-top:6px solid #99a; }
DIV.form { margin:1rem 0rem 1rem 0rem; padding:1rem 1.5rem 1rem 1.5rem;  background-color:#f4f4f4; border:1px solid #ccd; }
DIV.form DIV { padding:0.25rem 0rem 0.25rem 0rem; }

IMG.border { border:1px solid #889; }
INPUT.border { border:1px solid #889; }

TABLE.border { border: 1px solid #889; }
TABLE.border TH { background-color:#eee; }

TABLE.line { border-top: 1px solid #889; }
TABLE.line TH { padding:3px 0.5rem 3px 0.5rem; border-bottom:1px solid #889; background-color:#eee; }
TABLE.line TD { padding:3px 0.5rem 3px 0.5rem; border-bottom:1px solid #889; }

TABLE.grid { border-left: 1px solid #889; border-top: 1px solid #889; }
TABLE.grid TH { padding:3px 0.4rem 3px 0.4rem; border-right:1px solid #889; border-bottom:1px solid #889; background-color:#eee; }
TABLE.grid TD { padding:3px 0.4rem 3px 0.4rem; border-right:1px solid #889; border-bottom:1px solid #889; }

TABLE.zebra { border-top:1px solid #159; border-bottom:1px solid #159; }
TABLE.zebra TH { padding:3px 0.4rem 3px 0.4rem; border-bottom:1px solid #159; color:#fff; background-color:#159; }
TABLE.zebra TD { padding:3px 0.4rem 3px 0.4rem; }
TABLE.zebra TD.r0 { background-color:#fff; }
TABLE.zebra TD.r1 { background-color:#eee; }

H4 A { color:#009; text-decoration:none; }
H4 A:visited { color:#009; }
H4 A:hover { color:#c00; text-decoration:underline; }
H4 A:active { color:#c00; }

H2>IMG { padding:0px; vertical-align:-1px; }
H4>IMG { padding:0px; vertical-align:-3px; }
.news IMG[align=left] { float:left; margin:5px 10px 5px 5px; }
.news IMG[align=right] { float:right; margin:5px 5px 5px 10px; }
.brief IMG[align=left] { float:left; margin:4px 8px 4px 4px; }
.brief IMG[align=right] { float:right; margin:4px 4px 4px 8px; }
@media all and (max-width:400px) {
.news>IMG[align=left] { float:none; }
.news>IMG[align=right] { float:none; }
}
.news { padding-bottom:0.5rem; }
.news > H2 { color:#c00; }

.announce H4, .hotnews H4 { margin-top:0.5em; margin-bottom:0.25em; }
.announce H5, .hotnews H5 { margin-bottom:0.25em; }
.announce P, .announce UL, .announce OL, .hotnews P, .hotnews UL, .hotnews OL { padding-top:0rem; }
.announce>.frame { background-color:#ffd; }
TABLE.hotnews { border:1px solid #800; }
TABLE.hotnews TH { padding:4px 0.4rem 4px 0.4rem; color:#fff; background-color:#800; white-space:nowrap; }
TABLE.hotnews TD { padding:0.4rem 1.25rem 0.4rem 1.25rem; background-color:#FFFCC8; }
.hotnews .hotnews-center { text-align:center; }

.brief A { background-color:transparent !important; }

.shares { margin-top:0.2rem; }
.shares IMG { margin-left:12px; }
.news .comment { padding-left:2rem; }
.news .comment BIG { font-size:100%; }
@media all and (max-width:400px) {
.shares>A:first-child IMG { margin-left:0px; }
}
@media all and (min-width:400px) {
.shares { float:right; }
}

.button-wrapper { padding-top:0.5rem; padding-bottom:0.5rem; margin:0.25rem 0rem 0.5rem 0rem; text-align:center; padding-right:6vw; }
DIV.button { display:inline-block; min-width:20rem; max-width:22rem; text-align:center; }
DIV.button A { display:block; white-space:nowrap; font-family:verdana,sans-serif; font-size:16px; text-align:center; padding:0.5em; border-radius:5px; }
DIV.button A { color:#fff; text-decoration:none; background-color:#2093DF; border-top:none; border-right:1px solid #336; border-bottom:1px solid #336; border-left:none; }
DIV.button A:visited { color:#fff; }
DIV.button A:focus { color:#fff; }
DIV.button A:active { color:#fff; border-top:1px solid #336; border-right:none; border-bottom:none; border-left:1px solid #336; }
DIV.button A:hover { color:#fff; text-decoration:none; background-color:#45A5E4; text-shadow:1px 1px #88a; }
DIV.button A.b-green { background-color:#1DC97B; border-top:none; border-right:1px solid #363; border-bottom:1px solid #363; border-left:none; }
DIV.button A.b-green:active { border-top:1px solid #363; border-right:none; border-bottom:none; border-left:1px solid #363; }
DIV.button A.b-green:hover { background-color:#1ED583; text-shadow:1px 1px #8a8; }
@media all and (max-width:800px) {
.button-wrapper { padding-right:1vw; }
}

.liga-image { float:right; padding:16px 8px 12px 8px; }
.liga-brief { min-height:112px; }

.where-wrapper { display:flex; justify-content:center; border-top:1px solid #889; padding-right:8vw; }
.where { display:table; padding-bottom:0.75em; }
.where>H4 { display:table-caption; text-align:center; padding-left:18%; }
.where>DIV { display:table-row; }
.where>DIV>DIV { display:table-cell; padding:0rem 0.5rem 0.5rem 0.5rem; text-align:right; line-height:140%; }
.where .nophone { color:#bbb; }
.where .messenger { text-align:left; white-space:nowrap; }
.where .messenger IMG { padding-right:5px; }
.where .messenger .phone { display:none; }
@media all and (max-width:400px) {
.where-wrapper, .where, .where H4, .where DIV { display:block !important; }
.where .messenger { text-align:right; display:block !important; }
.where .messenger .phone { display:inline; }
.where .messenger SMALL { display:none; }
}

.phone { white-space:nowrap; }
.phone A { color:#008; text-decoration:none; }
.phone A:visited { color:#008; }
.phone A:hover { color:#c00; text-decoration:none; }
.phone A:focus, .phone A:active { color:#c00; }
.news .phone { font-family:tahoma,sans-serif; }
.phones { line-height:1.5; }

.i-env { padding-left:21px; background-image:url(../img/i-env.png); background-repeat:no-repeat; background-position:left 1px; }
.i-tel { padding-left:20px; background-image:url(../img/i-tel.png); background-repeat:no-repeat; background-position:left 2px; }
.i-kievstar { padding-left:22px; background-image:url(../img/i-kievstar.png); background-repeat:no-repeat; background-position:left 0px; }
.i-lifecell { padding-left:22px; background-image:url(../img/i-lifecell.png); background-repeat:no-repeat; background-position:left 0px; }
.i-vodafone { padding-left:22px; background-image:url(../img/i-vodafone.png); background-repeat:no-repeat; background-position:left 0px; }

#langswitch { display:table; border:1px solid #889; }
#langswitch TD { padding:1px 5px 1px 5px; font-size:12px; height:16px; overflow:hidden; }
#langswitch TD.langcenter { padding:0px 3px 0px 3px; border-left:1px solid #bbc; border-right:1px solid #bbc; }
#langswitch TD.langcenter A, #langswitch TD.langcenter SPAN { font-size:24px; line-height:80%; vertical-align:middle; }
#langswitch TD.langcell { background-color:#dde; }
#langswitch A { text-decoration:none; color:#009; background-color:#fff; }
#langswitch A:visited { color:#009; }
#langswitch A:hover { color:#c00; text-decoration:none; background-color:#fff; }
#langswitch A:focus, A:active { color:#c00; background-color:#fff; }
#langswitch SPAN { color:#446; cursor:help; }

#bottom UL { display:inline-block; padding-top:0em; padding-bottom:0em; margin-top:0em; margin-bottom:0em; }
#bottom LI {  margin-bottom:0em; }
#bottom P { padding-top:0.25rem; margin-top:0.5rem; }
#bottom .counter { float:right; clear:right; margin-top:0.5rem; margin-left:1rem; }
@media all and (max-width:720px) { #bottom .counter { margin-top:1.25rem; } }
@media all and (max-width:480px) {
#bottom UL { display:block; margin:0.5rem; padding-left:0.5rem; }
#bottom .counter { margin-top:0.5rem; }
}

A.extlink { padding-right:14px; background-image:url(../img/extlink.png); background-repeat:no-repeat; background-position:right -1px; }
A.extlink:visited { background-position:right -25px; }
A.extlink:hover { background-position:right -49px; }
A.extlink:focus { background-position:right -73px; }
A.extlink:active { background-position:right -97px; }
SMALL A.extlink { background-position:right -2px; }
SMALL A.extlink:visited { background-position:right -26px; }
SMALL A.extlink:hover { background-position:right -50px; }
SMALL A.extlink:focus { background-position:right -74px; }
SMALL A.extlink:active { background-position:right -98px; }

@media print { .noprint { display:none; } }
@media screen { .print { display:none; } }