@charset "utf-8";

/* ------------------------------------
 * --        TABLE OF CONTENT        --
 * ------------------------------------
 * 1. Global CSS reset
 * 2. Typografia (typography)
 * 3. Listy (lists)
 * 4. Tabele (tables)
 * 5. Często używane klasy oraz używane do debugowania (common & debugging classes)
 * 6. Master layout
 * 7. Elementy contentu (content elements)
 * 8. Elementy sidebaru (sidebar elements)
 * 9. Pozostałe elementy (other elements)
 */

/* ------------------------------------ *
 * --           1. RESET             -- *
 * ------------------------------------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, 
q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, hr, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, b, i { 
	margin: 0; 
	padding: 0; 
}

html, body  {
	background: #001f2e url(../img/common/body-bg.jpg) repeat-x 0 0;
	color: #001f2e;
	font-family: Calibri, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 100%;
	line-height: 18px;		
	text-align: left;
}

.intro {
	background: url(../img/common/intro-bg.gif) repeat-x 0 50%;	
}

:root { overflow-y: scroll !important; }

img, fieldset { 
	border: 0 none; 
	outline: 0 none; 
}

/* focus - jakoś trzeba je jednak wyróżnić, przynajmniej w wypadku elementów formularza */
form :focus, a:focus { 
	outline: 0 none; 
}

a, em, strong, span, acronym, abbr, q, cite {
  color: inherit;	
	font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-variant: inherit;	
  font-weight: inherit;
}

em { 
	font-style: italic; 
}

strong { 
	font-weight: bold; 
}

em strong, strong em {
  font-style: italic;
	font-weight: bold;
}

acronym, abbr {
	border-bottom: 1px dotted;	
	cursor: help;
}

q, cite, blockquote { 
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: no-open-quote;
	content: no-close-quote;
}


/* ------------------------------------ *
 * --        2. TYPOGRAPHY           -- *
 * ------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	color: #0093dd;
	font-weight: normal;
	padding-bottom: 18px;
}

h1, h2, #sidebar h3 { 
	border-bottom: 1px dotted #0093dd;
	font: normal 24px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 18px;
	padding: 0;
}

h3 { 
	font-size: 18px;
	font-weight: bolder;
}

h4, h5, h6 { 
	font-size: 14px;
	font-weight: bolder;
}

h4 {
	font-size: 16px;	
}

h5 { 
	padding-bottom: 0; 
}

h6 { 
	padding-bottom: 0;
}

p, address, ul, ol, dl {
	font-style: normal;
	padding-bottom: 18px;
}

/* linki */

/* pierwszy wariant linków - text-decoration */

a { 
	color: #005d8c;
	text-decoration: underline;
}

a:hover { 
	color: #0093dd;
	text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}

/* cytaty */

/* v.01 */
blockquote {
	background: url(../img/common/quote.gif) no-repeat 9px 16px;
	border-bottom: 1px dotted #0e6590;
	border-top: 1px dotted #0e6590;
	color: #0e6590;
	font-family: Georgia, Times New Roman, Times, serif;	
	font-style: italic;
	margin: 0 10px 18px;
	padding: 17px 24px 0 36px;
}

blockquote p {
	font-style: italic;
}

/* ------------------------------------ *
 * --           3. LISTS             -- *
 * ------------------------------------ */

ol, ul { 
	list-style: none; 
}

ol ul, ul ul { 
	padding-bottom: 0; 
}

ol ul li, ul ul li { 
	padding-bottom: 1px;
	padding-top: 1px;
}

/* lista wypunktowana 01 */
ul.bulleted-01 li {
	background: url(../img/common/bull-01.gif) no-repeat 18px 7px;
	padding-left: 40px;
}

/* lista wypunktowana 02 */
ul.bulleted-02 li {
	background: url(../img/common/bull-02.gif) no-repeat 16px 7px;
	padding-left: 40px;
}

/* lista numerowana */
ol.numbered {
	list-style: decimal-leading-zero outside;
	margin-left: 40px;
}

/* listy zagnieżdżone */
ol ul.bulleted-01 li, ul ul.bulleted-01 li, ol ul.bulleted-02 li, ul ul.bulleted-02 li {
	background: url(../img/common/bull-01.gif) no-repeat 2px 8px;
	padding-left: 22px;
}
ol ul.bulleted-02 li, ul ul.bulleted-02 li {
	background-image: url(../img/common/bull-02.gif);
}

/* ------------------------------------ *
 * --           4. TABLES            -- *
 * ------------------------------------ */

table { /* nadać 'cellspacing="0"' w kodzie */
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 18px;
}

th, td {
	border-bottom: 1px solid #0e6590;
	padding: 6px;
	text-align: left; /* wyrównanie tekstu można usunąć i zdefiniować dla klas nadanym col */
	vertical-align: top;	
}

th {
	font-weight: bold;
}

thead th {
	background: #0e6590;
	color: #f3f3f3;	
}

.everySecond td, .everySecond th { background: #C4D4DD; }

caption {
	color: #0093dd;
	caption-side: top;
	font: bolder 14px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 9px;
	text-align: left;
}

/* ------------------------------------ *
 * --       5. COMMON CLASSES        -- *
 * ------------------------------------ */

.invisible { 
	visibility: hidden;
}

.disp-n { 
	display: none;
}

.fl-l { 
	float: left !important; 
}

img.fl-l {
	margin: 0 20px 18px 0;
}

.fl-r { 
	float: right !important; 
}

img.fl-r {
	margin: 0 0 18px 20px;
}

.clear { 
	clear: both; 
}

.clearer {
	clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.bold { 
	font-weight: bold; 
}

.noBorder { 
	border: 0 none !important;
}

.uppercase { 
	text-transform: uppercase; 
}

/* framed images */
img.framed {
	background: #f3f3f3;
	border: 1px solid #d4d4d4 !important;
	display: block;
	padding: 5px;
}

/* some colors classes */
* .darkBlue, .darkBlue * {
	color: #0e6590 !important;	
}

* .lightBlue, .lightBlue * {
	color: #0093dd !important;	
}

* .red, .red * {
	color: #e3172a !important;
}

/* links to external websites */
.external {
	background: url(../img/common/external.gif) no-repeat 100% 50%;	
	padding: 0 14px 0 0;
}

/* use for debugging  */

.h-grid { background: #fff url(../img/common/h-grid.gif); } /* pozioma siatka */

.v-grid { background: url(../img/common/v-grid.gif) repeat-y 0 0; } /* pionowa siatka */

.debug { border: 1px solid red; } /* ukazanie elementu */

.debug-l-h { border-bottom: 1px solid #f00; } /* sprawdzanie interlinii w połączeniu z klasą h-grid na body */

/* ------------------------------------ *
 * --        6. MASTER LAYOUT        -- *
 * ------------------------------------ */

/* wspólne ustawienia kilku bloków */
#wrapper, #contentWrapper, #footer {
	margin: 0 auto;
	overflow: hidden;
}
/* głowny blok strony */
#wrapper {
	min-height: 100%;
	min-width: 960px;
	background: url(../img/common/pattern.png) repeat 0 0;	
}

/* kolumny */
#contentWrapper {
	background: url(../img/common/faux-cols.png) repeat-y 0 0;
	width: 920px;
	padding: 0 15px;	
}

/* główna zawartość - można odwrócić bez ingerowania w kod - tylko sidebar i content odwrotne float'y dostaną */
#content {
	background: url(../img/common/logo-conent.png) no-repeat 50% 50%;
	float: right;
	min-height: 450px;
	overflow: hidden;
	padding: 18px 11px 18px 19px;
	width: 590px;
	/* background-color: #e5e8ea; */
}

/* boczna zawartość */
#sidebar {
	/* background: #c5d4dd; */
	float: left;
	overflow: hidden;
	padding: 18px 18px 18px 11px;
	width: 270px;
}

/* nagłówek */
#masthead {
	background: url(../img/common/masthead-bg.png) no-repeat 0 0;
	height: 291px;
	margin: 0 auto;
	position: relative;
	width: 950px;
}

#topSlogan {
	background: url(../img/common/slogan-b.png) no-repeat 0 100%;	
	padding-bottom: 10px;
}

#topSlogan div {
	background: url(../img/common/slogan-m.png) repeat-y 0 0;
	overflow: hidden;	
	padding: 17px 15px 10px;
}

#topSlogan h1, #topSlogan p {
	background: url(../img/common/slogan.png) no-repeat 0 0;
	border: 0 none;
	float: left;
	height: 21px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 435px;
}

#topSlogan p {
	background: url(../img/common/phone.png) no-repeat 0 0;
	float: right;
	width: 269px;
}

/* logo */
#logo, #logo img {
	height: 117px;
	overflow: hidden;
	width: 230px;
	display: block;
}

#logo {
	position: absolute;
	left: 22px;
	bottom: 62px;
}

/* stopka */
#footer {
	background: url(../img/common/footer-b.png) no-repeat 0 100%;
	padding: 0 0 12px;
	width: 950px;
}

.foot-t {
	background: url(../img/common/footer-m.png) repeat-y 0 0;
	padding: 0 7px 0 6px;
}

.foot-t div {
	border-top: 1px dotted #001f2e;
	overflow: hidden;
	padding: 12px 10px 6px 9px;	
}

#extraNav, #footer p {
	float: left;
	font: 12px/1 Calibri, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding: 3px 0;
	width: 40%;
}

#extraNav li {
	border-left: 1px solid #0e6590;
	float: left;
	padding: 0 5px;
}

#extraNav a {
	text-decoration: none !important;
}

#extraNav a.active {
	color: #0093dd !important;
	cursor: default;
}

#extraNav li:first-child {
	padding-left: 0;
	border: 0 none;
}

#footer p {
	float: right;
	text-align: right;
	color: #005d8c;	
}

/* ------------------------------------ *
 * --      7. ELEMENTY CONTENTU      -- *
 * ------------------------------------ */

#content img {
	border: 3px solid #0e6590
}

/* galeria */

.galGrid {
	overflow: hidden;
	padding: 0 1px
}

.galGrid li {
	float: left;
	margin: 0 18px 18px 0;
	width: 178px;
	text-align: center;
}

.galGrid a:hover img {
	border-color: #aaa511 !important;
}

/* modyfikacje przy kontakcie */

address strong {
	font-size: 15px;
}

/* ------------------------------------ *
 * --      8. ELEMENTY SIDEBARU      -- *
 * ------------------------------------ */

/* gówna navigacja */

#mainNav a {
	border-bottom: 1px dotted #0e6590;
	color: #0093dd;
	display: block;
	font: 18px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;;
	padding: 6px 3px;
	text-decoration: none !important;
}

#mainNav a:hover {
	color: #0e6590;
	background: #e3f5ff;
}

#mainNav a.active {
	color: #0e6590 !important;
	background: transparent;
	cursor: default;
}

/* ------------------------------------ *
 * --     9. POZOSTAŁE ELEMENTY     -- *
 * ------------------------------------ */

.innerContainer {
	overflow: hidden;
	position: relative;
}

/* intro */ 

.intro {
	min-height: 400px;
	min-width: 960px;
	position: absolute;
	width: 100%;
}

.i-content {
	height: 346px;
	left: 50%;
	margin: -173px 0 0 -474px;
	position: absolute;
	top: 50%;
	width: 949px;
}

.i-content div {
	background: url(../img/common/intro-t.png) no-repeat 0 0;
	height: 63px;
	overflow: hidden;
	width: 949px;
}

.i-content div * {
	overflow: hidden;
	text-indent: -9999px;
	border: 0 none;
}

.i-content strong {
	display: block;
	height: 221px;
	position: relative;
	width: 949px;
	background: url(../img/common/intro-m.png) no-repeat 0 0;
}

.i-content .enter {
	display: block;
	background: url(../img/common/intro-b.png) no-repeat 0 0;
	height: 62px;
	overflow: hidden;
	text-indent: -9999px;
	width: 949px;	
}

.i-content .enter:hover {
	background: url(../img/common/intro-b.png) no-repeat 0 -62px;
}

.i-content #logo {
	left: 22px;
	bottom: auto;
	top: 50%;
	margin: -58px 0 0;
}