body {
/* +++ zmieniono kolor t³a ca³ej strony na #FCFCFC, by³o #FFFFFF */
    background: #FBFBFB;
}


h1 {
/* +++ by³o 44px */
    font-size: 38px;
}


h2 {
/* +++ by³o 42px */
    font-size: 34px;
}


h3 {
/* +++ by³o 30px */
    font-size: 27px;
}


h4 {
/* +++ by³o 18px */
    font-size: 18px;
}


h5 {
/* +++ by³o 14px */
    font-size: 14px;
}


h6 {
/* +++ by³o 12px */
font-size: 12px;
}


/* +++ zmiana marginesów  dla akapitów (znacznik p) na: "1em 0 1.6em", by³o "1em 0 2em" */
p {
    margin: 1em 0 1.6em;
}


#gkInset, #gkSidebar {
/* +++ odstêp pomiêdzy czêsci¹ content a kolumn¹ zmniejszono do 46px, by³o 72px */
  padding-left: 46px;
}


#gkSocialAPI {
/* +++ blok przewidziany na obs³ugê przycisków portali spo³ecznoœciowych, poniewa¿ nie u¿ywam tego obszaru to padding zosta³ wyzerowany aby nie by³o pustej przestrzeni, by³o "0 0 24px 0" */
  padding: 0 0 0 0;
}


#gkTopMenu {
/* +++ prze³¹czono float na "none", by³o "left" - dziêki temu mo¿emy sterowaæ wyrównaniem w pozycji topnav (nad manu g³ównym) edytuj¹c wyrównanie w module w³asnym */
  float: none;
}


#gkLogo.text {
/* +++ blok, w którym wpisywane jest logo tekstowe w opcjach szablonu, zmieniono na "none", by³o "uppercase" */
  text-transform: none;
}


#gkLogo.text > span {
/* +++ wielkoœæ czcionki dla g³ównego tekstu logo wpisywanego w opcjach szablonu zmieniono na 20px, by³o 20px */
  font-size: 20px;
/* +++ dopisano margin-top */
  margin-top: -5px;
}


#gkLogo.text .gkLogoSlogan {
/* +++ zmieniono wielkoœæ czcionki dla sloganu logo tekstowego na 12px, by³o 10px */
font-size: 12px;
}


/* +++ tymczasowo dodane - sprawdzic czy cos to da  */
#gkLogo {
/* dodano width */
/*    width: 220px;	 */
}


#gkLogo img {
/* +++ dodano padding-top aby przesun¹æ logo na belce menu g³ównego */  
  padding-top: 1px;
}


#gkHeaderTop {
/* +++ zmieniono t³o naglowka na #EDEDED f9e7f5 lub #F7F7F7 lub #F1F1F1 lub #FAFAFA lub #E6E6E6 lub #E3E3E3, by³o #FFFFFF */	
  background: #CC270D !important;
/* +++ zmieniono parametr height na 25px lub 33px, by³o 38px dotyczy zmniejszenia wysokoœci w¹skiego nag³ówka, w sumie trzeba zmieniæ kod w 3 miejscach */
  height: 25px;
/* +++ dodano overflow po to aby na ma³ych rozdzielczoœcich ekranu zawartoœæ pozycji TopNav, która nie miesci sie na ekranie by³a ukrywana zamiast przenoszenia jej na obszar menu g³ównego */
  overflow: hidden;
/* +++ zmieniono parametr position na "absolute", by³o "fixed" */  
  position: absolute;
}


#gkHeaderMod {
/* +++ Zmieniono na "37px 0 0 0", natomiast punkt wyjsciowy to 28px 0 0px 0 - ale raczej nie by³a to domyœlna wartoœæ jaka by³a w szablonie ale raczej ju¿ po jakichœ korektach. Ten margines to  dodatkowy odstêp pomiedzy  belk¹ menu a np. pokazam slajdów w pozycji HEADER */
    margin: 28px 0 0px 0;
}


#gkHeaderNav {
/* +++ zmiana koloru t³a dla menu g³ównego na #E1E1E1 lub #FCFCFC lub #c5c5c5 lub #eaf3f6 lub #EFEFEF lub #2C2D2F lub #272727 lub #FAFAFA bylo #1B1D1F */
    background: #1F1F1F; 
/*    background: url(/images/rozne/bg-pm-33x33.png) repeat; */
/* +++ zmieniono parametr top na 25px lub 33px, by³o 38px - dotyczy zmniejszenia wysokoœci w¹skiego nag³ówka, w sumie trzeba zmieniæ kod w 3 miejscach */
    top: 25px;  
/* +++ dodano height, domyslnie by³o 63px  -  to wysokoœæ belki na którym jest logo  menu g³ówne, bylo tez 71px */
    height: 87px;
/* +++ zmieniono parametr position na "absolute", by³o "fixed" */
    position: absolute;
/* +++ */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
}


#gkHeader {
/* +++ zmieniono padding na "96px 0 0 0" lub na "70px 0 0 0" lub "81px 0 0 0" , by³o "101px 0 0 0" - dotyczy zmniejszenia wysokoœci w¹skiego nag³ówka, w sumie trzeba zmieniæ kod w 3 miejscach */
    padding: 84px 0 0 0; 
/* +++ dodano background np. #FCFCFC */
    background: none; 
}


#gkSidebar .box {
/* +++ margines pomiêdzy krawêdzi¹ modu³u na bocznej kolumnie a treœci¹ tego¿ modu³u, padding zmieniono na "10px 10px" (dla wersji bez ramki), oryginalnie by³o 32px, w wersji z moj¹ ramk¹ by³o "26px 29px" */
  padding: 5px 10px;
/* +++ zmieniono kolor ramki modu³ów zlokalizowanych na bocznej kolumnie na #E2E2E2, by³o #E5E5E5 */  
/* +++ zliwkidowano ramki dla modu³ów na bocznej kolumnie */
  border: none;
/* +++ dodano margin-bottom, jest to odleg³oœæ w pionie pomiêdzy modu³ami na kolumnie, ta wartoœæ jest te¿ zdefiniowana ogólnie jako 32px w zmiennej ".box", ale aby nie powiêkszaæ odleg³oœci dla wszytskich modu³o a tylko dla modu³ów ulokowanych na kolumnie to dodano poni¿szy parametr  */  
  margin-bottom: 34px;
}


.box .header {
/* +++ odstêp pomiêdzy tytu³em modu³u a jego treœci¹, parametr padding zmieniono na "11px 11px 11px 11px", na "0 0 10px 0" (wersja bez ramek) na "0 0 19px 0" (wersja bez ramek) lub "0 0 27px 0" (wersja z ramkami), by³o "0 0 32px 0" */
    padding: 11px 11px 11px 11px;
/* +++ dodano background do tytu³u - tlo wokol nazwy modulu np. #EDEDED */
    background: #6FC321;
/* +++ dodano parametr color - kolor czcionki dla nazwy modulu */
    color: #353535;
/* +++ dodano border-left - pionowa ramka po lewej stronie nazwy modulu */
    border-left: #CC270D 5px solid;
/* +++ dodano margin-bottom */
    margin-bottom: 10px;
/* +++ zmieniono font-size na 16px (font Sans Serif) lub 17px (font Roboto Condensed), by³o 18px */
    font-size: 17px;
/* +++ dodano line-height aby by³ wiêkszy odstêp miêdzy wierszami w tytule modu³u jeœli rozjedzie siê na dwie linie */
    line-height: 1.3;
/* +++ dodano text-align - po to aby tytu³ modu³u by³ justowany */
    text-align: justify;
}


#gkFooter > div {
/* +++ odstêpy w obrêbie pozycji stopki, parametr padding zmieniono na "2px 0 20px 0", by³o "32px 0" */
  padding: 2px 0 43px 0;
}


#gkFooter a {
/* +++ zmieniono kolor bazowy dla podlinkowanych tekstów w pozycji stopki, jest #858585, by³o #1b1d1f  */
    color: #858585;
}


#gkMainbody {
/* +++  dolny odstêp pomiêdzy polem obszarem Content a stopk¹, margin-bottom zmieniono na 30px, by³o 60px */
  margin-bottom: 30px;
}


#gkCopyrights {
/* +++ zmiana koloru t³a w obrêbie pozycji copyright, dopisano parametr background #F6F6F6, domyœlnie nie by³o zdefiniowanego t³a i by³o one bia³e */
  background: #ECECEC;
}


/* +++ wyzerowanie efektu powiêkszania (skalowania) flagi przy wyborze jêzyka treœci dla witryny, skalowanie ustawiono na 1.0, by³o 1.1 */
.mod-languages ul li.lang-active a img {
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  -webkit-transform: scale(1.0); 
   transform: scale(1.0); 
}


div.mod-languages {
/* +++ domyœlnie jest ustawione "center" i w tym przypadku pozostawiamy to bez zmian, ale mo¿na tu oczywiœcie dowolnie zmieniaæ pomiedzy parametrami "left", "center", right" - w zale¿noœci od tego, w którym miejsu strony chcielibyœmy mieæ flagi prze³¹cznika jêzyka */
    text-align: center;
}


div.mod-languages img{
/* ++ regulacja po³o¿enia flag w prze³¹czniku jêzyka */
    margin-bottom: 5px;
}


.mod-languages ul.lang-inline, .mod-languages ul.lang-block {
/* +++ ustawiono parametr float na "none" by³o "left" - dziêki temu flagi prze³¹cznika jêzyka nie bêd¹ na sztywno przytwierdzone do lewej czêsci strony tylko zmianiaj¹c parametr "text-align" w bloku "div.mod-languages", opisanym powy¿ej, mo¿na je bêdzie dowolnie przemieszczac */
    float: none;
}


.gkMenu > ul > li > a {
/*  +++ zmieniono na 90px lub 71px lub 77px, by³o 63px  */ 
    height: 90px;
/*  +++ zmieniono na 90px lub 71px lub 77px, by³o 63px  */ 
    line-height: 78px;
/* +++ kolor dla nazwy nieaktywnej zak³adki na #8c8c8c lub #626262 lub #828282 */
    color: #9A9A9A !important;
}


.gkMenu > ul > li.active > a {
/* +++ kolor nazwy aktywnej zak³adki, np. #CC270D lub #2590DA */
    color: #FBEDEB !important;
/* +++ dodano background - potrzebne do wytworzenia prostokatnego pola dla aktywnej zakladki  */
    background: #CC270D;
/* +++ dodano padding - potrzebne do wytworzenia prostokatnego pola dla aktywnej zakladki  */
    padding: 8px;
}


.gkMenu > ul > li > a:hover {
/* +++ kolor nazwy zak³adki nad ktor¹ jest kursor myszki np. #CC270D lub #2590DA */
    color: #626262 !important;
}


.gkMenu > ul > li {
/* +++ zmiana wielkoœci czcionki na 14 px, by³o 13px - jest to obszar menu g³ównego  */
    font-size: 14px;
/* +++ zmiana pogrubienia czcionki na 800, by³o 400 - jest to obszar menu g³ównego  */
    font-weight: 800;
/* +++ dodano font-family */
    font-family: verdana, sans-serif;
}


.gkMenu > ul > li:first-child > a {
/* +++ dodano lewy margines do t³a aktywnej zak³adki menu g³ównego, bez tego parametru nie t³o zaczyna³o siê równo z nazw¹ zak³adki */
    padding-left: 17px;
}


.gkMenu > ul li div.childcontent a:hover {
    color: #2484b5 !important;
}


a, #gkMainbody header h1 a:active, #gkMainbody header h1 a:focus, #gkMainbody header h1 a:hover, #gkMainbody header h2 a:active, #gkMainbody header h2 a:focus, #gkMainbody header h2 a:hover, #k2Container article header h2 a:active, #k2Container article header h2 a:focus, #k2Container article header h2 a:hover {
/* +++ zmieniono color na #2484b5 lub #B5196D lub #0a3f89 lub #a07da2, by³o #5999e8, jest to kolor aktywnych linków */
    color: #2484b5;
}


#gkMobileMenu i {
/* +++ parametr color zmieniono na #353535, by³o #FFFFFF - jest to kolor ikony menu mobilnego */
    color: #BFBFBF;
}


/* +++ poni¿szy blok sprawia ¿e na telefonach komórkowych na œrednich i ma³ych rozdzielczoœciach nie znika zawartoœæ umieszczona w module TOPNAV */
@media only screen and (max-width:600px) {
#gkTopMenu {
    display: block !important;
}
}


.itemBody {
/* +++ margines pod obszarem kontent - w normalnych zastosowaniach chyba bezuzyteczny, zweryfikowac czy nie jest to obszar dla ikon spolecznosciowych, bylo "0 0 24px" */
    margin: 0 0 1px;
}


/* +++ poni¿sze zmiany maj¹ ujednoliciæ pola "telefoniczne" które pojawiaj¹ siê przy u¿yciu dodatku RSContact, tak aby wyglada³y tak samo jak inne pola. Aby to zrobiæ dopisano tylko jeden wiersz: "input[type="tel"],"  */
select,
input[type="tel"],
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	box-sizing: border-box;
	font-weight: 300;
	color: #777;
	height: 44px;
	max-width: 100%!important;
	padding: 0 12px
}


/* +++ poni¿sze zmiany maj¹ ujednoliciæ pola "telefoniczne" które pojawiaj¹ siê przy u¿yciu dodatku RSContact, tak aby wyglada³y tak samo jak inne pola. Aby to zrobiæ dopisano tylko jeden wiersz: "input[type="tel"]:focus,"   */
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus {
	background: #fffef4
}