/*--- Общее и умолчания ---*/
article, section, nav, aside, header, footer, figure, figcaption
			{display:block;}
*			{margin:0; padding:0;}
html		{height:100%;}
body		{min-height:100%; min-width:1024px; max-width:1300px; margin: 0 auto;
			 position:relative; font-size:18px;}
body.index	{width:600px; min-width:600px; min-height:0; height:650px;
			 margin: 10px auto; padding:20px;
			 border: solid 1px #ddd; box-shadow: 0 0 6px #333;}
@media screen and (min-height:800px){
body.index	{margin-top:5%;}}
@media screen and (min-height:1000px){
body.index	{margin-top:10%;}}
*[title]	{cursor:pointer;}


/*---- Строчные элементы ----*/
a			{color:inherit; text-decoration:inherit;}
b dfn		{font-style:normal;}
em			{font-weight:bold;}
i, b, em, strong, dfn
			{color:#a31;}
a			{text-decoration:none;}
article a	{color:#a31; text-decoration:underline;}
sup cite	{cursor:pointer;}


/*---- Заголовки и абзацы ----*/
h1			{font-size:1.5em; margin: 0.5em 0 0.5em 30px; color:#a31;}
#b+h1		{margin-top:0.75em;}
.mini h1	{text-align:center;}
.index h1	{text-align:center; margin:0;}
h2, h3, h4, h5, h6
			{margin: 1em 0 0.75em 30px; color:#a31;}
h2			{font-size:1.15em;}
nav h2		{display:none;}
.auth h2	{margin-left:-30px; color:#721;}
h3			{font-size:1em;}
.auth h3	{margin-left:0;}
h4			{font-size:0.9em;}
h5			{font-size:0.9em; color:black;}
p			{margin: 0.75em 0; text-indent:30px; text-align:justify;}
.demo {font-style:italic; color:#666;}
.qst p, .auth p, p.desc
			{text-indent:0;}
.qst p		{text-align:left; font-style:italic; font-weight:bold;}			
section		{overflow:hidden; padding-left:30px;}
.auth		{margin-bottom:30px;}
.auth address
			{margin-left:230px;}
fieldset	{border:none;}
address		{font-style:normal;}


/*---- Списки ----*/
ul, ol		{padding-left:30px;}
td ul, td ol{padding-left:1em;}
ol li		{margin: 0.75em 0;}
ul li		{margin: 0.75em 0;}
ul			{list-style-type:none;}
ul>li		{position:relative;}
article ul li:before
			{content:''; display:inline-block; height:8px; width:8px;
			 position:absolute; left:-15px; top:0.4em;
			 background:#999; border-radius:2px;}
ol.none		{list-style-type:none; padding-left:20px;}
ol.none:before, aside ul li:before
			{content:none;}
menu		{list-style-type:none;}
.qst ol		{list-style-type:none;}
.qst>ol		{counter-reset:ListQ;}
.qst>ol>li	{counter-increment:ListQ; position:relative;}
.qst>ol>li:before
			{content:counter(ListQ); display:block; padding: 0.5em 0 0.25em 0;
			 text-align:center;
			 border-bottom: solid 2px #a31;
			 font: bold 24px Monotype Corsiva, Georgia; color:#a31;}
.qst li li	{position:relative;}
.qst li ol	{padding-left:30px;}


/*--- Иллюстрации ----*/
.image		{text-align:center;}
.formula	{position:relative;
			 margin: 0.25em 0 0.5em; padding: 0.25em 1em 0.25em 2em;
			 background:#e8e8e8; box-shadow: 0 0 3px 1px #666;}
figure.formula figcaption
			{position:absolute; right:1em; top:0.5em;}
p+.formula	{margin-top:-0.25em;}


/*---- Переменные ----*/
sub+sup 	{position:relative; left:-0.3em;}
var sub		{position:relative; top:-0.1em;}
var			{margin-right:3px;}
figure var	{font-family:Georgia; font-size:0.75em;}
figure p	{text-indent:-1.5em; margin: 0.5em 0 0 0;}
figure p var{color:#a31;}


/*---- Дроби, скобки, корни ----*/
.drob, .union
			{display:inline-block; vertical-align:middle;}
.drob		{text-align:center;}
.union		{text-align:left;}
.union>span	{display:block;}
.top 		{display:block; margin-bottom:-1px; border-bottom:solid 1px black;}
.btm 		{display:block; padding-top:2px; border-top:solid 1px black;}
.op 		{display:none;}
.tline		{border-top: solid 1px black;}
.drob.tline {position:relative; top:-3px;}
.high		{position:relative; top:-0.5em;}
.large		{font-size:1.9em;}
.big>span	{height:2em;}


/*---- Таблицы ----*/
table		{border-collapse:collapse; min-width:50%; margin: 0.75em auto;}
caption		{margin: 0.5em 0; font: bold 0.75em Arial;}
thead		{font: bold 0.6em Arial;}
tfoot		{font: bold 0.7em Arial;}
tbody		{font-size:0.8em;}
thead, tfoot{background:#f0c0a8;}
thead th	{text-align:center;}
th, td		{padding:0.25em; border: solid 1px #999;}
figure table, figure th, figure td
			{border:none;}
td[rowspan]	{background:none !important;}
td[colspan]	{text-align:center;}
td.h		{font-weight:bold; text-align:left;}
.li td:first-child
			{padding-left:3em;}
.rslt tr>*	{width:50%;}
tbody tr:nth-child(2n) td
			{background:#fff3e4;}

			
/*---- Элементы форм ----*/
#test		{width:800px; margin: 0 auto;}
.qst label	{display:block; padding-left:25px;}
.qst input	{position:absolute; left:0px; top:0.3em;}
.ctrl		{text-align:center;}
.ctrl input	{display:inline-block; width:180px; height:30px; margin: 0 10px;}
label		{cursor:pointer;}
label.correct, dl .correct
			{color:green; text-decoration:underline;}
label.incorrect, dl .incorrect
			{color:red; text-decoration:line-through;}
table .correct
			{font-weight:bold; color:green;}
table .incorrect
			{font-weight:bold; color:red;}
table .partially
			{font-weight:bold;}
.assoc label{display:none;}
.assoc dl	{overflow:hidden; width:100%; display:table; cursor:pointer;}
.assoc dt, .assoc dd
			{display:block; float:left; padding:5px;
			 border-radius:5px; box-shadow: 0 0 3px #333; margin: 20px 0;}
.assoc dt	{width:200px; margin-left:5px;}
.assoc dd	{width:495px; margin-left:10px;}
.assoc dd[data-state='wait']:hover
			{background:#ffd;}
.item1		{background:#ccf;}
.item2		{background:#cfa;}
.item3		{background:#eca;}
.item4		{background:#bec;}
.item5		{background:#fcf;}
#p			{width:210px; height:10px; padding: 0px 0 0 10px;
			 position:absolute; right:0; top:110px;
			 border-left: solid 2px #821;
			 border-top: solid 5px #721;
			 border-radius: 30px 0 0 0;}
#print, #cancel
			{display:none;}
#preview	{display:block; width:190px; padding:5px;
			 position:relative; top:5px; left:5px;
			 background:none; border:none;
			 font: italic 24px/24px Monotype Corsiva, Times New Roman;
			 cursor:pointer; text-decoration:underline;}


/*---- Контент ----*/
#c			{margin-left:220px; float:left; padding: 20px 15px 0 10px; overflow:hidden; position:relative;}
.mini #c, .index #c
			{margin-left:0; float:none;}
.index #c	{height:530px;padding:0; padding-top:65px;}
#c:after	{visibility:hidden; height:0; float:left; overflow:hidden; content:'Безопасность технологических процессов нефтегазового производства и охрана труда на предприятиях нефтегазового комплекса'; line-height:0; letter-spacing:10px;}
.index #c:before
			{content:''; display:block; width:100%; height:3px;
			 background: #d81;
			 background: -webkit-linear-gradient(left, #dd8811 0%, #cc7711 13%, #bb4411 18%, #aa3311 25%, #aa3311 67%, #992211 77%, #882211 83%, #772211 100%);
			 background: -moz-linear-gradient(left, #dd8811 0%,#cc7711 13%,#bb4411 18%,#aa3311 25%,#aa3311 67%,#992211 77%,#882211 83%,#772211 100%);
			 background: -ms-linear-gradient(left, #dd8811 0%,#cc7711 13%,#bb4411 18%,#aa3311 25%,#aa3311 67%,#992211 77%,#882211 83%,#772211 100%);
			 background: -o-linear-gradient(left, #dd8811 0%,#cc7711 13%,#bb4411 18%,#aa3311 25%,#aa3311 67%,#992211 77%,#882211 83%,#772211 100%);
			 background: linear-gradient(left, #dd8811 0%,#cc7711 13%,#bb4411 18%,#aa3311 25%,#aa3311 67%,#992211 77%,#882211 83%,#772211 100%);
			}
.index #c hgroup
			{padding: 10px 0;}
.index #c hgroup span
			{display:block; width:600px; margin: 0 auto; text-align:center;}
.index #c hgroup span strong
			{display:block;}
.index #c h1{width:600px; margin: 200px auto 0;}
.index #c h2{width:100%; text-align:center; margin:0;
			 position:absolute; top:245px; font-style:italic; color:#444;}
.index #c hgroup small
			{width:200px; position:absolute; left:50%; top:90px;
			 margin-left:-100px; padding-top:90px;
			 color:#333; font: bold 10px/10px Arial; text-align:center;
			 font-variant:small-caps; text-transform:uppercase;
			 background: center top url(img/shield.png) no-repeat;}
.index #c small
			{width:200px; height:30px; position:absolute; left:80%; top:550px;
			 margin-left:-100px; padding-top:0px;
			 color:#333; font: bold 10px/10px Arial; text-align:center;
			 text-align:right;}
.index #c h1 span
			{display:block; width:100%;}
.index #c menu
			{width:600px; margin: -10px auto 30px auto; text-align:center;}
.index #c menu li
			{border-bottom: solid 1px #aaa;}
.index #c menu li:hover
			{border-color:#666;}
.index #c menu a
			{padding: 0 4px; position:relative; top:16px;
			 background:white; color:#333; font: bold 16px/28px Arial;
			 font-variant:small-caps; text-transform:uppercase;
			 text-decoration:none;}
.index #c menu a:hover
			{color:#a31;}

/*---- Хлебные крошки ----*/
#b			{margin-right:260px; position:absolute; top:12px; left:40px;
			 text-align:left; color:#a31; cursor:pointer;}
#b ul		{display:block; list-style-type:none;
			 margin:0; padding:0; font: bold 11px/11px Arial;
			 text-transform:uppercase; font-variant:small-caps;}
#b li		{display:inline; margin:0;}
#b li:after	{content:' \0bb '; font: bold 14px/8px Arial;
			 text-transform:uppercase; font-variant:normal;}
#b li:last-child:after
			{content:none;}
#b a		{display:inline; color:#a31; text-decoration:none; margin: 0 5px;}
#b a:hover	{text-decoration:underline;}
#b li:first-child a
			{margin-left:0;}


/*---- Межстраничная навигация ----*/
#x			{margin: 40px 0 15px; background:#a31; color:white; 
			 box-shadow: inset 0 0 6px #310, 0 0 0 5px white, 0 0 0 6px #666, 0 0 4px 6px #333;
			 border-radius:10px; cursor:pointer;}
#x ul		{display:block; padding: 0.5em 0;
			 text-align:center; list-style-type:none;}
#x li		{display:inline-block; width:30%; margin:0;
			 text-align:center; vertical-align:middle;}
#x li.curr	{color:#721;}
#x a		{color:white; text-decoration:none;}
#x small, #x i
			{display:none;}

			
/*---- Шапка сайта ----*/
#h			{height:120px; text-align:center;
			 background: 70px 0 url(img/shield.png) no-repeat;}
.index #h	{height:auto; background:none;}
#h *		{display:block;}
#h br		{display:none;}
.index #h br{display:block;}
#h span		{display:block; position:absolute;}
#w1, #w3	{left:260px; top:5px; color:#a31; text-transform:uppercase;
			 text-shadow: 1px 0 1px #333;}
#w2, #w4	{left:300px; top:30px; color:#d81; font: bold 16px Arial;}
#w3			{top:55px;}
#w4			{top:80px;}
#h address	{width:220px; height:108px;
			 position:absolute; right:0; top:0; color:#333; font: bold 10px/10px Arial; text-align:center;
			 font-variant:small-caps; text-transform:uppercase;}
.index #h address
			{width:100%;}
#h a.rusoil	{display:block; width:100%; padding: 63px 0 5px 0;
			 position:absolute; top:0; left:0; z-index:20;
			 background: 40px top url(img/ugntu.png) no-repeat;}
#h a.ipkoil	{display:block; width:100%; padding: 88px 0 0 0;
			 position:absolute; left:0; top:0; z-index:10;
			 background: 100px top url(img/idpo.png) no-repeat;}
.index #h a	{width:281px; height:75px; top:5px;
			 padding: 63px 0 0 0;}
.index #h a.rusoil
			{padding: 5px 0 0 40px; left:20px; right:auto; text-align:left;
			 background: left 2px url(img/mini-ugntu.png) no-repeat;}
.index #h a.ipkoil
			{padding: 5px 45px 0 0; right:20px; left:auto; text-align:right;
			 background: right top url(img/mini-idpo.png) no-repeat;}
#h strong	{margin: 0 220px; font: bold 24px Times new Roman;}
#h small	{width:200px; position:absolute; left:15px; top:88px;
			 color:#333; font: bold 10px/10px Arial;
			 text-transform:uppercase;}


/*---- Подвал сайта ----*/
#fhr		{padding-bottom:100px; visibility:hidden; border:none;}
.index #fhr	{display:none;}
#f			{width:100%; height:80px; position:absolute; bottom:0; left:0;
			 color:#333; font: bold 10px/10px Arial; text-align:right;
			 font-variant:-caps; text-transform:uppercase;}
.index #f	{height:auto; text-align:center; position:relative;
			 font: bold 16px/16px Times New Roman; }
#f:before	{content:''; display:block; width:100%; height:5px;
			 background: #d81;
			 background: -webkit-linear-gradient(left, #dd8811 0%, #cc7711 13%, #bb4411 18%, #aa3311 25%, #aa3311 67%, #992211 77%, #882211 83%, #772211 100%);
			 background: -moz-linear-gradient(left, #dd8811 0%,#cc7711 13%,#bb4411 18%,#aa3311 25%,#aa3311 67%,#992211 77%,#882211 83%,#772211 100%);
			 background: -ms-linear-gradient(left, #dd8811 0%,#cc7711 13%,#bb4411 18%,#aa3311 25%,#aa3311 67%,#992211 77%,#882211 83%,#772211 100%);
			 background: -o-linear-gradient(left, #dd8811 0%,#cc7711 13%,#bb4411 18%,#aa3311 25%,#aa3311 67%,#992211 77%,#882211 83%,#772211 100%);
			 background: linear-gradient(left, #dd8811 0%,#cc7711 13%,#bb4411 18%,#aa3311 25%,#aa3311 67%,#992211 77%,#882211 83%,#772211 100%);
			}
.index #f:before
			{height:3px;}
#f address	{padding: 10px 0 0 0;}
#f small	{font-size:0.9em; font-variant:normal;}
.index #f small
			{display:block; padding:10px;}


/*---- Верхнее меню ----*/
#hhr		{padding-top:20px; visibility:hidden; border:none;}
.index #hhr	{display:none;}
#nhr		{clear:both; visibility:hidden; border:none; float:none; clear:both;}
#n			{width:100%; height:20px; padding: 5px 0;
			 position:absolute; top:120px; left:0;
			 font: bold 18px/18px Arial; color:#721; cursor:pointer;}
#n menu		{display:block; margin: 0 220px; position:relative; text-align:center;
			 border-left: solid 2px #b41;
			 border-right: solid 2px #921;
			 border-bottom: solid 5px #a31;
			 border-radius: 0 0 30px 30px;}
#n li		{display:inline-block; position:relative; top:-2px;}
#n li:before{content:'—'; margin: 0 10px 0 5px;}
#n li:first-child:before, #n li.active:before
			{content:none;}
@media screen and (max-width:1280px){
	#n		{font-size:16px;}
}
@media screen and (max-width:1190px){
	#n		{font-size:15px;}
	#n li:before
			{content:'-'; margin: 0 4px 0 0px;}
}
#n li.active
			{width:220px; height:10px; margin:0;
			 position:absolute; left:-222px; top:-15px; text-align:center;
			 border-right: solid 2px #c71;
			 border-top: solid 5px #d81;
			 border-radius: 0 30px 0 0;
			 font: italic 24px/24px Monotype Corsiva, Times New Roman;
			 color:black;}
#n li.active a
			{position:relative; top:7px;}


/*---- Левое меню ----*/
#s			{width:220px; margin-left:-100%;
			 float:left; position:relative; cursor:pointer;}
#s menu		{display:block; margin: 22px 15px 20px 10px; text-align:center;
			 box-shadow: inset 0 0 6px #310, 0 0 0 5px white, 0 0 0 6px #666, 0 0 4px 6px #333;
			 background:#a31; border-radius:10px;
			 color:white; font: bold 13px Arial;}
#s menu>li	{display:block; padding: 0.5em 0; 
			 border-bottom: solid 1px #920;
			 border-top: solid 1px #b42;
			 border-radius:3px;}
#s menu>li:hover, #s menu>li.active
			{background:#920;
			 border-bottom: solid 1px #b42;
			 border-top: solid 1px #920;}
#s menu>li:first-child
			{border-top:none; border-radius: 10px 10px 0 0;}
#s menu>li:last-child
			{border-bottom:none; border-radius: 0 0 10px 10px;}
#s menu>li>a{display:block; padding: 0 5px; text-shadow: 0 1px 1px #b42;}
#s.ol menu	{counter-reset:ListA;}
#s.ol menu>li
			{counter-increment:ListA; position:relative;}
#s.ol menu>li>a
			{display:block; padding-left:22px; text-align:left;}
#s.ol menu>li>a:before
			{content:counter(ListA); width:10px;
			 position:absolute; left:4px; top:7px; text-align:right;}
#s ul		{list-style-type:none; padding:0; text-align:left; 
 			 font: normal 13px/15px Arial;}
#s ul li	{margin:5px; padding: 3px 4px 5px 4px; position:relative;
			 border-bottom: solid 1px #aa9;
			 border-right: solid 1px #aa9;
			 border-top: solid 1px #fff;
			 border-left: solid 1px #fff;
			 box-shadow: inset 3px 3px 3px 0px RGBA(254,254,237,1), inset -3px -3px 3px 0px RGBA(214,214,197,0.8);
			 border-radius:5px; background:#eed; color:#321;}
#s ul li:hover, #s ul li.active
			{left:1px; top:1px;
			 border-top: solid 1px #700;
			 border-left: solid 1px #700;
			 border-bottom: solid 1px #c53;
			 border-right: solid 1px #c53;
			 background:#aa9; box-shadow:none;}
#s li li li:hover, #s li li li.active
			{left:1px; top:1px;
			 border-top: solid 1px #887;
			 border-left: solid 1px #887;
			 border-bottom: solid 1px #ccb;
			 border-right: solid 1px #ccb;} 
#s li:not(.active) ul
			{display:none;}


/*---- Эффекты ----*/
#up			{display:none; width:170px; height:20px; padding: 3px 10px;
			 position:fixed; left:15px; bottom:15px; text-align:center;
			 box-shadow: inset 0 0 6px #310, 0 0 0 5px white, 0 0 0 6px #666, 0 0 4px 6px #333;
			 border-radius:10px; background:#a31; color:white; opacity:0.5;
			 cursor:pointer;}
#up:hover	{opacity:1;}