/* 
Hodiny Šperky.cz
Vytvořil Martin Winkler
*/

/* CSS Reset  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

ins {	 text-decoration: none;}
del {	 text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Main structure */
	
body {
	font-family: 'Verdana';
	font-size: 13px;
	color: #abbbc3;
	background: #070707 url('images/bg.gif') left top repeat-x;
	margin: 0;
	padding: 0;
}

#container { width: 960px; margin: 0 auto 40px auto; position: relative; }

#page-top { width: 960px; height: 12px; background: transparent url('images/page-top.gif') left top repeat-x; }
#page-bottom { width: 960px; height: 9px; background: transparent url('images/page-bottom.gif') left top repeat-x; }
#page { width: 940px; min-height: 821px; _height: 821px; background: #070c13 url('images/page.gif') left top repeat-x; padding: 23px 10px; }

/* Header */

#header { height: 262px; position: relative; }

#h-menu ul { position: relative; left: 55px; margin: 0; }
#h-menu li { float: left; position: relative; }
#h-menu li a { height: 51px; line-height: 51px; color: #fff; text-decoration: none; display: block; }

#h-menu li a span { position: absolute; height: 51px; display: block; left: 0; top: 0; }

#h-menu li a.first { width: 93px; }
#h-menu li a.first span { width: 93px; background: transparent url('images/menu.gif') left top no-repeat; }
#h-menu li a:hover.first span, #h-menu li.current a.first span { background: transparent url('images/menu.gif') left -51px no-repeat; }

#h-menu li a.second { width: 123px; }
#h-menu li a.second span { width: 123px; background: transparent url('images/menu.gif') -93px top no-repeat; }
#h-menu li a:hover.second span, #h-menu li.current a.second span { background: transparent url('images/menu.gif') -93px -51px no-repeat; }

#h-menu li a.third { width: 160px; }
#h-menu li a.third span { width: 160px; background: transparent url('images/menu.gif') -216px top no-repeat; }
#h-menu li a:hover.third span, #h-menu li.current a.third span { background: transparent url('images/menu.gif') -216px -51px no-repeat; }

#h-menu li a.fourth { width: 163px; }
#h-menu li a.fourth span { width: 163px; background: transparent url('images/menu.gif') -376px top no-repeat; }
#h-menu li a:hover.fourth span, #h-menu li.current a.fourth span { background: transparent url('images/menu.gif') -376px -51px no-repeat; }

#h-menu li a.fifth { width: 195px; }
#h-menu li a.fifth span { width: 195px; background: transparent url('images/menu.gif') -539px top no-repeat; }
#h-menu li a:hover.fifth span, #h-menu li.current a.fifth span { background: transparent url('images/menu.gif') -539px -51px no-repeat; }

#h-menu li a.last { width: 116px; }
#h-menu li a.last span { width: 116px; background: transparent url('images/menu.gif') -734px top no-repeat; }
#h-menu li a:hover.last span, #h-menu li.current a.last span { background: transparent url('images/menu.gif') -734px -51px no-repeat; }

#breadcrumb { color: #d7e3e9; position: absolute; left: 30px; top: 235px; }
#breadcrumb a { color: #00e4ff; }

#features { position: absolute; right: 0; bottom: 0; }
#features a { float: left; margin-right: 20px; color: #fff; text-decoration: none; text-align: center; width: 120px; height: 38px; line-height: 38px; display: block; background: transparent url('images/f-but.gif') left top repeat-x; }

/* Cols */

.col-1, .col-2 { float: left; }

.main-col2-set .col-1 { float: right; width: 608px; padding-right: 20px; }
.main-col2-set .col-2 { float: left; width: 256px; padding: 0 20px; }

.col2-set .col-1,
.col2-set .col-2 { float: left; width: 286px; padding: 0; }

.col2-set .col-1 { margin-right: 26px; }

/* Content */

.news .cell { background: transparent url('images/dotted-line-dark.gif') left bottom repeat-x; padding-bottom: 1px; margin-bottom: 20px; }

.post h3 { font-family: 'Arial'; font-size: 14px; font-weight: bold; margin-bottom: 5px; }

.post table td { padding: 8px; background: #06254a; border: 1px solid #263b54; }
.post table.opening-times { width: 280px; }

.post .gallery .pic { float: left; margin: 0 16px 16px 0; }
.post .gallery .pic-last { float: left; margin: 0 0 16px 0; }

/* Sidebar */

#contact, .holder { height: 315px; margin-bottom: 20px; }
#contact ul { background: transparent url('images/dotted-line-light.gif') left bottom repeat-x; padding-bottom: 12px; }

#gallery { width: 270px; position: relative; left: -5px; margin-bottom: 10px; }
#gallery .pic { width: 80px; height: 80px; float: left; margin: 5px 4px; }

div.wpsc_page_numbers_bot {
  background: transparent url('images/line-dark.gif') left top repeat-x;  
}

/* Headers */

h1 { width: 459px; height: 96px; padding: 10px 0 0 0; position: absolute; left: 25px; top: 88px; }
h1 a { font-size: 40px; color: #fff; font-weight: normal; text-decoration: none; }
h1 a span { width: 459px; height: 96px; position: absolute; left: 0; top: 0; background: transparent url('images/h1.gif') left top repeat-x; }

h2, h3 { color: #fff; font-family: 'Antigoni Light'; font-weight: normal; font-size: 26px; padding-bottom: 13px; margin-bottom: 24px; color: #fff; font-weight: normal; text-decoration: none; }
h2.light, h3.light, .post h2 { background: transparent url('images/line-light.gif') left bottom repeat-x; }
h2.dark, h3.dark { background: transparent url('images/line-dark.gif') left bottom repeat-x; }

h2.ico-clock , h2.ico-jewel { padding-left: 40px; position: relative; }

.head { position: relative; }
img.img-icon { position: absolute; display: block; bottom: 5px; }

h4 { font-size: 14px; font-weight: normal; color: #fff; margin-bottom: 5px; }

/* Footer */

#footer { margin-top: 10px; }
#footer a { color: #abbbc3; }
#footer p { color: #abbbc3; text-align: center; margin-bottom: 5px; }

/* Standard classes */

a { color: #00e4ff; border: none; }
a:hover { text-decoration: none; }

a.post-edit-link { position: relative; z-index: 1000; }

p { line-height: 20px; margin-bottom: 20px; text-align: justify; }
ul { margin-bottom: 20px; }
li { line-height: 20px; }

img { border: none; }

strong { color: #94f4ff; }

/* Various classes */

li.list-head { margin-bottom: 10px; font-weight: bold; color: #fff; }
ul.comm-list li { background: transparent url('images/list-li.gif') left 8px no-repeat; padding-left: 15px; line-height: 24px; }
ul.comm-list li ul li { padding-left: 15px; }
p.date { margin: 0 0 5px 0; }

span.bold { font-weight: bold; }
span.fake-anchor { color: #00e4ff; text-decoration: underline; }

.a-right { text-align: right; }
.a-left { text-align: left; }
.a-center { text-align: center; }

.va-mid { vertical-align: middle; }

.right { float: right; }
.left { float: left; }

img.right { margin: 0 0 10px 10px; }
img.left { margin: 0 10px 10px 0; }

#footer p.admin a, #footer p.admin { color: #323a44; }

/* Clearfix */

.main-col2-set:after,
.col2-set:after,
#gallery:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

/* e-obchod */

.shoppingcarthead  { font-family: 'Arial'; font-weight: bold; color: #fff; margin: 0; padding: 0;  }
#shoppingcartcontents { font-family: 'Arial'; }

#widgetshoppingcart { background: transparent url('images/shop-cart.gif') left top no-repeat; position: relative; }
#shopcart-ico { width: 69px; height: 61px; position: absolute; right: 30px; top: 80px; background: transparent url('images/shop-cart-ico.png') left top no-repeat; }
.productdisplay { background: transparent url('images/transp-line.png') left bottom repeat-x; }

h3.prodtitles { font-size: 15px; font-weight: normal; line-height: 20px; margin: 0; }

input.wpsc_buy_button { 
	font-family: 'Arial';
	border: none;
	color: #fff;
	width: 131px;
	height: 30px;
	background: transparent url('images/but-wide.gif') left top repeat-x;
}

input:hover.wpsc_buy_button { background: transparent url('images/but-wide.gif') left -30px repeat-x; }
input:active.wpsc_buy_button { background: transparent url('images/but-wide.gif') left -60px repeat-x; }

input.short_button, button.remove_button, input.make_purchase { 
	font-family: 'Arial';
	font-size: 12px;
	border: none;
	color: #fff;
	width: 78px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	background: transparent url('images/but-short.gif') left top repeat-x;
}

input:hover.short_button, input:hover.make_purchase, button:hover.remove_button { background: transparent url('images/but-short.gif') left -22px repeat-x; }
input:active.short_button, input:active.make_purchase, button:active.remove_button { background: transparent url('images/but-short.gif') left -44px repeat-x; }