.td_category_list {
float: left;
list-style-type: none;
}

.td_category_list li {width: 150px; display: block;}
.td_category_list li a:link, .td_category_list li a:visited {width: 150px; display: block; color: #fff;}
.td_category_list li a:hover{ color: #0053ba; }
.td_category_list li a.category_active:link,.td_category_list li a.category_active:visited {color: #0053ba; }

.griditem {float: left;}
.td_eshop_list  {
	float: left;
	width: calc(100% + 40px); 
	margin: 25px -20px;
	margin-top: 0px;
	display: flex;  
	align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
	
}
.td_eshop_list_item {
/* ZAKLAD ZMENY VELIKOSTI VYPISU POLOZKY */
width: calc(25% - 40px);
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 20px;
float: left;
display: block;
transition: 0.2s;
}

div.td_eshop_list_item:hover{
z-index: 150;
}

.table-confirmation {border: 1px solid black; width: calc(100% - 20px); margin: 10px; padding: 25px;}
.table-confirmation tbody  {width: 50%; float: left;}
.table-confirmation tr {float: left; width: 100%;}
.table-confirmation tr td {float: left; width: 50%; padding: 3px;}
.table-confirmation tr td.tableHeader {font-weight: bold; font-size: 18pt; text-transform: uppercase;}



div.td_eshop_desc {width: calc(75% - 25px); height: auto; float: left; padding: 5px 1px; margin-left: 25px; text-align: left; font-size: 10pt; }
a.td_eshop_buy:link, a.td_eshop_buy:visited {position: absolute; bottom: 10px; right: 15px; font-size: 20pt;}
a.td_eshop_buy:hover {text-decoration: none;}
div.td_eshop_desc p{ font-size: 8pt;  text-align: justify;}

img.td_eshop_img_thumbnail {
width: 100%;
float: left;
margin: 0;
}

table.table-detail h3 {background-color: #eee; padding: 10px;}
table.table-detail .form100_tr_invoicing_details h3:hover,
table.table-detail .form100_tr_delivery_address_different h3:hover {background-color: #000; cursor: pointer; color: white;}


.td_eshop_imgbox  {float: left; width: 100%; position: relative;}
.td_eshop_blackhover {position: absolute;   -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;	transform-style: preserve-3d; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); display: none;}
div.td_eshop_list_item:hover .td_eshop_blackhover {display: block;}
.td_eshop_brandstyle {margin: 0; padding: 0; font-size: 10pt; width: 100%; float: left; text-align: center; color: #999;  display: inline-block;}
.td_eshop_namestyle {margin: 0; padding: 0; font-size: 10pt; width: 100%; float: left; text-align: center;  color: #000000; font-weight: bold;   display: inline-block;}
.td_eshop_desc {display: none;}
.td_eshop_price {float: right; font-size: 13pt; font-weight: bold;} 
.td_eshop_brandstyle, .td_eshop_namestyle, .td_eshop_price {margin-top: 5px; text-transform: uppercase; font-size: 11pt;}
.td_eshop_pricestyle  {	position: absolute; top: 0; right: 0; float: right; text-align: right; margin: 0;	padding: 0; display: block; width: 25%; font-size: 10pt; color: #000000;  display: block; margin-bottom: 15px; font-size: 10pt; font-weight: bold; background-color: #eee;  padding: 10px; height: 55px; padding-top: 18px;}
/*.td_eshop_pricestyleB  {font-size: 18pt; height: 55px; padding-top: 10px;}*/
.td_eshop_show_item {	float: left; margin: 0; padding: 0; display: block; width: 75%; font-size: 20pt; color: #0053ba; padding-top: 65px; margin-top: 35px;}
.td_eshop_show_item a:link,.td_eshop_show_item a:visited {color: #0053ba; }
.td_eshop_show_item a:hover {color: #000; } 
.table-my-orders thead th {background-color: #0053ba; color: #fff; padding: 5px;}
.table-my-orders tr:nth-of-type(even)  {background-color: #f9f9f9;}
.table-my-orders tr:nth-of-type(odd)   {background-color: #eee; }
a.viewButton:link, a.viewButton:visited, input[type='submit'].addToCartButton {text-transform: uppercase;  position: absolute;  text-align: center; width: 75%; padding: 10px 30px; left: 50%; transform: translate(-50%, 0) perspective(1px);  border: 1px solid #ffffff; background-color: #ffffff; color: #66338d;font-size: 10pt; }
a.viewButton:link, a.viewButton:visited {top: 25px;bottom: auto;}

div.viewBottom {text-transform: uppercase;  position: absolute;  text-align: center; bottom: 30px; width: 75%; padding: 10px 30px; left: 50%; transform: translate(-50%, 0) perspective(1px);  border: 1px solid #ffffff; background-color: #ffffff; color: #66338d;font-size: 10pt; }

input[type='submit'].addToCartButton {top: auto; bottom: 25px; background: none; box-sizing: border-box; font-weight: normal; border: 1px solid white;}
a.viewButton:hover, input[type='submit'].addToCartButton:hover  {text-decoration: none; text-decoration: underline;}

.td_search_hover {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 10px; padding-right: 8px; }
.td_cart_hover {cursor: pointer;}

.hoverMenu {position: absolute; display: none; right: 0; width: 200px; padding: 15px; border: 1px solid black; background: white; top: 25px;}
a.hoverMenuItem:link, a.hoverMenuItem:visited {float: left; width: 100%; font-size: 13pt;}

div.td_user_panel {margin-left: 10px; margin-top: 7px; position: relative; text-transform: uppercase; font-size: 13pt;}
.td_user_panel {float: right; }
a.td_user_panel:link, a.td_user_panel:visited {display: block; padding: 7px 10px; color: #000;  z-index: 5000; font-size: 13pt; text-transform: uppercase; position: relative;}
.td_icon_small, a.td_user_panel span.td_user_panel_span { float: left; z-index: 500; right: 0;} 
.smallCart  { float: left; z-index: 500; right: 0; position: absolute; width: 600px; display: none; border: 1px solid black; padding: 15px; background: white;} 
.smallCart .table-cart thead {display: none;}
.table-cart thead {display: none;}
.smallCart table.table-corners {margin: 0;}
img.cartImage {width: 100px; vertical-align: middle; margin-right: 15px;}
.smallCart img.cartImage {width: 50px;}
.smallCart .table-cart tr td:nth-of-type(1) {width: auto;}
.smallCart .table-cart tr td:nth-of-type(3),
.smallCart .table-cart tr td:nth-of-type(4){display: none;}

.td_icon_small  {width: 25px; height: 25px; margin-right: 5px;}
a.td_user_panel:hover {text-decoration: underline;}
a.active:link, a.active:visited {font-weight: bold;}
a.td_user_panel:last-child { padding-left: 100px; margin-left: -100px;}

.fancyboxtn, .itemimages {background-color: white; float: left;}
.table-corners h2 {color: #0053ba; margin: 0px; margin-bottom: 0; padding-bottom: 0;}
.table-corners .itembrand {color: black; margin-left: 5px; margin-top: 0;}
.table-corners .colorbox {position: absolute; top: 0px; right: 10px; background-color: #555; padding: 5px;}
.table-corners .colorcube {display: block; width: 20px; height: 20px; border: 1px solid white; margin: 2px; float: left;}

.itemdescription {float: right; width: 60%; padding-left: 40px; font-size: 14pt;}	
.itemdescription h1 {font-size: 30pt; font-weight: normal; margin: 0; border: 0; text-transform: uppercase; padding-top: 0;}	
.itemimages {width: 40%; float: left;}	
/*
.itemimages .fancyboxtn:first-child {float: right;}
*/


.specTable {padding: 0; border-spacing: 0; margin-bottom: 15px; }
.specTable td {padding: 5px 0;}
.specTable tr td:first-child {width: 33%; font-weight: bold;}
.specTable tr td:nth-child(2) {width: 66%;}

a.EmainPic {width: 100%;}
a.Ethumbnail {width: 100%; margin-bottom: 20px;}
img.td_eshop_img_main {width: 100%; background-color: white;}
img.td_eshop_img_main:hover {}

.tn_previews {position: relative; float: left; width: 100%; display: flex; align-items: center; justify-content: center;}
.tn_previews a {width: calc(33.33% - 10px); margin: 5px; float: left;}
.tn_previews img {width: 100% height: auto; margin: 0px; float: left;}
.tn_previews img:hover {}

.bodyRight .table-corners td:nth-of-type(1) {display: table-cell;}

a.paybutton:link, a.paybutton:visited {float: left; margin: 15px 0; padding: 15px; width: 100%; font-size: 18pt; background-color: #0053ba; border: 1px solid white; color: white; text-align: center; font-weight: bold;}
a.paybutton:hover {background-color: #fff; border: 1px solid #0053ba; color: #0053ba; text-decoration: none;}



#submit_remove {background: url('/images/delete.png'); background-size: 25px 25px; width: 25px; height: 25px; padding: 0; border: 0; vertical-align: middle;}
#submit_refresh {background: url('/images/refresh.png'); background-size: 25px 25px; width: 25px; height: 25px; padding: 0; border: 0; vertical-align: middle;}
#submit_remove, #submit_refresh {opacity: 0.7; transition: 0.2s;}
#submit_remove:hover, #submit_refresh:hover {opacity: 1; transform: scale(1.1);}

.td_icon_small {width: 25px; height: 25px; float: left; margin-right: 5px; }
.eshopCaption {float: left; padding-left: 10px; font-size: 14pt; width: 235px;  color: #0053ba;}
.eshopAmount {width: 50%;}

/*table.table-sizes > tbody > tr:first-child > td:first-child {width: 70%;}*/
table.itemDescSizes tbody tr td:nth-of-type(1) {display: none;}
table.itemDescSizes tbody tr td:nth-of-type(2) {display: none;}
table.itemDescSizes tbody tr td:nth-of-type(3) {padding: 2px; width: 20%;}
table.itemDescSizes tbody tr td:nth-of-type(4) {padding: 2px; width: 80%;}
table.itemDescSizes tbody tr td input {width: 100%; box-sizing: border-box; padding: 15px;}
table.itemDescSizes tbody tr td input[type='submit'] {border: 1px solid black;}
table.itemDescSizes tbody tr td input#company_email {display: none;}
table.itemDescSizes {background: none;}


/* SIRKA SLUPCU CART */

table.table-cart tr td {border-bottom: 1px solid #ddd; padding: 15px 10px;}
table.table-cart tr:last-child td {border-bottom: 0;}
table.table-sizes tr:nth-of-type(even), table.table-cart tr:nth-of-type(even)  {background-color: #fff;}
table.table-sizes tr:nth-of-type(odd), table.table-cart tr:nth-of-type(odd)  {background-color: #fff;}

table.table-cart tr td:nth-of-type(1) {width: 60%;}

table.table-cart a:hover {text-decoration: none; color: black; }


table.table-corners tbody.tbody_section_percent33 {float: left; width: 33.33%;}
table.table-corners tbody.tbody_section_percent50 {float: left; width: 50%;}
table.table-corners tbody.tbody_section_percent100 {float: left; width: 100%;}
table.table-corners tbody.tbody_section_percent50 tr,
table.table-corners tbody.tbody_section_percent100 tr {float: left; width: 100%;}

input.eshopAmount {width: 80px; float: left; padding: 15px 5px;}

.cart {position: absolute; top: 25px; right: 0px; width: 70px; z-index: 200;}
.cartcount {position: absolute; top: 40px; right: 0px; color: white; background:  #0053ba; padding: 5px; -webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; z-index: 500; text-align: center; width: 40px; height: 30px;}

.td_eshop_iconbox {width: 100%; float: left;}
.td_eshop_iconbox img {cursor: pointer; transition: 0.15s; width: 40px; height: 40px; margin: 15px 10px; opacity: 0.4; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.td_eshop_iconbox img:hover {transform: scale(1.1); opacity: 1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);}

.textRight { text-align: right;}
/* NUMBER CIRCLE */
 
.numberCircle {
    border-radius: 50%;
    background-color: black;
    color: white;
    z-index: 500;
	position: relative;
	float: left;
	margin-left: -14px;
	margin-top: 5px;
	border: 2px solid white;
}
.drawItem {padding: 25px 0; float: left; margin-bottom: 35px;} 
span.onStock {background-color: black; margin: -10px 20px; padding: 10px; color: white; text-transform: uppercase; float: right; margin-top: 25px;}
.smallCart span.onStock {font-size: 10pt; padding: 7px; margin-top: 10px;}

img.plusIcon {width: 30px; position: absolute; top: 50%; transform: translate(0, -50%); right: 10px;}

.numberCircle span {width: 100%; float: left; padding: 3px 7px; font-size: 10px;}

.cartTotal {font-weight: bold; margin-left: 10px;}

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


@media only screen and (max-width: 1023px) {
	a.viewButton:link, a.viewButton:visited, input[type='submit'].addToCartButton, div.viewBottom {width: 90%; padding: 10px; font-size: 8pt; }
	a.viewButton:link, a.viewButton:visited {top: 25px;bottom: auto;}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 

}


@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
	.td_eshop_list_item {width: calc(50% - 40px);} 
	.itemimages {width: 100%; float: left;}
	.td_eshop_brandstyle, .td_eshop_namestyle, .td_eshop_price {font-size: 3vw;}

}