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: #23338B; 
    text-align: center;
}

a {
	color: 				#07CDFF;
	text-decoration: 		underline;
}	
a:hover {
	color: 				#00EAFF;
	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: 750px;
  background-image: url("img/poz-cover.gif");
	background-position: top left;
	background-repeat: repeat-y;
}

#top {
	width: 750;
	margin: 0px;
	padding: 0px;
  height: 124px;
	background-image: url("img/zahlavi.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	border-top: 3px solid #4278E5;
	border-bottom: 3px solid #4278E5;
}

#kos {
	font-size: 10px;
	text-align: right;
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	height: 20px;
	background-color: #000;
}

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

.bskcena {
	display: inline;
}
	
#top-list	{
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
/* --------------------------- [ sloupce ] --------------------------- */
						
							#col-01 {
								float:left;
								width: 240px;
								padding: 0px 5px;
								margin: 0px 0px 0px 0px;
							}
							
							#col-02 {
								float:right;
								width: 484px;
								margin: 0px 1px 0px 5px;
								padding: 5px 5px;
								text-align: left;
							  background-image: url("img/poz-col2.jpg");
								background-position: top left;
								background-repeat: repeat-y;
							}
							
							#col-03 {
								display: none;
								float:right;
								width: 130px;
								padding: 0px;
								margin: 0px 0px 0px 0px;
								text-align: center;
							}
							#col-01, #col-02, #col-03 {
							}

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

#zapati {
	height: 25px;
	line-height: 25px;
	margin: 0px 0px 0px 0px;
	background-color: #050E41;
	border-top: 3px solid #4278E5;
	background-image: url("img/zapati.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

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

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

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

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

.ilogin a {
	color : #EAEAEA;
	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;
}

/* ------------------------------------------------------------------- [ menu ] ------------------------------------------------------------------- */
#menu {
}

#menu ul{
	margin: 0px 0px 5px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#menu ul li{
	padding: 1px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	list-style: url(img/sipka.gif) outside /*inside*/;
	line-height: 10px;
}

#menu li a {
	color : #FFF;
	font-size : 11px;
	font-weight: normal;
	display: block;
	text-decoration: none;
	margin: 0px;	padding: 0px;
}
#menu li.dealer a {
	color : #66E8FF;
	text-align: left;
	margin: 10px 0px 0px 0px;
}

#menu li a.sel, #menu li a:hover {
	color : #fc0;
	background-color: #020A34;
	border-right: 3px solid #fc0;
}

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

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

#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;
	border-bottom: 1px solid #2B3B93;
	border-top: 1px solid #2B3B93;
	background-color: #0C1962;
}

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

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

.frm-s {
	border: 0px solid #ccc;
	background-image: url(none);
	background-color: #000/*transparent*/;
	padding: 5px 5px 5px 15px;
	margin: 0px 0px 10px 0px;
	width: 220px;
}
.frm-s div {
	display: inline;
	padding: 0px;
	margin: 0px;
}
.frm-s p{
	display: block;
	padding: 0px;
	margin: 0px;
	width: 180px;
}
.frm-s h4{
	display: none;
}

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

#ftx{
	font-size: 11px;
	color: #fc0;
	background-color: #000;
	border: 1px solid #666;
	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 {
	color : #0cf;
	font-size : 14px;
	font-weight: bold;
	margin: 10px 0px;
	padding: 3px;
	text-align: center;
}


#dsort {
	color: #000;
	clear:both;
	width: 580px;
	padding: 0px;
	border: 0px solid #ccc;
	display: none;
}

#dsort div {
	display: block;
	margin: 0px; padding: 0px;
	float: left;
}

#dsort div.lb {
	margin: 0px; padding: 0px;
}

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

.item {
	float:left;
	width:150px;
	margin: 0px 3px 6px 3px;
	padding: 0px;
	background-color: #FFF;
	display: block;
	height: 220px;
	border: 1px solid #fc0;
}

.item.akce {
	background-color: #F4E488;
	border: 1px solid #D9B800;
	
}

.item-colin {
	display: block;
	height: 180px;
	font-size: 10px;
	padding: 5px;
}

.item h1  {
	color:#0036BC;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;

}

.item a {
	color:#f60;
	font-weight: bold;
	text-decoration: underline;
}
.item a:hover {color:#009;text-decoration: none;}

.item img {
	float:left;
	margin: 5px 10px 5px 0px;
	padding: 1px;
	background-color: #fff;
	
}

.item img.ico-akce {
	margin: 0px 5px 0px 0px;
	border: none;
	padding:0px;
}

.item p.popis {
	font-size: 10px;
}

.item p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

.item p.cena {
	text-align: right;
	font-weight: bold;
	margin: 0px;
	padding: 5px;

}

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

#filter  {
	padding: 2px;
	color: #fc0;
	text-align: center;
	margin: 0px ;
	font-size:11px;
	height: 16px
}

#filter a {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

#filter a:hover {
	color: #0cf;
	font-weight: bold;
	text-transform: uppercase;
}

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

#pagecnt {
	text-align: right;
	font-size: 10px;
	clear: both;
	height: 16px
	margin: 5px;
	color: #fc0;
	padding: 0px 10px;
}

#pagecnt a {
    color: #000;
    border: 1px solid #fc0;
    background-color: #FC0;
		text-decoration: none;
		padding: 0px 5px;
}
#pagecnt a:hover {
    color: #fff;
    border: 1px solid #fff;
    background-color: #1C3CEB;
		text-decoration: none;
		padding: 0px 5px;
}

#pagecnt a.pagecntsel {
    color: #fc0;
    border: 1px solid #fc0;
    background-color: #000;
    text-decoration: none;
}

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

#detail-polozky {
	padding: 10px;
	margin:  0px 0px;
	width: 460px;
	background-color: #FFF;
	text-align: center;
}

h1.detail {
	color : #fff;
	font-size : 20px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
	background-color: #0B185E;
}

.bigimg {
	padding: 20px;
	margin:  10px;
	border: 0px solid #fc0;
	background-color: #fff;
}

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

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

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



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

#detail-polozky dl { 
	padding: 10px;	margin: 2px;
  color: #333;
	border: 0px solid #CCCCCC;
}
	
#detail-polozky dl dt{ 
  color: #000;
	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: #03008C;
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
}
#detail-polozky dl dd.stri {
	color : #999;
}

#detail-polozky p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#detail-polozky p.pozn {
	color: #333;
	text-align: left;
	line-height: normal;
	padding: 10px;	margin: 2px;
	border: 0px solid #CCCCCC;
	font-size: 12px;
}

/*
#detail-polozky div.cms-text {	font-size: 12px; color: #333;	padding: 5px; display: block;  text-align: justify; }
#detail-polozky div.cms-text strong { color: #000; }
#detail-polozky div.cms-text h1, 
#detail-polozky div.cms-text h2,
#detail-polozky div.cms-text h3,
#detail-polozky div.cms-text h4,
#detail-polozky div.cms-text h5,
#detail-polozky div.cms-text h6 { color:#000; }
#detail-polozky div.cms-text a { text-decoration: underline;	color:#FF6C00;}	
#detail-polozky div.cms-text a:hover { text-decoration: none; color:#000;}
#detail-polozky div.cms-text table { border: 0px solid #CCCCCC; }
#detail-polozky div.cms-text table td { border: 0px solid #CCCCCC; margin: 0px;}
*/
/* ------------------------------------------------------------------- [ 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: #FFFFFF;
		border: 1px solid #9FA99C;
}

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

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


}

form.search fieldset {
	width: 500px;
	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 #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;
}

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

.buttons {
	text-align: center;
}

.removed {
	display: none !important;
}

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

form.order {
	/* width: 525px; */
	color: #fff;
}
form.order  div {
	padding-top: 2px;
	display: block;
	/* width: 230px; */
}

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

form.order fieldset legend {
	color : #000;
	background-color: #EFEFEF;
	border: 1px solid #9FA99C;
}

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

form.order label.pvn {
	width: 90px;
	color: #ff0;
}
form.order .lbcol { 
	margin: 0px;
	padding: 0px;
}

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

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


.btn a {
	float: left;
  font-size: 10px;
	padding: 3px;
	text-decoration: none;
	color:#E7FCE7;
	margin: 10px 2px 10px 10px;
	background-color: #23338B;
	border: 1px solid #156AC0;
	font-weight: bold;
}

.btn a:hover {
	background-color: #23338B;
	border: 1px solid #0cf;
	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 #9FA99C;
	font-weight: bold;
}

#prepocet {
	margin-right: 1px;
	margin-left: 1px;
	width: 475px;
	color: #0cf;
	font-weight: bold;
	font-size: 14px;
	background-color: #23338B;
	border: 1px solid #156AC0;
}

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

#tb {

}

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

.tonmb {
	text-align: right;
}

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

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

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

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

.tbkosik tr.dan td {
	background-color: #23338B;
	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;
}


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

}