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

/* @import url('ie6.css'); */

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 0.75em Verdana, Geneva, sans-serif; color: #696965; background-color: #dedede; padding-bottom: 30px; }

a { color: #555; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.hidden { display: none; }
.center { text-align: center; }
img.center { display: block; margin: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.red { color: #af111d; }
.grey { color: #696965 !important; }
.black { color: #000 !important; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 980px; margin: auto; position: relative; padding-top: 141px; background: #fff url(img/page-wrapper-bg.png) 215px 0 repeat-y; }
#column-wrapper { float: left; width: 743px; }
#content { float: right; width: 506px; padding: 26px 0 20px 0; }
#hp #content,
#business #content { padding-top: 0; }
#left-column { float: left; width: 215px; border-right: 2px solid #fdcb00; }
#right-column { float: right; width: 215px; border-left: 2px solid #fdcb00; }

/* 2 columns layout */
#page-wrapper.layout-2-columns { background: #fff url(img/page-wrapper-2-cols-bg.png) 215px 0 repeat-y; }
.layout-2-columns #column-wrapper { float: none; width: 980px; }
.layout-2-columns #content { width: 723px; background-color: #fff; padding: 26px 20px 20px 0; }


/******************************

	header

******************************/
#header { position: absolute; top: 0; left: 0; width: 980px; height: 105px; background-color: #af111d; color: #fff; }
#header #logo { float: left; padding: 25px 0 0 15px; font-size: 1.4em; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header .account-links { float: right; font-size: 0.8em; clear: right; text-transform: uppercase; padding: 15px 15px 0 0; }
#header .account-links a { margin: 0 5px; }
#header .contact { float: right; clear: right; padding: 10px 20px 0 0; }
#header .contact a { margin-right: 10px; }
#header #languages { position: absolute; top: -16px; right: 20px; }
#header #languages img { margin-left: 5px; }


/******************************

	menu

******************************/
#menu { position: absolute; top: 105px; left: 0; width: 980px; height: 34px; background: #4a4a47 url(img/menu-bg.png) 0 0 repeat-x; border-bottom: 2px solid #fdcb00; }
#menu ul { list-style: none; float: right; padding-right: 9px; }
#menu ul li { float: left; }
#menu ul li a { float: left; display: block; font-size: 0.9em; color: #fff; font-weight: bold; padding: 0 19px; line-height: 34px; text-decoration: none; text-transform: uppercase; }
#menu ul li.active a,
#menu ul li a:hover { color: #ffd40f; }


/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 141px; left: 237px; width: 506px; line-height: 24px; color: #565652; font-weight: bold; overflow: hidden; font-size: 0.93em; }
#breadcrumbs a { color: #565652; }


/******************************

	left column

******************************/
#left-column a { color: #696965; }
#left-column ul.button-like { list-style: none; font-size: 0.93em; }
#left-column ul.button-like li { padding-bottom: 5px; }
#left-column ul.button-like li a { display: block; width: 176px; height: 23px; padding: 0 8px; line-height: 23px; background: #f9f9f9 url(img/a-button-like-bg.png) 0 0 no-repeat; text-decoration: none; }
#left-column ul.button-like li a:hover { text-decoration: underline; }


/* left menu */
#left-menu { padding: 15px 0 10px; margin-bottom: 10px; font-size: 0.95em; }
#left-menu ul { list-style: none; }
#left-menu ul li { padding-bottom: 2px; position: relative; letter-spacing: -1px; }
#left-menu ul li em { color: #8c8c86; font-size: 0.85em; font-style: normal; position: absolute; top: 0; right: 8px; padding-top: 4px; }
#left-menu ul li a { display: block; width: 190px; padding: 4px 15px 4px 10px; text-transform: uppercase; font-weight: bold; color: #60605c; text-decoration: none; }
#left-menu ul li.active a,
#left-menu ul li a:hover { color: #111; background-color: #fffcdf; }
#left-menu ul li.special a { color: #888; }
#left-menu ul li.special a:hover { color: #111; }

/* blocks */
#left-column .block,
#right-column .block { width: 192px; padding: 10px 13px 20px 10px; background-color: #fff; }
#left-column .block h3,
#right-column .block h3 { font-size: 1em; color: #af111d; text-transform: uppercase; padding-bottom: 5px; }

/* quick links */
#left-column .quick-links p a { text-decoration: none; }
#left-column .quick-links p a:hover { text-decoration: underline; }

/* box */
#left-column .block-box { width: 180px; margin: 26px auto 20px auto; }
#left-column .block-box .box { float: none; width: 180px; height: 163px; margin-bottom: 15px; background: #f9f9f9 url(img/box-column-bg.png) center bottom no-repeat; }
#left-column .block-box .box h3 { height: 26px; line-height: 26px; text-align: left; text-transform: uppercase; font-size: 1em; padding: 0 0 0 5px; overflow: hidden; background-color: #606060; color: #fff; }
#left-column .block-box .box h3 a { color: #fff; text-decoration: none; }
#left-column .block-box .box h3 a:hover { text-decoration: underline; }
#left-column .box img { display: block; }
#left-column .box p { height: 26px; overflow: hidden; margin: 0; padding: 1px 3px 0; font-size: 0.72em; color: #333; }


/*****************************

	right column

******************************/
#right-column a { text-decoration: none; color: #696965; }
#right-column a:hover { text-decoration: underline; }
#right-column ul.button-like { list-style: none; font-size: 0.93em; }
#right-column ul.button-like li { padding-bottom: 5px; }
#right-column ul.button-like li a { display: block; width: 176px; height: 23px; padding: 0 8px; line-height: 23px; background: #f9f9f9 url(img/a-button-like-bg.png) 0 0 no-repeat; text-decoration: none; }
#right-column ul.button-like li a:hover { text-decoration: underline; }

/* gift package */
#right-column .gift-package { padding: 15px 14px 10px; font-size: 0.93em; background-color: #fff; }
#right-column .gift-package h3 { font-size: 1.3em; color: #af111d; text-transform: uppercase; padding: 15px 0 5px; }
#right-column .gift-package h3 a { color: #af111d; }
#right-column .gift-package ul { list-style: none; margin: 15px 0 5px; }
#right-column .gift-package ul li { padding: 0 0 5px 14px; background: url(img/li-doube-arrow-bg.png) 0 3px no-repeat; line-height: 1.2em; }

/* related */
#right-column .related { padding: 10px 14px; }
#right-column .related h3 { font-size: 1em; text-transform: uppercase; padding-bottom: 5px; }
#right-column .related ul { list-style: none; width: 180px; }
#right-column .related ul li { padding: 0 0 8px 0; clear: left; }
#right-column .related h4 { font-size: 1em; padding: 3px 0; }
#right-column .related p { text-align: right; font-size: 0.93em; }
#right-column .related p em { float: left; text-align: left; font-style: normal; }


/******************************

	content

******************************/
/* common */
#visual { width: 546px; margin: 0 -20px; position: relative; text-align: center; }
#visual img { display: block; margin: auto; }
#content h1 { font-size: 1.25em; color: #af111d; padding-top: 20px; margin-bottom: 15px; text-transform: uppercase; }
#content.detail h1 { padding-left: 15px; text-transform: uppercase; }
#content h2 { font-size: 1.2em; color: #af111d; margin: 20px 0 10px; }
#content p { margin: 5px 0 10px; font-size: 0.96em; line-height: 1.3em; }
#content.detail p { text-align: justify; }
#content h2 a { text-decoration: none; color: #af111d; }
#content h2 a:hover { text-decoration: underline; }
#content h3 a { text-decoration: none; color: #af111d; }
#content h3 a:hover { text-decoration: underline; }
#content ul { margin: 10px 10px 10px 17px; }
#content ul li { padding: 0 0 3px 0; }
#content.left-indent { padding-top: 0; margin-top: 20px; }
#content.left-indent h2 { font-size: 1.2em; color: #af111d; padding: 12px 0 10px 55px; margin: 15px 0 0; text-transform: uppercase; }
#content.left-indent p { margin-left: 55px; }

#tipy #content h1,
#vyuziti #content h1,
#faq #content h1 { color: #494947; font-size: 1.6em; }

/* box */
#box { margin: 20px 0; overflow: auto; }
#box .box { float: left; overflow: hidden; }
#box .box h3 { color: #fff; background-color: #ad1822; text-align: center; margin: 0; }
#box .box h3 a { color: #fff; display: block; }
#box .box:hover h3 a,
#box .box h3 a:hover { color: #ffd40f; }
#box .box img { display: block; }
#box .box.last { margin-right: 0 !important; }
#box.col-2 { margin:20px 75px;; }
#box.col-2 .box { width: 170px; height: 138px; margin:7px 15px 8px 0; }
#box.col-2 .box h3 { line-height: 34px; font-size: 1.05em; overflow: hidden; }
#box.col-4 .box { width: 122px; height: 142px; margin: 3px 6px 7px 0; background: #f9f9f9 url(img/box-col-4-bg.png) center bottom no-repeat;  }
#box.col-4 .box h3 { height: 26px; padding: 2px 3px 0; font-size: 0.75em; overflow: hidden; }
#box.col-4 .box p { height: 17px; margin: 0; padding: 3px 4px 0px; font-size: 0.72em; text-align: right; letter-spacing: -1px; }
#box.col-4 .box p .place { float: left; text-align: left; }
#box.credit-cards { margin: 60px 0 0; }
#box.credit-cards .box { width: 244px; height: 112px; background: url(img/box-credit-cards-bg.png) 0 0 no-repeat; margin-right: 16px; }
#box.credit-cards .box img { float: left; margin: 30px 10px 0 15px; }
#box.credit-cards .box p { font-size: 0.9em; padding: 10px 10px 5px 100px; }

/* homepage */
#hp #visual { width: 763px; height: 290px; border-bottom: 2px solid #fdcb00; }
#hp #content h1 { text-transform: none; }
#hp .box { width: 170px; height: 138px; margin: 7px 15px 8px 0; }
#hp .box h3 { font-size: 1.05em; line-height: 34px; }
#hp .box.wide { width: 350px; margin-right: 0; background: #f9f9f9 url(img/box-wide-hp-bg.png) right bottom no-repeat; }
#hp .box.wide h3 { text-align: left; padding-left: 15px; }
#hp .box.wide img { float: left; margin: 0; }
#hp .box.wide p { margin: 0; padding: 15px 10px 5px 185px; font-size: 0.9em; color: #1a171b; }

/* jak na to */
h2#vyber { background: url(img/jak-na-to-ico-vyber.png) left 1px no-repeat; }
h2#registrace { background: url(img/jak-na-to-ico-registrace.png) left 1px no-repeat; }
h2#objednavka { background: url(img/jak-na-to-ico-objednavka.png) left 1px no-repeat; }
h2#darek { background: url(img/jak-na-to-ico-darek.png) left 1px no-repeat; }

/* zazitek - detail */
#content.detail h2 { font-size: 1em; margin: 18px 0 5px; }
.table-bg-repeat { background: #f9f9f9 url(img/table-bg-repeat.png) left top repeat-y; }
.table-bg-top { background: url(img/table-bg-top.png) left top no-repeat; }
.table-bg-bottom { background: url(img/table-bg-bottom.png) left bottom no-repeat; padding-bottom: 10px; width: 506px; }
.exp-terms { width: 506px; border-collapse: collapse; }
.exp-terms tr:hover td { background-color: #fdcb00; }
.exp-terms th.buy { width: 90px; }
.exp-terms th.more { width: 80px; }
.exp-terms .left-pad { padding-left: 15px; }
.exp-terms .right-pad { padding-right: 15px; }
.exp-terms th,
.exp-terms td { padding: 4px; }
.exp-terms th { color: #af111d; border-collapse: collapse; padding-top: 10px; }
.exp-terms td { border-collapse: collapse; }
.exp-terms a.button { display: block; width: 82px; height: 23px; background: #af111d url(img/form-button-bg.png) 0 0 no-repeat; text-align: center; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 23px; text-decoration: none; }
.exp-terms a.button:hover,
.exp-terms tr:hover .button { color: #fdcb00; }
.exp-terms a.more { font-size: 0.8em; }

#points { width: 476px; height: 35px; margin: 10px 0; padding: 5px 15px 0; background: #f9f9f9 url(img/block-points-bg.png) 0 0 no-repeat; }
#points p { padding-bottom: 5px; }
#points strong { color: #af111d; }
#points big { font-weight: bold; font-size: 1.75em; margin: 0 5px; }
#points-count { float: left; }
#loyalty-points { float: right; }

#content .gallery img { margin: 7px 15px 8px 0; }
#content .gallery img.last { margin-right: 0; }

#content .comments h4 { font-size: 1em; margin: 12px 0 3px; }
#content .comments h4 em { font-weight: normal; font-style: normal; }

/* odeslnani objednavky */
#content p.step { float: right; margin: -32px 15px 0 0; color: #222; font-size: 1.1em; }
#content p.step em { font-style: normal; }

#order-summary { list-style: none; margin: 10px 0 25px !important; }
#order-summary li { padding: 4px 8px 3px !important; background: #f9f9f9 url(img/order-summary-bg.png) 0 0 no-repeat; border-bottom: 2px solid #fff; clear: left; overflow: auto; }
#order-summary li h4 { width: 160px; float: left; text-align: left; color: #af111d; font-size: 1em; line-height: 1.3em; }
#order-summary li p { width: 320px; display: inline-block; margin: 0; float: left; line-height: 1.3em; }
#order-summary li.last { height: 130px; overflow: hidden; }

/* faq - caste dotazy */
#faq p.q { color: #333; }
#faq p.a { margin: 5px 0 15px; padding-bottom: 15px; border-bottom: 1px solid #fee57f; }

/* presmerovani */
#redir div { width: 250px; margin: 15% auto 0; border: 2px solid #fdcb00; padding: 20px 15px 5px; background-color: #fffbe8; }
#redir div h2 { font-size: 1.2em; margin: -20px -15px 15px; padding: 11px 15px 11px 45px; color: #fff; background: #af111d url(img/sun-bg-red.png) 5px 4px no-repeat; }
#redir div p { color: #111; margin: 20px 0 10px; }


/******************************

	business

******************************/
/* header */
/*
#business #header .account-links { padding-bottom: 0px; }
*/

/* menu */
/*
#business #menu ul li { float: left; padding-left: 38px; }
#business #menu ul li.first { padding-left: 0; }
*/

/* box */
/*
#business div.col-2 { width: 500px; margin: 20px auto; }
*/

/* content */
#business #content p { font-size: 1em; }

/* box */
#box.business .box { width: 170px; height: 136px; margin: 0 10px 10px 0; background-color: #f9f9f9; }
#box.business .box h3 { height: 26px; line-height: 26px; text-align: left; text-transform: uppercase; font-size: 1em; padding: 0 0 0 5px; overflow: hidden; background-color: #606060; color: #fff; }
#box.business .box h3 a { color: #fff !important; text-decoration: none; }
#box.business .box h3 a:hover { text-decoration: underline; }
#box.business .box img { display: block; }


/******************************

	tables

******************************/
table .big { font-size: 1.2em; color: #111; }
table.border { border-collapse: collapse; margin: 10px 0; width: 100%; }
table.border th, table.border td { border: 1px solid #4b4b48; padding: 4px 6px; }
table.border th { color: #af111d; }

.emboss-bg-repeat table { border-collapse: collapse; width: 506px; background: url(img/order-bg-top.png) center top no-repeat; margin: 0; }
.emboss-bg-repeat table th, .emboss-bg-repeat table td { padding: 4px 6px; background: none; }
.emboss-bg-repeat table th { color: #af111d; }
.emboss-bg-repeat { background: #f9f9f9 url(img/order-bg-repeat.png) 0 0 repeat-y; margin: 10px 0; }
.emboss-bg-bottom { background: url(img/table-bg-bottom.png) center bottom no-repeat; margin-bottom: 20px; }

#customer-info .order-table .input { width: auto; margin: 0; }
.order-table .input { border: 1px solid #ddd; vertical-align: middle; padding: 1px !important; background-color: #fff !important; }

/* kosik */
.ot-bg-repeat { background: url(img/order-bg-repeat.png) 0 0 repeat-y; margin-bottom: 5px; }
.ot-bg-top { background: url(img/order-bg-top.png) center top no-repeat; }
.ot-bg-bottom { background: url(img/order-bg-bottom.png) center bottom no-repeat; }
.ot-bg-bottom.delivery { background: url(img/order-delivery-bg-bottom.png) center bottom no-repeat; }

.order-table { width: 506px; border-collapse: collapse; }
.order-table .sum td { height: 34px; padding-top: 8px; color: #af111d; font-size: 1.2em; font-weight: bold; white-space:nowrap; }
.order-table .del td { height: auto; padding-top: 12px; color: #af111d; font-size: 1.2em; font-weight: bold; white-space:nowrap; }
.order-table th,
.order-table td { border-collapse: collapse; padding: 4px 6px 4px 2px; font-size: 0.9em; }
.order-table th { color: #af111d; white-space: nowrap; }
.order-table td img { margin: 3px 0; }
.order-table input { text-align: right; vertical-align: middle; }
.order-table .checkbox { margin: 0 0 0 3px; }


/******************************

	forms

******************************/
form fieldset { border: none; }
input,
textarea,
select { font: 1em Verdana, Geneva, sans-serif; }
form .button,
a.button { height: 23px; padding: 0 5px; background: #a70f1a url(img/form-button-bg.png) 0 0 repeat-x; border: none; cursor: pointer; font-weight: bold; text-transform: uppercase; color: #fff; }
a.button  { display: block; font-size: 12px; line-height: 23px; text-decoration: none; text-align: center; }


/* search form */
#header .search-form { float: right; clear: right; padding: 16px 18px 0 0; }
#header .search-form input { vertical-align: middle; }
#header .search-form .input { width: 150px; height: 18px; padding: 4px 4px 0; background: #fff url(img/search-form-input-bg.png) 0 0 no-repeat; border: none; }
#header .search-form .submit { width: 28px; color: #fff; background-color: #af111d; font-weight: bold; border: none; cursor: pointer; }

/* filter + newsletter + certificate application */
#left-column form,
#right-column form { text-align: right; }
#left-column select,
#right-column select { width: 192px; margin-bottom: 5px; }
#left-column .input,
#right-column .input,
.apply-form .input { width: 182px; height: 18px; padding: 5px 5px 0; background: #f9f9f9 url(img/input-bg.png) 0 0 no-repeat; border: none; margin-bottom: 5px; }

#left-column .newsletter-form { margin-left: -3px; }
#left-column .newsletter-form .input { text-align: center; }
#left-column .newsletter-form a { margin-right: 5px; }

/* certificate application - hp / vyuziti zazitku */
#hp .apply-wrapper { float: right; width: 230px; height: 130px; margin: -48px 0 0; }
#hp .apply-form { position: absolute; top: 433px; right: 0; }
.apply-form { background-color: #4c4c49; width: 190px; padding: 18px 20px; }
.apply-form.pass { background-color: #404e9b; }
.apply-form h3 { font-size: 1em; color: #fff; text-transform: uppercase; padding: 0 0 5px; }
.apply-form a { color: #eee !important; text-decoration: none; }
.apply-form a:hover { text-decoration: underline; }
.apply-form input { vertical-align: middle; margin: 3px 0 !important; }
.apply-form .input.code { width: 125px; float: left; }
.apply-form .button { width: 50px; float: right; }
.apply-form.pass .button { background-image: url(img/form-button-bg-blue.png); }
.apply-form .help { position: absolute; top: 5px; right: 5px; }
#vyuziti .apply-form { padding: 23px 26px; margin: 15px auto; }

/* order form */
#order-form {}
#order-form .button { height: 23px; padding: 0; background: #a70f1a url(img/form-button-bg.png) 0 0 repeat-x; border: none; cursor: pointer; font-weight: bold; text-transform: uppercase; color: #fff; }
#order-form .button.gray { background-image: url(img/form-button-bg-gray.png); background-color: #7e7676; }
#order-form .button.submit1 { width: 150px; }
#order-form .button.submit2 { width: 110px; }
#order-form .button.submit3 { width: 110px; }
#order-form .button.submit4 { width: 120px; margin-left: 4px; }

/* customer info */
#customer-info { margin: 20px 0; }
#customer-info h2 { font-size: 1.25em; text-transform: uppercase; margin: 20px 0 10px; }
#customer-info label { display: block; margin: 5px 6px 0 0; text-align: right; color: #af111d; }
#customer-info .input { border: 1px solid #ddd; width: 310px; vertical-align: middle; padding: 3px 2px; margin: 1px 0; }
#customer-info .check { vertical-align: middle; margin: 5px 0; }
#customer-info textarea { border: 1px solid #ddd; width: 330px; vertical-align: middle; padding: 3px 2px; margin: 1px 0; }
#customer-info select { margin: 1px 0; }
#customer-info label.inline { display: inline; }
#customer-info label a { color: #af111d; }
#customer-info table { width: 100%; }
#customer-info td { vertical-align: top; }

/* faq */
#faq-form { margin: 10px 0 15px; padding: 15px; background-color: #f9f9f9; border: 1px solid #ddd; }
#faq-form h2 { margin: 0 0 10px; color: #333; }
#faq-form label { color: #af111d; margin-right: 6px; display: block; width: 110px; }
#faq-form img.captcha { border: 1px solid #ddd; margin: 3px 0 0; }
#faq-form .input,
#faq-form textarea { border: 1px solid #ddd; width: 328px; vertical-align: middle; padding: 3px 2px; margin: 1px 0; }

/* common form */
form.form { margin: 10px 0 15px; padding: 15px; background-color: #f9f9f9; border: 1px solid #ddd; }
form.form table { width: 100%; }
form.form h2 { margin: 0 0 10px; color: #333; }
form.form label { color: #af111d; margin-right: 6px; display: block; }
form.form label.inline { display: inline; width: auto; }
form.form label a { color: #af111d; }
form.form img.captcha { border: 1px solid #ddd; margin: 3px 0 0; }
form .input, form textarea { border: 1px solid #ddd; width: 97%; vertical-align: middle; padding: 3px 2px; margin: 1px 0; }
form.form .input.inline { width: auto; }
form.form .check { vertical-align: middle; margin: 5px 0; }
form.form .double label { width: 210px; }
form.form .double .input, form.form .double textarea { width: 228px; }


/******************************

	footer

******************************/
#footer { height: 36px; padding: 18px 8px 0; background: #494946 url(img/footer-bg.png) 0 0 repeat-x; border-top: 2px solid #fdcb00; font-size: 0.8em; color: #fff; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { list-style: none; }
#footer ul li { float: left; padding: 3px 7px 0; }


/******************************

	...etc

******************************/
#banner-top { width: 980px; margin: 5px auto; }