/* --~---~-- GENERIC FORM --~---~- */

	input, form select {margin: 0}
	input {padding: 3px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;}
	textarea {padding: 2px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;font-family:Arial;font-size:12px;}
	form label {clear:left; float:left; display:block; font-weight:bold; width: 150px;}
    .btnNext {width:109px; height:26px; background: url(/img/dalej-btn.png) no-repeat 0 0;text-indent:-20000px; border:0; cursor:pointer;}
    .btnNext {*text-indent:0; *font-size:0; *color:#fff; *width:150px;}



/* --~---~-- PURCHASE --~---~- */
	.purchaseWrapper p, 
	.purchaseWrapper span, 
	.purchaseWrapper td, 
	.purchaseWrapper div
	{
	    color: black;
	} 
	.purchaseWrapper form ul { list-style-type: none;}
	
    .purchaseWrapper {padding: 15px 0 0 0;}
    .purchaseWrapper .summary {float: right; width:264px; padding: 0;}
	.purchaseWrapper .container.top {font-size:12px;}

	.cart {width:264px; padding: 0;}
    .cart .h3 {background: url(/img/shop-szkolenie-header.png) repeat-x 0 0;
    font-size:14px; font-weight: bold;
	border: 1px solid #c7c7c7;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	text-shadow: 1px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=);
	width:250px; display:block; padding: 10px 0 10px 12px; margin: 5px 0 0;}
	.cart .details {background: #fcfcfb; border:1px solid #e5e5e5; -moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;-webkit-border-radius: 0px 0px 8px 8px;border-radius: 0px 0px 8px 8px;padding: 10px 15px 0;}
	.cart .details div {border-bottom: 1px solid #e5e5e5;margin-bottom:7px; padding-bottom:10px;}
	.cart .details span {display: block; padding: 5px 0 10px;}
	.cart .details strong {font-size:14px; font-weight: bold; color: #00404d;}
	.cart .details .price {border: none; margin-bottom: 0;}
	
	#cart {width:100%;}
	#cart td {border-bottom: 1px dashed #DEDEDE; vertical-align: top; padding:10px 5px;}
	#cart tr.l td {border-bottom: 1px solid #DEDEDE;}
	#cart td.t1 {width: 75px; border-left: 0 none;}
	#cart td.t2 { width: 340px;}
	#cart td div.top, #cart td div.bottom {overflow:hidden;}
	#cart td div.bottom {margin-top: 15px;}
	#cart td .tl, #cart td .bl {text-align:left; width: 210px; float: left; display:block;}
	#cart td .tr, #cart td .br {text-align:right; width: 130px; float:right; display:block;}
	#cart td .br, #cart td .bl {color: #7eac40;}
	/*#cart td.t3 {width: 130px;}*/
	#cart td.t3, #cart td.t4 {text-align: right;}
	#cart td.t4 div{margin-top:5px; border-right: 0 none;}

	#cart-total {margin-top: 10px; border: none; width:auto; text-align:right;}
	#cart-total td {padding:10px 0;}
	#cart-total tr.l td {padding:35px 0;}
	#cart-total td span {font-size:16px; font-weight: bold;}
	#cart-total td.t1{width:310px; text-align:right; border: 0 none;}
	#cart-total td.t2{width:135px; text-align:right; border: 0 none;}

	.btn-gray {
		width:auto;
		font-size: 12px;
		padding: 5px 15px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		cursor: pointer;
		text-decoration:none;
		color: #000;
		background: #e4e4e4;
		background: 
		-moz-linear-gradient(
			top,
			#f9f9f9 0%,
			#dddddd);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#f9f9f9),
			to(#dddddd));
        /* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF9F9F9, endColorstr=#FFDDDDDD);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF9F9F9, endColorstr=#FFDDDDDD)";
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #ababab;
		border-left: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		text-shadow: 1px 1px 0px #ffffff;
	}

	.btn-gray:hover {
	background: #efefef;
    background:
		-moz-linear-gradient(
			top,
			#ffffff 0%,
			#dddddd);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#ffffff),
			to(#dddddd));
    /* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFDDDDDD);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFF, endColorstr=#FFDDDDDD)";
	text-decoration:none;
	color: #000;
	}
	.btn-gray:active {
		background: -moz-linear-gradient(
			top,
			#dddddd 0%,
			#ffffff);
		background: -webkit-gradient(
			linear, left top, left bottom,
			from(#dddddd),
			to(#ffffff));
	}
	.btn-gray img {display:inline;}
    .btn-green {
	text-decoration: none;
	font-weight: bold;
	padding: 5px 15px;
    font-size:12px;
	color: #ffffff;
	background: #95b71e;
	background: -moz-linear-gradient(
		top,
		#c9df67 0%,
		#819e1a);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#c9df67),
		to(#819e1a));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFc9df67, endColorstr=#FF819e1a);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFc9df67, endColorstr=#FF819e1a)";
	border: 1px solid #a4c21c;
	text-shadow:
		1px 1px 0px rgba(83,98,21,1),
		0px 1px 0px rgba(255,255,255,0.3);
	}
	.btn-green:hover {
		color: #ffffff;
		text-decoration: none;
		background: #c9df67;
		background: -moz-linear-gradient(
		top,
		#e4f458 0%,
		#819e1a);
		background: -webkit-gradient(
		linear, left top, left bottom,
		from(#e4f458),
		to(#819e1a));
			/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe4f458, endColorstr=#FF819e1a);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe4f458, endColorstr=#FF819e1a)";
	}
	.btn-green:active {
		color: #ffffff;
		text-decoration: none;
	    background: -moz-linear-gradient(
		top,
		#819e1a 0%,
		#e4f458);
		background: -webkit-gradient(
		linear, left top, left bottom,
		from(#819e1a),
		to(#e4f458));
	}
	.btn-big{
		padding: 10px 20px;
        font-size:16px;
		font-weight: bold;
	}

	#coupon {display: inline;}
	#coupon {font-size:12px;}
	#coupon input[type=text] {padding: 7px;}
	#coupon input.btn-gray {float: right;}

	
	.contact {padding:0 10px;}
	.contact h3 {margin: 15px 0 0; padding: 10px 0 5px;}
	.contact p {margin:0 0 10px;}
    .contact ul {padding:0; list-style-type:none;}
	.contact ul li {margin-bottom:3px;}
	.contact ul li.phone {color:#819E1A; font-size:18px; font-weight:bold;}
	.contact ul li.mail {font-size:16px; font-weight:bold;}

	.purchaseForm {float:left; width: 655px; background: url(/img/form-bottom.png) no-repeat 0 100%;}
	.purchaseForm .purchaseForm-inner {background: url(/img/form-top.png) no-repeat 0 0; padding: 0 40px 35px; position:relative;}
	.purchaseForm h3 {border-top: 1px solid #dedede; margin-top:20px; padding: 10px 0 10px;}
	.purchaseForm .shop-progress {width: 411px; padding: 20px 0 0 0;}
	.purchaseForm .shop-progress .progress {display:block; width: 575px; height: 19px;}
		.purchaseForm .shop-progress .progress.s1 {background: url(/img/shopping-progress.png) no-repeat 0 -19px;}
		.purchaseForm .shop-progress .progress.s2 {background: url(/img/shopping-progress.png) no-repeat 0 -38px;}
		.purchaseForm .shop-progress .progress.s3 {background: url(/img/shopping-progress.png) no-repeat 0 -57px;}
		.purchaseForm .shop-progress .progress.s4 {background: url(/img/shopping-progress.png) no-repeat 0 -76px;}
		.purchaseForm .shop-progress .progress.s5 {background: url(/img/shopping-progress.png) no-repeat 0 -95px;}
		.purchaseForm .shop-progress .progress.s6 {background: url(/img/shopping-progress.png) no-repeat 0 -114px;}
	.purchaseForm .shop-progress  span {font-weight:bold;position:relative; top:0;}
        .purchaseForm .shop-progress  span.cart {left:30px;}
        .purchaseForm .shop-progress  span.log {left:120px;}
        .purchaseForm .shop-progress  span.pay {left:220px;}
        .purchaseForm .shop-progress  span.done {left:340px;}
	
	.purchaseForm ul.errors {margin: 5px 0 10px;}
	.purchaseForm ul.errors li {color: #f00;}
	.purchaseForm ul.errors li a {color: #f00; text-decoration: underline;}
	
	.purchaseForm ul li {margin-bottom: 10px;}
	.purchaseForm ul li fieldset {border-top: 1px solid #dedede; width:300px;}
	.purchaseForm ul li fieldset legend {padding:0 5px;}
	.purchaseForm ul li fieldset ul {margin-top:15px;}
	.purchaseForm input#login {width:109px; height:26px; background: url(/img/zaloguj-btn.png) no-repeat 0 0;text-indent:-20000px; border:0; cursor:pointer; margin: 0 0 0 150px;}
	.purchaseForm input#login {*width:250px; *text-indent:0; *font-size:0; *color:#fff;}
    	.purchaseForm input#login:hover {background: url(/img/zaloguj-btn.png) no-repeat 0 100%;}
	.purchaseForm input#register {width:109px; height:26px; background: url(/img/zarejestruj-btn.png) no-repeat 0 0;text-indent:-20000px; border:0; cursor:pointer; margin: 0 0 0 150px;}
	.purchaseForm input#register  {*text-indent: 0;*font-size:0; *width:250px; *color:#fff;}
		.purchaseForm input#register:hover {background: url(/img/zarejestruj-btn.png) no-repeat 0 100%;}
	.purchaseForm input.btnNext {margin:0 0 10px 190px;}
		.purchaseForm input.btnNext:hover {background: url(/img/dalej-btn.png) no-repeat 0 100%;}
	.purchaseForm input#purchase {position:absolute; top:90px;right:40px;}
    .purchaseForm input#purchase2 {margin: 0 20px 10px 0; float:right;}
	.purchaseForm button.change {background: url(/img/changepayment-btn.png) no-repeat 0 0; border: 0 none; width:161px; height:26px; cursor:pointer; text-indent:-2000px;}
	
		
	.purchaseForm .channels {overflow:hidden;clear:both;}
	.purchaseForm .channels label {border:1px solid #fff;float:left; display:block; width: 100px; height:35px; margin:0 20px 20px 0; border-bottom: 1px dotted #dedede; text-align:center; font-weight:normal; clear:none; position:relative; padding:45px 4px 0 17px; background-position: right 0; background-repeat: no-repeat; font-size:10px; cursor:pointer;}
	.purchaseForm .channels label.selected {border:1px dotted #3ba5cd;}
	.purchaseForm .channels label input {position:absolute; top:45%; left: 5px; border:0;}
		.purchaseForm .channels #radio-label-ch-c {background-image: url(/img/payment/cards.png);}
		.purchaseForm .channels #radio-label-ch-m {background-image: url(/img/payment/mtransfer.png);}
		.purchaseForm .channels #radio-label-ch-i {background-image: url(/img/payment/inteligo.png);}
		.purchaseForm .channels #radio-label-ch-g {background-image: url(/img/payment/ing.png);}
		.purchaseForm .channels #radio-label-ch-l {background-image: url(/img/payment/lukasbank.png);}
		.purchaseForm .channels #radio-label-ch-n {background-image: url(/img/payment/multitransfer.png);}
		.purchaseForm .channels #radio-label-ch-o {background-image: url(/img/payment/pekao24przelew.png);}
		.purchaseForm .channels #radio-label-ch-p {background-image: url(/img/payment/ipko.png);}
		.purchaseForm .channels #radio-label-ch-w {background-image: url(/img/payment/przelew24.png);}
		.purchaseForm .channels #radio-label-ch-d {background-image: url(/img/payment/nordea.png);}
		.purchaseForm .channels #radio-label-ch-h {background-image: url(/img/payment/bankbph.png);}
		.purchaseForm .channels #radio-label-ch-wm {background-image: url(/img/payment/millenet.png);}
		.purchaseForm .channels #radio-label-ch-wp {background-image: url(/img/payment/polbank.png);}
		.purchaseForm .channels #radio-label-ch-wc {background-image: url(/img/payment/citibank.png);}
		.purchaseForm .channels #radio-label-ch-wd {background-image: url(/img/payment/deutschebank.png);}
		.purchaseForm .channels #radio-label-ch-wr {background-image: url(/img/payment/raiffeisen.png);}
		.purchaseForm .channels #radio-label-ch-wg {background-image: url(/img/payment/bgz.png);}
		.purchaseForm .channels #radio-label-ch-wk {background-image: url(/img/payment/kb24.png);}
		.purchaseForm .channels #radio-label-ch-b {background-image: url(/img/payment/przelew.png);}

	
	.purchaseForm .channels div.ch {border: 1px solid #dedede; float:left; padding: 5px; display:block; width: 125px; height:75px; margin:0 6px 6px 0; text-align:center; font-weight:normal; clear:none; position:relative; background-position: 27px 10px; background-repeat: no-repeat; cursor:pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	.purchaseForm .channels div.ch.selected {background-color: #D5F28B; border: 1px solid #9BCC59}
	.purchaseForm .channels div.ch:hover {border: 1px solid #9BCC59}
	.purchaseForm .channels div.ch:hover span {color: #819E1A}
	
	.purchaseForm .channels div.ch label {border: 0 none; margin:0; padding:0; display:block; width: 125px; height:75px; position: relative; cursor:pointer; }
	.purchaseForm .channels div.ch label.selected { border:0 none; outline: 0 none;}
	.purchaseForm .channels div.ch input:selected,
	.purchaseForm .channels div.ch input:checked,
	.purchaseForm .channels div.ch input:active { outline: 0;}
	
	.purchaseForm .channels div.ch label:selected,
	.purchaseForm .channels div.ch label:focus,
	.purchaseForm .channels div.ch label:active { outline: 0;}

	.purchaseForm .channels div.ch span{ display: block; width: 125px; height: auto; position: absolute; bottom: 0; left: 0; text-align:center; font-weight:bold; clear:none; font-size:10px; color: #999}
	.purchaseForm .channels div.ch.selected span {color: #819E1A}
	
	.purchaseForm .channels div.ch#ch-transferujpl-40 { width: 268px; background-position: 48px 10px; text-indent: -10000px}
	.purchaseForm .channels div.ch#ch-transferujpl-40 label { width: 258px;}
	.purchaseForm .channels div.ch#ch-platnoscipl-c { width: 268px; background-position: 48px 10px; text-indent: -10000px}
	.purchaseForm .channels div.ch#ch-platnoscipl-c label { width: 258px;}
	.purchaseForm .channels div.ch#ch-paypal { width: 268px; background-position: 67px 19px; }
	.purchaseForm .channels div.ch#ch-paypal label { width: 258px;}
	.purchaseForm .channels div.ch#ch-paypal span{ width: 258px;}


	.purchaseForm p.error { margin:0 10px; color: red; }
	.purchaseForm #coupon-element { margin-bottom:10px;}
	.purchaseForm #coupon-label { margin-bottom:10px;}
	.purchaseForm #coupon-label label { width: auto; font-weight: normal; padding: 4px 4px 0 0}


	strong.selectedCh {padding: 8px 25px; margin:10px auto 0 auto;text-align: center; background: #88B946; color: white; display:block; width: 50%; }

	form p.description {display:none; background:url(/img/tooltip/bubble.png) no-repeat 0 0; height:71px; /* 109  */padding:10px 10px 10px 20px; width:176px; 	/* 209 */font-size:11px; color:#fff;line-height:1.2em;} 

    .terms li {margin-top:25px;}
    .terms input.c {float:left;}
    .terms label {float:none;margin:0 0 0 10px;display:inline; width:auto;}
    .terms input.btnNext {margin:0 0 0 42px;}
    .terms input.btnChange {background: url(/img/changedata-btn.png) no-repeat 0 0; border: 0 none; width:108px; height:26px; cursor:pointer; text-indent:-2000px; float:left;}
    .terms input.btnChange {*text-indent:0; *font-size:0; *width:150px; *color:#fff;}
	
	.productTermsContainer{
		margin: 30px 0 0 0;
		padding: 10px 0 10px 10px; 
		height: 400px;
		border: 1px dashed #ccc;
	}
	.productTerms {
		padding: 0 10px 0 0;
		overflow: auto;
		height: 400px;
	}
	
	
	.productTerms h1 {font-size: 17px; font-weight: bold; color: black;}
	.productTerms h2 {font-size: 15px; font-weight: bold; color: black;}
	.productTerms h3 {font-size: 13px; font-weight: bold; color: black;}
	.productTerms h4 {font-size: 11px; font-weight: bold; color: black;}
	.productTerms ul li {margin-bottom: 5px; padding: 0}
	.productTerms ul,
	.productTerms ol {padding: 0 0 0 20px; margin: 0.5em 0;}
	
	
@media screen and (max-width: 768px) {
	.purchaseWrapper .summary { float: left; width: 100%; margin-left: 10px; }
	.purchaseForm .shop-progress { display: none; }
	.purchaseForm h3 { border-top: none; }
	.purchaseForm { width: 100%; }
	.purchaseForm .purchaseForm-inner { padding: 0px 10px 35px; }
	#cart td.t2 { width: 130px; }
	#cart td .tl, #cart td .bl { width: 120px; }
	#cart-total td.t1 { text-align: left; }
	#cart-total tr.l td { padding: 20px 0; }
	.btn-big { padding: 10px 14px; }
		

}