html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

html,body {
height: 100%;
}

body {
color : #ffffff;
text-align : center;
background-color : #111111;
background-position : top;
background-repeat : repeat-x;
background-image : url(pliki/grafika/bg.gif);
font : normal 13px/14px Verdana, Tahoma, sans-serif;
}

#contener {
width : 960px;
margin : 0 auto;
padding-top : 115px;
}

#bgTop {
top : 0;
left : 0;
width : 100%;
height : 98px;
position : absolute;
background-position : right;
background-repeat : no-repeat;
background-image : url(pliki/grafika/menu.jpg);
}

#bgTop #logo {
width : 558px;
height : 98px;
float : left;
}

#bgFoot {
width : 100%;
height : 70px;
margin : 0 auto;
background-color : #000000;
border-top : 10px solid #2B2A2A;
position : relative;
}

#bgFoot #fb {
top : 15px;
left : 10px;
position : absolute;
width : 450px;
height : 21px;
}

#leftSide {
width : 240px;
float : left;
text-align : left;
}

#rightSide {
width : 710px;
float : right;
text-align : left;
}

#rightSide2 {
width : 240px;
float : right;
text-align : left;
}

#centerSide {
width : 450px;
float : right;
text-align : left;
}

#menu {
width : 600px;
height : 20px;
position : absolute;
top : 50px;
right : 25px;
text-align : right;
}

#menu a:link, #menu a:visited {
text-decoration : none;
padding : 0 3px 0 3px;
font : bold 12px "Trebuchet MS", Helvetica, Sans-Serif;
}

#menu a:hover, #menu a:active {
color : #000000;
padding : 0 3px 0 3px;
text-decoration : none;
background-color : #FFFFFF;
font : bold 12px "Trebuchet MS", Helvetica, Sans-Serif;
}

#menu .active {
color : #000000;
background-color: #FFFFFF;
}

.panelA {
width : 940px;
margin : 0 auto;
margin-bottom : 10px;
background-color : #222222;
border : 10px solid #2B2A2A;
}

.panelA .f {
width : 590px;
height : 290px;
margin : 10px;
float : left;
overflow : hidden;
border : 1px solid #c0c0c0;
}

.panelA .z {
width : 305px;
height : 290px;
float : right;
overflow : hidden;
padding : 10px;
text-align : left;
}

.panelB {
width : 216px;
height : 200px;
float : left;
cursor : pointer;
overflow : hidden;
margin-right : 5px;
margin-bottom : 5px;
text-align : center;
background-color : #222222;
border : 10px solid #2B2A2A;
}

.panelB:hover {
border : 10px solid #373636;
}

.panelB .f {
width : 194px;
height : 130px;
margin : 10px;
float : left;
overflow : hidden;
border : 1px solid #c0c0c0;
}

.panelC {
width : 200px;
margin-bottom : 10px;
background-color : #222222;
border : 10px solid #2B2A2A;
padding : 0px 10px 10px 10px;
}

.panelD {
width : 220px;
margin-bottom : 10px;
background-color : #222222;
border : 10px solid #2B2A2A;
}

.panelD .t {
text-align : left;
font-weight : bold;
margin : 6px 0 5px 5px;
}

.panelD .f {
width : 200px;
height : 110px;
margin : 0 auto;
overflow : hidden;
border : 1px solid #c0c0c0;
}

.panelE {
width : 670px;
height : 150px;
overflow : hidden;
position : relative;
margin-bottom : 10px;
background-color : #222222;
border : 10px solid #2B2A2A;
padding : 0px 10px 10px 10px;
}

.panelE .f {
width : 200px;
height : 133px;
margin : 10px;
float : left;
overflow : hidden;
border : 1px solid #c0c0c0;
}

.panelE .z  {
width : 420px;
float : right;
overflow : hidden;
padding : 10px;
text-align : left;
}

.panelE .w  {
position : absolute;
top : 140px;
left : 625px;
}

.panelF {
width : 670px;
position : relative;
margin-bottom : 10px;
background-color : #222222;
border : 10px solid #2B2A2A;
padding : 0px 10px 10px 10px;
}

.panelF .f {
width : 200px;
height : 133px;
margin : 10px;
float : left;
overflow : hidden;
border : 1px solid #c0c0c0;
}

.panelF .m  {
position : absolute;
top : 12px;
right : 10px;
z-index : 10;
text-align : right;
}

.panelF .m a {
font : normal 11px Verdana, Helvetica, Sans-Serif;
}

.panel1H #video {
margin : 0 auto;
width : 640px;
height : 510px;
border : 1px solid #FFFFFF;
}

.panelG {
width : 420px;
position : relative;
margin-bottom : 10px;
background-color : #222222;
border : 10px solid #2B2A2A;
padding : 0px 10px 10px 10px;
}

.panelH {
width : 900px;
margin : 0 auto;
margin-bottom : 10px;
padding : 10px 20px 10px 20px;
text-align : left;
position : relative;
background-color : #222222;
border : 10px solid #2B2A2A;
}

.panelH .f {
width : 900px;
height : 450px;
margin : 10px 0 10px 0;
border : 1px solid #c0c0c0;
background-color : #2B2A2A;
background-position : center 120px;
background-repeat : no-repeat;
background-image : url(pliki/grafika/load.gif);
}

.panelH .m {
width : 292px;
height : 150px;
float : left;
margin : 3px;
overflow : hidden;
background-color : #2B2A2A;
border : 1px solid #C0C0C0;
}

.panelH .m img, .panelH .m a {
border: none;
}

.panelH .m:hover {
border : 1px solid #ffffff;
}

.panelH .l {
width : 300px;
height : 30px;
position : absolute;
top : 10px;
right : 10px;
text-align : right;
color : #C0C0C0;
font : normal 10px Verdana, Tahoma, Arial;
}

.panelI {
width: 940px;
height: 100px;
background-color : #222222;
border : 10px solid #2B2A2A;
overflow: hidden;
}

.panelI div {
padding-top : 10px;
margin : 0 auto;
}

#rok {
top : 0;
right : 162px;
position : absolute;
z-index : 10;
width : 148px;
height : 19px;
background-color : #ffffff;
}

#rok div {
float : right;
width : 45px;
height : 15px;
margin : 1px;
padding : 1px;
font : bold 10px Tahoma, Verdana Arial;
}

#rok div:hover, #rok .active, #rok div:hover a {
color : #ffffff;
background-color : #222222;
}

#rok a:link, #rok a:visited {
color : #000000;
font : bold 10px Tahoma, Verdana Arial;
}

#rok a:active, #rok a:hover {
color : #ffffff;
font : bold 10px Tahoma, Verdana Arial;
}

.realizacja {
width : 670px;
margin-bottom : 10px;
background-color : #222222;
border : 10px solid #2B2A2A;
padding : 0px 10px 10px 10px;
}

.realizacja .foto {
width : 670px;
height : 335px;
overflow: hidden;
border: 1px solid #FFFFFF;
}

.l {
float : left;
}

.r {
float : right;
}

.c {
clear : both;
}

.liN {
width : 97%;
padding : 3px 0 3px 20px;
text-align : left;
list-style-type : none;
}

.liN:hover {
background-color : #2B2A2A;
}

/* menu sprzet */
.liG {
width : 210px;
padding : 5px 0 5px 10px;
text-align : left;
list-style-type : none;
}

.liG a { 
font-weight : bold;
}

.liR {
width : 200px;
padding : 3px 0 3px 20px;
text-align : left;
list-style-type : none;
}

.liG:hover, .liR:hover {
background-color : #373636;
}

.liRA {
width : 200px;
font-weight : normal;
padding : 3px 0 3px 20px;
text-align : left;
list-style-type : none;
background-color : #373636;
}

.liGA {
width : 210px;
font-weight : bold;
padding : 5px 0 5px 10px;
text-align : left;
list-style-type : none;
background-color : #373636;
}

#bgFoot #s {
width : 990px;
margin : 0 auto;
color : #c0c0c0;
padding-top : 4px;
}

/* naglowki w calosci serwisu */
h1 {
color : #ffffff;
margin : 10px 0 5px 0;
text-decoration : underline;
font : bold 13px/15px Verdana, Tahoma, sans-serif;
}

h2 {
margin : 10px 0 15px 0;
font : bold 23px/20px "Arial CE", Tahoma, sans-serif;
}

h3 {
margin : 0;
font : bold 12px/11px Verdana, Tahoma, sans-serif;
}

h4 {
color : #C0C0C0;
margin : 5px 0 5px 0;
font : normal 10px/10px Verdana, Tahoma, sans-serif;
}

h5 {
color : #ffffff;
margin : 10px 0 10px 10px;
text-decoration : none;
text-align : left;
font : bold 13px/15px Verdana, Tahoma, sans-serif;
}

strong {
color : #ffffff;
font : bold 14px/16px Verdana, Tahoma, sans-serif;
}

small {
color : #f6e8db;
font : normal 9px/11px Verdana, Tahoma, sans-serif;
}

a:link, a:visited {
color: #ffffff;
text-decoration: none;
}

a:hover, a:active {
color: #ffffff;
text-decoration: underline;
}

/* tabela w kontakcie */
.tabela td {
height : 25px;
padding : 2px 0 2px 0;
border-bottom : 1px dotted #373636;
}

input,textarea {
height : 16px;
padding : 1px 2px 1px 2px;
color : #ffffff;
border : 1px solid #373636;
background-color : #2B2A2A;
font : normal 11px Verdana, Helvetica, Sans-Serif;
}

input:hover,textarea:hover,select:hover {
background-color : #373636;
}

select {
height : 18px;
padding : 1px 2px 1px 2px;
color : #ffffff;
border : 1px solid #373636;
background-color : #2B2A2A;
font : normal 11px Verdana, Helvetica, Sans-Serif;
}

option {
padding : 1px 2px 1px 2px;
color : #ffffff;
font : normal 11px Verdana, Helvetica, Sans-Serif;
}

.trueuser {
display : none;
}

.radio {
width : 12px;
border : none;
}

.button {
width : 12px;
height : 20px;
border : none;
cursor : pointer;
background-color : #222222;
background-repeat : no-repeat;
background-image : url(pliki/grafika/button.gif);
}

/* wyniki wyszukiwania i kategorii */
#szukaj {
height : 100px;
margin : 5px;
padding : 5px;
border : 10px solid #2B2A2A;
background-color : #222222;
}

#szukaj div {
width : 155px;
height : 90px;
float : left;
overflow : hidden;
margin-right : 7px;
border : 1px solid #c0c0c0;
background-color : #2B2A2A;
background-repeat : no-repeat; 
background-position : center;
background-image : url(pliki/grafika/load.gif);
}

#szukaj h3 {
padding-bottom : 6px;
padding-top : 2px;
}

/* navigacja miedzy stronami */
#navi {
width : 300px;
margin : 0 auto;
clear : both;
padding-top : 20px;
margin-bottom : 20px;
font: bold 8pt/20px Arial CE, Arial, Helvetica, sans-serif;
}

#navi span {
float : left;
width : 200px;
text-align : center;
}

#navi strong {
float : left;
color : #999999;
}

#navi a {
float : left;
}

#lightbox {	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer> #hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(pliki/grafika/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(pliki/grafika/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




/* bilbord na pierwszej stronie */

#billboard {
width: 100%;
overflow: hidden;
}

#billboard .container {
width : 960px;
margin: 0 auto;
}

#billboard .showcase {
width: 940px;
height: 310px;
margin : 1px;
margin-top: 40px;
background-color : #222222;
border : 10px solid #2B2A2A;
overflow: hidden;
cursor : pointer;
}

#billboard .showcase .f {
width : 590px;
height : 290px;
margin : 10px;
float : left;
overflow : hidden;
border : 1px solid #c0c0c0;
}

#billboard .showcase .z {
width : 300px;
height : 290px;
float : right;
overflow : hidden;
padding : 10px;
text-align : left;
}

#billboard .showcase .text {
height : 205px;
overflow : hidden;
padding-bottom: 10px
}

.hidden {
display: none;
}





#billboard .navigation ul {
float: right;
margin-top : 10px;
list-style: none;
display : none;
}

#billboard .navigation ul li {
width: 10px;
height: 10px;
float: left;
cursor: pointer;
list-style: none;
background-color : #ffffff;
}

#billboard .navigation ul li.active {
background-color : #ff0000;
}

#billboard .navigation ul li.prev {
width: 20px;
height : 10px;
background-color : #C0C0C0;
}

#billboard .navigation ul li.next {
width: 20px;
height : 10px;
background-color : #C0C0C0;
}