/*главная*/
.main-infoblock								{background:url(../img/bg-arthropoda.jpg)}

.header-infoblock-start-bg		{background:url(../infoblock/header-bg.jpg) no-repeat; background-size:100% 100%; height:220px; border-radius:0 0 5px 5px}

.header-title									{position:absolute; top:10px; right:160px}

.menu													{display:grid; grid-template-columns:1fr 1fr 1fr}
.menu-segment									{background:#006967; border:2px solid #16b8b4; box-shadow:0 2px 3px black; text-align:center; font-family:"corsiva"; font-weight:bold; font-size:22px; letter-spacing:3px; color:#DCDCDC; overflow:hidden}
.menu-segment:hover						{background:#1f8787; transition:all 0.2s ease-out}
.seg1													{position:absolute; width:33.23%; border-radius:5px}
.seg2													{position:absolute; width:33.23%; left:33.39%; border-radius:5px}
.seg3													{position:absolute; width:33.23%; left:66.77%; border-radius:5px}
.menu-title,
.menu-list > a								{padding:8px 2px 8px; color:#DCDCDC; text-shadow:0 0 5px black; border-radius:5px}
.menu-list										{display: none}
.menu-list a:hover						{background:#006967; transition:all 0.2s ease-out}

.info													{text-align:justify; overflow:hidden; margin:80px 10px 0; padding:5px; line-height:1.2; background:rgba(151, 140, 112, 0.5); border-radius:4px; box-shadow:black 0 0 2px}
.info-title										{margin-bottom:10px; font-size:20px; text-align:center; text-shadow:2px 2px 4px #818181}
.info	> span									{margin-left:50px}

.footer												{margin-top:20px}





/*фото*/
.main-photo				{background:url(../img/bg-animalia.jpg); font-family:verdana}
.grid-photo				{display:grid; grid-template-columns:1fr 1fr; justify-items:center; align-items:center; margin-top:70px}
.title-photo			{grid-column:1/-1; margin-bottom:50px}
.img-photo				{grid-column:2/3; grid-row:2/3}

.fotorama					{grid-column:1/-1; width:380px}
.risbek						{grid-column:1/2; grid-row:2/3; display:grid; grid-template-columns:auto 1fr; justify-items:center; align-items:center; width:380px; border:1px solid #564D3B; border-radius:5px; background:#D5BE95; box-shadow:0 0 4px black}
.risbek-photo			{grid-row:1/5; justify-self:start}
.risbek-album-01	{border-top:1px solid #564D3B; border-bottom:1px solid #564D3B; margin-top:0px; padding:4px 0 6px 0; background:#C9B289; text-align:center}
.risbek-name,
.risbek-email-1,
.risbek-email-2		{text-align:center}





/*источники*/
.grid-lit									{display:grid; grid-template-columns:auto 1fr; align-items:center; margin:0 10px 0 20px; grid-gap:5px}

.title-lit								{grid-column:1/-1; margin:70px auto 0}

.subtitle-lit							{text-align:center; grid-column:1/-1; margin:20px auto 20px; text-shadow:1px 1px 1px #6E6E6E; font-weight:bold; font-size:18px; letter-spacing:1px; color:#151410}

.icon-lit									{box-shadow:black 0 0 3px; padding:3px; border-radius:3px; margin:5px 0 5px}
.icon-lit > img						{border-radius:3px}
.icon-lit:hover						{background:#00A19B}

.text-lit									{justify-self:start; margin-left:10px; font:23px 'corsiva'}

.title-redbook            {margin-top:50px; padding:0 10px 0}
.title-redbook-first      {margin-top:80px!important}
.title-redbook > div      {margin-bottom:10px; font-weight:bold; text-align:center}
.title-redbook > span     {margin-left:40px}
.grid-redbook							{display:grid; grid-template-columns:1fr 1fr; margin:20px 10px 0; grid-gap:20px; text-align:justify; overflow:hidden; padding:10px; line-height:1.2; background:rgba(151, 140, 112, 0.5); border-radius:4px; box-shadow:black 0 0 2px}
.article-redbook	> img		{width:50%; margin:20px auto 0; text-align:center; border-radius:3px; box-shadow:black 0 0 3px}
.article-redbook	> div		{margin-top:20px}
.article-redbook	span		{font-weight:bold; margin-right:5px}
.rusname-redbook  				{text-align:center; color:#B22222; font-weight:bold; font-size:25px; margin:0!important; text-shadow:1px 1px 1px black; letter-spacing:2px}
.latname-redbook					{font-weight:bold; font-size:20px; margin-top:20px!important;}
.otr-redbook,
.sem-redbook							{margin-top:5px!important}
.cat-redbook							{margin-top:20px!important}





/*сайты*/
.grid-sites					{display:grid; grid-template-columns:1fr; margin-top:70px}

.title-sites				{justify-self:center}

.subtitle-sites			{text-align:center; margin:20px auto 20px; font-weight:bold; font-size:18px; letter-spacing:1px; color:#151410; text-shadow:1px 1px 1px #6E6E6E}

.grid-sites-item		{display:grid; grid-template-columns:200px 1fr; align-items:center; grid-gap:20px; padding:10px}

.logo-sites					{justify-self:start; border-radius:5px; box-shadow:0 0 3px black; padding:4px; background:transparent}
.logo-sites:hover		{background:#00A19B}
.logo-sites > img		{border-radius:5px; width:100%}

.url-sites					{font:14px "verdana"; font-style:italic; text-align:center; padding:8px; border-radius:5px; border:1px solid #708090; box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.3), 0 0 4px 1px rgba(0,0,0,0.2); text-decoration:none; background:transparent}
.url-sites:hover		{background:#00A19B}

.text-sites	> span	{margin-left:20px}






















@media (max-width:1240px) {
.header-infoblock-start-bg    {background-size:auto 100%}

.title-lit > img							{width:100%}

.header-title > img						{width:100%}

.title-photo									{margin:0 20px 50px}
.title-photo > img						{width:100%}
.img-top-photo > img					{width:100%}
}

@media (max-width:1020px) {
.header-title									{top:80px; right:auto; left:50%; margin-left:-356px}
}

@media (max-width:712px) {
.header-title									{top:100px; left:0; margin:0 20px 0}
.menu-segment									{font-size:16px; letter-spacing:2px}
.menu-title,
.menu-list > a								{padding:11px 2px 11px}
}

@media (max-width:512px) {
.grid-redbook										{grid-template-columns:1fr}
.article-redbook > :first-child {margin-top:0}

.grid-sites-item								{grid-template-columns:0.5fr 1fr}
.text-sites											{font-size:14px}
}