/*	---------------------------------------------------------------------------------------
	3Kfoto
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Reset, basic styles and layout
	Media:				screen, projection
	Datum:				16. 7. 2008
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)
	---------------------------------------------------------------------------------------*/

/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { margin: 0; padding: 0; }
:focus { outline: 0; }

body { padding-bottom: 200px; font: 75%/1.7 sans-serif; color: #a1a2a4; background: #000 url('../images/body.jpg') 50% 0 no-repeat; }
hr { display: none; }

a { color: #6e6f71; }
a:hover, a:focus, a:active { text-decoration: none; }
img { vertical-align: middle; }
a img, fieldset { border: none; }
textarea { font-family: sans-serif; }
li { display: block; list-style: none; }

table { table-layout: fixed; width: 100%; border-collapse: collapse; }
td, th { padding: 6px 0 7px; background: url('../images/dotted-gray.gif') 0 100% repeat-x; }
th { text-align: left; color: #000; }
tr.last td, tr.last th { background: none; }

abbr, acronym { border-bottom: 1px dotted #000; cursor: help; }
address { font-style: italic; }
em { padding: 1px 2px; font-style: normal; background: #e4e9ee; }

h1 { font-size: 200%; }
h2 { clear: both; width: 100%; height: 45px; font: bold 200% monospace; color: #e04508; }
h2 strong, h3 strong { color: #000; }
h2 em, h3 em { font-style: normal; color: #2e2e2e; background: none; }
h3 { font-size: 120%; }
h3.sifr { height: 30px; padding: 20px 0 12px; }
h4 { font-size: 100%; }
h5 { font-size: 89%; }
h6 { font-size: 60%; }

/*	---------------------------------------------------------------------------------------
	Default classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.l { float: left !important; }
.r { float: right !important; }
.c { clear: both !important; }
.n { display: none; }
.b { display: block; }

.t-l { text-align: left !important; }
.t-c { text-align: center !important; }
.t-r { text-align: right !important; }

.tt-up { text-transform: uppercase !important; }
.sm { font-size: 90% !important; }
.tdn { text-decoration: none !important; }
.nom { margin: 0 !important; }

.a-r { text-align: right !important; }

.cl { min-height: 1px; }
.cl:after { clear: both; visibility: hidden; display: block; height: 0; font-size: 0; content: '.'; }
.ac { position: absolute; left: -9999px; top: 0; z-index: -1; }

.ir, .ir a { position: relative; overflow: hidden; display: block; }
.ir a, .ir span { width: 100%; height: 100%; }
.ir span { position: absolute; left: 0; top: 0; background-position: 0 0; background-repeat: no-repeat; }
.ir a span, a.ir span { cursor: pointer; }

.more { position: relative; z-index: 500; float: right; margin: -30px 0 0 0; font-size: 90%; color: #a8adb5; }
.m-c2 a { margin-right: 250px; }
#maincontent .more a { color: #a8adb5; }
#maincontent .more a:hover, #maincontent .more a:focus, #maincontent .more a:active { color: #000; }

.imp { text-decoration: underline; color: #df4507; }
.imp em { text-decoration: none; color: #000; background: none; }

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* Main ---------------------------------------------------------------------------------*/

#main { position: relative; width: 970px; margin: 0 auto; }

/* Header -------------------------------------------------------------------------------*/

#header { position: relative; height: 296px; margin-bottom: 84px; }

#header #logo { float: left; display: inline; margin: 23px 0 0 3px; }
#header img { color: #fff; }
#header h1 { display: inline; font: bold 200% monospace; color: #fff; }
#header h1 img { font-size: 190%; }

#header a:hover, #header a:focus, #header a:active { color: #fff; }

#menu { float: right; margin: 57px -5px 0 0; line-height: 40px; }
#menu li { float: left; margin: 0 -1px; background: url('../images/menu-li.gif') 100% 50% no-repeat; }
#menu li.last { padding: 0; background: none; }
#menu a { float: left; padding: 0 15px 0 17px; text-decoration: none; color: #fff; }
#menu li.active a, #menu a:hover, #menu a:focus, #menu a:active { background: #000 url('../images/menu-a.gif') 100% 100% no-repeat; }

#header .slogan { clear: both; float: right; width: 340px; margin-top: 50px; font: 150% monospace; color: #fff; }

#header .prihlaseni { position: absolute; right: 10px; top: 0; line-height: 37px; font-size: 90%; color: #6e6f71; }
#header .prihlaseni p {color: #fff; float: left; margin-right: 14px; padding-right: 14px; background: url('../images/border-gray.gif') 100% 50% no-repeat; }
/*#header .prihlaseni p a {color: #fff;}*/
#header .kosik { position: absolute; right: 0; bottom: 20px; padding-top: 10px; line-height: 15px; text-align: right; font-size: 90%; }
#header .kosik a { float: right; margin-top: -10px; padding: 10px 0 10px 20px; background: url('../images/dotted-v.gif') 0 0 repeat-y; }
#header .kosik p { margin-right: 95px; white-space: nowrap; }
#header .kosik strong { font-weight: normal; color: #fff; }

/* Fast navigation ----------------------------------------------------------------------*/

#navigation { position: absolute; left: 0; top: 296px; width: 100%; height: 70px; padding-top: 14px; font-size: 90%; background: url('../images/border-dotted.gif') 0 0 repeat-x; }

#navigation img { float: left; display: inline; margin-right: 89px; }
#navigation .col4-1, #navigation form { float: left; display: inline; width: 232px; margin-left: 15px; }

#navigation p { height: 15px; margin-bottom: 5px; line-height: 15px; }
#navigation .wrapper { position: relative; overflow: hidden; width: 232px; height: 30px; line-height: 30px; text-transform: uppercase; color: #fff; }
#navigation ul { position: absolute; top: 0; z-index: 100; overflow: hidden; width: 232px; padding-bottom: 2px; background: url('../images/submenu-bottom.gif') 0 100% no-repeat; }

#navigation li { position: relative; display: none; width: 232px; }
#navigation li.act { display: block; margin-bottom: 5px; }
#navigation li.top a { padding-top: 2px; background: #2f3236 url('../images/submenu-top.gif') 0 0 no-repeat; }
#navigation li.last a { background-image: none; }

#navigation li a { overflow: hidden; position: relative; display: block; width: 232px; height: 30px; text-decoration: none; color: #fff; background: #2f3236 url('../images/dotted-black.gif') 0 100% repeat-x; }
#navigation li a em { overflow: hidden; display: block; width: 180px; height: 30px; padding: 0 25px 0 27px; background: transparent url('../images/submenu-arrow.gif') 12px 11px no-repeat; cursor: pointer; }

#navigation li a:hover, #navigation li a:focus, #navigation li a:active, #navigation li.top a:hover { background-color: #232528; }
#navigation li a:hover em, #navigation li a:focus em, #navigation li a:active em { color: #ccc; }
#navigation li.top a:hover { background-position: -232px 0; }

#navigation li.act a, #navigation li.act a:hover, #navigation li.act a:focus, #navigation li.act a:active { background: url('../images/button.gif') 0 0 no-repeat; }
#navigation li.act a em, #navigation li.act a:hover em, #navigation li.act a:focus em, #navigation li.act a:active em { width: 199px; padding: 0 25px 0 8px; color: #fff; background: transparent url('../images/button-a.gif') 214px 10px no-repeat; }

#navigation .hov, #navigation .wrapper:hover { overflow: visible; }
#main #navigation .hov ul li, #navigation .wrapper:hover li { display: block; }

#navigation form { position: relative; width: 249px; }
#navigation form a { position: absolute; right: 0; top: 0; z-index: 999; /*color: #8f8f8f;*/ }
#navigation form input { float: left; }


#navigation label { color: #a1a2a4; }
#navigation input { float: left; display: inline; margin: 3px 0 0; color: #fff; background: #525558; }
#navigation #search { width: 189px; height: 16px; padding: 7px; border: none; line-height: 16px; font-size: 100%; background: transparent url('../images/search-input.gif') 0 0 no-repeat; }


/* Maincontent --------------------------------------------------------------------------*/

#maincontent { padding: 23px 18px 36px 16px; color: #000; background: #fff; }
#maincontent a { color: #000; }
.content, .column { overflow: hidden; }

/* Content ------------------------------------------------------------------------------*/

.content { overflow: hidden; float: right; width: 725px; }
.content p { margin-bottom: 20px; }

.content input.text { width: 200px; height: 16px; padding: 6px 5px 7px; border: none; font-size: 100%; color: #000; background: #c7c7c5 url('../images/input.gif') 0 0 no-repeat; }
.content input.imp { font-weight: bold; color: #fff; background: #696968 url('../images/input-imp.gif') 0 0 no-repeat; }
.content input.checkbox { margin-right: 10px; }

#maincontent .breadcrumb { overflow: hidden; width: 100%; margin-bottom: 10px; line-height: 20px; text-transform: uppercase; font-size: 80%; color: #df4507; }
#maincontent .breadcrumb a, .breadcrumb em { padding: 0 3px; }
#maincontent .breadcrumb a { text-decoration: none; color: #999; }
#maincontent .breadcrumb a:hover, #maincontent .breadcrumb a:focus, #maincontent .breadcrumb a:active { color: #000; }
#maincontent .breadcrumb .home { padding-left: 20px; background: url('../images/home.gif') 0 50% no-repeat; }
.breadcrumb em { font-style: normal; background: none; }

#maincontent .news { width: 479px; padding: 0; }
#maincontent .news .col { width: 209px; margin: 0; padding: 5px 0 20px 24px; }
#maincontent .news .first { width: 206px; padding: 5px 27px 20px 0; border-right: 1px solid #d2d2d2; }
.news p.date { float: left; margin: 0 9px 0 0; padding-right: 10px; font-weight: bold; background: url('../images/border-orange.gif') 100% 50% no-repeat; }
.news h3 { font-size: 100%; }
.news p { margin: 10px 0 13px; }
.news .add { margin: 0; padding-left: 15px; text-transform: uppercase; font-size: 90%; color: #a5a7ab; background: url('../images/news-add.gif') 4px 50% no-repeat; }
#maincontent .news .add a { text-transform: lowercase; color: #a5a7ab; }
#maincontent .news .add a:hover, #maincontent .news .add a:focus, #maincontent .news .add a:active { color: #000; }

.f-poradime textarea { width: 221px; height: 101px; margin-bottom: 12px; padding: 5px; border: none; font-size: 90%; color: #000; background: #e3e4e4 url('../images/textarea.gif') no-repeat; }
.f-poradime input { float: right; margin-right: 1px; }

/* Column -------------------------------------------------------------------------------*/
.colum {overflow: hidden; width: 179x;}


.column { overflow: hidden; float: left; width: 181px; }
.column ul { line-height: 30px; }

.column ul li { float: left; width: 100%; background: url('../images/dotted-gray.gif') 0 100% repeat-x; }
.column ul li.last { background: none; }
.column ul a { float: left; width: 181px; text-decoration: none; }

.column ul li ul {float: left;}

.column ul a strong, .column ul a em { display: block; padding: 0 10px 0 20px; }
.column ul a strong { background: url('../images/submenu-strong.gif') 4px 12px no-repeat; }
.column ul a em { font-style: normal; background: url('../images/submenu-em.gif') 4px 12px no-repeat; }

.column ul .active a, .column ul a:hover, .column ul a:focus, .column ul a:active { position: relative; margin-top: -1px; padding-top: 1px; color: #fff; background: #2b2e32 url('../images/submenu-a.gif') 0 0 repeat-y; }
.column ul .active a strong, .column ul a:hover strong, .column ul a:focus strong, .column ul a:active strong, .column ul .active a em, .column ul a:hover em, .column ul a:focus em, .column ul a:active em { color: #fff; background-image: url('../images/submenu-active.gif'); }
.column ul .active.pack a strong, .column ul .active a em, .column ul .pack a:hover strong, .column ul .pack a:focus strong, .column ul .pack a:active strong, .column ul .pack a:hover em, .column ul .pack a:focus em, .column ul .pack a:active em { background: url('../images/submenu-open.gif') 6px 12px no-repeat; }
.column ul .active a strong { font-weight: normal; }

.column ul ul { display: none; }
#main #maincontent .column ul .active ul { overflow: hidden; display: block; width: 156px; padding-left: 25px; border-bottom: 1px solid #df4507; }
#main .column ul ul a { width: 133px; margin: 0; padding: 0 5px 0 18px; font-weight: bold; color: #000; background: url('../images/submenu-em.gif') 1px 12px no-repeat; }
#main .column ul ul .active a, #main .column ul ul a:hover, #main .column ul ul a:focus, #main .column ul ul a:active { margin-top: 0; padding-top: 0; color: #cf190c; }

.column a img {margin-top:30px;}

/* Footer -------------------------------------------------------------------------------*/

#footer { padding-top: 18px; line-height: 1.8; color: #454545; }
#footer a { color: #454545; }
#footer .copy { color: #fff; }
#footer .copy a { padding: 0 5px; color: #fff; }

/*	---------------------------------------------------------------------------------------
	Grid and boxes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.box, .item { overflow: hidden; position: relative; padding: 14px 14px 0; }
.box .top, .item .top { position: absolute; left: 0; top: 0; height: 2px; }
.box .bottom { clear: both; display: block; width: 233px; height: 15px; margin: 0 -14px; background: url('../images/box-bottom.gif') 0 100% no-repeat; }

.col3 .col, .col3 .box, .col3 .item { overflow: hidden; float: left; display: inline; width: 233px; margin: 0 0 32px 13px; }
.col3 .first { clear: both; margin-left: 0; }

.col3 .box, .col3 .item { width: 205px; background: url('../images/box.gif') 0 0 repeat-y; }
.col3 .box .top, .col3 .item .top { width: 233px; background: url('../images/box-top.gif') 0 0 no-repeat; }

/* Items in shop ------------------------------------------------------------------------*/

.item h3, .ask h3, .mcol h3 { overflow: hidden; width: 100%; font-size: 100%; margin-bottom: 34px;}
.item h3 a, .box .more, .ask h3, .mcol h3 { width: 100%; padding-bottom: 3px; border-bottom: 1px solid #df4507;}
.item h3 a { float: left; text-decoration: none;}
.item h3 a:hover, .item h3 a:focus, .item h3 a:active { border-color: #e7915f; }
.item p { margin: 0; }
/*#main #maincontent .item h3 a { height: auto; }*/
/*#main #maincontent .item h3 a { height: 40px; line-height:138%;}*/
#main #maincontent .item h3 a { height: auto !important; height: 50px; min-height: 50px; line-height: 20px; }

.item .bonus { height: 25px; margin: -30px 0 5px; text-align: center; }
.item img { float: left; }

.item dl { width: 95px; margin-left: 110px; line-height: 1.1; }
.item dt { font-size: 80%; }
.item dd { line-height: 1.2; }
.item dt.price { text-transform: uppercase; color: #999; }
.item dd.price { font-size: 150%; color: #858585; }
.item dt.availability { padding-top: 7px; text-transform: uppercase; color: #bbb; }
.item dd.availability { font-size: 150%; }
.item dd.availability span, .dostupny {color: #33aa33;}

.item .moreinfo { margin: 25px 0 -15px; padding-top: 18px; border-top: 1px solid #df4507; font-size: 90%; }
.item .moreinfo .min { /*height: auto !important;*/ height: 120px; overflow :hidden;}
#maincontent .item .tag { /*height: auto !important; height: 35px; min-height: 35px;*/ margin-top: 5px; padding: 10px 0 0 25px; border-top: 1px solid #df4507; line-height: 1.2; text-transform: uppercase; font-size: 80%; color: #999; background: url('../images/tag.gif') 0 13px no-repeat; height: 12px;}
maincontent .item .tag em, #maincontent .item .tag a { padding: 0; line-height: 1.8; color: #999; background: none; }
#maincontent .item .tag a:hover, #maincontent .item .tag a:focus, #maincontent .item .tag a:active { text-decoration: none; color: #000; }

.item .footer { width: 213px; margin: 25px -14px 0; padding: 10px; background: #dfdfdf url('../images/dotted.gif') 0 0; }
#maincontent .item a, #basket-add .item a { height: 29px; line-height: 29px; }
#maincontent .item .info, #basket-add .item .info { float: left; width: 29px; text-align: center; font-size: 80%; color: #fff; background: #6d6e70; }
.item .info span { background-image: url('../images/info.gif'); }
#maincontent .item .add, #maincontent .basket-add, #basket-add .item .add { float: right; width: 104px; padding: 0 20px 0 10px; text-decoration: none; text-transform: uppercase; font-size: 80%; color: #fff; background: #da350a url('../images/add.png') 0 0 repeat-y; }
/*#maincontent .item .add {line-height: 29px;}*/
/* Other cols and panels ----------------------------------------------------------------*/

.col4 {width:690px;} /* add JMM*/
.c4 {padding: 50px 0 0 300px;}
.c5 {padding: 50px 0 0 100px;}
.c6 {padding: 20px 0 0 300px;}
.c7 {padding: 20px 0 0 400px;}

.col3 .c2, .col3 .c3 { width: 444px; padding: 10px 20px 0 15px; }
.col3 .box.c2 { background: url('../images/box2.gif') 0 0 repeat-y; }
.col3 .box.c45 { background: url('../images/box4.gif') 0 0 repeat-y;  }
.col3 .c2 .top, .col3 .c2 .bottom { width: 479px; background: url('../images/box2-top.gif') 0 0 no-repeat; }
.col3 .c2 .bottom { margin: 0 -20px 0 -15px; background: url('../images/box2-bottom.gif') 0 100% no-repeat; }

.col3 .c3 { width: 690px; margin-left: 0; }
.col3 .box.c3 { background: url('../images/box3.gif') 0 0 repeat-y; }
.col3 .c3 .top, .col3 .c3 .bottom { width: 725px; background: url('../images/box3-top.gif') 0 0 no-repeat; }
.col3 .c3 .bottom { height: 15px; margin: 0 -20px 0 -15px; background: url('../images/box3-bottom.gif') 0 100% no-repeat; }

.col3 .help { width: 213px; padding: 15px 10px 0; background: url('../images/border-horizontal-orange.gif') 10px 0 no-repeat; }
.help h3 { font-size: 100%; }
.help p { margin: 0; }

.box .more { float: none; margin: 0 0 5px 0; padding-bottom: 9px; text-align: right; }

.bookbox { overflow: hidden; width: 100%; padding-top: 34px; }
.bookbox .box, .bookbox .col { overflow: visible; }
.hmin { width: 100%; }
.hmin .box, .hmin .col { height: auto !important; height: 220px; min-height: 220px; margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; }
.hmin .box .bottom { position: absolute; left: 0; bottom: 0; margin: 0; }
#maincontent .h300, #maincontent .h300 .box { height: 270px; min-height: 270px; }
#maincontent .h270, #maincontent .h270 .box { height: 240px; min-height: 240px; }

#sub #maincontent .bookbox { padding: 34px 0 0 0; }
#maincontent .form .box, #maincontent .form .col, #maincontent .null .box, #maincontent .null .col { margin-bottom: 0; }
#main #maincontent .fh fieldset { padding-bottom: 25px; }

.bookmarks { position: absolute; left: 0; top: -33px; }
.bookmarks li { display: inline; line-height: 34px; font-weight: bold; }
.bookmarks li a, .bookmarks li strong { float: left; margin-right: -1px; }
.bookmarks li a { text-decoration: underline; }
#maincontent .bookmarks li a:hover, #maincontent .bookmarks li a:focus, #maincontent .bookmarks li a:active, #maincontent .bookmarks li strong, #maincontent .bookmarks li.active a, #maincontent .bookmarks li a.active { text-decoration: none; background: #fff url('../images/bookmarks-li.gif') 0 0 no-repeat; }
.bookmarks li em { float: left; padding: 0 11px; font-style: normal; background: transparent; }
.bookmarks li.last em { background: none; }
.bookmarks li a:hover em, .bookmarks li a:focus em, .bookmarks li a:active em, .bookmarks li strong em, .bookmarks li.active a em, .bookmarks li a.active em  { position: relative; background: transparent url('../images/bookmarks-a.gif') right 0 no-repeat; }
.bookmarks li a em { background: url('../images/bookmarks.gif') 100% 50% no-repeat; cursor: pointer; }

.panel { clear: both; position: relative; height: auto !important; height: 27px; min-height: 27px; margin: 18px 0 25px; padding: 7px 3px; border: 1px solid #df4507; border-width: 1px 0; line-height: 27px; font-size: 90%; }
.panel input, .panel label { vertical-align: middle; }
.panel label { margin-right: 5px; text-transform: uppercase; color: #898a8c; }

.image-r div { float: left; margin-top: .5em; line-height: 1; }
.image-r .image { float: right; }
.mcol h3 { margin-bottom: 12px; }
.mcol address { padding-bottom: 18px; text-decoration: none; font-style: normal; font-size: 100%; background: url('../images/dotted-gray.gif') 0 100% repeat-x; }
.mcol p { margin: 15px 0 0; }

/* Page list ----------------------------------------------------------------------------*/

.pages { clear: both; float: right; line-height: 27px; text-transform: lowercase; }
.pages li { float: left; padding: 0 0 0 1px; background: url('../images/dotted-vertical.gif') 0 50% no-repeat; }
.pages li a { padding: 0 6px; }
.pages li.active a:hover.pages li.active a:hover, .pages li.active a:focus, .pages li.active a:active { color: #df4507; }
.pages li.prev, .pages li.next { background: url('../images/menu-li.gif') 100% 0 repeat-y; }
.pages li.prev a, .pages li.next a { float: left; }
.pages li.prev { position: relative; margin-right: -1px; }
.pages li.prev a { padding: 0 10px 0 40px; background: url('../images/back.gif') 0 0 no-repeat; }
.pages li.next {  background-position: 0 0; }
.pages li.next a { padding: 0 40px 0 10px; background: url('../images/go.gif') 100% 0 no-repeat; }

.pages li.prev1, .pages li.next1 { background: url('../images/menu-li.gif') 100% 0 repeat-y; }
.pages li.prev1 a, .pages li.next1 a { float: left; }
.pages li.prev1 { position: relative; margin-right: -1px; }
.pages li.prev1, .pages li.next1 { background: url('../images/menu-li.gif') 100% 0 repeat-y; }
.pages li.prev1 { position: relative; margin-right: -1px; }
.pages li.prev1 a { padding: 0 10px 0 40px; background: url('../images/back_off.gif') 0 0 no-repeat; }
.pages li.next1 {  background-position: 0 0; }
.pages li.next1 a { padding: 0 40px 0 10px; background: url('../images/go_off.gif') 100% 0 no-repeat; }


#ActivePager, #ActivePager a {color: #ff0000;text-decoration:none;}

.steps, .prevstep, .nextstep, .prevstep a, .nextstep a { float: left; height: 27px; margin-bottom: 35px; line-height: 27px; }
.steps { overflow: hidden; width: 600px; height: auto; }
.steps li { float: left; padding-right: 18px; white-space: nowrap; text-transform: uppercase; font-size: 90%; color: #000; }
.steps li span, .mbox span { float: left; width: 9px; height: 13px; margin: 7px 7px 0 0; padding-left: 4px; text-decoration: none; line-height: 12px; color: #fff; background: #c8c8c4 url('../images/step.gif') 50% 50% no-repeat; }
.mbox span { width: 13px; margin-top: 0; padding: 0; text-align: center; background: #df4507 url('../images/step-active.gif') 50% 50% no-repeat; }
#maincontent .steps li a { text-decoration: none; color: #999; }
#maincontent .steps li a:hover, #maincontent .steps li a:focus, #maincontent .steps li a:active { color: #000; }
#maincontent .steps li a.prev { text-decoration: underline; color: #000; }
#maincontent .steps .active { font-weight: bold; }
#maincontent .steps .active span { font-weight: normal; }
#maincontent .steps .active a { text-decoration: none; color: #000; }
.steps li.active span, .steps li a:hover span { background: #df4507 url('../images/step-active.gif') 50% 50% no-repeat; }

.prevstep, .nextstep { float: right; margin: 0; }
.prevstep { float: left; }
.prevstep a { padding-left: 40px; background: url('../images/step-prev.png') 0 50% no-repeat; }
.nextstep a { padding-right: 40px; background: url('../images/step-next.png') 100% 50% no-repeat; }

.content .pack { clear: both; margin: 5px 0 0 0; padding: 12px 0; border: 1px solid #fff; }
.content .bt { border-top-color: #e87345; }
.content .bb { border-bottom-color: #e87345; }
.content .pack a { padding-left: 17px; background: url('../images/pack.gif') 0 50% no-repeat; }
.content .up a, .content .pack a:hover { background: url('../images/up.gif') 0 50% no-repeat; }

.mbox li { overflow: hidden; display: block; width: 100%; padding-top: 12px; line-height: 12px; }

/*	---------------------------------------------------------------------------------------
	SUBPAGES ////////////////////////////////////////////////////////////////////////////////
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#sub { background-image: url('../images/body-sub.jpg'); }

#sub #header { height: 206px; }
#sub #logo { margin-bottom: 19px; }
#sub #header h1 { clear: both; float: left; width: 895px; height: 45px; margin-top: 30px; padding: 4px 0 0 75px; line-height: 42px; background: url('../images/folder.jpg') 0 0 no-repeat; }
#sub #header h1.hbasket { width: 905px; margin-top: 19px; padding: 15px 0 4px 65px; background: url('../images/basket.jpg') 0 0 no-repeat; }
#sub h1 img { font-size: 140%; }
#sub #navigation { top: 206px; }

#sub .about-h2 {width: 240px;margin:8px;}
#sub .about { margin: -40px 30px 0 255px;height:100px;overflow: hidden}

.range { overflow: hidden; width: 100%; margin: 30px 0 18px; line-height: 17px; }
.range strong, .range em, .range a { float: left; }
.range strong { margin-right: 10px; }
#maincontent .range a, .range em { padding: 0 9px; font-size: 90%; color: #96979a; background: url('../images/border-orange.gif') 100% 50% no-repeat; }
#maincontent .range a:hover, #maincontent .range a:focus, #maincontent .range a:active { color: #000; }
#maincontent .range a.last { background: none; }
.range em { color: #e04508; }
#maincontent .range .ir { width: 17px; height: 17px; margin-right: 1px; padding: 0; background: none; }
.range .ir:hover span, .range .ir:focus span, .range .ir:active span, .range .act span { background-position: -17px 0; }
.range .up span { background-image: url('../images/arrow-up.gif'); }
.range .down span { background-image: url('../images/arrow-down.gif'); }

.content-in { margin-top: 15px; border-top: 1px solid #df4507; }

/*	---------------------------------------------------------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.form .box { margin-bottom: 0; }
.form .box .w1 { width: 234px; }
.form .box .wN { width: 155px; }
.form .box td label, .form .box td strong, .basket table strong { display: block; line-height: 1.3; font-size: 115%; font-weight: bold; color: #000; }
.form fieldset, .p-b fieldset { padding-bottom: 10px; }

.form .box td input, .form .box td label { vertical-align: middle; }
.form .box td.sec label { display: inline; padding: 0 5px 0 2px; line-height: 1.5; text-transform: uppercase; font-size: 85%; font-weight: normal; }

.form .inputimg { margin-top: 15px; }

#dodaci, #prihlaseni { display: none; }
.b1 #prihlaseni { display: block; }
#prihlaseni a { color: #828486; }

/*	---------------------------------------------------------------------------------------
	Basketpage
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.form { width: 100%; }
.form .box td, .basket td { font-size: 90%; color: #828486; }
.basket th, .basket td { padding: 12px 5px 12px 0; }
.basket th { padding-top: 6px; }
.basket th, .basket .last td, .price-review .last th, .price-review .last td, .t-text th { background: url('../images/border-horizontal-orange.gif') 0 100% repeat-x; }

.basket .w1, .t-text .w1 { width: 215px; }
.basket .w2, .t-text .w2 { width: 100px; }
.basket .w3, .t-text .w3 { width: 118px; }
.basket .w4, .t-text .w4 { width: 60px; }
.basket .wS, .t-text .wS { width: 58px; }

.basket table a { font-size: 115%; }
.basket input.text { width: 71px; background: url('../images/input-basket.gif') 0 0 no-repeat; }
.basket .inputimg { position: relative; margin-left: -2px; }
.basket table strong { display: block; }
.basket table p { position: relative; margin: 0; }

.basket .delete { position: absolute; right: 0; top: -2px; }
tr.nobg td, tr.nobg th { padding-bottom: 0; background: none; }
#maincontent .basket .finalprice { line-height: 1.2; font-size: 150%; }
#maincontent .basket .finalprice strong { font-weight: normal; color: #999b9c; }
#maincontent .price-review .finalprice strong { color: #df4507; }

.basket .review { font-size: 110%; }
.basket .review td { color: #000; }
.basket .review a { font-size: 100%; }
#maincontent .basket .review p { font-size: 90%; }

.form-m-infobox input { margin-right: 10px; }
#maincontent .form-m-infobox label { display: inline; font-size: 100%; color: #000; }
.form-m-infobox table { overflow: hidden; width: 100%; font-size: 115%; }
#maincontent .form-m-infobox td { padding: 12px 0; font-weight: bold; color: #e04508; background: url('../images/dotted-gray.gif') 0 100% repeat-x; }
#maincontent .form-m-infobox table.noact td { background: url('../images/dotted-gray.gif') 0 100% repeat-x; } /* FF javascript bug */
#maincontent .form-m-infobox table.last td { background: none; }
#maincontent .form-m-infobox table.act td { background: url('../images/border-horizontal-orange.gif') 0 100% repeat-x; }
.form-m-infobox .fw1 { width: 300px; }
.form-m-infobox .fw2 { width: 40px; text-align: right; }
.form-m-infobox td a { padding-left: 17px; text-decoration: none; background: url('../images/border-orange.gif') 5px 50% no-repeat; }
.form-m-infobox td a em { padding-left: 18px; text-decoration: underline; font-weight: normal; background: transparent url('../images/pack.gif') 0 50% no-repeat; }
.form-m-infobox td a.unpack em { font-weight: bold; background-image: url('../images/up.gif'); }
.form-m-infobox td a.nounpack { text-decoration: none; } /* FF javascript bug */
.form-m-infobox td a.nounpack em { font-weight: normal; background-image: url('../images/pack.gif'); } /* FF javascript bug */
.form-m-infobox ul { display: none; padding: 12px 25px 5px; font-size: 90%; color: #989898; background: url('../images/dotted-gray.gif') 0 100% repeat-x; }
.form-m-infobox ul.active { display: block; }
.form-m-infobox ul li { position: relative; padding: 0 14px 12px 14px; background: url('../images/arrow-r.gif') 0 .5em no-repeat; }

.form-infobox input, .form-infobox label { float: left; vertical-align: middle; }
.form-infobox label { display: inline; margin-left: 8px; font-size: 90%; color: #989898; }
.form-infobox label strong { font-size: 115%; color: #000; }
.form-infobox .row { overflow: hidden; width: 100%; padding: 12px 0; background: url('../images/dotted-gray.gif') 0 100% repeat-x; }
.form-infobox .last { background: none; }

#maincontent .price-review td { font-size: 100%; color: #000; }
.price-review th { background: url('../images/dotted-gray.gif') 0 100% repeat-x; }

/*	---------------------------------------------------------------------------------------
	Detail & Shop
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.item-info { margin-bottom: 20px; }
.item-info img { float: left; }
.item-info h2 { width: 495px; margin: 0 0 0 230px;height: 100px;}
.item-info h2 { clear: none; }
.item-info p {margin: 5px 0 0 230px;}

.item-info h3 {clear: none; width: 495px; margin: 0 0 0 230px;}

.previews { clear: both; float: left; width: 206px; }
.previews a, .previews .portret { overflow: hidden; position: relative; float: left; display: inline; width: 90px; height: 65px; margin: 0 7px 7px 0; padding: 16px 3px 17px; text-decoration: none; background: url('../images/preview.gif') 0 50% no-repeat; }
.previews a em { position: absolute; left: 6px; top: 6px; float: left; height: 13px; padding: 0; line-height: 13px; font-size: 80%; font-style: normal; color: #fff; background: #df4507 url('../images/count.gif') 0 0 no-repeat; cursor: pointer; }
.previews a em span { display: block; padding: 0 5px; background: url('../images/count-r.gif') 100% 0 no-repeat; }
.prev-items { float: none; width: auto; }
.prev-items .col { margin-bottom: 0; padding-bottom: 20px; }
#maincontent .prev-item { width: 213px; margin-bottom: 8px; padding: 0 20px 0 0; }
.prev-item h3, .prev-item p { clear: right; float: right; width: 105px; }
.prev-item h3 { padding-bottom: 16px; font-size: 100%; font-weight: normal; }
.prev-item h3 a, .prev-item p a, .slide p a { float: none; width: auto; height: auto; margin: 0; padding: 0; text-decoration: underline; background: none; }
.prev-item h3 a:hover, .prev-item h3 a:focus, .prev-item h3 a:active { text-decoration: none; }
.prev-item p { padding-top: 12px; line-height: 1.3; font-size: 90%; color: #828486; background: url('../images/border-horizontal-orange2.gif') 0 0 no-repeat; }
.prev-item p strong { font-size: 115%; color: #000; }

.slide p { width: 199px; margin: 0; line-height: 15px; font-size: 90%; }
#maincontent .slide a { color: #969696; }
.slide a:hover, #slide a:focus, #slide a:active { text-decoration: none; color: #000; }
.slide .prev { float: left; padding-left: 20px; background: url('../images/preview-prev.gif') 0 0 no-repeat; }
.slide .next { float: right; padding-right: 20px; background: url('../images/preview-next.gif') 100% 0 no-repeat; }
#slide { overflow: hidden; width: 199px; position: relative; height: 98px; margin-bottom: 10px; }
#slide div { width: 1500px; height: 98px; }

.previews .portret { width: 84px; height: 87px; padding: 6px 6px 5px; background: url('../images/portret.gif') 0 50% no-repeat; }
#maincontent .persons { width: 479px; background: none; }
.persons h3 { padding-bottom: 0; font-weight: bold; }
.persons p { font-size: 100%; }
.persons p.pers-desc { margin: 0; padding: 0 0 23px; text-transform: uppercase; font-size: 75%; color: #a1a1a1; background: none; }
.persons p a:hover, .persons p a:focus, .persons p a:active { text-decoration: none; }

.detail .panel { clear: none; float: right; width: 495px; height: auto !important; height: 84px; min-height: 84px; margin: 0 0 25px; padding: 6px 0; }
.detail .panel table { width: 210px; line-height: 1.2; font-size: 110%; } /*200px*/
.detail .panel table th { font-weight: normal; }
.detail .panel table td { width: 65px; text-align: right; }
.detail .panel table td.dostup { width: 75px; text-align: right; }
.detail .panel .basket-add { overflow: hidden; position: absolute; right: 0; bottom: 42px; width: 104px; height: 29px; line-height: 29px; }

.description { font-size: 90%; }
.description a { padding-left: 20px; text-transform: uppercase; font-weight: normal; background: url('../images/info-ico.gif') 0 50% no-repeat; }

.ask h3 { margin-bottom: 20px; }
.ask textarea { width: 190px; height: 122px; padding: 5px; border: none; color: #000; background: #c6c6c7 url('../images/ask.jpg') 0 0 no-repeat; }
.ask input { float: right; margin: 12px 5px 0; }

#main .rating { width: 701px; margin: 0; padding: 12px 12px 0; }
#main .rating .bottom { height: 12px; margin: 0 -12px; }
.rating ul { position: relative; float: left; width: 148px; height: 24px; margin-right: 70px; }
.rating li { float: left; }
.rating li a { position: absolute; top: 0; float: left; width: 24px; height: 24px; text-decoration: none; text-align: center; font-weight: bold; background: #c7c7c7; }
.rating li a span { background-image: url('../images/rating.png'); }
.rating li a:hover { left: 0; color: #fff; background: #dc3b09; }
.rating li a:hover span { background: url('../images/rating-hover.png') 0 0 repeat-x; }
.s1 { left: 0; }
.s2 { left: 31px; }
.s2:hover { width: 55px; }
.s3 { left: 62px; }
.s3:hover { width: 86px; }
.s4 { left: 93px; }
.s4:hover { width: 117px; }
.s5 { left: 124px; }
.s5:hover { width: 148px; }

.rating dt, .rating dd { float: left; line-height: 24px; }
.rating dl.first { clear: none; float: left; margin-right: 12px; padding-right: 12px; border-right: 1px solid #e65806; }
.rating dl {margin-top: 5px;}
.rating dt { padding-right: 3px; font-weight: bold; }
/*	---------------------------------------------------------------------------------------
	Text subpages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.infolist { margin: 10px 0; }
.infolist dt, .infolist dd { float: left; background: url('../images/arrow-r.gif') 0 .6em no-repeat; }
.infolist dt { clear: both; width: 95px; padding: 0 5px 15px 15px; font-weight: bold; }
.infolist dd { width: 575px; padding: 0 0 15px 35px; background-image: url('../images/arrow-r-long.gif'); }

.list-ml dt, .list-ml dd { padding: 5px 0; }
.list-ml dt { float: left; padding-right: 5px; }
.list-ml dd { background: url('../images/dotted-gray.gif') 0 100% repeat-x; }
.list-ml dd.last { background: none; }

p.change { margin: -35px 0 20px 0; text-align: right; text-transform: uppercase; font-size: 90%; font-weight: normal; color: #969695; }
table p.change { margin: 4px 0 0 2px; } /* 2px 0 0 */
#maincontent table p.change a { font-size: 90%; }
#maincontent .change a { padding-right: 19px; text-decoration: none; color: #969695; background: url('../images/change.gif') 100% 50% no-repeat; }
#maincontent .change a:hover, #maincontent .change a:focus, #maincontent .change a:active { color: #000; }

#maincontent .tip { overflow: hidden; width: 100%; margin-bottom: -5px; line-height: 27px; }
.tip a { float: left; padding-left: 40px; font-weight: bold; background: url('../images/tip.gif') 0 0 no-repeat; }
.tip span { float: left; margin-left: 10px; padding-left: 10px; background: url('../images/border-orange-tip.gif') 0 50% no-repeat; }

.panel-top { margin: 10px 0 0; padding: 8px 0 0; border-top: 1px solid #df4507; }
.points li { float: left; display: inline; width: 20px; height: 20px; margin-right: 6px; line-height: 20px; text-align: center; color: #fdfffd; }
#maincontent .points li a { float: left; width: 20px; text-decoration: none; color: #fdfffd; background: #b6b6b6 url('../images/point.gif') 0 0 no-repeat; }
#maincontent .points li a.act, #maincontent .points li a:hover, #maincontent .points li a:focus, #maincontent .points li a:active { background: #e04508 url('../images/point-act.gif') 0 0 no-repeat; }
#maincontent .panel-top p { margin-bottom: 5px; }
#maincontent .panel-top p a { color: #7e7e7d; }

#maincontent .panel-top .imp { text-decoration: none; }
#maincontent .panel-top .imp a { font-weight: bold; color: #000; }

.Moje {width:400px;}
#maincontent {background-color:#fff;}

#LoginTable{width:300px;margin-left:200px;}
.LoginLabel{width:150px;}
.LoginValue{width:150px;}

.TriTecky {color: #ff0000;}

#skupinyParam ul {}
#skupinyParam li {float: left; padding:14px 8px 8px 8px;background: url('../images/menu-li.gif') 0 12px no-repeat; }

#tableParam {padding:15px 15px 15px 0;width:500px; }
#tableParam legend {font-weight: bold; color: #000; padding: 0 5px 0 5px;}
#tableParam fieldset {border: 1px solid #dfdfdf;background-color: #fff; padding: 0 15px 15px 15px;}

.NadpisekParam {padding:15px 0 15px 0;}

.existuser {color: #ff0000;}

.top10 {padding-top: 10px;}

.cistic {clear:both;}
.DopravaCena {color: #E04508;}
#borderConForm, #borderConFormTextarea {border: 1px solid #dfdfdf;}
#borderConFormTextarea {width: 100%; height: 100px;}
#prodejnaSeznam {margin: 10px 0 10px 0;}
#prodejnaSeznam li{margin-left: 20px;}

/*	---------------------------------------------------------------------------------------
	Add to basket popup
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
*/	
#maincontent .item a, #basket-add .item a { height: 29px; line-height: 29px; }
#maincontent .item .info, #basket-add .item .info { float: left; width: 29px; text-align: center; font-size: 80%; color: #fff; background: #6d6e70; }
.item .info span { background-image: url('../images/info.gif'); }
#maincontent .item .add, #maincontent .basket-add, #basket-add .item .add { float: right; width: 104px; padding: 0 20px 0 10px; text-decoration: none; text-transform: uppercase; font-size: 80%; color: #fff; background: #da350a url('../images/add.png') 0 0 repeat-y; }
*/
.pridano { width: 341px; height: 25px; margin-bottom: 20px; padding: 0 119px 12px 0; border-bottom: 1px solid #e04508; line-height: 25px; white-space: nowrap; font-size: 150%; }
.pridano span { background-image: url('../images/ir-zbozipridano.png'); }

.mohlobyvaszajimat { width: 232px; height: 23px; margin-bottom: 10px; line-height: 23px; color: #000; }
.mohlobyvaszajimat span { background-image: url('../images/ir-mohlobyvaszajimat.png'); }

#basket-add .info { margin: 0 0 30px 145px; } 
#basket-add .info h3 { padding-bottom: 7px; font-size: 100%; color: #000; background: url('../images/dotted-gray.gif') 0 100% repeat-x; }
#basket-add .info td { width: 70%; color: #000; }
#basket-add .info .imp { text-decoration: none; font-weight: bold; }
#basket-add .info .imp th, #basket-add .info .imp td { background: none; }
#basket-add .buttons { overflow: hidden; width: 100%; padding: 18px 0 24px; border-top: 1px solid #e04508; }
#basket-add .item { float: left; width: 200px; margin: 0 10px 20px 0; padding: 11px 11px 0; background: url('../images/item-popup.gif') 0 0 repeat-y; }
#basket-add .last { margin-right: 0; }
#basket-add .item .top, #basket-add .item .bottom { width: 222px; }
#basket-add .item .top { background: url('../images/item-popup-top.gif') 0 0 no-repeat; }
#basket-add .item .bottom { display: block; height: 25px; margin: 0 -11px; background: url('../images/item-popup-bottom.gif') 0 100% no-repeat; }
#basket-add .item dl { width: 90px; }
#basket-add .item h3 a { text-decoration: underline; color: #000; }
#basket-add .item h3 a:hover, #basket-add .item h3 a:focus, #basket-add .item h3 a:active { text-decoration: none; }
#basket-add .item .footer { display: block !important; width: 202px; margin: 20px -12px 0; }
#basket-add .item .info { margin: 0; }

#basket-add .item dt.availability { padding-top: 7px; text-transform: uppercase; color: #bbb; }
#basket-add .item dd.availability { font-size: 125%; }

.ClearBasket {
  text-align: right;
}

.ClearBasketLnk a {text-decoration: none;}
.ClearBasketLnk a:hover {text-decoration: underline;}
.ItemSmall {font-size: 90%;}

/* archiv */
#archiv {background-color: #000; color: #fff; padding: 1em;margin-bottom: 10px;}
#archiv a {text-decoration: underline; color: #fff;}
#archiv a:hover {text-decoration: none;}
#archiv p {margin: 0;}
#archiv p.label {font-size: 130%;}

a.infoico {background: url('../images/info-ico.gif') 0 50% no-repeat; padding-left: 12px; text-decoration: none;}
a.infoico:hover {text-decoration: underline;}
#vasecena p, #bonuscena p, #obvyklacena p, #koncovacena p {color: #000;}
#vasecena h4, #bonuscena h4, #obvyklacena h4, #koncovacena h4 {color: #e14609; font-size: 150%;}
.doplnek {color: #e14609; font-size: 110%; font-weight: bold;}