.shopCase {
	background-color: white;
	padding: 3em 0 0 0;
	margin-bottom: 2em;
	vertical-align: middle;
	
		}
	
	.textfield {
		background: #fff ;
		}
	
	
	.cena {
		margin-bottom:0;
		font-size:100%;
		padding:0 0;
		background: #fff;
		}
	
	.cena .name {
	   display: block;
		float: left;
		font-weight: bold;
		line-height: 1.4em;
		margin: 0 2em;
		}
	
	.pcsinput {
		vertical-align:top;
		}
	.itempcs {
		border:none;
		background-color:transparent;
		padding: 0.5em 0;
		vertical-align:middle;
		font-size:150%;
		text-align:center;
	
		}
	
	.priceblock {
		display:block;
		margin:0 1em;
		text-align:right;
		}
	.priceblock *{
		vertical-align:baseline;
		}
	
	
	
	.priceincvat {
		font-size:180%;
		font-weight:bold;
		color:#35A20A;
		}
	.priceNoVat	{
		font-size:85%;
		}
	
	.prodlistcontent .thumbnail {
		float:right;
		}
	
	.shopdesc  p, .shortdesc  p {
		margin-bottom:1em;
		}
	.shopdesc {
		font-size:90%;
		margin-bottom:1.2em;
		}
	
	/*
	.shopdesc, .shortdesc{
		font-size:100%;
		}
	*/
	
	
	
	.basketSelect select {
		width:75%;
		}
	
	
	.closeformimg {
		position: absolute;
		top: -1.22em;
		left: 18px;
		z-index: 10;
	}	
	
	
	
	
	
	
	/***eshop formular***/
	
	/* formular - nova verze */
	.payformcolumns {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
		
		.paycolumn {
		flex:0 0 50%;
		flex-direction: column;
		/* border:1px dotted #555; */
		padding: 1em;
		}
		

		/* platba poradi sloupcu */
		.paycolumn {
			margin-bottom: 1.1rem;
		}

		.paycolumn.ord-address{
			order: 1;
			border-right: 1px solid #999;
		}
		.paycolumn.ord-summary {
			order: 3;
			flex-grow: 0; 
			margin: auto;
		}
		.paycolumn.ord-paymselect{
			order: 2;
		}

	
		#ajaxship {
		 background: #f6f6f6;	
		 padding:.5rem 0.6rem 1rem;
		}


		#ordsummary {
			flex-basis: 68em;
		}



		.field label {
			display: block;
			width: 100%;
			margin-bottom: 0.2rem;
		}
		.field input[type=text], .field input[type=password] {
			display: block;
			width: 100%;
			padding: 0.5rem;
			border: 1px solid #999;
			border-radius: .3rem;
			}
			
		
		.field select {
			display: block;
			width: 100%;
			padding: 0.5rem;
			border-radius: .3rem;
			}
		.grpform {
			background: #f6f6f6;
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			margin-bottom: 2em;
			padding: .5rem 0.6rem 1rem;
		}
		.field {
			flex: 1 0;
			display: flex;
			flex-direction: column;	
			padding: .4rem 0.5rem;
		}    
		
		/* sizing variant	 */
		
		.l-1 {	flex-basis: 8.33333%; }
		.l-2 {	flex-basis: 16.6667%; }
		.l-3 {	flex-basis: 25%; }
		.l-4 {	flex-basis: 33.3333%; }
		.l-5 {	flex-basis: 41.6667%; }
		.l-6 {	flex-basis: 50%; }
		.l-7 {	flex-basis: 58.3333%; }
		.l-8 {	flex-basis: 66.6667%; }
		.l-9 {	flex-basis: 75%;     }
		.l-10 {	flex-basis: 83.3333%; }
		.l-11 {	flex-basis: 91.6667%; }
		.l-12 {	flex-basis: 100%;    }
			
		
		.nazev .description a {
			text-decoration:underline;
			text-decoration-color: #5bdf5b;
		}
				
		
		
	h2.formheader {
		flex-basis: 100%;   
		text-transform: none; 
		font-weight: normal;
		color:#333;
	}
	h2.formheader .togglecb {
		cursor:pointer;
	}
	
	
	
	
	
	#shop .ta_objednavka {
	width:auto;
	background: #fff;
	border:1px solid #C0C0C0;
	overflow:auto;
	height:100px;
	}
	
	
	
	#shop .notice, #shop .hl {
	background-color:#FDF5E6;
	padding:10px 17px;
	border: 2px solid #E2DACB;
	}
	
	
	/**obsah kosiku**/
	.skrytform {display:none;}
	
	#shop h2.tabheader {
		border-bottom: 1px solid #000;
		padding: 1em 10px 5px 0;
		text-transform: uppercase;
		font-weight:normal;
		color:black;
	}
	
	
	#table-kosik img {
	border:0;
	}
	
	#table-kosik td{
	padding: 0.4rem .5rem 0.4rem;
	text-align:right;
	font-weight:normal;
	font-size:100%;
	border:none;
	}

	tr.endrow {
		border-bottom:1px solid #999;
	}





	#table-kosik small{
		font-size:80%;
		display:block;
		color:#888;
	}
	
	
	#table-kosik td.centered { text-align: center;}
	
	#table-kosik td.lastrow {
	border:0;
	border-top:1px solid black;
	}
	
	
	
	
	#table-kosik th {
	padding: 8px 12px;
	font-weight:normal;
	text-align:right;
	background:#666;
	}
	
	#table-kosik {
	width:100%;
	border: 1px solid #999;
	}
	
	#kosik_vypis {
	width:100%;
	}
	#table-kosik {
	border-collapse:collapse;
	font-size: 125%;
	}
	#table-kosik .col1 {
	text-align:left;
	}
	
	#table-kosik tr.headr {
	background-color:#696969;
	color:white;
	padding: 8px 10px;
	font-weight:normal;
	}
	
	#table-kosik .atm_mnz {
	padding:3px;
	text-align: center;
	width:35px;
	border:1px solid #C0C0C0;
	
	}
	.atm_cenabezdph, .atm_cenaxks  {
	font-weight:bold;
	}
	
	#table-kosik .col1 a{
	font-weight:lighter;
	/*! font-size: 125%; */
	text-decoration: none;
	}
	
	#content h2.lista {
	color:white;
	line-height:31px;
	font-size:100%;
	text-indent:15px;
	text-transform:uppercase;
	margin-bottom:2em;
	}
	#table-kosik tr.noline td{
	border-bottom: 0px;
	font-size: 110%;
	padding: 1.2rem;
	font-weight: bold;		
	}
	
	
	#table-kosik tr.sumprice td{
	background-color:#F6F6F5;
	color:black;
	}
	#table-kosik .col2 {
	width:110px;
	}
	
	
	/***formatovani textu WYSIWYG****/
	.floatright {
	float:right;
	margin-left:1em;
	}
	
	.floatleft {
	float:left;
	margin-right:1em;
	}
	
	
	.result {
	background-color:#f6f6f6;
	padding:7px;
	text-align:center;
	font-size:120%;
	}
	
	#content .result p {
	margin-bottom:0;
	}
	
	.err {
	border: 1px solid #D32C18;
	padding: 1em;
	margin-bottom: 1em;
	background-color: #f6f6f6;
	}
	a.basket {
	background: none repeat scroll 0 0 #42A81B;
	color: white;
	display: block;
	float: right;
	font-weight: bold;
	padding: 8px 20px;
	transition:all 0.4s ;
	}
	a.basket:hover {
	background: none repeat scroll 0 0 #207A0F;
	box-shadow: 3px 0 1em #fff;
	}
	
	
	.loggedarea {
		font-size:80%;
		color:black;
		}
	.loggedarea .formpair	{
		display:block;
		/* position:relative; */
		/* float:left; */
		/* margin-right:1px; */
		}
		.loggedarea .formpair label {
			display: block;
			margin: 0 0 0.3rem;
			/* margin-bottom: 0.5rem;
			margin-left: .3rem; */
		}
		.loggedarea .formpair .textfield {
			display:block;
			width:100%;
		}
			
		.loggedarea .formpair{
			margin-bottom: 1rem;
			margin: 0 1rem 1rem 1rem;
		}
	
		.loggedarea .loginform h3 {
			text-transform: uppercase;
			font-weight: 700;
			font-family: Roboto;
			background: #ddd;
			margin: 0 0 1rem 0;
			padding: 1rem;
		}

		.loggedarea .formsubmit{
			padding-top: 1rem;
			margin:0;
		}

	.loggedarea .formsubmit .fullwsubmit, .ifbasket a.fullwsubmit {
		background-color: #555a54;
		display: block;
		width: 89%;
		padding: 0.8rem 0rem;
		color: white;
		border: none;
		text-transform: uppercase;
		text-align: center;
		cursor:pointer;
		margin: auto;
		margin-bottom: 1em;
		border-radius: 0;
		background-color: #068d00;
		font-weight: bold;
		/* bordeR: 3px solid #19c312; */
	}
	
	.loggedarea .formsubmit .fullwsubmit:hover, .ifbasket a.fullwsubmit:hover {
		background-color: #12740e;
		color:#fff;
		/* bordeR: 3px solid #19c312; */
		box-shadow: 0 0 1em #ddd;
	}
	
	
	
	.loggedarea .lguser, .loggedarea .lgpass {
		position:absolute;
		z-index:10;
		color:#fff;
		font-style:italic;
		font-size:90%;
		left:.5em;
		display:block;
		top:0;
		}
	.loggedarea .formpair .textfield {
		border: 0;
		height: 22px;
		padding: 0.95rem 0.4rem;
		background: #f8f8f8;
		border: 1px solid black;
		}
	.loggedarea {
		padding: 0;
		top: 2rem;
	
		}
	p.logdesc	{
		margin-bottom:0.4em;
		padding:0 5px 0 0;
		text-align:right;
		}
	.loggedarea .submitimg {
		vertical-align:top;
		}
	.loggedarea.logged	{
		padding-top: 0;
		 }
	.shipping {
		display:block;
		float:left;
		width:43px;
		height:30px;
		overflow:hidden;
		}
	
	
	.freepost {
		display:block;
		float:left;
		overflow:hidden;
		}
	
	.basketSelect *{
		vertical-align: middle;
	  }
	
	  .basketSelect select{
		padding: 0.5em;
		vertical-align: super;
		width: 71%;
		display:inline;
	  }
	
	  .basketAdd {
		vertical-align: middle;
	
		  }
	.selectize-control.single{
		margin-bottom: 1em;
	}
	
	.selectize-control .price {
	float:right;
	display:block;
	width:20%;
	text-align: right;
	color: green;
	padding-top: 0.1em;
	font-size:160%;
	text-align:right;
	margin-right:2em;
	}
	.selectize-control .title {
	font-size: 118%;
	margin-bottom: 0.4em;
	}
	.selectize-input .option{
	width:100%;
	}
	
	.itempcs {
		margin-left:0;
	}
	
	
	/* platebni brana */
	#payment {
	 background-color:#fff;	
	}
	
	#payment .radek {
		margin-bottom:0;
	}
	#shop #payment {
	/*	font-family: Roboto, Arial, sans-serif;
		font-size:1rem;*/
	}
	#shop #payment label {
		display:block;
		float:none;
		margin:0;
		padding: .2em 0;
	}
	
	#shop #payment h2 {
		font-size:1.2rem;
	}
	#shop #payment h3 {
		font-size:0.9rem;
	}
	#shop #payment h4 {
		font-size:0.7rem;
	}
	#shop #payment li {
		margin-left:0;
	}
	
	#shop #payment .payimg {
		display: inline-block;
		min-width: 7rem;
		padding-left: 0.8rem;
	}
	#shop #payment .payimg img {
		max-height: 1rem;
		max-width: 7rem;
	}
	
	/* vue kosik info */
	.basketblock {
		cursor: pointer;
		padding: 0.6rem;
		background: #fff;
		transition: .3s all;

	}
	.basketblock:hover {
		background: #fff;
		box-shadow: 0 0 1em #b2b2b2;
	}


	.basketapp {
		top:100%;
		position: absolute;
	}
	#basketbox {
		position: absolute;
		background: transparent;
		z-index: 9;
		right: .5rem;
		font-size: 80%;
		text-align: left;
		width: 40em;
		padding-top: 0em;
	}
	
	.basketpadding.ajaxform {
		background: white;
		padding: 2rem;
		border-radius: .3rem;
		box-shadow: 0 0 1em #333;
		overflow: auto;
		max-height: 87vh;
	}



	.body-overlay {
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:#6668;
		z-index: 8;
	}
	



	
	
	.shp-container {
			flex: 1 0;
			display: flex;
			flex-direction: column;	
			padding: .4rem 0.5rem;
	}    
	
	.quick-basket {
		display:flex;
		flex-direction:row;
		margin-bottom: 1.5rem;
		font-size: 1rem;
	}
	
	.quick-basket .number {
		flex: 1 0 30%;
	}






	
	.nazev p {
		margin-bottom: 0lem;
	}
	.nazev p.price {
		font-weight: 400;
		text-align: right;
		font-size: .9rem;
		text-align: left;
	}
	.quick-basket .description {
		color: #333;
		margin-bottom: 0.3rem;
		font-weight: lighter;
	}

	.quick-basket .listpriceblock {
		font-size: 1rem;
	
		flex: 0 1 20%;
		text-align: right;
	}


	.quick-basket .description a {
		margin-top:0;
	}
	
	.ifbasket .btncolumns {
		display:flex;
		flex-direction: row;
	}
	
	.btncolumns {
		display: flex;
	}
	
	.ifbasket .btncolumns .summary, .ifbasket .btncolumns .buttonblock {
		flex: 1 1 50%;
		display: flex;
		justify-content: flex-end;
	}
	
	
	
	.ifbasket .btncolumns .summary {
		font-size: 1rem;
		font-weight: 700;
		justify-content: left;
		line-height: 1.9em;
		text-indent: 0.8rem;
		padding: 0.8rem 0rem;
	}
	
	section.quick-basket {
		margin-bottom: 1rem;
		background: #f1f1f1;
		padding: 1rem 0.4rem 1rem 0.5rem;
	}
	.quick-basket .thumbnail {
		height: 7rem;
		width: 7rem;
		background: white;
		flex: 0 0 7rem;
		border-radius: 50%;
		margin-right: 1em;
		overflow:hidden;
	}
	.quick-basket .remove {
		height: 7em;
		width: 6em;
		flex: 0 0 1.2rem;
	}
	.quick-basket .nazev {
		flex: 0 1 70%;
	}

	.quick-basket .thumbnail img {
		display: block;
		object-fit: contain;
		height: inherit;
		margin: auto;
	}
	
	.qbasket-summary {
		margin-bottom: 1rem;
		padding: 0rem 0rem 0rem 0rem;
		text-align:center;
		margin: 1em -0.7rem;
	}
	.qbasket-message {
		/*! font-weight: 600; */
		font-size: 0.9rem;
		padding: 0.6rem;
		background: #e8e8e8;
		margin-bottom: 1em;
	}
	.qbasket-summary .summary {
		text-align: right;
		font-size: 1.1rem;
		padding-right: 1rem;
	}
	.ifbasket .price {
		text-align: right;
		padding: 0rem .2rem 0.7rem .2rem;
		font-size: 1rem;
	}
	
	.ifbasket .qbasketsubmitbtn {
		background-color: #555a54;
		padding: 0.7rem 3.5rem;
		color: white;
		display: block;
		text-transform: uppercase;
	}
	
	.btnSubmit {
		background-color: #068d00;
		color: white;
		padding: 0.6rem 1.6rem;
		border: none;
		cursor:pointer;
	}
	.btnSubmit:hover {
		background-color: #32b001;
	}	
	.btnSubmit[class*="icon-"]::before {
		color:white;
		margin-right: .8rem;
	}


.basketbutton {
    background-color: green;
    border: none;
    padding: 1em 2em;
    color: white;
    cursor: pointer;
}
.basketbutton:hover {
    background-color: darkgreen;
}

.basketbutton[class*="icon-"]::before {
    margin-right: 1em;
    color: #fff;
}

.basketbutton.fullwidth {
	display: block;
	text-align: center;
}

.qbasket-emptymsg {
	margin-bottom: 1.7em;
}








.finalsubmit {
	font-size: 130%;
}
.finalcart {
	
}

#ordsummary .basketpadding {
	border:1px solid #999;
	padding: 1em 3em;	
	background: #f6f6f6;
}

#ordsummary .basketpadding h2.formheader{
	text-align:left;	
}

#obj-dokoncit {
	margin: 1rem 0 3rem 0;
}

/* rekapitulace objednavky */
.qbasketrow {
	display:flex;
	flex-direction: row;
	margin-bottom: 0.5rem;
}
.qbasketrow-text {
	flex: 0 1 78%;
}
.qbasketrow-price {
	flex: 1 0 22%;
	text-align: right;
}

.qbasketrow .inclvat {
	font-size:1.1rem;
}
.qbasketrow .fullsummary {
	font-size:1.3rem;
}



/* ____________responsivity ____________ */	
	
	@media only screen and (max-width: 1050px) {
		.shp-product > .l-6 {
			flex-basis:100%;
			
		}
		
		.shoplistcontent .twelvecol {
			padding-left:0;
			padding-right:0;
			
		}
	
		.shp-product .shp-buy {
			order: 0;
		}
	
		.shp-product .shp-gallery {
			order: 1;
		}
	
		.shp-product .shp-description {
			order: 2;
		}
	
		.shp-product .shp-spectable {
			order: 3;
		}
	
	}		

@media only screen and (max-width: 767px) {		


	.quick-basket {
		font-size: .8rem;
	}

	#basketbox {
		position: fixed;
		right: .5rem;
		left: .5rem;
		width: unset;
		z-index: 11;
		top: 3.5rem;
		max-height: 90vh;
	}
	#ordsummary {
		flex-basis: 100%;
	}

	.ifbasket .qbasketsubmitbtn {
		padding: 0.4rem 1.5rem;
		margin-bottom:1.5rem;
	}
	.paycolumn {
		flex: 0 0 100%;
	}


	.loggedarea {
		position: fixed;
		left: 1em;
		right: 1em;
		top: 7em;
		width: auto;
	}

	.quick-basket {
		flex-wrap: wrap;
	}	
	.paycolumn.ord-address{
		border-right: none;
	}
	
	.quick-basket .thumbnail {
		height: 4rem;
		width: 4rem;
  		flex: 0 0 4rem;
	}

	.quick-basket .listpriceblock {
		font-size: .8rem;
		flex: 1 1 20%;
		text-align: right;
	}	

	.quick-basket .nazev {
		flex: 1 1 45%;
	}

	.paycolumn {
		padding:0;
	}






}