body { margin: 0px; padding: 0px; background-color: #FFFFFF; }
p, td, div, input, h1, h2, h3, h4, h5, h6, textarea {	font-family: Arial, Tahoma, Verdana, Geneva, "Lucida Grande", Helvetica, sans-serif; font-size: 11px; }
div, table, td	{ margin: 0px; padding: 0px; }
table { border-spacing: 0px; border-collapse: collapse; }
img { border: 0px none;} 
form { margin: 0px; padding: 0px; }
input{ padding: 1px 4px; margin: 0px;}

a span, hr { display: none;}

/*----------------------------------------------------
	LAY
------------------------------------------------------*/
#container { position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%;	background: url(/images/body_background.gif) #fff repeat-x top; }
#banner{position:relative; top: -645px; left: 855px;}
#column { width: 670px; margin: 0px auto; padding: 130px 0px 64px 0px; background: url(/images/banery/komin_a.jpg) #fff no-repeat top left; border-bottom: #fff 1px solid;  border-top: #C2C2C2 1px solid; position: relative;}
#column.sub_page { background: url(/images/banery/komin_a_sub.jpg) #fff no-repeat top left; padding-top: 90px;}

#logo { width: 71px; height: 88px; background: url(/images/logo_dpsystem.gif) no-repeat top left; position: absolute; top: 20px; left: 20px; }
#logo a { display: block; width: 71px; height: 88px;}
#logo h2 { display: none;}

#licznik { display: none;}

#jezyk { position: absolute; top: 368px; left: 0px; width: 100px; height: 21px; background: url(/images/button/eng.gif) no-repeat top left; }
#jezyk a { display: block; width: 100px; height: 21px; }


/*----------------------------------------------------
	INSIDE
------------------------------------------------------*/
#inside { width: 570px; margin: 0px 0px 0px 95px; }
#inside_sub { width: 500px; margin: 0px 0px 0px 105px; padding: 35px 26px 30px 26px; background: url(/images/inside_sub_back.gif) no-repeat top left; position: relative;}

/* Nagłówek */

#inside_sub div.naglowek { position: absolute; top: 18px; left: 26px; width: 500px;}
#inside_sub div.naglowek h2 {margin: 0px; padding: 0px 10px 0px 0px; font-size: 18px; color: #003461; font-weight: normal; float: left; background: url(/images/inside_h2_back.gif) repeat-x top;}
#inside_sub div.naglowek div.zakladki {}
#inside_sub div.naglowek div.zakladki ul { list-style: none; margin: 0px; padding: 0px;}
#inside_sub div.naglowek div.zakladki ul li { float: left; background: url(/images/zakladka_back.gif) no-repeat top right; color: #fff; margin-right: 1px; padding: 2px 10px; font-size: 11px; display: block; position: relative;}
#inside_sub div.naglowek div.zakladki ul li a {color: #fff; text-decoration: none;}
#inside_sub div.naglowek div.zakladki ul li div.l { background:url(/images/zakladka_rog_l.gif) no-repeat top right; position: absolute; top: 0px; left: 0px; width: 6px; height: 6px;}

/* Content */

#inside_sub div.content { border-top: #004682 2px solid; padding: 1px 0px 0px 10px; font-size: 12px;}
#inside_sub div.content div.img_right { float: right; padding: 0px 0px 1px 0px; border-bottom: #004682 2px solid; margin-left: 20px; margin-bottom: 10px;} 
#inside_sub div.content div.img_right_2 { float: right; padding: 1px 0px 1px 0px; border-bottom: #004682 2px solid; border-top: #004682 2px solid; margin-left: 20px; margin-bottom: 10px;} 
#inside_sub div.content div.img_right img { margin: 0px;}

#inside_sub div.content div.img_right_3 { float: right; padding: 1px 0px 1px 20px; margin-bottom: 10px;} 


#inside_sub div.content p { font-size: 12px; line-height: 18px;}
#inside_sub div.content p.ngl { font-size: 12px; line-height: 14px; margin-bottom: 10px; margin-top: 25px;}
#inside_sub div.content ul { margin-top: 5px; margin-bottom: 10px; margin-left: 0px; padding-left: 20px; list-style: url(/images/li/li_a.gif);}
#inside_sub div.content ul li { margin-top: 2px; margin-bottom: 24px; }
#inside_sub div.content ul li p { margin: 0px;}
#inside_sub div.content ul li p.akty { text-indent:1em;}
#inside_sub div.content ul li p.naglowek { margin: 10px 0px 5px 0px;;}
#inside_sub div.content ul li span { font-weight: bold; color: #004682; }
#inside_sub div.content ul li span.pokaz_schamat { font-weight: normal; margin-left: 0px; margin-bottom: 8px; padding-left: 16px; background: url(/images/lupa.gif) no-repeat center left; }
#inside_sub div.content ul li span.pokaz_schamat a { color: #004682; }
#inside_sub div.content ul li.poka_schemat_li { margin-bottom: 10px;}

#inside_sub div.content ul li div.pobierz { margin-top: 5px; }
#inside_sub div.content ul li a {color: #000;}
#inside_sub div.content ul li ul { margin-top: 5px; margin-bottom: 10px; padding-left: 25px; list-style: url(/images/li/li_b.gif);}
#inside_sub div.content ul li ul li {margin-bottom: 4px; font-weight: normal;}
#inside_sub div.content ul li ul li ul {margin-bottom: 10px;  list-style: url(/images/li/li_c.gif);}
#inside_sub div.content ul li ul li ul li {margin-bottom: 4px; font-weight: normal;}

#inside_sub div.content ul li ul.male { list-style: url(/images/li/li_c.gif); margin-top: 10px; margin-bottom: 20px;}
#inside_sub div.content ul li ul.male li { font-weight: normal; margin-bottom: 5px;}

#inside_sub div.content ul.male  { list-style: url(/images/li/li_c.gif); margin-top: 0px; margin-bottom: 20px; padding-left: 40px;}
#inside_sub div.content ul.male li { font-weight: normal; margin-bottom: 5px;}

#inside_sub div.content ul.li_scisniete li { margin-top: 10px; margin-bottom: 10px;}





#inside_sub div.content ul.zwykle { margin-top: 5px; margin-bottom: 14px; margin-left: 0px; padding-left: 40px; list-style: url(/images/li/li_a.gif);}

#inside_sub div.content ul.zwykle li { margin-top: 2px; margin-bottom: 6px; font-size: 12px; }



#inside_sub div.content div.kolumny { width: 100%; overflow: hidden;}

#inside_sub div.content div.kolumny a, #inside_sub div.content div.kolumny span {color: #004682; font-weight: bold;}

#inside_sub div.content div.kolumny div.kolumna_a { width: 200px; float: left; margin-right: 10px; margin-left: 10px;}

#inside_sub div.content div.kolumny div.kolumna_b { width: 200px; float: left;}

#inside_sub div.content div.kolumny div.kolumna_one { width: 400px;}

#inside_sub div.content div.linki { color: #004682; font-weight: bold; margin-bottom: 25px; padding-left: 10px;}

#inside_sub div.content div.linki a {color: #004682;}



/* Kontakt */



#inside_sub div.content div.kontakt { overflow: hidden; width: 100%; padding-top: 10px; padding-bottom: 10px;}



#inside_sub div.content div.kontakt div.kontakt_left { float: left; width: 220px;}

#inside_sub div.content div.kontakt div.kontakt_left div.wyslij { position: absolute; bottom: 39px; right: 25px; background: url(/images/button/but_wyslij.gif) no-repeat top left;}

#inside_sub div.content div.kontakt div.kontakt_left div.wyslij a { display: block; width: 136px; height: 18px;}

div.zapytanie { position: absolute; bottom: 39px; right: 25px; background: url(/images/button/but_zapytanie.gif) no-repeat top left; padding-bottom: 20px;}

div.zapytanie a { display: block; width: 136px; height: 18px;}


#inside_sub div.content div.kontakt div.kontakt_right { float: right; width: 250px;}

#inside_sub div.content div.kontakt div.kontakt_right div.mapa { position: relative;}

#inside_sub div.content div.kontakt div.kontakt_right div.mapa div {position: absolute; width: 12px; height: 12px; background: url(/images/12.gif) no-repeat top left;}

#inside_sub div.content div.kontakt div.kontakt_right div.mapa div a { display: block; width: 12px; height: 12px; }





#inside_sub div.content div.kontakt div.kontakt_right div.opis {border-top: #004682 2px solid; margin-top: 220px; padding-top: 20px;}

#inside_sub div.content div.kontakt div.kontakt_right div.opis span { color: #038F00; }









h3 { font-size: 12px; text-transform: uppercase;}

h3.separator { margin-top: 40px;}

h4 { color: #004682; margin: 10px 0px 0px 10px; font-size: 12px;}





#partnerzy { margin-top: 50px;}

#partnerzy a { color: #004682; font-weight: bold;}

#partnerzy div.partner { margin-bottom: 50px;}

#partnerzy div.partner div {}

#partnerzy div.partner p { margin-top: 10px;}

#partnerzy div.partner div a { display: block; }





/* Menu sekcji */



#inside_sub div.content div.menu_sekcji { overflow: hidden; padding: 12px 0px;}

#inside_sub div.content div.menu_sekcji ul { list-style: none !important; margin: 0px; padding: 0px;}

#inside_sub div.content div.menu_sekcji ul li {float: left; padding: 0px 10px 0px 0px; margin: 0px 10px 3px 0px; border-right: #666 1px solid; white-space: nowrap;}

#inside_sub div.content div.menu_sekcji ul li.first { padding-left: 0px;}

#inside_sub div.content div.menu_sekcji ul li.last { padding-right: 0px; border-right: 0px none; margin-right: 0px;}

#inside_sub div.content div.menu_sekcji ul li.newline { padding-right: 0px; border-right: 0px none; margin-right: 0px;}

#inside_sub div.content div.menu_sekcji ul li a { color: #044889;}

#inside_sub div.content div.menu_sekcji ul li a.activ { color: #666; text-decoration: none;}







/* Bottom */



#inside_sub div.bottom { position: absolute; width: 552px; height: 11px; bottom: 0px !important; bottom: -4px; left: 0px; background: url(/images/inside_bottom.gif) no-repeat top left; }



/*----------------------------------------------------

	BLOCZKI

------------------------------------------------------*/

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

#bloczki div.bloczek { background: url(/images/bloczek_back.gif) no-repeat top left; padding: 0px 16px; width: 158px; height: 268px; float: left; position: relative;}

#bloczki div.bloczek h2 { width: 139px; height: 33px; margin: 0px; padding: 0px; margin-top: 15px; }

#bloczki div.bloczek h2 span { display: none; }

#bloczki div.bloczek div.obr { position: absolute; top: 60px; left: 15px; width: 158px; height: 88px; border: #fff 1px solid; }

#bloczki div.bloczek div.obr a { display: block; width: 158px; height: 88px;}

#bloczki div.bloczek div.txt { position: absolute; top: 160px; left: 22px; width: 144px; line-height: 12px;}

#bloczki div.bloczek div.txt ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 16px; list-style: url(/images/kropka_1.gif); }

#bloczki div.bloczek div.txt ul li { padding: 0px 0px 3px 0px; margin: 0px;}



#bloczki div.bloczek div.more { position: absolute; bottom: 0px; left: 7px; width: 176px; height: 18px;}

#bloczki div.bloczek div.more a { display: block; width: 110px; height: 18px; float: right;}



#bloczki div.col1 div.obr { background: url(/images/home_page/zdj1.jpg) no-repeat top left;}

#bloczki div.col1 h2 { background: url(/images/txt/txt_kompleksowa.gif) no-repeat top left;}

#bloczki div.col1 div.more { background: url(/images/button/but_dowiedz_sie_1.gif) no-repeat top left;}



#bloczki div.col2 div.obr { background: url(/images/home_page/zdj2.jpg) no-repeat top left;}

#bloczki div.col2 h2 { background: url(/images/txt/txt_automatyka.gif) no-repeat top left;}

#bloczki div.col2 div.more { background: url(/images/button/but_dowiedz_sie_2.gif) no-repeat top left;}



#bloczki div.col3 div.obr { background: url(/images/home_page/zdj3.jpg) no-repeat top left;}

#bloczki div.col3 h2 { background: url(/images/txt/txt_oferta.gif) no-repeat top left;}

#bloczki div.col3 div.more { background: url(/images/button/but_dowiedz_sie_3.gif) no-repeat top left;}





#content { width: 560px; background: url(/images/txt/txt_witamy.gif) no-repeat top left; padding: 30px 0px 0px 0px; margin-top: 20px; margin-left: 20px; overflow: hidden;}

#content h2 { display: none;}

#content p { width: 260px; float: left; margin-right: 10px;}





#main_menu { position: absolute; top: 138px; left: -10px;}

#main_menu ul { margin: 0px; padding: 0px; list-style: none;}

#main_menu ul li { padding: 0px; width: 100px; height: 20px; margin: 0px 0px 10px 0px !important; margin: 0px 0px 7px 0px;}

#main_menu ul li a { display: block; width: 100px; height: 20px; }



#main_menu ul li.home1 { display: none; }

#main_menu ul li.home { background: url(/images/mm/home_1.gif) no-repeat; }

#main_menu ul li.mm_1 { background: url(/images/mm/mm_1.gif) no-repeat; }

#main_menu ul li.mm_2 { background: url(/images/mm/mm_2.gif) no-repeat; }

#main_menu ul li.mm_3 { background: url(/images/mm/mm_3.gif) no-repeat; }

#main_menu ul li.mm_4 { background: url(/images/mm/mm_4.gif) no-repeat; }

#main_menu ul li.mm_5 { background: url(/images/mm/mm_5.gif) no-repeat; }

#main_menu ul li.mm_6 { background: url(/images/mm/mm_6.gif) no-repeat; }

#main_menu ul li.mm_7 { background: url(/images/mm/mm_7.gif) no-repeat; }



#main_menu ul li.home a:hover, #main_menu ul li.home a.activ { background: url(/images/mm/home_1_on.gif) no-repeat; }

#main_menu ul li.mm_1 a:hover, #main_menu ul li.mm_1 a.activ { background: url(/images/mm/mm_1_on.gif) no-repeat; }

#main_menu ul li.mm_2 a:hover, #main_menu ul li.mm_2 a.activ { background: url(/images/mm/mm_2_on.gif) no-repeat; }

#main_menu ul li.mm_3 a:hover, #main_menu ul li.mm_3 a.activ { background: url(/images/mm/mm_3_on.gif) no-repeat; }

#main_menu ul li.mm_4 a:hover, #main_menu ul li.mm_4 a.activ { background: url(/images/mm/mm_4_on.gif) no-repeat; }

#main_menu ul li.mm_5 a:hover, #main_menu ul li.mm_5 a.activ { background: url(/images/mm/mm_5_on.gif) no-repeat; }

#main_menu ul li.mm_6 a:hover, #main_menu ul li.mm_6 a.activ { background: url(/images/mm/mm_6_on.gif) no-repeat; }

#main_menu ul li.mm_7 a:hover, #main_menu ul li.mm_7 a.activ { background: url(/images/mm/mm_7_on.gif) no-repeat; }







/*----------------------------------------------------

	FOOTER

------------------------------------------------------*/

#footer { background: url(/images/footer_background.gif) repeat-x top; position: absolute; bottom: 0px; left: 0px; height: 40px; width: 100%;}

#footer div.copy { position: absolute; top: 7px; left: 15px; color: #fff;}

#footer div.menu { position: absolute; top: 7px; right: 0px;}

#footer div.menu ul { list-style: none; padding: 0px; margin: 0px;}

#footer div.menu ul li { float: left; margin-right: 10px; }

#footer div.menu a { color: #fff; font-weight: normal; }

#footer div.menu a span { display: inline; }





.odd { background-color: #D9D9D9;}

form { margin: 0px; padding: 0px; margin: 0px; padding-top: 30px;}

form fieldset { border: 0px none; padding: 0px; margin: 0px;}

form fieldset div { padding: 6px 10px;}

form fieldset div label { display: block; width: 90px; float: left; padding-top: 2px;}

label.wide { display: block; width: 110px; float: left; padding-top: 2px;}

form fieldset div label span { color: #038F00;}

form fieldset div input.wide { width: 440px;}

.opis_zapytanie span { color: #038F00; }