body {
 margin: 0px auto;  padding: 0px;  font: 80%/130% Verdana, 'Geneva CE', lucida, sans-serif;  
 background-image: url("img/poz-body.gif"); background-position: top left; /* background-repeat: repeat-x; */
 background-color: #C3D2BF; 
 text-align: center;}

a {color: #FF0; text-decoration: underline;}	
a:hover {color: #ff0; text-decoration:none;}
img {border: 0px;}
.col-in {display: block; margin: 5px; border: 1px solid #CC0000;}
.imgbrd {border: 1px solid #CC0000; margin: 2px;}

/* --------------------------- [ layout ] --------------------------- */

#cover {margin: 0px auto; padding: 0px; text-align: left; width: 950px; border: 0px solid #ccc;
				background-color: #BA0000; background-image: url("img/poz-cover.gif"); background-position: top left; background-repeat: repeat-x;}
#top {width: 950px; margin: 0px auto; padding: 0px;   height: 200px;   color: #fff; background-image: url("img/zahlavi.jpg"); background-position: top left; background-repeat: no-repeat; background-color: #000;}
#kos {width: 930px; font-size: 10px; margin: 0px auto; padding: 0px 10px; background-color: #830000; background-image: url("img/zapati.gif"); background-position: top left; background-repeat: repeat-x;
			border-top: 1px solid #999; border-bottom: 1px solid #999; line-height: 20px; height: 20px; text-align: right;}
#kos a {color: #ccc; text-decoration: none;}
#kos a:hover {color: #FFF; text-decoration: none;}
.bskcena {display: inline;}
#top-list	{text-align: center; padding: 5px 0px 5px 0px; margin: 0px 5px 0px 5px;}



/* --------------------------- [ sloupce ] --------------------------- */
						
#col-01 {float:left; width: 200px; padding: 10px 0px 0px 0px; margin: 2px;}
#col-02 {float:right; width: 722px; margin: 2px; padding: 5px 5px; text-align: left;}
#col-03 {display: none; float:right; width: 130px; padding: 0px; margin: 0px 0px 0px 0px; text-align: center;}
#col-01, #col-02, #col-03 {border: 1px solid #f00; /*background-color: #C3D2BF;*/}

/* ------------------------------------------------------------------- [ menu ] ------------------------------------------------------------------- */

/* #over-menu {border: 1px solid #000; margin: 0px 5px 5px 5px;} */
#menu {margin: 0px 5px 0px 5px; background-color: #800000; border: 1px solid #000;}
.menutop-1 {background-color: #800000;}
#menu ul,
.menutop-1 ul {margin: 0px 0px 2px 20px; padding: 0px 0px 0px 0px; list-style: none;}
#menu ul li,
.menutop-1 ul li {padding: 1px 0px 1px 0px; margin: 0px 0px 0px 0px; list-style: url(img/sipka.gif) outside; line-height: 10px;}
#menu li a {color : #fc0; font-size : 11px; font-weight: normal; display: block; text-decoration: none; margin: 0px;	padding: 2px;}
.menutop-1 li a {color : #fc0; font-size : 11px;font-weight:bold; display: block; text-decoration: none; margin: 0px;	padding: 2px;}
#menu li.dealer a {color : #fc0; text-align: left; margin: 10px 0px 0px 0px;}
#menu li a.sel,
#menu li a:hover ,
.menutop-1 li a:hover {color : #ff0; text-decoration: none;}
#menu li a.sel,
.menutop-1 li a.sel {color : #fff;}


#menu li a.e1 {color : #fff; font-size : 13px; font-weight: bold; display: block; text-decoration: none; margin: 0px;	padding: 2px; line-height:12px;}
#menu li a.e1 .sel,
#menu li a.e1:hover {color : #ff0; text-decoration: none;}
#menu li a.e1 .sel {color : #fff;}


/* ------------------------------------------------------------------- [ new - akce ] ------------------------------------------------------------------- */

#new-akce {padding: 0px; margin: 0px 5px 10px 5px;}
#new-akce ul{margin: 0px 0px; padding: 0px; list-style: none;}
#new-akce ul li{padding: 0px; text-align: left;}
#new-akce li a {color : #fff; font-size : 10px; font-weight: bold; display: block; text-decoration: none; margin: 1px;	padding: 0px 0px 0px 15px; background-color: #000;}
#new-akce li a.sel, #new-akce li a:hover {color : #fff; background-color: #751BC4;}
/* --------------------------- [ zapati ] --------------------------- */

#zapati {width: 950px; height: 20px; line-height: 20px; margin: 0px auto; background-color: #800000;
				 background-image: url("img/zapati.gif"); background-position: bottom left; background-repeat: repeat-x; border-top: 1px solid #999;}
#patt {font-size: 10px;  color: #ccc;  text-align: center;}
#patt hr {display: none;}
#patt a {color : #fff; text-decoration : underline;}
#patt a:hover {color : #fff;		text-decoration : none;}

/* --------------------------- [ login ] --------------------------- */

#prihlaseni {background-color: #800000; border: 1px solid #000; padding: 0px 0px 0px 0px; margin: 5px; text-align: left; }
.ilogin {color: #fff; padding: 5px; line-height: 17px; display: block; margin: 0px; /*text-align: right;*/ font-size: 10px;}
.ilogin a {color : #ffff00; text-decoration : underline;}
.ilogin a:hover {color : #fff;		text-decoration : none;}

/* --------------------------- [ anketa ] --------------------------- */

#anketa {font-size: 10px; padding: 0px; margin: 2px 0px 2px 0px; background-color: #F9F9F9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#anketa .otazka {font-size: 12px; color: #FFF; font-weight: bold; padding: 2px; margin: 0px; margin-bottom: 5px; background-color: #999;}
#anketa p {color: #000; padding: 0px; margin: 0px;}
#anketa span.img {color: #F60; padding: 0px; padding-left: 5px; font-weight: bold; margin: 0px;}
#anketa a {margin: 0px 5px;}

#anketa a.ankt {text-decoration: underline; color: #666; padding: 0px; display: block; margin: 0px 5px;}
#anketa a.ankt:hover {text-decoration: none; color: #F60; padding: 0px; margin: 0px 5px;}
#anketa a.ankt img {}
/* --------------------------- [ tipy ] --------------------------- */

.tip-rnd {font-size: 10px; padding-bottom: 2px; padding-top: 0px;}
.tip-rnd h5 {display: none;}
.tip-rnd h6 {margin: 0px 0px 2px 0px; padding: 3px; background-color: #666; text-align: center;}
.tip-rnd h6 a {color: #FFF; font-size: 11px; font-weight: bold; text-decoration: none;}
.tip-rnd h6 a:hover {color: #FC0; text-decoration : underline;}
.tip-rnd div img{border: 1px solid #ccc;}
.tip-rnd div {text-align: center; font-size: 10px; padding: 0px; margin: 0px 0px 5px 0px; background-color: #f9f9f9; border: 1px solid #CCC; height: 140px;}
.tip-rnd div span{color: #000; display: block;}
.tip-rnd div.clear {clear: both; border: 0px solid #f00; height: 1px; padding: 0px; margin: 0px;}

/* --------------------------- [ nadpisek ] --------------------------- */

.nadpis {color : #FF5A00; font-size : 12px; font-weight: bold; text-align: center; background-image : url(img/poz-grad.gif); background-repeat: repeat-x; background-position: left top; margin: 0px 0px 0px 0px; padding: 3px;}

/* ------------------------------------------------------------------- [ frm-s ] ------------------------------------------------------------------- */

.frm-s {background-image: url(none); background-color: #800000; border: 1px solid #000; padding: 5px 5px 5px 15px; margin: 5px 0px 5px 0px; /* width: 220px; */}
.frm-s div {display: inline; padding: 0px; margin: 0px;}
.frm-s p{display: block; padding: 0px; margin: 0px; width: 150px;}
.frm-s h4{display: none;}
.frm-s a {color: #ff0; font-size: 10px;}
.frm-s a:hover {color: #f00;}
#ftx{font-size: 11px; color: #ff0; background-color: #800000; border: 1px solid #fc0; width: 130px; margin: 0px 0px 0px 0px; padding: 1px; float: left;}
.frm-s input {border: 0px solid #ccc; background-image: url(none); background-color: transparent; float: left;}

/* --------------------------- [ LG ] --------------------------- */
.lg {padding: 0px; margin-bottom: 2px; font-size: 11px;}
.lg a {color: #FFF; font-weight: bold; text-decoration: underline; padding-left: 10px;}
.lg a:hover {color: #FFF; font-weight: bold; padding-left: 10px;}

/* --------------------------- [ výpis položek ] --------------------------- */

#col-02 h2 {font-size : 14px; font-weight: bold; margin: 10px 0px; padding: 3px; text-align: center; color : #ff0;
						background-color: #830000; background-image: url("img/zapati.gif"); background-position: top left; background-repeat: repeat-x;}

#dsort {color: #fff; clear:both; width: 700px; height:30px; padding: 0px 10px; border: 0px solid #ccc; display: block; margin-bottom: 10px;}
#dsort div {display: block; margin: 0px; padding: 0px; float: left; color: #000;}
#dsort div.lb {margin: 0px; padding: 0px;}

/* --------------------------- [ polozka ] --------------------------- */

.item {margin: 2px 2px 0px 0px; padding: 2px; background-color: #800000; border: 1px solid #000; display: block; width: 230px; height: 190px; float: left;}
.item-colin {display: block; height: 150px; font-size: 10px; padding: 0px;}
.item h1  {color:#fff; font-size: 12px; font-weight: bold; text-decoration: underline; margin: 0px; padding: 2px;}
.item a {color:#ff0; font-weight: bold; text-decoration: underline;}
.item a:hover {color:#fc0; font-weight: bold; text-decoration: underline;}
.item img {	float:left; margin: 2px 5px 5px 2px;	padding: 1px;	background-color: #800000;}
.item img.ico-akce {margin: 0px 5px 0px 0px;	border: none;	padding:0px;}
.item p.popis {	font-size: 10px;}
.item p {	color: #fc0;	margin: 0px;	padding: 0px;	font-size: 10px;}
.item p.cena {text-align: right; font-weight: bold; margin: 0px; padding: 0px;
							background-color: #830000; background-image: url("img/zapati.gif"); background-position: top left; background-repeat: repeat-x;}

/* --------------------------- [ filtr ] --------------------------- */
#filter  {padding: 2px; height: 16px; color: #fff; text-align: center; margin: 5px 0px; font-size:11px;   background-color: #000;   border: 1px solid #666;}
#filter a {color: #fc0; font-weight: bold; text-transform: uppercase;}
#filter a:hover {color: #ccc; font-weight: bold; text-transform: uppercase;}
/* --------------------------- [ strankovani ] --------------------------- */

#pagecnt {text-align: right; font-size: 10px; clear: both; height: 16px;	margin: 5px 10px; color: #000; padding: 0px 10px;}
#pagecnt a {color: #000;  border: 1px solid #C3D2BF; text-decoration: none; padding: 0px 5px;}
#pagecnt a:hover {color: #fff;  border: 1px solid #000;  background-color: #f00; text-decoration: none; padding: 0px 5px;}
#pagecnt a.pagecntsel {color: #fff;  border: 1px solid #ccc;  background-color: #000;  text-decoration: none;}

/* --------------------------- [ DETAIL POLOZKY ] ------------------------------------------------------------------------------------------ */

#detail-polozky {padding: 10px; margin:0px 0px; width: 700px; text-align: center; background-color: #900000; border: 1px solid #000;}
h1.detail {font-size : 16px; font-weight: bold; text-align: center; margin: 2px 5px; padding: 5px 0px; color: #fc0; border: 1px solid #f00; background-color: #7F0000;}
.bigimg {padding: 0px; margin: 10px 0px; border: 0px solid #f00; background-color: #fff;}

.smallimg {margin: 5px;	padding: 0px; border: 1px solid #C3D2BF;}

.lastimg {text-align: left; margin: 0px 2px 0px 2px; border: 1px solid #ccc;}

#noimage {width : 150px; height: 120px; float: left; /* border: 2px solid #CCC; */	text-align:center; display: none;}

.polid { color: #000; display: block; padding: 0px;	margin: 0px;}

#detail-polozky dl {padding: 10px;	margin: 2px; color: #fff; border: 1px solid #f00;}	
#detail-polozky dl dt{color: #fff; float: left; width: 150px; padding: 2px;	margin: 1px; text-align: left;} 
#detail-polozky dl dd {width: 200px; padding: 2px; margin: 1px 1px 1px 155px; font-weight: bold; text-align: left; color: #ff0; border: 1px solid #f00; background-color: #7F0000;}
#detail-polozky dl dd.stri {color : #999;}
#detail-polozky p {text-align: left; margin: 0px; padding: 0px;}
#detail-polozky p.pozn {color: #ccc; text-align: left; line-height: normal; padding: 10px;	margin: 2px; border: 1px solid #f00; font-size: 12px;background-color: #7F0000;}

/* ------------------------------------------------------------------- [ parametry kategorii ] ------------------------------------------------------------------- */

#param-tree {margin : 2px;}
.param-col {margin: 5px; padding: 2px; border: 1px solid #CCC; background-color: #FFFFFF;}	
.param-col h4 {margin: 5px; padding: 2px; font-size: 12px;}	
.param-col ul {margin: 0px; padding-left:1em;}
.param-col li {margin : 0 0 0 0em; list-style: none;}
.param-col li a {color: #000; padding-left:1em;}
.param-col li a:hover  {color: #900; background: url("img/icon/ico_arr1.gif") center left; background-repeat: no-repeat;}

/* ------------------------------------------------------------------- [ Formulare ] ------------------------------------------------------------------- */

form {color: #fff; margin: 0px; padding: 0px; border: 0px solid #8F8F8F;}
form div {display: inline;}
form.noform {padding: 0px; background-color: transparent; border: none;}
form div {padding: 0px;}
form.order  div,
form.search  div,
form.search-param div {padding: 0px; display: block;}
input, select, textarea {margin: 0px 0px 0px 5px; padding: 0px; color:#fc0; background-color: #600; border: 1px solid #fc0;}
#up, #down {background-color: transparent;  border: 0px solid #ccc;}
fieldset {margin: 2px; padding: 1px; border: 1px solid #CCC;}
form.search fieldset {color: #000; width: 450px; border: 0px solid #ccc; margin: 10px 0px 10px 10px;}
form.search select {float: left}
fieldset br {display: none;}
legend {font-weight: bold; color: #fff; padding: 2px 10px 2px 10px; margin: 0px 0px 10px 0px; background-color: #000;	border: 1px solid #CCC;}
fieldset div {clear: both; margin: 0px; position: relative;}
fieldset div span {display: none; color: #000;}
.zmiz {display: none;}
fieldset div:hover span {font-size: 85%; color: #c96; background-color: #faf0e6; padding: 0px; margin: 0px; border: 1px solid #000; display: block; position: absolute; z-index: 100; float: right;}
* html fieldset div span {font-size: 85%; color: #c96; padding: 0px; margin: 0px; border-left: 1px solid #F60; display: block;}
label, fieldset div.cr p {margin: 0px; display: block; width: 13em; text-align: right; float: left;}
fieldset div.cr label {text-align: left; padding: 0px; margin: 0px; width: 100px; float: none;}
.lbcol {float:left; display: block;}
.buttons {text-align: center;}
.removed {display: none !important;}

/* ------------------------------------------------------------------- [ Objednavka ] ------------------------------------------------------------------- */

form.order {color: #fff; width: 525px;}
form.order  div {padding-top: 2px; display: block; width: 230px;}
form.order fieldset  {color : #ccc; display: block; margin: 5px; padding: 5px; float: left; width: 230px; border: 1px solid #9FA99C;}
form.order fieldset legend {color : #fff; background-color: #000; border: 1px solid #9FA99C;}
form.order label { width: 90px; border: 0px solid #f5f5f5;}
form.order .lbcol {margin: 0px; padding: 0px;}
form.order input {float:left;  margin: 0px;  padding: 0px; width: 90px; background-color: #600; border: 1px solid #fc0;}
form.order fieldset input {width: 130px; float: right;   margin: 0px;   padding: 0px;}
#poznamka  {color : #fff; width: 500px; margin: 5px 0px 5px 20px; /* float: left; */}
label {color: #fff;}
label.pvn {color: #fc0; font-weight: bold;}
label.pvn:after {content: "*";}
/* ------------------------------------------------------------------- [ BUTTONS ] ------------------------------------------------------------------- */


.btn a {float: left; font-size: 10px; padding: 3px; text-decoration: none; color:#fff; margin: 10px 2px 10px 10px;
				background-color: #000; border: 1px solid #f00; font-weight: bold;}
.btn a:hover {background-color: #f00; border: 1px solid #000; color: #000;}
.bnt a img {padding-top: 2px;}

.lf {float: left;}
.clear {clear: both;}

form.order input#ok {margin-left: 20px; font-size: 12px; padding: 3px; width: 250px; text-decoration: none; color:#FFF; background-color: #000; border: 1px solid #ccc; font-weight: bold;}
#prepocet {margin-right: 1px; margin-left: 1px; width: 520px; color: #fc0; font-weight: bold; font-size: 14px; background-color: #000; border: 1px solid #666;}

/* ------------------------------------------------------------------- [ Tabulka - vypis ] ------------------------------------------------------------------- */

#tb {}
#tb table {background-color: #600; border : 1px solid #000; margin: 0px auto;}
.tonmb {text-align: right;}

/* ------------------------------------------------------------------- [ Tabulka pro kosik ] ------------------------------------------------------------------- */

.tbkosik {background-color: #600; font-size: 11px; width: 520px; /* float: left; */	margin: 1px;}
.tbkosik td, .tbkosik th {padding: 2px; color: #000;}
.tbkosik td{background-color: #fc0;}
.tbkosik  thead tr th{color: #FFF; background-color: #300; font-weight: bold;}
.tbkosik tr.total,
.tbkosik tr.total-final td {color: #FFF; background-color: #300;}
.tbkosik tr.dan td {background-color: #300; text-align: right; font-style: italic; font-weight: bold; color: #FFF;}

col.lf {text-align: left; background-color: Green;}
.tbkosik col.rg {text-align: right; background-color: Green;}
.tbkosik input.nmb {text-align: right; font-size: 11px;}

#bott {display: none;}

.msg-u {border: 1px solid #F60; background-color: #333; text-align: left; margin: 10px; padding: 10px;}
.msg-u p {color: #FFF; margin: 0px; padding: 0px 0px 0px 10px;}
.msg-u em {color: #FC0; margin: 0px; padding: 0px;}
.msg-u .tl {font-weight: bold;}
.msg-u.err {color: #FFF; padding: 0px;}
.msg-u.ok {color: #FFF; padding: 0px; margin: 0px; display: block; border: 1px solid #9FA99C; margin: 0px 2px 2px 0px; background-color: #333; text-align: left;}

.lista-seo { /*display: none;*/ text-align:center; font-size: 9px; color: #ccc; padding: 5px; margin: 0px auto; width: 950px;}
.lista-seo a  { color: #ccc; }
.lista-seo a:hover, .lista-seo a.sel  { color: #ccc; }

.lista-seo-ext { /*display: none;*/ text-align:center; font-size: 12px; color: #ccc; padding: 5px; margin: 0px auto; width: 950px;}
.lista-seo-ext a  { color: #ccc; }
.lista-seo-ext a:hover, .lista-seo a.sel  { color: #ccc; }


/* ------------------------------------------------------------------- [ @media print ] ------------------------------------------------------------------- */

@media print {
		body {font: 70%/120% Verdana;}
		#cover { border: none; }
		#col-02, #vypis { color: #FFFFFF; width: 80%; border: none; float:none; }
		#patt { text-align: right; display: inline; }
		#bott { display: block; text-align: right; font: 80%/160% Verdana; }
		#bott h1 { font: 140%/160% Verdana; }
		#zahlavi, #col-01,#top, #menu, .btn, .noprn, #col-01, #pagecnt #menutop, #overtop,  #menu, .m0l0iout,.m0l0iover,.m0l0oout,.m0l0oover,.m0l1iout,.m0l1iover,.m0l1oout,.m0l1oover,.m0l2iover,.m0l2oout,.m0l2oover { display: none; }
		#zapati {border-top: 1px solid #000;border-bottom: 0px solid #000;}
		#bott {border-top: 0px solid #000;border-bottom: 1px solid #000;}
}