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, img, 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, tr, th, td {
 margin:  0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 line-height:1;
 }
 body {line-height: 1;} 
 ol, ul {list-style: none;}
 blockquote, q {quotes: none;}


html, body {
	text-align:center;
}

body {
	background:#fff;
    font-family: 'Exo 2', arial, Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #444;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    font-smoothing: antialiased;
    text-transform: none;
    color: #292323;
    line-height: 1.5em;
}

::-moz-selection {
       background-color: #000;
       color: #fff;
}
::selection {
  background: #000;
  color: #fff;
}


.hide {
	display:none;
}


h1 {
position:relative;
top:0px;
left:0px;
padding:0px;
margin:25px 0px 15px 0px;
width:100%;
max-width:520px;
z-index:301;
overflow:hidden;
background:transparent;
float:left;
}


h1 a {
position:relative;
top:0px;
left:0px;
padding:10px 0px;
margin:0px;
width:100%;
display:block;
overflow:hidden;
text-align:center;
}
 

/*------------------POJEMNIKI----------------------*/
 
.pojemnik {
	width:100%;
	overflow:hidden;
	clear:both;
	
}


#pojemnik-strona {
	min-width:310px;
	z-index:1;
	padding-top:0px !important;
	margin-top:0 !important;
}



/* =====================================================================*/



.kontener {
	width:90%;
	max-width:1400px;
	margin:0 auto;
	position:relative;
}


/*------------------Naglowek----------------------
 * =====================================================================*/
#naglowek {
	position:relative;
	top:0;
	left:0;
	z-index:500;
	width:100%;	
	padding:0;
	margin:0;
}




/*--------------------------baner-------------------------*/

div.baner-glowny {
position:relative;
width:100%;
zoom: 1;
clear:both;
z-index:10;
margin-top:5px;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:solid 1px #eee;
}

div.baner-glowny ul {
position:relative;
top:0px;
left:0;
width:100%;
height:100%;
overflow:hidden;
margin:0;
list-style:none;
z-index:10;
}


div.baner-glowny ul li {
position:relative;
top:0px;
left:0;
width:100%;
height:100%;
overflow:hidden;
text-align: center;
float:left;
margin-right:-100%;
margin-bottom:0;
}

div.baner-glowny ul li a {
position:relative;
top:0px;
left:0;
width:100%;
height:100%;
display:block;
}

div.baner-glowny ul li img {
display:block;
margin:0;
border:0;
}

div.baner-glowny span.strzalki {
position:absolute;
top:50%;
left:100%;
width:60px;
height:60px;
margin-left:-60px;
margin-top:-30px;
overflow:hidden;
z-index:25;
background:#900;
cursor:pointer;
}

div.baner-glowny span.poprzedni {
background:transparent url(../images/arrow_sprite.png) 0px -180px  no-repeat;
margin-left:0px;
left:0px;
}

div.baner-glowny span.kolejny {
background:transparent url(../images/arrow_sprite.png) 0px -240px  no-repeat;
}

div.baner-glowny span.poprzedni:hover {
background:transparent url(../images/arrow_sprite.png) 0px -60px  no-repeat;
}

div.baner-glowny span.kolejny:hover {
background:transparent url(../images/arrow_sprite.png) 0px -120px  no-repeat;
}


/*--------------------------baner maly-------------------------*/
div#baner-maly {
position:relative;
top:0px;
left:0;
width:100%;
text-align:left;
z-index:3;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:solid 1px #eee;
}


ul.baner-maly {
	width:100%;
	height:auto;
	list-style:none;
	position:relative;
	top:0px;
	left:0;
	z-index:3;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

ul.baner-maly li {
	position:relative;
	top:0px;
	left:0;
	width:33.33%;
	float:left;
	text-align:center;
	padding:0px 0px 3px 0px;
	margin:0px 0px 0px 0px;
	background:none;
}

ul.baner-maly li div.img {
	display: block; 
	position:relative;
	top:0px;
	left:0;
	background:transparent;
	text-align:center;
	padding-bottom:0px;
	width:99%;
	margin:0 auto;
	
}

ul.baner-maly li div.img a {
	position:relative;
	display: block;	
	width:100%;
	height:100%;
}

ul.baner-maly li div.img a {
	position:relative;
	display: block;	
	width:100%;
	height:100%;
}


ul.baner-maly li div.img a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	 -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    -ms-transition: all 200ms ease 0s;
    -o-transition: all 200ms ease 0s;
    transition: all 200ms ease 0s;
}

ul.baner-maly li div.img a:hover span {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

ul.baner-maly li div.tytul {
	position:relative;
	top:-5px;
	display:none;
}

ul.baner-maly li div.tytul h2 {
	color:#000;
	text-transform:none;
	padding:5px 0px 10px 0px;
	margin:0;
	font-family:  'Allura', 'Bitstream Charter','Century Schoolbook L','Liberation Serif',Georgia,Times,"Times New Roman", serif;
	font-size:22px;
}


ul.baner-maly li div.tytul h2 a {
	color:#000;
}

ul.baner-maly li div.tytul h2 a:hover {
	color:#666;
	text-decoration:none;
}


/*--------------------------Stopka-------------------------*/

div.pojemnik-stopka {
margin-top:30px;
padding-top:20px;
padding-bottom:20px;
z-index:2;
clear:both;
overflow:hidden;
position:relative;
border-top:2px solid #e01c24;
}

div.pojemnik-stopka h2 {
border-bottom:1px solid #eee;
margin:0px 10px 15px 10px;
padding:0px 0px 15px 0px;
font-weight:600;
font-size:13px;
}

div.pojemnik-stopka p { 
color:#444;
padding:0px 10px 5px 10px;
margin:0px 0px 0px 0px;
font-size:13px;
text-align:left;
line-height:1.4em;
}


div.podpis-stopka { 
margin-top:5px;
padding-top:20px;
z-index:2;
clear:both;
overflow:hidden;
position:relative;
border-top:1px solid #eee;
}


div.pojemnik-stopka div.podpis-stopka p { 
color:#858686;
padding:0px;
margin:0px 0px 0px 0px;
font-size:12px;
text-align:left;
line-height:1.6em;
}

div.pojemnik-stopka div.podpis-stopka a { 
text-decoration:none;
color:#333;
}

div.pojemnik-stopka div.podpis-stopka a:hover { 
text-decoration:underline;
color:#000;
}



/*------------------Przedmioty w stopce----------------------
 * =====================================================================*/

ul#klienci-lista-stopka {
position:relative;
top:0px;
left:0;
width:100%;
height:200px;
overflow:hidden;
padding:0;
margin:0;
list-style:none;
}

ul#klienci-lista-stopka li {
position:absolute;
top:0;
left:0%;
width:100%;
background:#fff;
padding:0;
margin:0;
}

ul#klienci-lista-stopka li a {
display:block;
text-align:center;
width:100%;
margin:0 auto;
overflow:hidden;
}

ul#klienci-lista-stopka li a img {
display:inline;
border:solid 0px #900;
max-height:200px;
}

div.pojemnik-stopka span.w-lewo, div.pojemnik-stopka  span.w-prawo {
display:block;
position:absolute;
top:50%;
left:0px;
width:15px;
height:24px;
overflow:hidden;
text-indent:-100em;
z-index:5;
cursor:pointer;
}

div.pojemnik-stopka  span.w-lewo {
left:0;
margin:-0px 0px 0px 10px;
background:transparent url(../images/lewo-prawo-stopka.gif) 0px 0px no-repeat;
}

div.pojemnik-stopka  span.w-lewo:hover {
background:transparent url(../images/lewo-prawo-stopka.gif) 0px -24px no-repeat;
}

div.pojemnik-stopka  span.w-prawo {
left:100%;
margin:-0px 0px 0px -25px;
background:transparent url(../images/lewo-prawo-stopka.gif) -15px 0px no-repeat;
}

div.pojemnik-stopka  span.w-prawo:hover {
background:transparent url(../images/lewo-prawo-stopka.gif) -15px -24px no-repeat;
}



/*----------------- info o ciasteczkach -------------*/

div.ciasteczka-info {
	width:400px;
	height:auto;
	padding:0px 0px;
	margin:-155px 0px 0px -405px;
	text-align:center;
	font-size:11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;	
	position:fixed;
	top:100%;
	left:100%;
	background: rgb(30, 30, 30); /* The Fallback */
    background: rgba(30, 30, 30, 0.7); 
	z-index:1000;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
}


div.ciasteczka-info .ciasteczka-tresc {
	width:90%;
	max-width:950px;
	height:auto;
	margin:0px auto 0px auto;
	padding:10px 0px 15px 0px;
	text-align:left;
	overflow:hidden;
	clear:both;
	position:relative;
}


div.ciasteczka-info .ciasteczka-tresc p {
	padding:5px 0px 0px 0px;
	margin:0;
	text-align:left;
	color:#fff;
	font-size:10px;
	line-height:1.2em;
}

div.ciasteczka-info .ciasteczka-tresc a.akceptuje-ciasteczka { 
	display: inline-block; 
	padding: 4px; 
	font-size: 10px; 
	color:#fff; 
	background: #111;
	white-space: nowrap; 
	overflow: visible; 
	cursor: pointer; 
	text-decoration: none; 
	border: 0px solid #4c6d8f;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	outline: none; 
	position: relative; 
	top:0px;
	zoom: 1; 
	line-height: 1; 
	*display: inline; 
	*vertical-align: middle; 
	-moz-user-select: none; 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
	margin-top: 10px;
}

div.ciasteczka-info .ciasteczka-tresc a.akceptuje-ciasteczka:hover { 
	background: #900;
	border: 0px solid #2f4358;
}