/************************************
    *                                   *
    *            pioneer.sk             *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 02.10.2007, 19:48   *
    *                                   *
    ************************************/

	#pomoc {width: 1506px; height: 1156px; background-color: #FFF; position: absolute; top: 0; left: 0; z-index: 1000;  -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30)}

	* {margin:0; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

	body {background: #000 url(../images/body_background.png); font-size: 1em;}
	fieldset, a img {border: none; padding: 0;}
	h1 {background: url(../images/h1_background.jpg) left bottom repeat-x; font-size: 1.50em; color: #786362; padding: 3px 0 9px 0; margin-bottom: 10px;}
	.home a {color: #ffffbb;}
	.home a:hover {color: #FFF;}
	a {color: #6d6d48;}
	a:hover {color: #000;}

	.hidden {display: none;}
	.clear {clear: both;}

	.p p {margin-bottom: 8px;}
	.p {font-size: 0.75em;}
	.print {padding-left: 25px; background: url(../images/print_icon.png) left center no-repeat;}
	.arr {padding-left: 9px; background: url(../images/product_arrow.png) left center no-repeat;}
	.remove {padding-left: 14px; background: url(../images/remove_icon.png) left 4px no-repeat; text-align: right; margin-right: 4px; display: block; float: right !important;}

	/* ---| Compare button |--- */
	.compare {border: none; background-color: transparent; font-size: 0.75em; background-image: url(../images/compare.png); color: #6d6d48; font-weight: bold; text-decoration: underline; width: 15em; background-repeat: no-repeat;}
	.compare.right {background-position: right center; float: right; padding-right: 22px;}
	.compare.left {background-position: left center; padding-left: 22px; _margin-top: 15px;}
	.compare:hover {color: #000;}

	/* ---| Heading 3 |--- */
	.h3-1, .h3-2 {position: relative; padding: 3px 14px 5px 14px; font-size: 1.13em; font-weight: normal; height: 1.25em;}
	.h3-1 {color: #FFF; background-color: #363636;}
	.h3-2 {color: #FFF; background-color: #b3b3b3;}

	h3 b {display: block; width: 2px; height: 2px; position: absolute; background-repeat: no-repeat; line-height: 1px; font-size: 2px;}
	.bl {bottom: 0; left: 0; _bottom: -1px;}
	.br {bottom: 0; right: 0; _right: -1px; _bottom: -1px;}
	.tl {top: 0; left: 0;}
	.tr {top: 0; right: 0; _right: -1px;}
	.black .bl {background-image: url(../images/cor_black_bl.png);}
	.black .br {background-image: url(../images/cor_black_br.png);}
	.black .tl {background-image: url(../images/cor_black_tl.png);}
	.black .tr {background-image: url(../images/cor_black_tr.png);}
	.white .bl {background-image: url(../images/cor_white_bl.png);}
	.white .br {background-image: url(../images/cor_white_br.png);}
	.white .tl {background-image: url(../images/cor_white_tl.png);}
	.white .tr {background-image: url(../images/cor_white_tr.png);}

	/* ---| Layout |--- */
	.home {color: #FFF;}
	#page {margin: 0 auto; width: 59.31em; background: #000 url(../images/page_background.jpg) repeat-y; min-height: 300px; position: relative; padding-top: 1em; }
	#content {background-color: #FFF; margin-top: -9px; min-height: 100px; _height: 100px; padding: 0.81em 1.75em 0.81em 0.63em; color: #3c3c3c;}
	#col-1 {width: 17.25em; padding-right: 0.69em; float: left; overflow: hidden; min-height: 300px;}
	#col-2 {width: 38.94em; float: right;}

	/* ---| Top |--- */
	#contact {float: right; margin: 1.6em -1em 0 0; list-style: none; font-size: 0.75em; position: relative; z-index: 1;}
	#contact a {padding-left: 22px; background: url(../images/contact_icon.jpg) 0 2px no-repeat; color: #ffffbb;}
	#contact a:hover {color: #FFF;}
	#sitemap {float: right; margin: 1.6em 0.7em 0 0; list-style: none; font-size: 0.75em; position: relative; z-index: 1;}
	#sitemap a {padding-left: 22px; background: url(../images/sitemap_icon.jpg) 0 2px no-repeat; color: #ffffbb;}
	#sitemap a:hover {color: #FFF;}
	#logo {float: left; height: 44px;}
	#flash {border: 9px solid #000; border-width: 7px 0 16px 0; margin-top: -9px; background-color: #000; height: 170px; position: relative; width: 949px; z-index: 0;}

	/* ---| Serach form |--- */
	#search-form {position: absolute; top: 2em; right: 12.4em; width: 15em; height: 1.8em; z-index: 5; _top: 2.2em;}
	#search-form fieldset {padding: 0;}
	#search-form label {font-size: 0.75em; color: #FFF; padding-left: 22px; background: url(../images/serach_icon.jpg) no-repeat; float: left; margin-right: 8px;}
	#search {border: 1px solid #786f65; width: 10em; font-size: 0.69em; height: 1.5em; color: #FFF; padding-left: 3px; background-color: #5f4e50;}
	#search-form legend {display: none;}
	#words-col {position: relative; top: -5px; float: left; color: #000;}
	#ajax-inteli-search-button {display:none;}
	#ajax-inteli-search-output { display: none; position: absolute; left: 0; top: 20px; z-index: 1000; background-color: #FFF; border: #888 solid 1px; border-top: 0px; text-align:left; font-size: 12px; width: 9.6em;}
	#ajax-inteli-search-output p { padding: 2px 0; line-height: 120%; margin: 0;  margin-bottom: 1px; width: 100%; cursor: pointer; font-size: 11px;}
	#ajax-inteli-search-output p em {float: right; margin-right: 5px; color: #008000; font-style: normal;}
	#ajax-inteli-search-output p span {padding-left: 10px;}
	#ajax-inteli-search-output p.active:active {color: #FF0000;}
	#ajax-inteli-search-output p.active { background-color: #5F4E50; color: #FFF;}
	#ajax-inteli-search-output p.active em {color: #FFF;}
	#ajax-inteli-search-output p.similar {border-top: 1px dotted #999; font-size: 10px; color: #999; margin-top: 3px; cursor: default; padding-left: 10px; width: auto;}

	/* ---| Serach form - PIONEER |--- */
	/*
	#search-form {position: absolute; top: 3.8em; right: 3.8em; width: 18em; height: 1.8em; z-index: 5;}
	#search-form fieldset {padding: 0;}
	#search-form label {font-size: 0.75em; color: #FFF; padding-left: 22px; background: url(../images/serach_icon.jpg) no-repeat; float: left; margin-right: 8px;}
	#search-form .field {border: 1px solid #786f65; width: 10em; font-size: 0.69em; height: 1.5em; color: #FFF; padding-left: 3px; background-color: #5f4e50;}
	#search-form .button {display: none;}
	#search-form legend span {display: block; background: url(../images/try_search.png) no-repeat; font-size: 10px; padding: 3px 15px 13px 8px; position: absolute; top: -2.6em; left: 11em; color: #FFF; z-index: 5;}
	*html #search-form legend span {background: transparent url(../images/try_search.gif) no-repeat;}
	#is-holder {position: relative; top: -5px; float: left; color: #000;}

	#is-output { display: none; position: absolute; left: 0; top: 20px; z-index: 1000; background-color: #FFF; border: #888 solid 1px; border-top: 0px; text-align:left; font-size: 12px; width: 9.6em;}
	#is-output p { padding: 2px 0; line-height: 120%; margin: 0;  margin-bottom: 1px; width: 100%; cursor: pointer; font-size: 11px;}
	#is-output p em {float: right; margin-right: 5px; color: #008000; font-style: normal;}
	#is-output p span {padding-left: 10px;}
	#is-output p.active:active {color: #FF0000;}
	#is-output p.active { background-color: #5F4E50; color: #FFF;}
	#is-output p.active em {color: #FFF;}
	#is-output p.similar {border-top: 1px dotted #999; font-size: 10px; color: #999; margin-top: 3px; cursor: default; padding-left: 10px; width: auto;}
	*/



	/* ---| Navigation |--- */
	#navigation {clear: both; padding: 0 0 0 2em; height: 40px; width: 57.3em; background: #e5e5e5 url(../images/navigation_background.png); border: 9px solid #000; border-width: 9px 0 2px 0; position: relative; top: -9px; =clear: none; _overflow: hidden;}
	#navigation.plus1 {padding-left: 1em; width: 58.3em;}
	#navigation li {float: left; margin-right: 1.2em; list-style: none;}
	#navigation li.plus1 {margin-right: 0.1em;}
	#navigation a, #navigation span {display: block; height: 40px; position: relative; float: left; color: #000;}
	#navigation a {border-bottom: 2px solid #000;}
	#navigation span {position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer;}
	#navigation a:hover span {background-position: left -40px;}
	#navigation a.active {border-bottom: 2px solid #FFF;}
	#navigation a.active span, #navigation a.active:hover span {background-position: left -80px;}
	.home #navigation a.active {border: none;}

	#home, #home span {width: 78px; background-image: url(../images/nav_home.png);}
	#kde-nakupite, #kde-nakupite span {width: 155px; background-image: url(../images/nav_kde_nakupite.png);}
	#kde-nakoupite, #kde-nakoupite span {width: 168px; background-image: url(../images/nav_kde_nakoupite.png);}
	#kuro, #kuro span {width: 76px; background-image: url(../images/nav_kuro.png);}
	#galerie, #galerie span {width: 100px; background-image: url(../images/nav_galerie.png);}
	#registrace, #registrace span {width: 131px; background-image: url(../images/nav_registrace.png);}
	#zaruka-5-let, #zaruka-5-let span {width: 131px; background-image: url(../images/nav_zaruka-5-let.png);}
	#novinky, #novinky span {width: 105px; background-image: url(../images/nav_novinky.png);}
	#produkty, #produkty span {width: 120px; background-image: url(../images/nav_produkty.png);}
	#sluzby, #sluzby span {width: 96px; background-image: url(../images/nav_sluzby.png);}
	#podpora, #podpora span {width: 111px; background-image: url(../images/nav_podpora.png);}

	/* Breadcrumb navigation */
	#breadcrumb {font-size: 0.63em; display: block;}

	/* ---| Homepage |--- */
	.home #content {height: 8.44em; border-bottom: 1px solid #1e1e1e; margin: 0 0 8px 0; background-color: transparent; padding: 0;}
	.home .col-1 {width: 20.25em; padding: 0 5px; float: left; position: relative;}
	.home .col-1 h3 {margin-bottom: 14px;}
	.home .col-1 h4 {font-size: 1em; font-size: 0.83em; font-weight: normal;}
	.home .col-1 h4 a {font-size: 1.20em; font-weight: bold;}
	.home .col-1 .p {margin: 0 19px 7px; padding-bottom: 9px; color: #DDD; font-size: 0.75em; line-height: 120%; border-bottom: 1px dotted #FFF;}
	.home .last {border: none !important;}
	.home .more {color: #5f4e50; background-color: #ffffbb; padding: 1px 8px; position: absolute; bottom: 6px; right: 6px; font-size: 0.63em; text-decoration: none;}
	.home .more:hover {background-color: #FFF; color: #5f4e50;}
	.home .col-2 {width: 25.3em; float: left;}
	.home .col-2 .p {padding: 10px 22px 0 17px; color: #DDD; font-size: 0.75em; line-height: 130%;}
	.home .col-3 {width: 12.35em; padding: 0 6px; float: left; height: 8.44em; _padding: 0 0px; overflow: hidden;}

	/* Products line - Home and Product detail*/
	#products {text-align: center; padding-top: 1em; list-style: none;}
	#products li {font-size: 0.63em; color: #6e6e49; display: inline;}
	#products img {display: block;}
	#products a, #products span {display: inline; color: #6e6e49; font-size: 1em; margin: 0 0.7em;}
	#products a:hover {color: #000;}
	.home #products {padding: 0 0 0 1.5em; clear: both; height: 8em; width: 98%; background-color: #000;}
	.home #products li {float: left; display: list-item; margin: 0 0.4em 0 0;}
	.home #products a, .home #products span {display: block; width: 220px; color: #FFF; font-size: 1.6em; line-height: 120%; margin: 0;}
	.home #products span {-moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);}
	.home #products a:hover {color: #ffffbb;}
	.home #products a img {display: block;}

	/* --- | News | --- */
	#col-1 .p, .news-form {padding: 0.81em 0 0 0.81em;}
	/* News forms */
	.news-form {padding-bottom: 0.81em;}
	.news-form legend {display: none;}
	.news-form .field {border: 1px solid #e5e5e5; font-size: 0.69em; width: 10.91em; position: relative; top: -3px;}
	.news-form .field.long {width: 12.65em;}
	.news-form label {display: block; float: left; width: 10.00em; font-size: 0.75em; color: #6d6d48;}
	.news-form .button {background-color: #d4d0c8; font-size: 0.75em;}
	.news-form p {font-size: 0.75em; margin-bottom: 0.5em;}
	/* Col 2 */
	#rss {padding: 6px 27px 3px 0; background: url(../images/rss_icon.jpg) right no-repeat; color: #ef8734; font-size: 0.75em; float: right; margin-top: 0.7em;}
	#rss:hover {color: #000;}
	.news {padding: 0.63em 0.63em 0.81em 13.9em; line-height: 110%; clear: both; position: relative; min-height: 90px; _height: 80px;}
	.news h2, .article h2 {font-size: 0.63em; line-height: 150%;}
	.news h2 a, .article h2 a {font-size: 1.20em;}
	.news img {position: absolute; top: 0.63em; left: 0.63em;}
	.news .more, .article .more {background-color: #6d6d48; font-size: 0.63em; padding: 0 7px; position: absolute; bottom: 5px; right: 10px; color: #FFF; text-decoration: none;}
	.news .more:hover, .article .more:hover {background-color: #000; color: #FFF;}
	.selected {background: #edede9 url(../images/selected_background.jpg) right top no-repeat;}

	.article {padding: 0.63em 0.63em 0.81em 0.63em; line-height: 110%; clear: both; position: relative; min-height: 90px; _height: 80px;}
	.article img {float: left; margin-right: 0.63em;}
	/* ---| Products list |--- */
	#product-list {margin-bottom: 10px; width: 100%;}
	#product-list tr {height: 3.75em;}
	#product-list td {border-bottom: 1px solid #EEE; padding: 10px 0;}
	#product-list .v-bottom {vertical-align: bottom;}
	#product-list .v-bottom h4 {margin-bottom: 3px;}
	#product-list .v-bottom h4 a, #compare th a {font-size: 0.75em; font-weight: normal; color: #b91440;}
	#product-list .v-bottom img {margin-left: 8px;}
	#product-list .v-bottom h4 a:hover, #compare th a:hover {color: #000;}
	#product-list p {padding: 0 1em 0 2.5em; font-size: 0.75em; line-height: 100%;}
	#product-list .title {width: 6.88em;}
	#product-list .image {width: 8.75em;}
	/* Col 1 */
	#col-1 h2 {margin-top: 29px; color: #c6b1ae; font-size: 0.88em; font-weight: normal;}
	#col-1 h2 span {font-size: 1.71em; color: #6e605f; font-weight: bold;}
	#col-1 .h3 {color: #6e605f; font-size: 0.75em;}
	.product-list {padding-left: 1em; list-style: none; line-height: 100%; margin-bottom: 15px;}
	.product-list ul {list-style: none; margin-bottom: 3px; padding-left: 20px; =margin-top: -20px;}
	.product-list a {font-size: 0.75em;}

	/* ---| Product list with images |--- */
	.all-products {padding: 7px 3px 3px 3px; border: 1px solid #b8b8b8; position: relative; margin-top: 2em; _height: 1px; min-height: 1px;}
	.all-products h3 {border: 1px solid #b8b8b8; border-bottom: none; display: inline; font-size: 0.89em; padding: 0.13em 0.75em; position: absolute; top: -1.6em; left: -1px; background-color: #FFF;}
	.all-products ul {padding: 0; list-style: none;}
	.all-products li {padding: 8px; position: relative; float: left; height: 3.19em; width: 17.8em; list-style:none;}
	.all-products h4 {padding-left: 9px; margin-top: 16px; background-position: left 2px; font-size: 0.63em; font-weight: normal; line-height: 130%; margin-left: 95px;}
	.all-products h4 a {font-size: 1.2em;}
	.all-products li img {position: absolute; left: 8px; top: 8px;}
	*html .all-products .clear {display: none;}

	/* ---| Product detail |--- */
	/* Col 1 */
	.detail #col-1 h2 {margin-bottom: 10px;}
	.detail #col-1 form img {float: left;}
	.detail #col-1 .product-list {width: 12.4em; display: block; float: left; margin-top: -4px;}
	.detail #col-1 .compare {margin-left: 6.3em; =margin-left: 5em; position: relative; top: -10px; =top: -24px}
	/* Col 2 */
	.detail h1 {background: none;}
	#features {float: right; font-size: 0.75em;}
	#product {margin-bottom: 10px; _height: 1px; position: relative;}
	#product ul {position: absolute; bottom: 0px; right: 40px; list-style: none;}
	#subcol-1 {width: 25em; margin-right: 0.4em; float: left; margin-top: 12px;}
	#subcol-2 {width: 13.5em; float: right; =float: none; _width: 13.4em; margin-top: 12px;}
	#subcol-1 .info {padding: 0.63em 0.63em 1.5em 0.63em; background-color: #f4f4f4; margin-bottom: 10px; position: relative; }
	#subcol-1 .info .p {height: 9.3em; overflow: hidden;}
	#subcol-1 .info .p.empty {height: 0;}
	#subcol-1 .info .more {font-size: 0.75em; position: absolute; right: 15px; bottom: 10px;}
	#subcol-1 h2 img {position: relative; top: 2px;}
	/* More images in detail */
	span.img {display: block; width: 136px; height: 136px; float: left; margin: 0 5px 5px 0; overflow: hidden; }
	.img a {border: 4px solid #6E6E49; display: block; width: 128px; height: 128px; overflow: hidden; position: relative;}
	.img a:hover {border: 4px solid #000;}
	.img a img {position: relative;}
	/* FAQ */
	#faq {}
	#faq .p {font-size: 0.69em; margin-top: 8px; border-bottom: 1px solid #EEE; padding: 0 0.63em;}
	#faq .p h4 {font-size: 1em;}
	#comment {font-size: 0.75em; margin-top: 5px;}
	#comment label {display: block; float: left; width: 7em;}
	#comment p {clear: both; margin-top: 5px;}
	#comment .field, #comment textarea {font-size: 0.88em; border: 1px solid #e5e5e5;}
	#comment .field, #comment textarea {}
	.comment {padding-left: 18px; font-weight: bold; background-position: left center; background-repeat: no-repeat; color: #6d6d48; text-decoration: underline; cursor: pointer;}
	.comment:hover {color: #000;}
	legend.comment {background-image: url(../images/show_icon.png); =margin-left: -7px;}
	input.comment {background-image: url(../images/comment_icon.png); padding: 0 5px 0 22px; background-position: 5px center; background-color: transparent; text-decoration: none; width: 11em; position: relative; left: 7em; =left: 6.4em;}
	.p.small {font-size: 0.63em; padding: 0 1em; margin: 5px 0; line-height: 100%;}
	#status, #status2 {font-weight: bold; color: #CC0000; margin: 7px 0; display: block;}
	#status2, #newsletter #status {font-size: 0.75em;}
	/* Attachments */
	.pdf {background: url(../images/pdf_icon.png) left center no-repeat;}
	.attachments {list-style: none; padding-left: 1em; margin: 5px 0;}
	.attachments li {font-size: 0.75em;}
	.attachments a {padding-left: 22px; font-weight: bold;}
	/* Recomend */
	.recomend {list-style: none; padding-left: 0.5em;}
	.recomend li {padding-left: 12px; font-size: 0.75em; clear: left;}
	.recomend li img {float: left; margin-right: 5px;}

	/* ---| Compare table |--- */
	#compare {border-collapse: collapse; }
	#compare th {text-align: left;}
	#compare th a {font-size: 1em; float: left;}
	#compare td, #compare th {padding: 3px 3px 3px 7px; font-size: 0.75em; vertical-align: top; border-right: 1px solid #999; width: 19em;}
	#compare tr.pair td {background-color: #F4F4F4;}
	#compare .label {font-weight: bold;  vertical-align: middle;}
	#compare img {display: block;}

	/* ---| Alphabet |--- */
	#alphabet {font-size: 0.75em; width: 14em;}
	#alphabet a, #alphabet span {display: block; float: left; width: 2em; height: 1.7em; background-color: #E5E5E5; margin: 0 2px 2px 0; text-align: center; padding-top: 0.3em; color: #FFF;}
	#alphabet a {background-color: #786362; text-decoration: none;}
	#alphabet a:hover {background-color: #000;}
	#alphabet a#all {width: 6.4em;}

	/* ---| Foot |--- */
	#foot {background: #FFF url(../images/foot_background1.jpg) repeat-x left bottom; text-align: right;  padding-right: 15.6em;}
	#foot small {font-size: 0.63em; padding: 3px 11px 5px 11px; position: relative; top: -4px; background-color: #d3d3d3; color: #000;}
	#foot a {color: #000; text-decoration: none;}
	#foot a:hover {text-decoration: underline;}
	#foot a span {color: #FFF;}

	.home #foot {background: transparent url(../images/foot_background.jpg) repeat-x left bottom; padding-right: 13.13em;}
	.home #foot small {background-color: #272727; color: #FFF;}
	.home #foot a {color: #a59292;}

	/* ---| Clanok |--- */
	.news_image {margin:5px 20px 10px 5px; float:left;}
	.prilohy_holder {padding-left:0px;}
	.prilohy_holder ul {list-style:none; margin-left:0px;  padding-left:0px;}

	/* ---| Forms |--- */
	input {color:#000;}

	/* ---| Lightbox |--- */
	#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
	#lightbox a { outline: none;}
	#lightbox a img{ border: none;}
	#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
	#imageContainer{padding: 10px; }
	#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block;}
	#prevLink {left: 0; float: left;}
	#nextLink {right: 0; float: right;}
	#prevLink, #prevLink { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink, #nextLink { background: url(../images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left;}
	#imageData #caption{ font-weight: bold;}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
	#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}