@charset "utf-8";
/*==============================================================================
Tomas Jindrich - www.dragit.cz
SCREEN CSS Document - vystup pro obrazovku
projekt: Underground Collection

# OBSAH
-------------------------
01. IMPORT KNIHOVEN
02. TYPOGRAFIE A BARVY
03. NADPISY
04. ODKAZY
05. NAVIGACE
06. STRUKTURA WEBU
07. STRUKTURA OSTATNI
08. OSTATNI
==============================================================================*/

/* IMPORT KNIHOVEN
==============================================================================*/
/*@import url("debug.css");*/
@import url("reset.css");
@import url("global.css");

/* TYPOGRAFIE A BARVY
==============================================================================*/
body {
	font-size: small;
	font-family: arial, tahoma, verdana, sans-serif;
	text-align: center;
	color: #3b3b3b;
	background: #1c2328 url(/design/web-bg.jpg) top center no-repeat;
}

p {
	line-height: 1.4em;
}

p, ul, ol {
	padding: 0 0 1.25em 0;
}
 
ul, ol {
	padding: 0 0 1.25em 2.5em;
}

small {
	font-size: 0.85em;
}

.highlight {
	background: #ffc;
}

/* NADPISY
==============================================================================*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
 
h1 {
	letter-spacing: -1px;
	font-size: 2em;
}
 
h2 {
	padding: 1em 0 1em 40px;
	letter-spacing: -1px;
	font-size: x-large;
	color: #626262;
	background: url(/design/h2-bg.gif) 0 50% no-repeat;
}

#sidebar h2 {
	background: url(/design/h2-sidebar.gif) 0 50% no-repeat;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

/* ODKAZY
==============================================================================*/
a {
	text-decoration: underline;
	cursor: pointer;
	color: #3b3b3b;
}

a:hover {
	text-decoration: none;
}

/* NAVIGACE */
/*============================================================================*/

/* skryte menu */
#hmenu a { 
	position: absolute;
	left: -9999px;
}

/* hlavni menu */
#menu {
	float: left;
	padding: 11px 0 0 20px;
	width: 630px;
	height: 49px;
	list-style-type: none;
}

#menu li {
	list-style-type: none;
	display: inline;
}

#menu a, #menu span {
	display: block;
	height: 35px;
}

#menu span {
	position: absolute;
	left: 0;
	top: 0;
}


#menu a {
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}

#menu a#item-uvod, #menu a#item-uvod span {
	width: 68px;
}

#menu a#item-uvod span {
	background: url(/design/menu-uvod-inactive.gif) no-repeat;
}

#menu a#item-uvod:hover span, #menu a#item-uvod.selected span {
	background: url(/design/menu-uvod-active.gif) no-repeat;
}

#menu a#item-novinky, #menu a#item-novinky span {
	width: 95px;
}

#menu a#item-novinky span {
	background: url(/design/menu-novinky-inactive.gif) no-repeat;
}

#menu a#item-novinky:hover span, #menu a#item-novinky.selected span {
	background: url(/design/menu-novinky-active.gif) no-repeat;
}

#menu a#item-eshop, #menu a#item-eshop span {
	width: 78px;
}

#menu a#item-eshop span {
	background: url(/design/menu-eshop-inactive.gif) no-repeat;
}

#menu a#item-eshop:hover span, #menu a#item-eshop.selected span {
	background: url(/design/menu-eshop-active.gif) no-repeat;
}

#menu a#item-onas, #menu a#item-onas span {
	width: 75px;
}

#menu a#item-onas span {
	background: url(/design/menu-onas-inactive.gif) no-repeat;
}

#menu a#item-onas:hover span, #menu a#item-onas.selected span {
	background: url(/design/menu-onas-active.gif) no-repeat;
}

#menu a#item-podminky, #menu a#item-podminky span {
	width: 190px;
}

#menu a#item-podminky span {
	background: url(/design/menu-podminky-inactive.gif) no-repeat;
}

#menu a#item-podminky:hover span, #menu a#item-podminky.selected span {
	background: url(/design/menu-podminky-active.gif) no-repeat;
}

#menu a#item-kontakt, #menu a#item-kontakt span {
	width: 97px;
}

#menu a#item-kontakt span {
	background: url(/design/menu-kontakt-inactive.gif) no-repeat;
}

#menu a#item-kontakt:hover span, #menu a#item-kontakt.selected span {
	background: url(/design/menu-kontakt-active.gif) no-repeat;
}

#menu a#item-kapely, #menu a#item-kapely span {
	width: 81px;
}

#menu a#item-kapely span {
	background: url(/design/menu-kapely-inactive.gif) no-repeat;
}

#menu a#item-kapely:hover span, #menu a#item-kapely.selected span {
	background: url(/design/menu-kapely-active.gif) no-repeat;
}


#pmenu {
	width: 200px;
	color: #473b2b;
	font-size: medium;
	font-weight: bold;
	background: url(/design/pmenu-bg.jpg) repeat-y;
}

#pmenu a {
	display: block;
	padding: 0.5em 0;
	width: 180px;
	color: #473b2b;
	text-decoration: none;
}

#pmenu a:hover, #pmenu a.selected {
	color: #d73c35;
}

#pmenu a.selected {
	padding-left: 15px;
	width: 165px;
	background: url(/design/pmenu-arrow.gif) 0 50% no-repeat;
}

#pmenu ul {
	list-style-type: none;
	padding: 30px 10px 5px 10px;
	background: url(/design/pmenu-top.jpg) top left no-repeat;
}

#pmenu ul li {
	list-style-type: none;
	background: url(/design/pmenu-parser.gif) repeat-x;
}

/* STRUKTURA WEBU
==============================================================================*/
#main, #header, #middle, #footer {
	width: 950px;
}

#main {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#header {
	padding-top: 45px;
	height: 105px;
	background: url(/design/header-bg.jpg) top right no-repeat;
}

#middle {
	padding-bottom: 20px;
	overflow: hidden;
	background: #a9a9a9 url(/design/middle-bg.jpg) no-repeat;
}

#sidebar {
	display: inline; /* double margin ie bug */
	float: right;
	margin: 0 20px 0 0;
	width: 200px;
}

#content {
	display: inline; /* double margin ie bug */
	float: left;
	margin: 0 10px;
	width: 710px;
	background: url(/design/content-bg.gif) repeat-y;
}

#content .in {
 width: 710px;
 background: url(/design/content-top.gif) top left no-repeat;
}

#content .inin {
	padding: 40px 30px;
	background: url(/design/content-bottom.gif) bottom left no-repeat;
}

#contentwide ul li {
	line-height: 1.4em;
}

#contentwide ul li {
	list-style-type: disc;
}

#contentwide strong {
	font-weight: bold;
}

#footer {
	margin: 0 auto;
	padding: 0.5em 0 20px 0;
	text-align: right;
	color: #b3b3b3;
}

#footer a {
	color: #b3b3b3;
}

#header h1 { /* logo */

	position: relative;
	overflow: hidden;
	font-size: large;
}

#header h1, #header h1 span, #header h1 a {
	display: block;
	width: 350px;
	height: 80px;
}

#header h1 span { /* logo - image replacement*/
	position: absolute;
	left: 0;
	top: 0;
	background: url("/design/logo.jpg") no-repeat 0 0;
}

#breadcrumbs, #breadcrumbs a {
	color: #626262;
}

#breadcrumbs {
	margin-left: 20px;
	color: #626262;
}

#loginform {
	float: right;
	padding: 8px 0 0 0;
	width: 280px;
}

#loginform form .textbox {
	margin: 5px 0 0 0;
	padding: 0.25em 0.5em;
	border: 1px solid #dedede;
	width: 98px;
	color: #a5a4a4;
	background: #000000 url(/design/loginform-textbox-bg.gif) repeat-x;
}


#loginform form .button {
 overflow: hidden;
 margin: 0;
 padding: 0;
 border: 0;
 width: 28px;
 height: 28px;
 text-indent: 100em;
 background: url(/design/loginform-button.gif) no-repeat;
 cursor: pointer;
}

#loginform a {
	padding-left: 65px;
}


/* STRUKTURA OSTATNI
==============================================================================*/
.productbox {
	float: left;
	margin: 0 16px 25px 0;
	width: 150px;
}

.productbox a.img {
 display: block;
 border: 5px solid #fff;
 width: 140px;
 height: 150px;
 background: #fff;
 text-align: center;
}

.productbox a.img img {
 margin: 0 auto;
}

.productbox h3 {
	padding: 0.5em;
	color: #8e785a;
	text-align: center;
	background: #efd0a5;
}

.productbox h3 {
	padding: 0.5em;
	color: #8e785a;
	text-align: center;
	background: #efd0a5;
}

.productbox h3 a {
	color: #8e785a;
}

.productbox span {
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 25px;
	text-align: center;
	color: #fff;
	line-height: 25px;
	background: url(/design/productbox-price-bg.gif) no-repeat;
}

.productbox.last {
	margin-right: 0;
}

.sideproduct {
	overflow: hidden;
	width: 200px;
	margin-bottom: 15px;
}

.sideproduct .container {
	float: left;
	width: 128px;
}

.sideproduct img {
	float: left;
	border: 1px solid #fff;
}

.sideproduct h3 {
	margin-bottom: 5px;
	padding: 0.5em 5px;
	color: #fff;
	background: #8d8d8d;
}

.sideproduct span {
	display: block;
	padding-left: 5px;
	width: 64px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	background: url(/design/sideproduct-price-bg.gif) no-repeat;
}



/* OSTATNI
==============================================================================*/
.printlogo {
	display: none;
}