

/* ___| CSS document |_____________________ */


body { 
	margin: 0 0 0 0;
	padding: 0;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 70%;
	color: #6c6c68;
	background: #fff;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
	}
.none {
	display: none;
	}
.hidden {
	visibility: hidden;
	}
	

/* ___| container |_____________________ */


#container {
	margin: 0 auto 0 auto;
	width: 938px;
	}


/* ___| header |_____________________ */


h1 {
	margin: 20px 0 20px 30px;
	}
#header {
	margin: 0 0 12px 0;
	width: 938px;
	height: 118px;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	background: #e9e9de url("../img/bg_head.png") no-repeat;
	float: left;
	clear: both;
	}
	
#head_left {
	margin: 5px 0 0 28px;
	width: 516px;
	height: 107px;
	background: #fff;
	float: left;
	}
#head_left h2 {
	margin: 20px 0 10px 0;
	font-size: 190%;
	color: #1f6b8b;
	}
#head_left p {
	line-height: 150%;
	color: #8d8d82;
	}
	
#user_form {
	margin: 10px 0 0 33px;
	width: 136px;
	height: 107px;
	background: #e9e9de url("../img/basket.png") no-repeat right 5px;
	float: left;
	}
#user_form h3 {
	margin: 0 0 4px 0;
	font-size: 140%;
	color: #9C9C95;
	}
#user_form ul {
	margin: 0;
	padding: 0;
	}
#user_form ul li {
	margin: 0;
	list-style: none;
	}
#user_form ul li#small {
	margin-top: 4px;
	font-size: 80%;
	color: #B0B0A9;
	}
#user_form a {
	color: #0b7eae;
	text-decoration: underline;
	}
#user_form a:hover {
	text-decoration: none;
	}
	
#r_desc {
	margin: 8px 32px 0 0;
	padding: 0;
	width: 151px;
	float: right;
	}
#r_desc h4 {
	margin-bottom: 2px;
	font-size: 120%;
	color: #fff;
	}
#r_desc p {
	color: #fff;
	}
#r_desc p a {
	color: #fff;
	text-decoration: underline;
	}
#r_desc p a:hover {
	text-decoration: none;
	}


/* ___| menu |_____________________ */

/*
menu {
	margin: 7px 32px 0 0;
	padding: 0;
	width: 151px;
	float: right;
	}
menu li {
	margin: 8px 0 0 0;
	list-style: none;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	text-transform: uppercase;
	}
menu li a {
	margin: 0;
	padding: 0 0 0 8px;
	width: 143px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-decoration: none;
	background: url("../img/bg_item.png") no-repeat;
	background-position: 0 -24px;
	color: #fff;
	display: block;
	}
menu li.now a {
	background-position: 0 0;
	}
menu li a:hover {
	background-position: 0 0;
	}
*/
#menu {
	margin: 0 0 14px 19px;
	width: 901px;
	height: 27px;
	background: #efefe4 url("../img/bg_menu.png") no-repeat;
	clear: both;
	float: left;
	}
menu {
	margin: 6px 0 0 13px;
	padding: 0;
	}
menu li {
	margin: 0 10px 0 0;
	list-style: none;
	color: #c8c8bf;
	display: inline;
	}
menu li a {
	margin: 0 10px 0 0;
	font-weight: bold;
	text-decoration: none;
	color: #12749d;
	}
menu li a:hover {
	color: #848788;
	}
#menu form {
	margin: 0;
	float: right;
	}
#menu input {
	margin: 4px 6px 0 0;
	padding: 2px;
	font-size: 90%;
	border: 1px solid #c7c7ba;
	}
#menu input#but {
	margin: 3px 6px 0 0;
	font-weight: bold;
	color: #79796e;
	border: none;
	background: none;
	}
	
	
/* ___| left |_____________________ */


#left {
	margin: 0 30px 0 20px;
	width: 192px;
	float: left;
	}
.box {
	margin: 0 0 17px 0;
	width: 192px;
	float: left;
	clear: both;
	}
.box_t {
	margin: 0;
	padding-left: 12px;
	width: 180px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	background: #1980ab url("../img/bg_box_t.png") no-repeat;
	float: left;
	clear: both;
	}
.box_m {
	margin: 0;
	padding: 12px 13px 2px 13px;
	width: 164px;
	min-height: 30px;
	border-left: 1px solid #d7d7ca;
	border-right: 1px solid #d7d7ca;
	float: left;
	clear: both;
	}
.box_b {
	margin: 0;
	width: 192px;
	height: 4px;
	font-size: 0;
	background: url("../img/bg_box_b.png") no-repeat;
	float: left;
	clear: both;
	}
.box h3 {
	font-family: Verdana;
	font-size: 100%;
	color: #fff;
	}
.box ul.menu {
	margin: 0 0 0 2px;
	padding: 0;
	}
.box ul.menu ul {
	margin: 0 0 0 14px;
	padding: 0;
	}
.box ul.menu ul li {
	background: url("../img/item_grey.png") no-repeat left 4px;
	}
.box ul.menu li {
	margin: 0 0 10px 0;
	padding-left: 15px;
	list-style: none;
	font-weight: bold;
	background: url("../img/item_menu.png") no-repeat left 3px;
	}
.box ul.menu li a {
	color: #6c6c68;
	text-decoration: none;
	}
.box ul.menu li a:hover {
	color: #a2a29a;
	}
.box ul.menu li ul {
  margin: 8px 0 0 0;
  padding: 0 0 0px 0;
}
.box ul.kos {
	margin: 0;
	padding: 0 0 2px 0;
	}
.box ul.kos li {
	margin: 0 0 4px 0;
	padding-left: 11px;
	list-style: none;
	background: url("../img/item_grey.png") no-repeat left 4px;
	}
.box ul.kos li a {
	color: #6c6c68;
	text-decoration: underline;
	}
.box ul.kos li a:hover {
	color: #6c6c68;
	text-decoration: none;
	}
	
.box form {
	margin: 0;
	padding: 0;
	}
.box label {
	margin: 7px 4px 0px 0;
	width: 50px;
	font-weight: bold;
	color: #89897e;
	float: left;
	}
.box input {
	margin: 4px 0 4px 0;
	padding: 2px;
	width: 100px;
	border: 1px solid #b0b0a4;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 100%;
	color: #5c5c56;
	background: #fff url("../img/bg_input.png") no-repeat left top;
	float: left;
	}
.box input.butt {
	margin: 7px 3px 8px 0;
	padding: 0;
	width: 69px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	border: none;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #76766b;
	background: url("../img/bg_butt.png") no-repeat;
	text-align: center;
	float: right;
	}
.box form p {
	margin: 0 0 6px 0;
	text-align: left;
	line-height: 140%;
	clear: both;
	}
.box form a {
	color: #0b7eae;
	text-decoration: underline;
	}
.box form a:hover {
	color: #0b7eae;
	text-decoration: none;
	}
.box p.news {
	width: 162px;
	color: #93938e;
	line-height: 140%;
	}
.box p.more {
	margin: 4px 0 8px 0;
	padding-bottom: 4px;
	background: url("../img/bg_linen.png") no-repeat right bottom;
	font-weight: bold;
	text-align: right;
	}
.box p.more a {
	padding: 0 3px 0 10px;
	color: #6d6d6c;
	text-decoration: none;
	display: block;
	background: url("../img/item_grey.png") no-repeat 127px 5px;
	}
.box p.more a:hover {
	color: #a8a8a4;
	}
	
	
/* ___| content |_____________________ */


#content {
	margin: 4px 0 0 0;
	width: 676px;
	float: left;
	}
#content h2 {
	margin-bottom: 4px;
	text-transform: uppercase;
	color: #1f6b8b;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 160%;
	}
#content p {
	line-height: 140%;
	}
#content p.pagination {
	margin: 10px 0 10px 0;
	float: left;
	clear: both;
	}
#content p.pagination a {
	margin: 0 4px 0 4px;
	display: block;
	width: 19px;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	color: #6c6c68;
	text-decoration: none;
	text-align: center;
	background: #dcdcd5 url("../img/bg_page.png") no-repeat;
	float: left;
	}

#content p.pagination a:hover {
	color: #999;
	}
#content p.pagination span {
	margin: 0 4px 0 4px;
	display: block;
	width: 19px;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	color: #6c6c68;
	text-decoration: none;
	text-align: center;
	background: #dcdcd5 url("../img/bg_page.png") no-repeat;
	float: left;
	}
.line {
	margin: 12px 0 12px 0;
	width: 100%;
	height: 1px;
	font-size: 0;
	background: url("../img/bg_line.png") repeat-x;
	clear: both;
	}
ul.detail {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	}
ul.detail li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 150%;
	font-size: 110%;
	}
ul.detail li.botmar {
	margin-bottom: 10px;
	}
ul.detail li input {
	margin: 0 0 0 4px;
	padding: 2px 2px 1px 2px;
	width: 20px;
	border: 1px solid #b0b0a4;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 100%;
	color: #5c5c56;
	background: #fff url("../img/bg_input.png") no-repeat left top;
	}
ul.detail li span {
	color: #02648D;
	}
ul.detail li input.buttt {
	margin: 0 0 0 6px;
	width: 62px;
	height: 22px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: #3a87a7 url("../img/bg_butt_grey.png") no-repeat;
	border: 0;
	}
#detail_img {
	margin: 10px 30px 0 0;
	padding: 0 0 30px 0;
	width: 300px;
	text-align: center;
	float: left;
	}
.desc {
	margin: 0 0 20px 0;
	padding: 10px 12px 10px 12px;
	width: 600px;
	background: #f4f6f7;
	border: 1px solid #D7D7CA;
	border-top: 3px solid #D7D7CA;
	float: left;
	clear: both;
	}
.desc h4 {
	margin-bottom: 7px;
	color: #185F7D;
	font-size: 100%;
	}
.desc a {
	color: #185F7D;
	text-decoration: underline;
	}
.desc a:hover {
	text-decoration: none;
	}
.desc ul {
	margin: 10px 0 0 20px;
	padding: 0;
	}
.desc ul li {
	margin: 0;
	line-height: 150%;
	font-size: 100%;
	list-style: square;
	}


/* ___| product box |_____________________ */


.pbox {
	margin: 0 20px 0 16px;
	width: 132px;
	float: left;
	}
.pbox_t {
	margin: 0;
	width: 132px;
	height: 4px;
	font-size: 0;
	background: url("../img/bg_pbox_t.png") no-repeat;
	float: left;
	clear: both;
	}
.pbox_m {
	margin: 0;
	padding: 6px 0 3px 0;
	width: 130px;
	min-height: 30px;
	border-left: 1px solid #dbdbda;
	border-right: 1px solid #dbdbda;
	float: left;
	clear: both;
	}
.pbox_b {
	margin: 0;
	width: 132px;
	height: 4px;
	font-size: 0;
	background: url("../img/bg_pbox_b.png") no-repeat;
	float: left;
	clear: both;
	}
.pbox p {
	margin: 0;
	text-align: center;
	}
.pbox img {
  margin: 0 0 10px 0;
  border: 0px;
}
.pbox p.price {
	margin: 9px 0 9px 0;
	color: #0a719c;
	font-size: 130%;
	}
.pbox h4.name {
	margin: 0;
	padding: 7px 4px 7px 4px;
	border-top: 1px solid #dbdbda;
	border-bottom: 1px solid #dbdbda;
	background: #f4f6f7;
	color: #0a719c;
	font-size: 100%;
	text-align: center;
	}
.pbox h4.name a {
	text-decoration: underline;
	color: #0a719c;
	}
.pbox h4.name a:hover {
	text-decoration: none;
	}
a.butt_blue {
	margin: 0 0 0 7px;
	width: 47px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: #3a87a7 url("../img/bg_butt_blue.png") no-repeat;
	display: block;
	float: left;
	}
a.butt_grey {
	margin: 0 0 0 8px;
	width: 62px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: #3a87a7 url("../img/bg_butt_grey.png") no-repeat;
	display: block;
	float: left;
	}
a.butt_grey:hover, a.butt_blue:hover {
	color: #eee;
	}
.group_row {
	margin: 10px 0 14px 0;
	float: left;
	clear: both;
	}

	
/* ___| footer |_____________________ */


#footer {
	margin: 10px 0 0 19px;
	padding: 10px 14px 30px 14px;
	width: 874px;
	height: 38px;
	background: url("../img/bg_footer.png") no-repeat top;
	float: left;
	clear: both;
	}
#footer p {
	color: #84847c;
	font-size: 90%;
	float: left;
	}
#footer p#ri {
	float: right;
	text-align: right;
	}
#footer p#ri a#mail {
	color: #1a6280;
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
	}
#footer a {
	color: #84847c;
	text-decoration: underline;
	line-height: 140%;
	}
#footer a:hover {
	text-decoration: none;
	}




div#content p img {
  border: 5px solid #ccc;
  margin: 10px;
}

div#content p {
  margin-bottom: 10px;
}




.list{width:100%;border:0; margin-bottom: 20px;}
.list td{padding:4px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.list th{font-weight:bold;border-left:1px solid #fff;border-bottom:1px solid #ccc; padding: 5px;text-align:left;border:1px solid #ccc;font-size:13px;color:black;}
.list tr{background:#f3f3f3;}
.list .label{text-align:right;}
.list tr.l_type{background:#fdfdfd;color:#444;}
.list tr.l_type td{text-align:center;}
.list tr.l_0{background:#e3e3e3;}
.list tr.l_1{background:#f3f3f3;}
.list tr.l_0 a, #list tr.l_1 a{color:black;text-decoration:none;}
.list tr.l_0 a:hover, #list tr.l_1 a:hover{text-decoration:underline;}
.list td.ls_0 a{color:gray;}
.list td.ls_1 a{}
.list tr.lh{background:#bbb;color:#000;font-weight:bold;}
.list tr.lf{background:#bbb;height:10px;}

a {
  color: black;
}

span.velke {
  font-size: 18px;
  font-weight: bold;
  color: black;
}

p.akcnicena {
  padding: 20px;
  border: 1px solid silver;
  background: #eee;
}

div#content p.akcnicena img {
  margin: 10px 10px 10px 0;
  float: left;
}

#mojeMapa img {
  border: 0;
}
