﻿
/* ------------------------- odkaz košík v hlavičce ------------------------*/

.odkazKosikHlava
{
	background-image: url(Images/bckOdkazKosikHlavaOff.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 6px 0px 7px 28px;
}
.odkazKosikHlava:hover { background-image: url(Images/bckOdkazKosikHlavaOn.gif); }

.divKosikHlavaText
{
	font-size: 11px;
	line-height: 14px;
	padding-top: 8px;
}

/* ------------------------- pravý sloupec novinka ----------------------- */

.divNovinka
{
	text-align: center;
	padding-bottom: 16px;
	float: none;
}

.divNovinka .hFoto
{
	display:block;
	background-color: #ffffff;
	border: solid 1px #D5D3CE;
	margin-bottom: 4px;
}

/* ------------------------- katalog výrobků ----------------------- */

.divKatalog, .divKatalog-akce, .divKatalog-novinka,.divKatalog-doporucujeme
{
	margin-top: -10px;
	float: left;
	width: 165px;
	padding: 0px 5px 0px 5px;
	height: 240px;
}
.divKatalog .divRamH, .divKatalog-akce .divRamH, .divKatalog-novinka .divRamH, .divKatalog-doporucujeme .divRamH
{ background-image: url(Images/katalogRamH.gif); }
.divKatalog .divRamLH, .divKatalog-akce .divRamLH, .divKatalog-novinka .divRamLH, .divKatalog-doporucujeme .divRamLH
{ background-image: url(Images/katalogRamLH.gif);}
.divKatalog .divRamPH, .divKatalog-akce .divRamPH, .divKatalog-novinka .divRamPH, .divKatalog-doporucujeme .divRamPH
{ background-image: url(Images/katalogRamPH.gif);}

.divKatalogObsah
{
	border: solid 1px #d2d2d2;
	padding: 8px;
}

.divKatalogHlava
{ 
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	padding: 0px 8px 4px 8px;
	background-color: #f0efeb;
}
.divKatalogPata
{ 
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	padding: 4px 8px 0px 8px;
	background-color: #f0efeb;
	text-align: right;
}
.divKatalogPata .cena { color: #3b9b39; font-weight:bold;}

.divKatalog .divRamD { background-image: url(Images/katalogRamD.gif);}
.divKatalog .divRamLD { background-image: url(Images/katalogRamLD.gif);}
.divKatalog .divRamPD { background-image: url(Images/katalogRamPD.gif);}

/*--- cena akce ---*/
.divKatalog-akce .divKatalogPata
{ 
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	padding: 4px 8px 0px 8px;
	background-color: #f7ffc3;
	text-align: right;
	color: #74786b;
}
.divKatalog-akce .cena { color: #ff0000;  font-weight:bold; }

.divKatalog-akce .divRamD { background-image: url(Images/katalogRamD-akce.gif);}
.divKatalog-akce .divRamLD { background-image: url(Images/katalogRamLD-akce.gif);}
.divKatalog-akce .divRamPD { background-image: url(Images/katalogRamPD-akce.gif);}

/*--- cena novinka ---*/
.divKatalog-novinka .divKatalogPata
{ 
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	padding: 4px 8px 0px 8px;
	background-color: #f8eac4;
	text-align: right;
	background-image: url(Images/bckKatalogNovinka.gif);
	background-position: 6px 22px;
	background-repeat: no-repeat;
}
.divKatalog-novinka .cena { color: #ff5500;  font-weight:bold; }

.divKatalog-novinka .divRamD { background-image: url(Images/katalogRamD-novinka.gif);}
.divKatalog-novinka .divRamLD { background-image: url(Images/katalogRamLD-novinka.gif);}
.divKatalog-novinka .divRamPD { background-image: url(Images/katalogRamPD-novinka.gif);}

/*--- cena doporučujeme ---*/
.divKatalog-doporucujeme .divKatalogPata
{ 
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	padding: 4px 8px 0px 8px;
	background-color: #cde5cd;
	text-align: right;
	background-image: url(Images/bckKatalogDoporucujeme.gif);
	background-position: 6px 4px;
	background-repeat: no-repeat;
}
.divKatalog-doporucujeme .cena { color: #3b9b3a;  font-weight:bold; }

.divKatalog-doporucujeme .divRamD { background-image: url(Images/katalogRamD-doporucujeme.gif);}
.divKatalog-doporucujeme .divRamLD { background-image: url(Images/katalogRamLD-doporucujeme.gif);}
.divKatalog-doporucujeme .divRamPD { background-image: url(Images/katalogRamPD-doporucujeme.gif);}


.divKatalogObrazek
{
	height: 100px;
	text-align:center;
}
.divKatalogObrazek img
{
	width: 140px;
	height: 95px;
}
.divKatalogPopis
{
	height: 30px;
}

/*------------------- div stránkování ----------------------*/
.divStrankovani
{
	margin: 4px 4px 0px 4px;
	border-top: solid 1px #f0efeb;
	border-bottom: solid 1px #f0efeb;
	text-align:right;
	font-size: 11px;
	clear:both;
	width: 500px;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
}

.divStrankovani select
{
	font-size: 11px;
	width: 40px;
	margin-right: 4px;
	vertical-align: middle;
}

.divStrankovani .linkPredchozi
{
	padding: 0px 7px 0px 7px;
	background-image: url(Images/bckLinkPredchoziOff.gif);
	background-position: left 4px;
	background-repeat: no-repeat;	
}
.divStrankovani .linkPredchoziDisable
{
	padding: 0px 7px 0px 7px;
	background-image: url(Images/bckLinkPredchoziDisable.gif);
	background-position: left 4px;
	background-repeat: no-repeat;	
	color: #aca899;
}
.divStrankovani .linkDalsi
{
	padding: 0px 7px 0px 7px;
	background-image: url(Images/bckLinkDalsiOff.gif);
	background-position: right 4px;
	background-repeat: no-repeat;
}
.divStrankovani .linkDalsiDisable
{
	padding: 0px 7px 0px 7px;
	background-image: url(Images/bckLinkDalsiDisable.gif);
	background-position: right 4px;
	background-repeat: no-repeat;
	color: #aca899;
}

.divStrankovani .linkPredchozi:hover { background-image: url(Images/bckLinkPredchoziOn.gif); }
.divStrankovani .linkDalsi:hover { background-image: url(Images/bckLinkDalsiOn.gif); }



/* ------------------------- detail výrobku ----------------------- */

.divDetail 
{
	margin-top: -5px;
	padding: 0px 4px 0px 4px;
	width: 520px;
}
.divDetail .divRamH { background-image: url(Images/katalogRamH.gif); }
.divDetail .divRamLH { background-image: url(Images/katalogRamLH.gif);}
.divDetail .divRamPH { background-image: url(Images/katalogRamPH.gif);}
.divDetailObsah
{
	border: solid 1px #d2d2d2;
	padding: 8px;
}

.divDetailHlava
{ 
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	padding: 0px 8px 4px 8px;
	background-color: #f0efeb;
}

.divDetail .divRamD { background-image: url(Images/katalogRamD.gif);}
.divDetail .divRamLD { background-image: url(Images/katalogRamLD.gif);}
.divDetail .divRamPD { background-image: url(Images/katalogRamPD.gif);}

.divDetailUvodniText
{
	font-weight: bold;
	color: #3b9b39;
	margin-bottom: 8px;
}

.divDetailPopis
{
	margin-bottom: 8px;
}

.divImgDetail
{
	float: left;
	padding: 0px 16px 0px 0px;
	background-image: url(Images/bckZvetsitObrazek.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* --- detail výrobku - tabulka vlastnosti --- */

.tblDetailVlastnosti
{
	margin-top: 10px;
}

.tblDetailVlastnosti td
{
	padding: 1px 0px 1px 8px;
}

.tblDetailVlastnosti .tdNazev
{
	text-align: right;
	color: #517e4e;
}

/* --- detail výrobku - tabulka ceník --- */
.tblDetailCenik
{
	width: 100%;
	font-size: 11px;
	margin-top: 20px;
	clear:both
}

.tblDetailCenik th
{
	background-color: #f0efeb;
	border-right: solid 1px #ffffff;
}

.tblDetailCenik td
{
	border-left: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}

.tblDetailCenik td, .tblDetailCenik th
{
	padding: 5px 8px 5px 8px;
	text-align: right;
	white-space: nowrap;
}

.tblDetailCenik .tdDetailCenikPrvni
{
	text-align: left;
	width: 100%;
	border-left: none;
}

.tblDetailCenik input
{
	font-size: 11px;
	line-height: 13px;
	width:20px;
	height: 13px;
	text-align: center;
	padding: 0px;
}

.tblDetailCenik .tdDetailObjednat
{
	background-image: url(Images/bckPridatDoKosiku.gif);
	background-position: right 1px;
	background-repeat: no-repeat;
	padding-right: 28px;
}

.tblDetailCenik th.tdDetailObjednat
{
	background-image: none;
}

.tblDetailCenik .tdNazev
{
	text-align: right;
	color: #517e4e;
	white-space:normal;
}

/* --------- Fotogalerie -------- */

.divDetailPata
{ 
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	padding: 6px 16px 0px 16px;
	background-color: #f0efeb;
}

.detailFotogaleriePopis
{
	padding-top: 2px;
	font-size:11px;
	font-style:italic;
}

.detailFotogalerieNahled 
{
	cursor: pointer;
	border:solid 1px #cacdd3;
	vertical-align: top;
}
.divImgDetail .detailFotogalerieNahled
{
	border: none;
	padding-bottom: 18px;
	display:block;
}

.detailFotogaleriePopup
 {
	cursor: pointer;
	display:block;
	height:auto;
	width:100%;
	overflow:visible;
	text-align:center;
	vertical-align:middle;
}

.detailFotogaleriePopup img
{ 
	display: block;
	margin: 0px auto 0px auto;
}

.detailFotogaleriePageBackground
{
	background-color: #ffffff;
	filter: alpha(opacity=70);
	opacity:0.7;
}

/* ------------------------- kontakt ----------------------- */

.divKontakt
{
	width: 490px;
	background-image: url(Images/bckKontakt.jpg);
	background-position: right 1px;
	background-repeat: no-repeat;
}

/* ------------------------- nákupní košík ----------------------- */

.divNakupniKosik { width: 520px; }

.divNakupniKosik .divKatalogObsah { padding: 0px; border-top: none; }

.tblKosikSeznam
{
	width: 100%;
	font-size: 11px;
	line-height: 14px;
}

.tblKosikSeznam td, .tblKosikSeznam th
{
	padding: 4px 6px 4px 6px;
	text-align: right;
	white-space:nowrap;
}

.tblKosikSeznam th
{
	background-color: #f0efeb;
	border-right: solid 1px #ffffff;
}

.tblKosikSeznam td
{
	border-left: solid 1px #d2d2d2;
	border-top: solid 1px #d2d2d2;
}

.tblKosikSeznam .tdPrvniSloupec
{
	text-align: left;
	border-left: none;
	white-space: normal;
	width: 100%;	
}

.tblKosikSeznam th.tdDetailObjednat
{
	border-right: solid 1px #d2d2d2;
	background-image: none;
}

.tblKosikSeznam input
{
	font-size: 11px;
	line-height: 13px;
	width:20px;
	height: 13px;
	text-align: center;
	padding: 0px;
}

.tblKosikSeznam .tdCenaCelkem
{
	text-align: left;
	border-left: none;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #f7f7f5;
	padding: 8px 6px 8px 6px;
}

.tblKosikSeznam .tdCenaSoucet
{
	background-color: #f7f7f5;
	font-weight:bold;
	padding: 8px 6px 8px 6px;
}

.kosikLinkZpet
{
	background-image: url(Images/bckLinkZpetOff.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding: 2px 0px 1px 15px;
}
.kosikLinkZpet:hover { background-image: url(Images/bckLinkZpetOn.gif); }

.kosikLinkVpred
{
	background-image: url(Images/bckLinkVpredOff.gif);
	background-position: right 4px;
	background-repeat: no-repeat;
	padding: 2px 15px 1px 0px;
}
.kosikLinkVpred:hover { background-image: url(Images/bckLinkVpredOn.gif); }

/* ------------------------- tabulka objednávkový formulář ----------------------- */

.tblFormObjednavka { margin: 16px 0px 8px 0px; }

.tblFormObjednavka .tdPrvni
{
	text-align: right;
	padding-top: 4px;
}

.tblFormObjednavka td
{
	vertical-align: top;
	padding: 2px 0px 2px 8px;
	font-size: 11px;
	line-height: 15px;
}

/* ------------------------- Obchodní podmínky ----------------------- */

.divPodminky { margin: 8px 8px 2px 8px; }

.divPodminky h3
{
	font-weight: bold;
	padding: 4px 0px 2px 0px;
	color: #919891;
}
.tblPodminky { margin-bottom:8px; }
.tblPodminky td
{
	vertical-align: top;
	padding-right: 8px;
}

.divNakupniKosik .inputRadio td
{
	border-top: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
	padding: 2px 20px 2px 0px;
	margin: 0px;
	white-space:nowrap;
}

.divNakupniKosik .inputRadio input
{
	padding: 0px;
	vertical-align:middle;
}

.divNakupniKosik .inputRadio label
{
	font-size: 11px;
	padding-left: 3px;
	vertical-align:middle;
}

/* ------------------------- Speciální nabídka na home ----------------------- */

.divSpecnab { margin:8px 8px 24px 8px; }

.divSpecnab div
{
	border-bottom: solid 1px #d2d2d2;
	padding: 6px 0px 7px 0px;
}

.divSpecnab h5 { color: #ff5500;}

.divSpecnab .divIkona1
{
	background-image: url(Images/ikonaSpecnab1.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.divSpecnab .divIkona2
{
	background-image: url(Images/ikonaSpecnab2.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.divSpecnab .divIkona3
{
	background-image: url(Images/ikonaSpecnab3.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.divSpecnab .divIkona4
{
	background-image: url(Images/ikonaSpecnab4.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.divSpecnab .divIkona5
{
	background-image: url(Images/ikonaSpecnab5.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

/* ------------------------- užitečné odkazy ----------------------- */

.divUzitecneOdkazy { margin-top: 10px; }

.divUzitecneOdkazy a
{
	background-image: url(Images/bckLinkUzitecneOdkazy.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.divUzitecneOdkazy h3
{
	padding-left: 10px;
}

/* ------------------------- home upozonění ----------------------- */

.divHomeUpozorneni
{
	margin: 0px 8px 0px 8px;
	padding: 4px 0px 0px 33px;
	background-image: url(Images/bckUpozorneni.gif);
	background-position: left 8px;
	background-repeat: no-repeat;
	border-top: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}

.divHomeUpozorneniProdejna
{
	margin: 8px 0px 0px 0px;
	padding: 6px 0px 6px 33px;
	background-image: url(Images/bckIkonaDomek.gif);
	background-position: left 8px;
	background-repeat: no-repeat;
	border-top: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}

/* ------------------------- Nákup na splátky - Home Credit ----------------------- */

.divHomeCredit
{
	padding: 4px 20px 20px 24px;
}

.divHomeCredit h3
{
	font-size: 15px;
	padding: 18px 0px 6px 0px;
}

.HomeCreditCislo
{
	padding: 3px 8px 0px 0px;
	float: left;
}

.tblHomeCredit
{
	border-left: solid 1px #c0c1c0;
	border-top: solid 1px #c0c1c0;
	width: 100%;
}

.tblHomeCredit td, .tblHomeCredit th
{
	text-align: left;
	padding: 4px 8px 4px 8px;
	width: 33%;
	border-right: solid 1px #c0c1c0;
	border-bottom: solid 1px #c0c1c0;
	vertical-align: top;
}

.tblHomeCredit th
{
	background-color: #f0efeb;
}

.pHomeCreditRamecek
{
	padding: 4px 8px 4px 8px;
	border: solid 1px #d2d2d2;
	line-height: 18px;
	background-color: #ffffff;
	margin-bottom: 0px;
}

.divHomeCreditPoznamka
{
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	padding-bottom: 4px;
}

h4.homeCredit
{
	margin: 12px 0px -2px 12px;
	font-size: 13px;
	color: #fe0000;
}

