/********************************************************/
/*** ustawienia poczatkowe i style domyslne elementow ***/

body { font: 11px Verdana, sans-serif; margin: 0px; padding: 0px; background: #EEE; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.invert { text-decoration: underline; }
a.invert:hover { text-decoration: none; }
a img { border: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 { font-size: 14px; line-height: 30px; font-weight: bold; background: #014879 url(../images/h1_bg.gif) no-repeat; color: #FFF; padding-left: 18px; }

.clear { clear: both; line-height: 0px; font-size: 0px; }
.center { text-align: center; }
.hrDotted { height: 0px; line-height: 0px; border-top: 1px dotted #D1D3D4; }


/*********************/
/*** top i wrapper ***/

#top { height: 134px; background: url(../images/top_bg.gif); }
.wrapper { text-align: left; width: 965px; }


/**********************/
/*** zawartosc topu ***/

#top .loginBar { height: 25px; }
#top .loginBar .leftSide {}
#top .loginBar .leftSide a { float: left; margin-top: 3px; padding: 2px 5px; border-left: 1px dotted #B1B1B1; }
#top .loginBar .leftSide a.last { border-right: 1px dotted #B1B1B1; }
#top .loginBar .rightSide { float: right; padding-top: 2px; }
#top .loginBar .rightSide label { font-weight: bold; color: #58595B; }
#top .loginBar .rightSide form { padding-right: 10px; float: left; margin: 0px; }
#top .loginBar .rightSide input.text { border: 1px solid #B9B9B9; font-size: 10px; padding: 2px; }
#top .loginBar .rightSide input.submit { position: relative; top: 3px; }
#top .loginBar .rightSide a { border-left: 1px dotted #B1B1B1; float: left; margin-top: 2px; padding: 2px 10px; color: #58595B; text-decoration: underline; }
#top .loginBar .rightSide a:hover { text-decoration: none; }
#top .leftlogo { display: block; margin-top: 17px; }
#top .rightlogo { float: right; }
#top .cart { float: right; color: #FFF; text-decoration: none; }
#top .cart img { position: relative; top: 7px;  }
#top .menu { margin: 7px 0px 0px 0px; padding: 0px; }
#top .menu li { list-style-type: none; padding: 4px 13px; float: left; }
#top .menu li a { color: #FFF; }
#top .menu li.active { border: 1px solid #90BFDB; background: url(../images/menu_active_bg.gif) repeat-x; }
#top .menu li.active a { font-weight: bold; }

div#announcement{ text-align:center; width: 100%; font-size: 12px;}

/** Promocja 23-24 lipca **/
/*div#announcement div.a_content{ margin: 10px auto 10px auto; text-align: center; width: 925px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border: 1px solid red; color: #646464; font-weight: bold; font-size: 14px; padding: 10px; overflow: hidden; position: relative;
background: #ffffff url('/images/gift.jpg') no-repeat left top; -moz-box-shadow: 4px 4px 5px #888;}
div.a_content .red{ color: #AB2000; }
div.a_content .blue{ color: #1270AA; }
div#announcement .larger {font-size: 16px; margin-right: 5px;}
div#announcement div.a_content a{ color: #646464; margin-left: 5px;}
#przymiar {position: absolute; top: 0px; right: 55px;} */

div#announcement div.a_content{ margin: 10px auto 10px auto; text-align: center; width: 925px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border: 1px solid #c5c5c5; color: #646464; font-weight: bold; font-size: 14px; padding: 10px; overflow: hidden; position: relative;
background: #ffffff url('/images/eyes.jpg') no-repeat left top; -moz-box-shadow: 4px 4px 5px #888;}
div.a_content .red{ color: #AB2000; }
div.a_content .blue{ color: #1270AA; }
div#announcement .larger {font-size: 28px; margin-right: 5px;}
div#announcement div.a_content a{ color: #646464; margin-left: 5px;}



/*
div#announcement div.a_content{ margin: 0 auto; margin-top: 10px; text-align: center; width: 925px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
background-color: #8aadc8; color: #ffffff; font-weight: bold; font-size: 14px; padding: 10px; overflow: hidden; position: relative;}
div#announcement div.a_content span.larger{ font-size: 16px; margin-right: 5px;}
div#announcement div.a_content a{ color: #646464; margin-left: 5px;}
div#announcement div.a_content a:hover{ color: #646464; }
div.a_content .red{ color: #AB2000; }
div#announcement .larger {font-size: 16px; margin-right: 5px;} */
/** koniec fundacja **/



/*** okruszki ***/

.breadcrumbs { margin: 4px 0px 10px 6px; color: #808284; }
.breadcrumbs a { color: #014572; text-decoration: underline; }
.breadcrumbs a:hover { text-decoration: none; }


/************************/
/*** glowne kontenery ***/

#billboard { float: right; width: 750px; margin-bottom: 10px; }
#leftColumn { width: 206px; float: left; overflow: hidden; }
#centerColumn { width: 598px; margin-left: 2px; margin-right: 2px; float: left; overflow: hidden; }
#rightColumn { float: left; width: 157px; overflow: hidden; }
#mainColumn { float: left; margin-left: 9px; width: 750px; overflow: hidden; }


/*************************************/

/* Kontakt gg */
#leftColumn span.gg-status {color: #014572;}
#leftColumn img.gg-status {vertical-align: middle; border: 0px; color: #014572;}

/*** style dekoratora cieniujacego ***/

.shadowDecorator { margin-bottom: 5px; text-align: left; }
.shadowDecorator .main { background: url(../images/shadow_left.gif) repeat-y; overflow: hidden; }
.shadowDecorator .content { float: right; text-align: left; background: #FFF; margin: 0px; }
.shadowDecorator .c151 { width: 151px; }
.shadowDecorator .c200 { width: 200px; }
.shadowDecorator .c592 { width: 592px; }
.shadowDecorator .c750 { width: 744px; }
.shadowDecorator .leftTop { width: 6px; height: 6px; float: right; background: url(../images/shadow_corner_left_top.gif) no-repeat; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px; }
.shadowDecorator .bottom { height: 6px; background: url(../images/shadow_bottom.gif) repeat-x; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px; }
.shadowDecorator .leftBottom { width: 6px; height: 6px; background: url(../images/shadow_corner_left_bottom.gif) no-repeat; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px; }
.shadowDecorator .rightBottom { float: right; width: 6px; height: 6px; background: url(../images/shadow_corner_right_bottom.gif) no-repeat; font-size: 0px; line-height: 0px; padding: 0px; margin: 0px; }
.shadowDecorator .mainColumnIn { border-right: 1px solid #B9B9B9; border-bottom: 1px solid #B9B9B9; border-left: 1px solid #B9B9B9; padding: 20px; overflow: hidden; background: #FFF; }
.shadowDecorator .mainColumnIn p.content { color: #58595B; line-height: 16px; }
.shadowDecorator .mainColumnIn h1 { font-size: 11px; line-height: 19px; font-weight: bold; background: #811813 url(../images/h1_dot.gif) 0px 4px no-repeat; color: #FFF; padding-left: 18px;  margin-bottom: 10px; }
.shadowDecorator .searchBox { height: 47px; padding-left: 100px; border: 1px solid #B9B9B9; background: url(../images/search_bg.gif) right no-repeat; }
.shadowDecorator .searchBox form { padding-top: 13px; font-weight: bold; color: #58595B; }
.shadowDecorator .searchBox form .search-input { font-size: 10px; width: 200px; }
.shadowDecorator .searchBox form .search-select { font-size: 10px; width: 95px; }
.shadowDecorator .searchBox form .search-button { margin-left: 10px; position: relative; top: 3px; }


/********************************************************************/
/*** lewe menu, na wszelki wypadek, bo w chwili obecnej mamy Spry ***/

.leftMenu { margin: 0px; padding: 0px; border: 1px solid #D1D3D4; }
.leftMenu li { list-style-type: none; line-height: 25px; background: url(../images/leftmenu_bg.gif) repeat-x; padding-left: 29px; font-weight: bold; }
.leftMenu li.selected { background: #C30000 url(../images/leftmenu_opendot.gif) 10px 11px no-repeat; color: #FFF; font-size: 12px; }
.leftMenu li.sub { background: url(../images/leftmenu_subdot.gif) 20px 11px no-repeat; padding-left: 34px; border-bottom: 1px solid #FAC1C1; }
.leftMenu li a { color: #58595B; }


/***********************************************************/
/*** box z informacja o ilosci produktow na str. glownej ***/

.produktowWSklepie { height: 44; background: url(../images/produktow_w_sklepie_bg.gif) no-repeat; border: 1px solid #B9B9B9; padding-left: 5px; line-height: 40px; font-size: 26px; letter-spacing: -2px; font-weight: normal; color: #801812; }


/*************************************************************/
/*** box z produktem na stronie glownej (nowosc i promocja ***/

.mainPageProductBox { position: relative; width: 196px; height:440px; border-right: 1px dotted #D1D3D4; float: left; margin-top: 10px; }
.mainPageProductBox img.corner { position: absolute; right: 0px; }
.mainPageProductBox h2 { margin-left: 10px; margin-right: 60px; font-size: 12px; height: 50px; }
.mainPageProductBox h2 a { color: #12689D; }
.mainPageProductBox div.photo { text-align: center; border-bottom: 1px dotted #D1D3D4; overflow: hidden; position:relative; }
.mainPageProductBox div.regularPrice { background: url(../images/price_bg_regular.gif) repeat-x; font: bold 11px Verdana; line-height: 20px; color: #12689D; text-align: right; padding-right: 10px; }
.mainPageProductBox div.profdekPrice { background: url(../images/price_bg_profdek.gif) repeat-x; font: bold 11px Verdana; line-height: 20px; color: #AF120A; text-align: right; padding-right: 10px; }
.mainPageProductBox div.profdekPrice img { position: absolute; left: 10px; }
.mainPageProductBox p { margin: 10px; font: 11px Verdana; line-height: 16px; color: #58595B; }
.mainPageProductBox p a { color: #58595B; }
.mainPageProductBox p a.wiecej { color: #12689D; font-size: 10px; }
.mainPageProductBoxPromo { background: url(../images/corner_promocja.gif) top right no-repeat; }
.mainPageProductBoxNew { background: url(../images/corner_nowosc.gif) top right no-repeat; }


/**********************/
/*** karta produktu ***/

.productDescriptionContainer { width: 350px; float: left; margin-right: 45px; }
.productPrices { width: 100%; font-size: 11px; color: #12689D; margin: 10px 0px; }
.productPrices td.profdekIcon { line-height: 21px; color: #AF120A; }
.productPrices td.profdekIcon img { position: relative; top: 3px; }
.productPrices td.profdek { color: #AF120A; }
.productPrices td { border-bottom: 1px dotted #D1D3D4; width: 50%; text-align: left; padding-left: 10px; }
.productPrices td span { font-weight: bold; }
.productDescription { text-align: justify; color: #58595B; }

.productDetails { width: 300px; float: left; background: #E6E7E8; border: 1px solid #B9B9B9; }
.productDetails .photos { margin: 5px; }
.productDetails .photos div.image { float: left; margin: 5px; width: 85px; }
.productDetails .photos div.image table { border: 1px solid #B9B9B9; background: #FFF; text-align: center; }
.productDetails .attributes { font-size: 11px; width: 100%; }
.productDetails .attributes td { width: 50%; }
.productDetails .attributes td.attribute { color: #136598; font-weight: bold; text-align: right; }
.productDetails .attributes td.value { color: #BF0900; }
.productDetails .downloads { border: 1px solid #B9B9B9; background: #F1F1F2; overflow: hidden; margin: 5px; padding: 7px; }
.productDetails .downloads h2 { text-align: center; font-size: 11px; font-weight: bold; color: #58595B; }
.productDetails .downloads .download { float: left; width: 33%; height: 100px; text-align: center; margin-top: 10px; }
.productDetails .downloads .download a { color: #000; }
.productDetails .downloads .download img { margin-bottom: 5px; }
.productDetails .otherProducts { margin: 10px 5px; text-align: center; }
.productDetails .otherProducts .product { float: left; width: 33%; height: 150px; text-align: center; margin-top: 10px; }
.productDetails .otherProducts .product a { color: #000; }
.productDetails .otherProducts .product table { border: 1px solid #B9B9B9; background: #FFF; text-align: center; }

.chemicalWarning { height: 39px; width: 100%; background: url(../images/ostrzezenie_chemia_bg.gif) repeat-x; line-height: 39px; }
.chemicalWarning img { margin-right: 20px;  }


/*****************************************************/
/*** lista produktów - wyszukiwanie oraz kategoria ***/

.productsList { width: 100%; font-size: 11px; font-family: Verdana, Tahoma; color: #58595B; }
.productsList tr { height: 100px; }
.productsList tr.head { height: 20px; }
.productsList td { padding: 5px; }
.productsList td.photo { width: 150px; text-align: center; border-right: 1px dotted #B9B9B9; }
.productsList td.product { vertical-align: top; padding-top: 5px; border-right: 1px dotted #B9B9B9; }
.productsList td.product a { color: #58595B; font-weight: bold; font-size: 12px; }
.productsList td.product a.new { color: #0188D0; }
.productsList td.product a.promo { color: #E6A325; }
.productsList td.product .wiecej { margin-top: 30px; }
.productsList td.product .wiecej a { color: #58595B; font-weight: normal; text-decoration: underline; }
.productsList td.product .wiecej a:hover { text-decoration: none; }
.productsList td.code { width: 85px; text-align: center; border-right: 1px dotted #B9B9B9; }
.productsList td.prices { width: 115px; text-align: center; }
.productsList td.prices span { font-weight: bold; }
.productsList tr.margin { height: 0px; }
.productsList tr.margin div { margin: 5px 0px; height: 1px; font-size: 1px; line-height: 1px; border-bottom: 1px dotted #B9B9B9; }


/*****************/
/*** paginator ***/

.pages { text-align: center; font-size: 12px; }
.pages a { color: #014879; margin: 5px; }
.pages a span.current { font-weight: bold; }


/**************/
/*** footer ***/

#footer { margin-top: 30px; padding-bottom: 50px; padding-top: 20px; background: #FFF; border-top: 1px solid #D1D3D4; text-align: center; color: #6D6E71; }
#footer a { color: #6D6E71; }


/***************************/
/*** formularz serwisowy ***/

label.serviceLabel { width: 130px; text-align: right; margin-right: 10px; height: 21px; float: left; }
input.serviceText { width: 300px; border: 1px solid #888; margin-bottom: 1px; }
input.serviceSubmit { margin-left: 385px; margin-top: 20px; }
textarea.serviceTextarea { width: 300px; height: 100px; border: 1px solid #888; }

/*************************************/
/*** formularz zamawiania katalogu ***/
.formZamowKat {}
.formZamowKat label { float: left; width: 130px; line-height: 23px; text-align: right; margin-right: 5px;}
.formZamowKat input { width: 300px; border: 1px solid #000000; font-size: 14px; padding: 2px;}
.formZamowKat input:focus { border: 1px solid #2a99e0; }
.formZamowKat textarea { width: 300px; border: 1px solid #000000; padding: 2px;}
.formZamowKat textarea:focus { border: 1px solid #2a99e0; }
.formZamowKat img{ cursor: pointer; }

/***********************/
/** zawartosc koszyka **/

.koszyk { font-size: 11px; }
.koszyk th { font-size: 12px; font-weight: bold; text-align: center; }
.koszyk td { background-color: #F0F0F0;  }
.koszyk input.koszykIlosc { width: 30px;  }
.koszyk table { font-size: 11px; }
.koszyk table td { background-color: transparent;  }

/*******************************/
/*** podkategoria w listingu ***/
.prod-cat-item { display: block; padding: 30px; border-bottom: 1px solid #DDD; font-weight: bold; color: #000; }

/** Multimedia **/
div.downloads {overflow: hidden;}
div.video-item {float: left; border: 1px solid #c5c5c5; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px; margin: 3px 5px 7px 2px; position:relative;}
div.video-item img {width: 120px; height: 90px;}
div.video-item img.play-button {position: absolute; bottom: 32px; right: 45px; width: 32px; height: 32px; cursor: pointer; opacity: 0.5;}
div.video-item:hover img.play-button {opacity: 0.95;}
div.video-item div.time {display: none;background-color: #000000; height: 14px; line-height: 14px; opacity: 0.85; position: absolute; x-index: 9999; right: 8px; bottom: 7px; color: #ffffff; padding: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 11px; cursor: pointer;}
div.video-item:hover div.time {display: block; }