@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');


* { 

}


body {
	#background-color: #fff;
	background: #fff url(../img/bg.png) repeat-x;
	background-position: top center;
	background-attachment: fixed;
	font-family: 'Open Sans';
}



a {
	font-family: Arial;
	font-size: 1em;
	color: #fff;
	#color: #008000 !important;
	color: #009900 !important;
}

.clr {
	clear: left;
}


.txt h3 {
	#font-family: 'PT Sans Caption', sans-serif;
	#font-weight: 400;
	font-size: 18px;
	color: #202020;
}
.txt h3 span {
	display: block;
	font-size: 14px;
	color: #7c7878;
	margin-top: 10px;
}
.txt p {
	#font-family: 'PT Sans Caption', sans-serif;
	#font-weight: 400;
	#font-size: 1em;
	font-size: 14px;
	color: #3c3c3c;	
}
.txt p.big {
	font-size: 1.5em;
	color: #000;
}



.pad1 {
	padding-top: 1em;
}
.pad2 {
	padding-top: 2em;
}
.pad2m {
	margin-top: 2em;
}
.pad3 {
	padding-top: 3em;
}
.nopadr {
	padding-right: 0;
}



#wrapper {
	#max-width: 1920px;
	#width: 1000px;
	max-width: 1000px;
	margin: auto;
	background-color: #fff;
}


section#head {
	background: url(../img/head.jpg) no-repeat 0px 50px;
	#background-size: cover;
	
	width: 100%;
	#min-height: 20em;
	#height: 240px;
	height: 288px; /*+50px*/
		
	position: relative;
}
section#head #sitemap {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 1000;
}
section#head #contact {
	background: url(../img/contact.jpg) no-repeat top left;
	height: 48px;
	line-height: 40px;
	position: relative;
}
section#head #contact #icons {
	position: absolute;
}
section#head #contact #icons a {
	margin-left: 12px;
}
section#head #contact #phone-email {
	text-align: right;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	padding-right: 25px;
}
section#head #contact #phone-email span.phone {
	padding-left: 20px;
	background: url(../img/icons/phone.png) 0px 2px no-repeat;
}
section#head #contact #phone-email span.email {
	padding-left: 25px;
	margin-left: 25px;
	background: url(../img/icons/email.png) 0px 2px no-repeat;
}
section#head #contact #phone-email span.email a {
	text-decoration: none;
	color: #fff !important;
}


section#menu {
	background: #afdff9 url(../img/menu.jpg) top left repeat-x;
	#height: 48px;
	height: auto;
	#line-height: 48px;
	#line-height: 2.4em;
	margin-top: 3px;
	#margin-bottom: 30px;
}
section#menu ul {
	height: 48px;
	line-height: 28px;
	margin-bottom: 0;
}
section#menu ul li {
	display: inline-block;
	#vertical-align: top;
	vertical-align: middle;
	#width: 12%;
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	margin-left: 35px;
}
section#menu ul li a {
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 17px;
	text-decoration: none;
}
section#menu ul li a:hover {
	color: #fff843 !important;
}
section#menu ul li.active a {
	color: #fff843 !important;
}

section#menu ul li.search {
	#background: url(../img/search.jpg) center left no-repeat;
	#background-size: contain;
	#background-size: 15%;
	text-align: center;
	#border: 1px red solid;
}
section#menu ul li.search input {
	outline: 0;
	box-shadow: none;
	color: #939393;
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 1.2em;
	#width: 75%;
	width: 210px;
	height: 34px;
	display: inline-block;
	margin: auto;
	border: 1px #ecdb97 solid;
	border-radius: 17px;
	#margin-left: 50px;
	background: #ffffff url(../img/search.jpg) 185px center no-repeat;
}


div#content {
	width: 970px;
	margin: auto;
	padding-bottom: 1em;
}



.column.first { 
	border: 1px #efefef solid;
	padding-left: 0;
	padding-right: 0;
}

.column.first .head {
	margin-top: 18px;
	margin-bottom: 25px;
	background: url(../img/head_bg.jpg) repeat-x;
} 
.column.first .head span {
	font-size: 18px;
	color: #8cbd6f;
	background-color: #fff;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: -4px;
}
.column.first .head a {
	text-decoration: none;
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: normal;
	color: #8cbd6f !important;
}

.column.first .content {
	#vertical-align: top;
}
.column.first .content img {
	display: inline-block;
	margin-left: 30px;
	margin-right: 20px;
	vertical-align: top;
	margin-bottom: 25px;
	max-width: 290px;
}
.column.first .content .info {
	display: inline-block;
	width: 240px;
	vertical-align: top;
}
.column.first .content .info a {
	display: block;
	font-family: Verdana;
	font-size: 20px;
	color: #008000;
	text-decoration: none;
	margin-bottom: 15px;
}
.column.first .content .info p {
	
}





/* !!! */
.expanded .column {
	#padding-left: 0;
	#padding-right: 0;
}
.expanded .column .padright {
	#margin-right: -30px;
}

.row.expanded.pad2 .column:nth-child(1) {
	padding-left: 0;
	##padding-right: 0.9em;
	##margin-right: -10px;
}	
.row.expanded.pad2 .column:nth-child(2) {
	#padding-right: 0;
	#padding-left: 0;
	##margin-left: -10px;
}	





.column.publ {
	border: 1px #efefef solid;
	padding-left: 0;
	padding-right: 0;
}

/*.column.publ:not(:first-child) {*/
.column.publ {
	#border-bottom: none;
	margin-top: -1px; /*от двойного бордюра*/
}

.column.publ .head {
	display: inline-block;
	height: 35px;
	background-color: #f1f1f1;
	line-height: 35px;
	font-size: 18px;
	color: #202020;
	padding: 0px 30px;	
}
.column.publ .head a {
	font-family: "Open Sans";
	font-size: 18px;
	color: #202020 !important;
	font-weight: normal;
	text-decoration: none;
}

.column.publ .row.material-big {
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 25px;
}

.column.publ .row.material-big .pic {
	padding-right: 0;
}
.column.publ .row.expanded.material-big:nth-child(odd) .pic {
	float: right;
	text-align: right;
	#border: 1px red solid;
}

.column.publ .row.material-big .txt {
	padding-left: 0;
}



.lastgray {
	background-color: #f6f6f6;
	padding-bottom: 20px;
	#margin-bottom: 50px;
}

.lastgray .column:nth-child(1) {
	padding-left: 20px;
}

.lastgray .column .row .head {
	display: inline-block;
	height: 35px;
	background-color: #f1f1f1;
	line-height: 35px;
	padding: 0px 30px;
	font-size: 18px;
	color: #202020;
	margin-bottom: 20px;
}
/*
.lastgray .column .row .head a {
	#font-family: "Open Sans";
	font-size: 18px;
	color: #202020 !important;	
	text-decoration: none;
}
*/

.lastgray .column .row .column:nth-child(1){
	padding-left: 0;
}
.lastgray .column .row .column:nth-child(2){
	padding-left: 0;
}

.lastgray .column .row .column a {
	font-family: Verdana;
	font-size: 17px;
	color: #202020;
	text-decoration: none;
}

#menu.bottom {
	margin-bottom: 3px;
}
#menu.bottom ul li {
	margin-top: -5px;
}



section#all {

}


section#all .person {
	padding-left: 0;
}
section#all .person .head {
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	color: #8e8b8b;
}
section#all .person .content {
	position: relative;	
}
section#all .person img {
	width: 100%;
}
section#all .person .info {
	position: absolute;
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	left: 0.5em;
	top: 0.5em;
}
section#all .person .info span {
	display: block;
	font-weight: 700;
}


section#all .video  {
	padding-right: 0;
}
section#all .video .head {
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	color: #8e8b8b;
}
section#all .video .head a {
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #8e8b8b !important;
	text-decoration: none;
}


section#all .materials {
	#padding: 0.5em;
	border: 1px #e1e1e1 solid;
}

section#all .material-big {
	padding-top: 1em;
}
section#all .material-big .pic {
	padding-left: 0;
}
section#all .material-big .pic img {
	max-width: 215px;
}
section#all .material-big .txt {
	padding-right: 0;
}
section#all .material-big .txt h3 {
	
}
section#all .material-big .txt h3 a {
	font-size: 18px;
    color: #202020;
	text-decoration: none;
}

section#all .material {
	padding-left: 0;
	padding-right: 0;
	padding-left: 10px;
	#padding-right: 10px;
}
section#all .material:first-child {
	padding-left: -10px;
}
section#all .material:last-child {
	padding-right: 0;
}
section#all .material a {
	text-decoration: none;
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #000;
	display: inline-block;
}


section#all .columnists {
	#background-color: #ebebeb;
}
section#all .columnists .head {
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	color: #8e8b8b;
}
section#all .col-items {
	background-color: #ebebeb;
}
section#all .columnists .pic {
	width: 80%;
	margin: auto;
}
section#all .columnists .pic img {
	width: 100%;
	display: block;
	border: 2px #8b8b8b solid;
	border-radius: 50%;
}

section#all .columnists .txt {
	font-size: 0.9em;
}





section#all .events {
	#padding-left: 0.9em;
	#margin-left: 10px;
	padding-left: 0;
	#border: 1px #e1e1e1 solid;
}

section#all .events .head {
	margin-top: 18px;
	margin-bottom: 25px;
	background: url(../img/head_bg.jpg) repeat-x;
	
} 
section#all .events .head a {
	text-decoration: none;
	font-family: "Open Sans";
	font-size: 18px;
	font-weight: normal;
	color: #8cbd6f !important;
}

section#all .events span {
	font-size: 18px;
	color: #8cbd6f;
	background-color: #fff;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: -4px;
}


section#all .events-list {
	margin-left: 25px;
	padding-right: 0;
	border: 1px #e1e1e1 solid;
}

section#all .event-big {
	#padding-left: 10px;
	#padding-right: 10px;	
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 15px;
}
/*section#all .event-big:not(:first-child) {*/
section#all .event-big:not(:nth-child(2)) {
	padding-top: 10px;
	border-top: 1px #dedede solid;
}


section#all .event-big .pic {
	padding-left: 0;
}
section#all .event-big .txt {
	padding-right: 0;
}
section#all .event-big .txt h3 {
	margin-bottom: 0;
}
section#all .event-big .txt h3 a {
	font-family: Verdana;
	font-size: 14px;
	color: #202020;
	text-decoration: none;
}
section#all .event-big .txt h3 span {
	font-size: 14px;
	color: #bebebe;
	margin-left: 0;
	padding-left: 0;
}



section#all .quote  {
	text-align: center;
}
section#all .quote  p {
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	color: #515151;
}
section#all .quote .foot {
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	color: #8e8b8b;
}
section#all .quote .sep {
	#width: 120px;
	height: 100px;
	background: url(../images/sep.jpg) center center no-repeat;
	#background-size: contain;
	#background-size: 15%;
}




section#footer {
	background: url(../img/footer_bg.jpg) repeat top left;
	#min-height: 10em;
	height: 90px;
	font-family: Verdana;
	font-size: 12px;
	color: #202020;
}

section#footer a {
	font-family: Verdana;
	font-size: 12px;
	color: #202020;
}

section#footer #icons {
    #padding-left: 35px;
	padding-left: 23px;
	position: relative;
	top: -12px;
}
section#footer #icons a {
	margin-left: 12px;
}

section#footer #phone-email {
	font-family: Arial;
	font-size: 14px;
	color: #000;
	padding-left: 35px;
	position: relative;
	top: -5px;
}
section#footer #phone-email span {
	display: block;
}
section#footer #phone-email span.phone {
	padding-left: 25px;
	background: url(../img/icons/phone.png) 0px 2px no-repeat;
}
section#footer #phone-email span.email {
	padding-left: 25px;
	#margin-left: 25px;
	background: url(../img/icons/email.png) 0px 2px no-repeat;
}
section#footer #phone-email span.email a {
	text-decoration: none;
	#color: #000;
}



.all-txt {
	#padding-right: -3.9px;
}



.tags-list {
	text-align: center;
	margin-left: 20px;
	
}
.tags-list a {
	color: #54514c;
	text-decoration: none;
}

.alltags {
	margin-bottom: 1em;
}
.alltags:nth-child(2) {
	margin-bottom: 0;
}
.alltags a {
	display: block;
	margin: auto;
	width: 160px;
	height: 35px;
	background-color: #62c11b;
	line-height: 35px;
	font-family: 'Open Sans';
	font-size: 20px;
	font-weight: bold;
	color: #fff !important;
}



/* INNER PAGE */

.inner section#head {
	background: url(../img/head_inner.jpg) no-repeat 0px 0px;
	height: 126px; 
	position: relative;
}
.inner section#head a {
	display: block;
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
}

.inner section#menu ul.submenu {
	height: 70px;
	background-color: #f8f8f8;
	line-height: 50px; 
}
.inner section#menu ul.submenu li {
	margin-left: 25px;
}
.inner section#menu ul.submenu li a {
	color: #202020 !important;
}
.inner section#menu ul.submenu li a:hover, .inner section#menu ul.submenu li.active a {
	color: #51a10a !important;
}

.inner section#menu ul.submenu li.active a:before {
	content: '\2714';
	text-transform: website;
}



.single {


}
.single .single-big {

	

}
.single .single-big img {
	float: left;
	text-transform: website;
	margin-right: 20px;
	margin-bottom: 8px;
}
.single h3 {
	font-family: Verdana;
	font-size: 1.5em;
	font-weight: 400;
	color: #008000;
	padding-bottom: 10px;
	text-align: center;
}

.single a {
	font-family: Verdana;
	font-weight: 400;
	color: #000;
	text-decoration: none;
}



.ccc { 
	text-align: center !important;
}

.rrr {
	text-align: right !important;
}



div.list {

}

div.list .item {
	clear: left;
	##padding-bottom: 1em;
	#border: 1px red solid;
	padding-bottom: 1em;
}
div.list .item .pic {
	float: left;
	width: 20%;
	#min-height: 200px;
	margin-left: 5%;
	#border: 1px red solid;
}
div.list .item .pic a {
	display: block;
}
div.list .item .pic img {
	#display: block;
	display: inline-block;
	max-width: 100%;
	margin: auto;
	margin-bottom: 20px;
}
div.list .item .info {
	margin-left: 30%;
	padding-top: 1em;
	#text-align: left !important;
}
div.list .item .info h3, div.list .item .info h3 a {
	font-family: Verdana;
	font-size: 1em;
	font-weight: 700 !important;
	color: #008000 !important;
	text-align: left;
}
div.list .item .info h3 a:hover {
	border-bottom: 2px #008000 dotted;
}
div.list .item .info p {
	text-align: left;
}

div.articles .item {
	padding-bottom: 0;
}
div.articles .item .info {
	padding-top: 0;
}



div.full {
	
}

div.full .pic {
	width: 100%;
	padding-bottom: 30px;
}
div.full .pic img {
	display: block;
	max-width: 100%;
	margin: auto;
}

div.full .txt {
	margin-bottom: 30px;
}
div.full .txt img.main {
	display: block;
	max-width: 50%;
	#margin: auto;
	float: left;
}

div.full .tags {
	position: relative;
}
div.full .tags .soc {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1001;
}
div.full .tags .back {
	position: absolute;
	left: 25%;
	top: 0;
	right: 25%;
	bottom: 0;
	text-align: center !important;
	#border: 1px red solid;
	z-index: 1000;
}
div.full .tags .back a {
	display: inline-block;
}



.staff {

}
/*
.staff  .item {
	width: 31%;
	margin: 1%;
	float: left;
}
*/
.staff  .item {
	width: 23%;
	margin: 1%;
	float: left;
}
.staff .item h3 {
	font-family: Verdana;
    font-size: 14px;
}
.staff  .item img {
	max-width: 100%;
}



ul.thumbs {

}
ul.thumbs  li {
	display: inline-block;
	width: 31%;
	margin: 1%;
	vertical-align: top;
}
ul.thumbs  li img {
	max-width: 100%;
}



.events-list .event-big .pic {
	min-width: 85px !important;
	padding-right: 0;
	#display: inline-block;
}
.events-list .event-big .txt {
	width: 69% !important;
	padding-right: 0;	
}



.accordion_item {
    padding: 20px 0;
    border-top: 1px solid #d9d9d9;
}

.accordion_item-ttl {
    padding-right: 35px;
}
.accordion_item-ttl {
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    padding-right: 40px;
    text-align: left;
}

.accordion_item-text {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.accordion h3 {
	font-size: 1.5em !important;
	line-height: 45px;
	margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    #padding-right: 40px;
    text-align: left;
}
.accordion h3 .ui-accordion-header-icon {
	display: inline-block;
	position: relative;
	top: -5px;
	margin-right: 15px;
}
.accordion h3.ui-accordion-header-active {
	background-color: #319ACA;
	color: #fff;
}


.accordion_item div {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}



@media only screen and (max-width: 768px) {

	body {
		width: 100%;
		#border: 1px red solid;
	}

	#wrapper {
		width: 100%;
		max-width: 100%;
		#border: 1px red solid;
	}
	
	section#head {
		width: 100%;
		height: 18em;
	}

}