body {
	background-image:url(img/indeks1.png);
	background-repeat:repeat;
  
  font-size: 11px;
  height: auto;
  padding-bottom: 20px;
 -webkit-font-smoothing: antialiased;

}

/*
.container_12,
.container_16,
.container_24 {
  background-color: #fff;
  background-repeat: repeat-y;
  margin-bottom: 20px;
}

.container_12 {
  background-image: url(img/12_col.gif);
}

.container_16 {
  background-image: url(img/16_col.gif);
}

.container_24 {
  background-image: url(img/24_col.gif);
}*/


a:link {
		
		text-decoration:none;
	}
 
a:visited {
		
		text-decoration:none;
	}
 
a:active {
		
		text-decoration:none;
	}
 
a:hover {
	
		text-decoration:none;
		color:#F30;
		
		
	}
a {
		text-decoration:none;
		color:#F60;
	}
	
#prawa a:link {
		
		text-decoration:none;
	}
 
#prawa a:visited {
		
		text-decoration:none;
	}
 
#prawa a:active {
		
		text-decoration:none;
	}
 
#prawa a:hover {
	
		text-decoration:none;
		color:#006600;
		
		
	}
#prawa a {
		text-decoration:none;
		color:#00CC00;
	}
		
	
	
	
#bg {
/*box-shadow: 0px 5px 5px #000;

padding-top:10;*/

background:#FFF;
}

#bg2 {
box-shadow: 0px 0px 5px #000;
text-align:center;
background:#FFF;
border-radius:10px;
display:block;
margin-top:100px;
height:340px;
width:400px;
}

#bg3 {
box-shadow: 0px 0px 5px #000;
text-align:center;
background:#FFF;
border-radius:10px;
display:block;
margin-top:100px;
height:160px;
width:400px;
}

#form{
text-align:right;
font-family:Tahoma, sans-serif;
font-size:12px;
/*font-weight:bold;*/
color:#666666;
padding-top:7px;
padding-bottom:5px;
padding-left:15px;
display:inline;
}
#formlog{
/*text-align:right;*/
font-family:Tahoma, sans-serif;
font-size:12px;
/*font-weight:bold;*/
color:#666666;
padding-top:17px;
padding-bottom:5px;
padding-left:35px;
display:inline;
}
/*#form2{
display:block;
text-align:center;
font-family:Tahoma, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
padding-top:18px;
padding-bottom:15px;
padding-left:30px;
}   */
   

.in, select  {   
    padding: 5px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 12px/100%  Tahoma, sans-serif;  
   
    background: #FFFFFF;  
	  box-shadow: rgba(0,0,0, 0.05) 0px 0px 4px;  
        -moz-box-shadow: rgba(0,0,0, 0.05) 0px 0px 4px;  
        -webkit-box-shadow: rgba(0,0,0, 0.05) 0px 0px 4px;  
    }     
  





#prawa
{

padding-right:7px;
padding-bottom:7px;;

font-size:12;
color:#33CC00;

 position:absolute;
    bottom:0;
    right:0;	
}
#link
{
/*font-family: 'Titillium Web', sans-serif;*/
font-family: 'Roboto', sans-serif;
font-weight:400;

padding-left:10px;
margin-bottom:10px;
float:left;
font-size:13px;
color:#0099FF;
margin-top:20px;
}

.title
{
/*float:right;
width:65%;
height:50;*/
/*font-family: 'Squada One', cursive;*/
/*font-family: 'Ubuntu Mono', sans-serif;*/
/*font-family: 'Titillium Web', sans-serif;*/
font-family: 'Roboto', sans-serif;
/*-webkit-text-stroke: .33px;*/
display: table-cell;
/*vertical-align: middle;*/
font-weight:500;
height:65px;
width:180px;
text-align:left;
font-size:14px;

padding: 2px 5px 2px 7px;
/*background-color:#F0F0F0;*/
color:#333;


}
.head2
{
float:right;
position:relative;

/*width: 0%;*/

padding:5px 5px 5px 5px;
/*font-family: 'Titillium Web', sans-serif;*/
font-family: 'Roboto', sans-serif;
font-size:17px;
font-weight:500;
color:#0072A8;

}
.login{
float:right;
font-family: 'Roboto', sans-serif;
font-size:11px;
font-weight:400;
color:#999999;
padding-top:5px;
}
.login2{

font-family: 'Roboto', sans-serif;
font-size:12px;
font-weight:400;
color:#0066FF;
padding-top:5px;
width:300px;
margin-left:50px;
border-top:#E6E6E6 1px solid;
}


.log
{

padding:5px 5px 5px 5px;
font-family: Tahoma, sans-serif;
font-size:13px;
font-weight:bolder;
color:#666666;
padding-top:15px;
padding-bottom:15px;

}
.error {
color:#FF0000;
font-family:Tahoma, sans-serif;
font-size:12px;
} 

.thumb{
	display: table;   
	height:250px;
	width:226px;

	background:#FFF;
	/*box-shadow: 0px 1px 3px #909090;*/
	float:left;
	/*margin-left:0;*/
	
  margin-left:6px; /* border + margin = 10px */

position:relative;
box-shadow: 2px 2px 5px #EAEAEA;


	border-style:solid;
	border-color:#CCC;
	
	border-width:1px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	margin-bottom:15px;

	/*padding-top:5px;*/

	font-family:sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	
	

}
.foto {
	text-align:center;
	margin-top:3px;
	

	}
.thumb img{
	/*float:left;*/
	
	
	width:55%;
	

	margin-bottom:5px;
	/*border-width:5px;*/
	
	/*border-style:solid;*/


}
.pokaz {
	background-color:transparent;
	/*float:right;*/
	background:none;
	border:0;
	display:inline;
	color:#0099FF;
	font-family: 'Roboto', sans-serif;
font-weight:400;
	font-size:12px;
	/*padding:6px 24px;
	text-decoration:none;*/
}

.pokaz:hover{
	background-color:transparent;
	background:none;
	border:0;
	display:inline;
	color:#3300FF;
	text-decoration:none;
	cursor:pointer;

}
.pokaz:active {
	position:relative;
	top:1px;
}
.remove {
	background-color:transparent;
	float:right;
	background:none;
	border:0;
	display:inline-block;
	color:#FF0000;
	font-family: 'Roboto', sans-serif;
font-weight:400;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
}


.remove:hover {
	background-color:transparent;
	background:none;
	border:0;
	display:inline-block;
	color:#333333;

	padding:6px 114px;
	text-decoration:none;
	cursor:pointer;
}

.remove:active {
	position:relative;
	top:1px;
}

.bt2  {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;*/
	
	-webkit-text-stroke: .23px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #fdeeee), color-stop(0, #fbdada) );
	background:-moz-linear-gradient( center top, #fdeeee, #fbdada );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdeeee', endColorstr='#fbdada');
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #e28181;
	
	display:inline-block;
	color:#d41010;
	font-family: 'Roboto', sans-serif;
font-weight:500;
	font-size:13px;

	padding:1px 15px;
	text-decoration:none;
	/*text-shadow:1px 1px 0px #ffffff;*/
}.bt2:hover, #jcart-checkout:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #f26262), color-stop(0, #e33b3b) );
	background:-moz-linear-gradient( center top, #f26262, #e33b3b);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26262', endColorstr='#e33b3b');
	background-color:#dfdfdf;
	color:#fff;
}.bt2:active, #jcart-checkout:active {
	position:relative;
	top:1px;
}



.btd  {


	background-color:#F7F7F7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #e27474;
	
	display:inline-block;
	color:#CCCCCC;
	font-family: 'Roboto', sans-serif;
font-weight:500;
	font-size:13px;
border:1px solid #CCCCCC;
	padding:1px 15px;
	text-decoration:none;
	
}

.btp  {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;*/
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #73c3eb), color-stop(0, #3baae3) );
	background:-moz-linear-gradient( center top, #73c3eb, #3baae3 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#73c3eb', endColorstr='#3baae3 ');
	background-color:#73c3eb;
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #e27474;
	display:inline-block;
	/*color:#0070ac;*/
	font-family: 'Roboto', sans-serif;
font-weight:500;
	font-size:13px;
border:1px solid #74b2e2;
	padding:1px 15px;
	text-decoration:none;
	/*text-shadow:1px 1px 0px #ffffff;*/
}
.btp:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #73c3eb), color-stop(0, #3baae3) );
	background:-moz-linear-gradient( center top, #73c3eb, #3baae3 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#73c3eb', endColorstr='#3baae3 ');
	background-color:#73c3eb;
	color:#fff;
}.btp:active {
	position:relative;
	top:1px;
}




.bt  {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;*/
	
	-webkit-text-stroke: .23px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #f3f9fd), color-stop(0, #d8ecfb) );
	background:-moz-linear-gradient( center top, #f3f9fd, #d8ecfb );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f9fd', endColorstr='#d8ecfb');
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #e27474;
	display:inline-block;
	color:#0070ac;
	font-family: 'Roboto', sans-serif;
font-weight:500;
	font-size:13px;
border:1px solid #74b2e2;
	padding:1px 15px;
	text-decoration:none;
	/*text-shadow:1px 1px 0px #ffffff;*/
}.bt:hover, #jcart-checkout:hover  {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #73c3eb), color-stop(0, #3baae3) );
	background:-moz-linear-gradient( center top, #73c3eb, #3baae3 );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#73c3eb', endColorstr='#3baae3 ');
	background-color:#73c3eb;
	color:#fff;
}.bt:active, #jcart-checkout:active {
	position:relative;
	top:1px;
}

#sidebar{
	position:relative;
	top: -138px;
}


#jcart * { margin:0; padding:0; font-family: 'Roboto', sans-serif;}
#jcart, #jcart input, #jcart-tooltip { font-size:12px; font-weight:500; }

#jcart fieldset {width:100%; border:0; }

#jcart-error { text-align:center; padding:5px; }

#jcart table { width:100%; /*border:1; background:#fff; border-collapse:collapse;*/
/*box-shadow: 2px 2px 5px #EAEAEA;*/

 }
#jcart thead { /*background:#f2f5f7; color:#0099FF; */}
#jcart-title {  }
#jcart tbody { /*background:#f2f5f7; */}
#jcart tfoot {
	background:#f2f5f7;}
#jcart tr {  }
#jcart th { padding:10px 0px 0px 0px; text-align:right;}
 #jcart td { padding:5px; border-bottom-color:#CCC; border-bottom-style:solid; border-bottom-width:1px; vertical-align:middle; text-align:left; font-weight:normal; }
#jcart #jcart-empty { text-align:center; }

#jcart .jcart-item-qty { width:8%; font-weight:bold; font-size:12; text-align:center; color:#333;  }
#jcart .jcart-item-name { width:80%; font-weight:normal; color:#333; }
#jcart .jcart-item-price { width:12%; font-weight:bold; text-align:right; font-size:10px; }
.jcart-item-price span { display:block; }

.jcart-remove { font-size:12px; font-weight:bold; color:#F03; }

#jcart-subtotal { display:block; color:#FFF;}
#jcart-subtotal strong {  }

#jcart-buttons input { padding:2px; margin:2px; }

#jcart-checkout {
	margin-left:43%; padding:2px; }

#jcart-paypal-checkout { display:block; width:14em; padding:10px; margin:20px auto; }

#jcart-tooltip { display:none; position:absolute; padding:7px 7px 7px 25px; background:url(img/checkmark.png) 5px center no-repeat #fdfdfd; border:1px solid #a6c9e2; z-index:9999; font-family:arial, tahoma, verdana, sans-serif; }


#check * { margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:13px; font-weight:500;}
#check table {border:1px; background:#fff; border-collapse:collapse; border-color:#666666; width:100%;
/*box-shadow: 2px 2px 5px #EAEAEA;*/

 }
#check thead { padding:10px 0px 0px 0px; text-align:right; background:#f2f5f7; color:#666666; width:100%; }
#check-title {  }
#check tbody { /*background:#f2f5f7; */}
#check tfoot {
	background:#f2f5f7;}
#check tr {  }
#check th { padding:10px 10px 10px 10px; text-align:center; }
 #check td { padding:5px; border-bottom-color:#CCC; border-bottom-style:solid; border-bottom-width:1px; vertical-align:middle; text-align:left; font-weight:normal; }


.effect6
{

	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.03), 0 0 40px rgba(0, 0, 0, 0.08) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.03), 0 0 40px rgba(0, 0, 0, 0.08) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.03), 0 0 40px rgba(0, 0, 0, 0.08) inset;
}
/*.effect6:before, .effect6:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
*/

.wrapper {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

.ribbon-wrapper-green img{
 /* width: 85px;
  height: 88px;*/
  width:40%;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

img.grayscale{
opacity:0.7;
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}