@charset "utf-8";

* { margin: 0; padding: 0; } 
.page{display:table;overflow:hidden;margin:0px auto;} 
*:first-child+html .page {position:relative;}/*ie7*/ 
* html .page{position:relative;}/*ie6*/ 
.content_container{
	display:table-cell;
	vertical-align: middle;
} 
*:first-child+html .content_container{position:absolute;top:50%;}/*ie7*/ 
* html .content_container{position:absolute;top:50%;}/*ie6*/ 
*:first-child+html .content{position:relative;top:-50%;}/*ie7*/ 
* html .content{
	position:relative;
	top:-50%;
}/*ie6*/ 
html,body{height:100%;} 
.page{
	height:100%;
	width:976px;
}




body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	overflow:hidden;
}
.obieg {
	font-size: 1px;
	color: #FFF;
	height: 1px;
	width: 1px;
	text-indent: -3000;
}
a {
	outline:none;
	font-weight: normal;
	color: #F90;
	text-decoration: none;
}
.cz {
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.bak {
	background-image: url(../images/bak1.gif);
	padding: 0px;
	height: 3200%;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: absolute;
}
.bbody {
	background-image: url(../images/background.jpg);
	background-position: 50% -320px;
	margin: 0px;
	padding: 0px;
	position: fixed;
	z-index: -1;
	height: 3200px;
	width: 100%;
	left: 0px;
	top: 0px;
}



.gora {
	height: 46px;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 10;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.gora .menu {
	padding: 0px;
	height: 46px;
	width: 1010px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.dol {
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 10;
}
.dol .footer {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 44px;
	width: 1003px;
}
.dol .footer a {
	float: left;
}
.dol .footer .stopka {
	background-image: url(../images/stopka.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 44px;
	width: 817px;
}

.bak1  {
	background-image: url(../images/bak1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 1300px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 2;
	display: block;
}
.bak2  {
	background-image: url(../images/bak2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 1300px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 2;
}

.glowna {
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	height: 677px;
	width: 100%;
	position: fixed;
	top: 50%;
	margin-top: -338px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: auto;
	display: block;
	z-index: 2;
}
.gora .tkomp_logo {
	background-image: url(../images/tkomp_logo.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 158px;
	display: block;
}
.gora .menu .tkomp_logo .lo {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 46px;
	width: 158px;
}

.gora .tkomp {
	background-image: url(../images/tkomp.png);
	display: block;
	padding: 0px;
	float: left;
	height: 46px;
	width: 110px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	background-repeat: no-repeat;
}
.gora .dms {
	background-image: url(../images/dms.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 90px;
	background-repeat: no-repeat;
}
.gora .klienci {
	background-image: url(../images/klienci.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 84px;
	background-repeat: no-repeat;
}
.gora .jak_dziala {
	background-image: url(../images/jak_dziala.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 125px;
}
.gora .case {
	background-image: url(../images/case.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 59px;
	width: 113px;
}
.gora .prez {
	background-image: url(../images/prez.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 185px;
	background-repeat: no-repeat;
}

.gora .normy {
	background-image: url(../images/normy.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 59px;
	width: 83px;
}
.gora .kontakt {
	background-image: url(../images/kontakt.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 101px;
	background-repeat: no-repeat;
}



/*    hover click   */



.gora .tkomp:hover, .gora .tkomp_h  {
	background-image: url(../images/tkomp_h.png);
	display: block;
	padding: 0px;
	float: left;
	height: 46px;
	width: 110px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	background-repeat: no-repeat;
}
.gora .dms:hover, .gora .dms_h {
	background-image: url(../images/dms_h.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 90px;
	background-repeat: no-repeat;
}
.gora .klienci:hover, .gora .klienci_h {
	background-image: url(../images/klienci_h.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 84px;
	background-repeat: no-repeat;
}
.gora .jak_dziala:hover, .gora .jak_dziala_h {
	background-image: url(../images/jak_dziala_h.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 125px;
}
.gora .case:hover, .gora .case_h {
	background-image: url(../images/case_h.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 59px;
	width: 113px;
}
.gora .prez:hover, .gora .prez_h {
	background-image: url(../images/prez_h.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 185px;
	background-repeat: no-repeat;
}

.gora .normy:hover, .gora .normy_h {
	background-image: url(../images/normy_h.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 59px;
	width: 83px;
}
.gora .kontakt:hover, .gora .kontakt_h {
	background-image: url(../images/kontakt_h.png);
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 46px;
	width: 101px;
	background-repeat: no-repeat;
}




/*    koniec  hover click   */






.gora .flagi {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 59px;
	width: auto;
	text-align: right;
}

.pierwsza {
	background-image: url(../images/srodek.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 582px;
	width: 976px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: relative;
	left: 0px;
	top: 0px;
}
.pstryk_off {
	background-image: url(../images/pstryk_off.png);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 123px;
	width: 128px;
	position: absolute;
	left: 805px;
	top: 423px;
	z-index: 2;
}
.pierwsza .pstryk_on {
	background-image: url(../images/pstryk_on.png);
	background-repeat: no-repeat;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 123px;
	width: 128px;
	position: absolute;
	left: 805px;
	top: 423px;
	z-index: 2;
}
.pierwsza .noc {
	background-image: url(../images/srodek_noc.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 582px;
	width: 976px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: none;
	position: relative;
	background-position: center center;
	z-index: 1;
	left: 0px;
	top: 0px;
}



.druga {
	background-image: url(../images/srodek1.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 677px;
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: relative;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}
.apla_kontakt {
	padding: 0px;
	height: 582px;
	width: 976px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: relative;
	top: 0px;
	text-align: center;
	left: 0px;
}


.apla_kontakt .kontakt_img  {
	background-image: url(../images/img_kontakt.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 582px;
	width: 310px;
}
.apla_kontakt .apla_prawa {
	background-image: url(../images/apla_prawa.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 582px;
	width: 666px;
}
.apla_kontakt .apla_prawa .content_l {
	text-align: justify;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	line-height: 16px;
	float:left;
	width: 250px;
}
.apla_kontakt .apla_prawa .content_r {
	text-align: left;
	margin: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 0px;
	line-height: 16px;
	float:right;
	width: 290px;
}
.apla_kontakt .apla_prawa .content_r .mapka {
	padding: 0px;
	height: 450px;
	width: 270px;
	border: 1px solid #CCC;
	border-radius:7px;
	box-shadow: 0px 0px 5px #999;
	overflow: hidden;
	margin: 0px;
}






.apla_firma {
	padding: 0px;
	height: 583px;
	width: 976px;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	text-align: center;
	position: relative;
	left: 0px;
	top: 0px;
}
.apla_prawo {
	padding: 0px;
	height: 677px;
	width: 976px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: relative;
	top: 0px;
	text-align: center;
}

.apla_firma .firma_img  {
	background-image: url(../images/img_firma.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 582px;
	width: 310px;
}
.apla_prawo .prawo_img {
	background-image: url(../images/img_prawo.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 582px;
	width: 310px;
}

.apla_firma .apla_prawa {
	background-image: url(../images/apla_prawa.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 582px;
	width: 666px;
}
.apla_prawo .apla_prawa {
	background-image: url(../images/apla_prawa.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 582px;
	width: 666px;
}

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding: 0px;
	width: 92%;
	display: block;
	height: 50px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #F90;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.apla_firma .apla_prawa .content {
	text-align: justify;
	margin: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	line-height: 16px;
}
.apla_prawo .apla_prawa .content {
	text-align: justify;
	margin: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	line-height: 16px;
}




.apla_dms {
	padding: 0px;
	height: 583px;
	width: 976px;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	text-align: center;
	position: relative;
	left: 0px;
	top: 0px;
}
.apla_dms .img_dms {
	background-image: url(../images/img_a_prawa.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 582px;
	width: 325px;
	font-size: 11px;
}
.apla_dms .img_dms .content {
	text-align: justify;
	margin: 0px;
	line-height: 16px;
	padding: 25px;
}
.apla_dms .img_dms .content .dms_znak {
	padding: 0px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	display: block;
	height: 189px;
	width: 168px;
}

.apla_dms article .img_dms .content h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #000;
	text-align: left;
	width: 100%;
	display: block;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.apla_dms article .img_dms .content h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: left;
	width: 100%;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin: 0px;
}

.apla_dms .img_dms .content .bloczki {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 177px;
	width: 257px;
}



.apla_jakdziala {
	padding: 0px;
	height: 582px;
	width: 976px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: relative;
	top: 0px;
	text-align: center;
	left: 0px;
}
.apla_jakdziala .jakdziala_img  {
	background-image: url(../images/img_jakdziala.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 582px;
	width: 310px;
}
.apla_dms .img_dms .content .nndintegrum {
	height: 62px;
	width: 233px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.apla_jakdziala .apla_prawa {
	background-image: url(../images/apla_prawa.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 582px;
	width: 666px;
}
.apla_jakdziala .apla_prawa .content {
	text-align: justify;
	margin: 0px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	line-height: 16px;
}
.content .lista     {
	list-style-image: url(../images/tipsy.gif);
	list-style-type: none;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.content .lista ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	list-style-type: none;
	list-style-image: url(../images/tipsy_li.gif);
}
.content .lista ul li {
	margin: 0px;
	padding: 0px;
}

.content .lista li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 11px;
	font-weight: normal;
}
.content .lista1 li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 11px;
	font-weight: normal;
}

.content .lista1 {
	list-style-image: url(../images/tipsy1.gif);
	list-style-type: none;
	list-style-position: outside;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	font-size: 11px;
	text-align: left;
	margin: 0px;
	width: 265px;
}




.apla_case {
	background-image: url(../images/apla_case.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 677px;
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: relative;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}




.trzecia {
	background-image: url(../images/srodek3.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 677px;
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
	position: relative;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}


.button1 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 237px;
	top: 238px;
	z-index: 3;
	margin: 0px;
}
.button2 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 527px;
	top: 305px;
	z-index: 3;
}
.button3 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 727px;
	top: 311px;
	z-index: 3;
}
.button4 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 622px;
	top: 385px;
	z-index: 3;
}
.button5 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 468px;
	top: 393px;
	z-index: 3;
}
.button6 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 548px;
	top: 308px;
	z-index: 3;
}
.button7 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 373px;
	top: 325px;
	z-index: 3;
}
.button8 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 1021px;
	top: 69px;
}
.button_klienci {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 914px;
	top: 21px;
}

.button_firma, .button_kontakt, .button_jak {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 924px;
	top: 20px;
}
.button_prawo {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 614px;
	top: 20px;
}

.button9 {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 984px;
	top: 75px;
}
.button_dms {
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 26px;
	position: absolute;
	left: 921px;
	top: 20px;
}
.doc {
	background-image: url(../images/doc.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 40px;
	position: absolute;
	left: 255px;
	top: 74px;
}

.apla_duza {
	background-image: url(../images/apla_duza.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 582px;
	width: 976px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	z-index: 1;
}
.apla_duza .content_l {
	text-align: left;
	float: left;
	width: 620px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 32px;
	padding: 0px;
}

.apla_duza .content_r {
	text-align: left;
	float: right;
	width: 310px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.stowka {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #000;
	text-align: left;
	width: 94%;
	display: block;
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
