/**
 * {toc} 
1. reset domyslnych styli
2. DejaVu Sans Condensed @font-face
3. ogolne
4. edytor HTML
5. kontener calosci
6. naglowek
7. breadcrumbs
8. glowna tresc
9. contentTabs
9.1. contentTabs w edytorze HTML
10. listy videoblogów i artykułów
11. grafika górna pojedyńczego artykułu lub videobloga
12. pager
13. przycisk wydruku
14. stopka
15. śmietnik

*/

/**
 * (1) 1. reset domyslnych styli
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0
}

table {
border-collapse:collapse;
border-spacing:0
}

fieldset,img {
border:0
}

address,caption,cite,code,dfn,strong,th,var {
font-style:normal;
font-weight:400
}

ol,ul {
list-style:none
}

caption,th {
text-align:left
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:700
}

/**
 * (1) 2. DejaVu Sans Condensed @font-face
Generated by Font Squirrel (http://www.fontsquirrel.com) on February 1, 2011
*/
@font-face {
font-family:'DejaVuSansCondensed';
font-style:normal;
font-weight:400;
src: url('/_fonts/dejavusanscondensed-webfont.eot');
src:local('☺'), url('/_fonts/dejavusanscondensed-webfont.woff') format('woff'), url('/_fonts/dejavusanscondensed-webfont.ttf') format('truetype')
}

/**
 * (1) 3. ogolne
*/
body {
background:#e9e9e9 no-repeat url(/_images/specific/body_bg.jpg) 50% -14px;
.height:1300px;
min-height:1300px
}
.nowrap { white-space: nowrap; }

/**
 * (1) 4. edytor HTML
*/
body.contentArea {
background:#fff;
height:auto;
min-height:300px
}

body,a {
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

strong {
font-weight:700
}

h1 {
font-weight: 400
}

h2 {
color:#333;
display:block;
font-family:"DejaVuSansCondensed";
font-size:28px;
font-weight:400;
line-height:115%
}

.textCenter {
text-align:center
}

.lbutton260 {
background:no-repeat url(/_images/specific/prbn_sprite.png) 0 -159px;
height:34px;
width:260px
}

.lbutton260 a {
color:#fff;
display:inline-block;
font-family:"DejaVuSansCondensed";
font-size:13px;
height:100%;
line-height:34px;
margin-left:9px;
margin-right:8px;
text-decoration:none;
text-shadow:#ff6000 -1px 1px 0;
width:95%
}

/**
 * (1) 5. kontener calosci
*/
#mainC {
margin:0 auto;
padding-top:27px;
width:991px
}

/**
 * (1) 6. naglowek
*/
#topBox {
height:89px;
width:100%
}

#headerWrapper {
height:100%
}

#header {
height:100%;
margin:0;
position:relative
}

#header .logo {
margin-left:14px
}

#header .siteName {
height:50px;
position:absolute;
right:0;
top:12px
}

#header .siteName h1 {
color:navy;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
margin:0;
text-transform:uppercase
}

#header #mainMenu {
background:no-repeat url(/_images/specific/prbn_sprite.png) 0 -352px;
bottom:0;
clear:both;
height:50px;
left:0;
line-height:50px;
padding-top:0;
position:absolute;
width:100%
}

#header #mainMenu a {
color:#4f4f4f;
display:inline-block;
font-family:'DejaVuSansCondensed',Verdana;
font-size:14px;
font-style:normal;
font-weight:400;
height:27px;
line-height:27px;
margin-right:37px;
position:relative;
text-decoration:none;
text-transform:uppercase;
top:6px;
.top:2px
}

#header #mainMenu a#hp_ico {
margin-left:21px;
margin-right:21px;
top:12px;
.top:5px
}

#header #mainMenu a#hp_ico img {
display:inline-block;
height:27px;
margin:0
}

#header #mainMenu a:hover,#header #mainMenu a:active,#header #mainMenu a.active {
color:#ff6000
}

#spheader {
background:no-repeat url(/_images/specific/prbn_sprite.png) -986px 4px;
margin-left:10px;
margin-top:24px;
padding-left:24px
}

/**
 * (1) 7. breadcrumbs
*/
#path {
color:#999;
padding:5px 0 20px 0
}

#path a {
color:#666;
text-decoration:none
}
#path a:hover {
	color: #ff6600;
	text-decoration: none;
}

/**
 * (1) 8. glowna tresc
*/
#mainMiddle {
padding:0
}

.contentArea {
color:#3c3c3c
}

.contentArea p {
line-height:19px;
margin:20px 0
}

.contentArea h3 {
color:#117;
font-size:16px;
font-weight:700
}

.contentArea ul {
line-height:19px;
list-style-position:outside;
list-style-type:disc;
margin-left:20px;
padding-bottom:20px
}

.contentArea ol {
line-height:19px;
list-style-position:outside;
list-style-type:decimal;
margin-left:20px;
padding-bottom:20px
}

.contentArea a.leftArrow {
	padding: 0px 0px 0px 15px;
	color: #111177;
	background:no-repeat url(/_images/specific/prbn_sprite.png) -598px -250px;
	text-decoration: none;
}
.contentArea a.leftArrow:hover {
	color: #FF6000;
}

h2.he {
color:#444;
font-family:"DejaVuSansCondensed";
font-size:17px
}

table.of {
background-color: #fAfAfA;
border: 1px solid #eee;
width: 100%;
margin: 0 0 1em 0;
}

table.of td, th {
color: #444
}
table.of th {
font-family:"DejaVuSansCondensed";
font-size:14px;
font-weight:700;
color: #444;
padding: 20px 6px 18px 14px;
border: 1px solid #eee;
vertical-align: middle;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(246,246,246)),color-stop(0.5,rgb(253,253,253)));
background-image: -moz-linear-gradient(center bottom,#F6F6F6 0%,#FDFDFD 50%);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FDFDFD', EndColorStr='#F6F6F6');
}

table.of td {
border-left: 1px solid #eee;
padding: 1em 8px 1em 14px;
line-height: 137%;
vertical-align: top;
}
table.of ul {
margin: 12px 0 0 14px;
list-style-type: square;
}
table.of td ul li {
margin-top: 8px;
}

#mainMiddle #content {
background:#fff repeat-x url(/_images/specific/contentBg.png) 0 0;
float:left;
margin-left:14px;
min-height:400px;
padding:22px;
width:598px
}

#mainMiddle.doctype_html_wide #content {
margin-left:0;
padding:14px;
width:961px
}

#mainMiddle.doctype_video_entry_list #content,#mainMiddle.doctype_current_articles_list #content,#mainMiddle.wide_fancy #content {
background:transparent;
padding:0;
width:640px
}
#mainMiddle.wide_fancy #content {
background:#fff
}


#mainMiddle.wide_fancy #content div.revertPadding {
padding:14px
}

#mainMiddle #column {
float:left;
margin-left:16px;
padding-bottom:2em;
width:318px
}

#mainMiddle #column .colBox {
background:transparent no-repeat url(/_images/specific/columnBox.png) 0 0;
margin-bottom:10px;
min-height:400px;
padding:14px 16px
}

#mainMiddle #column .colBox a,.nextLink a {
color:#227;
text-decoration:none
}
#mainMiddle #column .colBox a:hover,.nextLink a:hover, #mainMiddle #column .colBox a:hover h4  {
	color: #ff6600;
	text-decoration: none;
}

#mainMiddle #column .colBox li {
line-height:150%
}

#mainMiddle #column .colBox li u,#column .colBox a.mo span, table.of a.mo span {
background:no-repeat url(/_images/specific/prbn_sprite.png) -598px -252px;
display:inline-block;
font-size:8px;
height:10px;
line-height:8px;
overflow:hidden;
text-decoration:none;
width:15px
}

#mainMiddle #column .colBox h2.he {
background:transparent no-repeat url(/_images/specific/column_box_h2_bg.png) 0 0;
height:34px;
line-height:30px;
margin-bottom:1em;
padding-left:24px
}

#mainMiddle #column .colBox h4, .itemsListContent ul.itemsList li h3 a {
color:#0b1e5c;
font-family:"DejaVuSansCondensed";
font-size:13.5px;
font-weight:700;
text-decoration: none;
margin-bottom:5px
}

#mainMiddle #column .colBox a.mo, table.of a.mo {
color:#114;
display:block;
margin-bottom:1.2em;
text-align:right
}
#mainMiddle #column .colBox a.mo:hover, table.of a.mo:hover {
	color: #ff6600;
}

#mainMiddle #column #hbrbox {
position:relative;
height:95px;
width:100%;
}
#column #hbrbox #hbrBanner {
background:no-repeat url(/_images/specific/prbn_sprite.png) 0 -92px;
display:block;
height:60px;
position:absolute;
top:8px;
left:22px;
width:110px
}
#column #hbrbox #hbr_login {
position:absolute;
right:15px;
top: 25px;
}
#hbr_login a {
background:no-repeat url(/_images/specific/prbn_sprite.png) 0 -61px;
float:right;
height:25px;
width:108px
}

#column #hbrbox span {
display:none
}

#mainMiddle .htmlText {
padding:0 10px 0 7px
}

/**
 * (1) 9. contentTabs
*/
.contentTabs {
background:#fff;
min-height:400px;
position:relative;
top:29px;
width:100%
}

.contentTabs .headersHolder {
border-left:1px solid #e7e7e7;
height:35px;
left:10px;
position:absolute;
top:-34px;
width:100%
}

.contentTabs .headersHolder h4 {
border:1px solid #e7e7e7;
border-bottom:0;
border-left:0;
display:block;
float:left;
height:34px;
line-height:32px
}

.contentTabs .headersHolder h4 a {
background:#dfdfdf;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(233,233,233)),color-stop(0.5,rgb(223,223,223)));
background-image: -moz-linear-gradient(center bottom,#E9E9E9 0%,#DFDFDF 50%);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#DFDFDF', EndColorStr='#E9E9E9');
display:block;
font-family:'DejaVuSansCondensed';
height:33px;
padding:0 1.2em;
position:relative;
text-decoration:none;
top:1px
}

.contentTabs .headersHolder h4 a:focus {
outline:none
}

.contentTabs .headersHolder h4.active {
border-right-color:#cacaca;
height:36px;
line-height:37px;
position:relative;
top:-2px
}

.contentTabs .headersHolder h4.active a {
background-color:#f8f8f8;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(248,248,248)),color-stop(0.5,rgb(223,223,223)));
background-image: -moz-linear-gradient(center bottom,#FAFAFA 0%,#E6E6E6 60%);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E6E6E6', EndColorStr='#FAFAFA');
border-bottom:1px solid #f8f8f8;
height:35px;
position:relative;
text-shadow:#fff 0px 0px 1px;
}

.contentTabs .tab {
background:#fff repeat-x url(/_images/specific/contentBg.png) 0 0;
display:none;
left:0;
padding:1em 22px;
position:absolute;
top:0;
width:598px
}

.contentTabs > .active {
display:block
}

/**
 * (2) 9.1. contentTabs w edytorze HTML
*/
body.contentArea .contentTabs {
border:1px solid #999
}

body.contentArea .contentTabs .tab {
border:1px solid #444;
display:block;
margin:1em;
position:static
}

body.contentArea .contentTabs:before {
content:"ȾȾȾȾ W celu edycji kontener zakładek otoczony linią a zakładki umieszone jedna pod drugą ȾȾȾȾ"
}

body.contentArea .contentTabs .tab:before {
content:"ɆɆɆ ZAKŁADKA: ɆɆɆ"
}

body.contentArea .contentTabs .tab h4 {
background-color:#888;
max-width:120px;
padding:10px
}

/**
 * (1) 10. listy videoblogów i artykułów
*/
.itemsListContent {
overflow:hidden;
width:100%
}

.itemsListContent ul.itemsList {
list-style:none;
margin:0;
padding-bottom:28px
}

.itemsListContent ul.itemsList#bottom1 {
background:transparent url("/_images/videoblog_list_bottom_bg.png") 0 100% no-repeat;
padding-bottom:15px
}

.itemsListContent ul.itemsList li {
background:#fff no-repeat url(/_images/specific/contentBg.png) 0 -1px;
border-bottom:1px inset #f2f2f2;
border-right:1px inset #eee;
display:block;
margin-bottom:8px;
padding:14px
}

.itemsListContent ul.itemsList li.firstChild {
background-position:0 0
}

.itemsListContent ul.itemsList li .playerPreview,.itemsListContent ul.itemsList li .leadImage {
float:left;
margin-right:18px;
position:relative;
width:175px
}

.itemsListContent ul.itemsList h3 {
margin-bottom:0
}

.itemsListContent ul.itemsList li h3 a.active {
background:none;
color:#f60
}

.itemsListContent ul.itemsList li .publishDate {
color:#b2b2b2;
margin:2px 0 8px
}

.itemsListContent ul.itemsList li .lead {
display:block;
max-height:120px;
min-height:66px;
overflow:hidden
}

.itemsListContent ul.itemsList li .lead p {
margin:0
}

.itemsListContent ul.itemsList li .lead a {
background:transparent url(/_images/specific/oar.gif) no-repeat scroll 100% 3px;
color:#3c3c3c;
line-height:19px;
padding-right:19px;
text-decoration:none
}

.itemsListContent ul.itemsList li .more {
background:transparent url("/_images/list_more_link_noactive.png") 100% 2px no-repeat;
color:#3c3c3c;
font-size:9px;
font-weight:700;
padding-right:10px;
text-decoration:none;
text-transform:uppercase
}

.itemsListContent ul.itemsList li .more.active {
background:transparent url("/_images/list_more_link_active.png") 100% 2px no-repeat;
color:#f60
}

#articlesListBox h2 {
padding:0 10px 28px
}

/**
 * (1) 11. grafika górna pojedyńczego artykułu lub videobloga
*/
#topgraphC {
border-bottom:1px solid #eee;
clear:both;
float:left;
margin-bottom:1.5em;
margin-left:5px;
position:relative;
width:582px
}

#topgraphC hr {
clear:both;
visibility:hidden
}

#topgraphC .nav {
clear:both;
float:left;
line-height:120%;
margin-top:5px;
width:100%
}

#topgraphC .nav > div {
float:left
}

#topgraphC .nav .prevLink {
margin-right:58px
}

#topgraphC .cornersImage {
left:0;
position:absolute;
top:0
}

/**
 * (1) 12. pager
*/
#pager .prevLink,#pager .nextLink {
width:200px
}

#pager .nextLink {
text-align:right
}

.prevLink a {
background:transparent url(/_images/specific/oar_p.gif) no-repeat scroll 0 3px;
padding-left:19px
}
.prevLink a:hover {
	color: #ff6600;
}

.nextLink a {
background:transparent url(/_images/specific/oar.gif) no-repeat scroll 100% 3px;
padding-right:19px
}

#pager .pagerNumbers .pageNumber {
height:26px;
text-align:center;
vertical-align:middle;
width:25px
}

#pager .centerArea {
width:596px
}

#pager .pagerNumbers td {
padding-right:4px
}

#pager .pagerNumbers .pageNumber a {
background:transparent url("/_images/paginator_bg.png") 0 0 no-repeat;
color:#b2b2b2;
display:block;
height:21px;
padding-top:5px;
text-decoration:none;
width:25px
}

#pager .pagerNumbers .pageNumber a:hover {
background-position:0 -52px;
color:#fff
}

#pager .pagerNumbers #active.pageNumber {
background:transparent url("/_images/paginator_bg.png") 0 -26px no-repeat;
color:#f60
}

/**
 * (1) 13. przycisk wydruku
*/
.printButton{
float:right;
margin:1.5em 0
}
.wide_fancy .printButton {
margin-right:14px
}

/**
 * (1) 14. stopka
*/
#mainBottom {
clear:both;
margin-bottom:20px;
padding-top:16px;
width:100%
}

#footer {
border-top:1px solid #aaa;
overflow:hidden;
padding-top:1em;
width:100%
}

#bottomMenu {
float:left;
margin:0 0 0 10px;
width:70%
}

#bottomMenu a,#copyright {
color:#555;
font-size:14px;
text-decoration:none
}

#bottomMenu a {
background:transparent url("/_images/bottom_menu_separator.gif") 15% 33% no-repeat;
padding-left:32px
}

#bottomMenu a:hover {
color:#f60
}

#copyright {
float:left;
width:28%
}

.clear,#mainMiddle .bottomPaginator {
clear:both
}

/**
 * (1) 15. śmietnik
wiele wpisów tutaj wynika z csstidy, który chce łączyć a nie dzielić...*/
#mainMiddle .contentArea h2 span,#mainMiddle .vidoeblogHeader span,#articlesListBox h2 span,.footerOnlyForPrint {
display:none
}

div.pager {
margin-top:20px
}

.prevLink a,.nextLink a {
color:#116;
text-decoration:none
}

.itemsListContent ul.itemsList li .leadImage .roundedArtList,.itemsListContent ul.itemsList li img.playerButtonNoActive,.itemsListContent ul.itemsList li img.playerButtonActive {
left:0;
position:absolute;
top:0
}

#bottomMenu a.firstChild {
background:none;
padding-left:0
}