/*
	Theme Name: nv
	Author: @Gr
	Version: 3.2 // <- wp_enqueue_style's version number
	Stylesheet: Main Stylesheet
*/


* {
	margin: 0;
	padding: 0;
	}

html {
	height: 100%;
	}

body {
	width: 100%;
	color: #333333;
	font-size: 16px;
	line-height: 1.3;
	font-family: Serif, Verdana, Tahoma, Arial;
	margin: 0px auto 0px;
	padding: 0px;
	height: 100%;
	}

@media screen and (max-width: 986px) {
body {
	width: 680px;
	font-size: 18px;
}
}

@media screen and (max-width: 576px) {
  body {
    width: 100%;
  }
}

img {
	max-width: 650px;
	height: auto;
	margin: 5px 15px 0px 0px;
	}

@media screen and (max-width: 768px) {
img {
	max-width: calc(100% - 4px);
	height: auto;
	}
}


@media screen and (max-width: 576px) {
img {
  max-width: 315px;
  margin: 0px auto 0px;
}
}

.thumb {
	width: 650px;
	}

.afigure .afigure-hd .afigure-main .cf {
	width: 650px;
	}


#wrap {
	background: #FFF;
	width: 100%;
	color: #141414;
	margin: 0px auto 0px;
	padding: 0px;
	position: relative;
	min-height: 100%;
	}

/************************************************
*	Hyperlinks				*
************************************************/

a, a:visited {
	color: #004475;
	text-decoration: none;
	}

a:hover {
	color: #ff0000;
	text-decoration: underline;
	}

a img {
	border: none;
	}

a:focus, a:hover, a:active {
	outline: none;
	}

/************************************************
*	Header  									*
************************************************/
#header_wrap {
	width: 100%;
	border-top: 1px solid #b70214;
	}

.topmenu_wrap {
	width: 100%;
	height: 30px;
	}

.topmenu {
	width: 986px;
	margin: 0px auto 0px;
}


#header {
	width: 986px;
	height: 112px;
	font-size: 14px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}

@media screen and (max-width: 986px) {
#header {

	width: 652px;
}
}

@media screen and (max-width: 576px) {
#header {
	width: 100%;
}
}


#headerright {
	width: 40px;
	float: right;
	margin: 0px;
		padding: 0px;
		right: 0;

	}

#headerright a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#headerleft {
	width: 180px;
	font-size: 14px;
	float: left;
	padding: 0px auto 0px;
}

#headerleft a img {
	border: none;
	margin: 9px 0px 0px 2px;
	padding: 0px;
}

#headercenter {
	float: right;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 0;
}

.headercenter img {
	border: none;
	margin: 0px;
	padding: 0px;
}

#menuline {
	background: #003081;
	color: #fff;
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #dcdcdc;
}

/************************************************
*	Content 				*
************************************************/

#content {
	width: 986px;
	margin: 0px auto 0px;
	padding: 2px 0px;
	line-height: 18px;
	position: relative;
	min-height: 100%;
	padding-bottom: 46px;
}

@media screen and (max-width: 986px) {
#content {
	width: 652px;
	padding: 4px 0px;
}
}

@media screen and (max-width: 576px) {
#content {

	width: 100%;
}
}


#content h1 {
	color: #424242;
	font-size: 32px;
	font-weight: bold;
	margin: 20px 5px 10px 0px;
	padding: 0px;
	line-height: 1.1;
}

#content h1 a, #content h1 a:visited  {
	font-size: 28px;
	line-height: 1.0;
	margin: 5px 0px 5px 0px;
}


@media screen and (max-width: 576px) {
#content h1 {
	font-size: 22px;
	margin: 0px 10px 5px 10px;
	}

#content h1 a, #content h1 a:visited  {
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 10px;
	}
}

#content h2 {
	color: #424242;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;
	padding: 0px;
	line-height: 1.1;
}

#content h2 a, #content h2 a:visited  {
	font-size: 20px;
}

@media screen and (max-width: 576px) {
#content h2 {
	font-size: 18px;
	margin: 0px 0px 10px 15px;
	float: left;
	}

#content h2 a:visited  {
	font-size: 18px;
	margin: 0px 0px 5px 2px;
	}
}


#content h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	line-height: 1.1;
}

#content h3 a, #content h3 a:visited  {
	font-weight: bold;
}

#content h4 {
	font-size: 17px;
	font-weight: bold;
	margin: 2px 0px 5px 0px;
	line-height: 1.1;
}

#content h4 a, #content h4 a:visited  {
	font-weight: bold;
}

@media screen and (max-width: 986px) {
#content h4 {
	font-size: 19px;
}
}

#content h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 2px 0px 4px 0px;
	line-height: 1.1;
}

#content h5 a, #content h5 a:visited  {
	font-weight: bold;
}

@media screen and (max-width: 986px) {
#content h5 {
	font-size: 18px;
}
}

#contentleftfirst {
	float: left;
	width: 652px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 170px;
	position: relative;
}

@media screen and (max-width: 986px) {
#contentleftfirst {
	float: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
}

#contentleft {
	float: left;
	width: 652px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 46px;
	position: relative;
}

@media screen and (max-width: 986px) {
#contentleft {
	float: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
}

@media screen and (max-width: 576px) {
#contentleft {
	max-width: calc(100% - 25px);
	padding: 0px 12px;
}
}


#contentleft a img {
	border: none;
}

.error {
	background: #FFFFFF;
	float: left;
	width: auto;
	margin: 0px 0px 15px 0px;
	padding: 5px 5px 5px 35px;
}

@media screen and (max-width: 576px) {
.error {
	background: #FFFFFF;
	float: left;
	width: auto;
	margin: 0px 0px 15px 0px;
	padding: 5px 5px 5px 35px;
	border: 1px solid #DDDDDD;
}
}

.postarea {
	background: #FFFFFF;
	float: left;
	width: 100%;
	line-height: 1.5;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	text-align: left;
	}

@media screen and (max-width: 986px) {
.postarea {
	background: #FFFFFF;
	float: left;
}
}

@media screen and (max-width: 986px) and (orientation: landscape) {
.postarea {
	width: 100%;
}
}

.postarea p {
	margin-right: 10px;
	text-align: left;
	padding: 0px 0px 12px 0px;
	}

@media screen and (max-width: 576px) {
.postarea p {
	margin-right: 0px;
	float: left;
	}
}

.postarea ul {
	margin: 0px;
	padding: 0px 0px 15px 20px;
	}

.postarea ul li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

.postarea ul ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	}

.postarea li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

.postarea ol {
	margin: 0px;
	padding: 0px 0px 15px 20px;
	}

.postarea ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

@media screen and (max-width: 576px) {
.postarea li {
	margin: 0px auto;
	text-align: center;
	}
}


#first {
	width: 650px;
	margin: 6px 0px 3px 0px;
	padding: 1px;
border-top: 1px solid #c0c0c0;
}

@media screen and (max-width: 576px) {
#first {
  width: 100%;
  text-align: center;
	}
}


#first h1 {
	color: #424242;
	font-size: 30px;
	font-weight: bold;
	margin: 5px 5px 5px 0px;
	padding: 0px;
	line-height: 1.0;
}

#first h1 a, #first h1 a:visited  {
	font-size: 26px;
	line-height: 1.0;
	margin: 0px 0px 5px 0px;
}

@media screen and (max-width: 576px) {
#first h1 a, #first h1 a:visited {
  font-size: 20px;
  font-weight: bold;
}
}

.blocks {
	width: 653px;
	float: left;
	margin: 5px 5px 0px 0px;
	padding: 5px 10px 5px 5px;
	border: 1px solid #E0E0E0;
}

@media screen and (max-width: 986px) {
.blocks {
	width: 633px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 10px;
}
}

@media screen and (max-width: 576px) {
.blocks {
	max-width: calc(100% - 20px);
    margin: 5px auto 5px;
    padding: 5px;
}
}

.blocks li {
	list-style-type: none;
	margin: 0px;
}

.blocksimage {
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 1px;
}

@media screen and (max-width: 576px) {
.blocksimage {
	float: none;
	margin: 0px auto;
	text-align:center;
	padding: 0px;
}
}

.blocksimage img {
	width: 250px;
	float: left;
}

@media screen and (max-width: 576px) {
.blocksimage img {
	width: 300px;
	float: none;
	text-align:center;

}
}

.blocksimagebank {
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 1px;
}

@media screen and (max-width: 576px) {
.blocksimagebank {
	float: none;
	margin: 0px auto;
	text-align:center;
	padding: 0px;
}
}

.blocksimagebank img {
	width: 100px;
	float: left;
}

.blockstext {
	text-align: left;
line-height: 1.3
}

.blocks_first {
	width: 650px;
	float: left;
	margin: 2px 3px 3px 3px;
	padding: 10px 3px 5px 0px;
border-top: 1px solid #C0C0C0;
}


.blocks_l {
	width: 315px;
	max-height: auto;
	float: left;
	margin: 2px 0px 3px 0px;
	padding: 5px 0px 5px 0px;
border-top: 1px solid #C0C0C0;
}


.blocks_l_r {
	width: 315px;
	max-height: auto;
	float: right;
	margin: 2px 0px 3px 8px;
	padding: 5px 0px 5px 5px;
border-top: 1px solid #C0C0C0;
}

.blocks_r {
	width: 205px;
	float: left;
	margin: 2px 5px 3px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #E3E3E3;
}


.left_home {
float: left;
width: 652px;
margin: 0px 0px 0px 4px;
}

.lefthomeblock {
width: 315px;
margin: 5px 0px;
	text-align: left;
	line-height: 1.2;
float: left;
}

.lefthomeblock img {
width: 315px;
float: left;
margin: 0;
}

.right_home {
float: right;
width: 315px;
}

.righthomeblock {
width: 315px;
margin: 5px 0px 10px 0px;
	text-align: left;
	line-height: 1.2;
float: right;
}

.righthomeblock img {
width: 315px;
float: right;
margin: 0;
}

.postmetadata {
font-weight: bold;
color: #777;
font-size: 11px;
text-transform: uppercase;
}

.allcat {
	color: #777;
 	font-size: 12px;
	width: 630px;
float: left;
padding: 0px 5px 10px 0px;
line-height: 2;
text-transform: uppercase;
}

@media screen and (max-width: 576px) {
.allcat {
	width: 100%;
}
}

.allcat a, .allcat a:visited {
	font-weight: bold;
	color: #004475;
	text-decoration: none;
padding: 0px 10px 0px 0px;
margin: 2px;
	}

.allcat a:hover {
	color: #ff0000;
	text-decoration: none;
	}

.allcat a img {
	border: none;
	}

.allcat a:focus, a:hover, a:active {
	outline: none;
	}

.allcatfin {
	color: #777;
	width: 630px;
float: left;
padding: 20px 5px 5px 0px;
line-height: 2;
text-transform: uppercase;
}

@media screen and (max-width: 576px) {
.allcatfin {
	width: 100%;
}
}

.postmeta {
	width: 680px;
	height: auto;
	padding: 8px 0px 0px 0px;
	margin: 45px 20px 0px 20px;
}

.adsbetween {
	width: 468px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

.menu2 {
	background: #FFFFFF;
	float: left;
	font-size: 16px;
	width: auto;
	margin: 20px 15px 10px 20px;
	padding: 2px 0px 4px 0px;
}

.menu2 ul li {
list-style-type: none;
}

.dop-menu-left {
	margin: 5px 15px 10px 25px;
}

.menu2 li {
padding-bottom:10px;
}

.navpage {
	background: #FFFFFF;
	float: left;
	width: auto;
	margin: 0px;
	padding: 20px 0px;
}

.add {
	background: #FFFFFF;
	float: left;
	width: 643px;
padding: 5px 0px 5px 5px;
margin-top: 15px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}

@media screen and (max-width: 576px) {
.add {
width: 100%;
}
}

/************************************************
*	Images  					     		    *
************************************************/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}

img.alignnone {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	display: inline;
	}

.wp-caption {
max-width: 635px;
	width: auto;
position: relative;
padding: 0;
margin: 0px 0px 12px 0px;
}

.wp-caption img {
display: block;
max-width: 635px;
height: auto;
padding: 0px 15px 8px 15px;
margin: 0px;
}

.wp-caption-text {
display: block;
position: absolute;
width: auto;
color: #fff;
right: 0;
bottom: 0;
padding: 1em;
z-index: 2;
box-sizing: border-box;
background-color: rgba(0,0,0,.5);
}

.wp-caption p {
float: left;
padding: 3px 15px;
margin: 0px 2px 8px 2px;
font-size: 12px;
}

img.alignright {
	padding: 0px;
	margin: 3px 0px 0px 2px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 3px 0px 0px 2px;
	display: inline;
	}

.aligncenter {
	display: block;
	margin-left: none;
	margin-right: none;
padding: 0px 0px 25px 25px;
width: 680px;
height: auto;
	}

.alignright {
	float: right;
	margin: 2px 1px 0px 1px;
	}

.alignleft {
	float: left;
	margin: 3px 0px 0px 4px;
	}

.alignleft_1 {
	float: left;
	font-size: 11px;
	margin: 4px 0px 0px 4px;
}

.alignright2 {
	float: right;
	margin: 3px 25px 2px 10px;
}

.alignleft2 {
	float: left;
	margin: 3px 10px 2px 25px;
}

.next {
    font-size: 14px;
    padding: 0px 8px;
    margin: 5px 10px 5px 25px;
    background-color: #EEE !important;
    color: #282828 !important;
    border-radius: 6px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 1px 0px #FFF inset;
    background-image: -moz-linear-gradient(center top , #EEE, #E1E1E1);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #D9D8D8 #CCCBCB #AEAEAE;
    transition-duration: 0.2s;
    -moz-user-select: none;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
}

.nextpost {
	font-size: 16px;
	display: block;
	padding: 5px 10px;
	margin: 10px 0px 25px 0px;
	background-color: #EEE;
}

.nextpost a {
	display: block;
	color: #D10000;
}

/************************************************
*	Sidebar 		    	        	        *
************************************************/

#sidebarfirst {
	float: right;
	width: 302px;
	padding: 2px 0px 10px 0px;
	display: inline;
	position: relative;
	padding-bottom: 170px;
}

@media screen and (max-width: 986px) {
#sidebarfirst {
	float: left;
	width: 100%;
	padding-bottom: 180px;
}
}

@media screen and (max-width: 576px) {
  #sidebarfirst {
    width: calc(100% - 10px);
    wight: none;
  }
}

#sidebar {
	float: right;
	width: 302px;
	padding: 2px 0px 10px 0px;
	display: inline;
	position: relative;
	padding-bottom: 46px;
}

@media screen and (max-width: 986px) {
#sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 6px 0px;
	padding-bottom: 62px;
}
}

/************************************************
*	Left Sidebar                    	        *
************************************************/

.l_sidebar_single {
	background: #FFFFFF;
	float: right;
	width: 302px;
	height: auto;
	padding: 1px;
	display: inline;
	text-align: center;
}

@media screen and (max-width: 986px) {
.l_sidebar_single {
	float: left;
	width: 100%;
	padding: 0px;
}
}

.l_sidebar {
	background: #FFFFFF;
	float: right;
	width: 302px;
	margin: 1px 0px 5px 0px;
	padding: 1px;
	display: inline;
	text-align: center;
}

@media screen and (max-width: 986px) {
.l_sidebar {
	float: left;
	width: 100%;
	padding: 0px;
}
}

@media screen and (max-width: 576px) {
  .l_sidebar {
    float: left;
    width: calc(100% - 15px);
    padding: 0px 5px 0px 5px;
  }
}

.l_sidebar ul{
list-style-type: none;
}

.l_sidebar li{
list-style-type: none;
padding: 0px 0px 4px 0px;
}

.sidetitle {
background: #003081;
color: #fff;
width: 290px;
padding: 1px 0px 1px 10px;
margin: 5px 0px 8px 0px;
text-align: left;
}

@media screen and (max-width: 986px) {
.sidetitle {
	width: auto;
}
}

.sidetitlefin {
background: #ededed;;
color: #003081;
width: 300px;
padding: 10px 0px 10px 0px;
margin: 10px 0px 0px 0px;
text-align: center;
border: 1px solid #e0e0e0;
}

@media screen and (max-width: 986px) {
.sidetitlefin {
	width: auto;
}
}

.sidebarnext {
font-size: 15px;
padding: 0px 5px 0px 0px;
text-align: right;
}

.sidebarnext a {
    color: #D10000;
}

.rightblockfirst {
	width: 300px;
	margin: 0px auto;
	text-align: left;
	line-height: 1.2;
}

@media screen and (max-width: 986px) {
.rightblockfirst {
	width: 100%;
	margin: 0px;
}
}

.rightblock {
	width: 300px;
	margin: 0px auto;
	text-align: left;
	line-height: 1.2;
}

@media screen and (max-width: 986px) {
.rightblock {
	width: 100%;
	margin: 0px;
	text-align: center;
}
}

.line	{
	height: 1px;
	margin: 10px 2px 6px 2px;
	border-top: 1px dotted #D10000;
 }

.serchline	{
	height: 1px;
	margin: 10px 2px;
	border-top: 1px dotted #C0C0C0;
 }

@media screen and (max-width: 900px) {
.l_sidebar li{
list-style-type: none;
padding: 4px 0px 4px 0px;
}
}

.link {
width: 620px;
float: left;
padding: 0px 20px 5px 25px;
	font-size: 14px;
}

.link a, .link a:visited  {
    color: #999;
}

.link a:hover {
	color: #00597D;
}

/************************************************
*	Share           	    *
************************************************/

.ya-share2 {
	float: left;
	margin: 10px 0px 10px 0px;
}

.ya-share2 ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}

.ya-share2__badge {
	margin-right: 4px;
}

/************************************************
*	Footer      								*
************************************************/
#footerfirst {
	background: #EDEDED;
	width: 100%;
	height: 140px;
	margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 0px;
	text-align: left;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #c0c0c0;
}

@media screen and (max-width: 986px) {
#footerfirst {
	width: 100%;
}
}

#footer {
	background: #EDEDED;
	width: 100%;
	height: 40px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #c0c0c0;
}

#footercenter {
	width: 986px;
	margin: 0px auto;
	font-size:12px;
	color: #5b7086;
}

@media screen and (max-width: 986px) {
#footercenter {
	width: 652px;
}
}

@media screen and (max-width: 576px) {
  #footercenter {
    width: 100%;
  }
}

.footleft {
float: left;
padding: 5px 50px 0px 0px;
margin: 2px 0px 0px 5px;
border-right: 1px solid #c0c0c0;
font-size: 13px;
}

.footright {
float: right;
padding: 0px 10px 0px 0px;
margin: 3px 0px 0px 5px;
font-size: 14px;
}

@media screen and (max-width: 576px) {
.footright {
  float: left;
  padding: 10px 10px 0px 0px;
}
}

.footcent {
padding: 10px 10px 0px 0px;
margin: 0px 0px 0px 15px;
}

.footfoot {
width: 100%;
border-top: 1px solid #c0c0c0;
float: left;
margin: 8px 0px;
padding-top: 16px;
}

#footer p {
	color: #000000;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

/*******
Navigation
********/

.navigation {
    clear: both;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    float: left;
}

.navigation span, .navigation a {
    display: block;
    float: left;
    margin: 2px 5px 2px 0px;
    padding: 3px 8px 4px 8px;
    text-decoration: none;
    width: auto;
    color: #003081;
    background: #FFF;
	border: 1px solid #999;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.navigation a:hover{
    color: #fff;
    background: #003081;
	border: 1px solid #0087be;
}

.navigation .current{
    padding: 3px 8px 4px 8px;
    background: #999;
    color: #fff;
	border: 1px solid #555;
}

.navigation .none{
    padding: 4px 1px 5px 1px;
    background: none;
    color: #003081;
	border: none;
}

.navigation span, .navigation a {
    display: block;
    float: left;
    margin: 2px 5px 2px 0px;
    padding: 6px 7px 5px 7px;
    text-decoration: none;
    width: auto;
    color: #003081;
    background: #FFF;
	border: 1px solid #555;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.navigation a:hover{
    color: #fff;
    background: #003081;
	border: 1px solid #555;
}

.navigation .current{
    padding: 6px 7px 5px 7px;
    background: #003081;
    color: #fff;
	border: 1px solid #555;
}

.navigation .none{
    padding: 6px 0px 5px 0px;
    background: none;
    color: #003081;
	border: none;
}
}


/*Виджет Архива*/

#text-2 {
margin: 25px 0px;
}

#archives-2 {
	margin: 5px 0px 25px 0px;
}

@media screen and (max-width: 986px) {
#archives-2	{
	margin: 5px 0px 25px 0px;
	float: left;
	width: 100%;
}
}

/* Ширина календаря */
#calendar_wrap {
background: #f6f6f6;
color: #555;
border: 1px solid #e0e0e0;
margin: 3px 0px 20px 0px;
}


@media screen and (max-width: 986px) {
#calendar_wrap	{
	display: none;
}
}

#wp-calendar {
width: 300px;
margin: 10px 0px 0px 5px;
padding: 10px;
}

@media screen and (max-width: 986px) {
#wp-calendar	{
	width: 100%;
}
}

#wp-calendar a {
    color: #0088e8;
}

#wp-calendar a:hover{
    color: #ff0000;
}


/* две колонки */

.homeleft{clear: both;}
.col1{width: 315px; float: left; padding: 0px;}
.col2{width: 315px; float: right;  padding: 0px;}


@media screen and (max-width: 576px) {
.homeleft{clear: both;}
.col1{float: none; margin: 0px auto 0px;}
.col2{float: none; margin: 0px auto 0px;}
}
}


/*

Поиск
*/

#searchform {
    width: 302px;
}

@media screen and (max-width: 986px) {
#searchform {
	width: auto;
}
}

#search-2 {
    width: 300px;
    margin: 4px 0px 4px 0px;
    background: #ededed;
    padding: 10px 0;
}

@media screen and (max-width: 986px) {
#search-2	{
	width: auto;
}
}

#searchsubmit {
border: 0 none;
cursor: pointer;
width: auto;
margin: 0px 0px 0px 1px;
padding: 0 5px;
height: 25px; /* высота кнопки */
background: #003081; /* цвет фона кнопки */
color: #fff; /* белый шрифт */
border-radius: 3px;
}

#s {
width: 200px;
border: 1px solid #02909d; /* толщина и цвет рамки */
color: #000; /* черный шрифт */
height: 23px; /* высота поля */
padding: 0 0 0 5px;
}

@media screen and (max-width: 576px) {
#second_side {
margin: 0px 0px 0px 15px;
}
}



 /* Add a blue background color to the top navigation */
 
 #navcent {
	width:986px;
	padding-right:0px;
	padding-top:0px;
	margin: 0 auto 0;
}

@media screen and (max-width: 986px) {
#navcent{
	width:100%;
  }
}
 
.topnav {
  background-color: #003081;
  overflow: hidden;
  	z-index:1;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 6px 7px;
  	margin:1px;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  border-left: 1px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: #003081;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}


 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 986px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 986px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.fa {
display: inline-block;
	background: url(http://nv.am/menu4.png) no-repeat 0 0;
	width: 25px;
height: 22px;
cursor: pointer;
background-position: 3px 3px;
	display: block;
}