/*temp*/

.banner.cc {
  display:none;
}

#info {
 display:none; 
}

/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }
*:focus { outline: none; }

.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html { height: 100%; width:100%; color: #000; background: #fff; font: 0.75em/1.5 Arial, Helvetica, sans-serif; }
.bg_t, body { height: auto !important; width:100%; min-width:100%; height: 100%; min-height: 100%;} /* body height 100% */

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

a img { border:0;}

/* Content elements
------------------------------ */

/*.content h1, .content h2, .content h3, .content h4 { font: 1.7em Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; font-weight: bold; }
.content h4 { font-size: 1.1em; font-weight: bold; }
*/

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.icons a, .icon { padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, .content img, hr { margin-bottom: 11px; }


/* ALTERNATIVNYE STILI DLYA KONTENTA */

.csc-header h1, .csc-header h2, .csc-header h3, .csc-header h4 { font: 1.5em Arial, Helvetica, sans-serif; margin-bottom: .5em;}
.csc-header h1 {color:#1A6DA9; margin-top:22px;}
.csc-header h2 { font-size: 1.5em; }
.csc-header h3 { font-size: 1.3em; font-weight: bold; }
.csc-header h4 { font-size: 1.1em; font-weight: bold; }
.main_side p {line-height:1.5em;}

sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

.main_side p, .main_side table, blockquote, pre, .columns, hr { margin-bottom: 11px; }

.box { margin: 11px; }

.main_side ol {padding-left:20px;}
.main_side ol li {margin-bottom:0.8em;}

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-l { float: left; }
.f-r { float: right; }


/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-text { width: 200px; padding: 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

/* Corners (em)
------------------------------ */

.corners { position: relative; overflow: hidden; }
.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br { position: absolute; font-size: 1px; }

.corners em.tl,
.corners em.tr,
.corners em.bl,
.corners em.br { width: 8px; height: 8px; background: url(../images/corners-4.png);}
  .corners em.tl { left: -4px; top: -4px; }
  .corners em.tr { right: -4px; top: -4px; }
  .corners em.bl { left: -4px; bottom: -4px; }
  .corners em.br { right: -4px; bottom: -4px; }


/*SITE
------------------------------ */
body {background: url(../images/01_fon_bottom.png) 0 100% repeat-x; position: relative;}

/*backgraund page
------------------------------ */
.bg_b_l, .bg_b_r { position: absolute; bottom: 0; height: 97px;}
.bg_b_r {left: 100%; margin-left: -292px; width: 292px; background: url(../images/01_fon_bottom_right.png) no-repeat;}
.bg_b_l {left: 140px;  width: 316px; background: url(../images/01_fon_bottom_left.png) no-repeat;}

.bg_t { background: url(../images/01_fot_top.png) 0 0 repeat-x; height: 136px; padding: 12px 0 28px; }
.bg_t_l, .bg_t_r { position: absolute; top: 0; height: 136px;}
.bg_t_l {left: 0; width: 584px; background: url(../images/01_fon_top_left.png) no-repeat; }
.bg_t_r {left: 100%; width: 230px; margin-left: -230px; background: url(../images/01_fon_top_right.png) no-repeat; }


/*PAGE
------------------------------ */
#page {
  width: 930px;
  padding: 0 10px;
  margin: 0 auto 0;
  text-align: left;
  position: relative;
  z-index: 9999;
}

.main_side { width: 530px;}
.right_side { width: 370px; margin-left: 30px;}

/*LOGO
------------------------------ */
h1.logo, h1.logo_en { margin: 0; padding: 0; width: 255px; height: 90px; overflow: hidden; text-indent: -9999px;}
h1.logo a {
  display: block;
  background: url(../images/02_logo.png) 0 0 no-repeat;
  width: 255px;
  height: 90px;
  
}
h1.logo_en a {
  display: block;
  background: url(../images/02_logo_en.png) 0 0 no-repeat;
  width: 255px;
  height: 90px;
}

/* gazprom-logo */

.gazprom_logo {
  display: block;
  background: url(../images/gazprom_logo-ru.png) 0 0;
  width: 100px;
  height: 48px;
  overflow: hidden; 
  text-indent: -9999px;
}

.gazprom_logo.en {
  display: block;
  background: url(../images/gazprom_logo_en.png) 0 0;
  width: 100px;
  height: 48px;
}

/*VIDEO block
------------------------------ */
.video_blok { background: #454545; margin-top: 20px;}
.video_blok .heding { background: #515151 url(../images/03_bg_heding_top.png) 0 0 repeat-x; color: #2ebefa; font-weight: bold; border-bottom: 1px solid #565656;}
.video_blok .heding span { display: block; border-bottom: 1px solid #343434; background: url(../images/03_bg_heding_bottom.png) 0 100% repeat-x; padding: 6px 20px 5px;}
.video_blok .heding h1 { font: bold 1em Arial; display: inline; color: #fff; margin-left: 10px;}
.video_blok .video { padding: 20px 19px 0;}
.video_blok .video .bram { border: 1px solid #555; background: #363636; padding: 4px;}
.video_blok .video .o-border { border: 1px solid #bcbcbc; }
.video_blok .video .bram .o-border object  { display:block;}
.video_blok a { color: #878787; font: normal 0.8em Arial; text-decoration: none;}
.video_blok .a-right a:hover/*
,
.video_blok .a-right a span
*/ { color: #2ebefa; text-decoration: underline; margin-left: 5px;}
.video_blok ul { list-style: none; margin: 2px 23px 5px; padding: 0;}

.liv_indent {height:20px;}


/*TABS
------------------------------ */
ul.tabs { padding: 30px 0 0; /* margin:30px auto 0;*/ list-style: none; color: #fff; 
/*background: #fff; */
font-weight: bold; }
ul.tabs a { color: #fff; text-decoration: none;}

ul.tabs li, ul.tabs li.all {
  float: left;
  display: block;
  position: relative;
  width: 423px;
  background: #515151 url(../images/03_bg_heding_top.png) 0 0 repeat-x;
  margin-right: 1px;
}
ul.tabs li a, ul.tabs li.all span {
  display: block;
  background: url(../images/03_bg_heding_bottom.png) 0 100% repeat-x;
  padding: 6px 20px 5px;
}

ul.tabs li.all {width:529px;}

/*
ul.tabs li.select { width: 105px; background: #226ba0 url(../images/04_bg_blue_top.png) 0 0 repeat-x;}
ul.tabs li.select a { background: #226ba0 url(../images/04_bg_blue_bottom.png) 0 100% repeat-x;}
*/
ul.tabs li.select { width: 105px; background: url(../images/qu-tab-select-top.png) 0 0 repeat-x;}
ul.tabs li.select a { background: url(../images/qu-tab-select-botom.png) 0 100% repeat-x; color:#1A6DA9;}

#quest-form .corners a {text-decoration:underline;}
#quest-form .select a {text-decoration:none;}
/*
active tab - question form
--------------------------
*/


  
.corners em.l-select,
.corners em.r-select { width: 8px; height: 8px; background: url(../images/corners-4.png); position: absolute; font-size: 1px;}
  
  .corners em.l-select { left: -4px; top: -4px; }
  .corners em.r-select { right: -4px; top: -4px; }
  
.select em.r-select { width: 4px; height: 30px; background: url(../images/04_right_tab_edge.png) no-repeat;  position: absolute; font-size: 1px; }
.select em.l-select { width: 4px; height: 30px; background: url(../images/04_left_tab_edge.png) no-repeat; position: absolute; font-size: 1px; }  
  .select em.l-select { left: 0px; top: 0px; }
  .select em.r-select { right: 0px; top: 0px; }
    

/*after video
------------------------------ */
.comments { background: #fff url(../images/05_bg_comm_border.png) repeat-y;}
.comments .border { background: url(../images/05_bg_comm_bottom.png) 0 100% no-repeat; padding: 48px 20px 15px; }
.comments dl {padding: 10px 0 16px; margin: 0; background: url(../images/dotted.png) 0 100% repeat-x; }
.comments dl.no-dotted { background: none; }
.comments dl dt {padding: 0; margin: 0; color: #1a6da9; font-weight: bold; display: inline;}
.comments dl dd {padding: 0; margin: 0; display: inline; font-size: 0.9em;}


/*footer
------------------------------ */
.footer { float: left; width: 100%; padding: 55px 0 0; color: #454545; font-size: 0.9em;}

/*lang&search
------------------------------ */
.lang, .search { margin-top: 60px;  background: url(../images/06_bg_search.png) no-repeat; height: 30px; }
.lang { width: 56px; padding-left: 8px; }
.lang span { float: right; display: block; background:  url(../images/06_bg_search.png) 100% 0 no-repeat; width:6px; height: 30px; }
.lang a { margin: 8px 2px; display: block; float: left;}

.search { width: 270px; padding: 0 5px 0 12px;}
.search input { margin: 4px 0; border:0;  color: #72777c; background: transparent;}
.search input.text { width: 230px;}

/*MENU
------------------------------ */
.menu { float: left; width: 100%; margin-top: 18px;}
.menu ul { list-style: none;  float: left; width: 100%; padding: 0; margin: 0;}
.menu ul li { clear: left; float: left; width: 100%;}

.menu ul.level1 a { text-decoration: none;}

.menu ul.level1 li { background: #00487d;
  border-top: 1px solid #015b9e;
  border-bottom: 1px solid #01375f;
}

.menu ul.level1 li b { padding-right: 20px;  background: url(../images/plus.png) 100% 0 no-repeat;}


.menu ul.level1 li#year_active { border-bottom:0; border-top-color:#347cb1;  background: #0e6aa1; background-image: none; }
.menu ul.level1 li#year_active a { border-bottom: 1px solid #343434; color: #fff;}
.menu ul.level1 li#year_active ul.level2 li a { border: 0;}
.menu ul.level1 li.top#year_active { background:  url(../images/07_menu_level1.png) 0 -30px repeat-x; } 
.menu ul.level1 li#year_active b {background-image: none; /*background-image: url(../images/minus.png);*/} 
.menu ul.level1 li.top { background: url(../images/07_menu_level1.png) 0 0 repeat-x; border-top: 0;}
/*.menu ul.level1 li.bottom { background: url(../images/07_menu_level1.png) 0 100% repeat-x; border-bottom: 0;}*/
.menu ul.level1 li a { display: block; padding: 7px 15px 5px; color: #2ebefa; font-weight: bold;}
.menu ul.level1 li a img { margin-left: 5px;}

.menu ul.level2  {
  border-top: 1px solid #565656;
  border-bottom: 1px solid #343434;
  background: #454545;
  display: block;
  font-size: 0.9em;
}

.menu ul.level2 li {
  background: transparent;
  width: 90%;
  margin: 0 0 0 20px;
  padding: 10px 0;
  border-top: 1px solid #404040;
  border-bottom: 1px solid #4a4a4a; 
}

.menu ul.level2 li a { display: inline; padding: 0; margin: 0;  font-weight: normal; }

.menu ul.level2 li a img { margin: 0;}
.menu ul.level2 li .img { background: #353535; border: 1px solid #5a5a5a; padding: 4px;}
.menu ul.level2 li img { display: block; width: 50px;}

.menu ul.level2 li.active img { width: 48px; display: block;}
.menu ul.level2 li.active .img {border: 1px solid #2ebefa;}
.menu ul.level2 li.active .img em { display: block; padding: 1px; background: #6b6b6b;}

.menu ul.level2 li p { float:left; margin-left: 10px; width: 75%;}
.menu ul.level2 li p span{color: #2ebefa; margin-right: 8px;}

.menu ul.level1 li#year_active ul.level2 li a,
.menu ul.level1 li ul.level2 li a
  {color: #d1d1d1; cursor: pointer;} 
.menu ul.level1 li#year_active ul.level2 li a:hover,
.menu ul.level1 li ul.level2 li a:hover 
  { color: #fff; text-decoration: underline;}
/*.menu ul.level1 li#year_active ul.level2 li a:hover .img { border-color:#d1d1d1; cursor: pointer;}*/

.menu ul.level1 li#year_active ul.level2 { display: block; }
.menu ul.level2 li.top {background: none; border-top: 0;}
.menu ul.level2 li.bottom {background: none; border-bottom: 0;}


/*banner*/
.banner { padding-top: 15px;}


.tx-indexedsearch-searchbox legend { display: none; }
.tx-indexedsearch-searchbox fieldset { display: none; }



/* question form */

#question input#name, #question input#org{
margin:0 0 10px;
width:300px;
border:1px solid #999;
padding:2px 4px;
}
#question label {
color:#777;
font-variant:italic;
vertical-align:top;
}
#question textarea {
width:300px;
border:1px solid #999;
padding:2px 4px;
font: normal 1em/1.5em arial;
height:150px;
}
#question #submitButton {
margin-top:20px;
}