body {
margin: 0;
padding: 0;
background: url('images/bg.jpg') #5896cf;
}
td, th {
padding: 0;
}
p {
margin: 0;
font-family: Tahoma;
font-size: 11px;
color: #666666;
line-height: 135%;
}
img {
border: 0;
}
table {
border-collapse: collapse;
font-family: Tahoma;
font-size: 11px;
color: #666666;
line-height: 135%;
}
a {
color: #222;
text-decoration: none;
}
a:hover {
color: #85da0d;
text-decoration: none;
}
div {
margin: 0;
padding: 0;
}
input, textarea, select {
font-family: Tahoma;
border: 1px #cccccc solid;
color: #666666;
background-color: white;
margin: 0 0 5px 0;
font-size: 12px;
margin: 0 3px;
padding: 0 3px;
}
textarea {
color: #999;
}
form {
margin: 0;
}
h1 {
font-family: Tahoma;
font-size: 14px;
color: #666666;
margin-bottom: 10px;
}
h2 {
font-family: Tahoma;
font-size: 14px;
color: #666666;
margin: 0 0 5px 0;
}
hr {
margin: 0; padding: 0;
color: #cfcfcf;
background-color: #cfcfcf;
height: 1px;
border-width: 0px;
}

ul {
list-style-image: url('images/arrow.gif');
position: relative;
left: -12px;
margin-top: 5px;
margin-bottom: 10px;
font-size: 12px;
line-height: 140%;
}
ul a, .in1 a {
color: #666;
}
ul a:hover, .in1 a:hover {
color: #000;
text-decoration: none;
}

  





.dotline {
width: 100%; height: 1px;
margin: 10px 0;
background: url('images/dot.gif') repeat-x;
font-size: 0;
clear: both;
}






#bod {
width: 980px;
background: url('images/topdec.jpg') repeat-x #fff;
}

#top {
width: 960px; height: 193px;
background: url('images/top.jpg') no-repeat;
margin: 5px 10px 10px 10px;
}
#top .top_td1 {
padding-left: 10px;
height: 125px;
}
#top .top_td1 img {
float: left;
}
#top .top_td2 {
height: 24px;
}
#top .top_td3 {
height: 41px;
padding: 10px;
font-size: 12px;
}
#top .top_td3 form {
float: right;
margin-right: 340px;
}
#top .top_td3 p {
font-size: 12px;
float: left;
margin-top: 2px;
}

#top .ptop {
width: 300px;
float: left;
position: relative;
top: 10px; left: 50px;
color: #888;
}
#top .do_b {

float: right;
position: relative;
top: -5px;
}

.mbutton {
width: 110px; height: 24px;
text-align: center;
font-weight: bold;
margin-right: 1px;
float: left;
font-size: 12px;
}
.mbutton a {
width: 110px; height: 24px;
display: block;
background: url('images/button.jpg') no-repeat;
color: #fff;
padding-top: 4px;
}
.mbutton a:hover {
background: url('images/button_on.jpg') no-repeat;
color: #fff;
}

#arc {
width: 750px;
margin-left: 10px;
}
#arc th {
width: 11px; height: 11px;
}
#arc .b1 {
background: url('images/b1.gif') 0 0;
}
#arc .b2 {
background: url('images/b2.gif') 100% 0;
}
#arc .b3 {
background: url('images/b3.gif') 100% 100%;
}
#arc .b4 {
background: url('images/b4.gif') 0 100%;
}
#arc .top {
background: url('images/b0.gif') repeat-x 0 0;
}
#arc .bottom {
background: url('images/b0.gif') repeat-x 0 100%;
}
#arc .left {
background: url('images/b0.gif') repeat-y 0 0;
}
#arc .right {
background: url('images/b0.gif') repeat-y 100% 0;
}
#arc .center {
padding: 0 5px;
text-align: justify;
}

#inside {
width: 960px;
}
#inside .in1 {
width: 200px;
vertical-align: top;
}
#inside .in2 {
vertical-align: top;
}

.side_grey {
height: 24px;
background: url('images/side_grey.jpg') no-repeat;
font-size: 12px;
padding: 4px 0 0 10px;
}
.side_green {
height: 24px;
background: url('images/side_green.jpg') no-repeat;
font-size: 12px;
padding: 4px 0 0 10px;
color: #fff;
margin: 5px 0;
}
.side_orange {
height: 24px;
background: url('images/side_orange.jpg') no-repeat;
font-size: 12px;
padding: 4px 0 0 10px;
color: #fff;
margin: 5px 0;
}

.so {
margin-left: 15px;
}

.bestg {
margin: 10px 5px;
}
.bestg img {
float: left;
margin-right: 10px;
width: 60px; height: 45px;
border: 3px double #cecece;
}

#bottom {
margin-top: 20px;
width: 960px; height: 75px;
background: url('images/bottom.jpg') no-repeat;
}
#bottom p {
display: inline;
}
#bottom td {
padding: 0 10px;
}
#bottom .botline {
vertical-align: middle;
height: 31px;
}
#bottom .botline .pri {
float: right;
}
#bottom .botline .ple {
float: left;
}

.counters {
height: 44px;
vertical-align: middle;
}
.counters div {
margin-right: 10px;
display: inline;
float: left;
}
.counters .rss {
float: right;
margin-top: -8px;
position: relative;
left: 10px;
}
.counters p {
position: relative;
top: 8px;
}

.new5 {
width: 100%;
height: 100px;
}
.new5 td {
padding: 5px 0;
padding-left: 15px;
}

.ramka-2 {
display: table-cell;
font-size: 0;
border: 1px solid #cecece;
}
.ramka-2 img {
border: 1px solid #cecece;
width: 100px; height: 75px;
}
.ramka-2 a {
display: table-cell;
padding: 4px;
}
.ramka-2 a:hover {
background-color: #e7e7e7;
}

.icons {
width: 310px;
height: 60px;
float: left;
margin: 5px 20px;
text-align: left;
}
.icons img {
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
}

.games {
border-top: 1px dotted #cecece;
padding: 10px;
height: 130px;
}
.games p {
margin: 5px 0;
}
.games img {
width: 160px; height: 120px;
float: left;
margin-right: 10px;
border: 3px double #cecece;
}

.sortdiv {
text-align: center;
margin: 5px 0 10px 0;
}
.sortdiv p {
font-size: 12px;
}
.sortdiv a {
margin: 0 5px;
}

.infotb {
width: 100%;
}
.infotb p {
margin: 5px 0;
}
.infotb td {
width: 70%;
text-align: justify;
}
.infotb th {
width: 30%;
vertical-align: top;
text-align: right;
}


.infotb .f2 {
font-size: 11px;
color: #444;
}
.infotb .f2 {
font-size: 12px;
}
.infotb .f3 {
font-size: 13px;
color: #5896cf;
}
.infotb .f4 {
font-size: 14px;
color: #85da0d;
}
.infotb .f5 {
font-size: 15px;
color: #fe9d00;
}
.infotb .vf {
border: 0;
}

.bold {
font-weight: bold;
}

.com {
width: 650px;
border: 1px dotted #cecece;
margin: 10px 0;
}
.com .hlc {
background-color: #ddd;
padding: 2px;
}
.com td {
padding: 5px;
}
.flags {
float: left;
width: 100px;
position: relative;
left: 760px;
}
.flags img {
margin: 0 5px;
}