/* --------------------------------------------------- */
/* - Zmiana wszystkich domyślnych styli przeglądarek - */
/* --------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
img { border: 0; }
ol, ul { list-style: none; }
blockquote, q {	quotes: "";}
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-spacing: 0; }


@font-face {
    font-family: 'Aller';
    src: url('font/aller-webfont.eot');
    src: url('font/aller-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller-webfont.woff') format('woff'),
         url('font/aller-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Aller';
    src: url('font/aller_rg_1-webfont.eot');
    src: url('font/aller_rg_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_rg_1-webfont.woff') format('woff'),
         url('font/aller_rg_1-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aller';
    src: url('font/aller_lt-webfont.eot');
    src: url('font/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_lt-webfont.woff') format('woff'),
         url('font/aller_lt-webfont.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'Aller';
    src: url('font/aller_bdit-webfont.eot');
    src: url('font/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_bdit-webfont.woff') format('woff'),
         url('font/aller_bdit-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Aller';
    src: url('font/aller_it-webfont.eot');
    src: url('font/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_it-webfont.woff') format('woff'),
         url('font/aller_it-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Aller';
    src: url('font/aller_ltit-webfont.eot');
    src: url('font/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_ltit-webfont.woff') format('woff'),
         url('font/aller_ltit-webfont.ttf') format('truetype');
    font-weight: lighter;
    font-style: italic;
}

@font-face {
    font-family: 'candaraz';
    src: url('font/candaraz.eot');
    src: url('font/candaraz.eot?#iefix') format('embedded-opentype'),
         url('font/candaraz.woff') format('woff'),
         url('font/candaraz.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

/*@font-face {
    font-family: 'myhelvetica';
    src: url('font/myhelvetica.eot');
    src: url('font/myhelvetica.eot?#iefix') format('embedded-opentype'),
         url('font/myhelvetica.woff') format('woff'),
         url('font/myhelvetica.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}*/


/* --------------------------------------------------- */
/* ------------------ style Hotmind ------------------ */
/* --------------------------------------------------- */
.centruj { width: 960px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.clear { font-size: 0; line-height: 0; clear: both; height: 0; }
.hide { display: none; }

.font { font-style: normal; font-family: Arial; font-weight: normal !important;}

/* style główne projektu */
body { line-height: 1; font-family: Tahoma, Arial, "myhelvetica Neue", myhelvetica, sans-serif; font-size: 11px; color: #414142; background: #fff; position: relative; }
a { text-decoration: none; cursor: pointer; color: #0087c1; }
a:hover { color: #146ed3; text-decoration: underline; }
.color { color: #0087c1; }
input, select, textarea { font-family: Tahoma, Arial, "myhelvetica Neue", Arial, sans-serif; font-size: 10px; line-height: 1.2em; border-style: solid; border-width: 1px; border-color: #d9d9d9; background: #fff; padding: 3px 5px; }
input:hover, select:hover, textarea:hover { border-color: #b3b3b3; }
input:focus, select:focus, textarea:focus { border-color: #0087c1; }

.arrow { width: 0; height: 0; font-size: 0; line-height: 0; border: 4px solid transparent; }
.arrow.aUp { border-bottom-color: #0087c1 }
.arrow.aRight { border-left-color: #0087c1 }
.arrow.aDown { border-top-color: #0087c1 }
.arrow.aLeft { border-right-color: #0087c1 }

/* ogólne */
.button, a.button { padding: 5px 10px; margin: 0; display: inline-block; background: #0084BC; border: 0; color: #fff; cursor: pointer;
font-weight: normal; line-height: 1.2em; font-weight: normal !important; font-size: 10px; }
.button:hover, a:hover.button { background: #0077AA/* url(gfx/gradient_2.png) center repeat-y*/; text-decoration: none; }
.button img { vertical-align: middle; margin: -5px 3px -2px -4px; }

.buttongrey { width: 140px; padding: 10px 15px!important; margin: 0; display: inline-block; background: #0087C1!important; border: 0; color: #fff; cursor: pointer; font-weight: normal; line-height: 1.2em; font-weight: normal !important; font-size: 12px!important; }
.buttongrey:hover { color: #fff!important; background: #0077aa!important; text-decoration:none; }

.yellow {display: inline; color: #FFCA23;}
/*slide panel*/
#slide_panel
{
	padding: 10px;
	padding-bottom: 172px;
	width: 16px;
	position: fixed;
	margin-top: -91px;
	top: 50%;
	z-index:10;
}
.slide_button
{
	background: url(gfx/przycisk.png);
	display: block;
	height: 182px;
	text-indent: -9999px;
	width: 70px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/* układ strony */
/* nagłówek */
#top { background: #fff url(gfx/top_bg_2.jpg) top center no-repeat; height: 425px; color: #fff; }

#top .account { height: 40px; font-size: 11px; position: relative; z-index: 2; display: block; padding-top: 20px;}
#top .account .box { line-height: 22px; height: 22px; float: left; }
#top .account .cart.box span { position: relative; top: -3px; color: #fff; font-size: 11px; color: #0087c1; font-weight: bolder; }
#top .account .sep.box img { padding: 3px 0 0 10px; height: 15px; }
#top .account .box a { color: #004c90; padding: 0 0 0 10px; }
#top .account .box a:hover { text-decoration: none; }
#top .account .box .active { font-weight: bold; cursor: default; text-decoration: none!important; color: #757A9D; }
#top .account .acc a { display: inline-block; background: #0087C1; color: #fff; padding: 0 10px; text-transform: uppercase; margin-left: 7px; }
#top .account .acc a:hover { background: #0077AA; }

/*menu*/

#top .mainMenu { height: 37px; background: #0087c1 url(gfx/big_gradient.png) top center repeat-x; position: relative; z-index: 3; border: 1px solid #0087c1; }
#top .mainMenu .logo a { display: block; margin: -25px 0 0 35px; position: relative; z-index: 3; }

#top .mainMenu .menu { text-transform: uppercase; font-family: Arial; font-weight:300; font-size: 14px; width: 770px; margin-left: 15px; position: relative; }
#top .mainMenu .menu li { float: left; position:relative; line-height: 12px;}
#top .mainMenu .menu li.active {position:static}
#top .mainMenu .menu li a { display: block; padding: 12px 18px; color: #fff; line-height: 13px; }
#top .mainMenu .menu li a:hover { color: #0087c1; background: #fff; text-decoration: none; }


#top .mainMenu .menu li:hover ul.p2{display:block}
#top .mainMenu .menu li.active ul.p2 {display:block; position: absolute; left: -150px; top:30px; padding-top:20px; line-height: 1.8em;}
#top .mainMenu .menu li ul.p2 {display:none; background: #0087c1; position: absolute; left: 0; width: 133px; z-index: 2; }
#top .mainMenu .menu li ul.p2 li { float: none; text-align: center; border-top: 1px solid #FFF; font-size: 11px; font-weight: 300; }

#top .mainMenu .menu li ul.p2 li:first-child{border-top:0;}
#top .mainMenu .menu li.active ul.p2 li:first-child{border-top: 0px solid #FFF;}
#top .mainMenu .menu li ul.p2 li a { background:  #0087c1; /*url(gfx/sub_menu_bg.png) top center no-repeat;*/ padding: 10px; }
#top .mainMenu .menu li ul.p2 li a:hover, #top .mainMenu .menu li ul.p2 li.active a, #top .mainMenu .menu li ul.p2 li:hover a { background: #fff; color: #0087c1; }
#top .mainMenu .menu li ul.p2 li:last-child a, #top .mainMenu .menu li u.p2l li:last-child ul li:last-child a {  }


#top .mainMenu .menu li ul.p2 li ul.p3 { display: none; position: relative; left: 0; padding-top: 0; top: 0; font-size: 11px; text-transform: capitalize; }
#top .mainMenu .menu li ul.p2 li.active ul.p3 li {text-align:left;font-size:11px}
#top .mainMenu .menu li ul.p2 li.active ul.p3 li a { background:  #0087c1 /*url(gfx/sub_menu_bg.png) top center no-repeat;*/; color: #A0C8EA; padding: 8px 10px; }
#top .mainMenu .menu li ul.p2 li ul.p3 li a:hover, #top .mainMenu .menu li ul.p2 li.active ul.p3 li.active a { background: #fff; color: #41618f; }
#top .mainMenu .menu li ul.p2 li ul.p3 li:last-child a, #top .mainMenu .menu li.p2 ul li:last-child ul.p3 li a, #top .mainMenu .menu li ul.p2 li.active:last-child a {  }

#top .mainMenu .menu li.active ul, #top .mainMenu .menu li.active ul li.active ul { display: block; }

/*#topik { overflow: hidden; text-align: center; min-width: 960px; margin: -385px auto -180px; position: relative; z-index: 1; width: 100%; }*/
#topik { position: absolute; z-index: 0; top: 35px; left: 50%; margin-left: -490px; width: 980px; height: 400px; }
#topik .zmieniarka { position: relative; }
#topik .zmieniarka li { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; filter:alpha(opacity=0); }
#topik .zmieniarka li h3 { font-size: 23px; text-transform: uppercase; position: absolute; top: 105px; left: 50px; font-family: "Arial"; font-weight: 300; color: #0084bc; }
#topik .zmieniarka li p { position: absolute; top: 140px; left: 50px; width: 350px; line-height: 1.8em;  font-family: Arial; font-size: 14px;  }
#topik .zmieniarka li.active { z-index: 3; opacity: 1; filter:alpha(opacity=100);}
#topik .zmieniarka li.lastActive { z-index: 2; }
#topik .zmieniarka span.info { display: block; font-size: 14px; margin-top: 5px; }
#topik .zmieniarka span.addInfo { font-family: Arial; font-size: 12px; left: 35px; line-height: 1.8em; position: absolute; top: -105px; width: 262px; }
#topik .zmieniarka_p{position: absolute;z-index: 4; top: 310px;left: 325px;padding: 10px;}
#topik .zmieniarka_p a{border-radius:30px;background:url('gfx/danytop_inactive.png') no-repeat;float:left;height:9px;width:9px;margin:0 1px}
#topik .zmieniarka_p a.active{cursor:default;background:url('gfx/danytop_active.png') no-repeat;}
/*#topik img { margin: 0 -10px; }*/


#content { position: relative; z-index: 0; min-height: 250px; }
#content .tresci.full { /*padding: 25px 40px;*/ }
/*#content .tresci.fulll { padding: 25px 65px; }*/
#content .tresci.part {  /*padding-right: 37.5px; padding: 25px 40px 25px 210px;*/ }
#content .tresci.full .box { width: 300px; /*padding: 0 25px;*/ float: left; margin-left: 30px;}
#content .tresci.full .box:first-child { margin-left: 0px;}
#content .tresci.full .box_produkty { padding: 0 25px; float: right; }
#content .headline { font-family: Arial; font-weight:300; font-size: 18px; color: #0084bc; text-transform: uppercase; padding: 15px 0; }
#content .headline_opinie { font-family: Arial; font-weight:300; font-size: 16px; color: #0084bc; text-transform: uppercase; padding: 15px 30px; }
#content .headline_opinie_read { font-family: Arial; font-weight:300; font-size: 18px; color: #0084bc; text-transform: uppercase; padding: 15px 0px;  }

#content .thumbViewMini li { padding: 4px 0 16px; }
#content .thumbViewMini li h3 { font-size: 13px; }
#content .thumbViewMini li .img { margin-right: 7px; width: 80px; height: 80px; }
#content .thumbViewMini li p { line-height: 16px; color: #414142; }
#content .thumbViewMini li .cena { padding: 3px 0 4px; display: block; font-size: 10px; color: #808080; }
#content .thumbViewMini li .noPhoto { width: 78px; height: 78px; display: block; background: url(gfx/nopic.png) center center no-repeat; border: 1px solid #e5e5e5; }
#content .thumbViewMini li .link { margin-top: 5px; }
ul.thumbView li .img span.nowosc {position:absolute;bottom:0;left: 50%;margin-left: -33px;border-radius:5px;color:#fff;text-decoration:none;line-height:20px;text-align:center;background:#ff0000;height:20px;width:65px;}


#news .item { padding: 4px 0 6px; }
#news .item h3 { font-size: 13px; padding-bottom: 5px; }
#news .item .img { display: block; width: 80px; height: 80px; margin-right: 7px; }

#news_produkty .item {padding: 1px 0 6px; display: inline-block; width: 200px; vertical-align: top; border: 1px solid #cdcdcd; color:#000; position:relative; background: #f8f8f8; margin-left: 30px;}
#news_produkty .item.first { margin-left: 0;}

#news_produkty .item h3 {font-size: 13px; padding-bottom: 5px; height: 25px; text-align:center; border-bottom: 1px solid #dcdcdc; }
#news_produkty .item h3 a{color: #404040; font-family: "Arial"; font-size: 14px; float: left; padding-left: 10px; padding-top: 5px; }
#news_produkty .item .img { display: block; height: 80px; margin-right: 7px; }
#news_article { border: 1px solid #0b5bcb; height:117px; background-color:#f8f8f8;}
#news_article .srodek { margin:3px; border: 0; position:relative;}
#news_article .more {color:#244c8b; font-size: 13px; position:absolute; right:10px; top: 100px; font-family: Arial; }
.srodek {margin:10px;}



#news_home .item {padding: 1px 0 6px; display: inline-block; width: 295px; vertical-align: top; margin-bottom:30px; }
#news_home .item h3 {font-size: 13px; padding-bottom: 5px; height: 25px; text-align:center; }
#news_home .item h3 a{color: #404040; font-family: "Arial"; font-size: 14px; float: left; padding-left: 10px; }
#news_home .item .img { display: block; height: 80px; margin-right: 7px; }
#news_home .item {border: 1px solid #cdcdcd; /*border-radius:6px; */ height:140px; color:#fff; position:relative; padding:3px; background: #f8f8f8;}
#news_home .item span.opis{display:block;margin-top:10px}
#news_home .item span.cena{display:block;margin-top:3px}
#news_home .item .more{ font-size: 13px; position:absolute; bottom:10px; right:10px; font-family: Arial; }
#srodek_tytul {color: #404040; border-bottom: 1px solid #cdcdcd; height:35px; }
#text_tytul {padding-top:8px}
#text_tytul_news {padding-top:8px;}


#news_home_produkty .item { margin-left: 29px; padding: 1px 0 0px; display: inline-block; width: 290px; vertical-align: top; margin-bottom:30px; }
#news_home_produkty .item.first { margin-left: 0px !important; }
#news_home_produkty .item h3 {font-size: 13px; padding-bottom: 5px; height: 25px; text-align:center; }
#news_home_produkty .item h3 a{color: #404040; font-family: "Arial"; font-size: 14px; float: left; padding-left: 10px; }
#news_home_produkty .item .img { display: block; height: 80px; margin-right: 7px; }
#news_home_produkty .item {border: 1px solid #cdcdcd; /*border-radius:6px; */ height:140px; color:#fff; position:relative; padding:3px; background: #f8f8f8;}
#news_home_produkty .item span.opis{display:block;margin-top:10px}
#news_home_produkty .item span.cena{display:block;margin-top:3px}
#news_home_produkty .item .more{color:#244c8b; font-size: 13px; position:absolute; bottom:10px; right:10px; font-family: Arial; }
#news_home_produkty .item:first-child { margin-left: 0px !important; }


/*aktualnosci*/
#newsPage .item { width: 420px; padding: 0 29px 30px; float: left; }
#newsPage .item h3 { font-size: 18px; padding-bottom: 10px; color:#244c8b; font-weight: normal;}
#newsPage .item .link {color:#244c8b; font-size: 13px; font-family: Arial; }


#czescTopika { margin-top: -285px; width: 270px; height: 400px; margin-left: 35px; }
#czescTopika .typProduktu { font-size: 10px; color: #8E8E8E; }
#czescTopika .headline { font-size: 27px; text-transform: none; font-weight: normal; text-transform: uppercase; padding: 0 0 15px; }
#czescTopika .headline span { font-size: 14px; display: block; margin-top: 5px; line-height: 16px; }
#productInfo .desc { line-height: 1.6em;  font-family: Arial; font-size: 12px;  }

#galeriaTop {  margin-right: -50px; width: 240px; float: right; }

.zamowienieOnline { margin-top: 20px; text-align: center; }
.productMoreDesc { min-height: 200px; margin-top: 20px; }
.productMoreDesc .zamowienie { text-align: center; padding-top:30px;}
.productMoreDesc .zamowienie .price { font-size: 21px; font-style: normal; font-family: Arial; font-weight: normal !important; padding: 0 10px 15px; }
.productMoreDesc .zamowienie .price .oldPrice { font-size: 14px; display: block; text-decoration: line-through; }
.productMoreDesc .zamowienie .button { padding: 7px 15px; font-size: 14px; }
.productMoreDesc .zamowienie #towarIlosc { margin-right: -40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-style: normal; font-family: Arial; font-weight: normal !important; font-size: 14px; width: 50px; padding: 6px 10px;}
.productMoreDesc .zamowienie .totalValue { padding-top: 10px; }
.productMoreDesc .zamowienie .info {font-size:12px;line-height:18px;}
.productMoreDesc .dodatkowyOpis { width: 550px; margin-left: 20px; }
.productMoreDesc .ciekawostki { width: 350px; margin-left: 20px; }
.productMoreDesc .ciekawostki .info { font-size: 12px; }
.productMoreDesc .dodatkowyOpis2 { width: 550px; margin-right: 20px; }
.productMoreDesc .apteka { font-size: 12px; }
.productMoreDesc .mainPhoto { position: relative; }

#produkty.produkty { text-align: center; }

/* okno galerii */
#galeria { float: left; width: 310px; }
#galeria .mainPhoto img { padding: 4px; border: 1px solid #D9D9D9; width: 300px; height: 290px; margin-top:75px;}
#galeria .thumbs { padding: 2px; }
#galeria .thumbs img { margin:3px; }


/* stopka */
#siteMap .menuB li { display: inline-block; font-weight: normal; }
#siteMap .menuB li a { font-weight: normal; color: #bfd8ec; display: block; padding: 3px 25px; text-transform: uppercase; border-left: 1px solid #bfd8ec; }
#siteMap .menuB li:first-child a { border-left: 0; }
#siteMap .menuB li a:hover { color: #fff; font-weight: bolder; }

#siteMap .categories {padding:30px 65px; position:relative;}
#siteMap .categories .rozwin{color:#fff;position:absolute;right:80px;font-size:11px;text-align:center;width:75px;text-decoration:none}
#siteMap .categories .rozwin span{font-size:15px;}
#siteMap .categories .p2 {display:none;}
#siteMap .categories li {display:inline-block; vertical-align:top;width: 166px; text-align: left; padding-bottom:15px}
#siteMap .categories li a { text-transform: uppercase; color: #bfd8ec; display: block; padding: 2px 20px 2px 0; font-size: 12px; }
#siteMap .categories li a:hover { color: #fff; }
#siteMap .categories li ul li { float: none; padding-bottom:0; display:block;}
#siteMap .categories li ul li a { text-transform: none; font-size: 10px; }


#moreFoot .centruj, #footer .centruj { width: 830px; }

#moreFoot { background: #f5f5f5; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
#moreFoot .logo { width: 166px; position: relative; }
#moreFoot .logo .tooltip { position: absolute; bottom: 40px; width: 146px; background: #fff; margin-left: -35px; text-align: center; padding: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #E5E5E5; }


.p10 { padding: 10px; }

table { border:1px solid #e5e5e5; width: 100%; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
td { border-bottom: 1px solid #e5e5e5; padding: 10px 10px; line-height: 1.5em; vertical-align: middle; }
tr:last-child td { border-bottom: none; }
th { padding: 15px 10px; font-weight: bolder; color: #004C90; font-size: 14px; border-bottom: 1px solid #e5e5e5; vertical-align: middle; font-family: Arial; font-weight: normal !important; }
th strong { font-weight: normal; }
.ajaxError, .error { color: #ff0000; }

.grayDesc { padding: 7px 20px; text-align: center; background: #F8F8F8; border-bottom: 1px solid #e5e5e5; }
.noItems { padding: 20px 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; line-height: 1.8em; }
.halfTable { width: 46%; margin: 2%; }
.padding20 { padding: 20px 0; }
.requiredField { color: #f00; }
.requiredField2 { color: #3cbf3b; }
.nazwaOpcje { color: #808080; font-size: 0.9em; }
a.onList { color: #404040; display: block; }
a.onList:hover { text-decoration: none; color: #1a1a1a; }


/* strona główna */
.page { margin-bottom: 20px; }


/* listy produktów */
ul.thumbView { display:block; list-style: none; position: relative; font-size: 11px; clear: both; }
ul.thumbView:first-child { margin-top: -10px; }
ul.thumbView li { float: left; width:210px; margin: 15px; display: inline-block; line-height: 1.2em; padding: 1px 0; }

ul.thumbView li .img { display: block; height: 150px; width: 200px; }
ul.thumbView li .img span { display: block; height: 150px; width: 200px; }
ul.thumbView li .img span img { display: block; }

ul.thumbView li .desc { text-align: center; }
ul.thumbView li .desc h3 a { font-size:14px; text-align: center; display: block; padding: 10px; font-family: Arial; text-transform: uppercase; }
ul.thumbView li .desc span.dodatkowe { font-size: 12px; color: #0087C1; font-weight: bold; padding-bottom: 10px; font-family: Arial; }
ul.thumbView li .desc span.opis { font-size: 12px; line-height: 16px; font-family: Arial; }

ul.thumbView li .desc .cena { display: block; padding-top: 10px; }
ul.thumbView li .desc .cena .oldPrice { text-decoration: line-through; font-size: 11px; }


/* stronicowanie */
.stronicowanie { text-align: center; padding: 10px 0; margin: 0 30px; border-top: 1px solid #e5e5e5; }
.stronicowanie a { padding: 2px 5px 3px; display: inline-block; cursor: pointer; }
.stronicowanie a.active { background: #1075b6; color: #fff; }
.stronicowanie a.active:hover { text-decoration: none; }



/* panel */
#panel { margin-left: 10px; width: 220px; padding-bottom: 30px; }
#panel .hurt { margin-bottom: 20px; }
#panel .hurt a { display: block; width: 200px; height: 60px; text-align: center; font-size: 28px; padding: 25px 10px; background: #000 url(gfx/hurt.jpg) center center no-repeat; color: #fff; line-height: 32px; }
#panel .hurt a:hover { text-decoration: none; }

#panel h4 strong { background-position: 10px 9px; padding-left: 35px; }
#panel h4.kategorie strong { background-image: url(gfx/kategorie.png); }
#panel h4.koszyk strong { background-image: url(gfx/koszyk.png); }
#panel h4.klienci strong { background-image: url(gfx/klienci.png); }

#panel .box { padding: 5px 10px; margin-bottom: 20px; }
#panel .box p { margin: 10px 0; line-height: 1.5em; }

#panel .klienci a img { display: block; }
#panel .klienci a strong { background: #050505 url(gfx/gray.gif); padding: 5px; text-align: center; display: block; line-height: 1.5em; font-size: 11px; color: #fff; }
#panel .klienci a:hover { text-decoration: none; }

#panel ul li .arrow { float: right; margin-top: 5px; display: none; }
#panel ul li:hover .arrow { display: block; }

#panel .box ul.p1 li a, #panel .box ul li.active ul li a { display: block; color: #353131; background: #EDF0F0; margin-top: 3px; padding: 7px 10px; }

#panel .box ul.p2, #panel .box ul.p3, #panel .box ul.p4, #panel .box ul.p5, #panel .box ul.p6 { display: none; margin: 0; padding: 0;}
#panel .box ul.p2 li a, #panel .box ul li.active ul.p2 li a { font-weight: lighter; padding: 5px 10px; }
#panel .box ul.p1 li a:hover, #panel .box ul li.active ul.p2 li a:hover { background: #cacccb; text-decoration: none; }

#panel .box ul li.active ul.p2, #panel .box ul.p2 li.active ul.p3, #panel .box ul.p3 li.active ul.p4, #panel .box ul.p4 li.active ul.p5, #panel .box ul.p5 li.active ul.p6 { display: block; }





#tresc { position: relative; }

/* wyswietlanie aktualnosci */
/*#news { margin-right: -20px; width: 700px; }
#news .item { width: 310px; float: left; margin: 0 40px 20px 0; }

#news .item .tresci, #news .item .obrazek { padding: 10px; }
#news .item .tresci.zdjecie { width: 200px; padding-left: 0;}

/* rotacja newsów na głownej *
#news .rotator { position: relative; display: block; width: 310px; float: left; min-height: 220px; }
#news .rotator li { position: absolute; top: 0; background: #EDF0F0 url(gfx/bg.gif); min-height: 220px; z-index: 4; }
#news .rotator li .item { margin-bottom: 0; }
#news .rotator li.active { z-index: 6; }
#news .rotator li.last-active { z-index: 5; }
*/










.data {
	padding: 5px 20px;
	text-align: right;
	color: #808080;
	border-bottom: 1px solid #e5e5e5;
	font-size: 11px;
	background: #F8F8F8;
}
/* archiwum aktualnosci */
a.akt {
	padding: 5px 10px;
	border-bottom: 1px solid #e5e5e5;
	display: block;
}
a.akt .dataAkt { color: #bfbfbf; }
a.akt .title {
	color: #404040;
	font-weight: bolder;
}
a.akt:hover { text-decoration: none; }
a.akt:hover .right { text-decoration: underline; }

/* wyświetlanie produktów */

/* dodatkowa lista */
.dodatkowe { padding: 0; }
.dodatkowe .tytul {
	padding: 8px 20px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	background: #F8F8F8;
	cursor: pointer;
}
.dodatkowe .boxiki {
	border-bottom: 1px solid #e5e5e5;
	padding: 0 20px;
	background: #fcfcfc;
}
.dodatkowe .boxik {
	/*
	width: 129px;
	padding: 8px 0;
	*/
	width: 18.6%;
	padding: 8px 1% 8px 0;
	display: inline-block;
	/*float: left;*/
	position: relative;
}
.dodatkowe .boxik strong.label, .dodatkowe .box strong.label {
	display: block;
	padding: 5px 0;
}
.dodatkowe .boxik input[type=text], .dodatkowe .box input[type=text] {
	width: 121px;
	height: 16px;
}
.checkeren a {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background: url(gfx/attr.gif) no-repeat;
	position: absolute;
	bottom: 9px;
}
.checkeren a.nic { background-position: top left; }
.checkeren a.tak { background-position: center left; }
.checkeren a.nie { background-position: bottom left; }
.checkeren a.nic:hover { background-position: top right; }
.checkeren a.tak:hover { background-position: center right; }
.checkeren a.nie:hover { background-position: bottom right; }
.dodatkowe .boxik .checker {
	display: block;
	margin-left: 18px;
}
.dodatkowe .box {
	padding: 8px 0;
	clear: both;
}
.dodatkowe a { color: #404040; display: block; }
.dodatkowe a:hover { color: #1a1a1a; }

/* detale */
#details {
	width: 350px;
	display: inline-block;
}
#details .detale {
	padding: 15px 20px;
	line-height: 1.5em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e5e5e5;
}
#details .ocena {
	padding: 15px 20px;
	line-height: 1.5em;
	border-bottom: 1px solid #e5e5e5;
}
#details .ocena .star-rating-control { float: right; }
#details .params { padding: 15px 0 15px 20px; border-top: 1px solid #fff; }
#details .params input { width: 95%; padding: 2px 3px 1px; }
#details .params select { width: 100%; }
#details .params .opcjeBox { padding: 0; width: 150px; float:left; margin-right: 14px; height: 50px; }
#details .share {
	padding: 15px 10px;
	line-height: 1.2em;
	border-bottom: 1px solid #e5e5e5;
}
#details .share a {
	margin: 0 5px;
	color: #404040;
	font-weight: bolder;
	padding: 2px 9px;
	display: block;
	float: left;
}
#details .share a:hover { text-decoration: none; }
#details .share a img {
	vertical-align: text-bottom;
	padding: 0 5px;
}

/* zakładki z opisami */
/* lista zakładek */
#descBox { width: 680px; padding: 30px 30px 0; }
#descBox ul.nav {
	list-style: none;
	background:#f8f8f8;
	height: 39px;
	margin: 0;
	margin-top: -1px;
	border-top: 1px solid #e5e5e5;
}
#descBox ul.nav li {
	float: left;
	margin:5px 5px 0;
	border: 1px solid #f8f8f8;
}
#descBox ul.nav li a {
	padding: 3px 20px;
	display: block;
	font-weight: bold;
	color: #808080;
	position: relative;
}
#descBox ul.nav li a:hover {
	color: #404040;
	text-decoration: none;
}
#descBox ul.nav li.active {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-bottom-color: #fff;
	position: relative;
	padding-bottom: 4px;
	top: 1px;
}
#descBox ul.nav li.active a {
	color: #404040;
}
/* zaklładki */
#descBox #boxes {
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 20px;
	line-height: 1.5em;
	overflow: hidden;
}
#descBox .okno { position: relative; }
/* opis */
#opis {
	overflow: hidden;
	padding-bottom: 10px;
}
.pokazywacz {
	position: absolute;
	text-align: right;
	bottom: 0px;
	right: 0px;
	width: 100%;
	background: url(gfx/pokazywacz.png) top repeat-x !important;
	padding: 25px 3px 0px !important;
}
/* atrybuty */
#descBox .atrybutowyBox {
	float: left;
	padding-right: 21px;
}







#footer {
	font-size: 11px;
	line-height: 24px;
	background: #fff;
	padding: 5px 0;
}
#footer img { vertical-align: top; }
#fotter a:hover { text-decoration: none; }


#siteMap {
	color: #fff;
	text-align: center;
	font-size: 11px;
	padding: 10px 0;
	background: #0087c1 url(gfx/big_gradient.png) top center repeat-x;
	margin-top: 20px;

}





/* LightBox */
#info_content{
	position: absolute;
	z-index: 11;
	width: 450px;
	background: #fff;
}
#info_content #comm_content{}
#info_content #comm_content #comm_header {
	line-height: 16px;
	font-weight: bold;
	padding: 10px;
	color: #004c90;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: Arial; font-weight: lighter;
}
#info_content #comm_content .comm_txt{
	line-height: 18px;
	padding: 0 10px;
}
#info_content #comm_content .buttons {
	color: #004c90;
	background: #fff;
	border-top: 1px solid #e5e5e5;
	padding: 10px;
	margin-top: 10px;
	display: block;
}
#info_content #comm_content #button_haslo{
	background: url('gfx/zapomniałem_hasla_button.gif') no-repeat;
	display: block;
	float: left;
	text-indent: -999px;
	cursor:pointer;
	position:relative;
	height:21px;
	width:145px;
	color:transparent;
	text-transform: capitalize;
	margin-top: 15px;
	margin-left: 145px;
}
#info_content #comm_content .comm_form{
	width: 100%;
	margin-top: 15px;
}
#info_preloader {
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
}
.podzielSieContent {
	text-align: center;
	margin-bottom: 5px;
}
.podzielSieContent img { padding: 10px;}

#info_content #comm_content #extraConfirm{
	margin: 20px;
	text-align:center;
	font-weight: bold;
}

/*rejestracja, formularz adresów w realizacji zamówienia*/
table.klient_dane .error{ color: #f00 }
.wysylka_field_none, .faktura_field_none { display: none; }
.wysylka_new, .faktura_new { display: none; }
table.klient_dane input.warning,table.klient_dane select.warning{ border-color:#BF0B0B; }

/* schowek */
.errorSchowka td { padding: 0; }
.errorSchowka .podstawka { background: #EDF0F0 url(gfx/bg.gif); position: relative; top: -1px; padding: 0 5px 5px; }
.errorSchowka .arrow { border-bottom-color: #de0606; position: absolute; border-width: 8px; margin-top: -15px; margin-left: 60px; }
.errorSchowka .komunikat { margin-top:-1px; color: #fff; font-style: italic; background: #de0606; padding: 3px 10px; }

/* szukajka */
.selectClone_input {
	height: 16px;
	padding-right: 18px;
	background: url(gfx/select_arrow.png) right no-repeat;
	cursor: default;
}
.selectClone_input:hover, .selectClone_input:focus { background-image: url(gfx/select_arrow_on.png); }
.selectClone_list {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    margin: 0;
    padding: 5px;
    position: absolute;
    min-width: 115px;
    z-index: 1;
	white-space: nowrap;
    display: none;
}

#formDzialania { line-height: 2em; }
#formDzialania .fHeader { display: block; padding: 5px 0; margin: 15px 0 5px; font-weight: bolder; border-bottom: 1px solid #e5e5e5; }
#formDzialania .fHeader:first-child { margin-top: 5px; }
#formDzialania strong { display: inline-block; min-width: 125px; width: auto; }
#formDzialania textarea { display: block; width: 370px; margin-bottom: 10px; max-width: 340px; height: 60px; padding: 10px; }
#formDzialania input[type="text"] { width: 125px; padding:4px 5px; margin: 1px 0; }

#captchaBox img { border:1px solid #D9D9D9}



/* tooltipek */
.colorTip{
	display:none;
	position:absolute;
	left:50%;
	top:-30px;
	padding:5px 10px;
	font-size:11px !important;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	line-height: 18px;
	white-space:nowrap;
	width: auto !important;
	height: auto !important;

}
.pointyTip{
	border:6px solid transparent;
	bottom:-12px;
	height:0 !important;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0 !important;
}
.colorTipContainer{
	position:relative;
	text-decoration:none !important;
}
.black .pointyTip{ border-top-color:#1f1f1f;}
.black .colorTip{
	background-color:#1f1f1f !important;
	color:#fff;
}

/* datepicker */
.ui-datepicker-calendar th span { font-size: 12px; }

/* reklamy */
#adv { width: 220px; }
#adv img { display: block; }

/* menu bottom */
#frame_kategorie {background: #fff; width:960px;margin:auto;margin-top:20px;margin-bottom:-30px; border: 1px solid #dcdcdc; font-family: Arial; font-size: 12px; position: absolute; z-index: 1;}
#frame_kategorie .link{display:inline-block;text-align:center;padding: 15px 11px 15px 14px; height: 55px; border-left: 1px solid #dcdcdc;}
#frame_kategorie .link:first-child {border-left: 0px solid #dcdcdc; margin-left: 10px;}
#frame_kategorie .link:hover span {background-position: 0 -30px;  }
#frame_kategorie .gardlo {margin: auto; width:33px; background: url(gfx/frame_icons/gardlo.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .intymne {margin: auto; width:33px; background: url(gfx/frame_icons/intymne.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .kaszel {margin: auto; width:33px; background: url(gfx/frame_icons/kaszel.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .odchudzanie {margin: auto; width:33px; background: url(gfx/frame_icons/odchudzanie.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .odpornosc {margin: auto; width:33px; background: url(gfx/frame_icons/odpornosc.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .sen {margin: auto; width:33px; background: url(gfx/frame_icons/sen.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .serce {margin: auto; width:33px; background: url(gfx/frame_icons/serce.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .skora {margin: auto; width:33px; background: url(gfx/frame_icons/skora.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .moczowy {margin: auto; width:33px; background: url(gfx/frame_icons/uklad_moczowy.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .watroba {margin: auto; width:33px; background: url(gfx/frame_icons/watroba.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .wzmocnienie {margin: auto; width:33px; background: url(gfx/frame_icons/wzmocnienie.png) no-repeat; display:block !important; height:30px; overflow:hidden;}
#frame_kategorie .cera {margin: auto; width:33px; background: url(gfx/frame_icons/cera.png) no-repeat; display:block !important; height:30px; overflow:hidden;}

#menuoferta {background: #fff; height: 55px; width:960px; margin-top:20px; margin-bottom:-30px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; font-family: Arial; font-size: 12px; position: relative; z-index: 1;}
#menuoferta ul li a{float: left; display: inline; font-size: 13px; margin: 0px; z-index: 0; padding: 10px 10px; border-left: 1px solid #dcdcdc; text-transform: uppercase; line-height: 18px; width: 137px; text-align: center;     }
#menuoferta ul li a:first-child {border-left: 1px solid #ffffff;}
#menuoferta ul li a:last-child {border-left: 1px solid #dcdcdc;}
#menuoferta ul li a:hover {text-decoration: underline;}


/* opinie */
#opinie {padding-left:30px;}
#opinie .text {padding:5px;}
#opinie .input {width: 400px;}
#opinie .send {float:right; margin-right:-40px; margin-top:18px;}

#left {float: left; width: 410px; text-align:justify; line-height: 16px; padding-left: 31px; padding-bottom:20px; }
#suwak{max-height:300px;overflow-y:auto;border: 1px solid #b3b3b3; }
#left_in {max-height:300px;}
#left_in .opinia_zawartosc {padding:5px; max-height:65px;overflow-y:auto}
#left_in .opinia_middle_tytul {background-color:#0087C1;height:20px;color:#FFFFFF;}
#left_in .opinia_middle_tytul p {padding:1px 5px 0 5px}
/*#left_in .opinia_middle_tytul:first-child */
#right {float: right;width: 400px; padding-right:70px; margin-right:40px; /*margin-top:-25px;*/ }
#opinie_info {float: center; text-align:justify; line-height: 16px; padding:32px;}

#produkt_naturalny { position: absolute; top: 230px; left: 10px; }
#produkt_naturalny img { width: 80px; }

.lang.box img { width: 20px; opacity:0.6; filter:alpha(opacity=60);  }
.lang.box img:hover { opacity:0.99; filter:alpha(opacity=99);}
.lang.box a.active img { opacity:0.99; filter:alpha(opacity=99);}

.userText.image img, .userText.image a img { border: 1px solid #0084BC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}