/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,form,label,caption,tbody,tfoot,thead{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}


table.paget {width:650px;}
table.paget tr td {text-align:right;width:30px;margin:0;padding:0 1px 0 1px;}

input, textarea, button, select { font-size: 100%; }
body {font-family: Verdana, "Geneva CE", lucida, sans-serif;font-size: 62.5%; background: #555 url(../img/body.png) top center no-repeat; padding: 25px 0 0 0;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}
p { padding: 0 0 0.5em 0; }
.cleaner { line-height: 0px; clear: both; }
ol { padding-left: 30px; }
ul { color: #666; padding: 0 0 0.8em 10px; list-style: none; }
ul li { padding: 0 0 0 15px; background: url(../img/li.gif) no-repeat 0 0.4em; }
a { color: #ddaa00; }
a:hover { color: #000; }
.button, .buttonback { border: 0; text-decoration: underline; color: #fe0000; font-weight: bold; background: transparent; }
.backbutton {cursor:hand;margin-right:415px;border:0px;height:20px;width:140px;float:right;background:url(../img/predchozi-krok.gif)}
.nextbutton, .lastbutton {cursor:hand;border:0px;height:20px;width:150px;float:right;background:url(../img/dalsi-krok.gif)}
.lastbutton {background:url(../img/potvrdit.gif)}

.date { display: block; font-weight: bold; }

.imp { color: #B40000; font-weight: bold; }

#wrap {width: 980px;  margin: 0 auto; background: url(../img/footer.png) no-repeat bottom; }
#center {position: relative; padding: 0 15px 0 15px; background: #fff url(../img/center.png) repeat-y; }
#footer { background: #9E9E9E; margin: 6px 0 0 0; clear: both; padding: 15px 15px 15px 9px;  text-align: right; line-height: 160%;}
#footer ul { float: left; padding: 0.8em 0 0 0; }
#footer li { float: left; padding: 0 8px; border-right: 1px solid #474747; background: none; }
#footer a { color: #474747; text-decoration: none; }
#footer p a { color: #F7C200; }

#header { background: #1F1917 url(../img/header.gif) bottom repeat-x; width: 950px; overflow: hidden; padding: 0 0 18px 0;}
#logo, #logo span { display: block; width: 140px; height: 55px; position: relative; float: left; cursor: hand; cu\rsor: pointer;}
a#logo {font-size: 8px; text-indent: -10000px;}
#logo span { position: absolute; left: 0; top: 0; background: url(../img/logo.gif); }
#menu ul { padding: 0; }
#menu li { float: left; background: url(../img/menu-li.gif) no-repeat right; padding: 0;}
#menu a { color: #fff; text-transform: uppercase; text-decoration: none; padding: 32px 24px 10px 24px; background: url(../img/menu-a.gif) no-repeat 50% 9px; float: left;}
#menu a:hover { color: #DDA600; }
#menu .curr { background-image: url(../img/menu-curr.gif); }

#basket { width: 215px; float: right; background: #FFDE00 url(../img/basket.png) no-repeat; position: relative; border-top: 1px solid #1F1917; }
#basket strong { text-align: center; display: block; font-size: 120%; text-transform: uppercase; font-weight: normal; padding: 4px 0 0 0; }
#basket p { padding: 6px 10px; color: #C80000; font-weight: bold; }
#basket span { float: left; width:8.5em; font-weight: normal; color: #000; }
#basket a, #basket a span { position: absolute; right: 10px; top: 38%; display: block; width: 32px; height: 20px; overflow: hidden; }
#basket a:hover{text-decoration:none}
#basket a span { top: 0; left:0; background: url(../img/basket-a.gif); }

#col { width: 215px; }


.tip, #cat, #home #rcol .tip { margin: 0 3px 10px 3px; width: auto;}
.tip, #home #rcol .tip { border: 1px solid #DEDEDE; padding: 6px; color: #666; }
.tip strong { display: block; }
.tip a { text-decoration: none; color: #000; }
.tip a:hover { color: #ffde00; }
.tip p, #home #rcol .tip p  { width: 195px; overflow: hidden; padding-bottom: 1em; float: none; }
.tip img, #home #rcol .tip img { background: url(../img/action-img.jpg) no-repeat; padding: 5px; float: left; margin: 0px 7px 3px 0;  }
.tip img.brd, .tip img.dvd { background: url(../img/action-img-dvd.jpg) no-repeat !important; float: left; height:100px; overflow:hidden; width:70px; }
#home .tip { margin: 0; border:0; padding: 15px 0; font-size: 95%; width: 490px; overflow: hidden;  }
#home .tip p { float: left; width: 122px; padding: 0;}
#home .tip img { float: none; }

a.allActions {color: #DDAA00; font-weight: bold;}
a:hover.allActions {color: #000;}

#cat { text-transform: uppercase;  background: #919191; padding-bottom: 6px;}
#cat ul, #cat ul li { padding: 0;}

.main { background: #fff; width: 212px; overflow: hidden;}
.main li { float: left; background: #CDCDCD url(../img/main-li.png) no-repeat; border-right: 3px solid #fff;}
.main a { font-size: 140%; text-decoration: none; color: #666; font-weight: bold; background: url(../img/main-a.png) no-repeat top right; }
.main .curr { background: #919191 url(../img/main-curr.png) no-repeat top; }
.main .curr a { background: url(../img/main-curr-a.png) no-repeat; color: #000; padding: 0; }
.main a, .main .curr span { display: block; padding: 8px 12px 6px 12px;}
.main .curr span { background: url(../img/main-curr-span.png) no-repeat top right;  }
.main a:hover { color: #000; }

.sub { float: left; background: url(../img/cat-subsub.png) no-repeat; margin: 0 0 0 6px; display: inline; border-top: 6px solid #919191;}
.sub li { background: url(../img/cat-sub.gif) no-repeat; float: left; border-right: 3px solid #919191;}
.sub a { text-decoration: none; background: url(../img/cat-sub-a.gif) no-repeat top right; display: block; padding: 5px 10px; font-weight: bold; color: #505050;}
.sub .curr { background: url(../img/cat-sub-curr1.gif) no-repeat; }
.sub .curr a { background: url(../img/cat-sub-curr2.gif) no-repeat top right; color: #B40000;}
.subsub { clear: left; padding: 3px 0 0 0; margin: 0 6px; background: #FFCC00 url(../img/cat-subsub.png) no-repeat;}
.subsub li { background: #FFDD00 url(../img/cat-subsub.png) no-repeat left bottom; }
.subsub a { color: #000; text-decoration: none; font-weight: bold; display: block; padding: 4px 10px 8px 25px; background: url(../img/cat-subsub-a.gif) no-repeat 5px 0.5em; _height:1% }
.subsub .curr a { color: #b40000; }
.sub a:hover, .subsub a:hover { color: #fff; }

#content { float: right; width:705px; font-size: 106%; line-height: 140%; padding: 0.4em 0 1em 0; position: relative; left: -15px;}
p { padding: 0.2em 0 0.5em 0; }
h1 { font-size: 180%; text-transform: uppercase; font-weight: normal; padding: 0 0 0.7em 0; line-height: 110%; }
h1 span { display: block; color: #999; font-size: 70%; }
h2, h3 { color: #ddaa00; font-weight: bold; font-size: 130%; padding: 0.3em 0; }
h3 { font-size: 110%; padding: 1em 0 0.3em 0; }
#col h2, .tip h2, #home h2, .form h2 { text-transform: uppercase; font-size: 120%; color: #1F1917; font-weight: bold; padding: 0 0 0.5em 0; }
#col h2 span, .tip h2 span, #home h2 span, .form h2 span { color: #FFCC00; }
table { width:100%  }

th { background: #B3B3B3; font-weight: bold; color: #000; }
th, td { padding: 0.5em 0.8em; text-align: left; vertical-align: middle;}
tr.even { background: #F0F0F0; }
.r { text-align: center; }

/* forms */
fieldset { border: 1px solid #D9D9D9; margin: 1em 0; }
legend { border: 1px solid #D9D9D9; padding: 0.2em 1em; font-weight: bold;}
fieldset table { border: 10px solid #fff; width:auto; }
fieldset label { padding: 0 1em 0 0; }
fieldset td { padding: 2px; }
fieldset input, fieldset textarea, fieldset select { background: #E0DFDF; width: 170px; }
.submit, .check { width: auto !important; background: transparent; }
.submit { cursor: hand; cu\rsor: pointer; }
.butt { float: right; margin-left: 10px; }
.butt, .butt img { padding: 0 !important; }

.filter { margin-bottom: 20px; width:700px; overflow: hidden; border: 1px solid #D7D7D7; padding: 10px 0; text-align: center; background: url(../img/filter.png) repeat-x bottom;}
.filter ul { padding: 10px; margin: 0; }
.filter li { float: left; background: none; padding: 0 5px 0 0; }
.filter li a { display: block; background: #717171; color: #fff; text-decoration: none; width: 1.6em; height: 1.6em; line-height: 1.6em; text-align: center; }
.filter li a:hover { color: #FEDC00;  }
.filter .curr a { background: #FEDC00; color: #000;  }
.filter table { width: auto !important; margin: 0 auto; }
.filter td { padding: 0; }
.filter label { padding: 0 2em 0 0; }

.pages { text-align:right; font-size: 95%; padding:  0;margin:0 }
.pages a { color: #666; padding:0; }
.pages a.curr { color: #ddaa00; font-weight: bold; text-decoration: none; }
.pages a:hover {color: #ddaa00; }
.pages p { float: left; }

.prev { background: url(../img/prev.gif) no-repeat left; padding-left: 12px !important; }
.next { background: url(../img/next.gif) no-repeat right; padding-right: 12px !important; }
.imglist { background: url(../img/list-img.gif) no-repeat left; padding-left: 18px !important; }
.tablelist { background: url(../img/list-table.gif) no-repeat left; padding-left: 18px !important; }

.catalogue { width: 705px; overflow: hidden; background: url(../img/catalogue.gif) repeat-y;}
.item { width: 235px; float: left; font-size: 95%; color: #737373; padding: 0 0 25px 0; }
.item a, .item td a { color: #737373; }
.item a:hover{color: #000;text-decoration:none}
.item a strong { color: #000; text-decoration: underline; }


.item .img,  .item td .img { display: block; float: left; overflow: hidden; background: url(../img/action-img.jpg) no-repeat; padding: 5px; margin: 0 0 0 10px; display: inline; position: relative; z-index:1 }
.item .imgdvd,  .item td .imgdvd { display: block; float: left; overflow: hidden; background: url(../img/action-img-dvd.jpg) no-repeat; padding: 5px; margin: 0 0 0 10px; display: inline; position: relative; z-index:1 }
.item .imgbrd,  .item td .imgbrd { display: block; float: left; overflow: hidden; background: url(../img/action-img-brd.jpg) no-repeat;  padding: 5px; margin: 0 0 0 10px; display: inline; position: relative; z-index:1 }
.item img, .item td img { width: 70px; height: 70px; overflow: hidden; }
.item img.dvd, .item td img.dvd { width: 70px; height: 100px; overflow: hidden; }
.item img.brd, .item td img.brd { width: 70px; height: 90px; overflow: hidden; }
.item img.ostatni, .item td img.ostatni { width: 70px; height: 70px; overflow: hidden; }


.detico { overflow:hidden; padding:3px 0 0 0; }


.item img.mediumtype, .item td img.mediumtype {width:40px;height:25px;background:none;padding:0;margin:2px 0 0 1px;}

.item p, .item td p { margin: 0; }
.item .butt, .item td .butt { float: right; margin: 0 10px 0 0; display: inline; }

.item table {width:235px;margin:0;padding:0 0 0 5px;text-align:left;margin-bottom:10px}
.item table tr td.first {margin:0;padding:0;text-align:left;width:95px;vertical-align:top}
.item table tr td.last {margin:0;padding:0 5px;text-align:right;width:235px;}
.item table tr td.middle {margin:0;padding:0;text-align:left;width:140px;}
.price { color: #B40000; font-size: 150%; font-weight: bold; text-align: left; }
.buy { background: none !important; border: none; font-weight: bold; width: auto !important; color: #ddaa00; text-decoration: underline; cursor: hand; cu\rsor: pointer;}
a.person {color: #737373;text-decoration:none;font-size:95%}
a.person:hover {color: #000;text-decoration:none}



.basket { color: #737373; margin: 0; }
.basket strong a { color: #000; }
.basket strong a:hover { text-decoration:none; }
.basket input { width: 26px; float: left; background: #E0DFDF; }
.basket .del { color: #B40000; background: url(../img/del.gif) no-repeat left; padding-left: 15px; }
.basket td { border-bottom: 1px solid #D7D7D7;  }
.basket img { display: block; background: url(../img/basket-img.jpg) no-repeat; padding: 5px; }
.basket img.mediumtype {width:40px;height:25px;background:none;padding:0;margin:0 0 0 1px}
dl { padding: 0.2em 0 1em 0; }
dt { float: left; font-weight: bold; }
dd { margin-left: 11em; color: #737373; }
dt, dd { padding-bottom: 3px; }

#home { width:720px; float: right; position: relative;}
#home #content { width: 490px; float: left; position: static; }
#rcol { width: 215px; float: right; }
#rcol .form { background: #919191 url(../img/rcol.gif) no-repeat; padding: 5px; margin: 0 3px 10px 3px; }
#rcol .form label { font-weight: bold; }
#rcol .form input { width: 120px; background: #E3E3E3; }
#rcol .form .button { width: auto; float: right; }
#rcol .form a { color: #E3E3E3; }
#rcol .tip h2 { font-size: 140%; }

.search { width: 490px; overflow: hidden; padding-bottom: 10px; }
.search h2 { float: left; color: #000; padding: 4px 20px 0 0;  }
.search input { float: left; width: 350px; background: #B9B9B9; }
.search .button { float: right; width: auto; }
.search form { background: #919191; width: 490px; overflow: hidden; padding: 10px 0; clear: left;}
.search p { padding: 0 10px; }
.search a { text-decoration: none; padding: 5px 5px 6px 5px; float: left; font-weight: bold; border-right:1px solid #ccc}
.search strong { float: left; background: #919191 url(../img/search-right.gif) no-repeat top right; }
.search p.strong { padding:0;margin:0;float: left; background: #919191 url(../img/search-right.gif) no-repeat top right; }
.search strong a { color: #000; background: url(../img/search-left.gif) no-repeat top left; }
.search a.strong  { color: #000; background: url(../img/search-left.gif) no-repeat top left; }


#home .article, #home .article2 { border: 1px solid #D7D7D7; padding: 5px; background: url(../img/article.png) repeat-x bottom;  }
#home .article h3, #home .article2 h3 {  color: #000; text-transform: uppercase; }
#home .article h3 span, #home .article2 h3 span {  text-transform: uppercase; font-weight: normal; font-size: 95%; color: #666; }
#home .article img, .detail img { background: url(../img/article.gif) no-repeat; padding: 7px; float: left; margin: 5px 10px 3px 0; }

#home .article2 img, .detail2 img { background: url(../img/article2.gif) no-repeat; padding: 7px; float: left; margin: 5px 10px 3px 0; }

#home table.album-and-film {background: url(../img/article.png) repeat-x bottom; border: 1px solid #D7D7D7;}
#home table.album-and-film tr td { border-left: 1px solid #D7D7D7; margin: 0px; padding: 0px; vertical-align: top;}
#home table.album-and-film tr td .article {width: 233px; height: 100%; background: none; border: none;}
#home table.album-and-film tr td .article2 {width: 233px; height: 100%; background: none; border: none;}
#home table.album-and-film tr td .article a img.week-image {margin-right: 65px; }
#home table.album-and-film tr td .article2 a img.week-image {margin-right: 65px;}
#home table.album-and-film tr.last-row td {vertical-align: bottom; padding: 0 15px 7px 7px;}


.detail img.dvd { background: url(../img/article-dvd.gif) no-repeat; padding: 7px; float: left; margin: 5px 10px 3px 0; }

.detail .text { margin: 5px 0 10px 180px; }
.detail h2 { font-size: 100%; padding: 0; }
.detail h2.desc { padding: 0 0 10px 0; }
.detail { width: 705px; overflow: hidden; background: url(../img/detail.gif) repeat-x bottom; }
.detail .price { text-align: left; margin: 30px 0 30px 180px; font-size: 100%;}
.detail .price strong { margin-right: 45px; color: #000; font-size:22px; font-weight:lighter; }
.detail .price input { vertical-align: middle; background: #E0DFDF; width: 40px; text-align: right;}
.detail input { margin-left: 5px; }
.detail .text img.mediumtype {width:40px;height:25px;background:none;padding:0;margin:2px 0 0 1px}
.detail .price span { font-size:10px; }

.detail .image { float:left;display: block; float: left; text-align: center; width: 165px; }

.stockpreorder { width:74px !important;height:20px !important;position:relative;top:-2px;padding-left:13px; }
.stocknews { width:74px !important;height:20px !important;position:relative;top:-3px;padding-left:13px; }
.stockstock { width:74px !important;height:20px !important;position:relative;top:-2px;padding-left:13px; }

.news { padding-bottom:1.5em; width: 700px; overflow: hidden;}
.news h3 {padding-top:1px}
.news .titleph {float:left;margin-right:5px}

.steps { width: 705px; overflow: hidden; }
.steps ol { list-style: none; margin: 0; padding: 0; float: right; background: url(../img/steps.gif) no-repeat top; }
.steps li { float: left; width: 100px; padding: 45px 0 0 0; text-align: center; text-transform: uppercase; font-size: 95%; color: #666; background-repeat: no-repeat; background-position: top left;}
.step1 { background-image: url(../img/step1.gif); }
.step2 { background-image: url(../img/step2.gif); }
.step3 { background-image: url(../img/step3.gif); }
.step4 { background-image: url(../img/step4.gif); }
.steps .curr { background-position: top right; }
img.none { background: none; padding: 0px;  margin: 0; }

table.transport-person {width: auto; margin: 5px;}
table.transport-person th {background: transparent; color: #B40000;}
table.transport-person th, table.transport-person td {border: 1px solid #B40000;}

a.allActions {color: #DDAA00; font-size: 10px;}
a:hover.allActions {color: #000;}

/* HELPER */ 
#jHelperTipAttrContainer{background:#FFFFCC;border:1px solid #FF3333; color:#333; display:none;}
#jHelperTipContainer {display:none; width: 200px; background: #ffd; padding: 10px; border: 1px solid #FFD715; text-align: left;}

.sitemap-sub {margin-left: 15px;}

/* nyroModal */
div#nyroModalFull, div#nyroModalFull h1 {font-size: 12px;color: #fff; font-family: sans-serif; font-style: normal;}
div#nyroModalFull div#nyroModalLoading {border: 4px solid #DDAA00;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;border: 4px solid #DDAA00;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: -15px;right: -15px;width: 15px;height: 15px;text-indent: -9999em;background: url(../img/nyroclose.gif) no-repeat;outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;	position: absolute;	top: -22px;	left: 5px;	font-size: 11px;color: #fff; font-weight: normal;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {background: url(../img/nyroprev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {background: url(../img/nyronext.gif) right 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {left: 0;width: 40%;background: url(../img/nyroprev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {right: 0;width: 40%;background: url(../img/nyronext.gif) right 20% no-repeat;}

/* nyroModal - nothing to edit here */
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}

.to-big-img {display: block; float: left; text-align: center; width: 165px}

.facebook a { color: #3B5997; font-style: italic; background: url(./../img/facebook.gif) no-repeat left; padding: 5px 3px 5px 32px; float: left;}
.facebook a:hover { color: #f00; }

h2.doruceni { background:url(../img/pruh.gif) no-repeat top left; display:block; color:#fff; padding:8px 0 8px 35px; }


ul.error{ border:1px solid #f00;padding:5px; }
ul.error li { color:#f00; background:url(../img/ico_error.png) no-repeat left; padding:3px 0 3px 20px; }
ul.ok{ border:1px solid #30b124;padding:5px; }
ul.ok li { color:#30b124; background:url(../img/ico_ok.gif) no-repeat left; font-weight:bold; padding:3px 0 3px 20px; }