@charset "utf-8";
/*

             Author:	David Kucbel
      Contact & MSN:	kucbeld centrum cz
      CSS Base ver.:	2.09  //  28. 12. 09

*/
/* * * Base & Clear * * */
html, body, p, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, form, fieldset, legend, input, textarea, button, blockquote, hr { margin: 0; padding: 0; }
html, textarea { overflow: auto; } /* ! IE7 page scroll bar hide ( need more testing ) */ 
table { border-spacing: 0; border-collapse: collapse; }
td, th { vertical-align: top; text-align: left; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ""; } 
abbr, acronym { cursor: help; font-style: normal; border-bottom: 1px dotted #000; }
pre, code { white-space: normal; word-wrap: normal; font-family: 'Courier New', Courier, monospace; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
ol ol { list-style: upper-alpha outside; }
ol ol ol { list-style: lower-roman outside; }
ol ol ol ol, ol { list-style: decimal outside; }
ul ul { list-style: circle outside; }
ul ul ul { list-style: square outside; }
ul ul ul ul, ul  { list-style: disc outside; }
sub, sup { line-height: 0; }
em, i, address, tfoot th, tfoot td { font-style: italic; }
strong, b, th, dt, legend, optgroup, label { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, button, label { cursor: pointer; }
a, a:focus, a:active, input, input:focus, input:active, button, button:focus, button:active { outline: 0 none; } /* ! IE6 Still makes outline on focused input/button elements */
fieldset, iframe, img { border: 0 none; }
form, textarea, blockquote { display: block; }
legend, hr { display: none; }
del, s { text-decoration: line-through; }
img { -ms-interpolation-mode: bicubic; } 


/* * * Some classes * * */
span.ir { position: absolute; top: 0; left: 0; display: block; font-size: 0; line-height: 0; z-index: 5; height: 100%; }
div.clear { clear: both; height: 1px; font-size: 0; line-height: 0; margin: 0 0 -1px 0; }
.left { float: left; }
.right { float: right; }
.hidden, .nocss { display: none; }
.clr { clear: both; }
.alc { text-align: center; }
.alr { text-align: right; }
.all { text-align: left; }


/* * * Web Default * * */
body, input, textarea, select, button, td ,th, h1, h2, h3, h4, h5, h6 { color: #000; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
body { text-align: center; background: url('orig-body-bg.gif') repeat-y 50% 0 #939598; }

h1, h2 ,h3, h4, h5, h6, p, table, ol, ul, dl, hr, fieldset, blockquote { margin: 0 0 16px 0; }

h1, h2, h3, h4 { line-height: 1.2 }

h1 { font-size: 19px; color: #777; border-bottom: 1px solid #eee; }
h1 { font-size: 25px; font-weight: normal; letter-spacing: -1px; line-height: 1.26; font-family: Tahoma, sans-serif; margin: 0 0 30px 0; } /* h1 v2 */
h1 span.org { color: #f80; }
h1 small { font-size: 13px; letter-spacing: 0; color: #777; }
h2 { font-size: 13px; color: #333; }
h3 { font-size: 13px; color: #f80; }
h4 { font-size: 13px; color: #800; }

a { color: #f80; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited {  }

input, textarea, select, button { font-size: 13px; line-height: 1.2; } /* IE6 lh 1.1 */
button { font-weight: bold; }

abbr, acronym { color: #f80; border-color: #f80; } 
del { color: #888;  text-decoration: line-through; }

big { font-size: 15px; }
sub, sup, small { font-size: 11px; color: #333; } /* ! IE7: sub/p smaller font then def. */

img {  } 
img.left { margin: 0 20px 15px 0; }
img.right { margin: 0 0 15px 20px; }

ul, ol { padding: 0 0 0 30px; }
ul li, ol li { margin: 0 0 4px 0; }
ul ul, ol ol { margin: 0; } 

label, th { font-weight: normal; }

table { width: 100%; }
table td,
table th { border: 1px solid #800; vertical-align: middle; padding: 5px 10px; vertical-align: top; }
table thead td,
table thead th { font-weight: bold; font-size: 13px; background: #800; color: #fff; }
table thead td a,
table thead th a { color: #fff; }


/* * * General classes * * */
p.msg-err, p.msg-ok, p.msg-nfo { font-size: 15px; line-height: 20px; border: 1px solid #ddd; padding: 5px 10px; margin: 30px 0; background: #f8f8f8; } 
#content p.msg-err, #content p.msg-err em { color: #d00; }
#content p.msg-ok, #content p.msg-ok em { color: #090; }
#content p.msg-nfo, #content p.msg-nfo em { color: #00d; }

dl.table-mk1 { overflow: hidden; }
dl.table-mk1 dt { float: left; clear: left; width: 120px; margin: 0 0 15px 0; font-weight: normal; }
dl.table-mk1 dt label { display: block; padding: 3px 0; } 
dl.table-mk1 dd { margin: 0 0 15px 120px; }
dl.table-mk1 dd input { border: 1px solid #000; border-color: #888 #ccc #eee #ccc; padding: 2px; line-height: 1.2; }
dl.table-mk1 dd textarea { border: 1px solid #000; border-color: #888 #ccc #eee #ccc; padding: 2px; }
dl.table-mk1 dd em { color: #d00; }

dd.radios-mk1 p { margin: 0 0 10px 0; }
dd.radios-mk1 input { vertical-align: middle; margin: 0 5px 0 0; }

/* * * Implemented and recoded from original page * * */
div.wrap { width: 1084px; margin: 0 auto; text-align: left; }

div.orig-head { height: 278px; position: relative; background: url('orig-head-bg.jpg') 0 0 no-repeat; }
div.orig-head p.logo { margin: 0; position: absolute; left: 46px; top: 12px; width: 195px; height: 70px; }
div.orig-head p.logo a,
div.orig-head p.logo img { display: block; }
div.orig-head ul { margin: 0; padding: 0; overflow: hidden; height: 26px; line-height: 26px; font-weight: bold; font-size: 11px; list-style: none outside; position: absolute; right: 93px; top: 40px; }
div.orig-head ul li { float: left; height: 26px; }
div.orig-head ul li a { float: left; padding: 0 7px; height: 26px; text-transform: uppercase; text-decoration: none; color: #fff; }
div.orig-head ul li a:hover { color: #f80; }
div.orig-head p.bread { line-height: 36px; position: absolute; left: 70px; bottom: 0; margin: 0; color: #fff; font-size: 13px; }
div.orig-head p.bread a { color: #fff; }
div.orig-head p.langs { line-height: 18px; height: 18px; position: absolute; right: 70px; bottom: 8px; margin: 0; }
div.orig-head p.langs a { float: right; width: 25px; height: 18px; margin: 0 0 0 5px; }

div.orig-offset { padding: 15px 62px 1px 58px; } /* l side 47 + 15, r side 43 + 15 */

div.orig-foot { clear: both; color: #999; font-size: 11px; text-align: center; overflow: hidden; padding: 0 47px 30px 43px; background: url('orig-foot-bg.gif') no-repeat 0 100%; }
div.orig-foot p { margin: 16px 0; }


/* * * Layout * * */
ul#menu { overflow: hidden; height: 26px; line-height: 26px; font-size: 11px; font-weight: bold; margin: 0 0 15px 0; background: #000; padding: 0 10px; list-style: none outside; }
ul#menu li { float: left; height: 26px; color: #fff; margin: 0; }
ul#menu li a { display: block; float: left; padding: 0 10px; color: #fff; height: 26px; text-transform: uppercase; text-decoration: none; }
ul#menu li a.active,
ul#menu li a:hover { color: #f80; }

div#content { float: left; width: 700px; }
div#sidebar { margin: 0 0 0 724px; width: 240px; padding: 0 0 1px 0; }

div#recaptcha_widget_div { clear: both; }

p.separ { font-size: 0; line-height: 0; height: 2px; background: #eee; margin: 30px 0; }
p.error { color: #d00; padding: 5px 10px; border: 1px solid #eee; background: #f8f8f8; }


/* * * Buttons * * */
button.sub-mk1 { padding: 0; border: 0 none; background: #fff; color: #fff; }
button.sub-mk1 span { display: block; width: 100%; line-height: 22px; border: 1px solid #888; background: url('button-bg.png') repeat-x 50% 50%; }


/* SideBar */
div.user { background: #ccc; border: 1px solid #aaa; padding: 12px; position: relative; }
div.user h2 { font-size: 16px; color: #000; }
div.user p.reg { position: absolute; right: 12px; top: 12px; color: #800; margin: 0; }
div.user p.reg a { color: #800; }
div.user fieldset { margin: 0; }
div.user p { margin: 0 0 4px 0; }
div.user p strong.red,
div.user p strong.red a { color: #800; } 
div.user form p { margin: 0 0 8px 0; position: relative; }
div.user form p input { border: 1px solid #000; border-color: #888 #ccc #eee #ccc; padding: 2px; width: 130px; margin: 2px 0 0 0; }
div.user form p button { width: 72px; margin: 0 0 0 4px; background: #ccc; position: absolute; right: 0; bottom: 0; }
div.user form p button span { line-height: 20px; }
div.user form p small { display: block; line-height: 15px; color: #444; }
div.user form p big { display: block; line-height: 1.3; }

ul.user-nav { background: #ccc; list-style: none outside; font-size: 13px; margin: 0; padding: 0; }
ul.user-nav li { display: block; margin: 0; }
ul.user-nav li a { display: block; border-top: 2px solid #fff; padding: 5px 15px; line-height: 16px; text-decoration: none; color: #000; }
ul.user-nav li a.active,
ul.user-nav li a:hover { background: #000; color: #fff; }

div.friends { margin: 12px 0 0 0; border: 1px solid #ddd; overflow: hidden; }
div.friends h2 { font-size: 16px; padding: 5px 15px; color: #fff; background: #800; margin: 0; }
div.friends div.offset { margin: 10px; }
div.friends table { margin: 0; }
div.friends table td { text-align: center; vertical-align: middle; border: 0 none; border-bottom: 1px dotted #ddd; padding: 8px 0; }
div.friends table td.full { padding: 0; }
div.friends table td.full img { display: block; }
div.friends table td.brd { border-right: 1px dotted #ddd; }
div.friends table tr.last td { border-bottom: 0 none; }


/* Specific page styles */
div.faq h2 { margin: 0 0 5px 0; } /* color: #f58220;  */
div.faq p { margin: 0 0 22px 10px; }

div.contact h2 { margin: 30px 0 8px 0; }
div.contact p.right { margin: 30px 60px 20px 20px; }
div.contact form.mail { margin: 30px 0 0 0; }
div.contact form.mail label { float: left; width: 120px; padding: 3px 0; }
div.contact form.mail input { border: 1px solid #000; border-color: #888 #ccc #eee #ccc; padding: 2px; } 
div.contact form.mail textarea { border: 1px solid #000; border-color: #888 #ccc #eee #ccc; padding: 2px; }
div.contact form.mail button { width: 80px; }
div.contact form.mail em { color: #d00; }

div.login h2 { margin: 30px 0 8px 0; }
div.login form.login-info { margin: 0 0 30px 0; padding: 0 30px; }
div.login form.login-info p { margin: 0 0 8px 0; }
div.login form.login-info p.msg-err { margin: 16px 0; } 
div.login form.login-info label { float: left; width: 100px; padding: 3px 0; }
div.login form.login-info input { border: 1px solid #000; border-color: #888 #ccc #eee #ccc; padding: 2px; }
div.login form.login-info button { width: 80px; margin: 0 0 0 100px; }

div.rewards h2 { color: #000; }
div.rewards ul.reward-list { list-style: none outside; padding: 0; }
div.rewards ul.reward-list li { overflow: hidden; margin: 0 0 20px 0; border-bottom: 1px solid #eee; }
div.rewards ul.reward-list img { border: 2px solid #eee; padding: 1px; }
div.rewards ul.reward-list p.left { margin: 0 0 20px 0; }
div.rewards ul.reward-list h2,
div.rewards ul.reward-list p { margin: 0 0 15px 100px; }
div.rewards ul.reward-list h2 span.red,
div.rewards ul.reward-list p strong { color: #800; }
div.rewards ul.reward-list p.price span.nope,
div.rewards ul.reward-list p.price span.buy { text-transform: uppercase; }

div.registration small { display: block; line-height: 15px; }
div.registration em { color: #d00; }
div.registration button { width: 90px; }
div.registration form.reg table { border: 1px solid #ddd; background: #f8f8f8; margin: 0 0 30px 0; }
div.registration form.reg table th { color: #fff; background: #800; border-color: #ddd; font-weight: bold; font-size: 15px; padding: 4px 10px; }
div.registration form.reg table td { border: 0 none; }
div.registration form.reg table td label { padding: 3px 0; display: block; }
div.registration form.reg table td.radios label { float: left; width: 90px; padding: 0; }
div.registration form.reg table td.radios input { padding: 0; margin: 0 5px 0 0; border: 0 none; vertical-align: middle; }
div.registration form.reg table td.radios em { float: left; width: 200px; }
div.registration form.reg table input { border: 1px solid #000; border-color: #888 #ccc #eee #ccc; padding: 2px; }
div.registration form.reg table select { border: 1px solid #000; border-color: #888 #ccc #eee #ccc; }
div.registration form.reg table p { margin: 0 0 2px 0; }
div.registration form.reg table ul.inter { overflow: hidden; margin: 4px 0; padding: 0; list-style: none; }
div.registration form.reg table ul.inter li { float: left; width: 33%; margin: 0 0 4px 0; }
div.registration form.reg table ul.inter li input { padding: 0; margin: 0 5px 0 0; border: 0 none; vertical-align: middle; }
div.registration form.reg table ul.inter li label { margin: 0 20px 0 0; }
div.registration p.agree { overflow: hidden; }
div.registration p.agree label { float: left; width: 60px; }
div.registration p.agree em { float: left; width: 400px; }
div.registration p.agree label input { vertical-align: middle; margin: 0 5px 0 0; padding: 0; border: 0 none; }

div.msgs table tbody td p { margin: 10px 0; }

div.my-points table thead th { white-space: nowrap; }
div.my-points table tbody td { vertical-align: middle; }

div.calendar { width: 300px; }
div.restaurants { width: 400px; }

table.cal td,
table.cal th { border: 1px solid #fff; text-align: center; padding: 0; vertical-align: middle; }
table.cal td { background: #ccc; font-size: 15px; }
table.cal th { background: #000; color: #fff; height: 30px; }
table.cal td a { display: block; font-weight: bold; height: 30px; line-height: 30px; text-decoration: none; color: #000; }
table.cal td a:hover { background: #800; color: #fff; }
table.cal td.wknd { background: #DFD0B5; }
table.cal td.tday { background: #FFB93F; }

table.nav { margin: 0 0 8px 0; }
table.nav td { border: 0 none; padding: 5px 0; }
table.nav a { color: #800; }

table.rest {  }
table.rest td,
table.rest th { text-align: center; border: 0 none; padding: 5px 0; vertical-align: middle; }
table.rest th.all { text-align: left; padding: 5px 10px; }
table.rest th { background: #000; border-bottom: 5px solid #fff; }
table.rest td p { text-align: left; color: #fff; height: 30px; line-height: 30px; padding: 0 10px; margin: 0; background: url('reserve-bg.gif') no-repeat 0 0; }
table.rest tfoot td { padding: 10px 0 0 0; text-align: left; font-style: normal; font-weight: bold; }
table.rest tfoot td img { vertical-align: bottom; margin: 0 15px 0 0; }

form.reserve-summ button { width: 180px; margin: 0 0 0 120px; }
form.help-new button { width: 80px; }

form.help-list { position: relative; top: -6px; }
form.help-list p { margin: 0; }
form.help-list button { width: 120px; }

form.help-reply button { width: 80px; }

div.reward-detail small { display: block; line-height: 15px; color: #555; }
div.reward-detail big { display: block; }
div.reward-detail big strong { color: #800; }
div.reward-detail form.order button { width: 80px; }