/* 
naglowek, 2xmenu, 3 kolumny, 
author: rafath@dreamcorp.pl
created: 31.08.2005
*/

/* ________________ szkielet __________________ */
*, html { 
	margin: 0;
	padding: 0;
}

html, body { 
	margin:0; 
	padding:0; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #fafafa;
	font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	behavior: url("/_s/css/csshover.htc");
}
#main {
	position: relative;
	width: 980px;
	min-width: 980px;
	margin-top: 3px;
	margin-left:auto; 
	margin-right:auto; 
	background-color: #fff;
	text-align: center;
}
.ad-sense {
   margin: 5px 2px 6px;
   display: block;
   clear: both;
}
.adsense-left {
   width: 48%;
   float: left;
}
.adsense-right {
   width: 48%;
   float: right;
}
.ad-google-160x600 {
   width: 160px;
   height: 600px;   
}
.ad-google-468x60 {
   width: 468px;
   height: 60px;   
}
.ad-google-300x250 {
   width: 300px;
   height: 250px;   
}
.ad-google-728x90 {
   width: 728px;
   height: 90px;   
}
.ad-google-200x200 {
   width: 200px;
   height: 200px;   
   margin: 10px auto;
   display: block;
}
/* ________________ /szkielet _________________ */

/* ________________ header ___________________ */
#header {
	position: relative;
	margin: 0;
	width: 100%;
/*	border: 1px solid #000;	*/
}

/* ikonki gorne */
#header ul.ikonki {
	background-image: url(/_i/layout/header_top_1.gif);
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	text-align: right;
	height: 29px;
	margin-bottom: 3px;
}
#header ul.ikonki li {
	margin: 0;
	margin-right: 10px;
	padding: 0;
	display: inline;
	list-style: none;
	list-style-type: none;
}
#header ul.ikonki li img {
	margin-top: 4px;
}

#header .logo {
	margin: 0 10px 0 10px;
	float: left;
	
}

#header dl {
	width: 200px;
	margin: 3px 5px 3px 10px;
	padding: 0;
	background: #efefef url(/_i/layout/box_bottom_200.gif) no-repeat bottom left;
	float: right;
	text-align: left;
}
#header dl form {
	margin: 0;
	padding: 0;
}
/*
#header dl form input, #header dl form select {
	
}*/
#header dt {
	margin: 0;
	padding: 10px;
	padding-top: 3px;
	font-size: 12px;
	font-weight: bold;
	background: #efefef url(/_i/layout/box_top_200.gif) no-repeat top left;
}
#header dt.inp {
	padding: 3px 0 2px 10px;
}

#header dt a {
	color: #d70000;
	text-decoration: underline;
}
#header dt a:hover {
	color: #d70000;
	text-decoration: none;
}
#header dd {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px;
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
#header dd.arrow {
	background: url(/_i/layout/arrow.gif) no-repeat 0 3px;
}
#header dd.inp {
	padding: 0;
	margin-bottom: 1px;
}
/* menu dolne - header */
#header ul.menu, 
#header ul.cmsMenuUp {
	background-image: url(/_i/layout/header_menu.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
	padding-left: 5%;
	list-style: none;
	list-style-type: none;
	text-align: center;
	height: 40px;
	margin-bottom: 3px;
	clear: both;
}
#header ul.menu li, 
#header ul.cmsMenuUp li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	list-style-type: none;
}

#header ul.menu li a, #header ul.menu li a.empty, 
#header ul.cmsMenuUp li a, #header ul.cmsMenuUp li a.empty {
	display: block;
	float: left;
	background-image: url(/_i/layout/menu_border.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-align: center;
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	margin-top: 2px;
	padding: 0 20px;
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
}
#header ul.menu li a:hover, 
#header ul.cmsMenuUp li a:hover {
	padding: 0 20px;
	text-decoration: underline;
}	
#header ul.menu li a.empty, #header ul.menu li a.empty:hover, 
#header ul.cmsMenuUp li.empty, #header ul.cmsMenuUp li a.empty:hover {
	padding: 0;
}
#header .baner-cms {
	float: left;	
	margin-top: 10px;
}
/* ________________ /header ___________________ */


/* _________________ left-col __________________ */
#left-col {
	float: left;
	width: 210px !important;
	text-align: left;
	height: 100%; 
	z-index: 98;
}

/* menu do pozostalych opcji */
#left-col ul.menu-a, 
#left-col ul.cmsMenuLeft {
	margin: 10px 0 5px 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	background-color: #f4f4f4;
}

#left-col ul.menu-a li, 
#left-col ul.cmsMenuLeft li {
	margin: 0;
	padding: 3px 3px;
	line-height: 20px;
	list-style: none;
	list-style-type: none;
}
#left-col ul.cmsMenuLeft li {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	padding-left: 10px;
}
#left-col ul.cmsMenuLeft li:hover {
	background-color: #eee;
}
#left-col ul.menu-a li a, 
#left-col ul.cmsMenuLeft li a {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-left: 0px;
	color: #d70000;
	text-decoration: none;
}
#left-col ul.menu-a li a:hover, 
#left-col ul.cmsMenuLeft li a:hover {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-left: 0px;
	color: #d70000;
	text-decoration: underline;
}
#left-col h1 {
	font-size: 12px;
	color: #616161;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#left-col h1 a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #616161;	
}
#left-col .magazine {
	text-align: center;
}
#left-col dl {
	margin-bottom: 7px;
}
#left-col dl a {
	text-decoration: none;
	color: #616161;	
}
#left-col dd.picture {
	text-align: center;
	
}
#left-col dd.lead {
	padding: 2px 5px;
	text-align: center;
}

/* _________________ /left-col __________________ */

/* ________________________ srodek-col  ____________________________ */
#srodek-col, #magazine {
	width: 544px !important;
	margin-left: 7px;
	margin-right: 3px;
	float: left;
	overflow: hidden;
	height: 100%; 
	z-index: 20;
	text-align: center;

}
#srodek-col table {
	width: 540px !important;
}
#srodek-col h3.null {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin-top: 60px;
	text-align: center;
	color: #008db0;
}

#srodek-col a {
	color: #d70000;
	text-decoration: underline;
}
#srodek-col a:hover {
	color: #d70000;
	text-decoration: none;
}
#srodek-col dl.article {
   border-bottom: 1px solid #ccc;
   margin: 3px 0 5px;
	padding: 3px 0 5px;
   zoom: 1;
   overflow: hidden;
	text-align: left;
}
#srodek-col dl.article .pic {
   float: left;
   margin-right: 7px;
}
#srodek-col dl.article .date {
   text-align: right;
   font-size: 10px;
   color: #616161;
}
/*#srodek-col dl.article dd { 
}*/
#srodek-col dl.article dd h1, #srodek-col dl.article dd h2 {
	font-size: 16px;
   padding: 0px 5px 0 0;
   margin: 0;
   margin-bottom: 2px;  
	font-family: "Trebuchet MS", Arial, Verdana;
}
#srodek-col dl.article dd h1 a, #srodek-col dl.article dd h2 a {
	color: #008db0;
}
#srodek-col dl.article dd h1 a:hover, #srodek-col dl.article dd h2 a:hover {
   color: #008db0;
   text-decoration: none;  
}
#srodek-col dl.article dd p {
   margin: 3px 0 1px;
   padding: 0;
	text-align: justify;
	font-size: 12px;
}
#srodek-col dl.article p.wiecej {
   text-align: right;
   padding-right: 3px;
   margin: 0;
   padding: 0;
   line-height: 11px;
} 
#srodek-col dl.article p.wiecej a {
	text-decoration: none;
}
.cms-article {
	margin-top: 10px;
	text-align: left;
	padding-left: 5px;
	overflow: hidden;
}
.cms-article h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.cms-article p {
	margin-top: 5px;
	margin-bottom: 7px;
}
#srodek-col .cms-article h1 a {
	color: #008db0;
}
#srodek-col .cms-article h1 a:hover {
	color: #008db0;
}
#srodek-col ul.menu-a {
	margin: 10px 0 5px 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	background-color: #fff;
}

#srodek-col ul.menu-a li {
	margin: 0;
	padding: 3px 3px;
	line-height: 20px;
	list-style: none;
	list-style-type: none;
}
/* ***************** opis produktu ******************** */
#opis-produkt {
	position: relative;
	width: 98%;
	clear: both;
	float: none;
	text-align: left;
}
#opis-produkt h1, #opis-reszta h1, h1.title-lista {
	font-size: 16px;
	font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #d70000;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 2px 5px;
	padding-bottom: 5px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
#opis-produkt h1 span, #opis-reszta h1 span {
	float: right;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	margin-top: 7px;
	padding-right: 5px;
}
/* gorna czesc opisu */
#opis-produkt .top-zdjecia {
	float: left;
	width: 260px;
	height: 250px;
	border-right: 1px solid #cb0808;
	margin-right: 5px;
}

#opis-produkt .top-zdjecia .bigfoto {
	display: block;
	margin: 5px;
	margin-top: 0;
}
ul.zakladka-zdjecia {
	width: 100%;
	padding: 0;
	margin: 10px auto;
	text-align: center;
}

ul.zakladka-zdjecia li {
	padding: 0;
	margin: 0;
	display: inline;
	text-align: center;
	list-style: none;
	list-style-type: none;
}

ul.zakladka-zdjecia li img {
	margin: 0 5px 5px 0;
}

#opis-produkt img, #opis-reszta img, #boxy-tresc .tresc .zakladka-producent img {
	border: 1px solid #ddd;	
}

/*
#opis-produkt .top-zdjecia dl {
	padding: 0;
	margin: 10px 0;
	text-align: center;
}
#opis-produkt .top-zdjecia dl dd {
	padding: 0;
	margin: 0;
	display: inline;
}
#opis-produkt .top-zdjecia dl dt {
	text-align: left;
	padding: 0;
	margin: 0;
	margin-left: 5px;
	font-size: 10px;
}
#opis-produkt .top-zdjecia dl dd img {
	margin: 0 5px 5px 0;
}*/

#opis-produkt .top-opcje {
	float: left;
	width: 263px;
	min-height: 250px;
	border: 1px solid #ddd;
}
#opis-produkt .top-opcje .cena {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-align: center;
	margin: 10px 0;
}

#opis-produkt .top-opcje .cena #cenaKoncowa {
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
}
#opis-produkt .top-opcje .cena #cenaKoncowaStrike {
	text-decoration: line-through;
	font-size: 14px;
}
#opis-produkt .top-opcje p.prevnext {
	padding: 3px 6px 6px 6px;
	float: left;
}
#opis-produkt .top-opcje h3 {
	font-size: 12px;
	font-weight: bold;
	background-color: #f4f4f4;
	color: #088eaf;
	padding: 4px 0;
	margin: 10px auto 5px auto;
	text-align: center;
}

#opis-produkt .top-opcje form {
	text-align: center;
}
#opis-produkt .top-opcje p.koszyk {
	text-align: right;
	padding-right: 5px;
	color: #d70000;
	margin: 0;
	padding: 0px;
	padding-right: 10px;
}

#opis-produkt .top-opcje p.koszyk a {
	color: #d70000;
	text-decoration: underline;

}
#opis-produkt .top-opcje p.koszyk a:hover {
	color: #008db0;
	text-decoration: none;
}
#opis-produkt .top-opcje ol {
	margin: 5px;
	padding: 2px;
}
#opis-produkt .top-opcje ol li {
	font-size: 11px;
	list-style: none;
	list-style-type: none;
}
#opis-produkt .top-opcje ol li strong {
	font-size: 12px;
}
#opis-produkt .top-opcje a {
	color: #d70000;
	font-size: 11px;
	text-decoration: underline;
}
#opis-produkt .top-opcje a:hover {
	color: #d70000;
	font-size: 11px;
	text-decoration: none;
}
/* opcje do sprawdzenia

#opis-produkt { 
	display: table; 
	height: 1px; 
	border: solid 1px red; 
	border-collapse: separate; 
	border-spacing: 10px; 
	padding: 5px;
}
.top-zdjecia, .top-opcje { 
	display: table-cell; 
	height: 100%; 
	border: solid 1px green; 
	margin: 5px;
}
*/

/* +++++++ boxy + reszta +++++++++ */
#opis-reszta {
	width: 100%;
	clear: both;
	text-align: left;
}
#opis-reszta h1 {
	font-size: 16px;
	color: #d70000;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;

}
#opis-reszta .opis-tresc {
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	margin-bottom: 15px;
}
/* ***************** /opis produktu ******************** */
/* ***************** lista producentow ******************** */
ul.prod-loga {
	text-align: center;
	width: 100%;
	margin-top: 10px;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
ul.prod-loga li {
	list-style: none;
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	margin-right: 10px;
}

/* ***************** /lista producentow - loga ******************** */

.main-baner {
	margin-bottom: 7px;
	text-align: center;
}
/* potwierdzenie zamowienia */
.conf-ok {
	margin-top: 40px;
	font-size: 14px;
	width: 70%;
	font-weight: bold;
	color: #008db0;
}
.conf-fail {
	margin-top: 40px;
	font-size: 14px;
	width: 70%;
	font-weight: bold;
	color: #d70000;
}

/* _______________________ MAGAZINE_________________ */
#magazine .fleft {
	float: left;
	text-align: left;
	width: 300px;
}
#magazine .fleft p {
	margin: 1px;
	padding: 0;
}
#magazine h1, #magazine h2, #magazine h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#magazine h1 {
	font-size: 14px;
	margin: 10px 0 10px;
	padding-left: 0;	
}
#magazine h2 {
	font-size: 13px;
}
#magazine h3 {
	font-size: 12px;
}

#magazine ol.spistresci, ol.spisfirm {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
}
#magazine ol.spistresci li, ol.spisfirm li {
	list-style: decimal;
	color: #d70000;
	font-weight: bold;
	margin: 0;
	margin-left: 2px;
	margin-bottom: 3px;
	padding: 0px;
}
ol.spisfirm li {
	width: 40%;
	float: left;
	overflow: hidden;
	padding-left: 6px;
}
#magazine ol.spistresci li a, ol.spisfirm li a {
	color: #d70000;
	text-decoration: none;
	font-weight: normal;
}
#magazine ol.spistresci li a:hover, ol.spisfirm li a:hover {
	text-decoration: underline;
} 
#magazine .fright {
	width: 200px;
	float: right;
	text-align: right;
}
#magazine .fright form {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	width: 190px !important;
}
/* ________________________ /srodek-col  ____________________________ */

/* ________________________ right-col  ____________________________ */
#right-col {
	float: right;
	text-align: center;
	width: 208px !important;	
	z-index: 20;
	overflow: hidden;
	background-color: #f4f4f4;
}

/* menu do pozostalych opcji */
#right-col ul.menu-a {
	margin: 0px 0 5px 0;
	padding: 3px 0 5px 0;
	list-style: none;
	list-style-type: none;
	background-color: #f4f4f4;
}

#right-col ul.menu-a li {
	margin: 0;
	margin-bottom: 5px;
	padding: 6px 3px;
	text-align: center;
	list-style: none;
	list-style-type: none;
}

#right-col ul.menu-a li a {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-left: 2px;
	color: #d70000;
	text-decoration: none;
}
#right-col ul.menu-a li a:hover {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-left: 2px;
	color: #d70000;
	text-decoration: underline;
}

/* _______________________________________ */
#right-col ul.cmsMenuRight {
	margin: 10px 0 5px 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	background-color: #f4f4f4;
}

#right-col ul.cmsMenuRight li {
	margin: 0;
	padding: 3px 3px;
	line-height: 20px;
	list-style: none;
	list-style-type: none;
}
#right-col ul.cmsMenuRight li {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	padding-left: 10px;
}
#right-col ul.cmsMenuRight li:hover {
	background-color: #eee;
}
#right-col ul.cmsMenuRight li a {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-left: 0px;
	color: #d70000;
	text-decoration: none;
}

#right-col ul.cmsMenuRight li a:hover {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-left: 0px;
	color: #d70000;
	text-decoration: underline;
}

#right-col dl a {
	text-decoration: none;
	color: #616161;	
}
#right-col dd.picture {
	text-align: center;
}
#right-col dd.lead {
	padding: 2px 5px;
}
/* ________________________ /right-col  ____________________________ */

/* ________________________ footer ____________________________ */
#footer {
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
	height: 20px;
	font-size: 10px;
	border-top: 1px solid #cb0808;
	background-color: #eee;
	padding-top: 5px;
	z-index: 0;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	text-align: center;
	height: 18px;
	margin-top: 3px;
	clear: both;
}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	list-style-type: none;
	margin-right: 20px;
}
#footer em {
	margin-right: 10px;
}
#footer a {
	color: #737373;
	font-size: 10px;
}

#footer a:hover {
	color: #cb0808;
	font-size: 10px;
}
/* ________________________ /footer ____________________________ */

/* ________________________ kategorie ____________________________ */
#left-col #menu {
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 100;
}

#left-col #menu ul li {float: left; width: 100%;}
#left-col #menu ul li a {height: 1%;} 

#left-col #menu a, #left-col #menu h2 {
	font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 
#left-col #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#left-col #menu a, #left-col #menu h2 {
	font: 11px/16px Tahoma, Verdana, Arial;
	font-weight: bold;
	display: block;	
	margin: 0;
	padding: 2px 3px;
	padding-left: 10px;
	border-bottom: 1px solid #ddd;

	/*
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;*/
}

#left-col #menu h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;
}

#left-col #menu a {
	color: #d70000;
	background: #f6f6f6;
	text-decoration: none;
	text-align: left;
}

#left-col #menu a:hover {
	color: #d70000;
	background: #f1f1f1;
}

#left-col #menu li {position: relative;}

#left-col #menu ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

#left-col div#menu ul ul {display: none;}
#left-col div#menu ul ul ul {display: none;}
#left-col div#menu ul ul ul ul {display: none;}
#left-col div#menu ul ul ul ul ul {display: none;}
#left-col div#menu ul ul ul ul ul ul {display: none;}
#left-col div#menu ul li:hover ul ul {display: none;}
#left-col div#menu ul ul li:hover ul ul {display: none;}
/*#left-col div#menu ul ul ul li:hover ul ul {display: none;}
#left-col div#menu ul ul ul ul li:hover ul ul {display: none;}
#left-col div#menu ul ul ul ul ul li:hover ul ul {display: none;}
#left-col div#menu ul ul ul ul ul ul li:hover ul ul {display: none;}
*/

#left-col div#menu ul li:hover ul {	display: block;} 
#left-col div#menu ul ul li:hover ul {display: block;}  
#left-col div#menu ul ul ul li:hover ul {display: block;}  
#left-col div#menu ul ul ul ul li:hover ul {display: block;} 
/*#left-col div#menu ul ul ul ul ul li:hover ul {display: block;} 
#left-col div#menu ul ul ul ul ul ul li:hover ul {display: block;} 
#left-col div#menu ul ul ul ul ul ul ul li:hover ul {display: block;}
*/


#left-col div#menu .show, #left-col div#menu li:hover .show {
	position: relative;
	display: block;
	left: 0;
	width: 100%;
}

#left-col div#menu .show a {
	padding-left: 20px;
}
#left-col div#menu .show .show a {
	padding-left: 30px;
}
#left-col div#menu .show .show .show a {
	padding-left: 40px;
}
#left-col div#menu .show .show .show .show a {
	padding-left: 50px;
}
#left-col #menu .zaznaczone {
	color: #008db0;
}
/* ________________________  /kategorie ____________________________ */

/* ________________________ boxy ____________________________ */
/* ------------ boxy: ogolne ------------- */
#boxy-tresc {
	position: relative;
	width: 95%;
	text-align: center;
}
/* ------------ boxy: menu ------------- */
#boxy-tresc ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
#boxy-tresc ul li {
	list-style: none;
	list-style-type: none;
	display: inline;
	position: relative;
	border: 1px solid #000177;
	background-color: #8485ff;
	padding: 2px 3px;
	margin-left: 5px;
}

#boxy-tresc ul li:hover, #boxy-tresc ul li.on  {
	position: relative;
	border: 1px solid #000177;
	border-bottom:  1px solid #dbe9f6;
	background-color:  #dbe9f6;
	padding: 2px 3px;
	margin-left: 5px;
	z-index: 5;
	cursor: hand;
}

#boxy-tresc ul li.on {
	font-weight: bold;
}
/* ------------ boxy: tresc ------------- */
#boxy-tresc .tresc {
	position: relative;
	background-color: #dbe9f6;
	border: 1px solid #000177;
	padding: 0;
	margin-top: 1px; 
	width: 100%;
	z-index: 2;
}

#boxy-tresc .tresc .box-h {
	visibility: hidden;
	top: 5px;
	left: 5px;

}
#boxy-tresc .tresc .box-v, #boxy-tresc .tresc .box {
	visibility: visible;
	position: absolute;
	top: 5px;
	left: 5px;
} 
/* ------------ boxy: zakladki ------------- */
/* opis */
#boxy-tresc .tresc .zakladka-opis {
	padding: 5px;
	text-align: left;
}

/* zdjecia
#boxy-tresc .tresc 
 */
dl.zakladka-zdjecia {
	width: 100%;
	padding: 0;
	margin: 10px auto;
	text-align: center;
}

dl.zakladka-zdjecia dd {
	padding: 0;
	margin: 0;
	display: inline;
	text-align: center;
}
dl.zakladka-zdjecia dt {
	text-align: left;
	padding: 0;
	margin: 0;
	margin-left: 5px;
	font-size: 10px;
}
dl.zakladka-zdjecia dd img {
	margin: 0 5px 5px 0;
}
/* producent */
#boxy-tresc .tresc .zakladka-producent {
	padding: 5px 10px;
	text-align: left;
} 

#boxy-tresc .tresc .zakladka-producent img {
	float: right;
}
/* ________________________ /boxy ____________________________ */

/* ________________________ article-content ____________________________ */
#articleContent {
	min-height: 600px;
	height: auto !important;
	height: 600px;
	width: 99%;
}
.box { /* jakiekolwiek height lub width, jak nie wiesz co, daj 
height:1%; */ }
.box::after { 
	display:block; 
	height:1px; 
	overflow:hidden; 
	clear:left; 
	content:""; 
}
.box {
	overflow:hidden;
	zoom:1;
}


#articleContent .content {
	padding: 0 10px 5px 10px;
	text-align: left;
}
#articleContent .content img {
	margin-right: 10px;
}
#articleContent h1.title {
	color: #008db0;
	font-size: 21px;
	font-weight: bold;
	margin: 10px 0 10px;
	padding-left: 0;
	font-family: "Trebuchet MS", Arial, Verdana;
}
#articleContent .lead {
	font-weight: bold;
	margin: 5px auto 5px;
	text-align: justify;
	font-size: 12px;
}
#articleContent .art-content {
	text-align: justify;
}
#articleContent .art-content p {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#articleContent .art-content ul {
	margin-left: 25px;
}
#articleContent h1, #articleContent h2, #articleContent h3 {
	font-size: 13px;
	margin: 10px auto 5px;
}

#articleContent h6 {
	margin-top: 5px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: none;
}

#articleContent ol.spistresci {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
}
#articleContent ol.spistresci li {
	list-style: decimal;
	color: #d70000;
	font-weight: bold;
	margin: 0;
	margin-left: 2px;
	margin-bottom: 3px;
	padding: 0px;
}
#articleContent ol.spistresci li a {
	color: #d70000;
	text-decoration: none;
	font-weight: normal;
}
#articleContent ol.spistresci li a:hover {
	text-decoration: underline;
} 

#articleContent .lead-img, .cms-article .lead-img {
	float: left;
	margin-right: 7px;
	border: 1px solid #ccc;
}
.powrot {
	text-align: right;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ccc;
}
.powrot a {
	text-decoration: none;
	color: #008db0;
}
ul.prevnext {
	list-style: none;
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}
ul.prevnext li {
	list-style: none;
	list-style-type: none;
	float: left;
	width: 33%;
	text-align: left;
}
ul.prevnext li.cnt {
	text-align: center;
}
ul.prevnext li.rgt {
	text-align: right;
}
ul.prevnext a {
	color: #616161;
	text-decoration: none;
}
ul.prevnext a:hover {
	color: #d70000;
	text-decoration: underline;
}
.authors {
	color: #616161;
	margin: 2px 0;
	padding: 0;
	text-align: right;
}
ul.paging {
	clear: both;
	float: none;
	text-align: center;
	list-style: none;
	margin: 5px auto;
	padding: 0;
}
ul.paging li {
	margin: 5px auto;
	padding: 0;
	list-style: none;
	list-style-type: none;
	display: inline;
	margin-left: 5px;
	color: #ccc;
}

ul.paging li a {
	color: #ccc;
	text-decoration: none;
}
ul.paging li a:hover {
	text-decoration: underline;
}
ul.paging li a.activ, 
ul.paging li.activ {
	font-weight: bold;
	text-decoration: none;
	color: #000;	
}
.foto-art {
	float: left;
	margin-right: 6px;
	border: 1px solid #ccc;
}
/* ________________________  /article-content ____________________________ */
/* _________________ dodatki __________________ */
#body-srodek {
	width: 100%;
	clear: both;
	margin-top: 5px;
	position: relative;
}

/* __________ HTMLowe _____________ */
img {
	border: 0;
}

h1.title, h2.title, h3.title, h4.title, h1, h2, h3 {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 2px;
}
h1.title, h1, h2 {
	font-size: 21px;
	font-weight: bold;
	text-align: left;
	color: #088eaf;
}

h1, h2 {
	padding-left: 5px;
}
/* __________ pozostale _____________ */
.clr {
	clear: both;
}
a { color: #d70000 }
a:hover { color: #d70000 }
.stronicowanie {
	clear: both;
}
.gorna_nawigacja {
	margin: 0 0 6px 10px;
	text-align: left;
	clear: both;
	color: #aaa;
}
.gorna_nawigacja a {
	color: #aaa;
	text-decoration: underline;
}

.gorna_nawigacja a:hover {
	color: #000;
	text-decoration: none;
}
.fleft {
	float: left;
	text-align: left;
	padding-left: 5px;
}
.fright {
	float: right;
	text-align: right;
	padding-right: 5px;
}
.tresc-stp {
	text-align: left;
	padding-left: 5px;
}
.baner-cms {
	border: 1px solid #aaa;
}
/* +++++++++++++++++++ styl do tebelek ++++++++++++++++++++++++++++ */
.tab, tab-koszyk {
	margin: 1px;
	padding: 1px;
	border: 0px solid #ccc;
	display: table;
	width: 98%;
}
.tab-koszyk {
	margin: 15px 0 20px 0;
	border: 1px solid #ccc;
	width: 90%;
}

.tab td.title, .tab-koszyk td.title {
	font-weight: bolder;
	font-size: 13px;
	text-align: center;
	padding: 4px;
	border: 1px solid #ccc;
}
.tab td, .tab-koszyk td {
	border: 0px solid #ccc;
	vertical-align: top;
}
.tab td.rgt, .tab-koszyk td.rgt  {
	text-align: right;
	padding: 2px;
	padding-right: 4px;
	vertical-align: top;
}

.tab td.lft, .tab-koszyk td.lft {
	text-align: left;
	padding-left: 4px;
	vertical-align: top;
}

.tab td.cnt, .tab-koszyk td.cnt {
	text-align: center;
	vertical-align: top;
}

.tab tr.row1, .tab-koszyk tr.row1 {background-color: #e8f3ff;}
.tab tr.row2, .tab-koszyk tr.row1 {background-color: #d9daff;}
/*.tab tr:hover {background-color: #023769!important; color:#fff;}
.tab tr:hover a {color: #fff;}
.tab tr:hover a:hover {color: #fff;}*/
.tlo0 {background-color: #fff;}
.tlo1 {background-color: #e8f3ff;}
.tlo2 {background-color: #f4f4f4;}

/* stronnicowanie */
.pagination {
	display: block;
	clear: both;
	list-style: none;
	list-style-type: none;
	margin-top: 10px;
	text-align: center;
}
.pagination li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	margin-left: 20px;
}

.f-lft { float: left;}
.t-rgt { float: right;}
.t-lft { text-align: left;}
.t-rgt { text-align: right;}
.t-cnt { text-align: center;}


.row1 {background-color: #fff;}
.row2 {background-color: #d5eaff;}
.content {
	padding: 0px 10px 5px 10px;
}

/* __________________________ formularz _______________________ */
.form, .formfield, .form-num {
	font: 11px Tahoma, sans-serif; 
	border: 1px inset silver; 
	background-color: #fbfbfb; 
	margin: 4px 0px 4px 0px; 
	padding-left: 2px;
}

.form-num {
	text-align: right;
}
.form-bckg {
	font: 11px Tahoma, sans-serif; 
	border: 1px outset #cecece; 
	background-color: #cb0808; 
	color: #fff;
	margin: 4px 0px 4px 0px; 
	text-align: center;
}
.formularz {
	width: 99%;
	display: block;
	clear: both;
	background-color: #f4f4f4;
	text-align: center;
}

.formularz form {
  	margin:0;
  	padding:0;
  	text-align: center;
  	width: auto;
}

.form, .form-num {
	font: 11px Tahoma, sans-serif; 
	border: 1px inset silver; 
	background-color: #fbfbfb; 
	margin: 4px 0px 4px 0px; 
	padding-left: 2px;
}
.form-num {
	text-align: right;
}

.form-bckg {
	font: 11px Tahoma, sans-serif; 
	border: 1px outset #cecece; 
	background-color: #cb0808; 
	color: #fff;
	margin: 4px 0px 4px 0px; 
	text-align: center;
}
.formularz h2 {
	font-size: 15px;
	color: #d70000;
	text-align: center;
}

.formularz .blad-red {
	color: #f00;
	padding-left: 3px;
	padding-top: 2px;
}
.formularz .blad-orange {
	color: #ff8c00;
	padding: 1px 3px 3px 2px;
}

.formularz-left {
	width: 270px;
	float: left;
	background-color: #ffc0cb;
	margin-right: 5px solid #fff;
	text-align: center;
}

.formularz-right {
	width: 268px;
	float: right;
	background-color: #cad5f7;
	text-align: center;
}

.formularz .row {
	clear: both;
	padding-bottom: 10px;
	border-top: 1px solid #fff;
}

.formularz .row span.label-txt {
  float: left;
  width: 190px;
  padding-top: 5px;
  text-align: right;
}

.formularz .row span.html-inp, .formularz .row span.html-inp-txt {
  float: right;
  width: 340px;
  text-align: left;
} 

.formularz .row span.html-inp-txt {
  padding-top: 4px;
  font-size: 12px;
} 
.formularz .row span.label-txt-opis {
  display: block;
  width: 100%;
  text-align: left;
}

.formularz .row span.html-inp-opis {
  display: block;
  width: 100%;
  text-align: left;
} 

.formularz-left .row span.label-txt {
  float: left;
  width: 120px;
  padding-top: 5px;
  text-align: right;
}

.formularz-left .row span.html-inp {
  float: right;
  width: 230px;
  text-align: left;
} 

.formularz-right .row span.label-txt {
  float: left;
  width: 120px;
  padding-top: 5px;
  text-align: right;
}

.formularz-right .row span.html-inp {
  float: right;
  width: 230px;
  text-align: left;
} 
.formularz-left p, .formularz-right p {
	padding: 0;
	margin: 5px 0 10px 0;
	
}
.formularz p.info, .formularz p.info-cnt {
	margin: 4px 0;
	padding: 0 6px;
	font-size: 12px;
	text-align: left;
}
.formularz p.info-cnt {
	text-align: center;
	margin-top: 20px;
}

span.label-txt img {
	border: 0;
	margin: 0;
	vertical-align: middle;
	display: inline;
}
.formularz .row label {
	cursor: pointer;
}
span.html-inp img {
	border: 0;
	margin-left: 5px;
}
.formularz-left h2 {color: #fb002c;}
.formularz-right h2 {color: #173899;}



/* ************************ ^pozostałe smiecie rejestracja *********************** */ 
.captcha {
	vertical-align: middle;
	margin: 0 4px;
	width: 120px;
	height: 30px;
}

.info-txt {
	display: block;
	clear: both;
	height: 120px;
	width: 100%;
	padding-top: 5px;
	background-color: #cce7f7;
	color: #000;
	margin-bottom: 10px;
	border-top: 1px solid #0b4b85;
	border-bottom: 1px solid #0b4b85;
}
.info-txt p.info {
	margin: 4px 0;
	padding: 0 6px;
	font-size: 12px;
	text-align: left;
}
.info-txt h1 {
	margin: 4px 0;
	padding: 0 6px;
	font-size: 14px;
	font-weight: bold;
	color: #cb0808;
	text-align: left;
}


/* uzyte na stronie wyboru layoutu */
.formularz ul.lay {
	width: 580px;
	display: block;
	clear: both;
	margin: 10px auto;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	list-style: none;
	list-style-type: none;
	min-height: 240px;
}
.formularz ul.lay li {
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	list-style: none;
	list-style-type: none;
}

.formularz ul.lay li img {
	width: 270px;
	height: 220px;
	border: 1px solid #ccc;
}
.formularz ul.lay li input {
	margin-top: 7px;
	display: block;
	text-align: center;
}

.formularz ul.lay li.arrows {
	text-align: center;
	margin-top: 90px;
}

/*.formularz ul.selects */

/*.formularz ul.selects */
.info-txt .big-link {
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.info-txt .big-link:hover {
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
/* __________________________ /formularz _______________________ */