/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20.11.2018, 18:28:38
	Edited on : 02.08.2018, 16:10:20
    Author     : MirakDMC
*/

.table_product {
	display: flex; flex-wrap: nowrap;
	margin: 10px 0;
}

@media screen and (max-width: 800px) {
	.table_product {
		display: block;
	}
	.table_product .img {
		flex: 1;
		text-align: center;
		margin-bottom: 10px;
	}
	.table_product .info{
		margin: 0 !important;
	}
}

.table_product .img{
	width: 200px;
	min-width: 200px;
	position: relative;
}
.table_product .info{
	margin: 0 10px;
	padding-bottom: 5px; 
}
.table_product .info h2{
	margin: 0;
}
.table_product div img.main {
	width: 100%;
}
.table_product div img.promo {
	width: 50px; left: -5px;  position: absolute; top: -5px;
}
.table_product p {
	font-weight: normal;
}
.table_product span.date {
	font-size: 10px;
	color: #999;
}

table.products {
    border-spacing: 0px;
    border-collapse: separate;
    margin: 0; padding: 0;
}
.table_product_mini_top {
	display: flex; padding:6px;
}
.table_product_mini_top div.img {
	width: 70px;
}

.table_product_mini_top div.price {
	width: 100px;
}

.table_product_mini {
    
}

.table_product_mini a {
    display: flex;
}

.table_product_mini a span.img {
    display: block; min-width: 70px;
}
.table_product_mini a span.price {
    display: block; min-width: 100px; vertical-align: middle;
}