body {
  font-weight: normal; 
  font-size: 11pt;
  font-family: tahoma, arial;
  background-color: #fff;
  color: #c36a29;
}

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

.splash {
  margin: 0px 5px 0px 5px;
}

/* верхняя шапка (меню) */
.top {
  color: #fff;
  padding: 0px;
  background-color: #e6843c;
  background-image: url('/static/mpets/top-bg.gif');
  font-weight: bold;
  text-shadow: 1px 1px 2px #000;
  font-size: 18px;
  border-radius:4px;
  border:2px solid #aa5110;
  margin: 5px;
}

/* кнопка в верхнем меню */
.top_button {
  background-color: #e6843c;
  border-radius:4px;
  margin: 0px 2px 0px 2px;
}

/* название сайта в заголовке */
.top_title {
  font-size: 14pt;
  text-shadow: 2px 2px 2px black;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135);
}



/* меню раскрывающееся по кнопкам */
.menu {
  color: #fff;
  padding: 0px;
  background-color: #b63;
  border-radius:4px;
  border:2px solid #aa5110;
  margin: 5px;
}

.menu_item {
  border-bottom: 1px solid #840;
  text-shadow: 0px 0px 2px black;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135);
}

.menu_item a {
  color: #ff6;
}


/* линия разделитель */
div.line {
  background-color: #002;
  background-image: url('/static/mpets/line.png');
  background-repeat: repeat-x;
  height: 8px;
  display:none;
}


/* сообщение об отправке */
div.sent {
  color: #fff;
  padding: 5px;
  background-color: #e6843c;
  background-image: url('/static/mpets/top-bg.gif');
  font-weight: normal;
  text-shadow: 1px 1px 2px #444;
  font-size: medium;
  border-radius:4px;
  border:2px solid #aa5110;
  margin: 5px;
}

/* блок об обновлении приложения */
div.version_update {
  color: #fff;
  padding: 5px;
  background-color: #e6843c;
  background-image: url('/static/mpets/top-bg.gif');
  font-weight: normal;
  text-shadow: 1px 1px 2px #444;
  font-size: medium;
  border-radius:4px;
  border:2px solid #aa5110;
  margin: 5px;
}

div.version_update a { color: #ff4 }


/* блок ссылок (картинок) на маркеты */
.links {
  color: #fff;
  padding: 5px;
  background-color: #e6843c;
  background-image: url('/static/mpets/top-bg.gif');
  font-weight: normal;
  text-shadow: 1px 1px 2px #444;
  font-size: medium;
  border-radius:4px;
  border:2px solid #aa5110;
  margin: 5px;
}

.buttons {
  background-position-y: bottom;
}


/* блок "поделиться" */
div.share {
  color: #c36a29;
}


/* блок выбора языков */
#language_panel { 
  font-size: 12pt;
  text-align: right;
  margin-bottom: -5px;
}

#language_panel span {
  color: #017801;
}

#language_panel img {
  vertical-align:bottom;
  margin-right:2px;
}

#language_panel span a {
  font-weight: normal;
  color: #017801;
}

#language_panel span.current {
}

#language_panel span.current a {
  font-weight: bold;
  color: #d95;
}


/* поле ввода */
.input {
  border-radius:4px;
  border:2px solid #255e1a;
  font-family: tahoma, arial;
}


/* нижний блок иконок с другими играми */
.games-list {
  padding: 5px;
  color: #fff;
  background-color: #e6843c;
  background-image: url('/static/mpets/top-bg.gif');
  font-weight: bold;
  text-shadow: 1px 1px 2px #000;
  font-size: 18px;
  border-radius:4px;
  border:2px solid #aa5110;
  margin: 5px;
}

.games-list img {
  vertical-align: middle;
}


/* бльшая кнопка/ссылка на маркет */
a.market:focus  {
  background-color: #aa5110;
}

a.market img {
  border-radius:10px;
  border: 1px solid #000;
  border-top: 1px solid #333;
  border-left: 1px solid #222;
}


/* кнопка (управления - сылка или кнопка) */
.btn {
  color: #fff;
  border:1px solid #255e1a;
  border-radius:4px;
  font-weight: bold;
  font-size: medium;
  background-color: #4b9247;
  background: linear-gradient(to top, #33782e, #4b9247, #4b9247, #7bbf8a);
  text-shadow: 1px 1px 2px #000;
}

.policy div {
  font-size: small;
  color: #fff;
  text-shadow: 1px 1px 3px #444;
  font-weight: normal;
  font-size: medium;
}

.policy a {
  color: #ff0;
}

/* кнопка выбора платформы для мобильной версии */
.pns {
  background-color: #4b9247;
  background: linear-gradient(to top, #33782e, #4b9247, #4b9247, #7bbf8a);
  border:1px solid #042;
  border-radius:4px;
  color:#fff;
  text-shadow: 0px 0px 1px black, 0px 0px 1px black, 0px 0px 10px black;
  font-weight: bold;
}

.ps {
  background-color: #a10;
  background: linear-gradient(to top, #510, #810, #a10, #c30);
  border:1px solid #ff8;
  border-radius:4px;
  color: #ff4;
  text-shadow: 0px 0px 1px black, 0px 0px 1px black, 0px 0px 8px black;
  font-weight: bold;
}


#desktop_content {
  color: #def;
}


.text {
}


#tablet_content {
  color: #fff;
  padding: 5px;
  background-color: #e6843c;
  background-image: url('/static/mpets/top-bg.gif');
  font-weight: normal;
  text-shadow: 0x 0px 2px #444;
  border-radius:4px;
  border:2px solid #aa5110;
  margin: 5px;
}

#tablet_content .text {
  text-shadow: 1px 1px 3px #222;
}

#footer1 { margin:0px 5px 0px 5px; }
#footer2 { margin:0px 5px 0px 5px; }

@media (max-width:700px) {
  .btn { font-size:11pt }
}

@media (max-width:480px) {
  .btn { font-size:10pt }
}

@media (max-width:350px) {
  .top_title { display:block; font-size:10pt }
}