html, body, div, span, applet, object, iframe,
 blockquote, h1, h2, h3, h4, h5, h6,
a, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
strike, tt, var,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@font-face {	
	font-family: My;
	src: url("lit/my.otf"),
	url("lit/my.ttf") format("truetype"),
	url("lit/mybold.ttf") format("truetype"),
	url("lit/mybold.otf");
	
	font-weight: normal;
	font-style: normal;
}

@font-face {	
	font-family: Ta;
	src: url("lit/ta.ttf") format("truetype"),
	url("lit/tabold.ttf") format("truetype");
	
	font-weight: normal;
	font-style: normal;
}



body,html{
 background-color:#FFFFFF;
text-align:center;
font-family: My, Arial, Verdana;
font-size:10pt;
color:#FFFFFF;
overflow-x:hidden;
font-weight:normal;
height:100%;
min-height:100px	
}

a{border-style:none; color:#FFFFFF; font-family: Ta, Arial, Verdana; font-size:11pt; text-decoration:none; outline:none}
a:hover{border-style:none; color:#FFFFFF; font-family: Ta, Arial, Verdana; font-size:11pt; text-decoration:none; outline:none}

.pudelko {
height:100%;
 height:auto !important;
 min-height:100%;
 width:100%;
 text-align:left;
 position:relative;
  background-image:url(fot/tlo1.jpg), url(fot/tlo2.jpg); 
background-position:top center, bottom center; 
background-repeat:no-repeat, no-repeat;
background-size: 100%, 100%;
}
.pudelko_budowlanka {
height:100%;
 height:auto !important;
 min-height:100%;
 width:100%;
 text-align:left;
 position:relative;
  background-image:url(fot/tlo1.jpg), url(fot/tlo_budowlanka.jpg); 
background-position:top center, bottom center; 
background-repeat:no-repeat, no-repeat;
background-size: 100%, 100%;
}
.pudelko_aranzacja {
height:100%;
 height:auto !important;
 min-height:100%;
 width:100%;
 text-align:left;
 position:relative;
  background-image:url(fot/tlo1.jpg), url(fot/tlo_aranzacja.jpg); 
background-position:top center, bottom center; 
background-repeat:no-repeat, no-repeat;
background-size: 100%, 100%;
}
.pudelko_ddd {
height:100%;
 height:auto !important;
 min-height:100%;
 width:100%;
 text-align:left;
 position:relative;
  background-image:url(fot/tlo1.jpg), url(fot/tlo_ddd.jpg); 
background-position:top center, bottom center; 
background-repeat:no-repeat, no-repeat;
background-size: 100%, 100%;
}
.pudelko_informatyka {
height:100%;
 height:auto !important;
 min-height:100%;
 width:100%;
 text-align:left;
 position:relative;
  background-image:url(fot/tlo1.jpg), url(fot/tlo_informatyka.jpg); 
background-position:top center, bottom center; 
background-repeat:no-repeat, no-repeat;
background-size: 100%, 100%;
}
.srodek{
padding-bottom:110px;
marign-top:0px;
position:relative;
width:980px;
margin-left:auto;
margin-right:auto;
display:table;
}


.natresc{
width:980px;
margin-left:auto;
margin-right:auto;
height:auto;
position:relative;
}

.natresc1{
width:980px;
margin-left:auto;
margin-right:auto;
height:auto
}
.menudollewo{width:630px; padding:30px 0 0 40px; float:left; vertical-align:top; opacity:0.8}
.menudolprawo{width:280px; padding:30px 0 0 20px; float:right; vertical-align:top; opacity:0.8}
.menudolprawo a{border-style:none; color:#FFFFFF; font-family: My, Arial, Verdana; font-size:10pt; text-decoration:none; outline:none}
.menudolprawo a:hover{border-style:none; color:#FFFFFF; font-family: My, Arial, Verdana; font-size:10pt; text-decoration:none; outline:none}
#rowno2{clear:both; margin-top:25px}
#rowno1{clear:both; margin-top:10px}

.dol14{
bottom:0px;
width:100%;
height:110px;
background-image:url(./fot/belkadol1.jpg); background-position:center top; background-repeat:repeat-y;
position:absolute;
}


.dol15{
bottom:0px;
width:100%;
height:110px;
background-image:url(./fot/belkadol2.jpg); background-position:center top; background-repeat:repeat-y;
position:absolute;
} /*zmienić tło*/


.dol16{
bottom:0px;
width:100%;
height:110px;
background-image:url(./fot/belkadol3.jpg); background-position:center top; background-repeat:repeat-y;
position:absolute;
} /*zmienić tło*/

.dol17{
bottom:0px;
width:100%;
height:110px;
background-image:url(./fot/belkadol4.jpg); background-position:center top; background-repeat:repeat-y;
position:absolute;
}
.dol18{
bottom:0px;
width:100%;
height:110px;
background-image:url(./fot/belkadol5.jpg); background-position:center top; background-repeat:repeat-y;
position:absolute;
}


.belkagora14{width:100%; background-image:url(./fot/belkagora1.png); background-position:center top; background-repeat:repeat-y; height:46px}

.belkagora15{width:100%; background-image:url(./fot/belkagora2.png); background-position:center top; background-repeat:repeat-y; height:46px}/*zmienić tło*/

.belkagora16{width:100%; background-image:url(./fot/belkagora3.png); background-position:center top; background-repeat:repeat-y; height:46px} /*zmienić tło*/

.belkagora17{width:100%; background-image:url(./fot/belkagora4.png); background-position:center top; background-repeat:repeat-y; height:46px}
.belkagora18{width:100%; background-image:url(./fot/belkagora5.png); background-position:center top; background-repeat:repeat-y; height:46px}

.menu1{width:190px; height:30px; border-width: 0 1px 0 0; border-color:#95acb6; float:left; vertical-align:top; border-style:solid; margin-top:6px}
.menu2{width:190px; float:left; vertical-align:top; overflow:hidden; padding-left:10px; margin-top:10px}
.menu3{width:580px; float:right; vertical-align:top}/*margin-top:10px*/
.menupusty{width:auto; height:10px}


h1{font-size:12pt; color:#FFFFFF; line-height:normal}

h2{font-size:14pt; color:#042a3d; line-height:normal}
h3{font-weight:600}

/*poprawka jakosci zdjec po skalowaniu */	
img{
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
outline:none
}

.imglogomale{border-style:none; width:170px; height:34px; vertical-align:top}
.imgbaner{
width: 980px;
height:330px; 
-webkit-border-radius:0 0 20px 20px;
-moz-border-radius:0 0 20px 20px;
border-radius:0 0 20px 20px;
}
.imgmail{border-style:none; width:360px; height:87px; position:absolute; margin-top:190px; z-index:3}
.imgkreskared1{border-style:none; width:103px; height:4px; opacity:0 ;position:absolute; z-index:910; left:545px; margin-top:0}
.imgkreskared2{border-style:none; width:64px; height:4px; opacity:0 ;position:absolute; z-index:910; left:672px; margin-top:0}
.imgkreskared3{border-style:none; width:90px; height:4px; opacity:0 ;position:absolute; z-index:910; left:758px; margin-top:0}
.imgkreskared4{border-style:none; width:70px; height:4px; opacity:0 ;position:absolute; z-index:910; left:871px; margin-top:0}
.imgkreskared5{border-style:none; width:115px; height:4px; opacity:0 ;position:absolute; z-index:910; left:963px; margin-top:0}
.imgkropa{width:5px; height:4px; vertical-align:middle; border-style:none; padding-right:4px}

.menu3 ul{line-height:normal; margin:0; padding:0; list-style-type:none; vertical-align:top; padding-left:100px}
.menu3 ul li{float:left; display:inline}


/*///////////////////////////////////////////////////////////////////*/
.menu3 ul li ul#subnav {
	width: 86px;
	clear: both;
	display: none;
	position: absolute;
	top: 28px;
	left:660px;
	opacity: 0;
	list-style-type: none;
	z-index:900;
padding: 20px 3px 3px 3px;
height:auto;
background-image:url(fot/pusty.png);
background-position:top center;
background-repeat:repeat-y
}

.menu3 ul li ul#subnav li {
	clear: both;
	padding: 0 0 5px 0;
	text-align: center;
	margin-bottom:3px;
	display:block;
	width:86px;
}

.menu3 ul li ul#subnav li a {
	background: none;
	border: none;
	opacity:1;
	font-size:9pt;
	display:block;
		padding:5px 0 5px 0;
		color:#FFFFFF; outline:none; border-style:none
}

.menu3 ul li ul#subnav li a:hover {
	color: #FFFFFF;
	border: none;
	padding:5px 0 5px 0;
	opacity:0.8;
	font-size:9pt;
	outline:none; border-style:none
}

.oo1{width:auto; height:21px; float:left; vertical-align:top; border-style:solid; border-width: 0 1px 0 0; border-color:#FFFFF; padding-right:20px}
.oo2{width:44px; height:21px; float:left; vertical-align:top; border-style:solid; border-width: 0 1px 0 0; border-color:#FFFFF; padding-right:20px}
.oo3{width:auto; height:21px; float:left; vertical-align:top; border-style:solid; border-width: 0 1px 0 0; border-color:#FFFFF; padding-right:20px}
.oo4{width:auto; height:21px; float:left; vertical-align:top; border-style:solid; border-width: 0 1px 0 0; border-color:#FFFFF; padding-right:20px}
.oo5{width:auto; height:21px; float:left; vertical-align:top}

#l1{text-align:center; padding-left:50px}/*50px*/
#l2{text-align:center; padding-left:20px}
#l3{text-align:center; padding-left:20px}
#l4{text-align:center; padding-left:20px}
#l5{text-align:center; padding-left:20px; height:26px; width:auto}

.banergora{width:980px; height:330px; overflow:hidden; position:relative; z-index:1}

.fotatresc{
width: 280px;
height:130px; 
/*
-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;

border-style:solid;
border-color:#000101;
border-width:1px;
*/
overflow:hidden;
background-position:center center; background-repeat:no-repeat; background-size:cover;
outline:none;
vertical-align:text-top;
float:left; margin-right:25px; margin-bottom:10px
}

.teksty{
width:943px;
height:auto;
line-height:1.4;
position:relative;
margin-top:-30px;
color:#424242;
z-index:2;
font-family:Ta, Arial, Verdana;
font-size:10pt;
clear:both;
margin-left:23px;
}

#pisanie{
width:883px; height:auto; 
background-image:url(./fot/tlotekst1.png), url(fot/tlotekst2.png);
background-position:top center, bottom center; 
background-repeat:no-repeat, no-repeat;
padding-left:23px;
position:relative;
z-index:30;
padding: 30px 30px 30px 30px;
display:table-cell;
	}

#bialetlo{width:927px; display:table; height:auto; position:absolute; margin-top:110px; background-color:#FFFFFF; z-index:29; margin-left:9px}

.gala{
width: 165px;
height:110px; 
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
overflow:hidden;
vertical-align:text-top;
background-position:center center; background-repeat:no-repeat; background-size:cover;
outline:none
}

.trzymagal{width:165px; vertical-align:top; padding-bottom:10px; text-align:center; height:auto}

#foo0{clear:both; margin-top:10px}


			.list_carousel {
				background-color: #FFF;
				margin: 0;
				width: 880px;
				height:230px;
				margin-left:0;
				margin-top:20px;
				padding:0 5px 0 5px;
				overflow:hidden
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: table;
			}
			.list_carousel li {
				padding: 0;
				margin-right: 9px;
				float: left;
				width: 165px;
				height:auto
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			

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

			.list_carousel_1 {
				background-color: #FFF;
				margin: 0;
				width: 880px;
				height:auto;
				margin-left:0;
				padding:0 5px 0 5px;
				overflow:hidden;
				min-height:250px
			}
			.list_carousel_1 ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: table;
			}
			.list_carousel_1 li {
				padding: 0;
				margin-right: 9px;
				float: left;
				width: 165px;
				height:auto;
				margin-bottom:20px
			}
			.list_carousel_1.responsive {
				width: auto;
				margin-left: 0;
			}
			
.list_carousel_1 a{font-family:Ta, Arial, Verdana; color:#424242; text-decoration:none; font-size:14pt}
.list_carousel_1 a:hover{font-family:Ta, Arial, Verdana; text-decoration:none; color:#ee7c45; font-size:14pt}

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

.clearfix {float: none;clear: both;}

.licze14{clear:both; display:inline-block; margin-left:330px; margin-top:20px}
.licze14 a{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 10px 1px 0 0; text-align: center; outline: 0; background-color:#073247; border-style:solid; border-width:1px; border-color:#FFFFFF}
.licze14 a:hover{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 11px 1px 0 0;text-align: center; outline: 0; background-color:#ee7c45; border-style:solid; border-width:1px; border-color:#FFFFFF}


.licze15{clear:both; display:inline-block; margin-left:330px; margin-top:20px}
.licze15 a{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 10px 1px 0 0; text-align: center; outline: 0; background-color:#845236; border-style:solid; border-width:1px; border-color:#FFFFFF}
.licze15 a:hover{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 11px 1px 0 0;text-align: center; outline: 0; background-color:#ee7c45; border-style:solid; border-width:1px; border-color:#FFFFFF}


.licze16{clear:both; display:inline-block; margin-left:330px; margin-top:20px}
.licze16 a{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 10px 1px 0 0; text-align: center; outline: 0; background-color:#808080; border-style:solid; border-width:1px; border-color:#FFFFFF}
.licze16 a:hover{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 11px 1px 0 0;text-align: center; outline: 0; background-color:#ee7c45; border-style:solid; border-width:1px; border-color:#FFFFFF}

.licze17{clear:both; display:inline-block; margin-left:330px; margin-top:20px}
.licze17 a{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 10px 1px 0 0; text-align: center; outline: 0; background-color:#b93e00; border-style:solid; border-width:1px; border-color:#FFFFFF}
.licze17 a:hover{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 11px 1px 0 0;text-align: center; outline: 0; background-color:#ee7c45; border-style:solid; border-width:1px; border-color:#FFFFFF}


.licze18{clear:both; display:inline-block; margin-left:330px; margin-top:20px}
.licze18 a{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 10px 1px 0 0; text-align: center; outline: 0; background-color:#125797; border-style:solid; border-width:1px; border-color:#FFFFFF}
.licze18 a:hover{font-family:Ta, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:10pt; padding: 4px 8px 4px 8px; height: 20px; width:20px; margin: 11px 1px 0 0;text-align: center; outline: 0; background-color:#ee7c45; border-style:solid; border-width:1px; border-color:#FFFFFF}

.tenadres{width:auto; height:auto; float:left; padding:1px 30px 1px 0; vertical-align:top; line-height:1.8; font-size:11pt; margin-top:20px; border-style:solid; border-width: 0 1px 0 0; border-color:#042a3d; margin-right:30px; margin-bottom:40px}
.numertel{font-size:14pt; font-weight:600}
.czerw{color:#9d0000}
.tenadres1{width:auto; height:auto; float:left; padding:1px 30px 1px 0; vertical-align:top; line-height:1.8; font-size:11pt; margin-top:20px; margin-bottom:40px}

.mapka1{width:200px; float:left; vertical-align:top; clear:both; padding-top:50px}
.mapka2{width:660px; float:left; vertical-align:top; height:240px; border-style:solid; border-width:1px; border-color:#131313}
.gruby{font-weight:600}
.duzy{font-size:11pt}

.mapka3{clear:both; width:860px; text-align:right}
.mapka3 a{font-family:Ta, Arial, Verdana; color:#131313; text-decoration:none; font-size:9pt}
.mapka3 a:hover{font-family:Ta, Arial, Verdana; color:#131313; text-decoration:underline; font-size:9pt}
.maly{font-size:11pt}

/*///////////////////ciacha//////////*/
#ciacho {
	background-color:#DFDFDF;
	bottom: 0;
	font-family: Tah, Tahoma, Arial, Verdana;
	left: 0;
	padding: 15px 50px;
	position: fixed;
	right: 0;
	text-align: center;
	font-weight: normal;
	z-index: 999999;
	line-height: 1.6;
	color:#000;
	font-size: 1.1em;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #7C7777
}

#ciacho .button {
	background: #444;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	margin: 5px 0 0 20px;
	padding: 5px 8px 5px 8px;
	font-family: Tah, Tahoma, Arial, Verdana;
	font-size: 1.1em;
}

#ciacho .button:hover{
background-color: #c70000	
}
/*///////////////////ciacha//////////*/