/**{margin:0; padding:0;}*/
body {
	background:#CCCC9A; /*url(../images/bg_footer.png) no-repeat center bottom;*/
	color: #000;
	font-size:12px;
	text-align:center;
}

html,body {height:100%}

#bg {height:100%}

#vino {
  display:block;
  background: url(../images/bg_body_clanky.gif) repeat-x left top
}  

#vlna {
  height:100%;
 /* position:relative;
  bottom:0;
  left:0;
  width:100%;*/
  background: url(../images/bg_footer.png) no-repeat center bottom;
  /*overflow:hidden;
  height:250px;*/
}  

#mother {
  /*display:table;*/
  margin:0 auto;
  width:950px;
  position:relative;
  text-align:left;
  /*min-height:100%;*/
}

.container {padding:0px}

#hornipruh { height:49px;} 

#langs, #kurz, #loginTop, #hledani {
  position:absolute;
  top:30px;
}

#langs {left:245px}
#kurz   {left:390px}
#loginTop {left:560px;}
#hledani {right:5px;top:23px}
#langs a, #kurz a, #loginTop a {color:#636363;padding-left:5px;padding-right:5px}
#loginTop a {font-weight:bold;}

#sword {  width:100px;margin-right:8px;}
#ssubmit {
  background:none;
  color:#578F67;
  font-weight:bold;
  border:none;
  font-size:11px;
}  

#logo {
 font-size:20px;
 position:Absolute;
 left:0;
 top:0;
}  
  
.tdPopis {width:180px;text-align:right;padding:4px}
.registrace td {
  font-size:13px;
  padding:3px;
}

.registrace td.tdPopis {
  width:120px;
  text-align:left;
  color:#666;
  font-style: italic
}  

.katalog {width:98%}
.katalog thead td {padding:4px;background:#f385bf}
.katalog td {padding:3px;font-size:12px;}
.katalog td img {border:1px solid #989898;padding:2px}

.rekapitulace {
 width:100%;
 background:none; 
}
.rekapitulace td {
 padding:3px;
 text-align:right;
 font-size:15px;
 color:#050F38;
}

.rekapitulace input {font-size:15px;}
.errorContainer { display:block;padding:4px;background:#f2f2f2;color:#ff0000;font-size:13px;font-weight:bold;text-align:center;border:1px solid #ababab;margin-bottom:6px}
.messInfo {display:block;margin-top:8px;margin-bottom:8px;font-style:italic;color:#989898;border:1px solid #989898;padding:6px;}
span.error {display:block;text-align:center;color:#ff0000;font-weight:bold;margin-bottom:10px;}
span.required {font-size:bold;text-decoration:underline}

.strankovani {
 display:block;
 text-align:center;
 margin:10px;
}

.strankovani a {
  color:#000;
  font-size:12px;
  padding:7px;
  border:none
}
.strankovani a:hover, .strankovani a.active {
  color:#20236B;
  text-decoration:underline
}

.over {display:inline;text-decoration : line-through;}

#userline {display:block;ackground: url(../images/bg_status.gif) repeat-x;height:35px;padding-left:220px;margin-bottom:1px}
#userline .container {padding:7px;text-align:right}
#userline a {display:inline;padding:6px;color:#454545;text-decoration:none}
#userline a:hover {text-decoration:underline;color:#372572}
.tecka {width:60px;height:10px;background: url(../images/tecka.gif) no-repeat  0 50%}

#obsah {
 /*margin-top:126px;*/
 padding-bottom:20px;
}

.mezera126 {
   height:126px;
}   

.col-l {float:left;width:20%}
.col-r {float:right;width:20%}
.c {padding:8px}

#col-l {
  float:right;
  width:206px;
}

.nastip {
  background: #fff url(/images/bg_nastip.gif) repeat-x left top;
  padding:5px;
  width:190px;
}

.nastip h2 {
  font-size:14px;
  color:#fff
}

.nastip .col1 p {
  padding-left:10px;
}

.nastip .col2 {
  float:right;
  width:75px;
}

.nastip strong {
 color:#396E52
}

#col-middle {
 float:right;
 width:742px;
 background:#fff;
 /*min-height:481px;
 height:481px;*/
}

#col-middle .c {
  padding:20px;
}  
#produkt-desc {  
  height:354px;
  position:relative;
  width:120px;
  background-color:#E3E3BF;
  padding:15px;
  float:left;
  margin-right:10px;
}
#produkt-list { 
 position:relative;
 z-index:auto;
}
  
#produkt-line {  
  height:390px;
  position:relative;
/*  width:635px; */
  width:475px;
}

img#pageback {
  float:left;
  position:relative;
  top:90px;
  margin-right:10px;
}

img#pagenext {
  position:absolute;
  top:90px;
  right:5px;
}  
  
a#pageback {
  float:left;
  position:relative;
  top:90px;
  margin-right:10px;
  width:21px;
  height:145px;
  background: url(../images/page_back_off.gif) no-repeat left center
}
a#pageback:hover {background: url(../images/page_back_on.gif) no-repeat left center}

a#pagenext {
  position:absolute;
  top:90px;
  right:5px;
  width:21px;
  height:145px;
  background: url(../images/page_next_off.gif) no-repeat left center
}  
a#pagenext:hover {background: url(../images/page_next_on.gif) no-repeat left center}

.detail #pagenext {  top:75px}

.clanek {
  line-height:1.5em;
}
 
/* =======================  KOSIK =======================*/

.platbabox {
  line-height:20px;
  font-size:12px;
}

.platbabox input {margin-right:10px;}

#kosik-line {
 color:#578F67;
 text-align:left;
 padding:14px;
 padding-left:5px;
 padding-right:5px;
 font-size:15px;
 background:#F5F5EB;
 text-align:center;
 	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#kosik-line a {
 color:#578F67;
 font-size:15px
}


table.kosik {
  width:99%;
  margin-bottom:10px;
  border-collapse: collapse;
}

table.kosik tr {  border-top:1px dotted #ccc}
table.kosik tr:first-child {  border-top:none}

table.kosik td {
  padding:4px;
  color:#222;
  font-size:12px;
  vertical-align:top
}

table.kosik thead tr {
  background: #989898;
}

table.kosik thead td {
  color:#fff;
  text-align:left;
  padding-left:5px;
}

table.kosik a  {
   font-size:14px;
   text-decoration:underline;
   margin-bottom:5px;
   color:#000;
}

table.kosik a:hover {text-decoration:none;color:#CC0066}

.kosik fieldset {
  margin:0;
  border:none;
  padding:0;
  text-align:left
}

.kosik label {display:none}
.kosik input, .kosik select {margin-bottom:3px;}
/* =======================  KOSIK =======================*/

.pathInfo {
 display:block;
 font-size:12px;
 color:#000;
 background:none;
 text-align:left;
 margin-top:5px;
 margin-bottom:5px;
}


.pathInfo .c2 {
  display:block;
  padding:9px;
}

.pathInfo a {
  color:#333;
  background:url(../images/sipka_path.gif) no-repeat left 2px;
  padding:5px;
  text-decoration:none
}
.pathInfo a.prvni {background:none;padding-left:0}

.pathInfo a:hover {
  color:#4b4a80;
  text-decoration:underline
}

#status-line {position:Absolute;left:240px;top:230px;font-size:12px}
#status-line td {font-size:12px;color:#c2c2c2;padding:3px}
#status-line a {color:#fff;text-decoration:underline;font-size:12px;padding-left:10px;padding-right:10px}
#status-line a:hover {color:#fff;text-decoration:none}

.vypis {
 border:none;
 border-collapse:collapse;
 width:100%
}
.vypis thead td {
 padding:4px;
 background:#eee;
 color:#000;
 text-align:right;
 font-style:italic;
 font-size:11px;
}
.vypis td {
 padding:8px;
 font-size:13px;
 background:none;
 text-align:right;
}

.vypis thead td:first-child, .vypis td:first-child {text-align:left;}
.vypis tr.stav4 td {color:#ff0000}

.kosik-produkt h4 {color:#fff;font-size:12px;font-weight:bold;text-align:left;}

.buttonKosik {padding:3px;background:#4b4a80;color:#fff;text-align:center;margin-left:8px;border:none;font-size:12px;font-weight:bold}

.kod {font-size:9px; color:#989898}
.detail {
  position:relative
}
  
.velkyImgDetail {
 float:left;
 margin-right:5px;
 text-align:center;
 padding:5px;
 width:140px;
}
.velkyImgDetail .thumbs img {
 border:2px solid #ccc;
 float:left;
 margin-left:5px;
 margin-bottom:5px;
}

.velkyImgDetail .thumbs img:first-child {margin-left:0}

.velkyImgDetail .priznaky {font-size:16px;margin-top:10px}
.thumbs {text-align:center}
.thumbs img {
  fl/oat:left;
  margin:5px;
  border:2px solid #ccc
}

.detail-box {
 float:left;
 width:470px;
}

.detail-box .clanek {line-height:14px;}

.skladem {  color:#CB0065;font-weight:bold;text-transform:uppercase}

.spodniLista {display:block;text-align:right;color:#000;font-size:12px;}
.spodniLista a {color:#454545;font-size:12px;}
.spodniLista a:hover {text-decoration:underline;color:#000}

.off {visibility:hidden}
.on {visibility:visible}

.text {display:block;}

a.velky {font-size:15px;font-weight:bold}

.red {color:#cc3300;}
.blue {color:#333399} 

#footer {
  position:absolute;
  bottom:0px;
  left:0;
  width:210px;
  /*margin-top:-60px;
  border-top:2px solid #294732;*/
  color:#fff;
  /*background:#528F65;*/
  text-align:right
}

#footer .container {padding:10px;}
#footer a {color:#fff; text-decoration:underline}
#footer a:hover {text-decoration:none}

.gallery-tab {padding:0;margin:5px;border:none;background:#fff}
.gallery-tab td {
  padding:3px;
  background:none;
  margin:1px;
  text-align:center;
  width:150px;
}
.gallery-tab img {border:none;}

.prilohy {
  padding:5px;
  background:none;
  margin-bottom:10px;
}

.prilohy ul { padding:0px;}
.prilohy li {background: url(../images/listpriloha.gif) no-repeat left top; padding:5px;margin-bottom:2px;}


.mezera {margin-bottom:10px;border:none;}

.none{display: none;}
.block{display: block;}
.hide {visibility: hidden; height:1px; font-size:1px;}

.break {clear: both;}
.align-l { text-align: left;}
.align-r { text-align: right;}
.center { text-align: center;}
.float-l { float: left;}
.float-r { float: right;}

.border {border:2px solid #e2e2e2;}

.br {font-size:1px;margin:10px;}

#gmapa {
  width:590px;
  height:500px;
  border:3px solid #eee
}

.prikaz {
   background: #ccc;
   color:#000;
   font-size:12px;
   margin-bottom:10px;
   padding:10px;
}

.prikaz table td {
  padding:4px;
  font-size:14px;
}

table.kosik-prehled {
  width:99%;
  margin-bottom:10px;
  background:#eee;
  border-collapse:collapse;
  border:1px solid #666
}

table.kosik-prehled td {
  padding:4px;
  color:#222;
  border:1px solid #666
}

table.kosik-prehled thead tr {
  background: #989898;
}

table.kosik-prehled thead td {
  color:#fff;
  text-align:left;
  padding-left:5px;
}
.emptypage {text-align:justify;}