/* vim: set syntax=css foldmethod=marker: */

body {
	font-family: Arial, Helvetica;
	font-style: normal;
	font-variant: normal;
	font-stretch: normal;
	font-weight: normal;
	font-size: 14pt;
	margin: 1em;
}

*:link {text-decoration: underline;}
*:visited {text-decoration: underline;}

h1 {text-align: center; font-size: 24pt; font-weight: bold;
	counter-reset: sect2 1 sect3 1;}
h2, h3, h4, h5, h6 {margin-top: 2em;}

h2 {font-size: 20pt; font-weight: bold;}
/* h2:before {content: counter(sect2, upper-roman) ". "; 
	counter-increment: sect2; counter-reset: sect3;} */
h3 {font-size: 16pt; font-weight: bold;}
/* h3:before {content: counter(sect2) "." counter(sect3) ". "; 
	counter-increment: sect3;} */
h4 {font-size: 14pt; font-weight: bold;}
h5, h6 {font-size: 14pt; font-weight: normal;}

strong {font-variant: small-caps; font-stretch: expanded; }
em {font-style: oblique;}

q {quotes: "\00ab" "\00bb" "\201e" "\201d";}

dd {padding-bottom: 0.3em;}
li {padding-bottom: 0.3em;}
dt  {font-weight: bold;}

img {border: 0; }

/* p.para {text-align: justify; max-width: 80em;} */
p {text-align: justify; max-width: 80em; text-indent: 2em; 
	margin-bottom: 0.5em; margin-top: 0.5em;}
p + p {text-indent: 2em; margin-top: 0;}

div.figure {margin: 0.5em; padding: 0.5em; border 0;}
div.figure p {text-align: center; text-indent: 0;
	font-style: oblique; font-size: 11pt;}

p.float, p[float] {float: right; max-width: 35%; padding: 1em; margin: 1em;
	border: 1px solid black; font-size: 11pt;}

/* p.note:before, p[role="note"]:before {content: "Примечание: ";} */
p.note, p[role="note"] {border: 1px solid black; padding: 1em;}
		
/* p.warning:before, p[role="warning"]:before {content: "Внимание! ";} */
p.warning, p[role="warning"] {border: 1px solid black; 
	font-variant: small-caps; padding: 1em;}
	
/* p.tip:before, p[role="tip"]:before {content: "Совет: ";} */
p.tip, p[role="tip"] {border: 1px solid black; padding: 1em;}

p.footnote, p[role="footnote"], div.footnote, div[role="footnote"] {
	padding: 1em; margin: 1em;
	border: 1px solid black;
	border-top: 1; border-bottom: 0; border-left: 0; border-right: 0;
	}

div.footer {
	margin-top: 3em;
	}

div.title {
	margin-bottom: 5em;
	}

span.blank:before {content: "  (";}
span.blank:after {content: ")  ";}
span.blank {font-style: italic; text-decoration: underline; font-size: 11pt;}

p.comment:before {content: "Комментарий: ";}
p.comment {font-style: italic; font-size: 11pt;}

div.new:before, p.new:before, span.new:after,
ul li.new:after, ol li.new:after, dl dt.new:after, dl dd.new:before,
h1.new:after, h2.new:after, h3.new:after,
h4.new:after, h5.new:after, h6.new:after {
	display: marker; content: "New";
	text-align: center; padding: 1em;
	font-weight:bold; font-variant: small-caps; 
	font-size: larger; font-stretch:expanded;
	text-decoration: blink;}

@media screen {

body {background: #d6d3d6; color: #000000;}
*:link {color #0000ff;} 
*:visited {color #00ff00;}
*:hover, *:active  {text-decoration: blink;}
h1 {color: #314d52;}
h2, h3, h4, h5, h6 {color: #1875ce;}
dt.date {background: #a4efff; color: blue;}
p.float, p[float] {background: #a0e0f0;}
p.note, p[role="note"] {background: #a4efff;}
p.warning, p[role="warning"] {background: #efdb84; color: black;}
p.tip, p[role="tip"] {background: #9fe0ef;}
p.footnote, p[role="footnote"], div.footnote, div[role="footnote"] {background: #a0e0f0;}
div.footer {background: black; color: #d6d3d6;}
span.blank {background: white; color: black;}
p.comment {background: white; color: black;}

div.new:before, p.new:before, span.new:after,
ul li.new:after, ol li.new:after, dl dt.new:after, dl dd.new:before,
h1.new:after, h2.new:after, h3.new:after,
h4.new:after, h5.new:after, h6.new:after { color: yellow; text-shadow: black;}

#sidebar {
	position: absolute; width: 20%; height: 50%;
	top: 0.5em; left: 0.3em;
	font-family: Helvetica,Arial;
/*	line-height: 2em; */
	text-shadow: black;
	z-index: 0; overflow: hidden;
/*	background-color: gray; */
}

body>#sidebar {position: fixed}

#sidebar ul {margin: 0; text-indent: 0;	padding: 0 0 0 0;
	font-size:12; font-weight: bold; font-variant: small-caps;
	list-style: none;}
#sidebar li ul {padding: 0 0 0 2em; font-size:10; font-weight: normal;}


#banners {
	position: absolute; width: 20%; height: 50%;
	top: 55%; left: 0;
	z-index: 0; overflow: hidden;
}
#banners p {text-align: center; border: 0; text-indent: 0;}
body>#banners {position: fixed}

#main {
	/* leave place for yandex banner */
	position: relative; width: 80%;  height: 100%;
	top: 32px; left: 20%;
	background-color: #84cff7; 
}
}

#browser-warning {font-style: oblique; font-size: 10pt;}
div>#browser-warning {display: none;}

@media paper, print, tty {

body {background: white; color: black;}
*:link {color black;} 
*:visited {color black;}
h1 {color: black;}
h2, h3, h4, h5, h6 {
	color: black;
	page-break-after: avoid;
}
dt.date {background: gray; color: black;}
p.float, p[float] {background: gray;}
p.note, p[role="note"] {background: gray; color: black;}
p.warning, p[role="warning"] {background: gray; color: black;}
p.tip, p[role="tip"] {background: #9fe0ef; color: black;}
p.footnote, p[role="footnote"] {
	background: #a0e0f0; black;
	page-break-before: avoid;
}
div.footer {
	margin-top: 3em;
	border: 1px solid black;
	border-top: 1; border-bottom: 0; border-left: 0; border-right: 0;
}
div.interactive {display: none;}
span.blank {background: gray; color: black;}
p.comment {background: gray; color: black;}

div.new:before, p.new:before, span.new:after,
ul li.new:after, ol li.new:after, dl dt.new:after, dl dd.new:before,
h1.new:after, h2.new:after, h3.new:after,
h4.new:after, h5.new:after, h6.new:after {color: black;}

#sidebar {display: none;}
#banners {display: none;}
#hidden {display: none;}

}

@page { size 8.5in 11in; margin: 2cm;}