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

body {
background:#340042;
font-family:'Tahoma', Arial, sans-serif;
font-size:12px;
color:#acacac;
}

/********

USTAWIENIA OGÓLNE

*********************/
a {
color:#fca600;
}
a:hover {
color:#ffc24b;
text-decoration:none;
}
a.buttonRight {
float:right;
width:auto;
display:block;
margin:0;
}

p, ul li {
line-height:19px;
}

p {
margin:0 0 16px 0;
}

span.grey {
color:#acacac;
}
span.white {
color:#fff;
}

h2, h3 {
font-weight:normal;
}
h4 {
color:#fff; font-weight:bold; margin:16px 0 10px 0;	
}
hr {
background:url(../images/layout_1/tla/hrBackground.jpg) no-repeat;
height:2px;
border:none;
padding:20px 0 0px 0;
margin:0;
float:left;
width:590px;
}

span.colorLightGray {
color:#d7d7d7;
}
/********

1. GŁÓWNY KONTENER

*********************/
div#mpPrimeContainer, div#subPrimeContainer {
width:100%;
background:url(../images/layout_1/tla/mainpage_bg.jpg) top center no-repeat;
float:left;
}
div#subPrimeContainer {
background:url(../images/layout_1/tla/subpage_bg.jpg) top center no-repeat;
}

div.centerMe {
width:960px;
margin:0 auto;
}

/********

2. TOP

*********************/

h1, div#subPrimeContainer h1 {
width:287px;
height:80px;
display:block;
float:left;
font-size:14px;
}
h1 a, div#subPrimeContainer h1 a {
width:287px;
height:80px;
display:block;
position:relative;
float:left;
text-indent:-5000px;
}
h1 a span, div#subPrimeContainer h1 a span {
width:287px;
height:80px;
display:block;
position:absolute;
background:url(../images/layout_1/dodatki/logo.png) no-repeat;
cursor:pointer;
}



ul#mainmenu {
float:right;
width:auto;
}
ul#mainmenu li {
float:left;
display:inline;
list-style:none;
margin-right:10px;
}
ul#mainmenu li a {
height:67px;
display:block;
cursor:pointer;
text-indent:-5000px;
}
li.start a {
width:66px; background:url(../images/layout_1/menu/start.png) 0 0 no-repeat;
}
li.onas a {
width:64px; background:url(../images/layout_1/menu/onas.png) 0 0 no-repeat;
}
li.oferta a {
width:73px; background:url(../images/layout_1/menu/oferta.png) 0 0 no-repeat;
}
li.realizacje a {
width:95px; background:url(../images/layout_1/menu/realizacje.png) 0 0 no-repeat;
}
li.blog a {
width:59px; background:url(../images/layout_1/menu/blog.png) 0 0 no-repeat;
}
li.kontakt a {
width:83px; background:url(../images/layout_1/menu/kontakt.png) 0 0 no-repeat;
}

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

div#introText {
clear:left;
float:left;
width:379px;
margin:210px 0 0 0;
padding-left:15px;
}

div#introText p {
font-size:16px;
color:#fff;
line-height:24px;
margin:0 0 20px 0;
}
div#introText ul {
float:left;
width:auto;
}
div#introText ul li {
float:left;
display:inline;
list-style:none;
margin-right:25px;
}
div#introText ul li a {
width:117px;
height:36px;
display:block;
cursor:pointer;
text-indent:-5000px;
}
div#introText ul li.buttonOffer a{
background:url(../images/layout_1/dodatki/button_noferta.png) 0 0 no-repeat;
}
div#introText ul li.buttonAbout a{
background:url(../images/layout_1/dodatki/button_onas.png) 0 0 no-repeat;
}
div#introText ul li a:hover {
background-position:0 -36px;	
}
/********

2.1 SLIDER REALIZACJI

*********************/

div#sliderBox {
float:right;
width:518px;
height:283px;
position:relative;
margin:65px 10px 0 0;
display:inline;
}

ul#sliderContainer {
width:518px;
height:283px;
overflow:hidden;
float:left;
margin:0; padding:0;
}
ul#sliderContainer li {
list-style:none;
float:left;
display:inline;
}
ul#sliderContainer li a {
width:518px;
height:283px;
display:block;
}

ul#sliderNavi {
width:139px;
height:26px;
position:absolute;
z-index:60;
bottom:0;
left:184px;
background:url(../images/layout_1/tla/naviSlider_bg.png) no-repeat;
padding:2px 0 0 11px;
}
ul#sliderNavi li {
float:left;
display:inline;
list-style:none;
}
ul#sliderNavi li a {
width:64px;
height:26px;
display:block;
text-indent:-5000px;
}
ul#sliderNavi li a.prev {
background:url(../images/layout_1/tla/naviSliderLeftButton_bg.png) 0 0 no-repeat;
}
ul#sliderNavi li a.next {
background:url(../images/layout_1/tla/naviSliderRightButton_bg.png) 0 0 no-repeat;
}
ul#sliderNavi li a:hover {
background-position:0 -26px;
}

/********

3 TREŚĆ GŁÓWNA

*********************/
div#pageContent {
float:left;
width:960px;
margin:180px 0 0 0;
}

/****** 3.1 SIDEBAR głównej strony i podstrony********/
div#mp_sidebar {
float:left;
width:320px;
}

div#socialBox {
float:left; width:320px;	
}
div#socialBox p {
float:left; width:320px; padding-bottom:20px;
}

div#socialBox iframe {
float:left; width:140px;	
}

div#aktualnosciBox, div#sideBarAccordion {
width:320px;
float:left;
margin:0 0 20px 0;
}

div#sideBarAccordion {
width:336px;
}

div#aktualnosciBox h3, div#sideBarAccordion h3{
width:308px;
padding:8px 6px 8px 6px;
background:#24012d;
font-size:12px;
cursor:pointer;
margin:0 0 8px 0;
font-weight:normal;
color:#fcf495;
}

div#sideBarAccordion h3 {
width:324px;
}

div#aktualnosciBox h3 span.newsDate {
font-size:12px;
color:#e5e5e5;
padding-right:6px;
}

div#aktualnosciBox h3.selected, div#sideBarAccordion h3.selected {
background:#4c015f;
color:#fff;
}

div#aktualnosciBox div, div#sideBarAccordion div {
margin:0;
padding:0;
width:320px;
}
div#sideBarAccordion div {
width:336px;
}

div#aktualnosciBox div p, div#sideBarAccordion div p{
width:308px;
padding:6px;
margin:0;
float:none;
}
div#sideBarAccordion div p {
width:324px;
}

div#aktualnosciBox div p:last-child, div#sideBarAccordion div p:last-child{
padding:6px 6px 12px 6px;
}

/****** 3.2 Główna treść strony głównej ********/
div#mp_mainContent {
float:right;
width:595px;
}

div#tabsContainer, div#tabsContainer div {
width:595px;
float:left;
}

ul#tabsMenu {
float:left;
width:auto;
}
ul#tabsMenu li {
float:left;
display:inline;
list-style:none;
margin-left:16px;
}
ul#tabsMenu li a {
width:50px;
height:48px;
display:block;
text-indent:-5000px;
}

li.tm01 a {
background:url(../images/layout_1/dodatki/taby/01.jpg) 0 0 no-repeat;
}
li.tm02 a {
background:url(../images/layout_1/dodatki/taby/02.jpg) 0 0 no-repeat;
}
li.tm03 a {
background:url(../images/layout_1/dodatki/taby/03.jpg) 0 0 no-repeat;
}
li.tm04 a {
background:url(../images/layout_1/dodatki/taby/04.jpg) 0 0 no-repeat;
}
li.tm05 a {
background:url(../images/layout_1/dodatki/taby/05.jpg) 0 0 no-repeat;
}
li.tm06 a {
background:url(../images/layout_1/dodatki/taby/06.jpg) 0 0 no-repeat;
}
li.tm07 a {
background:url(../images/layout_1/dodatki/taby/07.jpg) 0 0 no-repeat;
}

ul#tabsMenu li a:hover, ul#tabsMenu li a.tabActive {
background-position:0 -48px;
}

div#tabsContainer div {
background:#19001e;
padding:18px;
width:559px;
}
div#tabsContainer div p {
float:left;
width:292px;
margin:0;
}

div#tabsContainer div ul {
float:right;
width:240px;
}

div#tabsContainer div ul li {
list-style:none;
background:url(../images/layout_1/dodatki/listicon_tick.png) 0 4px no-repeat;
margin-bottom:6px;
line-height:18px;
padding:0 0 6px 24px;
min-width: 100px;
min-height: 15px;
}
div#tabsContainer div ul li a {
float: left;
}
div#tabsContainer div ul li.wellMake {
background: none;
padding:0 0 6px 0;
font-weight:bold;
color:#fff;
}





div#throphies {
float:left; 
width:595px; 
margin:20px 0 0 0; 
background:url(../images/layout_1/tla/trophyShelf.jpg) 0 136px no-repeat;
position:relative;
}
div#throphies ul {
clear:left; float:left; width:595px; margin:16px 0 20px 0;	
}
div#throphies ul li {
list-style:none;
float:left; display:inline;	 margin-left:36px;
}


/********

PODSTRONY

*********************/

/**** Główna treść ***/

div#sp_mainContent, div.spContent, div.spContent_flame, div.folioItem {
float:left;
width:590px;
}

div.spContent_flame {
background:url(../images/layout_1/tla/flame_bg.jpg) 0 30px no-repeat;
position:relative;
height:400px;
}

/**** SLIDEOUTS ****/
.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0;
	background-color:#111;
	font-size:12px;
	color:white;
	overflow:hidden;
	height:22px;
}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:22px; }

.tipTitle{
	float:left;
	font-size:12px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:5px;
}

.tipIcon{
	width:20px;
	height:20px;
	float:left;
	background-color:#61b035;
	border:1px solid #70c244;
	margin-right:8px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }
.violet .tipIcon{ background-color:#57066b; border:1px solid #710c8a; }

.plusIcon{
	/* The plus icon */
	width:13px;
	height:13px;
	background:url(../images/layout_1/dodatki/cross.gif) no-repeat center center;
	margin:4px;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }


.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	font-size:12px;
	color:#acacac;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > p{ display:none; }


/**** SLIDEOUTS - koniec ****/

div#sp_mainContent h3 {
float:left;
width:570px;
font-size:16px;
color:#fff;
margin:12px 0 16px 0;
background:url(../images/layout_1/tla/offerCategoryListActive_bg.jpg) 0 6px no-repeat;
padding-left:18px;
}

div#sp_mainContent h3:first-child {
margin-top:0;
}

dl.yellowDotList, ul.yellowDotList {
width:100%;
float:left;
}
ul.yellowDotList {
margin-bottom:16px; 
}

dl.yellowDotList dt {
font-weight:bold;
color:#fff;
background:url(../images/layout_1/tla/yellowDotList_bg.jpg) 0 5px no-repeat;
padding:0 0 0 10px;
margin-bottom:6px;
}
dl.yellowDotList dd, ul.yellowDotList li {
margin:6px 0 12px 0;
padding:0 0 0 10px;
line-height:18px;
list-style: none;
}

ul.yellowDotList li {
background:url(../images/layout_1/tla/yellowDotList_bg.jpg) 0 8px no-repeat;	
}

/**** Główna treść - blog***/
div#sp_blogHolder {
float:left; width:590px;
}
ul#blogEntries, ul#blogEntries li, ul#Searchresult li  {
float:left; width:590px; 
}
ul#blogEntries li, ul#Searchresult li {
list-style:none; margin-bottom:50px;
}
div#sp_blogHolder h2.postTitle {
background:none; padding:0; margin:20px 0 10px 0;
}
div#sp_blogHolder h2 a{
padding:0 0 10px 0; float:left; width:590px; background:none; text-decoration:none; font-size:28px; border-bottom:1px solid #4b2c53; font-family: 'Condensed';
}
div#sp_blogHolder h2 a:hover {
color:#fff;	
}

div#sp_blogHolder div.postMeta {
float:left; width:590px; border-bottom:1px solid #4b2c53; padding-bottom:10px; margin:0 0 0 0;
}
div#sp_blogHolder div.postMeta p {
margin:0; color:#6d6d6d; 	
}
div#sp_blogHolder div.postMeta p.postCat {
float:left; width:400px;	
}
div#sp_blogHolder div.postMeta p.postCat a {
text-decoration:none;	
}
div#sp_blogHolder div.postMeta p.postComCount {
float:right; width:auto;	
}

div.postBox {
float:left; width:590px; margin:15px 0 0 0;
}
div#sp_blogHolder a.postImg {
float:left; width:auto;
}
div#sp_blogHolder a.postImg img {
border:5px solid #18001e; float:left; width:auto;
-moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;	
}
div#sp_blogHolder a.postImg img:hover {
border:5px solid #6c1172;	
}
div#sp_blogHolder div.shortEntry {
float:right; width:350px; margin:0 0 16px 0;	
}
div#sp_blogHolder div.shortEntry a.readMore {
float:left; width:350px; text-align:center; margin:14px 0 0 0; border-top:1px solid #4b2c53; padding:10px 0 0 0; background:url(../images/layout_1/dodatki/postReadMorePointer.gif) top center no-repeat; text-decoration:none;
}
div#sp_blogHolder div.tagBox {
float:left; width:530px; background:#260030; border-bottom:1px solid #18001e; padding:8px 10px 8px 50px; position:relative; margin:10px 0 0 0;
}
div#sp_blogHolder div.tagBox p {
margin:0; padding:0;
}
div#sp_blogHolder div.tagBox a {
text-decoration:none;	
}
div#sp_blogHolder div.tagBox img.tagIcon {
position:absolute; top:-5px; left:10px; z-index:5;	
}

div#pagination {
float:left; width:590px; position:relative; overflow:hidden; margin:30px 0 0 0; padding:16px 0 16px 0; border-top:1px dotted #4b2c53; border-bottom:1px dotted #4b2c53; 
}
div#pagination ul {
clear: left; float: left; position: relative; left: 50%; text-align: center; 
}
div#pagination ul li {
right:50%; position:relative; cursor: pointer; list-style:none; display:inline; float:left;
}
div#pagination ul li a {
 padding:2px 6px 2px 6px; background:#2f003a;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-left:10px; text-decoration:none; float:left;
}
div#pagination ul li a.active {
background:#260030; border:1px solid #4b2c53;
}
div#pagination ul li a.next, div#pagination ul li a.prev {

}
div#pagination ul li a:hover {
-moz-box-shadow:0 0 8px #810a80; -webkit-box-shadow:0 0 8px #810a80; box-shadow:0 0 8px #810a80;
}

/********** BLOG - post ************/
div#post {
float:left; width:590px;	
}
div#post p.shortEntry {
font-weight:bold; color:#d7d7d7;	
}
div#post div.postEntry {
float:left; width:590px; margin:20px 0 0 0;	
}
div#post div.postEntry h3 {
margin:26px 0 16px 0; font-weight:bold; font-size:14px; color:#fff; border-bottom: 1px dashed #4b2c53; padding-bottom:8px;
}
div#post div.postEntry blockquote {
font-size:24px; color:#f9e88c; line-height:32px;	 font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;
}

div#naviBox {
float:left; width:590px; background:#2d0039; border-top:1px dotted #4b2c53; border-bottom:1px dotted #4b2c53; position:relative; padding:20px 0 20px 0;
}
div#naviBox p.prevArt {
float:left; width:200px; margin:0; padding-left:40px; background:url(../images/layout_1/tla/prevArt_bg.jpg) 15px 22px no-repeat; font-size:11px;
-moz-transition:background 0.3s linear; -webkit-transition:background 0.3s linear; -o-transition:background 0.3s linear; transition:background 0.3s linear;
}
div#naviBox p.nextArt {
float:right; width:200px; text-align:right; margin:0; padding-right:40px; background:url(../images/layout_1/tla/nextArt_bg.jpg) 210px 22px no-repeat; font-size:11px;
-moz-transition:background 0.3s ease-out; -webkit-transition:background 0.3s ease-out; -o-transition:background 0.3s ease-out; transition:background 0.3s ease-out;
}
div#naviBox p.prevArt:hover {
background:url(../images/layout_1/tla/prevArt_bg.jpg) 10px 22px  no-repeat;	
}
div#naviBox p.nextArt:hover {
background:url(../images/layout_1/tla/nextArt_bg.jpg) 215px 22px no-repeat;	
}
div#naviBox p a {
text-decoration:none; font-weight:bold; font-size:12px;
}
div#naviBox img.compassIcon {
position:absolute; bottom:-10px; left:50%; margin-left:-39px;	
}

div#comments {
float:left; width:590px; border-top:1px solid #4b2c53; margin:40px 0 0 0;	
}

div#comments ul.commentsSort {
float:right; width:auto; margin:44px 0 0 0;	
}
div#comments ul.commentsSort li {
list-style:none; float:left; display:inline; width:auto; margin-left:10px;	
}
div#comments ul.commentsSort li a {
float:left; width:auto; padding:4px 8px 4px 8px; text-decoration:none; background:#260030; color:#6d6d6d; cursor:pointer;
}
div#comments ul.commentsSort li a:hover, div#comments ul.commentsSort li a.active {
color:#fca600;	
}

ul.commentsList {
float:left; width:590px; margin:20px 0 0 0;
}
ul.commentsList li {
float:left; width:590px;	list-style:none; margin-bottom:20px;
}
ul.commentsList li div.commentMeta {
float:left; width:140px; background:url(../images/layout_1/tla/commentMeta_bg.jpg) 153px 4px no-repeat; text-align:right; padding-right:20px; margin:20px 0 0 0; 
}
ul.commentsList li div.commentMeta p {
font-weight:bold;
}
ul.commentsList li div.MKG p {
font-weight:bold; color:#b768b5;
}
ul.commentsList li div.commentMeta p span {
float:left; width:140px; font-size:11px; margin:0 0 0 0; color:#6d6d6d; font-weight:normal;
}
ul.commentsList li div.commentEntry {
float:right; width:390px; background:#2d0039; padding:20px 20px 4px 20px;	position:relative;
}
ul.commentsList li div.commentEntry  span.counter {
position:absolute; top:0; right:0; background:#260030; font-size:11px; color:#6d6d6d; padding:4px 6px 4px 6px;	
}

form#addComment {
float:left; width:590px; margin:20px 0 40px 0;	
}
form#addComment legend {
font-size:28px; color:#fff; font-family: 'LightCond';
}
form#addComment ul {
width:260px; float:left;	
}
form#addComment ul li {
width:260px; float:left; margin-top:16px; list-style:none;
}
form#addComment ul li label {
width:260px; float:left;	color:#ececec; margin-bottom:5px;
}
form#addComment ul li input {
border:none; background:#2d0039; padding:10px; width:240px; float:left; font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#acacac;
-moz-transition:background 0.3s linear; -webkit-transition:background 0.3s linear; -o-transition:background 0.3s linear; transition:background 0.3s linear;
}
form#addComment ul li input:focus {
background:#410050;	
}
form#addComment textarea {
border:none; background:#2d0039; padding:10px; width:280px; float:right; font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#acacac; margin:40px 0 0 0; height:180px;
}
form#addComment input.submitForm {
clear:both; float:right; width:117px; height:36px; display:block; text-indent:-5000px; background:url(../images/layout_1/dodatki/sendButton.png) 0 0 no-repeat; margin:20px 0 0 0; border:none; cursor:pointer;
}
form#addComment input.submitForm:hover {
background-position:0 -36px;	
}
/********** BLOG - sidebar ************/
ul#categoryList, ul#categoryList li{
float:left; width:336px; 
}
ul#categoryList li {
list-style:none; border-bottom:1px solid #4b2c53; padding:10px 0 10px 0;
}
ul#categoryList li a {
text-decoration:none; background:url(../images/layout_1/dodatki/categoryInactive.gif) 5px 5px  no-repeat; padding-left:20px;
}
ul#categoryList li a:hover, ul#categoryList li a.active {
background:url(../images/layout_1/dodatki/categoryActive.gif) 5px 5px  no-repeat;
}

div#tabsBlog {
float:left; width:336px; margin:30px 0 0 0;	
}
ul#btMenu {
float:left; width:336px;	
}
ul#btMenu li {
list-style:none; float:left; width:auto; display:inline;	
}
ul#btMenu li a {
float:left; width:auto; padding:14px 16px 14px 16px; text-decoration:none; color:#acacac; font-weight:bold;	
}
ul#btMenu li a:hover {
color:#fff;
}
ul#btMenu li a.tabActive {
color:#fca600; background:#18001e; border-top:1px solid #570a6a;
}
div#tabsBlog div#t01, div#tabsBlog div#t02, div#tabsBlog div#t03 {
float:left; width:296px; background:#18001e; border-bottom:2px solid #fca600; padding:20px;	
}
div#tabsBlog div.miniPostBox {
float:left; width:296px; border-bottom:1px solid #2b0335; padding-bottom:10px; margin-bottom:10px;
}
div#tabsBlog div.miniPostBox a.postImg {
float:left; width:70px;	
}
div#tabsBlog div.miniPostBox a.postImg img {
opacity:1;
-moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;
}
div#tabsBlog div.miniPostBox a.postImg:hover img {
opacity:0.7;	
}
div#tabsBlog div.miniPostMeta {
float:right; width:200px;
}
div#tabsBlog div.miniPostMeta p {
margin:8px 0 0 0; font-size:11px; color:#6d6d6d;
}

div#tabsBlog ul.yearList {
float:left; width:296px;	border-bottom:1px solid #2b0335; padding-bottom:10px; margin-bottom:10px;
}
div#tabsBlog ul.yearList li {
list-style:none; float:left; width:auto; margin-left:10px; display:inline;
}
div#tabsBlog ul.yearList li.year {
margin-left:0; font-weight:bold;	
}
div#t03 a{
float:left; width:auto; display:inline; margin:0 5px 5px 0; text-decoration:none;   vertical-align: baseline; line-height:20px;
}
div#t03 a.lev05 {
font-size:16px; font-weight:bold;	
}
div#t03 a.lev04 {
font-size:14px; 	
}
div#t03 a.lev03 {
font-size:12px;	
}
div#t03 a.lev02 {
font-size:11px; color:#d18a00;	
}
div#t03 a.lev01 {
font-size:10px; color:#916002;	
}
div#t03 a:hover {
color:#ffc24b;
}

div#fbLink {
width:336px; height:177px; display:block; background:url(../images/layout_1/dodatki/fbLikeUs.jpg) 0 0 no-repeat; margin:40px 0 0 0; float:left;
}
div#fbLink a {
width:336px; height:100px; float:left; text-indent:-5000px;	
}
div#fbLink iframe {
float:left; margin:0px 0 0 9px;	
}
div#fbLink:hover {
background-position:0 -177px;	
}

/************* NOWE PORTFOLIO ***************/

/***** Listing *****/
div#sp_folioHolder {
float:left; width:960px;
}

ul#categorySelect {
float:right; width:800px;  padding-bottom:6px; margin:39px 0 0 0;
}
ul#categorySelect li {
float:left; width:auto; list-style:none; margin-left:20px;
}
ul#categorySelect li a {
font-size:24px; text-decoration:none; padding:6px 12px 6px 12px; background:#260030; color:#6d6d6d; font-family:'LightCond';
}
ul#categorySelect li a:hover {
color:#fff;	
}
ul#categorySelect li a.active {
border-bottom:1px solid #fca600; color:#fca600; background:none;
}


#container{
	display:block;
	overflow:hidden;
	width: 980px;
	margin:0 auto 40px auto;
}

#container li{
	float: left;
	list-style: none outside none;
	position: relative;
	width:225px; 
	background:#350042; 
	height:260px; 
	margin:0 20px 20px 0;
}

#container li:hover{
background:#24012d;
-moz-box-shadow:0 0 10px #1c0621; -webkit-box-shadow:0 0 10px #1c0621; box-shadow:0 0 10px #1c0621;
}

#container ul{
	overflow:hidden;
}

#container ul.hidden{
	display:none;
}

#container li a.miniPhoto {
width:215px; background:#24012d; padding:5px; float:left; display:block; opacity:1;
-moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear;
}

#container li a.miniPhoto img {
display:block; 
}
#container li a.miniPhoto:hover {
opacity:0.7; 
}

ul#projectCatalog {
float:left; width:980px; margin:20px 0 0 0;
}
ul#projectCatalog h3 {
float:left; width:215px; margin:10px 0 0 5px; display:inline;
}
ul#projectCatalog h3 a {
text-decoration:none;	 font-size:12px; font-weight:bold; border-bottom:1px dashed #4b2c53; padding-bottom:4px; float:left;
}
ul#projectCatalog span.proCategory {
float:left; width:215px; font-size:11px; color:#6f6f6f; margin:0 0 0 5px; padding:0;	
}
ul#projectCatalog p {
margin:8px 0 8px 5px; float:left; width:215px;	
}
ul#projectCatalog a.readMore {
float:right; width:auto; background:url(../images/layout_1/tla/yellowTriangle_bg.gif) 0 8px no-repeat; padding:0 0 0 8px; cursor:pointer; position:absolute; bottom:5px; right:5px;
}


/***** Projekt *****/
div#sp_folioHolder h2 span {
color:#5c5c5c; font-size:24px;	
}
div#sp_folioHolder a.returnLink {
float:right; width:auto; margin:56px 0 0 0; text-decoration:none; background:url(../images/layout_1/tla/yellowTriangle2_bg.gif) 0 6px no-repeat; padding:0 0 0 10px;
}

div#projectWrapper {
float:left; width:960px; margin:10px 0 20px 0; position:relative;
}
div#infoColumn {
float:left; width:300px; border-bottom:1px dotted #4b2c53; padding-bottom:20px; 
}
div#infoColumn p.workDate {
padding:6px; background:#18001e; float:left; font-size:11px; margin:0;
}
div#infoColumn p.workDate span {
font-size:12px;	
}
div#infoColumn h3 {
color:#f7e68a; font-size:28px; float:left; width:300px; margin:30px 0 10px 0; font-family:'LightCond';
}
div#infoColumn div.workAbout {
float:left; width:300px; line-height:18px;	
}
div#infoColumn ul.taskList {
float:left; width:300px;	
}
div#infoColumn ul.taskList li {
float:left; width:300px;	background:url(../images/layout_1/dodatki/listicon_tick.png) 0 3px no-repeat; padding:0 0 0 30px; margin:0 0 6px 0; list-style:none;
}
div#infoColumn a.seeOnlineLink {
clear:both; float:left; width:auto;	
}

div#pictColumn {
float:right; width:600px; position:relative;
}
div#pictColumn p.pauseInfo {
width:100px; font-size:11px;	background:#24012d; color:#acacac; padding:6px; text-align:center; position:absolute; z-index:20; top:0; left:50%; margin-left:-53px; opacity:0; display:none;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
-moz-box-shadow:0 0 10px #1c0621; -webkit-box-shadow:0 0 10px #1c0621; box-shadow:0 0 10px #1c0621;
}
div#pictColumn a.proPrev {
width:30px; height:30px; display:block; background:url(../images/layout_1/dodatki/proPrev.png) 0 0 no-repeat; text-indent:-5000px; position:absolute; top:15px; left:-15px; z-index:10;
}
div#pictColumn a.proNext {
width:30px; height:30px; display:block; background:url(../images/layout_1/dodatki/proNext.png) 0 0 no-repeat; text-indent:-5000px; position:absolute; top:15px; right:-15px; z-index:10;
}
div#pictColumn ul li img {
border:5px solid #24012d;	
}
div#pictColumn a.proPrev:hover, div#pictColumn a.proNext:hover {
background-position:0 -30px;	
}
/**** Główna treść - portfolio ***/
div.folioItem {
margin-bottom:40px;
}

div.folioPhoto {
width:574px;
height:205px;
float:left;
position:relative;
padding:6px;
background:#24012d;
}
div.folioPhoto img {
width:574px;
height:205px;
display:block;
}
div.folioPhoto p {
position:absolute;
bottom:6px;
left:6px;
width:562px;
background:url(../images/layout_1/tla/folioDesc_bg.png) repeat;
margin:0;
padding:8px 6px 8px 6px;
z-index:40;
}
div.folioPhoto p a.scrollMore, div.folioPhoto p a.scrollMore1, div.folioPhoto p a.scrollMoreActive, div.folioPhoto p a.resizeMe {
width:80px;
height:19px;
display:block;
background:url(../images/layout_1/dodatki/scrollMore.png) right no-repeat;
cursor:pointer;
position:absolute;
bottom:6px;
right:6px;
z-index:60;
color:#acacac;
text-decoration:none;
}


div.folioPhoto p a.scrollMoreActive {
background:url(../images/layout_1/dodatki/scrollMoreActive.png) right no-repeat; 
color:#ffc24b;
}

div.folioDetails, div.folioDetails {
width:574px;
float:left;
padding:0 6px 6px 6px;
background:#24012d;
display:none;
}


div#sp_mainContent div.folioDetails div.fD_left {
width:294px;
float:left;
padding-left:6px;
}
div#sp_mainContent div.folioDetails div.fD_right{
width:240px;
float:right;
padding:0;
}

div#sp_mainContent div.folioDetails div h3 {
font-size:12px;
color:#fff;
font-weight:bold;
background:none;
padding:6px 0 0 0;
}

div#sp_mainContent div.folioDetails p {
width:294px;
float:left;
}
div#sp_mainContent div.folioDetails p:last-child {
margin-bottom:6px;
}

div#sp_mainContent div.folioDetails div.fD_right ul {
float:left;
width:auto;
}
div#sp_mainContent  div.folioDetails div.fD_right ul li{
list-style:none;
background:url(../images/layout_1/dodatki/listicon_tick.png) 0 3px no-repeat;
padding:0 0 4px 24px;
margin-bottom:6px;
}

div#sp_mainContent a.semLink {
width:574px; display:block; height:200px; background:url(../images/layout_1/dodatki/sem01.jpg) 0 0 no-repeat; text-indent: -5000px; border:6px solid #24012d; float:left; margin-bottom:16px;
}
div#sp_mainContent a.semLink:hover {
background-position: 0 -200px;	
}

div#sp_mainContent a.showMore {
float:left; width:586px; height:29px; background:url(../images/layout_1/dodatki/showMore.jpg) 0 0 no-repeat; display:block; text-indent:-5000px; margin:10px 0 10px 0;	
}
div#sp_mainContent a.showMore:hover {
background-position:0 -29px;	
}

/************* Kontakt - formularze *********************/
ul#formSwitcher {
float:left;
width:auto;
margin:10px 0 0 0;
}
ul#formSwitcher li {
float:left;
display:inline;
list-style:none;
margin:0 0 0 12px;
}
ul#formSwitcher li a {
height:45px;
float:left;
display:block;
text-indent:-5000px;
}

li.f01 a{
background:url(../images/layout_1/dodatki/form01switch.jpg) 0 0 no-repeat; width:131px;
}
li.f02 a{
background:url(../images/layout_1/dodatki/form02switch.jpg) 0 0 no-repeat; width:241px;
}

ul#formSwitcher li a:hover {
background-position:0 -45px;
}
ul#formSwitcher li a.active {
background-position:0 -90px;
}

div#sp_mainContent fieldset {
width:560px;
float:left;
padding:12px;
background:#25012d;
}
div#sp_mainContent fieldset legend {
display:none;
}
div#sp_mainContent fieldset div {
width:560px;
float:left;
}

div#sp_mainContent fieldset label, div#sp_mainContent fieldset input, div#sp_mainContent fieldset textarea, div#sp_mainContent fieldset select {
float:left;
width:125px;
padding:6px 0 6px 0;
margin:10px 12px 10px 0;
text-align:right;
font-family:'Tahoma', Arial, sans-serif;
}

div#sp_mainContent fieldset label.header {
width: 560px;
font-size:14px;
color:#fff;
text-align: left;
margin:10px 0 16px 0; padding:0;
}


div#sp_mainContent fieldset label.checkBoxDesc {
width:160px;
height:50px;
line-height:18px;
float: left;
text-align: left;
margin:0 8px 0 0; padding:0;
vertical-align: middle;
}
div#sp_mainContent fieldset label.checkBoxDesc:hover {
color:#fff;
}
div#sp_mainContent fieldset label.checkBoxDesc input {
width:16px;
height:16px;
border:0;
float: left;
color:#fff;
margin: 2px 10px 0 0;
background: none;
}

div#sp_mainContent fieldset input, div#sp_mainContent fieldset textarea, div#sp_mainContent fieldset select {
width:384px;
background:#410050; 
text-align:left;
border:none;
padding:6px;
float:left;
color:#c8c8c8;
}

div#sp_mainContent fieldset textarea {
height:140px; 
}

div#sp_mainContent fieldset input:focus, div#sp_mainContent fieldset textarea:focus {
background:#4c0160;
}

div#sp_mainContent fieldset .req {
background:url(../images/layout_1/dodatki/req_bg.png) center left no-repeat;
}
div#sp_mainContent fieldset .req:focus {
background:url(../images/layout_1/dodatki/req_bg.png) center left no-repeat;
}

div#sp_mainContent fieldset input.submit, div#sp_mainContent fieldset a.nextForm, div#sp_mainContent fieldset a.prevForm {
width:117px;
height:36px;
display:block;
border:none;
background:url(../images/layout_1/dodatki/formButtons.jpg) 0 0 no-repeat;
cursor:pointer;
float:right;
margin-right:26px;
display:inline;
}
div#sp_mainContent fieldset a.nextForm {
background-position:0 -36px;
text-indent:-5000px;
margin-top:14px;
}
div#sp_mainContent fieldset a.prevForm {
float:left;
margin:14px 0 0 136px;
background-position:0 -72px;
text-indent:-5000px;
}

ul#progressBar {
float:left;
width:auto;
margin-bottom:20px;
}
ul#progressBar li {
float:left;
display:inline;
list-style:none;
margin:0 8px 0 0; padding:0;
}
ul#progressBar li:last-child {
margin:0;
}

ul#progressBar li a {
display:block;
height:25px;
color:#acacac;
text-decoration:none;
padding-top:6px;
}

ul#progressBar li.lev01 a {
background:url(../images/layout_1/dodatki/progressIcon/lev01.jpg) 0 0 no-repeat; width:127px; color:#fff; padding-left:10px;
}
ul#progressBar li.lev02 a {
background:url(../images/layout_1/dodatki/progressIcon/lev02.jpg) 0 0 no-repeat; width:151px; padding-left:16px;
}
ul#progressBar li.lev03 a {
background:url(../images/layout_1/dodatki/progressIcon/lev03.jpg) 0 0 no-repeat; width:97px; padding-left:16px;
}
ul#progressBar li.lev04 a {
background:url(../images/layout_1/dodatki/progressIcon/lev04.jpg) 0 0 no-repeat; width:93px; padding-left:16px;
}

ul#progressBar li a.active {
color:#fff;
background-position:0 -31px;
}

/**** Boczny pasek ***/

div#sp_sidebar {
float:right;
width:336px;
background:url(../images/layout_1/tla/spMainContent_bg.jpg) 0 40px no-repeat;
padding-left:21px;
}

div#sp_sidebar p, div#sp_sidebar address {
width:336px;
float:left;
}
div#sp_sidebar address {
font-style: normal; line-height: 18px; margin: 0 0 16px 0;	
}
div#sp_sidebar ul.sb_contactLinks, div#sp_sidebar dl {
width:336px;
float:left;
}
div#sp_sidebar ul.sb_contactLinks li {
list-style:none;
width:138px;
padding:2px 0 0 30px;
margin:0 0 14px 0;
float:left;
display:inline;
background:url(../images/layout_1/dodatki/qContactSprite.jpg) 0 0 no-repeat;
height:21px;
}

div#sp_sidebar ul.sb_contactLinks li.qc_mail  {
background-position:0 -23px;
unicode-bidi:bidi-override;
direction: rtl;
text-align: left;
}

div#sp_sidebar ul.sb_contactLinks li.qc_gg {
background-position:0 -46px;
}
div#sp_sidebar ul.sb_contactLinks li.qc_skype {
background-position:0 -69px;
}

div#sp_sidebar dl, dl.yellowDotList {
margin-bottom:20px;
}

div#sp_sidebar dl dt a{
font-size:16px;
color:#fff;
background:url(../images/layout_1/tla/offerCategoryList_bg.jpg) 9px 11px no-repeat #410151;
padding:6px 13px 6px 27px;
margin:0 0 8px 0;
float:left;
width:295px;
text-decoration:none;
}

div#sp_sidebar dl dt a.active, div#sp_sidebar dl dt a:hover {
background:url(../images/layout_1/tla/offerCategoryList_bg.jpg) 9px 11px no-repeat #4c015f;
}

div#sp_sidebar dl dt a.active {
color:#ffd700;
background:url(../images/layout_1/tla/offerCategoryListActive_bg.jpg) 9px 11px no-repeat #4c015f;
margin:0 0 18px 0;
}

div#sp_sidebar dl dd a{
color:#acacac;
text-decoration:none;
background:url(../images/layout_1/tla/offerList_bg.jpg) 0 0px no-repeat;
float:left;
width:100%;
margin:0 0 12px 0;
padding:0 0 0 28px;
font-size:14px;
height:20px;
}

div#sp_sidebar dl dd a:hover, div#sp_sidebar dl dd a.active {
color:#fff;
}
div#sp_sidebar dl dd a.active {
background-position:0 -20px;
}

.inverseMail {
unicode-bidi:bidi-override;
direction: rtl;
text-align: left;	
}

/********

4 PASEK INFORMACYJNY

*********************/

div#infoBelt {
float:left;
width:100%;
background:url(../images/layout_1/tla/lowerbelt_bg.jpg) top left repeat-x #19001e;
padding:70px 0 20px 0;
}

/**** 4.1 Ostatnio na blogu ****/

div.infoBox01 {
float:left;
width:320px;
}

div.infoBox01 h3 a {
font-size:14px; float:left; width:320px; margin:0 0 4px 0;
}
div.infoBox01 span.postMeta {
float:left; font-size:11px; width:320px; margin:0 0 10px 0; color:#6b6b6b;	
}
div.infoBox01 p {
float:left; width:320px; 
}
div.infoBox01 a.buttonRight {
width:117px; height:36px; display:block; text-indent:-5000px; background: url(../images/layout_1/dodatki/button_blogmore.png) 0 0 no-repeat;
}
div.infoBox01 a.buttonRight:hover {
background-position:0 -36px;	
}

/**** 4.2 Ostatnio na blogu ****/
div.infoBox02, div.infoBox02 div{
width:307px;
float:left;
margin:0 0 0 40px;
position:relative;
}

div.infoBox02 a.refPrev, div.infoBox02 a.refNext {
position:absolute; top:36px; width:19px; height:19px; display:block; text-indent:-5000px; z-index:5; cursor:pointer;
}
div.infoBox02 a.refPrev {
right:21px; background: url(../images/layout_1/dodatki/referencesNavLeft.jpg) 0 0 no-repeat;
}
div.infoBox02 a.refNext {
right:0; background: url(../images/layout_1/dodatki/referencesNavRight.jpg) 0 0 no-repeat;	
}

div.infoBox02 a.refPrev:hover, div.infoBox02 a.refNext:hover {
background-position:0 -19px;
}

div.infoBox02 div {
margin:0;
}
div.infoBox02 div p {
background:url(../images/layout_1/dodatki/quote_bg.jpg) top left no-repeat;
padding:12px 0 4px 0;
text-indent:40px;
}
div.infoBox02 div p.refAuthor {
text-align:right;
width:307px;
background:none;
padding:0;
text-indent:0;
color:#e2cee9;
}
div.infoBox02 div p.refAuthor a img {
float:left;
width:auto;
}

/******** 4.3 Społecznościowe linki ********/
div.infoBox03, div.infoBox03 div  {
float:right;
width:250px;
}

/********

5. STOPA

*********************/

p.validators, p.footerInfo {
margin:16px 0 16px 0;
float:left;
width:360px;
}

p.footerInfo {
float:right;
width:auto;
}
p#backTop {
position:fixed; 
z-index:5;
bottom: 0;
right:0;
clear: both;	
}
p#backTop a {
background:url(../images/layout_1/dodatki/goTopIcon.png) top center no-repeat;
color:#6b6b6b; text-decoration:none;
float:left; width:60px; text-align:center; padding:17px 0 0 0; font-size:11px;
}
p#backTop a:hover {
color:#fff;	
}
/********

6. MKGNetwork

*********************/
a.mkgLink {
clear:right;
float:right;
width:165px;
display:block;
margin:10px 0 -2px 0; padding:0;
}

div#mkgNetwork {
float:left;
width:100%;
background:#000;
margin:0; padding:0;
display:block;
}


/********

WALIDACJA - formularz kontaktowy

*********************/

div#sp_mainContent form h4 {
margin:0 0 8px 0;
	
}
ul#errorList {
float:left; width:550px; margin:0 0 8px 0; padding:0;	
}
ul#errorList li {
list-style:none; background:url(../images/layout_1/dodatki/errorIcon.jpg) 0 2px no-repeat; margin-bottom:6px; padding-left:24px;
}
/********

CUFON - style dla czcionek

*********************/

h2, h2.infoBelt, h2.slogan {
color:#fff;
font-size:36px;
background:#100114;
float:left;
width:auto;
padding:4px 6px 4px 6px;
margin:20px 0 16px 0;
font-family: 'LightCond';
}

h2.infoBelt {
background:#4c015f;
font-family: 'LightCond';
}

h2.slogan {
background:none;
width:960px;
margin:60px 0 0 0;
font-family: 'LightCond';
text-shadow:1px 1px 0 #17031b;
}

h3.tabHeader {
font-size:30px;
color:#fff;
margin:0 0 16px 0;
font-family: 'LightCond';
}

/********

IE noSupport + noJavaScript

*********************/

div#ieContainer {
display:none;
}
noscript {
display:block;
float:left;
width:100%;
background:#2e0d35;
}
noscript p{
margin:0;
padding:10px 0 10px 0;
text-align:center;
}
div#notReady {
background:url(../images/layout_1/dodatki/notReady.png) 0 0 no-repeat; width: 376px; height:127px; display:block;
}
div#notReady p {
float:right; width:250px; margin: 58px 35px 0 0; color:#636363; line-height: 17px;
}

a#honourableMention {
position:absolute; z-index:500; top:0; right:0; display:block;
}

div#trophyBox {
position:relative; display:block; width:146px; height:147px; top:0px; left:0px; z-index:400;
}

/** Święta ;D **/
div#trophyBox img.jemiolaXmas {
position:absolute; top:-35px; left:-50px; z-index:40;
}

/* Robert*/
div#Searchresult{
	list-style: none;
}
ul.hidden{
	display: none;
}

div#pageContent iframe{
border:none; overflow:hidden; width:450px; height:21px;
}