.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: #eb2227; }
.td_category_list li a.category_active:link,.td_category_list li a.category_active:visited {color: #eb2227; }

.griditem {float: left;}
.td_eshop_list  {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	
}
.td_eshop_list_item {
/* ZAKLAD ZMENY VELIKOSTI VYPISU POLOZKY */
width: 205px;
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 5px;
text-align: center;
float: left;
display: block;
border: 1px solid #ddd;
transition: 0.2s;
background-color: white;
}

div.td_eshop_list_item:hover{
border: 1px solid #eb2227; 
z-index: 150;
}

div.td_eshop_list_item:hover > div.td_eshop_brandstyle, div.td_eshop_list_item:hover > div.td_eshop_pricestyle {
    color: black;
}

div.td_eshop_list_item:hover > div.td_eshop_namestyle {
    color: #eb2227;
}


div.td_eshop_desc {display: none; width: 100%; height: auto; float: left; padding: 5px 10px; text-align: left; font-size: 8pt; }
div.td_eshop_desc p{ font-size: 8pt;  text-align: justify;}

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

.td_eshop_brandstyle {	float: left; margin: 0; padding: 0; display: block; width: 100%; font-size: 10pt; color: #000000; padding-top: 15px; }
.td_eshop_namestyle {	float: left; margin: 0; padding: 0; display: block; width: 100%; font-size: 12pt; color: #eb2227;  }
.td_eshop_pricestyle  {	float: left; margin: 0;	padding: 0; display: block; width: 100%; font-size: 10pt; color: #000000;  display: block; margin-bottom: 15px; font-size: 10pt; font-weight: bold; background-color: #eee; color: #eb2227; 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: 100%; font-size: 20pt; color: #eb2227; padding-top: 65px; margin-top: 35px;}
.td_eshop_show_item a:link,.td_eshop_show_item a:visited {color: #eb2227; }
.td_eshop_show_item a:hover {color: #000; } 
.table-my-orders thead th {background-color: #eb2227; 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; }

div.td_user_panel {margin-left: 25px; position: absolute; bottom: 0; }
.td_user_panel {float: right; }
a.td_user_panel:link, a.td_user_panel:visited {display: block; padding: 8px 25px; color: #eb2227; -ms-transform: skewX(-50deg); /* IE 9 */-webkit-transform: skewX(-50deg); /* Safari */transform: skewX(-50deg); background-color: #eee; z-index: 5000;}
a.td_user_panel:link:after, a.td_user_panel:visited:after {-ms-transform: skewX(50deg); /* IE 9 */-webkit-transform: skewX(50deg); /* Safari */transform: skewX(50deg); }
.td_icon_small, a.td_user_panel span.td_user_panel_span, .smallCart  {float: left; -ms-transform: skewX(50deg); /* IE 9 */-webkit-transform: skewX(50deg); /* Safari */transform: skewX(50deg);}
a.td_user_panel:hover {background-color: #eb2227; color: #fff; text-decoration: none;}
a.active:link, a.active:visited {background-color: #eb2227; color: #fff;}
a.td_user_panel:last-child { padding-left: 100px; margin-left: -100px;}


.table-corners h2 {color: #eb2227; 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;}

img.td_eshop_img_main {width: 300px;height: 300px;border: 2px solid #ccc;}
img.td_eshop_img_main:hover {border: 2px solid #eb2227;}

.tn_previews {position: relative;}
.tn_previews img {width: 69px; height: 69px; margin: 0px; border: 2px solid #ccc; }
.tn_previews img:hover {border: 2px solid #eb2227;}

.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: #eb2227; border: 1px solid white; color: white; text-align: center; font-weight: bold;}
a.paybutton:hover {background-color: #fff; border: 1px solid #eb2227; color: #eb2227; 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: 20px; height: 20px;float: left; margin-right: 5px; }
.eshopCaption {float: left; padding-left: 10px; font-size: 14pt; width: 235px;  color: #eb2227;}
.eshopAmount {width: 50%;}

/*table.table-sizes > tbody > tr:first-child > td:first-child {width: 70%;}*/
table.table-sizes tr td:nth-of-type(1) {width: 400px;}
table.table-sizes tr:nth-of-type(even), table.table-cart tr:nth-of-type(even)  {background-color: #eee;}
table.table-sizes tr:nth-of-type(odd), table.table-cart tr:nth-of-type(odd)  {background-color: #f9f9f9;}

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:  #eb2227; 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%);}

.itemimages {width: 320px; float: left;}	
.itemdescription {float: left; width: 500px;}	
	@media only screen and (max-width: 1279px) {
.griditem {float: left; width: calc(25% - 10px);  margin: 5px 5px;}
.td_eshop_list_item { width: 100%; margin: 0;}
.td_eshop_iconbox img {width: 30px; height: 30px; margin: 5px;}
}
.td_user_panel_cart {position: relative;}
.smallCart {display: none; transition: 0.15s; position: absolute; top: 33px; left: 200px; padding: 10px; background: rgba(255,255,255,0.8);}
.td_user_panel_cart:hover .smallCart  {display: block; z-index: 500;}
.td_user_panel_cart:hover .smallCart  {display: block; z-index: 500;}
.smallCart .table-cart {margin: 0;}
.smallCart .table-cart tr td:nth-of-type(3), .smallCart .table-cart tr td:nth-of-type(4) {display: none;}
.smallCart .table-cart tr td:nth-of-type(1) {width: 150px;}
.smallCart .table-cart tr td:nth-of-type(2) {width: 30px;}
.smallCart .table-cart tr td:nth-of-type(5) {width: 50px;}
.smallCart .table-cart tr td {font-size: 8pt;}
	

.form100_tr_invoicing_details,
.form100_tr_delivery_address_different {background-color: #eee; cursor: pointer;}	

.form100_tr_invoicing_details:hover,
.form100_tr_delivery_address_different:hover {background-color: #ddd; cursor: pointer;}	


.orderStatus {width: 100%; float: left; cursor: pointer;}
.orderStatus div{width: calc(50% - 10px); margin: 5px; background-color: #ccc; float: left; text-align: center; padding: 15px; color: white;}
.orderStatusID {width: 100%; float: left;}
.orderStatusID {width: 100%; float: left;}
div.orderStatusActive, .orderStatus div:hover {background-color: #eb2227;}
.table-detail td.typDP {width: 70%;  font-weight: bold;}	
.table-detail td.cenaDP {width: 30%; text-align: right; font-size: 16pt; font-weight: bold;}	

.form_matrix{background-color: #eee;}	
.form_matrixItem:nth-of-type(even) {background-color: #ddd;}	

/* ZASILKOVNA */
.form_matrixItem .packetery-branch-list p,
.form_matrixItem .packetery-branch-list strong,
.form_matrixItem .packetery-branch-list,
.form_matrixItem .packetery-branch-list a,
.form_matrixItem .packetery-branch-list div,
.form_matrixItem .packetery-branch-list span {font-size:10pt;}	


@media only screen and (max-width: 1023px) {
	.td_user_panel_cart:hover .smallCart {display: none;}
.griditem {float: left; width: calc(25% - 10px);  margin: 5px 5px;}
.td_eshop_list_item { width: 100%; margin: 0;}
.td_eshop_brandstyle {font-size: 1.5vw;}
.td_eshop_namestyle {font-size: 2vw;}
.td_eshop_iconbox img {width: 30px; height: 30px; }
div.td_eshop_desc p{ font-size: 2vw; }
div.td_user_panel {float: left;  margin: 0;}
div.td_user_panel img  {width: 30px; height: 30px;}
.td_user_panel a:link, .td_user_panel a:visited{color: white; font-size: 0; margin: 0; padding: 0;}
.td_user_panel a:link span, .td_user_panel a:visited span {font-size: 10pt; padding-top: 5px; float: left;}
a.td_user_panel:link, a.td_user_panel:visited {background: none; margin-right: 15px;}
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
.griditem {float: left; width: calc(33% - 10px);  margin: 5px 5px;}
.td_eshop_list_item { width: 100%; margin: 0;}
.td_eshop_brandstyle {font-size: 2vw;}
.td_eshop_namestyle {font-size: 3vw;}
.td_eshop_iconbox img {width: 30px; height: 30px; }
div.td_eshop_desc p{ font-size: 2vw; }
.td_user_panel a:link span, .td_user_panel a:visited span {display: none;}
}


@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 700px) 
and (orientation : portrait) {  
.griditem {float: left; width: calc(100%);  margin: 10px 0px;}
.td_eshop_list_item { width: 100%; margin: 0;}
.td_eshop_brandstyle {font-size: 4vw;}
.td_eshop_namestyle {font-size: 6vw;}
.td_eshop_iconbox img {width: 40px; height: 40px; }
div.td_eshop_desc p{ font-size: 4vw; }
table.table-sizes td {float: left; width: 100%;}
table.table-cart td {float: left; width: 100%;}
table.table-sizes tr td:nth-of-type(1) {width: 100%;}
.td_user_panel a:link span, .td_user_panel a:visited span {display: none;}
}
