* {margin: 0; padding: 0}
html,body,div,span,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border: 0; margin: 0; padding: 0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block}
a {outline: none; text-decoration: none}
a:hover {text-decoration: underline}
html,textarea { overflow: auto}
input {vertical-align: middle}
input, textarea, select {outline:none; resize: none}
table{ border-collapse: collapse; border-spacing: 0}
img { vertical-align: top; border: none}
@font-face {
 font-family: Ubuntu-R;
 src: url("fonts/Ubuntu-R.eot") /* EOT file for IE */
}
@font-face {
 font-family: Ubuntu-R;
 src: url("fonts/Ubuntu-R.ttf") /* TTF file for CSS3 browsers */
}
input[type=text] {font-family: 'Ubuntu'}
body {
	font-family: 'Ubuntu',Arial sans-serif;
    font-size: 12px;
    font-size: 14px;
    color: #595959;
	height: 100%;
    background: url("../images/fon.jpg") 0 -12px;
}
#header {
    float: left; color: #fff;
    width: 100%; height: 38px;
    background: url("../images/header.png") repeat-x;
    -moz-box-shadow: 0 5px 10px #000;
    -webkit-box-shadow: 0 5px 10px #000;
    box-shadow: 0 0 10px #000
}
#header .center {width: 1292px}
.center {width: 1342px; margin: 0 auto}
#header .log {
    float: left; margin: 11px 0 0;
    line-height: 15px;
    padding-left: 20px; height: 15px;
    background: url("../images/icons.png") no-repeat
}
#header .user {
    float: left; margin: 11px 0 0;
    line-height: 15px;
    height: 15px;
}
#header .soc_log {float: left; margin: 11px 0 0 15px}
.hr {float: left; margin: 3px 25px; height: 32px; border-left: 1px solid #4a4a4a;border-right: 1px solid #000}
#header a {
    float: left; color: #fff;
    line-height: 15px;
    margin-top: 11px;
}
#header .log a {
    float: none;
    color: #fff;
    line-height: 15px;
    margin-top: 11px;
}
#header a.sing, #header a.support, #header a.orders,#header a.about {
    float: left; color: #fff;
    line-height: 15px;
    margin-top: 11px;
    padding-left: 20px;
    background: url("../images/icons.png") 0 -15px no-repeat
}
#header a.sing {height: 16px;line-height: 16px}
#header a.logout {color: #A3A3A3; padding-left: 10px;}
#header a.support {padding-left: 25px; height: 17px; line-height: 17px; background-position: 0 -31px}
#header a.orders {
    padding-left: 25px;
    height: 17px;
    line-height: 17px;
    background-position: 0 -48px;
    float: right;
}
.right {float: right}
#header a.about {color: #ffae00; height: 15px; background-position: left bottom}
.soc {float: left}
.soc a{float: left; margin: 6px 5px}
.center .header {float: left; width: 1292px; height: 110px; padding: 0 25px}
.logo {float: left; margin-top: 33px}
.menu-only { margin-top: 37px; float: right}

.menu ul{
    list-style-type: none;
    list-style-position: inside;
}
.menu ul li {
    float: left; padding: 2px 12px;
    /*margin: 0 15px;*/
    height: 33px; line-height: 33px;
}
.menu ul li ul{
    display: none;
}
.menu ul li a {
    float: left; padding: 2px 12px;
    color: #ffab00;
    font-size: 16px;
    height: 33px; line-height: 33px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    text-shadow: 0 1px 2px #000
}
.menu ul li a:hover {
    text-decoration: none;
    color: #fff;
    padding: 0 10px;
    background: url("../images/menu.png") center repeat-x;
    border: 2px solid #ffab00
}
.menu ul li.selected a {
    color: #fff;
    padding: 0 10px;
    background: url("../images/menu.png") center repeat-x;
    border: 2px solid #ffab00
}
.center .header .hr {float: right; height: 95px; margin: 7px 25px}
.header .but_search {
    position: relative;
    float: right; margin: 22px 5px 0 15px;
    width: 60px; height: 60px;
    cursor: pointer;
    background: url("../images/menu.png") center;
    border: 3px solid #ffac00;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=1, color=#000);
    -moz-box-shadow: 0 1px 3px #000;
    -webkit-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000
}
.header .but_search form {
    display: none;
    position: absolute;
    top: 8px; right: 15px;
    width: 500px; height: 40px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ffac00;
}
.header .but_search form input[type=text] {
    float: left;
    width: 383px; height: 34px;
    margin: 3px 9px 0 15px;
    padding-right: 15px;
    font-size: 16px;
    font-family: 'Ubuntu',Arial sans-serif;
    color: #494949;
    border: none; border-right: 1px solid #d2d2d2;
}
.header .but_search form .clear {
    float: left;
    width: 23px; height: 23px;
    cursor: pointer;
    margin-top: 9px;
    background: url("../images/clear.png") center no-repeat;
}
.header .but_search form .but {
    position: absolute;
    top: -35px; right: -25px;
    float: right; margin: 22px 5px 0 15px;
    width: 60px; height: 60px;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #ffac00;
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=1, color=#000);
    -moz-box-shadow: 0 1px 3px #000;
    -webkit-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;
    z-index: 1;
    background: url("../images/menu.png") center
}
.header .but_search form input[type=submit] {
    float: right;
    width: 60px; height: 60px;
    cursor: pointer;
    background: url("../images/search.png") center no-repeat;
    border: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.header .but_search .ico {
    width: 100%; height: 100%;
    background: url("../images/search.png") center no-repeat;
}
.center #wrapper {
    float: left; width: 1302px; padding: 20px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=5, color=#000);
    -moz-box-shadow: 0 5px 15px #000;
    -webkit-box-shadow: 0 5px 15px #000;
    box-shadow: 0 5px 15px #000
}
/*Slider*/
#wrapper .slider {
    position: relative;
    width: 1342px; height: 300px;
    margin: -20px
}
.slider .prev {
    cursor: pointer;
    position: absolute;
    top: 50%; left: 40px;
    margin-top: -14px;
    width: 38px; height: 38px;
    background: url("../images/arrows.png") left no-repeat;
    z-index: 5
}
.slider .next {
    cursor: pointer;
    position: absolute;
    top: 50%; right: 40px;
    margin-top: -14px;
    width: 38px; height: 38px;
    background: url("../images/arrows.png") right no-repeat;
    z-index: 5
}
.slider .window {
    position: absolute;
    width: 1302px; height: 257px;
    left: 20px; top: 25px;
    -webkit-box-shadow: 0 0 7px #8c8c8c;
    -moz-box-shadow: 0 0 7px #8c8c8c;
    box-shadow: 0 0 7px #8c8c8c;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden
}
.image_reel {
	position: absolute;
    overflow: hidden;
    width: 1302px; height: 257px;
	top: 0; left: 0
}
.image_reel .slide {
    float: left; position: relative;
    width: 1302px; height: 257px
}
.image_reel .slide img {
    border: 1px solid #000;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}
.image_reel .slide ul {
    display: block;
    position: absolute;
    top: 30px; left: 630px;
    list-style: none
}
.image_reel .slide ul li {
    font-size: 26px; line-height: 26px;
    color: #fff; padding: 3px 0 3px 20px;
    background: url("../images/li.png") left center no-repeat;
    text-shadow: 1px 1px 1px #333
}
.image_reel .slide a {
    display: block;
    width: 153px; height: 47px;
    position: absolute;
    line-height: 47px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    bottom: 40px; left: 650px;
    background: url("../images/button.png") no-repeat;
}
.image_reel .slide a:hover {color: #ffc500; text-decoration: none}
/*END slider*/
#wrapper .text_line {
    position: relative;
    float: left; margin: 17px -20px;
    width: 1342px; height: 30px;
    line-height: 30px;
    background: #ffc400;
    overflow: hidden
}
#wrapper .text_line p {
    float: left; min-width: 100%;
    color: #3e7f80; height: 30px;
    text-shadow: 0 1px 1px #fff
}
#wrapper .text_line .left_grad, #wrapper .text_line .right_grad {
    position: absolute; top: 0;
    width: 100px; height: 100%;
    background: url("../images/text_line.png") repeat-y
}
#wrapper .text_line .left_grad {left: 0; background-position: -100px 0}
#wrapper .text_line .right_grad {right: 0}
/*Left*/
#wrapper #left {float: left; width: 220px}
#left .sitebar {
    position: relative;
    padding: 25px 0;
    margin-bottom: 20px;
    width: 218px; float: left;
    border: 1px solid #ffc400;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #eee url("../images/sitebar.png")
}
.sitebar .sh_top {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 11px;
    background: url("../images/sitebar_sh.png") bottom left
}
.sitebar .sh_bot {
    position: absolute;
    left: 0; bottom: 0;
    width: 100%; height: 11px;
    background: url("../images/sitebar_sh.png") top left
}
.sitebar ul {
    float: left; width: 100%;
    list-style: none;
}
.sitebar ul li {
    cursor: pointer;
    text-shadow: 0 1px 1px #fff;
    float: left; padding: 0 10px;
    width: 198px; height: 34px;
}
.sitebar ul li .hr {
    float: left; margin: 0;
    width: 100%; height: 0;
    border: none;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #fff;
}
.sitebar ul li a {
    float: left; color: #595959;
    font-weight: bold; margin: 5px 0 7px;
    height: 20px; line-height: 20px;
    width: 168px

}
.sitebar ul li a .ico {
    float: left; width: 20px; height: 20px; margin-right: 10px;
    background: url("../images/ico_sitebar.png") left 0 no-repeat
}
.sitebar ul li a .ico.i1 {background-position: left -20px}
.sitebar ul li a .ico.i2 {background-position: left -40px}
.sitebar ul li a .ico.i3 {background-position: left -60px}
.sitebar ul li a .ico.i4 {background-position: left -80px}
.sitebar ul li a .ico.i5 {background-position: left -100px}
.sitebar ul li a .ico.i6 {background-position: left -120px}
.sitebar ul li a .ico.i7 {background-position: left -140px}
.sitebar ul li a .ico.i8 {background-position: left -160px}
.sitebar ul li a .ico.i9 {background-position: left -180px}
.sitebar ul li a .ico.i10{background-position: left -200px}
.sitebar ul li a .ico.i11{background-position: left -220px}
.sitebar ul li a .ico.i12{background-position: left 0}
.sitebar ul li a .ico.i13{background-position: left -240px}
.sitebar ul li:hover a .ico.i1 {background-position: right -21px}
.sitebar ul li:hover a .ico.i2 {background-position: right -40px}
.sitebar ul li:hover a .ico.i3 {background-position: right -60px}
.sitebar ul li:hover a .ico.i4 {background-position: right -80px}
.sitebar ul li:hover a .ico.i5 {background-position: right -100px}
.sitebar ul li:hover a .ico.i6 {background-position: right -120px}
.sitebar ul li:hover a .ico.i7 {background-position: right -140px}
.sitebar ul li:hover a .ico.i8 {background-position: right -160px}
.sitebar ul li:hover a .ico.i9 {background-position: right -180px}
.sitebar ul li:hover a .ico.i10{background-position: right -200px}
.sitebar ul li:hover a .ico.i11{background-position: right -220px}
.sitebar ul li:hover a .ico.i12{background-position: right 0}
.sitebar ul li:hover a .ico.i13{background-position: right -240px}
.sitebar ul li p {
    float: left; width: 30px;
    line-height: 34px;
    font-size: 12px;
}
.sitebar ul li:hover a {color: #369fd0; text-decoration: none}
.sitebar ul li:hover .hr, .sitebar ul li .hr.active {width: 220px;margin-left: -11px}
.sitebar ul li:hover,  .sitebar ul li.active{
    position: relative;
    background: #fff;
    width: 200px;
    height: 36px;
    padding: 0 11px;
    margin: 0 -1px -2px;
    z-index: 1;
}
.sitebar ul li:hover p {color: #369fd0}
.banner {
    
    /* Временно */
    display: none;
    
    float: left;
    background: #eae8e8;
    border-radius: 10px;
    border: 1px solid #acacac
}
/*Middle*/
#wrapper #middle {
    float: left; width: 780px;
    padding-left: 20px;
    padding-right: 20px;
}
#middle .block {
    float: left; margin: 0 20px 15px 0;
    width: 380px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=0, color=#e5e5e5);
    -moz-box-shadow: 0 0 5px #e5e5e5;
    -webkit-box-shadow: 0 0 5px #e5e5e5;
    box-shadow: 0 0 5px #e5e5e5
}
#middle .block .title {
    float: left;
    width: 100%; height: 37px;
    color: #0f83ba;
    font-size: 16px;
    text-align: center;
    line-height: 37px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
#middle .block .item {
    float: left; width: 100%;
    padding: 20px 0; position: relative;
    border-top: 1px solid #fff;
    text-shadow: 0 1px 1px #fff;
    border-bottom: 1px solid #cdcdcd;

    height: 75px;

}
#middle .block .item_wrapper {
    height: 388px;
}
table#main_middle td, table#main_middle td * {
    vertical-align: top;

}
#middle .block.b1 .item:hover {background: #FFEAA4}
#middle .block.b2 .item:hover {background: #caeaf3}
#middle .block.b3 .item:hover {background: #D0F1B2}
#middle .block.b4 .item:hover {background: #FFE0B7}
/* #middle .block .item:hover {background: #caeaf3} */
#middle .block .item .w65 {float: left; width: 65px; margin: 0 25px}
#middle .block .item .w65 img {border: 1px solid #f9d763}
#middle .block .item .w65 a {margin-top: 7px; width: 65px}
#middle .block .item .w65 a:hover {text-decoration: none}
#middle .block .item .kat {float: left; margin-bottom: 2px; width: 260px}
#middle .block .item .name {
    width: 250px; line-height: 17px;
    float: left; color: #0f83ba;
    font-size: 18px; margin-bottom: 5px
}
#middle .block .item .rating {
    width: 150px; padding-left: 20px;
    float: left; color: #d21212;
    font-size: 12px; height: 17px;
    line-height: 17px; margin-bottom: 9px;
    background: url("../images/rating.png") no-repeat
}
#middle .block .item .info {
    float: left;
    width: 245px;
    /*height: 26px;*/
    /*min-height: 26px;*/
    line-height: 13px;
    font-size: 12px
}
#middle .block .item  .w65 .download {
    float: left; color: #7c898f;
    padding-left: 30px; height: 21px;
    line-height: 21px; margin: 10px 0 0 20px;
    background: url("../images/download.png") 0 -21px no-repeat
}
#middle .block .all {
    position: relative;
    float: left; margin-top: -1px;
    width: 100%; height: 35px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}
#middle .block .all a {
    color: #0f83ba;
    font-size: 16px;
    line-height: 35px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff
}
#middle .block.b1 .title {
    border-bottom: 1px solid #cc9f09;
    background: url("../images/sprite.png") repeat-x
}
#middle .block.b1 .all {
    border-top: 1px solid #cc9f09;
    background: url("../images/sprite.png") 0 -37px repeat-x
}
#middle .block.b2 .title {
    border-bottom: 1px solid #79b2c9;
    background: url("../images/sprite.png") 0 -72px repeat-x
}
#middle .block.b2 .item {padding: 20px 0}
#middle .block.b2 .all {
    border-top: 1px solid #79b2c9;
    background: url("../images/sprite.png") 0 -109px repeat-x
}
#middle .block.b3 {margin-bottom: 0}
#middle .block.b4 {margin-bottom: 0}
#middle .block.b3 .title {
    border-bottom: 1px solid #8bd747;
    background: url("../images/sprite.png") 0 -144px repeat-x
}
#middle .block.b3 .all {
    border-top: 1px solid #8bd747;
    background: url("../images/sprite.png") 0 -181px repeat-x
}
#middle .block.b4 .title {
    border-bottom: 1px solid #d39646;
    background: url("../images/sprite.png") 0 -216px repeat-x
}
#middle .block.b4 .all {
    border-top: 1px solid #d39646;
    background: url("../images/sprite.png") 0 -253px repeat-x
}
/*Right*/
#wrapper #right {float: left; width: 260px}
#right .block {
    border: 1px solid #e1e1e1;
    float: left; width: 258px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=0, color=#e5e5e5);
    -moz-box-shadow: 0 0 5px #e5e5e5;
    -webkit-box-shadow: 0 0 5px #e5e5e5;
    box-shadow: 0 0 5px #e5e5e5
}
#right .block.b1 .title {background: #fdf0c6; border: 1px solid #f9d763}
#right .block.b1 .item {border-bottom: 1px solid #f9d763}
#right .block.b1 .item:hover {background: #fdf0c6}
#right .block.b2, #right .block.b3 {margin-bottom: 20px; position: relative; }
#right .block.b2 .title {background: #caeaf3; border: 1px solid #94d6eb}
#right .block.b2 .item {border-bottom: 1px solid #94d6eb}
#right .block.b2 .item:hover {background: #caeaf3}
#right .block.b3 .title {background: #b7f9a0; border: 1px solid #4fe153}
#right .block.b3 .item {border-bottom: 1px solid #99f49c}
#right .block.b3 .item:hover {background: #d2fbc4}
#right .block .title {
    float: left; color: #0f83ba;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
    margin: -1px -1px 10px -1px;
    width: 100%; height: 36px;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
#right .block .item {
    float: left; width: 100%;
    padding: 7px 0; position: relative;
    border-top: 1px solid #fff
}
#right .block .item .img {
    float: left; width: 63px; height: 63px;
    border: 1px solid #f9d763; margin: 0 20px 0 10px
}
#right .block .item .img_none {
    float: left; width: 20px; height: 63px;
}
#right .block .item .name {
    width: 170px; line-height: 14px;
    float: left; color: #0f83ba;
    font-size: 14px; margin: -2px 0 1px -10px
}
#right .block .item p {
    width: 150px; line-height: 18px;
    float: left; color: #d21212;
    font-size: 12px;
}
#right .block .item p.rating_position {
    bottom: 15px;
    left: 85px;
    position: absolute;
}
#right .block .item .download {
    float: left; color: #7c898f;
    padding-left: 30px; height: 21px;
    line-height: 21px; margin-top: 7px;
    background: url("../images/download.png") no-repeat
}
.dalee {
    float: left; color: #000;
    font-style: italic;
    text-align: center;
    text-shadow: 0 1px 1px #ffe99e;
    height: 19px; width: 60px;
    line-height: 20px; margin-top: 10px;
    background: url("../images/dalee.png") repeat-x;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -moz-box-shadow: inset 0 -1px 1px #cea313;
    -webkit-box-shadow: inset 0 -1px 1px #cea313;
    box-shadow: inset 0 -1px 1px #cea313;
}
#right .block .item .download {position: absolute; bottom: 7px; left: 95px}
#right .block .item .download_no_image{ left: 20px; }
#right .block .item .dalee {position: absolute; bottom: 7px; left: 95px}
#right .block.b3 .item .dalee {position: absolute; bottom: 7px; left: 130px}
#right .block .item .dalee:hover {text-decoration: none}
#right .block .item:last-child {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: none}
/*Footer*/
#footer {float: left; width: 100%}
.footer_top {float: left; width: 100%}
.footer_top .center {width: 1292px; height: 110px; padding: 0 25px}
.footer_top p {float: left; color: #fff; font-size: 13px; text-shadow: 0px 1px 1px #000; width: 1080px; margin: 38px -25px 0 40px}
#footer .menu_fon {
    width: 100%; height: 65px; float: left;
    border-top: 2px solid #ffac00;
    border-bottom: 2px solid #ffac00;
    background: url("../images/menu_fon.png") center
}
#footer .menu_fon .center {width: 1342px}
#footer .menu {float: left; margin: 14px 0}
#footer .hr {float: left; height: 65px; margin: 0 45px}
#footer .footer_bot {float: left; height: 80px; width: 100%}
.footer_bot .center {width: 1282px; color: #fff}
.footer_bot .center p {float: left; line-height: 80px; width: 500px}
.footer_bot .soc {margin: 22px 0 -2px}
/*-----------------------Anonsi----------------------*/
#wrapper .text_line.text_line2 {
    margin: -20px -20px 20px;
    border-bottom: 1px solid #6c9061;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
#wrapper .text_line.text_line2 div {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
#middle .block2 {
    float: left; margin: 0 20px 20px 0;
    width: 780px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=0, color=#e5e5e5);
    -moz-box-shadow: 0 0 5px #e5e5e5;
    -webkit-box-shadow: 0 0 5px #e5e5e5;
    box-shadow: 0 0 5px #e5e5e5
}
.block2 .title {
    float: left; padding: 0 30px;
    width: 720px; height: 36px;
    color: #0f83ba;
    font-size: 16px;
    line-height: 37px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    border-bottom: 1px solid #cc9f09;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: url("../images/sprite.png");
}
.block2 .title p {float: left; max-width: 460px}
.block2 .title form {
    float: right; width: 240px;
    box-shadow: inset 0 1px 2px #9a9a9a;
    background: #fff; height: 26px;
    margin-top: 5px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}
.block2 .title form input[type=text] {
    float: left; border: none;
    height: 22px; margin: 2px 25px;
    width: 160px; color: #0f83ba;
}
.block2 .title form input[type=submit] {
    float: left; border: none;
    height: 23px; width: 23px;
    margin: 1px 0; cursor: pointer;
    background: url("../images/ico_search.png") center no-repeat
}
.block2 .item {
    position: relative;
    float: left; width: 778px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 30px 0; position: relative;
    background: #f3f3f3 url("../images/block2.png") left bottom repeat-x
}
.block2 .item .sh {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 8px;
    background: url("../images/block2_sh.png") center no-repeat
}
.block2 .item .img {
    float: left; width: 98px; height: 98px;
    border: 1px solid #f9d763; margin: 0 20px 0 30px
}
.block2 .item .name {
    width: 580px; line-height: 16px;
    float: left; color: #0f83ba;
    font-size: 18px
}
.block2 .item .rating {
    width: 550px; padding-left: 20px;
    float: left; color: #d21212;
    font-size: 12px; height: 17px;
    line-height: 17px; margin: 5px 0;
    background: url("../images/rating.png") no-repeat;
}
.block2 .item .info {
    width: 600px; line-height: 14px;
    float: left; font-size: 13px;
    word-wrap: break-word;
}
.block2 .dalee {width: 80px} .block2 .dalee:hover {text-decoration: none}
.block2 .item:last-child {border-bottom-left-radius: 10px; border-bottom: 1px solid #e5e5e5; border-bottom-right-radius: 10px; border-bottom: none}
.block2.b1 .item:first-child {border-top-left-radius: 10px; border-top: 1px solid #e5e5e5; border-top-right-radius: 10px; border-bottom: none}
.block2 .item:first-child .sh {display: none}
.pagening {
    float: left; position: relative;
    width: 500px; height: 90px;
    margin: 20px 140px;
    background: #fffdee;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}
.pagening .prev {
    position: absolute;
    top: 50%; left: -54px; margin-top: -18px;
    width: 107px; height: 37px;
    background: url("../images/pagening.png") no-repeat;
    z-index: 1
}
.pagening .prev .p1 {
    position: absolute;
    top: 0; right: 5px;
    width: 48px; height: 37px
}
.pagening .prev .p2 {
    position: absolute;
    top: 0; left: 0;
    width: 53px; height: 37px
}
.pagening .next {
    position: absolute;
    top: 50%; right: -59px; margin-top: -18px;
    width: 107px; height: 37px;
    background: url("../images/pagening.png") 0 -38px no-repeat;
    z-index: 1
}
.pagening .next .n1 {
    position: absolute;
    top: 0; left: 0;
    width: 48px; height: 37px
}
.pagening .next .n2 {
    position: absolute;
    top: 0; right: 5px;
    width: 53px; height: 37px;
}
.pagening p {
    float: left; margin: 27px 0;
    width: 100%; text-align: center
}
.pagening p a {
    color: #404040;
    display: inline-block;
    width: 35px; height: 35px;
    border: 1px solid #fffdee;
    font-size: 16px;
    line-height: 35px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.pagening p a.active {color: #d21212;text-shadow: 0 1px 1px #fff; background: #ffe07a; border-color: #d21212}
.pagening p a:hover {
    color: #0f83ba;
    text-decoration: none;
    text-shadow: 0 1px 1px #fff;
    background: #f3f3f3;
    border-color: #b1b1b1
}
/*--------------------Kategorii------------------------*/
.tabs {float: left; width: 100%}
.tabs .tab{float: left; width: 250px; cursor: pointer}
.tabs .top {
    float: left; width: 250px; height: 18px;
    background: url("../images/block_top.png") repeat-x;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #fff
}

.kat  .ico {
    float: left;
    /*margin: auto;*/
    margin-left: 5px;
    margin-right: 9px;
}
.kat  .ico.t1 {
    background-image: url("../images/icons/win.png");
    width: 25px;
    height: 30px;
    margin-top: 11px;
}
.kat  .ico.t2 {
    background-image: url("../images/icons/apple.png");
    width: 25px;
    height: 32px;
    margin-top: 10px;
}
.kat  .ico.t3 {
    background-image: url("../images/icons/android.png");
     width: 25px;
     height: 27px;
     margin-top: 12.5px;
}

.tabs .tab.t2 {margin: 0 15px}
.tabs .tab.t2 .top {background-position: 0 -18px}
.tabs .tab.t3 .top {background-position: 0 -36px}
.tabs .tab.t2 .bot p {background-image: url("../images/icons/apple.png")}
.tabs .tab.t3 .bot p {background-image: url("../images/icons/android.png"); padding-left: 50px}
.tabs .tab .bot {
    text-align: center;
    background: #f3f3f3 url("../images/tab.png") bottom repeat-x; float: left;
    width: 248px; height: 55px;
    border-right: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9
}
.tabs .tab:hover .bot {background-position: top}
.tabs .tab.active .bot {
    position: relative;
    background-image: none;
    height: 56px; margin-bottom: -1px;
    border-right: 1px solid #ffc400;
    border-left: 1px solid #ffc400;
    z-index: 1
}
.tabs .tab .bot p {
    color: #939393; display: inline-block;
    font-size: 16px; font-weight: bold;
    padding-left: 40px; height: 55px;
    line-height: 55px; text-shadow: 0 1px 1px #fff;
    background: url("../images/icons/win.png") left center no-repeat
}
.tabs .tab:hover .bot p {color: #0f83ba}
.tabs .tab.active .bot p {color: #0f83ba}
.tab_body {
    float: left; width: 728px;
    background: #f3f3f3; margin-bottom: 20px;
    padding: 25px; border: 1px solid #ffc400;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}
.heading {
    float: left; width: 100%;
    position: relative;
    border-top: 1px solid #d2d2d2;
    border-bottom: 2px solid #fff;
    margin: 11px 0
}
.heading p {
    position: absolute;
    top: -11px; left: 0;
    padding-right: 10px;
    color: #0f83ba;
    line-height: 18px;
    font-size: 18px;
    font-weight: bold;
    background: #f3f3f3
}
.tab_body .buttons {float: left; margin: 15px -20px 15px 0}
.tab_body a {
    font-family: Ubuntu-R;
    float: left; margin: 15px 20px 15px 0;
    width: 165px; height: 70px;
    line-height: 70px;
    box-shadow: 0 1px 1px #fff;
    color: #343536; font-size: 15px;
    background: url("../images/tab_body_but.png");
    border: 1px solid #c3c2c1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.tab_body a.two {line-height: 18px; padding-top: 17px; height: 53px}
.tab_body a.two span {margin-top: -17px}
.tab_body a span {
    float: left;
    width: 62px; height: 70px;
    background: url("../images/icons/ico1.png") center no-repeat
}
a.but_kat span.i1  {background-image: url("../images/icons/ico1.png")}
a.but_kat span.i2  {background-image: url("../images/icons/ico2.png")}
a.but_kat span.i3  {background-image: url("../images/icons/ico3.png")}
a.but_kat span.i4  {background-image: url("../images/icons/ico4.png")}
a.but_kat span.i5  {background-image: url("../images/icons/ico5.png")}
a.but_kat span.i6  {background-image: url("../images/icons/ico6.png")}
a.but_kat span.i7  {background-image: url("../images/icons/ico7.png")}
a.but_kat span.i8  {background-image: url("../images/icons/ico8.png")}
a.but_kat span.i9  {background-image: url("../images/icons/ico9.png")}
a.but_kat span.i10 {background-image: url("../images/icons/ico10.png")}
a.but_kat span.i11 {background-image: url("../images/icons/ico11.png")}
a.but_kat span.i12 {background-image: url("../images/icons/ico12.png")}

a span.i1  {background-image: url("../images/icons/ico1.png")}
a span.i2  {background-image: url("../images/icons/ico2.png")}
a span.i3  {background-image: url("../images/icons/ico3.png")}
a span.i4  {background-image: url("../images/icons/ico4.png")}
a span.i5  {background-image: url("../images/icons/ico5.png")}
a span.i6  {background-image: url("../images/icons/ico6.png")}
a span.i7  {background-image: url("../images/icons/ico7.png")}
a span.i8  {background-image: url("../images/icons/ico8.png")}
a span.i9  {background-image: url("../images/icons/ico9.png")}
a span.i10 {background-image: url("../images/icons/ico10.png")}
a span.i11 {background-image: url("../images/icons/ico11.png")}
a span.i12 {background-image: url("../images/icons/ico12.png")}

.tab_body a:hover {
    color: #1a7cb1;
    text-decoration: none;
    background-position: bottom;
    border-color: #4eadda;
    box-shadow: inset 0 1px 3px #c7c7c7
}

.block3 {    
    position: relative;
    float: left; padding: 25px;
    width: 728px; border: 1px solid #ffc400;
    background: #f3f3f3;
    margin-bottom: 25px;
    border-radius: 10px
}
.block3 ol {
    padding: 15px 20px 0 0;
    list-style-position: inside;
}
.block3 ol li {
    padding: 5px 0px;
}
.block3 ul {
    /* float: left;
    width: 162px; */
    padding: 15px 20px 0 0;
    list-style: none
}
.block3 ul li {float: left; width: 100%; padding: 5px 0 5px 20px; background: url("../images/li2.png") left 14px no-repeat}
.block3 ul li a{
    font-family: Ubuntu-R;
    float: left;
    font-size: 16px; color: #343536
}
.block3 ul li a:hover {color: #0c69c6}
.text {
    color: #343536;
    float: left; width: 770px;
    font-size: 16px;
    font-family: Ubuntu-R
}
/*----------------Spisok-igr----------------*/
.block3 .top {
    float: left; margin: -26px -26px 0 -26px;
    width: 780px; height: 18px;
    background: url("../images/block_top.png") repeat-x;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
a.but_kat {
    font-family: Ubuntu-R;
    float: left; margin: 7px 0 5px;
    min-width: 165px; height: 50px;
    line-height: 50px; padding-right: 10px;
    box-shadow: 0 1px 1px #fff;
    color: #343536; font-size: 15px;
    background: url("../images/tab_body_but.png");
    border: 1px solid #c3c2c1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}
.arr_r {
    float: left; margin: 7px 15px;
    width: 21px; height: 50px;
    background: url("../images/arr_r.png") center no-repeat
}
a.but_kat.hover:hover {
    color: #1a7cb1;
    text-decoration: none;
    background-position: bottom;
    border-color: #4eadda;
    box-shadow: inset 0 1px 3px #c7c7c7
}
a.but_kat.hovered {
    /*color: #1a7cb1;*/
    text-decoration: none;
    background-position: bottom;
    border-color: #4eadda;
    box-shadow: inset 0 1px 3px #c7c7c7
}
a.but_kat span {
    float: left;
    width: 60px; height: 50px;
    background: url("../images/icons/ico1.png") center no-repeat
}
a.but_kat.kat {
    font-size: 14px;
    padding-right: 15px;
    font-family: Ubuntu;
    font-weight: bold;
    color: #1a7cb1;
    text-shadow: 0 1px 1px #fff;

    position: absolute;
    z-index: 1500;
}
ul#main_cats li.active {
    display: block !important;
    position: static;
}

ul#main_cats{
    text-decoration: none;
    list-style-type: none;
    z-index: 2000;
    position: relative;
    height: 1px;
    width: 185px;
    float: left;
    padding: 0;
    display: inline-block;;
}
ul#main_cats li
{
    height: 52px;
    background-image: none;
    padding: 0;
}

ul#main_cats li {
display: none;
}
ul#main_cats:hover li{
    display: block;

}
ul#main_cats:hover {
    height: 1px;
}


/*ul#main_cats:hover li a.but_kat.kat.i2 {
    display: block;
    /*position: absolute;*/
    /*margin-top: 0px;*/
}
ul#main_cats:hover li a.but_kat.kat.i3 {
    display: block;
    /*position: absolute;*/
    /*margin-top: 52px;*/
} */


a.but_kat span.ico {background: url("../images/icons/win.png") center no-repeat}
.block3 .list {float: left; margin: 8px 0 -5px}
.block3 .hr2 {
    float: left; width: 100%;
    margin: 10px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #fff;
}
.block3 .item {float: left; text-shadow: 0 1px 1px #fff; width: 229px; margin-top: 12px}
.block3 .vr {
    float: left; height: 120px;
    margin: 0 9px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #fff;
}
.block3 .item .w65 {float: left; position: relative; width: 65px; margin-right: 10px}
.ind {
    margin-left: 24px;
}
.block3 .item .w65 img {border: 1px solid #f9d763}
.block3 .item .w65 p {
    width: 100%; line-height: 14px;
    color: #0f83ba; font-weight: bold;
    float: left; margin: 2px 0 -5px;
    font-size: 12px; text-align: center;
}
.block3 .item .w65 a {margin-top: 7px; width: 65px}
.block3 .item .w65 a:hover {text-decoration: none}
.block3 .item .name {
    width: 153px; line-height: 14px;
    float: left; color: #0f83ba;
    font-size: 14px; margin-bottom: 4px
}
.block3 .item .name:hover {color: #d21212}
.block3 .item .rating {
    width: 133px; padding-left: 20px;
    float: left; color: #d21212;
    font-size: 12px; height: 17px;
    line-height: 17px; margin-bottom: 4px;
    background: url("../images/rating.png") no-repeat
}
.block3 .item .info {float: left; max-width: 153px; line-height: 13px; font-size: 12px}
.block3 .item  .w65 .download {
    float: left; color: #7c898f;
    padding-left: 30px; height: 21px;
    line-height: 21px; margin: 10px 0 0 20px;
    background: url("../images/download.png") 0 -21px no-repeat
}
.cup {
   position: absolute; border: none;
   top: -5px; right: -5px;
   width: 28px; height: 28px;
   background: url("../images/cup.png") center no-repeat
}
.refresh {float: left; text-align: center; margin: 10px 0; width: 100%}
.block3 .search {
    float: right; margin: 3px 0 5px;
    width: 180px; height: 25px;
    border: 1px solid #b2b1ae;
    box-shadow: inset 0 1px 1px #fff;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}
.block3 .search input[type=text] {
    color: #8c8c8c;
    font-size: 14px;
    font-family: Ubuntu-R;
    float: left; border: none;
    width: 132px; height: 23px;
    padding-right: 10px;
    margin: 1px 0 0 10px;
    background: none
}
.block3 .search input[type=submit] {
    float: left; border: none;
    width: 23px; height: 23px;
    margin: 1px 0; cursor: pointer;
    background: url("../images/search2.png") center no-repeat
}
.block3 .search:hover {background: #fff}
.block3 .select p {
    float: left; line-height: 25px;
    width: 90%; height: 25px;
    color: #0f83ba; padding-left: 10px;
    font-family: Ubuntu-R
}
.block3 .select{
    cursor: pointer;
    float: right; position: relative;
    width: 180px; height: 25px;
    border: 1px solid #b2b1ae;
    box-shadow: 0 1px 1px #fff;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: url("../images/select.png") right top no-repeat;
}
.block3 .select:hover {
    background-position: right -25px;
}
.block3 .select:active {
    background-position: right -50px;
}
.block3 .select select {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 27px;
    filter: alpha(opacity: 0);
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}
.block3 .select option {color: #0f83ba}
.block3 .select option:hover {color: #d21212}

.block3 .select .direction {
    position: absolute;
    right: 26px;
    top: 0px;
    z-index: 1500;
    width: 25px;
    height: 25px;

    background: url("../images/sort.png") 0px 0px no-repeat;
}
.block3 .select .direction:hover {
    background-position: 0px -25px;
}
.block3 .select .direction.asc {
    background-position: 0px -50px;
}
.block3 .select .direction.asc:hover {
    background-position: 0px -75px;
}
.block3 .select .direction.desc {
    background-position: 0px -100px;
}
.block3 .select .direction.desc:hover {
    background-position: 0px -125px;
}
/*.block3 .select .dropdown {
    position: absolute;
    right: 0px;
    width: 26px;
    height: 25px;
    z-index: 1500;

    -moz-border-radius: 0 12px 12px 0;
    -webkit-border-radius: 0 12px 12px 0;
    border-radius: 0 12px 12px 0;

    background: url("../images/select_new.png") -27px 0px no-repeat;
}

.block3 .select .dropdown.pressed {
    background-position: -27px -25px;
}*/
/*-------------------Li4nii kabinet------------------------*/
.h400 {height: 398px}
.block3 .layer {background: #f3f3f3}
.block3 .layer1 {
    position: absolute;
    top: 29px; left: 21px;
    width: 734px; height: 398px;
    z-index: 2;
}
.block3 .layer2 {
    position: absolute;
    top: 29px; left: 21px;
    width: 734px; height: 398px;
    z-index: 1;
}
.block3 .layer .heading {margin-bottom: 30px}
.layer .mumber {
    float: left; width: 324px; height: 55px;
    padding-left: 45px;
    background: url("../images/lk_ico.png") left center no-repeat;
    border-right: 1px solid #d2d2d2
}
.layer .mumber p {
    font-size: 20px;
    padding-top: 4px;
    font-weight: bold;
    color: #0f83ba
}
.layer .mumber .stars {color: #d21212; line-height: 16px; font-family: Ubuntu-R; font-size: 12px}
.layer .mumber .stars img {margin-right: 10px}
.layer .edit {
    float: left; width: 100px; height: 55px;
    padding-left: 50px;
    background: url("../images/edit.png") 15px center no-repeat;
    border-left: 1px solid #fff
}
.layer .edit a {
    float: left;
    color: #0f83ba; margin-top: 6px;
    font-family: Ubuntu-R;
    font-size: 16px; line-height: 18px;
    text-decoration: underline
}
.layer .edit a:hover {text-decoration: none}
.layer .exit {
    margin-top: 3px;
    float: right; text-align: center;
    color: #4e4e4e; font-weight: bold;
    font-size: 16px; line-height: 47px;
    width: 137px; height: 47px;
    border: 1px solid #b2b1ae;
    background: url("../images/tab_body_but.png") left -10px repeat-x;
    box-shadow: 0 1px 1px #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.layer .exit:hover {text-decoration: none; background-position: left -80px}
.layer .exit span {
    height: 100%;
    display: inline-block;
    padding-left: 30px;
    background: url("../images/exit.png") left center no-repeat;
}
.layer .avatar {float: left;width: 200px}
.layer .avatar .avatar_img.message img{

}
.layer .avatar .avatar_img.message div {
    position: absolute;
    display: none;
    background: #fff;
    width: 180px;
    left:1px;padding: 10px 0;
    border-top: 1px solid #0f83ba;
    border-bottom: 1px solid #0f83ba;
    height: 50px;
    top: 30%;font-size: 19px; text-align: center;

}
.layer .avatar .avatar_img {
    position: relative;
    width: 180px;
    height: 180px;
    margin-bottom: 10px;
    -moz-box-shadow: 0 0 10px #d8d8d8;
    -webkit-box-shadow: 0 0 10px #d8d8d8;
    box-shadow: 0 0 10px #d8d8d8;
}
.layer .avatar .avatar_img img {
    cursor: pointer;
    border: 1px solid #fff;
}
.layer .avatar p {
    float: left; width: 180px;
    padding-left: 20px;
    line-height: 20px;
    color: #6d6d6d;
    text-shadow: 0 1px 1px #fff;
    font-weight: bold;
}
.layer .avatar p span {float: left; width: 75px; color: #0f83ba}
.layer .comments {
    overflow: auto; overflow-x: hidden;
    float: right; background: #fff;
    width: 530px; height: 295px;
    border: 1px solid #ffc400;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.layer .comments div.last_comm {
    float: left;
    width: 500px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    color: #0f83ba;
    font-weight: bold;
    font-size: 16px;
}
.layer .comments a {
  color: #0f83ba;
}
.layer .comments p {
    font-family: Ubuntu-R;
    color: #6d6d6d;
    float: left; line-height: 28px;
    width: 515px; height: 34px;
    border-top: 1px solid #cbe2f0;
}
.layer .comments p span {
    font-family: 'Ubuntu';
    font-weight: bold;
    float: left;
    line-height: 32px;
    width: 110px;
    padding-left: 15px;
}
.block3 .layer2 .mumber {border: none}
.block3 .layer2 .exit.pass {width: 180px; margin-right: 20px}
.block3 .layer2 .exit.pass_act {width: 180px; border-color: #0f83ba; background-position: 0 -80px; margin-right: 20px}
.block3 .layer2 .exit.pass span {background: url("../images/pass.png") left top no-repeat}
.block3 .layer2 .exit.pass_act span {color: #0f83ba; background: url("../images/pass.png") left bottom no-repeat}
.block3 .layer2 .avatar {width: 180px}
.block3 .layer2 .avatar .replace {
    /* margin-top: -15px; */
    display: block; width: 180px;
    color: #0f83ba; cursor: pointer;
    font-family: Ubuntu-R;
    font-size: 16px;
    text-decoration: underline;
    /* text-align: center; */
}
.block3 .layer2 .avatar .replace:hover {text-decoration: none}
.block3 .layer2 .edit_pass {
    position: absolute;
    float: left; display: none;
    top: 50%; left: 50%;
    width: 280px; height: 280px;
    margin: -115px -140px;
    padding: 20px 0;
    background: #f3f3f3;
    -moz-box-shadow: 0 0 10px #777;
    -webkit-box-shadow: 0 0 10px #777;
    box-shadow: 0 0 10px #777;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 5
}
.block3 .layer2 .edit_pass div {position: relative; margin: 0 25px 10px 25px}
.block3 .layer2 .edit_pass div .good {
    width: 183px; padding-right: 30px; background: #fff url("../images/good.png") 200px center no-repeat}
    .block3 .layer2 .edit_pass div .error {
    width: 182px; padding-right: 31px; background: #fff url("../images/error.png") 198px center no-repeat}
.block3 .layer2 .edit_form {float: right; width: 550px}
.block3 .layer2 .edit_pass .heading {margin: 0 0 10px}
.block3 .layer2 form.edit_pass .buttons input {width: 130px}
.block3 .layer2 form.edit_pass .buttons a {width: 90px; line-height: 30px; font-size: 13px;}
.block3 .layer2 form input[type=text], .block3 .layer2 form input[type=password] {
    color: #4b4b4b;
    font-family: Ubuntu-R;
    font-size: 16px; margin-top: 4px;
    float: left; width: 198px;
    height: 27px; padding: 0 15px 3px;
    border: 1px solid #7cb9d5;
    -mox-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: inset 0 1px 3px #bbb;
    -webkit-box-shadow: inset 0 1px 3px #bbb;
    box-shadow: inset 0 1px 3px #bbb
}
.block3 .layer2 form div {
    color: #0f83ba;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 0 1px 1px #fff;
    float: left; width: 230px;
    margin: 0 20px 15px 20px
}
.block3 .layer2 .edit_form .select {
    border-color: #7cb9d5;
    box-shadow: none;
    float: left; margin: 4px 9px 0;
    width: 100px; height: 30px;
    background: url("../images/select2.png") repeat-x
}
.block3 .layer2 .edit_form .select.select2 {width: 140px; margin: 4px 0}
.block3 .layer2 .edit_form .select select {width: 100px; height: 32px}
.block3 .layer2 .edit_form .select.select2 select {width: 140px}
.block3 .layer2 .edit_form div input.w60 {width: 38px; height: 27px; padding: 0 7px 3px; text-align: center}
.block3 .layer2 .edit_form .select p {
    float: left;
    background: url("../images/select2a.png") right center no-repeat;
    color: #7d7d7d;
    font-family: Ubuntu-R;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
    text-shadow: none;
    width: 70px; height: 24px;
    line-height: 100%;
    padding: 6px 10px 0 10px
}
.block3 .layer2 .edit_form .select.select2 p {width: 110px}
.block3 .layer2 .edit_form .buttons {
    float: left; width: 497px;
    margin-top: 20px
}
.block3 .layer2 form .buttons input {
    color: #fff; font-size: 14px;
    cursor: pointer;
    float: left; border: none;
    width: 270px; height: 34px;
    background: url("../images/edit_but.png") repeat-x;
    -mox-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.block3 .layer2 form .buttons input:hover {background-position: bottom}
.block3 .layer2 form .buttons a {
    float: right; color: #43a6d5;
    text-align: center;
    font-family: ubuntu-R;
    line-height: 26px;
    width: 180px; height: 30px;
    border: 2px solid #43a6d5;
    -mox-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.block3 .layer2 form .buttons a:hover {background: #fff; text-decoration: none}
.block3 p.caption {
    float: left; padding-left: 50px;
    width: 678px; background: red;
    color: #0f83ba; font-weight: bold;
    font-size: 20px; height: 22px;
    line-height: 22px; margin: 11px 0 5px;
    background: url("../images/caption.png") no-repeat
}
.block3 p.caption span {float: right; color: #d21212; font-size: 17px}
.block3 .all {float: left; width: 100%; text-align: center}
.block3 .all a {
    color: #0f83ba;
    text-decoration: underline;
    font-family: Ubuntu-R;
    font-size: 18px
}
.block3 .all a:hover {text-decoration: none}
/*------------------Описание Игры-----------------*/
.choice {float: right;margin-top: 18px}
.passage_game {float: left; width: 100%; padding: 15px 0}
.passage_game .head {float: left; width: 100%}
.passage_game .head .img {float: left; position: relative; border: 1px solid #182841; margin: 0 15px 40px 0}
.passage_game .head .name {
    /*float: left; */
    width: 450px;
    color: #0e81b8;
    font-family: Ubuntu-R;
    font-size: 24px
}
.passage_game .head .rating {
    padding: 0 10px 0 20px;
    width: 235px;
    float: left; color: #d21212;
    font-size: 16px; height: 20px;
    text-shadow: 0 1px 1px #fff;
    line-height: 20px; margin: 5px 0;
    border-right: 1px solid #d2d2d2;
    background: url("../images/rating.png") 0 1px no-repeat
}
.passage_game .head .stars {
    height: 19px; padding-top: 1px;
    float: left; border-left: 1px solid #fff;
    padding-left: 10px; margin: 5px 0
}
.passage_game .head .div {float: left; margin: 20px 0 10px; width: 610px}
.passage_game .head .div .down {
    float: left; width: 190px;
    padding-right: 15px;
    color: #969696;
    font-size: 12px;
    text-align: center
}
.passage_game .head .div .down a {margin: 0 0 5px 0}
.but_load span.ico3 {background-position: 0 bottom}
.holst {
    float: left;
    width: 100%;
    min-height: 580px;
    margin: 15px 0;

    border: 1px solid red;
    height: 580px;
    background: #DFDFDF;

    text-align:center;
}
/*--------------SLIDER-----------------*/
.slider_mini {
    position: relative;
    float: left; margin-bottom: 10px;
    height: 88px; width: 728px
}
.prev_mini {
    position: absolute;
    top: 50%; left: 0;
    margin-top: -16px;
    height: 32px; width: 23px;
    background: url("../images/arrows_mini.png") left top;
     z-index: 5
}
.prev_min {
    position: absolute;
    top: 50%; left: 0;
    margin-top: -16px;
    height: 32px; width: 23px;
     z-index: 6
}
.prev_mini:hover {
    cursor: pointer
}
.next_mini {
    position: absolute;
    top: 50%; right: 0;
    margin-top: -16px;
    height: 32px; width: 23px;
    background: url("../images/arrows_mini.png") right top;
    z-index: 5
}
.next_min {
    display: none;
    position: absolute;
    top: 50%; right: 0;
    margin-top: -16px;
    height: 32px; width: 23px;
    z-index: 6
}
.next_mini:hover {
    cursor: pointer
}
.window_mini {
    margin-left: 53px;
    float: left; position: relative;
    height: 88px; width: 610px;
    overflow: hidden
}
.img_reel_mini {
    position: absolute;
    top: 0; left: 0;
    z-index: 12
}
.img_reel_mini a{
    float: left; position: relative;
    margin: 14px 5px;
    padding: 1px;
    text-decoration: none
}
.img_reel_mini a:hover img {
    border: 2px solid #fff;
    margin: -1px;
    box-shadow: 0 0 6px #bbb
}
/*.img_reel_mini a:hover {margin-top: 8px}*/
.img_reel_mini a.img_top {
    margin-top: 8px;
}
.img_reel_mini a img {
    height: 54px; width: 74px;
    border: 1px solid #828282;
    cursor: pointer;
}
/*--------------SLIDER_end-----------------*/
.passage_game .heading {margin: 0}
.passage_game .upp {
    float: left; width: 100%;
    color: #0e81b8;
    padding: 20px 0 5px;
    font-weight: bold;
    text-transform: uppercase;
}
.passage_game p a {color: #0e81b8; text-decoration: underline}
.passage_game p a:hover {text-decoration: none}
.bot_load {float: left; width: 100%; margin: 20px 0 -20px}
.bot_load p {float: right; color: #626262;margin-top: 9px}
.block3 .button {
    float: left; margin: 15px -10px 15px 30px;
    padding: 0 10px; height: 47px;
    line-height: 47px; box-shadow: 0 1px 1px #fff;
    font-size: 16px;
    font-family: Ubuntu-R;
    border: 1px solid #b2b1ae;
    background: url("../images/tab_body_but.png") left -10px repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.block3 .button:hover {background-position: 0 -60px}
.block3 .button div {
    float: left; height: 100%; width: 24px;
    padding-right: 10px;
    background: url("../images/comment.png") no-repeat
}
#review {display: none}
.block3 .button.review div {
    float: left; height: 100%; width: 24px;
    padding-right: 10px;
    background: url("../images/review.png") no-repeat
}
.block3 .button_act {background-position: 0 -60px; border-color: #4eadda;color: #1478a8}
.block3 .button_act div, .block3 .review.button_act div {background-position: 0 -42px}
.add_review {float: left; display: none; margin: 10px 0}
.add_review .title {
    float: left; width: 718px;
    font-size: 18px;
    padding: 0 30px;
    color: #fff; height: 32px;
    line-height: 30px;
    text-shadow: 0 1px 1px #555;
    font-weight: bold;
    background: #2595ca;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
.add_review .form {float: left; width: 718px; padding: 30px}
.add_review .form input[type=text] {
    float: left; margin-bottom: 30px;
    border: 1px solid #0f83ba;
    padding: 0 20px;
    font-family: arial;
    color: #0f83ba;
    box-shadow: inset 0 2px 2px #b5b5b5;
    width: 350px; height: 36px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.add_review .form .pole {
    float: left; margin-bottom: 30px;
    border: 1px solid #0f83ba;
    padding: 0 20px;
    font-family: arial;
    color: #0f83ba;
    position: relative;
    width: 350px; height: 36px;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.add_review .form .pole .win_list {
    position: absolute; display: none;
    float: left; top: -1px; right: -325px;
    width: 290px; z-index: 2;
    background: #f5f5f5;
    padding: 10px; font-family: 'Ubuntu';
    border: 1px solid #d21212;
    border-radius: 3px;
    box-shadow: 0 0 5px #bbb;
}
.add_review .form .pole .win_list p {
    float: left; margin-bottom: 10px;
    width: 100%;color: #d21212
}
.add_review .form .pole .win_list label {
    display: inline-block; width: 265px;
    cursor: pointer;
    margin-left: 5px; color: #3b3b3b
}
.add_review .form .pole .win_list .ch {
    float: left; width: 100%;margin-bottom: 5px;
}
.add_review .form .pole .win_list .ch input[type=text] {
    float: none; width: 220px; height: 24px;
    padding: 0 5px; box-shadow: inset 0 1px 1px #bbb;
    border-radius: 0; margin: 5px 6px 4px;
    background: #fff;
    border: 1px solid #7b7b7b;
}
.add_review .form .pole .win_list .ch .add {
    float: right; margin-top: 6px;
    width: 22px; height: 22px;
    background: url("../images/win_list.png") bottom no-repeat
}
.add_review .form .pole .win_list .close {
    position: absolute;
    top: 10px; right: 10px;
    cursor: pointer;
    width: 14px; height: 14px;
    background: url("../images/win_list.png") top no-repeat
}
.add_review .form .pole.two {height: 55px}
.add_review .form .pole .rating {
    float: left; padding-left: 20px;
    margin: 10px 0 0 0; height: 17px;
    line-height: 17px;
    font-family: 'Ubuntu';
    font-size: 16px;
    color: #d21212;
    background: url("../images/rating.png") no-repeat
}
.add_review .form .pole .rating img {margin-left: 10px}
.add_review .form .pole .name {
    float: left; margin-top: 9px;
    width: 200px; min-height: 18px;
    color: #0f83ba; border-right: 1px solid #d2d2d2;
    font-family: 'Ubuntu';
    font-size: 16px;
}
.add_review .form .pole .list {
    float: left; margin: 9px -15px 0 0;
    border-left: 1px solid #fff;
}
.add_review .form .pole.two .list {margin-top: 17px}
.add_review .form .pole .list p{
    float: left; height: 18px;
    font-family: 'Ubuntu';
    font-size: 14px; cursor: pointer;
    padding-left: 35px; color: #6a6a6a;
    background: url("../images/list.png") 10px 0 no-repeat;
}
.add_review .form .jay {float: left; width: 100%; margin: -22px 0 10px; font-family: 'Ubuntu'; color: #6a6a6a}
.add_review .form .block3 {margin: 0 -30px; background: #fff; width: 718px; padding: 30px}
.add_review .form textarea {
    float: left; margin-bottom: 30px;
    border: 1px solid #0f83ba;
    padding: 10px 20px;
    font-family: arial;
    color: #0f83ba;
    box-shadow: inset 0 2px 2px #b5b5b5;
    width: 678px; height: 60px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.add_review .form input[type=submit] {
    float: left; margin: 0 20px 0 0;
    border: none;
    font-family: arial;
    color: #fff; cursor: pointer;
    font-size: 15px;
    width: 270px; height: 34px;
    background: url("../images/edit_but.png");
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}
.add_review .form input[type=submit].disable {
    background: #DDDDDD;
}
.add_review .form textarea::-webkit-input-placeholder,
.add_review .form input::-webkit-input-placeholder {
    color: #0f83ba;
}
.add_review .form textarea:-moz-placeholder,
.add_review .form input:-moz-placeholder {
    color: #0f83ba;
}
.add_review .form textarea::-moz-placeholder,
.add_review .form input::-moz-placeholder {
    color: #0f83ba;
}
.add_review .form textarea:-ms-input-placeholder,
.add_review .form input:-ms-input-placeholder {
    color: #0f83ba;
}
.add_review .form .info {float: left; line-height: 17px; width: 300px}
.add_review .form .soc {float: left; margin: -5px 5px}
.add_review .form input[type=submit]:hover {background-position: bottom}
/*------------------Описание Прохождения-----------------*/
.passage {float: left; width: 100%; padding: 15px 0}
.passage .head {float: left; width: 100%}
.passage .head .img {float: left; position: relative; border: 1px solid #8c4920; margin: 0 15px 40px 0}
.passage .head .name {
    float: left; width: 610px;
    color: #0e81b8;
    font-family: Ubuntu-R;
    font-size: 24px
}
.passage .head .rating {
    padding: 0 10px 0 20px;
    float: left; color: #d21212;
    font-size: 16px; height: 20px;
    text-shadow: 0 1px 1px #fff;
    line-height: 20px; margin: 5px 0;
    border-right: 1px solid #d2d2d2;
    background: url("../images/rating.png") 0 1px no-repeat
}
.passage .head .stars {
    height: 19px; padding-top: 1px;
    float: left; border-left: 1px solid #fff;
    padding-left: 10px; margin: 5px 0
}
.passage .head .author {
    float: left; color: #7e7e7e;
    font-size: 16px; width: 610px
}
.passage .head .author a {color: #248fc3}
.passage .head .div {float: left; margin-bottom: 10px; width: 100%}
.but_load {
    float: left; color: #fff;
    height: 37px; line-height: 38px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0 1px 1px #fff;
    padding: 0 20px; margin-right: 15px;
    text-align: center;
    background: url("../images/but_load.png") repeat-x;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}
.passage .head .div .down {
    float: left; width: 190px;
    padding-right: 15px;
    color: #969696;
    font-size: 12px;
    text-align: center
}
.passage .head .div .down a {margin: 0 0 5px 0}
.but_load span {
    display: inline-block;
    padding-left: 40px;
    background: url("../images/but_ico.png") no-repeat
}
.but_load span.ico2 {background-position: 0 -37px}
.but_load:hover {text-decoration: none; background-position: bottom}
.line {
    float: left; width: 100%; height: 1px;
    background: #fff; margin: 15px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 13px solid #fdd141;
}
.passage .info {float: left; width: 100%}
.passage .info p { color: #444; font-family: Ubuntu-R; width: 100%}
.passage .info .head, .passage h1 {
    color: #d21212;
    font-size: 24px;
    clear: both;
}
.passage .info h2 {font-size: 14px; padding: 20px 0; color: #0e81b8; font-weight: bold}
.passage .info img {margin: 10px 0; max-width: 728px;}
.pagenning2 {float: left; margin: 5px 0 -10px; width: 100%; text-align: center}
.pagenning2 .pagination-start {
    width: 28px; height: 20px;
    border: none;
    margin: 13px 5px -13px;
    background: url("../images/page_arrows2.png") top left no-repeat;
    border-radius: 0;
    line-height: 19px;
    text-indent: -9999px;
}
.pagenning2 .pagination-end {
    width: 28px; height: 20px;
    border: none;
    margin: 13px 5px -13px;
    background: url("../images/page_arrows2.png") bottom left no-repeat;
    border-radius: 0;
    line-height: 19px;
    text-indent: -9999px;
}
.pagenning2 .prev, .pagenning2 .next {
    width: 14px; height: 36px;
    border: none;
    margin: 13px 5px -13px;
    background: url("../images/page_arrows.png") center left no-repeat;
    border-radius: 0
}
.pagenning2 .next {background-position: right center}
.pagenning2 a {
    display: inline-block;
    line-height: 34px;
    width: 34px; height: 34px;
    border: 1px solid #f3f3f3;
    color: #404040;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff;
    border-radius: 50%
}
.pagenning2 a:hover {
    color: #0f83ba;
    border-color: #b5b5b5;
    text-decoration: none
}
.pagenning2 a.active {
    color: #d21212;
    text-shadow: 0 1px 1px #fff;
    background: #ffe07a;
    border-color: #d21212
}
.block3.com_block {padding: 0; width: 778px}
.block3.com_block .head {
    margin-left: 40px;
    padding-left: 35px;
    padding-top: 2px;
    float: left; height: 80px;
    line-height: 72px;
    color: #1478a8;
    font-family: Ubuntu-R;
    font-size: 20px;
    background: url("../images/ico_comm.png") center left no-repeat
}
.block3.com_block .comment {
    float: left; background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}
.block3.com_block .comment .post {
    position: relative;
    float: left; padding: 15px 30px;
    font-family: arial;
    margin-bottom: 30px;
    width: 718px; background: #fff6d6;
    border-top: 1px solid #ffc400;
    border-bottom: 1px solid #ffc400
}
.block3.com_block .comment .post .img {
    float: left;
    /* background: #51b0de;
    border: 1px solid #51b0de; */
    width: 70px; height: 70px;
    margin-right: 15px
}
.block3 .comment .name {
    float: left; color: #659bc1;
    font-size: 16px;
    font-weight: bold
}
.block3 .comment .rating {
    width: 630px;
    float: left; color: #d21212;
    font-size: 12px; height: 20px;
    line-height: 20px; margin: 2px 0 8px
}
.block3 .comment .rating img {margin-right: 10px}
.block3 .comment .text {
    float: left;width: 630px;
    color: #605d5d; font-size: 13px;
    line-height: 18px
}
.block3.com_block .comment .post .right {
    position: absolute;
    top: 15px; right: 30px;
    line-height: 16px;
    font-size: 12px
}
.comment .post .right .useful {
    float: left;
    height: 16px;
    color: #1a87bc
}
.comment .post .right .useful a {
    display: inline-block; margin: -1px 0 -4px 2px;
    width: 16px; height: 16px;
    background: url("../images/useful.png") no-repeat
}
.comment .post .right .useful .minus {background-position: 0 -16px}
.comment .post .right .time {
    float: left; color: #d21212;
    padding-left: 20px; height: 16px;
    margin-right: 20px;
    background: url("../images/useful.png") 0 -33px no-repeat
}
.comment .post .read {
    color: #fff;
    font-weight: bold;
    margin: 10px 0 0 88px;
    float: left; padding: 0 30px;
    height: 37px; line-height: 38px;
    background: #47aad9;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.comment .post .read:hover {text-decoration: none}
.com_block .pagenning2 {background: #fff; margin: 0; padding: 0 0 40px}
.com_block .pagenning2 a {border-color: #fff}
.com_block .pagenning2 a:hover {border-color: #b5b5b5}
.com_block .pagenning2 a.active {border-color: #b5b5b5}
.add_comment {float: left; margin: 10px 0}
.add_comment .title {
    float: left; width: 718px;
    font-size: 18px;
    padding: 0 30px;
    color: #fff; height: 32px;
    line-height: 30px;
    text-shadow: 0 1px 1px #555;
    font-weight: bold;
    background: #2595ca;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
.add_comment form {float: left; width: 718px; padding: 30px}
.order_div_act {
  display: none;
  position: absolute;
  width: 425px;
  min-height: 500px;
  background: #F3F3F3;
  margin-left: -200px;
  padding-bottom: 35px;
  top: 40px;
  z-index: 5000;
  border: 1px solid #FFC400;
  border-radius: 10px;
  color: black;
  -webkit-box-shadow: 0px 3px 30px rgba(80, 80, 80, 1);
  -moz-box-shadow: 0px 3px 30px rgba(80, 80, 80, 1);
  box-shadow: 0px 3px 30px rgba(80, 80, 80, 1);
}
.order_div .top{
  float: left;
  width: 100%;
  height: 18px;
  background: url("../images/block_top.png") repeat-x;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.order_div .top .close{
  position: absolute;
  right: 10px;
  top: -16px;
  width: 31px;
  height: 35px;
  cursor: pointer;
  background: url("../images/close-ico.png") center no-repeat;
}
.order_div .bottom{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 425px;
  height: 18px;
  background: url("../images/block_top.png") repeat-x;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.order_div .head1{
  text-align: center;
  color: #2792c5;
  font-weight: normal;
  margin: 10px 0;
  height: 20px;
  padding: 20px 0 10px 0;
}
.order_div .head2{
  text-align: center;
  font-weight: normal;
  border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  background: #fff;
  padding: 15px 0;
  margin-top: 15px;
}
.order_div .message{
  text-align: center;
  display: none;
  font-weight: normal;
  color: #2792c5;
  border-top: 1px solid #FFC400;
  border-bottom: 1px solid #FFC400;
  background: #fff;
  padding: 15px 0;
  margin-top: 15px;
}
.order_div .head3{
  padding: 15px;
  height: 230px;
}
.order_div .head3 p{
  text-align: right;
  color: #2792c5;
}
.order_div .captcha{
  float: left;
  width: 405px;
  height: 35px;
  padding: 15px;
  border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
}
.order_div .captcha .span1{
  float: left;
  height: 30px;
  display: block;
  margin-right: 20px;
}
.order_div .captcha .span2{
  float: left;
  height: 30px;
  display: block;
  margin-right: 10px;
}
.order_div .captcha .span2 img{
  margin-top: 5px;
}
.order_div .captcha .span3{
  float: left;
  height: 30px;
  display: block;
}
.order_div .captcha .span3 input{
  text-align: center;
  width: 80px;
  letter-spacing: 5px;
  font-size: 15px;
  font-weight: bold;
  font-family: arial;
  width: 115px;
  border: 1px solid #FFC400;
  padding: 0 20px;
  color: #0f83ba;
  box-shadow: inset 0 2px 2px #b5b5b5;
  height: 36px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
.order_div .submit_div {
  margin-top: 20px;
  text-align: center;
  float: left;
  width: 100%;
}
.order_div textarea.order {
  float: left; margin-bottom: 30px;
  border: 1px solid #FFC400;
  padding: 10px 20px;
  font-family: arial;
  color: #0f83ba;
  box-shadow: inset 0 2px 2px #b5b5b5;
  width: 350px; height: 60px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
.order_div input[type=text].order {
  float: left; margin-bottom: 30px;
  border: 1px solid #FFC400;
  padding: 0 20px;
  font-family: arial;
  color: #0f83ba;
  box-shadow: inset 0 2px 2px #b5b5b5;
  width: 350px; height: 36px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
.order_div button.order:hover {background-position: bottom}
.order_div button.order {
  border: none;
  font-family: arial;
  color: #fff; cursor: pointer;
  font-size: 15px;
  width: 270px;
  height: 34px;
  line-height: 34px;
  background: url("../images/edit_but.png");
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px
}
.order_div button.order span{
  width: 38px;
  height: 24px;
  position: relative;
  display: inline-block;
  background: url("../images/add-ico.png") left center no-repeat;
  top: 5px;
  position: relative;
}
.add_comment form input[type=text] {
    float: left; margin-bottom: 30px;
    border: 1px solid #0f83ba;
    padding: 0 20px;
    font-family: arial;
    color: #0f83ba;
    box-shadow: inset 0 2px 2px #b5b5b5;
    width: 350px; height: 36px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.add_comment form textarea {
    float: left; margin-bottom: 30px;
    border: 1px solid #0f83ba;
    padding: 10px 20px;
    font-family: arial;
    color: #0f83ba;
    box-shadow: inset 0 2px 2px #b5b5b5;
    width: 678px; height: 60px;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.add_comment form .captcha {
    float: left;
    margin-top: 4px;
    width: 250px;
    height: 50px;
}
.add_comment form .captcha img {
    float: left;
}
.add_comment form .captcha span {
    float: left;
    padding: 0 20px 0 10px;
    height: 30px;
    line-height: 30px;
}
.add_comment form .captcha input {
    margin: 0;
}
.add_comment form .captcha label {
    font-size: 12px;
    display: inline-block;
    margin-top: 10px;
}
#comments_captha {
    text-align: center;
    padding: 0 0 0 5px;
    width: 100px;
    height: 28px;
    border-radius: 0;
    font-size: 19px;
    letter-spacing: 8px;
    background: none;
}
.add_comment form input[type=submit] {
    float: left;
    /* margin: 0 20px 30px; */
    border: none;
    font-family: arial;
    color: #fff; cursor: pointer;
    font-size: 15px;
    width: 270px; height: 34px;
    background: url("../images/edit_but.png");
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}
.add_comment  form textarea::-webkit-input-placeholder,
.add_comment  form input::-webkit-input-placeholder {
    color: #0f83ba;
}
.add_comment  form textarea:-moz-placeholder,
.add_comment  form input:-moz-placeholder {
    color: #0f83ba;
}
.add_comment  form textarea::-moz-placeholder,
.add_comment  form input::-moz-placeholder {
    color: #0f83ba;
}
.add_comment  form textarea:-ms-input-placeholder,
.add_comment  form input:-ms-input-placeholder {
    color: #0f83ba;
}
.add_comment form .soc {float: left; margin: -5px 5px}
.add_comment form input[type=submit]:hover {background-position: bottom}
.soc .ffirst {display: none;}
.comments-user {
  min-height: 25px;
  line-height: 25px;
  padding: 5px;
  border: 1px solid #0f83ba;
  border-radius: 5px;
  margin-bottom: 25px;
}
.comment-ok {
  min-height: 25px;
  line-height: 25px;
  padding: 5px;
  border: 1px solid green;
  border-radius: 5px;
  margin-bottom: 25px;
}
.comment-error {
  min-height: 25px;
  line-height: 25px;
  padding: 5px;
  border: 1px solid red;
  border-radius: 5px;
  margin-bottom: 25px;
}
.addzakl_custom img{
  margin-right: 5px;
}


/* Form base */
.fform {float: left; width: 718px; padding: 30px}
.fform input[type=text],
.fform input[type=password],
.fform input[type=email] {
  border: 1px solid #0f83ba;
  padding: 0 5px;
  font-family: arial;
  color: #0f83ba;
  box-shadow: inset 0 2px 2px #b5b5b5;
  width: 250px;
  height: 28px;
  background: #f5f5f5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
.fform input[type=submit], .fform button[type=submit] {
  float: left; margin: 0 20px 30px;
  border: none;
  font-family: arial;
  color: #fff; cursor: pointer;
  font-size: 15px;
  width: 270px; height: 34px;
  background: url("../images/edit_but.png");
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px
}
/* END Form base */

/* Login form */
.type_loginform h1.title {
  margin-bottom: 25px;
  font-size: 20px;
}
.loginform p.header {
  float: none;
  width: auto;
  height: auto;
  padding: 0;
}
.loginform .fform{
  width: 400px;
  min-height: 100px;
  margin: 0 auto;
  padding: 0;
  float: none;
}
.loginform .fform > p{
  margin: 10px 0;
}
.loginform .fform label > span{
  width: 100px;
  display: inline-block;
}
.loginform .fform input[type=submit], .fform button[type=submit] {
  margin: 0 0 15px 100px;
}
.login-form-auth {
  clear: both;
  border-top: 1px solid #0f83ba;
  padding-top: 10px;
}
.login-form-auth #ul_1{
  margin: 10px 0;
}
/* END Login form */

/* Password recovery form */
.type_password_recovery h1.title {
  margin-bottom: 25px;
  font-size: 20px;
}
.type_password_recovery p.header {
  float: none;
  width: auto;
  height: auto;
  padding: 0;
}
.type_password_recovery .fform{
  width: 400px;
  min-height: 100px;
  margin: 0 auto;
  padding: 0;
  float: none;
}
.type_password_recovery .fform > p{
  margin: 10px 0;
}
.type_password_recovery .fform p > span{
  width: 150px;
  display: inline-block;
}
.type_password_recovery .fform input[type=submit], .fform button[type=submit] {
  margin: 0 0 15px 0px;
}
/* END Password recovery form */


/* Registration form */
.type_registration h1.title {
  margin-bottom: 25px;
  font-size: 20px;
}
.type_registration p.header {
  float: none;
  width: auto;
  height: auto;
  padding: 0;
}
.type_registration .fform{
  width: 520px;
  min-height: 100px;
  margin: 0 auto;
  padding: 0;
  float: none;
}
.type_registration .fform > p{
  margin: 10px 0;
}
.type_registration .fform label > span{
  width: 250px;
  display: inline-block;
  font-size: 12px;
}
.type_registration .fform input[type=submit], .fform button[type=submit] {
  margin: 0 0 15px 100px;
}
.type_registration .form_msg {
  width: 520px;
  margin: 0 auto;
  padding: 5px 10px;
  min-height: 20px;
  line-height: 20px;
  border: 1px solid #0f83ba;
  border-radius: 5px;
}
.type_registration .form_msg .error {
  color: red;
}
.type_registration .form_msg .alert {
}
/* END Registration form */

#middle p {margin: 0 0 10px;}

.dnone{ display: none; }

.other_games_download {
    color: #7c898f;
    padding-left: 30px;
    height: 21px;
    line-height: 21px;
    margin-top: 7px;
    background: url("../images/download.png") no-repeat
}
#middle .comment .right .useful
{
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
.plus_count
{
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
}
#comment .head
{
    margin-left: 20px;
}
#form_comment
{
    position: relative;
}
#popup_login
{
    display: none;
    width: 310px;
    height: 180px;
    position: absolute;
    background: #f3f3f3;
    border: 1px solid #ffc400;
    top: 110px;
    border-radius: 10px 10px 0 0;
}
#popup_login .fform {width: 270px; padding: 20px}
#popup_login .fform input[type=text],
#popup_login .fform input[type=password],
#popup_login .fform input[type=email] {
  border: 1px solid #0f83ba;
  padding: 0 5px;
  font-family: arial;
  color: #0f83ba;
  box-shadow: inset 0 2px 2px #b5b5b5;
  width: 250px;
  height: 28px;
  background: #f5f5f5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
#popup_login .fform input[type=submit], #popup_login .fform button[type=submit] {
  margin: 0 0 30px;
  border: none;
  font-family: arial;
  color: #fff; cursor: pointer;
  font-size: 15px;
  width: 270px; height: 34px;
  background: url("../images/edit_but.png");
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px
}
#popup_login .close_popup
{
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 31px;
    height: 35px;
    background: url('/application/maxsite/templates/playquest/images/close-ico.png');
}