/*DEF_STYLE.CSS îñí.òàáëèöà ñòèëåé*/
#allsite {
min-width:1000px;
max-width:1450px;
width:100%;
margin:0 auto;
}
img { max-width:100%;}
#header {
width:100%;
}
/*ÁËÎÊ ÊÎÍÒÅÍÒÀ*/
#content {
background-color:#fff; 
width:71%;
margin:5px;
padding:5px;
float:right; 
line-height:1.5em;
}
#conttab {
background-color:#fff; 
width:90%;
right:9%;
margin:0px;
padding:0px;
position: absolute;
}
/*.adb {width:200px; margin:20px auto;}*/
.leftitm  a, .leftactitm  a{
clear:both;
font: 1.5em Verdana;
display:block;
color:yellow;
border: 3px solid  #AAA; 
text-align:left; 
padding:10px; 
margin:10px; 
box-shadow: 0 0 2px  2px #fff;	
}
.leftitm  a{width:90%; border-radius:20px; background: #333;}
.leftactitm  a{width:95%; border-radius:20px 0 0 20px; background: #f33;}
.leftitm  a:hover{background: #888;}
.leftactitm  a:hover{background: #f88;}
.casetable, .pool, .bor-rekl, .img-rekl {
padding:10px;
border-radius:10px;
box-shadow:4px 4px 8px 1px rgba(50, 50,50, 0.74);
}
.img-rekl {width:150px;}
.casetable {
margin: 14px 4px 14px 14px;
position: relative;
width:50%;
float:right;
}
.pool {
margin:4px 4px 4px 14px;
width: 336px;
font-size: 200%; 
float:left;
}
.bor-rekl {
width: 80%;
font-size: 200%; 
text-align:justify;
color:#000;
background-color:#fff;
margin:0 auto;
padding:10px;
}
td.nb {border:0px;}
td.nbl {border:0px; text-align:left;}
td.nbr {border:0px; text-align:left;}

/*ÏÐÀÂÛÉ ÁËÎÊ ÐÅÊËÀÌÛ È ÍÎÂÎÑÒÅÉ*/
#recl {
position: relative;
width:24%;
float:left;
background: #999;
background: linear-gradient(to bottom,  #000,  #777);
height: auto;
min-height: 100%;
border-radius:12px;
margin:5px;
padding:5px;
color: #fff;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 15px;
text-align: justify;   
box-shadow:4px 4px 8px 1px rgba(50, 50,50, 0.74);
 }
 #footer {
clear:both;
font-family:Arial;
font-size:15px;
font-style:normal;
font-weight:600;
font-variant:normal;
color:#fff;
padding: 5px 20px 7px 20px;
background: #222;  
background-image: linear-gradient(#222,#bbb,#222); 
box-shadow: 3px 3px 5px black;
 }
 #footer a{color:#f9a593;}
h1, h2{
FONT-WEIGHT: bold; 
 FONT-SIZE: 26px; 
 MARGIN-BOTTOM: 10px; 
 COLOR: #000; 
 MARGIN-RIGHT: 10px; 
 FONT-STYLE: oblique; 
 FONT-FAMILY: "Times New Roman", Bodony, serif; 
 TEXT-ALIGN: center;
 } 
H3{
 FONT-WEIGHT: bold; 
 FONT-SIZE: 16px; 
 MARGIN-BOTTOM: 10px; 
 COLOR: #FFFFFF; 
 MARGIN-RIGHT: 10px;  
 FONT-FAMILY: Verdana, Arial; 
 TEXT-ALIGN: center;
}
H4 {
font-family:Arial;
font-size:10px;
font-style:italic;
font-weight:600;
font-variant:normal
}
div.vt {
width:1em; 
line-height:1em;
text-align:center;
}
div.title {
  FONT-WEIGHT: bold; 
 FONT-SIZE: 26px; 
 MARGIN-BOTTOM: 10px; 
 COLOR: #FFFFFF; 
 MARGIN-RIGHT: 10px; 
 FONT-STYLE: oblique; 
 FONT-FAMILY: "Times New Roman", Bodony, serif; TEXT-ALIGN: center;
 background-image:url('./images/title.jpg');
 background-repeat: no-repeat;
 background-position:center;
 width:520px;
 height:100px;
  }
.next {
display:block;
 FONT-WEIGHT: bold; 
 FONT-SIZE: 26px; 
 MARGIN-BOTTOM: 10px; 
 COLOR: #FFFFFF; 
 MARGIN-RIGHT: 10px; 
 FONT-STYLE: oblique; 
 FONT-FAMILY: "Times New Roman", Bodony, serif; TEXT-ALIGN: center;
 background-image:url('./images/next.jpg');
 background-repeat: no-repeat;
 background-position: 5px -15px;
 width:500px;
 height:220px;
  }

.adown {
text-decoration: underline; 
font-family: Verdana; 
font-size: 16px; 
color: #333;
font-weight: 700; 
background-repeat: no-repeat; 
background-image:url('./images/minidisk.gif');
background-position:left;
padding: 16px 10px 10px 45px; 
}
.ali {
text-decoration: underline; 
font-family: Verdana; 
font-size: 16px; 
color: #333;
font-weight: 700; 
padding: 1px; 
}

.keyprog {
margin:12px;
background-color:#b78e5e;
border: 1px solid #444;
line-height: 2px;
border-radius:3px;
font-weight: 700;
text-align: center;
}
.keyprog:after {content:'\000a0';}
.keyprog:before {content:'\000a0';}
A {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: red; 
}
A:link { 
text-decoration: underline; 
} 
A:hover { 
text-decoration: underline; 
} 
A:active { 
text-decoration: none; 
} 
A:visited { 
text-decoration: underline; 
color: yellow;
}
a.tt {
position:relative;
text-decoration: none;
}
a.tt span{display:none;}
a.tt:hover span {
display:block;
position:fixed;
top:59px;
left:94px;
padding: 6px;
border:1px solid #000;
background-color:#777;
color:#fff;
}
a.nl{text-decoration: none;}
p{
 margin:5px;
 padding:5px ;
 text-align:justify;
 text-indent:30px;
 font-family:Arial;
 font-size:16px;
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
}
p:first-line{ font-family:arial;}
p:first-letter{font-size:24px;}
.icon
{
width:100px;
height:120px;
background:url('./images/100x120_all_images.png') no-repeat;
list-style-type:none;
margin:0px;
padding:0px;
float:left;
display:-moz-inline-stack;
display:inline-block;
_overflow:hidden;
}
.tab_1 .icon { background-position:0px 0px; }
.tab_1 .icon:hover { background-position:0px -120px; }
.tab_2 .icon { background-position:-100px -0px; }
.tab_2 .icon:hover { background-position:-100px -120px; }
.tab_3 .icon{ background-position:-200px 0px; }
.tab_3 .icon:hover { background-position:-200px -120px; }
.tab_4 .icon{ background-position:-300px 0px; }
.tab_4 .icon:hover { background-position:-300px -120px; } 
.tab_5 .icon{ background-position:-400px 0px; }
.tab_5 .icon:hover { background-position:-400px -120px; }
.tab_6 .icon{ background-position:-500px 0px; }
.tab_6 .icon:hover { background-position:-500px -120px; }
.tab_7 .icon{ background-position:-600px 0px; }
.tab_7 .icon:hover { background-position:-600px -120px; }
.tab_8 .icon{ background-position:-700px 0px; }
.tab_8 .icon:hover { background-position:-700px -120px; } 
.tab_9 .icon{ background-position:-800px 0px; }
.tab_9 .icon:hover { background-position:-800px -120px; }
.tab_10 .icon{ background-position:-900px 0px; }
.tab_10 .icon:hover { background-position:-900px -120px; }
.tab_11 .icon{ background-position:-1000px 0px; }
.tab_11 .icon:hover { background-position:-1000px -120px; }
.tab_12 .icon{ background-position:-1100px 0px; }
.tab_12 .icon:hover { background-position:-1100px -120px; }
.tab_13 .icon{ background-position:-1200px 0px; }
.tab_13 .icon:hover { background-position:-1200px -120px; }
.tab_14 .icon{ background-position:-1300px 0px; }
.tab_14 .icon:hover { background-position:-1300px -120px; }
.tab_15 .icon{ background-position:-1400px 0px; }
.tab_15 .icon:hover { background-position:-1400px -120px; }
.tab_16 .icon{ background-position:-1500px 0px; }
.tab_16 .icon:hover { background-position:-1500px -120px; }
.tab_17 .icon{ background-position:-1600px 0px; }
.tab_17 .icon:hover { background-position:-1600px -120px; }
.tab_18 .icon{ background-position:-1700px 0px; }
.tab_18 .icon:hover { background-position:-1700px -120px; }
.tab_19 .icon{ background-position:-1800px 0px; }
.tab_19 .icon:hover { background-position:-1800px -120px; }
.tab_20 .icon{ background-position:-1900px 0px; }
.tab_20 .icon:hover { background-position:-1900px -120px; }
.tab_21 .icon{ background-position:-2000px 0px; }
.tab_21 .icon:hover { background-position:-2000px -120px; }
.tab_22 .icon{ background-position:-2100px 0px; }
.tab_22 .icon:hover { background-position:-2100px -120px; }
.tab_23 .icon{ background-position:-2200px 0px; }
.tab_23 .icon:hover { background-position:-2200px -120px; }
.tab_24 .icon{ background-position:-2300px 0px; }
.tab_24 .icon:hover { background-position:-2300px -120px; }
.tab_25 .icon{ background-position:-2400px 0px; }
.tab_25 .icon:hover { background-position:-2400px -120px; }
.tab_26 .icon{ background-position:-2500px 0px; }
.tab_26 .icon:hover { background-position:-2500px -120px; }
.tab_27 .icon{ background-position:-2600px 0px; }
.tab_27 .icon:hover { background-position:-2600px -120px; }
.tab_28 .icon{ background-position:-2700px 0px; }
.tab_28 .icon:hover { background-position:-2700px -120px; }
.tab_29 .icon{ background-position:-2800px 0px; }
.tab_29 .icon:hover { background-position:-2800px -120px; }
.tab_30 .icon{ background-position:-2900px 0px; }
.tab_30 .icon:hover { background-position:-2900px -120px; }
.tab_31 .icon{ background-position:-3000px 0px; }
.tab_31 .icon:hover { background-position:-3000px -120px; }
.tab_32 .icon{ background-position:-3100px 0px; }
.tab_32 .icon:hover { background-position:-3100px -120px; }
.tab_33 .icon{ background-position:-3200px 0px; }
.tab_33 .icon:hover { background-position:-3200px -120px; }
.tab_34 .icon{ background-position:-3300px 0px; }
.tab_34 .icon:hover { background-position:-3300px -120px; }
.tab_35 .icon{ background-position:-3400px 0px; }
.tab_35 .icon:hover { background-position:-3400px -120px; }
.tab_36 .icon{ background-position:-3500px 0px; }
.tab_36 .icon:hover { background-position:-3500px -120px; }
.tab_37 .icon{ background-position:-3600px 0px; }
.tab_37 .icon:hover { background-position:-3600px -120px; }
.tab_38 .icon{ background-position:-3700px 0px; }
.tab_38 .icon:hover { background-position:-3700px -120px; }
.tab_39 .icon{ background-position:-3800px 0px; }
.tab_39 .icon:hover { background-position:-3800px -120px; }
.tab_40 .icon{ background-position:-3900px 0px; }
.tab_40 .icon:hover { background-position:-3900px -120px; }
.tab_41 .icon{ background-position:-4000px 0px; }
.tab_41 .icon:hover { background-position:-4000px -120px; }
.tab_42 .icon{ background-position:-4100px 0px; }
.tab_42 .icon:hover { background-position:-4100px -120px; }
.tab_43 .icon{ background-position:-4200px 0px; }
.tab_43 .icon:hover { background-position:-4200px -120px; }
.tab_44 .icon{ background-position:-4300px 0px; }
.tab_44 .icon:hover { background-position:-4300px -120px; }
.tab_45 .icon{ background-position:-4400px 0px; }
.tab_45 .icon:hover { background-position:-4400px -120px; }
.tab_46 .icon { background-position:-4500px 0px; }
.tab_46 .icon:hover { background-position:-4500px -120px; }
.tab_47 .icon { background-position:-4600px 0px; }
.tab_47 .icon:hover { background-position:-4600px -120px; }
.tab_48 .icon { background-position:-4700px 0px; }
.tab_48 .icon:hover { background-position:-4700px -120px; }
/*DROPDOWN MENU*/
#navigation {
margin:0;
padding: 0;
clear:both;
width:100%;
height:51px;
background: #000 url(images/dropdown-bg.gif) repeat-x left top;
}
ul.nav-main,
ul.nav-main li {
list-style: none;
margin: 0;
padding: 0;
}
ul.nav-main {
position: relative;
z-index: 597;
}
ul.nav-main li:hover > ul {
visibility: visible;
}
ul.nav-main li.hover,
ul.nav-main li:hover {
position: relative;
z-index: 599;
cursor: pointer;
background: url(images/dropdown-bg-hover.gif) repeat-x left top;
}
ul.nav-main li {
float:left;
display:inline-block;
height: 51px;
color: #eee;
font: 14px Arial, Helvetica, sans-serif;
background: url(images/separator.gif) no-repeat right center;
}
ul.nav-main li a {
display:inline-block;
padding: 16px 16px 0 16px;
height: 35px;
color: #eee;
font: 18px Arial, Helvetica, sans-serif;
font-weight:600;
text-decoration:none;	
}
ul.nav-main li a:hover {
color:#FFF;
text-shadow: 0px 0px 1px #fff, 0 0 1em;
}
ul.nav-main *.list {
padding-right: 22px;
background: url(images/navigation-arrow.gif) no-repeat right top;
}
ul.nav-sub {
visibility: hidden;
position: absolute;
padding:10px;
top: 48px;
left: 0;
z-index: 598;
background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}
ul.nav-sub li {
list-style:none;
display:inline-block;
padding: 0;
height: 27px;
float: none;
width:205px;
border-bottom: 1px solid #5a5a5a;
background: none;
}
ul.nav-sub li a {
list-style:none;
display:inline-block;
padding: 6px 5px 6px 5px;
height: 15px;
float: none;
width:205px;
background: none;
font: 16px Arial, Helvetica, sans-serif;	
}