* { margin: 0; padding: 0;}
body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70%;line-height: 120%; padding-left: 4px;}
img { border: none; }
ul { list-style: none;}
ol { margin-left: 25px;  }
table, form, select, input, button {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:100%;}
input, fieldset { border: 0;}
input {border:1px solid #ccc}
input { height: 1.6em; line-height: 1.6em; }
button { border: 0; background: #000 url(../img/corner1.gif) no-repeat bottom right; color: #fff; font-weight: bold; padding: 0 10px 0 5px; height: 1.8em; line-height: 1.6em;}

.c { text-align: center !important; }
.black { color:#333333; }
#col .cloud h1 { font-size: 110%; font-weight:bold; padding:0px; display: inline; }
#col .cloud h2 { font-size: 115%; padding:0px; display: inline; }
#col .cloud h3 { font-size: 100%; padding:0px; display: inline; }
#col .cloud h4 { font-size: 85%; padding:0px; display: inline; }
#col .cloud h5 { font-size: 70%; padding:0px; display: inline; }
#col .cloud a { text-transform: none; border:0px; margin:0px; margin-left:3px; margin-right:3px; padding:0px; text-decoration: none; line-height:1.5 }

.layer_popup_zbozi{position: absolute; left:0; top:0; background-color: black; z-index:101;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.popup_zbozi{ position: absolute; left:25%; top:15%; background-color: white; border:3px solid #88866A; width:30%;text-align:center; font-size: 150%; padding: 2em; line-height: 2em; z-index:102;}
.close_popup_zbozi{ position: absolute; left:59%; top:13%; background-color: #88866A; border:2px solid black; width:3%; heigh:3%;text-align:center; font-size: 150%; line-height: 2em; font-weight:bold; z-index:104;cursor:pointer;}

a { color: #88866A }
a:hover { color: #000; }
h1, h2, h3, h4 { font-size: 100% }
h2 { text-transform: uppercase; }

.cleaner { clear: both; line-height: 0px; }
.hr { border-top: 1px solid #C8C29E; }
.aright {text-align: right;}
.article img {padding: 3px; background: #E4E2D4; margin: 0 5px 5px 0; }
.article img.title-photo {float: left;}
.article h3,.article ul li  { padding-bottom: 0.3em; }
.more, .archive { background: url(../img/more.gif) no-repeat bottom left; padding: 0 0 0 15px; line-height: 1.8em; }
.next {display: block; float: right; color: #fff; font-weight: bold; background: #000 url(../img/corner1.gif) no-repeat bottom right; padding: 0 10px 0 5px; text-decoration: none; height: 1.6em; line-height: 1.6em; overflow: hidden; /* self-clearing */}
.next:hover { background-color: #CAC6AD; }

.back { display: block; color: #fff; font-weight: bold; background: #000 url(../img/corner3.gif) no-repeat bottom left; padding: 0 5px 0 10px; text-decoration: none; float: left; height: 1.6em; line-height: 1.6em; overflow: hidden; /* self-clearing */}
.back:hover { background-color: #CAC6AD; }
.back, .next {border: none; font-size: 11px;}
.archive { font-weight: bold; margin: 0 0 0 11px; }
#archive-filter .next {display: inline; float: none;}
#archive-filter select {height: 1.6em;}

/* hlavni nemenne bloky */
#center { width: 980px; text-align: left;  }
#header {position: relative; height: 73px; background: #333 url(../img/header.jpg) no-repeat bottom left; margin: 0 0 4px 0; padding: 0 0 0 197px; }
#footer { background: url(../img/footer.gif) no-repeat top right; color: #88866a; clear: both; margin-left: 250px; padding: 36px 0 10px 0; zoom:1; }
#footer a { text-decoration: none; }
#footer a span { text-decoration: underline; }

/* homepage */
.home { background: url(../img/home-bckg.gif) no-repeat top center; text-align: center; }
.home h1, .home h1 span { display: block; position: relative; left: 0; top: 0; width: 345px; height: 70px; margin: 0 auto; }
.home h1 span { position: absolute; background: url(../img/logo-big.gif); }
.home #center { width: 544px; margin: 0 auto; text-align: left; }
.home #menu { margin-left: 10px; }
.home .news { margin: 0 11px;  }
.home .news ul { list-style: none;margin:0px}
.home .news h2 { margin: 0 0 15px 0; }
.home .news .article { padding: 0 15px 5px 15px; }
.home .moduls {background-color: #fff;}
.home .mailnews { float: left; width: 305px; border: none; border-left: 3px solid #fff; background: #fff; padding-bottom: 3px; margin: 0 10px 10px 0px; }
.home .mailnews h2 {margin: 0 0 5px;}
.home .mailnews fieldset {padding: 0px;}
.home .mailnews label {float: right; font-size: 10px;}
.home .mailnews input {width: 110px; margin-top: 5px;}
.home .mailnews .submit {margin-top: 5px;}
.home #footer { margin: 0 11px; background-color: #F9F9F6; }

.home .search { float: right; width: 185px; border: none; border-left: 3px solid #fff; background: #fff; padding-bottom: 3px; margin: 0 0px 10px 0px; }
.home .search input { width: 116px; }
.home .search .submit {width: 63px;}
.home .search input { border: 1px solid #88866A; float: left; margin: 0 3px 0 0; width: 111px; }

/* kategorie na titulce */
#cats {position: relative; background: url(../img/home.gif); margin: 0 auto; height: 284px; position: relative; padding: 0 0 0 178px; }
#cats ul { position: absolute; bottom: 3px; width: 175px; margin:0px}
#cats ul li { padding: 0 0 0 7px; border-bottom: 1px solid #fff;}
#cats a { text-decoration: none; color: #000; font-size: 84%; display: block; padding: 4px 0 5px 0; background: #BDBDBD; width: 160px;}
#cats a:hover { color: #fff; }
#cats .cat2 { right:13px }
#cats h2 {position: absolute; top: 115px; left: 186px; color: #fff; text-transform: none; text-align: center;}

/* hlavni menu (nahore) */
#menu {position:relative; z-index:2; height: 40px; background: url(../img/menu.gif); }
#menu ul {	float: left; margin:0 10px 0 0; width:614px; }
#menu li { float: left; padding: 0; position: relative;}
#menu a, #menu span { display: block; height: 40px; position: relative; overflow: hidden; cursor: hand; cu\rsor: pointer; }
#menu span { position: absolute; left: 0; top:0;}
#menu a:hover span { background-position: bottom; }
#menu .submenu {display:none; position:absolute; top:24px; border-left:1px solid #FFFFFF; border-top:1px solid #005339;}
#menu li ul { position: absolute; left: -9999px; top: 40px; z-index: 2;}
#menu li { display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}
#menu li:hover ul, #menu li.hover ul { left: 0; }
#menu li li { float: none; background: #A09A6C; width: 150px;}
#menu li li a { display: block; height: auto; color: #fff;}
#menu li li a:hover {background-color: #FFEB2D; color: #000;}

/* prihlasovani v hlavicce */
#header .user {position: absolute; top: 0px; right: 0px; width: 280px; padding: 4px 7px 0 0; color: #fff;}
#header .user label {float: left; display: block; width: 47px; height: 14px; margin: 2px 0px;padding: 2px 0; *margin: 0}
#header .user input {float: left; width: 185px; height: 14px; padding: 2px 0; margin: 2px 4px 2px 0px; *margin: 0 4px 0 0}
#header .user input.button {width: 31px; height: 20px; border: 0px transparent; padding: 0px;}
#header .user .options {clear: both; float: right; margin: 2px 50px 0 0; background: url(../img/user-divide.gif) 67px 0px no-repeat; display: inline;}
#header .user .options a {color: #9C9DA1;}
#header .user .options a:hover {color: #fff;}
#header .logged {top: 10px;}
#header .logged a {display: block; float: left; margin: 5px 1px 0 0; padding: 0 11px 0 0; color: #9C9DA1; background: url(../img/user-divide.gif) top right no-repeat;}
#header .logged a.no-divide {background: transparent;}
#header .logged a:hover {color: #fff;}

/* kosik menu (nahore) */
#menu .basket {float: left; position: relative; font-size: 11px; width: 320px; padding: 6px 0 0 0}
#menu .basket .inbasket { float: left; padding: 7px 0 0 0; width: 160px; }
#menu .basket .price {font-size:  10px; width: 150px; float: right;}
#menu .basket a {display: inline; color: #8B8552;}
#menu a.to-basket {float: right;}

a.to-basket {display: block; width: 32px; height: 40px; margin: 0 0 0 1px;}

.cz #item01 a, .cz #item01 span { width: 63px; background: url(../img/item01.gif) top; }
.cz #item02 a, .cz #item02 span { width: 71px; background: url(../img/item02.gif) top;}
.cz #item03 a, .cz #item03 span { width: 68px; background: url(../img/item03.gif) top; }
.cz #item04 a, .cz #item04 span { width: 134px; background: url(../img/item04.gif) top; }
.cz #item05 a, .cz #item05 span { width: 70px; background: url(../img/item05.gif) top; }
.cz #item06 a, .cz #item06 span { width: 71px; background: url(../img/item06.gif) top; }
.cz #item07 a, .cz #item07 span { width: 52px; background: url(../img/item07.gif) top; }
.cz #item08 a, .cz #item08 span { width: 85px; background: url(../img/item08.gif) top; }
.cz #item09 a, .cz #item09 span { width: 122px; background: url(../img/item09.gif) top; }

.home .cz #item01 a, .home .cz #item01 span { width: 45px; background: url(../img/item01_home.gif) top; }
.home .cz #item02 a, .home .cz #item02 span { width: 55px; background: url(../img/item02_home.gif) top;}
.home .cz #item03 a, .home .cz #item03 span { width: 58px; background: url(../img/item03_home.gif) top; }
.home .cz #item04 a, .home .cz #item04 span { width: 119px; background: url(../img/item04_home.gif) top; }
.home .cz #item05 a, .home .cz #item05 span { width: 70px; background: url(../img/item05_home.gif) top; }
.home .cz #item06 a, .home .cz #item06 span { width: 57px; background: url(../img/item06_home.gif) top; }
.home .cz #item07 a, .home .cz #item07 span { width: 52px; background: url(../img/item07_home.gif) top; }
.home .cz #item08 a, .home .cz #item08 span { width: 64px; background: url(../img/item08_home.gif) top; }
.home .cz #item09 a, .home .cz #item09 span { width: 122px; background: url(../img/item09_home.gif) top; }

.en #item01 a, .en #item01 span { width: 46px; background: url(../img/item01-en.gif) top; }
.en #item02 a, .en #item02 span { width: 63px; background: url(../img/item02-en.gif) top;}
.en #item03 a, .en #item03 span { width: 70px; background: url(../img/item03-en.gif) top; }
.en #item04 a, .en #item04 span { width: 122px; background: url(../img/item04-en.gif) top; }
.en #item05 a, .en #item05 span { width: 70px; background: url(../img/item05-en.gif) top; }
.en #item06 a, .en #item06 span { width: 58px; background: url(../img/item06-en.gif) top; }
.en #item07 a, .en #item07 span { width: 43px; background: url(../img/item07-en.gif) top; }
.en #item08 a, .en #item08 span { width: 48px; background: url(../img/item08-en.gif) top; }

#menu .cz li li a {background: #A09A6C url(../img/submenu-div.gif) repeat-x; padding: 10px; font-size: 11px; text-decoration: none;}
#menu .cz li li a:hover {background-color: #FFEB2D; color: #000;}
#menu .cz li .submenu1 li a {width: auto;}
#menu .cz li .submenu2 li a {width: auto;}

/* novinky - spolecne titulka + levy sloupek */
.news { background: #F9F9F6; padding-bottom: 5px; }
.news h2 { border-bottom: 3px solid #E4E2D4; background: #fff url(../img/news-h2.gif) no-repeat bottom left; padding: 15px 0 10px 15px; margin: 0 0 5px 0; }
.news .article { padding: 0 10px 5px 10px; border-bottom: 1px solid #E4E2D4; margin-bottom: 5px; }
.news .date { font-size: 92%; }
.news ul { list-style: none;margin:0px}
.news h3 { padding: 0.2em 0 0.4em 0; }

/* form pro prihlaseni novinek */
.mailnews { background: #E4E2D4; border-top: 3px solid #CAC6AD; }
.mailnews input { border: 1px solid #88866A; float: left; margin: 0 3px 0 0; width: 150px; }
.mailnews label { display: block; padding: 0 0 0.5em 0; }
.mailnews fieldset { border-bottom: 3px solid #E4E2D4; padding: 0 10px 1em 10px; }

/* form pro prihlaseni novinek */
#col .search {margin-bottom: 10px; background: #E4E2D4; border-top: 3px solid #CAC6AD; }
#col .search input { border: 1px solid #88866A; float: left; margin: 0 3px 0 0; width: 130px; }
#col .search button.submit {width: 60px; background: #000 url(../img/corner4.gif) no-repeat bottom right;  }
#col .search label { display: block; padding: 0 0 0.5em 0; }
#col .search fieldset { border-bottom: 3px solid #E4E2D4; padding: 0 10px 1em 10px; }

#col .switch h2 {background: #E4E2D4; border-top: 3px solid #CAC6AD; padding: 7px 10px; margin: 0 1px 0 0; }
#col .switch ul { width: 100%; overflow: hidden; border-top: 2px solid #fff; }
#col .switch li { float: left; width: 50%; }
#col .switch a { display: block; text-align: center; font-weight: bold; color: #000; background: #E4E2D4 url(../img/switch.gif) no-repeat top right; padding: 7px 0;  border-right: 1px solid #fff;}
#col .switch a.curr { background-color:#A09A6C; color: #fff; text-decoration: none;  }

/* levy sloupek */
#col { width: 220px; float: left; margin: 4px 0 0 0; }
#col .mailnews { margin: 5px 0 0 0; }
#col .mailnews h2 { background: transparent; padding: 7px 10px; border-bottom: 1px solid #CAC6AD; }
#col .mailnews  button {background: #000 url(../img/corner4.gif) no-repeat bottom right;  }
#col .search { margin: 5px 0 0 0; }
#col .search h2 { background: transparent; padding: 7px 10px; }

/* produktove menu */
.menu { position: relative; width: 220px; }
.menu ul { background: #DFDFDF; position: relative;margin:0px;padding:0px;list-style: none;}
.menu li ul { background: #A09A6C; }
.menu li ul li ul{ background: #8B8552; }
.menu li { border-top: 1px solid #fff; border-bottom: 1px solid #B4B4B4; padding: 0;}
.menu li ul li { border-bottom: none; }
.menu a { display: block; padding: 4px 10px; color: #000; text-decoration: none; min-height: 1px; _height:1px; /* jinak neni block - min IE7, _ IE6-*/ }
.menu li ul a { color: #fff; background: url(../img/arrow.gif) no-repeat 0 0.7em; padding-left: 18px; background-color: #9C9DA1;}
.menu li ul li ul a { background: url(../img/arrow.gif) no-repeat 10px 0.7em; padding-left: 30px; }
.menu li.curr a, .menu li li.curr a, .menu li li.curr li.curr a { font-weight: bold;}
.menu li li.curr a { font-weight: bold; background-color: #9C9DA1;}
.menu li li.curr li.curr a { font-weight: bold; background-color: #333;}
.menu .curr li a  {font-weight: normal; background-color: #9C9DA1;}
.menu .curr li li a { background-color: #8B8552;}
.menu .curr .curr li a {font-weight: normal; background-color: #8B8552;}
.menu .selected { background-color: #8B8552; color: #fff; }
.menu .first { position: absolute; left: 0; top: 0; z-index: 9;}
.menu .last { position: absolute; right: -1px; bottom:0; z-index: 9;}
.menu a:hover { background-color: #333; color: #fff;}

/* obsah */
#content { width: 730px; float: right; font-size: 110%; line-height: 130%; padding: 7px 0 0 0; }
#content h1 { color: #969787; border-bottom: 3px solid #E6E4D5; padding-bottom: 3px; margin-bottom: 1em; }
#content p { padding: 0 0 0.5em 0; }
#content ul { list-style: square; margin-left:20px;}
#content .news { background: transparent; }
#content .news .article { padding: 0 0 10px 0; }

/* formular pro uzivatele */
form.reg-user {margin: 30px 0 0 30px; width: 660px;}
form.reg-user input {width: 180px;}
form.reg-user input.check {width: auto;}
form.reg-user fieldset {margin-bottom: 10px; position: relative; margin-top: 2.5em}
form.reg-user legend {font-weight: bold; color: #96979D;}
form.reg-user legend span { position: absolute; left: 0; top: -1.5em; }
form.reg-user label {display: block; width: 90px; text-align: right; font-size: 11px; font-weight: bold;}
form.reg-user td {padding: 3px 3px; }
form.reg-user .obch-podm {text-align:left; width: auto; font-weight: normal;}
form.reg-user .hr {margin: 0 0 15px 0px}
form.reg-user .submit {float: right;}
form.reg-user textarea {margin-left: 103px; width: 550px;}

/* katalog */
.view { background: #F9F9F6; text-align: right; color: #969787; font-size: 92%; font-weight: bold; border-top: 3px solid #E6E4D5; padding: 2px 0; margin: 0 0 10px 0; width: 100%; overflow: hidden; }
.sort { float: left; width: 50%; overflow: hidden; text-align: left;}
.view img { vertical-align: middle; margin-bottom: 2px; }

.catalogue  {	list-style: none;margin:0px !important}
.catalogue li { font-size: 92%; width:730px; margin-bottom: 20px; border-top: 4px solid #9C9DA1; padding: 0; list-style: none; float: left; clear: left;}
.catalogue h2 { text-transform: none; padding: 0 0 8px 0}
.catalogue h2 a { color: #000; }
.catalogue h3  { clear:left }
.catalogue img { float: left; padding: 5px 0;}
.catalogue .descr .avai {color: #555;}
.catalogue li form {padding: 5px 0 5px 5px; background: #fff; border: 4px solid #9C9DA1; border-top: none;  float: right; width: 440px;}
.catalogue li form label {float: left; margin: 2px 2px; width: 50px; text-align: right;}
.catalogue li form .add {width: 32px; height: 40px; border: none;}
.catalogue li form table {width: 100%}
.catalogue li form select {height: 18px;}
.catalogue li form select.color {width: 100px;}
/*
.catalogue li form .label-color {width: 45px;}
*/
.catalogue li form select.size {width: 100px;}
.catalogue li form input {width: 98px; height: 16px; text-align: right;}
.catalogue li form strong.price {display: block; text-align: right; width:140px !important; margin: 0px; padding: 0 5px; border: none; }
.catalogue li form span.price {display: block; text-align: right; width:140px !important; margin: 0px; padding: 0 5px;  border: none; font-size:90%; }
.catalogue table { border-collapse: collapse; }
.catalogue .imgs { clear: both; }
.catalogue .imgs span { position: relative; width: 50px; height: 50px; float: left; background: url(../img/thumbs.gif) no-repeat }
.catalogue .imgs img { width: 30px; height: 30px; position: absolute; left: 3px; top: 2px; cursor: pointer;}
.catalogue li noscript {border: 4px solid transparent; border-top: none; float: right; width: 300px; font-size: 9px; color: #9C9DA1;}

#content ul.pictograms {margin: 0px;}
.catalogue .pictograms-small {width: 120px; margin: 0; float: right; padding: 3px 0 0 0}
#content .catalogue .pictograms-small ul { margin: 0; padding: 3px 0 0 0; }
.catalogue .pictograms-small li {clear: none; float: left; width: auto; margin: 0px; border : none; text-align: center;}
.catalogue .pictograms-small li img {float: none; padding: 0; width: 25px; height: 28px;}
#content .related li { width: 270px; float: left; overflow: hidden; border: none}
#content .related img { float: left; padding: 0; width: 100px; height: 100px }
#content .related h2 {width: 150px;  float: right;}
#content .related h2 a {color: #88866A}
#content .related h2 a:hover {color: #000;}
#content .related div { display: block; width: 260px; overflow: hidden; border-right: 4px solid  #9C9DA1; border-bottom: 1px solid #9C9DA1; }
#content .related div div {margin-top: 10px; width: 150px; float: right; overflow: normal; border: none;}

/* itemdetail */
.itemdetail .catalogue .price{ float: right; white-space: nowrap; width: 130px; overflow: hidden; text-align: right; }
.itemdetail .catalogue img { width: 150px; height: 150px; margin: 0 -3px; ma\rgin: 0; float: left; }
.itemdetail .catalogue h2 { border-bottom: 1px solid #CCCCCC }
.itemdetail .catalogue .descr { width: 570px; float: right; border-bottom: 1px solid #CCCCCC; border-right: 4px solid #9C9DA1; background: #fff; padding: 8px 0}
#content .itemdetail .catalogue .descr p { padding: 5px 10px 0 0; }
.itemdetail ul.pictograms li {clear: none; float: left; width: auto; margin: 0px 3px; border : none; text-align: center; list-style: none}
.itemdetail ul.pictograms li span {display: block; color: #000; font-weight: bold; letter-spacing: 3px;}
.itemdetail ul.pictograms li img {float: none; width: auto; height: auto;}

/* kosik */
#content ul#basket-phase {height: 130px; margin: 10px 0 0 60px; padding: 0;}
#basket-phase li {float: left; display: block; width: 140px; margin: 0 19px 0 0; padding: 0px; height: 129px; list-style-type: none; }
#basket-phase li.last {margin: 0px;}
#basket-phase img {background: transparent; padding: 0; border: none; }
table.shop {clear: both; width: 730px; margin: 30px 0 10px 0; border: 1px; border-collapse: collapse; font-size: 10px;}
table.shop th {background: #E4E2D4; margin: 0px; padding: 5px; border-right: 1px solid #fff; font-size: 10px; text-align: center;}
table.shop td {padding: 3px; border: 1px solid #E6E4D5; vertical-align: middle; text-align: right;}
table.shop img {background: transparent; padding: 0px; margin: 0px; border: none; }
#content table.shop td p {padding: 0px;}
table.shop td input {width: 48px; border: 1px solid #D7D7D7; text-align: right;}
table.shop th.name {border-left: 1px solid #E6E4D5; text-align: left;}
table.shop td.name {text-align: left; color: #88866A;}
table.shop th.del {width: 23px; padding: 5px 7px; border-right: 1px solid #E6E4D5;}
table.shop td.del {width: 23px; padding: 5px 8px; border-right: 1px solid #E6E4D5;}
table.shop .aright {text-align: right;}
#content .basket-navig a {font-size: 11px;}
table.shop td.name img {display: inline; width: 8px; height: 8px; float: none;}
table.shop td.recount { border: none;}
table.shop td.recount input {border: none; width: auto;}
#basket-empty {clear: both; display: block; margin: 50px 0 0 40px;}

/* objednavka */
form.transport {margin: 30px 0;}
form.transport fieldset {margin-bottom: 10px;}
form.transport legend {font-weight: bold; color: #96979D;}
form.transport input {float: left; border: none;}
form.transport label {display: block; float: left; margin: 2px 5px; width: auto; font-size: 11px; font-weight: bold;}
form.transport label.disable {color: #BBB; }
form.transport td {padding: 3px 3px; width: 90%;}
form.transport .obch-podm {text-align:left; width: auto; font-weight: normal;}
form.transport .hr {margin: 0 0 15px 0px}
form.transport .submit {float: right;}

/*colors */
.catalogue dd img { border: 1px solid #000; margin: 0 2px 0 0; width: auto; height: auto; display: block; padding: 0; }
.descr2 dt, .descr2 dd { padding: 3px 0 3px 0;  }
.descr2 dt { float: left; width: 5.5em;  /* border-right: 1px solid #CCC; */}
.descr2 dd { margin-left: 6em; }
.c1 { background: #6699FF; }
.c2 { background: #0066CC; }
.c3 { background: #FF0000; }
.c4 { background: #00CC66; }
.c5 { background: #FFFFFF; }
.c6 { background: #000000; }
.c7 { background: #FFFF00; }
.c8 { background: #FF9000; }
.c9 { background: #909090; }
.c10{ background: #006633; }
.c11{ background: #990000; }
.c12{ background: #000080; }

.page a { background: #303030 url(../img/corner1.gif) bottom right no-repeat; color: #fff; font-size: 90%; padding: 1px 7px 2px 5px; float: left; text-decoration: none; margin: 0 4px 0 0; }
.page .curr {  background-color: #E6E4D7; color: #000; }
.page a:hover { background-color: #FFEB2D; color: #000; }
.page { text-align: left; clear: left; }
.page div { width: 520px; padding: 0 0 15px 0; overflow: hidden;}

.odolnosti tr {text-align: center;}
.odolnosti tr#line {background-color: #F4F3EC;}
.searchphrase {margin: 10px 0px;}

/* jnice */
.jNiceInputWrapper {float:left;}
.jNiceInputInner {	background: url(../img/jnice_select.gif) no-repeat; padding: 2px 4px 2px 0;	margin: 0 0 0 4px;}
.jNiceInputInner input {font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#404040;	line-height: 17px;height: 17px;	*line-height: 15px;/* IE Hacks */	*height: 15px;/* IE Hacks */	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;}
.jNiceInputWrapper_hover { background-position: left bottom; }
.jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }

/* Selects */
.jNiceSelectWrapper {position:relative; float: left; height: 18px; white-space: nowrap; background: url(../img/jnice_select.gif) no-repeat; margin-bottom:2px;}
.jNiceSelectWrapper .jNiceSelectText {overflow:hidden; position: absolute; left: 0; top: 0; padding: 0 3px}
.jNiceSelectWrapper .jNiceSelectOpen {width: 10px; height:18px; position:absolute;top:0;right:0px; display: block; background: url(../img/jnice_select_open.gif) no-repeat; cursor: hand; cu\rsor: pointer;}
.jNiceSelectWrapper ul {top: 18px;background-color: #FFF;height: 100px; position:absolute; right: 0; width: 130px; border: 1px solid #9C9DA1; list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;}
.jNiceSelectWrapper ul a {color:#000;display:block;text-decoration:none; zoom:1; border-bottom: 1px solid #eee; padding: 3px 5px 3px 18px}
.jNiceSelectWrapper ul a:hover { background-color: #E1F5FF; }

/* .jNiceSelectWrapper ul a.selected {background-color: #EDEDED;} */
.catalogue .jNiceSelectWrapper li { float: none; width: auto; height: auto; margin: 0; padding: 0 ; border: 0; overflow: hidden; }
.jNiceFocus { border: dotted 1px #666666; }
.jNiceHidden {opacity:0;z-index:-1;position:relative;display: none;}
.jNiceWrapper select {border:none;margin:0;padding:0;}
.jNiceWrapper input {outline:none;moz-outline:none;}
.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

.tint1 a { background: url(../img/tint1.gif) no-repeat 3px 50% }
.tint2 a { background: url(../img/tint2.gif) no-repeat 3px 50% }
.tint3 a { background: url(../img/tint3.gif) no-repeat 3px 50% }
.tint4 a { background: url(../img/tint4.gif) no-repeat 3px 50% }
.tint5 a { background: url(../img/tint5.gif) no-repeat 3px 50% }
.tint6 a { background: url(../img/tint6.gif) no-repeat 3px 50% }
.tint7 a { background: url(../img/tint7.gif) no-repeat 3px 50% }
.tint8 a { background: url(../img/tint8.gif) no-repeat 3px 50% }
.tint9 a { background: url(../img/tint9.gif) no-repeat 3px 50% }
.tint10 a { background: url(../img/tint10.gif) no-repeat 3px 50% }
.tint11 a { background: url(../img/tint11.gif) no-repeat 3px 50% }
.tint12 a { background: url(../img/tint12.gif) no-repeat 3px 50% }
.tint65 a { background: url(../img/tint65.gif) no-repeat 3px 50% }
.tint66 a { background: url(../img/tint66.gif) no-repeat 3px 50% }
.tint67 a { background: url(../img/tint67.gif) no-repeat 3px 50% }
.tint69 a { background: url(../img/tint69.gif) no-repeat 3px 50% }
.tint70 a { background: url(../img/tint70.gif) no-repeat 3px 50% }
.tint71 a { background: url(../img/tint71.gif) no-repeat 3px 50% }
.tint72 a { background: url(../img/tint72.gif) no-repeat 3px 50% }
.tint73 a { background: url(../img/tint73.gif) no-repeat 3px 50% }
.tint74 a { background: url(../img/tint74.gif) no-repeat 3px 50% }
.tint75 a { background: url(../img/tint75.gif) no-repeat 3px 50% }
.tint76 a { background: url(../img/tint76.gif) no-repeat 3px 50% }
.tint77 a { background: url(../img/tint77.gif) no-repeat 3px 50% }
.tint78 a { background: url(../img/tint78.gif) no-repeat 3px 50% }
.tint79 a { background: url(../img/tint79.gif) no-repeat 3px 50% }
.tint80 a { background: url(../img/tint80.gif) no-repeat 3px 50% }
.tint81 a { background: url(../img/tint81.gif) no-repeat 3px 50% }
.tint82 a { background: url(../img/tint82.gif) no-repeat 3px 50% }
.tint83 a { background: url(../img/tint83.gif) no-repeat 3px 50% }
.tint84 a { background: url(../img/tint84.gif) no-repeat 3px 50% }
.tint85 a { background: url(../img/tint85.gif) no-repeat 3px 50% }
.tint104 a { background: url(../img/medena.gif) no-repeat 3px 50% }
.tint105 a { background: url(../img/tabakova.gif) no-repeat 3px 50% }
.tint106 a { background: url(../img/wasabi.gif) no-repeat 3px 50% }
.tint107 a { background: url(../img/levandulova.gif) no-repeat 3px 50% }
.tint109 a { background: url(../img/fuchsia-red.gif) no-repeat 3px 50% }
.tint118 a { background: url(../img/reflex.gif) no-repeat 3px 50% }

.hidden .address { display: none; }

#filter { position:relative; }
#filter .ul { background:#fff; overflow:hidden; border:1px solid #fff; }
#filter .ul ul li { float:left; width:25%; list-style:none;background:none;}

#filter .sort { background:#f9faf5; display:block; width:100%; padding: 0 0 10px 0;}

#filter input { float:left; width:auto;}
#filter label { display:block; float:left; font-weight:normal; text-decoration:underline; padding: 0 0 0 10px; }

#waiting { background: #fff url(../img/ajax-loader.gif) no-repeat center bottom; position:fixed; left:260px; top:185px; width:720px; height:50px; z-index:1100; text-align:center; }
/* .waiting * {display:none;} */ 

.bubble { z-index:9999; float:right; margin:0 10px; }
.bubblehover .bubblein { z-index: 9999; }
.bubblein { position: relative; z-index: auto; }
.bubblebox { width: 220px; text-align: left; display: none; background: url(../img/bubble.gif) no-repeat; padding: 17px 0 10px 0; color: #fff; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 10px; position: absolute; top: 15px;z-index:100;}
.bubblebox h2 { padding: 0 0 4px 0; margin: 0; font-size: 11px; font-weight: bold; color: #F0B226; }
.bubbleinner { padding: 0 9px; }
.bubbleflip { position: absolute; bottom: 15px; _bottom: 22px; top: auto; background: url(../img/bubble2.gif) no-repeat bottom left; padding: 10px 0 17px 0; }