/**
 * {toc}
1. Leady, czyli skaczący środek
2. Trzy boksy
3. Box z logowaniem HBR
4. Stopka
5. Intro

*/

body {
background:no-repeat url(/_images/specific/body_bg.jpg) 50% -14px;
height: auto;
min-height:950px;
}

/**
 * (1) 1. Leady, czyli skaczący środek
*/
#leads {
background:no-repeat url(/_images/specific/prbn_sprite.png) -996px 24px;
overflow:hidden;
height:300px;
left:14px;
padding-left:13px;
position:relative;
width:640px;
}

#leads #animField {
height: 200px;
position:relative;
top: 0;
width: 100%;
}

#animField > div {
height: 200px;
float:left;
position:absolute;
top: 0;
width: 630px;
}

#leads strong.lh {
color:#333;
display:block;
font-family:"DejaVuSansCondensed";
font-size:26px;
font-weight:300;
line-height:115%;
letter-spacing:-1px;
margin-bottom:16px;
opacity:0.9px;
padding-top:20px
}

#leads p.lc {
color:#999;
font-family:"DejaVuSansCondensed";
font-size:19px;
margin-bottom:22px
}

#leads .lbutton260 {
width: auto; float:left;
}

#leads .lbutton260 a {
background: none;
line-height: 36px
}

#leads .lbutton260 span {
background:no-repeat url(/_images/specific/lbutton_flex.png) 100% -1px;
display:block;
padding-right:20px
}

#leads .ov {
position:absolute;
}

#lidxC {
left:28px;
position:relative;
top:-28px
}

#lidxC a {
background:transparent no-repeat url(/_images/specific/prbn_sprite.png) -20px 0;
display:inline-block;
height:14px;
line-height:14px;
margin-right:6px;
text-decoration:none;
width:15px
}

#lidxC a:focus {
outline:none
}

#lidxC a.act {
background-position:0 0;
cursor:default
}

/**
 * (1) 2. Trzy boksy
*/
#hpboxes {
clear:both;
position:relative;
height:340px
}

#hpboxes a {
text-decoration:none
}
#hpboxes a:hover h2 {
	color: #ff6600;
}

#hpboxes a h3,#hpboxes a h2,#hpboxes a h4 {
cursor:pointer
}

#hpboxes .hpbox {
background:transparent no-repeat url(/_images/specific/prbn_sprite.png) -276px -8px;
float:left;
height:320px;
position:relative;
width:316px
}

.hpbox h2.he {
height:42px;
line-height:53px;
font-size:15px;
padding-left:40px
}

.hpbox div.cn {
padding:14px
}

.hpbox div.cn h4 {
color:#0b1e5c;
font-family:"DejaVuSansCondensed";
font-size:13.5px;
font-weight:400;
margin-bottom:5px;
text-shadow:#CCD 1px -1px 1px
}
.hpbox div.cn a:hover h4 {
	color: #ff6600;
}

.hpbox div.cn,.hpbox div.cn a {
color:#444;
font-size:13px;
line-height:125%;
text-decoration:none
}

.hpbox div.cn a.oar {
  color:  0b1e5c;
}

.hpbox div.cn p {
margin-bottom:1.2em
}

.hpbox div.ft {
line-height:32px;
padding-left:14px;
position:absolute;
right:14px;
top:220px
}

.hpbox div.ft a,.hpbox div.ft .likeLink {
color:#114;
font-size:11px;
text-decoration:none;
}
.hpbox div.ft a:hover,.hpbox div.ft .likeLink:hover {
	color: #ff6600;
}

.hpbox div.cn a.oar u,.hpbox div.ft a.oar u {
background:no-repeat url(/_images/specific/prbn_sprite.png) -588px -252px;
display:inline-block;
font-size:8px;
height:10px;
line-height:8px;
overflow:hidden;
text-decoration:none;
width:22px
}

.hpbox div.cn a.oar.short u {
background-position:0 -198px;
width:14px
}

#mBoxH.hpbox {
margin: 0 21px;
}
#mBoxH.hpbox .ft {
padding-left:18px;
}
#mBoxH.hpbox a.oar {
margin-right:15px
}

#hbrBox.hpbox .ft {
.margin-top:10px
}

#hpboxes #vidPrev {
margin: 15px 12px 0px 0px
}

#hpboxes #vidPrev a {
display:block;
height:98px;
text-align:center
}
#hpboxes #vidPrev a:hover {
	color: #ff6600;
}

/**
 * (1) 3. Box z logowaniem HBR
 * styl używany w contencie, w węźle konfiguracyjnym 
*/
#hpboxes #hbr_login,#hpboxes #hbrBanner {
position:absolute;
}

#hpboxes #hbr_login {
height:80px;
right:39px;
top:139px;
width:93%
}

#hpboxes #hbrBanner {
height:60px;
left:28px;
top:122px;
width:110px
}

#hpboxes #hbr_login a {
background:no-repeat url(/_images/specific/prbn_sprite.png) 0 -61px;
float:right;
height:25px;
width:108px
}

/**
 * (1) 4. Stopka
 * stopka do góry aby naszła na cień boksów
*/
#footer {
position:relative;
top:-50px
}

#hpboxes #hbrBanner span,#hpboxes #hbr_login a span {
visibility:hidden
}

/**
 * (1) 5. Intro
 */
body.whileIntro {
min-height:1px;
background:#fff;
}
body.whileIntro #wholeC {
display:none
}
body.whileIntro #introC {
display:block
}

#introC {
display:none;
height:100%;
width:100%
}

#introC #intro {
margin-top: 10%;
position:relative;
width: 100%;
}

#introC #intro #flashC {
background: #fff;
width: 100%;
height: 100%
position:absolute;
top: 0px;
left: 0px;
}

#introC #intro a.skipButton {
bottom:-20px;
color:navy;
font-size:9px;
position:absolute;
right:0;
text-decoration:none
}

#introC #intro a.skipButton:before {
background:no-repeat url(/_images/specific/prbn_sprite.png) -85px -2px;
color:#fff;
content:"|";
display:inline-block;
line-height:12px;
margin-right:5px;
width:10px
}