.product{
position: relative;
z-index: 0;
text-align: center;
}

.product img{
border: solid 1px #cbb686;
padding: 2px;
}

.product .promotion{ 
position: absolute;
padding: 3px;
border: 0;
z-index: 1;
bottom:0;
left:0;
}

.product:hover{
background-color: transparent;
z-index: 50;
}

.product span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
top:0px;
border: solid 1px #cbb686;
visibility: hidden;
z-index:60;
}


.product:hover span{ 
visibility: visible;
top: 15px;
left: -87px; 
}


.product span img{
border: solid 1px #cbb686;
padding: 0px;
margin:0px;
}


.product span .images{ //---jako tabelka
padding: 0px;
margin:3px 0px;
border: solid 1px #cbb686;
}


.product span table{
padding: 0px;
margin:0px;
cellpadding:0px;
cellspacing:2px;
}


.product_right{
position: relative;
z-index: 0;
text-align: center;
}

.product_right img{
border: solid 1px #cbb686;
padding: 2px;
}

.product_right .promotion{ 
position: absolute;
padding: 3px;
border: 0;
z-index: 1;
bottom:0;
left:0;
}

.product_right:hover{
background-color: transparent;
z-index: 50;
}

.product_right span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
right: 0px;
top:0px;
border: solid 1px #cbb686;
visibility: hidden;
z-index:60;
}


.product_right:hover span{ 
visibility: visible;
top: 15px;
right: -87px; 
}


.product_right span img{
border: solid 1px #cbb686;
padding: 0px;
margin:0px;
}


.product_right span .images{ //---jako tabelka
padding: 0px;
margin:3px 0px;
border: solid 1px #cbb686;
}


.product_right span table{
padding: 0px;
margin:0px;
cellpadding:0px;
cellspacing:2px;
}



.product_bottom{
position: relative;
z-index: 0;
text-align: center;
}

.product_bottom img{
border: solid 1px #cbb686;
padding: 2px;
}

.product_bottom .promotion{ 
position: absolute;
padding: 3px;
border: 0;
z-index: 1;
bottom:0;
left:0;
}

.product_bottom:hover{
background-color: transparent;
z-index: 50;
}

.product_bottom span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
bottom:0px;
border: solid 1px #cbb686;
visibility: hidden;
z-index:60;
}


.product_bottom:hover span{ 
visibility: visible;
bottom: 15px;
left: -87px; 
}


.product_bottom span img{
border: solid 1px #cbb686;
padding: 0px;
margin:0px;
}


.product_bottom span .images{ //---jako tabelka
padding: 0px;
margin:3px 0px;
border: solid 1px #cbb686;
}


.product_bottom span table{
padding: 0px;
margin:0px;
cellpadding:0px;
cellspacing:2px;
}