* html .column {  
  display: inline;  
  position: relative; 
}

html, body {
	border: 0px none;
	margin: 0px;
	padding: 0px;
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 90%; /* procentni velikost z duvodu zvetsovani fontu v IE - jednotku EM by neumerne zvetsoval */
	color: #616161;
}

.reseter {
	border:  0px none;
	margin:  0px;
	padding: 0px;

	float: none;
	clear: both;

	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}


/* ======================== LAYOUT ====================== */

body {
  background: url(../images/header-back.gif) repeat-x top #004a8f;
	text-align: center; /* centerovani webu pro IE */
}

.separator { /* slouzi k odddleni jednotlivych casti stranek - pouze pro zobrazene bez CSS */
	display: none;
	visibility: hidden;
}

#bodywrap { 
	border: 0px none;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 966px;
  position: relative;
  font-size: 0.8em;
	text-align: left;
}

#header {
	width: 100%;
	height: 180px;
	float: left;
	margin-left: -100%;
	background: url(../images/header-back.gif) repeat-x #004a8f;
}

#colswrap {
	width: 966px;			
	overflow: hidden;		
	background-color: #fff;
	display: table-cell;
}

.column {
	float: left;
	margin-top: 180px;
}

#content {
	width: 966px;
	background-color: #fff;
}

#content_pad {
	padding: 0px 216px 0px 216px;			/* potrebny padding pro pravy a levy sloupec je 206px - 10px je padding CONTENTU */
	float: left;
}

#content_pad_without-right {        /* pro zobrazeni bez boxu RIGHT */
  padding: 0px 38px 0px 216px;
}

#left {
	width: 206px;
	margin-left: -100%;
}

#right {
	width: 206px;
	margin-left: -206px;
}

.pad-10 {
  padding: 10px 10px 0px 10px;
}

#footer {
  height: 87px;
  color: white;
}


/* ======================== HEADER ====================== */

#logo-text {
	margin-top:0px; margin-left:0px; padding:0;
  float: left;
  position:relative;
	width:285px; height:125px;
	overflow:hidden;
	display: block;
}
		
#logo-text span {
  display:block;
  position:absolute; left:0; top:0; z-index:1;
	width:285px; height:125px;
  margin:0; padding:0;
	background:url(../images/logo.gif) top left no-repeat;
	cursor: pointer;
}

#logo-text a {
  color: white;
  font-size: 1.8em;
  font-weight: normal;
  display: block;
  margin: 0px;
  z-index:2;
}

#slogan-text {
	margin-top:0px; margin-left:0px; padding:0;
  float: left;
  position:relative;
	width:343px; height:125px;
	overflow:hidden;
	display: block;
	font-size: 1.5em;
	font-weight: normal;
	color: white;
}
		
#slogan-text span {
  display:block;
  position:absolute; left:0; top:0; z-index:1;
	width:343px; height:125px;
  margin:0; padding:0;
	background:url(../images/slogan.gif) top left no-repeat;
}

#banner {
	margin-top:0px; margin-left:0px; padding:0;
  float: left;
  position:relative;
	width:338px; height:125px;
	overflow:hidden;
	display: block;
}
		
#banner span {
  display:block;
  position:absolute; left:0; top:0; z-index:1;
	width:338px; height:125px;
  margin:0; padding:0;
	background:url(../images/banner.jpg) top left no-repeat;
	cursor: pointer;
}

#banner a {
  color: white;
  font-size: 1.8em;
  font-weight: normal;
  display: block;
  margin: 0px;
  z-index:2;
}

/* ========== MENU ========== */

#menu {
  width: 966px;
  height: 50px;
  background: url(../images/menu-back.gif) repeat-x #f3f6fa;
  float: left;
  position: relative;
}

#menu ul {
  margin: 0px;
  padding: 0px;
}

#menu ul li {
  list-style: none;
  display: block;
  margin-left: 0px;
  padding-left: 0px;
  float: left;
  font-size: 1.2em;
  background: url(../images/menu-polozky-back.gif) repeat-x #9ecbe3;
}

#menu ul li a {
  color: #004a8f;
  display: block;
  float: left;
  width: auto;
  height:50px;
  line-height: 400%;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  overflow:hidden;
  background: url(../images/menu-separate.gif) no-repeat right;
  text-align: center;
}

#menu ul li a:hover, #menu ul li a.active {
  color: #fff;
  background: #004a8f;
}

#menu ul li a span {
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  margin:0; padding:0;
  cursor: pointer;
  height:50px;
}

#menu ul li#uvod a, #menu ul li#o-nas a {
  width:77px; 
}

#menu ul li#sluzby a {
  width:91px; 
}

#menu ul li#open-box a {
  width:107px; 
}

#menu ul li#splatkovy-prodej a {
  width:156px; 
}

#menu ul li#kontakt a {
  width:98px; 
  background-image: none;
}

#menu ul li#o-nas a:hover, #menu ul li#o-nas a.active {
  width:78px; 
  margin-left: -1px; 
}

#menu ul li#sluzby a:hover, #menu ul li#sluzby a.active {
  width:92px; 
  margin-left: -1px; 
}

#menu ul li#open-box a:hover, #menu ul li#open-box a.active {
  width:108px; 
  margin-left: -1px; 
}

#menu ul li#splatkovy-prodej a:hover, #menu ul li#splatkovy-prodej a.active {
  width:157px;
  margin-left: -1px; 
}

#menu ul li#kontakt a:hover, #menu ul li#kontakt a.active {
  width:99px;
  margin-left: -1px; 
}

table#login {
  position: absolute;
  right: 20px;
  top: -1px;
}

table#login td {
  padding: 2px 2px; 
}

table#login td input#username,table#login td input#pass {
  border: 1px solid #004a8f;
  width: 102px;
  height: 14px;
  *height: 16 px;
}

table#login td input#prihlasit {
  vertical-align: middle;
}



/* ======================== LEFT ====================== */
table#search-box {
  padding: 10px 0px;
  *margin: 10px 0px;
} 

table#search-box td {
  padding: 2px 3px; 
}

table#search-box td input#search {
  border: 1px solid #004a8f;
  width: 102px;
  height: 14px;
  *height: 16 px;
}

.katalog ul {
  margin: 0px;
  padding: 10px 0px;
  line-height: 200%;
}

.katalog ul li ul {
  margin: 0px 0px 0px -20px;
  padding: 0px 0px 10px 35px;
  line-height: 180%;
  background-color: #fff;
}

.katalog ul li ul li ul {
  margin: 0px 0px 0px -20px;
  padding: 0px 0px 0px 40px;
  line-height: 140%;
}

.katalog ul li {
  list-style: none;
  background: url(../images/katalog-li.gif) no-repeat left top;
  padding: 0px 0px 0px 0px;
  text-indent: 2.3em;
}

.katalog ul li ul li {
  background: url(../images/katalog-li-li.gif) no-repeat left top;
}

.katalog ul li ul li ul li {
  background: url(../images/katalog-li-li-li.gif) no-repeat left top;
  text-indent: 1em;
}

.katalog ul li a {
  font-weight: bold;
  text-decoration: none;
  color: #616161;
}

.katalog ul li a:hover {
  text-decoration: underline;
}

.katalog ul li ul li a:hover, 
.katalog ul li.active ul li a:hover,
.katalog ul li ul li ul li a:hover,
.katalog ul li.active ul li ul li a:hover,
.katalog ul li.active ul li.active ul li a:hover,
.katalog ul li.active ul li.active ul li.active a  {
  font-weight: bold;
  color: #004a8f;
  text-decoration: none;
}

.katalog ul li.active {
  background: url(../images/katalog-li-active.gif) no-repeat left top #b2b2b2;
}

.katalog ul li.active ul li.active {
  background: url(../images/katalog-li-li-active.gif) no-repeat left top #b2b2b2;
}

.katalog ul li.active ul li.active ul li.active  {
  background: url(../images/katalog-li-li-li-active.gif) no-repeat left top;
}

.katalog ul li.active a, .katalog ul li.active ul li.active a  {
  color: #fff;  
  font-weight: bold;
}

.katalog ul li ul li a, .katalog ul li.active ul li a, .katalog ul li.active ul li.active ul li a {
  font-weight: normal;
  text-decoration: none;
  color: #616161;
}


.katalog #podmenu {
  background-color: #dddddd;
}



.katalog #podmenu li {
  text-indent: 1.5em;
  padding: 2px 0px;
  background-position: center left;
}

.katalog #podmenu li img {
  vertical-align: middle;
}






ul#pro-zakazniky {
  margin: 0px 10px;
  padding: 10px 10px;
  line-height: 180%;
}

ul#pro-zakazniky li {
  list-style-type: disc;
  list-style-image: url(../images/li-img.gif);
}

ul#pro-zakazniky li a {
  color: #616161;
  text-decoration: none;
}

ul#pro-zakazniky li a:hover, ul#pro-zakazniky li a.active {
  color: #9c6e00;
  font-weight: bold;
}

table#newsletter {
  padding: 0px 0px 10px 0px;
  *margin: 0px 0px 10px 0px;
} 

table#newsletter td {
  padding: 2px 3px; 
}

table#newsletter td input#email {
  border: 1px solid #bd9139;
  width: 102px;
  height: 14px;
  *height: 16 px;
}

span.newsletter {
  font-weight: normal;
  font-size: 0.8em;
}


/* ======================== RIGHT ====================== */

.box {
  width: 186px;
  color: #616161;
  margin-bottom: 10px;
}

.blue {
  background: url(../images/box-blue-content.gif) repeat-x #d0e6f2;
  background-position: 0px 26px;
}

.orange {
  background: url(../images/box-orange-content.gif) repeat-x #ffecc7;
  background-position: 0px 26px;
}

.silver {
  background: url(../images/box-silver-content.gif) repeat-x #f5f5f5;
  background-position: 0px 26px;
}

.box strong.header {
  display: block;
  background: url(../images/box-blue-header.gif) repeat-x #085296;
  color: white;
  width: 186px;
  height: 26px; 
  position: relative;
  line-height: 220%;
  text-indent: 0.6em;
  border-bottom: 1px solid white; 
  font-size: 1.1em;
}

.orange strong.header {
  background: url(../images/box-orange-header.gif) repeat-x #d29827;
}

.box strong.header span.corner {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 4px;
  height: 4px;
  background: url(../images/box-blue-corner.gif) repeat-x #fff;
  font-size: 0.1em;
}

.orange strong.header span.corner {
  background: url(../images/box-orange-corner.gif) repeat-x #fff;
}

.box p {
  line-height: 180%;
  padding: 10px;
  margin: 0px;
}

.kosik a {
  font-weight: bold;
}

.kosik ol {
  margin: 8px 10px 8px 25px;
  *margin-left: 30px;
  padding: 0px;
}

.kosik ol li {
  color: #9a6f00;
  font-weight: bold;
  padding: 7px 0px 15px 0px;
}


.kosik ol li span.cena {
  font-weight: bold;
  display: block;
  float: right;
}

.kosik div.hr {
  margin: 0px;
}

#soucet-kosiku {
  background-color: #f5f5f5;
  padding: 10px;
}

#soucet-kosiku table td {
  width: 90px;
}

.akcni-produkt, .top5-produkt, .aktualita {
  width: 166px;
  *width: 186px;
  padding: 10px;
  float: left;
  position: relative;
}

.akcni-produkt a img, .top5-produkt a img, .aktualita a span.foto img {
  border: 0px;
  *border: 1px solid #ffd686;
  float: left;
  margin-right: 10px;
  padding: 2px;
  background: url(../images/border-orange.gif);
}

.top5-produkt a img {
  *border: 1px solid #d8d8d8;
  background: url(../images/border-blue.gif);
}

.akcni-produkt a:hover img, .top5-produkt a:hover img, .aktualita a:hover span.foto img {
  border: 0px;
  *border: 1px solid #fdab0b;
  padding: 2px;
  background-position: 0px 51px;
}

.aktualita span.datum {
  font-weight: bold;
}

.aktualita {
  line-height: 140%;
}

.aktualita a {
  color: #9c6e00;
  font-weight: bold;
}

.aktualita a span.nazev {
  display: block;
  text-decoration: underline;
  margin: 5px;
}

.aktualita a:hover span.nazev {
  text-decoration: none;
}

.aktualita a span.foto {
  display: block;
  position: relative;
  height: 70px;
  float: left;
}

.aktualita a span.foto span.vice {
  display: block;
  background-color: #616161;
  font-weight: normal;
  color: #fff;
  width: 35px;
  *width: 41px;
  padding: 0px 3px 1px 3px;
  text-align: center;
  text-decoration: none;
  line-height: 100%;
  cursor: pointer;
  position: absolute;
  top: 55px;
  left: 5px;
  *left: 4px;
}

.aktualita a:hover span.foto span.vice {
  color: #ffb624;
}

.top5-produkt a:hover img {
  *border: 1px solid #004a8f;
}

.akcni-produkt a {
  color: #9c6e00;
  font-weight: bold;
  float: left;
}

.akcni-produkt span.cena, .top5-produkt span.cena {
  color: #004a8f;
  font-weight: bold;
  position: absolute;
  bottom: 10px;
  right: 10px; 
}

.top5-produkt span.poradi {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #fda801;
  position: absolute;
  color: white;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
  top: 8px;
  left: 8px;
} 

.top5-produkt a:hover span.poradi {
  background-color: #004a8f;
} 

div.hr {
  height: 0px; 
  border-bottom: 1px solid white;
  margin: 0px 10px;
  line-height:0px;
  font-size:0px;
}



#anketa {
  padding: 10px;
}

#anketa .back {
  height: 9px;
  width: 166px;
  background-color: #bd9139;
  margin: 3px 0px 3px 0px;
  line-height: 1px;  
  font-size: 1px;
}

#anketa .back .result {
  margin: 1px;
  height: 7px;
  line-height: 1px;  
  font-size: 1px;
  background-color: #fda801;
  float: left;
  display: inline;
}



/* ======================== CONTENT ====================== */

.drob-navigace {
  margin: 10px 0px;
  *margin-bottom: 5px;
  padding: 0px;
}

hr {
  height: 1px; 
  color: #b2b2b2; 
  background-color: #b2b2b2; 
  border: 0px solid #b2b2b2;
}

h1 {
  font-size: 2.5em;
  font-weight: normal;
  color: black;
  margin: 20px 0px;
}

h2 {
  font-size: 1.3em;
  font-weight: bold;
  color: #004a8f;
  padding-bottom: 15px;
  background: url(../images/h2-back.gif) bottom repeat-x;
  position: relative;
}

h2.uvod-black {
  background: url(../images/h2-black-corner.gif) right top #616161 no-repeat;
  color: white;
  font-size: 1.1em;
  padding: 5px 10px;
  margin: 20px 0px 0px 0px;
}

h2.uvod-blue {
  background: url(../images/prodejny-table-corner.gif) right top #004a8f no-repeat;
  color: white;
  font-size: 1.1em;
  padding: 5px 10px;
  margin: 0px;
}

h2.uvod-blue strong {
  color: #97c9e2;
}

h2.uvod-blue a.vice {
  color: #97c9e2;
  position: absolute;
  right: 10px;
  *right: 50px;
  font-weight: normal;
  font-size: 0.9em;
}


/* Služby */

p.sluzby {
  border-left: 1px solid #dddddd;
  padding: 0px 0px 10px 10px;
  margin: 30px 0px 30px 60px;
  position: relative;
  *height: 10px;
}

p.sluzby a {
  font-size: 1.35em;
  font-weight: bold;
  display: block;
  margin-bottom: -5px;
}

p.sluzby img {
  position: absolute;
  top: 0px;
  left: -60px;
  *left: -70px;
}

p.sluzby a.vice {
  position: absolute;
  bottom: 0px;
  right: 5px;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  color: #9c6e00;
  margin: 0px;
}


/* Doprava */

table.doprava {
  margin: 0px 0px 10px 20px;
}

table.doprava td, table.doprava th {
  text-align: justify;
  vertical-align: top;
  padding: 8px 0px;
}

table.doprava th {
  color: #9c6e00;
  width: 100px;
  text-align: left;
  padding-right: 10px;
}

table.doprava td.no-pad {
  padding: 0px;
}


/* Kontakt */

table.kontakt {
  border-collapse: collapse;
  margin: 20px 0px 40px 10px;
}

table.kontakt th {
  background: url(../images/kontakt-th-back.gif) repeat-x;
  width: 133px;
  height: 27px;
  color: white;
  padding: 0px;
  text-align: left;
  padding: 0px 5px 0px 10px;
  line-height: 160%;
  font-size: 1.1em;
  border: 1px solid white;
}

table.kontakt th.corner {
  padding-right: 0px;
  *width: 153px;
}

table.kontakt th.corner span {
  float: right;
  display: block;
  background: url(../images/kontakt-corner.gif) top no-repeat;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  *position: relative;
  *top: 1px;  
  vertical-align:   
}

table.kontakt th.corner img {
  margin-right: 5px;
}

table.kontakt th.no-border, table.kontakt td.no-border {
  border-left: 0px;
  
}

table.kontakt th img {
  float: right;
  margin-top: 2px;
  *margin-top: 4px;
}

table.kontakt td {
  background: url(../images/box-silver-content.gif) top #f5f5f5 repeat-x ;
  border: 1px solid white;
  height: 65px;
  padding: 0px 10px;
  color: #004a8f;
  font-weight: bold;
}

table.kontakt td a, table#provozovna td a,  div#provozovna table td a {
  color: #9c6e00;
}

table.kontakt td img {
  vertical-align: middle;
  margin-right: 5px;
}

table.kontakt td.woman {
  background: url(../images/kontakt-woman.jpg) right top;
  width: 59px;
  *width: 58px;
  height: 92px;
  border-left: 0px;
  border-right: 0px;
  padding: 0px;
}

table.kontakt td table td {
  background: transparent;
  border: 0px solid white;
}

table.technicke {
  margin: 0px 0px 40px 5px;
  *margin-left: 0px;
}

table.technicke td, table.technicke th {
  border-left: 6px solid white;
  border-right: 6px solid white;
}

table.technicke td {
  height: 15px;
  padding: 8px 1px;
}

table.technicke th.foto {
  padding-right: 0px;
  width: 181px;
}

table.technicke td table td {
  padding: 3px 1px;
}

table.technicke td table td.normal {
  color: #616161;
  font-weight: normal;
}

#sidlo {
  background-color: #f5f5f5;
  padding: 20px;
}

#sidlo table td {
  color: #004a8f;
  font-weight: bold;
}

#sidlo table td.nazev, div#provozovna table td.nazev  {
  color: black;
  font-size: 1.2em;
  font-weight: bold;
}

#sidlo table td.normal {
  color: #616161;
  font-weight: normal;
}

div#provozovna {
  background: url(../images/kontakt-provozovna-back.gif) bottom repeat-x #f5f5f5;
  height: 255px;
  padding: 0px;
}

div#provozovna img {
  border: 5px solid #dddddd;
  *margin-left: -3px;
}

div#provozovna table {
  margin: 20px 0px 20px 20px;
  float: left;
}

div#provozovna table td {
  color: #004a8f;
  font-weight: bold;
}

div#provozovna table th.normal {
  width: 60px;
}

div#provozovna table td.bigger, div#provozovna table th.bigger {
  font-size: 1.1em;
}

table#provozovna {
  margin: 0px 20px 30px 20px;
}

table#provozovna td img {
  vertical-align: middle;
  margin-left: 10px;
}

table#provozovna td p.nazev {
  color: black;
  font-size: 1.2em;
  font-weight: bold;
}

table#provozovna td, table#provozovna th {
  padding: 5px 0px;
}

table#provozovna th {
  width: 80px;
  vertical-align: top;
}


/* Prodejny */

table#prodejny {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0px;
}

table#prodejny th, table#prodejny td {
  border: 0px;
  padding: 5px;
  height: 26px;
}

table#prodejny td {
  padding: 8px 5px;
  border-bottom: 1px solid #dddddd;
}

table#prodejny td.last {
  border: 0px;
  padding: 0px;
  height: 10px;
  font-size: 0.1em;
  background: url(../images/kontakt-provozovna-back.gif) top repeat-x ;
}

table#prodejny th {
  background: #004a8f;
  color: white;
}

table#prodejny th.corner {
  background: url(../images/prodejny-table-corner.gif) right no-repeat #004a8f;
}

table#prodejny td a {
  font-weight: bold;
  text-decoration: none;
  color: #9c6e00;
}

table#prodejny td a:hover {
  text-decoration: underline;
}

/* Katalog */

#sekce {
  background: url(../images/katalog-sekce-back.gif) bottom repeat-x;
  float: left;
  width: 100%;
  margin: 20px 0px 2px 0px;
}

#sekce a {
  display: block;
  line-height: 170%;
  font-weight: bold;
  float: left;
  height: 25px;
  padding: 0px 25px;
  margin: 5px 10px 0px 10px;
  background: url(../images/katalog-sekce-ico.gif) left no-repeat;
}

#znacky {
  background: url(../images/katalog-znacky-back.gif) top repeat-x;
  float: left;
  width: 514px;
  *width: 534px;
  margin: 0px;
  padding: 15px 10px;
  position: relative;
  border-bottom: 1px solid #f5f5f5;
}

#znacky label {
  font-weight: normal;
  text-decoration: underline;
  color: #9c6e00;
  line-height: 150%;
}

#znacky-seznam {
  width: 380px;
  margin: -15px 0px 0px 60px;
}

#znacky input, #razeni input {
  vertical-align: middle;
}

#znacky input.zobrazit {
  position: absolute;
  top: 10px;
  right: 10px;
}

#znacky .polozka {
  white-space: nowrap;
  margin-right: 10px; 
}

#razeni {
  background: url(../images/katalog-znacky-back.gif) bottom repeat-x;
  float: left;
  width: 514px;
  *width: 534px;
  margin: 0px;
  padding: 15px 10px 30px 10px;
  position: relative;
}

#razeni select, #zobrazit select {
  height: 16px;
  border: 1px solid #004a8f;
  vertical-align: middle;
  font-size: 1em;
  margin-left: 10px;
}

#razeni a.vyhledat-par {
  display: block;
  line-height: 250%;
  font-weight: bold;
  height: 33px;
  padding: 0px 0px 0px 35px;
  background: url(../images/vyhledat-par-ico.gif) left no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
}

#zobrazit {
  float: left;
  width: 514px;
  *width: 534px;
  margin: 0px;
  padding: 10px 10px 0px 10px;
  position: relative;
}

#zobrazit label {
  font-weight: normal;
}

#zobrazit p.right {
  position: absolute;
  top: 9px;
  right: 10px;
}

.strankovani {
  float: left;
  width: 514px;
  *width: 534px;
  margin: 0px;
  padding: 7px 10px 5px 10px;
  *padding-bottom: 7px;
  *margin-top: 10px;
  position: relative;
  color: white;
  height: 16px;
  *height: 28px;
  background: url(../images/prodejny-table-corner.gif) right top no-repeat #004a8f;
}

.strankovani strong {
  padding-right: 10px;
  margin-right: 10px;
  background: url(../images/arrow-down.gif) right center no-repeat;
}

.strankovani a {
  color: #ffb523;
  font-weight: bold;
  padding-right: 10px;
  margin-right: 10px;
}

.strankovani .ciselnik {
  position: absolute;
  right: 10px;
  top: 7px;
  *top: 5px;
  height: 15px;  
}

.strankovani .ciselnik strong {
  color: #ffb523;
  padding: 0px;
  margin: 0px;
  background: none;
}

.strankovani .ciselnik a {
  color: #d0e6f2;
  padding: 0px;
  margin: 0px;
}

.strankovani .ciselnik img {
  vertical-align: middle;
  *margin-top: 2px;
}

#produkty {
  padding-bottom: 5px;
  float: left;
  width: 538px;
  margin-right: -4px;
}

#content_pad_without-right #produkty {
  width: 720px;
  margin-bottom: 40px;
}

#produkty .produkt {
  width: 173px;
  *width: 175px;
  border: 1px solid #dddddd;
  margin: 5px 4px 0px 0px;
  float: left;

}

#produkty .produkt a.nazev {
  display: block;
  color: #004a8f;
  font-weight: bold;
  width: 163px;
  *width: 173px;
  text-align: center;
  padding: 10px 5px;
}

#produkty .produkt span.fotka {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0px 7px 10px 7px;
  float: left;
  *display:inline;
}

#produkty .produkt span.fotka a img {
  border: 0px;
}

#produkty .produkt span.info {
  display: block;
  float: right;
  width: 80px;
  margin: -90px 7px 0px 0px;
  text-align: right;
  *display:inline;
}

#produkty .produkt span.info strong.cena {
  font-size: 1.5em;
  color: black;
}

#produkty .produkt span.info strong {
  color: #9c6e00;
}

#produkty .produkt span.info input {
  margin: 10px 0px 5px 0px;
}

#produkty .produkt span.popis {
  background-color: #dddddd;
  display: block;
  width: 163px;
  *width: 173px;
  padding: 10px 5px;
}

#produkty .produkt span.status {
  display: block;
  width: 163px;
  *width: 173px;
  padding: 5px;
  height: 26px;
  *height: 36px;
}

table#produkty-seznam {
  border-collapse: collapse;
  width: 534px;
  margin: 1px 0px 0px 0px;
}

table#produkty-seznam th {
  background-color: #d0e6f2;
  color: #004a8f;
  padding: 5px;
}

table#produkty-seznam td {
  padding: 5px;
}

table#produkty-seznam td.nazev a {
  font-weight: bold;
  color: #9c6e00;
  width: 180px;
  text-decoration: none;
}

table#produkty-seznam td.nazev a:hover {
  text-decoration: underline; 
}

table#produkty-seznam td.cena {
  font-weight: bold;
  color: #004a8f;
}

table#produkty-seznam td input {
  vertical-align: middle;
  margin-left: 15px;
  margin-right: -20px;
}

table#produkty-seznam td input.mnozstvi, table#objednavka td input.mnozstvi {
  width: 20px;
  height: 14px;
  border: 1px solid #004a8f;
  *height: 16px;
  font-size: 1em;
  margin: 0px;
  text-align: center;
}

.aktualita-uvod {
  width: 245px;
  *width: 265px;
  padding: 10px 10px 20px 10px;
  margin: 0px 0px 20px 0px;
  float: left;
  position: relative;
  border-left: 1px solid #e6e6e6;
  line-height: 130%;
}

.first {
  border-left: 0px;
}

.aktualita-uvod a.nadpis {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: #004a8f;
}

.aktualita-uvod a {
  color: #9c6e00;
}

.aktualita-uvod a img {
  border: 0px;
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 2px;
  border: 0px;
}

.aktualita-uvod span.datum {
  font-weight: bold;
}

.aktualita-uvod a.vice {
  display: block;
  background-color: #fdab0b;
  font-weight: normal;
  color: #fff;
  width: 35px;
  *width: 41px;
  padding: 0px 3px 1px 3px;
  text-align: center;
  text-decoration: none;
  line-height: 100%;
  position: absolute;
  bottom: 0px;
  right: 10px;
}


ul.katalog-menu {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

ul.katalog-menu li {
  margin: 10px 0px;
  padding: 0px 0px 0px 70px;
  float: left;
  width: 195px;
  *width: 265px;
  list-style: none;
}

ul.katalog-menu li h2 {
  background: none;
  margin: 0px;
  padding: 0px;
}

ul.katalog-menu li p {
  margin: 0px;
  line-height: 180%;
}

ul.katalog-menu li a.vice {
  text-decoration: none;
  color: #9c6e00;
}

ul.katalog-menu li.mobilni-telefony {
  background: url(../images/ico-mobilni-telefony.gif) left top no-repeat;
}

ul.katalog-menu li.fotoaparaty {
  background: url(../images/ico-fotoaparaty.gif) left top no-repeat;
}

ul.katalog-menu li.navigace {
  background: url(../images/ico-navigace.gif) left top no-repeat;
}

ul.katalog-menu li.videokamery {
  background: url(../images/ico-videokamery.gif) left top no-repeat;
}

ul.katalog-menu li.notebooky {
  background: url(../images/ico-notebooky.gif) left top no-repeat;
}

ul.katalog-menu li.dalekohledy {
  background: url(../images/ico-dalekohledy.gif) left top no-repeat;
}

ul.katalog-menu li.prislusenstvi {
  background: url(../images/ico-prislusenstvi.gif) left top no-repeat;
}

ul.katalog-menu li.prislusenstvi-tel {
  background: url(../images/ico-prislusenstvi-tel.gif) left top no-repeat;
}

ul.katalog-menu li.lcd {
  background: url(../images/ico-lcd.gif) left top no-repeat;
}

ul.katalog-menu li.lcd-tv {
  background: url(../images/ico-lcd-tv.gif) left top no-repeat;
}


/* Objednavka */

ul#objednavka {
  margin: 40px 0px 0px 0px;
  padding: 0px;
}

ul#objednavka li {
  float: left;
  width: 141px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  background: url(../images/objednavka-step.gif) no-repeat;
  text-align: center;
  color: #616161;
  list-style: none;
  font-size: 1.35em;
  font-weight: bold;
  line-height: 400%;
  position: relative;
}

ul#objednavka li.active {
  background: url(../images/objednavka-step-active.gif) no-repeat;
  font-size: 1.6em;
  line-height: 270%;
  color: white;
}

ul#objednavka li.done {
  background: url(../images/objednavka-step-done.gif) no-repeat;
}

ul#objednavka li.done a {
  color: white;
}

ul#objednavka li.done span {
  font-size: 0.9em;
}

ul#objednavka li.arrow {
  background: url(../images/objednavka-arrow.gif) no-repeat;
  color: white;
  width: 49px;
  height: 75px;
}

ul#objednavka li a {
  text-decoration: none;
  color: #616161;
}

ul#objednavka li a:hover {
  text-decoration: underline;
}

ul#objednavka li span {
  position: absolute;
  top: -15px;
  left: 6px;
  font-size: 0.7em;
}

ul#objednavka li a:hover span {
  text-decoration: none;
}

ul#objednavka li.active span {
  color: #97c9e2;
  top: -12px;
}

ul#objednavka li.doprava {
  line-height: 140%;
}

ul#objednavka li.doprava span {
  position: absolute;
  top: -3px;
  left: 6px;
}

table#objednavka {
  border-collapse: collapse;
  width: 710px;
  margin: 30px 0px 0px 0px;
}

table#objednavka td a img {
  border: 0px;
  height: 60px;
}

table#objednavka tr.border td, table#objednavka tr td.border  {
  border-bottom: 1px solid #dddddd;
}

table#objednavka td a  {
  color: #9c6e00;
  font-weight: bold;
}

table#objednavka td input {
  vertical-align: middle;
}

table#objednavka td label {
  font-weight: normal;
}

table#objednavka td strong {
  color: black;
}

table#objednavka tr.spc td {
  font-size: 0.8em;
}

table#objednavka tr td.pad-back {
  background: url(../images/table-objednavka-mnozstvi-back.gif) repeat-y left;
  padding-left: 20px;
}

table#objednavka tr td.cena, table#objednavka tr.border td.cena {
  border-right: 17px solid #dddddd;
}

table#objednavka-celkem {
  border-collapse: collapse;
  width: 710px;
  margin: 15px 0px;
}

table#objednavka-celkem td {
  font-size: 1.1em;
  padding: 0px 15px;
}

table#objednavka-celkem tr.top td {
  background: url(../images/objednavka-celkem-back.gif) top repeat-x;
  padding-top: 15px;
}

table#objednavka-celkem td.celkem {
  color: #004a8f;
  font-weight: bold;  
}

table#objednavka-celkem td.celkem strong {
  font-size: 2.2em;
}

table#objednavka-celkem td.zrusit {
  width: 250px;
}

div#zakaznik div.zakaznik {
  border-bottom: 1px solid #dddddd;
  width: 520px;
  padding: 5px 0px;
  margin-top: 10px;
}

div#zakaznik div.active {
  border: 0px;
  padding-bottom: 13px;
  background: url(../images/zakaznik-active-back.gif) repeat-x bottom;
}

div#zakaznik div.zakaznik label {
  font-size: 1.4em;
  font-weight: bold;
  color: black;
}

div#zakaznik div.zakaznik label:hover, div#zakaznik div.active label {
  color: #9c6e00;
}

div.step3 table {
  margin: 0px;
  width: 520px;
  background: url(../images/table-zakaznik-back.gif) repeat-x bottom;
}

div.step3 table td {
  padding: 5px 0px;
}

div.step3 table td.in {
  width: 50px;
}

div.step3 table td input {
  margin-left: 20px;
}

div#zakaznik label {
  font-weight: normal;
}

div#zakaznik label.active {
  font-weight: bold;
  color: #004a8f;
}

#zakaznik {
  width: 520px;
  float: left;
}

#souhrn {
  float: right;
  padding-bottom: 10px;
}

#souhrn strong.cena {
  float: right;
  font-size: 1.5em;
  color: #004a8f;
}

#souhrn #soucet-kosiku {
  background-color: #ffecc7;
}

table#poznamka {
  margin: 60px 0px 20px 0px;
}

table#poznamka th {
  border-bottom: 1px solid #bebeb6;
  color: black;
}

table#poznamka td {
  vertical-align: top;
}

table#poznamka td input.text {
  border: 1px solid #004a8f;
  width: 102px;
  height: 14px;
  *height: 16 px;
}

table#poznamka td textarea {
  border: 1px solid #004a8f;
}

table#poznamka td label {
  font-weight: normal;
}

table.zakaznik {
  width: 520px;
  margin: 10px 0px 20px 0px;
  background: url(../images/table-zakaznik-back.gif) repeat-x bottom;
}

table.zakaznik th, table.zakaznik td {
  padding: 4px 0px;
}

table.zakaznik th.nadpis {
  border-bottom: 1px solid #dddddd;
  color: #004a8f;
  font-size: 1.1em;
  padding: 6px 0px;
}

table.zakaznik th.normal {
  font-weight: normal;
}

table.zakaznik td input.psc, table.zakaznik td input.kod-banky {
  width: 40px;
}

table.zakaznik td input.bank-ucet {
  width: 95px;
}

table.zakaznik td input.check {
  width: 15px;
  border: 0px;
}

table.zakaznik td input  {
  border: 1px solid #004a8f;
  height: 14px;
  *height: 16px;
  width: 140px;  
  vertical-align: middle;
}

table.zakaznik td select {
  border: 1px solid #004a8f;
  height: 18px;
  *height: 19px;
  width: 95px;
  vertical-align: middle;
}

table.zakaznik td.spc {
  height: 40px;
}

/* ======================== FOOTER ====================== */

#footer p {
  padding: 5px 10px;
}

#footer a {
  color: white;
}

#icons {
  float: left;
  width: 966px;
  text-align: right;
}

#icons a img {
  border: 0px;
  margin: 0px 5px;
}

#icons .small {
  margin-top: 30px;
  margin-right: 10px;
} 






p.right, img.right, span.right, input.right, strong.right {
  float: right;
}

p.left, img.left, input.left {
  float: left;
}

p.no-margin {
  margin: 0px;
}

p.indent {
  text-indent: 3em;
}

p.justify {
  text-align: justify;
}

p.center {
  text-align: center;
}

strong.dark-orange, a.dark-orange, table#objednavka td strong.dark-orange, h2.dark-orange {
  color: #9c6e00;
}

strong.black {
  color: black;
}

strong.blue {
  color: #004a8f;
}

strong.bigger {
  font-size: 1.2em;
}

a {
  text-decoration: underline;
  color: #004a8f;
}

a:hover {
  text-decoration: none;
}

form {
  margin: 0px;
  padding: 0px;
}

table {
  font-size: 1em;
}

img.no-border {
  border: 0px;
}

th {
  text-align: left;
}

td.right, th.right {
  text-align: right;
}

td.center {
  text-align: center;
}

td.center-vertical {
  vertical-align: center;
}

td.top {
  vertical-align: top;
}

td.bottom {
  vertical-align: bottom;
}

label {
  font-weight: bold;
}

.tisk {
	display: none;
}

.hidden {
  display: none;
}