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;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}

/*@font-face {*/
    /*font-family: "Tahoma";*/
    /*src: url("../fonts/tahoma.ttf");*/
    /*src: url("journal-webfont.eot?#iefix") format("embedded-opentype"),*/
         /*url("journal-webfont.woff") format("woff"),*/
         /*url("../fonts/Tahoma.ttf") format("truetype"),*/
         /*url("journal-webfont.svg#JournalRegular") format("svg");*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/


input:focus {outline: none;}
a{outline: none;}

.no-select{
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}



/*TODO сделать загружаемым шрифт!!!*/
body{
    line-height: 1.2;
    color: #414141;
  	text-align: left;
	font-size: 16px;
	font-family: Tahoma, Arial, Courier sans-serif;
	width: 100%;
    /*padding: 7px 0;*/
    min-height: 1000px;
}

/*div#border_top{ width: 100%; background: url("../images/border_top.png") no-repeat top center #fffffd; min-height: 600px;}*/
/*div#border_bottom{ width: 100%; background: url("../images/border_bottom.png") no-repeat bottom center #fffffd ;  min-height: 110px;}*/
#top{width: 100%; background: url("../images/border_top2.jpg") no-repeat top center #fffffd;}
#bottom{width: 100%; background: url("../images/border_bottom1.jpg") no-repeat bottom center;}
#wrapper{ text-align: left; position: relative; width: 1000px; margin: 0 auto; background-color: #ffffff;}

div#up-button {
	width: 38px;
	height: 26px;
	background: url(../images/up.png);
	position: fixed;
	display: none;
	bottom: 13px;
	right: 50%;
	margin-right: -553px;
	opacity: 0.8;
	cursor: pointer;
}

a{font-family: Tahoma, Arial, Courier, sans-serif; }
a, a:visited {text-decoration: none; color: #0066cc; }
a:hover, a:active {text-decoration: underline; color: #28aaff;}
a.active {text-decoration: none; color: #28aaff;}


#header{height: 26px; background: url(../images/top_2.jpg) no-repeat; padding-top: 253px; margin-bottom: 33px;}
/*верхнее меню*/
ul.menu-top{ margin: 0; padding: 0; width: 100%; display:inline-block; list-style: none; }
ul.menu-top li{ position: relative; float: left; list-style: none; text-align: center;  }
ul.menu-top a{ display: block; font-size: 17px; white-space: pre-wrap; text-align: right;}
ul.menu-top li.index {width: 154px;}
ul.menu-top li.activities {width: 280px;}
ul.menu-top li.mission {width: 220px;}
ul.menu-top li.contacts {width: 290px;}


#header, #footer, .clear{clear: both; float: none;}
#header, #footer, #wrapper{overflow: hidden;}


table#page{width: 100%;}
/*td#left{width: 239px; border-right: 1px solid #aed0ea; vertical-align: top;}*/
td#left{width: 239px; border-right: 1px solid #ffffff; vertical-align: top;}
td#center{width: 710px; vertical-align: top; padding: 0 25px 0 25px;}


/*div.left-menu-column{ background-color: #3f81c9; width: 17px; margin-right: 23px; float: left; height: 182px;}
div.left-menu-item-first{padding: 0 0 13px 25px;}
div.left-menu-item{padding: 13px 0 13px 25px;}
div.left-menu-line{background: url(../images/line-menu.png) no-repeat; margin-left: 25px; height: 1px;}
div.left-menu-item-first a, div.left-menu-item a {font-size: 18px;}
*/

td#left div.b1{margin: 15px 0 10px 12px;}
td#left div.b2{margin: 10px 0 15px 12px;}


div.left-projects{margin: 0 0 13px 25px; font-size: 18px; color: #0066cc;}
div.left-project-item{margin: 13px 5px 13px 25px;}
div.left-project-item div.line{background: url(../images/line-menu.png) no-repeat; margin: 5px 10px 5px 0; height: 1px;}
div.left-project-item div.img{margin: 8px 0 15px 0;}

div.left-project-banner{margin: 33px 0 33px 13px;}

/*div.project-sum{background: url(../images/project.png) no-repeat; width: 196px; height: 91px; padding: 7px 0;}*/

div.button-project{background: url(../images/project_2.png) no-repeat; width: 196px; height: 53px; padding: 7px 0; text-align: center;}

hr{background: url(../images/line-project.png) no-repeat 20px 0; height: 1px;}

div.line-project{background: url(../images/line-project.png) no-repeat 20px 0; height: 1px;}
div.line-vertical{background: url(../images/line-vertical.png) no-repeat 0 0; height: 145px; width: 1px;}

div#line-page{background: url(../images/line-page.png) no-repeat; height: 1px; width: 708px; margin: 13px auto 33px auto;}
div.line-page{background: url(../images/line-page.png) no-repeat; height: 1px; width: 708px; margin-left: auto; margin-right: auto;}


div.receipt{background: url(../images/project.png) no-repeat; width: 196px; padding: 9px 0; text-align: center;}
div.spend{background: url(../images/project_p.png) no-repeat; width: 196px; padding: 9px 0; text-align: center;}
div.receipt p, div.spend p {margin: 4px; font-size: 14px; color: #0066cc; text-indent: 0; text-align: center; font-family: Tahoma, Arial, Courier, sans-serif;}
div.receipt .sum, div.spend .sum {font-size: 20px; color: #0066cc; font-family: Tahoma, Arial, Courier, sans-serif;}
.thanks{text-decoration: none; color: #0066cc; text-align: center; font-size: 20px;}

div.button_small_red{background: url(../images/button-red.png) center center no-repeat; width: 196px; padding: 9px 0; text-align: center;}
div.button_small_red a {font-size: 18px; text-decoration: none; color: #ffffff;}
div.button_small_red a:hover{color: #ffffff; text-decoration: underline;}
div.button_small_red a:active{color: #ffffff;}
div.button_small_red a.active{color: #ffffff; text-decoration: underline;}


div.button_small{background: url(../images/button.png) center center no-repeat; width: 196px; padding: 9px 0; text-align: center;}
div.button{background: url(../images/button2.png) no-repeat; width: 303px; padding: 9px 0; text-align: center;}
div.button a, div.button_small a {font-size: 18px; text-decoration: none;}
div.button a:hover, div.button_small a:hover {color: #3477ff; text-decoration: underline;}
div.button a:active, div.button_small a:active {color: #ffffff;}
div.button a.active, div.button_small a.active {color: #3477ff; text-decoration: underline;}

#footer{padding-top: 210px; height: 80px;}
div#line-bottom{background: url(../images/line-bottom.png) no-repeat; height: 1px;}
div#copyright{float: left; margin: 10px 0 0 50px; text-align: left; color: #828282; font-size: 14px;}
div#together{float: right; margin: 15px 10px 0 0; color: #0066cc;}
div#social{float: right; margin: 15px 15px 0 0;}

input:focus {outline: none;}

p{font-size: 16px; line-height: 1.2; margin-bottom: 8px; color: #414141; text-align: justify;}


.black {color: #414141;}
.blue {color: #0066cc;}
.bold {font-weight: bold;}
.text-right {text-align: right;}
.right {float: right;}
.clear {clear: both;}
.small {font-size: 14px;}

#main-carousel-left {background: url(../images/left-button3.png) no-repeat; height: 186px; width: 47px; cursor: pointer; float: left;}
#main-carousel-right {background: url(../images/right-button3.png) no-repeat; height: 186px; width: 47px; cursor: pointer; float: left;}

#main-carousel {visibility: visible; overflow: hidden; position: relative; z-index: 20; float: left; width: 642px; }
#main-carousel ul { margin: 0; padding: 0; position: relative; list-style: none; z-index: 1; }
#main-carousel ul li {overflow: hidden; float: left; width: 214px;}
#main-carousel ul li.separator {width: 1px;}

#main-carousel li div { height: 186px; width: 184px; padding: 0 15px;}
#main-carousel li div  a {font-size: 11px; line-height: 1;}
#main-carousel li div  p {font-size: 13px; text-align: right; line-height: 1.1;}


.todo {font-weight: bold; text-decoration: underline;}

/* --------------------------------------страница с описанием проекта-------------------------------------- */
.project-page p.result {color: #2a50cc; margin: 0 0 2px 0;}

.project-page div.header-img {float: left; width: 500px; height: 125px; margin-right: 14px;}
.project-page div.header-btn {float: left; width: 196px;}

.project-page div.header-img img {border: 1px solid #cce4ff;}

.project-page div.header-btn .button-project {margin-bottom: 20px;}
.project-page div.header-btn span.name {font-size: 16px; color: #0066cc; margin-top: 5px; display: block;}
.project-page div.header-btn span.sum {font-size: 18px; color: #0066cc; display: block;}


.project-page p.project-name {color: #0066cc; text-align: left; float: right; margin: 15px 0 17px 0;}

.project-page ul{list-style: circle outside; margin: 0 0 9px 21px;}

.project-page h1{clear:both; font-size: 18px; color: #0066cc; margin: 21px 0 3px 0; text-align: left;}
.project-page p.transfer{font-weight: bold; margin: 21px 0 3px 0; text-align: left;}
/* --------------------------------------страница с описанием проекта-------------------------------------- */


div.left-menu-line{background: url(../images/line-menu.png) no-repeat; margin-left: 25px; height: 1px;}
div.left-menu-item-first a, div.left-menu-item a {font-size: 18px;}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}

h1, h2, h3 {color: #016cc7;}

h1 {font-size: 18px;}


div.image {text-align: center;}
div.img{margin: 21px auto; text-align: center;}
div.image-left {float:left; margin: 11pt 12pt 11pt 0; padding: 0;}

img.left, div.left {float:left; margin: 11pt 12pt 11pt 0; padding: 0;}
img.right, div.right {float:right; margin: 11pt 0 11pt 12pt; padding: 0;}
img.left-title {float:left; margin:0 12pt 0 0; padding: 0;}
img.right-title {float:right; margin: 0 0 0 12pt; padding: 0;}
img.center {margin-left:auto; margin-right: auto; padding: 0;}

em, i, .italic, .italic p {font-style: italic;}
.bold, b {font-weight: bold;}
.center {text-align: center;}
.underline {text-decoration: underline;}
.sign {font-weight: bold; text-align: right;}
.sign_b{text-align: right; font-weight: bold; margin: 5px 0 17px 0;}
.sign-thin{text-align:right; font-style:italic;}

.red, a.red {color: #ff0066;}


.small {font-size: 14px;}

.v-0 {margin-top: 0; margin-bottom: 0;}
.v-0-t {margin-top: 0;}
.v-0-b {margin-bottom: 0;}

.v-tn {margin-top: 7px; margin-bottom: 7px;}
.v-tn-t {margin-top: 7px;}
.v-tn-b {margin-bottom: 7px;}

.v-lt {margin-top: 13px; margin-bottom: 13px;}
.v-lt-t {margin-top: 13px;}
.v-lt-b {margin-bottom: 13px;}

.v-sm {margin-top: 21px; margin-bottom: 21px;}
.v-sm-t {margin-top: 21px;}
.v-sm-b {margin-bottom: 21px;}

.v-md {margin-top: 33px; margin-bottom: 33px;}
.v-md-t {margin-top: 33px;}
.v-md-b {margin-bottom: 33px;}

.v-lg {margin-top: 48px; margin-bottom: 48px;}
.v-lg-t {margin-top: 48px;}
.v-lg-b {margin-bottom: 48px;}

.h-sm-r {margin-right: 21px;}

a.download {text-decoration: underline;}

ul.d-o {list-style: disc outside;}
ul.d-o li {margin-bottom: 7px;}

ul.disc {
	list-style: disc outside;
	color:blue;
	margin-left: 2em;
}

ul.black-disc {
	list-style: disc outside;
	margin-left: 2em;
}

ul.disc li {margin-bottom: 7px;}

sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup {top: -.5em;}
sub {bottom: -.25em;}

div.footnote div.line {border-top: 1px solid #9a9a9a; padding-top: 5px; width: 500px;}
div.footnote p {text-indent: 0; font-size: 10pt; line-height: 1.2; text-align: left;}
a.footnote {font-size: 10pt;}



table.news {width: 100%;}
table.news td {vertical-align: top;}
table.news td.img {width: 210px;}
table.news td.img img {width: 210px;}
table.news td.txt {padding-left: 33px;}

table.sub-news {width: 100%;}
table.sub-news td {vertical-align: top;}
table.sub-news td.img {width: 170px; padding-left: 40px;}
table.sub-news td.img img {width: 170px;}
table.sub-news td.txt {padding-left: 33px;}


.sf-menu, .sf-menu * {
	padding: 0;
	list-style: none;
}
.sf-menu {
	margin: 0 0 25px 25px;
}
.sf-menu li {
	width: 100%;
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 0;
	left: -1000px;
	z-index: 99;
	width: 207px;
    background: #ffffff;
    border: 1px solid #28aaff;
	list-style: none;
	padding: 11px 21px;
	box-shadow: 0 0 5px rgba(100,100,100,0.3);
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
	left: 100%;
}

.sf-menu a {
	display: block;
	position: relative;
	font-size: 18px;
	text-decoration: none;
	white-space: pre-wrap;
	padding: 15px 0;
	zoom: 1; /* IE7 */
}

.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	padding: 4px 0 4px 9px;
}
.sf-menu ul li a{
	font-size: 15px;
	padding: 0;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}


.sf-vertical {
  width: 12em;
  /* If you want the width of the closed menu to expand to its
  widest top-level menu item (like its "Supersubs" submenus do),
  replace the width rule above with the following two rules. */

  /*
  min-width: 12em;
  *width: 12em;
  */
}

/*** alter arrow directions ***/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  /*border-left-color: rgba(255,255,255,.5);*/
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
  border-left-color: #dFeEFF;
}


ul.sf-menu li.first a {padding-top: 0;}
ul.sf-menu li.line{height: 1px; background: url(../images/line-menu.png) no-repeat;  }

ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
	margin-bottom: 7px;
}
ul.dash > li:before {
    display: inline-block;
    content: "–";
    width: 1em;
    margin-left: -1em;
}
ul.decimal {
    list-style: decimal outside;
	margin-left: 2em;
	margin-bottom: 7px;
}

.verse {
    display: table;
    margin-left: auto;
    margin-right: auto;
    white-space: pre-line;
    word-wrap: break-word;
}

[class*=sh-hidden-] {display: none;}
[id*=sh-hide-], [id*=sh-show-] {letter-spacing: 2px; font-size: 11pt; cursor: pointer;}