@charset "utf-8";
/* CSS Document */

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; border: none; outline: none; background-position: left top; background-repeat: no-repeat; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background: url('../images/body-bg.png') no-repeat scroll center 101px #FFFFFF }

blockquote, address { font-style: normal; }

* { outline: none; }

img,
a img { border: none; }

strong { font-weight: bold; }
b { font-weight: bold; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; visibility: hidden; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 150%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }

img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: 0px; }
a:hover {text-decoration: none;}
a:active { outline: none; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

.hr-line { height: 1px; overflow: hidden; background-color: #E7E7E7; }
.no-screen { position: absolute; top: -10000px; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
button, input, select { font-family: Arial, Helvetica, sans-serif; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#main { width: 980px; margin: 0 auto; position: relative; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header {width: 980px; height: 100px; position: relative; padding-top: 1px;}
#logo {display: block; text-indent: -9999px; width: 196px; height: 61px; background: url('../images/logo-ijv.png') 0% 0% no-repeat; margin-top: 20px; margin-left: 15px;}
ul.submenu {font-size: 11px; position: absolute; right: 0; text-transform: uppercase; top: 28px; white-space: nowrap;}
ul.submenu li.first {background: none repeat scroll 0 0 transparent;}
ul.submenu li {background: url('../images/submenu-separator.png') no-repeat scroll left center transparent; display: inline; padding: 0 21px 0 25px;}
ul.submenu li a {text-decoration: none;}
ul.submenu li a:hover {text-decoration: underline;}
ul.submenu li.sign-in {padding-right: 0px; margin-right: 13px; background: none;}
ul.submenu li.sign-in a {background: url('../images/lock.png') no-repeat scroll left center transparent; padding: 0 0 0 16px; margin-left: 22px;}
ul.menu {height: 38px; margin: 0; padding: 0; position: absolute; right: 0; top: 63px; width: 755px;}
ul.menu li {display: block; float: left; font-size: 15px; height: 38px; padding: 0 0 0 2px;}
ul.menu a {color: #000000; display: block; height: 38px; line-height: 37px; position: relative; text-align: center; text-decoration: none; width: 100%;}
ul.menu a span {background-image: url('../images/menu-sprite.png'); background-repeat: no-repeat; cursor: pointer; display: block; height: 38px; left: 0; position: absolute; top: 0;}
ul.menu li.active a {background-color: #BCBCBC; font-weight: bold;}
#menu-item-1, #menu-item-1 span {width: 136px;}
#menu-item-2, #menu-item-2 span {width: 125px;}
#menu-item-3, #menu-item-3 span {width: 148px;}
#menu-item-4, #menu-item-4 span {width: 178px;}
#menu-item-5, #menu-item-5 span {width: 158px;}
#menu-item-1 span {background-position: 0 -38px;}
#menu-item-2 span {background-position: -136px -38px;}
#menu-item-3 span {background-position: -261px -38px;}
#menu-item-4 span {background-position: -409px -38px;}
#menu-item-5 span {background-position: -587px -76px;}
.shopcart {background: url('../images/kos.png') 0% 0% no-repeat; width: 181px; height: 44px; position: absolute; top: 120px; right: 10px;}
.shopcart-empty {background: url('../images/kos-prazdny.png') 10px 50% no-repeat; width: 181px; height: 44px; line-height: 44px; border: solid 1px #e5e5e5; position: absolute; top: 120px; right: 10px; text-align: center;	 font-weight: normal;}
.shopcart a  {color: #fff; font-size: 20px; float:left; margin: 13px 0px 5px 55px; font-weight: bold; text-decoration: none;}
.navigation {color: #676767; font-size: 11px; margin: 10px 0px 5px; padding-left: 10px; }
h2.big {font-size: 30px; margin: 10px 0px; text-transform: uppercase; height: 30px; padding-left: 0px; color: #000;}
h2.big span {color: #999;}
.navigation a {color: #676767; font-size: 11px;}
.hp .search {width: 302px; height: 79px; position: absolute; top: 205px; right: 0px; background: url('../images/bg-search-hp.png') 0% 0% no-repeat; }
.hp .search .ipt { height: auto; width: 200px; background: #fff; position: absolute; top: 21px; left: 25px; padding: 12px 0px 11px 0px; font-size: 13px; color: #676767; border: none;}
.hp .search .button-search {position: absolute; top: 21px; right: 17px; width: 40px; height: 40px; border: none; background: none; cursor: pointer;}
.hp h1 {font-size: 30px; color: #000; margin: 10px 0px; height: 30px; line-height: 30px;}
.shop-cart {position: absolute; top: 0px; right: 0px; width: 200px;}


/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
.hp-motive {position: absolute; top: 130px; right: 285px;}
.hp-box { border: 1px solid #e1e1e1; margin-bottom: 15px; }
.hp-box-1 {border-bottom: solid 1px #eee; height: 75px; width: 980px; color: #676767; padding-top: 15px;}
.hp-box-1 a {color: #676767;}
.hp-box-1 a:hover {color: #000; text-decoration: none;}
.hp-box-2 {height: 300px; width: 980px; position: relative; background: url('../images/bg-hpbox2.png') 50% 100% no-repeat;}
.hp-box-2 .count { margin-top: 2px; }
.hp-box-2 img {margin: 10px;}
.hp-box-2 a b { font-size: 1.2em; }
.hp-eng {display: block; height: 75px; padding: 15px 0px 0px 90px; color: #666; font-size: 20px; background: url('../images/hp-eng.png') 0% 0% no-repeat; width: 180px; text-decoration: none; position: absolute; top: 5px; left: 260px;}
.hp-ger {display: block; height: 75px; padding: 15px 0px 0px 90px; color: #666; font-size: 15px; background: url('../images/hp-ger.png') 0% 0% no-repeat; width: 130px; text-decoration: none; position: absolute; top: 90px; left: 25px;}
.hp-spa {display: block; height: 55px; padding: 5px 0px 0px 60px; color: #666; font-size: 14px; background: url('../images/hp-esp.png') 0% 0% no-repeat; width: 130px; text-decoration: none; position: absolute; top: 205px; left: 135px;}
.hp-cze {display: block; height: 54px; padding:  5px 0px 0px 60px; color: #666; font-size: 14px; background: url('../images/hp-cze.png') 0% 0% no-repeat; width: 100px; text-decoration: none; position: absolute; top: 130px; left: 340px;}
.hp-ita {display: block; height: 43px; padding: 3px 0px 0px 50px; color: #666; font-size: 13px; background: url('../images/hp-ita.png') 0% 0% no-repeat; width: 130px; text-decoration: none; position: absolute; top: 235px; left: 30px;}
.hp-rus {display: block; height: 54px; padding: 5px 0px 0px 65px; color: #666; font-size: 15px; background: url('../images/hp-rus.png') 0% 0% no-repeat; width: 140px; text-decoration: none; position: absolute; top: 215px; left: 730px;}
.hp-fra {display: block; height: 38px; padding: 5px 0px 0px 50px; color: #666; font-size: 12px; background: url('../images/hp-fra.png') 0% 0% no-repeat; width: 140px; text-decoration: none; position: absolute; top: 120px; right: 70px;}
.hp-chin {display: block; height: 60px; padding: 5px 0px 0px 65px; color: #666; font-size: 13px; background: url('../images/hp-chin.png') 0% 0% no-repeat; width: 140px; text-decoration: none; position: absolute; top: 200px; right: 60px;}
.hp-box-3 { width: 980px; border-bottom: solid 2px #e1e1e1; background: url('../images/bg-hpbox3.png') 100% 5px no-repeat; padding-bottom: 10px; }
.hp-box-3 h2 {background: url('../images/bg-title-red.png') 0% 0% no-repeat; color: #fff; text-transform: uppercase; width: 335px; height: 40px; line-height: 40px; font-size: 13px; padding-left: 15px;}
.hp-box-3 ul {list-style: none; width: 950px; margin: 10px 15px; padding: 0px;}
.hp-box-3 ul li {width: 190px; float:left; margin: 2px 0px; }
.hp-box-3 ul li a {font-size: 13px; line-height: 25px; font-weight: bold; padding-left: 25px; display: inline-block; background: url('../images/lang.png') 0% 0% no-repeat;}
.hp-box-3 ul li a.lng-eng {background-position: 0px -210px;}
.hp-box-3 ul li a.lng-ger {background-position: 0px -180px;}
.hp-box-3 ul li a.lng-esp {background-position: 0px -270px;}
.hp-box-3 ul li a.lng-fra {background-position: 0px -300px;}
.hp-box-3 ul li a.lng-pol {background-position: 0px -60px;}
.hp-box-3 ul li a.lng-rus {background-position: 0px -120px;}
.hp-box-3 ul li a.lng-ita {background-position: 0px -360px;}
.hp-box-3 ul li a.lng-por {background-position: 0px -90px;}
.hp-box-3 ul li a.lng-gre {background-position: 0px -390px;}
.hp-box-3 ul li a.lng-jpn {background-position: 0px -330px;}
.hp-box-3 ul li a.lng-chi {background-position: 0px -150px;}
.hp-box-3 ul li a.lng-cze {background-position: 0px -30px;}
.hp-box-3 ul li a.lng-nld {background-position: 0px -240px;}
.hp-box-4 {width: 980px; border-top: solid 1px #e1e1e1; margin-top: 1px; padding-top: 10px;}
.hp-box-4 h2 {background: url('../images/bg-title-orange.png') 0% 0% no-repeat; color: #fff; text-transform: uppercase; width: 195px; height: 40px; line-height: 40px; font-size: 13px; padding-left: 15px;}
.hp-box-5 {background: url('../images/bg-box5.jpg') 100% 0% no-repeat; margin-top: 15px; }
.hp-box-5 h2 {background: url('../images/bg-title-orange-5.png') 0% 0% no-repeat; color: #fff; text-transform: uppercase; width: 195px; height: 40px; line-height: 40px; font-size: 13px; padding-left: 15px; margin: 10px;}
.hp-box-5 .engbox { background: url('../images/engflag.png') 0% 0% no-repeat; margin: 0px; padding-bottom: 10px; padding-left: 56px; }
.hp-box-5 .gerbox { background: url('../images/gerflag.png') 0% 0% no-repeat; margin: 0px; padding-bottom: 10px; padding-left: 56px;	}
.hp-box-5 div.main-category-link {margin: 10px 0px 5px; font-weight: bold;}
.hp-box-5 div.main-category-link .count { font-weight: normal; }
.hp-box-5 div.minor-category-link {margin: 3px 0px 3px 0px; float:left; font-size: 13px; width: 300px; }
.hp-box-5 div.minor-category-link.even { margin-left: 0px; width: 350px; }
.hp-box-5 div a:hover {color: #666; text-decoration: none;}
.main-category-link {font-size: 16px; line-height: 20px;}
.special-language { position: relative; background: url(/images/block-special-language-bg.jpg) no-repeat right top; min-height: 197px; }
.special-language .subtitle { position: absolute; top: 22px; left: 215px; font-style: italic; }
.special-language .main-category-link { font-size: 18px; font-weight: bold; }
.special-language .engbox { width: 355px; float: left; }
.special-language .engbox .minor-category-link { width: 185px; }
.special-language .engbox .minor-category-link.even { width: 160px; }
.special-language .main-category-link .count { font-weight: normal; }
.special-language .gerbox { width: auto; margin-left: 415px; border-left: 1px solid #E1E1E1; height: 114px; padding-top: 14px; margin-top: -14px; background-position: left 14px; }
.hp-box-7 {margin-top: 20px;}
.hp-box-7 h2 {background: url('../images/bg-title-orange.png') 0% 0% no-repeat; color: #fff; text-transform: uppercase; width: 195px; height: 40px; line-height: 40px; font-size: 13px; padding-left: 15px;}
/*******************************************************************/
/*                                                   SEARCH, LINKS */
/*******************************************************************/
#search-links {border: solid 1px #ececec; height: 70px; margin: 20px 0px 15px; background: url('../images/bg-search.png') 100% 0% no-repeat; padding-top: 6px;}
.ipt{background: #fff; border: none; width: 210px; position: absolute; top: 212px; right: 75px; padding: 12px 0px 11px 0px; font-size: 13px; color: #666;}
.button-search {width: 41px; height: 36px; border: solid 1px #fff; background: transparent; border: none; right: 20px; top: 207px; position: absolute; cursor: pointer;}
#nav {width: 700px; margin: 5px 0px 0px 15px; background: url('../images/oddtopmenu.png') 380px 0% no-repeat;  height: 58px;}
.link-box {float:left; width: 200px; list-style: none;  padding: 0px;}
.link-box a {text-transform: uppercase; padding-left: 10px; background: url('../images/bg-link.gif') 0% -10px no-repeat; text-decoration: none; color: #666; font-size: 11px;}
.link-box a:hover {text-decoration: underline;}
.links1 a {text-transform: uppercase; padding-left: 10px; color: #000; background: url('../images/bg-link.gif') 0% 4px no-repeat; font-weight: bold; text-decoration: none;}
.links2 {border-left: solid 1px #e1e1e1; padding-left: 10px;} 
.links3 {border-left: solid 1px #e1e1e1; padding-left: 10px;} 
.shopmenu {margin: 5px 20px 0px 10px; padding: 0px; list-style: none; width: 180px; float:left; border-right: solid 1px #e1e1e1;}
.shopmenu a {text-transform: uppercase; padding-left: 10px; background: url('../images/bg-link.gif') 0% -10px no-repeat; text-decoration: none; color: #000; font-weight: bold; font-size: 11px;}
.shopmenu a:hover {text-decoration: underline;}
/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer {width: 980px; height: 210px; background: url('../images/foot.gif') 0% 0% no-repeat; text-align:left; clear: both; margin-top: 10px;}

.foter-block1 {width: 225px; float: left; margin: 15px 5px 0px 15px;}
.foter-block1 a {background: #999999; color: #fff; display: inline-block; padding: 3px 6px; text-decoration: none; font-size: 10px; text-transform: uppercase; margin-bottom: 10px;}
.foter-block2 {width: 225px; float: left; margin: 15px 5px 0px;}
.foter-block2 a {color: #999999; font-size: 10px; text-decoration: none;}
.foter-block2 h4 {color: #999999; font-size: 11px; text-decoration: none; font-weight: bold;}
.foter-block3 {width: 225px; float: left; margin: 15px 5px 0px;}
.foter-block3 a {color: #999999; font-size: 11px; text-decoration: none; font-weight: bold;}
.foter-block4 {width: 225px; float: left; margin: 15px 5px 0px 15px;}

#copyright {}

#giant {}

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu {}

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#product {float:left; width: 220px; margin: 0px 0px 20px 10px; padding: 0px; list-style: none;}
#product li {margin-bottom: 5px;}
#product li.level-0 a{display: block; text-transform: uppercase; width: 185px; height: 34px; background: url('../images/menu.png') 0% 100% no-repeat; line-height: 34px; color: #fff; font-size: 15px; font-weight: bold; padding-left: 15px; letter-spacing: -1px;}
#product li.long a{white-space: nowrap; letter-spacing: -1px !important;}
#product li.level-0 a:hover {background: url('../images/menu.png') 0% 0% no-repeat;}
#product li.level-1 a {margin-left: 16px; width: 184px; display: block; text-transform: uppercase; width: 169px; height: 34px; background: url('../images/menu2.png') 0% 100% no-repeat; line-height: 34px; color: #fff; font-size: 15px; font-weight: bold; padding-left: 15px; letter-spacing: -1}
#product li.level-1 a:hover {background: url('../images/menu2.png') 0% 0% no-repeat;}
.level-2 a, .level-3 a, .level-4 a {background: url('../images/category.png') 0% 0% no-repeat; padding-left: 10px;}
.level-2 {margin-left: 25px;}
.level-3 {margin-left: 55px;}
.level-4 {margin-left: 85px;}
.level-1, .level-0 { letter-spacing: -1px;  }

/*******************************************************************/
/*                                                           LOGIN */
/*******************************************************************/
#mod-login {border: solid 1px; display: none;}

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
.shadow { background: url(/images/book-shadow-small.png) no-repeat right bottom; min-width: 71px; display: inline-block; padding: 0px 15px 0px 0px; text-align: center; line-height: 0px; }
.shadow-inner { background: url(/images/book-shadow-small-inner.png) no-repeat left bottom; padding: 0px 0px 0px 15px; display: inline-block; line-height: 0px; }
.shadow img { display:block; margin: 0 auto; padding: 0px 0px 4px 0px; }

.good-classic-outer {width: 290px; float:left; font-size: 12px; margin: 5px 13px; height: 300px; background: url('../images/vertical-separe.png') 100% 50% no-repeat; padding-right: 10px; position: relative;}
.good-classic-outer.last {background: none;}
.good-classic-outer h4 {background: url('../images/bgh.gif') 0% 100% no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
.good-classic-outer h4 a {color: #000; text-decoration: underline; font-size: 14px; line-height: 18px;}
.good-classic-outer .button {width: 85px; height: 33px; margin: 10px; background: url('../images/bg-kos.png') 0% 0% no-repeat; padding: 0px; border: none; text-align: center; line-height: 33px; padding-left: 25px; float: right; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold;}
.img-box {float:left; padding: 10px; height: 115px;}
.img-box .lsh {float: left; width: 20px; background: url('../images/leftshadow2.png') 0% 100% no-repeat; width: 9px;}
.img-box .msh {float:left; background: url('../images/middleshadow2.png') 0% 100% repeat-x;}
.img-box .rsh {float: right; width: 20px; background: url('../images/rightshadow2.png') 100% 100% no-repeat; width: 9px;}
.imgbox {padding: 0px; text-align: center; width: 210px;}
.obal {margin: 10px auto;}
.lsh {float: left; width: 20px; background: url('../images/leftshadow.png') 0% 100% no-repeat;}
.msh {float:left; background: url('../images/middleshadow.png') 0% 100% repeat-x;}
.rsh {float: right; width: 20px; background: url('../images/rightshadow.png') 100% 100% no-repeat;}
.pop {font-size: 11px; clear: both; line-height: 16px;}
.s_dph {font-size: 18px;}
.sleva {font-size: 10px; color: #fff; padding: 1px 8px; background: #c10000; line-height: 20px; display: inline-block; margin: 5px 0px;}
.vydavatel {margin: 3px 0px;}
.bezna-cena {margin: 2px 0px 7px;}
.separe {position: absolute; bottom: 5px; left: 15px;}
.count {background: #f0f0f0; display: inline-block; border-radius: 8px; padding: 1px 6px; font-size: 11px; line-height: 16px;}
.more {width: 137px; height: 32px; background: url('../images/more.png') 0% 0% no-repeat; float: left; margin: 10px; text-indent: -9999px;}
.more:hover {background-position: 0px 100%;}
.price {padding: 20px; font-size: 12px;}
.price h5 {font-size: 40px; line-height: 40px; margin: 5px 0px;}
.price .sleva {background: #c10000; display: inline-block; font-size: 11px; color: #fff; padding: 2px 7px; margin-right: 15px;}
.buy  {height: 50px; margin-left: 20px;}
.buy a{width: 359px; height: 47px; display: inline-block; background: url('../images/buy.png') 0% 0% no-repeat; line-height: 47px; font-weight: bold; text-decoration: none; color: #fff; font-size: 19px; text-transform: uppercase; text-align: center;}
.basic-info {border-collapse: collapse; border: none; margin: 10px 0px 0px 20px; font-size: 12px; }
.basic-info td{padding: 3px 6px;}
.legend {width: 90px; font-weight: bold;}
.even td {background: #f2f2f2;}
.product-menu {clear: both; list-style: none; margin: 20px 0px 0px 110px; height: 40px;}
.product-menu li {float:left; height: 23px; padding-left: 30px; margin: 0px 15px;}
.product-menu li a {line-height: 23px; font-size: 13px;}
.ad1 {background: url('../images/pmenu1.gif') 0% 0% no-repeat;}
.ad2 {background: url('../images/pmenu2.gif') 0% 0% no-repeat;}
.ad3 {background: url('../images/pmenu3.gif') 0% 0% no-repeat;}
.ad4 {background: url('../images/pmenu4.gif') 0% 0% no-repeat;}
.nadpis {font-size: 18px; background: url('../images/bgh.gif') 0% 100% no-repeat; color: #000; padding-bottom: 10px; margin: 0px 0px 10px; padding-top: 20px; text-transform: uppercase; }
.description, .best, .good-departmant {background: #f5f5f5 url('../images/bg-description.png') 0% 0% no-repeat; padding: 15px; clear: both; margin-bottom: 15px; }
.best strong {margin-left: 15px;}
.best p {line-height: 18px; padding: 6px 15px;}
.best p.suda {background: #fff;}
.best p span {float:right; }
.sort {border: solid 1px #e1e1e1; padding: 10px; height: 36px; position: relative;}
.description h3 {font-size: 20px; background: url('../images/bgh.gif') 0% 100% no-repeat; padding-bottom: 10px; margin: 8px 0px; color: #000 !important;}
.description ul {padding: 10px;}
h2.moreinfo{font-size: 20px; background: url('../images/bgh.gif') 0% 100% no-repeat; color: #7f7f7f; padding-bottom: 10px; margin: 0px; padding-top: 20px; text-transform: uppercase; clear: both;}
h2.moreinfo span {font-size: 11px; color: #000; text-transform: capitalize; font-weight: normal;}
.alternative {float: left; width: 160px; height: 190px; text-align: center; margin: 8px 10px 5px;}
.alternative a {display: block; font-weight: bold; font-size: 12px; margin-top: 8px;}
.zbozi-vypis, .department {float:right; width: 750px; }
.depname {background: url("../images/bgh.gif") no-repeat scroll 0 100% transparent; font-size: 27px; margin: 12px 0px 12px 0px; padding-bottom: 10px; text-transform: uppercase;}
#good-arr {font-size: 11px; color: #9c9c9c !important; text-transform: uppercase !important; font-weight: normal !important;}
#good-arr a {color: #9c9c9c !important;}
#good-arr strong, #good-arr b { font-weight: normal !important;}
#good-in h1  {background: url("../images/bgh.gif") no-repeat scroll 0 100% transparent; font-size: 25px; margin: 8px 0px 10px 0px; padding-bottom: 10px; line-height: 25px;}
.good-departmant {margin: 5px 0px; padding: 12px 8px 8px;}
.good-departmant.suda {background: none !important;}
.good-departmant .img-box {width: 95px; text-align: center; background: #fff; padding: 5px 0px !important;}
.good-departmant h4 a {font-weight: bold; background: url("../images/bgh.gif") no-repeat scroll 0 100% transparent; display: block; text-decoration: none; font-size: 19px; padding-bottom: 4px;}
.good-departmant.suda h4 a{font-weight: bold; background: url("../images/bghl.png") no-repeat scroll 0 100% transparent; display: block; text-decoration: none;}
.text-info {float:left;width: 430px; margin: 3px 15px; }
.text-info p {margin: 5px 0px; font-size: 12px !important;}
.cen-info {float:left; width: 170px; text-align: right; margin-top: 10px;}
.cen-info  .sleva  {float:left; margin-right: 5px;}
.cen-info  .bezna-cena {line-height: 26px;}
.cen-info .button {width: 85px; height: 33px; margin: 0px; background: url('../images/bg-kos.png') 0% 0% no-repeat; padding: 0px; border: none; text-align: center; line-height: 33px; padding-left: 25px; float: right; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; float:left;	}
.descr {clear: both; height: 1px; margin: 0px; visibility: hidden;}
.strankovani {clear: both; padding: 10px 15px; text-align:center;}
.strankovani b {display: inline-block; width: 28px; height: 32px; line-height: 32px; background: url('../images/label.png') 0% 0% no-repeat; font-size: 14px; text-align:center;}
.strankovani a {display: inline-block; line-height: 32px; margin: 0px 10px; font-size: 14px;}
.strankovani .next {float:right; width: 30px; height: 30px; background: url('../images/pagination.png') 0% 100% no-repeat; text-indent: -9999px; margin: 0px;}
.strankovani .prev {float:left; width: 30px; height: 30px; background: url('../images/pagination.png') 0% 0% no-repeat; text-indent: -9999px; margin: 0px;}
.nolistr {float:right; width: 30px; height: 30px;}
.nolistl {float:left; width: 30px; height: 30px;}
.upbtn {width: 36px; height: 38px; background: url('../images/sort_up.png') 50% 0% no-repeat; border: solid 1px #ddd; cursor: pointer; position: absolute; top: 10px; right: 45px;}
.downbtn {width:36px; height: 38px; background: url('../images/sort_down.png') 50% 0% no-repeat; border: solid 1px #ddd; cursor: pointer; position: absolute; top: 10px; right: 10px;}
.downbtn:hover, .upbtn:hover {background-position: 50% 100%; }
.kos-zbozi {width: 750px; float:right;}
.ipt-pcs { background: url('../images/bg_inp.png') 0% 0% repeat-x; border: solid 1px #dbdbdb; height: 22px; width: 32px; color: #555; text-align: center;}
.basket-title-pcs, .basket-title-good, .basket-title-price {background: #f7f7f7; border: solid 1px #dfdfdf; padding: 7px 15px; text-align: left; font-size: 12px; font-weight: bold;}
.basket-title-price { text-align: right; }
.basket-good a {text-decoration: none;}
.basket-good a:hover {text-decoration: underline;}
.basket-price {font-weight: bold; text-align: right;}
.celkem {float: right; line-height: 25px; font-weight: bold;}
.cenaobjednavky {font-size: 19px; margin-left: 20px;}
.nakupni-kos { border-collapse: collapse;}
.nakupni-kos td {font-size: 12px; padding: 7px 15px; border: solid 1px #dfdfdf;}
.kos-menu .button {float:left; height: 28px; line-height: 28px; text-transform: uppercase; width: 168px; background: url('../images/empty.png') 0% 0% no-repeat; color: #fff; font-weight: bold; text-decoration: none; text-align: center;}
.kos-menu .prepocitat  {float:left; height: 28px; line-height: 28px; text-transform: uppercase; width: 168px; background: #d2d2d2;  color: #494949; border: none; font-weight: bold; text-decoration: none; text-align: center; margin-left: 20px; font-size: 13px;}
.kos-menu .a-button-hover {float:left; height: 28px; line-height: 28px; text-transform: uppercase; width: 168px; background: #494949;  color: #fff; border: none; font-weight: bold; text-decoration: none; text-align: center; margin-left: 20px; font-size: 13px;}
.inf {color: #888; margin: 5px;}
.kos-tlacitka {height: 60px;}
.pokracovat a {float:left; width: 223px; height: 40px; background: url('../images/pokracovat.png') 0% 0% no-repeat; line-height: 40px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.objednat a {float:right; color: #fff; width: 125px; height: 40px; background: url('../images/send.png') 0% 0% no-repeat; line-height: 40px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 14px;}
.bezregistrace a {float:right; color: #fff; width: 235px; height: 40px; background: url('../images/send2.png') 0% 0% no-repeat; line-height: 40px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-left: 10px; font-size: 14px;}
.objednavka, .rbox {width: 750px; float:right;}
.zakaznik {border-collapse: collapse; margin: 20px 0px;}
.zakaznik .free td, .zakaznik.noborder td {border: none !important;}
.zakaznik td {font-size: 12px; padding: 7px 5px; border: solid 1px #dfdfdf;}
.zakaznik td  table td {border: none;}
.sendobj .a-button {float:right; color: #fff; width: 125px; height: 40px; background: url('../images/send.png') 0% 0% no-repeat; line-height: 40px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; border: none;}
.sendobj .a-button-hover {float:right; color: #fff; width: 125px; height: 40px; background: url('../images/send.png') 0% 0% no-repeat; line-height: 40px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; border: none;}
.sendobj2 .a-button {color: #fff; width: 125px; height: 40px; background: url('../images/send.png') 0% 0% no-repeat; line-height: 40px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; border: none; font-size: 18px; margin-top: 10px;}
.sendobj2 .a-button-hover {color: #fff; width: 125px; height: 40px; background: url('../images/send.png') 0% 0% no-repeat; line-height: 40px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; border: none; font-size: 18px; margin-top: 10px;}
.inpt_zakaznik {background: url('../images/bg_inp.png') 0% 0% repeat-x; border: solid 1px #dbdbdb; height: 26px; width: 180px; color: #555; padding: 3px;}
.inpt_zakaznik.short {width: 60px;}
.dcen {margin: 0px; padding: 0px;}
.dcen td {vertical-align: top; padding: 1px;}
.orderDoprava, .orderCelkem {text-align: right; border: none;}
.loginbtn .a-button {color: #494949; background: #d2d2d2; font-weight: bold; border: none; padding: 0px 5px; line-height: 24px; height: 24px;}
.loginbtn .a-button-hover {color: #494949; background: #d2d2d2; font-weight: bold; border: none; padding: 0px 5px; line-height: 24px; height: 24px;}
.article {margin: 20px 20px 20px 230px;}
#department-list {margin: 10px 0px;}
#department-list span {float: left; width: 200px; margin: 3px 10px; background: url('../images/podod.png') 0% 50% no-repeat; padding-left: 20px;}
#department-list span a {font-size: 14px; color: #585858; font-weight: bold;}
.goodColPrice {font-size: 12px; margin-top: 10px; display: block;}
.hodnoceniSearch {display: none;}
#user {position: absolute; top: 121px; left: 645px; z-index: 100;}
#user.active {background: #cc0000; width: 130px; height: 50px; color: #fff;} 
#user.active #ucet {background: #cc0000 url('../images/loginico-on.png') 8px 50% no-repeat;}
#log {background: url('../images/loginico.png') 8px 50% no-repeat; display: block; font-size: 12px; height: 24px; line-height: 24px; padding: 0px 8px 0px 30px; cursor: pointer;}
#ucet {background: url('../images/loginico.png') 8px 50% no-repeat; display: block; font-size: 12px; height: 24px; line-height: 24px; padding: 0px 8px 0px 30px;}
#user.active #log{background: #cc0000 url('../images/loginico-on.png') 8px 50% no-repeat;  display: block; font-size: 12px; height: 24px; color: #fff; padding: 0px 8px 0px 30px;}

#user #ucet { cursor: pointer; }
.registrace {background: url('../images/regico.png') 8px 50% no-repeat;  display: block; font-size: 12px;  height: 24px; line-height: 24px; text-decoration: none; display: block; padding: 0px 8px 0px 30px;}
.registrace:hover {text-decoration: underline;}
#username {text-decoration: underline; margin-left: 8px; cursor: pointer;}
#loginform {background: #cc0000; width: 197px; padding: 8px; position: absolute; top: 20px; left: 0px; z-index: 11000;}
#loginform input.iptlog { width: 130px; }
.logintab td{padding: 3px; color: #fff; font-size: 12px;}
.iptlog {background: #fff url('../images/bg_inp.png') 0% 0% repeat-x; border: solid 1px #fff; width: 140px; color: #555; padding: 7px 3px;}
.buttonlogin {width: 110px; height: 33px; background: url('../images/tllogin.png') 0% 0% no-repeat; border: none; line-height: 33px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 11px;}
.lost {margin-top: 7px;}
.lost a {color: #fff; text-decoration: underline;}
.info-box {color: #c10000; font-size: 11px;}
#mod-clientmenu {position: absolute; top: 167px; left: 645px; background: #cc0000; width: 130px; padding: 5px 0px; z-index: 11000;}
#mod-clientmenu .m {color: #fff; margin: 4px 8px; display: block;}


/***********/
/* BANNERS */
/***********/
.banners { height: 120px; margin-bottom: 15px; }
.banners .banner { display: block; width: 320px; height: 120px; overflow: hidden; float: left; margin-right: 10px; }
.banners .banner.last { margin-right: 0px; }

.banners.wide .banner { width: auto; float: none; margin: 0px; }
.banners.product { margin-top: 15px; }
.banners.product .banner { width: 340px; }


/*************/
/* TOP BOOKS */
/*************/
#top-books { position: relative; padding-top: 15px; }
#top-books .carousel { height: 310px; overflow: hidden; width: 978px; }
#top-books .carousel-content { height: 310px; overflow: hidden; }
#top-books .good-classic-outer { margin-left: 0px; padding-left: 10px; }
#top-books .buttons { position: absolute; top: 15px; right: 0px; margin: 0px; padding: 0px;  }
#top-books .buttons a { display: inline-block; width: 32px; height: 32px; background-image: url(/images/carousel-buttons.png); margin-left: 5px; }
#top-books .buttons a.next { background-position: right top; }

#form-search { z-index: 1; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: url(../images/footer-bg.png) no-repeat left top; color: #999999; font-size: 11px; line-height: 16px; padding: 20px 0px 20px 20px; width: 960px }
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer h2 { font-size: 11px; font-weight: bold; line-height: 13px; letter-spacing: normal; padding: 2px 0px 4px 0px; }

#footer ul { margin: 0px; padding: 0px; }
#footer ul li { list-style: none; }

/* IMPORTANT LINKS */
#footer ul.important-links { width: 230px; float: left; font-size: 10px; text-transform: uppercase; }
#footer ul.important-links li { padding: 5px 0px 14px 0px }
#footer ul.important-links a { color: #FFFFFF; background-color: #999999; padding: 5px 9px; }

/* BLOCK: LINKS */
#footer div.block { width: 230px; padding: 0px 0px 0px 20px; float: left; background: url(../images/footer-separator.png) no-repeat left top; min-height: 134px; line-height: 19px; }

#footer div.global-links { width: 230px; padding: 0px 0px 0px 20px; background: url(../images/footer-separator.png) no-repeat left top; min-height: 134px; font-weight: bold; line-height: 19px; }
#footer div.global-links .indent { padding-top: 19px; }

#footer div.block-social-links { width: 200px; padding-left: 20px; min-height: 134px; background: url..(/images/footer-separator.png) no-repeat left top; }
#footer div.block-social-links h2 { font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px; color: #666666; height: 16px; }
#footer div.block-social-links h2.blog a { display: block; width: 81px; height: 16px; background: url(../images/footer-blog-title.png) no-repeat left top; text-indent: -200px; overflow: hidden; }
#footer div.block-social-links h2.facebook { color: #3B5998; margin-top: 20px; padding-bottom: 5px; background: url(../images/footer-facebook-title.png) no-repeat left top; text-indent: -200px; overflow: hidden; }
#footer-title {}
#footer-title span { width:204px; height:23px; background-image: url(../images/footer-title.png); }

#footer a.facebook-button { display: block; width: 151px; height: 24px; background: url(../images/facebook-button.png) no-repeat left top; text-indent: -200px; overflow: hidden; }

#giant, #copyright { padding: 44px 0px 0px 0px; font-size: 12px; clear: left; }
#giant { float: right; padding-right: 18px; }
#giant img { vertical-align: middle; }
#giant a { text-decoration: underline; }