/* -------------------------------------------------------------------------
 *
 * @filename  typography.css
 *
 * @author    Active Pharma Sp. z o.o. [www.activepharma.pl]
 * @copyright (c) 2009 Copyright by Baxter Polska Sp. z o.o.
 *
 * ------------------------------------------------------------------------- */
 
 
   .logo {
     display:                     block;
     
     outline:                     none;
   }
   
   .grid {
     list-style:                  none;
   }
   
   .grid .block {
     float:                       left;
   }
   
   .text-center {
     text-align:                  center;
   }
   
   
/* ------------------------------------------------------------ Colors ----- */
   .orange {
     color:                       #F7941E;
   }
   
   .grey-light {
     color:                       #9F9F9F;
   }

/* ------------------------------------ Header -- Content -- Main Logo ----- */
   .header .content .logo {
     position: relative;

     top: -20px;
     left: 20px;

     float: left;

     width: 125px;
     height: 90px;
   }

   .header .content .logo .button {
     width: 125px;
     height: 90px;

     background: url(/var/img/logo/logo-hemofilia.png) no-repeat;

     text-indent: -9999px;
     outline: none;
   }
 
/* ------------------------------------ Header -- Content -- Main Name ----- */
   .header .content .name {
     position: relative;

     left: 190px;

     float: right;

     width: 330px;
     height: 70px;

     font-size: 0.1em;
   }
   
   .header .content .name .button {
     width: 330px;
     height: 70px;

     /*background: url(/var/img/logo/header/content/name.png) no-repeat;*/
	 background: url(/var/img/logo/header/content/name-christmas.png) no-repeat;

     text-indent: -99999px;
     color: #6a98b0;
     outline: none;
   }
   
   
/* ----------------------------------- Header -- Content -- User Panel ----- */
   .header .content #user-panel p {
     padding:                     18px 25px 0 0;
   
     color:                       #005D9D;
     text-align:                  right;
   }
   
   .header .content #user-panel p b {
     margin:                      0 5px 0 0;
   }
   
   .header .content #user-panel p a {
     color:                       #005D9D;
     text-decoration:             none;
   }
   
   .header .content #user-panel p a:hover {
     text-decoration:             underline;
   }
   
   
/* ----------------------------------- Content -- Right -- Search Form ----- */
   .content .right .search h2 {
     width:                       97px;
     height:                      15px !important;
     
     margin:                      0 0 15px 0;
     
     background:                  url(/var/img/heading/content/right/szukaj-w-serwisie.png) 
                                  no-repeat;
     
     font-size:                   14px;
     text-indent:                 -9999px;
   }
   
   .content .right .search a {
     color:                       #818181;
     text-decoration:             none;
   }
   
   .content .right .search a:hover {
     text-decoration:             underline;
   }
   
   
/* ------------------------------------ Content -- Right -- Wydarzenia ----- */   
   .content .column.right #wydarzenia h2 {
     width:                       67px;
     height:                      15px;
     
     margin:                      0 0 15px 0;
     
     background:                  url(/var/img/heading/content/right/wydarzenia.png) 
                                  no-repeat;
     
     font-size:                   14px;
     text-indent:                 -9999px;
   }
   
   .content .column.right #wydarzenia ul {
     list-style:                  none;
   }
   
   .content .column.right #wydarzenia ul li {
     margin:                      0 0 10px 0;
   }
   
   .content .column.right #wydarzenia ul li a {
     color:                       #6F6F6F;
     text-decoration:             underline;
   }
   
   .content .column.right #wydarzenia ul li a:hover {
     text-decoration:             none;
   }
   
   
/* ------------------------------- Content -- Right Column -- Archiwum ----- */
   .button.archiwum {
     width:                       165px;
     height:                      62px;
     
     margin:                      0 0 30px 0;
     
     background:                  url(/var/img/button/content/right/archiwum.png) 
                                  no-repeat;
     
     text-indent:                 -9999px;
     outline:                     none;
     display:                       none;
   }
   
   
/* ------------------------------ Content -- Right Column -- Na skróty ----- */
   .content .column.right #na-skroty h2 {
     width:                       164px;
     height:                      48px;
     
     background:                  url(/var/img/heading/content/right/na-skroty.png) 
                                  no-repeat;
     
     text-indent:                 -9999px;
   }
   
   .content .column.right #na-skroty ul {
     list-style:                  none;
     
     padding:                     0 10px 20px 17px;
     
     background:                  url(/var/img/background/content/right/na-skroty.png) 
                                  repeat-y;
     
     line-height:                 1.4em;
     color:                       #FFF;
   }
   
   .content .column.right #na-skroty ul li {}
   
   .content .column.right #na-skroty ul li a {
     margin:                      0 0 0 2px;
   
     color:                       #FFF;
     text-decoration:             none;
   }
   
   .content .column.right #na-skroty ul li a:hover {
     text-decoration:             underline;
   }
   
   
/* ---------------------------------- Content -- Left -- Content Menus ----- */
   .content .column.left #content-menus h2 {
     height:                      15px;
     
     margin:                      0 0 20px 0;
     
     font-size:                   14px;
     text-indent:                 -9999px;
   }
   
   .content .column.left #content-menus #informacje-o-chorobie h2 { /* FIXIT height */
     width:                       125px;
     
     background:                  url(/var/img/heading/content/left/content-menus/informacje-o-chorobie.png) 
                                  no-repeat;
   }
   
   .content .column.left #content-menus #dla-opiekunow h2 {
     width:                       125px;
     
     background:                  url(/var/img/heading/content/left/content-menus/dla-opiekunow.png) 
                                  no-repeat;
   }
   
   .content .column.left #content-menus #dla-dzieci-i-mlodziezy h2 {
     width:                       125px;
     
     background:                  url(/var/img/heading/content/left/content-menus/dla-dzieci-i-mlodziezy.png) 
                                  no-repeat;
   }
   
   .content .column.left #content-menus #dla-nauczycieli h2 {
     width:                       125px;
     
     background:                  url(/var/img/heading/content/left/content-menus/dla-nauczycieli.png) 
                                  no-repeat;
   }
   
   .content .column.left #content-menus ul {
     height:                      80px;
   
     padding:                     0 10px 0 15px;
   }
   
   .content .column.left #content-menus ul li {
     line-height:                 1.5em;
   }
   
   .content .column.left #content-menus ul li a {
     color:                       #818181;
     text-decoration:             none;
   }
   
   .content .column.left #content-menus ul li a:hover {
     text-decoration:             underline;
   }
   
   .content .column.left #content-menus .more {
     color:                       #F7941E;
     text-decoration:             none;
   }
   
   .content .column.left #content-menus .more:hover {
     text-decoration:             underline;
   }
   
/* ------------------------------------- Content -- Left -- Promo Grid ----- */ /* TODO */
   .content .column.left .grid.promo {
     clear:                       both;
     
     padding:                     10px 0 20px 0;
     
     border-top:                  solid 1px #E5E5E5;
   }
   
   .content .column.left .grid.promo li {}
   
   
/* ------------------------------------ Content -- Left -- Breadcrumbs ----- */
   .content .column.left .breadcrumbs {
     clear:                       both;
     
     margin:                      25px 0 20px 0;
     padding:                     0 0 0 5px;
     
     border-bottom:               solid 1px #E5E5E5;   
     
     line-height:                 30px;
   }
   
   .content .column.left .breadcrumbs span {
     float:                       left;
     
     margin:                      0 10px 0 0;
   }
   
   .content .column.left .breadcrumbs .button {
     float:                       left;
     
     margin:                      0 10px 0 0;
     
     color:                       #818181;
     text-decoration:             none;
   }
   
   .content .column.left .breadcrumbs .button:hover, 
   .content .column.left .breadcrumbs .button.on {
     text-decoration:             underline;
   }
   
   
/* -------------------------------------- Content -- Column Left -- h1 ----- */
   .content .left h1 {
     clear:                       both;
   
     height:                      40px;
     
     margin:                      20px 0 0 3px;
     
     /*text-indent:                 -9999px;*/
   }

   .content .left h1#informacje-o-chorobie {
     width:                       330px;
     
     background:                  url(/var/img/heading/content/left/h1/informacje-o-chorobie.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#dla-dzieci-i-mlodziezy {
     width:                       310px;
     
     background:                  url(/var/img/heading/content/left/h1/dla-dzieci-i-mlodziezy.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#dla-nauczycieli {
     width:                       220px;
     
     background:                  url(/var/img/heading/content/left/h1/dla-nauczycieli.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#dla-opiekunow {
     width:                       220px;
     
     background:                  url(/var/img/heading/content/left/h1/dla-opiekunow.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#dla-mediow {
     width:                       170px;
     
     background:                  url(/var/img/heading/content/left/h1/dla-mediow.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#konkurs-fifa-baxter-2009 {
     width:                       345px;
     
     background:                  url(/var/img/heading/content/left/h1/konkurs-fifa-baxter-2009.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#zadaj-pytanie-ekspertowi {
     width:                       350px;
     
     background:                  url(/var/img/heading/content/left/h1/zadaj-pytanie-ekspertowi.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#zadaj-pytanie-psychologowi {
     width:                       400px;
     
     background:                  url(/var/img/heading/content/left/h1/zadaj-pytanie-psychologowi.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#wydarzenia {
     width:                       170px;
     
     background:                  url(/var/img/heading/content/left/h1/wydarzenia.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#rozmowy-male-i-duze {
     width:                       305px;
     
     background:                  url(/var/img/heading/content/left/h1/rozmowy-male-i-duze.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#spolecznosc {
     width:                       185px;
     
     background:                  url(/var/img/heading/content/left/h1/spolecznosc.png) 
                                  no-repeat 
                                  bottom;
   }

   .content .left h1#osrodki-leczenia {
     width:                       240px;
     
     background:                  url(/var/img/heading/content/left/h1/osrodki-leczenia.png) 
                                  no-repeat 
                                  bottom;
   }
   
   
/* -------------------------------------- Content -- Column Left -- h2 ----- */
   .content .left h2 {
     clear:                       both;
     
     height:                      30px;
     
     margin:                      0 0 0 2px;
     
     /*text-indent:                 -9999px;*/
   }
   
   .content .left h2#definicje {
     width:                       130px;
   
     background:                  url(/var/img/heading/content/left/h2/definicje.png) 
                                  no-repeat;
   }
   
   .content .left h2#leczenie-hemofilii-w-polsce {
     width:                       380px;
   
     background:                  url(/var/img/heading/content/left/h2/leczenie-hemofilii-w-polsce.png) 
                                  no-repeat;
   }
   
   .content .left h2#leczenie-hemofilii-na-swiecie {
     width:                       400px;
   
     background:                  url(/var/img/heading/content/left/h2/leczenie-hemofilii-na-swiec.png) 
                                  no-repeat;
   }
   
   .content .left h2#metody-leczenia {
     width:                       240px;
   
     background:                  url(/var/img/heading/content/left/h2/metody-leczenia.png) 
                                  no-repeat;
   }
   
   .content .left h2#podstawy-genetyki-medycznej {
     width:                       430px;
   
     background:                  url(/var/img/heading/content/left/h2/podstawy-genetyki-medycznej.png) 
                                  no-repeat;
   }
   
   .content .left h2#wytyczne {
     width:                       140px;
   
     background:                  url(/var/img/heading/content/left/h2/wytyczne.png) 
                                  no-repeat;
   }
   
   .content .left h2#lekcja-hemofilii-do-pobrania {
     width:                       410px;
   
     background:                  url(/var/img/heading/content/left/h2/lekcja-hemofilii-do-pobrani.png) 
                                  no-repeat;
   }
   
   .content .left h2#moj-uczen-jest-chory-na-skaze-krwotoczna {
     width:                       310px;
   
     background:                  url(/var/img/heading/content/left/h2/moj-uczen-jest-chory.png) 
                                  no-repeat;
   }
   
   .content .left h2#kobieta-nosicielem-hemofilii {
     width:                       390px;
   
     background:                  url(/var/img/heading/content/left/h2/kobieta-nosicielem-hemofilii.png) 
                                  no-repeat;
   }
   
   .content .left h2#moj-partner-ma-hemofilie {
     width:                       360px;
   
     background:                  url(/var/img/heading/content/left/h2/moj-partner-ma-hemofilie.png) 
                                  no-repeat;
   }
   
   .content .left h2#moj-znajomy-ma-hemofilie {
     width:                       380px;
   
     background:                  url(/var/img/heading/content/left/h2/moj-znajomy-ma-hemofilie.png) 
                                  no-repeat;
   }
   
   .content .left h2#serwis-fotograficzny {
     width:                       310px;
   
     background:                  url(/var/img/heading/content/left/h2/serwis-fotograficzny.png) 
                                  no-repeat;
   }
   
   .content .left h2#kontakt {
     width:                       120px;
   
     background:                  url(/var/img/heading/content/left/h2/kontakt.png) 
                                  no-repeat;
   }
   
   .content .left h2#wydarzenia {
     width:                       170px;
   
     background:                  url(/var/img/heading/content/left/h2/wydarzenia.png) 
                                  no-repeat;
   }
   
   .content .left h2#informacje-o-konkursie {
     width:                       345px;
   
     background:                  url(/var/img/heading/content/left/h2/informacje-o-konkursie.png) 
                                  no-repeat;
   }
   
   .content .left h2#informacje-o-planowanych-akcjach {
     width:                       510px;
   
     background:                  url(/var/img/heading/content/left/h2/infromacje-o-planowanych-ak.png) 
                                  no-repeat;
   }
   
   .content .left h2#aktualnosci {
     width:                       180px;
   
     background:                  url(/var/img/heading/content/left/h2/aktualnosci.png) 
                                  no-repeat;
   }
   
   
/* -------------------------------------- Content -- Column Left -- h3 ----- */
   .content .column.left .left h3 {
     margin:                      0 0 25px 3px;
     
     font-size:                   1em;
     font-weight:                 normal;
     color:                       #818181;
   }
   
   
/* -------------------------------------- Content -- Column Left -- h4 ----- */
   .content .column.left .left h4 {
     padding: 0 0 0 85px;
   
     font-size: 14px;
     font-weight: bold;
     color: #6F6F6F;
   }
   
   
/* ---------- Content -- Left Column -- Left Items -- Screenshots Grid ----- */
   .content .column.left .left.items .grid.screenshots {
   }
   
   .content .column.left .left.items .grid.screenshots li, 
   .content .column.left .left.items .grid.ringtones li {
     float:                       left;
     
     width:                       230px;
     
     margin:                      0 5px 5px;
   }
   
   .content .column.left .left.items .grid.ringtones li a {
     color:                       #7F7F7F;
     text-decoration:             none;
     
     border:                      0;
     
     outline:                     none;
   }
   
   .content .column.left .left.items .grid.ringtones li a:hover {
     color:                       #F7941E;
     
     border:                      0;
   }
   
   .content .column.left .left.items .grid.screenshots li .screenshot, 
   .content .column.left .left.items .grid.ringtones li .ringtone {
     width:                       235px;
     height:                      145px;
     
     background:                  #F1F1F1;
     
     margin:                      0 0 10px 0;
   }
   
   .content .column.left .left.items .grid.ringtones li .ringtone {
     background:                  #F1F1F1 url(/var/img/button/ringtone.png) 
                                  no-repeat 
                                  center;
   }
   
   .content .column.left .left.items .grid.screenshots li p, 
   .content .column.left .left.items .grid.ringtones li p {
     margin:                      10px 0 5px 0;
     
     font-weight:                 bold;
     text-align:                  center;
   }
   
   .content .column.left .left.items .grid.screenshots li .menu, 
   .content .column.left .left.items .grid.ringtones li .menu {
     margin:                      0 0 0 5px;
   }
   
   .content .column.left .left.items .grid.screenshots li .menu li, 
   .content .column.left .left.items .grid.ringtones li .menu li {
     margin:                      0;
     
     width:                       45px;
   }
   
   .content .column.left .left.items .grid.screenshots li .menu li.separator, 
   .content .column.left .left.items .grid.ringtones li .menu li.separator {
     width:                       5px;
   }
   
   
/* ---------------------------- Content -- Left Column -- Left -- File ----- */
   .content .column.left .left .file {
     margin:                      0 0 10px 15px;
     padding:                     0 0 0 70px;
     
     background:                  url(/var/img/icon/pdf.png) 
                                  no-repeat 
                                  left center;
   }
   
   
/* ------------------------------------ Content -- Column Left -- Left ----- */
   .content .left p {
     clear:                       both;
   
     margin:                      0 0 15px 35px;
     
     line-height:                 1.4em;
   }
   
   .content .left p a {
     color:                       #F7941E;
   }

   .content .column.left .left .pdf {
     display: block;
     
     width: 150px;
     height: 20px;
   
     padding: 0 0 0 115px;
     
     background: url(/var/img/icon/pdf-16x16.png) no-repeat 85px top;
     
     line-height: 20px;
     color: #6F6F6F;
     text-decoration: underline;
   }
   
   .content .column.left .left .pdf:hover {
     text-decoration: none;
   }
   
   .content .column.left .left .prev {
     display:                     block;
     
     width:                       150px;
   
     padding:                     10px 0 0 85px;
   
     color:                       #F7941E;
     text-decoration:             none;
   }
   
   .content .column.left .left .prev:hover {
     text-decoration:             underline;
   }
   
   .content .column.left .prev, 
   .content .column.left .left.items .prev  {
     display:                     block;
     
     width:                       100px;
   
     padding:                     10px 0 0 10px;
   
     color:                       #F7941E;
     text-decoration:             none;
   }
   
   .content .column.left .prev:hover {
     text-decoration:             underline;
   }
   
   .content .column.left .left.items .description p {
     margin:                      0;
   }
   
   .content .column.left .left.items .description .prev {
     padding:                     20px 0 0 0;
   }
   
   
/* ------------------- Content -- Left Column -- Left -- Gradient Item ----- */
   .content .column.left .left .item.gradient {
     padding:                     10px;
     
     background:                  url(/var/img/background/item/gradient.png) 
                                  repeat-x 
                                  bottom;
   }
   
   .content .column.left .left .item.gradient img {
     float:                       right;
     
     margin:                      10px;
   }
   
   
/* ------------------ Content -- Left Column -- Right -- Illustrations ----- */
   .content .column.left .right .illustration {
     text-align:                  center;
   }

   .content .column.left .right .illustration img {
     margin:                      0 0 10px 0;
   }
   
   
/* -------------------------------- Footer -- Community -- Społeczność ----- */
   .footer .community #spolecznosc h2 {
     width:                       201px;
     height:                      31px;
     
     margin:                      0 0 25px 0;
     
     background:                  url(/var/img/heading/footer/spolecznosc.png) 
                                  no-repeat;
     
     text-indent:                 -9999px;
   }
   
   .footer .community #spolecznosc .grid, 
   .content .column.left .community .friends .grid, 
   .content .column.left .community.users .grid {
     padding:                     0 20px;
   }
   
   .footer .community #spolecznosc .grid .block {}
   
   .content .column.left .community .friends .grid p, 
   .content .column.left .community.users .grid p {
     margin: 0;
   }
   
   .content .column.left .community .friends .left {
     width: 80px;
   }
   
   .footer .community #spolecznosc .grid .block .button, 
   .content .column.left .community .friends .grid .block .button, 
   .content .column.left .community.users .grid .block .button {
     width:                       110px;
   
     padding:                     10px 0;
     
     border:                      solid 1px #FFF;
     
     color:                       #005E9D;
     text-decoration:             none;
     text-align:                  center;
   }
   
   .footer .community #spolecznosc .grid .block .button:hover, 
   .content .column.left .community .friends .grid .block .button:hover, 
   .content .column.left .community.users .grid .block .button:hover {
     border:                      solid 1px #CCC;
   }
   
   
/* ------------------------ Footer -- Community -- Rozmowy małe i duże ----- */
   .footer .community #rozmowy-male-i-duze h2 {
     width:                       201px;
     height:                      31px;
     
     background:                  url(/var/img/heading/footer/rozmowy-male-i-duze.png) 
                                  no-repeat;
     
     text-indent:                 -9999px;
   }
   
   .footer .community #rozmowy-male-i-duze ul {
     clear:                       both;
   
     padding:                     30px 10px 20px 30px;
   }
   
   .footer .community #rozmowy-male-i-duze ul li a {
     line-height:                 1.4em;
     color:                       #818181;
   }
   
   .footer .community #rozmowy-male-i-duze ul li a:hover {
     text-decoration:             none;
   }
   
   .footer .community #rozmowy-male-i-duze .more {
     float:                       right;
     
     margin:                      0 10px;
     
     color:                       #F7941E;
   }
   
   .footer .community #rozmowy-male-i-duze .more:hover {
     text-decoration:             none;
   }
   
   
/* ---------------------------------------------------- Footer -- Tags ----- */
   .footer #tags h2 {
     display:                     none;
   }
   
   .footer #tags p {
     margin:                      0 20px 0 125px;
   }
   
   .footer #tags p a {
     color:                       #818181;
     text-decoration:             none;
   }
   
   .footer #tags p a:hover {
     text-decoration:             underline;
   }
   
 
/* ------------------------------------------------ Footer -- Wsparcie ----- */
   .footer #wsparcie h2 {
     float:                       left;
   
     width:                       145px;
     height:                      50px;
     
     background:                  url(/var/img/heading/footer/portal-wspierany-przez.png) 
                                  no-repeat;
     
     text-indent:                 -9999px;
   }
   
   .footer #wsparcie ul {
     float:                       left;
     
     list-style:                  none;
   }
   
   .footer #wsparcie ul li {
     float:                       left;
   }
   
   .footer #wsparcie ul li .logo {
     float:                       left;
     
     height:                      50px;
     
     margin:                      0 10px; /* FIXED for MSIE6 */
     
     text-indent:                 -9999px;
   }
   
   .footer #wsparcie ul li .logo.baxter {
     width:                       94px;
     
     background:                  url(/var/img/logo/footer/baxter.png) 
                                  no-repeat 
                                  center center;
   } 
   
   
/* -------------------------------------------- Footer -- Rekomendacja ----- */
   .footer #rekomendacja h2 {
     float:                       left;
   
     width:                       177px;
     height:                      50px;
     
     background:                  url(/var/img/heading/footer/portal-rekomendowany-przez.png) 
                                  no-repeat;
     
     text-indent:                 -9999px;
   }
   
   .footer #rekomendacja ul {
     list-style:                  none;
     
     float:                       left;
   }
   
   .footer #rekomendacja ul li {
     float:                       left;
   }
   
   .footer #rekomendacja ul li .logo {
     float:                       left;
   
     height:                      50px;
     
     margin:                      0 10px; /* FIDEX for MSIE6 */
     
     text-indent:                 -9999px;
   }
   
   .footer #rekomendacja ul li .logo.men {
     width:                       91px;
     
     background:                  url(/var/img/logo/footer/men.png) 
                                  no-repeat 
                                  center center;
   }
   
   .footer #rekomendacja ul li .logo.pthit {
     width:                       166px;
     
     background:                  url(/var/img/logo/footer/pthit.png) 
                                  no-repeat 
                                  center center;
   }
   
   
/* ---------------------------------------- Footer -- Patroni Medialni ----- */
   .footer #patroni-medialni h2 {
     float:                       left;
   
     width:                       145px;
     height:                      63px;
     
     margin:                      0 20px 0 0;
     
     background:                  url(/var/img/heading/footer/patroni-medialni.png) 
                                  no-repeat;
     
     text-indent:                 -9999px;
   }
   
   .footer #patroni-medialni ul {
     list-style:                  none;
     float:                       left;
   }
   
   .footer #patroni-medialni ul li {
     float:                       left; 
   }
   
   .footer #patroni-medialni ul li .logo {
     float:                       left;
   
     height:                      63px;
     
     margin:                      0 10px; /* FIXED for MSIE6 */
     
     text-indent:                 -9999px;
   }
   
   .footer #patroni-medialni ul li .logo.wp_pl {
     width:                       84px;
     
     background:                  url(/var/img/logo/footer/wp_pl.png) 
                                  no-repeat 
                                  center center;
   }
   
   .footer #patroni-medialni ul li .logo.super-express {
     width:                       79px;
     
     background:                  url(/var/img/logo/footer/super-express.png) 
                                  no-repeat 
                                  center center;
   }
   
   .footer #patroni-medialni ul li .logo.mediweb_pl {
     width:                       128px;
     
     background:                  url(/var/img/logo/footer/mediweb_pl.png) 
                                  no-repeat 
                                  center center;
   }
   
   .footer #patroni-medialni ul li .logo.e-dziecko {
     width:                       119px;
     
     background:                  url(/var/img/logo/footer/e-dziecko.png) 
                                  no-repeat 
                                  center center;
   }
   
   .footer #patroni-medialni ul li .logo.e-dziecko {
     width:                       119px;
     
     background:                  url(/var/img/logo/footer/e-dziecko.png) 
                                  no-repeat 
                                  center center;
   }
   
   .footer #patroni-medialni ul li .logo.miastodzieci {
     width:                       128px;
      
     background:                  url(/var/img/logo/footer/miastodzieci.png) 
                                  no-repeat 
                                  center center;
   }
   
   
   .footer #patroni-medialni ul li .logo.stronadzieci {
     width:                       110px;
     
     background:                  url(/var/img/logo/footer/stronadzieci.png) 
                                  no-repeat 
                                  center center;
   }
   
   
/* ---------------------------------------- Footer -- Copyright Notice ----- */
   .footer .copyright-notice {
     float:                       left;
     
     padding:                     15px 0 0 20px;
     
     color:                       #6F9EC5;
   }
   
   .footer .copyright-notice a {
     color:                       #6F9EC5;
     text-decoration:             none;
   }
   
   .footer .copyright-notice a:hover {
     color:                       #005E9D;
     text-decoration:             underline;
   }
   
   
   /* TEST FACELIFTA */
   
   
   h1.typeface-js { 
   	font-family: 	Myriad Pro;
	color: 			#005E9D;
	font-weight: 	normal;
	font-size: 		27pt; 
   }
   
   h2.typeface-js { 
   	font-family: Myriad Pro;
	color: 			#F9B35E;
	font-weight: 	normal;
	font-size: 		27pt;
   }
   
   h1.typeface-js.smaller {
   	font-stretch: condensed;
   	letter-spacing: -1pt;
   	font-size: 18pt;
   }
   
   
   #typeface-spacer {
   		height: 30px;
   }