/*========== если браузер не понимает тэги HTML5 ==========*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

header:before,
header:after { content: ""; display: table; }/*clearfix http: //nicolasgallagher.com/micro-clearfix-hack/ */
header:after { clear: both; }
header		 { zoom: 1; }					/*for IE 6/7*/


img {
  -moz-user-select: none;					/*запрет выделения картинки (ссылку вокруг картинки надо бы тоже, но она может перестать кликаться) */
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*pointer-events: none; */				/*убрать из меню пункта "Сохранить изображение как...", но при этом картинка перестанет реагировать на onClick */
  }

/*========== устанавливаем общие стили тэгов ==========*/
[hidden] { display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a			{ color: #00e; }
a:visited	{ color: #551a8b; }
a:hover		{ color: #06e; }
/*a:focus	{ outline: thin dotted; }*/		/*make dotted borders arround pressed hrefs */
a:focus		{ outline: none; }				/*delete dotted borders arround pressed hrefs */
a:hover,
a:active	{ outline: 0; }

b, strong	{ font-weight: bold; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

small		{ font-size: 85%; }

sub, sup	{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup			{ top: -0.5em; }
sub			{ bottom: -0.25em; }

ul, ol		{ margin: 1em 0; padding: 0; }

dd			{ margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img			{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

form		{ margin: 0; }

label		{ cursor: pointer; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea	{ overflow: auto; vertical-align: top; resize: vertical; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

table		{ border-collapse: collapse; border-spacing: 0; }
td			{ vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }