/*
 * screen.css - styl pro zobrazeni na obrazovce
 * Autor: Radek Liska, radarfox at seznam.cz 
 */

/* ==============================================[ pozicni bloky ] */

body {
	padding: 20px 0 10px;
	text-align: center;
}

#all {
	position: relative;
	margin: 0 auto;
	padding: 135px 0 0;
	width: 990px;
	text-align: left;
}

#wrap {
	margin: 0 0 10px;
}

#inner {
	float: right;
	width: 795px;
}

#head,
#foot,
#top,
#lcolumn,
#rcolumn,
#main {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#head {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 130px;
	/*background: url(../img/head.jpg) no-repeat;*/
}

#foot {
	height: 50px;
	background: url(../img/foot.jpg) no-repeat;
}

#top {
	margin: 0 0 10px;
}

#lcolumn,
#rcolumn {
	float: right;
	width: 180px;
}

#lcolumn {
	float: left;
}

#main {
	float: left;
	width: 600px;
}

/* ==============================================[ vlastni tridy ] */

.left {
	float: left
}

.right {
	float: right
}

/* ==============================================[ hlavicka ] */

#head .header,
#head .hr {
	display: none;
}

#logo,
#head .topmenu,
#head .aktuality {
	position: absolute;
	overflow: hidden;
}

#logo {
	z-index: 2;
	top: 0;
	left: 0;
	margin: 0;
	width: 180px;
	height: 70px;
}


#head .topmenu {
	top: 72px;
	width: 1000px;
	height: 51px;
}

/*
#head .topmenu {
	top: 92px;
	left: 15px;
	width: 960px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
}

#head .topmenu li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #c33;
}

#head .topmenu li.last {
	margin: 0;
	padding: 0;
	border: none;
}

#head .topmenu a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#head .topmenu a:hover {
	color: #000;
}
*/

#head .aktuality {
  top:5px;
	left: 190px;
	width: 800px;
	height: 60px;
	font-size: 11px;
}



/*
#head .aktuality .item {
	float: left;
	margin: 0 10px 0 0;
	width: 120px;
	height: 45px;
	color: #000;
	font-weight: bold;
}


#head .aktuality img {
	float: left;
	margin: 0 5px 0 0;
	border: 2px solid #000;
}

#head .aktuality a {
	display: block;
	height: 100%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#head .aktuality a:hover {
	color: #9b0000;
}

#head .aktuality a:hover img {
	border-color: #9b0000;
}

#head .aktuality img {
	float: left;
}

#head .aktuality p {
	margin: 0px 2px;
	padding: 0px;
	padding-left: 43px;
	text-align:left;
}

#head .aktuality .upoutavka {
	width: 146px;
	float: left;
	margin-right:10px;
}
*/

/* ==============================================[ paticka ] */

#foot .header,
#foot .hr {
	display: none;
}

#foot .bottommenu, 
#foot .copyright {
	position: absolute;
	overflow: hidden;
}

#foot .bottommenu {
	top: 12px;
	right: 15px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
}

#foot .bottommenu li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #c33;
}

#foot .bottommenu li.last {
	margin: 0;
	padding: 0;
	border: none;
}

#foot .bottommenu a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#foot .bottommenu a:hover {
	color: #000;
}

#foot .copyright {
	top: 5px;
	left: 15px;
	width: 320px;
	height: 30px;
	color: #f66;
	font-size: 11px;
	line-height: 15px;
	white-space: nowrap;
}

#foot .copyright p {
	margin: 0;
}

#foot .copyright a {
	color: #fff;
	text-decoration: none;
}

#foot .copyright a:hover {
	color: #333;
}

/* ==============================================[ sloupec ] */

#lcolumn .box,
#rcolumn .box {
	width: 100%;
	margin: 0 0 20px;
	overflow: hidden;
}

#lcolumn .box .hr,
#rcolumn .box .hr {
	display: none;
}

#lcolumn .box .header,
#rcolumn .box .header {
	margin: 0;
	width: 100%;
	height: 45px;
	background: url(../img/column-box-01-header.gif) no-repeat;
	color: #ffc600;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 32px;
	white-space: nowrap;
}

#lcolumn .box .header span,
#rcolumn .box .header span {
	display: block;
	margin: 0 15px;
}

#lcolumn .box .container,
#rcolumn .box .container {
	position: relative;
	margin: -8px 12px -90px;
	padding: 1px 0;
	min-height: 110px;
}

* html #lcolumn .box .container,
* html #rcolumn .box .container {
	height: 110px;
}

#lcolumn .box .footer,
#rcolumn .box .footer {
	width: 100%;
	height: 110px;
	background: url(../img/column-box-01-footer.gif) no-repeat;
}

#lcolumn .box.style02 .header,
#rcolumn .box.style02 .header {
	background-image: url(../img/column-box-02-header.gif);
}

#lcolumn .box.style03,
#rcolumn .box.style03 {
	background: #dd0101;
	color: #fff;
}

#lcolumn .box.style03 .header,
#rcolumn .box.style03 .header {
	background-image: url(../img/column-box-03-header.gif);
}

#lcolumn .box.style03 .container,
#rcolumn .box.style03 .container {
	margin-bottom: -60px;
	min-height: 80px;
}

* html #lcolumn .box.style03 .container,
* html #rcolumn .box.style03 .container {
	height: 80px;
}

#lcolumn .box.style03 .footer,
#rcolumn .box.style03 .footer {
	height: 80px;
	background-image: url(../img/column-box-03-footer.gif);
}

#lcolumn .box.login label,
#rcolumn .box.login label {
	color: #fff;
	font-weight: bold;
}
#lcolumn .box.login a,
#rcolumn .box.login a {
	color: white;
}


#lcolumn .box.login input,
#rcolumn .box.login input {
	margin: 5px 0 0;
	width: 148px;
	border: 1px solid #000;
}

#lcolumn .box.sidemenu ul,
#rcolumn .box.sidemenu ul {
	margin: 0.5em 0;
}

#lcolumn .box.sidemenu ul ul,
#rcolumn .box.sidemenu ul ul {
	margin: 0;
}

#lcolumn .box.sidemenu ul li,
#rcolumn .box.sidemenu ul li {
	width: 100%;
	border-bottom: 1px dotted #000;
}

#lcolumn .box.sidemenu ul li.last,
#rcolumn .box.sidemenu ul li.last {
	border: none;
}

#lcolumn .box.sidemenu ul ul li,
#rcolumn .box.sidemenu ul ul li {
	border: none;
}

#lcolumn .box.sidemenu ul a,
#rcolumn .box.sidemenu ul a {
	display: block;
	padding: 4px 0;
	width: 100%;
	background: url(../img/column-sidemenu-bullet-01.gif) no-repeat 7px 50%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#lcolumn .box.sidemenu ul ul a,
#rcolumn .box.sidemenu ul ul a {
	background-image: url(../img/column-sidemenu-bullet-02.gif);
	background-position: 26px 50%;
	font-weight: normal;
	text-transform: none;
}

#lcolumn .box.sidemenu ul a:hover,
#rcolumn .box.sidemenu ul a:hover,
#lcolumn .box.sidemenu ul a.active,
#rcolumn .box.sidemenu ul a.active {
	background-color: #ffc600;
}

#lcolumn .box.sidemenu ul ul a:hover,
#rcolumn .box.sidemenu ul ul a:hover,
#lcolumn .box.sidemenu ul ul a.active,
#rcolumn .box.sidemenu ul ul a.active {
	background-color: transparent;
	color: #9b0000;
}

#lcolumn .box.sidemenu ul span,
#rcolumn .box.sidemenu ul span {
	display: block;
	margin: 0 7px 0 26px;
}

#lcolumn .box.sidemenu ul ul span,
#rcolumn .box.sidemenu ul ul span {
	margin-left: 39px;
}

#lcolumn .box.subscribe label,
#rcolumn .box.subscribe label {
	color: #9b0000;
	font-weight: bold;
}

#lcolumn .box.subscribe input,
#rcolumn .box.subscribe input {
	margin: 5px 0 0;
	width: 148px;
}

#lcolumn .box.search label,
#rcolumn .box.search label {
	color: #9b0000;
	font-weight: bold;
}

#lcolumn .box.search input,
#rcolumn .box.search input,
#lcolumn .box.search select,
#rcolumn .box.search select {
	margin: 5px 0 0;
	width: 148px;
}

#lcolumn .box.search select,
#rcolumn .box.search select {
	width: 158px;
}

#lcolumn .box.basket strong,
#rcolumn .box.basket strong {
	color: #ffc600;
}

#lcolumn .box.about ul,
#rcolumn .box.about ul {
	margin: 0.5em 0;
}

#lcolumn .box.about ul li,
#rcolumn .box.about ul li {
	width: 100%;
	margin: 0 0 6px;
}

#lcolumn .box.about ul a,
#rcolumn .box.about ul a {
	display: block;
	width: 100%;
	background: url(../img/column-about-bullet-01.gif) no-repeat 0 50%;
	color: #000;
	text-decoration: underline;
}

#lcolumn .box.about ul a:hover,
#rcolumn .box.about ul a:hover {
	color: #bf0000;
}

#lcolumn .box.about ul span,
#rcolumn .box.about ul span {
	display: block;
	margin: 0 0 0 20px;
}

#lcolumn .box.anketa .question,
#rcolumn .box.anketa .question {
	margin: 0.5em 0;
	border-bottom: 1px dotted #000;
}

#lcolumn .box.anketa .answer,
#rcolumn .box.anketa .answer {
	margin: 0.5em 0;
}

#lcolumn .box.anketa .answer a,
#rcolumn .box.anketa .answer a {
	color: #bf0000;
	text-decoration: none;
}

#lcolumn .box.anketa .answer a:hover,
#rcolumn .box.anketa .answer a:hover {
	color: #333;
}

#lcolumn .box.anketa .answer .percent,
#rcolumn .box.anketa .answer .percent {
	float: right;
	width: 40px;
	height: 19px;
	line-height: 19px;
	white-space: nowrap;
	overflow: hidden;
}

#lcolumn .box.anketa .answer .bar,
#rcolumn .box.anketa .answer .bar {
	width: 110px;
	height: 19px;
	overflow: hidden;
}

#lcolumn .box.anketa .answer .bar div,
#rcolumn .box.anketa .answer .bar div {
	width: 0;
	height: 100%;
	background: url(../img/column-anketa-bar.gif);
}

/* ==============================================[ obsah ] */

#top .banner {
	position: relative;
	float: right;
	width: 490px;
	height: 182px;
	background: url(../img/top-banner.gif) no-repeat;
}

#top .banner .img,
#top .banner .text {
	position: absolute;
	margin: 0;
	overflow: hidden;
}

#top .banner .img {
	top: 20px;
	left: 20px;
	width: 142px;
	height: 142px;
}

#top .banner .text {
	top: 20px;
	left: 180px;
	width: 290px;
	height: 142px;
	font-size: 12px;
}

#top .banner .text .header {
	margin: 0px 0 -5px 0;
	color: #9a0000;
	font-size: 20px;
	font-weight: bold;
}

#top .banner .img img {
	margin: 0;
}

#top .banner .text .more {
	float: left;
	margin: 0;
	border-bottom: 1px dotted #9b0000;
	background: url(../img/main-katalog-item-more.gif) no-repeat 0 50%;
	line-height: 18px;
	white-space: nowrap;
}

#top .banner .text .txt{
	height:36px;
	overflow:hidden;
}

#top .banner .text .cena {
	/*float: left;*/
	margin: 1em 0;
	width: 80px;
	height: 22px;
	background: #b30000;
	color: #ffc600;
	text-align: center;
	line-height: 22px;
	/*white-space: nowrap;*/
}

#top .banner .text .cena .doporucena {
	text-decoration: line-through;
}


#top .banner .text .more a {
	display: block;
	height: 100%;
	font-weight: bold;
	text-decoration: none;
}

* html #top .banner .text .more a {
	float: left;
}

#top .banner .text .more span {
	margin: 0 0 0 20px;
}

#top .banner .text .buy {
	float: right;
	margin: 0;
}

#main .navi {
	margin: 1em 0;
}

#main .kategorie {
	margin: 1em 0;
	width: 100%;
	height: 71px;
	background: url(../img/main-kategorie.gif) no-repeat 0 100%;
	overflow: hidden;
}

#main .kategorie ul {
	margin: 0 20px;
	width: 560px;
	height: 100%;
}

#main .kategorie ul li {
	position: relative;
	float: left;
	width: 70px;
	height: 100%;
	text-align: center;
}

#main .kategorie ul a {
	display: block;
	height: 100%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#main .kategorie ul a:hover {
	color: #b30000;
}

#main .kategorie ul span {
	display: block;
	margin: 40px 0 0;
	cursor: pointer;
}

#main .kategorie ul .icon {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 36px;
	background: url(../img/main-kategorie-ikony.png) no-repeat 50% 0;
}

* html #main .kategorie ul .icon {
	background-image: url(../img/main-kategorie-ikony.gif);
}

#main .kategorie ul li.n01 .icon {background-position: 50% 0}
#main .kategorie ul li.n02 .icon {background-position: 50% -35px}
#main .kategorie ul li.n03 .icon {background-position: 50% -70px}
#main .kategorie ul li.n04 .icon {background-position: 50% -105px}
#main .kategorie ul li.n05 .icon {background-position: 50% -140px}
#main .kategorie ul li.n06 .icon {background-position: 50% -175px}
#main .kategorie ul li.n07 .icon {background-position: 50% -210px}
#main .kategorie ul li.n08 .icon {background-position: 50% -245px}
#main .kategorie ul li.n09 .icon {background-position: 50% -280px}

#main .order {
	margin: 1em 0;
	width: 100%;
	height: 57px;
	background: url(../img/main-order.gif) no-repeat;
}

#main .order p {
	float: left;
	margin: 0 12px;
	line-height: 48px;
}

* html #main .order p {
	margin: 16px 6px 0;
	line-height: 1.4;
}

#main .order a.asc,
#main .order a.desc {
	padding: 0 5px;
	background: url(../img/main-order-asc.gif) no-repeat 50% 50%;
	text-decoration: none;
}

#main .order a.desc {
	background-image: url(../img/main-order-desc.gif);
}

#main .order a.asc span,
#main .order a.desc span {
	display: none;
}

#main .order a.classic,
#main .order a.tab {
	background: url(../img/main-order-classic.gif) no-repeat 0 50%;
	text-decoration: none;
}

#main .order a.classic span,
#main .order a.tab span {
	margin: 0 0 0 15px;
}

#main .page {
	margin: 1em 0;
	width: 100%;
	height: 2em;
	line-height: 2;
	white-space: nowrap;
}

#main .page p {
	float: right;
	margin: 0;
}

#main .page p.n01 {
	float: left;
}

#main .page a {
	margin: 0 2px;
	padding: 0 2px;
	border: 1px solid #fff;
	color: #b30000;
	text-decoration: none;
}

#main .page a:hover {
	border-color: #ddd;
}

#main .page a.active {
	border-color: #ffc600;
}

#main .list {
	margin: 1em 0;
	width: 100%;
}

#main .list p {
	margin: 0;
	text-align: right;
}

#main .list a {
	text-decoration: none;
}

#main .list a.next,
#main .list a.prev,
#main .list a.all {
	background: no-repeat 0 60%;
}

#main .list a.next {
	background-image: url(../img/main-list-next.gif);
}

#main .list a.prev {
	background-image: url(../img/main-list-prev.gif);
}

#main .list a.all {
	background-image: url(../img/main-list-all.gif);
}

#main .list a.next span,
#main .list a.prev span,
#main .list a.all span {
	margin: 0 0 0 15px;
}

#main .detail {
	margin: 1em 0;
}

#main .detail .img {
	float: left;
	margin: 0;
	width: 200px;
}

#main .detail .img img {
	margin: 0;
	border: 1px solid black;
}

#main .detail .text {
	float: right;
	width: 380px;
}

#main .detail .text .header {
	margin: 0 0 0.5em;
	border-bottom: 1px solid #b30000;
	color: #b30000;
	font-size: 133%;
}

#main .detail .text .header em {
	color: #000;
	font-style: normal;
}

#main .detail .text .useful {
	margin: 1em 0;
	font-size: 92%;
}

#main .detail .text .useful a {
	color: #bbb;
	background: no-repeat 0 50%;
	text-decoration: none;
}

#main .detail .text .useful a.n01 {background-image: url(../img/main-detail-useful-01.gif)}
#main .detail .text .useful a.n02 {background-image: url(../img/main-detail-useful-02.gif)}
#main .detail .text .useful a.n03 {background-image: url(../img/main-detail-useful-03.gif)}
#main .detail .text .useful a.n04 {background-image: url(../img/main-detail-useful-04.gif)}

#main .detail .text .useful a span {
	margin: 0 10px 0 16px;
}

#main .detail .text .useful a:hover {
	color: #000;
}

#main .detail .text .cena {
	float: left;
	margin: 1em 0;
	width: 80px;
	height: 22px;
	background: #b30000;
	color: #ffc600;
	text-align: center;
	line-height: 22px;
	white-space: nowrap;
}

#main .detail .text .cena .doporucena {
	text-decoration: line-through;
}

#main .detail .text .buy {
	float: right;
	margin: 1em 0;
}

#main .detail .text .buy form,
#main .detail .text .buy p {
	margin: 0;
}

#main .detail .minikatalog {
	margin: 1em 0;
}

#main .detail .minikatalog .item {
	float: left;
	width: 140px;
	margin: 0 10px 0 0;
	text-align: center;
}

#main .detail .minikatalog .img {
	float: none;
	margin: 0;
	width: 100%;
}

#main .detail .minikatalog .name {
	margin: 0.3em 0;
	color: #b30000;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}

#main .detail .minikatalog .autor {
	margin: 0.3em 0;
	text-align: center;
}

#main .detail .minikatalog .cena {
	margin: 0.3em auto;	
	width: 80px;
	height: 22px;
	background: #b30000;
	color: #ffc600;
	text-align: center;
	line-height: 22px;
	white-space: nowrap;
}

#main .detail .newcomment {
	margin: 1em 0 1em 70px;
}

#main .detail .newcomment input,
#main .detail .newcomment textarea {
	width: 300px;
}

#main .detail .comment {
	margin: 1em 0;
}

#main .detail .comment .date {
	margin: 0;
	float: right;
	color: #000;
	font-weight: bold;
}

#main .detail .comment .name {
	margin: 0;
	color: #b30000;
	font-weight: bold;
}

#main .detail .comment .comm {
	margin: 1em 0 0;
}

#main .detail .example {
	vertical-align: top;
}
#main .detail .example img{
	vertical-align: top;
	margin: 0.5em;
}


#wrap .katalog {
	margin: 1em -10px 1em 0;
	width: 610px;
}

#top .katalog {
	float: left;
	margin: 0;
	width: auto;
}

#wrap .katalog .item {
	position: relative;
	float: left;
	margin: 5px 10px 5px 0;
	width: 295px;
	height: 229px;
	background: url(../img/main-katalog-item.jpg);
	font-size: 11px;
	overflow: hidden;
}

#top .katalog .item {
	margin: 0;
	height: 182px;
	background-image: url(../img/top-katalog-item.jpg);
}

#wrap .katalog .item .hr {
	display: none;
}

#wrap .katalog .item .img,
#wrap .katalog .item .batch,
#wrap .katalog .item .name,
#wrap .katalog .item .autor,
#wrap .katalog .item .sklad,
#wrap .katalog .item .cena,
#wrap .katalog .item .buy,
#wrap .katalog .item .text,
#wrap .katalog .item .more {
	position: absolute;
	margin: 0;
	overflow: hidden;
}

#wrap .katalog .item .img {
	top: 11px;
	left: 11px;
	width: 90px;
	height: 133px;
}

#wrap .katalog .item .img img {
	margin: 0;
}

#wrap .katalog .item .batch {
	top: 0;
	left: 0;
	width: 103px;
	height: 103px;
	background: url(../img/main-katalog-batch.png) no-repeat;
}
.katalog .item .batch A{
	width:100%;
	height:100%;
	display:block;
}


* html #wrap .katalog .item .batch {
	background-image: url(../img/main-katalog-batch.gif);
}

#wrap .katalog .item .batch span {
	display: none;
}

#wrap .katalog .item .name {
	top: 35px;
	left: 110px;
	width: 174px;
	height: 50px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#wrap .katalog .item .name a{
	text-decoration: none;
}


#top .katalog .item .name {
	color: #ffc600;
}
#top .katalog .item .name a{
	color: #ffc600;
}

#wrap .katalog .item .name em {
	display: block;
	color: #9b0000;
	font-style: normal;
}

#top .katalog .item .name em {
	color: #fff;
}

#wrap .katalog .item .autor {
	top: 11px;
	left: 110px;
	width: 174px;
	height: 18px;
	border-bottom: 1px dotted #000;
	line-height: 18px;
	white-space: nowrap;
}

#top .katalog .item .autor {
	border-color: #fff;
	color: #fff;
}

#wrap .katalog .item .sklad {
	top: 90px;
	left: 110px;
	width: 82px;
	height: 22px;
	background: url(../img/main-katalog-item-sklad.gif) no-repeat 0 50%;
	line-height: 22px;
	white-space: nowrap;
}

#wrap .katalog .item .sklad span {
	display: block;
	margin: 0 0 0 22px;
}

#wrap .katalog .item .cena {
	top: 90px;
	left: 192px;
	width: 92px;
	height: 22px;
	background: #9b0000;
	color: #ffc600;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	white-space: nowrap;
}

#wrap .katalog .item .cena .doporucena{
	text-decoration: line-through;
}

#top .katalog .item .cena {
	background: #000;
	color: #fff;
}

#wrap .katalog .item .buy {
	top: 122px;
	left: 110px;
	width: 174px;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
}

#wrap .katalog .item .buy span {
	display: none;
}

#wrap .katalog .item .buy input {
	margin: 3px 0 0;
	float: left;
}

#wrap .katalog .item .buy button {
	float: right;
}

#wrap .katalog .item .buy,
#wrap .katalog .item .buy p {
	margin: 0;
}

#wrap .katalog .item .text {
	top: 150px;
	left: 11px;
	width: 273px;
	height: 60px;
	line-height: 19px;
}

#wrap .katalog .item .more {
	top: 205px;
	left: 214px;
	width: 70px;
	height: 18px;
	border-bottom: 1px dotted #9b0000;
	background: url(../img/main-katalog-item-more.gif) no-repeat 0 50%;
	line-height: 18px;
	white-space: nowrap;
}

#top .katalog .item .more {
	top: 153px;
	border-color: #fff;
	background-image: url(../img/top-katalog-item-more.gif);
}

#wrap .katalog .item .more a {
	display: block;
	height: 100%;
	font-weight: bold;
	text-decoration: none;
}

#top .katalog .item .more a {
	color: #fff;
}

#top .katalog .item .more a:hover {
	color: #ffc600;
}

#wrap .katalog .item .more span {
	display: block;
	margin: 0 0 0 20px;
}

#wrap .katalog table {
	margin: 0;
	width: 99%;
}

#wrap .katalog table th {
	padding: 0.3em 0.5em;
	border: 0 solid #fff;
	border-width: 0 1px 0 0;
}

#wrap .katalog table td {
	padding: 0.8em 0.5em;
	border: 0 dashed #ddd;
	border-width: 0 0 1px;
	vertical-align: middle;
}

#wrap .katalog table tr.last td {
	border: none;
}

#wrap .katalog table td.n01 a {
	font-weight: bold;
	text-decoration: none;
}

#wrap .katalog table td.n02 {
	text-align: center;
}

#wrap .katalog table td.n04 {
	text-align: center;
	white-space: nowrap;
}

#wrap .katalog table td.n05 {
	text-align: right;
	white-space: nowrap;
}

#main .basket {
	margin: 1em 0;
}

#main .basket form {
	margin: 0;
}

#main .basket table {
	margin: 0;
	width: 99%;
}

#main .basket table th {
	padding: 0.3em 0.5em;
	border: 0 solid #fff;
	border-width: 0 1px 0 0;
}

#main .basket table td {
	padding: 0.8em 0.5em;
	border: 0 dashed #ddd;
	border-width: 0 0 1px;
	vertical-align: middle;
}

#main .basket table tr.last td {
	border: none;
}

#main .basket table td.n01 a {
	font-weight: bold;
	text-decoration: none;
}

#main .basket table td.n02,
#main .basket table td.n03 {
	text-align: center;
}

#main .basket table td.n04,
#main .basket table td.n05 {
	text-align: right;
	white-space: nowrap;
}

#main .error {
	padding: 5px;
	background: red;
  color: white;
}

#menu_cele{width:990px; height:51px; margin-bottom:10px;}
#menu_leve{width:10px; height:51px; float:left; background:url('../img/pozadi_menu_leve.gif')}
#menu_prave{width:10px; height:51px; float:left; background:url('../img/pozadi_menu_prave.gif')}
#menu {display:block;width:970px; height:51px; float:left; text-align:left; padding:0;margin:0}
#menu #menu_cara{display:block;width:980px;height:1px;font-size:0;margin:0;padding:0;background:#fff;}
#menu #menu_horni {display:block; width:980px; height:25px; margin:0 auto; padding:0; text-align:left; background:#cc0033 url('../img/pozadi_menu_horni.gif');}
#menu #menu_horni ul {display:inline; width:980px; margin:0 auto; padding:0; list-style:none; white-space:nowrap;}
#menu #menu_horni li {display:inline; text-transform: uppercase; margin:0; padding:0;}
#menu #menu_horni li a {margin:0; padding:0 10px 0 10px; height:25px; float:left; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; font-family: Arial, sans-serif; line-height:25px;}
#menu #menu_horni li a:hover {display:block; height:25px; padding:0 10px 0 10px; margin:0; background:#ccc url('../img/pozadi_menu_seda.gif'); color:#000; line-height:25px}
#menu #menu_horni li a.act {display:block; height:25px; padding:0 10px 0 10px; margin:0; background:#ccc url('../img/pozadi_menu_seda.gif'); color:#000; line-height:25px}

#menu #menu_dolni {display:block; width:980px; height:25px; margin:0 auto; padding:0; text-align:left; background:#333333 url('../img/pozadi_menu_dolni.gif');}
#menu #menu_dolni ul {display:inline; margin:0 auto; padding:0; list-style:none; white-space:nowrap;}
#menu #menu_dolni li {display:inline; text-transform: uppercase; margin:0; padding:0; line-height:27px;}
#menu #menu_dolni li a {margin:0; padding:0 10px 0 10px; height:25px; float:left; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; font-family: Arial, sans-serif; line-height:27px}
#menu #menu_dolni li a:hover {display:block; height:25px; margin:0; padding:0 10px 0 10px; background:#ccc url('../img/pozadi_menu_seda.gif'); color:#000; line-height:27px}
#menu #menu_dolni li a.act {display:block; height:25px; margin:0; padding:0 10px 0 10px; background:#ccc url('../img/pozadi_menu_seda.gif'); color:#000; line-height:27px}

.upoutavka {width: 156px; float: left; display: table; height: 60px; #position: relative; overflow: hidden;}
.upoutavka .vertical {_position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
.upoutavka img { margin:10px 5px 0 0; padding:0;border:2px solid black;float:left;}
.upoutavka .vertical p { width:100px; margin:0; padding:0; font-weight:bold; text-align:left; font-size:11px;}
.upoutavka .vertical p a {text-decoration: none;}
.upoutavka .vertical p a:hover {color:#000; text-decoration:underline;}