/*
 *  CSS - styly jednotlivych stranek
 *  Copyrighted by Michal Madleňák, www.LTweb.cz  
 */

/*Novinky --------------------------------------------------------------------*/
.novinka {
  margin: 0;
  margin-bottom: 2px;  
  width: 620px;
  font-size: 0.9em;z  
}
.novinka .popis {
  vertical-align: top;
}
.novinka h3 {
  padding: 0;
  text-align: left;
  display: block;
  width: 550px;
  margin: 2px 0;
  font-size: 1.1em;
  text-decoration: underline;
  text-transform: uppercase;
}
.novinka img {
  border-top: 2px solid #fe7e00;
  border-left: 2px solid #fe7e00;
  background: #ffffff;
}
.novinka td {
	padding-bottom: 10px;	
}
/*Produkt --------------------------------------------------------------------*/ 
.products {
  width: 100%;
  border-collapse: collapse;
}
.products td {
  vertical-align: top;
}
.products .hlavnitd {
  border: none;
  width: 208px;
  height: 194px;
}
.products .hlavnitd .nabidka {
  background: url(../img/content/nabidka.jpg) no-repeat;
  width: 206px;
  height: 194px;
  margin-right: 1px;
  margin-bottom: 5px;
}
.products .hlavnitd .nabidka table {
  width: 200px;
  margin-left: 5px;
  border-collapse: collapse;
}
.products .hlavnitd h2 {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  width: 100%;
  margin: 0 auto;
  font-size: 0.85em;
  padding-top: 5px;
  text-align: center;
}

.products .hlavnitd h2 a {
  color: #ffffff;
  text-decoration: none;
}
.products .hlavnitd h2 a:hover, .products .hlavnitd h2 a:active {
  color: #ea7818;
  text-decoration: underline;
}
.products .obrazek {
  text-align: center;
}
.products .obrazek img {
  margin-bottom: 5px;
}
.products .info {
  width: 200px;
  height: 30px;
  border: 1px solid #f5ddc7;
  background: #ced6dc; 
}
.products .info .f_left {
  width: 160px;
}
.products .info .f_left span {
  margin: 0;
  padding: 0;
  display: block;
  padding-top: 2px;
}
.products .info .puvodni-cena {
  font-size: 0.7em;
  display: block;
  color: #e56560;
  text-decoration: line-through;
  padding-left: 5px;
  width: 140px;
}
.products .info .rakai-cena {
  font-size: 0.85em;
  font-weight: bold;
  text-align: right;
  color: #000000
}
.products .info .rakai-cena a {
	color: #000000;	
}
.products .info .rakai-cena a:hover, .products .info .rakai-cena a.active {
	color: #ea7818;
}
.products .info .f_right .koupit-kosik {
  display: block;
  margin-top: 8px;
  margin-right: 5px;
}
/*uzivatel -------------------------------------------------------------------*/
.left-uzivatel {
  margin-top: 5px;
  margin-bottom: 5px;
}
/*prihlasit se ---------------------------------------------------------------*/
.prihlaseni {
  width: 600px;
  margin-top: 10px;
}
.prihlaseni .nazev {
  width: 200px;
  padding-right: 10px;
  text-align: right;
}
.prihlaseni .format {
  border: 1px solid #da6225;
  font-size: 0.85em;
  padding-left: 10px;
}
.prihlaseni .submit, .formular-registrace .submit, .submit {
  border: none;
  border-left: 4px solid #da6225;
  border-top: 4px solid #da6225;
  font-weight: bolder;
  padding: 2px 6px 2px 0;
  float: right;
  margin: 10px 0 0 0;

}
.submit-leva {
  border: none;
  border-left: 4px solid #da6225;
  border-top: 4px solid #da6225;
  font-weight: bolder;
  float: left;
  padding: 2px 6px 2px 0;
  background: none;
}

/*registrace -----------------------------------------------------------------*/
#registrace h3 {
  font-size: 1em;
  padding-left: 30px;
}
#registrace ul {
  padding-left: 50px;
}

.formular-registrace .table-form {
  width: 500px;
  font-size: 0.85em;
}
.formular-registrace h3 {
  border-top: 2px solid #da6225;
  border-left: 2px solid #da6225;
  padding: 0;
  margin: 0;
  padding: 1px 0 2px 5px;
  margin-top: 4px;
  margin-bottom: 2px;
}
.formular-registrace .format {
  border: 1px solid #da6225;
  padding-left: 5px;
}
.formular-registrace .format-small {border: 1px solid #da6225;}
.formular-registrace .nazev {
  width: 130px;
}
.formular-registrace label {
  font-weight: bolder;
}
.formular-registrace .vertical-top {
  padding-top: 5px;
} 

/*objednavky -----------------------------------------------------------------*/
.table-list {
  margin-top: 15px;
  border-collapse: collapse;
  width: 550px;
  border: 1px solid #da6225;
  border-top: 5px solid #da6225;
  border-left: 3px solid #da6225;
  padding: 3px;
}
.table-list thead td {
  background: #da6225;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.85em;
}
.table-list tbody {
  font-size: 0.85em;
}
.table-list tbody td {
	padding: 2px 5px;	
}
.table-list .number {
  padding-left: 5px;
}
.table-list .price {
  width: 100px;
  text-align: right;
  padding-right: 50px;
}

.table-list .stav1 {color: #83060f; font-size: 1em; font-weight: bolder;} /* nevyrizeno */
.table-list .stav2 {color: #c4c4c4; font-size: 1em; font-weight: bolder;} /* storno */
.table-list .stav3 {color: #00a627; font-size: 1em; font-weight: bolder;} /* vyrizeno */

.col2 {background: #141516;}

/*objednavka -----------------------------------------------------------------*/
.table-sum {
  width: 400px;
  font-size: 0.85em;
}
.table-sum .polozka {font-weight: bolder;}

/*kosik ----------------------------------------------------------------------*/
.table-sum {
  border-collapse: collapse;
  border: 1px solid #da6225;
  border-top: 5px solid #da6225;
  border-left: 3px solid #da6225;
}
.table-sum thead td {
  background: #da6225;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.85em;
}

/*pokladna-1 -----------------------------------------------------------------*/
.table-list .radio {
  width: 20px;
}
.table-list .link {
  width: 30px;
}
.table-list tr.disabled td {
  color: #aaaaaa;
}

/*pokladna-2 -----------------------------------------------------------------*/
.vyska-neprihlaseny-uzivatel {
  height: 690px;
}
.hidden {
  display: none;
}
.show {
  display: block;
}
.checkbox {
  padding: 10px 0 10px 30px;
  font-size: 0.85em;
}

/*pokladna-3 -----------------------------------------------------------------*/
.vzkaz-prodejci {
 border: 1px solid #e6730e; 
}

/* nabidka -------------------------------------------------------------------*/
.odkazy-nabidka {
  margin-top: 5px;
  margin-bottom: 5px;
}
.odkazy-nabidka a {
  width: 150px;
  display: block;
  float: left;
  background: url(../img/auto.jpg) no-repeat left center;
  padding-left: 50px;
  height: 25px;
  font-weight: bolder;
  text-decoration: none;
  padding-top: 5px;
}
.odkazy-nabidka a:hover, .odkazy-nabidka a:active {
  background: url(../img/auto.jpg) no-repeat left center;
}

/* razeni --------------------------------------------------------------------*/
.razeni {
  font-size: 0.85em;
  text-align: right;
  width: 100%;
}
.razeni table {
  margin-right: 10px;
}
.razeni span {
  font-weight: bolder;
}
.razeni .producer{
  font-size: 0.85em;
  width: 90px;
  margin-right: 20px;
  border: 1px solid #f9dec4;
}
.razeni .format {
  font-size: 0.85em;
  border: 1px solid #f9dec4;
  width: 90px;
}

/* strankovani ---------------------------------------------------------------*/

.strankovani {
  margin-left: 0;
  font-size: 0.85em;
}
.strankovani .disabled span, .strankovani .arrL span, .strankovani .arr span {
  visibility: hidden;
}
.strankovani .disabled {
  /*background: url(../img/tlacitko-sipka2-disable-left.gif) no-repeat left;*/
  width: 17px;
  height: 16px;
  display: block;
  color: #ffffff;
}
.strankovani .arrL {
  background: url(/img/tlacitko-sipka2-strankovani-left.gif) no-repeat left;
  width: 17px;
  height: 16px;
  display: block;
  text-decoration: none;
}
.strankovani .arrL span, .strankovani .arr span {
  visibility: hidden;
}
.strankovani .arrL:hover, .strankovani .arrL:active {
  background: url(/img/tlacitko-sipka2-active-left.gif) no-repeat left;
  width: 17px;
  height: 16px;
  display: block;
  text-decoration: none;
}
.strankovani .arr {
  background: url(../img/tlacitko-sipka2-strankovani.gif) no-repeat left;
  width: 17px;
  height: 16px;
  display: block;
  text-decoration: none;
}
.strankovani .arr:active, .strankovani .arr:hover {
  background: url(../img/tlacitko-sipka2-active-right.gif) no-repeat left;
  width: 17px;
  height: 16px;
  display: block;
  text-decoration: none;
}
.strankovani .disabledR {
  /*background: url(../img/tlacitko-sipka2-disable.jpg) no-repeat left;*/
  width: 17px;
  height: 16px;
  display: block;
}
.strankovani .active {
  color: #d3d3d3;
  font-weight: bolder;
}

/* obchodni podminky ---------------------------------------------------------*/
.pismenka-ul {
  list-style-type: lower-alpha;
  margin-left: 60px;
}
.pismenka-ul li {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 0.9em;
  text-align: justify;
}

/* detail zbozi --------------------------------------------------------------*/
.detail-zbozi .cesta {
  margin: 5px 0;
  padding: 2px 5px;
  width: 100%;
  border: 1px solid #e68357;
  border-top: 1px solid #f7d8cb;
}
.detail-zbozi h1 {
  border: none;
  font-size: 1.1em;
  margin: 0;
  margin-top: 25px;
  margin-bottom: 10px;
  padding: 0;
}
.detail-zbozi .obrazky {
  float: left; 
  width: 380px;
} 
#fotogalerie .nahled {
  width: 380px;
}
#fotogalerie .nahled img {
  border: 1px solid #e68357;
}
.detail-zbozi .popis {
  width: 225px;
  float: right;
}
.zbozi-kosik {
  margin-top: 10px;
  float: right;
  width: 280px;
  text-align: right;
  padding-right: 20px;
}
.zbozi-kosik .rakai-cena {
  font-size: 1.3em;
  display: block;
}
.zbozi-kosik .kosicek .rakai-cena {
	font-size: 1.3em;
	color: #da2725;
}
.detail-zbozi .puvodni-cena {
  display: block;
  font-size: 1.1em;
  color: #da2725;
  text-decoration: line-through;
  margin-bottom: 5px;
}
.kosicek {
  margin-top: 10px;  
}
.detail-zbozi .info-cena {
  font-size: 0.85em;
}
.detail-zbozi .footer-detail {
  width: 600px;
  height: 25px;
  background: #141517;
  border: 1px solid #d96124;
}
.footer-detail .stav-asnl {
  display: block;
  margin-left: 10px;
  margin-top: 3px;
}
.mnozstvi {
  margin: 10px 0 10px 40px;
}
.mnozstvi .select-vyber {
  font-size: 0.85em;
  width: 30px;
  border: 1px solid #f5ddc7;
  text-align: right;
}
.mnozstvi span, .velikost span, .dostupnost span{
  font-weight: bolder;
  font-size: 1em;
  padding-right: 15px;
}
.zahlavi {
  max-height: 300px;
  width: 622px;
}
.velikost {
  margin: 20px 0 10px 55px;
}
.dostupnost {
  margin: 10px 0 10px 20px;
}
.velikost select {
  font-size: 0.85em;
  width: 150px;
}
.dalsi-parametry {
  float: left;
  width: 250x;
}
.dalsi-parametry .dostupnost-stav {
  font-size: 0.85em;
  font-weight: normal;
}

/* vyrobci -------------------------------------------------------------------*/
#vyrobci table {
  border-collapse: collapse;
}
#vyrobci td {
  width: 270px;
  border-collapse: collapse;
  padding: 0;
  margin: 0;

  border-bottom: 1px solid #f5ddc7;
}
#vyrobci .link {
  padding: 3px 5px;
}

/* zapomenute heslo ----------------------------------------------------------*/
.table-zapomenute-heslo h3 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  padding-left: 15px;
  padding-bottom: 2px;
}
.zapomenute-input {
  border: 1px solid #e05f26;
}
.table-zapomenute-heslo tbody td {
  padding-top: 10px;
}
.table-zapomenute-heslo tbody label {
  display: block;
  padding-top: 5px;
}

.path {
  padding: 2px 5px 3px 5px;
  border: 1px solid #e68357;
  border-top: 1px solid #f7d8cb;
}

/* kontakt -------------------------------------------------------------------*/
#kontakt p {
  padding-left: 30px;
}
#kontakt .table-kontakty {
  margin-left: 30px;
  font-size: 0.9em;
}
#kontakt .table-kontakty .den {
  font-weight: bolder;
  padding-right: 10px;
}
#kontakt .text-kontakt {
  width: 320px;
}

/* o-nas ---------------------------------------------------------------------*/
.obrazky-onas {
  margin: 0 auto;
  width: 470px;
}

.vyber-varianty {
  padding-right: 10px;
  width: 200px;
  text-align: right;
}

/* nabidka-jstrail------------------------------------------------------------*/
#trailimageid {
	display: none; 
  z-index: 200; 
  margin: auto; 
  position: absolute;  
}

/* doprava -------------------------------------------------------------------*/
.table-doprava table {
  width: 100%;
}
.table-doprava table .image {
  width: 150px;
}
.table-doprava {
  margin-top: 15px;
  border-collapse: collapse;
  width: 550px;
  border: 1px solid #da6225;
  border-top: 5px solid #da6225;
  border-left: 3px solid #da6225;
  padding: 3px;
}
.table-doprava p {
  text-indent: 0;
  font-size: 1.1em;
}

/* pruhledne obrazky ---------------------------------------------------------*/
.cena-pozadi {
  padding: 0;
  margin: 0;
  width: 119px;
  height: 27px;
  position: absolute;
  margin-top: 92px;
  left: 0;
}
.posun3 .cena-pozadi {
  margin-left: 464px;
}
.posun2 .cena-pozadi {
  margin-left: 255px;
}
.cena-pozadi img {
  background: none;
  border: none;
  position: absolute;	
}

/*stavy ----------------------------------------------------------------------*/
.stav-asnl {
  display: block;
  position: absolute;
  left: 0;
}
.posun1 .stav-asnl {
  margin-left: 28px;
}
.posun2 .stav-asnl {
  margin-left: 237px;
}
.posun3 .stav-asnl {
  margin-left: 446px;
}