body {
  color: #333;
  font-family: Cambria, Georgia, serif;
  background-image: URL('pics/top_bg.gif');
  background-repeat: repeat-x;
  background-color: #F6F6F6;
  font-size: 16px;
  padding: 0 80px 15px 250px;
  margin: 0;
}

/* Gribov BLOCKS */

#block_nav {
  position: absolute;
  top: 10px;
  left: 0;
}
#block_nav img {padding-right: 10px}
#block_nav a {
	font-size: 14px;
	text-decoration: none;
}
#block_nav a:hover {
	text-decoration: underline;
}
#block_left {
  /* position: absolute; */
  /* top: 125px; */
  /* left: 0px; */
  width: 250px;
  background: #FFFFFF URL('pics/left_bg.gif') repeat-x;
}

/* SUBMENU */
.submenu-2022 { display:flex; flex-flow:row nowrap; align-items: center; align-content: stretch;
margin:0; padding:10px 5px 0px 10px; background: #F3F2ED;}
.submenu-2022 a,
.submenu-2022 span
{flex:2; text-align: center; padding:15px; margin: 10px;
	font-size:18px; letter-spacing:1px;
	/* border: 1px solid #999; */
	-moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 5px #aeaeae;
  -webkit-box-shadow: 0px 0px 5px #aeaeae;
  -khtml-box-shadow: 0px 0px 5px #aeaeae;
  box-shadow: 0px 0px 5px #aeaeae;
}
.submenu-2022 a:link {text-decoration: none;}
.submenu-2022 a:hover,
.submenu-2022 span {text-decoration: none; box-shadow:none;
	color:#fff; background-color:#ccc}


#submenu-2022 { display:flex; flex-flow:row nowrap; align-items: center; align-content: stretch;
margin:0; padding:10px 5px 0px 10px; background: #F3F2ED;}
#submenu-2022 a,
#submenu-2022 span
{flex:2; text-align: center; padding:15px; margin: 10px;
	font-size:18px; text-transform:uppercase; letter-spacing:1px;
	/* border: 1px solid #999; */
	-moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 5px #aeaeae;
  -webkit-box-shadow: 0px 0px 5px #aeaeae;
  -khtml-box-shadow: 0px 0px 5px #aeaeae;
  box-shadow: 0px 0px 5px #aeaeae;
}
#submenu-2022 a:link {text-decoration: none;}
#submenu-2022 a:hover,
#submenu-2022 span {text-decoration: none; box-shadow:none;
	color:#fff; background-color:#ccc}

h1.sub-header {font-weight:bold; color:#FF6600; margin:5px 0 20px 0}
.book .title h1,
.book .title h2 {
  font-size: 21px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 15px 0 0;
  margin: 0px 0px 10px 0px;
/*   word-wrap: break-word; */
}

.block_cont { padding: 10px 10px 10px 20px }
.block_cont2 {
  padding: 10px 10px 10px 20px;
  /* border-right:solid 1px #E7E4CF */
}
.block_cont3 {
  padding: 20px 10px 10px 10px;
  margin: 10px;
  background-color: #F3F2ED /*#dce6ea*/;
  color: #000000;
}
#block_copy {
  margin: 10px 0 0 0;
  background: #F6F6F4 URL('pics/left_bot.gif') no-repeat;
  color: #999;
  padding: 40px 10px 10px 10px;
  font-size: 9px;
}
#block_home {
  margin: 8px 0 0 0;
  padding: 40px 10px 44px 30px;
  background: #527CC8 URL('pics/home_bg_gribov2.jpg') no-repeat;
  text-align: right;
}
#block_text1 {
  border-radius: 10px;
  border-left: solid 1px #E7E4CF;
  border-top: 0;
  border-bottom: solid 6px #E7E4CF;
  background: #F3F2ED;
  clear: both;
  border-radius: 10px;
}
#block_text2 {
  background: #FFFFFF;
  padding: 10px 7% 0 5%;
}
#block_text2 p {
  text-align: justify;
  font-size: 16px;
  font-weight: 200;
}
.block_text3 {
  font-size: 11px;
  color: #666;
  border-right: solid 1px #E7E7E7;
  border-left: solid 1px #EEEBD6;
  border-bottom: solid 6px #EEEBD6;
  padding: 10px;
  background: #FAF9F4;
}
#block_div {
  margin: 1px 0 1px 0;
  background: #527CC7 URL('pics/div_bg.jpg') no-repeat;
  height: 44px;
}
#block_div_cont {
  margin: 16px 0 1px 0;
  background: #527CC7 URL('pics/div_bg.jpg') no-repeat;
  height: 24px;
  padding: 10px;
  text-align: right;
}
#block_bottom {
  padding: 0px 15px 0px 15px;
  font-size: 10px;
  color: #999999;
  background: #F6F6F6;
}
#block_mainbot {
  font-size: 9px;
  height: 65px;
  padding: 10px 40% 0 100px;
  background: URL('pics/main_bottom_back.png');
  background-repeat:repeat-x;
  text-align: right
}
#block_contbot {
  font-size: 9px;
  height: 65px;
  margin-left: -30px;
  /* margin-right: -30px; */
  padding: 0 30px 0 100px;
  background-image: URL('pics/main_bottom_back.png');
  text-align: right;
}
.clearfix {
  clear: both
}

a.rss-link:link,
a.rss-link:visited {text-decoration:none; color:#fff; padding:10px; margin:20px 0; background-color:#ff6600; border-radius:5px }
a.rss-link:hover {text-decoration:none; color:#fff; padding:10px; margin:20px 0; background-color:#999; border-radius:5px }

/* Gribov PICTURES */

#pic_top {
  width: 650px;
  height: 65px;
  border: 0;
  margin-left: 250px;
}
#pic_topleft {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 250px;
  height: 126px;
  border: 0;
}
#pic_topright {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  border: 0;
  margin: 0;
}
.pic_topmenudiv {
  width: 1px;
  height: 40px;
  border: 0;
  background: #C8C6B8;
}
.button_icon {
  width: 15px;
  height: 15px;
  border: 0;
  margin: 0px 10px 0px 20px;
}
.pic_title {
  height: 15px;
  border: 0;
}
.pic_btitle {
  height: 30px;
  border: 0;
}
.button {
  height: 15px;
  border: 0;
}
.bbutton {
  height: 18px;
  border: 0;
}
.pic_preview {
  border: solid 0 #748087;
  background: #FFFFFF;
}
.pic_small {
  border: solid 0px #FFFFFF;
  width: 60px;
  height: 60px;
}

/* Gribov TABLES AND CELLS */

td {
	font-family: Cambria, Georgia, serif;
	/*font-family: tahoma, arial, helvetica;*/
	font-size: 16px;
}

.listing td {
	word-wrap: break-word;
	word-break: break-all;
	table-layout: fixed;
}
.td_topmenu {
  width: 14%;
}
#tab_topmenu {
  /* width: 100%; */
  height: 50px;
  margin: 5px 0 0 250px;
}
.menu {
	/* font-family: tahoma, arial, helvetica; */
}

.question {
	font-size: 20px;
}
.question span {
	font-size: 16px;
	text-align: justify;
}

.lection {
	text-align: left;
	font-size: 21px;
    font-weight: normal;
    text-transform: uppercase;
	padding: 10px;
}

/* Gribov TEXTS, LISTS, FORMS, HEADERS */

form {
  margin: 0;
  padding: 0;
}
.text, select, textarea {
  font-family: Cambria, Georgia, serif;
  font-size: 12px;
  background: #FFFFFF;
  border: none;
  padding: 2px 10px;
}
p {
  margin: 0 0 12px 0
}
.light {
  color: #999999;
  font-size: 9px;
  font-weight: normal;
}
ul {
  list-style-type: square;
  list-style-image: URL('/pics/button_arrow.gif');
  margin: 15px 0 15px 15px;
  padding: 0;
}
ul.menu {
  margin: 0 0 0 15px;
}
li {
  margin: 0 5px 7px 0;
}
li.list {
  list-style-type: square;
  list-style-image: URL('/pics/button_arrow.gif');
  margin: 2px 5px 5px 5px;
  padding: 0;
}
.ft9 {
  font-size: 9px;
}
.ft10 {
  font-size: 10px;
}
.ft11 {
  font-size: 11px;
}
.ft12 {
  font-size: 12px;
}
.ft13 {
  font-size: 16px;
}

/*h1 {font-size:25px; margin:10px 0 20px 0; color:#777359; font-family:Times New Roman; font-weight:normal;}*/


/*.spec_header			{font-size:2.0em; margin:10px 0 20px 0; color:#FF6600; font-family:Times New Roman; font-weight:bold;}*/

h1 {
  font-size: 2.2em;
  margin: 20px 0 20px 0;
  color: #000000;
  font-weight: bold;
}

h2 {
  font-size: 1.7em;
  margin: 1.0em 0 0.7em 0;
  font-weight: bold;
  color: #C6A582;
  text-align: left;
}
.sail h2 {
	margin: 0;
}
h3 {
  font-size: 22px;
  font-weight: bold;
  color: #C6A582;
}
p.page-header {
	font-size: 22px;
  font-weight: bold;
  color: #C6A582;
  margin: 30px 0px 20px 0;
}
h4 {
  font-size: 1.2em;
  font-weight: bold;
  color: #C6A582;
}
h5 {
  font-size: 1.1em;
  font-weight: bold;
  color: #C6A582;
}

/*h2						{font-size:20px; margin:0 0 0 65px; font-weight:normal; color:#C6A582;}
h3						{font-size:18px; margin:0 0 0 70px; font-weight:300; color:#C6A582;}*/


/* Gribov LINKS, ANCHORS */

a {
  color: #597DBD;
}
a:link {
  color: #597DBD;
  text-decoration: underline;
}
a:active {
  color: #3777E8;
}
a:visited {
  color: #597DBD;
}
a:hover {
  color: #3777E8;
  text-decoration: none;
}
a.menu {
  color: #777359;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
a.menu:link {
  color: #777359;
}
a.menu:active {
  color: #476F91;
}
a.menu:visited {
  color: #777359;
}
a.menu:hover {
  color: #476F91;
  text-decoration: underline;
}
a.hide {
  color: #999999;
  text-decoration: none;
}
a.hide:link {
  color: #999999;
}
a.hide:active {
  color: #777777;
}
a.hide:visited {
  color: #999999;
}
a.hide:hover {
  color: #777777;
  text-decoration: underline;
}
a.texthide {
  color: #FF6600;
  text-decoration: underline;
  font-weight: bold;
}
a.texthide:link {
  color: #FF6600;
}
a.texthide:active {
  color: #Ee5500;
}
a.texthide:visited {
  color: #FF6600;
}
a.texthide:hover {
  color: #Ee5500;
  text-decoration: none;
}
a.active_on_hover:hover {
  text-decoration: none;
  /* font-size: 1.5em */
}

/* My style */

.block_cont3 .question {
  display: block;
  font-size: 19px;
  margin-bottom: 15px;
}
.block_cont3 .question {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding: 8px 10px 4px;
  border: 1px solid #ccc;
  background: #fff;
  /*url('img/white-grad.png') repeat-x scroll left bottom*/
  color: #333;
  
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  behavior: url(PIE.htc);
}
.block_cont3 .question .shadow {
	color: #597DBD;
	font-size: 18px;
}
.block_cont3 .question .intro {
	display: block;
	padding: 5px 0;
}
.block_cont3 .question .intro li a {
	font-size: 16px;
	text-decoration:underline;
}
.block_cont3 .question .intro li a:hover {
	text-decoration:none;
}
.block_cont3 .question ul.list-group {
	margin: 0 0 0 20px;
}

.block_cont3 .question a {
	text-decoration: none;
}
.block_cont3 p.more {
  margin: 20px 0 10px 2px;
}
.block_cont3 p.more a {
  padding: 0;
  font-weight: normal;
  font-size: 16px;
}
.block_cont3 .question:hover {
  border: 1px solid #999;
  -moz-box-shadow: 0px 0px 5px #aeaeae;
  -webkit-box-shadow: 0px 0px 5px #aeaeae;
  -khtml-box-shadow: 0px 0px 5px #aeaeae;
  box-shadow: 0px 0px 5px #aeaeae;
}
.block_cont3 .question a:focus, .block_cont3 p.question a:active {
  color: #555;
  background: #fff url('img/white-grad-active.png') repeat-x scroll left top;
}

/* feedbackForm */

#feedbackForm {
  width: 400px;
}
#feedbackForm label {
  display: block;
  line-height: 25px;
}
#feedbackForm input, #feedbackForm textarea {
  width: 100%;
  border: solid 1px #999;
  padding: 5px;
}
#feedbackForm .form-group {
  margin: 0 0 5px 0;
}
#feedbackForm .text-danger {
  color: #ee5500;
}
#feedbackForm .col-sm-6 {
  width: 45%;
  float: left;
}
#feedbackForm .col-sm-3 {
  width: 45%;
  float: left;
  padding: 0 5% 0 0;
}
#feedbackForm .form-group {
  padding: 0 5% 0 0;
}
.has-error .help-block {
  color: #ee5500;
  padding: 5px 0;
  line-height: 14px;
  text-align: left;
}
#feedbackForm .has-error input, #feedbackForm .has-error textarea {
  border: solid 1px #ee5500;
}
.alert {
  background-color: rgba(238, 235, 214, 1);
  padding: 15px;
  width: 350px;
  margin-bottom: 10px;
}
#feedbackForm .btn-success {
  background-color: #4D76BF;
  color: #fff;
  border-color: #4D76BF;
}
#feedbackForm .btn-danger {
  background-color: #ee5500;
  color: #fff;
  border-color: #ee5500;
}

/* new layout */

body {
  padding: 0 0px 15px 0px;
}
#block_left {
  /* position: absolute; */
  /* top: 0px; */
  /* left: -250px; */
  /* width: 250px; */
  background: #FFFFFF URL('pics/left_bg.gif') repeat-x;
  font-size: 16px;
  text-align: left;
  float: left;
  margin-right: 20px;
}
.container {
  position: relative;
  /* padding: 0 20px; */
  /* margin-left: 250px; */
}
.book {
  display: block;
  position: relative;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  /*url('img/white-grad.png') repeat-x scroll left bottom*/
  color: #333;
  text-decoration: none;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
  margin: 0 0 20px 0;
}
.book table {
  width: 100%;
}
.book .cover {
  float: left;
  vertical-align: top;
  margin: 0 15px 0 0;
}
.book .title {
  width: 45%;
 border-right: solid 1px #ccc; 
  vertical-align: top;
  /* padding-left: 15px; */
}
.book .title p {
  padding: 0 15px 0 0;
	text-align: justify;
}
.book .chapters {
  width: 35%;
  padding: 0;
  vertical-align: top;
  height: 100%;
}
.book .chapters li {
  padding: 0 15px;
  list-style-type: none;
}
.book .download {
  vertical-align: top;
  width: 20%;
}
.book .download .name {
  /* min-height: 50px; */
  padding: 0 0px 0 15px;
  margin-bottom: 15px;
  /* background-image: url('pics/ic-book.png'); */
  background-repeat: no-repeat;
  background-position: right top;
}
.book .download .name h3 {
  color: #626262;
  margin: 0 0 5px 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}
.book .download .name span {
  color: #626262;
}

.book .download_btm {
  vertical-align: top;
  width: 100%;
  clear:both;
  margin-top: 1em;
}
.book .download_btm .name {
  /* min-height: 50px; */
  padding: 15 0px 0 15px;
  margin-bottom: 15px;
  /* background-image: url('pics/ic-book.png'); */
  background-repeat: no-repeat;
  background-position: right top;
}
.book .download_btm .name h3 {
  color: #626262;
  margin: 0 0 5px 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}
.book .download_btm .name span {
  color: #626262;
}

a.doc {
  display: inline-block;
  background-position: left top;
  background-repeat: no-repeat;
  background-position: left -342px;
  padding: 8px 5px 0 35px;
  margin: 0 0 0 10px;
  height: 25px;
  /* font-size: 19px; */
  font-weight: bold;
  text-decoration: none;
  /* color: #999; */
}
a.doc span {
  font-size: 12px;
  /* display: block; */
  /* border-top: solid 1px #999; */
}
a.pdf {
  background-image: url(pics/ic-pdf.png);
  background-position: left top;
}
a.fb2 {
  background-image: url(pics/ic-fb2.png);
  background-position: left top;
}
a.epub {
  background-image: url(pics/ic-epub.png);
  background-position: left top;
}
a.ab {
  background-image: url(pics/ic-ab3.png);
  background-position: left top;
}
a.video {
  background-image: url(pics/ic-video.png);
  background-position: left top;
}
.tab {
  margin-left: 15px;
}

/* ClearFix =============================================================== */

.cf:before, .cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
#block_search {
  margin: 16px 0 1px 0;
  background: #527CC7 URL('pics/div_bg.jpg') no-repeat;
  text-align: right;
}
.main {
  padding: 10px;
  height: 24px;
}
.money {
  padding: 40px 10px 44px 30px;
  background: URL('pics/home_bg_gribov2.jpg') no-repeat left center;
}
.yasa {
  padding: 42px 10px 45px 30px;
  background: URL('pics/home_bg_yasa.jpg') no-repeat left center;
}
.milliard {
	padding: 38px 10px 45px 30px;
	background: URL('pics/home_bg_milliard.jpg') no-repeat left center;
}

.table {
	margin-bottom: 20px;
	border-collapse: collapse;
}
.table td {
	vertical-align: top;
	padding: 10px;
	border: 1px #CCC solid;
}

#tab_topmenu td {
	width: 20px;
}
#tab_topmenu .td_topmenu {
	width: 180px;
}



.col-md-6 {
	width: 45%;
}
.col-md-offset-6 {
	margin-left: 55%;
}

.nested ol {
	counter-reset: item;
	padding-left: 30px;
}
.nested ol ol ol {
	padding-left: 40px;
}
.nested ol ol ol ol {
	padding-left: 55px;
}

.nested ol > li {
	counter-increment: item;
	padding-top: 10px;
}

.nested ol ol > li {
	display: block;
}

.nested ol ol > li:before {
	content: counters(item, ".") ". ";
	margin-left: -30px;
}
.nested ol ol ol > li:before {
	content: counters(item, ".") ". ";
	margin-left: -40px;
}
.nested ol ol ol ol > li:before {
	content: counters(item, ".") ". ";
	margin-left: -55px;
}

th {
	padding: 10px;
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.container:before, .container:after, .cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.container:after, .cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.container, .cf {
    *zoom: 1;
}
.thumbnails {/* width: 100%; *//* height: 200px; */}

.thumbnails li {
	/* float: left; */
	margin: 0 15px 15px 0;
	list-style-type: none;
	display: inline-block;
	width: 150px;
}
.thumbnails a span {
	display: block;
	text-align: center;
	color: #777;
	padding: 5px;

}
.thumbnails a  {
	text-decoration: none;
}
.thumbnails h3 {
	/* page-break-before: avoid; */
}

h3 {
	display: block;
	width: 100%;
}
p.big-pic { text-align: center}
p.big-pic img, img.big-photo { border:0px; width:60% !important; margin:10px 0 0 0 }

@media print {
  .download .name span { display: none; }
  body { background-color: #FFF; }
/* p.big-pic img, img.big-photo { border:0px; width:18mm !important; margin:10px 0 0 0 } */
}

.block_text2{margin-left: 250px;padding-right: 20px;}


#feedbackCaptcha {
  margin-top:16px;
  width: 120px;
  height:40px;
  display:block;
}

#feedbackCaptcha img{
  width: 120px;
  height:40px;
  border:0px;
}

.video-flv {
  display: none;
}

.video-mp4 {
  display: block;
}

title {font-size:1.3em; margin-top:30px; padding-top:10px; border-top: dotted 1px #999}

/* Book4 css */
.book4_page {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  border: 1px solid red;
}
.vertical-menu {
  height:100%;
}