﻿/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top;}

caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
.replacement {   z-index: 10; background-repeat: no-repeat; }
a:link, a:visited { text-decoration:underline; }
a:hover { text-decoration:none;}
a .replacement {	z-index: 20; cursor:pointer; }
/* </default rules> */

/* elements */
body { font-family: Arial, sans-serif; font-size:12px;   }

a:link, a:visited { text-decoration:none;  }
a:hover { text-decoration:underline;  }


h2 {  text-transform:uppercase; }
.titlePage { font-size:16px; margin:10px 0 20px 0; padding:0 15px; font-weight:bold; }

input.tekst { font:11px Arial; border:1px solid; padding:2px 4px; }
select { font:11px Arial; border:1px solid; padding:2px 4px; }

#wrapper { width:979px; margin:0 auto; }

#tools ul { padding:3px 0 3px 0; text-align:right; }
#tools li { display:inline; padding:0; font-size:10px; }
#tools a {border-left:1px solid; padding: 0 10px; }
#tools .first { border:0; }

#navi { width:612px; float:left; }
#foto { width:367px; float:left; }

#logo { width:612px; }
#logo h1 { display:inline; position:relative; float:left; width:328px; height:86px; overflow:hidden; }
#logo h1 .replacement { position:absolute; left:0; top:0; width:328px; height:86px; background-image:url('../pix/logo-medisept.gif'); }

#menu {position:relative; padding-top:20px; margin-bottom:-20px; clear:both; width:612px; height:46px; }
#menu .glowna { padding:30px 0 3px 0; text-align:center; height:100%;  }
#menu .glowna td { padding:0; font-size:11px; font-weight:bold; }
#menu .glowna a { padding-left:20px; padding-right:20px;  padding-top:10px; vertical-align:middle;   }
.statyczneMenuGlowne{height:100%;}
.statyczneMenuGlowne a{vertical-align:middle;}

#search { width:979px; height:49px; padding-top:6px; }
#search table { width:98%; }
#search td { text-align:center; }
#search .col1 { width:355px; }
#search .col2 { width:215px; }
#search .col3 { width:215px; }
#search .col4 { width:194px; }
#search select { width:200px; }
#search .tekst { width:150px; }
#search .col1 .tekst { float:left; width:150px; margin-left:31px; font-size:12px; }
#search .btn { padding:0px 0 0 4px; }

#layout { margin:8px 0 0 0; }

#leftColumn { width:203px; float:left; }
#contentColumn { width:552px; float:left; margin:0px 10px 0px 11px; z-index:20;}
#rightColumn { width:203px; float:right; }
#koszykColumn { width:765px; float:left; margin-left:11px; }


.koszyk { background:url('../pix/module-bg-koszyk.gif') repeat-y; margin-bottom:8px;
}
.koszyk form { margin:0px 5px 9px 15px; }
.koszyk ul { margin:15px 15px 0px 15px; line-height:1.4; }
.koszyk h2 { background:url('../pix/module-header-koszyk.gif') no-repeat;}
.koszyk .footer { background:url('../pix/module-footer-koszyk.gif') no-repeat; 
padding-top:6px; }
.koszyk .suma { font-weight:bold; padding-top:10px;}

#buttons h3 { display:inline; position:relative; float:left; width:203px; height:61px; overflow:hidden; }
#buttons h3 .replacement {position:absolute; left:0; top:0; width:203px; height:61px; }

#icons { margin-bottom:10px; }
#icons .promocje { display:block; background:url('../pix/icon-promocje.gif'); float:left; width:139px; height:46px;  }
#icons .hit {   float:left; width:139px; height:46px; }
#icons .nowosci { display:block;   float:left; width:139px; height:46px;}
#icons .wyprzedaze { display:block; float:left; width:135px; height:46px; }

.pakietAnty1
{
     height:264px; 
     width:545px;
     background-image:url('../../pix/pakieta-tlo.png');
}

.pakietAnty2
{
     height:264px; 
     width:545px;
     background-image:url('../../pix/pakietb-tlo.png');
}

.promobox { margin-top:15px; clear:inherit; }
.promo{      float:left; }
.promo h2 { padding:6px 0 0 15px; }
.promo ul { margin:0 15px; list-style:none; margin:0px; padding:0px;}
.promo .dezynfekcja { width:276px; height:106px; overflow:hidden; }
.promo .dezynfekcja .replacement { left:0; top:0; width:276px; height:106px; }
.promo .srodki {  width:276px; height:106px; overflow:hidden; }
.promo .srodki .replacement { left:0; top:0; width:276px; height:106px;}
.promo .materialy { display:inline;  width:276px; height:90px; overflow:hidden; }
.promo .materialy .replacement { left:0; top:0; width:276px; height:90px; }
.promo .sprzet { display:inline;  width:276px; height:90px; overflow:hidden; }
.promo .sprzet .replacement { left:0; top:0; width:276px; height:90px;  }

.wyprz-left {float:left; }
.wyprz-left ul{ margin:0 15px; list-style:none; margin:0px; padding:0px; }
.wyprz-left h2{padding:6px 0 6px 15px;  background:url('../pix/niebieskie/promobox-header.gif') no-repeat; }
.wyprz-right{float:right;}
.wyprz-right ul{ margin:0 15px; list-style:none; margin:0px; padding:0px;}
.wyprz-right h2{ padding:6px 0 6px 15px;  background:url('../pix/niebieskie/promobox-header.gif') no-repeat;}


.news { margin-top:15px; }
.news h2 {height:24px; padding:8px 0 0 15px; }
.news dl { width:272px; float:left; }
.news dt { font-weight:bold; padding:20px 15px 0 15px; }
.news dd { padding:0px 15px 0px 15px; }
.news .more { text-align:right; padding-bottom:10px; }

/*.login { position:relative; }*/
.login .tekst { width:162px; margin-left:16px; }
.register{
    margin-left:15px;
    font-size: 10px;
    line-height: 1.1;
    float:left;
}

#mapa {margin-left:1px;}

#footer { text-align:center; font-size:11px; margin-bottom:30px; }
#footer .links { padding:10px 0; margin:10px 0;}

/* subpage */
.lokalizacja { padding:3px 5px 3px 15px; width:100%; }


/*PRZYCISK*/

.btnYellow
{
    background-image:url('../pix/btnYellow.png');
    color:White;
}

/* page: PRODUKTY */
#products { margin:10px 0;}
#products th { font-weight:bold; padding:3px 0; }
#products td { padding:10px 0; vertical-align:top; }


#products .product { width:181px; padding-left:15px; vertical-align:middle;}
#products .foto { width:104px; text-align:center; vertical-align:middle; }
#products .prize { width:85px; border-left:1px solid; text-align:center; vertical-align:middle; }
#products .vat { width:59px; border-left: 1px solid; text-align:center; vertical-align:middle; }
#products .basket { width:105px; border-left: 1px solid; text-align:center; vertical-align:middle; }
#products .snetto { width:128px; text-align:center; border-left: 1px solid; vertical-align:middle; }
#products .usun { width:85px; text-align:center; border-left: 1px solid; vertical-align:middle; }
#products .check { width:59px; border-right: 1px solid; text-align:center; vertical-align:middle; }

#products .foto .img { border:1px solid; vertical-align:middle; }
#products .basket input { width:25px; border:1px solid; font:11px Arial; padding:2px 4px; vertical-align:middle; }

#products .name { font-weight:bold; vertical-align:middle; }
#products .producent {vertical-align:middle; }
#products .details { padding-top:5px; vertical-align:middle; }

#products .ps { padding-top:10px; vertical-align:middle; }
#products .pagination { float:left; width:393px; vertical-align:middle; }
#products .submit { float:right; width:144px; vertical-align:middle; }

/* page: TRESC */
#tresc { padding: 0 15px; }
#tresc p { margin:10px 0; }
#tresc ul { margin:10px 20px; }
#tresc ol { margin:10px 25px; }
#tresc ul li { list-style:square; }
#tresc ol li { list-style:decimal; }

/* page: KOSZYK */
.summary { padding:10px 0 10px 435px; font-weight:bold; }
.summary .label {width:110px; display:block; text-align:right; padding-right:20px; float:left;  }

.koszykBtn { padding:10px 0; }
.koszykBtn li { float:right;}
.koszykBtn .kontynuuj { float:left; }

/* page: PRODUKT */
.product { margin:10px 0; padding:0 15px; }
.product .prodName { float:left; }
.product .prodPrice { float:right; }
.product .prodPrice dd { text-align:right; }
.product .prodHeader { margin-bottom:20px; }
.product .prodHeader dt { font-size:18px; }
.product .prodTresc { float:left; text-align:justify; width:320px; }
.product .prodFoto { float: right; width:180px; text-align:center;}
.product .prodFoto .ilosc {padding-bottom:5px; display:block; font-weight:bold;}
.product .prodFoto .ilosc input {width:25px; border:1px solid; font:11px Arial;padding:2px 4px; }

.product form { margin:10px 0 0 0; }

.product p { margin:10px 0 10px 0; }
.product ul { margin:10px 20px; }
.product ol { margin:10px 25px; }
.product ul li { list-style:square; }
.product ol li { list-style:decimal; }

.spektrumICzas table
{
    width:90%;
    margin:10px auto;
}
.spektrumICzas table td
{
    padding: 5px;
    
}
.extraInfo { margin:20px 0; }
.extraInfo h2 {padding:2px 10px 1px 10px;   }

.product .extraInfo h2 
{
     padding:2px 10px 1px 10px; 
     color:White; 
     background-color:#3D84AD;  
}

/*---nagłówek tabeli ze spektrum i czasem działania --*/
.spektrumHead
{
    background-color:#BAE1F7; 
    font-weight:bold; 
    text-align:center;
}

.skarbonka
{
    background:#aed7ff; 
    width:199px; 
    height:243px; 
    text-align:center; 
    color:#BA5555; 
    font-family:Arial; 
    font-weight:bold; 
    font-size:16px!important;
    border:solid 2px #207CA3;
    margin-bottom:20px;
    border-style:groove;
}

/*WEB PARTS*/
.module { margin-bottom:8px; width:203px; }
.module label {display:inline-block; text-align:center; }
.module label.pass { padding-top:5px; }
.module .tekst { width:162px;  margin-left:16px;}
.module .btn { margin:10px 0 0 93px; }
.module .footer {padding-top:6px; }
.module .benefits {margin:0 1px; font-size:10px; padding:7px 5px 3px 5px;
}



.naglowek {height:31px; padding:6px 0px 0px 15px; font-weight:bold; width:188px; }
.pustyObszar{ border-style:solid; border-width:1px; padding:3px;}
.naqlowek a{ margin-right:5px; margin-bottom:5px;}
/*WEB PARTS KOSZYK*/
.koszyk { background:url('../pix/module-bg-koszyk.gif') repeat-y;}
.koszyk form { margin:0px 5px 9px 15px; }
.koszyk ul { margin:15px 15px 0px 15px; line-height:1.4; }
.koszyk h2 { background:url('../pix/module-header-koszyk.gif') no-repeat;height:31px; padding:0px 5px 0px 15px; }
.koszyk .footer { background:url('../pix/module-footer-koszyk.gif') no-repeat; padding-top:6px; }
.koszyk .suma { font-weight:bold; padding-top:10px;}
.naglowekKoszyk {background:url('../pix/module-header-koszyk.gif') no-repeat;  height:24px; padding:7px 0 0 15px; font-weight:bold;}

.nazwaProd{ font-family:Trebuchet MS, Sans-Serif; font-size:12px; font-weight:bold; text-decoration:none; border-collapse:collapse; border-spacing:0;}
.nazwaProducenta{ font-family:Trebuchet MS, Sans-Serif; font-size:12px;}
.modalBackground
{
    background-color: #F0F0F9;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalRejestracja
{

    border: 2px solid;
    padding: 3px;
    /*display:none;*/
    width: 250px;
    padding: 10px;
    text-align:center;
}


.rejestracjaLabel{ cursor:pointer; }

.MaskedEditError{ background-color: #FB9799; }

.btnOk{ background:url('../pix/btn-ok.gif') repeat-y;
}

.podpowiedzi
{
    border: 1px solid #89B3D3;
    font-size: 11px!important;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 20000!important;
    padding: 5px;
    width: 500px!important;
    text-align: left;
    color: #ACACAC;
    background-color: #FFFFFF;
    margin:0px;
}
.podpowiedziKlienci
{
    border: 1px solid #89B3D3;
    font-size: 11px!important;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 20000!important;
    min-width: 500px!important;
    text-align: left;
    color: #ACACAC;
    background-color: #FFFFFF;
    margin:0px;
}
.podpowiedziItem
{
    padding: 2px;
    font-size:12px!important;
    color: #ACACAC;
    font-family: Arial, Helvetica, sans-serif;
    cursor: default;
    display: block !important;
}
.podpowiedziItem b
{
    color:Black;
}

.podpowiedziSelected
{
    font-size:12px!important;
    padding: 2px;
    color: #ACACAC;
    cursor: pointer;
    background-color: #E7F2F8;
}
.podpowiedziSelected b
{
    color:Black;
}
.popupMenu
{
    padding: 5px;
    border: 1px solid #003399;
    position: absolute;
    visibility: hidden;
    background-color: #FFCE43;
    z-index: 100;
}

.popupMenuLink
{
    font-weight: bold;
    color: #000000;
}

.customInfoBox-noBeak,
.customInfoBox-with-rightBeak,
.customInfoBox-with-leftBeak
{
position: absolute;
z-index:100002!important;
}

.block
{
    display: inline-block;
    width:290px;
    padding-left: 5px;
   text-align:center!important;
}

.leaf
{ 
   display:block;
    width:280px; 
    padding-left:10px;    
    text-decoration:none; 
    text-align:left!important;
 }

.root
{
    display: block;
    width: 300px;
    font-weight:bold;
    padding-left:0px;
    text-align:center!important;
}


.zielony
{
    font-weight: bold;
    color: #009500;
    margin: 5px 0;
    font-size: 13px;
    text-transform:uppercase;
}

.menu
{
    background-color:inherit;
    background-repeat:repeat-x;
    z-index:20000!important;
}

.NormalButton {
font-weight:normal;
width:100px;
}
.HighLightButton {
font-weight:bold;
width:100px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url('../pix/FilledStar.png');

}

.emptyRatingStar {
    background-image: url('../pix/EmptyStar.png');
}

.savedRatingStar {
    background-image: url('../pix/SavedStar.png');
}

.TabelaItem
{
    background-image: url('../pix/TabelaItemTlo.jpg');
    background-repeat: repeat-x;
    height: 27px;
    vertical-align: middle;
    text-align: center;
}
.TabelaItemOver
{
    background-repeat: repeat-x;
    height: 27px;
    vertical-align: middle;
    text-align: center;
}

.TabelaItemSelect
{
    background-repeat: repeat-x;
    height: 27px;
    vertical-align: middle;
    text-align: center;
}

.TabelaHeaderBlue
{
    background-repeat: repeat-x;
    height: 30px;
    font-weight: bold;
    font-size: medium;
    font-family: Arial Tahoma;
    color: White;
    text-align:center;
}
.przyciskGranatowy
{
    background-repeat: repeat-x;
    height: 20px;
    text-align: center;
}
/*Menu*/
.menuLewe ul.AspNet-Menu /* Tier 1 */
{
    width: 16em;
    margin:5px auto;
    z-index:1000!important; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
}

.menuLewe ul.AspNet-Menu ul  /* Tier 2 */
{
    border:solid 1px;
    top: -0.05em;
    left: 16em;
    width: 17em;
}

.menuLewe ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    border:solid 1px;
    top:-0.05em;
    left: 17em;
    width: 17em;
}

.menuLewe li /* all list items */
{
    width: 17em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


.menuLewe a, /* all anchors and spans (nodes with no link) */
.menuLewe span
{
    padding: 4px 2px 4px 8px;
}

.menuLewe li.AspNet-Menu-Leaf a, /* leaves */
.menuLewe li.AspNet-Menu-Leaf span
{
    background-image: none !important;
}

/*End Menu*/

/*Menu poziome*/
.AspNet-Menu-Horizontal
{
    width:100%;
}
#menu  ul.AspNet-Menu 
{
    margin-left:5em!important;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0 auto;
    padding: 0px auto;
    display: block;

}

#menu   ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: left;
    width: 8em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:center;

}

#menu ul.AspNet-Menu li a:hover
{
    text-decoration:underline;
}

  .AspNet-Menu-WithChildren ul
{
   margin:0;
	list-style:none;
	display:none;
	width:188px;
	position:absolute;
	top:15px;
	left:-4em;
    border:solid 1px;
}

#menu .AspNet-Menu-WithChildren ul li
{
    width: 15em!important;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding:4px;
    text-align:left!important;
}
  ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    display: block;
    text-decoration: none;
    margin:0 auto;

}
#menu .AspNet-Menu-WithChildren ul li a
{
    width: 16em;
     
}

.AspNet-Menu-WithChildren ul li a:hover
{
       text-decoration:none;
}

  ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
  ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
  ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

  .AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}

/*End Poziome*/

/*Tree*/
.Drzewo div.AspNet-TreeView ul li
{
    white-space: nowrap;
    padding: 3px 0 2px 0; 
} 

.Drzewo div.AspNet-TreeView ul ul
{
    margin: 2px 0 2px 10px;
}

.Drzewo div.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0;
}

.Drzewo div.AspNet-TreeView li a
{
    font-weight:bold;
    display:block;
    text-decoration: none;
}

.Drzewo div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    margin-left: 18px;
}

.Drzewo div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
{
    cursor: pointer;
}

.Drzewo div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url(../pix/collapse.gif) 0 -2px no-repeat;
    width: 15px;
    float:left;
    cursor: pointer;
}

.Drzewo div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background: url(../pix/expand.gif) 0 -2px no-repeat;
    width: 15px;
    float:left;
    cursor: pointer;
}


.Drzewo .AspNet-TreeView-ChildSelected
{
}

.Drzewo .AspNet-TreeView-ParentSelected
{
}

/*End Tree*/
.menu
{
    width:90%;
    z-index:1000;
    margin: 5px 0px 5px 10px;
}
.menuTlo
{
    width:90%;
    z-index:10000!important;
    margin: 5px 0px 5px 10px;
}
.menuItem
{
    color: Black;
    margin:0.5px 0px;
    z-index: 20000 !important;
    background-repeat: repeat;
}
.menuHover
{
    background-repeat: repeat-x;
}
.menuItem a
{
    color: Black;
    display:block;
    margin:0 5px;
    text-decoration:none;
    font-family:Arial;
    padding:2px;
}


.header
{
    background-repeat: repeat;
    font-weight: bold;
}
.content
{
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    text-align: justify;
    padding: 10px 10px 10px 20px;
}

.rejestracjaPanel
{
    text-align: center;
    font-family:Arial; 
    border: 1px solid;
    max-width:450px;
    padding:10px;
}

.rejestracjaPanel table
{                   
    margin:0 auto;
     text-align:right;
     font-weight:bold; 
     font-size:12px; 
}

.rejestracjaPanel table tr
{
    height:25px;
}
.rejestracjaPanel table tr td
{
     padding:3px    
}

.accordionHeader
{
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 19px;
    display: block;
    padding-left: 30px;
}
.accordionHeaderSelected
{
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 19px;
    display: block;
    padding-left: 30px;
}

.toolbar
{
    font-weight: bold;
    height: 23px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.thover
{
    background-repeat: repeat-x;
    background-color:Transparent;
    font-weight:bold;
}
.menuDynamic
{
    border:solid 1px;
    padding:2px 0px 0px 5px;
}
.toolbar a
{
    background-color:inherit;
    width:100%;
    text-decoration:none;
    display:block;
    margin:0px 10px 0px 0px;
    vertical-align:middle;
}

.dropDownMenu
{
    text-align:center; 
    font-size:12px; 
    font-family:Arial; 
    font-weight:bold; 
    border: solid 1px;
    background-repeat:no-repeat;
    background-position:right;
    background-color:White;
    padding:2px;
    width:200px;
}

.autoCompleteBox
{
    font-size:12px; 
    font-family:Arial; 
    border: solid 1px;
    padding:2px;
    width:250px;
}

.autoCompleteWatermark
{
    text-align:center; 
    font-size:12px; 
    font-family:Arial; 
    font-weight:bold; 
    padding:2px;
    width:250px;

}

/*ZAKŁADKI*/
.tab .ajax__tab_header {font-family:Arial;font-size:12px;  width:100%;}
.tab .ajax__tab_outer {height:21px;}
.tab .ajax__tab_inner {padding-left:0px;}
.tab .ajax__tab_tab {height:13px;padding:4px;margin:0px 3px 0px 3px;}
.tab .ajax__tab_body {font-family:verdana,tahoma,helvetica; border:1px solid;border-top:0;padding:8px;}
/*PRZYCISK*/
.btn 
{
    color:White;
    font-family:Tahoma;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    padding-bottom:4px!important;
    width:80px; 
    border-style:none;
    height:19px; 
    text-transform:uppercase; 
    font-size:10px;
}

.btnRed
{
    background:url('../pix/btnRed.png') no-repeat;
    color:White;
    font-family:Tahoma;
    cursor:pointer;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    width:80px; 
    border-style:none;
    height:19px; 
    text-transform:uppercase; 
    font-size:10px;
    padding-bottom:4px!important;
}
.btnYellow
{
    background-image:url('../pix/btnYellow.png');
    background-repeat:no-repeat;
    color:White;
    font-family:Tahoma  ;
    cursor:pointer;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    width:80px; 
    border-style:none;
    height:19px; 
    text-transform:uppercase; 
    font-size:10px;
    padding-bottom:4px!important;
}
/*TABELA*/
.tabelaHeader
{
    height:25px;
    padding-top:5px;
    font-weight:bold;
    text-align:center!important;
    border:solid 1px;
    background-color: #4090B3;
}
.tabelaHeader td
{
    text-align:center!important;
}
.tableSelectedRow
{
    background-image: url('../pix/TabelaItemSelect.jpg');
    background-repeat: repeat-x;
    background-color:#FBFFDE; 
    border:solid 1px #5D7B9D;
    height:30px!important;
}

.tableSelectedRow:hover
{
    background-image:none;
    background-repeat: repeat-x;
    height: 30px;
    background-color:White; 
    cursor:pointer;
}
.tableSelectedRow td
{
    padding:5px;
}
.tableRow
{
    background-repeat: repeat-x;
    min-height: 30px;
    cursor:pointer;
    border:solid 1px;
}
.tableRow td
{
    padding:3px;
}
.tableRow:hover
{
    background-image:none;
    background-repeat: repeat-x;
    height: 30px;
    background-color:White; 
    cursor:pointer;
}
.tableEditRow
{
    background-color:#FFFAEA;
    height:31px;
    padding:3px;
}


.niebieskiButton 
{
    background:#3D84AD url('../pix/btnBlueTlo.jpg') repeat-x;
    color:White;
    padding:2px 5px;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    border:solid 1px #3D84AD!important;
}
.niebieskiButton:hover
{
    border:solid 1px White!important;
    cursor:pointer;
}

.szaryButton 
{
    background:#767676 url('../pix/btnGrayTlo.jpg') repeat-x;
    color:White;
    padding:2px 5px;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    border:solid 1px #b9b9b9!important;
}
.szaryButton:hover
{
    border:solid 1px White!important;
    cursor:pointer;
}

.czerwonyButton
{
    background:#E23C49 url('../pix/btnRedTlo.jpg') repeat-x;
    font-weight:bold;
    color:White;
    padding:2px 5px;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    border:solid 1px #E23C49!important;
}
.czerwonyButton:hover
{
    border:solid 1px White!important;
    cursor:pointer;
}

.tableWarning
{
    background-image: url('../pix/warningRow.jpg');
    background-repeat: repeat-x;
    height: 30px;
    background-color:#FFFDD7; 
    cursor:pointer;
}
.tableWarning:hover
{
    background-image:none;
    background-repeat: repeat-x;
    height: 30px;
    background-color:#FFFEEA; 
    cursor:pointer;
}

.tableWarning td
{
    padding:5px;
}
.tableError
{
    background-image: url('../pix/errorRow.jpg');
    background-repeat: repeat-x;
    height: 30px;
    background-color:#FFDAD7; 
    border:solid 1px;
    cursor:pointer;
}
.tableError:hover
{
    background-image:none;
    background-repeat: repeat-x;
    height: 30px;
    background-color:#FFEBEA; 
    cursor:pointer;
}
.pnlOrders
{
   margin: 0px auto 20px auto; 
   width:100%;
}
/*TABELA Z DETALAMI*/
.tabelaDetale
{
    color:White;
    border:solid 1px;
    min-width:90%;
    margin-bottom:20px;
    margin:0 auto;
}
.tabelaDetale th
{
    height:24px;
    font-weight:bold!important;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}

.tabelaDetale .lewa
{
    text-align:left;
    padding:5px 5px 5px 5px;
}
.tabelaDetale .srodek
{    
    text-align:center!important;
    padding:5px!important;
}
/*PRZEZNACZENIE PANEL*/
.menuPanel
{
    max-height:250px; 
    width:302px;
    border:solid 1px;
    overflow-y:scroll; 
    z-index:1000;
}
/*PRODUKTY TABELA*/
.produktyHeader td
{
    color:White!important; 
    font-family:Arial;
    font-size:12px;
    padding:3px!important;
    font-weight:bold!important;
    text-align:center!important;
    
}

.produktyHeader td a
{
    color:White!important; 
    font-family:Arial;
    font-size:12px!important;
    font-weight:bold;
    text-align:center!important;
    margin:10px auto 10px auto!important;
    
}


/* Begin menu poziome */

#menuh-container
	{
	position: absolute;		
	top: 0.5em;
	margin-left:1em;
	
	}

#menuh
	{
	    width:100%;
	    margin: 1em auto 0 auto;
	}
	
#menuh a
    {
        text-align: center;
        display:block;
        white-space:nowrap;
        font-weight:bold;
        margin:0;
        padding: 0.3em;
    }	
		
#menuh a.parent
	{
	    text-align: center;
	    display:block;
	    white-space:nowrap;
	    color:#525496;
	    margin:0;
	    padding: 0.3em;
	}
	
#menuh a.parent:link, #menuh a.parent:visited, #menuh a.parent:active	/* menu at rest */
	{
	    text-decoration:none;
	}
	
#menuh a.parent:hover	/* menu at mouse-over  */
	{
        background-repeat: repeat-x;
	    text-decoration:none;
	}	
	



#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	width:20em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End Menu poziome */

/*Modal background*/
.modalTlo
{
    padding:10px; 
    max-width:300px; 
    border:solid 1px;
}
/*END Modal background*/

/* HIT TYGODNIA */
.hitTygodnia
{
    border:solid 1px #3B81A4;
    width: 511px;
    height:316px;
    margin:10px auto;
    background-image:url('../pix/hitTygodniaTlo.jpg');
    background-repeat:repeat-x;
    position:relative;
}

.hitTygodnia .nazwa
{
    font-size:18px;
    font-family:Arial;
    color:#093524;
}

.hitTygodnia .kod
{
   font-size:16px;
    font-family:Arial;
    color:#093524; 
}

.hitTygodnia .cena
{
    text-align:center;
    font-family:Arial;
    font-size:18px;
    color:#1D6147;
    margin-right:20px;
}

.hitTygodnia .cena .stara
{
    font-size:18px;
    text-decoration:line-through;
    color:#1D6147;
} 

.hitTygodnia .cena .cenaRed
{
    font-size:30px;
    color:#971F1F;
    font-weight:bold;
}

.hitTygodnia .zdjecie
{
    float:left;
    width:305px;
    height:236px;
    text-align:center;
}
    
/* END HIT TYGODNIA */

/* PROMOCJA BOX */

.promocjaBox
{
    width:533px;
    height:230px;
    background:url('../pix/promocjaTlo.jpg') no-repeat;
}



/* END PROMOCJA BOX*/

/* NAGRODY */
.nagrody
{
    width:171px;
    text-align:center;
    font:bold 12px Arial;
    color:#3986BA;
    height:188px;
    padding:5px;
    background: White url(../pix/nagrodyTlo.jpg) repeat-x;
}
.nagrodySelect
{
    border:solid 1px;
    width:171px;
    text-align:center;
    font:bold 12px Arial;
    color:#3D84AD;
    background-color:#FFFEE3;
}
.nagrody .check
{
    margin:0 auto;
}
.nagrodySelect .check
{
    margin:0 auto;
}
.nagrody .zdjecie
{
    border:solid 1px;
    width:60px;
    height:60px;
    
}
.nagrodySelect .zdjecie
{
    border:solid 1px;
    width:80px;
    height:80px;
    
}

/* TABELA Z PRÓBEK/PLANÓW/PARTNERA*/
.formularzTable
{
    margin:10px auto;
    text-align:right;
    font-weight:bold;
}
.formularzTable td
{
    
    padding:5px;
}

/* END TABELA Z PRÓBEK/PLANÓW/PARTNERA*/
.group:hover
{
    cursor:pointer;
    font-weight:bold;
}

/* Swinka SLIDER */
.slider-handle { position: absolute; background: url('../pix/swinka/swinka1.png') no-repeat; height: 40px; width: 40px; cursor:pointer; }

.slider-rail {position: relative; background: url('../pix/swinka/slider-rail.png') repeat-x;  height: 40px; width: 100%; }


/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 383px;
}
.message_list li {
	padding: 0;
	margin: 0;
	background: url(images/message-bar.gif) no-repeat;
}
.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}
.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.message_body {
	padding: 5px 10px 15px;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 383px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}

/*Przyciski do filtrowania produktów*/
.filtrBtn
{
    cursor:pointer;
    margin:3px 4px;
    
}


.filtrBtnOn
{
    display:block;
    cursor:pointer;
    float:left;
    margin:3px 10px;
    text-align:center;
    padding:3px;
    background-color:#FAFBC3;
    border:solid 1px #ADAB27!important;
}

.filtrBtnOff
{
    display:block;
    cursor:pointer;
    float:left;
    margin:3px 10px;
    text-align:center;
    padding:3px;
    background-color:#C9E5F5;
    border:solid 1px #357B9F!important;
}

.filtrBtnOn:hover, .filtrBtnOff:hover 
{
    background-color:#C9F5DC;
}

/*-------tabela planu dla PH -----*/
.planPhTabela
{
    margin:20 auto!important;
    font-family:Arial;
    border-style: solid;
    border-width: 2px;
    background-color: White;
}

.planPhTabela th
{
    background:#3D84AD url('../pix/btnBlueTlo.jpg') repeat-x;
    border-style: solid;
    border-width: 2px;
    border-color:Black;
    padding: 3px;
    font-weight: bold;
    color:White;
    font-size: 16px;
    text-align: center;
}

.planPhTabela .etykieta
{
    text-align: left;
    padding: 5px;
    font-weight: bold;
    border-left-style: solid;
    border-left-width: 2px;
    font-size: 16px;
    border-color:Black;
    background-color:#ADD8E6;
}

.planPhTabela .wartosc
{
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    background-color:#CEE8EB;
    border-color:Black;
}

/*------- koniec tabela planu dla PH -----*/

/*---- tabela realizacji względem masek produktów --*/
.realizacja 
{
    float:left;
    font-family:Arial;
    font-size:12px;
    overflow:visible;
    color:Black;
}

.realizacja .head
{
    background:#3D84AD url('../pix/btnBlueTlo.jpg') repeat-x;
    text-align:center;
    font-weight:bold;
    padding:3px;
    color:White;
}

.realizacja .etykieta
{
    text-align: left;
    background-color:#ADD8E6;
}

.realizacja .wartosc
{
    font-weight: bold;
    text-align: center;
    background-color:#CEE8EB;
}

.realizacja td 
{
    padding: 3px;
    border-color:Black;
    font-weight:bold;
}

.rowPh
{
    border-color:Black;
    background-color:#ADD8E6;
    color:Black;
}

.altRowPh
{
    background-color:#CEE8EB;
    border-color:Black;
    color:Black;
}

.rowPh td
{
    padding: 5px;
}

.altRowPh td
{
    padding: 5px; 
}

.headPh
{
    background:#3D84AD url('../pix/btnBlueTlo.jpg') repeat-x;
    text-align:center;
    font-weight:bold;
    padding:5px;
    color:White; 
}

.wykresyPh
{
    float:right;
}


/* ----- ph zamowienia ---- */


.blackHead
{
    background: Black url('../pix/blackHead.jpg') repeat-x top;
    color:White;
}

.blackHead td
{
    background: Black url('../pix/blackHead.jpg') repeat-x top;
    color:White;
}

.blackHead th
{
    background: Black url('../pix/blackHead.jpg') repeat-x top;
    color:White;
    padding:5px;
}

.blackHead th a
{
    color:White;
    font-weight:bold;
}
.phZamowieniaTable tr td
{
    padding:5px;
    color:Black;
}

.whiteRow
{
    background:White url('') ;
    color:Black;
    font-size:12px;
}

.whiteRow:hover
{
    background: #ECFFEB url('../pix/greenRow.jpg') repeat-x bottom;
}
.whiteRow td
{
    padding:5px;
}
.goldRow
{
    background:#FDFFEA url('../pix/goldRow.jpg') repeat-x bottom;
    color:Black;
    font-size:12px;
}

.goldRow:hover
{
    background: #ECFFEB url('../pix/greenRow.jpg') repeat-x bottom;
}

.goldRow td
{
    padding:5px;
}

.silverRow
{
    background: #F4F4F4 url('../pix/silverRow.jpg') repeat-x bottom;
    color:Black;
    font-size:12px;
}

.silverRow:hover
{
    background: #ECFFEB url('../pix/greenRow.jpg') repeat-x bottom;
}

.silverRow td
{
    padding:5px;
}

.silverLightRow
{
    background: #F9F9F9 url('../pix/silverLightRow.jpg') repeat-x bottom;
    font-size:12px;
    color:Black;
}

.silverLightRow:hover
{
    background: #ECFFEB url('../pix/greenRow.jpg') repeat-x bottom;
}

.silverLightRow td
{
    padding:5px;
}

.silverRow:hover
{
    background: #ECFFEB url('../pix/greenRow.jpg') repeat-x bottom;
}

.blueRow
{
    background: #F0F7FF url('../pix/blueRow.jpg') repeat-x bottom;
    color:Black;
    font-size:12px;
}

.blueRow:hover
{
    background: #ECFFEB url('../pix/greenRow.jpg') repeat-x bottom;
}
.blueRow td
{
    padding:5px;
}

/* zamienniki panel */
 .zamiennikContainer
{
    padding: 10px;
    background-color: #a9efa4;
    border: 1px solid #008000;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #3fa018;
    width:220px;
    margin-top: -100px;
}

.zamiennikContainer ul
{
    float:right;
    list-style-type:none;
}

.zamiennikHeader
{
    padding:10px;
    background-image: url('http://www.medi-sept.com.pl/pix/zamienniki.png');
    background-repeat: no-repeat;
    background-color: #3fa018;
    background-position: left center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #e7ffde;
    text-align: center;
    font-size: 13px;
    margin:-10px -10px 10px -10px;
}

.zamiennikNazwa
{
    text-align: center;
    margin-bottom:10px;
}

.zamiennikCena
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #800000;
    margin: 10px;
    float:right;
}

/* Users Menu */
#UsersMenu 
{
    width:600px;
}
#UsersMenu .AspNet-Menu-Horizontal
{
    width:600px;
}

#UsersMenu ul.AspNet-Menu
{
    width:600px;
}

#UsersMenu li.AspNet-Menu-WithChildren
{
    color:Green;
    padding-right:10px;
    padding-left:10px;
}

#UsersMenu li.AspNet-Menu-WithChildren>ul
{
    width:400px;    
    padding:4px;
    float:left;
}

#UsersMenu li.AspNet-Menu-Leaf
{
    padding:4px;
}

#UsersMenu li.AspNet-Menu-Leaf a
{
    color:Gray;  
    background-image:none;  
}

#UsersMenu li.AspNet-Menu-Leaf a:hover
{
    color:White;    
}

#UsersMenu li.AspNet-Menu-Leaf:hover
{
    color:Gray;    
    background-color:Black;
    background-image:none;  
}

