/**
 * @package Mooncake Framework
 * @subpackage common.css
 *
 * @author P1RATE
 * @link reaperblind@gmail.com
 *
 * @date 08/12/2011
 * @lastmodified 08/12/2011
 */

@import url(base.css);

/**
 * Let's Start!
 */

html,
body {height:100%; min-width:1000px;}

.button {background:url('../i/button.png') 0 0 no-repeat; padding-left:3px;}
.button > div {background:url('../i/button.png') 100% -24px no-repeat; padding-right:3px;}
.button > div > div {background:url('../i/button.png') 0 -48px repeat-x; height:24px;}
.button input {background:none; margin:0; border:0; width:auto; color:#fff; height:24px; line-height:24px; text-align:center; padding:0 20px;}
.button a {color:#fff; height:24px; line-height:24px; text-align:center; padding:0 20px; display:block; text-decoration:none;}

#wrap {width:960px; min-height:100%; height:auto !important; height:100%; margin:0 auto; /* background:url('../i/biglogo.png') 105% 88% no-repeat; */ background:url('../i/biglogo.png') 50% 88% no-repeat;}

  #header,
  #visual,
  #nav,
  #article,
  #footer {width:100%; clear:both;}

  #header {height:143px; position:relative; background:url('../i/visualTop.png') 0 100% no-repeat;}
    .logo {width:327px; height:82px; display:block; text-indent:-9999px; background:url('../i/logo.jpg') no-repeat; position:absolute; top:52px; left:25px;}

    .authBar {width:100%; height:47px; background:url('../i/authBar.png') 0 0 no-repeat; position:relative;}
      .authBar input[type="text"],
      .authBar input[type="password"] {font-size:11px; padding:0; margin:0; border:1px solid #c8c8c8; width:150px; height:21px; line-height:21px; vertical-align:bottom; background:url('../i/input.png') 0 0 no-repeat;}
      .authBar div span {color:#fff; font-size:11px;}
      .authBar .login {1position:absolute; 1left:448px; 1top:14px; float:left;}
      .authBar .password {1position:absolute; 1left:647px; 1top:14px; float:left; margin-left:10px;}
      .authBar .button {1position:absolute; 1left:873px; 1top:14px; float:left; margin-left:10px;}
      .authBar .button input {height:20px; line-height:20px;}
      .authBar .di {vertical-align:bottom;}
      .authBar > div {position:absolute; bottom:10px; right:10px;}
      
      .entered {font-size:11px; text-align:right; padding:2px 20px 0 0; color:#fff;}
      
    .phones {position:absolute; top:70px; right:10px; text-align:right;}
      .phones > span {font-size:20px; color:#000;}
      .phones > span > big {display:block; float:left; line-height:45px; padding:0 10px 0 0;}
      .phones > span > span {font-size:14px;}

  #visual {height:250px; padding-bottom:6px; position:relative;}
  #visual > div {position:absolute; display:none; top:0; left:0;}
  #visual > div:first-child {display:block;}

  #nav {background:url('../i/nav.png') 0 0 repeat-x; height:61px; position:relative; width:960px;}
    .navRight {position:absolute; top:0; right:-1px; width:7px; height:43px; background:url('../i/navRight.png') 0 0 no-repeat; z-index:1;}
    .navLeft {position:absolute; top:0; left:-1px; width:7px; height:43px; background:url('../i/navLeft.png') 0 0 no-repeat; z-index:1;}
    .navMenu {position:relative; text-align:justify; text-align-last:justify; text-justify:newspaper; /*min-width:960px;*/}
    .navMenu:after {content:""; display:inline-block; width:100%; height:0; overflow:hidden;}
      .navMenuItem {text-align:center; padding:0 15px !important;}
      .navMenuItem:hover,
      .navMenuItemActive {background:url('../i/navHover.png') 0 0 repeat-x;}
        .navMenuItemLink {text-decoration:none; height:43px; line-height:43px; color:#fff; font-size:15px; display:block;}

  #article {padding-bottom:129px;}
    .left {width:240px; float:left;}
      .leftWrap {padding:0 50px 0 10px;}
         
        .leftWrap h2 {color:#000;}
        
        .newsListItem {background:url('../i/newsItem.gif') 0 0 repeat-x; margin-top:30px; padding-top:10px;}
        .newsListItem:first-child {background:none; margin-top:0; padding-top:0;}
        .newsListItem p {color:#283652;}
          .newsListItemDate {font-size:12px; color:#000 !important;}
          .newsListItemLink a {font-size:14px; color:#000; text-decoration:none;}

    .right {width:250px; float:right;}
      .rightWrap {padding:0 15px 0 50px;}

        .search {width:191px; padding-bottom:35px;}
          .search .searchInput {font-size:11px; padding:0; margin:0; border:1px solid #c8c8c8; width:150px; height:21px; line-height:21px; background:url('../i/input.png') 0 0 no-repeat; vertical-align:top;}
          .search .searchSubmit {width:35px; height:24px; background:url('../i/searchButton.png') 0 0 no-repeat; padding:0; margin:0; font-size:0; border:0;}

        .oil,
        .usd {padding-left:10px;}
          /*.usd table {margin-bottom:20px; width:190px;}
            .usd table td {padding-left:0; width:auto !important;}
            
            .usd table,
            .usd table td,
            .usd table tr,
            .usd table th {border:0;}
            .usd td {padding:3px !important; border:1px solid #808080 !important; text-align:center !important; font-size:9px; font-family:verdana; color:#000;}*/
            
        .statistic {position:relative; margin-bottom:20px; padding-left:13px;}
        .statistic img {width:180px;}
          .statisticLink {position:absolute; top:60px; left:18px; background:url('../i/specofferArrow.png') 100% 50% no-repeat; font-size:15px; padding-right:60px; color:#fff; text-decoration:none;}

        .order {margin-left:14px; width:194px; height:98px; background:url('/images/callback.png') top left no-repeat; display:block;}
          .order input[type="text"] {font-size:11px; padding:0; margin:0; border:1px solid #c8c8c8; width:150px; height:21px; line-height:21px; background:url('../i/input.png') 0 0 no-repeat; vertical-align:top;}

    .section {margin:0 250px 0 240px; text-align:justify;}
      .sectionWrap {padding:0;}

        .specialOffer {margin-top:22px;}
          .specialOfferItem {position:relative;}
            .specialOfferItem_benzin {float:left; margin-top:10px;}
            .specialOfferItem_diztoplivo {float:right; margin-top:10px;}
          .specialOfferItemLink {position:absolute; top:90px; right:40px; background:url('../i/specofferArrow.png') 100% 50% no-repeat; font-size:19px; line-height:20px; padding-right:30px; color:#fff; text-decoration:none;}

        .articleItem {overflow:hidden; margin-bottom:20px; text-indent:0;}
          .articleItemImage {width:150px; float:left; margin-right:10px;}
            .articleItemImage img {width:150px;}
          .articleItemInfo {overflow:hidden;}
        
        .catalogListItem {overflow:hidden; margin-bottom:20px; text-indent:0;}
          .catalogListItemImage {width:150px; margin-right:10px; float:left; text-align:center;}
          .catalogListItemImage img {width:150px;}
          .catalogListItemDescription {overflow:hidden;}

        .catalogListItemGood {overflow:hidden; margin-bottom:20px; text-indent:0;}
          .catalogListItemGoodImage {width:150px; margin-right:10px; float:left; text-align:left;}
          .catalogListItemGoodImage img {width:150px;}
          .catalogListItemGoodDescription {overflow:hidden;}
        
        .pagesList {text-align:center; text-indent:0;}
          .pagesListItem {padding:3px;}
          .pagesListItemActive {background:#ccc;}
            
#footer {width:960px; height:109px; margin:-109px auto 0; text-align:center; background:url('../i/footer.png') 0 0 no-repeat; color:#fff;}
  .navFootMenu {padding-top:20px !important;}
    .navFootMenuItem {padding:0 10px !important;}
      .navFootMenuItemLink {color:#fff; font-size:12px; text-decoration:none;}
      .navFootMenuItemLink:hover {text-decoration:underline;}
  .copy {margin:35px 0 0 0;}
    .copy a {color:#fff; font-weight:bold;}
        
.oil #brent{
  width:186px;
  height:61px;
  overflow: hidden;
  
}
.oil div{margin-bottom:20px;}
.left_menu{
    width:auto;
    padding:0 25px 20px 0;
   /* min-height: 220px;
    height: auto !important;
    height: 220px;*/

}
.left_menu > div {
    width:auto;
    height:auto;
    background: #e3e3e3;
}
.left_menu > div > ul{
    list-style-type:none;
    margin-left:0;
    padding:5px 0;
}
.left_menu > div > ul > li {
    list-style-type:none;
    margin:1px 0;
}
.left_menu > div > ul > li > a{
    line-height:30px;
    display:block;
    padding:0 15px;
    font-size:15px;
    color:#084367;
    text-decoration:none;
}

.left_menu > div > ul > li.active > a,
.left_menu > div > ul > li > a:hover{
    color:#fff;
    background: #2ea2e2;
}
.left_menu > div > ul > li > a:active,
.left_menu > div > ul li.active > a{
    background:#0e669f;
    color:#fff;
}
ul.sub_menu {margin:0;padding:0;width:100%;overflow:hidden;}
ul.sub_menu > li{ background:url('/i/point_v1.png') no-repeat scroll 15px center;}
ul.sub_menu > li > a {
    display:block;
    padding:5px 0;
    padding-left:30px;
    text-indent:0;
    text-decoration:none;
   
}
ul.sub_menu > li > a:hover{color:#2ea2e2;}
ul.sub_menu > li:hover {background:url('/i/point_v1_a.png') no-repeat scroll 15px center;}
.docs{
    display:table;
    width:100%;
}
    .docs .docs_slide{
        float:left;
        display:table;
    }
    .docs .docs_slide .docs_view{
        width:120px;
        margin:5px;
        text-align:center;
    }
    .docs .docs_slide .docs_view a img{
        display:block;
        width:120px;
        border:2px solid silver;
    }
    .docs .docs_slide .docs_view a img:hover{
       border:2px solid gray;
    }
    .docs #ustav{
        float:none !important;
        width:100%;
    }
    .docs #ustav .docs_view{
        float:left;
    }
    .docs #ustav .docs_desc{
        padding-top:30px;
        margin-left:140px;
    }
    
.contacts{}
.contacts p span{font-weight:bold;width:60px;display:block;float:left;}