.pieza {
    display:block;
    cursor:pointer; 
    border:1px solid grey; 
    padding: 2px 2px 2px 2px; 
    background-color:lightgrey;
}

.pieza:hover {
    box-shadow: 3px 3px darkgrey;
    border: 2px solid grey;
    padding: 1px 1px 1px 1px; 
    /*font-weight: bold;*/
}

.piezaHover {
    box-shadow: 3px 3px darkgrey;
    border: 2px solid grey;
    padding: 1px 1px 1px 1px; 
    /*font-weight: bold;*/
}

.table-center td, .table-center th {
    text-align: center;
}

.marca-1 {background:#5A6986;color:#dee5f2;}
.marca-2 {background:#206CFF;color:#E0ECFF;}
.marca-3 {background:#0000CC;color:#DFE2FF;}
.marca-4 {background:#5229A3;color:#E0D5F9;}
.marca-5 {background:#854F61;color:#FDE9F4;}
.marca-6 {background:#CC0000;color:#FFE3E3;}
.marca-7 {background:#EC7000;color:#FFF0E1;}
.marca-8 {background:#B36D00;color:#FADCB3;}
.marca-9 {background:#AB8B00;color:#F3E7B3;}
.marca-10 {background:#636330;color:#FFFFD4;}
.marca-11 {background:#64992C;color:#F9FFEF;}
.marca-12 {background:#006633;color:#F1F5EC;}
.marca-13 {background:#E5C300;color:#232323;}
.marca-14 {background:#B200A0;color:#F1F5EC;}

div.coinCardRev {
    position:relative;
    width:85.60mm; 
    height:53.98mm; 
    border:2px solid black; 
    border-radius:5px; 
    padding:0px;
    background-repeat:round; 
}

div.coinInCardRev {
    position:absolute; 
    border-radius: 50%;
    border:2px solid black; 
    width: 26mm;
    height: 26mm; 
    align-self: center;
    top:10mm;
    left:15mm;
    background-repeat:round; 
}

div.coinCardRevTop {
    position: absolute;
    width:49%;
    top:0cm;
    left:0cm;
    color:bisque;
    text-align:left;
    font-size: 16px;
    font-weight:bold;
    text-align:center;
}

div.coinCardRevRight {
    position: absolute;
    background: linear-gradient(to right, navy, black);
    width:51%;
    height: 100%;
    top:0cm;
    right:0cm;
    color:bisque;
    font-size:6px;
    text-align:middle;
    padding-top:2px;
    padding-left: 2px;
}

img.coinCardFlag {
    position: absolute;
    max-width:4cm; 
    max-height:1.75cm; 
    border: 3px solid black;
    bottom:0cm;
    left:0cm;
}

div.coinCardAnv {
    position:relative;
    width:85.60mm; 
    height:53.98mm; 
    border:2px solid black; 
    border-radius:5px; 
    padding:0px;
    background-repeat:round; 
    filter:brightness(100%);			
}

div.coinInCardAnv {
    position:absolute; 
    border-radius: 50%;
    border:2px solid black; 
    width: 26mm;
    height: 26mm; 
    align-self: center;
    top:10mm;
    right:15mm;
    background-repeat:round; 			
}

div.coinCardAnvHead {
    position: absolute;
    background: linear-gradient(to right, rgb(247, 187, 151), rgb(221, 94, 137));
    width:100%;
    top:0cm;
    left:0cm;
    text-align:center;
}

div.coinCardAnvFoot {
    position: absolute;
    background: linear-gradient(to right, rgb(247, 187, 151), rgb(221, 94, 137));
    width:100%;
    bottom:0cm;
    left:0cm;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
}