body {
    margin: 0px auto;
    padding: 0px auto;
    font: 80%/130% Verdana, 'Geneva CE', lucida, sans-serif;    
    background-color: #393229; 
    text-align: center;
    color: #CCC;
}

a {
	color : #F2DCC4;
	text-decoration : underline;
}

a:hover {
	color : #FFF;	
	text-decoration : none;
}


img {
    border: 0px;
}

.col-in {
	display: block;
	margin: 1em;
}



.imgbrd {
	border: 1px solid #CC0000;
	margin: 2px;
}

/* --------------------------- [ layout ] --------------------------- */
#cover {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
  background-color: #000;
  width: 900px;
}

#top {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	height: 205px;
	background-image: url("img/zahlavi.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

#kos {
	font-size: 11px;
	text-align: right;
	font-weight: bold;
	display: block;
	padding: 0px 0px 0px 0px;
	line-height: 25px;
}

#kos a {
	color: #FFF;
	text-decoration: none;
}
#kos a:hover {
	color: #C8AD8D;
	text-decoration: underline;
}

.bskcena {
	display: inline;
}
		
/* --------------------------- [ sloupce ] --------------------------- */
						
							#col-01 {
								float:left;
								width: 200px;
								padding: 0px;
								margin: 0px 0px 0px 0px;
							}
							
							#col-02 {
								float:left;
								width: 558px;
								margin: 0px 5px;
								padding: 0px 0px;
								/*border: 1px solid #666;*/
							}
							
							#col-03 {
								float:right;
								width: 130px;
								padding: 0px;
								margin: 0px 0px 0px 0px;
								text-align: center;
							}
							#col-01, #col-02, #col-03 {
								/* background-color: #efefef; */
							}

/* --------------------------- [ zapati ] --------------------------- */

#zapati {
	height: 25px;
	line-height: 25px;
	background-image: url("img/zapati.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

#patt {
 font-size: 10px;
 color: #fff;
 text-align: center;
}
 
#patt hr {
 display: none;
}

#patt a {
	color : #fff;
	text-decoration : underline;
}

#patt a:hover {
	color : #fff;	
	text-decoration : none;
}
/* --------------------------- [ login ] --------------------------- */

.ilogin {
	color: #CCC;
	padding: 0px;
	display: block;
	margin: 0px;
	text-align: right;
	font-size: 10px;
}

.ilogin a {
	color : #CCC;
	text-decoration : underline;
}

.ilogin a:hover {
	color : #C8AD8D;	
	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: #C8AD8D;
	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: #C8AD8D;
	padding: 0px;
	margin: 0px 5px;
}
#anketa a.ankt img {

}


/* --------------------------- [ 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;
}

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

.menu ul{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.menu ul li{
	padding: 1px 0px 2px 5px;
}

.menu li a {
	color : #666;
	font-size : 11px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin: 0px;	padding: 0px;
	border-bottom: 1px solid #C8AD8D;
}
.menu li.dealer a {
	color : #000;
	border-bottom: 1px solid #666;
	text-align: right;
}

.menu li a.sel, .menu li a:hover {
	color : #F2DCC4;
	/* background-color: #FF5A00; */
}

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

#new-akce {
	padding: 10px 0px 10px 0px;
margin: 0px;
}

#new-akce ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#new-akce ul li{
	padding: 0px;
	text-align: right;
}

#new-akce li a {
	color : #FFF;
	font-size : 11px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin: 0px;	padding: 2px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	background-color: #666;
}

#new-akce li a.sel, #new-akce li a:hover {
	color : #000;
	background-color: #FFB14C;
}

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

.frm-s {
	border: 0px solid #ccc;
	background-image: url(none);
	background-color: transparent;
	padding: 0px;
	margin: 20px 0px 5px 0px;
	width: 170px;
}
.frm-s div, .frm-s p{
	display: inline;
	padding: 0px;
	margin: 0px;
}
.frm-s h4{
	display: none;
}

.frm-s a {
	color: #999;
	font-size: 10px;
}
.frm-s a:hover {
	color: #F2DCC4;
}

#ftx{
	font-size: 11px;
	color: #FFF4DC;
	background-color: #000;
	border: 1px solid #C8AD8D;
	width: 140px;
	margin: 0px;	padding: 1px;
	float: left;
}

.frm-s input {
	border: 0px solid #ccc;
	background-image: url(none);
	background-color: transparent;
	float: left;
}

/* --------------------------- [ tipy ] --------------------------- */

.tip-rnd {border: 0px solid #999; margin:0px; padding: 11px 2px 0px 2px;}
.tip-rnd h5 {display: none;}
.tip-rnd p.tip-ndp {color: #fff; font-size: 12px; border-bottom: 0px solid #fff; font-weight: bold; margin:0px; padding: 0px 5px; line-height: 27px;
										background-color: #000;}

.tip-rnd span a {font-size: 13px; font-weight:bold; color:#fc0; text-decoration: none; display:block; padding:0px;  line-height: 15px;
									margin: 0px 0px 20px 0px; padding: 3px; text-align: left; background-color: #333; display:block;}
.tip-rnd span a:hover {color:#f00; text-decoration: none;}
.tip-rnd div img{border: 0px solid #ccc;}
.tip-rnd div a img {border: 3px solid #333;}
.tip-rnd div a:hover img {border: 3px solid #fc0;}

.tip-rnd div {text-align: center; font-size: 10px; padding: 0px; margin: 0px 0px 0px 0px; background-color: #000;}
						 
.tip-rnd div span{color: #999; display: block;}
.tip-rnd div.clear {clear: both; border: 0px solid #f00; height: 1px; padding: 0px; margin: 0px;}


.ilogin {color: #fff; padding: 10px 10px 10px 10px; line-height: 12px; display: block; text-align: left; font-size: 10px;}
.ilogin a {color : #ff0; text-decoration : underline;}
.ilogin a:hover {color : #f00; text-decoration : none;}


/* --------------------------- [ 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 {
	color : #FFF4DC;
	font-size : 16px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 3px;
}



#dsort {height:30px; padding: 0px; margin: 0px;}
#dsort * {color:#fff; vertical-align: middle;}
#dsort div {float:left; height:30px; padding: 0px; margin: 0px;}
#sort {}
#up {}
#down {}
#dsort form  {padding: 0px; margin: 0px;}
#dsort div.clear {float:none; height:1px; padding: 0px; margin: 0px;}


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

.item {margin: 3px 2px 2px 3px; padding: 5px 2px; display: block; text-align:left; width: auto;	border: 1px solid #666;}
.item-colin {padding: 0px;}

.item h1  {color:#666; font-size: 10px; font-weight: normal; text-decoration: none; margin: 0px; height: 15px; line-height: 12px; background-color: #333;}
.item h1 a {font-size: 12px;  font-weight: bold; display:block; padding:0px; text-decoration: none; height: 15px; line-height: 15px;}
.item a {color:#fc0; text-decoration: none;}
.item a:hover {color:#f00; text-decoration: none;}

.obr-table {height:100px; width:150px; float:left;}
.item img {margin: 5px auto;}

.item a img {border: 3px solid #333;}
.item a:hover img {border: 3px solid #fc0;}

.item img.ico-akce {display: none;}
.item p.popis {color: #fff;	margin: 0px; float:right; 	padding: 0px;	font-size: 11px; height: 100px; width:380px; }


.item p.cena {text-align:right; color: #f00; font-weight: normal; margin: 2px; padding: 3px; line-height: 15px;}
.item p.cena a {color: #007E37; text-decoration: underline;}
.item p.cena a:hover {color: #000; }

/* --------------------------- [ filtr ] --------------------------- */

#filter  {padding: 2px;color: #fff;text-align: center;margin: 0px ;font-size:11px;height: 16px}
#filter a {color: #f60;font-weight: bold;text-transform: uppercase;}
#filter a:hover {color: #fc0;font-weight: bold;text-transform: uppercase;}

/* --------------------------- [ strankovani ] --------------------------- */

#pagecnt {text-align: right;clear: both;border: 1px solid #999;height: 16pxmargin: 5px;}
#pagecnt a {color: #fc0;text-decoration: none;}
#pagecnt a:hover {color: #f00;text-decoration: none;}
#pagecnt a.pagecntsel {border: 1px solid #999;background-color: #F00;color: #fff;text-decoration: none;}

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

#detail-polozky {
	padding: 0px 0px 0px 0px;
	margin:  0px 10px;
	width: 530px;
	/* background-color: #000;	*/
}

h1.detail {
	color : #C8AD8D;
	font-size : 18px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

.bigimg {
	padding: 0px;
	margin:  0px 0px 10px 0px;
}

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

.lastimg {
	text-align: left;
	margin: 0px 2px 0px 2px;
	border: 1px solid #CCCCCC;
	background-color: #333;
}

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

.no-image {
	width : 120px;
	height: 80px;
	float: left;
	font-size: 70%;
	padding-top: 15px;
}

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

#detail-polozky dl { 
	padding: 10px;	margin: 2px;
  color: #333;
	border: 1px solid #666;
}
	
#detail-polozky dl dt{ 
  color: #FFF;
	float: left; 
  width: 180px;
	padding: 2px;	margin: 1px;
	text-align: right;
} 

#detail-polozky dd {
  width: 300px;
  padding: 2px; margin: 1px;
  font-weight: bold;
  text-align: left;
	color: #FFF;
	border: 1px solid #666;
	background-color: #000;
}


#detail-polozky  dd.stri {
	color : #999;
}


#detail-polozky p.pozn {
	color: #F2DCC4;
	text-align: left;
	line-height: normal;
  margin: 0px 2px 0px 2px;
  padding: 10px;
	border: 1px solid #666;
}

h4.ext-ceny-tab-ndp {color : #fc0;}

/* ------------------------------------------------------------------- [ 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 {
	margin: 0px;
	padding: 0px;
	/* background-color: #FFFFFF; */
	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;
		background-color: #000;
		border: 1px solid #C8AD8D;
		color: #FFF;
}

#up, #down {
    background-color: transparent;
    border: 0px solid #ccc;
}

fieldset {
	margin: 2px;
	padding: 1px;
	border: 1px solid #CCC;


}

form.search fieldset {
	width: 530px;
	border: 0px solid #ccc;
	margin: 10px 0px 10px 10px;
}

form.search select {float: left}

fieldset br {
	display: none;
}

legend {
	font-weight: bold;
	color: #000;
	padding: 2px 10px 2px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #f9f9f9;	
	border: 1px solid #C8AD8D;
}

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 #C8AD8D;
	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;
}

.pvn {
	color: #FFF000;
}
.pvn:after {
	content: "*";
}

.buttons {
	text-align: center;
}

.removed {
	display: none !important;
}

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

form.order {
	width: 550px;
}
form.order  div {
	padding-top: 2px;
	display: block;
	width: 230px;
}

form.order fieldset  {
	color : #000;
	display: block;
	margin: 5px;
	padding: 5px;
	float: left;
	width: 250px;
	border: 1px solid #C8AD8D;
}

form.order fieldset legend {
	color : #ccc;
	background-color: #000;
	border: 1px solid #C8AD8D;
}

form.order label {
	color : #ccc;
	width: 90px;
	border: 0px solid #f5f5f5;
}

form.order label.pvn {
	color: #FFF000;
}
form.order label.pvn:after {
	content: "*";
}

form.order .lbcol { 
	margin: 0px;
	padding: 0px;
}

form.order input {
		color : #ccc;
		float:left;
    margin: 0px;
    padding: 0px;
		width: 90px;
		background-color: #000;
		border: 1px solid #C8AD8D;
}
form.order fieldset input {
	width: 110px;
	float: right;
  margin: 0px;
  padding: 0px;
}
#poznamka  {
	color : #000;
	width: 450px;
	margin: 5px 0px 5px 20px;
	/* float: left; */
}

/* ------------------------------------------------------------------- [ BUTTONS ] ------------------------------------------------------------------- */


.btn a {
	float: left;
  font-size: 10px;
	padding: 3px;
	text-decoration: none;
	color:#ffffff;
	margin: 2px;
	background-color: #333;
	border: 1px solid #C8AD8D;
	font-weight: bold;
}

.btn a:hover {
	background-color: #C8AD8D;
	border: 1px solid #000;
	color: #fff;
}

.bnt a img {
	padding-top: 2px;
}

.lf {
	float: left;
}

.clear {
	clear: both;
}

form.order input#ok {
	/* float: left; */
	margin-left: 20px;
  font-size: 12px;
	padding: 3px;
	width: 250px;
	text-decoration: none;
	color:#FFF;
	background-color: #333;
	border: 1px solid #C8AD8D;
	font-weight: bold;
}

#prepocet {
	margin-right: 1px;
	margin-left: 1px;
	background-color: #333;
	width: 550px;
	color: #FC0;
	font-weight: bold;
	font-size: 14px;
}

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

#tb {

}

#tb table {
	background-color: #FDF2DF;
	border : 1px solid #000;
	margin: 0px auto;	
}

.tonmb {
	text-align: right;
}

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

.tbkosik {
	background-color: #CCC;
	font-size: 11px;
	width: 550px;
	/* float: left; */
	margin: 1px;
}

.tbkosik td, .tbkosik th {
	padding: 2px;
	color: #333;
}
.tbkosik td{
	background-color: #FFF;
}
.tbkosik  thead{
	background-color: #CCC;
	font-weight: bold;
	color: #000;	
}

.tbkosik tr.total,
.tbkosik tr.total-final td
 {
	color: #FFF;
	background-color: #666;
}

.tbkosik tr.dan td {
	background-color: #C8AD8D;
	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 #C8AD8D;
	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 #C8AD8D;
	margin: 0px 2px 2px 0px;
	background-color: #333;
	text-align: left;
}


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

@media print {

body {font: 70%/120% Verdana;}

#top,
#menu,
.btn,
.noprn,
#col-01,
#pagecnt
#menutop,
#overtop, 
.menutop-1,
{
	display: none;
}


#cover {
	border: none;
}
#col-02,
#vypis {
	color: #FFFFFF;
	width: 80%;
	/* float: left; */
	border: none;
}

.item {
	border: 1px solid #000;
	width:160px;
}
.item a.tit h1 {
	text-decoration: none;
	color: Black;
}

#noimage {
	border: 1px solid #000;
}

.polid dd {
	border: 1px solid #000;
}

#patt {
	text-align: right;
	display: inline;

}

#bott {
	display: block;
	text-align: right;
	font: 80%/160% Verdana;
}

#bott h1 {
	font: 140%/160% Verdana;

}


.m0l0iout,
.m0l0iover,
.m0l0oout,
.m0l0oover,
.m0l1iout,
.m0l1iover,
.m0l1oout,
.m0l1oover,
.m0l2iover,
.m0l2oout,
.m0l2oover {
	display: none;
}

}