@charset "UTF-8";

/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
   ••  Project: Gadu-Gadu.pl                                        ••
   ••  Date:    June 2010                                           ••
   •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••   
   
    1.  Layout
    1.1 Clearifx
    1.2 Columns
    1.3 Headers
    
    2.  Header
    2.1 Logo
    2.2 Search
    2.3 Shortcuts
    2.4 Navigation tabs
    
    3.  Products
    
    4.  Footer


/* 1. =Layout
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
    
    body {
      font: normal 100%/1.2 Arial, sans-serif; 
      background-color: #fff;
      color: #000;
      padding-top: 8px;
    }

    a {
      color: #1667C2;
      outline: none;
    }

    a:hover,
    a:focus {
      text-decoration: underline;
    }
    
    #site,
    #footer div {
      width: 995px;
      margin: 0 auto;
    }

    #site {
      margin-bottom: 12px;
      background-color: #fff;
    }

    .articles-framemenu #site {
      margin-bottom: 0;
      width: auto;
    }

    .articles-framemenu #header {
      margin: 0;
      border-bottom: 4px solid #EAE8E6;
    }

    .articles-framemenu #site .top {
      border-bottom: none;
      width: 949px;
      margin: 0 auto;
    }

    .separated li,
    .shortcuts li,
    .expanded,
    .columns-five li {
      padding-left: 0;
      margin-bottom: 0;
      background: none;
    }

    .section {
      border-top: 1px solid #eae8e6;
      padding: 0 8px 8px;
    }

    .section-alt {
      padding-left: 0;
      padding-right: 0;
    }

    .section-alt .header-text {
      font-size: 18px;
    }

    .section-alt .header-text:after {
      content: " »";
      display: inline;
    }

    .separated li {
      float: left;
      background: url("../images/v2/separator.png") no-repeat 0 50%;
      padding-left: 8px;
      margin-right: 7px;
      line-height: 16px;
    }

    .separated li:first-child {
      padding-left: 0;
      background: none;
    }
    

    /* 1.1 =Clearfix
    ---------------------------------------------------------------------- */

    #nav:after,
    #bottom-nav:after,
    #komunikator #main-content .what-new:after,
    #komunikator #bottom-promo #blog ul:after,
    
    #footer div:after,
    #footer ul:after,
    .top:after,
    .leaderboard:after,
    .columns:after,
    /*.expanded:after,*/
    .header:after,
    .header-aside ul:after,
    .news-carousel ul:after,
    .section-pullquote:after,
    .videos:after,
    .bug-report:after,
    #currency:after,
    #stock:after,
    .shortcuts:after,
    #weatherContainer:after,
    .similar li:after,
    #article-content .inline-images:after,
    #social-bookmarks:after,
    #article-content .similar-inline .similar-container .similar-articles:after,
    #article-content .gallery ul:after,
    body#sport #sport-tv ol li:after,
    #article-content .article-meta:after,
    #mail ul:after,
    #mail .mail-actions:after,
    #mail .user-actions:after {
      clear: both;
      content: "";
      display: block;
      height: 0;
      overflow: hidden;
    }
    
    /* 1.2 =Columns
    ---------------------------------------------------------------------- */

    .columns .primary,
    .columns .secondary {
      float: left;
    }

    .columns-main-aside {
      position: relative;
    }

    .columns-main-aside .primary {
      width: 615px;
      padding-right: 12px;
      border-top: 1px solid #eae8e6;
      padding-top: 3px;
    }

    .columns-main-aside .primary .primary,
    .columns-main-aside .secondary .secondary {
      width: auto;
      padding: 0;
      border: 0;
    }

    .columns-main-aside .secondary {
      width: 317px;
      padding-right: 3px;
    }

    .columns-main-aside .secondary span.bottom {
      display: block;
      width: 317px;
      height: 4px;
      right: 3px;
      overflow: hidden;
      position: absolute;
      bottom: 0;
      background-color: #eae8e6;
    }

    /* Equal */

    .columns-main-aside .primary .columns-equal {
      padding-bottom: 10px; /* FIXME */
    }

    .columns-main-aside .primary .columns-equal .primary {
      width: 300px;
      padding: 0 0 0 7px;
      clear: left;
    }

    .columns-main-aside .primary .columns-equal .secondary {
      width: 300px;
      padding: 0 0 0 8px;
    }

    /* Aside Main */

    .columns-main-aside .primary .columns-aside-main .primary {
      float: right;
      width: 437px;
      padding-left: 8px;
    }

    .columns-main-aside .primary .columns-aside-main .secondary {
      width: 170px;
      padding-right: 0;
      border-top: 1px solid #eae8e6;
    }

    /* Home */

    .columns-home {
      background: url("/images/v2/columns-home.png") repeat-y 169px 0;
    }

    .columns-home .columns-equal {
      background-color: #fff;
    }

    /* Article */

    .columns-article {
      background: url('/images/columns-article.png') repeat-y 169px 0;
    }


    /* Five */

    .columns-five {
      padding-left: 2px;
      background: #fff url("/images/v2/columns-five.png") repeat-y 192px 0;
    }

    .columns-five ul {
      float: left;
      width: 188px;
      padding-left: 1px;
    }

    /* 1.3 =Headers
    ---------------------------------------------------------------------- */
    
    .header {
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .header-text {
      font-weight: bold;
      color: #1b1b1b;
    }
    
    .products .header {
        text-transform: uppercase;
    }

/* 2. HEADER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    .top {
      margin-bottom: 6px;
      position: relative;
    }

    .articles-frame .top {
      margin-bottom: 0;
    }

    /* 2.1 =Logo
    ---------------------------------------------------------------------- */

    .gadu-gadu {
      float: left;
      margin: 1px 51px 0 0;
      width: 210px;
      height: 80px;
      position: relative;
      color: #000;
      font: bold 24px/80px "Helvetica Neue", Arial, sans-serif;
    }

    .gadu-gadu span {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: url("../images/v2/logo-gadu-gadu.png") no-repeat;
    }

    /* Christmas */
    .gadu-gadu#christmas-logo {
      text-indent: -9999px;
    }

    .gadu-gadu#christmas-logo span {
      background: url("../images/v2/portal_swieta_naglowek.png") no-repeat;
      width: 240px;
      height: 191px;
      left: -5px;
      top: 8px;
    }

    /* Prima aprilis */
    .gadu-gadu span em {
        background: #fff;
        padding: 26px 10px 15px 0;
        width: 30px;
        display: block;
    }

    .gadu-gadu span em img {
        display: block;
    }

    /* Easter */
    #easter .gadu-gadu {
        width: 250px;
        margin-right: 25px;
    }

    #easter .gadu-gadu span {
        background: url("../images/v2/gg_logo_wielkanoc.png") no-repeat;
    }

    /* 2.2 =Search
    ---------------------------------------------------------------------- */

    .search {
      float: left;
      padding-top: 4px;
    }

    .search fieldset {
      border: 5px solid #cfeef2;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      position: relative;
    }

    .search input {
      padding: 0;
    }

    .search #q {
      border: 1px solid #9ec9ce;
      font-size: 18px;
      padding: 4px 89px 4px 10px;
      width: 275px;
      margin: 0;
    }

    .search #q.promo {
        width: 205px;
    }

    .search #sa {
      position: absolute;
      right: 2px;
      top: 2px;
      width: 75px;
      font-size: 14px;
      padding: 4px 0 3px;
      border: 1px solid #cda532;
      background: #ffd34e url("../images/v2/search-button.png") repeat-x;
    }

    .search p {
      text-align: right;
      line-height: 16px;
      color: #b7b7b7;
      font-size: 11px;
    }

    .search p img {
      vertical-align: middle;
      display: inline;
    }

    /* 2.3 =Shortcuts
    ---------------------------------------------------------------------- */

    .shortcuts {
        float: right;
        width: 260px;
        margin-top: 5px;
    }

    .shortcuts.promo {
        width: 350px;
    }

    .shortcuts li {
        background: transparent url("../images/v2/shortcuts-new-icons-konkurs.png") no-repeat -5px top;
        float: left;
        width: 75px;
        margin-left: 6px;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
    }

    .shortcuts li a {
        display: block;
        padding: 55px 0 0 0;
    }

    .shortcuts .sh-threeinone { background: transparent url("../img/gaduair_ikonka_portal_up.png") no-repeat 13px 0; }
    .shortcuts .sh-radio { background-position: -145px 0; margin-left: 12px;}
    .shortcuts .sh-games { background-position: -283px 0; }


    /* 2.4 =Navigation tabs
    ---------------------------------------------------------------------- */
    #nav {
        border-bottom: 4px solid #eae8e6;
    }
    
    #nav #main-menu {
        height: 32px;
        margin-top: 13px;
        float: left;
    }
    
    #nav #additional-nav {
        float: right;
        position: relative;
        bottom: -13px;
        border-bottom: 4px solid #c1e7f9;
    }
    
    #nav #main-menu li {
        float:left;
        margin-right: 4px;
    }

    #nav #additional-nav li {
        float: left;
    }

    #nav #main-menu li a,
    #nav #additional-nav li a {
        background: #fff;
        float: left;
        height: 31px;
        font: normal 12px Arial, sans-serif;
        line-height: 31px;
        padding: 0 15px;
        color: #496aa4;
        border: 1px solid #eae8e6;
    }
    
    #nav #additional-nav li a {
        border-bottom: none !important;
    }

    #nav #main-menu li a:hover,
    #nav #main-menu li a:active,
    #nav #main-menu li.selected a {
        color: #496aa4;
        background: #eae8e6;
        text-decoration: none;
    }
    
    #nav #additional-nav li a {
        border: 1px solid #c1e7f9;
    }
    
    #nav #additional-nav li #help {
        margin-left: 5px;
    }
    
    #nav #additional-nav li a:hover,
    #nav #additional-nav li a.selected {
        background: #c1e7f9;
        color: #496aa4;
        text-decoration: none;
    }
    
/* 2. MAIN CONTENT DEFAULTS
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */  
    #komunikator #main-content {
        width: 731px;
        margin-right: 10px;
        float: left;
    }

    #komunikator #main-content .big-promo {
        background: #fff url('../img/komunikator/big-promo-bg.jpg') no-repeat left top;
        height: 324px;
        margin: 0 auto;
    }
    
    /* Main Content - Co nowego w Gadu-Gadu */
    #komunikator #main-content .what-new {
        background: #fff url('../img/komunikator/big-promo-cd-bg.jpg') no-repeat left bottom;
        position: relative;           
        padding: 0 20px 25px 20px;
    }
    
    #komunikator.pobierz2 #main-content .what-new {
        background: #fff url('../img/komunikator/big-promo-cd-bg-mobile.jpg') no-repeat left bottom;
    }
    
    #komunikator #main-content .what-new h2 {
        padding: 10px 0;
        font: normal 1.3em Arial, Tahoma, Verdana, sans-serif;
    }
    
    #komunikator #main-content .what-new .tabContent .tab-heading {
        font-weight: bold;
        text-align: center;
    }
    
    #komunikator #main-content .what-new p {
        font-size: 12px;
        padding: 5px 0 10px 0;
    }
    
    #komunikator #main-content .what-new p a {
        text-decoration: underline;
    }
    
    #komunikator #main-content .what-new p a:hover {
        text-decoration: none;
    }
    
    #komunikator #main-content .what-new p em {
        color: #ff6600;
        font-weight: bold;
    }
    
    #komunikator #main-content .what-new p.download {
        font-size: 16px;
        line-height: 2em;
        text-align: center;
    }
    
    #komunikator #main-content .what-new .see-more {
        position: absolute;
        right: 10px;
        top: 10px;
        font: normal 0.75em Tahoma, Verdana, Arial, sans-serif;
    }
    
    #komunikator #main-content .what-new ul {
        background: transparent url('../img/komunikator/modules-bg.png') no-repeat 465px 80px;
        padding: 0 210px 0 0;
        margin: 0;
        width: 480px;
    }
    
    #komunikator #main-content .what-new ul li {
        background: transparent url('../img/komunikator/modules-icons.png') no-repeat left top;
        float: left;
        width: 200px;
        height: 70px;
        padding-top: 80px;
        margin-right: 40px;
        font: normal 12px Arial, Verdana, sans-serif;
        line-height: 1.4em;
        color: #515151;
    }
    
    #komunikator #main-content .what-new ul .radio { background-position: -235px 0; height: 65px; }
    #komunikator #main-content .what-new ul .statuses { background-position: -475px 0; }
    #komunikator #main-content .what-new ul .call { background-position: 0 -140px; height: 80px; }
    #komunikator #main-content .what-new ul .sms { background-position: -240px -190px; }
    #komunikator #main-content .what-new ul .skins { height: 70px; margin-bottom: 20px; }
    #komunikator #main-content .what-new ul .spell-check { background-position: -475px -135px; height: 70px; }
    #komunikator #main-content .what-new ul .video { background-position: -205px -135px; }
    
    #komunikator #main-content .what-new ul li h3 {
        font: bold 14px Arial, Verdana, sans-serif;
        color: #000;
    }
    
    #komunikator #main-content .what-new ul li p {
        font-size: 11.5px;
    }
    
    #komunikator #main-content .big-promo #download-button {
        background: transparent url('../img/komunikator/pobierz-gg-bg.jpg') no-repeat left top;
        width: 252px;
        height: 68px;
        float: left;
        padding: 4px;
        margin: 32px 0 0 450px;
    }
    
    #komunikator #main-content .big-promo #download-button span {
        font-size: 0.7em;
        color: #696969;
        display: block;
        text-align: center;
        padding: 5px 0 0 0;
    }
    
    #komunikator #main-content .big-promo ul {
        float: left;
        margin: 20px 0 0 455px;
        width: 250px;        
    }
    
    #komunikator #main-content .big-promo ul li {
        background: transparent url('../img/komunikator/orange-bullet.png') no-repeat left 5px;
        font: bold 16px Arial, Verdana, sans-serif;
        padding: 0 0 20px 20px;
        color: #000;
    }
    
/* 3. SIDEBAR
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */    

    #komunikator #col-right {
        padding-top: 13px;
        width: 252px;
        float: right;
    }
    
    #komunikator #col-right #gadu-dodatki .png {
     
    }
    
    #komunikator #col-right #nadchodzi-gg10,
    #komunikator #col-right #gadu-air {
        display: block;
        margin-bottom: 15px;
    }
    
    #komunikator #col-right ul {
    }
    
    #komunikator #col-right ul li {
        background: #fff url('../img/komunikator/sidebar-middle-module.jpg') no-repeat left bottom;
        width: 252px;
        height: 165px;
        float: left;
    }
    
    #komunikator #col-right ul li div {
        padding-left: 120px;
        width: 132px;
    }
    
    #komunikator #col-right ul .top-module {
        background: #fff url('../img/komunikator/sidebar-top-module.jpg') no-repeat left top;
    }
    #komunikator #col-right ul .bottom-module {
        background: #fff url('../img/komunikator/sidebar-bottom-module.jpg') no-repeat left bottom;
    }
    
    #komunikator #col-right ul #mobile-gg { padding-top: 15px; height: 150px; }
    #komunikator #col-right ul #gg-pro { padding-top: 20px; height: 135px; }
    
    #komunikator #col-right ul #gadu-dodatki {
        background: transparent url('../img/komunikator/dodatki-icon.png') no-repeat left top;
        height: 260px;
    }
    
    #komunikator #col-right ul #gadu-dodatki div {
        padding-left: 35px;
    }
    
    #komunikator #col-right ul #desktop-gg div { background: transparent url('../img/komunikator/widget-icon.png') no-repeat -15px center; }
    #komunikator #col-right ul #mobile-gg div { background: transparent url('../img/komunikator/mobilne-gg-icon.png') no-repeat left center; }
    #komunikator #col-right ul #web-gg div { background: transparent url('../img/komunikator/web-gg-icon.png') no-repeat left center; }
    #komunikator #col-right ul #gg-pro div { background: transparent url('../img/komunikator/gg-pro-icon.png') no-repeat -20px center; }
    #komunikator #col-right ul #widget-gg div { background: transparent url('../img/komunikator/widget-icon.png') no-repeat -20px center; }
    
    #komunikator #col-right ul li h2 {
        color: #000;
        font: bold 16px Arial, Tahoma, Verdana, sans-serif;
        padding: 15px 10px 5px 0;
    }
    
    #komunikator #col-right ul li p {
        color: #666;
        font-size: 11px;
    }
    
    #komunikator #col-right ul li a {
        display: block;
        padding: 10px 0 15px 0;
    }
    
    #komunikator #col-right ul #gadu-dodatki a {
        padding: 207px 0 0 0;
    }


/* 3. PRODUCTS
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    .products {
      font-size: 11px;
      clear: both;
    }

    .products .header {
      margin-top: 0;
      padding: 10px 0 0 12px;
    }

    .products li {
      padding-right: 5px;
      margin-top: 5px;
    }

    .products ul a {
      display: block;
      padding: 0 0 5px 53px;
      background-image: url("../images/v2/products.png");
      background-repeat: no-repeat;
      color: #818382;
    }

    .products strong {
      display: block;
      font-weight: normal;
      color: #104f89;
    }

    .products span {
      display: block;
    }

    .products li ul {
      float: none;
      width: auto;
      padding: 0;
    }

    .products li li {
      padding-right: 0;
      margin-top: 0;
    }

    .products ul ul a {
      display: inline;
      padding: 0;
      background: none;
      color: #104f89;
    }

    .products .product-gg {
      color: #818382;
      padding-left: 53px;
      background: url("../images/v2/products.png") no-repeat;
    }

    .products .product-gg li {
      background: url("../images/v2/bullet-products.png") no-repeat 0 5px;
      padding-left: 9px;
    }
    
    .products ul .product_gaduair a { 
      background: url("../img/gaduair_ikonka_portal_down.png") no-repeat 10px 0; 
    }

    .product_ggpro a             { background-position:    0   -100px; }
    .product_gadudodatki a       { background-position:    0   -200px; }
    .product_bezpiecznegg a      { background-position:    0   -300px; }
    .product_nrspecjalne a       { background-position:    0   -400px; }
    .product_mojageneracja a     { background-position: -188px -100px; }
    .product_pykampl a           { background-position: -188px -200px; }
    .product_bliziutkopl a       { background-position: -188px -300px; }
    .product_blippl a            { background-position: -188px -400px; }
    .product_megaslownik a       { background-position: -188px -500px; }
    .product_gadufoto a          { background-position: -187px -574px; }
    .product_infobot a           { background-position: -376px    0;   }
    .product_forapl a            { background-position: -376px -100px; }
    .product_gadusonda a         { background-position: -376px -200px; }
    .product_naukapl a           { background-position: -376px -300px; }
    .product_eduszop a           { background-position: -376px -400px; }
    .product_polchat a           { background-position: -376px -500px; }
    .product_jaramsie a          { background-position: -564px    0;   }
    .product_nakrecenieksperci a { background-position: -564px -100px; }
    .product_wideonauka a        { background-position:    0   -500px; }
    .product_livechat a          { background-position: -564px -200px; }
    .product_openfm a            { background-position: -564px -300px; }
    .product_tegoszukalem a      { background-position: -564px -400px; }
    .product_naglos a            { background-position: -564px -500px; }
    .product_talky3d a           { background-position: -752px    0;   }
    .product_forumy a            { background-position: -752px -100px; }
    .product_shpilat a           { background-position: -752px -200px; }
    .product_zbeng a             { background-position: -752px -200px; }
    .product_internetjockey a    { background-position: -752px -300px; }
    .product_podoroge a          { background-position: -752px -400px; }
    .product_onlinefm a          { background-position: -752px -500px; }
    .product_centrum_avatarow a   { background-position: 8px -580px; }

    .bug-report {
      margin-top: 12px;
      clear: both;
    }

    .bug-report a,
    .bug-report span {
      display: block;
      background-repeat: no-repeat;
    }

    .bug-report a {
      margin-left: -11px;
      background-image: url("../images/v2/bug-report.png");
      color: #000;
      font-weight: bold;
      font-size: 10px;
      float: left;
    }

    .bug-report span {
      background-image: url("../images/v2/bug-report-end.png");
      background-position: 100% 0;
      padding: 2px 45px 9px 35px;
    }
    
    
/* 4. FOOTER PROMO MODULE
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
    #komunikator #bottom-promo {
        background: #fff url('../img/komunikator/bottom-blog-bg.jpg') no-repeat -2px top;
        padding-bottom: 10px;
        min-height: 150px;
    }
    
    #komunikator #bottom-promo #blog {
        padding: 20px 15px;
        width: 415px;
        float: left;
    }
    
    #komunikator.mobile #bottom-promo #blog,
    #komunikator.web #bottom-promo #blog {
        width: 280px;
    }
    
    #komunikator #bottom-promo #blog h2 {
        font: normal 19px Arial, Tahoma, Verdana, sans-serif;
    }
    
    #komunikator #bottom-promo #blog ul {
        width: 240px;
        padding-top: 10px;
    }
    
    #komunikator.mobile #main #bottom-promo #blog li,
    #komunikator.web #main #bottom-promo #blog li {
        float: left;
        width: 240px;
        font-size: 13px;
        margin-top: 5px;
    }
    
    #komunikator #bottom-promo .block {
        background: transparent url('../img/komunikator/footer-block-bg.gif') no-repeat left top;
        float: left;
        width: 190px;
        min-height: 126px;
        padding: 5px;
    }
    
    #komunikator #bottom-promo .block h2 {
        background: #f2f2f2 url('../img/komunikator/bottom-module-headings.png') no-repeat left top;
        font: bold 18px Arial, Tahoma, Verdana, sans-serif;
        text-align: center;
        height: 32px;
        padding-top: 10px;
        letter-spacing: -1px;
    }
    
    #komunikator #bottom-promo .block p {
        color: #666;
        font-size: 11px;
        line-height: 1.4em;
        padding: 10px 5px;
    }
    
    #komunikator #bottom-promo #widget-app {
        margin: 10px 5px 0 0;
    }
    
    #komunikator #bottom-promo #forums {
        margin: 10px 10px 0 5px;
    }
    
    #komunikator #bottom-promo #forums h2,
    #komunikator #bottom-promo #widget-app h2 {
        background-position: left -53px;
        color: #0a76bb;
    }
    
    
/* 4. FOOTER
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    #footer {
      background: #fff url("../images/v2/footer.png");
      border-top: 1px solid #eae8e6;
      font-size: 11px;
    }

    #footer div {
      padding: 10px 8px;
      background: url("../images/gg-network.png") no-repeat right 15px;
    }

    #footer ul,
    #footer p {
      padding-left: 8px;
    }

    #footer ul:after {
      clear: left;
    }

    #footer img {
      float: right;
      margin-top: 5px;
    }

    #footer p {
      margin-top: 30px;
      clear: both;
    }

    #footer p em {
      display: block;
      font-style: normal;
      color: #818382;
    }
    
/* NOWE MENU */

	#main_menu {
	    background-color: #444;
	    height: 40px;
	    -webkit-border-radius: 5px; /* Safari, Chrome */
	    -moz-border-radius: 5px; /* Firefox */
	    border-radius: 5px;
	    margin-top: 34px;
	    margin-bottom: 5px;
	}
	
	#main_menu_list {
	    float: right;
	}
	
	#main_menu li {
	    float: left;
	}
	
	#main_menu #menu-logo {
	    float: left;
	}
	
	#main_menu a {
	    display: block;
	    height: 40px;
	    color: #ededed;
	    text-shadow: 0 -1px 0 #000000;
	    font-size: 14px;
	    font-weight: normal;
	    line-height: 38px;
	    padding: 0 10px;
	    text-decoration: none;
	    border-right: 1px solid #565656;
	    font-weight: bold;
	    font-family: Tahoma;
	}
	
	#main_menu a.active,#main_menu a:hover {
	    background-color: #1f1f1f;
	}
	
	#menu-logo a:hover {
	    background-color: #444;
	}
	
	#menu-logo {
	    width: 133px;
	    margin-left: 10px;
	}
	
	#main_menu_list li.last {
	    width: 45px;
	    text-indent: -9999px;
	    position: relative;
	}
	
	#main_menu_list li.last:hover {
	    background-color: #1f1f1f;
	    -webkit-border-radius-top-right: 5px;
	    -moz-border-radius-topright: 5px;
	    border-top-right-radius: 5px;
	}
	
	#main_menu_list li.last:hover .submenu-container ul {
	    display: block !important;
	}
	
	
	#menu-logo {
	    text-indent: -9999px;
	}
	
	#menu-logo a {
	    border-right:0 none;
	    background: url(../img/logo_gadu_gadu.png) no-repeat left center;
	}
	
	#main_menu_list li.last a {
	    background: url(../img/menu_arrow_down.png) no-repeat center center;
	    border-right:0 none;
	}
	
	#main_menu_list li.last a:hover {
	    background-color: #1f1f1f;
	    -webkit-border-radius-top-right: 5px;
	    -moz-border-radius-topright: 5px;
	    border-top-right-radius: 5px;
	}
	
	#main_menu_list li.last .submenu-container a {
	    border-right:0 none;
	    -webkit-border-radius-top-right: 0;
	    -moz-border-radius-topright: 0;
	    border-top-right-radius: 0;
	}
	#main_menu_list .submenu-container {
	    position: absolute;
	    width: 150px;
	    background-color: #444444;
	    right: 0;
	    z-index: 9999;
	}
	
	#main_menu_list .submenu-container ul li {
	    display: block;
	    float: none;
	    text-indent: 0;
	    border-bottom: 1px solid #565656;
	}
	#main_menu_list .submenu-container,
	#main_menu_list .submenu-container li.last:hover,
	#main_menu_list .submenu-container li.last a:hover  {
	    -webkit-border-radius-bottom-right: 5px;
	    -moz-border-radius-bottomright: 5px;
	    border-bottom-right-radius: 5px;
	    -webkit-border-radius-bottom-left: 5px;
	    -moz-border-radius-bottomleft: 5px;
	    border-bottom-left-radius: 5px; 
	}
	
	#main_menu_list .submenu-container ul li.last {
	    width: auto;
	    border-bottom:0 none;
	}
	
	#main_menu_list .submenu-container ul li a {
	    background-image: none; 
	}
	
	.security #main_menu {
	    width: 987px;
	}