/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif;	color: #000000; font-size: 12px;	line-height: 18px;
	background: none; 
}

address { font-style: normal; }


/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #C2221F; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.exsmall { font-size: 9px; }
.grey { color: #CCCCCC; }

img { border: none; }
a img { border: none; }
a { outline: none !important; }

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

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

/***************/
/* 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 */
/************************/
h1 { font-size: 32px; color: #C2221F; line-height: 40px; letter-spacing: -2px; font-weight: bold; padding-top: 5px; padding-bottom: 10px; text-transform: lowercase; }
h2 { font-size: 18px; color: #1F307C; line-height: 20px; letter-spacing: -1px; font-weight: bold; padding-top: 1em; padding-bottom: 10px; }
h3 { font-size: 12px; color: #1F307C; font-weight: bold; }
p { padding: 0px 0px 1em 0px; }
a { color: #1F307C; text-decoration: underline; }
a:hover { color: #C2221F; }
ul, ol { padding-bottom: 1.2em; }
ol { padding-left: 2em; }
ul { padding-left: 2em; }
ol li { padding-bottom: 0.5em; }
ol li li { padding-bottom: 0px; }
ol ol,
ol ul,
ul ul,
ul ol { padding-bottom: 0px; }

ol.type-a { list-style-type: lower-alpha; }


form { overflow: visible; }
fieldset { border: none; overflow: visible; }
textarea, .input { border: 1px solid #D0CCE3; padding: 6px 5px 7px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
button { border: none; padding: 0px; margin: 0px; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }

/**********/
/* BUTTON */
/**********/
.button { font-weight: bold; text-decoration: none; cursor: pointer; color: #FFFFFF; line-height: 18px; }
.button:hover { color: #FFFFFF; }
.button span { background: #C2221F url(/images/button-sprite.png) no-repeat left top; padding-left: 4px; display: -moz-inline-block; display: inline-block; height: 30px; line-height: 30px; }
.button span span { background-position: right bottom; padding: 0px 14px 0px 10px; display: -moz-inline-block; display: inline-block; white-space: nowrap; }

.button2 { font-weight: bold; text-decoration: none; cursor: pointer; color: #FFFFFF; line-height: 18px; }
.button2:hover { color: #FFFFFF; }
.button2 span { background: #C2221F url(/images/button-sprite.png) no-repeat left top; padding-left: 4px; display: -moz-inline-block; display: inline-block; height: 30px; line-height: 30px; }
.button2 span span { background-position: right bottom; padding: 0px 14px 0px 10px; display: -moz-inline-block; display: inline-block; white-space: nowrap; }
/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
html, body { height: 100%; min-height: 100%; }
body { text-align: center; background: #CED5F2 url(/images/body-bg.png) repeat-x left top; text-align: center; }

#page-wrapper { width: 960px; margin: 0px auto; position: relative; text-align: left; min-height: 100%; }

#body-wrapper { background: url(/images/body-border-bottom.png) no-repeat left bottom; width: 960px; padding: 0px 0px 4px 0px; }
#body { background: #FFFFFF url(/images/body-border-top.png) no-repeat left top; padding: 68px 10px 10px 10px; width: 940px; }

#main-content { min-height: 300px; padding: 0px 20px 10px 20px; position: relative; }

/* TWO COLUMNS */
#column-wrapper {}
#column-wrapper #main-content { float: left; margin-right: 40px; width: 645px; padding: 0px 0px 10px 20px; }
#column-wrapper #right-column { width: 225px; float: left; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 70px; }

/********/
/* LOGO */
/********/
#logo,
#logo * { display: block; width: 225px; height: 44px; overflow: hidden; }
#logo { position: absolute; top: 13px; left: 10px; }

#logo-klub { width: 288px; height: 44px; position: absolute; top: 13px; right: 10px; overflow: hidden; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { padding: 15px 0px; font-size: 11px; color: #1F307C; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#links { float: right; padding: 0px 19px 0px 0px; } 
#copyright { padding: 0px 0px 0px 19px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { display: block; width: 940px; height: 40px; background: #CED5F2 url(/images/menu-bg.png) no-repeat left top; margin: 0px; padding: 0px; position: absolute; top: 80px; left: 10px; overflow: hidden; }
#menu li { list-style: none; padding: 0px 2px 0px 0px; margin: 0px; height: 40px; float: left; background: url(/images/menu-separator.png) no-repeat right center; }
#menu a { display: block; float: left; height: 40px; line-height: 42px; padding-left: 10px; text-decoration: none; }
#menu .active a { background: url(/images/menu-active.png) no-repeat center 33px; font-weight: bold; }
#menu a:hover span { text-decoration: underline; color: #1F307C; }
#menu span { padding: 3px 0px 3px 21px; background-position: left center; background-repeat: no-repeat; }

/* CUSTOM SPECS */
#menu #menu-dotazy { padding-right: 195px; background: none; }
#menu #menu-registrace { padding: 0px; background: none; }
#menu #menu-prihlaseni { padding-right: 0px; padding-left: 2px; background-position: left center; }

#menu-homepage a { width: 58px; }
#menu-vyhody a { width: 101px; }
#menu-pravidla a { width: 106px; }
#menu-katalog a { width: 106px; }
#menu-dotazy a { width: 100px; }
#menu-registrace a { width: 93px; font-weight: bold; }
#menu-prihlaseni a { width: 87px; }

#menu-homepage span { background-image: url(/images/menu-homepage.png); }
#menu-vyhody span { background-image: url(/images/menu-vyhody.png); }
#menu-pravidla span { background-image: url(/images/menu-pravidla.png); }
#menu-katalog span { background-image: url(/images/menu-katalog.png); }
#menu-dotazy span { background-image: url(/images/menu-dotazy.png); }
#menu-registrace span { background-image: url(/images/menu-registrace.png); }
#menu-prihlaseni span { background-image: url(/images/menu-prihlaseni.png); }

/*************/
/* MENU CLUB */
/*************/
#menu-club { padding: 0px; margin: 0px; width: 409px; height: 40px; overflow: hidden; background: #C2221F url(/images/menu-club-bg.png) no-repeat right top; position: absolute; top: 80px; right: 10px; }
#menu-club li { list-style: none; padding: 0px 2px 0px 0px; margin: 0px; height: 40px; float: left; background: url(/images/menu-separator-red.png) no-repeat right center; }
#menu-club a { display: block; float: left; height: 40px; line-height: 42px; padding-left: 10px; padding-right: 10px; text-decoration: none; color: #FFFFFF; }
#menu-club .active a { background: url(/images/menu-club-active.png) no-repeat center 33px; }
#menu-club a:hover span { text-decoration: underline; color: #FFFFFF; }
#menu-club span { padding: 3px 0px 3px 21px; background-position: left center; background-repeat: no-repeat; }

/* CUSTOM SPECS */
#menu-club #menu-odhlaseni { padding-right: 0px; background: none; }

#menu-profil span { background-image: url(/images/menu-profil.png); }
#menu-nakupy span { background-image: url(/images/menu-nakupy.png); }
#menu-darky span { background-image: url(/images/menu-darky.png); }
#menu-odhlaseni span { background-image: url(/images/menu-odhlaseni.png); }


/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column {}

#right-column h2 { text-indent: 0px; }

/*********/
/* BLOCK */
/*********/
.block { border: 1px solid #CED5F2; margin-bottom: 20px; color: #1F307C; }
.block h2 { background-color: #F3F5FC; padding: 7px 18px; position: relative; }
.block h2 span { position: absolute; right: 10px; }
.block h2 a { text-decoration: none; }
.block h2 a:hover,
.block.hover h2 a { text-decoration: underline; color: #1F307C; }
.block .content { border-top: 1px solid #CED5F2; padding: 8px; }

/***************/
/* BLOCK LOGIN */
/***************/
#block-login {}
#block-login .content { padding: 8px 18px; }

#form-login { color: #110070; }
#form-login label { display: block; padding-bottom: 5px; }
#form-login p { padding: 0px 0px 8px 0px; }
#form-login .input { color: #110070; width: 138px; }
#form-login button { margin-top: 5px; margin-bottom: 2px; }

#main-content #form-login { margin: 0px  auto; padding: 14px 10px 4px 10px; width: 280px; background:#F3F5FC; text-align: center;  }
#main-content #form-login label { float: left; width: 120px; height: 30px; line-height: 30px; text-align: left;}
#main-content #form-login button { margin: 5px 0px 2px 0px; }
#main-content #form-login p.note { font-size: 11px; text-align: left; font-weight: normal; }

/*****************/
/* BLOCK ACCOUNT */
/*****************/
#block-account {}
#block-account .content { padding-top: 10px; padding-left: 10px; padding-bottom: 5px; }
#block-account td,
#block-account th { padding: 0px 5px 10px 0px; }
#block-account td { font-weight: bold; line-height: 20px; vertical-align: text-bottom; }
#block-account td strong { font-size: 18px; letter-spacing: -1px; }
#block-account th { font-size: 12px; font-weight: normal; text-align: left; line-height: 20px; vertical-align: text-bottom; }

/*******************/
/* BLOCK USER INFO */
/*******************/
#block-user-info { border: none; margin-bottom: 10px; }
#block-user-info .content { padding-top: 0px; padding-left: 20px; padding-bottom: 0px; border-top: none; }
#block-user-info td,
#block-user-info th { padding: 0px 5px 0px 0px; }
#block-user-info td { font-weight: bold; line-height: 20px; vertical-align: text-bottom; }
#block-user-info td strong { font-size: 16px; letter-spacing: -1px; }
#block-user-info th { font-size: 12px; font-weight: normal; text-align: right; line-height: 20px; vertical-align: text-bottom; }

#main-content #block-user-info { float: right; margin-bottom: -10px; margin-top: -4px; }

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content {}

.intro { font-size: 16px; line-height: 24px; }

.sum { font-size: 16px; font-weight: bold; color: #1F307C; float: right; position: relative; top: 21px; left: -30px; }

img.border { border: 1px solid #CED5F2; }

/*******/
/* FAQ */
/*******/
.faq {}
.faq dt { font-weight: bold; padding-bottom: 3px; }
.faq dd { padding-bottom: 5px; }

/*********/
/* BOXES */
/*********/
.boxes { background: url(/images/box-3-bg.png) no-repeat left bottom; margin: 20px 0px; }
.boxes h2 { position: relative; padding: 0px 0px 6px 0px; margin: 0px; width: 100%; text-indent: 0px; }
.boxes h2 span { position: absolute; right: 0px; }
.boxes h2 a { text-decoration: none; }
.boxes h2 a:hover span { color: #C2221F; }
.boxes .box { border-top: 1px solid #CED5F2; width: 174px; padding: 10px 13px 0px 13px; margin-right: 20px; float: left; }
.boxes .box.last { margin-right: 0px; }
.boxes .box.hover h2 a,
.boxes .box.hover h2 span  { color: #C2221F; }

/************/
/* NEWSLIST */
/************/
.news-list { padding-right: 80px; }
.news-list img { border: 1px solid #CED5F2; float: left; margin-top: 1px; }
.news-list h3 { padding: 0px 0px 4px 97px; }
.news-list h3 a { padding-right: 5px; }
.news-list p { padding-left: 97px;  }
.news-list .date { font-size: 11px; color: #999999; font-weight: normal; white-space: nowrap; }

/********************/
/* OL - BIG NUMBERS */
/********************/
ol h2 { text-indent: 0px; padding-top: 13px; padding-bottom: 8px; }
ol.big-numbers { font-size: 18px; color: #1F307C; font-weight: bold; }
ol.big-numbers li { padding-bottom: 0px; padding-left: 15px; }
ol.big-numbers p,
ol.big-numbers ol,
ol.big-numbers ul,
ol.big-numbers blockquote { font-size: 12px; color: #000000; font-weight: normal; }

/************/
/* FORM REG */
/************/
#form-reg {}
#form-reg button { vertical-align: middle; margin: 20px 0px 0px 0px; }
#form-reg .input { width: 136px; }
#form-reg th label { line-height: 30px; }
#form-reg .special label { line-height: 24px; padding-right: 30px; }
#form-reg .checkbox { margin-right: 5px; }
#form-reg fieldset.last { padding-top: 10px; }

/* PARTIAL FORM */
#form-reg.partial {}
#form-reg.partial th { line-height: 20px; }
#form-reg.partial strong { line-height: 20px; }

/* LAYOUT */
#form-reg table {}
#form-reg th,
#form-reg td { vertical-align: top; padding-bottom: 7px; }
#form-reg th { font-weight: normal; text-align: left; width: 80px; white-space: nowrap; padding-right: 10px; }
#form-reg #profile th { width: 90px; }
#form-reg .col { width: 220px; }
#form-reg .special { padding-top: 3px; }
#form-reg .col.special { padding-right: 40px; }
#form-reg p { padding-top: 1.5em; }

/* BUTTONS */
#form-reg .button.reset span { background-image: url(/images/button-sprite-violet.png); background-color: #CED5F2; color: #1F307C; font-weight: normal; height: 38px; line-height: 38px; }
#form-reg .button.reg { margin-right: 10px; }
#form-reg .button.reg span { background-image: url(/images/button-reg.png); background-color: #817FB7; color: #FFFFFF; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; }

/* SPECS */
#form-reg #form-reg-day,
#form-reg #form-reg-month { width: 16px; text-align: right; }
#form-reg #form-reg-year { width: 32px; text-align: right; }
#form-reg #form-reg-agreement { margin-right: 10px; }

/**************/
/* DATA TABLE */
/**************/
table.data { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
table.data th,
table.data td { padding: 8px 7px 8px 7px; vertical-align: top; }
table.data th { text-align: left; font-weight: bold; border-bottom: 1px solid #9191C1; }
table.data tbody tr { background: #F9F9FC url(/images/data-table-td-bg.png) repeat-x left bottom; }
table.data tbody tr.odd { background-color: #FFFFFF; }
table.data .right { text-align: right; padding-right: 10px; }

/********/
/* GRID */
/********/
.grid {}
.grid .cell { border-top: 1px solid #EFEEF5; background: url(/images/cell-bg.png) no-repeat center 20px; margin-bottom: 20px; width: 900px; }
.grid .cell.first { border-top: none; }
.grid .item { width: 274px; float: left; padding: 0px 12px 0px 14px; background: none; }
.grid .text { width: 175px; float: left; }
.grid p { padding-bottom: 10px; }
.grid .order { width: 115px; overflow: visible; }
.grid .img { width: 94px; float: left; padding-left: 5px; padding-top: 3px; position: relative; }
.grid .img img { border: 1px solid #CED5F2; position: relative; }
.grid .img span { display: block; width: 16px; height: 16px; background: url(/images/ico-zoom.png) no-repeat left top; position: absolute; top: 59px; left: 60px; }
.grid .points { font-weight: bold; }
.grid .points strong { color: #1F307C; letter-spacing: -1px; font-size: 18px; }

/***********/
/* OVERLAY */
/***********/
#overlay { width: 100%; background-color: #1E307B; position: absolute; top: 0px; left: 0px; }

/**********************/
/* OVERLAY ORDER FORM */
/**********************/
#overlay-order-form { width: 450px; position: absolute; top: 200px; left: 40%; display: none; }
#overlay-order-form form { background-color: #FFFFFF; text-align: left; padding: 25px; }
#overlay-order-form h2 { font-size: 28px; font-weight: bold; color: #C2221F; margin: 0px; padding: 0px 0px 15px 0px; }
#overlay-order-form p.img { padding: 0px 0px 15px 0px; margin: 0px; width: 80px; float: left; }
#overlay-order-form img { border: 1px solid #CED5F2; }
#overlay-order-form h3 { font-weight: bold; font-size: 18px; color: #1F307C; padding-left: 100px; line-height: 26px; margin: 0px; padding-bottom: 15px; }
#overlay-order-form button { margin-top: 10px; }
#overlay-order-form select { vertical-align: middle; margin-left: 20px; }
#overlay-order-form p.points { font-weight: bold; font-size: 12px; color: #000000; padding-left: 100px; padding-bottom: 2em; }
#overlay-order-form p.points strong { font-weight: bold; font-size: 18px; color: #1F307C; padding-left: 5px; }
#overlay-order-form .btn-close { display: block; width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; background: url(/images/remooz/closebox.png) no-repeat left top; }