/*
 *  CSS - styly jednotlivych stranek
 *  Copyrighted by Michal Madleňák, www.LTweb.cz  
 */
 
 /* toplist ------------------------------------------------------------------*/
.toplist, .toplist img {
  background: none;
  border: none;
 }
 
 /* nadpisy ------------------------------------------------------------------*/
.nadpis-center {
  background: url(../img/content/nadpis/nabidka-center.jpg) repeat-y left;
  width: 657px;
  color: #ffffff;
  margin-bottom: 2px;
  margin-top: 2px;
}
.nadpis-top {
  width: 657px;
  background: url(../img/content/nadpis/nadpis-top.jpg) no-repeat top left;
}
.nadpis-bottom {
  width: 657px;
  background: url(../img/content/nadpis/nadpis-bottom.jpg) no-repeat bottom left;
  padding-bottom: 5px;
}
.znak {
  width: 657px;
  background: url(../img/content/nadpis/znak.jpg) no-repeat right top;
  padding-top: 12px;
  padding-bottom: 5px;
}

/* novinka -------------------------------------------------------------------*/
.novinka {
  border-collapse: collapse;
  width: 652px;
  color: #ffffff;
}
.novinka tr {
  background: #01abe9 url(../img/content/novinka.jpg) no-repeat left;
}
.novinka tr td {
  height: 60px;
  padding: 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.novinka .popis {
  padding-left: 10px;
  padding-right: 10px;
}
.novinka .popis h3 {
  padding: 0;
  margin: 0;
  font-size: 1em;
}
.novinka .popis .text {
  font-size: 0.85em;
}
.novinka a {
  color: #ffffff;
}
.novinka a:hover, .novinka a:active {
  color: #000000;
  text-decoration: underline;
}
.novinka .image {
  width: 80px;
  text-align: center;
  padding: 0 0 0 10px;
}
.novinka .image img {
  display: block;
  padding: 0;
  margin: 0;
}

/* nabidka podrobne ----------------------------------------------------------*/
.products {
  width: 652px;
}
.products .hlavnitd {
  background: #0478b3 url(../img/content/nabidka.jpg) no-repeat;
  width: 324px;
  margin: 0;
  padding: 0;
  height: 185px;
  vertical-align: top;
}
.products .hlavnitd .product-detail {
  border-collapse: collapse;
}
.products .hlavnitd .header-nazev h2 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-size: 1.1em;
  width: 300px;
  display: block;
  padding: 9px 0 5px 10px;
}
.products td {
  padding: 0;
  margin: 0;
}
.products .hlavnitd .header-nazev h2 a {
  color: #ffffff;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
.products .hlavnitd .header-nazev h2 a:hover, .products .hlavnitd .header-nazev h2 a:active {
  text-decoration: underline;
  color: #dedede;
}
.products .obrazek {
  padding-left: 10px;
  vertical-align: top;
}
.products .buttonbuy {
  background: url(../img/content/do-kosiku.jpg) no-repeat left;
  width: 120px;
  height: 30px;
  color: #ffffff;
  border: none;
  padding-left: 30px;
  font-size: 0.85em;
  margin-left: 10px;
}
.products .podrobnosti-info {
  vertical-align: top;
  padding-top: 8px;
}
.products .cena {
  color: #ffffff;
  padding-top: 5px;
}
.products .cena p {
  padding: 0;
  margin: 0;
  padding-right: 10px;
}
.products .cena a {
  color: #ffffff;
  padding-left: 10px;
  font-size: 1.3em;
}
.products .cena a:hover strong, .products .cena a:active strong, .products .cena a:hover,
.products .cena a:active {
  color: #000000;
}
.products .info {
  color: #ffffff;
  font-size: 0.85em;
  text-align: left;
  vertical-align: top;
  padding-left: 5px;
  width: 200px;
  padding-right: 10px;
}
.products .info a {
  color: #ffffff;
}
.products .info a:hover, .products .info a:active {
  color: #000000;
}

/* registrace ----------------------------------------------------------------*/
.link {
  font-size: 0.85em;
  text-align: right;
}
#registrace ul {
  font-size: 0.85em;
}
#registrace h3 {
  font-size: 1em;
}
.ul-link {
  font-size: 0.85em;
}
.formular .nadpis-bottom {
  padding-bottom: 20px;
}
.prihlasovaci-udaje label {
  display: block;
  padding-top: 5px;
}
.format {
  width: 247px;
  font-size: 0.85em;
}
.povinne {
  background: #f0f678;
  color: #000000;
  font-size: 0.85em;
  width: 250px;
  border: 1px solid #444444;
}
.table-konec {
  width: 510px;
}
.table-konec .nazev {
 width: 140px;
}
.table-form-firma {
  width: 445px;
}
.table-form-firma .nazev {
  width: 110px;
}

/* staticke texty ------------------------------------------------------------*/
.content-stred {
  background: #0478b3 url(../img/content/cotent-center.jpg) repeat-y top;
  width: 652px;
  margin-top: 3px;
  color: #ffffff;
}
.content-top {
  background: url(../img/content/content-top.jpg) no-repeat top;
  padding-top: 5px;
}
.content-bottom {
  background: url(../img/content/content-bottom.jpg) no-repeat bottom;
  padding-bottom: 5px;
}
.content-stred a {
  color: #ffffff;
}
.content-stred a:hover, .content-stred a:active {
  color: #56deff;
}
.content-stred .znaky-ul {
  list-style-type: lower-alpha;
  font-size: 0.9em;
  text-align: justify;
  padding-right: 20px;
}
.content-stred .znaky-ul li {
  padding-bottom: 5px;
}
.content-stred h1 {
  display: block;
  margin: 0;
  padding: 0;
  margin: 15px 0 5px 3px;
}
.content-stred h1 span {
  padding: 25px;
  padding-top: 7px;
  padding-bottom: 7px;
  background: #01a6e5 url(../img/content/nadpis/h1.jpg) no-repeat right;
  height: 38px;
}
.content-stred h2 {
  display: block;
  margin: 0;
  padding: 0;
  margin: 15px 0 15px 3px;
  font-size: 1.2em;
}
.content-stred h2 span {
  padding: 25px;
  padding-top: 9px;
  padding-bottom: 9px;
  background: #01a6e5 url(../img/content/nadpis/h1.jpg) no-repeat right;
  height: 38px;
}

/* cesta----------------------------------------------------------------------*/
.cesta {
  color: #ffffff;
  padding-left: 20px;
}
.cesta a {
  color: #ffffff;
}
.cesta a:hover, .cesta a:active {
  color: #52dffd;
}
.razeni table {
  margin-right: 15px;
}
.razeni .format {
  width: 100px;
}
.razeni .producers {
  padding-right: 15px;
}
.razeni .ok-tlacitko {
  margin-left: 5px;
}
/* strankovani ---------------------------------------------------------------*/
.pozadi-strankovani {
  margin-top: 5px;
  width: 80%;
  margin-left: 20px;
  text-align: left;
}
.pozadi-strankovani .strankovani a {
  color: #ffffff;
  text-decoration: none;
  padding: 0 3px;
}
.pozadi-strankovani .strankovani .values {
  font-size: 1em;
  margin-left: 10px;
  margin-right: 10px;
}
.pozadi-strankovani .strankovani {
  display: block;
  padding-top: 7px;
}
.pozadi-strankovani .strankovani .disabled-arr {
  color: #565656;
  padding: 0 3px;
}
.pozadi-strankovani .strankovani .active {
  font-weight: bold;
  padding: 0 5px;  
  color: #565656;
}
.pozadi-strankovani .strankovani .disabled {
  display: none;
}
.pozadi-strankovani .strankovani a:hover, .pozadi-strankovani .strankovani a:active {
  color: #15aee8;
}
.znak-strankovani {
  padding-bottom: 15px;
}

/* detail zbozi --------------------------------------------------------------*/
.nahrazdka-h1 {
  font-size: 1.4em;
  font-weight: bolder;
  padding-left: 20px;
  display: block;
  padding-bottom: 5px;
}
.nadpis-detail {
  font-size: 1.2em;
}
.tipy-layout {
  margin-left: 0;
  width: 630px;
  border-collapse: collapse;
}
.produkt-layout { 
  margin-top: 10px;
  width: 648px;
  border-collapse: collapse;
}
.produkt-layout .popis {
  margin-left: 0;
  padding: 0;
  padding-left: 20px;
  padding-bottom: 10px;
  text-align: left;
}
.produkt-layout .table-ceny {
  margin-left: 0;
  margin-bottom: 10px;
  font-size: 0.9em;
}
.produkt-layout .table-ceny .hodnota {
  padding-left: 10px;
}
.color-price {font-size: 1.1em; font-weight: bolder;}
.dalsi-popis-table .popis {
  width: 600px;
}
.produkt-layout .pridat {
  margin-left: 1px;
  background: url(../img/content/koupit-mirror.jpg) no-repeat left;
  width: 151px;
  padding-left: 15px;
  height: 30px;
  padding-top: 8px;
  margin-bottom: 10px;
  float: right;
}
.produkt-layout .h2-right {
  display: block;
  margin: 0;
  padding: 0;
  margin: 15px 0 15px 0;
  font-size: 1.2em;
}
.produkt-layout .h2-right span {
  width: 200px;
  display: block;
  padding: 8px 0 0 18px;
  background: #01a6e5 url(../img/content/nadpis/h1-mirror.jpg) no-repeat left;
  height: 27px;
}
.produkt-layout .pridat .pocet-kusu {
  width: 20px;
}
.produkt-layout .info {
  width: 430px;
}
.produkt-layout .images {
  width: 218px;
}
.produkt-layout .pridat .ok-tlacitko {
  padding: 0;
  margin: 0;
  display: block;
  float: right;
  padding-right: 10px;
  margin-top: -3px;
}
.fotogalerie-odkaz {
  display: block;
  text-align: center;
}
#fotogalerie1 table {
  width: 620px;
}
#fotogalerie1 table img {
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 5px;
}
.popis-dalsi {
  padding-left: 20px;
  font-size: 1.1em;
}

/* obchodní podmínky ---------------------------------------------------------*/
.orientacni-cenik {
  width: 600px;
  font-size: 0.85em;
  border-collapse: collapse;
  border: 1px solid #ffffff;
}
.orientacni-cenik td {
  border: 1px solid #ffffff;
  padding: 2px 5px;
}

/* zapomenute heslo ----------------------------------------------------------*/
.table-zapomenute-heslo {
  width: 100%;
}
.table-zapomenute-heslo .nazev {
  width: 200px;
}
.table-zapomenute-heslo .nazev label {
  display: block;
  padding-top: 3px;
}
.table-zapomenute-heslo .text-velikost {
  width: 250px;
}

/* kosik ---------------------------------------------------------------------*/
.table-list {
  width: 600px;
  border-collapse: collapse;
  border: 1px solid #ffffff;
  margin-bottom: 10px;
}
.table-list td {
  padding: 2px 5px;
}
.col1 {
  background: #03699d;
}
.col2 {
  background: #0481c1;
}
.table-list thead td {
  background: #242425;
}
.table-list .mnozstvi {
  width: 100px;
}
.table-list .mnozstvi .format {
  width: 58px;
  margin-bottom: 5px;
}

/* pokladna-1 ----------------------------------------------------------------*/
.table-deliverers .radio {
  width: 10px;
}
.table-deliverers .text-case1 {
  width: 500px;
}
.table-deliverers .text-case {
  width: 450px;
}
.table-deliverers .pay-price {
  width: 50px;
}
.table-deliverers tr.disabled td {
  color: #aaaaaa;
}

/* pokladna-2 ----------------------------------------------------------------*/
.table-list-div {
  margin-top: 20px;
}
.table-list-div label {
  width: 80px;
}

.vyska-neprihlaseny-uzivatel {
  height: 740px;
}
.hidden {
  display: none;
}
.show {
  display: block;
}

.checkbox {
  font-weight: bolder;
  margin: 5px 0 5px 20px;
  font-size: 0.85em;
}
.table-firma {
  margin-left: 120px;
}
.vyska-neprihlaseny-uzivatel .format-normal {
  font-size: 0.85em;
}
.vyska-neprihlaseny-uzivatel .format-small1 {
  width: 80px;
}

/* objednavky ----------------------------------------------------------------*/
.table-list .stav1, .table-sum .stav1 {color: #cd7e87; font-size: 1em; font-weight: bolder;} /* nevyrizeno */
.table-list .stav2, .table-sum .stav2 {color: #969b96; font-size: 1em; font-weight: bolder;} /* storno */
.table-list .stav3, .table-sum .stav3 {color: #04df3d; font-size: 1em; font-weight: bolder;} /* vyrizeno */

/* objednavka-----------------------------------------------------------------*/
.table-sum .polozka {
  padding-right: 10px;
}

/* dodaci-podminky -----------------------------------------------------------*/
.dodaci-podminky {
  border: 1px solid #ffffff;
  width: 600px;
  border-collapse: collapse;
}
.dodaci-podminky .cena {
  width: 110px;
}
.dodaci-podminky td {
  border: 1px solid #ffffff;
  padding: 5px;
}

/* vyrobci -------------------------------------------------------------------*/
#vyrobci {
  width: 630px;
  margin-top: 10px;
  border: 1px solid #ffffff;
  border-collapse: collapse;
}
#vyrobci h2 {
  padding: 0;
  margin: 0;
  padding: 4px 5px 3px 0;
}
#vyrobci td {
  border: 1px solid #ffffff;
  padding-left: 15px;
}
#vyrobci ul {
  font-size: 0.85em;
}
.font-small {
  width: 100px;
}
.malinke-pismo {
  font-size: 0.85em;
}

/* kontakt -------------------------------------------------------------------*/
.provozni-doba {
  margin-left: 20px;
}
.provozni-doba .den {
  padding-right: 10px;
  font-weight: bolder;
}

/* doprava -------------------------------------------------------------------*/
.table-doprava table {
  width: 100%;
}
.table-doprava table p {padding-left: 0;}
.table-doprava table ul {margin-left: 18px; padding-left: 0;}
.table-doprava table h3 {padding-left: 0;}

/* cena-pozadi ---------------------------------------------------------------*/
.cena-pozadi {
  padding: 0;
  margin: 0;
  width: 100px;
  height: 100px;
  position: absolute;
  font-weight: bolder;
  font-family: tahoma;
  margin-left: -107px;
}
.cena-pozadi img {
  background: none;
  border: none;
  position: absolute;	
}

.pozadi-akce {
  padding: 0;
  margin: 0;
  width: 200px;
  height: 200px;
  position: absolute;
  font-weight: bolder;
  font-family: tahoma;
  margin-left: -207px;
}
.pozadi-akce img {
  background: none;
  border: none;
  position: absolute;	
}

.jak-nakupovat img {
  margin: 0 auto;
}

/* detail zbozi new --------------------------------------------------------- */
.box-right-detail {
	width: 218px;		
	/*margin-right: 4px;*/
	margin-bottom: 10px;
	padding-left: 8px;
	margin-right: -15px;

}
.box-right-detail .h2-right {
  display: block;
  margin: 0;
  padding: 0;
  margin: 15px 0 15px 0;
  font-size: 1.2em;
}
.box-right-detail .h2-right span {
  width: 200px;
  display: block;
  padding: 8px 0 0 18px;
  background: #01a6e5 url(../img/content/nadpis/h1-mirror.jpg) no-repeat left;
  height: 27px;
}
.box-right-detail .pridat .pocet-kusu {
  width: 20px;
}
.box-right-detail .table-ceny {
  margin-left: 0;
  margin-bottom: 10px;
  font-size: 0.9em;
}
.box-right-detail .table-ceny .hodnota {
  padding-left: 10px;
}
.box-right-detail .pridat {
  margin-left: 1px;
  background: url(../img/content/koupit-mirror.jpg) no-repeat left;
  width: 151px;
  padding-left: 15px;
  height: 30px;
  padding-top: 8px;
  margin-bottom: 10px;
  float: right;
}
.box-right-detail .pridat .ok-tlacitko {
  padding: 0;
  margin: 0;
  display: block;
  float: right;
  padding-right: 10px;
  margin-top: -3px;
}
.box-detail-product {
	padding: 10px 20px 0 20px;
	text-align: justify;
	margin-bottom: 6px;
}
.box-detail-product .odrazky ul {
	margin: 0 0 0 20px;
	padding: 0;
}
.box-detail-product .popis-dalsi {
	display: block;
	margin: 0;
	padding: 15px 0 0 0;
}