body { margin: 0 auto; font-family: Tahoma,Verdana,ArialCE,HelveticaCE,Arial,Helvetica,sans-serif; font-size: 11px; color: #393939; background-color: #fff;}
table   { border: 0; padding: 0;}
td	{ padding: 5px 5px 5px 5px; 	vertical-align: top; font-size: 11px; color: #393939; }
form 	{ margin: 0; padding: 0;}
a       {  font-size: 11px; color: #5f7078; text-decoration: none; }
a:hover { font-size: 11px; color: #000; text-decoration: underline;}
img     { border: 0; margin: 0; }
.rez    { padding:5px 5px 5px 5px;}
.ere    {  color: #FF0000; font-weight: bold; font-size: 9px; }
h1 	{  float: left; color: #cbd1d4; font-size: 11px; margin: 0; padding: 0;}
h4 	{  color: #5f0e3b; font-weight: bold; font-size: 15px; margin-bottom: 6px;}
h1.ng, h2 	{float: none;  background: url(_gfx/znaczek.png) no-repeat; color: #939ea5; font-size: 17px; font-family:arial narrow,Helvetica,Tahoma; font-size: 21px; font-style:normal; padding: 3px 0 0 50px; min-height: 30px; font-style: italic;  margin: 10px 0 0 0; }
h3 	{  color: #c35511; font-weight: bold; font-size: 17px; font-family: arial narrow,Helvetica,Tahoma; font-size: 21px; font-style:normal;  margin-bottom:10px; }
.flash  { text-align: center; }
.baza { width: 100%; text-align: center; color: #fff; background-color: #FF0000; padding: 10px 0 10px 0; font-weight: bold; }

#header { margin: 0 auto;  }
#header .box { margin: 0 auto; overflow: hidden; width: 979px; position: relative; }
#container { margin: 0 auto; overflow: hidden; width: 979px; position: relative; padding: 5px 0 10px 0;}
#container .box { float: left; width: 979px; min-height: 370px; background: url(_gfx/tlo.jpg) repeat-x  #fff;}
#container .text { float: left; width: 919px; padding: 20px 30px 10px 30px; line-height: 0.7cm; text-align: justify;}
#container .home { float: left; width: 290px; padding: 0px 15px 0px 15px; }
#container .home  a, a:hover { color: #393939; text-decoration: none;}
#container .jpg { float: left; width: 100px; padding-right: 10px; }
#container .produkt1 { float: left; position: relative; margin-top: 5px;   width: 459px; min-height: 212px;  background-position: right; background: url(_gfx/bg_produkt1.png) no-repeat; }
#container .produkt2 { float: left; position: relative; margin-top: 5px;  width: 459px; min-height: 212px; background-position: right; background: url(_gfx/bg_produkt2.png) no-repeat; }
#container .system1 { float: left; position: relative; margin: 5px 4px 0 4px;   width: 299px; min-height: 240px; text-align: right;  background: url(_gfx/bg_system1.png) no-repeat; }
#container .system2 { float: left; position: relative; margin-top: 5px;  width: 299px; min-height: 240px; text-align: right;  background: url(_gfx/bg_system2.png) no-repeat; }
#container .produkt { float: left; width: 244px;  line-height: 0.45cm; font-size: 10px; padding: 10px;}
#container .produktlong { float: left; width: 344px;  line-height: 0.45cm; font-size: 10px; padding: 10px 10px 5px 50px; overflow: hidden;}
#container .online { float: left;  padding: 20px;}
#container .online img { border: 3px solid #e5e5e5; margin: 10px; }
#container .konto { background-color: #cc5310; padding: 20px;  margin: 10px; width: 300px; color: #fff;} 
#container .konto a { color: #fff; font-weight: bold; }
#container .swf_produkt { float: left; width: 392px; } 
#container .swf_lista { float: left; width: 152px; }
#container .text_produkt { float: left; width: 487px; padding: 0px 0px 20px 40px; }
#container .text_produkt a { color: #393939; }
#container .systemy { float: left; width: 919px; padding: 20px 30px 10px 30px; line-height: 0.7cm; text-align: justify; background: url(_gfx/tlo.jpg) repeat-x  #fff;}
#container .text_systemy { float: left; width: 487px; padding: 0px 0px 20px 40px; }
#container .text_systemy a { color: #393939; }
#container .wiecej {  position:absolute; bottom: 68px; right: 76px; }
#container .wiecej a { color: #fff; font-weight: bold; }
#container .wiecej a:hover  { color: #f7d2a5; text-decoration: none; }
#container .powrot {  float: left; width: 919px;  text-align: center;}
#container .powrot a { color: #fff; font-weight: bold;  padding: 7px; background-color: #df6d27;}
#container .powrot a:hover  { color: #fff; text-decoration: none; background-color: #64757d;}
#container .p_powrot { float: left; width: 889px; text-align: right; background: url(_gfx/powrot.png) no-repeat; background-position: right; font-weight: bold; padding: 2px 30px 2px 0;} 
#container .p_powrot a { color: #fff;  font-size: 10px; }
#container .p_powrot a:hover  { color: #f7d2a5;  }
#container .wiecej2 {  position:absolute; bottom: 10px; right: 32px; }
#container .wiecej2 a { color: #fff; font-weight: bold; }
#container .wiecej2 a:hover  { color: #f7d2a5; text-decoration: none; }
#container .goramenu a { padding: 5px 9px 5px 9px; background-color: #c6cdd2; color: #666a6d; margin: 1px; font-size: 13px; font-weight: bold;}
#container .goramenu a:hover { text-decoration: none; background-color: #666a6d; color: #fff;}
/*#container  img { float: left; margin: 0 4px 2px 0; } */
#container table.zas { line-height: 0.3cm; font-size: 8px; } 
#container  tr.p1 { background-color: #e3ebee; }
#container  tr.p2 { background-color: #ebf5fd; }
#container  td { padding: 2px 5px 0 7px; margin: 0; font-size: 10px; }
#container  td.t1 { width: 70%;  font-size: 10px;}
#container  td.t1 a { font-size: 10px; }
#container  td.t2 { width: 50%;  font-size: 10px;}
#container  td.t2 a { font-size: 10px; }
#container  td.zas { width: 33%; text-align: left;}
#container  table { width: 100%; }
#container  ul	{ margin: 0;   }
#container  li	{margin: 0;  list-style-image: url('_gfx/li.gif'); }
#container .form { float: left; width: 430px; margin-left: 15px;  }
#container  .for { float: left; }
#container  .for span { color: #ff0000; }
#container  form label { float: left; margin: 3px 0; padding: 2px 10px 2px 0; width: 110px; }
#container  form label span { color: #ff0000; }
#container  form input, #container form textarea, #container  form select  { margin: 4px 0; padding: 3px; border: 1px solid #e5e5e5; background-color: #f9f9f9; color: #666; cursor: pointer; }
#container  form input.radio { margin: 0 10px 0 0; padding: 0; border: 0; background-color: #fff; vertical-align: middle; }
#container  form input.button { margin-right: 4px; padding: 5px 10px; border: 0px; background-color: #e5e5e5; }

/* page */
#page .p_main { float: left; width: 919px;  }
#page .p_txt   { float: left; width: 919px;  line-height: 0.5cm; text-align: justify; }
#page .kontakt_prawa { float: right; padding-left: 20px;}
#page .p_mbok { float: left;  width: 293px; margin: 10px 32px 10px 10px; padding: 20px 20px 160px 20px; line-height: 0.4cm; text-align: left;  background: url(_gfx/menu_bok.jpg) repeat-x  #54666f; background-position: bottom;} 
#page .p_mbok_a { float: left;  width: 258px; padding: 1px 1px 3px 1px; }  
#page .p_mbok_a a { font-size: 11px;  color: #fff; padding: 1px; }
#page .p_mbok_a a:hover { font-size: 11px; color: #fff;  padding: 1px 2px 2px 1px; text-decoration: underline;}
#page .p_prawa { float: left; width: 564px; }
#page td.p_menuimgtd { float: left;  width: 148px; padding: 2px 2px 6px 2px;}
#page .p_menuimgdiv { float: left;  width: 148px;  text-align: center; } 
#page .p_menuimgdiv a {font-weight: bold; color: #323e44; font-size: 11px;  padding: 2px 2px 2px 2px; } 
#page .p_menuimgdiv a:hover {font-weight: bold;  font-size: 11px; color: #d9570f; padding: 2px 2px 2px 2px; text-decoration: none;} 
#page .p_dolmenu { float: left;  text-align: center; color: #fff; width: 919px; padding: 10px 0px 10px 0px; text-transform: uppercase; }  
#page .p_dolmenu a { font-size: 10px; font-weight: bold; color: #323e44; padding: 2px 2px 2px 2px;}
#page .p_dolmenu a:hover { font-size: 10px; font-weight: bold; color: #d9570f;  }
#page .p_miniaturka  { float: left; margin:  0px 9px 9px 0px; }
#page .p_galeria { float: left;  text-align: center;  width: 919px; padding: 4px 0px 4px 0px; }
#page .p_mapa { float: left; width: 919px; padding: 4px 0px 4px 0px; text-align: center; }
#page td.p_gal { padding: 2px 2px 6px 2px; }
#page .p_film { float: left;  text-align: center;  width: 919px; padding: 4px 0px 4px 0px; }
#page .p_pliki { float: left;  text-align: center;  width: 919px; padding: 4px 0px 4px 0px; }
#page  table.txt { width: 90%; }
#page  td { font-size: 12px;  }
#page  td.t1 { background-color: #fef8f3;  text-align: center; width: 250px; }
#page  td.t2  { background-color: #faeada;  text-align: center; width: 250px; }
#page  tr.p1 { background-color: #e3ebee; }
#page  tr.p2 { background-color: #ebf5fd; }
#page  td.td30 { width: 30%; text-align: left; font-size: 10px; font-weight: bold;}
#page .p_powrot { float: left; width: 889px; text-align: right; background: url(_gfx/powrot.png) no-repeat; background-position: right; font-weight: bold; padding: 2px 30px 2px 0;} 
#page .p_powrot a { color: #fff;  font-size: 10px; }
#page .p_powrot a:hover  { color: #f7d2a5;  }
#page .i_powrot { float: right; text-align: center; width: 530px;  padding: 4px 0px 4px 0px; }
#page .i_powrot a  { color: #323e44; font-size: 10px; font-weight: bold; padding: 5px;}
#page .i_powrot a:hover { color: #d9570f; font-weight: bold;}
#page .p_nag { padding-bottom: 6px; }
#page .p_podzial { float: left; width: 330px; padding-right: 5px;}
#page .p_img { float: left; margin: 0 9px 3px 0; border: 1px solid #bbbec0; padding: 1px;}
#page img { margin: 0 9px 3px 0; border: 1px solid #bbbec0; padding: 1px;}
#page .p_brak { border: 0; }
#page  ul	{ margin: 0;   }
#page  li	{margin: 0;  list-style-image: url('_gfx/li.gif'); }
#page .p_news { float: left; width: 880px; margin: 10px 19px 10px 20px;  line-height: 0.5cm; text-align: justify; font-size: 11px; border-bottom: 1px solid #d5d5d5; }
#page .p_news  a { font-size: 11px; color: #323e44; }
#page .p_news  a:hover { font-size: 11px; color: #d9570f; text-decoration: none;}
#page .p_czytaj { float: right;  padding-top: 3px; }
#page .p_czytaj a  { color: #323e44; font-size: 10px; font-weight: bold;}
#page .p_czytaj  a:hover { color: #d9570f; font-weight: bold;}
#page .p_porcjowanie { float: right;  color: #556770;  padding: 10px 0px 10px 0px; }
#page td.p_porcjowanie_td { color: #fff; font-size: 10px;}
#page .p_porcjowanie a  { color: #323e44; font-size: 10px; font-weight: bold;}
#page .p_porcjowanie  a:hover { color: #d9570f; font-weight: bold;}
#page .p_mapastrony   { float: left; width: 919px;  line-height: 0.5cm; text-align: justify; font-size: 11px;}
#page .p_mapastrony  a { color: #323e44; font-size: 11px;}
#page .p_mapastrony a:hover { color: #d9570f; font-weight: bold; text-decoration: none; font-size: 11px;}
#page .mapa { float: left; width: 423px; margin-top: 20px;}
#page  td.m{ font-size: 11px; text-align: left; padding: 6px; line-height: 0.4cm; }
#page  tr.m1 { background-color: #f6f7f8; }
#page  tr.m2 { background-color: #e8e9e9; }
#page .lista { float: left; padding-left: 30px; width: 466px;}
#page .wroc { float: left; width: 466px; text-align: center; font-weight: bold; padding-top: 20px;} 
#page .wroc { color: #413b40;  font-size: 10px; }
#page .wroc a:hover  { color: #000;  }
#page .prawa { float: right; width: 500px; padding-left: 30px; min-height: 300px; margin-left: 40px; border-left: 1px solid #e0e0e0;}
#page  .for { float: left; }
#page  form label { float: left; margin: 3px 0; padding: 2px 10px 2px 0; width: 150px; }
#page  form label span { color: #ff0000; }
#page  form input, #page form textarea, #page  form select  { margin: 4px 0; padding: 3px; border: 1px solid #e5e5e5; background-color: #f9f9f9; color: #666; cursor: pointer; }
#page  form input.radio { margin: 0 10px 0 0; padding: 0; border: 0; background-color: #fff; vertical-align: middle; }
#page  form input.button { margin-right: 4px; padding: 5px 10px; border: 0px; background-color: #e5e5e5; }
/* page koniec */
#footer { margin: 0 auto;  }
#footer .box { margin: 0 auto; overflow: hidden; width: 979px; position: relative;  }
#footer .boxLogo { float: left; width: 948px; background: url(_gfx/pasek_dol.jpg) no-repeat; padding-left: 31px; }
#footer .text { color: #fff; font-size: 11px; padding-top: 14px;}
#footer .text  a { color: #fff; padding: 0 10px; }
#footer .text  a:hover { color: #e3e3e3;}
#footer .link { float: left; color: #fff; padding-right: 30px; }
#footer .link  a { margin-left: 15px; border-left: 1px solid #afafaf;  } 
#footer   ul { margin: 0; padding: 5px 0 0 20px;  }
#footer   li { margin: 0; list-style-image: url('_gfx/li.gif'); }
#footer .logo { float: right; }
#footer .boxMenu { float: left; width: 949px; font-size: 11px; color: #cbd1d4; padding: 10px 10px 0 20px; }
#footer .boxMenu a { color: #cbd1d4; padding: 5px;  font-size: 11px;}
#footer .boxMenu a:hover { color: #aaaeb0; text-decoration: none; }
#footer span.top a { float: right; color: #797979; font-weight: bold; font-size: 9px; padding: 2px;  margin: 1px;}
#footer span.top a:hover  { color: #fff; font-weight: bold;  background-color: #cbd1d4; }
#footer .kud { float: left; width: 949px; color: #e1e7ea; font-size: 11px; padding-top: 5px;} 
#footer .kud a { color: #e1e7ea; font-size: 11px;}
#footer .kud a:hover { color: #df6d27; }

div.menu_dolne{overflow: hidden;}
div.menu_dolne ul{padding: 5px 0 0 0 !important; float:left;}
div.menu_dolne li{
background:url("_gfx/li.gif") no-repeat scroll 2px 4px transparent;
list-style-type:none;
list-style-image: none !important;
padding-left:10px;
}
div.menu_dolne div.produkty{
  display:block;
  float:left;
  overflow:hidden;
  width:350px;
}
div.menu_dolne div.produkty li{
  float:left;
  width:159px;
}
div.menu_dolne div.systemy{
  display:block;
  float:left;
  overflow:hidden;
  width:315px;
}
div.menu_dolne div.inne{
  display:block;
  float:left;
  overflow:hidden;
  width:200px;
}

/* ======================== popup wielkanocny ================================ */

.opacity-zyczenia {
	position: fixed;
	top: 0px;
	opacity:0.60;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
	width: 100%;
	height: 100%;
	background: #ffffff url(/kartki_swiateczne/luski.jpg) left top;
	z-index: 10;
}
.opacity-zyczeniaform {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -347px;
	margin-top: -228px;
	width: 695px;
	height: 456px;
	z-index: 20;
	background: url(/kartki_swiateczne/boze_narodzenie_2011.png) no-repeat;
}