@charset "UTF-8";

/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
   ••  Project: Gadu-Gadu.pl                                        ••
   ••  Date:    June 2010                                           ••
   •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••   
   
    1.  Global
    2.  Main page
    3.  Mobile GG
    3.  Security page
    4.  GaduAIR promo page



/* 1. =Global
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
    #komunikator #main .container .wrapper {
        background: transparent url('../img/komunikator/white-bg.png') no-repeat 0 0;
        width: 987px;
        height: 1220px;
    }


/* 2. =Main page
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    /* 2.1 =Main promo content
    ---------------------------------------------------------------------- */
    #komunikator.desktop #main .container {
        margin: 0 auto;
    }
    
    #komunikator.desktop #main .container .wrapper {
        padding-top: 20px;  
    }
    
    #komunikator.desktop #main .container .top {
        width: 964px;
        height: 450px;
        margin: 0 0 0 12px;
        padding-bottom: 40px;
        background: transparent url('../img/komunikator/homepage_bg.png') 0 0 no-repeat;
    }
    
    #komunikator.desktop #main .container .top .left {
        padding: 45px 0 0 30px;
        width: 355px;
        float: left;
    }
    
    #komunikator.desktop #main .container .top .left h1 {
        padding-bottom: 40px;
    }
    
    #komunikator.desktop #main .container .top .left a.download {
        text-align: center;
        margin-left: 50px;
    }
    
    #komunikator.desktop #main .container .top .left p {
        display: block;
        background: transparent url('../img/komunikator/prosty-sposob.png') no-repeat center center;
        text-indent: -9999px;
        width: 200px;
        height: 75px;
        margin-left: 30px;
    }
    
    #komunikator.desktop #main .container .top .left ul {
        padding-left: 30px;
        padding-top: 20px;
    }
    
    #komunikator.desktop #main .container .top .left ul li a {
        background: transparent url('../img/komunikator/main-page-nav.png') no-repeat left top;
        display: block;
        width: 200px;
        height: 52px;
        text-indent: -9999px;
    }
    
    #komunikator.desktop #main .container .top .left ul li.web a {
        background-position: left -52px;
    }
    
    #komunikator.desktop #main .container .top .left ul li.pro a {
        background-position: left -104px;   
    }
    
    #komunikator.desktop #main .container .top .right {
        padding-top: 45px;
    }
    
    #komunikator.desktop #main .container .top .right .main-container {        
        width: 560px;
        height: 324px;
        margin: 8px 0;
    }
    
    #komunikator.desktop #main .container .top .right a {
        display: block;
        width: 210px;
        margin: 0 auto;
    }


    /* 2.2 =New features
    ---------------------------------------------------------------------- */
    #komunikator #main .container .items {
        background: transparent url('../img/komunikator/white-bg-2.png') no-repeat 0 0;
        float: left;
        width: 703px;
        height: 342px;
        margin: 0px 5px 5px 10px;
    }
    
    #komunikator #main .container .items .item {
        background: transparent url('../img/komunikator/modules-icons.png') no-repeat 0 0;
        float: left;
        width: 200px;
        height: 140px;
        margin: 20px 0 0 20px;
    }
    
    #komunikator #main .container .items .item .text {
        margin: 80px 0 0 0;
    }
     
    #komunikator #main .container .items .item .text h3 {
        font-size:15px;
        font-weight:bold;
        text-align:left;
    }
     
    #komunikator #main .container .items .item .text p {
        margin:5px 0 0 0;
        font-size:12px;
    }
     
    #komunikator #main .container .items .video     { background-position: -205px -135px; }
    #komunikator #main .container .items .statuses  { background-position: -475px 0; }
    #komunikator #main .container .items .call      { background-position:0 -140px; }
    #komunikator #main .container .items .mailbox   { background: transparent url('../img/komunikator/ikonkapoczta.png') no-repeat center 7px; }
    #komunikator #main .container .items .skins     { }
    #komunikator #main .container .items .radio     { background-position:-235px 0; }
    
    /* 2.3 =Right column
    ---------------------------------------------------------------------- */
    
    #komunikator #main .container .right {
        margin: 0px 0 0 0;
        float: left;
        height: 342px;
    }
    
    #komunikator #main .container .right .gaduair {
        background: transparent url('../img/komunikator/button-gaduair.png') no-repeat 0 0;
        width: 249px;
        height: 208px;  
        margin: 0 0 5px 0;  
    }
    
    #komunikator #main .container .right a.last-version { 
        width: 251px;
        height: 64px;
        margin: 5px 0 0 0px;
    }
    
    #komunikator #main .container .right .blip {
        background: transparent url('../img/komunikator/button-blip.png') no-repeat 0 0;
        width: 188px;
        height: 46px;
        margin: 5px 0 0 25px;
    }
    
    /* 2.4 =Various versions
    ---------------------------------------------------------------------- */
    #komunikator #main .bottom-1 {
        background: transparent url('../img/komunikator/bottom-bg-1.png') no-repeat 0 0; 
        width: 952px; 
        height:196px; 
        margin:0px 0 0 10px;
        padding:10px 0 0 10px;
        clear:both; 
    }
    
    #komunikator #main .bottom-1 .title { 
      font-size: 15px;
      font-weight: bold;
      text-align: left;
      width: 962px;
      margin: 10px 0 0px 10px;
    }
    
    #komunikator #main .bottom-1 .options {
        width: 942px;
        margin: 10px 0 0 10px;
    }
    
    #komunikator #main .bottom-1 .options .option {
        float:left;
        width: 305px;
        height :140px;
        margin: 0 0 5px 0;
        text-align:center;
    }
    
    #komunikator #main .bottom-1 .options .gg1 {
        margin: 20px 0 0 0;
    }
    
    #komunikator #main .bottom-1 .options .gg2 {
        background: transparent url('../img/komunikator/gg-bg-2.png') no-repeat 0 0;
    }
    #komunikator #main .bottom-1 .options .gg2 .right {
        width: 150px !important;
        padding: 20px 0 0 0;
    }
    
    #komunikator #main .bottom-1 .options .gg3 {
        background: transparent url('../img/komunikator/gg-bg-3.png') no-repeat 0 0;
        width: 243px;
    }
    
    #komunikator #main .bottom-1 .options .gg3 .right {
        padding: 20px 0 0 0;
    }
    
    #komunikator #main .bottom-1 .options .gg4 {
        background: transparent url('../img/komunikator/gg-bg-4.png') no-repeat 0 0;
    }
    #komunikator #main .bottom-1 .options .gg4 .right {
        width: 130px !important;
        padding: 20px 0 0 0;
    }

    #komunikator #main .bottom-1 .options .option .left {
        float: left;
        width: 80px;
        height: 100px; 
    }
    
    #komunikator #main .bottom-1 .options .option .right {
        float: left;
        width: 115px;
        height: 90px;
        margin: 0 0 10px 10px;
        font-size: 12px;
        text-align: left;
    }  
    
    #komunikator #main .bottom-1 .options .option a.img {
        margin: 5px 0 0 0;
    }
    
    
    #komunikator #main .bottom-1 .options .option .right h3 {
        color: #1667c2;
        font-size: 13px;
        font-weight: bold;
    } 
    
    /* 2.5 =Additional content
    ---------------------------------------------------------------------- */
    #komunikator #main .bottom-2 {
        background: transparent url('../img/komunikator/bottom-bg-2.png') no-repeat 0 0; 
        width: 942px;
        height: 136px;
        margin: 5px 0 0 10px;
        padding:10px 0 0 20px;
        clear:both;
    }
    
    #komunikator #main .bottom-2 .blog {
        width: 450px;
    }
    
    #komunikator #main .bottom-2 .blog .li {
        width:400px;
        margin: 5px 0 0 0;
    }
    
    #komunikator #main .bottom-2 .site {
        width: 210px;
    }
    
    #komunikator #main .bottom-2 .forum {
        width: 215px;
        margin-left: 30px;
    }
    
    #komunikator #main .bottom-2 #bottom-promo {
        background:none;
        min-height:90px;
    }
    
    #komunikator #main .bottom-2 #bottom-promo #blog {
        padding:10px 0px 0 0;
    }
    
    #komunikator #main #bottom-promo #blog li {
        background: transparent url('../img/komunikator/blue-dot.png') no-repeat 0 5px;
        padding-left: 15px;
        width: 400px;
    }
    
    #komunikator #main .bottom-2 #bottom-promo #blog li a {
        font-size: 13px;
        color: #000;
    }
    
    #komunikator #main .bottom-2 .option {
        float:left;
        margin:0 10px 0 0;
        font-size:12px;
    }
    
    #komunikator #main .bottom-2 .option .title {
        color: #1667c2;
        font-size: 17px;
        font-weight:bold; 
        
    }
    
    #komunikator #main .bottom-2 .option p {
        font-size: 12px;
        margin:15px 0 0 0; 
    }
    
    /* WTF? */
    #komunikator #main .container .beta-img {
        background: transparent url('../img/komunikator/wersja-beta.png') no-repeat 0 0;
        width: 84px;
        height: 83px;
        margin: 1px 0 0 905px;
        position: absolute;
        z-index:1;
    }
    
    #komunikator #main .bottom {
        padding: 10px 0 0 20px;
        clear: both;
    }
    
    #komunikator #main .bottom .left {
        float: left;
        width: 560px;
        height: 30px;
    }
    
    #komunikator #main .bottom .right {
        float: left;
        height: 30px;  
        margin: 0;
    }
    
    #komunikator #main .bottom a {
        color: #1667c2;
        font-size: 12px;
    }
    
    #komunikator #main .bottom a.history {
    }
    
    #komunikator #main .bottom a.statute {
        margin: 0 0 0 30px;
    }
    
     #komunikator #main .container .top {
        height:505px;
        width:960px;
        margin:0px 0 0 10px;
    }
    
    #komunikator.pobierz2 #main .container .top {
        height:auto;        
    }

/* 2. =Mobile GG
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
    #komunikator.mobile #main-content .big-promo {
        background: #fff url('../img/komunikator/big-promo-mobile-bg.jpg') no-repeat left top;
    }
    
    #komunikator.mobile #main-content .big-promo #download-button {
        background: none;
        width: 277px;
        margin-left: 436px;
    }
    
    #komunikator.mobile #main-content .big-promo ul {
        margin-left: 448px;
        margin-top: 0;
    }
    
    #komunikator.mobile #main-content .what-new,
    #komunikator.naglos #main-content .what-new    {
        padding-top: 50px;
        
    }
    
    #komunikator.mobile #main-content .what-new ul {
        background: none;
        width: 690px;
        padding: 0;
    }
    
    #komunikator.mobile #main-content .what-new ul li {
        background: transparent url('../img/komunikator/modules-icons-mobile.png') no-repeat left top;
        margin: 0;
        height: 65px;
    }
    
    #komunikator.mobile #main-content .what-new ul .chat { height: 100px; }
    #komunikator.mobile #main-content .what-new ul .import { background-position: -235px 0; margin: 0 40px; height: 100px; }
    #komunikator.mobile #main-content .what-new ul .status { background-position: -475px 0; height: 100px; }
    #komunikator.mobile #main-content .what-new ul .catalog { background-position: 0 -190px; }
    #komunikator.mobile #main-content .what-new ul .emots { background-position: -240px -187px; margin: 0 0 0 40px; }
    #komunikator.mobile #main-content .what-new ul .archives { background-position: -435px -179px; padding-left: 40px; }
    
    #komunikator.mobile #main-content .what-new .inline li {
        background: none;
        list-style-type: disc;
        float: none;
        height: auto;
        width: auto;
        display: list-item;
        margin: 0 0 0 20px;
        padding: 3px 0;
    } 
    
    /* mobile tabs */
    #komunikator.mobile #main-content .what-new .mobile-tabs {
        background: transparent url('../img/komunikator/mobile-tabs-narrow-bg.jpg') no-repeat 0 0;
        width: 731px;
        margin-left: -19px;
        position: absolute;
        top: -8px;
        height: 50px;
    }
    
    #komunikator.mobile #main-content .what-new #ga-tabs {
        /*background: transparent url('../img/komunikator/mobile-sections-ga-bg.jpg') no-repeat 0 0;*/
    }
    
    #komunikator.mobile #main-content .what-new .mobile-tabs li {
        background: transparent url('../img/komunikator/mobile-sections-separator.png') repeat-y right top;
        height: 24px;
        width: auto;
        padding: 10px 0 7px 0;
        margin: 0;
    }
    
    #komunikator.mobile #main-content .what-new .mobile-tabs li.gaduair {
        background: none;
    }
    
    #komunikator.mobile #main-content .what-new .mobile-tabs li a,
    #komunikator.mobile #main-content .what-new .mobile-tabs li span {
        color: #1667C2;
        font-size: 13px;
        font-weight: bold;
        padding: 4px 12px 5px 12px;
        display: block;
    }
    
    #komunikator.mobile #main-content .what-new .mobile-tabs li.download a,
    #komunikator.mobile #main-content .what-new .mobile-tabs li.download span {
        padding: 10px 23px;
    }
    
    #komunikator.mobile #main-content .what-new .mobile-tabs li.gaduair a,
    #komunikator.mobile #main-content .what-new .mobile-tabs li.gaduair span {
        padding: 0 0 10px 15px;
    }
    
    #komunikator.mobile #main-content .what-new .mobile-tabs li span {
        color: #000;
        text-decoration: underline;
    }
    
    #komunikator.mobile .hidden { display: none; }
    
    #komunikator.mobile #main-content .what-new #gaduair {
       /*  background: transparent url('../img/komunikator/gadu-air-headbg.jpg') no-repeat 2px -7px;*/
        position: relative;
        left: -19px;
        top: -8px;
        width: 731px;
    }
    
    #komunikator.mobile #main-content .what-new #gaduair .inner {
        padding: 20px 20px 0 20px;
    }
    
    #komunikator.mobile #main-content .what-new #gaduair .inner p {
        background: transparent url('../img/komunikator/bezplatny-komunikator.png') no-repeat 40px 5px;
        padding-left: 275px;
    }
    
    #komunikator.mobile #main-content .what-new #gaduair .inner ul {
        padding-left: 275px;
        width: auto;
    }
    
    #komunikator.mobile #main-content .what-new #gaduair .inner ul li {
        margin: 0 0 0 14px;
        color: #2887c3;
    }
    
    #komunikator.mobile #main-content .what-new #gaduair .inner ul li span {
        color: #000;
    }
    
    #komunikator.mobile #main-content .what-new #gaduair .inner .second {
        background: transparent url('../img/komunikator/specjalnie-dla-gaduair.png') no-repeat 53px 5px;
        margin-top: 20px;
    }
    
    #komunikator.mobile #main-content .what-new #gaduair .inner .know-more {
        width: 340px;
        display: block;
        margin: 20px auto 0 auto;
    }
    
    #komunikator.mobile #sub-footer {
        background: transparent url('../img/komunikator/sub-footer-bg.jpg') no-repeat left top;
        float: left;
        width: 731px;
        height: 39px;
        padding-top: 10px;
        clear: both;
    }
    
    #komunikator.mobile #sub-footer li {
        float: left;
    }
    
    #komunikator.mobile #sub-footer a {
        font: normal 13px Arial, Verdana, Tahoma, sans-serif;
    }
    
    #komunikator.mobile #sub-footer .support { padding: 2px 0 0 5px; }
    #komunikator.mobile #sub-footer .regulations { margin: 7px 0 0 14px; }
    #komunikator.mobile #sub-footer .license { margin: 7px 0 0 21px; }
    #komunikator.mobile #sub-footer .devices { margin: 7px 0 0 20px; }
    #komunikator.mobile #sub-footer .mobility { margin: 7px 0 0 100px; }
    
    #komunikator.mobile #szkola {
        top: -13px;
        position:relative;
        width: 658px;
        margin-left:auto;
        margin-right:auto;
        height:350px;
        background: transparent url('../img/komunikator/szkola.png') no-repeat left top;
    }
    
    #komunikator.mobile #szkola a{
        display: block; 
        width: 255px; 
        height: 50px;
        position: absolute;
        top: 220px;
        left: 200px;
    }
    
    #komunikator #main-content .what-new #cost h1 {
        font-size: 19px;
        color: #000;
        font-weight: bold;
        margin: 5px 0 20px 0;
        padding: 0;
    }
    
    #komunikator #main-content .what-new #cost h2 {
        font-size: 21px;
        color: #f15c02;
        font-weight: bold;
        margin-bottom: 7px;
        padding: 0;
    }
    
    #komunikator #main-content .what-new #cost ul  li {
        list-style-type: none;
    }
    
    #komunikator #main-content .what-new #cost ul  li span  {
        float: left;
        width: 75px;
    }
    
    #komunikator #main-content .what-new #cost ul  li strong {
        color: #F15C02;
        font-weight: bold;
    }
    
    #komunikator #main-content .what-new #cost #cost-box {
        width: 507px;
        height: 119px;
        background: url('../img/ramka.png') no-repeat;
        margin: 0 auto;
        padding: 7px 5px 0 27px;
    }
    
    #komunikator #main-content .what-new #cost #cost-buttons {
        width: 539px;
        height: 52px;
        margin: 0 auto;
        clear: both;
    }
    
    #komunikator #main-content .what-new #cost #cost-buttons .left {
        float: left;
    }
    
    #komunikator #main-content .what-new #cost #cost-buttons .right {
        float: right;
        height: auto;
    }
    
    #komunikator #main-content .what-new #cost #cost-desc {
        margin: 25px 0 70px 0;
        font-size: 12px;
        position: relative;
        line-height: 1.4em;
    }
    
    #komunikator #main-content .what-new #cost #cost-tooltip {
        width: 595px;
        height: 68px;
        background: url('../img/tooltip-bg.png') no-repeat;
        position: absolute;
        top: 12px;
        left: 0;
        font-size: 12px;
        padding: 35px 28px 0 28px;
    }
    
    #komunikator #main-content .what-new #promo h1 {
        font-size: 19px;
        color: #000;
        font-weight: bold;
        margin: 5px 0 20px 0;
        padding: 0;
    }
    
    #komunikator #main-content .what-new #promo .promo-box {
        width: 341px;
        height: 207px;
        background: url('../img/box-orange.png') no-repeat;
        float: left;
        padding: 9px 0 0 0;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
    }
    
    #komunikator #main-content .what-new #promo .promo-box h2 {
        text-align: center;
        color: #fff;
        width: 325px;
        height: 39px;
        margin: 0 auto 15px auto;
        background: url('../img/b-orange-bg.png') no-repeat;
        font-size: 18px;
        padding: 0;
        line-height: 39px;
    }
    
    #komunikator #main-content .what-new #promo .promo-box span {
        font-size: 12px;
    }
    
    #komunikator #main-content .what-new #promo .promo-box img {
        float: left;
    }
    
    #komunikator #main-content .what-new #charge h1 {
        font-size: 19px;
        color: #000;
        font-weight: bold;
        margin: 5px 0 20px 0;
        padding: 0;
    }
    
    #komunikator #main-content .what-new #charge .charge-box {
        width: 319px;
        height: 230px;
        background: url('../img/box-white.png') no-repeat;
        float: left;
        padding: 16px 11px 0 11px;
        line-height: 20px;
        font-size: 12px;
        margin-bottom: 11px;
    }
    
    #komunikator #main-content .what-new #charge .charge-box p {
        font-size: 1em;
    }
    
    #komunikator #main-content .what-new #charge .charge-box li {
        font-size: 12px;
        font-family:Tahoma,Arial,sans-serif;
        list-style-type: none;
        margin:0;
        padding:2px 0;
    }
    
    #komunikator #main-content .what-new #charge .charge-box img {
        float: left;
        margin: 0 13px 13px 0;
    }
    
    #komunikator #main-content .what-new #charge .charge-box h2 {
        font-size: 14px;
        font-weight: bold;
    }
    
    #komunikator #main-content .what-new #charge .box-warning {
        width: 564px;
        height: 53px;
        background: url('../img/box-warning.png') no-repeat;
        font-size: 12px;
        line-height: 53px;
        margin: 0 auto 21px auto;
        clear: both;
        text-align: center;
        font-weight: bold;
    }
    
/* 2. =Security page
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
    #komunikator.security #main .container .wrapper {
        padding-top: 20px;
        height: auto;
    }
    
    #komunikator.security #main .container .wrapper .top {
        background: transparent url('../img/komunikator/bezpieczenstwo_background.png') no-repeat left top;
        margin-left: 12px;  
        height: auto;
    }
    
    #komunikator.security #main .container .wrapper .top h1 {
        font-size: 26px;
        font-weight: bold;
        padding: 30px 0 20px 0;
    }
    
    #komunikator.security #main .container .wrapper .top p {
        font-size: 14px;
        line-height: 1.4em;
    }
    
    #komunikator.security #main .container .wrapper .top p, 
    #komunikator.security #main .container .wrapper .top h1 {
        width: 700px;
        margin: 0 auto;
    }
    
    #komunikator.security #main .container .wrapper .top #security-default {
        width: 710px;
        margin: 20px auto;
        overflow: hidden;
    }
    
    #komunikator.security #main .container .wrapper .top .lock {
        background: transparent url('../img/komunikator/narrow_lock_background.png') no-repeat left bottom;
        width: 230px;
        margin-left: 10px;
        padding-bottom: 10px;
        float: left;
    }
    
    #komunikator.security #main .container .wrapper .top .lock:first-child {
        margin-left: 0;
    }
    
    #komunikator.security #main .container .wrapper .top #security-default .lock {
        height: 360px;
    }
    
    #komunikator.security #main .container .wrapper .top .lock .inner {
        background: transparent url('../img/komunikator/narrow_lock_background.png') no-repeat left top; 
        padding-top: 10px;
        text-align: center;
    }
    
    #komunikator.security #main .container .wrapper .top .lock .inner p {   
        text-align: left;
        font-size: 12px;
        line-height: 1.4em;
        width: auto;
        padding: 10px 20px;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.selected {
        background: transparent url('../img/komunikator/bezpieczne_single_outer_bg.png') no-repeat left bottom;
        width: 516px;
        margin: 20px auto;
        padding: 0;
        float: none;
        overflow: hidden;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.selected .inner {
        background: transparent url('../img/komunikator/bezpieczne_single_inner_bg.png') no-repeat left top;
        overflow: hidden;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.selected .inner img {
        float: left;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.selected .inner p {
        width: 275px;
        float: left;
        padding: 20px;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.green .inner p {
        padding-top: 55px;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.selected .inner p span {
        font: bold 18px Arial, serif;
        display: block;
        padding-bottom: 5px;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.selected .inner p span.green {
        color: #0e982a;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.selected .inner p span.red {
        color: #dc4747;
    }
    
    #komunikator.security #main .container .wrapper .top .lock.selected .inner p span.gray {
        color: #909090;
    }
    
    #komunikator.security #main .container .wrapper .top #security-default p.additional-description {
        clear: both;
        padding: 10px 0;
    }
    
/* 4. =GaduAIR Promo page
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
    #komunikator.gaduAIR-promo #main .container .wrapper {
        padding-top: 20px;
        height: auto;
    }
    
    #komunikator.gaduAIR-promo  #main .container .top {
        background: transparent url('../img/komunikator/gaduair_background.png') no-repeat left top;
        width: 964px;
        height: 450px;
        margin: 0 0 0 12px;
        padding: 20px 0 40px 0;
    }
    
    #komunikator.gaduAIR-promo #main .container h1 {
        margin: 0 0 15px 90px;
    }
    
    #komunikator.gaduAIR-promo #main .container p {
        margin: 0 0 30px 90px;
    }
    
    #komunikator.gaduAIR-promo #main .container ul#gaduair-advantages {
        width: 860px;
        margin-left: 50px;
        overflow: hidden;
    }
    
    #komunikator.gaduAIR-promo #main .container ul#gaduair-advantages li {
        background: transparent url('../img/komunikator/gaduair-korzysci.png') no-repeat left top;
        display: block;
        float: left;
        height: 259px;
        text-indent: -9999px;
    }
    
    #komunikator.gaduAIR-promo #main .container ul#gaduair-advantages li.free-internet {
        width: 229px;
    }
    #komunikator.gaduAIR-promo #main .container ul#gaduair-advantages li.free-calls {
        background-position: -229px top;
        width: 200px;
    }
    #komunikator.gaduAIR-promo #main .container ul#gaduair-advantages li.sms {
        background-position: -429px top;
        width: 200px;
    }
    #komunikator.gaduAIR-promo #main .container ul#gaduair-advantages li.calling {
        background-position: -629px top;
        width: 230px;
    }
    
    #komunikator.gaduAIR-promo #main .container p.actions {
        margin: 0 0 0 312px;
        padding: 20px 0;
    }

/* 4. =Regulations and download
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    #komunikator.regulamin #main-content,
    #komunikator.pobierz #main-content {
        /* background: transparent url('../img/komunikator/pomoc-top.gif') no-repeat left top; */
        width: 730px;
        padding-top: 10px;
        margin: 12px 0 0 0;
    }
    
    #komunikator.regulamin #main-content .inner,
    #komunikator.pobierz #main-content .inner {
        /* background: transparent url('../img/komunikator/pomoc-bottom.gif') no-repeat -1px bottom; */
        border: 1px solid #dedede;        
        padding: 10px;
    }
    
    #komunikator.regulamin #main-content .inner h2,
    #komunikator.pobierz #main-content .inner h2 {
        font: normal 18px Arial, Tahoma, Verdana, sans-serif;
    }
    
    #komunikator.pobierz #main-content .inner h2 {
        padding-bottom: 10px;
    }
    
    #komunikator.regulamin #main-content .inner ol,
    #komunikator.pobierz #main-content .inner ol {
        padding: 0 0 30px 0;
    }
    
    #komunikator.regulamin #main-content .inner ol li,
    #komunikator.pobierz #main-content .inner ol li {
        font: normal 13px Tahoma, Arial, Verdana, sans-serif;
        list-style-type: decimal;
        color: #959595;
        margin-left: 40px;
        padding: 10px 0;
    }
    
    #komunikator.pobierz #main-content .inner ol, 
    #komunikator.pobierz #main-content .inner ul {
        padding: 0 0 10px 0;
    }
    
    #komunikator.pobierz #main-content .inner ol li {
        color: #000;
        padding: 5px 0;
    }
    
    #komunikator.pobierz #main-content .inner ul li {
        font: normal 13px Tahoma, Arial, Verdana, sans-serif;
        list-style-type: disc;
        margin-left: 40px;
        padding: 5px 0;
    }
    
    #komunikator.regulamin #main-content .inner ol li ol li,
    #komunikator.regulamin #main-content .inner ol li ul li  {
        font: normal 13px Tahoma, Arial, Verdana, sans-serif;
        list-style-type: decimal;
        color: #959595;
        margin-left: 22px;
        padding: 10px 0;
    }
    
    #komunikator.regulamin #main-content .inner ol li ol li ol {
        padding: 0;
    }
    
    #komunikator.regulamin #main-content .inner ol li ol li ol li  {
        font: normal 13px Tahoma, Arial, Verdana, sans-serif;
        list-style-type: lower-latin;
        color: #959595;
        margin-left: 22px;
        padding: 10px 0;
    }
    
    #komunikator.pobierz #main-content .inner p {
        font-size: 12px;
        padding: 5px 20px 10px 20px;
    }
    
    #komunikator.pobierz #main-content .inner em {
        color: #ff6600;
        font-weight: bold;
    }
    
    #komunikator.pobierz #main-content .inner a {
        text-decoration: underline;
    }
    
    #komunikator.pobierz #main-content .inner a:hover {
        text-decoration: none;
    }
    
    #komunikator.regulamin #main-content .inner h2,
    #komunikator.regulamin #main-content .inner h3 {
        text-align: center;
    }
    
    #komunikator.regulamin #main-content .inner h3 {
        font-weight: bold;
    }
    
    #komunikator.regulamin #main-content .inner ol {
        padding-bottom: 0;
    }
    
    #komunikator.regulamin #main-content .inner p {
        color: #959595;
        padding-left: 10px;
        font: 13px Tahoma,Arial,Verdana,sans-serif;
    }
    
/* 4. =Mobile download
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
    
    #komunikator.pobierz2 #main-content .orange {
        color:#FF6600;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc{
        font: normal 13px Arial, Tahoma, sans-serif;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top { 
        width: auto; 
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top  h2 {
        clear:both;
        font-weight:bold;
        font-size: 22px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .left {
        background: transparent url('../img/pobierz/2-sm.png') no-repeat 5px 22px;
        float: left;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .andr {
        background: transparent url('../img/pobierz/android.png') no-repeat 5px 26px;        
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .ovi {
        background: transparent url('../img/pobierz/icon_ovi.jpg') no-repeat 5px 26px;        
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .right {
        float: right; 
        background: transparent url('../img/pobierz/3-sm.png') no-repeat 5px 22px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .ipad {
        float: right; 
        background: transparent url('../img/pobierz/ipad.png') no-repeat 12px 22px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .innerBox {
        width: 260px; 
        height: 75px;
        border: 1px solid #ccc;
        padding: 20px 10px 8px 60px;
        margin-bottom: 20px;
        border-radius: 4px;
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .innerBox .txt {
        font-size:12px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .innerBox h1 {
        font: bold 150% Arial, Verdana, sans-serif;
        margin: 5px 0;
        color: #FF6600; 
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .warningMsg {
        clear :both; 
        width: 670px; 
        padding: 10px; 
        background-color: #f6f6f6; 
        margin-top: 10px;
        margin-bottom: 10px; 
        font-size: 12px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .warningMsg strong {
        color: #FF6600;
        font-weight: bold;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .infoMsg {
        font-weight: bold;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .infoMsg a {
        text-decoration: none;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .appstore {
        background: transparent url('../img/pobierz/icon_appStore.png') no-repeat 5px 5px; 
        height: 40px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .android {
        background: transparent url('../img/pobierz/icon_android.png') no-repeat 43px 5px; 
        height: 40px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top .tekst {
        width: 570px;
        padding: 7px 10px 5px 100px;
        margin-top: 20px;
        text-align:justify; 
        font-size:85%; 
        vertical-align: middle;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top #help2 {
        padding-top: 20px; 
        padding-left: 20px;
        padding-bottom: 20px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .top #help2 ul li {
        background: none;
        float: none;
        width: 700px;
        height: 15px;
        padding: 0px;
        margin-bottom: 5px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .menu {
        background: transparent url('../img/pobierz/backgroundOptions.png') no-repeat scroll 0 100%;
        width: 730px;
        height: 50px;
        margin-left: -20px;
    }
    
    #komunikator.pobierz2 #main-content .what-new  #tresc .menu .opcje a { 
        position: absolute;
        display: block;
        width: 150px;
        height: 20px;
        margin: 20px 0 0 20px;
        padding: 2px 0 0 2px;
        font-size: 11px;
        font-weight: bold;
        color: #1667C2;
    }
    #komunikator.pobierz2 #main-content .what-new  #tresc .menu .opcje a:hover{
        text-decoration: none;
    }

/* 4. =Help/FAQ
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    #komunikator.pomoc #main {
        padding-top: 10px;    
    }
    
    #komunikator.pomoc #main #col-left {
        float: left;
        width: 265px;
    }
    
    #komunikator.pomoc #main-content {
        background: transparent url('../img/komunikator/pomoc-top.gif') no-repeat left top;
        width: 730px;
        padding-top: 10px;
        margin: 0;
    }
    
    #komunikator.pomoc #main-content .inner {
        background: transparent url('../img/komunikator/pomoc-bottom.gif') no-repeat -1px bottom;
        padding: 10px;
    }
    
    #komunikator.pomoc #main-content .inner h2 {
        font: normal 1.2em Arial, Tahoma, Verdana, sans-serif;
    }
    
    #komunikator.pomoc #main-content .inner dl {
        padding: 0 0 30px 0;
    }
    
    #komunikator.pomoc #main-content .inner dl {
        font: normal 0.8em Tahoma, Arial, Verdana, sans-serif;
        list-style-type: decimal;
        color: #959595;
        margin-left: 22px;
        padding: 10px 0;
    }
    
    #komunikator.pomoc #main-content .inner dl dt {
        color: #0a76bb;
        font-family: Arial, Tahoma, Verdana, sans-serif;
        font-weight: bold;
        cursor: pointer;
        cursor: hand;
        padding: 10px 0 5px 0;
    }
    
    #komunikator.pomoc #main-content .inner dl dd {
        background: #fff url('../img/komunikator/faq-elem-top.gif') no-repeat left top;
        padding-top: 17px;
        width: 663px;
    }
    
    #komunikator.pomoc #main-content .inner dl dd div {
        background: #f2f2f2 url('../img/komunikator/faq-elem-bottom.gif') no-repeat left bottom;
        display: block;
        padding: 10px 17px 17px 17px;
    }
    
    #komunikator.pomoc #main-content .inner dl dd p {
        padding: 5px 0;
    }
    
    #komunikator.pomoc #main-content .inner dl dd ol,
    #komunikator.pomoc #main-content .inner dl dd ul {
        padding: 5px 0;
    }
    
    #komunikator.pomoc #main-content .inner dl dd ul li {
        margin-left: 15px;
        list-style: disc;
        padding-bottom: 5px;
    }
    
    #komunikator.pomoc #main-content .inner dl dd ol li {
        margin-left: 15px;
        padding-bottom: 5px;
        list-style: decimal;
    }
    
    /* left sidebar */
    #komunikator.pomoc #col-left ul {
        background: transparent url('../img/komunikator/help-category-bg.jpg') no-repeat left top;
        width: 251px;
        height: 130px;
        margin-left: 1px;
    }
    
    #komunikator.pomoc #col-left ul li a {
        display: block;
        position: relative;
        font-size: 1.1em;
    }
    
    #komunikator.pomoc #col-left ul li a span {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    
    #komunikator.pomoc #col-left ul li a:hover {
        color: #f54702;
        text-decoration: none;
    }
    
    #komunikator.pomoc #col-left ul .desktop a {
        width: 201px;
        height: 35px;
        padding: 10px 0 0 50px;
    }
    
    #komunikator.pomoc #col-left ul .browser a {
        width: 201px;
        height: 30px;
        padding: 8px 0 0 50px;
    }
    
    #komunikator.pomoc #col-left ul .browser a span {
        top: 8px;
    }
    #komunikator.pomoc #col-left ul .mobile a {
        width: 201px;
        height: 35px;
        padding: 10px 0 0 50px;
    }
    
    #komunikator.pomoc #col-left .module {
        background: #fff url('../img/komunikator/left-column-module.gif') no-repeat left top;
        width: 254px;
        padding: 10px 0 20px 0;
    }
    
    #komunikator.pomoc #col-left .block {
        background: transparent url('../img/komunikator/forum-module-transparent.png') no-repeat left top;
        width: 220px;
        height: 126px;
        padding: 5px;
        margin: 0 auto;
    }
    
    #komunikator.pomoc #col-left .block h2 {
        background: #f2f2f2 url('../img/komunikator/forum-wide-heading.png') no-repeat left top;
        font: bold 1.1em Arial, Tahoma, Verdana, sans-serif;
        color: #0a76bb;
        text-align: center;
        letter-spacing: -1px;
        width: 214px;
        height: 32px;
        padding-top: 8px;
        margin: 0 auto;
    }
    
    #komunikator.pomoc #col-left .block p {
        color: #666;
        font-size: 0.7em;
        line-height: 1.4em;
        padding: 10px 15px;
    }

/* 4. =Komunikator - kobiety promo
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    #komunikator.kobiety .what-new .ad-container a {
        background: transparent url('../img/komunikator/kobiety-pobierz-button.png') no-repeat 0 0;
        width: 255px;
        height: 67px;
        position: absolute;
        top: 345px;
        left: 20px;
        text-indent: -9999px;
    }


/* 4. =Old version warning
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */
    .warning {
        background: transparent url('../img/uwaga-komunikator.jpg') no-repeat left top;
        width: 990px;
        height: 527px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        text-indent: -9999px;
    }
    
    .warning a {
        position: absolute;
        top: 335px;
        background: transparent url('../img/warning-download-gg.jpg') no-repeat left top;
        width: 261px;
        height: 65px;
    }
    
    .warning a.warning-download-8 {
        left: 90px;
    }
    
    .warning a.warning-download-10 {
        background-position: -265px top;
        left: 340px;
    }

/* 4. =Gwiazdka 2009
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    .gwiazdka2009-promo {
        background: transparent url('../img/swieta-2009/swieta-2009.jpg') no-repeat left top;
        display: block;
        width: 994px;
        height: 535px;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .gwiazdka2009-promo li {
        display: block;
        background: none;
        list-style: none;
        position: absolute;
    }

    .gwiazdka2009-promo li.skorki { left: 80px; top: 370px; }
    .gwiazdka2009-promo li.dzwieki { left: 290px; top: 354px; }
    .gwiazdka2009-promo li.awatary { left: 508px; top: 336px; }
    .gwiazdka2009-promo li.tapety { left: 745px; top: 315px; }

    .gwiazdka2009-promo li a {
        display: block;
        text-indent: -9999px;
        background: transparent url('../img/swieta-2009/swieta-2009-buttons.png') no-repeat left top;
        width: 146px;
        height: 55px;
    }

    .gwiazdka2009-promo li a:hover {
        background-position: -3px -71px;
    }

/* 4. =Changelog
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    #komunikator.changelog #main-content {
        width: 730px;
    }
    
    #komunikator.changelog #main-content .changelog {
        background: transparent url('../img/komunikator/pomoc-top.gif') no-repeat left top;
        width: 730px;
        padding-top: 10px;
        margin: 12px 0 0 0;
    }
    
    #komunikator.changelog #main-content .inner {
        background: transparent url('../img/komunikator/pomoc-bottom.gif') no-repeat -1px bottom;
        padding: 10px;
    }
    
    #komunikator.changelog #main-content .inner h2 {
        font: normal 1.2em Arial, Tahoma, Verdana, sans-serif;
        padding-bottom: 10px;
    }
    
    #komunikator.changelog #main-content .inner h3 {
        font: bold 0.9em Arial, Tahoma, Verdana, sans-serif;
        padding-bottom: 10px;
    }
    
    #komunikator.changelog #main-content .inner h4 {
        font: bold 0.8em Arial, Tahoma, Verdana, sans-serif;
    }
    
    #komunikator.changelog #main-content .inner p {
        color: #959595;
        font-size: 0.8em;
        padding: 0 0 10px 0;
    }
    
    #komunikator.changelog #main-content .inner ol {
        padding: 0 0 30px 0;
    }
    
    #komunikator.changelog #main-content .inner ol ol {
        padding: 0;
    }
    
    #komunikator.changelog #main-content .inner ol li {
        font: normal 0.8em Tahoma, Arial, Verdana, sans-serif;
        list-style-type: decimal;
        color: #959595;
        margin-left: 22px;
        padding: 10px 0;
    }
    
    #komunikator.changelog #main-content .inner ol li ol li {
        list-style-type: lower-latin;
        font-size: 1em;
    }
        
/* 1. =Rozmowy glosowe
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    #komunikator.naglos #main-content .big-promo {
        background: #fff url('../img/komunikator/big-promo-naglos-bg.jpg') no-repeat left top;
       height: 295px;
    }
    
    #komunikator.naglos #main-content .what-new .naglos-tabs {
        background: transparent url('../img/komunikator/mobile-sections-bg.jpg') no-repeat left 0;
        width: 731px;
        margin-left: -19px;
        position: absolute;
        top: -8px;
        height: 60px;
    }
    
    
    #komunikator.naglos #main-content .what-new .naglos-tabs li {
        background: transparent url('../img/komunikator/mobile-sections-separator.png') repeat-y right top;
        height: 38px;
        width: 145px;
        padding: 10px 0 7px 0;
        margin: 0;
       text-align: center;
    }
    
    #komunikator.naglos #main-content .what-new .naglos-tabs li.wide {
    width: 150px;
    }
    
    #komunikator.naglos #main-content .what-new .naglos-tabs li.gaduair {
        background: none;
    }
    
    #komunikator.naglos #main-content .what-new .naglos-tabs li a,
    #komunikator.naglos #main-content .what-new .naglos-tabs li span {
        color: #1667C2;
        font-size: 1.3em;
        font-weight: bold;
        padding: 10px 12px;
        display: block;
    }
    
    #komunikator.naglos #main-content .what-new .naglos-tabs li span {
        color: #000;
        text-decoration: underline;
    }
    
    #komunikator.naglos .hidden { display: none; }
    
    
    #komunikator.naglos #main-content .what-new ul {
        background: none;
        width: 690px;
        padding: 0;
    }
    
    #komunikator.naglos #main-content .what-new ul#features {
        padding: 0 0 25px;
    }
    
    #komunikator.naglos #main-content .what-new ul li {
        background: transparent url('../img/komunikator/modules-icons-naglos.png') no-repeat left top;
        margin: 0;
        height: 65px;
        padding-top: 90px;
       
    }
    
    #komunikator.naglos #main-content .what-new ul .anybody { background-position: 22px 17px; height: 110px; }
    #komunikator.naglos #main-content .what-new ul .happy { background-position: -210px 12px; margin: 0 40px; height: 110px; }
    #komunikator.naglos #main-content .what-new ul .packages { background-position: -475px 3px; height: 110px; }
    #komunikator.naglos #main-content .what-new ul .voicemail { background-position: 22px -191px; }
    #komunikator.naglos #main-content .what-new ul .control { background-position: -207px -187px; margin: 0 0 0 40px; }
    #komunikator.naglos #main-content .what-new ul .ggforfree { background-position: -435px -176px; padding-left: 40px; }
    
    #komunikator #main-content .what-new p.link{
        padding: 1px;
    }
    
    #komunikator.naglos #main-content .what-new .inline li {
        background: none;
        list-style-type: disc;
        float: none;
        height: auto;
        width: auto;
        display: list-item;
        margin: 0 0 0 20px;
        padding: 3px 0;
    }

    #komunikator.naglos #main-content .big-promo h1 {
        font-size: 1.6em;
        font-weight: bold;
        font-family: Arial, Tahoma, sans-serif;
        padding: 35px 0 10px 410px;
    }
    
    #komunikator.naglos #main-content .big-promo p {
        font: bold 1em Arial, Tahoma, sans-serif;
        padding: 5px 20px 0 410px;
    }
    
    #komunikator.naglos #main-content .big-promo .how-to {
        font-weight: bold;
        font-size: 0.9em;
    }
    
    #komunikator.naglos #main-content .big-promo ul {
        margin: 0;
        padding: 40px 0 0 410px;
    }
    
    #komunikator.naglos #main-content .big-promo ul li {
        background: none;
        padding: 0 0 7px 0;
    }
    
    #komunikator.naglos #main-content #services li,
    #komunikator.naglos #main-content #recharge li {
        background: transparent url('../img/komunikator/uslugi-naglos-bg.png') no-repeat right bottom;
        width: 345px;
        padding-top: 0;
        height: 185px;
        margin-bottom: 40px;
        float: left;
    }
    
    #komunikator.naglos #main-content #recharge li {
        background: transparent url('../img/komunikator/naglos-doladowania-bg.png') no-repeat right bottom;
        margin-bottom: 0;
    }
    
    #komunikator.naglos #main-content #services li h2,
    #komunikator.naglos #main-content #recharge li h2 {
        font-size: 1.6em;
        font-weight: normal;
        color: #000;
    }
    
    #komunikator.naglos #main-content #services li p,
    #komunikator.naglos #main-content #recharge li p    {
        font-family: Tahoma, Arial, sans-serif;
        padding-right: 155px;
    }
    
    #komunikator.naglos #main-content #services li.wait-signal { background-position: 155px 56px; }
    #komunikator.naglos #main-content #services li.fun-area { 
        background-position: 180px -449px;
        margin-left: 30px;
        width: 315px;
    }
    #komunikator.naglos #main-content #services li.phone-number { background-position: 155px -200px; }
    #komunikator.naglos #main-content #services li.erotic { 
        background-position: 180px bottom; 
        margin-left: 30px;
        width: 315px;
    }
    
    #komunikator.naglos #main-content #services li.fun-area p,
    #komunikator.naglos #main-content #services li.erotic p {
        padding-right: 120px;
    }
    
    #komunikator.naglos #main-content #recharge li.online { background-position: 150px 50px; }
    #komunikator.naglos #main-content #recharge li.code { 
        background: none; 
        margin-left: 20px;
        width: 325px;
    }
    #komunikator.naglos #main-content #recharge li.code p { 
        padding: 5px 0; 
        border-top: 1px solid #e1e1e1; 
        margin-top: 5px;
    }
    #komunikator.naglos #main-content #recharge li.sms {}
    
    #komunikator.naglos #main-content #cost .price-list {
        width: 48%;
        float: left;
    }
    
     #komunikator.naglos #main-content #cost .price-list p, #komunikator.naglos #main-content #how-to .price-list p {
        padding: 10px 0 5px 2px;
    }
    
    #komunikator.naglos #main-content #cost .price-list table, #komunikator.naglos #main-content #how-to .price-list table {
        background: transparent url('../img/komunikator/naglos-cennik-bg.jpg') no-repeat left top;
        width: 263px;
        height: 287px;
        font-size: 0.8em;
    }
    
    #komunikator.naglos #main-content #cost .price-list table th, #komunikator.naglos #main-content #how-to .price-list table th {
        height: 35px;
        text-align: center;
        font-weight: bold;
    }
    
    #komunikator.naglos #main-content #cost .price-list table td, #komunikator.naglos #main-content #how-to .price-list table td {
        border-top: 1px dashed #e5e5e5;
        padding: 8px 0;
        text-align: center;
        font-weight: bold;
    }
    
    #komunikator.naglos #main-content #cost .price-list table .no-border td, #komunikator.naglos #main-content #how-to .price-list table .no-border td {
        border: none;
    }
    
    #komunikator.naglos #main-content #cost .price-list table td.what, #komunikator.naglos #main-content #how-to .price-list table td.what {
        width: 150px;
    }
    
    #komunikator.naglos #main-content #cost .price-list table td.price, #komunikator.naglos #main-content #how-to .price-list table td.price {
        color: #f27602;
    }
    
    #komunikator.naglos #main-content #cost .promo {
        width: 48%;
        float: left;
    }
    
    #komunikator.naglos #main-content .what-new .promo ul {
        width: 250px;
    }
    
    #komunikator.naglos #main-content .what-new .promo li {
        background: transparent url('../img/komunikator/naglos-cennik-promocje.png') no-repeat left top;
        font-family: Tahoma, Arial, sans-serif;
        padding: 0 0 0 90px;
        margin-bottom: 20px;
        width: 250px;
        height: auto;
    }
    
    #komunikator.naglos #main-content .what-new .promo li.pakiet-polska {
        background-position: left -215px;
    }
    
    #komunikator.naglos #main-content .what-new .promo li.pakiet-komorki {
        background-position: left -435px;
    }
    
    #komunikator.naglos #main-content #za-darmo {
        text-align: center;
        float: right; 
        width:335px;
    }
    
    #komunikator.naglos #main-content #za-grosze {
        float: left;
        width: 345px;
    }
    
    #komunikator.naglos #main-content #za-darmo h2,
    #komunikator.naglos #main-content #za-grosze h2 {
        font-size: 1.5em;
        font-weight: bold;
        color: #bc1d12;
        
        
    }
    
    #komunikator.naglos #main-content #za-grosze h2 {
        color: #f27602;
    }
    
    #komunikator.naglos #main-content #how-to ol li {
        /* list-style-type: decimal;*/
        margin-left: 20px;
        margin-bottom: 20px;
        font-size: 1em;
        font-weight: bold;
    }
    
    #komunikator.naglos #main-content #how-to ol li.small{
        height: 110px;
    }
    
    #komunikator.naglos #main-content #how-to ol li.big{
        height: 215px;
    }
    

    
    #komunikator.naglos #main-content #how-to ol li p {
        font-size: 1em;
        font-family: Arial, Tahoma, sans-serif;
    }
    
    #komunikator.naglos #main-content #za-grosze {
        /*
        width: 295px;
        float: left;
        padding-right: 70px;
        */
        text-align: center;
    }
    
    
    
    #komunikator.naglos #main-content #za-darmo strong {
        font-weight: bold;
        color: #bc1d12;
    }
    
    #komunikator.naglos #main-content #za-grosze strong {
        font-weight: bold;
        color: #f27602;
    }
    
    #komunikator.naglos #main-content #za-grosze .border {
        border: 3px solid #e5e5e5;
        width: 300px;
        padding: 5px 10px;
    }
    
    #komunikator.naglos #main-content #za-grosze table {
        width: 295px;
        font-size: 0.8em;
    }
    
    #komunikator.naglos #main-content #za-grosze table th {
        padding: 10px 5px;
        font-weight: bold;
    }
    
    #komunikator.naglos #main-content #za-grosze table tr.no-border td {
        border: none;
    }
    
    #komunikator.naglos #main-content #za-grosze table td {
        padding: 5px;
        border-top: 1px solid #e5e5e5;
    }
    
    #komunikator.naglos #main-content #za-grosze table td.price {
        font-weight: bold;
        color: #f27602;
    }
    
    #komunikator.naglos #main-content #za-grosze table td.summary {
        padding: 10px 0;
    }
    
    #komunikator.naglos #main-content #za-grosze table td.summary .prices {
        margin-left: 3px;
    }
    
    
     #komunikator.naglos .big-promo strong a {
        font-size: 1.1em;
        font-weight: bold;
        color: red;
        padding-top: 5px;
        text-transform: uppercase;
    }
    
    #komunikator.naglos .big-promo ul li {
        padding: 0 0 5px 0;
    }
    
    #komunikator.naglos #main-content .what-new #darmowe img{
        margin-left:-18px;
    }

/* 1. =Web GG
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

    #komunikator.web #main-content .big-promo {
        background: #fff url('../img/komunikator/big-promo-web-bg.jpg') no-repeat left top;
    }
    
    #komunikator.web #main-content .what-new ul {
        background: none;
        width: 690px;
        padding: 0;
    }
    
    
    #komunikator.web #main-content .what-new ul li {
        background: transparent url('../img/komunikator/modules-icons-web.png') no-repeat -494px -190px;
        margin: 0;
        height: 80px;
    }
    
    #komunikator.web #main-content .what-new ul .contact-search { height: 125px; }
    #komunikator.web #main-content .what-new ul .contact-list { background-position: -235px -190px; margin-left: 40px; margin-right: 40px; height: 125px; }
    #komunikator.web #main-content .what-new ul .notifications { background-position: 0 -190px; height: 125px; }
    #komunikator.web #main-content .what-new ul .history { background-position: -235px 0; margin: 0; }
    #komunikator.web #main-content .what-new ul .radio { background-position: 0 0; margin: 0 40px; }
    #komunikator.web #main-content .what-new ul .avatars { background-position: -484px 0; margin: 0; }
    
    #komunikator.web #main-content .big-promo #download-button {
        background: none;
        width: 295px;
        margin-left: 425px;
    }
    
    #komunikator.web #main-content .big-promo ul {
        margin-left: 445px;
        margin-top: 0;
    }

	.scroll-pane
	{
	    width: 100%;
	    height: 300px;
	    overflow: auto;
	    margin-top: 15px;
	    margin-bottom: 37px;
	    outline-width: 0;
	    background: url('../img/komunikator/scroll_bg.png') no-repeat center bottom;
	}
	.horizontal-only
	{
	    height: auto;
	    max-height: 300px;
	}
	
	#gg_105_opis {
	   font-size: 12px;
	   color: #7b7b7b;
	   display: none;
    }
    
    #gg_105_opis span {
        font-weight: bold;
        color: #2b96d0;
    }
    
	#gg_105_opis ul li {
	   background: url('../img/komunikator/check.png') no-repeat left 4px;
	   padding-left: 22px;
	   line-height: 18px;
	   margin-bottom: 10px;
	}
	
	#gg_105_opis ul ul {
	   margin-top: 15px;
	   margin-left: 12px;
    }
	
	#gg_105_opis ul ul li {
	    background: url('../img/komunikator/dot.png') no-repeat left 6px;
	    color: #9e9e9e;
	    padding-left: 15px;
	}
	
	#gg_105_opis ul ul span {
	   color: #2991c9;
    }
    
    #gg_105_wstep img {
        margin-bottom: 16px;
    }
    
    #gg_105_wstep h2 {
        margin-left: 82px;
    }
    
    #gg_105_wstep h2 img {
        margin-bottom: 9px;
    }
    
    #gg_105_img {
        background: url('../img/komunikator/wiecej-mozliwosci-gg10.5.png') no-repeat center center;
        width: 532px;
        height: 342px;
        position: relative;
        margin-bottom: 0px;
    }
    
    #komunikator.desktop #main .container .top .right a#gg_105_okno_rozmowy {
	    height: 178px;
	    left: 157px;
	    position: absolute;
	    top: 94px;
	    width: 84px;
    }
    
    #komunikator.desktop #main .container .top .right #gg_105_portal {
	    height: 254px;
	    left: 243px;
	    position: absolute;
	    top: 58px;
	    width: 109px;
    }
    
    body.desktop #site, body.desktop #footer div {
        width: 987px;
    }
    
    .clear {
        clear: both;
    }   
    
    .red {
        color: red;
    }
    
    .dash {
        display: inline-block;
        height: 27px;
        border-right:1px solid #ccc;
        margin: 0 3px;
    }
    
    #komunikator.mobile #bottom-promo div.blog,
    #komunikator.web #bottom-promo div.blog {
    	width: 280px;
    	float: left;
    	padding: 20px 15px;
    }
    
    #komunikator.mobile #bottom-promo div.blog h2,
    #komunikator.web #bottom-promo div.blog h2 {
	    font: 19px Arial,Tahoma,Verdana,sans-serif;
	}
	
	#komunikator.mobile #bottom-promo div.blog ul#blog,
	#komunikator.web #bottom-promo div.blog ul#blog {
	    padding-top: 10px;
	    width: 240px;
	    padding: 0 15px 0 0;
	}
	
	#komunikator.mobile #bottom-promo div.blog ul#blog li h3 a,
	#komunikator.web #bottom-promo div.blog ul#blog li h3 a {
		overflow: hidden;
		display: inline-block;
		text-overflow:ellipsis;
		white-space: nowrap;		
		height: 1.3em;
		width: 240px;
		line-height: 1.3em;
	}
	
	#footer ul {
		clear: both;
		float: left;
	}