/* font-family */

body,A,P,OL,UL,LI,td,span,div,input,small,select,option,textarea,table,th { font-family: Arial, Tahoma, Helvetica, sans-serif; }

/* font-size */

small { font-size: 9px; }
small.maly,.txt8,.txt8b {font-size: 8px;}
td.bialy,.nb,.txt9 {font-size: 9px;}
h4,h5, h6, P,OL,UL,LI,td,div.text,body,input.jtext,p.jtext,p.jtext,p.btext,li.text,li.btext,span.bialy,input,select,option,textarea, table {font-size: 11px;}
.bold,pre {font-size: 11px;}
h3, b.czarny,.niebieski,span.niebieski_b,.czerw12 {font-size: 12px;}
h2, td.niebieski,a.niebieski {font-size: 14px;}
h1 { font-size: 16px; }

/* font-weight */

.niebieski,b.czarny,a.bold,.bold,p.btext,li.btext,span.niebieski_b,input.zapisz,.nb,.txt8b,.czerw12 {font-weight: bold;}
body,.normal {font-weight: normal;} 

a.map1 { font-weight: bold; } /* mapa serwisu */
a.map2 { font-weight: bold; } /* mapa serwisu */
a.map3 { } /* mapa serwisu */

/* color */

A,#menuwspom,#sciezka {color:#0A2673;} /*c.niebieski*/
P,OL,UL,LI,td,td.czarny,div.text, p.text,input.jtext,p.jtext,p.jtext,p.btext,li.text,li.btext,textarea,#kontent {color: #333;}
input,select,option {color:#000}
#sciezka .activ {color: #646464;} /*c.szary*/
td.szary,a.szary {color: #a4a4a4;}
.bialy,input.zapisz,#linki a,#biuletyn,#linki {color: #fff;}
h1, h2, h3, h4, h5, h6, .niebieski,span.niebieski_b,small.maly {color: #000}
.error {color: #ff0000;}
.nb{color: #0021DE;}
.czerw12, .czerw {color:#EF1C2D} /*czerwony np. z głownej*/
a.mi_active { color: #FF5C00; } /*Menu Przemka*/

/* margin */

body,table#flash td,table#menu td,#biuletyn, #biuletyn form {margin:0;}
.plantd { margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 2px; }
table#footer {margin-bottom:20px;}
div.pasek {margin:10px;}

/* padding */
table#menugorne, table#kontener,table#flash td,#kontent td {padding:0}
#kontent .pad3 td{padding:3px;}
#sciezka,table#menu td,table#footer td {padding-left:10px;}
div.spcpz20 {padding-top:20px;} /*spacer poziomy, padding top i bot 20px*/
table#menu td, #kontent .nowosci,#kontent .infopras {padding-top:10px}
#menuwspom {padding-right:20px;}
table#footer td {padding-right:10px;}
#kontent .czerw12 {padding-bottom:10px;}
#linki {padding-bottom:8px;}
div.spcpz20 {padding-bottom:18px;}
td.podstrona:first-child table {max-width:382px;}

/* text-decoration */

A,td.niebieski,.bold,.normal,.nb,#sciezka .activ
a.mi_normal, a.mi_active /*Menu Przemka*/
{color:#000000;text-decoration:none}
/*A:hover{color:#9AA8CD;}*/
A:hover{color:#000000;text-decoration:underline;}

/* text-align */
/*#logo, div#main table{text-align:center}
#menuwspom {text-align:right}
#sciezka,#linki,#biuletyn, div#main td ,#kontent td  ,table.podstrona {text-align:left}*/

#menuwspom,#logo,table#menu td {vertical-align:top}
#szukaj {vertical-align:top;}

/*--------------------------------------------*/
input.zapisz {border:1px solid #B5B3DC; background-color:#08008D; height: 18px;}
textarea.szukaj {border:1px solid #a4a4a4; background-color:#fff; }
table#menugorne, table#kontener {width:770px;}
table#menugorne {height:115px;}
#logo {width:168px;}
#menuwspom {height:30px;width:655px;}
#nawiglow {height:60px;width:384px}
#szukaj {height:60px;width:165px;background:#9AA8CD url('/img/szukaj_prawa.gif') no-repeat right}
#sciezka {height:25px;width:770px;color:#0A2673;}
table#flash td {height:215px;width:770px;}
#przydatne {background:#5D649E;border-bottom:1px solid #fff;border-top:1px solid #fff;}
#biuletyn {background:#99A8CC;border-bottom:1px solid #fff}
#linki {background:#5D649E;border-bottom:1px solid #fff}
#kontent {width:590px;}
#kontent .dom, #kontent .biznes, #kontent .otp {width:179px;border-bottom: 1px solid #99ABCC;}
#kontent .otp {width:180px;}
table#footer {width:770px;height:30px;}
table#menulewe {background:#fff;text-align:left;}
table.podstrona {width:402px;}
div.pasek {background:#99ABCC;height:1px;width:95%;}
ul {
    list-style-image: url("/img/gfx_menufx.gif");
    list-style-type: rectangle;
    margin-left: 0px;
    padding-left: 2em;
}


/* panel */
.panel, .panel a { color: white; }

.header { background: #153B86; font-size: 13px; font-weight: bold; color: white; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; }

/* d1 */
/* rc1 */
/* new */
.niebieski_h,span.bialy_h {font-size: 12px;}
.niebieski_h,span.bialy_h {font-weight: bold;}
.niebieski_h,.niebieski_t {color:#0A2673;}
.szary_t5, .szary_t5bg {color: #333;}
.czarny2 {color:#000}
.szary_t {color: #656565;}
span.bialy_h {color: #fff;}
.mi_active {color: #FF5C00;}
.form_szukaj {margin:0;}
.pad5,.pad5s, .szary_l5, .szary_s5, .szary_t5, .szary_t5bg {padding:5px;}
td.pasek {background-color: #99abcc;}
.szary_p {background-color: #646464;}
.szary_l, .szary_l5 {background-color: #f7f7f7;}
.szary_s, .szary_s5 {background-color: #dedede;}
.pad5s {background-color: #dedede;}
.niebieski_light {background-color: #9aa8cd;}
.niebieski_dark {background-color: #5E649E;}
.pomarancz {background-color: #F79238;}
.szary_t5bg {background-color: #f5f5f5;}
input.ank {width: 15px; height: 15px;}
/* ext */
table#footer {margin-top:20px;margin-bottom:20px;}
body {padding:0;background-color: #fff;}
/* st */
.subMenu {
  position: absolute;
  display: none;
  border: 1px solid #CCCCCC;
  background-color: #f3f3f3;
  padding: 5px;
}
.subMenu a {
  text-decoration: none;
  font-weight: bold;
  font-size: x-small;
}
#kategoria {
  padding-left: 10px;
}
#kategoria A {
  color: #0A2673;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  padding: 2px;
}
#kategoria A:HOVER {
  cursor: pointer;
  color: #0000FF;
  background-color: #EEEEEE;
  border: 1px solid #DDDDDD;
}
#kategoria A.addToBasketDirectory {
  color: #0A2673;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  padding: 2px;
}
#kategoria A.addToBasketDirectory:HOVER {
  cursor: pointer;
  color: #0000FF;
  background-color: #EEEEFF;
  border: 1px solid #DDDDFF;
}
#kategoria UL {
  padding-left: 10px;
}
#kategoria LI {
  font-size: x-small;
  font-family: Arial, Helvetica, sans-serif;
  margin: 2px;
}
#kategoria .kategoria LI, #kategoria .branza LI {
  list-style: disc url(/img/ico_folder1.gif) inside;
}
#kategoria .item LI {
  list-style: disc url(/img/ico_przod.gif) inside;
}
#kategoria .item, #kategoria .branza {
  display: none;
}
.found {
  background-color: #FFFF00;
}
#koszyk {
  font-size: x-small;
}
#koszyk H1 {
  font-size: medium;
}
#koszyk #koszyk_items {
  background-color: #EEEEEE;
  font-family: Arial, Helvetica, sans-serif;
  margin: 1px;
  padding: 2px;
}
.cq { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #2B2F2C; 
  width:190px; 
}
.wymagane {
       color: #FF0000;
}
.formularz {
       width: 98%;
}
.formularz_tlo {
       background-color: #f7f7f7;
}

.footer {
    margin-left:20;
    background-color: #ffffff;
}
/* d1 :: end */



/* 
       // orange form  
*/

div.orange-form { position: relative; }
div.orange-form input { display: block;  font-size: 11px;}
div.orange-form select { display: block; font-size: 11px;}
div.orange-form label { display: block; padding-left: 20px; width: 120px; }

span.dot-required { color: #f26e01; vertical-align: super; }



/** orange form - info */
div.orange-form .message { font-weight: bold; color: #f26e01; padding: 5px 10px 5px 10px; }

div.orange-form h4 { padding: 5px 5px 5px 20px; font-weight: bold; margin: 0px; }
div.orange-form h5 { font-size: 11px; padding: 15px 5px 0px 20px; font-weight: bold;}



/* orange form - main form */
div.orange-form .form-box { position:relative; width: 380px; padding: 0px; spacing: 0px; border: 1px solid #f26e01; padding-bottom: 20px; }
div.orange-form .form-box-corner { position: relative; top: -9px; left: 371px; background: url(../img/rog5.gif); width: 9px; height: 9px; font-size: 1px; }




div.orange-form .box-field { position: relative; margin: 0px; background-color: #fff; padding: 10px 0 10px 0; }       
div.orange-form .box-field-error { position: relative; margin: 0px; background: url(../grafiki/orange-form-error.gif); padding: 10px 0 10px 0; }
div.orange-form .box-field-inside { position: relative; margin: 0px;  padding: 0 0 10px 0; top: 10px; }
div.orange-form .box-field-inside .form-check-long { top: 0px; }


div.orange-form .error-message { background: #ffd5af url(../grafiki/orange-form-error.gif) no-repeat 20px 10px; padding: 10px 0px 10px 50px; margin: 0px; line-height: 15px; }
div.orange-form .error-message ul { margin: 0px; padding: 0 10px 0 15px; }

div.orange-form .form-accountno-1 { position: absolute; left: 140px; top: 8px; width: 50px; }
div.orange-form .form-accountno-2 { position: absolute; left: 190px; top: 8px; width: 50px; }
div.orange-form .form-accountno-3 { position: absolute; left: 240px; top: 8px; width: 60px; }
div.orange-form .form-accountno-4 { position: absolute; left: 300px; top: 8px; width: 60px; }

div.orange-form .form-lineno-prefix { position: absolute; left: 140px; top: 8px; width: 80px; }
div.orange-form .form-lineno { position: absolute; left: 220px; top: 8px; width: 140px; }
       
div.orange-form .form-simple { position: absolute; left: 140px; top: 8px; width: 220px; }
div.orange-form .form-date { position: absolute; left: 140px; top: 8px; width: 180px; }
div.orange-form .form-date-calendar { display: block; position: absolute; left: 330px; top: 8px; background: url(../grafiki/calendar_ico.gif); width: 22px; height: 18px; }
div.orange-form .form-check { position: absolute; left: 140px; top: 8px; }       
div.orange-form .form-textarea { position: relative; left: 140px; top: -15px;  width: 220px; height: 100px;  }

div.orange-form .img-token { position: absolute; left: 140px; top: 8px; width: 100px; height: 40px; border: 0;}
div.orange-form .form-token { position: absolute; left: 260px; top: 8px; width: 100px;}
div.orange-form .form-pin { position: absolute; left: 140px; top: 8px; width: 100px; }

div.orange-form .message-time-from { position: absolute; left: 140px; top: 12px; width: 50px;}
div.orange-form .form-time-from { position: absolute; left: 170px; top: 8px; width: 60px;}
div.orange-form .message-time-to { position: absolute; left: 280px; top: 12px; width: 60px;}
div.orange-form .form-time-to { position: absolute; left: 305px; top: 8px; width: 60px;}

div.orange-form .day { position: absolute; left: 140px; top: 8px; width: 60px;}
div.orange-form .month { position: absolute; left: 220px; top: 8px; width: 60px;}
div.orange-form .year { position: absolute; left: 300px; top: 8px; width: 60px;}

div.orange-form .form-check-address { position: absolute; left: 18px; top: 8px; }
div.orange-form .message-check-address {padding-left: 40px; width: 300px;}
div.orange-form .form-street-no { position: absolute; left: 140px; top: 8px; width: 50px; }
div.orange-form .form-local-no { position: absolute; left: 200px; top: 8px; width: 160px; }
div.orange-form .form-post-code { position: absolute; left: 140px; top: 8px; width: 50px; }
div.orange-form .form-city { position: absolute; left: 200px; top: 8px; width: 160px; }

div.orange-form .form-document-type { position: absolute; left: 140px; top: 8px; width: 100px; }
div.orange-form .form-document-no { position: absolute; left: 250px; top: 8px; width: 110px; }

div.orange-form .message-start-month { position: absolute; left: 140px; top: 15px; width: 20px;}
div.orange-form .form-start-month { position: absolute; left: 160px; top: 10px; width: 40px;}
div.orange-form .form-start-year { position: absolute; left: 201px; top: 10px; width: 50px;}
div.orange-form .message-end-month { position: absolute; left: 260px; top: 15px; width: 20px;}
div.orange-form .form-end-month { position: absolute; left: 280px; top: 10px; width: 40px;}
div.orange-form .form-end-year { position: absolute; left: 321px; top: 10px; width: 50px;}

div.orange-form label.configure-service { display: block; padding-left: 20px; width: 180px; }
div.orange-form .form-configure-phone { position: absolute; left: 200px; top: 8px; width: 160px; }
div.orange-form .form-configure-prefix { position: absolute; left: 200px; top: 8px; width: 50px; }
div.orange-form .form-configure-number { position: absolute; left: 260px; top: 8px; width: 100px; }
div.orange-form .param-additional-info { position: absolute; left: 400px; top: 10px; width: 150px;}

div.orange-form .submit-buttons { position:relative; width: 100%; display: block; margin: 15px 0px 0px 0px;}
div.orange-form .form-button-left { position: relative; width: 200px; left: 0px; top: 0px;}
div.orange-form .form-button-right { position: absolute; left: 331px; top: 0px;}

div.orange-form label.check-long { display: block; padding-left: 50px; width: 310px; }
div.orange-form .form-check-long { position: absolute; left: 20px; top: 12px; }

div.orange-form span.label { display: block; padding-left: 20px; width: 120px; }
div.orange-form span.value { display: block; position: absolute; left: 140px; top: 8px; width: 220px; }

div.orange-form .form-check-for-home { position: absolute; left: 20px; top: 4px; }
div.orange-form .form-check-for-business { position: absolute; left: 180px; top: 4px; }

div.orange-form label.check-for-home { position: absolute; left: 30px; top: 4px; } 
div.orange-form label.check-for-business { position: absolute; left: 190px; top: 4px; }

div.orange-form .message-email-readonly {padding-left: 137px;}

/** orange form - right side info */
div.orange-form div.right-side-info { position: absolute; top: 20px; left: 400px; width: 150px; }

/** orange form - help box */
div.orange-form div.help-box { float:right; width: 160px;  padding: 15px; }
div.orange-form div.help-box p { padding: 0 0 20px 0; margin: 0px; color: #555; }



/** orange box - after form */
div.orange-form div.after-form { clean: both; position: relative; }
div.orange-form div.after-form .box-field { position: relative;  margin: 0px; background: #fff; padding: 5px 0 10px 0; }
div.orange-form div.after-form .box-field-error { position: relative;  margin: 0px; background: #fff; padding: 5px 0 10px 0; }

div.orange-form div.after-form .error-message { background: #fff url(../grafiki/orange-form-error.gif) no-repeat 20px 0px; padding: 0px 0px 10px 50px; margin: 0px; line-height: 15px; color: #fb7100; }

div.orange-form div.after-form label.check { display: block; padding-left: 50px; width: 510px; }
div.orange-form div.after-form input.form-check { position: absolute; left: 20px; top: 12px; }


/** orange form - buttons */
div.orange-form div.buttons { clear: both; position: relative; height: 30px; }


div.orange-form .form-box hr { display: block; color: #000; margin: 15px 15px 15px 15px; }

div.white-form .form-button-left { position: relative; width: 200px; left: 0px; top: 0px;}
div.white-form .form-button-right { position: absolute; left: 271px; top: 0px;}




a.white { color: #fff; text-decoration: none; }

a.white:link { color: #fff; text-decoration:none; }

a.white:visited { color: #fff; text-decoration:none; }

a.white:hover { color: #112E7C; text-decoration:none;}

a.white:active { color: #fff; text-decoration:none; }

.t1 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#000000;
					text-align:justify;
				}
			.t2 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:22px;
					color:#000066;
					text-align:left;
				}
			.t3 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#FFFFFF;
					background-color:#FF6600;
					padding-top:4px;
					padding-bottom:4px;
					text-align:left;
				}
			.t4 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					color:#FFFFFF;
					background-color:#003F8A;
					padding-top:6px;
					padding-bottom:6px;
					text-align:right;
			}
		.pasek_orange {
					background-color: #ff6600;
					color: #fff;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					padding-top:4px;
					padding-bottom:4px;
					padding-left: 4px;
					text-align:left;
					font-weight: bold;
			}

		.pasek_blue {
					background-color: #003F8A;
					color: #fff;
					font-family:Arial, Helvetica, sans-serif;
					font-size:9px;
					padding-top:4px;
					padding-bottom:4px;
					padding-left: 4px;
					padding-right: 4px;
					text-align:right;
					font-weight: normal;
			}