body { background-image: url(../images/tlo-logo2.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; color:#006;font:0.7em/1.5em Tahoma,sans-serif;margin: 0; padding: 0; }

p { color: #006; font-size: 12px; font-family: arial; line-height: 18px; text-align: left; vertical-align: top; width: 395px; margin-top: 6px; margin-right: 0; margin-left: 0; padding: 0; }
p8 { color: #006; font-size: 7px; font-family: arial; line-height: 18px; text-align: left; vertical-align: top; width: 300px; margin-top: 0px; margin-right: 0; margin-left: 0; padding: 0; }
.s1 { color: #006; font-size: 11px; font-family: arial; line-height: 18px; text-align: left; vertical-align: top; margin-top: 0px; margin-right: 0; margin-left: 0; padding: 0; }
.s2 {font-size: 11px; line-height: 15px;}
td { margin: 0; }

strong{font-weight:bold;}


input,select,textarea{font:1em/1.3em Tahoma,sans-serif;color:#2C4962;}
textarea,input.text,select{background:#F0F1FF; border:1px solid #B0C4DE;}
textarea,input.text{padding:1px 2px;border:1px solid #B0C4DE;}

.form {margin-left:0px;margin-right: 5px;}
.form label{padding-right:6px;}
.form fieldset{position:relative;margin:0;padding:0 0 10px 0;border:0;}
.form fieldset div.legenda{height:33px;text-align:center;font-weight:bold;}

a:link { color: #006; text-decoration: underline; }
a:visited { color: #006; text-decoration: underline; }
a:hover { color: #f63; background-color: white; text-decoration: none; }
a:active { }

.dol { font-size: 10px;font-weight: bold; }
.spancol{ color: gray; }

#menu { color: #006; font-size: 14px; width: 160px; font-family: arial; font-weight: normal; line-height: 35px; margin: 0; padding: 0; }
/* line-height: 35px; USUNĄĆ #menu li a */
#menu ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#menu li { border-bottom: 1px solid #b5b5c4; border-left: 6px solid #f60; }
/* #menu li a { background-color: #DDDDDD; display: block; } */
#menu li a:link, #menu li a:visited { color: #006; font-weight: normal; text-decoration: none; padding-left: 10px; }
#menu li a:hover { color: white; font-weight: normal; background-color: #006; display: block; }
#menu li a:active { color: white; font-weight: normal; background-color: #006; display: block; }

#menu2 { color: #006; font-size: 14px; width: 160px; font-family: arial; font-weight: normal; line-height: 35px; margin: 0; padding: 0; }
#menu2 ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#menu2 li { border-bottom: 1px solid #b5b5c4; border-left: 6px solid #f60; }
#menu2 li a:link, #menu2 li a:visited { color: #006; font-weight: normal; text-decoration: none; padding-left: 10px; }
#menu2 li a:hover { color: white; font-weight: normal; background-color: #006; display: block; }
#menu2 li a:active { color: white; font-weight: normal; background-color: #006; display: block; }

#menu3 { color: #006; font-size: 14px; width: 160px; font-family: arial; font-weight: normal; line-height: 35px; margin: 0; padding: 0; }
#menu3 ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#menu3 li { border-bottom: 1px solid #b5b5c4; border-left: 6px solid #f60; }
#menu3 li a:link, #menu3 li a:visited { color: #006; font-weight: normal; text-decoration: none; padding-left: 10px; }
#menu3 li a:hover { color: white; font-weight: normal; background-color: #006; display: block; }
#menu3 li a:active { color: white; font-weight: normal; background-color: #006; display: block; }

#menu4 ul li { font: 12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; margin-top:0px; line-height:16px; color: #6f7887; }
.nowy { font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #006;}
.nowy-bialy { font: bold 12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #fff;}

.bx { margin-bottom:10px; }
/* naglowek */
.bx .ng { height:32px; width:400px; overflow:hidden; position:relative; background:#cdd1d8 url(../images/box1/bxC.gif) repeat-x top; border-bottom:1px solid #a1a9b5; }
/* naglowek - grafika na jasnym tle */
.bx .ng .ngL { width:15px; height:45px; float:left; background: transparent url(../images/box1/bxL.gif) no-repeat top left; }
.bx .ng .ngR { width:15px; height:45px; float:right; background: transparent url(../images/box1/bxR.gif) no-repeat top left; }
/* headery i zawartosc naglowka */
.bx .ng h2 { position:absolute; left:0; margin-top:0px; z-index:1; padding: 10px 12px 10px 26px; height:12px; font-size:11px; line-height:14px; }
.bx .ng h2, .bx .ng h2 a:link, h2 a:active, h2 a:visited { font: bold 12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #006; text-transform:uppercase;}
.bx .cnt { background:transparent url(../images/box1/bxbg.gif) repeat-x top left; padding-top:8px;  width:400px; }

	
.bx2 { margin-bottom:10px; }
/* naglowek */
.bx2 .ng { height:32px; width:400px; overflow:hidden; position:relative; background:#cdd1d8 url(../images/box2/bxC.gif) repeat-x top; border-bottom:1px solid #a1a9b5; }
/* naglowek - grafika na jasnym tle */
.bx2 .ng .ngL { width:15px; height:45px; float:left; background: transparent url(../images/box2/bxL.gif) no-repeat top left; }
.bx2 .ng .ngR { width:15px; height:45px; float:right; background: transparent url(../images/box2/bxR.gif) no-repeat top left; }
/* headery i zawartosc naglowka */
.bx2 .ng h2 { position:absolute; left:0;  margin-top:0px; z-index:1; padding: 10px 12px 10px 26px; height:12px; font-size:11px; line-height:14px; }
.bx2 .ng h2, .bx2 .ng h2 a:link, h2 a:active, h2 a:visited { font: bold 12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #006; text-transform:uppercase;}

a.buttonq {display: block; width: 147px; height: 29px; background-image: url(../images/nowa-ctf.jpg); background-position: 0 0; margin: 0 auto;}
a.buttonq:hover { background-position: -147px 0;}
a.buttonq:active { background-position: -147px 0;}

h1 { color: #006; font-size: 14px; font-family: arial; font-weight: bold; margin-top: 20px; margin-left: 0; }
/* h2 { color: white; font-size: 14px; font-family: arial; font-weight: bold; background-color: #006; width: 390px; max-width: 400px; margin-top: 12px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; } */
h3 { color: white; font-size: 14px; font-family: arial; font-weight: normal; background-color: #669; width: 140px; margin-top: 12px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
h4 { color: white; font-size: 14px; font-family: arial; font-weight: bold; background-color: #669; width: 396px; margin-top: 12px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
h5 { color: white; font-size: 14px; font-family: arial; font-weight: bold; background-color: #006; width: 393px; margin-top: 12px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
h6 { color: white; font-size: 14px; font-family: arial; font-weight: bold; background-color: #006; width: 570px; margin-top: 12px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }

.opis_1 { text-align: center; width: 130px; margin: 0; padding: 0 0 5px; }
.nowosci { color: #000080; font-size: 11px; line-height: 16px; width: 140px; padding-left: 20px; border-left: 2px dotted #f60; }
.nowosci-2 { color: #000080; font-size: 11px; line-height: 16px; width: 140px; }
.nowosci-3 { color: #000080; font-size: 11px; width: 140px; padding-left: 20px; border-left: 2px dotted #f60; }
.nowosci-4 { color: #000080; font: 11px/13px 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 16px; width: 140px; padding-left: 20px; border-left: 2px dotted #f60; }

.mleft80{ margin-left: 80px; }
.mleft50{ margin-left: 50px; }
.mleft20{ margin-left: 20px; }
.mleft10{ margin-left: 10px; }
.mleft2{ margin-left: 2px; }
.w350{width: 350px;}
.w380{width: 400px;}
.w200{width: 200px;}
.w560{width: 560px;}
.fr{float: right;}
.clear-l{clear:left;}
.clear-r{clear:right;}
.spin {clear:left; width:197px; margin-top:-14px; margin-bottom:20px; margin-left: 200px;}
.spinacz {clear:left; width:197px; margin-top:-48px; margin-left: 200px;}


.formaty { margin-left: 30px; }
.brakodstepu{font-style: normal; line-height: normal;}
table.sample { border-color: rgb( 200, 200, 255); border-style: solid; } 
table.sample td { border-color: rgb( 200, 200, 255); border-style: solid; }
table.sample th { border-color: rgb( 200, 200, 255); border-style: solid; }
.vsign {width: 137px; border-width:0px;}

.ssllogin input {
	float: left;
}

.ssllogin label {
	background: url(../images/ico_ssl.png) 0 0 no-repeat;
	float: left;
	font-weight: normal;
	margin: 1px 0 0 2px;
	padding: 0 0 0 15px;
}

.ramkainfo {
	width: 137px;
	font-size: 11px;
	font-weight: normal;
	background-color:#f1f1f1;
	color: #006;
	margin-top: 15px;
	border-style:dotted;
    border-color:#f60;
    border-width:2px;
	padding: 10px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-position: center;
}
.ramkainfo2 {
	width: 368px;
	font-size: 12px;
	font-weight: normal;
	background-color:#f1f1f1;
	color: #006;
	margin-top: 15px;
	border-style:dotted;
    border-color:#f60;
    border-width:2px;
	padding: 15px;
	font-style: normal;
	line-height: 15px;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-position: center;
}
.produkty {
	font-family: Arial, Tahoma, Verdana,  "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #f60;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-position: left;
}

.img1
{
	clear: left; 
}
.img2
{
	clear: right; 
}
table.content {
	margin-top:12px;
	background-color:#f1f1f1;
	border-top:1px solid #669;
	border-bottom:1px solid #b5b5c4;
	border-left:1px solid #b5b5c4;
	border-right:1px solid #b5b5c4;
}

table.m12 {
	margin-top:12px;
}

td.header {
	background:#669;
	color:white;
	text-indent: 5px;
	border-top:1px solid #669;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:4px 5px 6px 1px;
}
td.content {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-left:10px;
}

td.cl { padding-top:12px; clear: right; float: none; }

.ceny { color: #669; font-size: 12px; font-family: arial; }
.pytania { color: #006; margin-left: 0px; font-size: 17px; font-family: arial; }
.mini-3 { color: #669; margin-left: 8px; font-size: 10px; font-family: arial; }
.mini-1 { margin-bottom: 20px; margin-left: 15px; border: solid 1px #ccc; }
.mini-2 { margin-bottom: 20px; margin-left: 20px; border: solid 1px #ccc; }
.mapka { margin: 0; padding: 5px; border: solid 1px #ccc; }
.adres { width: 280px; }

#WyborKlienta
{	
	float: right;
	margin-right: 70px;
}

#WyborKlienta div
{
	height:25px;
}

#WyborKlienta label
{
	float: left;
	text-align: right;
	width: 170px;
}

#WyborKlienta .OpisKalkulatora
{
	text-align: center;
	margin: 0px 0px 60px 40px;
	font:1em/1.3em Tahoma,sans-serif;
	color:#006;
}

#WyborKlienta div.SSI
{
	height:35px;
}

#WyborKlienta .SSI input.text
{
	background-color:#FFE4B5;
	border:1px solid #FFA500;
	width:80px;
}

#WyborKlienta .SSI2 input.text
{
	background-color:#FFE4B5;
	border:1px solid #FFA500;
	width:80px;
}

#WyborKlienta #Bigowanie input
{
	width:20px;
}

#WyborKlienta #Personalizacja input
{
	width:20px;
}

#Logowanie
{	
	border:0;
	padding-left: 20px; border-left: 2px dotted #f60;
}

#Logowanie input.text
{
	background-color:#FFE4B5;
	border:1px solid #FFA500;
	margin-bottom:5px;
}

#Logowanie input.PrzyciskX3
{

	margin-bottom: 15px;
	margin-top: 5px;
	margin-left: 28px;
	cursor: pointer;
	width: 68px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	background: url('../images/but.gif') no-repeat;
	border: 0 solid;
}

.form .PrzyciskRazem
{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right:20px;
	float: right;
	height:40px;
	width:73px;
	background: url('../images/wynik_podklad.gif') no-repeat;
	line-height: 1.7em;
	text-align: center;
	color:#000;
}

.form input.PrzyciskX3
{

	margin-bottom: 15px;
	margin-top: 5px;
	margin-left: 28px;
	cursor: pointer;
	width: 68px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	background: url('../images/but.gif') no-repeat;
	border: 0 solid;
}

input.PrzyciskZSO
{

	margin-bottom: 15px;
	margin-top: 5px;
	margin-left: 0px;
	cursor: pointer;
	width: 198px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	background: url('../images/butdlugi.gif') no-repeat;
	border: 0 solid;
}

.form input.WLewoStrzalka
{

	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: 60px;
	cursor: pointer;
	width: 15px;
	height: 29px;
	font-weight: bold;
	color: #fff;
	background: url('../images/wlewo.png') no-repeat;
	border: 0 solid;
	clear: left;
}

.form #srodek
{

	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: 0px;
	cursor: pointer;
	width: 40px;
	height: 29px;
	font-weight: bold;
	color: #000;
	background: url('../images/osrodek.png') no-repeat;
	border: 0 solid;
}

.form input.WPrawoStrzalka
{

	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: 0px;
	cursor: pointer;
	width: 15px;
	height: 29px;
	font-weight: bold;
	color: #fff;
	background: url('../images/wprawo.png') no-repeat;
	border: 0 solid;
	clear: right;
}

.form input.Lupa
{

	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: 0px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	font-weight: bold;
	color: #fff;
	background: url('../images/lupka.png') no-repeat;
	border: 0 solid;
	clear: right;
}

.LiniaSep580a
{
	width: 560px;
	line-height: 1px;
	font-size: 1px;

	margin: 10px 0px;
	clear:both;
}

.form fieldset .LiniaSep
{
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #B0C4DE;
	margin: 10px 0px;
	clear:both;
}

.LiniaSep400
{
	width: 400px;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #B0C4DE;
	margin: 10px 0px;
	clear:both;
}

.LiniaSep1
{
	line-height: 1px;
	font-size: 1px;
	border-bottom: 2px dotted #f60;
	margin: 10px 0px;
	clear:both;
}

.form fieldset textarea.form_suma
{
	margin-left: 30px;
	font-weight: bold;
}

.ba .l
{
	margin-left:8px;
	width:180px;
	float:left;
}

.ba .l input.text
{
	width:100px;
	margin-bottom:5px;
}

.ba .ll input.text
{
	background-color:#FFE4B5;
	border:1px solid #FFA500;
}
 
.ba .l label
{
	float:left;
	width:38px;
	padding:0 4px;
}

.ba .r 
{
	float:right;
	margin-right:9px;
}

.ba .r label
{
	float:left;
	width:60px;
	padding:0 4px;
}

.ba .r input.text
{
	width:100px;
	margin-right:5px;
	margin-bottom:5px;
}

.ba .k input.text
{
	width:40px;
	margin-bottom:5px;
}

.ba .cl
{
	height:10px;
}

.ba label
{
	text-align:right;
}

#WyborKlienta-kk
{	
	float: right;
	margin-right: 60px;
}

#przesuw,#przesuw2
{	
	clear: left;
}

#w1,#f1,#s1
{
	display: block;
	padding-left: 10px;
	padding-top: 20px;
	clear: right;
	}

#w2,#w3,#w4,#w5,#w6,#w7,#f2,#f3,#f4,#f5,#f6,#s2,#s3,#s4,#s4,#s5,#s
{
	display: none;
	padding-left: 10px;
	padding-top: 20px;
	clear: right;
}
							
#WyborKlienta-kk div
{
	height:25px;
}

#WyborKlienta-kk div.SSI3
{
	margin-top: 20px;
}

#WyborKlienta-kk div.SSI4
{
	margin-bottom: 10px;
}

#WyborKlienta-kk label
{
	float: left;
	text-align: right;
	width: 170px;
}

#WyborKlienta-kk .OpisKalkulatora
{
	text-align: center;
	margin: 0px 0px 10px 40px;
	font:1em/1.3em Tahoma,sans-serif;
	color:#006;
}

#WyborKlienta-kk .ramkainput input
{
	margin-bottom: 5px;
	background-color:#FFE4B5;
	border:1px solid #FFA500;
}

.RamkaDruk
{

	margin-bottom: 15px;
	margin-left: 5px;
	width: 200px;
	height: 120px;
	background: url('../images/drukcyfrowy.gif') no-repeat;
	border: 0 solid;
}

#menudemo07,
#menudemo07 ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 17px;
float: left;
border: 1px solid #fff;
z-index:100;
}
#menudemo07 li {
position: relative;
float: left;
border-left: 6px solid #f60;
z-index:100;
}
#menudemo07 a {
color: #006;
font-family: tahoma, sans-serif;
font-size: 11px;
text-decoration: none;
font-weight: bold;
display: block;
float: left;
border: 1px solid #fff;
line-height: 22px;
height: 22px;
padding: 0 12px;
}
#menudemo07 li ul {
display: none;
}
#menudemo07 li:hover ul {
display: block;
position: absolute;
left: 50%;
top: 23px;
float: none;
margin: 0 0 0 -71px;
width: 180px;
}
#menudemo07 li:hover ul li {
clear: both;
}
#menudemo07 li:hover ul li ul {
position: static;
margin: 0;
clear: both;
width: 138px;
height: 100%;
overflow: hidden;
}
#menudemo07 li li a {
font-size: 11px;
font-weight: normal;
padding: 0 6px;
line-height: 18px;
width: 160px;
height: 18px;
}
#menudemo07 li li li a {
border: 0;
opacity: .8;
/* filter: alpha(opacity = 80); */
background-image: url('img/menuarrow.gif');
background-position: left;
background-repeat: no-repeat;
padding: 0 0 0 12px;
}
#menudemo07 li li li a:hover {
opacity: 1;
/* filter: alpha(opacity = 100); */
}
/* and the colours */
#homeitem a {
background-color: #bf008c;
}
.maxiitem a {
background-color: #f1f1f1;
}
#menudemo07 a:hover {
background-color: #b5b5c4;
}