html  {   
	position:relative; /* относительное позиционнирование */
	min-height:100%; /* минимальная высота */
}

body { 
	background-color: #00a2d0; 
	background-image: url(graph/fon.bmp); 
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	box-sizing: border-box;
}

.none {}

img {border: 0px;}
p, div, table, td {line-height: 1em; }
li {line-height: 1.2em;}

h1 {
	color:#fff;
	background: #0a4b59;
	font-size:15pt;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-weight:500;
	text-align:left;
	line-height: 100%;
	text-transform: uppercase;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 10px 10px 10px 10px;
	display: inline-block; 
}
h1.sub {
	padding: 6px 10px 6px 10px;
	line-height: 90%;
}

.zag_h1 {
	box-sizing: border-box;
	border-bottom: 6px solid #b9d735;
	border-left: 6px solid #b9d735;
	margin-bottom: 10px;
}                                  
.sub_zag {
	text-transform: none;
	font-size: 12pt;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	color: #cfed4d;
}

h2 {
	color:#000055;
	font-size:12pt;
	font-family:Verdana, Times New Roman;
	font-weight: bold
}

h3 {
	color:#777777;
	font-size:10pt;
	font-family:Verdana, Times New Roman;
	text-align:justify;
	margin-bottom:0px;
	margin-top:0px;
	font-weight: normal
}

div.blockqoute {margin-left:40px;}

table, td, tr { 
	border: 0px solid black;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}


a{font-family:Verdana, Arial; font-size:9pt; line-height: 1em; text-decoration:none; margin:0pt;}
a:link {color:#0000cc;}
a:hover {text-decoration:underline;}
a:active {color:#ff0000; text-decoration:underline;}
a:visited {color:#000066;}

a.main {font-family:Verdana, Arial; font-size:0.7em; text-decoration:none; margin : auto;}
a:link.main {color:#0000cc;}
a:hover.main {text-decoration:underline;}
a:active.main {color:#ff0000; text-decoration:underline;}
a:visited.main {color:#000088;}

a.main1 {font-family:Verdana, Arial; font-size:8pt; text-decoration:none; margin:0pt;}
a:link.main {color:#0000cc;}
a:hover.main {text-decoration:underline;}
a:active.main {color:#ff0000; text-decoration:underline;}
a:visited.main {color:#000088;}

a.other {font-size:10pt; font-family:Verdana, Times New Roman; text-decoration:none;}
a:link.other {color:#0000dd;}
a:hover.other {text-decoration:underline; color:#0000ff;}
a:active.other {color:#ff0000; text-decoration:underline;}
a:visited.other {color:#5500aa;}

a.reestr {font-size:8pt; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;}
a:link.reestr {color:#0000dd;}
a:hover.reestr {text-decoration:underline; color:#0000ff;}
a:active.reestr {color:#ff0000; text-decoration:underline;}
a:visited.reestr {color:#5500aa;}                                                          

a.white {font-size:10pt; line-height: 1em; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;}
a:link.white {color:#FFFFFF;}
a:hover.white {text-decoration:underline; color:#FFFFFF;}
a:active.white {color:#FFFFFF; text-decoration:underline;}
a:visited.white {color:#FFFFFF;}                                                          

a.gray {font-size:10pt; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;}
a:link.gray {color:#999999;}
a:hover.gray {text-decoration:underline; color:#999999;}
a:active.gray {color:#999999; text-decoration:underline;}
a:visited.gray {color:#999999;}                                                          

a.baseblue {font-size:10pt; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;}
a:link.baseblue {color:#0089E1;}
a:hover.baseblue {text-decoration:underline; color:#0089E1;}
a:active.baseblue {color:#0089E1; text-decoration:underline;}
a:visited.baseblue {color:#0089E1;}                                                          

a.basegreen {font-size:10pt; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;}
a:link.basegreen {color:#6ac335;}
a:hover.basegreen {text-decoration:underline; color:#6ac335;}
a:active.basegreen {color:#6ac335; text-decoration:underline;}
a:visited.basegreen {color:#6ac335;}                                                          

a.base {font-size:10pt; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;}
a:link.base {color:#000055;}
a:hover.base {text-decoration:underline; color:#000055;}
a:active.base {color:#000055; text-decoration:underline;}
a:visited.base {color:#000055;}                                                          

a.basebluesmall {font-size:8pt; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;}
a:link.basebluesmall {color:#0089E1;}
a:hover.basebluesmall {text-decoration:underline; color:#0089E1;}
a:active.basebluesmall {color:#0089E1; text-decoration:underline;}
a:visited.basebluesmall {color:#0089E1;}                                                          

a.zagblue {font-size:15pt; font-family:Verdana, Times New Roman; text-decoration:none; text-align:center;}
a:link.zagblue {color:#0089E1;}
a:hover.zagblue {text-decoration:underline; color:#0089E1;}
a:active.zagblue {color:#0089E1; text-decoration:underline;}
a:visited.zagblue {color:#0089E1;}                                                          

.zag1 {color:#0a4b59; font-size:15pt; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight:600;}
.subzag {color:#b9d735; font-size:11pt; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight:600; line-height: 200%}


.base {color:#000055; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}

.find {color:#000055; font-size:10pt; font-family:Arial, Helvetica, sans-serif; text-align:justify;}
.razdel {color:#ffffff; font-weight:600; font-family:Verbana, Arial; text-align:center; font-size:10pt;}
.baselink {color:#0A4B59; font-size:13pt; font-family: Calibri, Helvetica, Arial, sans-serif; cursor : pointer;}
.basedate {color:#666666; font-size:11pt; font-family: Calibri, Helvetica, Arial, sans-serif;}
.basebold {color:#000055; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify; font-weight: bold}
.baseblue {color:#0089E1; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}
.basebluesmall {color:#0089E1; font-size:8pt; font-family:Verdana, Times New Roman; text-align:justify;}
.basewhite {color:#FFFFFF; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}
.baseblack {color:#000000; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}
.basegray {color:#777777; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}
.baselightgray {color:#AAAAAA; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}
.basegreen {color:#339900; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}
.baseorange {color:#F29023; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}
.basesmall {color:#000055; font-size:8pt; font-family:Verdana, Times New Roman; text-align:justify;}
.baseexample {color:#999999; font-size:10pt; font-family:Verdana, Times New Roman; text-align:justify;}
.b {font-weight:600;}
.base1 {color:#000055; font-size:10pt; font-family:Verdana, Times New Roman;}
.base2 {color:#000055; font-size:8pt; font-family:Verdana, Times New Roman; text-align:left;}
.baseright {color:#000055; font-size:8pt; font-family:Verdana, Times New Roman; text-align:right;}
.search {color:#000055; font-family:Verdana, Arial; font-size:7pt; margin:0pt;}
.zag {color:#330099; font-size:16pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}
.zagblue {color:#0089E1; font-size:15pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}
.zag2blue {color:#0089E1; font-size:10pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}
.zaggray {color:#AAAAAA; font-size:10pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}
.rebus {color:#0089E1; font-size:16pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}
.rebusred {color:#FF0000; font-size:16pt; text-decoration: underline; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}
.zag2 {color:#111199; font-size:0.7em; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}
.avtor {color:#111199; font-size:7pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:left;}
.nadp {color:#3300aa; font-size:12pt; font-family:Times New Roman, serif;  font-weight:600; font-style:italic; text-align:left;}
.bookb {color:#000099; font-size:7pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:left;}
.book {color:#000055; font-size:8pt; font-family:Verdana, Times New Roman; font-weight:400; text-align:justify;}
.scan {color:#000055; font-size:8pt; font-family:Verdana, Arial; text-align:center;}
.zagleft {color:#111199; font-size:10pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:left;}
.hrblue {color:#0089E1;}
.zagword {color:#666666; font-size:14pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}
.zagword2 {color:#666666; font-size:13pt; font-family:Verdana, Times New Roman; font-weight:600; text-align:center;}

.nadp2 {color:#110077; font-size:12pt; font-family:Verbana, Times New Roman;  font-weight:400; font-style:italic;}
.nadp3 {color:#1100aa; font-size:8pt; font-family:Verdana, Arial;  font-weight:400; font-style:italic;}

.error {font-size:12pt; color:#ff0000; text-align:center;}
.form {background-color:#ffffff}

.transp {color:#aaaaaa; font-size:10pt; font-family:Verdana, Times New Roman;}
.map {color:#FFFFFF; font-size:9pt; font-family:Verdana, Times New Roman;}

.question {
	color:#666666;
	background:#FFFFFF;
	font-size:14pt;
	font-family:Verdana, Times New Roman;
	font-weight:600;
	text-align:left;
	line-height: 120%;
	margin-bottom:5px;
	margin-top:5px;
}

.preambula {
	margin: 20px 5px 20px 5%;
	padding-left: 15px;
	border-left: 5px solid #c7eaf8;
}

p.otst {margin-left:20px; margin-bottom:4px; margin-top:4px; line-height: 1.2em;}
p.blockqoute {margin-left:40px;}
p.otstdescr {margin-left:20px; margin-bottom:2px; margin-top:2px;}
p.doubleotst {margin-left:50px; margin-bottom:4px; margin-top:4px}
p.tripleotst {margin-left:70px; margin-bottom:4px; margin-top:2px}
p.nootst {margin-left:0px; margin-bottom:0px; margin-top:0px;}
p.under {margin-left:0px; margin-bottom:0px; margin-top:0px; border-bottom: 2px dotted; border-bottom-color:#FFFFFF; padding:0px; line-height: 1em;}
p.upper {margin-left:0px; margin-bottom:0px; margin-top:5px; border-top: 3px dotted; border-top-color:#FFFFFF; padding:0px}
p.menuunder {margin-left:15px; margin-right:15px; margin-bottom:0px; margin-top:0px; border-bottom: 2px dotted; border-bottom-color:#FFFFFF; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:0px; line-height: 1em; }
p.menu {margin-left:25px; margin-bottom:5px; margin-top:10px; line-height: 1em;}
p.forum {margin-left:10px; 
	 margin-bottom:4px; 
	 margin-top:4px;
}
p.description {margin-bottom:2px; margin-top:0px; margin-left:10px;}
p.otsttopbottom {margin-bottom:4px; margin-top:4px; }
p.otstsmall {margin-left:10px; line-height: 1em; margin-bottom:0px; margin-top:0px;}
p.otst20 {margin-left:20px; line-height: 1em; margin-bottom:0px; margin-top:0px;}

p.find {margin-left:0px; margin-bottom:0px; margin-top:0px; border-bottom: 1px solid; border-bottom-color:#CCCCCC; padding:5px; }

.croptext { 
    width: 510px; 
    word-wrap: break-word; 
}

.navigation {
	text-align: center;
	line-height: 250%;
}
.navigation a:link,
.navigation a:visited,
.navigationsubmit {
	line-height: 250%;
	white-space: nowrap;
	font-size:15px;
	text-decoration:none;
	color: #fff;
	background:#b9d735;
	border:1px solid #b9d735;
	padding:6px 10px;
}

.navigation a:hover, .navigationsubmit:hover { background: #99b51d; border:1px solid #99b51d;}
.navigation a:active, .navigationsubmit:active { background: #b9d735; }

.navigation span {
	text-decoration:none;
	background:#fff;
	padding:6px 10px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:15px;
}

.dashedtext { border-bottom: 1px dashed black; }
.dottedtext { border-bottom: 1px dotted black; }
.dottedtextgreen { border-bottom: 2px dotted; border-bottom-color:#339900; padding:5px}
div.small {margin-bottom:0px; margin-top:0px; font-size:11px;}
img.plus { cursor: pointer } 

.input_skin
{
float:left;
display:inline;
background:url(graph/bgInput.jpg) repeat-x;
position:relative;
height:29px;
margin-left:5px
}

.input_left
{
position:absolute;
background:url(graph/LeftInput.jpg);
width:11px;
left:-11px;
height:29px
}

.input
{
	float:left;
	display:inline;
	height:29px;
	border:none;
	background:none;
	padding-left:2px;
	font:normal 16px Arial;
	color:#545454
}

.input_right
{
position:absolute;
background:url(graph/rightInput.jpg);
width:18px;
left:100%;
height:29px
}

.width100
{
width:180px
}
.width250
{
width:250px
}
.widthlong
{
width:350px
}
.widthshort
{
width:155px 
}

.preload {display:none;}

table.otst {
border: 0px solid black;
padding: 0px;
border-spacing: 0px;
margin-left: 20px;
margin-top: 5px;
}

table.border4 { 
border: 4px solid black;
padding: 0px;
border-spacing: 0px;
border-color: white;
}

table.spacing5 { 
border: 0px solid black;
padding: 0px;
border-spacing: 5px;
border-color: white;
border-collapse: separate;
}

table.padding5 { 
border: 0px solid black;
padding: 5px;
border-spacing: 0px;
border-collapse: separate;
}

table.spacing5nocolor { 
border: 0px solid white;
padding: 0px;
border-spacing: 1px;
border-collapse: separate;
}

table.cellspacing3 { 
border: 0px solid black;
padding: 0px;
border-spacing: 3px;
border-collapse: separate;
}

table.cellspacing2 { 
border: 0px solid black;
padding: 0px;
border-spacing: 2px;
border-collapse: separate;
}

table.pad5_5 { 
border-collapse: separate;
border-spacing: 10px;
border: 0px solid black;
padding: 0px;
}

.noborder {
display:block;
}

img.border10 {
border:solid 10px white;
}

td.aligncenter {
text-align: center;
}

td.alignright {
text-align: right;
}

td.padding4 {
padding: 4px;
}

td.padding6 {
padding: 6px;
}

td.greenfon {
background-image: url(graph/fon_topleft.bmp);
}
td.fonnavi {
background-image: url(graph/fon_navi.JPG);
background-color: #6ac334;
}
td.menugreen {
	background-color: #6ac334;
	vertical-align: top;
	width: 241px;
	height: 470px;
}
td.menublue {
  background-image: url(graph/menu_blue.JPG);
  background-color: #0089e1;
}
td.menuwhite {
  background-color: #fff;
}

div.menufon{
	width : 241px;
	height : 470px;
	background: 
     url(graph/menu_top.JPG) 0 0 no-repeat,
     url(graph/menu_downgreen.JPG) 0 360px no-repeat,
     url(graph/menu_green.JPG) 0 0 repeat-y;
	position:absolute;
}

div.mainmenu {
	margin-top: 35px;
}

div.radius {
  background-color: #E1EEF1;
  border: 2px solid #E1EEF1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

div.roundbox {
	box-sizing: border-box;
   background-color: #E1EEF1;
   border: 2px solid #E1EEF1;
   border-radius: 8px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 8px;
   margin: auto;
}

.max { width: 100%; }
div.w560 { width: 560px;}
div.w190 { width: 190px;}
div.left { text-align: left;}
div.right { text-align: right;}

div.picbox {
	background-color: #ffffff;
	padding: 6px;
	width: 100%;
	max-width: 300px;
	border: 2px solid #E1EEF1;
	box-sizing: border-box;
}

div.otst {margin-left: 20px;}

.smallsize {
	font-size: x-small;
}

a.graycolor {color:#999999;}
a.greencolor {color:#b9d735;}

.center {
	margin-left:auto;
	margin-right:auto;
}

/* новые стили ////////////////////////////////////////////// */

.cell {
   width: 26px;
	height: 26px; 
	color:#666666;
	font-family: Verdana, Times New Roman;
	font-weight:bold;
   background: #fff;
   outline: 1px solid #000;
   border: 10px solid #fff;
   font-size:24px;
   text-align:center;
	display: inline-block;
	line-height: 1em;
}

div.form {
	width: 100%;
	max-width: 550px;
	margin:0 auto;
	background: #f1fcff;
	box-sizing: border-box;
}

div.zagform {
	box-sizing: border-box;
	width: 100%;
	background: #00a2d0;
	color:#fff;
	font-size:15pt;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-weight:600;
	text-align:left;
	line-height: 100%;
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
}

div.mainform {
	box-sizing: border-box;
	width: 100%;
   border-left: 4px solid #00a2d0;
   border-right: 4px solid #00a2d0;
   border-bottom: 4px solid #00a2d0;
	padding: 10px;
	text-align: center;
}

.inputform {
	box-sizing: border-box;
	width: 100%;
	max-width: 500px;
	border: 1px solid #00a2d0;
	margin-bottom: 10px;
	font-size:12pt;
	font-family: Calibri, Arial, sans-serif;
	border-radius: 3px;
}

.input_button {
	background: #00a2d0;
	min-width : 200px;
	min-height : 30px;
	border: 0;
	font-size:14pt;
	font-family: Calibri, Arial, sans-serif;
	font-weight:500;
	color:#fff;
	border-radius: 3px;
	cursor : pointer;
	margin: 5px;
}

.input_button:hover {
	background: #0191ba;
}

.input_button:active {
	background: #0186ab;
	border: 1px solid #fff;
	padding: 0px;
}

a.greenbutton {
	background: #b9d735;
	border: 2px solid #b9d735;
	color: #fff;
	padding: 8px;
	font-size:15pt;
	font-family: Calibri, Arial, sans-serif;
	font-weight:500;
	text-decoration:none;
	cursor : pointer;
	display: table-cell;
}

a:hover.greenbutton { 
	background: #99b51d;
	border: 2px solid #99b51d;
}
a:active.greenbutton {
	background: #b9d735;
	border: 2px solid #fff;
}

a.orangebutton {
	background: #58818A;
	border: 2px solid #58818A;
	color: #fff;
	padding: 8px;
	font-size:15pt;
	font-family: Calibri, Arial, sans-serif;
	font-weight:500;
	text-decoration:none;
	display: table-cell;
	cursor : pointer;
}

a:hover.orangebutton { 
	background: #CC8335;
	border: 2px solid #CC8335;
}
a:active.orangebutton {
	background: #EC9A44;
	border: 2px solid #fff;
}

.divpic {
	display: table-cell;
	vertical-align: middle;
}

a.bluebutton {
	background: #2d8097;
	border: 2px solid #2d8097;
	color: #fff;
	padding: 8px;
	font-size:15pt;
	font-family: Calibri, Arial, sans-serif;
	font-weight:500;
	text-decoration:none;
	display: table-cell;
	cursor : pointer;
}

a:hover.bluebutton { 
	background: #1c6174;
	border: 2px solid #1c6174;
}
a:active.bluebutton {
	background: #2d8097;
	border: 2px solid #fff;
}

.divpic {
	display: table-cell;
	vertical-align: middle;
}

li,a.bluebutton,a.greenbutton {
	transition: .5s ease-in-out; /* добавим плавность переходов для всех элементов страницы*/
}

/* добавим очистку потока для всех контейнеров, внутри которых задано обтекание дочерних элементов 
header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after {
	content: "";
	clear: both;
} 
*/
/* шапка сайта */

header {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	background: #0a4b59;
}

.headcontainer {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 8px 8px 0px rgba(34, 60, 80, 0.5);	
	font-size:0;
	display: table;
	min-width: 320px;
} 

.headerblock {
	display: table-cell;
	height: 54px;
}

/* логотип */

.logo {
	position:absolute;
	top: -10px;
	left: 10px;
}

.logo_fon {
	width: 95px; 
	min-width: 95px; 
	background: #fff;
}

.logo_text {
	width: 324px; 
	height: 54px; 
	vertical-align:top;
}

.img_logo {
	width: 80px;
	height: 80px;
}

/* основные блоки */

.container {
	margin: 0 auto;
	text-align:center;
	display: table;
   border-spacing: 30px 0;
} 

.block {
	background: #fff;
	display: table-cell;
	vertical-align: top;
	border-radius: 6px;
	box-shadow: 10px 10px 20px 4px rgba(34, 60, 80, 0.4);
}

.leftblock {
	width: 240px;
	min-width: 240px;
	border: 4px solid #abdbef;
}

.mainblock {
	max-width: 1000px;
	min-width: 280px;
	width: 1000px;
	text-align:left;
	padding: 10px;
	border: 4px solid #abdbef;
	border-spacing: 0px;
}

.maincontent {
	box-sizing: border-box;
	width: 100%;
	padding: 0px;
}

/* нижний блок */

footer {
	box-sizing: border-box;
	background: #0a4b59;
	padding: 4px;
	margin: 0 auto;
}

.footcontainer {
	margin: 0 auto;
	width: 100%;
} 

.footblock {
	background: #0a4b59;
	display: table-cell;
	vertical-align: top;
}

.downrect {
	width: 100%;
	height: 150px;
	background: #0a4b59;
	bottom: 0px;
	position: absolute;
	z-index: -10;
}

/* меню */

.topmenu {
	margin: 0;
	float: right;
	padding: 7px;
	font-size:0;
	transition: 0.5s;
}

.topmenu li {
	display: inline-block;
	background: #0a4b59;
	border-bottom: 4px solid #b9d735;
	position: relative;
}

.topmenu a {
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	display: table-cell;
	height: 32px;
	vertical-align: middle;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 4px;
	padding-right: 10px;
}

.topmenu a:hover {
	background: #c4e23f;
	color: #0a4b59;
}

.topmenu li:last-child  {
	margin-right: 0;
}

a.activemenu { 
	background: #b9d735;
}

.menuicon{
	width: 20px; 
	height: 20px;
	margin-right: 5px;
	vertical-align: middle;
	padding-bottom: 4px;
}

.menuiconsmall{
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

.topmenu > li:hover .submenu{
   visibility: visible;
   opacity: 1;
}

.submenu {
   position: absolute;
   visibility: hidden;
   opacity: 0;
   width: 140%;
   transition: .4s ease-in-out;
	box-shadow: 10px 10px 20px 4px rgba(34, 60, 80, 0.4);
   padding-left: 0px;
	margin-top: 4px;
	border: 0px solid #b9d735;
	z-index: 100;
}

.submenu li {
	width : 100%;
	border: 0px;
	border-top: 1px solid #888;
}

.submenu li a {
	background: #0a4b59;
	display: block;
	line-height: 36px;
	height: auto;
	padding-top: 0px;
}

/* гамбургер-кнопка */

.burger {
	width: 54px;
	height: 54px;
	display: block;
	margin: auto;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	background: #0a4b59;
	border: 6px solid #fff;
	box-sizing: border-box;
}
.burger:hover { background: #a5c02d; }
.burger.active {background: #a5c02d; }

.burger > span{
  display: block;
  position: relative;
  width: 70%;
  height: 12%;
  margin: 16% auto;
  background-color: white;
  border-radius: 5px;
}

.burger > span#sp1{ transition: all .3s .5s; }
.burger > span#sp2 { transition: all .3s .3s; }
.burger > span#sp3 {	transition: all .3s .1s; }

.burger.active > span#sp1{
	width: 70%;
	height: 70%;
	margin: 16% auto;
	transition: all .3s .1s;
	border-radius: 5px;
}

.burger.active > span#sp2{
	background-color: #a5c02d;
	transform: translateY(-480%) rotateZ(45deg);
	transition: all .3s .3s;
}

.burger.active > span#sp3{
	background-color: #a5c02d;
	transform: translateY(-710%) rotateZ(-45deg);
	transition: all .3s .5s;
}

/* гамбургер-меню */

.gam-menu {
	border: 4px solid #fff;
	position: absolute;
	right: 0px;
	box-shadow: 10px 10px 20px 0px rgba(34, 60, 80, 0.4);
}

.gam-menu li a img { padding: 0 5px; }
.gam-menu ul { padding: 0px; }

.gam-menu li {
   display: block;
   background: #0a4b59;
	width: 250px;
	margin: -1px;
}

.gam-menu li:hover {	background: #b9d735; }
.gam-menu li a:hover { color: #0a4b59; }

.gam-menu li a {
	box-sizing: border-box;
   display: block;
   text-decoration: none;
   color: #fff;
   padding: 7px;
   width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	border-top: 1px solid #888;
}

.block-menu {
	position: absolute;
	z-index: 100;
	right: 0px;
	overflow:hidden;
	width: 400px;
	height: 900px;
	opacity: 0;
	z-index: -1;
}

.gam-menu { 
	top: -500px;
	transition: 0.5s;
	transform-origin: 100% 0;
}
.gam-active { 
	top: -3px;
	transition: 0.5s;
}

.top-close{
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
}

.block-close {
	opacity: 100;
	z-index: 3;
}

.submenu2 {
	margin-left: 2px;
}
.submenu2 li{
	width: 100%;
}
.submenu2 li a{
	font-size:8pt;
}
.submenu2 li a {
	padding-left: 25px;
}

/* Фотоопределения */

.photoblock {
	display: inline-block;
	width: calc(100%-10px);
	max-width: 312px;
	margin: 5px;
	padding: 6px;
	border: 2px solid #E1EEF1;
	box-sizing: border-box;
}

img.pic300 {
	width: 100%;
	height: 100%;
}

/* Форма поиска */

.findform {
	width: 100%;
	background: #E1EEF1;
	border-radius: 5px;
	padding: 5px;
	display: table;
	box-sizing: border-box;
	text-align: left;
}

.findformword {
	display: table-cell;
	width: 40%;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
}

.findformdef {
	display: table-cell;
	width: 60%;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: middle;
}

.findformbutton {
	display: table-cell;
	width : 30px;
	padding: 0px;
	vertical-align: middle;
}

.firstbutton {
	display: none;
}

.inputword {
	background: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	border: 2px solid #b9d5db;
	display: table;
}

.inputfield
{
	width: 100%;
	border: none;
	background: none;
	padding-left: 5px;
	font:normal 16px Arial;
	color:#545454;
	box-sizing: border-box;
}

.inputcell {
	display: table-cell;
	vertical-align: middle;
}

.inputworddel {
	width: 20px;
	height: 20px;
	cursor : pointer;
	display: none;
	padding-right: 3px;
}

.textfind {
	min-height: 20px;
	padding-left: 3px;
}

.helpfind {
	display: block;
}

.buttonfind {
	background: #b9d735;
	border: 2px solid #fff;
	border-radius: 4px;
	padding: 4px;
	display: inline-block;
	cursor : pointer;
	margin-left: 2px;
	margin-top: 2px;
	width: 18px;
	height: 18px;
}

.buttonfind:hover { 
	background: #99b51d;
}
.buttonfind:active {
	background: #b9d735;
	border: 2px solid #efefef;
}

input::-webkit-search-decoration, /* убирает крестик в поле ввода для IE */
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }
textarea:focus, input:focus { outline: none; }

/* Скачать работы */

.workfield {
	display: table;
	padding: 10px;
	box-sizing: border-box;
}
.worknumber {
	width: 34px;
	height: 34px; 
	display: table-cell;
	text-align:center;
	vertical-align: middle;
	background: #b9d735;
	border: 2px solid #0a4b59;
	border-radius: 4px;
}

.worktitle {
	border-top: 3px solid #fff;
	border-bottom: 5px solid #0a4b59;
	margin-bottom: 3px;
}

.workcaption {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	background: #0a4b59;
	height: 25px;
	vertical-align: middle;	
	display: table-cell;
}

.worktitletrian{
	border: 14px solid transparent; 
	border-bottom: 14px solid #0a4b59;
	border-left: 14px solid #0a4b59; 
	display: table-cell;
}

.workpic {
	display: table-cell;
	width: 250px;
	text-align:center;
	vertical-align: middle;
}


.workpic img{
	padding: 8px;
	border: 4px solid #E1EEF1;
	border-radius: 6px;
}

.workdesc {
	display: table-cell;
	vertical-align: middle;
}

.descpad { padding-left: 10px; }
.scan { width: 40%; } 

.workdesc a {
	width: 100%;
	box-sizing: border-box;
}

.workdescbar {
	background: #E1EEF1;
	padding: 10px;
	border-radius: 8px;
	margin-bottom: 10px;
	text-align:left;
	box-sizing: border-box;
}

.twocol {
	width: 50%;
}

.newscan {
	width: 200px;
	height: 200px;
	margin: 0px;
	border: 5px solid #1087c3;
	border-radius: 4px;
}
.newsudoku {
	width: 120px;
	height: 120px;
	margin: 0px;
	border: 5px solid #b9d735;
	border-radius: 4px;
}
.newscanblock {
	display: inline-block;
	z-index: 2;
	vertical-align : top;
	position: relative;
	width: 210px;
	padding: 0px;
	margin: 10px 5px 10px 5px;
	border: 6px solid #E1EEF1;
	background-color: #E1EEF1;
	border-radius: 4px;
}
.newsudokublock {
	display: inline-block;
	z-index: 2;
	vertical-align : top;
	position: relative;
	width: 130px;
	padding: 0px;
	margin: 10px 7px 10px 7px;
	border: 6px solid #E1EEF1;
	background-color: #E1EEF1;
	border-radius: 4px;
}
.outprintblock {
	display: inline-block;
	vertical-align : top;
	margin: 30px 25px 10px 25px;
}
.pblock {
	display: inline-block;
	z-index: 2;
	vertical-align : top;
	position: relative;
	width: 190px;
	min-height: 250px;
	padding: 30px 15px 0px 15px;
	margin: 10px 5px 10px 5px;
	border: 5px solid #abdbef;
	background-color: #E1EEF1;
	border-radius: 10px;
	text-align:left;
}
.second {width : 33%}
.third {display: inline-block; width : 33%}

svg text {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
svg text::selection { background: none; }

svg :active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

/* //////////////////////////////////// */

@media screen and (max-width: 1780px) {
	#topmenu > li:nth-child(1) { display: none; }
}
@media screen and (max-width: 1670px) {
	#topmenu > li:nth-child(9) { display: none; }
}
@media screen and (max-width: 1545px) {
	#topmenu > li:nth-child(8) { display: none; }
}
@media (max-width: 1430px) {
	#topmenu > li:nth-child(7) { display: none; }
}
@media screen and (max-width: 1290px) {
	#topmenu > li:nth-child(6) { display: none; }
}
@media screen and (max-width: 1155px) {
	#topmenu > li:nth-child(5) { display: none; }
	.container { border-spacing: 20px 0; }
}
@media screen and (max-width: 1020px) {
	#topmenu > li:nth-child(4) { display: none; }
	.findwithpic { display: none;}
	.twocol { width: 0%;}
}
@media screen and (max-width: 899px) {
	#topmenu > li:nth-child(2) { display: none; }
	#topmenu > li:nth-child(3) { display: none; }
	.twocol { width: 100%;}
}
@media screen and (max-width: 620px) {
	#cells { display: none; }
	#navblock { display: none; }
	header {background: #fff;}
}
@media screen and (max-width: 768px) {
	.leftblock { display: none; }
	.container { border-spacing: 5px 0; } 
}
@media screen and (max-width: 480px) {
	h1 { display: block; }
	.headcontainer { margin-top: 15px; margin-bottom: 15px; 	}
	.headerblock { height: 41px;}
	.burger { width: 41px; height: 41px;  border: 4px solid #fff; }
	.img_logo { max-width: 68px;}
	.logo_fon { width: 75px; min-width: 75px;}
	.logo { left: 5px; top: -17px;}
	.logo_text {width: 246px; height: 41px;}
	.divpic { display: none;}
	.findformword { display: inline-block; width: 100%;}
	.findformdef { display: inline-block; width: 100%;}
	.helpfind { display: none; }
	.firstbutton {	display: table-cell; }
	.advansedfind { width: 100%;}
	.workfield { width: 100%;}
	.workpic { display: block; width: 100%;}
	.workdesc { display: block; margin-top: 10px; }
	.worktitletrian { display: none; }
	.worktitle { background: #0a4b59; }
	.descpad { padding-left: 0px; }
	a.greenbutton { display: inline-block; margin-bottom: 15px;}
	.third {display: none}
	.second {width:50%}
	.mainblock { padding: 7px; }
}
@media screen and (max-width: 360px) {
	.burger { border: 4px solid #fff; }
}
@media screen and (max-width: 380px) {
	.mainblock { padding: 4px; }
}
@media screen and (max-width: 359px) {
	.headcontainer { margin-top: 15px; margin-bottom: 15px; 	}
	.headerblock { height: 36px;}
	.burger { width: 36px; height: 36px; }
	.img_logo { max-width: 60px;}
	.logo_fon { width: 68px; min-width: 68px;}
	.logo { left: 5px; top: -20px;}
	.logo_text {width: 216px; height: 36px;}
}