/*
Theme Name: dizajninterer
Author: dizajninterer
*/


/* NULL */

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, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
BODY {line-height: 1;}
UL {list-style: none;}
:focus {outline: 0;}
INS {text-decoration: none;}
DEL {text-decoration: line-through;}
input::-moz-focus-inner {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, .block {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
.none, .hidden {display: none;}
.clear, .clr {clear: both;}

hr.clear, hr.clr {
	padding: 0;
	margin: 0;
	height: 1px;
	overflow: hidden;
	border: 0;
}

.alignright, .right {
	float: right;
	}

.alignleft, .left {
	float: left;
	}

.center {
	text-align: center;
	}

.centered, .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
    
	}

img.alignright, img.right {
	margin: 0 0 4px 10px;
	display: inline;
	}

img.alignleft, img.left {
	margin: 0 10px 4px 0;
	display: inline;
	}

a img {
	border-radius: 4px;

	}

img {
	max-width: 100%;
	}

/* END NULL */



/* BASE */

body {
	color: #000000;
    font: 16px/30px sans-serif;
    background: #fff;

	}

body div {
	height:auto!important;
}

input, textarea {
	font: 14px/20px Arial;
	}


a {
	color: #e64923;
	text-decoration: none;
	}

a:hover {
	color: #069;
	text-decoration: none;
	}

p{
	margin: 0 0 15px 0;
	text-align: justify;

	}

h1, h2, h3, h4, h5, h6, .title {
    color: #000000;
    margin: 0 0 20px 0;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold;
	}
h1, .title{
	font-size: 24px;
	line-height: 30px;
text-align: justify;
	}
h2{
	font-size: 18px;
	line-height: 28px;
    margin-bottom: 15px;
    margin-top: 20px;
	}
h3{
	font-size: 16px;
	line-height: 24px;
    margin-bottom: 15px;
    margin-top: 20px;
	}
h4{
	font-size: 14px;
	line-height: 22px;
	}
h5{
	font-size: 15px;
	line-height: 20px;
	}
h6{
	font-size: 14px;
	line-height: 18px;
	}
h1 a, h2 a, .title a {
	color: #BF6205;
	text-decoration: none;
	}
h1 a:hover, h2 a:hover, .title a:hover {
	color: #BF6205;
	text-decoration: underline;
	}

footer .title {
	margin: 0 0 15px 0;
	}

#content_home .title {
	padding: 0 0 0 20px;
	}

.widget .title {
	margin: 0 0 5px 0;
	}

.post h1{
	margin: 0 0 0px 0;
	}

footer .title2{
	margin: 0;
	padding: 15px 0 7px 0;
	}


.black{
	color: #000;
	}
.white{
	color: #fff;
	}
.grey{
	color: #808080;
	}
.green{
	color: #34c924;
	}
.red{
	color: #ff0000;
	}
.orange{
	color: #ffa500;
	}
.yellow{
	color: #ffff00;
	}
.blue{
	color: #0000ff;
	}
.purple{
	color: #8b00ff;
	}
.pink{
	color: #ffc0cb;
	}

/* END BASE */



/* ENTRY */

.entry table {
	margin: 0 0 20px 0;
	}

.table {
	border-top: 1px solid #959596;
	border-left: 1px solid #959596;
	}

.table tr th{
	border-bottom: 1px solid #959596;
	border-right: 1px solid #959596;
	background: #f4f4f4;
	padding: 5px 10px;
	}

.table tr td{
	border-bottom: 1px solid #959596;
	border-right: 1px solid #959596;
	padding: 5px 10px;
	}

.entry form {
	margin: 0 0 20px 0;
	}

.entry ul {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	list-style: none;
	}

.entry ol {
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	list-style: none;
	}

.entry ul ul, .entry ol ol, .entry ol ul, .entry ol ul {
	margin: 0;
	padding-top: 5px;
	}

.entry ul ul, .entry ol ul, .entry ol ol, .entry ul ol{
	margin: 0;
	}

.entry ol li, .entry ul ol li {
	margin: 7px 0 8px 10px;
	list-style: decimal outside;
	}

.entry ul li, .entry ol ul li {
	margin: 7px 0 8px 10px;
	list-style-type: disc;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote p {
 margin: 15px 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    padding: 9px 10px 10px 10px;
    font: 16px/26px Arial;
    color: #ffffff;
    border: 1px dashed #fff;
    font-size: 18px;
    line-height: 30px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.18);
    font-family: 'Oswald', Tahoma, Arial;
    background: linear-gradient(to bottom, #51a0c7 5%, #163f53 100%) !important;


}
    


blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

/* END ENTRY */



/* BODY */

#wrap {
	text-align: left;
	margin: 0 auto;
	width: 1100px;
box-shadow: 0 0 15px #000000;
	}





.logo {
	display: block;
	border-bottom: 4px solid #084933;
			   
																									

				   
}




.logo a, .logo img {
	display: block;
	width: auto;
	height: auto;
	border-radius: 0;
}





.top_line {
	background: linear-gradient(to bottom, #163f53 5%, #51a0c7 100%) !important;
	border-radius: 0px;
	height: 0px;
	}








#content_home {
padding: 25px 0 0px 0;
    background: #fff;
	}

#content {
	padding: 25px 20px;
background: #fff;
	}









.home_cat{
	float: left;
    width: 303px;
    height: 290px;
       margin: 20px 0px 25px 48px;
   background: linear-gradient(to bottom, #51a0c7 5%, #163f53 100%) !important;
    border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0, 69, 92, 0.28);
	}

.home_cat2{
	background: linear-gradient(to bottom, #51a0c7 5%, #163f53 100%) !important;
	}

.home_cat3{
background: linear-gradient(to bottom, #51a0c7 5%, #163f53 100%) !important;
	}

.home_cat_img {
	height: 245px;
	}

.home_cat_img img{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 5px;
	vertical-align: bottom;
	}

.home_cat_t{
	height: 45px;
	padding: 0 5px;
	color: #fff;
	font-size: 18px;
	line-height: 45px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42);
	text-transform: uppercase;
	text-align: center;
	overflow: hidden;
	}

.home_cat_t a, .home_cat_t a:hover{
	color: #ffffff;
    font-weight: 700;
    font-size: 19px;
	}


#posts{
	float: left;
	width: 740px;
	padding: 0 20px 0 0;
	}

.breadc {
	padding: 0 0 10px 0;
	color: #4F597C;
	line-height: 18px;
	}

.breadc a, .breadc a:hover{
	color: #4F597C;
	}

.post_list{
    margin: 0 0 20px 0;
    padding: 8px;
    border: 1px solid #bfacb9;
	}

.post_list_img{
	float: left;
	width: 200px;
	padding: 0 20px 0 0;
	}

.post_list_img img{


	
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
	vertical-align: bottom;
	}

.post_list_r{
	float: left;
    width: 68%;
	}

.post_list_t {
	padding: 0 0 7px 0;
	color: #64923;
	font-size: 18px;
	line-height: 26px;
text-align: justify;
	}

.post_list_t a, .post_list_t a:hover{
	color: #64923;
    text-transform: uppercase;
    font-weight: bold;
	}


.post_list_d{
	float: left;
	padding: 0 20px 0 20px;
	background: url('images/date.png') no-repeat 0px 1px;
	color: #b5afae;
	font-size: 11px;
	line-height: 15px;
	}

.post_list_rat{
	float: left;
	padding: 0 20px 0 0;
	line-height: 15px;
	}

.post_list_cat{
	float: left;
	padding: 0 20px 0 0px;
	background: url('images/cat.png') no-repeat 0px 2px;
	color: #b5afae;
	font-size: 11px;
	line-height: 15px;
	}

.post_list_cat a{
	color: #B6B5B5;
	text-decoration: underline;
	}

.post_list_cat a:hover{
	color: #B6B5B5;
	text-decoration: none;
	}

.post_list_e{
	padding: 7px 0 0 0;
	font-size: 17px;
	line-height: 30px;
	text-align: justify;
	}

.post_list_m{
	padding: 8px 0 0 0;
	font-size: 15px;
	line-height: 17px;
	font-weight:bold;
	text-align: right;
text-transform: uppercase;
	}


.post_list_m a:hover{
	text-decoration: none;
	}



.post {
	padding: 0 0 10px 0;
	}

.post_info{
	padding: 0 0 10px 0;
	}


.post_info_vid{
	float: right;
	background: url('images/video.png') no-repeat 0px 0px;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding: 0 0 0 20px;
	}


.post_img{
	padding: 0 0 17px 0;
	}

.post_img img{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	vertical-align: bottom;
	}











.p_nav {
	padding: 0 0 20px 0;
	}

.p_nav a, .p_nav span{
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	margin: 0 16px 0 0;
	border: 1px solid #B6B5B5;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	color: #1c1c1c;
	line-height: 35px;
	text-align: center;
	}

.p_nav a:hover, .p_nav span.current{
	background: linear-gradient(to bottom, #51a0c7 5%, #163f53 100%) !important;
	color: #fff;
	text-decoration: none;
	}



#sidebar{
	float: left;
	width: 300px;
	}

.widget{
	padding: 0 0 15px 0;
	}

.widget_title{

	width: 300px;
	height: 39px;
	background: linear-gradient(to bottom, #51a0c7 5%, #163f53 100%) !important;

	color: #fff;
	font-size: 18px;
	line-height: 39px;
	text-shadow: 0px -1px 0px #486a18;
	text-transform: uppercase;
	text-align: center;
	"border-radius: 9px; border: 2px solid black;
	margin-bottom: 1em !important;
	}

.nav_sb {
	position: relative;
    padding: 0px 2px 2px 2px;
    background: linear-gradient(to bottom, #163f53 5%, #184257 100%) !important;
	}

.nav_sb:before {
	content: " ";
	display: block;
	width: 210px;
	height: 14px;	
	border-radius: 7px;
	position: absolute;
	bottom: -14px;
	left: -5px;
	}

.nav_sb > ul {
	display: block;
	padding: 5px 0;
	background: #fff;
	font-weight: bold;}

.nav_sb > ul > li {
	display: block;
	}

.nav_sb > ul > li > a{
display: block;
    color: #000000;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
	}

.nav_sb > ul > li.current-menu-item > a span, .nav_sb > ul > li.current-menu-parent > a span, .nav_sb > ul > li.current-menu-ancestor > a span, .nav_sb > ul > li.current-post-ancestor > a span{
	padding: 0 0 0 12px;
	background: url('images/nav_sb_a.jpg') no-repeat left center;
	}

.nav_sb > ul > li.current-menu-item > a span span, .nav_sb > ul > li.current-menu-parent > a span span, .nav_sb > ul > li.current-menu-ancestor > a span span, .nav_sb > ul > li.current-post-ancestor > a span span{
	padding: 0 12px 0 0;
	background: url('images/nav_sb_a.jpg') no-repeat right center;
	}

.nav_sb > ul > li a:hover{
	background: linear-gradient(to bottom, #51a0c7 5%, #163f53 100%) !important;
	color: #fff;
	text-decoration: none;
	}

.nav_sb > ul > li a:hover span{
	background: none !important;
	}


.wpp-list > li{
	display: block;
	padding: 20px 0 0 0;
	position: relative;
	}

.wpp-list > li img{
	width: 194px;
	height: 194px;
	border: 3px solid #e59f2a;
	vertical-align: bottom;
	}

.wpp-list > li .wpp-post-title{
	display: none;
	width: 140px;
	padding: 10px;
	background: rgba(229, 159, 42, 0.9);
	position: absolute;
	top: 40px;
	left: 20px;
	color: #171717;
	font-size: 12px;
	line-height: 21px;
	text-align: center;
	text-decoration: none;
	}

.wpp-list > li .wpp-post-title:hover{
	color: #171717;
	text-decoration: none;
	}


footer {
	    background: rgba(171, 199, 212, 0.32);

	}













.f_podp_inp{
	float: left;
	width: 170px;
	}

.f_podp_inp input{
	width: 130px;
	height: 18px;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #dbe4e8;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 69, 92, 0.18);
	-moz-box-shadow: 0px 0px 3px rgba(0, 69, 92, 0.18);
	box-shadow: 0px 0px 3px rgba(0, 69, 92, 0.18);
	}

.f_podp_sub{
	float: left;
	width: 105px;
	}

.f_podp_sub input{
	width: 105px;
	height: 30px;
	background: #B6B5B5;
	border: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	cursor: pointer;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.38);
	}

.f_podp_sub input:hover{
	background: #94c849;
	}




.f_tags{
	float: left;
	width: 97%;
	padding: 10px 0 10px 10px;
	}

.f_tags a{
    float: left;
    display: block;
    height: 31px;
    padding: 0px 0px 0px 0px;
    margin: 3px 1px 5px 11px;
    line-height: 29px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    width: 32%;
    border: 1px solid #364956;
    background: linear-gradient(to bottom, #51a0c7 5%, #225b78 100%);
	}

.f_tags a:hover{  
    background: #cadd50;    color: #000;
	}













.copy{
    float: left;
    width: 100%;
    padding: 10px 0 0 0px;
    color: #212121;
    font-size: 12px;
    line-height: 18px;
	}



/* END BODY */














/* JRPP */
.JRPP_wrap {
	box-sizing: border-box;
	width: 100%;
	clear: both;
	overflow: hidden;
	margin: 0 0 1em 0;
}
.JRPP_wrap * {
	box-sizing: border-box;
}
.JRPP_wrap ul {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}
.JRPP_wrap ul li {
	width: 33%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 5px;
	background: #eee;
    border: 2px solid #f00;
    border-radius: 5px;
    position: relative;
}
.JRPP_wrap ul li:hover {
	background: #eee;
    border-color: #bbb;
}
.JRPP_wrap ul li + li {
	margin-left: 0.5%;
}
.JRPP_image {
	display: block;
	width:  100%;
	height: 100%;
	
}
.JRPP_image img {
	display: block;
	width: 100%;
	height: 230px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.JRPP_wrap ul li:hover .JRPP_image img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.JRPP_name {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
    color: #fff;
    font-size: 18px;
    text-shadow: 1000 .1em .1em .2em;
	vertical-align: bottom;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.JRPP_name a {
	display: block;
	line-height: 1.5;
text-align: center;
	color: #fff;
    margin: 5px;
    padding: 5px;
    background: rgb(0.5, 0.5, 0.5);
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; max-height: 85px;
}
.JRPP_wrap li:hover .JRPP_name a {
	text-decoration: none;
	background: #000;
}
/* END JRPP */





.breadcrumbs{
margin: -5px 0 12px 0px; /* отступы */
overflow: hidden;
text-transform: uppercase;
    text-shadow: 0px 2px 3px #ddd;
    font-weight: 700;

}

.breadcrumbs2{
float:right;

}

.breadcrumbs a {
color: #ff0000; /* цвет ссылок - голубой */
text-transform: uppercase;
    text-shadow: 0px 2px 3px #ddd;
    font-weight: 700;
	
}
.breadcrumb > span {
color: #000; /* цвет конечного пункта - черный */
}
.breadcrumb{
  float:right;
}


.f_bot{
	height: 40px;
	text-align: center;	}

#submit {
    display: block;
    height: 31px;
    padding: 0px 0px 0px 0px;
    margin: 3px 1px 5px 11px;
    line-height: 29px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    width: 32%;
    border: 1px solid #364956;
    background: linear-gradient(to bottom, #51a0c7 5%, #225b78 100%);
}

@media all and (max-width: 1024px) {
						 
											 
 

	#wrap {
		position: relative;
		overflow: hidden;
		width: auto;
		box-shadow: none;
	}

	.logo {
		display: block;
		width: auto;
		padding: 0;
		float: none;
	}

	.logo img {
		width: 100%;
		height: auto;
	}
	
	.home_cats {
		display: block;
		position: relative;
		margin: 0 10px;
		font-size: 0;
		line-height: 0;
	}
	
	.home_cats .clear {
		display: none;
	}
	
	.home_cat {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		height: auto;
		box-sizing: border-box;
		margin: 0 0 20px;
		padding: 0 10px;
		font-size: 16px;
		line-height: 1.4;
		float: none;
		background: transparent;
		box-shadow: none;
	}

	.home_cat_img {
		display: block;
		height: auto;
		background: #179067;
	}
	
	.home_cat_img a {
		display: block;
		position: relative;
	}
	
	.home_cat_img img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 0;
	}
	
	.home_cat_t {
		background: #179067;
		height: auto;
		line-height: 25px;
		padding: 10px;
	}
	
	#content {
		display: block;
		position: relative;
		padding-left: 240px;
	}

	#posts {
		width: 100%;
		float: left;
		padding: 0;
		margin-left: -220px;
	}
	
	#sidebar {
		float: right;
	}
	
	.breadc {
		padding: 0;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	
	.post_list {
		display: block;
		position: relative;
		overflow: hidden;
	}
	
	.post_list_t {
		font-size: 20px;
		line-height: 1.2;
		padding: 0;
		margin-bottom: 10px;
		text-align: left;
	}
	
	.post_list_e {
		padding: 0;
		line-height: 1.4;
		text-align: left;
	}
	
	.post_list_r {
		float: none;
		width: auto;
		position: relative;
		overflow: hidden;
	}
	
	.post_list_img + .post_list_r {
		margin-left: 220px;
	}
	
	.post_info {
		padding: 0;
	}
	
	h1 {
		line-height: 1.3;
		margin-bottom: 20px;
	}
	
	.entry {
		line-height: 1.4;
	}
	
	.entry img {
		max-width: 100%;
	}
	
	blockquote p {
		padding: 10px 20px 10px 80px;
		line-height: 1.3;
		font-weight: normal;
		text-align: left;
	}
	
	.yuzo_related_post .yuzo_wraps .yuzo-list {
		display: block;
		float: none;
		width: auto;
		clear: none;
		position: relative;
		padding: 10px;
		line-height: 1.4;
	}
	
	.yuzo_related_post .link-list {
		font-size: 16px;
		line-height: 1.3 !important;
		margin-bottom: 5px;
	}
	
	#ez-toc-container a {
		font-size: 16px;
	}
	
	#ez-toc-container p.ez-toc-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
}

@media all and (max-width: 768px) { 
	
	.home_cat {
		width: 50%;
	}
	
	.JRPP_wrap {
		margin: 0;
	}
	
	.JRPP_wrap ul {
		font-size: 0;
		line-height: 0;
		margin: 0 0 0 -15px;
	}
	
	.JRPP_wrap ul li {
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 47%;
		margin-left: 15px;
		margin-bottom: 15px;
		float: none;
		font-size: 14px;
		line-height: 1.3;
	}
	
	.JRPP_wrap ul li + li {
		margin-left: 15px;
	}
	
	.JRPP_image img {
		height: auto;
	}
	
	.JRPP_name {
		font-size: 14px;
		line-height: 1.3;
		padding: 6px 10px;
		max-height: none;
	}
	
	#content {
		padding-left: 20px;
	}
	
	#posts {
		float: none;
		width: auto;
		margin: 0 0 30px;
	}

	#sidebar {
		display: block;
		margin: 0 auto;
		float: none;
	}
	
}


@media all and (max-width: 600px) { 
																								  
	.post_list_img {
		float: none;
		padding: 0;
		margin: 0 auto 20px;
		text-align: center;
	}
	
	.post_list_img + .post_list_r {
		margin-left: 0;
	}
	
	.post_list_img img {
		display: inline-block;
	}
	
	.entry {
		font-size: 15px;
		line-height: 1.4;
	}
	
	.JRPP_wrap ul {
		margin-left: 0;
	}
	
	.JRPP_wrap ul li {
		width: auto;
		display: block;
		margin: 0 0 15px;
	}

	.JRPP_wrap ul li + li {
		margin-left: 0;
	}
	
	.yuzo-list .image-list {
		float: none;
		display: block;
		margin: 10px 0 0;
		text-align: center;
	}
	
	.yuzo-list .yuzo-img-wrap {
		display: inline-block;
	}

	   
			  
}

@media all and (max-width: 480px) {
	
	.home_cat {	   
		width: 100%;
	}
	
}

.adsbygoogle {
	height: auto!important;
}