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

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;
}


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

}

.pudelko {
height:100%;
 height:auto!important;
 min-height:100%;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 width:100%;
 text-align:left;
 background-image:url(fot/tlostart.jpg); background-position:center top; background-repeat:no-repeat
}

.imgmgla1{border-style:none; width:0px; height:332px; position: absolute; margin-top:5px;  z-index:11; opacity:0; left:-50px} /*-850*/
.imgmgla2{border-style:none; width:0px; height:332px; position: absolute; margin-top:5px;  z-index:12; opacity:0; left:137px} /*-660*/
.imgmgla3{border-style:none; width:0px; height:332px; position: absolute; margin-top:5px;  z-index:13; opacity:0; left:320px} /*-460*/
.imgmgla4{border-style:none; width:0px; height:332px; position: absolute; margin-top:5px;  z-index:14; opacity:0; left:520px} /*-260*/
.imgmgla5{border-style:none; width:0px; height:332px; position: absolute; margin-top:5px;  z-index:15; opacity:0; left:690px}/*-80*/

.imgmaska1{border-style:none; width:192px; height:133px; position: absolute; margin-top:21px;  z-index:3; left:3px; opacity:0}/*-783*/
.imgmaska2{border-style:none; width:198px; height:137px; position: absolute; margin-top:21px;  z-index:3; left:191px; opacity:0}/*-595*/
.imgmaska3{border-style:none; width:198px; height:137px; position: absolute; margin-top:25px;  z-index:3; left:390px; opacity:0}/*-397*/
.imgmaska4{border-style:none; width:198px; height:137px; position: absolute; margin-top:25px;  z-index:3; left:589px; opacity:0}/*-197*/
.imgmaska5{border-style:none; width:192px; height:133px; position: absolute; margin-top:23px;  z-index:3; left:786px; opacity:0}/*0*/
.imgliniastart{border-style:none; width:779px; height:1px; clear:both; padding-top:20px; margin-bottom:20px; margin-left:100px}
.imgliniastart1{border-style:none; width:779px; height:1px; clear:both; padding-top:50px; margin-bottom:10px; margin-left:100px}
.imgdpi{border-style:none; width:62px; height:25px; vertical-align:middle; margin-left:10px}
.imgplot{border-style:none; width:1px; height:25px; vertical-align:middle; margin-left:10px; margin-right:10px}
.imgplot1{border-style:none; width:1px; height:25px; vertical-align:middle; margin-left:10px; margin-right:5px}
.imgvermont{border-style:none; width:79px; height:25px; vertical-align:middle}
.imgas{border-style:none; width:47px; height:25px; vertical-align:middle}

.pusty{clear:both; width:980px; height:100px}
.start{width:980px; height:280px; margin-left:auto; margin-right:auto; overflow:visible; position:relative !important}

.dzialy{width:980px; height:220px; display:inline; overflow:hidden; display:none; clear:both}
.dzialy a{text-decoration:none; font-family: My, Arial, Verdana; font-size:10pt; color:#FFFFFF; outline:none; border-style:none; font-weight:500; cursor:pointer}
.dzialy a:hover{text-decoration:none; font-family: My, Arial, Verdana; font-size:10pt; color:#FFFFFF; outline:none; border-style:none;  font-weight:500; cursor:pointer}

.energia1{width:192px; height:220px; background-image:url(fot/energia1.png); background-position:left bottom; background-repeat:no-repeat; vertical-align:top; float:left; overflow:visible}
.energia1 #energia{position:absolute; z-index:2; margin-left:50px; margin-top:5px}
.energia1 #energia_2{position:absolute; z-index:1; color:#ffd200; margin-top:5px; margin-left:50px}

.budowa1{width:198px; height:220px; background-image:url(fot/budowa1.png); background-position:left bottom; background-repeat:no-repeat; vertical-align:top; float:left; overflow:visible}
.budowa1 #budowa{position:absolute; z-index:2; margin-left:50px; margin-top:5px}
.budowa1 #budowa_2{position:absolute; z-index:1; color:#ffd200; margin-top:5px; margin-left:50px}

.wnetrza1{width:198px; height:220px; background-image:url(fot/wnetrza1.png); background-position:left bottom; background-repeat:no-repeat; vertical-align:top; float:left; overflow:visible; text-align:center}
.wnetrza1 #wnetrza{position:absolute; z-index:2; margin-left:35px; margin-top: -8px}
.wnetrza1 #wnetrza_2{position:absolute; z-index:1; color:#ffd200; margin-top: -8px; margin-left:35px}

.sprzatanie1{width:199px; height:220px; background-image:url(fot/sprzatanie1.png); background-position:left bottom; background-repeat:no-repeat; vertical-align:top; float:left; overflow:visible; text-align:center}
.sprzatanie1 #sprzatanie{position:absolute; z-index:2; margin-left:20px; margin-top:-8px}
.sprzatanie1 #sprzatanie_2{position:absolute; z-index:1; color:#ffd200; margin-top: -8px; margin-left:20px}

.info1{width:193px; height:220px; background-image:url(fot/info1.png); background-position:left bottom; background-repeat:no-repeat; vertical-align:top; float:right; overflow:visible}
.info1 #info{position:absolute; z-index:2; margin-left:30px; margin-top:5px; width:190px}
.info1 #info_2{position:absolute; z-index:1; color:#ffd200; margin-top:5px; margin-left:30px; width:190px}

.adres{text-align:center; opacity:0.7; margin-left:auto; margin-right:auto; display:none}


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

.imglogo{width:372px; height:76px; border-style:none; opacity:0; margin-left:304px; margin-top:110px; margin-bottom:0}

/*///////////////////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//////////*/