/* Сброс */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} body { line-height:1} ol, ul {list-style:none;margin:0;padding:0} blockquote, q { quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none} table {border-collapse:collapse;border-spacing:0}

body { background:url("../images/texture.jpg") repeat; color: #333; font-family: Verdana, Arial, Helvetica, Sans-Serif; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; line-height: 1.2;}
h3, h4, h5, h6 { padding: 10px 0;}
a { color: #333; text-decoration:none; transition: all 0.3s ease;}
a:hover { color: #d35614;}
b { font-weight: bold;}
i { font-style: italic;}
.erid { font-size: 8px; color: #777; }
.bg { border:1px solid #f00;}
.bg1 {  background:url("../images/box.jpg") repeat;}
.bg1:after { content:''; border:12px solid transparent; position:absolute; left:20px; margin-left:-12px; bottom:-20px; width:0; border-top:12px solid #d35614;}
.bg2 { background:url("../images/footer.png") repeat;}
.bg2:after { content:''; border:12px solid transparent; position:absolute; left:20px; margin-left:-12px; bottom:-20px; width:0; border-top:12px solid #333;}
.header { background:url("../images/header.jpg") center no-repeat; background-size: cover; color: #fff;}
.logo { color: #fff; text-transform: uppercase; font-weight: bold; padding: 25px 0;}
.logo p { text-transform: lowercase; line-height: 0;}
.logo a { color: #fff;}
.mail a { color: #fff; padding: 5px 15px; width: 100%; display:inline-block; text-align: center; margin: 39px 0;}
.mail a:hover { background: #fff; color: #d35614; border-radius: 3px;}
.main-menu { background:url("../images/footer.png") repeat; height: 40px;line-height: 40px;}
.main-menu ul li:first-child { padding-left: 0px;}
.main-menu ul li:last-child { padding-right: 20px; float: right; line-height: 40px;}
.main-menu ul li { display:inline-block;line-height: 38px;}
.main-menu a {color: #fff; border-radius: 3px; text-decoration: none;}
.main-menu a:hover, .main-menu a.active { background:#d35614;}
.field-search { height: 32px; border: 0; padding: 0 10px; color:#ccc; border-radius: 3px; width: 100%;}
.button-search { font-size: 14px; height: 28px; border: 0; padding: 0 10px; border-radius: 3px; background: #333; color: #fff;transition: all 0.3s ease; position: absolute; cursor:pointer;}
.button-search:hover { background: #d35614;}
.button { background: #333; color: #fff; padding: 8px 15px; border-radius: 3px; border: 0; cursor:pointer;transition: all 0.3s ease;}
.button:hover { background: #d35614; color: #fff;}
.boxtitle { color: #fff; border-radius: 3px; position:relative; display:block; padding: 10px 20px; margin-bottom: 20px;}
.boxcontent { margin-bottom: 20px; background: #fff; border-radius: 3px;}
.title { display:inline-block; border-bottom: 1px solid #ccc; border-left: 3px solid #fff; padding: 15px; background: #fff; width: 100%; transition: all 0.3s ease;}
.title:hover { border-left: 3px solid #d35614;}
.archives { padding-bottom: 20px;}
.archives a { display:inline-block; border-bottom: 1px solid #ccc; border-left: 3px solid #fff; padding: 5px 15px; background: #fff; width: 100%; transition: all 0.3s ease;}
.archives a:hover { border-left: 3px solid #d35614;}
#dle_news_archive_link a { display:inline; border:0; border-radius: 3px; background: #333; color: #fff;}
#dle_news_archive_link a:hover { background: #d35614; color: #fff;}

.date { color: #aaa;}
.date-main { color: #d35614; padding-right: 20px; font-weight: bold;}
.topnews a { padding: 15px; border-bottom:  1px solid#ccc; display: block;}
.topnews a:last-child { border-bottom: 0;}
.short, .full { padding: 20px; background: #fff; border-radius: 3px; border-bottom: 1px solid #ccc;}
.feedback { padding: 0 20px 20px; background: #fff; border-radius: 3px;}
.twitter span, .facebook span, .telegram span, .vkontakte span { padding-left: 20px;}
.twitter i, .facebook i, .telegram i, .vkontakte i { font-size: 22px; position: absolute;}
.twitter:hover { background: #00acee; color: #fff;}
.facebook:hover { background: #3b5998; color: #fff;}
.telegram:hover { background: #0088cc; color: #fff;}
.vkontakte:hover { background: #0077ff; color: #fff;}
.twitter { background: #fff; color: #00acee;}
.facebook { background: #fff; color: #3b5998;}
.telegram { background: #fff; color: #0088cc;}
.vkontakte { background: #fff; color: #0077ff;}
.full { margin-bottom: 20px;}
.full img { width: 100%; height: auto;}
.short p, .full p, .title p { text-align: justify;}
.short a, .full a { color: #d35614; border-bottom: 1px solid #fff;}
.short a:hover, .full a:hover { border-bottom: 1px solid #d35614;}
.edit, .print { border-radius: 3px; display:table-cell; background: #f0f0f0;}
.edit:hover, .print:hover { background:#d35614; color: #fff;}
.clr {clear: both;}

.searchresult { background: #fff; padding: 15px; border-bottom: 1px solid #ccc}
.banner { text-align: center; margin-bottom: 15px; }
.banner img { max-width: 100%; height: auto; }

.showorhide { display: block; font-size: 20px; color: #fff; position: absolute; top: 4px; right: 12px;}

.navigation { margin-top: 20px;}
.page a, .page span.nav_ext { background: #fff; color: #333; border-radius: 3px; text-decoration:none; line-height: 30px;}
.page a:hover, .page span { background:#d35614; color: #fff; border-radius: 3px;}
.prev, .next {background:#fff; color: #333; border-radius: 3px;}
.prev:hover, .next:hover { background:#d35614; color: #fff;}

.footer { background:url("../images/footer.png") repeat; color: #fff; padding: 20px 0; margin-top: 20px;}
.footer a { color: #fff; text-decoration: none;}
.footer a:hover { color: #fff; text-decoration: underline;}
.plus { background: #fff; color: #d35614; padding: 7px 5px 8px; border-radius: 3px; font-weight: bold;}

.m-info { font-size: 11px; margin-top: 40px; padding-top: 10px; color: #fff; text-align: center; border-top: 1px solid #fff;}
.m-box { padding-top: 20px;}
.menu { font-size:18px; padding:10px 20px; background:url("../images/box.jpg") repeat;}
.menu_icon { display:none; width:25px; height:15px; position:relative; cursor:pointer;}
.menu_icon span { display:block; position:absolute; height:3px; width:100%; background:#fff; border-radius:5px; opacity:1; left:0; transform:rotate(0deg); transition:.25s ease-in-out;}
.menu_icon span:nth-child(1) { top:0px;}
.menu_icon span:nth-child(2), .menu_icon span:nth-child(3) { top:8px;}
.menu_icon span:nth-child(4) { top:16px;}
.menu.menu_state_open .menu_icon span:nth-child(1) { top:18px; width:0%; left:50%;}
.menu.menu_state_open .menu_icon span:nth-child(2) { transform:rotate(45deg);}
.menu.menu_state_open  .menu_icon span:nth-child(3) { transform:rotate(-45deg);}
.menu.menu_state_open  .menu_icon span:nth-child(4) { top:18px; width:0%; left:50%;}
.menu.menu_state_open .menu_links { display:block;}

@media screen and (min-width: 320px) and (max-width: 425px) {
	body { font-size: 12px;}
	h1 { font-size: 16px; padding: 15px 0;}
	h2 { font-size: 15px; padding: 12px 0;}
	h3 { font-size: 14px;}
	h4 { font-size: 13px;}
	h5 { font-size: 12px;}
	h6 { font-size: 10px;}
	.date, .clock, .copyright { font-size: 10px;}
	.date-main, .footer { font-size: 11px;}
	.date { padding-right: 10px;}
	.social a { font-size: 20px;}
	.page a, .page span.nav_ext, .page a:hover, .page span { padding: 6px;}
	.prev, .next { padding: 6px 12px;}
	#calendar { font-size: 12px;}
	.monthlink i.fa-angle-left, .monthlink i.fa-angle-right { font-size: 14px;}
	.monthselect { line-height: 30px;}
	.edit, .print { padding: 3px 15px 4px;}
	.top { margin-top: 65px;}
	.menu_icon { display:inline-block;}
  	.menu_links { position:fixed; 
		display:none; top:0; 
		right:0; left:0;
		margin-bottom:500px;
		z-index:1000; 
		overflow:auto;}
  	.menu_links-item { display:block; 
		padding:6px 10px;
		color:#fff;
		font-size:16px;  
		text-decoration:none;}
	.menu_links-item:hover { color:#fff; text-decoration:none;}
	.button-search { right: 17px; top: 22px;}
	.twitter i, .facebook i, .telegram i, .vkontakte i { top: 8px; left: 10px;}
	.cat-img { width: 100%; height: auto; }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
	body { font-size: 12px;}
	h1 { font-size: 16px; padding: 15px 0;}
	h2 { font-size: 15px; padding: 12px 0;}
	h3 { font-size: 14px;}
	h4 { font-size: 13px;}
	h5 { font-size: 12px;}
	h6 { font-size: 10px;}
	.header { height: 130px;}
	.logo { font-size: 28px;}
	.logo p, .mail a { font-size: 13px;}
	.main-menu a { padding: 7px 8px 8px;}
	.field-search { font-size: 12px;}
	.date, .clock, .copyright { font-size: 10px;}
	.date-main, .footer { font-size: 11px;}
	.date { padding-right: 20px;}
	.social a { font-size: 20px;}
	.page a, .page span.nav_ext, .page a:hover, .page span { padding: 8px;}
	.prev, .next { padding: 8px 14px;}
	#calendar { font-size: 10px;}
	.monthlink i.fa-angle-left, .monthlink i.fa-angle-right { font-size: 12px;}
	.monthselect { line-height: 30px;}
	.edit, .print { padding:  3px 12px 4px;}
	.top { margin-top: 20px;}
	.button-search { right: 2px; top: 6px;}
	#dle_news_archive_link a { font-size: 10px; padding: 8px 10px;}
	.twitter i, .facebook i, .telegram i, .vkontakte i { top: 8px; left: 10px;}
	.cat-img { float: left;  padding-right: 15px; width: 200px;}
}

@media screen and (min-width:769px) and (max-width: 1024px) {
	body { font-size: 13px;}
	h1 { font-size: 22px; padding: 20px 0;}
	h2 { font-size: 18px; padding: 15px 0;}
	h3 { font-size: 16px;}
	h4 { font-size: 14px;}
	h5 { font-size: 12px;}
	h6 { font-size: 10px;}
	.header { height: 150px;}
	.logo { font-size: 34px;}
	.logo p, .mail a { font-size: 16px;}
	.main-menu a { padding: 7px 12px 8px;}
	.field-search { font-size: 14px;}
	.date, .clock, .copyright { font-size: 11px;}
	.date-main, .footer { font-size: 12px;}
	.date { padding-right: 20px;}
	.social a { font-size: 22px;}
	.page a, .page span.nav_ext, .page a:hover, .page span { padding: 10px;}
	.prev, .next { padding: 10px 16px;}
	#calendar { font-size: 12px;}
	.monthlink i.fa-angle-left, .monthlink i.fa-angle-right { font-size: 15px;}
	.monthselect { line-height: 32px;}
	.edit, .print { padding: 3px 15px 4px;}
	.top { margin-top: 20px;}
	.button-search { right: 2px; top: 6px;}
	#dle_news_archive_link a { font-size: 12px; padding: 8px 15px;}
	.twitter i, .facebook i, .telegram i, .vkontakte i { top: 8px; left: 10px;}
	.cat-img { float: left;  padding-right: 15px; width: 200px;}
}

@media screen and (min-width: 1200px) {
	body { font-size: 14px;}
	h1 { font-size: 24px; padding: 20px 0;}
	h2 { font-size: 20px; padding: 15px 0;}
	h3 { font-size: 18px;}
	h4 { font-size: 16px;}
	h5 { font-size: 14px;}
	h6 { font-size: 12px;}
	.header { height: 160px;}
	.logo { font-size: 38px;}
	.logo p, .mail a { font-size: 18px;}
	.main-menu a { padding: 7px 15px 8px;}
	.field-search { font-size: 14px;}
	.date, .clock, .copyright { font-size: 12px;}
	.date-main, .footer { font-size: 14px;}
	.date { padding-right: 20px;}
	.social a { font-size: 24px;}
	.page a, .page span.nav_ext, .page a:hover, .page span { padding: 10px;}
	.prev, .next { padding: 10px 16px;}
	#calendar { font-size: 12px;}
	.monthlink i.fa-angle-left, .monthlink i.fa-angle-right { font-size: 15px;}
	.monthselect { line-height: 32px;}
	.edit, .print { padding: 3px 15px 4px;}
	.top { margin-top: 20px;}
	.button-search { right: 2px; top: 6px;}
	#dle_news_archive_link a { font-size: 12px; padding: 8px 15px;}
	.twitter i, .facebook i, .telegram i, .vkontakte i { top: 10px; left: 10px;}
	.cat-img { float: left;  padding-right: 15px; width: 200px;}
}