/** Katalog boxes  */
.table{ display: table;   border-collapse: collapse; }
.tr{  display: table-row; }
.tdUp{ display: table-cell; width: 275px; overflow: hidden;}
.tdDn{ display: table-cell; width: 33%;}
.tdUp div{
    background-image: url(images/bg_katalog_box.png); background-repeat: repeat-x; margin: 4px 4px 0 4px;  padding: 10px 10px 0 10px; border-top: 1px solid #C4C4C4; border-left: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; margin-bottom: -500px; padding-bottom: 500px; overflow: hidden;
   -moz-border-radius: 5px;    -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    border-radius: 5px;
}

.tdUp div h2{ font-size: 16px; line-height: 16px;  margin: 0; }
.tdUp A{ color: #162D5A; text-decoration: none; }
.tdUp A:hover{ color: #0066FF; text-decoration: underline; }
.tdUp p{ font-size: 11px; line-height: 12px; margin: 10px 0 0 0; }
p.price{ display: block; border: none; height: 50px; font-size: 10px; font-weight: bold; text-align: left; line-height: 165%; white-space: nowrap; }
b.cena-big{ display: block;  font-size: 21px;  color: #FF0000; white-space: nowrap;}
b span{ display: block; display: inline; background: url(./images/bg-price-skrt.png); background-position: center; background-repeat: no-repeat; }
A.buttonKoupit{ display: block;  background: url(./images/but_buy.png) no-repeat; width:100px; height:35px; margin:10px 0 0 0; text-decoration:none;}
A.buttonKoupit span{ display: block;
    padding: 9px 0 0 35px;
    font-size:12px;
    width: 80px;
    font-weight:bold;
    color: #000000; }
.tdDn .picBox{
  border-left: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  text-align: center;
  margin: 0 4px 0 4px;  padding: 10px 10px 0 10px;
  /*border:1px solid red;*/
}


A.buttonOut{ display: block;  background: url(./images/but_out.png) no-repeat; width:100px; height:35px; margin:10px 0 0 0; text-decoration:none;}
A.buttonOut span{ display: block;
    padding: 9px 0 0 35px;
    font-size:10px;
    width: 80px;
    font-weight:bold;
    color: #949494; }



A.buttonKos{ display: block;  background: url(./images/but_kos.png) no-repeat; width:119px; height:35px; margin:10px 0 0 0; text-decoration:none;}
A.buttonKos span{ display: block;
    padding: 9px 0 0 5px;
    text-align: left;
    font-size:12px;
    width: 80px;
    font-weight:bold;
    color: #000000;
}


.shopMenu{
  float: left;
  width: 220px;
}
.shopMenu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.shopMenu ul A{
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#404040;
	font-family:arial;
	font-size:15px;
	padding:4px 5px;
    margin: 2px 0;
    width: 100%;
	text-decoration:none;
	text-shadow:0px 1px 4px #ffffff;
}
.shopMenu ul A:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.shopMenu ul A:active {
	position:relative;
	top:1px;
}


.shopContent{
 float: right;
 width: 700px;
}




.stav{
   clear:both;
   color: #858585;
   font-size: 11px;
   padding: 3px;

}


.tdDn img{ border: none; }
.tdDn .priceBox{ margin: 0 4px 4px 4px ;
        padding: 0 10px 10px 15px;
        border-bottom: 1px solid #C4C4C4;
        border-left: 1px solid #C4C4C4;
        border-right: 1px solid #C4C4C4;
        border-radius: 0 0 5px 5px;
        text-align: center;
         }

.priceBox p{
  margin: 0;
}

red{
  color: red;
}


.fright{
  float: right;
}

/** shop DETAIL
    */

.table{ display: table;}
.tr{  display: table-row;}
.td { display: table-cell;}
.top {  vertical-align: top;}


table.cena{
 width:400px;
 padding: 10px;
 border-collapse: collapse;
}
.cenaVyrazne{
  text-align: right;
  font-size: 20px;
  color: red;
  font-weight: bold;
}

table.cena td{
  margin: 0;
  padding: 3px 5px 3px 5px;
}
.right{
  text-align: right;
}


tr.vyrazne{
  background:#FFFFCC;
}

.popis{
  font-family: Verdana;
  font-size: 15px;

}



/** Shop tabulka    */
.productInfoTable{
  border: 1px solid #7A7A7A;
  border-collapse: collapse;
}
.productInfoTable thead{
    background-color: #006699;
    color: #FFFFFF;
}
.productInfoTable thead{
    background-color: #006699;
    color: #FFFFFF;
    text-align: center;
}
.productInfoTable tbody td{
    padding: 15px;
    border: 1px solid   #7A7A7A;
    text-align: center;
}