/* CSS Document */

* {
 margin: 0;
 padding: 0;
 font-size: 100.01%;
}

html {
 /*------------ 100% высота контейнера div.page далее */
 height: 100%;
 /*------------*/
}

body {
 /*--------------- 100% высота контейнера div.page далее */
 min-height:100%;
 height: 100%;
 /*---------------*/
 font-weight: normal;
 font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
 background-color:#eeeae1;
}

/* ================================================================================ */
/* ========================= Стили взятые изи прошлого шаблона ====================*/
/* ================================================================================ */
body {
  font-size: 12px;
  color: #28201C;
  list-style-type: circle;
  font-style: normal;
  line-height: 1.3;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: left;
}

a {
  color: #a63e10;
  text-decoration: underline;
}

strong {
  font-size: 12px;
  font-weight: bold;
}

h1 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
}

h2 {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 4px;
}

h3 {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 3px;
}

h4 {
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 2px;
}

fieldset {
  border: 1px solid #999999;
  padding: 10px;
}

.style_red {
  color: #FF0000;
}
.style_blue {
  color: #0000FF
}
.red_bold {
  color: #FF0000;
  font-weight: bold;
}
.style_headline {
  font-size: large;
}
.style2 {
  font-size: 14px;
  font-weight: bold;
}
.style3 {
  font-size: 10px;
  color: #666666;
}
.right_block {
  width: 180px;
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
  background: #EEEAE1;
  margin: 0;
  padding: 0 10px 5px 10px;
}
.menu_left_highlight {
  font-weight: bold;
}
.adv_code {
  display: none;
}
/* td {
  text-align: left;
} */

/* ================================================================================ */
/* =============================== Конец страых стилей ============================ */
/* ================================================================================ */

p {
  padding: 5px 0 10px 0;
  margin: 0;
}

ul, ol {
  padding: 5px 0px 5px 20px;
  margin: 0;
}

table {
  margin-left:auto; margin-right:auto;
}

hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* блок гарантирующий, что область на коотрую накладывается div.footer в div.page останется пустой, */
/* наличие этого блока устанавливает высоту div.page 100% относительно клиентской области и контента в FF, Opera */
div.footer_guarantor {
 height: 200px;
 clear: both;
}

/* Контейнер подвала */
div.footer {
 margin: auto;
 margin-top: -200px;
 width: 100%;
 height: 200px;
 clear: both;
 background-color:#171b1c;
 min-width:1024px;
}

#footer_top { padding-left:10px; padding-right:10px; height:19px; background:url(/img/footer_top_middle.jpg); background-color:#eeeae1; clear:both; }
#footer_top div.left, #footer_top div.right  { background:url(/img/footer_top.jpg); }
#flashcontent_F1 { height:60px!important; margin:auto; margin-top:5px; text-align: center; }
#flashcontent_F1 div { margin-left:auto; margin-right:auto; }
#footer_rss { padding-bottom: 10px; padding-left:10px; padding-right:10px; height:20px; background:url(/img/footer_line.jpg) no-repeat right 18px; clear:both; }
#author-counts { color:#FFFFFF; padding-left:10px; padding-right:10px; font-size:14px; clear:both; } #author-counts a { color:#FFFFFF; } #author-counts a:hover { color:#666666; text-decoration:none; }
#counts_all { float:right; padding-left:10px; width:382px; text-align: center; }
.count { float:left; opacity:0.65; filter:alpha(opacity=65); }
.count:hover { float:left; opacity:1; filter:alpha(opacity=100); }
.count-space {width:10px; float: left; }
.font12 { font-size:12px; }

/* Контейнер шапки */

div.header {
 height: 132px;
 border:#006666 solid 0px;
 /*padding-left:10px;
 padding-right:10px;*/
 text-align:center;
 background-color:#FFFFFF;
 min-width:1024px;
}

#logotype { width:286px!important; float:left; }
#middle-part { width: 510px; float: left; }
#slogan { background:url(/img/slogan_back.jpg); width:510px; height:54px; margin: 0 auto; color:#414141; font-size:16px; font-weight:bold; padding-top:10px; float: left; background-color: #FFFFFF; }
#flashcontent_H1 { height:60px!important; margin: 20px 0px 0px 0px; text-align: center; border-width: 0px;  padding: 0px; }
#flashcontent_H1 div { margin-left:auto; margin-right:auto; }
#clock { width:200px!important; float:right; }
.clock { width:100px; float:left; margin-top:15px; text-align: center; }

.left { position:relative; float:left; left:-10px; width:200px; border:#FF0000 solid 0px; height:100%; overflow:hidden; }
.right { position:relative; float:right; right:-10px; width:200px; border:#0000FF solid 0px; height:100%; overflow:hidden; }

#menu { height:59px; background:url(/img/menu_back.jpg) repeat-x; background-color: #d7680b; padding:0px; clear:both; padding-left:10px; padding-right:10px; min-width:1004px;}
#menu_left { background:url(/img/menu_left.jpg) left no-repeat; background-color: #d7680b; width:145px!important; height:35px!important; padding-left:55px; padding-top:24px; margin-right:-10px; position:relative; z-index: 20;}
#menu_right { background:url(/img/menu_right.jpg) 0px -1px no-repeat; background-color: #d7680b; float: right; width:60px; height:100%; overflow:hidden; }
#menu_center { padding-top: 5px; position: relative; z-index: 10;}
#top_content { clear:both; background-color:#eeeae1; height:19px; border:#FF0000 solid 0px; margin-left:190px!important; margin-right:60px!important; position:relative; top:-19px; margin-bottom:-19px; }

.title { background:url(/img/title.jpg) no-repeat; background-color:#A73E00; color:#FFFFFF; height:15px; width: 190px; clear:both; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:4px; margin-left:5px; margin-top:5px; margin-bottom:5px; text-align:center; font-weight:bold;}

div.content { clear:both; background:#FFFFFF!important; }
#content_left { background:url(/img/shadow_left.jpg) no-repeat right top; margin-top:-10px; padding-top:10px; }
#content_left ul { margin:0px; padding:0px; }
#content_left li { list-style-type:none; margin-top:2px; padding-left:20px; }
#content_left li a { color:#a63e10; }
#flashcontent_L1 { width:200px; margin-top:5px; overflow:hidden; }
#flashcontent_L2 { width:200px; margin-top:5px; overflow:hidden; }
#adv_holder_4 { width:200px; overflow:hidden; text-align:center;}
#ForexMagazine { text-align:center; }

#content_right { text-align:center; margin:0px; padding: 0px;}
#flashcontent_R1 { width:200px; margin-top:0px; margin-bottom:0px; overflow:hidden; }
#flashcontent_R1A { width:200px; margin-top:0px; margin-bottom:5px; overflow:hidden; }
#mail { color:#999999; border:#7e9db9 solid 1px; padding:3px; padding-top:2px; padding-bottom:2px; width:164px; }
.black { color:#000000; margin-top:12px; margin-bottom:6px; display:block; }
.black:hover {  color:#666666; text-decoration:none; }
#flashcontent_R2 { width:200px; margin-top:5px; overflow:hidden; }
#flashcontent_R3 { width:200px; margin-top:5px; overflow:hidden; }
#flashcontent_R4 { width:200px; margin-top:5px; overflow:hidden; }

.bookmark_border_right { float:right; background-color:#eeeae1;  background:url(/img/shadow_right.jpg) top right no-repeat; width:20px; height: 1500px; border:#0000FF solid 0px; }
.bookmark_border_left { float:left; background-color:#eeeae1; width:20px; height: 1500px; border:#0000FF solid 0px; }
#poisk { margin-bottom:0px; padding-left:0px; min-width:584px;height:20px; clear: both; border: 0px solid black;}
#knopka { float:left; }
#search { float:right; }
#search_attention {
  color: #a63e10;
  font-weight: bold;
}

.td_content { background-color:#eeeae1; }
.td_right { background:url(/img/menu_right_botoom.jpg) no-repeat; }
.tr_white { background-color:#ffffff; }
#content_main { padding:0; margin:0; margin-left: 20px; margin-right: 20px; padding-left: 20px; padding-right: 20px; background:url(/img/shadow_right.jpg) top right no-repeat;}

/* CSS Document */
ul#cssmenu {
  margin: 0;
  padding: 0;
  border: 0 none;
  list-style: none;
  height: 30px;
  font: bold 12px/28px Tahoma, Verdana, Helvetica, Sans-Serif;
  display: block;
}

ul#cssmenu li {
  margin: 0;
  padding: 0;
  border: 0 none;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#cssmenu li.line {
  margin: 0;
  height:30px;
  width:1px;
  background:#FFFFFF;
}

ul#cssmenu ul {
  margin: 0;
  padding: 0;
  border: 0 none;
  width: 180px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  background: #DA690B;
}

ul#cssmenu ul:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#cssmenu ul li {
  width: 180px;
  float: left;
  display: block !important;
  display: inline;
}

/* Main Menu */
ul#cssmenu a {
  margin: 0px;
  padding: 0 5px;
  float: none !important;
  float: left;
  display: block;
  color: #FFFFFF;
  font: bold 12px/28px Tahoma, Verdana, Helvetica, Sans-Serif;
  text-decoration: none;
  height: 30px;
}

/* Main Menu Hover */
ul#cssmenu a:hover,
ul#cssmenu li:hover a,
ul#cssmenu li.iehover a {
  font: bold 12px/16px Tahoma, Verdana, Helvetica, Sans-Serif;
  background:url(/img/menu_active.jpg) no-repeat;
}

/* Second Menu */
ul#cssmenu li:hover li a,
ul#cssmenu li.iehover li a {
  font: bold 12px/28px Tahoma, Verdana, Helvetica, Sans-Serif;
  float: none;
  background: #DA690B;
  color: #FFFFFF;
  width: 170px;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a,
ul#cssmenu li.iehover li a:hover,
ul#cssmenu li.iehover li.iehover a {
  font: bold 12px/28px Tahoma, Verdana, Helvetica, Sans-Serif;
  height: 28px;
  width: 168px;
  margin-left: 1px;
  margin-top: 1px;
  background: #FFFFFF;
  color:#DA690B;
}

/* Third Menu */
ul#cssmenu li:hover li:hover li a,
ul#cssmenu li.iehover li.iehover li a {
  background: #DA690B;
  color:#FFFFFF;
}

/* Third Menu Hover */
ul#cssmenu li:hover li:hover li:hover a,
ul#cssmenu li.iehover li.iehover li.iehover a,
ul#cssmenu li:hover li:hover li a:hover,
ul#cssmenu li.iehover li.iehover li a:hover
{
  font: bold 12px/28px Tahoma, Verdana, Helvetica, Sans-Serif;
  height: 28px;
  width: 168px;
  margin-left: 1px;
  margin-top: 1px;
  background: #FFFFFF;
  color:#DA690B;
}

ul#cssmenu ul ul {
  display: none;
  position: absolute;
  top: 0px;
  left: 180px;
}

ul#cssmenu li:hover ul ul,
ul#cssmenu li.iehover ul ul {
  display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu li.iehover ul,
ul#cssmenu ul li:hover ul,
ul#cssmenu ul li.iehover ul {
  display: block;
}

ul#cssmenu a#menu_top_highlight {
  font: bold 14px/27px Tahoma, Verdana, Helvetica, Sans-Serif;
}
ul#cssmenu a#menu_top_highlight2 {
  padding-top: 5px;
  font: bold 14px Tahoma, Verdana, Helvetica, Sans-Serif;
}

ul#cssmenu a#menu_top_highlight:hover,
ul#cssmenu li:hover a#menu_top_highlight,
ul#cssmenu li.iehover a#menu_top_highlight {
  font: bold 14px/15px Tahoma, Verdana, Helvetica, Sans-Serif;
  background:url(/img/menu_active.jpg) no-repeat;
}

/* БЛОК ЗАГОЛОВКА */
div.header #header_container {
  width: 100%;
  min-width:1024px;
  text-align: left; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
  height: 136px;
  margin: 0px;
  background-image: url(/img/header_space.jpg);
  background-repeat: repeat-x;
  padding: 0px;
  border-width: 0px;
  border-style: none;
  /* width: expression(document.body.clientWidth > 1024 ? "100%" : "1024px"); */
}
/* Советы по боковым панелям:
1.
Поскольку значения устанавливаются в процентах, не рекомендуется использовать боковой отступ для боковых панелей.
 Он будет добавлен к ширине для совместимых со стандартами браузеров, создавая таким образом неизвестную действительную ширину.
2. Пространство между краем блока div и элементами внутри него можно создать путем добавления правого и левого полей к этим элементам, как показано в правиле ".thrColLiq #sidebar1 p".
3. Так как браузер Internet Explorer вычисляет значения ширины после воспроизведения родительского элемента, при использовании колонок, ширина которых задана в процентах, иногда могут возникать необъяснимые ошибки. Чтобы получить более предсказуемые результаты, можно использовать колонки с пиксельными размерами.
*/
div.header #sidebar1 {
  float: left; /* в исходном порядке данный элемент должен предшествовать элементу, рядом с которым его нужно расположить. */
  width: 271px; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
  background-image: url(/img/logotype2.jpg);
  background-repeat: no-repeat;
  height: 136px;
  margin: 0px;
  padding: 0px;
}
div.header #sidebar2 {
  float: right; /* в исходном порядке данный элемент должен предшествовать элементу, рядом с которым его нужно расположить. */
  width: 277px; /* цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
  padding: 0px; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
  background-image: url(/img/header_clock.jpg);
  text-align: right;
  margin: 0px;
  height: 136px;
  background-repeat: no-repeat;
}

/* Советы по элементу mainContent:
1. Пространство между элементом mainContent и боковыми панелями создается путем добавления левого и правого полей к элементу mainContent div.
2.Чтобы избежать выпадения потока при поддерживаемом минимальном разрешении 800 x 600, размер элементов в mainContent div не должен превышать 300 пикселов (это относится и к изображениям).
3. В условном комментарии к Internet Explorer ниже свойство zoom используется для присвоения элементу mainContent значения "hasLayout". Это позволяет предотвратить несколько специфичных для Internet Explorer ошибок.
*/
div.header #mainContent {
  padding: 0px;
  margin: 0px;
  height:136px;
  height:100%!important;
}

div.header #midl_cont1 {
  text-align: center;
  background-image: url(/img/header_title.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 29px!important;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  padding-top:8px!important;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin: 0px;
}

div.header #midl_cont1 h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; margin-top: 2px;}

div.header #clock1 {
  width:100px;
  float:left;
  margin-top:23px;
  text-align: center;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  overflow: hidden;
  color: #FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;

}

div.header #clock2 {
  width:100px;
  float:left;
  margin-top:23px;
  text-align: center;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  overflow: hidden;
  color: #FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}