* {
margin:0;
padding:0
}

html {
height:100%;
width:100%
}

body {
margin:0 auto;
max-width:1024px!important;
background:#21292D;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
height:100%;
text-align:center;
width:100%
}

.logo {
margin:0 0 10px
}

.menu {
-moz-border-radius:20px;
-webkit-border-radius:20px 20px 20px 20px;
background:#2C373F;
border:0 solid #000;
border-radius:20px 20px 20px 20px;
padding:10px 0
}

.menu ol {
display:inline;
line-height:25px;
list-style:none
}

.menu ol li {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABACAYAAACNx/A2AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAN6SURBVHja7FzRbusgDIVA9xl73Mv+/+sayM0BTBxGkjbpqjvpWJrWBWPs42ObVtXs59e36chkKD2x7QNP4J6SqQVyIHiXgKwAEryTIA7E4ZoMZN81FpKBL2AghQASQAJIACkEkAASQAJIIYAEkAASQAoBJIAEkABSCOB/BKC11jj3mDr0huE9uXnnWZcAHAZrvL8lII+D8m8E0P8NACl98VvlCsZNkzExxt2yhh4khNhh7WBAWL0mDMa+GKf5jKm2htaGPBe99lw8f6TEe7bFtzZG7Z+sbfnRBRCGvffVUBhHM4ZgjvSsDWacdfW6c261BkfQBuAE9uE3fqQEtQ3Ylv3QwXMEg323263u32WHsqFtww+UvtiIc3yIEX9/fHxU/zLwodrA+ff7fb+ERXkc72nDUP7e0sMBOUtu1YvggF5rB1AoDoueBjIH6NLeUJK3rLm0R1iz1ZO1De1fHoa++pBsF5utf7k6XI1D9m8CCAX8ICOgfIyhlMvQLV8YzcwI5dmyLmualSLyPGW/2oibekvJZV+ECT3bSywu2Re9lKCSsOR7yIyMIaxaUfJd1uZzFvaH4x5YAbA20f/HcyVwLE1mZK8D8F55HZUekjdN2b617mfiCnMkwK3+LEmBTghj6mkSSyz7AtjZ+vfEt138XnnuNmf0OO9/ZbLZkkBdLhqo6cTXeWSISCs5SuIlADE4tJOYPpriifLO1QacHHshmK6Ua+5Dsfaser6xzwcKf3/he1TdeyAOQsZyH5y62coB9if0CyhYe097/UgTsk5tu9smlhtCTrgG3slQungJX6V2uZfN5WNCCgTl3I7uJc75WuJsndRnmHHEGlOaviRRprWUuAZR9NPQQG+bdbReLNemZGPW9WUo5WE2XWeglGQa9eUOJSO81ZP7EfS0U68QOQ+2ZerKpJSJKteSVXUoQEMZMKIncaxilCtRubKcKpbPr++pd0nGyJdS1mWrD0JDButQxvpdhwQhunpf+7otN1kTH2K56oBdAkoKHuCZhTk9G1qv905E2+/FuBfH7hBJl88Hrh/aKe1Eq7eaoA+87vmge23qj53e2zt3q0c/EuNeHPwwgZ/GEEACSCGABJAAEkACSCGABJAAEkAKASSABJAAUgggAfxzAFrCcFosGfiiEiYLT7Cv7YEE8UnwIH5jgf/N6AA4kX8CDAAptXJCBX2MUgAAAABJRU5ErkJggg==) no-repeat center top;
display:inline-block;
list-style:none;
margin:1px;
padding:0 2px
}

.menu ol li a {
color:#fff;
font-size:12px
}

.menu ol li a img {
width:80px;
height:60px;
border:1px solid #A89C9C;
padding:1px;
border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}

.menu ol li a img:hover {
box-shadow:4px 1px 8px #888;
opacity:.7;
border:1px solid red;
background-color:#fff
}

a {
color:#fff;
text-decoration:none
}

h5 {
color:#FF0;
font-size:1.4em;
margin-top:11px;
width:80px
}

#f {
color:#fff;
font-size:10px
}

h1,h2,h3 {
font-size:120%;
font-weight:inherit
}

hr {
margin:20px 0;
width:380px
}

.box {
border:1px solid #D4D4D4;
border-radius:0 0 20px 20px;
border-width:0 1px 1px;
display:none;
margin:0 1px;
padding:12px 0
}

.box.visible {
display:block
}

ul.hghpl {
background:#F9F9F9;
border-bottom:1px solid #DDD;
border-radius:20px 20px 0 0;
line-height:25px;
list-style:none;
margin:0 1px
}

.hghpl li {
background:#F9F9F9;
border:1px solid #E4E4E4;
border-bottom:1px solid #F9F9F9;
border-radius:10px 10px 0 0;
color:#777;
cursor:pointer;
display:inline;
position:relative
}

.hghpl li:hover {
background:#FFFFDF;
border:1px solid #FFCA95;
color:#F70
}

.hghpl li.eltv {
background:#EFEFEF;
border:1px solid #D4D4D4;
border-bottom:1px solid #EFEFEF;
color:#444
}

.backbutton {
background:#000;
background-image:url(back_button.png);
background-repeat:repeat-y;
border-radius:30px 4px 4px 30px;
color:#FFF;
font-size:11pt;
font-weight:700;
letter-spacing:-.05em;
padding:6px 9px 6px 35px;
text-align:center;
text-decoration:none
}

li a em {
top:5px;
display:block;
margin:-70px 0 0;
height:70px;
position:relative;
padding:1px 0;
background:url(oo.png) center center no-repeat;
opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50)
}

li a:hover em {
background:url(hover_oo.png) center center no-repeat;
opacity:.9;
-moz-opacity:.9;
filter:alpha(opacity=90)
}

img {
border:none
}

#el {
width:100%;
margin-top:-10px;
position:fixed;
z-index:99999
}

#el td a {
display:block;
height:100%;
text-decoration:none;
margin:0;
background:#292929;
background:-moz-linear-gradient(top,#545454 0,#212121 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#545454),color-stop(100%,#212121));
background:-webkit-linear-gradient(top,#545454 0,#212121 100%);
background:-ms-linear-gradient(top,#545454 0,#212121 100%);
background:linear-gradient(top,#545454 0,#212121 100%);
border:solid 1px;
color:#FF0;
text-shadow:#333 1px 1px 1px;
border-color:#7f7f7f #1d1d1d #191919 #696969
}

#Toolbar {
color:#000;
text-decoration:none;
position:fixed;
width:100%;
z-index:0;
left:0;
bottom:0;
border-top:1px solid silver;
background-color:#f3f3f3;
font-family:tahoma;
font-size:10pt;
font-weight:700;
text-align:center;
box-sizing:border-box
}

#Toolbar A {
font-family:tahoma;
font-size:10pt;
font-weight:700;
color:#000;
text-decoration:none;
margin:3px 5px;
display:inline-block
}

#Toolbar A:hover {
font-family:tahoma;
font-size:10pt;
font-weight:700;
color:#00f;
text-decoration:underline
}

.help,.home {
background-position:right center;
background-repeat:no-repeat;
padding-right:20px
}

.help {
background-image:url(/images/help-icon.png)
}

.home {
background-image:url(/images/home-icon.png)
}

.previous a,.next a {
display:inline-block;
color:#FFF;
font-size:9pt;
width:45px!important;
height:45px!important;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:1px solid #000
}

.previous a {
left:10px;
background:#fff url(/images/previous-arrow.png)center center no-repeat
}

.next a {
right:10px;
background:#fff url(/images/next-arrow.png)center center no-repeat
}

.numbers1 a,.numbers2 a,.numbers3 a,.numbers4 a {
width:45px!important;
height:45px!important;
display:inline-block
}

.numbers1 a {
background:url(/images/numbers/1.png)center center no-repeat
}

.numbers2 a {
background:url(/images/numbers/2.png)center center no-repeat
}

.numbers3 a {
background:url(/images/numbers/3.png)center center no-repeat
}

.numbers4 a {
background:url(/images/numbers/4.png)center center no-repeat
}

.el {
max-width:1024px!important;
position:fixed;
top:0;
z-index:2;
width:100%;
height:44px;
padding:7px 6px;
background:#3e4549;
border-bottom:1px solid #000;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-image:-webkit-linear-gradient(top,#454d52,#363c40);
background-image:-moz-linear-gradient(top,#454d52,#363c40);
background-image:-o-linear-gradient(top,#454d52,#363c40);
background-image:linear-gradient(to bottom,#454d52,#363c40);
-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.1),0 0 3px rgba(0,0,0,0.5);
box-shadow:inset 0 1px rgba(255,255,255,0.1),0 0 3px rgba(0,0,0,0.5)
}

.el.two>.el_link {
width:50%
}

.el.three>.el_link {
width:33.33%
}

.el.four>.el_link {
width:25%
}

.el_link {
font-family:"SultanNahia","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
float:right;
height:29px;
line-height:27px;
font-size:13pt;
color:#FF0;
text-align:center;
text-shadow:0 -1px #000;
background:#495054;
border:1px solid;
border-color:#101010 #080808 #000;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-image:-webkit-linear-gradient(top,#4e5559,#383e43);
background-image:-moz-linear-gradient(top,#4e5559,#383e43);
background-image:-o-linear-gradient(top,#4e5559,#383e43);
background-image:linear-gradient(to bottom,#4e5559,#383e43);
-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.08),inset 0 0 0 1px rgba(255,255,255,0.05),0 1px rgba(255,255,255,0.08);
box-shadow:inset 0 1px rgba(255,255,255,0.08),inset 0 0 0 1px rgba(255,255,255,0.05),0 1px rgba(255,255,255,0.08)
}

.el_link:active,.el_link.active {
color:#ccc;
background:#353a3f;
border-color:#000;
background-image:-webkit-linear-gradient(top,#272b2f,#373d42);
background-image:-moz-linear-gradient(top,#272b2f,#373d42);
background-image:-o-linear-gradient(top,#272b2f,#373d42);
background-image:linear-gradient(to bottom,#272b2f,#373d42);
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),0 1px rgba(255,255,255,0.08);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),0 1px rgba(255,255,255,0.08)
}

.el_link+.el_link {
border-left:0
}

.el_link:first-child {
border-radius:0 4px 4px 0
}

.el_link:last-child {
border-radius:4px 0 0 4px
}

.mobiletv {
background-position:right center;
background-repeat:no-repeat;
background-size:25px 25px;
background-image:url(/images/mobiletv1.png)
}

.desktoptv {
background-position:99% -1px;
background-repeat:no-repeat;
background-size:25px 25px;
background-image:url(/images/desktoptv1.png)
}

@media(max-width:320px) {
.el_link {
padding:0 10px;
font-size:12pt;
text-align:left
}
}

.translate {
width:176px
}