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


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, dl, dt, dd, form, fieldset, blockquote, address, h1, h2, h3, h4, h5, h6, img, span  { padding: 0px; margin: 0px; outline: none; }

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; }
.normal { font-weight: normal; }
.white { color: #FFFFFF; }

.light-green { color: #56ac2b; }
.dark-green { color: #008100; }
.orange { color: #ff8100; }
.red { color: #CC0000; }
.no-padd { padding: 0; }

img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; }
a:hover { color: #7B7466; }

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: #CCCCCC; }

/***************/
/* 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; }

/********/
/* FORM */
/********/
form {}
input, select, textarea { font-family: Arial, Helvetica, sans-serif; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #FFFFFF url(/images/body-bgr.gif) repeat-x left top; color: #7E7E7E; }
h1 { font-size: 28px; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; color: #429C31; font-weight: normal; line-height: 30px; padding: 0px 0px 20px 0px; }
h2 { font-size: 14px; font-weight: bold; }
h3 { margin-bottom: 5px; font-size: 14px; }
p { margin-bottom: 1em; }
a { color: #152B53; }
ul { margin-bottom: 2em; }
ol { margin-bottom: 2em; margin-left: 2em; }
a.ext { padding-right: 11px; background: url(/images/ext.png) no-repeat right 4px; }
a:hover { color: #152B53; }
fieldset { border: none; }
input, select, textarea, button { font-family: Arial, Helvetica, sans-serif; }
textarea, button { font-size: 12px; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#wrapper { background: url(/images/wrapper-bgr.png) no-repeat center top; }

#page-wrapper { width: 1000px; margin: 0px auto; position: relative; left: -11px; }

#body { padding-top: 175px; }

#column-wrapper { width: 695px; padding: 0px 0px 0px 0px; float: left; background: #FFFFFF url(/images/column-wrapper-bgr.png) 0 0 no-repeat; min-height: 400px; overflow-x: hidden; }

#right-column { width: 303px; float: right; padding-top: 160px; }

#body.wide #main-content { width: auto; float: none; padding-right: 10px; margin: 0px; }
#body.wide #right-column { display: none; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 110px; position: relative; }

#logo { padding: 0px 0px 0px 12px; margin: 0px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { background: url(/images/footer-bgr.gif) no-repeat left top; font-size: 12px; height: 38px; line-height: 38px; padding: 0 10px; color: #34476A; margin-bottom: 15px; }
#footer p { padding: 0px; margin: 0px; }
#footer a { color: #34476A; }
#giant { color: #34476A; float: right; }
#giant a { color: #34476A; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 25px; right: 0; }
#menu li { display: block; float: left; padding-left: 0px; background: none; }
#menu li a { text-decoration: none; font-size: 18px; font-weight: bold; letter-spacing: -1px; display: block; height: 52px; line-height: 52px; }
#menu li a span { height: 52px; }

/*
#menu-singles-life { width: 113px; }
#menu-singles-life span { width: 113px; background: url(/images/menu-singles-life.gif) no-repeat; }
#menu-singles-life:hover span { background: url(/images/menu-singles-life.gif) 0 -52px no-repeat; }
*/

#menu-uvod { width: 77px; }
#menu-uvod span { width: 77px; background: url(/images/menu-uvod.gif) no-repeat; }
#menu-uvod:hover span { background: url(/images/menu-uvod.gif) 0 -52px no-repeat; }

#menu-jak-to-funguje { width: 141px; }
#menu-jak-to-funguje span { width: 141px; background: url(/images/menu-jak-to-funguje.gif) no-repeat; }
#menu-jak-to-funguje:hover span { background: url(/images/menu-jak-to-funguje.gif) 0 -52px no-repeat; }

#menu-terminy { width: 91px; }
#menu-terminy span { width: 91px; background: url(/images/menu-terminy.gif) no-repeat; }
#menu-terminy:hover span { background: url(/images/menu-terminy.gif) 0 -52px no-repeat; }

#menu-rekli-o-nas { width: 108px; }
#menu-rekli-o-nas span { width: 108px; background: url(/images/menu-rekli-o-nas.gif) no-repeat; }
#menu-rekli-o-nas:hover span { background: url(/images/menu-rekli-o-nas.gif) 0 -52px no-repeat; }

#menu-dating-tips { width: 104px; }
#menu-dating-tips span { width: 104px; background: url(/images/menu-dating-tips.gif) no-repeat; }
#menu-dating-tips:hover span { background: url(/images/menu-dating-tips.gif) 0 -52px no-repeat; }

#menu-faq { width: 62px; }
#menu-faq span { width: 62px; background: url(/images/menu-faq.gif) no-repeat; }
#menu-faq:hover span { background: url(/images/menu-faq.gif) 0 -52px no-repeat; }

#menu-o-nas { width: 70px; }
#menu-o-nas span { width: 70px; background: url(/images/menu-o-nas.gif) no-repeat; }
#menu-o-nas:hover span { background: url(/images/menu-o-nas.gif) 0 -52px no-repeat; }

#menu-smart-kurzy { width: 141px; }
#menu-smart-kurzy span { width: 141px; background: url(/images/menu-smart-kurzy.gif) no-repeat; }
#menu-smart-kurzy:hover span { background: url(/images/menu-smart-kurzy.gif) 0 -52px no-repeat; }

#menu li.active a span { background-position: 0 -52px; }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#user-logged-box { background: url(/images/user-logged-box-bgr.gif) top left no-repeat; padding-left: 20px; padding-top: 25px; margin-bottom: 40px; min-height: 136px; }
#user-det { background: url(/images/klicova-dirka.gif) 0 0 no-repeat; padding-left: 35px; font-weight: bold; color: #FFFFFF; position: relative; padding-top: 5px; margin-left: 15px; }
#user-det a { color: #FFFFFF; }
#user-det a.log-off { position: absolute; top: -15px; right: 20px; background: url(/images/logoff-cross.gif) 0 7px no-repeat; font-weight: normal; padding-left: 15px; font-size: 11px; }
#user-other-det { background: url(/images/user-other-det-top-bgr.gif) 0 0 no-repeat; margin-top: 10px; width: 262px; padding-top: 9px; }
#user-other-det-bottom-bgr { background: url(/images/user-other-det-bottom-bgr.gif) 0 bottom no-repeat; padding-bottom: 9px; }
#user-other-det-inner { background: #fff6eb; padding-top: 0px; padding-right: 10px; padding-left: 10px; }
#user-other-det a.odr-link { float: right; margin-top: 5px; margin-right: 5px; background-position: 0 5px; }

#user-other-det h3 { font-size: 14px; padding-left: 40px; padding-top: 5px; padding-bottom: 5px; }
#user-other-det .box-akce-item { padding-left: 40px; }
#user-other-det .box-akce-item a { font-weight: bold; color: #7E7E7E; }
#user-other-det .padd { padding-left: 40px; }
#user-other-det .pozn { font-size: 11px; }
#prihlasene-akce { background: url(/images/h3-prihlasene-akce-ico.gif) 0 0 no-repeat; }
#doporucujeme { background: url(/images/h3-doporucujeme-ico.gif) 0 0 no-repeat; }
.doporucene-akce-item { width: 220px; height: 48px; padding: 5px 10px; color: #505050; position: relative; line-height: 15px; margin-bottom: 3px; }
#doporucene-akce-item1 { background: url(/images/doporucene-akce-item1-bgr.gif) 0 0 no-repeat; }
#doporucene-akce-item2 { background: url(/images/doporucene-akce-item2-bgr.gif) 0 0 no-repeat; }
#doporucene-akce-item3 { background: url(/images/doporucene-akce-item3-bgr.gif) 0 0 no-repeat; }

.box-akce-status { height: 25px; line-height: 25px; text-align: center; position: absolute; top: 17px; right: 10px; color: #FF0000; text-decoration: none; font-size: 12px; }

.pocet-mist { font-size: 11px; }
.misto { font-size: 11px; }
/*a.blue-button { position: absolute; top: 8px; right: 10px; color: #FFFFFF; text-decoration: none; font-size: 12px; }*/
.prihlasit-button { color: #FFFFFF; display: block; width: 69px; height: 25px; line-height: 25px; background: url(/images/doporucene-akce-prihlasit-button.gif) 0 0 no-repeat; text-align: center; font-weight: bold; position: absolute; top: 17px; right: 10px; text-decoration: none; font-size: 12px; }
.prihlasit-button { color: #FFFFFF; display: block; width: 69px; height: 25px; line-height: 25px; background: url(/images/doporucene-akce-prihlasit-button.gif) 0 0 no-repeat; text-align: center; font-weight: bold; position: absolute; top: 17px; right: 10px; text-decoration: none; font-size: 12px; }

#termin-box { background: url(/images/termin-box-bgr.gif) top left no-repeat; padding-left: 35px; padding-top: 25px; margin-bottom: 40px; position: relative; }
#termin-box fieldset { line-height: 27px; }
#termin-box h3 { font-size: 24px; font-weight: normal; color: #FFFFFF; padding-bottom: 5px; }
#termin-box label { font-size: 12px; font-weight: bold; color: #FFFFFF; width: 45px; display: block; float: left; clear: both; }
#termin-box input.input { font-size: 12px; width: 168px; display: block; float: left; margin-bottom: 5px; border: 1px solid #CBCBCB; vertical-align: middle; padding: 5px; }
#termin-box .send-button { margin-left: 45px; margin-top: 5px; }
#ready { color: #152B53; }

.right-box { padding-left: 20px; padding-right: 20px; position: relative; padding-bottom: 30px; }
.right-box h2 { color: #FFFFFF; background: url(/images/h2-left-bgr.gif) top left no-repeat; font-size: 20px; font-weight: normal; height: 46px; line-height: 35px; padding-left: 13px; padding-top: 0; }
.right-box h2 span { background: url(/images/h2-right-bgr.gif) top right no-repeat; padding-right: 13px; display: block; height: 35px; float: left; }
.right-box p { padding-left: 13px; }


.right-box-3 { padding-left: 20px; padding-right: 20px; position: relative; padding-bottom: 30px; }
.right-box-3 h2 { font-size: 20px; font-weight: normal; height: 46px; line-height: 35px; padding-left: 13px; padding-top: 0; }
.right-box-3 p { padding-left: 13px; }

#pribeh { background: url(/images/pribeh-televize.gif) 180px 36px no-repeat; height: 160px; }
#pribeh p { padding-right: 100px; }
a.right-flow-abs { position: absolute; bottom: 35px; right: 30px; background-position: 0 5px; }



.right-box-2 { padding-left: 20px; padding-right: 20px; position: relative; padding-bottom: 30px; }
.right-box-2 p { padding-left: 13px; }
#SD_darek { background: url(/images/darek.gif) 220px 36px no-repeat; height: 160px; }
#SD_darek { padding-right: 100px; }

#errors-under-abs { position: absolute; width: 210px; background: #D52A2A; padding: 10px; bottom: 205px; right: 0px; color: #FFFFFF; }
#page-homepage #errors-under-abs { width: 210px; bottom: 94px; right: 20px; }
#errors-under-abs a { color: #FFFFFF; font-weight: bold; }

/*******************************************************************/
/*                                                            BODY */
/*******************************************************************/
#body { }

/**************/
/* BREADCRUMB */
/**************/
#breadcrumb { }

/**************/
/* RIGHT MENU */
/**************/
#right-menu {}

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content { padding-bottom: 0px; padding-left: 20px; padding-right: 20px; padding-top: 20px; }
h1 { position: absolute; top: 150px; font-size: 40px; font-weight: bold; color: #FFFFFF; left: 10px; }
h1 strong { font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; color: #152B53; padding-top: 10px; padding-bottom: 10px; line-height:23px; }

.toggler { cursor: pointer; }

/***********/
/* SITEMAP */
/***********/
#main-content ul.sitemap { padding: 0px; margin-bottom: 0px; }
#main-content ul.sitemap ul { padding: 0px; margin-bottom: 0px; }
#main-content ul.sitemap li { font-size: 14px; font-weight: bold; padding-bottom: 10px; }
#main-content ul.sitemap li li { font-size: 12px; font-weight: normal; padding-bottom: 5px; }
#main-content ul.sitemap li li li { font-size: 11px; padding-bottom: 0px; }

/*****************/
/* COLUMN LAYOUT */
/*****************/
.columns-2 p { width: 49.5%; float: left; }

/***********/
/* BUBBLES */
/***********/
.bubble { font-size: 12px; font-weight: bold; margin-bottom: 13px; }
.bubble span { display: inline-block; padding: 0px 0px 9px 9px; height: 28px; background: url(/images/bubble-bg.png) no-repeat left top; color: #58604F; line-height: 28px; }
.bubble span span { padding: 0px 9px 0px 0px; background: url(/images/bubble-bg.png) no-repeat right top; }


/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#page-homepage {}
#page-homepage #wrapper { background: url(/images/wrapper-bgr-hp.jpg) no-repeat center top; }
#page-homepage #body { padding-top: 210px; }
#page-homepage #column-wrapper { padding-top: 89px; background: none; padding-bottom: 30px; }
#page-homepage h1 { position: relative; color: #152B53; font-size: 28px; font-weight: normal; top: 0; }

/* aktuality */
#aktuality-box { position: absolute; top: 100px; right: 10px; width: 260px; color: #FFFFFF; height: 300px; overflow: hidden; padding-bottom: 30px; }
#aktuality-box h2 { font-weight: bold; color: #FFFFFF; }
.act-item { padding-top: 15px; padding-bottom: 15px; position: relative; }
.act-item .act-datum { position: absolute; top: 0px; font-weight: bold; }
.act-item p { margin: 0; }
.act-item .act-more { position: absolute; bottom: 0px; right: 0; font-weight: bold; color: #FFFFFF; background-position: 0 6px; }
.act-item .odr-link { background-position: 0 6px; }
#act-archiv-link { position: absolute; bottom: 10px; right: 0; font-weight: bold; color: #FFFFFF; }

/* zaregistrujte se box */
#reg-box { position: absolute; top: 140px; width: 243px; }
/*#reg-box .error { margin-top: 0; margin-bottom: 0; background: none; color: #FF0000; font-weight: bold; text-align: right; padding-right: 60px; position: relative; top: -6px; }*/
#reg-box h2 { position: relative; left: -5px; top: 3px; }
#reg-box h2 a { color: #FFFFFF; font-weight: bold; text-align: center; width: 243px; height: 51px; }
#zaregistrujte-se span { background: url(/images/zaregistrujte-se-hp-box.gif) 0 0 no-repeat; width: 243px; height: 51px; }

#form-info { width: 182px; height: 56px; }
#form-info span { width: 182px; height: 56px; background: url(/images/form-info-hp.gif) 0 0 no-repeat; }
#form-info span.zena { width: 182px; height: 56px; background: url(/images/form-info-hp-z.gif) 0 0 no-repeat; }
#form-info span.muz { width: 182px; height: 56px; background: url(/images/form-info-hp-m.gif) 0 0 no-repeat; }
#reg-box fieldset p { margin-bottom: 0px; text-align: right; padding-right: 61px; }
#reg-box label { color: #FFFFFF; width: 45px; }
#reg-box input.input { width: 120px; }
#reg-box .send-button { margin-right: 62px; margin-top: 10px; }

.intro { font-size: 14px; }

.hp-link-box { display: block; background: url(/images/hp-link-box.gif) 0 0 no-repeat; width: 385px; height: 42px; line-height: 42px; padding-left: 35px; }

.toggler a { text-decoration: none; }
.toggler a:hover { color: #FFFFFF; }
.toggler .blue-button strong { padding-left: 14px; background: url(/images/toggler-closed.gif) 2px 3px no-repeat; }
.on .blue-button strong { background: url(/images/toggler-open.gif) 0 5px no-repeat; }

/*******************************************************************/
/*                                                          PROFIL */
/*******************************************************************/
.form-columns {  }
.form-columns .left-col { width: 49%; display: inline-block; padding-top: 5px; }
.left-col p.no-margin { margin-bottom: 0; }
.form-columns .right-col { width: 47%; display: inline-block; padding-top: 5px; }
.right-col p.no-margin { margin-bottom: 0; }

label { font-size: 12px; font-weight: bold; margin-right: 3px; }
input.input { font-size: 12px; width: 168px; margin-bottom: 5px; border: 1px solid #CBCBCB; vertical-align: middle; padding: 5px; }
input.vek-oddo { width: 40px; }
select.input { width: 178px; } 
textarea { width: 650px; height: 70px; }
.textareas { margin-bottom: 20px; }
.textareas p { margin-bottom: 5px; }

#profile-login-data { background: url(/images/profile-log-data-bgr.gif) top left no-repeat; height: 62px; padding-top: 17px; margin-bottom: 30px; }
#profile-login-data .form-columns { margin: 0; }

.otazka-item { margin-bottom: 10px; margin-top: 10px; padding-top: 10px; position: relative; }
.otazka-item .inner { padding-bottom: 10px; padding-right: 0px; }
.otazka-item .inner-data { padding: 0 10px; }
.otazka-item .inner-data input { margin-left: 15px; }
.otazka-item .inner-data label { font-weight: normal; }
.otazka-item .error-text { position: absolute; top: -20px; color: #FF0000; font-weight: bold; }
.otazka-item .otazka-text { font-weight: bold; color: #152B53; }

.even { background: url(/images/665-box-top-bgr.gif) top left no-repeat; margin-bottom: 10px; margin-top: 10px; padding-top: 9px; }
.even .inner { background: url(/images/665-box-bottom-bgr.gif) bottom left no-repeat; padding-bottom: 9px; }
.even .inner-data { background: #F3F3F3; }

.error { background: url(/images/item-error-top-bgr.gif) top left no-repeat; margin-bottom: 10px; margin-top: 22px; }
.error .inner { background: url(/images/item-error-bottom-bgr.gif) bottom left no-repeat; }
.error .inner-data { border-left: 1px solid #FF0000; border-right: 1px solid #FF0000; }
.error-even { background: url(/images/item-error-top-bgr-even.gif) top left no-repeat; margin-bottom: 10px; margin-top: 22px; }
.error-even .inner { background: url(/images/item-error-bottom-bgr-even.gif) bottom left no-repeat; }
.error-even .inner-data { border-left: 1px solid #FF0000; border-right: 1px solid #FF0000; background: #F3F3F3; }


.doporucene-akce-item-350 { width: 390px; height: 49px; padding: 5px 10px; color: #505050; position: relative; background: url(/images/doporucene-akce-item-bgr350.gif) 0 0 no-repeat; font-size: 11px; line-height: 15px; }
.doporucene-akce-item-480 { width: 300px; height: 35px; padding: 5px 10px; color: #505050; position: relative; background: url(/images/doporucene-akce-item-bgr480.gif) 0 0 no-repeat; font-size: 11px; line-height: 15px; padding-left: 100px; }
#doporucene-akce-item1-480 { background: url(/images/doporucene-akce-item1-bgr480.gif) 0 0 no-repeat; }
#doporucene-akce-item2-480 { background: url(/images/doporucene-akce-item2-bgr480.gif) 0 0 no-repeat; }
#doporucene-akce-item3-480 { background: url(/images/doporucene-akce-item3-bgr480.gif) 0 0 no-repeat; }
#doporucene-akce-item1-350 { background: url(/images/doporucene-akce-item1-bgr350.gif) 0 0 no-repeat; }
#doporucene-akce-item2-350 { background: url(/images/doporucene-akce-item2-bgr350.gif) 0 0 no-repeat; }
#doporucene-akce-item3-350 { background: url(/images/doporucene-akce-item3-bgr350.gif) 0 0 no-repeat; }
.centered-bloks { padding-bottom: 20px; }
.centered-bloks .doporucene-akce-item-350,.centered-bloks .doporucene-akce-item-480 { margin: 0 auto; }
span.obsazeno { display: block; font-size:12px; font-weight:bold; height:25px; line-height:25px; position:absolute; right:10px; text-align:center; text-decoration:none; top:15px; width:69px; font-weight: normal; font-size: 14px; }
span.vhodne { position: absolute; left: 10px; top: 12px; font-size: 14px; font-weight: normal; }
span.prihlasen { position: absolute; right: 10px; top: 12px; font-size: 14px; font-weight: normal; color: #FF0000; }

a#prejit-k-osobnostnimu-dotazniku { width: 253px; height: 60px; margin: 15px auto; margin-top: 30px; text-align: center; background: #42bce4; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 25px; text-decoration: none; padding-top: 13px; }
a#prejit-k-osobnostnimu-dotazniku span { width: 253px; height: 73px; background: url(/images/prejit-k-dotazniku-button.gif) 0 0 no-repeat; }

a#jak-to-funguje-button { width: 199px; height: 39px; margin: 15px auto; margin-top: 30px; text-align: center; background: #42bce4; color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 25px; text-decoration: none; padding-top: 13px; }
a#jak-to-funguje-button span { width: 199px; height: 52px; background: url(/images/jak-to-funguje-button.gif) 0 0 no-repeat; }

#profil-otazky-vzory { padding: 10px 0; }
.box-otazka-a-toggler { position: relative; margin-bottom: -5px; }
#profil-otazky-vzory .otazka { display: block; width: 350px; }
#profil-otazky-vzory .toggler { text-align: right; position: absolute; right: 0; bottom: 0; }
#profil-otazky-vzory .toggler { font-weight: normal; background: url(/images/toggler-vzory-closed.gif) 3px 6px no-repeat; padding-left: 12px; float: right; }
#profil-otazky-vzory .on { background: url(/images/toggler-vzory-open.gif) 0px 7px no-repeat; }
#profil-otazky-vzory .toggled-inner { padding-bottom: 1px; padding-left: 25px; }

#profil-otazky-vzory .otazka { color: #152B53; font-weight: bold; }

.nepovinne { padding-right: 5px; background: url(/images/nepovinne.gif) right 3px no-repeat; margin-right: 2px; }

.padded-left-40 { padding-left: 40px; position: relative; }
.padded-left-40 .left-offset { left: 15px; position: absolute; }

/************************/
/*    steps             */
/************************/
#form-steps { position: absolute; top: 240px; left: 3px; line-height: 34px; color: #FFFFFF; }
#form-steps li { display: block; float: left; background: url(/images/steps-left-bgr.png) top left no-repeat; height: 34px; margin-right: 10px; position: relative; padding-left: 0; }
#form-steps li.active { background: url(/images/steps-left-bgr-a.png) top left no-repeat; }
#form-steps li.sipka-margin { margin-right: 18px; }
#form-steps li a { display: block; height: 34px; color: #FFFFFF; text-decoration: none; cursor: pointer; }

#form-steps li span { display: block; background: url(/images/steps-right-bgr.png) top right no-repeat; height: 34px; padding-right: 9px; padding-left: 9px; }
#form-steps li strong { display: block; background: #42BCE4; height: 34px; padding: 0 5px; }
#form-steps li.active span { background: url(/images/steps-right-bgr-a.png) top right no-repeat; }
#form-steps li.active strong { background: #FF9012; }
#form-steps li span.sipka { display: block; width: 15px; height: 34px; background: url(/images/steps-sipka.gif) 0 15px no-repeat; position: absolute; right: -40px; top: 0; }
#os-test-text { position: absolute; left: 140px; top: -28px; color: #152B53; font-weight: bold; }

button.send { width: 162px; height: 47px; border: none; padding: 0; position: relative; background: transparent none repeat scroll 0 0; float: right; cursor: pointer; overflow: hidden; }
button.send span { display: block; width: 158px; height: 46px; background: url(/images/profil-dale-button.gif) top left no-repeat; }

.profil-zpet { border: none; cursor: pointer; display: block; width: 119px; height: 35px; float: left; margin-top: 5px; }
.profil-zpet span { width: 119px; height: 35px; background: url(/images/profil-zpet-button.gif) top left no-repeat; left: -9px; top: -11px; }

.buttons { width: 300px; margin: 0 auto; margin-bottom: 15px; padding-top: 20px; }

.item { margin-bottom: 15px; }

#akce-cancel-button { display: block; width: 119px; height: 35px; float: left; margin-top: 5px; margin-right: 15px; }
#akce-cancel-button span { width: 119px; height: 35px; background: url(/images/akce-cancel-button.gif) top left no-repeat; }

#akce-prihlasit-button { display: block; width: 158px; height: 46px; float: left; }
#akce-prihlasit-button span { width: 158px; height: 46px; background: url(/images/akce-prihlasit-button.gif) top left no-repeat; }

/*#akce-cancel-button { display: block; padding: 10px 20px; background: #999999; float: left; font-size: 18px; font-weight: bold; color: #FFFFFF; text-decoration: none; margin-right: 15px; }
#akce-prihlasit-button { display: block; padding: 10px 20px; background: #42bce4; float: left; font-size: 18px; font-weight: bold; color: #FFFFFF; text-decoration: none; }*/

p.error { background: none; color: #FF0000; margin-bottom: 1em; margin-top: 0; }
p.error input { border-color: #FF0000; }
p.error label { color: #FF0000; }
input.error { border-color: #FF0000; }

/**************************/
/*      textovy stranky   */
/**************************/
#h2-top-abs { position: absolute; top: 245px; left: 19px; }
ul { list-style-type: none; padding-bottom: 15px; }
ul li { padding-left: 25px; background: url(/images/odr-link.gif) 10px 5px no-repeat; }
.odr-link { background: url(/images/odr-link.gif) 0 3px no-repeat; padding-left: 10px; font-weight: bold; line-height: 18px; }
.odr-link.normal { font-weight: normal; }

.padded-item { position: relative; padding-left: 80px; padding-bottom: 35px; }
.padded-item h2 { padding-bottom: 20px; }
.item-number-abs { position: absolute; top: 0; left: 0; display: block; width: 54px; height: 45px; padding-left: 9px; background: url(/images/item-number-left-bgr.gif) top left no-repeat; line-height: 45px; color: #FFFFFF; text-align: center; font-size: 22px; }
.item-number-abs strong {  display: block; height: 45px; padding-right: 9px; background: url(/images/item-number-right-bgr.gif) top right no-repeat; }
.item-bottom-link { position:absolute; bottom: 20px; right: 0; color: #152B53; text-align: right; }
.item-bottom-link a.odr-link { margin-left: 5px; }

h2 a.nadpis-zajmavost { text-decoration: none; }

/* la GALERIE */
#la-galerie-mapa { width: 455px; margin: 0 auto; clear: both; padding-top: 20px; padding-bottom: 40px; }
.gallery { width: 591px; margin: 0 auto; }
.gallery a img { margin-right: 15px; margin-bottom: 15px; }
.gallery a.last img { margin-right: 0px; }


.right-col { float: left; padding-top:5px; width:47%; padding-left: 20px; }
.left-col { float: left; padding-top:5px; width:49%; }

.item-img-abs { position: absolute; top: 0; left: 0; }

a.act-more { }
.news-item { padding-bottom: 20px; }
.terminy { top: 8px; }

.pr-40 { padding-right: 40px; }

/*********************/
/*        akce       */
/*********************/


/*********************/
/* profily ostatnich */
/*********************/
.blue-button { color: #FFFFFF; display: block; width: 79px; height: 25px; line-height: 25px; background: url(/images/blue-button.png) 0 0 no-repeat; text-align: center; font-weight: bold; }

#profily-ostatnich { padding-top: 20px; }
#profily-ostatnich .item { padding-bottom: 5px; }
#profily-ostatnich .toggler { width: 360px; height: 41px; line-height: 41px; background: url(/images/pr-ostatnich-toggler-bgr.gif) 0 0 no-repeat; padding-left: 10px; padding-right: 10px; cursor: pointer; }
#profily-ostatnich .toggled-inner { padding: 15px 0px; }
#profily-ostatnich .toggler .name { font-size: 14px; font-weight: bold; color: #666666; }
#profily-ostatnich .blue-button { margin-top: 8px; float: right; }

#profily-ostatnich .blue-button strong { padding-left: 14px; background: url(/images/toggler-closed.gif) 2px 3px no-repeat; }
#profily-ostatnich .on .blue-button strong { background: url(/images/toggler-open.gif) 0 5px no-repeat; }
#profily-ostatnich .otazka { font-weight: bold; color: #152B53; }

/************************/
/* images right corner  */
/************************/
.right-corner-images { width: 293px; height: 357px; position: absolute; top: 88px; right: 0; }
#image-1 { background: url(/images/image-1.jpg) 0 0 no-repeat; }
#image-2 { background: url(/images/image-2.jpg) 0 0 no-repeat; }
#image-3 { background: url(/images/image-3.jpg) 0 0 no-repeat; }
#image-4 { background: url(/images/image-4.jpg) 0 0 no-repeat; }
#image-5 { background: url(/images/image-5.jpg) 0 0 no-repeat; }

.right-corner-images2 { width: 293px; height: 357px; position: absolute; top: 165px; right: 0; }
#image-10 { background: url(/images/couple.png) 0 0 no-repeat; }


/***********/
/* OVERLAY */
/***********/
#overlay { display: none; position: absolute; top: 0px; left: 0px; background-color: #000000; width: 100%; }
#overlay-position { display: none; top: 50%; left: 50%; width: 1px; height: 1px; overflow: visible; position: absolute; }
#overlay-box { width: 490px; height: 480px; padding: 10px 0px 10px 10px; position: absolute; top: -250px; left: -250px; background-color: #FFFFFF; text-align: left; border: 1px solid #999999; }
#overlay-content { width: 480px; height: 480px; padding: 0px 10px 0px 0px; overflow: auto; }
#closebox { width: 30px; height: 30px; cursor: pointer; display: block; background: url(/images/closebox.png) no-repeat left top; position: absolute; top: -15px; left: -15px;  }

/************/
/* OVERLAY2 */
/************/
#overlay2 { display: none; position: absolute; top: 0px; left: 0px; background-color: #000000; width: 100%; }
#overlay2-position { display: none; top: 50%; left: 50%; width: 1px; height: 1px; overflow: visible; position: absolute; }
#overlay2-box { width: 490px; height: 480px; padding: 10px 0px 10px 10px; position: absolute; top: -250px; left: -250px; background-color: #FFFFFF; text-align: left; border: 1px solid #999999; }
#overlay2-content { width: 480px; height: 480px; padding: 0px 10px 0px 0px; overflow: auto; }
#closebox2 { width: 30px; height: 30px; cursor: pointer; display: block; background: url(/images/closebox.png) no-repeat left top; position: absolute; top: -15px; left: -15px;  }

/************/
/* OVERLAY3 */
/************/
#overlay3 { display: none; position: absolute; top: 0px; left: 0px; background-color: #000000; width: 100%; }
#overlay3-position { display: none; top: 50%; left: 50%; width: 1px; height: 1px; overflow: visible; position: absolute; }
#overlay3-box { width: 490px; height: 480px; padding: 10px 0px 10px 10px; position: absolute; top: -250px; left: -250px; background-color: #FFFFFF; text-align: left; border: 1px solid #999999; }
#overlay3-content { width: 480px; height: 480px; padding: 0px 10px 0px 0px; overflow: auto; }
#closebox3 { width: 30px; height: 30px; cursor: pointer; display: block; background: url(/images/closebox.png) no-repeat left top; position: absolute; top: -15px; left: -15px;  }


/**********/
/* ANKETA */
/**********/
.anketa-list {  }
.anketa-list ul { width: 300px; margin: 0 auto; padding-top: 2em; }

#hlasovat-button { margin-left: 180px; width: 162px; height: 47px; border: none; padding: 0; position: relative; background: transparent none repeat scroll 0 0; cursor: pointer; overflow: hidden; }
#hlasovat-button span { display: block; width: 158px; height: 46px; background: url(/images/hlasovat-button.gif) top left no-repeat; }

/* hp box */
.modry-box-665 { background: url(/images/665-box-top-bgr-blue.gif) 0 0 no-repeat; padding-top: 9px; padding-bottom: 20px; }
.modry-box-inner { background: url(/images/665-box-bottom-bgr-blue.gif) 0 bottom no-repeat; padding-bottom: 9px; }
.modry-box-content { background: #DEF4FF; padding: 0 10px; }
.modry-box-content p { margin: 0; }

/********/
/* TIPS */
/********/

a.tipz { color: #42BCE5; }
.tip { width: 301px; background: #DEF4FF; }
.tip-top { background: url(/images/tooltip/top-bgr.png) top left no-repeat; height: 20px; width: 301px; }
.tip-title { color:#e95e25; padding: 0 10px; font-weight: bold; color: #152B53; font-size: 20px; font-weight: normal; line-height: 23px; padding-bottom: 10px; }
.tip-text	{ color: #000000; padding: 0 10px; font-weight: bold; }
.tip-bottom	{ background: url(/images/tooltip/bottom-bgr.png) left bottom no-repeat; width: 301px; height: 20px; }
#main-content .poznamka a { font-weight: bold; text-decoration: none; }


/* upoutavka */
#upoutavka-darek { background: #F3F3F3 url(/images/darek.gif) 10px 10px no-repeat; padding-left: 90px; }
#upoutavka-darek h3 { padding-top: 10px; color: #152B53; }
#upoutavka-darek p { margin: 0; }