@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#3d3d3d;
}

img, a {
border:none;
outline:none;
}

a {
text-decoration:none;
color:#f74c4c;
}
a:hover {
text-decoration:underline;
color:#000;
}

h1, h2, h3, h4 {
font-weight:normal;
}

/************************************** 1. UKRYTY PANEL **************************************/

div#panel {
width:100%;
height:208px;
background:url(../gfx/tla/panel_bg.jpg) top center no-repeat;
margin:0;
padding:0;
display:none;
}

div#panel_content {
width:950px;
margin:0 auto;
}

a.siteswitch {
float:right;
margin:75px 10px 0 0;
text-indent:-4000px;
background: url(../gfx/dodatki/siteswitch.jpg) 0 0 no-repeat;
width:183px;
height:34px;
display:block;
}
a.siteswitch:hover {
background-position:0 -34px;
}

/************************************ 2. KONTENER NA STRONĘ 2l2d ***********************************/
div#bgContainer {
width:100%;
background:url(../gfx/tla/mainbg.jpg) top center no-repeat #fff;
margin:0;
padding:0;
float:left;
}

div#contentContainer {
width:950px;
margin:0 auto;
}

/******** TOP ***************/
h1 {
float:left;
width:268px;
height:179px;
margin:40px 0 0 0;
padding:0;
font-size:14px;
display:block;

}
h1 a {
width:268px;
height:179px;
display:block;
position:relative;
}
h1 a span {
width:268px;
height:179px;
display:block;
position:absolute;
background:url(../gfx/dodatki/logo.jpg) no-repeat;
cursor:pointer;
}

a.rozwin {
float:right;
width:93px;
height:32px;
margin:0 50px 0 0;
padding:0;
display:block;
background:url(../gfx/dodatki/scrollDown.jpg) no-repeat;
text-indent:-900%;
}

/******************* 2.1 Menu główne ***************/
ul#mainmenu {
clear:both;
float:left;
margin:31px 0 0 0;
padding:0;
width:950px;
}
ul#mainmenu li {
float:left;
display:inline;
list-style:none;
margin-right:0px;
}
ul#mainmenu li a {
text-indent:-4000px;
display:block;
height:54px;
}

li.glowna a {
background:url(../gfx/menu/glowna.jpg) 0 0 no-repeat; width:107px;
}
li.omnie a {
background:url(../gfx/menu/omnie.jpg) 0 0 no-repeat; width:115px;
}
li.cm a {
background:url(../gfx/menu/cm.jpg) 0 0 no-repeat; width:63px;
}
li.wystepy a {
background:url(../gfx/menu/wystepy.jpg) 0 0 no-repeat; width:130px;
}
li.teksty a {
background:url(../gfx/menu/teksty.jpg) 0 0 no-repeat; width:117px;
}
li.okruchy a {
background:url(../gfx/menu/okruchy.jpg) 0 0 no-repeat; width:113px;
}


ul#mainmenu li a:hover,  ul#mainmenu li a.active {
background-position:0 -54px;
}


/********************************************* 3. TREŚĆ STRONY **************************************************/
div#content {
clear:both;
float:left;
width:950px;
}

/******** LEWA CZĘŚĆ ************/

div#introColumn {
clear:left;
float:left;
width:452px;
height:488px;
background:url(../gfx/tla/introBox_bg.jpg) no-repeat;
margin:28px 0 0 0;
padding:0;
}

div#introColumn p {
width:380px;
margin:274px 0 0 60px;
line-height:18px;
}

div#introColumn a {
float:left;
margin:16px 0 0 60px;
}


/*** podstrona ***/
div#subContentColumn {
clear:left;
float:left;
width:552px;
margin:28px 0 0 0;
padding:0;
}
div#subContentColumn h2.Homnie, div#subContentColumn h2.Hcm2, div#subContentColumn h2.Hwystepy, div#subContentColumn h2.Hteksty, div#subContentColumn h2.Hokruchy {
width:504px;
height:51px;
background:url(../gfx/dodatki/headers/omnie.jpg) no-repeat;
margin:0 0 6px 0;
padding:0;
text-indent:-4000px;
}
div#subContentColumn h2.Hcm2 {
width:439px;
height:54px;
background:url(../gfx/dodatki/headers/cm.jpg) no-repeat;
}
div#subContentColumn h2.Hwystepy {
width:439px;
height:54px;
background:url(../gfx/dodatki/headers/wystepy.jpg) no-repeat;
}
div#subContentColumn h2.Hteksty {
width:439px;
height:44px;
background:url(../gfx/dodatki/headers/teksty.jpg) no-repeat;
}
div#subContentColumn h2.Hokruchy {
width:370px;
height:60px;
background:url(../gfx/dodatki/headers/okruchy.jpg) no-repeat;
}


span.newsPerfo {
font-size:12px;
width:530px;
float:left;
margin:20px 0 0 0;
}

h3.Hperfo {
float:left;
width:550px;
margin:0;
font-size:24px;
color:#f74c4c;
}

.PentrySummary
{
display:block;
position:relative;
clear:both;
}

div.PentrySummary, p.PentryDetailed {
float:left;
width:550px;
margin:8px 0 0 0;
padding-bottom:12px;
}

p.PentryDetailed {
margin:12px 0 10px 0;
}

span.morePerfo a{
padding:2px 4px 2px 4px;
background:#000000;
color:#fff;
cursor:pointer;
float:left;
text-decoration:none;
margin:0 0 20px 0;
}

span.morePerfo a:hover {
background:#f74c4c;
}

/********** PRAWA CZĘŚĆ ************/
/****************** Kolumna z newsami **********************/

div#newsColumn {
float:right;
width:420px;
margin:110px 0 0 0;
}

h2.Hconowego {
text-indent:-4000px;
background:url(../gfx/dodatki/headers/conowego.png) no-repeat;
margin:0;
width:414px;
height:44px;
}

span.newsDate {
font-size:12px;
width:420px;
float:left;
margin:20px 0 0 0;
}

div#newsColumn h3 {
font-size:18px;
margin:0 0 8px 0;
color:#f74c4c;
float:left;
}

div#newsColumn h3 a {
color:#f74c4c;
}

div#newsColumn p {
margin:0 0 6px 0;
line-height:18px;
float:left;
width:400px;
}

span.moreLink a{
padding:2px 4px 2px 4px;
background:#000000;
color:#fff;
cursor:pointer;
clear:left;
float:left;
text-decoration:none;
}
span.moreLink a:hover {
background:#f74c4c;
}

div.newsEnding {
clear:left;
float:left;
width:400px;
margin:6px 0 6px 0;
padding:4px 0 4px 0;
border-top:1px solid #000;
}
div.newsEnding p {
margin:0 0 10px 0;
}


/**** subpage ****/

div#additColumn {
float:right;
width:350px;
margin:110px 0 0 0;
}

div#additColumn h2.Hzerknij {
width:342px;
height:44px;
background:url(../gfx/dodatki/headers/zerknij.png) 0 0 no-repeat;
margin:0 0 8px 0;
text-indent:-4000px;
}

p.photosGal {
margin:4px 0 2px 0;
}
div#additColumn img {
border:4px solid #000;
margin:0 10px 10px 0;
}

h2.Hfriends {
width:342px;
height:44px;
background:url(../gfx/dodatki/headers/linki.png) 0 0 no-repeat;
margin:14px 0 8px 0;
text-indent:-4000px;
}

ul.fiendList {
float:left;
margin:10px 0 10px 16px;
padding:0;
}
ul.fiendList li{
list-style:square;
padding:0;
margin: 0;
}

/***************************************************** STOPKA **********************************************************/
div#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
/**background:url(../gfx/tla/footer_bg.jpg) center no-repeat;**/
margin:50px 0 0 0;
height:62px;
}

div#footerContainer {
width:950px;
margin:0 auto;
}

div#footerContainer h2 {
width:282px;
height:37px;
margin:14px 0 0 0;
display:block;
float:left;
}
div#footerContainer h2 a {
background:url(../gfx/dodatki/footerLogo.jpg) no-repeat;
text-indent:-6000px;
width:282px;
height:37px;
display:block;
cursor:pointer;
}

ul#footerMenu {
float:right;
margin:22px 0 0 0;
}
ul#footerMenu li {
list-style:none;
float:left;
display:inline;
margin-right:4px;
}
ul#footerMenu li a {
text-transform:uppercase;
color:#000;
text-decoration:none;
}
ul#footerMenu li a:hover {
color:#f74c4c;
}