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

/* Drobeckova navigace ------------------------------------------------------ */
#drobeckova-navigace {
	font-size: 0.85em;
	padding: 0 0 5px 0;
}
#drobeckova-navigace a:link, #drobeckova-navigace a:visited {
	color: #545857;
}
#drobeckova-navigace a:hover, #drobeckova-navigace a:active {
	color: #000000;
}

/* HOME PAGE - popis -------------------------------------------------------- */

.homepage-description {
	float: left;
	width: 654px;
}
.homepage-description h2 {
	width: 654px;
	background: #0a0809 url(../img/content/title-background-black.jpg) repeat-x left center;
 	padding: 0;
 	color: #ffffff;
}
.homepage-description h2 span {
	display: block;
	width: 584px;
	background: url(../img/content/title-logo.jpg) no-repeat left center;
	padding: 10px 35px 10px 35px;
}
.homepage-description .obsah {
	padding: 0 0 1px 0;
}
.homepage-description .obsah p {
	padding-left: 10px;
	padding-right: 10px;
}
.homepage-description2, .homepage-description2 h2 {
	width: 327px;
}
.homepage-description2 h2 span {
	width: 291px;
}
.homepage-banner {
	float: right;
	width: 325px;
	margin-bottom: 5px;
}

/* OBSAH STRANEK ------------------------------------------------------------ */
.obsah {
	background: #ecefef url(../img/index/menu-background.jpg) repeat left top;
	margin: 0 0 5px 0;
	padding: 10px 10px 10px 10px;
}
.obsah2 {
	background: #ecefef url(../img/index/menu-background.jpg) repeat left top;
	margin: 0 0 5px 0;
	padding: 2px 0 2px 0;
}
.obsah p {
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;
}
.obsah .submit {
	border: none;
	background: #fd5c3f url(../img/button/submit.jpg) no-repeat top left;
	color: #ffffff;
	width: 135px;
	height: 29px;
	font-weight: bolder;
}
.obsah .submit-on {
	background: #df3222 url(../img/button/submit-on.jpg) no-repeat top left;
	text-decoration: underline;
}
.obsah .submit-div {
	background: url(../img/content/submit-div-background.jpg) repeat-x left top;
	height: 51px;
	width: 654px;
	margin-left: -10px;
	margin-top: 10px;
	clear: both;
	padding-bottom: 10px;
}

/* NOVINKY NA HOMEPAGE ------------------------------------------------------ */
.novinka {
	border-collapse: collapse;
}
.novinka td {
	vertical-align: top;
	border-bottom: 1px solid #cacccc;
}
.novinka h3 {
	margin: 0;
	padding: 0;
}
.novinka td.image {
	padding: 5px 10px 5px 0;
}
.novinka td.popis {
	padding: 5px 0 5px 0;
}
.novinka tr.last-tr td {
	border: none;
}

/* NABIDKA ------------------------------------------------------------------ */
.podkategorie {
	font-size: 0.85em;
	clear: both;
	padding: 2px 0 0 0;
} 
.products-list {
  width: 654px;
  border-collapse: collapse;
}
.products-list td {
  vertical-align: top;
}
.products-list td.hlavnitd {
  border: none;
  width: 208px;
  height: 194px;
}
.products-list td.hlavnitd .nabidka {
  /*background: url(../img/content/nabidka.jpg) no-repeat;*/
  width: 206px;
  height: 194px;
  margin-right: 1px;
  margin-bottom: 5px;
}
.products-list td.hlavnitd .nabidka table {
  width: 200px;
  margin-left: 5px;
  border-collapse: collapse;
}
.products-list td.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-list td.hlavnitd h2 a {
  color: #c8630a;
  text-decoration: none;
}
.products-list .hlavnitd h2 a:hover, .products-list .hlavnitd h2 a:active {
  color: #000000;
  text-decoration: underline;
}
.products-list td.obrazek {
  text-align: center;
}
.products-list td.obrazek img {
  margin-bottom: 5px;
}
.products-list td.info {
  width: 200px;
  height: 30px;
  background: #be6e17 url(../img/content/title.jpg) repeat-x left center;
	color: #ffffff; 
}
.products-list td.info .f_left {
  width: 135px;
  font-size: 0.9em;
  padding: 7px 0 0 5px;
}
.products-list td.info .f_left a:link, .products-list td.info .f_left a:visited {
	color: #ffffff;
	text-decoration: none;
}
.products-list td.info .f_left a:hover, .products-list td.info .f_left a:active {
	text-decoration: underline;
}
.products-list td.info .buy-f-left {
  width: 40px;
  float: left;
  text-align: right;
  padding: 5px 0 0 0;
}
.products-list td.info .buy-f-left .button-buy {
	border: none;
	background: none;
	color: #ffffff;
	font-weight: bolder;
}
.products-list td.info .buy-f-left .button-buy-on {
	text-decoration: underline;
}

/* PRIHLASIT ---------------------------------------------------------------- */
.table-login {
	margin: 0;
}
.table-login .nazev {
	width: 100px;
}
.table-pokladna-login .nazev {
	width: 150px;
}

/* REGISTRACE --------------------------------------------------------------- */
.table-form {
	margin: 0;
	border-collapse: collapse;
}
.table-form .nazev {
	width: 150px;
}

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

/* VYBER VARIANTY ----------------------------------------------------------- */
.vyber-varianty {
	float: left;
	margin: 16px 10px 0 20px;
}
.varianty-mnozstvi {
	float: left;
	margin: 15px 10px 0 0;
}
.varianty-submit {
	float: right;
	margin: 13px 20px 0 0;
}

/**/
.table-sum { 
	margin: 0;
	border-collapse: collapse;
}
.table-sum td.polozka {
	width: 250px;
}
.stav1 {
	font-weight: bolder;
	font-size: 1.2em;
	color: #bc0008;
}
.stav2 {
	font-weight: bolder;
	font-size: 1.2em;
	color: #7f736b;
}
.stav3 {
	font-weight: bolder;
	font-size: 1.2em;
	color: #13bc00;
}

/* KOSIK -------------------------------------------------------------------- */
.table-list {
	border-collapse: collapse;
	border: 1px solid #999999;
	width: 600px;
}
.table-list h3 {
	margin: 0;
	padding: 0;
}
.table-list td {
	border: 1px solid #999999;
	padding: 3px 3px;
}
.table-list thead td {
	background: #c0c2c2;
	font-weight: bolder;
	font-size: 0.85em;
}
.table-list tbody td {
	font-size: 0.9em;
}
.table-list tbody td.nazev {
	font-size: 0.85em;
	vertical-align: top;
}
.table-list tbody td.image {
	width: 86px;
	text-align: center;
}
.table-list tbody td.image a img {
	color: #000000;
}
.table-list td.mnozstvi {
	text-align: center;
	width: 80px;
}
.table-list td.cena {
	width: 100px;
}
.table-list tr.col1 td {
	background: #d8d8d9;
}
.table-list tr.col2 td {
	background: #dfe1e1;
}
.table-list td.link {
	text-align: center;
}
.table-list td.text-case1 {
	vertical-align: top;
}

.submit-div-position {
	margin: 12px auto 0 auto;
}

.submit-pokladna {
	border-collapse: collapse;
	width: 600px;
}

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

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

/* razeni --------------------------------------------------------------------*/
.razeni {
  font-size: 0.85em;
  text-align: right;
  width: 100%;
}
.razeni table {
  margin-right: 10px;
}
.razeni span {
  font-weight: bolder;
}

.razeni .format {
  border: 1px solid #f9dec4;
  width: 110px;
}
.razeni td.producers .format {
  width: 140px;
}

/* detail-zbozi ------------------------------------------------------------- */
#fotogalerie {
	width: 610px;
} 
.image-detail {
	width: 360px;
	text-align: left;
	float: left;
}
.popis-detail {
	width: 270px;
	float: right;
}
.price-detail {
	text-align: right;
	margin: 0 0 10px 0;
}
.price-detail span {
	display: block;
}
.price-detail span.info-cena {
	font-size: 0.85em;
	font-style: italic;
}
.price-detail span.rakai-cena {
	font-weight: bolder;
	font-size: 1.2em;
}
.price-detail span.puvodni-cena {
	color: #999999;
	margin: 0 0 4px 0;
}
.text-detail {
	font-size: 0.9em;
	color: #817979;
}
.popis-detail .dostupnost {
	margin: 10px 0;
	text-align: left;
}
.popis-detail .zbozi-kosik {
	margin: 15px 0 0 0;
}
.popis-detail .zbozi-kosik .none-buy {
	font-style: italic;
	font-weight: bolder;
}
.popis-detail .select-vyber {
	width: 110px;
}
.popis-detail label {
	display: block;
	font-weight: bolder;
	float: left;
	width: 80px;
	padding: 4px 0 0 0;
}
.popis-detail .dalsi-parametry .velikost {
	margin-bottom: 10px;
}
.popis-detail .dostupnost .bold {
	text-transform: uppercase;
}


.table-list tr.disabled td {
	color: #aaaaaa;
	text-decoration: line-through;
} 

/* doprava */
.table-doprava td {
	padding: 3px;
}


/* POKLADNA-2 --------------------------------------------------------------- */
.vyska-neprihlaseny-uzivatel h3 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.1em;
}
.hidden {
  display: none;
}
.show {
  display: block;
}
.checkbox {
  padding: 5px 0 5px 0;
  font-size: 0.85em;
}