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

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

body {
	margin: 0;
	padding: 0 0 10px;
	background: #3a3d3d;
	text-align: center;
}

#all {
	position: relative;
	margin: 0 auto;
	width: 970px;
	border-top: 1px solid #3a3d3d;
	text-align: left;
}

#wrap {
	margin: 400px 0 10px;
}

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

#head {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	width: 100%;
	height: 400px;
	background: url(/img/head.jpg) right bottom no-repeat;
	overflow: hidden;
}

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

#foot {
/*	height: 49px;*/
	background: url(/img/foot.jpg) no-repeat 19px 0;
	color: white;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#foot .container {
	margin: 0 30px;
	padding: 30px 10px 20px 10px;
/* 	line-height: 29px; */
}

#foot a {
	text-decoration: none;
}
#foot #footpocet{
	position: absolute;
	left: 85%;
	top: 50px;
	font-size: 1.1em;
	font-weight: 800;
}
#foot #footpocet span{
	color: #ef4623;
}
#footznacky, #footznacky *{
	color: gray;
}


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

#column {
	position: relative;
	float: left;
	width: 280px;
	background: url(/img/column.jpg) repeat-y 19px 0;
	overflow: hidden;
	color: white;
}

#column .container {
	position: relative;
	z-index: 2;
	margin: 35px 55px 35px 45px;
}

#column .bgt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 70px;
	background: url(/img/column-top.jpg) no-repeat;
}

#column .bgb {
	height: 4px;
	background: url(/img/column-bottom.jpg) no-repeat 19px 0;
	font-size: 0;
}

/* ==============================================[ obsah - clanek, detail produktu ] */

.detail,#main, #registrace, #user-details, #articlescat, #order {
	position: relative;
	float: right;
	width: 650px;
	background: white url('/img/main.jpg') repeat-y;
	overflow: hidden;
	padding: 20px;
}

#order #registrace{
	float: none;
	width: auto;
	background: none;
	padding: 0;
}

.detail .container, #main .container, #registrace .container, #user-details .container{
	position: relative;
	margin: 45px 40px 40px;
	z-index: 2;
}

.detail .bgt, #main .bgt, #registrace .bgt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 18px;
	background: url(/img/main-top.jpg) no-repeat;
}

.detail .bgb, #main .bgb, #registrace .bgb {
	height: 7px;
	background: url(/img/main-bottom.jpg) no-repeat;
	font-size: 0;
}

/* ==============================================[ obsah - katalog ] */

#katalog {
	float: right;
	margin: 27px 0 0;
	width: 690px;
	overflow: hidden;
}

/* ==============================================[ logo ] */

#logo {
	position: absolute;
	top: 43px;
	left: 19px;
	z-index: 2;
	margin: 0;
	width: 290px;
	height: 113px;
}

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

#logo img {
	display: none;
}

/* ==============================================[ prihlaseni uzivatele ] */

#loginform {
	position: absolute;
	top: 5px;
	left: 200px;
	width: 600px;
	height: 30px;
	margin: 0;
	padding: 0 0 2px;
	text-align: right;
	line-height: 30px;
	overflow: hidden;
}

* html #loginform {
	top: 8px;
}

#loginform fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#loginform label {
	margin: 0 10px 0 15px;
	color: white;
}

#loginform input {
	width: 120px;
	background: #b1b4b6 url(/img/input-vlna.jpg) no-repeat;
}

#loginform input.submit {
	margin: 0 0 0 15px;
}

/* ==============================================[ kosik ] */

#kosik {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 150px;
	height: 30px;
	color: white;
	text-align: right;
	line-height: 30px;
	overflow: hidden;
}

#kosik strong {
	color: #ef4623;
	font-weight: normal;
}

/* ==============================================[ menu v hlavicce ] */

#topmenu {
	position: absolute;
	top: 90px;
	left: 320px;
	margin: 0;
	padding: 0;
	width: 620px;
	height: 31px;
	line-height: 30px;
	list-style: none outside;
	overflow: hidden;
}

#topmenu li {
	float: left;
	border-right: 1px dotted black;
}

#topmenu li.last {
	border-right: none;
}

#topmenu a {
	display: block;
	position: relative;
	padding: 0 5px;
	height: 100%;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

* html #topmenu a {
	margin-top: -9px;
	padding-top: 9px;
	height: auto;
}

#topmenu a:hover {
	background: url(/img/topmenu-hover.gif) repeat;
	color: black;
}

/* ==============================================[ menu v hlavicce - kategorie ] */

#imagemenu {
	position: absolute;
	top: 168px;
	left: 42px;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 215px;
	list-style: none outside;
	overflow: hidden;
}

#imagemenu li {
	position: absolute;
}

#imagemenu li.n01 {
	top: 0;
	left: 134px;
	width: 98px;
	height: 60px;
}

#imagemenu li.n02 {
	top: 26px;
	left: 3px;
	width: 104px;
	height: 73px;
}

#imagemenu li.n03 {
	top: 70px;
	left: 146px;
	width: 103px;
	height: 69px;
}

#imagemenu li.n04 {
	top: 116px;
	left: 3px;
	width: 99px;
	height: 57px;
}

#imagemenu li.n05 {
	top: 152px;
	left: 116px;
	width: 128px;
	height: 58px;
}

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

#imagemenu a:hover {

}

#imagemenu span {
	display: none;
}

/* ==============================================[ nadpisy ve sloupci ] */

#column h4 {
	color: white;
	text-transform: uppercase;
	font-size: 127%;
}

/* ==============================================[ vyhledavani ve sloupci ] */

#searchform {
	margin: 0 0 30px;
}

#searchform fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#searchform select {	
	margin: 0 0 2px;
	width: 100%;
}

#searchform .send {
	margin: 10px 0 0;
	text-align: right;
}

/* ==============================================[ menu ve sloupci ] */

.sidemenu {
	margin: 0;
	padding: 0;
	font-variant: small-caps;
	list-style: none outside;
}

.sidemenu ul {
	margin: 0 0 0 35px;
	padding: 0;
	list-style: none outside;
}

.sidemenu li {
	margin: 0 0 8px;
	padding: 0 0 0 0px;
	/*background: url(/img/sidemenu-bullet.gif) no-repeat 0 2px;*/
}
.sidemenu li img{
	padding-right: 10px;
}

.sidemenu ul li {
	margin: 10px 0;
	padding: 0;
	background: none;
}

.sidemenu a {
	text-decoration: none;
}

.sidemenu ul a {
	color: #f47f68;
}

.sidemenu ul a:hover {
	color: #e00;
}
.sidemenu H2{
	font-size:1em;
	display: inline;
}

/* ==============================================[ detail produktu ] */

#produkt {
	line-height: 1.5em;
}

#produkt em {
	color: #ef4623;
	font-style: normal;
}

#produkt .img {
	float: right;
	width: 460px;
	text-align: center;
}

#produkt .koupit {
	float: left;
	margin: 20px 0 0;
	padding: 0;
	width: 150px;
	overflow: hidden;
}

#produkt .koupit fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#produkt .koupit label {
	margin: 0 5px 0 0;
}

#produkt .koupit input,
#produkt .koupit select {
	margin: 0 0 3px;
}

#produkt .koupit input.submit {
	margin: 20px 0 0;
}
#produkt #zpet {
	position:absolute;
	right:0;
	top:0;
	margin:0 !important;
}
#produkt #table-variant{
	margin: 0 auto;
}
#produkt #table-variant, #produkt #table-variant tr th, #produkt #table-variant tr td {
	border: 1px solid  #ef4623;
	color: black;
}

#produkt #table-variant th {
	background: #efd783;
}

#produkt .varianty {
	margin-top:20px;
}
/* ==============================================[ katalog produktu ] */

#katalog .strankovani {
	margin: 0 0 27px;
	color: white;
	text-align: center;
}

#katalog .strankovani .container {
	margin: 5px 20px;
}

#katalog .strankovani a {
	text-decoration: none;
}

#katalog .radek {
	width: 720px;
	margin: 0 -30px 0 0;
}

#katalog .radek .item {
	float: left;
	margin: 0 27px 27px 0;
	width: 212px;
	height: 285px;
	background: white url(/img/katalog-item.jpg) no-repeat;
	line-height: 1.5em;
	overflow: hidden;
}
#katalog2 .radek .item{
	float: left;
	width: 180px;
	height: 285px;
	line-height: 1.5em;
	overflow: hidden;
}


#katalog2 .radek .item .container, #katalog .radek .item .container {
	position: relative;
	margin: 20px;
	height: 245px;
}

#katalog2 .radek .item .img, #katalog .radek .item .img {
	margin: 0 0 5px;
	text-align: center;
}

#katalog2 .radek .item h3, #katalog .radek .item h3 {
	margin: 0 0 10px;
	font-size: 127%;
}

#katalog2 .radek .item h3 a, #katalog .radek .item h3 a {
	text-decoration: none;
}

#katalog2 .radek .item .text, #katalog .radek .item .text {
	margin: 0;
}

#katalog2 .radek .item .text em, #katalog .radek .item .text em {
	color: #ef4623;
	font-style: normal;
}

#katalog2 .radek .item .koupit, #katalog .radek .item .koupit {
	position: absolute;
	bottom: 10px;
	left: 50px;
}
#katalog2 .radek .item .koupit{
	left: 30px;
}


/* ==============================================[  ] */
.novinka {
	width:690px !important;
	background: url('/img/main.jpg') repeat-y !important;
}

.new {
	width: auto !important;
	/*padding:15px !important;*/
}

.novinka img {float:right !important;margin-left: 10px !important;}

#uvodni {
	float:right !important;
	width: 690px !important;
}

div#loginform {
	color:white !important;
}

.error {color:white !important;}


#registrace dd{
	padding-bottom: 10px;
}

a.highlight {
	display: block;
	font-size: 1.2em;
	font-variant: small-caps;
	margin-bottom: 4px;
}