/*
Theme Name: Ciemna strona Basa
Theme URI: http://gazpo.com/2012/07/max/
Author: Sami Ch.
Author URI: http://gazpo.com/
Description: Max Magazine  
Text Domain: max-mag
*/

/*
Warning: Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, create a child theme instead
See: http://codex.wordpress.org/Child_Themes
*/

/* TABLE OF CONTENT 
 * ================================================
 * 1.  RESET
 * 2.  COMMON ELEMENTS
 * 3.  BASE LAYOUT
 * 4.  HEADER
 * 5.  NAVIGATION MENU
 * 6.  MAIN CONTENT
 * 7.  SIDEBAR
 * 8.  FOOTER
 * 9.  MEDIA QUERIES
 **/

 /* 1. RESET
 * ================================================ */
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 101%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	/* vertical-align: baseline; */
}

:focus {
	outline: 0;
}
body {
	background: #333;
	background-image:url(images/tlo-stal.png); 
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link {
	color: #FF8040;
	text-decoration:none;
}

a:visited {
	color: #FF8040;
	text-decoration:none;
}

a:active {
	color: #000000;
	background-color: #FF8040;
}

a:hover {
	color: #000000;
/*	background-color: #FF8040; */
}



a img {
	border: 0;
}



article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


 /* 2. COMMON ELEMENTS
 * ================================================ */
h1, h2, h3, h4, h5, h6{
	font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
	line-height:1.4;
}

h1{
	font-size:26px;
}

h2{
	font-size:22px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

h5{
	font-size:13px;	
}

a{
	-moz-transition: background-color 0.2s linear 0s;
}

a:link {
	color: #FF8040;
	text-decoration:none;
}

a:visited {
	color: #FF8040;
	text-decoration:none;
}

a:active {
	color: #000000;
	background-color: #FF8040;
}

a:hover {
	color: #000000;
	background-color: #FF8040;
}


ul, ol {
	margin: 0 0 1.5em 2.5em;
}

ul {
	list-style: square;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

dl {
	margin: 0 1.5em;
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}

strong {
	font-weight: bold;
}

small { 
	font-size: 80%; 
}

big {
	font-size: 120%;
}

cite, em, i {
	font-style: italic;
}

cite {
	border: none;
}

blockquote {
	font-style:italic;
	margin: 7px 35px 7px 45px;    
	font-style:italic;
/*	background:#444444; */
	background: rgba(80, 80, 80, 0.2);	
	padding:10px;


}

blockquote p {
	margin: 0px;
	padding: 0px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
pre {

	font: 87.5% "Courier 10 Pitch", Courier, monospace;
	line-height: normal;
	margin-bottom: 1.5em;
	padding: 0.75em 1.5em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}
ins {
	background: #333;
	text-decoration: none;
}
sup, sub {
	font-size: 62.5%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

input[type=text], textarea {
	border: 1px solid #444;
}

textarea {
	padding-left: 3px;
	width: 98%;
}

address {
	display: block;
	margin: 0 0 1.625em;
}

 /*table {
	border: 1px solid #FF3333;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left; 
} */

th {
	color: #666666;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}

td {
/*	border-top: 1px solid #333; 	*/
	padding: 6px 10px 6px 0;
}

p{
	margin-bottom: 15px;
}

img{
	max-width: 100%; 
	height: auto;
}

/*-- WordPress common classes*/
.clear{
	clear:both;
}
 
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.25em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.25em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone{
	display: inline;
	float: left;
	margin-right: 1.25em;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.25em;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	margin-bottom: 1.25em;
	max-width: 96%;
	text-align:center;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}

.gallery{
	margin-bottom:15px !important;
}

.gallery dl{
	margin:0;
}

.gallery img{
	border:none !important;
}


 /* 3. BASE
 * ================================================ */	
body{
/*	background: #222; */
	color: #999999;
	font-size: 13px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	line-height: 1.6em;	
}

#container{
	width: 960px; 
	margin: 0 auto;
}

#content-container{
	clear: both; 
	padding: 15px; 	
	-webkit-border-radius: 8px 8px 0px 0px;
        border-radius: 8px 8px 0px 0px;
	overflow:hidden;
	background-color:#151515;	
	background-image:url(images/tlo-0.png); 
}

#content {
	float: right; 
	width: 630px;
}

.wide-content{
	width:100% !important;	
}

/* 4. HEADER
* ================================================ */	
#header{
	padding-bottom: 3px; 
/*	margin:0px,0,0,0; /* auto 0px; /* 20px; */
/*	background:#000; */
	border-bottom: 1px solid #666666;
	background:#151515;	
	background-color:#151515;	
	background-image:url(images/tlo-0.png); 

}

#header .header-wrap{
	overflow:hidden;
	margin-bottom:0px;
	padding-bottom:0px;
}

#header .logo{
	float: left;
}

#header .logo h1{
	margin-bottom: 0px;
}

#header .logo img{
	display: block;
	margin-top:3px;
}


/* 5. NAVIGATION MENU
* ================================================ */
#nav{
    clear: both;
}	
	
#nav select {
    display: none;
    z-index: 3000;
    position: relative;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #000;
    height: 34px;	
	color:#555555;
	font-family:inherit;
}

#nav ul {
	z-index:99; 
	margin:0; 
	padding:0; 
	list-style:none;
	text-align:right;
	display:block;
}

#nav ul li{
	position: relative;
	display:block;
	float:right;
	margin:0;
	padding:0;
       border-left: 1px solid #333;
/*       border-top: 1px solid #333;*/
       letter-spacing: 2px;
}

#nav ul li a{	
	display: block;
	float: right; 
	position:relative; 
	font-size: 14px;
	font-weight:700;
	text-transform: uppercase;
	padding:0 15px 0;
	height:40px;
	line-height:40px;
}
/* Linki menu jeśli mają być inne niż ma reszcie strony */
#nav ul li a:link {
	color: #FF8040;
	text-decoration:none;
}

#nav ul li a:visited {
	color: #FF8040;
	text-decoration:none;
}

#nav ul li a:active {
	color: #000000;
	background-color: #FF8040;
}

#nav ul li a:hover {
	color: #000000;
	background-color: #FF8040;
}




#nav ul.sub-menu{
	display: none;
	position: absolute;
	top: 30px;
	width:190px;
	left:10px;
	z-index: 9999;
	background: #333333 !important;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);

}

 #nav ul.sub-menu a{
	display:block !important;
	width:160px;
	text-transform: none;
	font-size:12px;
	font-weight:700;
	border-bottom:1px solid #666666;	
}

#nav ul li ul li ul{	
	margin: -30px 0 0 180px;	
}

#nav .sf-sub-indicator{
	display:none;
}

#nav ul.sub-menu li.current-menu-item a, 
#nav ul.sub-menu li.current-page-ancestor a,
#nav ul.sub-menu li.current-menu-ancestor a{
	color:#4581B9 !important;
} 

/* 6. MAIN CONTENT
 * ================================================ */

/*-- Homepage carousel --*/

/*-- Featured Categories --*/
#featured-categories{
	overflow:hidden;
}

#featured-categories .category{
	width:280px; /*bylo300 */
	float:left;
	overflow:hidden;
	position:relative;
	padding-bottom: 15px;
	margin-left:20px;
	margin-right:0px;
}

#featured-categories .right-side{
	margin-left:30px; 
}

#featured-categories .category .attachment-feat-thumb{
	width:280px;	
	height:170px;	
}

#featured-categories h3.cat-title {
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 0;
	z-index: 3;
}

#featured-categories h3.cat-title a {
	background:#333; 
	color:#FF8040; 
	display:block; 
	padding:5px 12px; 
	-moz-transition:  .8s ease-in-out; 
	-webkit-transition:  .8s ease-in-out; 
	transition:  .8s ease-in-out;
	background: rgba(0, 0, 0, 0.6);
}
				
#featured-categories h3.cat-title a:hover { 
	background: rgba(0, 0, 0, 0.6);
}

#featured-categories .feat-post h3{
	margin-bottom:5px;
}
#featured-categories .more-posts .post{
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

#featured-categories .more-posts .post .right{
	float:left;	
	width:220px;
}

#featured-categories .more-posts img {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin: 1px 10px 0px 0;
}

#featured-categories .more-posts .post-meta .sep{
	margin:0 5px;
}

#posts-list .post{
	overflow:hidden;
	padding-bottom: 25px;
	margin-bottom:25px; 
/*	background: url("images/sep-bg.png") repeat-x center bottom;   */
}

#posts-list .post-image{
	margin-right:20px;
	float:left;
}

#posts-list .post-image img{
	width:150px
}

#posts-list .post-meta .sep{
	margin:0 5px;
}

#posts-list .post .exceprt p{
	margin-bottom:7px;
}

#content .page-title{
	margin-bottom:20px; 
}

#content .post-meta{
	font-size:12px;
	color: #999;	
	margin-bottom:7px;
}

#content .archive-meta{
	/*background: #FF0000; */
	background: rgba(80, 80, 80, 0.2);
	padding:8px 10px;
	margin-bottom:20px;
}

#content .archive-meta p{
	margin-bottom:5px;
}

#content .no-posts-notice{
	background: #f7f7f7;
	padding:8px 10px;
	margin-bottom:20px;
}

#content .post .sticky{		
	font-size:12px;
	background:#f2f2f2;
	padding:4px 6px;
	letter-spacing:1px;
	display:inline-block;
	line-height:1;
	border-bottom:1px solid #eee;
}

#content .post,
#content .page{
	overflow:hidden;
	margin-bottom:15px;
}

#content  .post .post-entry{
	overflow:hidden;
padding-right:20px;
padding-left:10px;
}

#content .post-meta .sep{
	margin:0 5px;
}

#content .post .author{
	overflow:hidden;
}

#content .post .author h3{
	margin-bottom:5px;
}

#content .post .author .avatar{
	float:left;	
	width:50px;
	margin-top:5px;
}

#content .post .author .author-meta{
	margin-left:60px;
}

#content .image-nav, 
#content .post-nav {
	margin: 12px 0;
	overflow:auto;
}

#content .image-nav .previous, 
#content .post-nav .previous {
	float: left;
	text-align: left;
	width: 50%;
}

#content .image-nav .next, 
#content .post-nav .next {
	float: right;
	text-align: right;
	width: 50%;
}

#content .parent-post-link{
	margin:10px 0;
	text-align: center;	
}

#content  .pagination{
	text-align:center; 
	text-shadow: none;  
}

#content .pagination .current { 
	background:#FF8040;
        color:#000000;
}

#content .pagination  .page-numbers {
	border:solid 1px #444444;
	display: block;
	float: left;	
	margin-right:3px;
	padding: 3px 8px;
	position: relative;
}

#content .post .widget{
	margin:20px 0;
	padding-bottom: 0px;
/*	background: url("images/sep-bg.png") repeat-x center bottom; */
	overflow:hidden;
}

#content .post .widget li{
	border-bottom:none;
}


/*-- Post comments --*/


.comment{
	padding: 6px;
	
}
#comments h2{
	margin:15px 0;
}

#comments span.date-and-time a { 
	display: block; 
	font-size:13px;
	color:#999; 
	text-decoration: none; 
	font-weight: normal; 
	margin: 2px 0;
}

#comments p.comment-notes {
	font-size: 12px; 
	color: #333333; 
}

#comments ol.commentlist{
	margin:0;
}

#comments ol.commentlist li div.comment-author { 
	margin-top: 5px; 
/*blab*/

}

#comments ol.commentlist .comment-meta .comment-awaiting-moderation{ 
	color:red; 
	font-style:italic; 
}

#comments ol.commentlist .pingback{
	margin-bottom:10px;
}

#comments ol.commentlist .pingback .title{
	font-size:14px;
	font-weight: 700;
}

#comments ol.commentlist li div.vcard {
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 0;   
}

#comments ol.commentlist li div.vcard span.edit-link a {
	font-size: 13px; 
	font-weight: 400; 
	margin-bottom: 0;
}

#comments ol.commentlist .comment-content p{ 
	margin-bottom:10px;
}

#comments ol.commentlist li div.vcard cite.fn { 
	font-style:normal; 
}

#comments ol.commentlist li div.vcard img.avatar {
	float:left; 
	margin-right: 10px; 
}

#comments ol.commentlist li { 
	list-style: none; 
}

#comments ol.commentlist li div.reply { 
	margin-bottom: 15px;
}

#comments ol.commentlist li ul.children { 
	list-style:none; 
	margin:15px 0 0; 
	text-indent:0;
}

#comments ol.commentlist li ul.children li.depth-2 { 
	margin: 0 0 30px 40px;  
}

#comments ol.commentlist li ul.children li.depth-3 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist li ul.children li.depth-4 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist li ul.children li.depth-5 { 
	margin: 0 0 30px 40px; 
}

#comments ol.commentlist > li.bypostauthor {

}
 
#respond p.comment-form-comment label{
	display:none;
}

#commentform p.comment-notes{
	color:#888;
}

#commentform p.form-allowed-tags{
	display:none;
}

#respond input[type="text"], #respond input[type="password"] {
	width: 320px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0px 0px 0px 10px; 
	margin-right: 12px; 
	line-height: 20px; 
	border:1px solid #666;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:transparent;
	background-color:transparent;
	color:#999;
	font-size: 14px;	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	

}

#respond textarea{
	height: 165px; 
	padding: 10px; 
	width: 90%;
	line-height: 20px; 
	border:1px solid #666;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#999;
	font-size: 14px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 

}
	
#respond #submit{
	-moz-transition:  .8s ease-in-out; 
	-webkit-transition:  .8s ease-in-out; 
	transition:  .8s ease-in-out;
	background: #41464b;
	border: 1px solid #666;
	border-radius: 3px 3px 3px 3px;
	color:#999;
	margin:0 0 20px;
	padding: 5px 7px;	
}

#respond #submit:hover {
	cursor:pointer;
	color:#000;
	background:#FF8040;
} 
	
/* 7. SIDEBAR
 * ================================================ */
#sidebar {
	width: 280px;  
/*	float: right;   */  
        float: left;
	margin-right:20px;
/*	background: #333;   Tło widgetów */
/*	background:url(images/s-tr-bg.png) repeat; */
	background: rgba(80, 80, 80, 0.1);


}

#sidebar h3{
	margin-bottom:10px;
}

#sidebar .widget{
	padding-bottom:20px;
	margin-bottom:0px; 
*/	background: url("images/sep-bg.png") repeat-x center bottom; */
	width:280px;
	overflow:hidden;
}

.widget ul {
	margin:0;
	padding:0;
 list-style: none;
}
.widget:first-child{
	margin-top: 0px;
}

.widget:last-child{
	border-bottom: none;
}

.widget ul li {
/*	background: url("images/arrow-sidebar.png") no-repeat left 9px; */
/*list-style-image: url("images/arrow-sidebar.png");*/
	border-bottom: 1px dotted #666666;
	color: #666;
	margin: 0;
	overflow: hidden;
	padding: 6px; 15px;
}

.widget ul li:last-child{
	border-bottom: none;
/* dodane */
/*	border-top: none;
        border: 0px;
*/
}

.cat-item{
	padding: 3px 5px 5px 5px;
	font-size: 16px;
}



/*-- subscriber counter widget --*/
#sidebar .widget_social_count ul{
	overflow:hidden;
}

#sidebar .widget_social_count a{
/*	color:#FF0000; */
}

#sidebar .widget_social_count li {
	float: left;	
	font-size: 23px;
	line-height: 13px;
	font-weight: bold;
	color: #666;
	padding-top: 9px;
	padding-left: 40px;
	border-bottom: none;	
 }

#sidebar .widget_social_count li .small {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
/*    color: #FF0000; */
}

#sidebar .widget_social_count li .small a {
/*	color: #FF0000; */
}

#sidebar .widget_social_count .rss {
	background: url(images/rss32.png) 0px 5px no-repeat;
	margin-right:15px;
	width:78px;
}

#sidebar .widget_social_count .twitter {
	background: url(images/twitter32.png) 0px 5px no-repeat;
	width: 75px;
}

#sidebar .widget_ad125 ul{
	overflow:auto;
	margin-top:10px;
	margin-left:15px;	
}

#sidebar .widget_ad125 li{
	float:left;
	margin-bottom:5px;
	border-bottom: none;	
	background:none;
	padding:0;	
}

#sidebar .widget_ad125 li a{
	display:block;
}

#sidebar .widget_ad125 li:first-child{
	float:left;
	margin-right:10px;
}

#sidebar .widget_ad125 li:last-child{
	float:left;
	margin-left:12px;
}

/*-- twitter widget --*/
.widget_tweets{
	height:272px;
        color:#FF8040;
}

.widget_tweets  .twtr-ft{
	display:none;
        color:#FF8040;
}

.twtr-tweet-text em{
	display:none !important;
        color:#FF8040;
}

/*-- search widget --*/
.searchfield{
	font-size: 13px;
	padding: 10px 28px 10px 6px;
	width: 240px;	
	border:1px solid #999999;
	font:inherit;
	color: #888;
 	background: url("images/magnify.png") no-repeat 96% 50%; 
}

.searchfield-sklep{
	font-size: 13px;
	padding: 10px 28px 10px 6px;
	width: 240px;	
	border:1px solid #555555;
	font:inherit;
	color: #999;
 	background: url("images/magnify.png") no-repeat 96% 50%; 
}

/*-- Tags Widget --*/
.tagcloud{
	overflow:hidden;
	margin-top:10px;
}

.tagcloud a {
	background: #222222;
	color: #494F56;
	display: block;
	float: left;
	font-size: 12px !important;
	line-height: 12px;
	margin-bottom: 8px;
	margin-right: 15px;
	padding: 8px 12px;
	text-decoration: none;
}

.tagcloud a:hover{
	background: #ececec;
}

/*-- Calendar Widget --*/
.widget_calendar h3.widgettitle {
	display:none;
}

.widget_calendar h4 {
	display:none;
}

.widget_calendar #wp-calendar caption {
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
	margin-bottom:10px;
}

.widget_calendar table#wp-calendar {
	width:100%;
	border:none;
	margin-bottom:0;
}

.widget_calendar thead>tr>th {
	width:14%; 
	height:23px; 
	text-align:center; 
	background-color:#222; 
}
	
.widget_calendar td {
	width:14%;	
	height:23px;	
	text-align:center;	
	border:none;
}

.widget_calendar tfoot>tr>td#prev {
	width:58px;	
	height:20px;	
	text-align:left;	
}

.widget_calendar tfoot>tr>td#next {
	width:58px; 
	height:20px;	
	text-align:right;	
}

.widget_social ul li{
	padding-left:24px;
}

.widget_social ul li.facebook{
	background:url(images/fb16.png) no-repeat left center;
}
.widget_social ul li.twitter{
	background:url(images/twitter16.png) no-repeat left center;
}
.widget_social ul li.gplus{
	background:url(images/gplus16.png) no-repeat left center;
}
.widget_social ul li.rss{
	background:url(images/rss16.png) no-repeat left center;
}
.widget_social ul li.contact{
	background:url(images/email16.png) no-repeat left center;
}


 /* 8. FOOTER
 * ================================================ */
 
#footer{
	color: #888;
	background: url(images/footer-bg.png) repeat; 
	overflow: hidden;
}

#footer h4{
	color:#999;
	margin-bottom: 10px; 	
}

#footer a{
	color: #999; 
	font-weight: normal;
}

#footer a:hover{
	color: #000;
        bgcolor:FF8040;
}

#footer .footer-widgets{
	padding:15px;
	overflow:hidden;
}

/*--- footer widgets --*/
#footer .widget{
	font-size:12px;
	float: left; 
	width: 190px; 
	margin-right: 20px;	
	margin-bottom: 0px;	
	overflow:hidden;
}

#footer .widget-master{  /* do kasacji wcześniej poprawić footer.php */
	float: left; 
	width: 280px; 
	margin-right: 20px;	
	margin-bottom: 0px;	
	overflow:hidden;
}

#footer .master{
	font-size:13px;
	width: 280px;
	margin-bottom: 20px;
}


#footer .widget ul li{
	color: #bbbbbb;
	border-bottom: 1px dotted #292f33;
}

#footer .widget ul li:last-child{
	border-bottom: none;
}

/*--- tags widget  --*/
#footer .tagcloud a {
	background: #292F33;
	color: #878787;	
}

/*--- calendar widget --*/
#footer .widget_calendar thead > tr > th{
	background: none;
	color: #bbbbbb;
}

/*--- twitter widget --*/
#footer  .widget_tweets .twtr-tweet .twtr-tweet-text p {
    color: #bbbbbb !important;
}
#footer  .widget_tweets  .twtr-hd h3 {
	color: #bbbbbb !important;
}

#footer  .widget_tweets .twtr-hd *,
#footer  .widget_tweets .twtr-hd h4 a {
    color: #999 !important;
}

#footer  .widget_tweets .twtr-tweet a:link,
#footer  .widget_tweets .twtr-tweet a:visited,
#footer  .widget_tweets .twtr-tweet a:hover {
    color: #999 !important;
}

#footer  .widget_tweets .twtr-widget .twtr-tweet{
	border-bottom:1px dotted #292F33 !important;
}

/*--- footer info --*/
#footer .footer-info{
	clear: both; 
	margin-top: 0px; 
	padding: 10px 15px; 
	overflow: hidden;
	background: #3e4348;
	background: rgba(41, 47, 51, 0.2);
}

#footer .footer-info p{
	float: left; 
	margin: 0; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 11px; 
	font-style: italic;	
}

#footer .footer-info .credit{
	float: right;
}

#footer .footer-info .credit img{
	margin-bottom:-2px;
}

.odstep-duszki{padding-top:7px}
.duszki{display: inline-block; background: url(images/duszki-spoleczne.png) no-repeat top left;}

.sFacebook{ background-position: 0 0; width: 33px; height: 32px; } 
.sFacebook:hover{ background-color: #3b5999;-webkit-border-radius: 50px; border-radius: 50px;
	-webkit-box-shadow:  0px 0px 15px 0px #3b5999;box-shadow:  0px 0px 15px 0px #3b5999;} 
.sFeed{ background-position: 0 -33px; width: 33px; height: 32px; } 
.sFeed:hover{ background-color: #ff8040;-webkit-border-radius: 50px; border-radius: 50px;
		-webkit-box-shadow:  0px 0px 15px 0px #ff8040;box-shadow:  0px 0px 15px 0px #ff8040;} 
.sGoogleP{ background-position: 0 -66px; width: 33px; height: 32px; } 
.sGoogleP:hover{ background-color: #f44842;-webkit-border-radius: 50px; border-radius: 50px;
			-webkit-box-shadow:  0px 0px 15px 0px #c33423;box-shadow:  0px 0px 15px 0px #c33423;} 

.sGadu{ background-position: 0 -99px; width: 32px; height: 32px; } 
.sGadu:hover{ background-color: #d5cc75;-webkit-border-radius: 50px; border-radius: 50px;
				-webkit-box-shadow:  0px 0px 15px 0px #c33423;box-shadow:  0px 0px 15px 0px #c33423;} 

.sSkype{ background-position: 0 -132px; width: 33px; height: 33px; } 
.sSkype:hover{ background-color: #34a7d1;-webkit-border-radius: 50px; border-radius: 50px;
				-webkit-box-shadow:  0px 0px 15px 0px #238fb6;box-shadow:  0px 0px 15px 0px #238fb6;} 
.sTwitter{ background-position: 0 -166px; width: 33px; height: 33px; } 
.sTwitter:hover{ background-color: #3898b5;-webkit-border-radius: 50px; border-radius: 50px;
				-webkit-box-shadow:  0px 0px 15px 0px #29bfed;box-shadow:  0px 0px 15px 0px #29bfed;} 
.sYouTube{ background-position: 0 -200px; width: 33px; height: 32px; } 
.sYouTube:hover{ background-color: #d3695d;-webkit-border-radius: 50px; border-radius: 50px;
				-webkit-box-shadow:  0px 0px 15px 0px #f44842;box-shadow:  0px 0px 15px 0px #f44842;} 
.sEmail{ background-position: 0 -233px; width: 33px; height: 33px; } 
.sEmail:hover{ background-color: #cccccc;-webkit-border-radius: 50px; border-radius: 50px;
				-webkit-box-shadow:  0px 0px 15px 0px #cccccc;box-shadow:  0px 0px 15px 0px #cccccc;} 



 /* 9. MEDIA QUERIES
 ================================================ */

@media screen and (max-width: 459px) {
	
	#container {
		width: 320px;	/*320*/	
	}

	#content-container{
		padding:10px;
	}	
	
	/*-- header --*/
	#header{
		padding: 10px;		
	}
	
	#header .logo {
		width:300px; /*300*/
		text-align:center;	
	}
	
	#header .ad468{
		display: none; 
	}
	
	#header .logo img {
		display:inline-block;
	}
/*	
	#nav ul {  
		display:none; 
	font-size: 8 px;
	}
	
	#nav select  {	
		margin-top:20px;
		display: block;
		float:left;
		width: 300px; 
	}
*/
#nav ul li a{	
	font-size: 10 px;
	padding:0 5px 0;
/*	height:10px;
	line-height:10px;
*/
}


	
	/*-- content --*/
	#slider{
		display:none;
	}
	
	#content {
		width: 300px; /*300*/
	}
	
	#carousel{
		display:none;
	}
	

	#featured-categories .right-side{
		margin-left:0;
	}
	
	#posts-list .post-image{
		display:none;
	}
	
	#content .single-post .author .avatar{
		display:none;
	}

	#content .single-post .author .author-meta{
		margin-left:0px;
	}
	
	#comments ol.commentlist li ul.children li.depth-2 { 
		margin: 0 0 30px 30px;  
	}

	#comments ol.commentlist li ul.children li.depth-3 { 
		margin: 0 0 30px 0px; 
	}

	#comments ol.commentlist li ul.children li.depth-4 { 
		margin: 0 0 30px 0px; 
	}

	#comments ol.commentlist li ul.children li.depth-5 { 
		margin: 0 0 30px 0px; 
	}
	
	#respond input[type="text"], #respond input[type="password"] {
		width: 200px; 
	}
	
	/*-- sidebar --*/
	#sidebar {
		width: 300px; /*300*/
		float: left;
		margin-left:0;
		margin-top:20px;
	}
	
	/*-- footer --*/
	#footer .footer-widgets{
		padding:10px;
	}
	
	#footer .widget{
		width: 300px;
	}
	
	#footer .footer-info{
		padding:10px;
	}
	
	#footer  .footer-info .credit{
		float:left;
	}
	
}



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

/********************************** Inne dziwactwa *****************************/

/*************************************** SKLEP *********************************/

/*********
body {
	color: #999999;
/*	background-color: #333333;  */
	font-size: 13px;
	font-family: "Helvetica Neue",tahoma, verdana, arial;
	font-weight: normal;
}

*********/
table {
/*
	border-collapse: collapse;
	border: 0;
	font-size: 11px;
	font-family: "Helvetica Neue", tahoma, verdana, arial;
*/
}
td {
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}


.tabela-normal {
	border-collapse: collapse;
	border: 0;
}

/* Tło komórki produktu, atrybutów, innych*/
.kom-foto-katalog, .komorka-normal-foto-katalog{
/*	border: 1px solid #555555; */
border-radius: 10px;
box-shadow: 0px 0px 10px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=10); /*IE */
background-image: -moz-linear-gradient(top, #000000, transparent);
background-image: -ms-linear-gradient(top, #000000, transparent);
background-image: -o-linear-gradient(top, #000000, transparent);
background-image: -webkit-linear-gradient(top, #000000, transparent);
background-image: linear-gradient(top, #000000, transparent);
background-clip: padding-box;
/* for webkit browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
opacity: 1.0;
progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF000000', endColorstr='11000000'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF000000', endColorstr='#11000000')"; /* IE8 */

filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#FF000000, endColorstr=#11000000
);

/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#FF000000, endColorstr=#11000000
);

}

.komorka-normal{
	PADDING: 0;
	BORDER: 1px solid #333333;
}

.przezroczystosc {
/*background-color:rgba(0, 0, 0, 0.1);*/
}

.komorka-gradient {



/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMmEyYTJhIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(85,85,85,0.4) 0%, rgba(42,42,42,0) 50%, rgba(0,0,0,0) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,0.4)), color-stop(50%,rgba(42,42,42,0)), color-stop(99%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(85,85,85,0.4) 0%,rgba(42,42,42,0) 50%,rgba(0,0,0,0) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(85,85,85,0.4) 0%,rgba(42,42,42,0) 50%,rgba(0,0,0,0) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(85,85,85,0.4) 0%,rgba(42,42,42,0) 50%,rgba(0,0,0,0) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(85,85,85,0.4) 0%,rgba(42,42,42,0) 50%,rgba(0,0,0,0) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66555555', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

background-clip: padding-box;

/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/


box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 8px #000000; /*-webkit-box-shadow: 0px 0px 10px #000000;*/
-webkit-border-radius: 1px;  /*-webkit-border-radius: 5px; */
border-radius: 1px; /* border-radius: 5px; */


}

/******
 .komorka-cechy-01 {
	border-style: solid;
	border-color: #555555;
	border-width: 0 0 0 1px;
}
.komorka-cechy-02 {
	border-style: solid;
	border-color: #555555;
	border-width: 0 0 0 1px;
}

******/
/*
.komorka-glowna {
	margin: 10px auto;
	background-color: transparent;	
	background: transparent
	width: 600px;
/*	border: 1px solid #555555;  */
	overflow: hidden;
}
#kom-gl {
	margin: 10px auto;
/*	background-color: #222222;	*/
/*	width: 800px;	*/
/*	border: 1px solid #555555;  */
	overflow: hidden;
}
*/

.kom-od-10 {
	margin: 10px;
}
#trzy-kolumny {
	float: left;
	width: 100%;
}
#dwie-kolumny {
	float: left;
	width: 100%;
	margin-right: 0px;
}
#lewe-menu {
	float: left; 
	width: 280px;
	margin-right: 10px;
	overflow: hidden;
}
#centrum {
/*	margin: 0 280px 0 0;	/ ustawienie położenia {środek} */
	overflow: hidden; 
	margin: 0 10px 0px 10px;
}
#prawe-menu {
	width: 10px;
	margin-left: 10px;
	float: right;
	overflow: hidden;
}
#wstep {
	margin: 0 10px 0px 10px;
	text-align: center;
	background: rgba(80, 80, 80, 0.3);
}
/*
	a:Visited {
		color: #FF8040;
		text-decoration: underline;
	}
	a:Link {
		color: #FF8040;
		text-decoration: underline;
	}
	a:Hover {
		color: #000000;
		text-decoration: none;
	}
	a.naglowek:Visited {
		color: #FF8040;
	}
	a.naglowek:Link {
		color: #FF8040;
	}
	a.naglowek:Hover {
		color: #000000;
	}
*/

.naglowek-margines {
	padding: 2px 0 2px 6px;
}
.komorka-naglowek {
	margin-top:5px; 

/*	margin-top:30px; */
	font-weight: bold;
	font-size:120%;
	color: #999999;

	background-color: #191919;	
/*****
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px; 
******/
}
.komorka-czesc-wlasciwa {
/*	background-color: #222222;	*/
/*	border-style: solid;	
	border-color: #555555;
	border-width: 0 1px 1px 1px; */
}
.komorka-mini-fotki img{

	width:22%; 
	height:22%; 
/*	width:60px;*/
	height:45px; /* Powielone dla starych przeglądarek */
	/* height:303px; */
/*	border:1px dotted #e5e5e5; */

-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px rgba(00, 00, 00, .3);
	box-shadow: 5px 5px 5px rgba(00, 00, 00, .3);
	background-color: #000; 

}

.cienirogi img{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px rgba(00, 00, 00, .3);
	box-shadow: 5px 5px 5px rgba(00, 00, 00, .3);
/*	background-color: #000; */
}



.komorka-odstep {
	border: 0;
	height: 13px;
/*	border-bottom: solid #555555; */

}
.komorka-menu-kategorii-naglowek {
	font-weight: bold;
	color: #999999;
/*	background-color: #191919;	*/
/*	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px; */
}
.odnmk, .menu-kategorii img {

float:left;
margin-right:20px;

}
/**/
	a.odnmk:Visited {
		color: #FF8040;
	}
	a.odnmk:Link {
		color: #FF8040;
	}
	a.odnmk:Hover {
		color: #000000;
	}
/**/

.kmtm, .komorka-menu-kategorii-margines {
	padding: 2px 0 2px 6px;
}
.kmkcw, .komorka-menu-kategorii-czesc-wlasciwa {
	color: #999999;
/*	background-color: #222222;	*/
/*	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;  */
}

.kmko, .komorka-menu-kategorii-odstep {
	border: 0;
	height: 13px;
}
.kmtn, .komorka-menu-towar-naglowek {
	font-weight: bold;
	color: #999999;
	background-color: #191919;
/*	border-style: solid;	*/
	border-color: #555555;
/*	border-width: 1px 1px 1px 1px;*/
}
/*
	a.menu-towar:Visited {
		color: #FF8040;
	}
	a.menu-towar:Link {
		color: #FF8040;
	}
	a.menu-towar:Hover {
		color: #000000;
	}
*/

.kmtm, .komorka-menu-towar-margines {
	padding: 2px 0 2px 6px;
}
.kmtcw, .komorka-menu-towar-czesc-wlasciwa {
	color: #999999;
/*	background-color: #222222;	*/
/*	border-style: solid;*/
/*	border-color: #555555;*/
/*	border-width: 0 1px 1px 1px;*/
/**/
}
.komorka-menu-towar-odstep {
	border: 0;
	height: 13px;
}

.komorka-menu-wyszukiwarka-naglowek {
	font-weight: bold;
	color: #999999;
	background-color: #191919;
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
a.menu-wyszukiwarka:Visited {
	color: #FF8040;
}
a.menu-wyszukiwarka:Link {
	color: #FF8040;
}
a.menu-wyszukiwarka:Hover {
	color: #000000;
}
.kmwm, .komorka-menu-wyszukiwarka-margines {
	padding: 2px 0 2px 6px;
}
.kmwcw, .komorka-menu-wyszukiwarka-czesc-wlasciwa {
	color: #999999;
/*	background-color: #222222;	*/
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.kmwo, .komorka-menu-wyszukiwarka-odstep {
	border: 0;
	height: 13px;
}
.kmkn, .komorka-menu-koszyk-naglowek {
	font-weight: bold;
	color: #000000;
	background-color: #FF8040;
	border-style: solid;
	border-color: #FF8040;
	border-width: 1px 1px 0px 1px;
}

/*

a.menu-koszyk:Visited {
	color: #FF8040;
}
a.menu-koszyk:Link {
	color: #FF8040;
}
a.menu-koszyk:Hover {
	color: #000000;

*/

}
.komorka-menu-koszyk-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-koszyk-czesc-wlasciwa {
	color: #999999;
/*	background-color: #222222;	*/
	border-style: solid;
	border-color: #FF8040;
	border-width: 1px 1px 1px 1px;
}
.komorka-menu-koszyk-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-ogladane-naglowek {
	font-weight: bold;
	color: #999999;
/*	background-color: #191919;  */
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
a.menu-ogladane:Visited {
	color: #FF8040;
}
a.menu-ogladane:Link {
	color: #FF8040;
}
a.menu-ogladane:Hover {
	color: #000000;
}
.komorka-menu-ogladane-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-ogladane-czesc-wlasciwa {
	color: #999999;
/*	background-color: #222222; */
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-ogladane-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-kupowane-naglowek {
	font-weight: bold;
	color: #999999;
/*	background-color: #191919;  */
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
a.menu-kupowane:Visited {
	color: #FF8040;
}
a.menu-kupowane:Link {
	color: #FF8040;
}
a.menu-kupowane:Hover {
	color: #000000;
}
.komorka-menu-kupowane-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-kupowane-czesc-wlasciwa {
	color: #999999;
/*	background-color: #222222; */
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-kupowane-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-waluta-naglowek {
	font-weight: bold;
	color: #999999;
	background-color: #191919;
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
.komorka-menu-waluta-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-waluta-czesc-wlasciwa {
	color: #999999;
	background-color: #222222;
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-waluta-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-jezyk-naglowek {
	font-weight: bold;
	color: #999999;
	background-color: #191919;
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
.komorka-menu-jezyk-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-jezyk-czesc-wlasciwa {
	color: #999999;
	background-color: #222222;
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-jezyk-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-statystyka-naglowek {
	font-weight: bold;
	color: #999999;
	background-color: #191919;
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
.komorka-menu-statystyka-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-statystyka-czesc-wlasciwa {
	color: #999999;
	background-color: #222222;
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-statystyka-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-producent-naglowek {
	font-weight: bold;
	color: #999999;
	background-color: #191919;
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
.komorka-menu-producent-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-producent-czesc-wlasciwa {
	color: #999999;
	background-color: #222222;
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-producent-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-gorne-menu-naglowek {
	font-weight: bold;
	color: #999999;
/*	background-color: #191919;	*/
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
a.menu-gorne-menu:Visited {
	color: #FF8040;
}
a.menu-gorne-menu:Link {
	color: #FF8040;
}
a.menu-gorne-menu:Hover {
	color: #000000;
}
.komorka-menu-gorne-menu-margines {
	padding: 2px 6px 5px 6px;
}
.komorka-menu-gorne-menu-czesc-wlasciwa {
	color: #999999;
	background-color: #222222;
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-gorne-menu-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-dolne-menu-naglowek {
	font-weight: bold;
	clear: both;
	color: #999999;
/*	background-color: #191919;	*/
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
.komorka-menu-dolne-menu-margines {
	padding: 2px 6px 5px 6px;
}
.komorka-menu-dolne-menu-czesc-wlasciwa {
	color: #999999;
/*	background-color: #222222;	*/
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-dolne-menu-odstep {
	border: 2;
	height: 0px;
}
.komorka-menu-zamowienie-naglowek {
	font-weight: bold;
	color: #999999;
/*	background-color: #191919; */
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
.komorka-menu-zamowienie-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-zamowienie-czesc-wlasciwa {
	color: #999999;
	background-color: #222222;
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-zamowienie-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-katalog-filtry-naglowek {
	font-weight: bold;
	color: #999999;
	background-color: #191919;
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
.komorka-menu-katalog-filtry-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-katalog-filtry-czesc-wlasciwa {
	color: #999999;
	background-color: #222222;
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-katalog-filtry-odstep {
	border: 0;
	height: 13px;
}
.komorka-menu-porownywarka-naglowek {
	font-weight: bold;
	color: #999999;
	background-color: #191919;
	border-style: solid;
	border-color: #555555;
	border-width: 1px 1px 1px 1px;
}
a.menu-porownywarka:Visited {
	color: #FF8040;
}
a.menu-porownywarka:Link {
	color: #FF8040;
}
a.menu-porownywarka:Hover {
	color: #000000;
}
.komorka-menu-porownywarka-margines {
	padding: 2px 0 2px 6px;
}
.komorka-menu-porownywarka-czesc-wlasciwa {
	color: #999999;
	background-color: #222222;
	border-style: solid;
	border-color: #555555;
	border-width: 0 1px 1px 1px;
}
.komorka-menu-porownywarka-odstep {
	border: 0;
	height: 13px;
}

.kolor-11 {
	color: #999999;
	font-weight: bold;
}
.kolor-12 {
	color: #999 /* #FF8040;  */
}
.kolor-13 {
	color: #999999;
}
.kolor-pomidor{
	color:tomato;
}
.pogrubienie {
	 font-weight: bold;
}
.pochylenie {
	font-style: italic;
}
.podkreslenie {
	text-decoration: underline;
}
.trzynastka {
	font-size: 13px; 
}

.dwunastka {
	font-size: 12px; 
}

.stopka
{
text-align:right;
	font-size: 10px;
}
/****
 a.stopka:Visited {
	color: #999999;
	text-decoration: none;
	font-size: 10px;
}
a.stopka:Link {
	color: #999999;
	text-decoration: none;
	font-size: 10px;
}
a.stopka:Hover {
	color: #999999;
	text-decoration: none;
	font-size: 10px;
}

*****/
input.text {
	padding: 1px;
/*	border: #555555 1px solid; */
	font-size: 15px;
/*	font-family: arial;	*/
	color: #999999;
	background-color: transparent;
	margin: 1px; */
}

input[type=password] {

border: #555555 1px solid;
}

/*  Modyfikacja przycisków formularzy  */
kopia-input.button {
	padding: 6px;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #111111 1px solid;
	border-right: #111111 1px solid;
	font-size: 14px;
/*	font-family: tahoma;	*/
	font-weight: bold;
	color: #000000;
	background-color: #FF8040;
}


input.button{
border:1px solid #393939; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:lucida sans unicode, lucida grande, sans-serif; padding: 8px 8px 8px 8px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); text-align: center; color: #FF8040; background-color: #555555;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #0E0E0E));
 background-image: -webkit-linear-gradient(top, #555555, #0E0E0E);
 background-image: -moz-linear-gradient(top, #555555, #0E0E0E);
 background-image: -ms-linear-gradient(top, #555555, #0E0E0E);
 background-image: -o-linear-gradient(top, #555555, #0E0E0E);
 background-image: linear-gradient(top, #555555, #0E0E0E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#555555, endColorstr=#0E0E0E);
}

input.button:hover{
border:1px solid #222222; background-color: #3b3b3b;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%, #000000));
 background-image: -webkit-linear-gradient(top, #3b3b3b, #000000);
 background-image: -moz-linear-gradient(top, #3b3b3b, #000000);
 background-image: -ms-linear-gradient(top, #3b3b3b, #000000);
 background-image: -o-linear-gradient(top, #3b3b3b, #000000);
 background-image: linear-gradient(top, #3b3b3b, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3b3b3b, endColorstr=#000000);
}



input.button{
border:1px solid #393939; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;font-family:lucida sans unicode, lucida grande, sans-serif; padding: 8px 8px 8px 8px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); text-align: center; color: #FF8040; background-color: #555555;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #0E0E0E));
 background-image: -webkit-linear-gradient(top, #555555, #0E0E0E);
 background-image: -moz-linear-gradient(top, #555555, #0E0E0E);
 background-image: -ms-linear-gradient(top, #555555, #0E0E0E);
 background-image: -o-linear-gradient(top, #555555, #0E0E0E);
 background-image: linear-gradient(top, #555555, #0E0E0E);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#555555, endColorstr=#0E0E0E);
}

.przycisk:hover{
border:1px solid #222222; background-color: #3b3b3b;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%, #000000));
 background-image: -webkit-linear-gradient(top, #3b3b3b, #000000);
 background-image: -moz-linear-gradient(top, #3b3b3b, #000000);
 background-image: -ms-linear-gradient(top, #3b3b3b, #000000);
 background-image: -o-linear-gradient(top, #3b3b3b, #000000);
 background-image: linear-gradient(top, #3b3b3b, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3b3b3b, endColorstr=#000000);
}
/*  Modyfikacja przycisków formularzy  KONIEC */


.przycisk {
	border: #555555 1px solid;
	font-size: 10pt;
/*	font-family: arial;	*/
	color: #999999;
	background-color: #222222;
	margin: 1px;
	width: 30px;
	text-align: right;

}
input.pInputIlosc {
/*	border: #555555 1px solid;
	font-size: 16pt;
/*	font-family: arial;	*/
/*	color: #999999;
	background-color: #222222;
	margin: 1px;
	width: 30px;
	text-align: right;
*/

	font-size: 10px;
	padding: 6px 6px 6px 6px;
	width: 40px;	
	border:1px solid #555555;
	font:inherit;
	color: #999;
	background-color: transparent;  /* ilość w karcie produktu */
}





xxxxinput#przycisk-koszyka {
 /*   background : url("http://test.kuglarstwo.iq.pl/sklep/images/koszyk-kolo.png") no-repeat top left;; */
    padding-left: 60px;
    padding-bottom: 30px;
   border : none;
 /*   color : transparent; */
 /*   height: 48px;
    width: 118px;
    padding: 10px;
    line-height: 48px;*/
}


select {
   margin: 5px;
   background: transparent;
   min-width: 160px;
   font-size: 12pt;
   padding: 1px 5px 1px 5px;
   border: 1px solid #666;
   height: 24px;
/*   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  */
   color: #999;
/*	background-color: #222222; */
} 


/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) { 
    select {
        background:none;
        padding: 5px;
    }
}





/*
select {
	padding: 1px;
	border: 1px solid #555555;
	font-size: 10pt;
	color: #999;
	background-color: #222222; 
}
*/
textarea {
	border: 1px solid #555555; 
	font-size: 13pt;
/*	font-family: arial;	*/
	border: 1px solid #444;
	color: #999999;
	background-color: transparent;  /* komentarze, uwagi */
}

.miniatura {
	/* border: 1px solid #555555; */
}
.select-marka {
	font-size: 11px;
/*	font-family: tahoma;	*/
	width: 180px;
}
.select-model {
	font-size: 11px;
/*	font-family: tahoma;	*/
	width: 180px;
}
.select-wersja {
	font-size: 9px;
/*	font-family: tahoma;	*/
	width: 180px;
}
.select-kategoria {
	width: 180px;
}
.select-producent {
	width: 180px;
}
.select-waluta {
	width: 180px;
}
.tryb1-produkt, .tryb2-produkt, .tryb3-produkt {
	margin: 5px;
	font-weight: bold;
}
.tryb1-produkt a, .tryb2-produkt a, .tryb3-produkt a {
/*	font-size: 13px;	*/
}
.tryb1-cena, .tryb2-cena, .tryb3-cena {
	margin: 3px 5px 3px 0;
	text-align: right;
}
.tryb1-foto {
	margin: 5px;
	text-align: center;
}
.tryb4 {
	position: relative;
	float: left;
	height: 260px;
	width: 33%;
}
.katalog-etykiety{
	position: absolute;
	right:0px;
	top:0px;
	z-index: 1;
}

.tryb-nowinki {
	float: left;
	height: 210px;
        width:210px;
/*	width: 33%; */ /* wylaczyc przy karuzeli */
}

.tryb-promocje {
	float: left;
	height: 280px;
        width:210px;
/*	width: 33%; */ /* wylaczyc przy karuzeli */
}

.cechy {
	margin: 5px;
	font-weight: bold;
}
.krotki-opis {
	margin: 5px;
	text-align: justify;
}
.firma {
	margin: 5px;
}
.lista-dostepnosc, .lista-atrybuty {
	margin: 5px;
}
.lista-atrybuty div {
	margin-right: 5px;
}
.stopka-zawartosc {
	padding: 3px;
	text-align: center;
}
.stopka-element {
	margin: 3px;
}

.nowosc, .wyprzedaz, .bestseller, .promocja{
	margin-left: 5px;
}


.znizka {
	margin-left: 5px;
	color: tomato;/* color: #FF8040; */
	font-size: 30px;
	vertical-align: text-bottom;
	position: relative;
	text-shadow: 0 1px 0 tomato,
               0 2px 0 #ff2700,
               /*  0 3px 0 #ff2700,
               0 4px 0 #ff2700,
               0 5px 0 #991700,*/
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);

  width: 30px;
  height: 30px;
  border-radius: 50%;

  line-height: 30px;
  text-align: center;
  background: #222;
  /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}
/*	opacity:0.85;
	filter:alpha(opacity=85); *//* For IE8 and earlier */
}

.wizytowka {
	margin: 10px;
}
.grad-zakres, .grad-cena {
	font-size: 9px;
	text-align: right;
}
.grad-zakres {
	font-weight: bold;
}
.grad-odstep {
	font-weight: bold;
	font-size: 9px;
	margin: 0 3px;
}
.grad-cena {
	margin-left: 5px;
}
.naw-producent {
	margin: 2px 5px;
}
.zawartosc {
	padding: 10px;
}
/* INFO na stronie głównej czyli przerobione aktualności */
/*ramka: http://www.css3maker.com/border-radius.html */
.news {  
	float:left;
	height: 150px;
	width: 28%;

border:solid 2px #ff8040;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright:25px;
-moz-border-radius-bottomleft:25px;
-moz-border-radius-bottomright:25px;
-webkit-border-top-left-radius:25px;
-webkit-border-top-right-radius:25px;
-webkit-border-bottom-left-radius:25px;
-webkit-border-bottom-right-radius:25px;
border-top-left-radius:25px;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
border-bottom-right-radius:25px;

 vertical-align: middle 
text-align: center;
-moz-transform: rotate(-2deg);  /* FF3.5+ */
-o-transform: rotate(-2deg);  /* Opera 10.5 */
-webkit-transform: rotate(-2deg);  /* Saf3.1+, Chrome */
padding:10px;

/*
	margin-bottom: 2px;
	text-align: left;
*/

}
.news a {
	font-weight: bold;
padding:5px;



}
.kategorie-glowne {
	text-align: center;
	margin: 5px 0;
}
.kat {
	padding: 3px 5px 5px 5px;
	font-size: 16px;
}
.kat a:Visited {
	color: #FF8040;
}
.kat a:Link {
	color: #FF8040;
}
.kat a:Hover {
	color: #000000;
	text-shadow: none; 
}

#kat-wybrana {
	FONT-WEIGHT: bold; 
/*	background:#F84; */
	color:#F84;  
	text-shadow: 1px 1px 1px #000;  
	padding:5px; 
	background: rgba(80, 80, 80, 0.8); 
/* style="margin-left: 3{ODSTEP}px;background:#F84;color:#000; "*/
}

.xxxkat-wybrana:xxactive {
	FONT-WEIGHT: bold;
	color:#000;  
/*	text-shadow: 1px 1px 1px #000; */
	padding:5px; 
/*	background: rgba(80, 80, 80, 0.3); */
	background:#F84;
}

#input-szukaj {
/*	width: 140px; */  /*zmiana 201605*/
}
#podpowiedzi {
/*	background-color:#ff8040; */
	padding:1px;
	margin:5px;
	z-index:100;
	
}
.news-temat {
/*	font-size: 13px;	*/
	font-weight: bold;
}
.sortowanie {
	padding: 5px;
}
.sortowanie div {
	padding: 3px;
}
.sortowanie span {
	font-weight: bold;
}
.nazwa-produktu {
	font-weight: bold;
/*	font-size: 13px;	*/
}
.fop {
	padding: 5px;
}
.fwa {
	padding: 0 5px 3px 5px;
}
.fsu {
	padding: 2px 5px 5px 5px;
}
/* dodatkowe jeszcze nieznane eksperymenty */

#galeria {
	padding:5px;
}
#galeria .gallery img {
	float:left;
	width:437px;
	height:303px;
	margin-right:7px;
	border:1px dotted #e5e5e5;
}
#galeria .gallery-mini {
	width:52px;
	float:left;
}
#galeria .gallery-mini img {
	margin-bottom:7px;
	cursor:pointer;
	width:52px;
	border:1px dotted #e5e5e5;
}

#prod-left {
	float:left;
	width:510px;
	margin: 10px 32px 10px 0;
}
#prod-left #galeria {
	height:303px;
}
#prod-left h3 {
	text-align:right;
	font-size:12px;
	color:#333333;
}
#prod-left ul {
	list-style:url(images/punkt.png);
	margin:0;
	padding:0;
	padding-left:15px;
	margin-top:10px;
	clear:both;
	position:relative;
}
#prod-left ul li {
	color:#464646;
	margin:10px 0;
	font-size:12px;
}
#prod-right a.producent {
	float:left;
}
#prod-right h2 {
	color:#464646;
	font-size:16px;
	margin-top:0;
	float:right;
	text-align:right;
	width:340px;
	text-transform:uppercase;
}
#prod-right ul {
	list-style:url(images/punkt.png);
	margin:0;
	padding:0;
	padding-left:15px;
	margin-top:10px;
	clear:both;
	position:relative;
}
#prod-right ul li {
	color:#464646;
	margin:10px 0;
	font-size:12px;
}
#prod-right ul li.cena {
	position:absolute;
	list-style:none;
	text-transform:uppercase;
	right:0;
	top:10px;
}
#prod-right ul li.koszyk {
	position:absolute;
	list-style:none;
	text-transform:uppercase;
	right:0;
	top:35px;
	font-size:18px;
	color:#db5484;
}
#prod-right ul li.schowek {
	position:absolute;
	list-style:none;
	text-transform:uppercase;
	right:0;
	top:60px;
	font-size:18px;
	color:#db5484;
}
#prod-right ul li span {
	color:#707070;
}
#prod-right ul li span.old-price {
	font-size:10px;
	text-decoration:line-through;
}
#prod-right ul li span.new-price {
	font-size:18px;
	color:#464646;
}
#prod-right ul li span.promo-price {
	font-size:18px;
	color:#db5484;
}
#social {
	font-size:11px;
	background:url(images/bg.png) repeat-x;
	padding-top:20px;
	color:#707070;
	text-align:justify;
}
#social span.dark {
	color:#464646;
}
#social a {
	color:#52bbd4;
}
/******** chyba nieuzywane *****/
#opis-prod {
	font-size:12px;
	background:url(images/bg.png) repeat-x;
	padding-top:15px;
	color:#464646;
	text-align:justify;
	padding-bottom:10px;
}
#opis-prod span.dark {
	color:#707070;
}
#opis-prod a {
	color:#52bbd4;
}
#opis-prod div.pink-prod {
	font-size:16px;
	color:#db5484;
	font-weight:bold;
	padding-top:12px;
}
#opis-prod ul li {
	margin:5px 0;
}
/******** chyba nieuzywane *****/

/* Przeniesione ze starego sklepu */

/* Kafelki przy numerach stron */

.pagebar {
	padding: 30px 0 30px 15px;
	margin: 0px;
	text-decoration: none;
/*	background-color:#222; 	*/
}
.pagebar a,.pageList .this-page {
	border: 1px solid #999999;
	text-decoration: none;
	padding: 6px 9px;
/*	background-color:#222; 	*/
}
.pagebar a:visited {
	border: 1px solid #999999;
	text-decoration: none;
	padding: 6px 9px;
}
.pagebar .this-page {
	border: 1px solid #FF8040;
	padding: 6px 9px; 
	font-weight: bold;
	background-color: #FF8040; 	
	color: #000000;
}
.pagebar a:hover {
	border-color: #FF8040;
	background-color: #FF8040;
}
.pagebar .inactive {
	border: 1px solid #999999;
	text-decoration: none;
	padding: 6px 9px; 
	font-weight: bold;
	color:#999;
/*	background-color: #999999;  */
}
/* kafelki przy lieczeniu stron koniec */

/* START zaokraglone rogi */
.normal-img {
/*	background: #ccc; */
	border: solid 1px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.normal-img-2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
}

/* rounded image styles */
.rounded-img {
	display: inline-block;
	border: solid 1px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}
/* STOP zaokraglone rogi */

/* przeniesione ze starego sklepu - koniec */


/* ATRYBUTY TYPU RADIO dla sklepu i dla wszystkich niestety
http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/  */

/* RADIO */
 
input[type=radio] {
    display: none;
}
 
input[type=radio]  {
     appearance:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: button; /* Internet Explorer */
    -o-appearance: button; 

/*    background-color: #fafafa; */
    border: 1px solid #F84;
    border: 0px solid #F84\9;   /* IE 8 i wcześniejszy hak */
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); /*  */
    padding: 6px; /* wielkość */
    border-radius: 50px;
   -moz-border-radius: 50px;  /* */
   -webkit-border-radius: 50px; /* */
   -o-border-radius: 50px; /* */
    display: inline-block;
    position: relative;
    top: 3px; 
    left: 2px; 
    right: 12px;

/*
color:red;  
background: #111; margin: 2; padding: 5;
width: 18px; 
height: 18px; 
border: 1px solid #F90;
*/
}
 
input[type=radio]:checked:after{
    content: ' ';
    width: 15px;  /* kulka */
    height: 15px;
    border-radius: 50px; 
 /*   -moz-border-radius: 50px;  */
/*    -webkit-border-radius: 50px;  */
    position: absolute;
/**** background: #FF8040; 
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    color:#F00;
****/

}
 
input[type=radio]:checked {
    background-color: #F84;
/*    color:#F81; */ /* Opera */
/*    color: #000000; */
/*    border: 1px solid #adb8c0; */
/*    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); */
}
 
input[type=radio] :active, .radio:checked :active {
/*    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); */
/* color:#0F0; */
}
 
/* ATRYBUTY TYPU RADIO dla sklepu i dla wszystkich niestety - KONIEC */

/* atrybuty checbox dla wszystkich start */

 input[type=checkbox]:checked{
		border: 2px solid #F84; /* tylko na mobilnych działa */
}



/* atrybuty checbox dla wszystkich koniec */


/* Ustawienie uszeregowania wewnątrz karty produktu */

#prod-top {

/*	width: 100%;*/
	border-left: 1px dotted #333; 
	border-right: 1px dotted #333; 
/*	border: 1px dotted #333; */
/*	background-color:#5F5; */
}


#prod-naglowek {
/*	background-color: #888;*/
}

#prod-lewa {
	width: 47%; 
	float: left; 
	overflow: hidden;
/*	background-color: #F55;   */
	padding:0px 25px 0px 25px; 
}

#prod-prawa {
/*	width: 52%; */
	float: left;  
	overflow: hidden;
/*	background-color: #55F; */
	vertical-align:bottom;
	padding:0px 0px 0px 0px; 
}

#prod-reszta {
	clear: both;
	width: 100%;
/*	background-color: #888;  */
}

.prawa { float:right;
	margin: 0px 5px 0px 5px; 
}

.prawa img {position: inline;
	top:5px;

#prawa span {
	width:300px; /* 250px; */
}
background:none; margin:0; padding:0;}
.lewa { 
	float:left;
}
.pasek-nawigacyjny{
	position:relative;
}
.wyroznik {
	FONT-SIZE: 20px;
	FONT-WEIGHT: bold;
	COLOR: #DD7030;  
/*	background:#F84;
	color:#000;  */
	text-shadow: 1px 1px 1px #000;
/*	text-align:left; */
	padding:10px; 
	letter-spacing:1px;
	background: rgba(80, 80, 80, 0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50333333,endColorstr=#50333333); 
       zoom: 1;
}


.onlineg { /* Gości online na stronie głównej sklepu */
	FONT-SIZE: 128px;
	FONT-WEIGHT: bold;
	COLOR: #999999;  
	text-align:right;
	text-shadow: 1px 1px 1px #000;
	padding:10px; 
	letter-spacing:1px;

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50333333,endColorstr=#50333333); 
       zoom: 1;
}


/* KOSZYK ukryte menu */


.container {
/*  margin: 150px auto 50px;
  width: 640px;
  text-align: center;
*/
}
.container .user {
/*  text-align: left; */
}

.user {
  position: relative;
  height: 32px;
  padding: 8px 12px 8px 8px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
}
.user img {
  float: left;
/*  width: 32px;
  height: 32px; */
  margin-right: 8px; 
}
/*
.user h5 {
  float: left;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.user h5 small {
  display: block;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #364168;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
*/
.user:hover ul {
  padding: 4px 0 6px;
  visibility: visible;
  opacity: 1;
}
.user ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #d9e3fa;
  border: 1px solid;
  border-color: #777777 #6c6c6c #666666;
  border-radius: 5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transition-property: opacity, padding, visibility;
  -moz-transition-property: opacity, padding, visibility;
  -o-transition-property: opacity, padding, visibility;
  transition-property: opacity, padding, visibility;
  background-image: -webkit-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -moz-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -o-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: linear-gradient(to bottom, #eef3fe, #d9e3fa);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.user ul:before, .user ul:after, .user li:first-child:after {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  width: 0;
  height: 0;
  border: 7px outset transparent;
}
.user ul:before {
  bottom: -14px;
  border-top: 7px solid #555555;
}
.user li:first-child:after {
  bottom: -13px;
  border-top: 7px solid white;
}
.user ul:after {
  bottom: -12px;
  border-top: 7px solid #d9e3fa;
}
.user li {
  padding: 0 12px;
  font-size: 11px;
  color: #838ca2;
  text-shadow: 0 1px white;
}
.user li.sep {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #b4bbce;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}
.user li a {
  display: block;
  position: relative;
  margin: 0 -13px;
  padding: 0 20px 0 12px;
  color: #313a4f;
  text-decoration: none;
  border: 1px solid transparent;
}
.user li a:hover {
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  background: #5a70b0;
  border-color: #5a70b0 #495d98 #42558a;
  background-image: -webkit-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -moz-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -o-linear-gradient(top, #7688bd, #4e64a3);
  background-image: linear-gradient(to bottom, #7688bd, #4e64a3);
}
.user li a:hover:after {
  display: block;
}
.user li a:after {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #9facd1;
  border-left-color: rgba(255, 255, 255, 0.4);
}


/* KOSZYK ukryte menu KONIEC */

/* TOOLTIP  do koszyka START */
.koszyk-tekst {
   
    cursor: pointer;
    position: relative;
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;

  }

.koszyk-tekst .dymek {
    background: #222;
    bottom: 100%;
    color: #F84;
    font-size: 13px;
    text-transform:none;
    padding:0 8px;
    line-height:20px;
    display: block;
    left: -110px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    visibility: hidden;
    width: 250%;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
         -o-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
         -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.koszyk-tekst .dymek:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
.koszyk-tekst .dymek:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #FF8040 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 80%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
.koszyk-tekst:hover .dymek {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}
/* TOOLTIP  do koszyka KONIEC */

/* Banner informujący o dodaniu produktu do koszyka */
/* od kqs v4.7 koszyk info nie działa nowy styl id=kqs-box */
.koszyk-info{
	position: absolute;
 /*     display: inline-block;*/
	right: 0px;
	padding-right: 40px;
	padding-left: 30px;
	padding-top:6px;
	padding-bottom:6px;
	opacity: 0.98;
	z-index:1;
	background:#F84;
	color:#000;

	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 3px 1px ;
        box-shadow: inset 1px 1px 3px 1px ;
}
/* KOSZYKINFO nakłada się na menu KONIEC */

#kqs-box{

width: 95%; 
height: auto; 
position: relative; 
margin: auto; 
color: rgb(150, 150, 150)!important; 
background-color: rgba(50, 50, 50, 0.9)!important; 
border: 1px solid rgba(64, 64, 64, 0.8)!important; 
box-shadow: rgb(64, 64, 64) 0px 0px 30px 0px !important; 
max-width: 500px;
}
#kqs-box-zawartosc{
	height: inherit; 
	padding: 10px
}
.kqs-iks {
	width: 24px; 
	height: 24px; 
	position: absolute;
	border-width: 2px 2px 2px 0;
	border-style: solid;
	border-color: #404040;
	cursor: pointer; 
	top: -2px; 
	right: -26px; 
	background: #ff00ff url(img/iks.png) 6px 6px/12px no-repeat;
	box-sizing: content-box
}


/* Tło produktu, lub tego co w klasie gradient*/


.gradient{
/*	border: 1px solid #555555; */

border-radius: 10px;
box-shadow: 0px 0px 10px #000000;
background-image: -moz-linear-gradient(top, #000000, transparent);
background-image: -ms-linear-gradient(top, #000000, transparent);
background-image: -o-linear-gradient(top, #000000, transparent);
/* background-image: -webkit-linear-gradient(45, #000000, transparent); */

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 805, color-stop(0, transparent), color-stop(1, #000000));

background-image: linear-gradient(top, #000000, transparent);
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
opacity: 1.0;
/*	background-color: #00F;	 */
}

/*************************************************
KULBI - ZAKŁADKI          POCZĄTEK
***************************************************/
.dynamic-tab-pane-control a:hover {background: transparent;}

.dynamic-tab-pane-control.tab-pane {
	position:relative;
	left:0px; /*odleglosc lewej krawedzi*/
	right:100px; /*odleglosc prawej krawedzi*/
	height:auto; /*wysokosc komorki z zawartoscia*/
	width:100%; /* szerokosc dla IE bug */
	margin-right:0px; /* margines prawy na tlo*/
}

.dynamic-tab-pane-control .tab-row .tab {
	width:106px;
	height:41px;
	background-image:url( "img/kulbi_table/tab.png" );
	position:relative;
	top:0;
	display:inline;
	float:left;
	overflow:hidden;
	cursor:Default;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0;
	font:13px Arial;
	white-space:nowrap;
	text-align:center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	width:106px !important;
	height:41px !important;
	background-image:url( "img/kulbi_table/tab.active.png" ) !important;
	background-repeat:no-repeat;
	color:#2333333 !important;
	border-bottom-width:0;
	padding:0px 0 0px 0;
	margin:0px 0px 0px 0px;
	top:0px;
	font:12px;
}

.dynamic-tab-pane-control .tab-row .tab a { /*parametry przyciskow*/
	font:12px;
	color:#333333;
	position:relative; 
	top:8px; /*odleglosc od gornej krawedzi*/
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	font:12px;
	width:106px;
	height:41px;
	color:#333333;
	background-image:url( "img/kulbi_table/tab.hover.png" );
	background-repeat:no-repeat;
}

.dynamic-tab-pane-control .tab-page { /*parametry komorki z zawartoscia*/
	clear:both;
	border:0;
	position:relative;
	top:0px;
	padding:25px 25px 5px 25px; /*przestrzen miedzy obramowaniem a textem w komorce z zawartoscia*/
/*
	background:#333333;	
	filter:	progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FF333333, EndColorStr=#00f4f3ee, GradientType=0)
		progid:DXImageTransform.Microsoft.Shadow(Color=#00919899, Strength=2, Direction=135);
*/

/*background: #333; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66333333', endColorstr='#00000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(transparent)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #333,  transparent); /* for firefox 3.6+ */ 
background: -o-linear-gradient(top,  #333,  transparent);

}

.dynamic-tab-pane-control .tab-row {
	white-space:nowrap;
}

.tab {font-size:10px;}


/*************************************************
KULBI - ZAKŁADKI           KONIEC
***************************************************/


/* Sekcja odpowiedzialna za nowinki na stronie glownej - START */
.nowinki .post{
	
	display:inline;
	float:left;
	height: 120px; 
	width: 29%;
	top:0px;
	overflow:hidden;
	position:relative;
	border:solid 0px #ff8040;
	-moz-border-radius: 15px;
	-webkit-border-radius:15px; 
	vertical-align: middle 
	text-align: center;
	/* -moz-transform: rotate(-2deg); */ /* FF3.5+ */
	/*-o-transform: rotate(-2deg);  /* Opera 10.5 */
	/* -webkit-transform: rotate(-2deg); */ /* Saf3.1+, Chrome */
	padding:10px;
	background:black; 
	}

.nowinki .post-zawartosc{
/*	-moz-opacity:0.8;	*/
	background:black; 
/*		background:url("http://flowplayer.org/img/global/gradient/h150.png") bottom;	*/
	bottom:0;filter:alpha(opacity=80);
	left:0px;
	opacity:0.8;	
	position:absolute;
	width:300px;
	color:#FF8040;
	text-decoration:none;
	margin-bottom: -7px;
	padding: 6px 2em 2em;

}

.wielk {
/*	font-size: 21px;*/

}

.nowinki .post-zawartosc-wyjatek{
	color:#999;
	display:block;
/*	margin-top: 20px;	*/
	text-align: justify;
/*	font-size: 12px; */
	margin-right: -2px;	
	font-weight: normal;
	font-style: normal;

}

/*Podświetlenie po najechaniu kursorem*/
	/*tekst*/
.nowinki .post-zawartosc:hover{
	background-color:#222222;
	bottom:0;
	background:url("http://jquerytools.org/media/img/gradient/h150.png") bottom;	
	left:0px;
	filter:alpha(opacity=100);
	opacity:1;	
}

.nowinki a:hover{color:FF8040;text-decoration:none;}

/*Wymiar pierwszego boksu*/
.nowinki .uwydatnienie{background:#111111;margin:2px;overflow:hidden;}

/* Sekcja odpowiedzialna za nowinki na stronie glownej - KONIEC*/


/* Sekcja odpowiedzialna za nowinki na stronie glownej - START */
.nowinki-produkty .post-produkty{

	display:inline;
	float:left;
	height: 125px; 
	width: 25%;
	top:0px;
	overflow:hidden;
	position:relative;
	vertical-align: middle 
	text-align: center;
	padding:0, 5px, 0,0;
background:#000;
	}

.nowinki-produkty .post-zawartosc-produkty{
	background:black; 
	bottom:0;filter:alpha(opacity=80);
	opacity:0.8;	
	position:absolute;
	left:0px;
	width:120px;
	color:#FF8040;
/*	text-decoration:none;*/
/*	margin-bottom: -7px;*/
/*	padding: 6px 2em 2em; */

}



/* usuwa podświetlenie np grafik w przeglądarkach IE, FF*/
.nohover a:hover{
color:#FF8040;
background:none;
}

/* NOWO SKLEP eksperyment z brakiem tabel w katalogu produktów */
#katalog {float:right;width:816px;}
.wizytowka img {float:right;}
.wizytowka h1 {
	font-size: 19px;
	font-weight: normal;
	color: #52BBD4;
	padding-left: 6px;
	text-transform: uppercase;
}
#katalog .produkt {width:198px;height:264px;border:1px dotted #e5e5e5;margin:2px 0px 2px 4px;float:left;}
#katalog .produkt .obrazek {position:relative;margin:4px;	height:132px;}
#katalog .produkt .obrazek img {position:absolute;}

.obrazek1 {
	margin:4px 0 0 11px;
	width:330px;
}
.obrazek1 img {
	border:1px solid #f2f2f2;
	width:104px;
	float:left;
	margin:2px 2px 0px 1px;
}
.obrazek1 p {
	font-size:11px;
	color:#464646;
	text-align:right;
}
.mor {
	font-size:11px;
	float:right;
}
#katalog .produkt .obrazek img.new {top:2px;left:2px;}
#katalog .produkt p {margin:7px 4px;}
#katalog .produkt h3 {margin:7px 4px;}
#katalog .marka h3 {margin:7px 4px;}
#katalog .produkt p.cena {text-align:right;color:#52bbd4;font-size:15px;margin-top:15px;}
#katalog .produkt h3.cena {text-align:right;color:#52bbd4;font-size:15px;margin-top:20px;}
#katalog .produkt p.nazwa {font-size:11px;color:#707070;text-align:right;text-transform:uppercase;height:30px;}
#katalog .produkt h3.nazwa {font-size:11px;font-weight:normal;color:#707070;text-align:right;text-transform:uppercase;height:30px;}
#katalog .produkt h3.marka {font-size:11px;font-weight:normal;color:#707070;text-align:right;text-transform:uppercase;height:10px;}
#katalog .produkt p.nazwa a {color:#707070;text-decoration:none;}
#katalog .produkt p.info a {float:left;}
#katalog .produkt p.info a.opis {float:right;background:url(images/opis.png) no-repeat right center;padding-right:10px;font-size:11px;color:#707070;text-decoration:none;margin-top:10px;}
#katalog .produkt p.info a.opis:hover {text-decoration:underline;}


/*****************************************************************************/
#zakupione-razem 
{
	float:left;
/*	height:86px; */
	width:18%;
	min-width: 100px;
	padding: 1%;

}
#zakupione-razem img{

	max-width:96%; 
	max-height:100%;
	margin:auto;
	display:block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 5px 5px 5px rgba(00, 00, 00, .3);
	box-shadow: 5px 5px 5px rgba(00, 00, 00, .3);
}

.clear{
     clear:both;
}

/**************** Karuzela na głównej stronie sklepu *******/
/*****      http://baijs.nl/tinycarousel/      *****/
/******
#slider-n { height: 1%; overflow:hidden; position: relative; padding: 0 0 0px 0px;   }
#slider-n .viewport { float: left; width: 610px; height: 264px; overflow: hidden; position: relative; }
#slider-n .disable { visibility: hidden; }
#slider-n .overview { list-style: none; margin-left:0px; position: absolute; width: 140px; left: 0 top: 0; }
#slider-n .overview li{ float: left; margin: 0 0px 0 0; padding: 1px; height: 260px;  border: 1px dotted #222; width: 200px;}

#slider2 { height: 1%; overflow:hidden; position: relative; padding: 0 0 0px 0px;   }
#slider2 .viewport { float: left; width: 610px; height: 214px; overflow: hidden; position: relative; }
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; margin-left:0px; position: absolute; width: 140px; left: 0 top: 0; }
#slider2 .overview li{ float: left; margin: 0 0px 0 0; padding: 1px; height: 210px; border: 1px dotted #222; width: 200px;}
*******/

/************* ZAKŁADKI PRODUKTOW - TABS **************/
/*   http://www.entheosweb.com/tutorials/css/tabs.asp */
	ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 42px;
		border-bottom: 1px solid #333333;
/*		border-left: 1px solid #333333; */
		width: 100%;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 21px ;
		height: 41px;
		line-height: 41px;
/*		border: 1px solid #999999;*/
		border-left: 1px;
		font-weight: bold;
/*		text-transform:uppercase; */
		background: transparent;
		background-color: rgba(33, 33, 33, 0.5);       
	        color: rgba(33, 33, 33, 0.5);
		overflow: hidden;
		position: relative;
	}
	ul.tabs li:hover {
		background: #222222;
/*		color:#000000;*/
	}	
	ul.tabs li.active{
		background: #333333;
		border-bottom: 1px solid #FF8040;
/*		color:#000000;*/
	}
	.tab_container {
/*		border: 1px dotted #333333;*/
		border-top: none;
		clear: both;
		float: left; 
		width: 100%;
		background: transparent;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(51,51,51,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,51,51,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6333333', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

	}
	.tab_content {
		font-size: 1.2em;
		display: none;
	}
	.tab_produkt {
		padding: 20px; 
		display: none;
	}

.tabs-nowinka  a{
color:#999999;
padding:10px;
}

.tabs-nowinka a:hover{
color:#999999;
background:#222222;
padding:10px;
}
.tabs-nowinka a:active{
color:#999999;
background:#333333;
padding:10px;
}

.tab-pusta{
text-align: center ;
vertical-align: middle;
line-height:575px;
height:575px;
}


/************** --- disqus css -- ****************/
 
/***************--- end disqus css --***************/
 
.link-przycisk {
	-moz-box-shadow:inset 0px 1px 1px 1px #cccccc;
	-webkit-box-shadow:inset 0px 1px 1px 1px #cccccc;
	box-shadow:inset 0px 1px 1px 1px #cccccc;
	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #555555;
	display:inline-block;
	color:#ff8040;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #222222;
}.link-przycisk:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */


.author-meta{
	border-bottom: 2px dotted #333;
	font-size:11px; /*  95%; */
	line-height: 15px; 
}
/* przyciemnienie like Facebooka we wpisie na portalu */
.wpis-fb { opacity:0.8;
}
/* przyciemnienie disqus */
#disqus_thread { opacity:0.9;
}

/* RSS wycine doklejaną reklamę w importowanych rssach */
.exceprt p:nth-child(2), .exceprt p a {
display:none;
}


/* timely kalendarz - modyfikacja przycisku */


.ai1ec-dropdown.ai1ec-category-filter {
font-size: 14px !important;
}

.ai1ec-dropdown.ai1ec-tag-filter {
font-size: 14px !important;
}

 /*Przyciski: zobacz kalendarz-> oraz + dodaj wydarzenie */
.timely .ai1ec-btn-xs{padding:0px 15px 0px 10px !important;font-size: 16px !important;}
.ai1ec-btn-group > .ai1ec-btn-xs{font-size:14px;}
.ai1ec-btn-primary{color:#000 !important;}
/* czcionka widgetu i niektórych elementów na stronie wydarzeń */
.timely {font-size: 12px;}
/* Kolor dnia dzisiejszego w mini podglądzie kalendarza */
.ai1ec-datepicker table tr td.ai1ec-today{background:#ffcd70;}


/**************** kqs 4.0 ************************/
/*

.nagmar, .kmkm, .kmtm, .kmsm, .kmwm, .kmkom, .kmom, .kmkum, .kmwam, .kmjm, .kmstm, .kmsum, .kmpm, .kgmm, .kdmm, .kmzm, .kmkfm, .kmpom, .kmprzm
{padding: 10px 0 2px 10px;}

.komnag, .kmkn, .kmtn, .kmsn, .kmwn, .kmkon, .kmon, .kmkun, .kmwan, .kmjn, .kmstn, .kmsun, .kmpn, .kgmn, .kdmn, .kmzn, .kmkfn, .kmpon, .kmprzn
{font-weight: bold;color: #999;background-color: transparent;border-style: solid;border-color: transparent;border-width: 0px 0px 0px 0px;background-image: url('img/bg_nag_01.jpg');height: 34px;}

.komcw, .kmkcw, .kmtcw, .kmscw, .kmwcw, .kmkocw, .kmocw, .kmkucw, .kmwacw, .kmjcw, .kmstcw, .kmsucw, .kmpcw, .kgmcw, .kdmcw, .kmzcw, .kmkfcw, .kmpocw, .kmprzcw
{background-color: transparent;border-style: solid;border-color: #0f0;border-width: 0 0px 0px 0px;} //ramki bloków

.komod, .kmko, .kmto, .kmso, .kmwo, .kmkoo, .kmoo, .kmkuo, .kmwao, .kmjo, .kmsto, .kmsuo, .kmpo, .kgmo, .kdmo, .kmzo, .kmkfo, .kmpoo, .kmprzo
{border: 0;background-image: url('img/bg_odstep.jpg');height: 10px;}

.kmkon
{color: #0f0;border-style: solid;border-color: #ca6800;border-width: 1px 1px 1px 1px;background-image: url('img/nag02.gif');height: 34px;}

.kmkom{padding: 8px 0 2px 10px;}
.kmkocw{border-style: solid;border-color: #ca6800;border-width: 0 1px 1px 1px;}
.kmkoo{background-image: url('img/bg_odstep.jpg');height: 10px;}
.kgmn{border-style: solid;border-color: #a9a9a9;border-width: 1px 0 1px 0;}
.kgmm{padding: 10px 10px 5px 10px;}
.kgmcw{border-style: solid;border-color: #a9a9a9;border-width: 0 0 1px 0;}
.kdmn{clear: both;}
.kdmm{padding: 10px 10px 5px 10px;}
.kdmo{height: 0;}
.kmpon{color: #884600;border-style: solid;border-color: #ca6800;border-width: 1px 1px 1px 1px;background-image: url('img/nag02.gif');height: 34px;}
.kmpom{padding: 8px 0 2px 10px;}
.kmpocw{border-style: solid;border-color: #ca6800;border-width: 0 1px 1px 1px;}
.kmpoo{background-image: url('img/bg_odstep.jpg');height: 10px;}
*//*
.t1p, .t2p, .t3p{margin: 5px;font-weight: bold;}
.t1p a, .t2p a, .t3p a{font-size: 13px;}
.t1c, .t2c, .t3c{margin: 3px 5px 3px 0;text-align: right;}
.t1f{margin: 5px;text-align: center;}
*/
.t4{position: relative;float: left;width: 33%;	height: 260px;}
/*
.cechy{margin: 5px;font-weight: bold;}
.kop{margin: 5px;text-align: justify;}
.firma, .dostepnosc, .kodp, .kodpp, .kodk, .kodplu{margin: 5px;}
.ldst, .latr{margin: 5px;}
.latr div{margin-right: 5px;}

.stopka-zawartosc{padding: 3px;text-align: center;}
.stopka-element{margin: 3px;}


#koszyk-info{border: 1px solid #a9a9a9;margin: 10px;padding: 10px;display: inline-block;}#koszyk-info-pos{text-align: center;}.nowosc, .wyprzedaz, .bestseller, .promocja{margin-left: 5px;color: #BD0000;font-size: 9px;}.wizytowka{margin: 10px;}.grad-zakres, .grad-cena{font-size: 9px;text-align: right;}.grad-zakres{font-weight: bold;}.grad-odstep{font-weight: bold;font-size: 9px;margin: 0 3px;}.grad-cena{margin-left: 5px;}.naw-producent{margin: 2px 5px;}.zawartosc{padding: 10px;}.news{margin-bottom: 2px;text-align: left;}.news a{font-weight: bold;}.kategorie-glowne{text-align: center;margin: 5px 0;}.kat{padding: 3px 5px;}.kat a:visited{color: #585858;}.kat a:link{color: #585858;}.kat a:hover{color: #BD0000;}#input-szukaj{width: 140px;}.news-temat{font-size: 13px;font-weight: bold;}.sortowanie{padding: 5px;}.sortowanie div{padding: 3px;}.sortowanie span{font-weight: bold;}.nazwa-produktu{font-weight: bold;font-size: 13px;}.fop{padding: 5px;}.fwa{padding: 0 5px 3px 5px;}.fsu{padding: 2px 5px 5px 5px;}.fin{width: 55px;padding: 1px;border: #a9a9a9 1px solid;font-size: 10pt;font-family: arial;color: #585858;background-color: #f4f4f4;margin: 1px;vertical-align: middle;}.finra{width: 150px;vertical-align: middle;}.fwachk{padding: 0 5px 3px 25px;background: 5px 0 url(img/haczyk.png) no-repeat;}.fwanchk{padding: 0 5px 3px 25px;}.tac{text-align: center;}.tar{text-align: right;}.tal{text-align: left;}.taj{text-align: justify;}.p3{padding: 3px;}.p5{padding: 5px;}.p10{padding: 10px;}.m3{margin: 3px;}.m5{margin: 5px;}.m10{margin: 10px;}
*/
/**************** kqs 4.0 ************************/


p.content-one {
    display:none;
}

/**************** formularz dostepnosci ************************/
/* -------------------------------- 

Primary style

-------------------------------- */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* body {
  font-size: 100%;
  font-family: "Open Sans", sans-serif;
  color: #f3cb6d;
  background-color: #222;
}

a {
  color: #f84;
  text-decoration: none;
} 
 */
input, textarea {

  border: 1px; /* tu znika ramka we wszystkich formularzach */ 
   margin: 0;
  /* border-radius: 0;*/
}
 
input[type=email]::-ms-clear {
  /* remove the big X on ie */
  display: none;
}

input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 100%;
  max-width: 250px;/* 768px;*/
  margin: 0 auto;
}
.cd-container::after {
  clear: both;
  content: "";
  display: table;
}

/* -------------------------------- 

Main components 

-------------------------------- */
header {
  position: relative;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
/* header h1 {
 color: #444d65;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  header {
    height: 250px;
    line-height: 250px;
  }
  header h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
} */

/* filter */
.cd-filter {
  text-align: center;
}
.cd-filter li {
  display: inline-block;
  margin: 0 .6em;
}
.cd-filter input[type=radio] {
  display: none;
}
.cd-filter label {
  display: block;
  cursor: pointer;
  padding: .6em;
  border-radius: 0.25em;
  color: rgba(68, 77, 101, 0.4);
}
.cd-filter input:checked + label {
  box-shadow: 0 0 0 1px rgba(68, 77, 101, 0.4);
  color: #ff8040;
}

/* form */
.cd-form-wrapper {
  position: relative;
/*  margin: 4em auto;  */
}
@media only screen and (min-width: 768px) {
  .cd-form-wrapper {
/*    margin: 8em auto;  */
  }
}

.cd-form {
  position: relative;
  width: 100%;
  height: 120px;
  background: #222;
}
@media only screen and (min-width: 768px) {
  .cd-form {
    height: 120px;
  }
}
.cd-form .cd-loading {
  /* loading bar */
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3%;
  width: 100%;
  background-color: #000000;    /*Kolor paska postępu*/
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  visibility: hidden;
  -webkit-transition: -webkit-transform 3s;
  -moz-transition: -moz-transform 3s;
  transition: transform 3s;
  z-index: 3;
}
.no-csstransitions .cd-form .cd-loading {
  /* we use modernizr to detect old browser and hide the loading effect */
  display: none;
}
.cd-form.is-submitted .cd-loading {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.cd-label, .cd-email, .cd-submit {
  position: absolute;
}

/* Zachęta i tytuł formularza*/
.cd-label {
  color: #999999;
  left: 5px;
  top: 10%;
/*  text-transform: uppercase;  */
  font-size: 13px;
/*  font-size: 0.6875rem; */
/*  font-weight: 700; */
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  z-index: 2;
}
.is-active .cd-label {
  opacity: 0;
  -webkit-transform: translate3d(0, -200%, 0);
  -moz-transform: translate3d(0, -200%, 0);
  -ms-transform: translate3d(0, -200%, 0);
  -o-transform: translate3d(0, -200%, 0);
  transform: translate3d(0, -200%, 0);
}
/*@media only screen and (min-width: 768px) {
  .cd-label {
    left: 40px;  
  }
}*/

.cd-email, .cd-submit {
  width: 100%;
  bottom: 0;
}
.cd-email:focus, .cd-submit:focus {
  outline: none;
}

.cd-email {
  top: 0;
  left: 5px;
  height: 100%;
  background: transparent;
  padding-left: 0px; /* 18px; */
  font-weight: 200;
  color: #999;
  -webkit-transition: height 0.3s, background-color 0.3s;
  -moz-transition: height 0.3s, background-color 0.3s;
  transition: height 0.3s, background-color 0.3s;
  z-index: 1;
}
.cd-email::-webkit-input-placeholder {
  color: #666666;
}
.cd-email::-moz-placeholder {
  color: #666666;
}
.cd-email:-moz-placeholder {
  color: #666666;
}
.cd-email:-ms-input-placeholder {
  color: #666666;
}
.is-active .cd-email {
  height: 50%;
}
.cd-email:focus {
  background-color: #282828;
}
@media only screen and (min-width: 768px) {
  .cd-email {
    padding-left: 0px; /* 20px; */
    font-size: 16px;
 /*   font-size: 1.5rem; */
  }
}

.cd-submit {
  top: 50%;
  cursor: pointer;
  background-color: #111111;
  color: #ff8844;
  /*text-transform: uppercase;*/
  font-size: 18px;
  /*font-size: 1.625rem;*/
  font-weight: 700;
  /* hidden by default */
  display: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  z-index: 2;
  line-height: 10px;
}
.is-active .cd-submit {
  display: block;
  -webkit-animation: cd-bounce-in ease-out 0.4s;
  -moz-animation: cd-bounce-in ease-out 0.4s;
  animation: cd-bounce-in ease-out 0.4s;
}
.no-touch .cd-submit:hover, .cd-submit:focus {
  background-color: #f84;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .cd-submit {
    line-height: 10px;
  }
}

@-webkit-keyframes cd-bounce-in {
  0% {
    top: 100%;
  }
  60% {
    top: 45%;
  }
  100% {
    top: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    top: 100%;
  }
  60% {
    top: 45%;
  }
  100% {
    top: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    top: 100%;
  }
  60% {
    top: 45%;
  }
  100% {
    top: 50%;
  }
}
.cd-response {
  position: absolute;
  bottom: 110%;
  left: 0;
  padding: 1.4em;
  color: #999;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 3;
  /* hidden by default */
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s, visibility 0s .3s;
  -moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s, visibility 0s .3s;
  transition: transform 0.3s 0s, opacity 0.3s 0s, visibility 0s .3s;
}
.cd-response::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 20px;
  /* create triangle in css */
  display: inline-block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
}
.cd-response.cd-response-error {
  background-color: #333;
}
.cd-response.cd-response-error::after {
  border-top-color: #333;
}
.cd-response.cd-response-notification {
  background-color: #333;
}
.cd-response.cd-response-notification::after {
  border-top-color: #333;
}
.cd-response.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s, visibility 0s 0s;
  transition: transform 0.3s 0s, opacity 0.3s 0s, visibility 0s 0s;
}

.cd-response-success {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background-color: #92c195;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  visibility: hidden;
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
  transition: transform .3s 0s, visibility 0s .3s;
  z-index: 3;
}
.cd-response-success p {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #999;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s;
  -moz-transition: opacity 0.3s 0s;
  transition: opacity 0.3s 0s;
}
.cd-response-success.slide-in {
  visibility: visible;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
  transition: transform .3s 0s, visibility 0s 0s;
}
.cd-response-success.slide-in p {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.3s;
  -moz-transition: opacity 0.3s 0.3s;
  transition: opacity 0.3s 0.3s;
}

/**************** formularz dostepnosci koniec ************************/


/****** Akcesoria pokazywacz i chowacz START ******/

#photo3 {
  //display:none;
  height: 0px;
/*  margin: 0px;
  padding: 0px;  */ 
  opacity: 0;
  filter: alpha(opacity=0); /* For IE8 and earlier }*/
}
#link3 {
	margin-left:25px;
	cursor:pointer;
}
#p3 {display: none;}
/*#p4 { margin:0px; padding:0px}*/
 #AkcesoriaGrupa {display:block;} 
/****** Akcesoria pokazywacz i chowacz KONIEC ******/

/*    TOOLTIP czli bombelek    */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
   /* overflow: visible;  */
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 180px;
    background-color: #333;
    color: #999;
    font-size: 90%;
    text-align: center;
    border-radius: 6px;
    padding: 6px 0;
    position: absolute;
    z-index: 1;
     /* bottom: 50%; */
    top: 40px;
    left: 40%;  /* 50%; */
    margin-left: -80px;

}
@media only screen and (max-device-width: 480px) {
.popup .popuptext {
   bottom: 0%;
}
	}
/* Tooltip arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    /* top: 100%; */
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ff8040 transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}



/*    dodatki     */
.bezhm{
margin-top:5px; }

/* cienie przy ikonach w menu */
a:hover .bezhm{
background-image:radial-gradient( rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image:webkit-gradient(radial, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
background-image:-webkit-radial-gradient( rgba(0,0,0,0.5),rgba(0,0,0,0));


}


a:hover .bezhover{
background-color:black;
-webkit-border-radius: 50px; border-radius: 50px;
		-webkit-box-shadow:  0px 0px 15px 0px #ff8040;box-shadow:  0px 0px 15px 0px black;
}