@charset "utf-8";
/* CSS Document */
/*******************************************************************/
/* RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }
body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }
blockquote, address { font-style: normal; }
/*****************/
/* GLOBAL */
/*****************/
.clear { clear: both; height: 0px; 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: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }
img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: 0px !important; }
a:active { outline: none !important; }
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 { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #E7E7E7; }
/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }
/************************/
/* BASIC TAG DEFINITION */
/************************/
body { color: #333333; background: #D0D1D3; font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { color: #19718F; font-size: 17px; font-weight: bold; line-height: 22px; }
h2 { color: #19718F; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-bottom: 14px; }
h3 { color: #19718F; font-size: 12px; font-weight: bold; }
p, ol, ul { padding-bottom: 12px; }
.no-padding { padding-bottom: 0px; }
ol { padding-left: 20px; }
ul { padding-left: 10px; }
ul li { background: url(/images/li.png) no-repeat 0px 7px; padding-left: 11px; list-style: none; }
ul a { text-decoration: none; }
ul a:hover { text-decoration: underline; }
a { color: #19718F; text-decoration: underline; }
sub, sup { vertical-align: inherit; }
sub { position: relative; top: 0.4em; font-size: 0.8em; }
sup { position: relative; top: -0.4em; font-size: 0.8em; }
form {}
fieldset { border: none; background: none; }
form .input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #19718F; }
button { cursor: default; }
.clickable * { cursor: pointer; }
/*******************************************************************/
/* LAYOUT */
/*******************************************************************/
body { text-align: center; }
#page-wrapper { width: 920px; margin: 0px auto; background-color: #FFFFFF; text-align: left; position: relative; }
#body { width: 920px; padding: 37px 0px 15px 0px; }
#grid { background: #FFFFFF url(/images/body-bg.png) repeat-y -1px top; width: 892px; padding: 0px 13px 0px 15px; }
/* LAYOUT */
.layout {}
.layout .column { width: 49%; float: left; overflow-x: hidden; }
.columnnew { width: 33%; float: left; overflow-x: hidden; }
/*******************************************************************/
/* HEADER */
/*******************************************************************/
#header { background: #D0D1D3; height: 150px; }
#header p { font-size: 22px; text-transform: uppercase; font-weight: bold; color: #FFFFFF; padding: 10px 0px 0px 0px; position: absolute; top: 63px; left: 21px; }
#top-strip { background-color: #D0D1D3; color: #19718F; font-size: 12px; padding: 0px 270px 0px 23px; height: 53px; }
#top-strip p { padding: 33px 0px 0px 0px; margin: 0px; }
#top-strip a { text-decoration: none; padding: 0px 5px; font-weight: normal; }
#top-strip a:hover { text-decoration: underline; }
#user-info { float: right; }
#user-info a { padding: 0px; text-decoration: underline; font-weight: normal; }
#header #links { position: absolute; top: 37px; right: 20px; left: auto; padding: 0px; margin: 0px; }
#links a { background: transparent url(/images/blank.gif); display: block; width: 115px; height: 115px; }
#link-first { position: absolute; top: 0px; right: 125px; }
#link-second { position: absolute; top: 0px; right: 0px; }
/********************/
/* EDIT PAGE BUTTON */
/********************/
#edit-page { position: fixed; top: 0px; right: 0px; background: white; border: 1px solid #999999; border-right: none; border-top: none; }
#edit-page a { display: block; width: 16px; height: 16px; padding: 7px; text-align: center; }
/*******************************************************************/
/* FOOTER */
/*******************************************************************/
#footer { text-align: center; color: #19718F; padding-top: 20px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/*******************************************************************/
/* MENU */
/*******************************************************************/
#menu { height: 22px; border-bottom: 1px solid #456C8D; padding: 0px; margin: 0px; background: #FFFFFF url(/images/menu-bg.png) no-repeat left top; position: absolute; top: 203px; left: 0px; }
#menu li { float: left; padding: 0px; margin: 0px; background: none; height: 22px; list-style: none; padding: 0px; margin: 0px; position: relative; }
#menu a { display: block; height: 22px; text-align: center; text-decoration: none; line-height: 22px; }
#menu a:hover { text-decoration: underline; }
/* CUSTOM WIDTHS */
#menu-home a { width: 92px; }
#menu-slovniky a { width: 85px; }
#menu-encyklopedie a { width: 122px; }
#menu-ucebnice a { width: 96px; }
#menu-pro-deti a { width: 89px; }
#menu-kontakty a { width: 96px; }
#menu-nakup a { width: 80px; }
#menu-pro-nakladatele a { width: 153px; }
#menu-login a { width: 107px; }
/* SUBMENU */
#menu li ul { display: none; position: absolute; top: 22px; left: -1px; z-index: 20; padding: 0px; margin: 0px; background: url(/images/submenu-shadow-bottom.png) no-repeat left bottom; }
#menu li:hover ul { display: block; }
#menu li.hover ul { display: block; }
#menu ul li { height: auto; background: url(/images/submenu-shadow-right.png) repeat-y right top; padding-right: 8px; margin-right: -8px; }
#menu ul li.first { background: url(/images/submenu-shadow-top.png) no-repeat right top; }
#menu ul li.last { background: url(/images/submenu-shadow-corner.png) no-repeat right bottom; padding-bottom: 8px; }
#menu ul li.last a { border-bottom: 1px solid #BCCDD8; }
#menu ul a { text-align: left; background: #FFFFFF url(/images/submenu-li.png) no-repeat 13px 7px; line-height: 18px; height: auto; padding: 3px 15px 3px 25px; border: 1px solid #BCCDD8; border-top: 0px; border-bottom: 0px; }
#menu ul a:hover { background-color: #C9E1E7; text-decoration: none; }
/*******************************************************************/
/* MAIN FRAME */
/*******************************************************************/
/* GRID */
#grid {}
.cell { width: 629px; padding: 0px 0px 0px 16px; float: left; position: relative; }
.cell.type-top { height: 153px; border-bottom: 1px solid #004C6B; }
.cell.type-top .arrow { position: absolute; top: 26px; left: 438px; }
.cell.type-top .arrow li { white-space: nowrap; }
.cell.type-column { width: 231px; float: left; padding: 0px 0px 0px 16px; }
.sort-list { padding: 0px; margin: 0px; }
.sort-list li { list-style: none; padding: 0px 0px 0px 26px; background: url(/images/ico-book.png) no-repeat 6px 5px; }
.sort-list a { text-decoration: none; }
/* ERRORS */
#error ul,
#success ul,
#warning ul,
ul#error,
ul#success,
ul#warning { margin: 0px; padding: 0px; background: #FFFFFF; position: relative; top: -5px; padding: 4px 0px; margin-bottom: 5px; margin-right: 20px; }
#error li,
#success li,
#warning li { list-style: none; display: block; text-align: center; line-height: 170%; font-weight: bold; background: none; }
#success ul,
ul#success { border: 1px solid #339900; color:#339900; }
#error ul,
ul#error { border: 1px solid #CC0000; color: #CC0000; }
#warning ul,
ul#warning { border: 1px solid #FF9900; color: #FF9900; }
/********************/
/* BLOCK CATEGORIES */
/********************/
#block-categories {}
#block-categories h2 { padding: 0px 0px 8px 0px; }
#block-categories .sort-list { width: 420px; }
#block-categories .sort-list li { font-size: 14px; width: 78px; float: left; }
/***************/
/* BLOCK TOP 5 */
/***************/
#block-top5 {}
#block-top5 h2 { padding: 0px 0px 9px 9px; }
#block-top5 ul { color: #19718F; }
#block-top5 li { height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
#block-top5 a { text-decoration: none; }
#block-top5 a:hover { text-decoration: underline; }
/****************/
/* BLOCK PAGING */
/****************/
#block-paging { width: 436px; padding: 0px 209px 0px 0px; }
#block-paging .content { text-align: center; color: #19718F; padding-top: 8px; }
#block-paging h2 { background: url(/images/slovnik-top-block.jpg) no-repeat left top; text-align: left; padding: 10px 0px 0px 92px; width: 74px; height: 80px; line-height: 15px; margin: 0px auto; }
#block-paging h2 em { text-transform: none; display: block; padding-top: 7px; }
#block-paging .content a { font-weight: bold; text-decoration: none; font-size: 13px; }
#block-paging .content a:hover { text-decoration: underline; }
#block-paging .content a.active { color: #00BAD5; }
/**********/
/* BASKET */
/**********/
#basket { display: block; width: 70px; height: 60px; position: absolute; top: -15px; right: 5px; }
#basket a { background: url(/images/basket.png) no-repeat center top; display: block; width: 70px; padding: 43px 0px 0px 0px; text-align: center; font-size: 11px; text-decoration: none; }
#basket a:hover { text-decoration: underline; }
/***************/
/* FORM SEARCH */
/***************/
#form-search { padding: 0px; margin: 0px; background: #FFFFFF; border: none; width: 45px; height: 50px; overflow: visible; position: absolute; top: 370px; left: 635px; z-index: 5; }
#form-search .input { font-weight: bold; border: none; font-weight: normal; }
#form-search #form-search-term {position: absolute; top: 14px; left: 45px; background: #FFFFFF url(/images/form-search-input.png) no-repeat left top; width: 207px; padding: 4px 11px 4px 9px; border: none; }
#form-search #form-search-vocabulary { position: absolute; top: 14px; left: -235px; background: #FFFFFF url(/images/form-search-input.png) no-repeat 11px top; width: 207px; padding: 4px 9px 4px 20px; border: none; }
#form-search #form-search-vocabulary-right {position: absolute; top: 14px; left: 45px; background: #FFFFFF url(/images/form-search-input.png) no-repeat left top; width: 207px; padding: 4px 11px 4px 9px; border: none; }
#form-search #form-search-lexikon-term { position: absolute; top: 14px; left: -235px; background: #FFFFFF url(/images/form-search-input.png) no-repeat 11px top; width: 207px; padding: 4px 9px 4px 20px; border: none; }
#form-search-button { position: absolute; top: 13px; left: 12px; }
/***************/
/* BLOCK LOGIN */
/***************/
#block-login { width: 261px; position: absolute; top: 225px; right: 0px; color: #19718F; display: none; overflow: hidden; z-index: 10; }
#block-login p { font-size: 11px; margin: 0px; padding: 0px 0px 5px 0px; }
#block-login form p { font-size: 12px; }
#block-login .content { padding: 10px; background: #FFFFFF; border: 1px solid #004C6B; width: 249px; height: 168px; overflow: hidden; }
#block-login label { display: block; width: 80px; float: left; line-height: 22px; }
#block-login .input { border: none; width: 140px; padding: 4px 5px; background: url(/images/block-login-input.png) no-repeat left center; }
#block-login button { border: none; background: none; margin-left: 80px; cursor: pointer; }
#block-login button span { border: none; background: #004C6B url(/images/block-login-button.png) no-repeat left top; display: block; width: 65px; height: 22px; text-align: center; color: #FFFFFF; font-size: 12px; font-weight: normal; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; }
/*******************************************************************/
/* RIGHT COLUMN */
/*******************************************************************/
#right-column { padding: 25px 0px 0px 16px; }
/*************/
/* BLOCK ADS */
/*************/
#block-ads {margin-top:6px}
#block-ads h2 { font-size: 12px; letter-spacing: 11px; text-align: center; line-height: 20px; padding-bottom: 5px; }
#block-ads p { padding: 0px 0px 10px 0px; line-height: 10px; width: 230px; }
#block-ads .flash { text-align: center; padding-bottom: 10px; }
/*****************/
/* BLOCK BUTTONS */
/*****************/
#block-buttons { padding-top: 5px; }
#block-buttons h2 { font-size: 14px; color: #00BAD5; font-style: italic; text-align: center; font-weight: normal; text-transform: none; letter-spacing: 1px; padding-bottom: 7px; }
#block-buttons h2 strong { font-style: normal; }
#block-buttons ul { padding: 0px; margin: 0px; }
#block-buttons li { list-style: none; background: none; padding: 0px 6px 8px 7px; width: 62px; height: 66px; float: left; position: relative; }
#block-buttons li a { text-decoration: none; position: relative; display: block; width: 62px; height: 62px; }
#block-buttons li img { width: 62px; height: 62px; overflow: hidden; }
#block-buttons li span { position: absolute; top: 0px; left: 0px; display: block; cursor: pointer; }
#block-buttons li span.frame { width: 62px; height: 62px; background: url(/images/frame.png) no-repeat left top; }
#block-buttons li span.char { width: 21px; height: 21px; background: url(/images/char.png) no-repeat left top; overflow: hidden; text-align: center; line-height: 20px; left: 35px; top: 45px; }
/**************/
/* BLOCK BACK */
/**************/
#block-back { padding-top: 5px; }
#block-back h2 { font-size: 14px; color: #F7931D; font-style: italic; text-align: center; font-weight: normal; text-transform: none; letter-spacing: 1px; padding-bottom: 7px; }
#block-back ul { padding: 0px 0px 0px 4px; margin: 0px; }
#block-back li { list-style: none; background: none; padding: 0px 4px 17px 4px; float: left; height: 91px; }
/*******************************************************************/
/* CONTENT */
/*******************************************************************/
#main-content { padding: 18px 0px 20px 16px; min-height: 880px; }
#main-content .flash { text-align: center; }
.burn { color: #F7931D; }
.burn em { font-style: normal; color: #333333; }
.back { color: #19718F; }
/*****************/
/* Modré bullety výchozí */
/*****************/
.arrow { padding: 0px; margin: 0px;}
.arrow li { background: url(/images/arrow-right.png) no-repeat left 4px; list-style: none; padding: 0px 0px 0px 18px; color: #00BAD5; }
.arrow li a { color: #00BAD5; }
.arrow li.active { background-image: url(/images/arrow-right-dark.png); color: #19718F; }
.arrow li.active a { color: #19718F; }
.arrow li.reverse { background-image: url(/images/arrow-left.png); }
.arrow li.reverse a strong { font-style: normal; font-weight: normal; color: #F7931D; text-decoration: underline; }
/*****************/
/* Modré bullety */
/*****************/
.blueArrow { padding: 0px; margin: 0px;}
.blueArrow li { background: url(/images/arrow-right.png) no-repeat left 4px; list-style: none; padding: 0px 0px 0px 18px; font-weight: bold; color: #004c6b; }
.blueArrow li a { color: #00BAD5; }
.blueArrow li.active { background-image: url(/images/arrow-right-dark.png); color: #19718F; }
.blueArrow li.active a { color: #19718F; }
.blueArrow li.reverse { background-image: url(/images/arrow-left.png); }
.blueArrow li.reverse a strong { font-style: normal; font-weight: normal; color: #F7931D; text-decoration: underline; }
/*****************/
/* Zelené bullety */
/*****************/
.greenArrow { padding: 0px; margin: 0px;}
.greenArrow li { background: url(/images/greenBullet.png) no-repeat left 4px; list-style: none; padding: 0px 0px 0px 18px; font-weight: bold; color: #004c6b; }
.greenArrow li a { color: #004c6b; }
/*.greenArrow li.active { background-image: url(/images/arrow-right-dark.png); color: #19718F; }
.greenArrow li.active a { color: #19718F; }
.greenArrow li.reverse { background-image: url(/images/arrow-left.png); }
.greenArrow li.reverse a strong { font-style: normal; font-weight: normal; color: #F7931D; text-decoration: underline; }*/
.button-add-to-basket { background: #CDE3E8 url(/images/button-add-to-basket.png) no-repeat left center; padding: 5px 9px 6px 40px; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 24px; }
/*********/
/* TABLE */
/*********/
table.data { border-collapse: collapse; margin-top: 5px; width: 100%; }
.data caption { font-size: 12px; font-weight: bold; color: #666666; text-align: left; padding-bottom: 3px; }
.data th { background-color: #004C6B; border-left: 1px solid #004C6B; border-right: 1px solid #004C6B; color: #FFFFFF; text-align: left; padding: 3px 5px; }
.data td { border: 1px solid #5A8FAA; padding: 3px 5px; vertical-align: top; text-align: left; }
.data ul { margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; }
.data li { font-style: italic; }
.data .center { text-align: center; }
.data .fake { border-left: 0px solid #FFFFFF; }
.data .fake-left { border-right: none; }
/**********/
/* PAGING */
/**********/
.paging { text-align: center; color: #00BAD5; font-weight: normal; font-size: 14px; padding-bottom: 10px; }
.paging a { color: #00BAD5; font-weight: normal; text-decoration: none; }
.paging a:hover { text-decoration: underline; }
.paging span { font-weight: bold; }
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last { border: 1px solid #00BAD5; display: inline-block; height: 13px; line-height: 11px; width: 13px; text-align: center; position: relative; top: 0px; }
.paging a.first:hover,
.paging a.prev:hover,
.paging a.next:hover,
.paging a.last:hover { text-decoration: none; }
/**********/
/* SHADOW */
/**********/
.shadow-r { background: url(/images/shadow-right.png) no-repeat right top; display: inline-block; }
.shadow-b { background: url(/images/shadow-bottom.png) no-repeat left bottom; display: inline-block; }
.shadow-rb { background: url(/images/shadow-bottom-right.png) no-repeat right bottom; display: inline-block; padding: 0px 11px 11px 0px; }
.shadow-rb img { margin-bottom: -4px; }
.shadow-rb img.left,
.shadow-rb img.right { margin: 0px; }
/*************/
/* BOOK LIST */
/*************/
.book-list { padding-left: 5px; }
.book-list h3 { text-transform: uppercase; padding: 0px; line-height: 17px; }
.book-list p { padding-bottom: 0px; line-height: 17px; }
.book-list .item { width: 280px; padding-right: 32px; padding-bottom: 38px; float: left; }
.book-list .img { width: 109px; float: left; }
.book-list .img a { cursor: pointer; }
.book-list .text { max-height: 141px; overflow: hidden; }
.book-list .author { font-weight: bold; font-style: italic; padding: 2px 0px 3px 0px; line-height: 17px; }
.book-list .price { font-style: italic; width: 109px; float: left; padding-left: 0px; padding-top: 10px; line-height: 25px; }
.book-list .buttons { padding-top: 10px; line-height: 25px; padding-left: 109px; }
.book-list .buttons .add { background-color: #CDE3E8; font-size: 11px; font-weight: bold; text-decoration: none; padding: 5px 9px 6px 9px; }
.book-list .buttons img { vertical-align: middle; padding-right: 1px; }
/************/
/* TOP LIST */
/************/
.book-list.top-list { padding-top: 14px; }
.book-list.top-list .item { float: none; width: 285px; padding-right: 0px; padding-left: 65px; position: relative; }
.top-list .position { display: block; padding: 0px; margin: 0px; position: absolute; top: 0px; left: 5px; text-align: center; width: 34px; height: 24px; line-height: 24px; font-weight: bold; background: url(/images/mark-box.png) no-repeat left top; color: #19718F; }
/**********/
/* DETAIL */
/**********/
#detail { padding-top: 11px; padding-left: 5px; }
#detail h1 { padding-bottom: 3px; }
#detail h2 { font-size: 12px; padding-bottom: 9px; padding-top: 10px; }
#detail .left-column { width: 185px; float: left; }
#detail .main-column { padding-left: 192px; padding-right: 33px; }
#detail .desc { color: #19718F; padding-bottom: 4px; }
#detail .author { font-weight: bold; font-style: italic; padding-bottom: 27px; }
#detail .params dt { display: inline; float: left; font-weight: bold; padding-right: 5px; }
#detail .notes {}
#detail .notes dt { display: inline; float: left; font-weight: bold; color: #19718F; padding-right: 5px; }
#detail .notes dd { padding-bottom: 14px; }
#detail .book-img { padding-bottom: 24px; }
#detail .more { color: #19718F; }
/**************/
/* DISCUSSION */
/**************/
ul.discussion { margin: 0px; padding: 0px; }
.discussion li { list-style: none; padding: 0px; margin: 0px; background: none; }
.article .discussion li { border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; }
.discussion p { padding-bottom: 13px; }
#detail .discussion .author,
.article .discussion .author { color: #19718F; font-weight: bold; font-style: normal; padding-bottom: 5px; }
.discussion .author .date { font-weight: normal; color: #333333; padding-left: 15px; }
/*************/
/* FORM POST */
/*************/
#form-post {}
#form-post textarea { width: 380px; padding: 5px; border: 1px solid #19718F; height: 160px; overflow: hidden; color: #333333; margin-top: 5px; }
.article #form-post textarea { vertical-align: top; margin-top: -7px; }
.article #form-post .center { width: 550px; }
/***********************/
/* BLOCK RECOMENDATION */
/***********************/
.block-recomendation { border: 1px solid #19718F; border-left: none; border-right: none; padding: 9px 0px 9px 0px; width: 390px; margin-bottom: 18px; height: 91px; overflow: hidden; }
.block-recomendation a { margin: 0px 0px 0px 10px; }
.block-recomendation img { padding-bottom: 10px; }
/****************/
/* BLOCK COLUMN */
/****************/
#block-column { width: 205px; float: right; padding-right: 15px;}
#block-column h2 { font-size: 12px; padding-bottom: 6px; color:#19718F; letter-spacing:2px }
#block-column .block { float: none; }
.block { background-color: #E2EFF1; width: 179px; padding: 5px 13px; margin-bottom: 5px; float: right; }
.block ul.arrow a { text-decoration: none; }
.block ul.arrow a:hover { text-decoration: underline; }
.block label { color: #00BAD5; font-weight: bold; display: block; line-height: 20px; }
.block.fixed { max-height: 196px; overflow: auto;}
/******************/
/* CONTENT COLUMN */
/******************/
#content-column { width: 389px; float: left; margin-right: 19px; }
#nav { font-size: 14px; color: #F7931D; font-weight: bold; padding-bottom: 11px; }
#nav strong { color: #19718F; }
#content-column .layout .column { width: 185px; }
#content-column .layout .column.first { margin-right: 18px; }
/******************/
/* RELATED TITLES */
/******************/
.related-titles { padding-left: 0px; color: #19718F; }
.related-titles li { background: url(/images/li-square.png) no-repeat left 5px; padding-left: 14px; }
.related-titles ul { padding-left: 0px; }
.related-titles ul li { background: url(/images/li-standard.png) no-repeat left 10px; padding-left: 9px; }
/*********/
/* LINKS */
/*********/
.links { padding-left: 0px; color: #19718F; }
.links li { background: url(/images/li-arrow.png) no-repeat left 3px; padding-left: 16px; }
.links li.burn { background-image: url(/images/li-arrow-orange.png); }
.links a { text-decoration: none; }
.links a:hover { text-decoration: underline; }
.left-column .links { width: 160px; padding-top: 17px; padding-bottom: 17px; }
.left-column .links.no-border { border-bottom: none; }
/*************/
/* UPOUTAVKA */
/*************/
#upoutavka { color: #456C8D; font-weight: bold; padding: 16px 0px 0px 18px; font-size: 13px; }
#upoutavka p { line-height: 17px; padding-top: 20px !important; padding-bottom: 7px; }
#upoutavka a { float: left; margin-right: 5px; margin-bottom: -10px; }
#upoutavka .burn { font-style: italic; padding-top: 12px; }
/**********/
/* IMAGES */
/**********/
.images { width: 180px; padding-right: 15px; float: left; }
.images p { text-align: center; color: #19718F; padding-top: 5px; padding-bottom: 10px; }
.images a { padding: 0px 5px; }
/****************/
/* BASKET POPUP */
/****************/
#giant-basket-popup { border: 1px solid #004C6B; background-color: #FFFFFF; padding: 13px 13px 37px 13px; width: 290px; position: absolute; top: 0px; left: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; }
#giant-basket-popup h3 { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #19718E; margin: 0px; padding: 0px 0px 8px 0px; }
#giant-basket-popup p { padding: 0px 0px 10px 0px; margin: 0px; }
#giant-basket-popup-close { display: block; width: 15px; height: 15px; background: url(/images/button-close.png) no-repeat left top; overflow: hidden; position: absolute; top: 8px; right: 8px; }
#giant-basket-popup .input { border: 1px solid #333333; border-top-color: #ABADB3; border-right-color: #DBDFE6; border-bottom-color: #E3E9EF; border-left-color: #E2E3EA; padding: 2px 5px; margin-left: 5px; text-align: right; width: 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; }
#giant-basket-popup .button { display: block; padding: 5px 7px; position: absolute; background-color: #CDE3E8; color: #19718F; font-weight: bold; font-size: 11px; text-decoration: none; }
#giant-basket-popup .button.basket { background: #CDE3E8 url(/images/basket-popup-ico.png) no-repeat 5px center; padding-left: 30px; right: 13px; }
/****************/
/* ARTICLE POPUP */
/****************/
#article-popup { border: 1px solid #004C6B; background-color: #FFFFFF; padding: 13px 13px 37px 13px; width: 290px; position: absolute; top: 0px; left: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; }
#article-popup h3 { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #19718E; margin: 0px; padding: 0px 0px 8px 0px; }
#article-popup p { padding: 0px 0px 10px 0px; margin: 0px; }
#article-popup-close { display: block; width: 15px; height: 15px; background: url(/images/button-close.png) no-repeat left top; overflow: hidden; position: absolute; top: 8px; right: 8px; }
#article-popup .input { border: 1px solid #333333; border-top-color: #ABADB3; border-right-color: #DBDFE6; border-bottom-color: #E3E9EF; border-left-color: #E2E3EA; padding: 2px 5px; margin-left: 5px; text-align: right; width: 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; }
#article-popup .button { display: block; padding: 5px 7px; position: absolute; background-color: #CDE3E8; color: #19718F; font-weight: bold; font-size: 11px; text-decoration: none; }
#article-popup .button.basket { background: #CDE3E8 url(/images/basket-popup-ico.png) no-repeat 5px center; padding-left: 30px; right: 13px; }
a.article-popup {
cursor: pointer;
}
/***************/
/* FORM BASKET */
/***************/
#form-basket { padding-right: 20px; padding-top: 10px; }
#form-basket table { width: 100%; border-collapse: collapse; }
#form-basket .product-list th { text-align: left; font-size: 11px; white-space: nowrap; }
#form-basket .product-list th.right { text-align: right; }
#form-basket .product-list th.center { text-align: center; }
#form-basket .product-list th,
#form-basket .product-list td { padding: 6px 8px; border-bottom: 1px solid #FFFFFF; line-height: 16px; vertical-align: middle; }
#form-basket .product-list th { padding-bottom: 1px; }
#form-basket .product-list tr { background-color: #EAEAEA; }
#form-basket .product-list tr.last,
#form-basket .product-list thead tr { background: none; }
#form-basket .product-list td strong { font-size: 11px; }
#form-basket .product-list .last td { border-bottom: none; background: none; }
#form-basket .product-list .input { border: 1px solid #ABADB3; border-right-color: #DBDFE6; border-bottom-color: #E3E9EF; border-left-color: #E2E3EA; padding: 2px 3px; text-align: right; width: 24px; float: left; margin-right: 3px; position: relative; top: -2px; margin-bottom: -2px; color: #333333; }
#form-basket .product-list td.count { padding: 7px 8px 5px 8px; }
#form-basket .product-list th.count { width: 70px; }
#form-basket .product-list .price { width: 90px; text-align: right; }
#form-basket .product-list .count input { margin-left: 10px; }
#form-basket button { padding: 0px; margin: 0px; border: none; background: none; cursor: pointer; }
#form-basket button span { display: block; width: 104px; height: 28px; background: #CDE3E8 url(/images/arrow-big-right.png) no-repeat 9px 10px; color: #19718F; font-size: 14px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 20px; margin: 0px; }
#form-basket h3.toggler { padding-bottom: 10px; }
#form-basket .layout { width: auto; }
#form-basket .layout td { padding: 5px 5px 15px 0px; }
#form-basket .layout .input { border: 1px solid #0B5472; padding: 3px 5px; margin-right: 30px; }
#steps { padding: 0px 0px 20px 0px; margin: 0px; height: 24px; }
#steps li { list-style: none; padding: 0px; margin: 0px; line-height: 24px; float: left; color: #19718F; font-weight: bold; }
#steps li span { display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; font-weight: bold; color: #19718F; background: #FFFFFF url(/images/steps-bg.png) no-repeat left top; float: left; margin-right: 10px; }
#steps li.active span { color: #FFFFFF; background-color: #004D69; background-image: url(/images/steps-bg-active.png); }
#step1 { width: 166px; }
#step2 { width: 156px; }
#step3 { width: 174px; }
#step4 { width: 99px; }
/****************/
/* FORM ADDRESS */
/****************/
#form-address { padding-right: 20px; }
#form-address .input { border: 1px solid #0B5472; padding: 3px 5px; width: 140px; margin-right: 40px; }
#form-address h3 { padding-top: 15px; }
#form-address label { padding-right: 10px; display: block; width: 60px; }
#form-address table { margin-top: 10px; margin-bottom: 5px; }
#form-address td { padding-bottom: 5px; }
#form-address textarea { width: 420px; border: 1px solid #0B5472; margin-left: 74px; overflow: hidden; height: 100px; margin-top: 5px; }
#form-address button { padding: 0px; margin: 0px 0px 0px 0px; border: none; background: none; cursor: pointer; }
#form-address button span { display: block; width: 94px; height: 28px; background: #CDE3E8 url(/images/arrow-big-right.png) no-repeat 9px 10px; color: #19718F; font-size: 14px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-align: left; }
#form-address .btn-back { display: block; width: 40px; height: 28px; background: #EAEAEA url(/images/arrow-big-left.png) no-repeat 9px 10px; color: #666666; font-size: 12px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-decoration: none; float: left; text-align: left; }
#form-address .title-wrapper { padding-top: 15px; }
#form-address .title-wrapper h3 { display: inline; padding: 0px 5px 0px 0px; margin: 0px; }
#form-address .title-wrapper label { width: auto; display: inline; }
#form-address .inline { display: inline; width: auto; }
/*****************/
/* FORM DELIVERY */
/*****************/
#form-delivery { padding-right: 20px; }
#form-delivery button { padding: 0px; margin: 0px 0px 0px 0px; border: none; background: none; cursor: pointer; }
#form-delivery button span { display: block; width: 94px; height: 28px; background: #CDE3E8 url(/images/arrow-big-right.png) no-repeat 9px 10px; color: #19718F; font-size: 14px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-align: left; }
#form-delivery .btn-back { display: block; width: 40px; height: 28px; background: #EAEAEA url(/images/arrow-big-left.png) no-repeat 9px 10px; color: #666666; font-size: 12px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-decoration: none; float: left; text-align: left; }
#form-delivery fieldset { padding-bottom: 15px; }
#form-delivery fieldset h2 { font-size: 12px; color: #333333; text-transform: none; width: 250px; font-weight: bold; float: left; padding: 0px; }
#form-delivery label { display: block; margin-left: 250px; padding-bottom: 3px; }
#form-delivery label.hide { display: none; }
/****************/
/* FORM SUMMARY */
/****************/
#form-summary { }
#form-summary table { margin-top: 10px; margin-bottom: 20px; border-collapse: collapse; width: 100%; }
#form-summary td { padding-bottom: 5px; padding-right: 10px; vertical-align: top; }
#form-summary button { padding: 0px; margin: 0px 0px 0px 0px; border: none; background: none; cursor: pointer; }
#form-summary button span { display: block; width: 184px; height: 28px; background: #CDE3E8 url(/images/arrow-big-right.png) no-repeat 9px 10px; color: #19718F; font-size: 14px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-align: left; }
#form-summary p.right { padding-right: 20px; }
#form-summary .btn-back { display: block; width: 40px; height: 28px; background: #EAEAEA url(/images/arrow-big-left.png) no-repeat 9px 10px; color: #666666; font-size: 12px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-decoration: none; float: left; text-align: left; }
#form-summary .product-list th { text-align: left; font-size: 11px; white-space: nowrap; }
#form-summary .product-list th.right { text-align: right; }
#form-summary .product-list th.center { text-align: center; }
#form-summary .product-list th,
#form-summary .product-list td { padding: 6px 8px; border-bottom: 1px solid #FFFFFF; line-height: 16px; vertical-align: middle; }
#form-summary .product-list th { padding-bottom: 1px; }
#form-summary .product-list td { background-color: #EAEAEA; }
#form-summary .product-list td strong { font-size: 11px; }
#form-summary .product-list .last td { border-bottom: none; background: none; }
#form-summary .product-list td.count { text-align: center; }
#form-summary .product-list th.count { width: 70px; }
#form-summary .product-list .price { text-align: right; }
/*********************/
/* FORM REGISTRATION */
/*********************/
#form-reg {}
#form-reg table { margin-bottom: 5px; }
#form-reg td { padding: 0px 10px 5px 0px; vertical-align: top; }
#form-reg h3 { padding-bottom: 5px; padding-top: 10px; }
#form-reg label { display: block; width: 95px; }
#form-reg label.inline { display: inline; width: auto; }
#form-reg .input { border: 1px solid #0B5472; padding: 3px 5px; width: 140px; margin-right: 35px; }
#form-reg .input.short { width: 50px; }
#form-reg .title-wrapper { padding-top: 15px; padding-bottom: 5px; }
#form-reg .title-wrapper h3 { display: inline; padding: 0px 5px 0px 0px; margin: 0px; }
#form-reg .title-wrapper label { width: auto; display: inline; }
#form-reg .souhlas { padding-left: 18px; text-indent: -18px; }
#form-reg button { padding: 0px; margin: 10px 0px 0px 0px; border: none; background: none; cursor: pointer; }
#form-reg button span { display: block; width: 95px; height: 28px; background: #CDE3E8 url(/images/arrow-big-right.png) no-repeat 9px 10px; color: #19718F; font-size: 14px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-align: left; }
#form-reg .note { font-size: 11px; }
#form-reg .required { font-weight: bold; }
#form-reg.profile button span { width: 50px; }
/***************/
/* BLOCK LOGIN */
/***************/
#block-login { width: 261px; position: absolute; top: 225px; right: 0px; color: #19718F; display: none; overflow: hidden; z-index: 10; }
#block-login p { font-size: 11px; margin: 0px; padding: 0px 0px 5px 0px; }
#form-login p { font-size: 12px; }
#form-login .content { padding: 10px; background: #FFFFFF; border: 1px solid #004C6B; width: 249px; height: 168px; overflow: hidden; }
#form-login label { display: block; width: 80px; float: left; line-height: 22px; }
#form-login .input { border: none; width: 140px; padding: 4px 5px; background: url(/images/block-login-input.png) no-repeat left center; }
#form-login button { border: none; background: none; margin-left: 80px; }
#form-login button span { border: none; background: #004C6B url(/images/block-login-button.png) no-repeat left top; display: block; width: 65px; height: 22px; text-align: center; color: #FFFFFF; font-size: 12px;
font-weight: normal; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; }
/***********************/
/* FORM TYPE SELECTION */
/***********************/
#form-type-selection {}
#form-type-selection p { padding: 8px 0px 2px 0px; }
#form-type-selection button { border: none; background: none; cursor: pointer; }
#form-type-selection button span { border: none; background: #004C6B url(/images/form-type-selection-button.png) no-repeat left top; display: block; width: 65px; height: 22px; text-align: center; color: #FFFFFF; font-size: 12px;
font-weight: normal; line-height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; }
/*********/
/* ALERT */
/*********/
#alert { border: 1px solid #004C6B; background-color: #FFFFFF; padding: 13px 13px 13px 13px; width: 290px; position: absolute; top: 430px; left: 201px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; z-index: 150;}
#alert h2 { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #19718E; margin: 0px; padding: 0px 0px 8px 0px; }
#alert p { padding: 0px 0px 10px 0px; margin: 0px; line-height: 18px; }
#alert p.center , #alert1 p.center {
padding-bottom: 5px;
padding-top: 5px;
}
#alert .btn-close, #alert1 .btn-close, #alert .btn-open, #alert1 .btn-open {
padding: 5px 7px;
background-color: #CDE3E8;
color: #19718F;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
.alert1_hidden {display:none; visibility:hidden;}
.alert1_visible {display:block; visibility:visible}
#alert1 {
background-image: url("/images/alert/alertBg.gif");
background-repeat: no-repeat;
padding: 0px;
width: 400px;
height: 299px;
text-align: center;
position: absolute;
top: 300px;
left: 201px;
color: #004c6b;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
z-index: 150;
}
#alert1 h2 {
font-size: 16px;
text-transform: none;
font-weight: bold;
color: #004c6b;
margin: 0px;
padding:30px 20px 8px 20px;
}
#alert1 p {
padding: 5px 30px 20px 30px;
margin: 0px;
line-height: 18px;
color: #004c6b;
}
#alert1 .btn-close {
margin-top: 0px;
padding: 0px;
width: 115px;
margin-left: 40px;
height: 103px;
font-weight: bold;
font-size: 14px;
text-decoration: none;
background-image: url("/images/alert/noAlertButton.gif");
}
#alert1 .btn-open {
margin-top: 0px;
padding: 0px;
margin-left: 60px;
margin-right: 10px;
width: 115px;
height: 103px;
font-weight: bold;
font-size: 14px;
text-decoration: none;
background-image: url("/images/alert/yesAlertButton.gif");
}
.alert-btn {
float: left;
}
/**************/
/* CONDITIONS */
/**************/
#conditions { padding: 10px 0px 10px 0px; margin-bottom: 20px; border-top: 1px solid #CCCCCC; margin-right: 20px; }
#conditions .article { padding-right: 0px; }
#form-basket #conditions { margin-right: 0px; }
#conditions table { width: auto; }
/*******************************************************************/
/* MAXDORF - SLOVNIK */
/*******************************************************************/
#maxdorf-slovnik {}
#maxdorf-slovnik #header p { left: 30px; text-indent: -9px; }
#maxdorf-slovnik #header p span { padding: 10px 0px 10px 9px; display: block; text-indent: 0px; }
#maxdorf-slovnik #header #links { text-indent: 0px; left: auto; }
#maxdorf-slovnik #main-content { padding-top: 32px; }
#maxdorf-slovnik #menu { background-image: url(/images/menu-bg-slovnik.png); }
#maxdorf-slovnik #menu-home a { width: 92px; }
#maxdorf-slovnik #menu-pro-lekare a { width: 114px; }
#maxdorf-slovnik #menu-normalni-hodnoty a { width: 162px; }
#maxdorf-slovnik #menu-aktuality a { width: 105px; }
#maxdorf-slovnik #menu-kontakty a { width: 107px; }
#maxdorf-slovnik #menu-nakup a { width: 80px; }
#maxdorf-slovnik #menu-spoluprace a { width: 153px; }
#maxdorf-slovnik #menu-login a { width: 107px; }
#maxdorf-slovnik h1 { padding-bottom: 8px; margin-top: -7px; }
#maxdorf-slovnik .section { font-size: 16px; font-weight: bold; line-height: 18px; color: #41AD49; margin: 0px; padding: 0px 0px 4px/*9px*/ 0px; text-align: center; text-transform: uppercase; }
#maxdorf-slovnik p.banner { text-align: center; padding-bottom: 5px; }
/*maxdorf-slovnik #main-content .layout { padding-top: 5px; }*/
#maxdorf-slovnik .block { padding: 2px 13px 2px 13px; }
#maxdorf-slovnik .block ul.arrow { margin-top: -2px; }
#maxdorf-slovnik .cell-content { padding-right: 20px; text-align: justify; }
#maxdorf-slovnik .cell-content h1 { color: #004C6B; background: url(/images/square.png) no-repeat right 5px; }
#maxdorf-slovnik .cell-content h2 { color: #6D6E70; text-transform: none; padding-bottom: 0px; font-size: 12px; padding-top: 8px; }
#maxdorf-slovnik .cell-content h2.author { font-size: 12px; font-weight: bold; color: #5A8FAA; line-height: 18px; padding-top: 0px; position: relative; top: -5px; margin-bottom: -3px; }
/*******************************************************************/
/* MAXDORF - KLUB */
/*******************************************************************/
#maxdorf-klub {}
#maxdorf-klub #header p { left: 99px; }
#maxdorf-klub #header #links { left: auto; }
#maxdorf-klub #header strong { color: #00BAD5; }
#maxdorf-klub #menu { background-image: url(/images/menu-bg-klub.png); }
#maxdorf-klub #menu-home a { width: 92px; }
#maxdorf-klub #menu-magazin a { width: 106px; }
#maxdorf-klub #menu-profesni-kluby a { width: 113px; }
#maxdorf-klub #menu-detsky-klub a { width: 127px; }
#maxdorf-klub #menu-zabava a { width: 111px; }
#maxdorf-klub #menu-kontakty a { width: 111px; }
#maxdorf-klub #menu-nakup a { width: 80px; }
#maxdorf-klub #menu-jazykovy-koutek a { width: 153px; }
#maxdorf-klub #menu-login a { width: 107px; }
#maxdorf-klub #block-categories h2 { background: url(/images/klub-arrow.png) no-repeat left 0px; position: relative; top: -2px; left: -36px; padding-top: 2px; padding-bottom: 6px; padding-left: 32px; }
#maxdorf-klub #block-categories h2 { font-size: 12px; text-transform: none; }
#maxdorf-klub #block-categories ul.sort-list { width: 412px; }
#maxdorf-klub #block-categories .sort-list li { color: #456C8D; font-size: 12px; width: 172px; padding: 0px 0px 0px 34px; background-position: left center; background-repeat: no-repeat; line-height: 18px; }
#maxdorf-klub #block-categories .sort-list a { color: #456C8D; }
#maxdorf-klub .nav { font-weight: bold; font-size: 12px; color: #19718F; }
.sort-list .ico-book2 { background-image: url(/images/ico-book2.png); }
.sort-list .ico-calendar { background-image: url(/images/ico-calendar.png); }
.sort-list .ico-flower { background-image: url(/images/ico-flower.png); }
.sort-list .ico-radar { background-image: url(/images/ico-radar.png); }
.sort-list .ico-books { background-image: url(/images/ico-books.png); }
.sort-list .ico-clock { background-image: url(/images/ico-clock.png); }
.sort-list .ico-cloud { background-image: url(/images/ico-cloud.png); }
.sort-list .ico-face { background-image: url(/images/ico-face.png); }
.sort-list .ico-flower { background-image: url(/images/ico-flower.png); }
.sort-list .ico-glasses { background-image: url(/images/ico-glasses.png); }
.sort-list .ico-hour-glass { background-image: url(/images/ico-hour-glass.png); }
.sort-list .ico-chars { background-image: url(/images/ico-chars.png); }
.sort-list .ico-checkbox { background-image: url(/images/ico-checkbox.png); }
.sort-list .ico-pen { background-image: url(/images/ico-pen.png); }
.sort-list .ico-symbol { background-image: url(/images/ico-symbol.png); }
/****************/
/* ARTICLE LIST */
/****************/
.article-list { padding: 15px 0px 0px 7px; }
.article-list .item { width: 281px; float: left; padding: 24px 0px 25px 0px; border-top: 1px solid #19718F; }
.article-list .item.first-row { padding-top: 0px; border: none; }
.article-list .item.odd { margin-right: 27px; }
.article-list h2 { font-size: 12px; line-height: 18px; padding: 1px 0px 2px 0px; text-transform: none; }
.article-list h2 a { text-decoration: none; }
.article-list h2 a:hover { text-decoration: underline; }
.article-list p { padding-bottom: 0px; margin-bottom: 0px; }
.article-list p.more { padding-top: 9px; padding-bottom: 0px; }
.article-list p.more a { background: url(/images/ico-list.png) no-repeat 2px center; padding: 0px 0px 1px 25px; text-decoration: none; }
.article-list p.more a:hover { text-decoration: underline; }
.article-list p.more a strong { text-transform: uppercase; font-weight: normal; }
.article-list .img { display: block; width: 83px; height: 81px; padding: 11px 0px 0px 0px; background: #F7931D url(/images/article-frame-bg.png) no-repeat left top; position: relative; float: left; margin-right: 14px; margin-bottom: 5px; }
.article-list .img span { display: block; width: 83px; height: 92px; background: url(/images/frame-big.png) no-repeat left bottom; position: absolute; top: 0px; left: 0px; cursor: pointer; }
/*********************/
/* WIDE ARTICLE LIST */
/*********************/
.wide-article-list { padding: 13px 32px 0px 7px; }
.wide-article-list .item { padding: 23px 0px 20px 0px; background: url(/images/dotted.png) repeat-x left bottom; }
.wide-article-list .item.first { padding-top: 0px; }
.wide-article-list h2 { font-size: 17px; text-transform: none; padding: 2px 0px 5px 137px; line-height: 21px; color: #004C6B; }
.wide-article-list h2 a { color: #004C6B; text-decoration: none; }
.wide-article-list h2 a:hover { text-decoration: none; }
.wide-article-list p { padding: 0px 0px 0px 137px; margin: 0px; }
.wide-article-list p.category { font-weight: bold; color: #19718F; }
.wide-article-list p.more { color: #F7931D; }
.wide-article-list p.more a { text-decoration: none; font-style: italic; }
.wide-article-list p.more a:hover { text-decoration: underline; }
.wide-article-list ul { margin: 0px; padding: 12px 0px 0px 137px; }
.wide-article-list li { background: url(/images/ico-list.png) no-repeat left 2px; }
.wide-article-list img.left { margin: 2px 0px 0px 0px; width: 125px; height: 125px; }
.wide-article-list .to-article { color: #F7931D; text-decoration: none; }
.wide-article-list .to-article:hover { color: #F7931D; text-decoration: underline; }
/***********/
/* ARTICLE */
/***********/
.article { padding-right: 20px; }
.article h1 { color: #004C6B; font-size: 20px; text-align: left; padding-bottom: 5px; }
.article h2 { color: #6D6E70; text-transform: none; padding-bottom: 0px; font-size: 12px; padding-top: 8px; }
.article h2.author, article h2.question { font-size: 12px; font-weight: bold; color: #5A8FAA; line-height: 18px; padding-top: 0px; position: relative; margin-bottom: 5px; }
.article .image { padding-top: 5px; float: left; margin-right: 10px; }
.article .image .more { display: block; background: url(/images/button-plus.png) no-repeat left 4px; font-size: 11px; color: #3a4c6b; text-decoration: underline; padding: 3px 0px 10px 20px; }
.article h2.question {color:#456C8D}
h2.result {color:#456C8D; padding:0px; margin:0px}
/* RATING */
.article .rating { background: url(/images/rating-stars.png) repeat-x left -14px; display: block; width: 80px; height: 14px; overflow: hidden; padding: 0px 0px 5px 0px; margin: 0px; text-indent: -200px; position: relative; }
.article .rating.top { float: right; margin-right: 80px; padding-bottom: 0px; }
.article .rating span { position: absolute; top: 0px; left: 0px; height: 14px; width: 16px; background: url(/images/rating-stars.png) repeat-x left 0px; }
.article .rating .r1 { width: 16px; }
.article .rating .r2 { width: 32px; }
.article .rating .r3 { width: 48px; }
.article .rating .r4 { width: 64px; }
.article .rating .r5 { width: 80px; }
/* FLOAT BLOCK */
.article .float-block { background-color: #E0EDF0; color: #00BBD8; width: 177px; padding: 8px 10px; float: right; margin: 0px 0px 5px 10px; text-align: left; }
.article .float-block h2 { padding: 2px 0px 0px 0px; margin: 0px; text-transform: uppercase; font-weight: bold; color: #00BBD8; font-size: 14px; letter-spacing: -1px; }
.article .float-block p { padding-bottom: 0px; }
.article .float-block ul { padding: 0px; }
.article .float-block ul li { background: url(/images/arrow-right.png) no-repeat left 4px; padding-left: 15px; }
/* LINKS */
.article .links ul { padding: 0px 0px 0px 0px; }
.article .links li { width: 185px; float: left; padding: 0px 0px 0px 17px; background: url(/images/ico-list.png) no-repeat left center; line-height: 20px; }
.article .links .ico-print,
.article .links .ico-mail,
.article .links .ico-point { padding-left: 25px; width: 175px; }
.article .links .ico-print { background-image: url(/images/ico-print.png); }
.article .links .ico-mail { background-image: url(/images/ico-mail.png); }
.article .links .ico-point { background-image: url(/images/ico-point.png); }
/* ADS */
.article .ads { padding-bottom: 15px; }
.article .ads h2 { padding: 0px 0px 0px 0px; margin: 0px; color: #004C6B; text-transform: uppercase; font-weight: normal; }
.article .ads .content { padding: 10px 0px 7px 0px; margin: 0px; border: 1px solid #004C6B; border-left: none; border-right: none; word-spacing: 20px; text-align: center; }
.article .columns .ads .content { word-spacing: 12px; }
/* TWO COLUMNS */
.article .columns { background: url(/images/vertical-line.png) repeat-y 425px top; }
.article .columns .column1 { width: 410px; padding: 0px 15px 0px 0px; float: left; }
.article .columns .column2 { width: 184px; padding: 0px 0px 0px 10px; float: left; margin-right: -20px; }
/* MOST READED */
.article .block-most-read { text-align: left; font-family: "Times New Roman", Times, serif; }
.article .block-most-read h2 { font-size: 11px; font-weight: bold; padding: 0px; color: #004C6B; font-family: Verdana, Arial, Helvetica, sans-serif; }
.article .block-most-read a { color: #333333; text-decoration: none; }
/***********/
/* GALLERY */
/***********/
.gallery { width: 620px; }
.gallery .content { position: relative; width: 620px; }
.gallery .img { text-align: center; width: 400px; float: left; margin-right: 20px; }
.gallery .img img { float: left; }
.gallery .img a img { float: none; }
.gallery .img p { color: #19718F; clear: both; }
.gallery .img p.title { padding-top: 6px; }
.gallery .text { width: 190px; float: left; color: #19718F; }
.gallery .desc { position: absolute; bottom: 20px; width: 190px; }
.gallery .links {}
.gallery .links li { background: url(/images/ico-list.png) no-repeat 4px center; padding-left: 25px; }
.gallery .links .ico-print { background-image: url(/images/ico-print.png); background-position: 0px center; }
.gallery .links .ico-mail { background-image: url(/images/ico-mail.png); background-position: 2px center; }
.gallery .links .reverse { background-image: url(/images/arrow-left.png); background-position: 4px 5px; }
.gallery .links .reverse strong { font-style: normal; font-weight: normal; color: #F7931D; text-decoration: underline; }
.gallery .thumbnails { word-spacing: 15px; padding-top: 10px; }
/**************************/
/* DOTTED DEFINITION LIST */
/**************************/
dl.dotted { margin-bottom: 1em; }
dl.dotted dt { width: 100px; float: left; clear: both; background: url(/images/dl-dotted.png) repeat-x right 13px; margin-right: 3px; }
dl.dotted dt span { background-color: #FFFFFF; padding-right: 4px; }
dl.dotted dd {}
/****************/
/* SEND ARTICLE */
/****************/
#send-article { position: relative; }
#send-article h2 { padding-bottom: 10px; color: #004D69; padding-top: 0px; }
#form-send-article { padding: 10px; border: 1px solid #004D69; position: relative; }
#form-send-article table { margin-bottom: 5px; }
#form-send-article td { padding: 0px 10px 5px 0px; vertical-align: top; }
#form-send-article label { display: block; width: 80px; }
#form-send-article .input { border: 1px solid #0B5472; padding: 3px 5px; width: 140px; margin-right: 35px; }
#form-send-article .input.short { width: 50px; }
#form-send-article textarea { border: 1px solid #0B5472; padding: 3px 5px; width: 431px; }
#form-send-article button { padding: 0px; margin: 10px 0px 0px 0px; border: none; background: none; cursor: pointer; }
#form-send-article button span { display: block; width: 75px; height: 28px; background: #CDE3E8 url(/images/arrow-big-right.png) no-repeat 9px 10px; color: #19718F; font-size: 14px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-align: left; }
#form-send-article .btn-close { display: block; width: 15px; height: 15px; overflow: hidden; position: absolute; top: 10px; right: 10px; }
/************/
/* SEND TIP */
/************/
#send-tip { position: relative; }
#send-tip h2 { padding-bottom: 10px; color: #004D69; padding-top: 0px; }
#form-send-tip { padding: 10px; border: 1px solid #004D69; position: relative; }
#form-send-tip table { margin-bottom: 5px; }
#form-send-tip td { padding: 0px 10px 5px 0px; vertical-align: top; }
#form-send-tip label { display: block; width: 80px; }
#form-send-tip .input { border: 1px solid #0B5472; padding: 3px 5px; width: 140px; margin-right: 35px; }
#form-send-tip .input.short { width: 50px; }
#form-send-tip textarea { border: 1px solid #0B5472; padding: 3px 5px; width: 431px; }
#form-send-tip button { padding: 0px; margin: 10px 0px 0px 0px; border: none; background: none; cursor: pointer; }
#form-send-tip button span { display: block; width: 75px; height: 28px; background: #CDE3E8 url(/images/arrow-big-right.png) no-repeat 9px 10px; color: #19718F; font-size: 14px; font-weight: bold; line-height: 28px; padding: 0px 0px 0px 30px; margin: 0px; text-align: left; }
#form-send-tip .btn-close { display: block; width: 15px; height: 15px; overflow: hidden; position: absolute; top: 10px; right: 10px; }
/**********/
/* RATING */
/**********/
#rating { position: relative; border: 1px solid #004D69; padding: 8px; background-color: #FFFFFF; position: absolute; display: inline-block; visibility: hidden; height: 40px; overflow: hidden;}
#rating h2 { padding: 0px 0px 5px 0px; }
#rating .star-rating { list-style: none; margin: 0px 0px 5px 0px; padding: 0px; width: 80px; height: 14px; position: relative; background: url(/images/stars.png) top left repeat-x; }
#rating .star-rating li { padding: 0px; margin: 0px; height: 14px; width: 16px; background: none; }
#rating .star-rating li a { display: block; width: 16px; height: 14px; line-height: 14px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; top: 0px; padding: 0px; overflow: hidden; }
#rating .star-rating li a:hover { background: url(/images/stars.png) left bottom; z-index: 2; left: 0px; border: none; }
#rating .star-rating a.one-star { left: 0px; }
#rating .star-rating a.one-star:hover { width: 16px; }
#rating .star-rating a.two-stars { left: 16px; }
#rating .star-rating a.two-stars:hover{ width: 32px; }
#rating .star-rating a.three-stars { left: 32px; }
#rating .star-rating a.three-stars:hover { width: 48px; }
#rating .star-rating a.four-stars { left: 48px; }
#rating .star-rating a.four-stars:hover { width: 64px; }
#rating .star-rating a.five-stars { left: 64px; }
#rating .star-rating a.five-stars:hover { width: 80px; }
#rating p { padding-bottom: 0px; text-align: left; }
/*******************************************************************/
/* MAXDORF - MASTER PAGE */
/*******************************************************************/
html, body { min-height: 100%;height: 100%; }
#master-page { background-color: #004C6B; padding: 0px 0px 0px 0px; height: 100%; min-height: 100%; }
#master-content { position: absolute; top: 20%; left: 50%; width: 1px; height: 1px; overflow: visible;}
#master-top { padding-top: 106px; background-color: #004C6B; }
#master-page #page-wrapper { background: url(/images/master-bg.png) repeat-y center top; height: 100%; min-height: 100%; overflow: hidden; }
#master-page h1 { width: 100%; height: 41px; padding: 0px; margin: 0px; overflow: hidden; text-indent: -200px; background: url(/images/master-h1.png) no-repeat left top; }
#master-content p { width: 642px; padding: 172px 0px 0px 0px; margin: 0px auto; position: absolute; left: -321px; top: -90px; }
#master-content p a { display: block; width: 200px; padding: 348px 0px 0px 0px; float: left; background-position: left top; background-repeat: no-repeat; text-align: center; text-decoration: none; font-size: 14px; margin-right: 21px; }
#master-content p #link-03 { margin-right: 0px; }
#master-content p a:hover { text-decoration: underline; }
#link-01 { background-image: url(/images/master-01.jpg); }
#link-02 { background-image: url(/images/master-02.jpg); }
#link-03 { background-image: url(/images/master-03.jpg); }
/*******************************************************************/
/* TEMPORARY STYLES */
/*******************************************************************/
#maxdorf-akce-vls { width: 440px; height: 376px; position: absolute; top: 279px; left: 134px; display: none; cursor: pointer; z-index: 99; }
#maxdorf-akce-vls img { position: absolute; }
#maxdorf-akce-vls a img { top: 85px; left: 24px; }
#maxdorf-akce-vls a.close-btn { background: url(/images/upoutavka/close-btn.png) no-repeat left top; width: 23px; height: 23px; position: absolute; top: -7px; right: -7px; display: block; overflow: hidden; }
/*******************************************************************/
/* overlay-opacity */
/*******************************************************************/
div.opacity-overlay {
top: 0px;
left: 0px;
position: fixed;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0.5;
filter:alpha(opacity=50);
background: url("/images/transparent-overlay.png") repeat scroll 50% 50% #666666;
}
.invisible_overlay {
display: none;
}
/*******************************************************************/
/* letter2 */
/*******************************************************************/
.letter_top_img {
margin-left: -31px;
margin-top: 5px;
}
ul.letter {
list-style-type: none;
margin: 0;
padding: 0;
}
li.letter {
background-image:url(/images/sipka_letter.gif);
background-position:0 50%;
background-repeat:no-repeat;
padding:0 0 0 18px;
}
li.letter a {
font-weight: bold;
color: #004c6b;
font-family:tahoma;
}
h2.letter {
padding-top: 14px;
color: #00bbd8;
text-align: center;
}
hr.letter {
display: block;
color: #004c6b;
margin-top: 10px;
width:95%;
}
span.letter {
color: #5395ab;
font-weight: bold;
font-family: tahoma;
font-size: 11px;
}
span.subletter {
color: #19718f;
font-weight: bold;
font-family: tahoma;
font-size: 12px;
text-align: right;
font-style:italic;
margin-left:355px;
}
/***********************/
/* POPUP */
/***********************/
#popup-body {
padding-top: 0px;
border-top: 150px solid #D0D1D3;
}
#popup-body #content-column {
width: 620px;
}
#popup-body .close {
float: right;
font-weight: bold;
margin: 11px 11px 0px 0px;
background-image: url('/images/closeBtn.gif');
width: 28px;
height: 15px;
display: block;
text-decoration: none;
cursor: pointer;
}
#maxdorf-slovnik p.banner {
float: left
}
.topBar {
position: relative;
background-image: url('/images/top.gif');
background-repeat: repeat-y;
width: 100%;
height: 35px;
background-color: #98daf8
}
#popup-body #grid {
margin-top: 10px;
}
#popup-body h2.author {
color: #004b79;
font-size: 12px;
margin-left: 17px;
text-transform: none;
}
#popup-body h1 {
color: #40ac49;
font-size: 13px;
margin-left: 17px;
text-transform: uppercase;
}
#popup-body .column1 .image {
padding-top: 5px;
float: left;
margin-right: 10px
}
.topBar h2 {
color: #fff;
padding: 7px 0px 0px 20px;
text-transform: none;
}
/********************SHOP 2 updates ************************/
div#block-categories li.item {width: 180px !important;}
#block-categories .sort-list li.item {font-size: 12px;}
#block-branches h2 {
padding-bottom: 5px;
}
div .book-list.top-list.bookshop{
width: 600px;
}
div.book-list.top-list.bookshop div.item {
width: 535px;
}
div.book-list.top-list.bookshop div.item div.text p {
text-align: justify;
}
/* blokace higlight inputu */
input {outline-width: 0;}
#shop_promo h2 {
text-align: center;
}
#shop_promo table {
border-collapse: collapse;
}
#shop_promo td {
vertical-align: top;
}
#shop_promo img {
padding: 1px;
}
#shop_promo p {
font-size: 11px;
line-height: 13px;
letter-spacing: -1px;
}
#shop_promo .toRight p {
text-align: right;
color: #177290;
padding-right: 2px;
}
#shop_promo .toLeft p {
color: #70a591;
padding-left: 2px;
text-decoration: none;
}
#shop_promo a {
text-decoration: none;
}
#shop_promo a:hover {
text-decoration: underline;
}
#shop_promo span.count {
color: red; font-weight: bold;
}
div#shop_link_pictogram {
display: block;
float: right;
position: absolute;
top: 0px;
left: 581px;
width: 40px;
margin-top: -20px;
}
div#shop_link_pictogram img.first {margin-left: 14px;}
div#shop_link_pictogram img.second {margin-left: 2px;}
#akce {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
cursor: pointer;
z-index: 99;
background-color: #ddd;
display: none;
}
#akce img {
width: 100%;
height: 100%;
left: 0;
}
#akce .close {
background: url(/images/upoutavka/close-btn.png) no-repeat center center;
width: 24px;
height: 24px;
position: absolute;
top: -12px;
right: -12px;
display: block;
overflow: hidden;
}
.earBox {
min-height: 200px;
}
.earBox .earMenu {
border-bottom: 1px solid #19718F;
padding: 0;
margin-bottom: 1em;
}
.earBox .earMenu a {
display: inline-block;
position: relative;
top: 1px;
border: 1px solid #19718F;
border-left: none;
background-color: white;
padding: 2px 5px;
margin: 0;
text-decoration: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.earBox .earMenu a.first {
border-left: 1px solid #19718F;
}
.earBox .earMenu a.active {
border-bottom: 1px solid white;
}
.earBox .earedSection {
display: none;
}
.earBox .earedSection.active {
display: block;
}