@import url(fonts/stylesheet.css) ;

ul,li,dl,dd,dt,ol,
h1,h2,h3,h4,h5,h6,
form, body, html,p, fieldset { margin:0; padding:0; border:0; }
li { list-style-type:none; }

img { border:0; }
hr.hr { display:none; }
.clear { display:block; height:1px; overflow:hidden; margin-bottom:-1px; clear:both; float:none !important; }
.blind, .anchor { position:absolute; left:-100000px; }

body > footer:after,
.lh-team ul:after,
.produkty-list:after,
.product-detail:after,
#content:after,
.product-detail:after,
#teaser ul:after,
#hp:after,
.galerie:after,
.video:after,
#random:after,
.specification:after,
.product-detail .likes:after
{ content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }

section, header, footer, article, nav { display:block; }

html { font-family:Arial, Verdana, Tahoma; font-size:73%; color:black; line-height:1.5em; }
body { text-align:center; position:relative; background:url(img/bg.gif) center top #494539; }

a { text-decoration:none; color:#b34401; }
a:hover { text-decoration:underline; }
a.more { color:white; }
a img { border:2px solid #373632; display:block; }
a:hover img { border-color:#b54908; }
p { padding:0 0 1.5em; }
ul { padding:0 0 1.5em; }
li { padding:0 0 0 12px; background:url(img/li.gif) left 6px no-repeat; }
dl { line-height:1.2em; }
dt { text-transform:uppercase; font-weight:bold; padding:0 0 0 12px; background:url(img/li.gif) left 6px no-repeat; }
dd { padding:0 0 1em 12px; }
h1 { font-size:2em; font-weight:bold; font-family:georgia; padding:0 0 .5em; line-height:1.2em; }
h2 { font-size:1.6em; font-weight:bold; font-family:georgia; padding:0 0 1em; }
h3 { font-size:1em; font-weight:bold; padding:0 0 3px; }
h1.title { background:url(img/hr-670-d.png) center center no-repeat; text-align:center; padding:0; margin:0 0 10px; line-height:31px; }
h1.title span { display:inline-block; background:url(img/container.jpg) center center no-repeat; padding:0 10px; position:relative; }
h1.title span:after,
h1.title span:before { content:""; width:5px; height:5px; position:absolute; left:0; top:13px; background:url(img/square.png) 0 0 no-repeat; }
h1.title span:before { left:auto; right:0; }

form fieldset { border:0; padding:0; }
form fieldset p { padding:0 0 .5em; }
form fieldset p label { width:95px; display:block; padding:3px 0 0 0; }
form fieldset p label em { color:red; }
form fieldset p .txt { border:1px solid #4d5f62; background:url(img/txt.gif) right top repeat-y #3b5c60; padding:2px; display:block; font-size:1em; width:185px; color:white; }
form fieldset p textarea { height:180px; overflow:auto; }
form .submit-line { padding:1em 0 3em; text-align:center; }
.submit { width:78px; height:19px; background:url(img/submit.gif) center top no-repeat #0b2a2d; color:white; font-weight:bold; font-size:.9em; text-align:center; border:0; }
.submit:hover { background-position:center bottom; }

.warn { border:2px solid red; padding:10px; color:red; font-weight:bold; margin:0 0 1em; background:white; }
.mess { border:2px solid green; padding:10px; color:green; font-weight:bold; margin:0 0 1em; background:white; }

body > header,
body > footer,
nav#product,
nav#site,
#content { width:780px; margin:0 auto; position:relative; }

body > header { background:url(img/header.jpg) center top no-repeat; height:195px; position:relative; z-index:10; }
body > header h1 { padding:0; line-height:195px; }
body > header h1 a { color:#46383c; display:block; padding:0; font-size:40px; }
body > header h1 span { background:url(img/header.jpg) center top no-repeat; height:195px; position:relative; width:780px; position:absolute; left:0; top:0; cursor:pointer; }
body > header .claim{ position:absolute; left:220px; top:140px; width:425px; text-align:left; line-height:1.2em; }

body > footer { background:url(img/footer.jpg) center top no-repeat; color:#C6C3B0; padding:130px 0 100px; text-align:right; font-size:.9em; }
body > footer a { color:#C6C3B0; text-decoration:underline; }
body > footer a:hover { text-decoration:none; }
body > footer p { line-height:1.4em; }
body > footer p.feeds { position:absolute; right:35px; top:130px; line-height:30px; text-align:left; }
body > footer p.feeds img { border:none; display:inline-block; }
body > footer p.copy { float:right; padding:0 35px 0 0; }
body > footer div.devel { float:left; padding:0 0 0 35px; text-align: left; }
body > footer:before { background:url(img/hr-670-d.png) center top no-repeat; content:""; width:670px; height:17px; position:absolute; left:55px; top:30px; }

#content { text-align:left; background:url(img/container.jpg) center 352px repeat-y; width:670px; position:relative; padding:0 52px; color:#494539; min-height:536px; z-index:1; }

/* NAVIGATION */
nav#product { height:87px; line-height:40px; font-family: 'ChaparralProBold'; font-family:georgia; font-weight:bold; background:url(img/container.jpg) center top no-repeat; z-index:5; }
nav#product ul { text-align:center; font-size:145%; padding:0; width:760px; height:71px; background:url(img/menu.png) 0 0 no-repeat; margin:0 0 0 10px; }
nav#product li { list-style-type:none; display:inline-block; padding:0 26px 0 39px; margin:0; background:url(img/menu-product.gif) left center no-repeat; }
nav#product li.first { background:none; padding-left:26px; }
nav#product li a { color:#fcfcea; }
nav#product a:hover,
nav#product .active a { color:#e14a00; text-decoration:none; }

nav#site { height:0; line-height:31px; z-index:8; }
nav#site ul { position:absolute; left:226px; top:-47px; text-align:left; font-size:1.1em; padding:0; }
nav#site li { list-style-type:none; display:inline-block; background:url(img/menu-site.gif) left center no-repeat; margin:0; padding:0 28px 0 34px; }
nav#site li.first { background:none; padding-left:28px; }
nav#site li a { color:#fcfcea; font-weight:bold; }
nav#site a:hover { text-decoration:underline; color:#fcfcea; }
nav#site .active a { color:#b54908; }

nav#lang { position:absolute; left:78px; bottom:-65px; z-index:15; font-size:.9em; }
nav#lang a { color:#494539; padding:0 15px; }

/*nav#socials { width:61px; height:96px; position:absolute; right:-21px; top:97px; background:url(img/socials.jpg) 0 0 no-repeat; }
nav#socials a { width:39px; height:39px; position:relative; left:13px; top:10px; background:url(img/socials-ico.jpg) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-10000px; }
nav#socials a.youtube { background-position:0 -39px; }
nav#socials a.facebook:hover { background-position:-39px 0; }
nav#socials a.youtube:hover { background-position:-39px -39px; }*/

nav#socials { height:30px; position:absolute; right:40px; top:160px; white-space: nowrap; }
nav#socials img { border: 0; display: inline; filter: grayscale(100); }
nav#socials img:hover { filter: grayscale(0); }

nav#regions .active { font-weight:bold; }

/* PRODUCT LIST */
.product { float:left; width:223px; position:relative; left:25px; height:310px; top:20px; }
.product h2 { font-size:1.2em; padding:0; }
.product p { display:none; padding:5px 0 0; }
.product > a > div { position:absolute; left:2px; bottom:2px; background:black; background:rgba(39,36,35,.5); padding:5px; width:157px; }
.product > a { display:block; position:relative; width:171px; padding:0; height:254px; color:#fcfcea; }
.product > a img { left:0; top:0; border-color:rgba(39,36,35,.5); }
.product > a:hover { text-decoration:none; }
.product > a:hover h2 { color:#b54908; }
.product > a:hover > div { background:#272423; }
.product > a:hover > div p { display:block; }
.product > a:hover img { border-color:#272423; }

.product__sticker {
	position: absolute;
	right: -5px;
	top: 20px;
	z-index: 5;
	background: #b54908;
	text-transform: uppercase;
	line-height: 1;
	padding: 6px 8px;
	font-weight: bold;
}

/* PRODUCT DETAIL */
.product-detail { padding:3px 0 0; }
.product-detail h1 { padding:0; color:#5f5d58; font-size:2.8em; font-weight:normal; font-family:arial; }
.product-detail h2 { font-size:165%; text-align:center; background:url(img/hr-413-dot.png) left top no-repeat; padding:22px 0 20px; width:413px; }
.product-detail .side { width:243px; float:left; }
.product-detail .side > a { display:block; margin:0 0 13px; }
.product-detail .description { width:413px; float:right; clear:right; }
.product-detail .description .galerie { width:auto; }
.product-detail .description dt { background-position:left 3px; }
.product-detail .description dd { padding-bottom:4px; }
.product-detail .specification { background:url(img/specification.gif) center top repeat-y; margin:0 0 10px; font-size:95%; }
.product-detail .specification .col1 { float:left; width:200px; }
.product-detail .specification .col2 { float:right; width:190px; }
.product-detail .likes { padding:20px 0 0; }
.product-detail .goo-like { float:left; width:40px; }
.product-detail .tw-like { float:left; width:63px; }
.product-detail .fb-like { float:left; width:130px; }
.product-detail .order-button { display: block; text-align: center; padding: 10px; text-transform: uppercase; font-size: 1.5em; color: #fcfcea; background: #b34401; margin-top: 10px !important; }
.product-detail .order-button:hover { text-decoration: none; background: #c45512; }

.video { width:470px; margin:0 -100px 0 0; }
.video .item { float:left; margin:20px 20px 0 0; position:relative; top:-20px; }
.video .item > a { display:block; width:197px; height:147px; position:relative; }
.video .item > a:after { position:absolute; width:197px; height:147px; left:0; top:0; background:url(img/play.png) center center no-repeat rgba(0,0,0,.5); z-index:5; content:""; opacity:.5; }
.video .item > a:hover:after { opacity:1; background:url(img/play.png) center center no-repeat; }
.video .item img { width:197px; height:147px; border:none; position:relative; z-index:1; }

/* FAMILY */
.family { position:relative; padding:0 0 20px 270px; min-height:260px; }
.family img { position:absolute; left:0; top:0; }

.content-page .text { padding:20px 40px 0; }

/* BUTTON */
.back { padding:0 5px 0 21px; font-size:.9em; display:inline-block; line-height:16px; background:url(img/back.png) 4px center no-repeat #ede8da; border:1px solid #b34401;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
 }
.back:hover { background-color:#d8eea9; text-decoration:none; }

/* GALERIE */
.galerie { clear:both; display:block; width:260px; overflow:hidden; }
.galerie span.item { display:block; width:72px; height:72px; float:left; position:relative; top:-13px; margin:13px 13px 0 0; }
.galerie img { width:68px; height:68px; }

/* TEASER */
#teaser { position:relative; background:url(img/hr-670-d.png) center bottom no-repeat; padding:0 0 35px; margin:0 0 15px; }
#teaser ul { padding:0; }
#teaser li { background:none; padding:0; width:666px; height:226px; position:relative; }
#teaser .link { display:block; width:666px; height:226px; text-decoration:none; }
#teaser img { display:block; width:666px; height:226px; position:relative; z-index:1; border:0; }
#teaser .link div { position:absolute; left:0; bottom:0; width:626px; z-index:5; background:url(img/black30.png); background:rgba(0,0,0,.3); color:white; padding:20px; }
#teaser h2 { padding:0 0 5px; }
#teaser p { padding:0; }

.slidator { height:230px; position:relative; }
.slidator ul { height:226px; position:absolute; left:0; top:0; z-index:1; }
.slidator li { float:left; }
.slidator .wrap { width:666px; height:226px; overflow:hidden; position:relative; border:2px solid #373632; }
.next { z-index:10; position:absolute; bottom:55px; right:30px; cursor:pointer; color:white; width:44px; height:42px; background:url(img/next.png) center center no-repeat; text-indent:-1000px; overflow:hidden; opacity:.7; }
.prev { display:none; }
.next:hover { opacity:1; right:29px; }

/* HP */
#hp { background:url(img/hr-670-d.png) center bottom no-repeat; padding:0 0 25px; width:670px; margin:0 -100px 12px 0; }
#hp article { width:128px; float:left; margin:0 19px; position:relative; background:url(img/hp.png) center top no-repeat; }
#hp article > a:hover { text-decoration:none; }
#hp article h2 { font-size:1.3em; padding:0 0 115px; color:#fcfcea; line-height:35px; text-align:center; }
#hp article > a:hover h2 { color:#e14a00; }
#hp article img { position:absolute; left:8px; top:35px; border:1px solid #302929; }
#hp article p { color:black; padding:0 8px; font-size:.9em; line-height:1.3em; }

.random { width:400px; height:240px; float:left; position:relative; }
.random:after { position:absolute; width:400px; height:240px; left:0; top:0; background:url(img/play.png) center center no-repeat rgba(0,0,0,.5); z-index:5; content:""; opacity:.5; }
.random:hover:after { opacity:1; background:url(img/play.png) center center no-repeat; }
.random img { width:400px; height:240px; border:none; position:relative; z-index:1; }
.fb-hp { width:245px; float:right; }

/* LH TEAM */
.lh-team { background:url(img/hr-593.gif) center 40px no-repeat; padding:65px 30px 0; }
.lh-team h2 { text-align:center; position:relative; line-height:28px; height:50px; font-size:1.2em; }
.lh-team h2 em { position:absolute; left:0; top:0; width:564px; height:28px; background:url(title/lee-hooker-team.gif) center center no-repeat; }
.lh-team ul li { display:block; float:left; padding:90px 0 0; position:relative; width:90px; margin:0 20px 20px 0; }
.lh-team ul li img { border:2px solid #373632; position:absolute; left:0; top:0; }
.lh-team ul li strong { display:block; font-weight:normal; color:#B34401; }

/* PRODEJCI */
#map_canvas { width:666px; height:330px; border:2px solid #373632; margin:0 0 30px; }

nav#regions { float:left; width:200px; }
nav#regions li { padding-bottom:5px; }

.prodejci { float:right; width:400px; }
.prodejci article { padding:0 0 20px 12px; background:url(img/li.gif) left 5px no-repeat; }

/*
.ilu-kontakt { width:253px; position:relative; left:155px; background:url(img/logo-kontakt.jpg) center top no-repeat; padding:134px 0 0; }
.ilu-kontakt p { padding:0 15px 1em !important; }
*/