/*<![CDATA[*/
/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
.container { /*was: id*/ width: 100%; float: left; margin-right: -220px; background: #fff url(/img/hz01.container.bg.jpg) left top repeat-x;}
.content { /*was: id*/ margin-right: 220px; }
.content-twocol { /*was: id*/ margin-right: 0; }
.main { /*was: id*/ margin-left: 177px;}
.left { /*was: id*/ width: 177px; float: left; overflow: auto;}
.sidebar { /*was: id*/ width: 220px; float: right; overflow: visible;}
h1 { margin-top: 0; }
.last {	margin-bottom: 0; }

/* ---:::--- inverted equal height columns start here ---:::--- */
html { height: 100%; /* FSA */ margin: 0; padding: 0; }
body { height: 100%; /* FSA */ margin: 0; padding: 0; /* can not set font-size here because IE6 needs to see its own default */
	line-height: 1.5; color: black;	text-align: center; /* IE-win quirks mode centering */
	background: #fff;}

#page { /* added em-guidance and centering */
	width: 100%; max-width: 960px; min-width: 960px; margin: 0 auto; min-height: 100%; position: relative; text-align: left; font-size: 12px; /* font-size: 100%; safe to set font-size here */ }
#stacker { position: relative; z-index: 2; width: 100%;	min-height: 100%; /* FSA */ }
/* the padding of the columns and some place for the footer */
.colpad { padding: 0 0 17em; }
#header { width: 960px;	height: 268px; overflow: hidden; }
	.header-logo-text { position: absolute; top: 26px; left: 44px;}
	.header-left { width: 180px; height: 5px; padding: 0; background: url(/img/hz01.bg.tl.png) 0% 0% no-repeat; display: block;}
	.header-left-bottom { width: 180px; height: 238px; padding: 5px 0; position: absolute; margin: 0; left: 0; text-align: center; background: url(/img/hz01.bg.l.png) 0% 0% repeat-y; display: block; overflow:hidden;}
	.header-main { width: 780px; height: 268px; position: absolute; left: 180px; top: 0; background: url(/img/hz01.bg.tr.png) top left no-repeat; float: right; }
	#fido {width: 220px; height: 560px; position: absolute; margin-top: -5px; top: 0; right: 0; z-index: 11;}
.search { position: absolute; left: 180px; top: 0; background: url(/img/hz01.bg.szukaj.toggle-1.png) 0% 0% no-repeat; width: 557px; height: 231px; z-index: 10; color: #f3f3f3;}
	/*.search .bott-menu { position: absolute; width: 100%; height: 26px; line-height: 26px; width: 520px; background: yellow; z-index: 11;}*/
	.search-extended { position: absolute; left: 180px; top: 228px; background: url(/img/hz01.bg.szukaj.toggle-2.png) 0% 0% no-repeat; width: 570px; height: 120px; z-index: 10; color: #f3f3f3; z-index: 21; display:none;}
.address-bar { position: absolute; left: 0; top: 243px; width: 700px; line-height: 25px; vertical-align: middle; background: url(/img/hz01._address-bar.png) 50% 50% repeat-x; text-indent: 10px; z-index: 9;}
#pedestal { clear: both; float: left; /* makes Opera 8.54 behave */ position: relative; z-index: 0; width: 100%; height: 16em; line-height: 1em; margin-top: -17em; font-size: 1em;}
#pedestal .content { }
#pedestal .main { }
#pedestal .container { }
#pedestal .companion { margin-top: -16000px !important; /* EHC, but reversed: from bottom to top */ padding-top: 16000px !important; position: relative; height: 1em; }
/* The #footer (FSA) fits into the gap the #pedestal has left. W odróżnieniu od oryginału wyrzucamy go poza page */
#footer { width: 100%; clear:both; float:left; position: relative; z-index: 3; height: 16em; margin-top: -16em; background: #f7f7f7; }
.footer-content { margin: 0 auto; width: 960px; line-height: 1em; font-size: 1em; padding: 1em 0;}
#favs {position: fixed; z-index: 100; width: 960px; min-height: 1em; height: auto; bottom: 0; line-height:1em; padding: 0;}
#favs .favs-menu {height: 1.5em; width: 960px; display: block; clear:both; z-index: 99;}
#favs2 { visible: hidden; z-index: 99; font-size: 11px; text-align: left; min-height: 290px; max-height: 300px; bottom: 0; line-height:1em; padding: .5em; background: #FFFFC0; }
/*filter: Alpha(Opacity=50);background: rgba(255, 255, 128, 0.5); }*/

/* font w logo, embed */
@font-face { font-family: Betekna;  src: url(/css/fonts/BetecknaLowerCase.ttf); }
.header-left-bottom h1 {font-family: Betekna; font-size: 11px; color: #fff;}
/*]]>*/
