@import url(http://fonts.googleapis.com/css?family=Signika:400,300&subset=latin,latin-ext);

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

header, footer, aside, article { display:block; }

time { color:#999; font-size:10px; }

.in:after,
.productset:after,
article.set:after,
.products-detail:after,
.products-detail dl:after,
.prodejci:after,
#map:after,
.products-lis:after,
.page:after
{ content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }

a { text-decoration:none; color:#a5563c;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	transition-duration:.3s;
}
a:hover { text-decoration:underline; }

a img { border:0; }

html { background:url(img/html.gif) center 0 #efeeea; color:#1b2125; font-family:arial,tahoma,sans-serif; font-size:12px; line-height:1.7; overflow-y:scroll; }

html, body { min-width:1080px; }

h1 { font-size:26px; line-height:1.2; padding:0 0 .5em; color:#050606; text-transform:uppercase; font-family: 'Signika'; font-weight: normal; }
h2 { font-size:18px; line-height:1.2; font-family: 'Signika'; font-weight: normal; }
p { padding:0 0 1em; }
ol,
ul { padding:0 0 1em; }
ul li { padding:0 0 0 22px; background:url(img/star.gif) 3px .5em no-repeat; }
ol li { margin:0 0 0 22px; list-style-type:decimal; }

table { width:100%; border-collapse:collapse; color:#999; }
td, th { padding:6px 15px }
th { font-weight:normal; text-align:left; }
tr.even td { background:#f4f2f4; }

.back { background:url(img/back.png) 0 0 no-repeat; font-size:.9em; line-height:30px; width:112px; height:36px; color:#fff; text-align:center; position:absolute; left:0; top:-67px; text-shadow:0 -1px 0 #7a4824;
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	transition-duration:0s;
}
.back:hover { top:-66px; text-decoration: none; }

.in { margin:0 auto; width:990px; position:relative; text-align:left; }

#header { background:url(img/header.jpg) center bottom repeat-x #0d1210; padding:30px 0 38px;}

#logo { display:block; width:151px; height:51px; float:left; }

#top { background:url(img/top.jpg) center top repeat-x #161b1f; border-bottom:1px solid #fff; text-shadow:0 -1px 0 #292f33; color:#c2cbd1; }
#top .in { background:url(img/top-in.jpg) center top no-repeat; /*max-height:450px; */}
#top .title { padding:80px 0; line-height:-7px; }
#top .title.kontakt { background:url(img/pikto-kontakt.png) left  center no-repeat; padding-left:97px; }

#site { float:right; font-family: 'Signika'; padding:0 22px 0 0; font-weight:400; font-size:16px; line-height:54px; }
#site li { float:left; padding:0 0 0 40px; background:none; }
#site a { color:#ffbe40; text-decoration:none; display:block; }
#site span { display:block; position:relative; left:22px; padding:0 22px 0 0; }
#site .active a,
#site a:hover { background:url(img/menu.png) 0 0 no-repeat; }
#site .active span,
#site a:hover span { background:url(img/menu.png) right 0 no-repeat; }

#main { position:relative; z-index:1; background:url(img/main.gif) center 0 #e5e3dc; padding:65px 0 90px; text-shadow:0 1px 0 #fff; }
#main h1 { padding:0 0 30px; font-size:20px; color:#323d44; }

#breadcrumbs ul { padding:0; line-height: 26px; text-shadow:0 1px 0 #fff; font-size: 11px; }
#breadcrumbs li { display:inline; padding:0 10px 0 19px; background:url(img/star.png) 0 center no-repeat; }
#breadcrumbs strong { color:#95a0a7; font-weight: normal; }

#content { width:auto; float:none; min-height:1px; }

#footer { color:#acaba7; font-size:11px; border-top:1px solid #d5d3cd; z-index:10; position:relative; }
#footer .in { background:url(img/footer.gif) center top no-repeat; top:-69px; padding:57px 0 0; }
#footer p { padding:0; }
#footer .address { padding:0 0 0 29px; width:145px; float:left; background:url(img/address.gif) 0 0 no-repeat; position: relative; left:29px; }
#footer .address strong { font-weight: normal; color:#323d44; font-family: 'Signika'; font-size: 14px; display:block; line-height:1.3; padding:0 0 20px; }
#footer .in div { float:right; padding:67px 55px 0; text-align:right; }
#footer .in div span { padding:0 7px; }

#teasers .item { margin:0 -50px 10px; }
.homepage #top .in { padding:38px 0 0; }
.homepage #teasers { margin:0 -100px 0 0; position:relative; height:450px; width:990px; background:url(img/teaser.jpg) 0 0 no-repeat; }
.homepage #teasers .item { margin:0; position:absolute; z-index:1; left:20px; top:20px; }
.homepage #teasers .active { z-index:5; }
.homepage .paging { position:relative; height:18px; padding:31px; text-align:center; }
.homepage .paging span { vertical-align:middle; width:17px; height:18px; background:url(img/paging.png) -17px 0 no-repeat; overflow:hidden; text-indent:-100px; display:inline-block; margin:0 5px; cursor:pointer; }
.homepage .paging span:hover,
.homepage .paging span.active { background-position:0 0; }
.homepage .teaser-prev,
.homepage .teaser-next { width:35px; height:72px; position:absolute; top:200px; cursor:pointer; background:url(img/prev.png) 0 0 no-repeat; left:0; z-index:10; }
.homepage .teaser-next { background-image:url(img/next.png); left:auto; right:0; }

.pcontent { margin:0 -45px 0 0; }
.pcontent article { width:233px; padding:100px 0 20px 0; background:0 0 no-repeat; float:left; margin:0 25px 0 0; }
.pcontent article > a { text-decoration:none; color:inherit; }
.pcontent article > a:hover h2 { text-decoration:underline; }
.pcontent article h2 { padding:0 0 25px; }
.pcontent article.pikto-kytary { background-image:url(img/pikto-kytary-hp.png); }
.pcontent article.pikto-baskytary { background-image:url(img/pikto-baskytary-hp.png); }
.pcontent article.pikto-prislusenstvi { background-image:url(img/pikto-prislusenstvi-hp.png); }
.pcontent article.pikto-cinely { background-image:url(img/pikto-cinely-hp.png); }

.set { padding:60px 0; }
.set h1 { width:222px; padding:10px 0 10px 97px; background:left center no-repeat; float:left; text-shadow:0 1px 0 #515d64; line-height:26px; }
.set .text { width:576px; float:right; padding:0; height:72px; display:table; }
.set .text p { display:table-cell; vertical-align: middle; padding:0; }
.set.pikto-kytary h1 { background-image:url(img/pikto-kytary.png); }
.set.pikto-baskytary h1 { background-image:url(img/pikto-baskytary.png); }
.set.pikto-prislusenstvi h1 { background-image:url(img/pikto-prislusenstvi.png); line-height:52px; }
.set.pikto-cinely h1 { background-image:url(img/pikto-cinely.png); line-height:52px; }
.set nav { display:table-cell; vertical-align:middle; }
.set nav ul { margin:0 -45px 0 0; }
.set nav li { float:left; width:140px; margin:0 45px 7px 0; background:url(img/star-top.png) 0 .4em no-repeat; }
.set nav a { color:#b1d7ef; }
.set nav a:hover,
.set nav .active a { color:#fff; text-decoration:none; }

.productset { margin:0 -45px 0 0; }
.productset article { margin:65px 45px 0 0; float:left; position:relative; top:-65px; width:300px; height:150px; }
.productset article > a { color:#323d44; display:block; }
.productset article > a h2,
.productset article > a span { position:relative; z-index:10; color:#323d44; padding-left:22px; display:block; }
.productset article img { position:absolute; left:0; bottom:0; z-index:1;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	transition-duration:.3s;
}
.productset article > a:hover { text-decoration: none; }
.productset article > a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);
}

.ico { outline:1px solid #c3c1bb; border:9px solid #d1cfc9; display:block; text-align:center; background:#fff; box-shadow:0 2px 0 #fff; }
.ico img { display:block; margin:0 auto; }
a.ico:hover,
a:hover .ico { border-color:#fff; }

.products-list { margin-right:-45px; }
.products-list .item { width:162px; height:300px; margin:0 45px 28px 0; float:left; }
.products-list .item > a { display:block; text-decoration:none; color:inherit; }
.products-list .item .ico { width:142px; height:142px; }
.products-list .item .ico img { max-height:142px; max-width:142px; }
.products-list .item > a h2 { font-family:inherit; font-size: 14px; font-weight: bold; color:#a5563c; padding:10px 10px 14px; }
.products-list .item > a p { min-height:3.9em; padding:0 10px; margin:0 0 1em; overflow:hidden; line-height:1.3; }
.products-list .item > a p.cena { font-size:16px; font-weight: bold; padding:0 10px; }
.products-list .item > a p.cena i { font-size:11px; font-weight: normal; font-style:normal; color:#74797d; }
.products-list .item > a em { color:#000; font-style:normal; font-weight:bold; }

.products-detail { position:relative; }
.products-detail .content { float:left; width:369px; }
.products-detail .ico { float:right; width:556px; height:556px; }
.products-detail .ico img { max-width:556px; max-height:556px; }
.products-detail dl { padding:35px 0; background:url(img/dash.gif) 0 0 repeat-x; margin:20px 0 0; }
.products-detail dt { width:107px; float:left; clear:left; text-align:right; font-weight:bold; margin:0 20px 0 0; font-size:11px; color:#787e82; }
.products-detail dt:after { content:':'; }
.products-detail dd { width:220px; float:left; }
.products-detail p.cena { font-size:26px; font-weight: bold; font-family:signika; padding:70px 0; line-height:30px; clear:both; color:#fff; width:170px; background:url(img/cena.jpg) 0 0 no-repeat; text-align:center; text-shadow:0 -1px 0 #4f2c0a; margin:0 0 0 30px; }
.products-detail p.cena i { font-size:12px; display:block; font-style: normal; font-weight:300; }

.prodejci { padding:30px 0 10px; border-bottom:1px dashed #b1afa9; }
.prodejci h3 { color:#1b2125; font-weight:bold; font-family: arial; font-size:13px; width:300px; float:left; text-transform: uppercase; }
.prodejci a { text-decoration:underline; }
.prodejci a:hover { text-decoration:none; }
.prodejci .col { width:300px; float:left; margin:0 0 0 45px; }
.prodejci li { padding:0; background: none; }

.page .col { width:450px; float:left; }
.page h2 { padding:0 0 20px; }

/* MAP */
#map { padding:30px 0; }
#map h1 { font-size:26px; }
#map .text { float:left; width:350px; padding:95px 0 20px 97px; background:url(img/pikto-prodejci.png) 0 72px no-repeat; }

#mapa { position: relative; width: 500px; height: 293px; float:right; }
#testik { position: absolute;  width: 1px; height: 1px; background: red; }

#easy_zoom{ width:400px; height:400px; border:1px solid #eee; background:#fff; color:#333; position:absolute; top:0; left:0; overflow:hidden; line-height:400px; text-align:center; }

.productset-video {margin: -30px auto 40px;}