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

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

body {
	padding: 0;
	background: #000 url(../img/body.jpg);
	text-align: center;
}

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

#wrap {
	margin: 0;
	padding: 0 0 1px;
	background: #fff;
}

#inner {
	float: left;
	width: 840px;
}

#head,
#foot,
#lcolumn,
#rcolumn,
#main {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
}

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

#lcolumn,
#rcolumn {
	float: left;
	margin: -30px 0 0;
	width: 135px;
}

#rcolumn {
	float: right;
}

#main {
	float: right;
	width: 690px;
}

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

.left {
	float: left
}

.right {
	float: right
}

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

#head p {
	text-align: left;
}

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

#logo,
#head .search,
#head .topmenu,
#head .katalog,
#head .batch {
	position: absolute;
	overflow: hidden;
}

#logo {
	z-index: 3;
	top: 34px;
	left: 11px;
	margin: 0;
	padding: 0;
	width: 244px;
	height: 56px;
}

#logo a {
	position: relative;
	display: block;
	height: 100%;
}

#logo span {
	display: none;
}

#head .search {
	top: 200px;
	left: 15px;
	width: 200px;
	height: 25px;
}

#head .search form,
#head .search p {
	margin: 0;
	text-align: center;
}

#head .search input {
	width: 100px;
}

#head .topmenu {
	top: 4px;
	left: 0;
	width: 100%;
	height: 14px;
	font-size: 10px;
	line-height: 14px;
	white-space: nowrap;
}

#head .topmenu ul {
	height: 100%;
}

#head .topmenu li {
	float: left;
	height: 100%;
	border-right: 1px solid #fff;
}

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

#head .topmenu a {
	display: block;
	height: 100%;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

* html #head .topmenu a {
	float: left;
}

#head .topmenu a:hover {
	text-decoration: underline;
}

#head .topmenu span {
	display: block;
	margin: 0 4px;
}

#head .katalog {
	top: 230px;
	left: 138px;
	width: 713px;
	height: 30px;
	font-size: 11px;
	line-height: 30px;
	white-space: nowrap;
}

#head .katalog form,
#head .katalog p {
	margin: 0;
	text-align: right;
}

#head .katalog .women,
#head .katalog .men {
	float: left;
	width: 355px;
}

#head .katalog label {
	margin: 0 10px;
	width: 100px;
	color: #fff;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
}

#head .katalog select {
	margin: 0 10px;
	width: 200px;
}

#head .katalog .men {
	float: right;
}

#head .batch {
	top: 20px;
	left: 870px;
	width: 185px;
	height: 185px;
	background: url(../img/head-batch.png) no-repeat 50% 50%;
}

* html #head .batch {
	background-image: url(../img/head-batch.gif);
}

#head .batch p {
	margin: 0;
	width: 100%;
	height: 100%;
}

#head .batch p a {
	display: block;
	height: 100%;
}

#head .batch p a span {
	display: none;
}

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

#foot {
	background: #a8a8a8;
}

#foot p {
	text-align: left;
}

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

#foot .loga {
	height: 40px;
}

#foot .loga .img {
	margin: 0;
}

#foot .loga .img img {
	margin: 0 10px;
	border: none;
}

#foot .info {
	margin: 0 10px 10px;
	padding: 15px 0;
	width: 970px;
	background: #fff;
}

#foot .info .item {
	float: left;
	width: 242px;
	background: url(../img/foot-info-item.png) repeat-y;
	min-height: 250px;

}

#foot .info .item.n01 {
	background: transparent;
}

#foot .info .item .title {
	margin: 0 40px;
	padding: 6px 0;
	background: no-repeat 100% 50%;
	color: #a61518;
	font-size: 100%;
}

#foot .info .item.n01 .title {background-image: url(../img/foot-info-title01.png)}
#foot .info .item.n02 .title {background-image: url(../img/foot-info-title02.png)}
#foot .info .item.n03 .title {background-image: url(../img/foot-info-title03.png)}
#foot .info .item.n04 .title {background-image: url(../img/foot-info-title04.png)}

#foot .info .item .container {
	margin: 0 40px;
	font-size: 92%;
	line-height: 1.6;
}

#foot .info a {
	color: #333;
	text-decoration: none;
}

#foot .info a:hover {
	text-decoration: underline;
}

#foot .info .item .img {
	margin: 5px 0;
}

#foot .info .item .img img {
	margin: 0 2px;
	border: none;
}

#foot .info ul.list-box {
	margin: 1em 0;
	list-style: url(../img/foot-info-ul.png) none outside;
}

#foot .tags {
	width: 100%;
	background: #a61518;
	color: #ddd;
	overflow: hidden;
}

#foot .tags p {
	text-align: center;
}

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

#foot .tags a:hover {
	text-decoration: underline;
}

#foot .stat {
	width: 100%;
	height: 20px;
	background: #000;
	color: #ccc;
	line-height: 20px;
	overflow: hidden;
}

#foot .stat p {
	margin: 0;
	text-align: center;
}

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

#lcolumn p,
#rcolumn p {
	margin: 0.5em 0;
	text-align: left;
}

#lcolumn .box,
#rcolumn .box {
	width: 100%;
	margin: 0 0 2px;
	background: url(../img/column-box.gif) repeat-x;
}

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

#lcolumn .box .header,
#rcolumn .box .header {
	margin: 0;
	padding: 0 0 3px;
	border-top: 1px solid #ddd;
	background: #fff url(../img/column-box-header.gif) repeat-x 0 100%;
	font-size: 109%;
	font-style: normal;
	text-align: right;
}

#lcolumn .box .header span,
#rcolumn .box .header span {
	display: block;
	margin: 0 6px;
	background: no-repeat 0 50%;
}

#lcolumn .box .container,
#rcolumn .box .container {
	margin: 0;
	padding: 1px 6px;
}

#lcolumn .box .container.black {
	border-bottom: 1px #A51419 solid;
}
#rcolumn .box .container.black {
	background: #000;
}

#lcolumn .box form label,
#rcolumn .box form label {
	font-weight: bold;
}

#lcolumn .box form input,
#rcolumn .box form input {
	width: 110px;
}

#lcolumn .box form select,
#rcolumn .box form select {
	width: 120px;
}

#lcolumn .box form p.submit,
#rcolumn .box form p.submit {
	text-align: center;
}

#lcolumn .box.nabidka .menu,
#rcolumn .box.nabidka .menu {
	margin: 0.5em 0;
}

#lcolumn .box.nabidka .menu a,
#rcolumn .box.nabidka .menu a {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

#lcolumn .box.nabidka .menu a:hover,
#rcolumn .box.nabidka .menu a:hover {
	color: #a51419;
	text-decoration: underline;
}

#lcolumn .box.extra .menu,
#rcolumn .box.extra .menu {
	margin: 1em 0;
}

#lcolumn .box.extra .menu a,
#rcolumn .box.extra .menu a {
	padding: 0 0 0 20px;
	background: no-repeat 0 50%;
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

#lcolumn .nabidka.box  .black .menu A {
	COLOR: #a51419; FONT-WEIGHT: bold; TEXT-DECORATION: none
}

#lcolumn .nabidka.box  .black .menu A:hover {
	COLOR: #333; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}

#lcolumn .box.extra .menu a.n01,
#rcolumn .box.extra .menu a.n01 {
	background-image: url(../img/column-extra-n01.gif);
}

#lcolumn .box.extra a:hover,
#rcolumn .box.extra a:hover {
	color: #a51419;
	text-decoration: underline;
}

#lcolumn .box.top12 .list-decimal,
#rcolumn .box.top12 .list-decimal {
	margin: 0 0.5em;
	padding: 0 0 0 16px;
}

#lcolumn .box.top12 .list-decimal a,
#rcolumn .box.top12 .list-decimal a {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

#lcolumn .box.top12 .list-decimal a:hover,
#rcolumn .box.top12 .list-decimal a:hover {
	color: #a51419;
	text-decoration: underline;
}

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

#lcolumn .box.kosik strong,
#rcolumn .box.kosik strong {
	color: #a51419;
}

#lcolumn .box.kosik .title,
#rcolumn .box.kosik .title {
	color: #fff;
	font-size: 118%;
	font-weight: bold;
}

#lcolumn .box.kosik .title a,
#rcolumn .box.kosik .title a {
	color: #fff;
	text-decoration: none;
}

#lcolumn .box.kosik .title a:hover,
#rcolumn .box.kosik .title a:hover {
	text-decoration: underline;
}

#lcolumn .box.zbozi .item,
#rcolumn .box.zbozi .item {
	margin: 0.5em 0;
}

#lcolumn .box.zbozi .item .title,
#rcolumn .box.zbozi .item .title,
#lcolumn .box.zbozi .item .brand,
#rcolumn .box.zbozi .item .brand {
	margin: 0.2em 0;
	font-size: 100%;
	font-weight: normal !important;
	text-align: center;
}

#lcolumn .box.zbozi .item .title,
#rcolumn .box.zbozi .item .title {
	border-bottom: 1px solid #ddd;
}

#lcolumn .box.zbozi .item .title a,
#rcolumn .box.zbozi .item .title a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#lcolumn .box.zbozi .item .title a:hover,
#rcolumn .box.zbozi .item .title a:hover {
	text-decoration: underline;
}

#lcolumn .box.zbozi .item .brand,
#rcolumn .box.zbozi .item .brand {
	color: #a51419;
}

#lcolumn .box.zbozi .item .img,
#rcolumn .box.zbozi .item .img {
	margin: 0.2em -5px;
}

#lcolumn .box.zbozi .item .img img,
#rcolumn .box.zbozi .item .img img {
	margin: 0;
	height: 130px;
}

#lcolumn .box.zbozi .item .cena01,
#rcolumn .box.zbozi .item .cena01,
#lcolumn .box.zbozi .item .cena02,
#rcolumn .box.zbozi .item .cena02,
#lcolumn .box.zbozi .item .detail,
#rcolumn .box.zbozi .item .detail {
	margin: 0.2em 0;
	text-align: center;
}

#lcolumn .box.zbozi .item .cena01,
#rcolumn .box.zbozi .item .cena01 {
	color: #a51419;
}

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

#lcolumn .box.anketa .item .title a,
#rcolumn .box.anketa .item .title a {
	color: #4185d3;
	text-decoration: none;
}

#lcolumn .box.anketa .item .title a:hover,
#rcolumn .box.anketa .item .title a:hover {
	color: #a51419;
	text-decoration: underline;
}

#lcolumn .box.anketa .item .bar,
#rcolumn .box.anketa .item .bar {
	background: #999;
	height: 6px;
	font-size: 0;
}

#lcolumn .box.anketa .item .bar span,
#rcolumn .box.anketa .item .bar span {
	display: block;
	height: 100%;
	background: #a51419;
}

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

#main .katalog {
	margin: 2em -2px 0 0;
	width: 692px;
}

#main .katalog .item {
	float: left;
	margin: 0 3px 2em 0;
	width: 170px;
	font-size: 12px;
	overflow: hidden;
}

#main .katalog .item .title,
#main .katalog .item .brand {
	margin: 0.2em 0;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}

#main .katalog .item .title {
	border-bottom: 1px solid #ddd;
	height:1.3em;
	line-height:1.3em;
	overflow:hidden;
}

#main .katalog .item .title a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#main .katalog .item .title a:hover {
	text-decoration: underline;
}

#main .katalog .item .brand {
	color: #a51419;
}

#main .katalog .item .img,
#main .katalog .item .cena,
#main .katalog .item .detail {
	margin: 0.2em 0;
	text-align: center;
}

#main .katalog .item .img img {
	margin: 0;
	/*height: 180px;*/
}

#main .katalog .item .batch {
	float: right;
	margin: -54px 0 0;
	height: 52px;
}

#main .katalog .item .batch .n01,
#main .katalog .item .batch .n02,
#main .katalog .item .batch .n03 {
	position: relative;
	float: left;
	margin: 0 0 0 -15px;
	width: 45px;
	height: 52px;
	background: no-repeat;
}

#main .katalog .item .batch .n01 {background-image: url(../img/main-katalog-batch-01.png)}
#main .katalog .item .batch .n02 {background-image: url(../img/main-katalog-batch-02.png)}
#main .katalog .item .batch .n03 {background-image: url(../img/main-katalog-batch-03.png)}
* html #main .katalog .item .batch .n01 {background-image: url(../img/main-katalog-batch-01.gif)}
* html #main .katalog .item .batch .n02 {background-image: url(../img/main-katalog-batch-02.gif)}
* html #main .katalog .item .batch .n03 {background-image: url(../img/main-katalog-batch-03.gif)}

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

#main .katalog .item .cena,
#main .katalog .item .cena {
	color: #a51419;
	font-weight: bold;
}

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

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

#main .detail .head .back,
#main .detail .head .header,
#main .detail .head .identif {
	margin: 0;
}

#main .detail .head .back {
	float: right;
	margin: 1.5em 0 0;
	padding: 0 0 0 5px;
	background: #fff;
}

#main .detail .head .header {
	border-bottom: 1px solid #999;
	color: #800000;
	font-size: 164%;
	font-weight: bold;
}

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

#main .detail .navi .prev,
#main .detail .navi .next {
	width: 23px;
	height: 23px;
	background: url(../img/main-detail-navi.gif) no-repeat 0 0;
}

#main .detail .navi .prev {
	float: left;
}

#main .detail .navi .next {
	float: right;
	background-position: 100% 0;
}

#main .detail .navi .prev a,
#main .detail .navi .next a {
	display: block;
	height: 100%;
}

#main .detail .navi .prev span,
#main .detail .navi .next span {
	display: none;
}

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

#main .detail .cena .n01,
#main .detail .cena .n02 {
	text-align: center;
}

#main .detail .cena .n01 {
	font-size: 127%;
}

#main .detail .cena .n01 strong {
	color: #a51419;
}

#main .detail .cena .n02 {
	color: #666;
	font-size: 109%;
}

#main .detail .spec {
	text-align: center;
}

#main .detail .spec table {
	margin: 0 auto;
}

#main .detail .spec table th,
#main .detail .spec table td {
	vertical-align: middle;
}

#main .detail .spec table th {
	background: #ddd;
}


#lcolumn .box img.flag {
	border: 0;
	margin: 8px 3px 3px 3px;
}

#lcolumn .box a img.flag {
	border: 1px #333333 solid;	
}

#lcolumn .box a:hover img.flag {
	border: 1px #A51419 solid;	
}

#lcolumn .box p.flag {
	margin: 0;
	padding: 0;
	text-align: center;
}

div.container ul.menu li ul.parfemy{
	margin: 0.5em 0 0 10px;
}

div.container ul.menu li ul.parfemy  li a {
	color: #555! important;
}

div.container ul.menu li ul.parfemy  li a:hover {
	color: #A51419! important;
}

.pagepath H1{
	display: inline;
	font-size: 1em;
}

/* ==============================================[ letni design ] */

body.summer #logo {
	top: 55px;
	left: 60px;

}

body.summer #head {
	background-image: url(/img/head-summer.jpg);
}

#main .box {
	margin: 1em 0;
	width: 690px;
	background: url(../img/main-box.png) repeat-y;
	border: 0 solid #dfcbb4;
	border-width: 5px 0;
	overflow: hidden;
	height:153px;
}

#main .box .column {
	float: left;
	width: 345px;
}

#main .box .container {
	margin: 0 15px;
}

#main .box .hr {
	background: #ebe0ce;
}