body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #004994;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	color: Black;
}
h1{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 22px;
	font-weight: bold;
}
a img{
	border: none;
}
img{
	vertical-align: middle;
}

a{
	color: #004994;
}
a:hover{
	text-decoration: none;
}
/* dla znaczników img: */
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.alignL{
	text-align: left;
}
.alignR{
	text-align: right;
}
.alignC{
	text-align: center;
}
.centruj{
	display: block;
	text-align: center;
}
.toL{
	text-align: left;
	display: block;
}
.toR{
	text-align: right;
	display: block;
	width:210px;
}
.toC{
	text-align: center;
	display: block;
}
.bialeTXT{
	color: #FFF;
}
/* --- tabele --- */
table tr td{
	font-size: 12px;
}
hr{
	border: none;
	background: #004994;
	color: #004994;
	height: 1px;
	margin: 5px 5px 5px 5px;
}
/* ======================================================== */
/* ============== formatowanie designu po ID ============== */
/* ======================================================== */
#BlockPrim{
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px -385px;
	padding: 0px 0px 0px 0px;
	width: 770px;
	display: block;
	background-image: url(../p/bg_middle.jpg);
	background-repeat: repeat-y;
}
#BlockPrim #BlockPrimBG{
	background-image: url(../p/bg_top.jpg); 
	background-repeat: no-repeat; 
	width: 770px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
/* ============================ */
#BlockPrim #BlockPrimBG #menu1Const{
	display: block;
	margin: -14px 0px 15px 15px;
	padding: 0px 0px 0px 0px;
}
#BlockPrim #BlockPrimBG #menu1Const a{
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 5px 0px 0px;
	color: #800000;
}
#BlockPrim #BlockPrimBG #menu1Const em{
	display: none;
}
#BlockPrim #BlockPrimBG #menu1Const a.mnuWybrane:hover,
#BlockPrim #BlockPrimBG #menu1Const a.mnuWybrane{	
	color: Black; 
	cursor: default;
	text-decoration: none;
}
#BlockPrim #BlockPrimBG #menu1Const a:hover{
	color: Black; 
	text-decoration: underline;
}
/* ============================ */
#flagi{
	display: block;
	float: left;
	height: 140px; /* wysokość incfile*/
	width: 370px;
	text-align: right;
}
#flagi p{
	display: block;
	width: 156px;
	float: left;	
	color: #FFF;
	font-size: 10px;
	margin: 10px 5px 0px 0px;
	vertical-align: middle;
}
#flagi div{
	margin: 13px 0px 0px 0px;
	float: left;
}
/* ====================== LOGO LYSON ====================== */
#logo{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 140px; /* wysokość incfile*/
	width: 400px;
	float: left;
}
#logo #logoLewa{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 100px;
	text-align: right;
}
#logo #logoLewa p,
#logo #logoLewa h1{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#logo #logoLewa p.PPHU{
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold; 
}
#logo #logoLewa p.Tomasz{
	position: absolute;
	color: #FFF;
	top: 27px;
	right: 30px;
}
#logo #logoLewa h1.LYSON{
	position: absolute;
	top: 30px;
	right: 0;
	font-weight: bolder;
	font-size: 55px;
	text-transform: uppercase;
}
#logo #logoLewa p.ProdSprzPszcz{
	position: absolute;
	top: 82px;
	right: 0;
	font-weight: bold; 
	font-size: 11px;
}
#logo #logoPrawa{
	position: absolute;
	top: 0;
	left: 205px;
	/* width: 100px; */
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	border-left: 1px solid #FFF;
}
#logo #logoPrawa a{
	color: #FFF;
	text-decoration: none;
}
#logo #logoPrawa a:hover{
	text-decoration: underline;
	background-color: #004994;
}
#logo #logoPrawa p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#StronaStartowa{
	/* <a href="index.php" id="StronaStartowa"><b>Strona startowa</b></a> */
	position: absolute;
	top: 100px;
	left: 0;
	display: block;
	height: 140px;
	width: 200px;
}
#StronaStartowa b{
	display: none;
}
/* ============================ */
#BlockPrim #menu9Bottom{
	width: 770px;
	float: left;
	color: #FFF;
	background: url(../p/bg_bottom.gif);
	font-size: 10px;
}
#BlockPrim #menu9Bottom #wrs01{
	margin: 30px 0px 0px 210px;
	text-align: center;
}
#BlockPrim #menu9Bottom #wrs01 a{
	text-decoration: none;
	color: Maroon;
	font-weight: bold;
}
#BlockPrim #menu9Bottom #wrs01 a:hover{ text-decoration: underline;	}
#BlockPrim #menu9Bottom #wrs01 a:hover span,
#BlockPrim #menu9Bottom #wrs01 a.mnuWybrane{ color: #000; cursor: default;}

#BlockPrim #menu9Bottom #wrs02{
	margin: 5px 0px 0px 210px;
	text-align: center;
}
#BlockPrim #menu9Bottom #wrs02 a,
#BlockPrim #menu9Bottom #wrs03 a{
	text-decoration: none;
	color: #FFD700
}
#BlockPrim #menu9Bottom #wrs02 a:hover,
#BlockPrim #menu9Bottom #wrs03 a:hover{
	text-decoration: underline;
}
#BlockPrim #menu9Bottom #wrs03{
	display: block;
	text-align: center;
	margin: 0px 0px 5px 210px;
	color: #2372BF;
}

/* ============================ */
#BlockLeft{
	margin: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 210px;
	background-image: url(../p/kol1_middle.jpg);
	float: left;
}
/* ============================ */
#BlockLeft .cont{
	background-image: url(../p/bg_top.jpg);
	background-repeat: no-repeat;
	background-position:  0px -240px;
}
#BlockLeft .cont .tytul{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

#BlockLeft .cont a.tx10{
	font-size: 10px;
}
#BlockLeft .cont p{
	padding: 0px 20px 0px 20px;
	font-size: 12px;
}
#BlockLeft .cont ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 20px;
	list-style: none;
	color: #004994;
}
#BlockLeft .cont ul li{
	/* */
}
#BlockLeft .cont li h2{
	text-align: left;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#BlockLeft .cont li a,
#BlockLeft .cont li h2 a{
	padding: 2px 10px 2px 3px;
	display: block;
	border-bottom: 1px solid #A6D1FF;
	font-weight: normal;
	text-decoration: none;
	color: #004994;
}
#BlockLeft .cont li a:hover,
#BlockLeft .cont li h2 a:hover{
	color: #F2F9FF;
	background-color: #004994;
}
#BlockLeft .cont .bottom{
	background-image: url(../p/kol1_bottom.jpg);
	display: block;
	width: 210px;
	height: 24px;
}
/* ================================== */
#BlockLeft .cont form{
	text-align: right;
}
#BlockLeft .cont .forform{
	margin: 0px 22px 10px 10px;
	padding: 5px 3px 5px 10px;
	font-size: 11px;
	color: #004994;
	background-color: #F2F9FF;
	border-top: 1px solid #A6D1FF;
	border-bottom: 1px solid #A6D1FF;

}
#BlockLeft .cont .forform input.inp{
	width: 90px;
	margin: 3px 0px 0px 0px;
	border: 1px solid #A6D1FF;
	background-color: #FFF;
	color: #004994;
	font-size: 12px;
}
#BlockLeft .cont .forform input.btn{
	margin: 3px 0px 0px 0px;
	border: 1px solid #A6D1FF;
	background-color: #FFF;
	color: #004994;
	font-size: 12px;
}
#BlockLeft .cont .forform ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#BlockLeft .cont .forform ul li a{
	display: inline;
	border: none;
	color: #000;
	font-size: 11px;
}
#BlockLeft .cont .forform ul li a:hover{
	color: #004994;
	background-color: transparent;
	text-decoration: underline;
}
/* ============================ */
#BlockRight{
	width: 550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	margin-top:15px;
}
/* ============================ */
.kol31cont{
/*	to jest kontener na #BlockRight .kol31
	w 3-kolumnowym układzie - blok zajmuje 1 kolumnę 
	175+6=181px
*/
	width: 178px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.kol31{
	width: 175px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 3px;
	float: left;
	border: none;
}
.kol31nagl{
/*	
w 3-kolumnowym układzie - blok Z NAGŁÓWKIEM zajmuje 1 kolumnę
*/
	width: 175px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 3px;
	float: left;
	background: url(../p/zapytanie.gif) no-repeat;
	text-align: center;
}
.kol31nagl .tyt{
	color: #E1F0FF;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.kol31nagl div{
	width: 155px;
	margin: 0px 10px 0px 10px;
	text-align: left;
	font-size: 10px;
}
.kol31nagl div ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
.kol31nagl div ol li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.doc{	list-style: url(../p/ico/doc.gif);}
.xls{	list-style: url(../p/ico/xls.gif);}
.pdf{	list-style: url(../p/ico/pdf.gif);}
/* ============================ */
.kol32cont{
	display: block;
	float: left;
	width: 363px;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
/*	
	363+6=369px
	to jest kontener na #BlockRight .kol31 i .kol32
	w 3-kolumnowym układzie - blok zajmuje 2 kolumny 
	356+6=362
*/
}
.kol32{
	display: block;
	width: 363px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: left;
	border: none;
}
/* =========================== */
.PromoNews{
	width: 363px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: left;
	border: none;
	background: url(../p/kol32block_top.gif) no-repeat top;
}
.PromoNews div,
.PromoNews img
{
	float: left;	
}
.PromoNews .toR {
	display:block;
	text-align:right;
	width:210px;
}
.PromoNews .toR a{
	padding: 0 20px 0 0;
}

.PromoNews .value{
	width: 363px;
	padding: 6px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: none;
	background: url(../p/kol32block_bottom.gif) no-repeat bottom;
}
.PromoNews .value .txt{
	width: 220px;
	margin: 0px 0px 0px 5px;
}
.PromoNews img{
	border: 1px solid #004994;
	margin: 0px 0px 0px 7px;
}
.PromoNews h1{
	display: block;
	padding: 0 0 0 5px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	background: #004994;
	}
.PromoNews h2,
.PromoNews h3{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #CD0000;
	float: left;
}
.PromoNews a{
	color: #004994;
}
.PromoNews p{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

.PromoNews ol,
.PromoNews ul{
	margin: 5px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}
/* --- */
.PromoNewsWiecej h1{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #004994;
}
.PromoNewsWiecej img{
	border: 0px solid #004994;
}
.PromoNewsWiecej h2{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #CD0000;
}
.PromoNewsWiecej p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.PromoNewsWiecej ul{
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}
.PromoNewsWiecej table{
	border: 1px solid #CCC;
}
.PromoNewsWiecej table td{
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #CCC;
}
/* ============================ */
#BlockRight .kol21{
/*	
w 2-kolumnowym układzie - blok zajmuje 1 kolumnę
*/
	width: 265px;
	padding: 0px 3px 0px 3px;
	float: left;
}
/* ============================ */
/* ======================================================== */
/* ============== /formatyowanie designu ================== */
/* ======================================================== */
/* ======================================================== */
/* =============== formaty dla poszczególnych stron ======= */
#kontakt a{
	font-size: 10px;
}
/* ======================================================== */
#dystryb a{
	font-size: 10px;
}
/* ======================================================== */
form.formularzZapytanie{
	margin: 0 0px 10px 0px;
	width: 150px;
	padding: 0 0 0 0;
	display: block;
	float: none;
	font-size: 10px;
	text-align: left;
}
form.formularzZapytanie div{
	width: 100%;
	display: block;
	margin: 3px 0 0 0;
	padding: 0px 0px 0px 0px;
	float: left;
	line-height: 1.3em;
}
form.formularzZapytanie div div{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;                             
	width: 100%;
	float: left;
	line-height: 1.3em;
}
form.formularzZapytanie div div p{
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px; 
	line-height: 1.3em;
	font-size: 10px;
}
form.formularzZapytanie textarea,
form.formularzZapytanie input{
 	width: 100%;
	border: 1px solid #A6D1FF;
	background-color: #E1F0FF;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form.formularzZapytanie textarea:focus,
form.formularzZapytanie input:focus{
	background-color: White;
	color: #004994;
}
form.formularzZapytanie div.send{
	text-align: center;
}
form.formularzZapytanie div.send input{
	width: 8em;
}
form.formularzZapytanie p{
	margin: 0 0 3px 0;
}
.red {
	color: #CD0000;
} 
/* =================================== */
/* ======================================================== */
/* =============== dystrybutorzy ========================== */
#dystryb .kol31{
	margin: 0px 3px 0px 3px;
}
/* --- mailer --- */
.mailer_tabela{
	width: 70%;
	margin: 0 15% 0 15%;
}
.mailer_tabela tr td{
	padding: 0 15px 0 15px;
	color: #000;
	background: #FFF;
}
.mailer_tabela tr td.naglowek_szpalty{
	background: #004994;
	border: 1px solid #FFF;
	text-align: center;
	color: #FFF;
	padding: 3px 0 3px 10px;
	font-weight: bold;
}
.tresc_center{
	background: #E1F0FF;
	text-align: center;
}
/* --- */

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703; }
.success, .error { font-weight:bold; }
.messages { width:100%; overflow:hidden; list-style-image:none; margin:0px; padding:0px;
list-style-position:outside;
list-style-type:none;}
.error-msg, .success-msg, .notice-msg, .note-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    }
.error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top:3px;
}
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(../images/error_msg_icon.gif);
    }
.success-msg {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(../img/success_msg_icon.gif);
    list-style-image:none;
list-style-position:outside;
list-style-type:none;
    }
.notice-msg, .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background-color:#fafaec;
    background-image:url(../images/note_msg_icon.gif);
    }