* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: .1s ease-in;}
body {background: #e7e7e7; font: 0.8em Verdana, Arial, sans-serif; color: #444;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin: 0; padding: 0;} ul {list-style: none;}
ol {margin: 0 2em;} a {text-decoration: underline; color: #B15300;} a:hover {color: #FD9600;}
img {border: 2px solid #FFDDBF;} img:hover {border: 2px solid #FD9600;}
p {font-size: 1em; line-height: 1.5em; margin: 1em .5em 2em;}
h1,h2,h3 {font-size: 1.5em; font-weight: normal; line-height: 1.2em; padding: .5em .3em; color: #B15300;}
h3 {text-align: center;}
h4 {font-size: 1.1em; font-weight: bold; margin: 0 0.55em; padding: 0; color: #B16900;}
#wrap1 {background: #FFF8DD; border-radius: 12px; box-shadow: 0 2px 10px #9c9c9c; margin: 15px auto; position: relative; width: 1000px;}
#igrat1 {background: none repeat scroll 0 0 #FFE5BF; border-radius: 12px; display: block; padding: 15px; margin-top: 10px; width: 205px; border: 1px solid #FFCB80; text-align: center;}
#igrat {display: block; width: 210px; margin: 0 auto; text-transform: uppercase; padding: 6px 4px; text-align: center; font-weight: bold; border-radius: 12px; color: #fff; text-shadow: 0 1px 1px rgba(85,50,0,.55);}
#igrat:hover {text-decoration: none; background-color: #f29002;}
#wrap2 {padding: 10px;}
#navbar, #navbar li a {background: #FFE5BF;}
#header {color: #FFF; width: 100%; border-radius: 12px 12px 0 0;}
#navbar {margin-top: 1px;}
#navbar ul {margin-bottom: -1px;}
#navbar li {float: left; display: block;}
#navbar a {color: #B18000; padding: 0 19px; margin: 0 1px 1px 0; line-height: 2.7em; display: block; text-decoration: none; font-size: 1.1em;}
#navbar a:hover {background: #FFCB80; color: #B16900;}

#contentWrap {display: table; width: 100%; background: #FFF8DD; padding-bottom: 1em;}
#header, #footer, #igrat {background-color: #fd9600;}
#header {border-bottom: 7px solid #ffe5bf;}

.head {display: table; width: 100%; padding: 10px;}
.logo {display: table-cell; vertical-align: middle;}
.logo img {border: none;}
.head_info {display: table-cell; vertical-align: middle;}
.book {display: table-cell; width: 300px; vertical-align: middle;}

.gamecat {float: right; margin-top: 7px; width: 240px; border-radius: 3px; border: 1px solid #f1c07a; position: relative; background: #fffbeb url('/img/star1.png') no-repeat 7px center; background-size: 22px;}
.gamecat:hover {background-color: #fee5c1;}
.my_games {font-weight: bold; color: #B16900; padding: 8px 15px 8px 36px; line-height: 16px;}
.my_games:hover {cursor: pointer; border-radius: 3px;}
#games_count {cursor: pointer; text-align: center; padding: 4px; background: #fd9600; color: #fff; font-weight: bold; border-radius: 6px; position: absolute; top: 4px; right: 10px; text-shadow: 0 1px 1px rgba(85,50,0,.55);}
#my_favorite {background: #fffbeb; border-radius: 3px; display: none; position: absolute; border: 1px solid #f1c07a; padding: 0; z-index: 5; overflow-y: auto; max-height: 440px;}
.insert {display: block; margin: 0 auto; text-transform: uppercase; padding: 6px 12px; text-align: center; font-weight: bold; border-radius: 12px; color: #b16900; text-shadow: 0 1px 1px rgba(255,255,255,.5); background-color: #ffe5bf;}
.insert:hover {text-decoration: none; color: #c67d13; background-color: #fce2bc;}
.gamelist {width: 100%; display: table;}
.gamelist:hover {background: #fdefd6;}
.gamelist a {display: table-cell; vertical-align: middle; width: 47px; border-bottom: 1px solid #ffe5bf; padding: 2px 5px;}
.gamelist a:nth-child(2n) {text-align: left; width: auto;}
.gamelist a:nth-child(3n) {width: 30px; text-align: center; text-decoration: none; font-weight: bold;}

#mainContent {display: table-cell; padding: 0 5px;}
#mainContent embed {margin: 10px auto; display: table; border-radius: 3px;}
#footer {padding: 10px; border-top: 7px solid #ffe5bf; color: #fff; clear: both; border-radius: 0 0 12px 12px;}
#footer a {color: #fff;}
#footer a:hover {color: #feeacd;}
#footer .floatLeft {position: relative; margin-top: 9px;}
#footer .floatRight {display: inline-block; margin-bottom: 5px;}
.clear {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.count {display: table; margin: 12px 0 0 0; float: right;}
.count div {display: inline-block; float: left; margin-right: 3px;}
.count div img {border: 0;}
#header, #content, #footer {position: relative;}
.sideContent {width: 210px !important; display: table-cell; vertical-align: top;}
.sideContent ul {margin: 1em 0 2em;}
.sideContent li {margin: 8px 2px; display: block;}
.sideContent a {background: #ffe5bf bottom repeat-x; border: 1px solid #FFCB80; color: #B16900; padding: 9px 8px; display: block; text-decoration: none; font-size: 1.1em; border-radius: 3px;}
.sideContent a:hover {background: #FFCB80; border-color: #FD9600;}
#smiles img, .wp-smiley {border: 0 none;}
.wp-pagenavi {clear: both; color: #7a481b; padding: 14px 0 10px 0; font-size: 1.4em; text-align: center;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; border: 1px solid #d0ab75; padding: 4px 8px; margin: 2px; display: inline-block; border-radius: 3px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #b15401;}
.wp-pagenavi span.current {font-weight: bold;}
#game img {border: 4px solid #FD9600; border-radius: 6px;}
#game img:hover {border-color: #ff6d01;}
.main {background: #FFE5BF url('/main.jpg') no-repeat left top !important;}
.main:hover {background: #FD9600 url('/main.jpg') no-repeat left top !important; border-color: #FD9600;}

#menus {text-align: center; width: 210px !important;}
#menus a {background: url('/icons.jpg') no-repeat left top #FFE5BF; padding-left: 56px;}
#menus a:hover {background: url('/icons.jpg') no-repeat left top #FD9600; color: #fff;}

#menus a.onlajn {background-position: 0 -810px;}
#menus a.devochek {background-position: 0 -594px;}
#menus a.malchikov {background-position: 0 -702px;}
#menus a.dvoix {background-position: 0 -414px;}
#menus a.detej {background-position: 0 -630px;}
#menus a.voda {background-position: 0 -378px;}
#menus a.gonki {background-position: 0 0;}
#menus a.vinks {background-position: 0 -182px;}
#menus a.brodilki {background-position: 0 -558px;}
#menus a.odevalki {background-position: 0 -450px;}
#menus a.gotovim {background-position: 0 -522px;}
#menus a.lego {background-position: 0 -738px;}
#menus a.barbi {background-position: 0 -486px;}
#menus a.strelyalki {background-position: 0 -774px;}
#menus a.dzherri {background-position: 0 -37px;}
#menus a.sonik {background-position: 0 -73px;}
#menus a.majnkraft {background-position: 0 -342px;}
#menus a.monster {background-position: 0 -666px;}
#menus a.mario {background-position: 0 -110px;}
#menus a.skubi {background-position: 0 -146px;}
#menus a.pauk {background-position: 0 -218px;}
#menus a.ben {background-position: 0 -306px;}
#menus a.luchshie {background-position: 0 -882px;}
#menus a.tanki {background-position: 0 -919px;}
#menus a.shariki {background-position: 0 -1007px;}

#games a, #g a, #g2 a, #g3 a, #ge a, #games2 a, #games3 a, #games4 a, #ge2 a {float: left; margin: 0; padding: 12px; position: relative; font-size: 1.15em;}
#games i, #g i, #g2 i, #g3 i, #ge i, #ge2 img, #ge3 img, #games2 i, #games2 img, #games3 i, #games4 i {border: 4px solid #ffa03c; height: 108px; width: 108px; display: block; border-radius: 8px; box-shadow: 0 3px 6px rgba(71,35,0,.4);}
#ge2 img, #ge3 img {width: 150px; height: 110px;}
#ge2.canvas div {min-width: 175px; max-width: 175px;}
#games i {background: url('/m.jpg') no-repeat left top;}
#games2 i {background:url('/b.jpg') no-repeat left top;}
#games3 i {background:url('/img/o.jpg') no-repeat left top;}
#games4 i {background:url('/de.jpg') no-repeat left top;}
#g i {background: url('/d.jpg') no-repeat left top;}
#g2 i {background: url('/m1.jpg') no-repeat left top;}
#g3 i {background: url('/m2.jpg') no-repeat left top;}
#ge i {background: url('/be.jpg') no-repeat left top;}
#ge3 {display: table; width: 100%; margin-left: 10px;}
#ge3 div {display: table-cell; vertical-align: top; padding: 10px;}
#ge3 font {font-weight: bold; font-size: 1.1em;}
#ge3 p {padding: 0 0 7px 0; margin: 0;}

.canvas {text-align: center; position: relative;}
.canvas:after {display: block; content: ''; clear: both;}
.canvas div {text-align: center; display: inline-block; min-width: 132px; max-width: 132px; vertical-align: top;}
.canvas div:hover, #ge3 img:hover {filter: opacity(.9);}

.bestgames {padding: 10px 3px; display: block; background-color: #fefbf1; box-shadow: 0 1px 6px rgba(71,35,0,.4); border-radius: 8px; margin: 0 0 10px 6px;}
.bestgames span {font-size: 1.2em; font-weight: bold; display: inline-block; background-color: #fd9600; color: #fff; padding: 4px 10px; border-radius: 8px; text-shadow: 1px 1px rgba(112,57,0,.4); box-shadow: 0 1px 2px rgba(71,35,0,.4); margin: 5px 0;}

.place_yandex {text-align: center; margin: 12px auto; display: block;}
.place_google {text-align: center; margin: 18px auto; display: block;}

.sright {text-align: right; margin: 5px 0; font-weight: bold;}

.submenu {clear: both; display: table; text-align: center; margin: 14px auto 3px; font-size: 1.2em; border-radius: 5px; padding: 5px 12px; background: #ffdaa4; line-height: 1.4em;}
.submenu img {border-radius: 50%; margin: 0 10px -24px 0; border: 2px solid #fd9600;}
.submenu font {font-weight: bold;}

@media screen and (max-width: 720px) {

#wrap1 {margin: 5px auto; width: 100%;}
#wrap2 {padding: 5px;}

.head {padding: 5px;}
.logo {display: block; text-align: center;}
.gamecat {display: none; visibility: hidden;}
.insert {display: none; visibility: hidden;}
.head_info {display: none; visibility: hidden;}
.book {display: none; visibility: hidden;}

#contentWrap, #mainContent, .sideContent {display: block;}
.floatLeft {float: none;}
.sideContent {width: 100% !important;}
.sideContent ul {margin: 0;}
.sideContent li {margin: 3px; display: inline-block;}
#menus {width: 100% !important;}
#menus ul {text-align: center;}
#menus li {display: inline-block; vertical-align: top;}
#menus li span {visibility: hidden; display: none;}
#menus a {height: 38px; width: 48px; padding-left: 26px;}
#menus a.main, #menus a.onlajn {padding-left: 55px; width: 160px;}

#mainContent embed {width: 95%; height: auto; min-height: 350px;}

.soc {display: none; visibility: hidden;}
.place_yandex {display: none; visibility: hidden;}
.place_google {display: none; visibility: hidden;}
.sright {text-align: center;}

#ge3 {display: block; margin-left: 0; text-align: center;}
#ge3 div {display: block; padding: 5px;}
#ge3 img {display: inline-block;}

.bestgames {margin: 0 0 10px 0;}

#footer .floatLeft {display: none; visibility: hidden;}
.count {float: none;}

}