/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote { padding: 0px; margin: 0px; }

body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 140%;
	background: #5291C7 url(/img/body-bg.jpg) no-repeat center top; 
	/* font-weight: bold; */
}

address { font-style: normal; padding: 0px; margin: 0px; }

blockquote { font-style: italic; padding-bottom: 0.5em; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.red { color: #CC0000; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.note { font-size: 12px; font-weight: bold; line-height: 140%; }
.note * { font-weight: bold; }
.bold { font-weight: bold; }

img { border: none; }
a img { border: none; }
a { color: #FFFFFF; text-decoration: underline; font-weight: bold;}
a:hover { color: #590200; background-color: #EFEBFC;}
a.contact { color: #590200; background-color: #EFEBFC; padding-left: 3px; padding-right: 3px; font-weight: normal; }

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; }

.no-text-transform { text-transform: 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; }

/********/
/* FORM */
/********/
form * { font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; }
form div { padding-bottom: 3px; }
label { display: block; width: 100px; float: left; padding: 3px 0px 0px 0px; }
input { background: none; border: 1px solid #FFFFFF; }
input.input { padding: 2px; width: 150px; }
input.button-submit { padding: 0px; padding-top: 5px; margin-left: 100px; border: none; cursor: pointer; }
textarea { background: none; border: 1px solid #FFFFFF; width: 400px; height: 100px; overflow: hidden; }
textarea.story { background: none; border: 1px solid #FFFFFF; width: 400px; height: 200px; overflow: hidden; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { text-align: left; margin: 0 auto; width: 948px; position: relative; padding-bottom: 20px; }

#main-content-wrapper { float: right; width: 695px; }
#menu { float: right; width: 253px; }

/***********/
/* CIRCLES */
/***********/
#circles-wrapper { width: 948px; text-align: left; margin: 0 auto; position: relative; z-index: 0; }
#circles { position: absolute; top: 0px; right: -4px; width: 295px; height: 198px; background: url(/img/kruhy.jpg) no-repeat left top; }

/**********/
/* BUBLES */
/**********/
#bubbles-wrapper { width: 948px; text-align: left; margin: 0 auto; position: relative; z-index: 0; }
#bubbles { position: absolute; top: 161px; left: 653px; width: 229px; height: 236px; background: url(/img/bubbles.png) no-repeat left top;}

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 123px; position: relative; }

#logo { position: absolute; top: 12px; left: 0px; }
#logo, #logo * { display: block; width: 145px; height: 86px; padding: 0px; }
#title { display: block; width: 405px; height: 47px; overflow: hidden; position: absolute; top: 14px; left: 326px; }

/*************/
/* LANGUAGES */
/*************/
#languages { position: absolute; left: 10px; top: 129px; line-height: 120%; }
#languages a { font-weight: normal; padding-left: 17px; background-position: 0px center; background-repeat: no-repeat; margin-left: 10px; }
#languages a.cz { background-image: url(/img/flag-cz.gif); }
#languages a.en { background-image: url(/img/flag-en.gif); }
#languages img { vertical-align: middle; padding-left: 10px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { width: 948px; height: 59px; position: relative; color: #7F7F7F; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 100%; font-weight: normal; clear: both; overflow: visible;}
#footer a { color: #7F7F7F; font-weight: normal; }
#footer a:hover { background: none; }
#footer-content { background-image: url(/img/footer-bg.png); height: 59px; }
#copyright { position: absolute; bottom: 12px; left: 12px; }
#credits { position: absolute; bottom: 17px; right: 12px; padding: 0px; }
#credits a { text-decoration: none; cursor: default; }
#credits img { vertical-align: middle; padding-top: 1px; }
#logo-icf { position: absolute; top: -121px; left: 34px; }


/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu.home { margin-top: 35px; margin-bottom: 340px; position: relative; left: 5px; }
#menu { margin-top: 35px; margin-bottom: 380px; position: relative; left: 5px; }

#page-custom-coaching-workshops #menu { margin-bottom: 450px; }

/* Special bottom margin for block */
/*#page-napsali-o-mne #menu { margin-bottom: 350px;}*/


#page-media-room #menu,
#page-news #menu,
#page-resources #menu,
#page-links #menu { margin-bottom: 240px; }

/* special margins */
/* special margins */
#menu-business-coaching,
#menu-individual-coaching-packages,
#menu-media-room { margin: 10px 0 0 0; }

/* special logo */
#page-about-eva #menu { margin-bottom: 250px; }

#menu li { list-style-type: none; width: 233px; padding-top: 4px; }
#menu li a { font-size: 13px; display: block; height: 19px; width: 233px; overflow: hidden; line-height: 19px; border-left-width: 5px; border-left-style: solid; text-transform: uppercase; text-decoration: none; padding-left: 6px; font-weight: normal; }
#menu li a:hover { color: #590200; background: url(/img/menu-item-bg.png) no-repeat left top; }

#menu-homepage a { border-left-color: #E37C42; }
#menu-transition-coaching a { border-left-color: #22B58C; }
#menu-life-balance-coaching a { border-left-color: #22B58C; }
#menu-family-abroad-coaching a { border-left-color: #12A6A3; }
#menu-lady-entrepreneurs-coaching a { border-left-color: #0F9806; }
#menu-business-coaching a { border-left-color: #0F9806; }
#menu-assessments a { border-left-color: #077500; }
#menu-individual-coaching-packages a { border-left-color: #FB5E50; }
#menu-custom-coaching-workshops a { border-left-color: #554392; }
#menu-free-coaching-sessions a { border-left-color: #EA0C0A; }
#menu-media-room a { border-left-color: #6D2A8A; }
#menu-about-eva a { border-left-color: #F5A75C; }
#menu-contact a { border-left-color: #DEC2EB; }

#menu-clanky a { border-left-color: #46D9F1; margin-top: 20px; }

/* ACTIVE MENU ITEM */
#page-homepage #menu-homepage a,
#page-life-balance-coaching #menu-life-balance-coaching a,
#page-family-abroad-coaching #menu-family-abroad-coaching a,
#page-lady-entrepreneurs-coaching #menu-lady-entrepreneurs-coaching a,
#page-business-coaching #menu-business-coaching a,
#page-transition-coaching #menu-transition-coaching a,
#page-assessments #menu-assessments a,
#page-individual-coaching-packages #menu-individual-coaching-packages a,
#page-custom-coaching-workshops #menu-custom-coaching-workshops a,
#page-free-coaching-sessions #menu-free-coaching-sessions a,
#page-media-room #menu-media-room a,
#page-about-eva #menu-about-eva a,
#page-clanky #menu-clanky a,
#page-contact #menu-contact a { color: #590200; background: url(/img/menu-item-bg.png) no-repeat left top; }

#menu #menu-clanky a { position: relative; overflow: visible; }
#menu-clanky a span, #page-clanky #menu-clanky a span { background: url(/cz/img/new-ico.png) no-repeat left top; position: absolute; top: -10px; right: 0; width: 28px; height: 27px; display: block; }


#page-assessments #menu-assessments ul a,
#page-media-room #menu-media-room ul a,
#page-about-eva #menu-about-eva ul a { background: none; color: #FFFFFF; }
#page-assessments #menu-assessments ul a:hover,
#page-media-room #menu-media-room ul a:hover,
#page-about-eva #menu-about-eva ul a:hover { color: #590200; background: url(/img/menu-item-bg.png) no-repeat -10px top; }

/************/
/* SUBMENUS */
/************/
#menu li ul { display: none; }
#menu li li { padding-left: 10px; }
#menu li li a { width: 223px; }
#menu li li a:hover { background-position: -10px 0px; }

#page-assessments #menu-assessments ul,
#page-hogan-inventories #menu-assessments ul,
#page-cof #menu-assessments ul,
#page-media-room #menu-media-room ul,
#page-links #menu-media-room ul,
#page-news #menu-media-room ul,
#page-resources #menu-media-room ul,
#page-napsali-o-mne #menu-media-room ul,
#page-successful-stories #menu-media-room ul,
#page-about-eva #menu-about-eva ul,
#page-evas-profile #menu-about-eva ul,
#page-mirkas-profile #menu-about-eva ul,
#page-note-from-eva #menu-about-eva ul,
#page-testimonials #menu-about-eva ul,
#page-krest #menu-media-room ul,
#page-prezentace #menu-media-room ul { display: block; }

/* ACTIVE SUBMENU ITEMS */
#page-hogan-inventories #menu-hogan-inventories a,
#page-cof #menu-cof a,
#page-links #menu-links a,
#page-news #menu-news a,
#page-resources #menu-resources a,
#page-successful-stories #menu-successful-stories a,
#page-evas-profile #menu-evas-profile a,
#page-mirkas-profile #menu-mirkas-profile a,
#page-note-from-eva #menu-note-from-eva a,
#page-testimonials #menu-testimonials a,
#page-partners #menu-partners a,
#page-napsali-o-mne #menu-napsali-o-mne a,
#page-krest #menu-krest a,
#page-prezentace #menu-prezentace a {color: #590200; background: url(/img/menu-item-bg.png) no-repeat -10px top; }


/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content-wrapper { margin-bottom: 20px;}
#main-content { background: url(/img/border-dark-orange.png) no-repeat left top; position: relative; }
#page-life-balance-coaching #main-content { background-image: url(/img/border-blue.png); }
#page-lady-entrepreneurs-coaching #main-content { background-image: url(/img/border-green.png); }
#page-family-abroad-coaching #main-content { background-image: url(/img/border-green.png); }
#page-business-coaching #main-content { background-image: url(/img/border-green.png); }
#page-assessments #main-content { background-image: url(/img/border-green.png); }
#page-individual-coaching-packages #main-content { background-image: url(/img/border-purple.png); }
#page-custom-coaching-workshops #main-content {background-image: url(/img/border-dark-violet.png); }
#page-free-coaching-sessions #main-content { background-image: url(/img/border-red.png); }
#page-media-room #main-content,
#page-links #main-content,
#page-news #main-content,
#page-resources #main-content,
#page-successful-stories #main-content { background-image: url(/img/border-violet.png); }
#page-about-eva #main-content { background-image: url(/img/border-orange.png); }
#page-contact #main-content { background-image: url(/img/border-light-violet.png); }

#main-content-padding { padding: 40px 20px 15px 25px; position: relative; }
.main-content-padding { padding: 0px 20px 15px 25px; position: relative; }
#main-content-padding .item{ width: 310px; float: left; padding-right: 10px; margin-bottom: 20px; }
#main-content-padding img.place{ padding-left: 10px; padding-bottom: 10px;margin-right: 7px; }
#main-content-padding span.copy{ position: absolute; right: 86px; top: 390px; font-size: 11px; }
#main-content-padding span.copy2{ position: absolute; right: 86px; top: 505px; font-size: 11px; }
#main-content-padding span.copy3{ position: absolute; right: 86px; top: 340px; font-size: 11px; }
#page-title { display: block; height: 65px; position: relative; }
h1 { position: absolute; bottom: 10px; left: 23px; font-size: 27px; font-weight: normal; line-height:120%; letter-spacing: -1px; width: 380px; }
h2 { font-size: 20px; font-weight: normal; line-height: 120%; padding-bottom: 10px; }
p { padding-bottom: 1em; text-align: justify; }
dl { padding-bottom: 1em; }
dd { padding-left: 3em; padding-bottom: 1em; }
#main-content ul { margin-left: 2em; padding-bottom: 1em; }
#main-content ul li { list-style-type: disc; }

p.perex { font-weight: bold; }

.contact-column { width: 325px; float: left; }

#podpis { padding: 0; margin-bottom: -10px; }
#podpis img { position: relative; top: -20px; }
/*********/
/* BOXES */
/*********/
#boxes {}
#boxes .box { color: #610C05; display: block; width: 220px; height: 110px; font-size: 12px; font-weight: normal; background: url(/img/box-bg.png) no-repeat left top; float: left; margin-right: 17px; margin-bottom:30px; }
#boxes .box.last { margin-right: 0px; }
#boxes a { display: block; height: 110px; overflow: hidden; color: #610C05; text-decoration: none; font-weight: normal; }
#boxes a:hover { background: none; }
#boxes a h2 { font-size: 18px; font-weight: normal;  letter-spacing: -1px; line-height: 100%; padding-left: 8px; padding-top: 15px; padding-bottom: 7px; }
#boxes a p { line-height: 150%; padding-left: 8px; padding-right: 10px; padding-bottom: 5px;  }
#boxes a p.right { margin-right: 5px; }
#boxes a em { text-decoration: underline; font-style: normal; font-weight: normal; font-size: 11px; }

/**************/
/* ARROW LIST */
/**************/
#main-content ul.arrow-list { border: 1px solid #FFFFFF; margin-left: 0px; margin-right: 5px; padding: 18px 18px 8px 18px; position: relative; top: -10px;  margin-bottom: 7px;  }
#main-content ul.arrow-list li { list-style-type: none; background: url(/img/arrow-white.gif) no-repeat 0px 4px; margin-left: 0px; padding-bottom: 10px; padding-left: 18px; line-height: 20px; position: relative;}

/* SIGN UP FORM */
#form-free-session-sign-up {}

/* BOOK */
.book {position: absolute; top: 520px; left: 10px; width: 200px; text-align: center;}
.bookc {position: absolute; top: 540px; left: 10px; width: 200px; text-align: center;}
.hp { top: 585px; }
.book .background { background: #bee279; margin-bottom: 10px; padding: 15px 5px; position: relative; }
.book .horni { margin-bottom: 10px; padding: 15px 5px; }
.book .hp { margin-bottom: 50px; top: 0; }
.book h2 { font-size: 17px; color: #610c05; }
.book h2.radek1 { padding-left: 66px; padding-bottom: 0; text-align: left; }
.book h2.radek2 { padding-left: 48px; padding-bottom: 0; text-align: left; }
.book h2.radek3 { padding-left: 30px; padding-bottom: 10px; text-align: left; }
.book span { font-size: 11px; color: #610c05; }
.book p { padding-bottom: 0px; margin-bottom: 0px; color: #610c05; margin-top: 10px; }
/*#page-napsali-o-mne .book*/
.book .fully-booked { background: #bee279 url(/img/fully-booked.gif) top left no-repeat; }

.book p.offset { color: #FFFFFF; text-align: center; position: absolute; top: -40px; font-weight: bold; width: 210px; left: -5px; }

#page-media-room .book,
#page-news .book,
#page-resources .book,
#page-napsali-o-mne .book,
#page-links .book,
#page-krest .book,
#page-prezentace .book { top: 725px; }

/* UPOUTAVKA UVODKA */
#caption {position: absolute; bottom: 260px; left: 20px; width: 200px; padding: 15px 5px; text-align: center;}
#caption h2 { font-size: 17px; color: #610c05; }
#caption span { font-size: 10px; color: #610c05; }
#caption p { padding-bottom: 0px; margin-bottom: 0px; color: #610c05; }

#caption-partner {position: absolute; bottom: 85px; left: 4px; width: 200px; padding: 15px 5px; text-align: center;}

/* PARTICIPANT LOGIN FORM */
#participant-login { float: right; padding: 0 0 0 10px; }
#participant-login div { width: 270px; height: 170px; border: 1px solid #fff; padding: 15px; }
#participant-login h2 { padding: 15px 0 0 0; }
#participant-login form { margin: 20px 0 0 0; clear: both; }
#participant-login fieldset { border: none; padding: 2px 0; }
#participant-login label { width: 100px; }
#participant-login input { width: 150px; padding: 3px; margin: 0 0 3px 0; }
#participant-login input.submit { border: none; width: auto; margin: 10px 0 0 97px; }


/* clanky */
.article-item { padding-left: 100px; padding-right: 10px; position: relative; margin-bottom: 30px; }
.article-item h2 { border-bottom: 1px solid #FFFFFF; margin-bottom: 10px; padding-bottom: 5px; font-size: 24px; font-weight: bold; }
.article-item h2, .article-item p { padding-left: 5px; padding-right: 5px; }
.datum-info { position: absolute; width: 70px; height: 70px; left: 0; top: 0; background: url(/cz/img/clanky-datum-bgr.gif) 0 0 no-repeat; text-align: center; font-weight: bold; padding-top: 15px; }
.den { color: #6A1A15; font-size: 23px; display: block; padding-bottom: 5px; }
.zbytek { color: #6A1A15; font-size: 17px; display: block; }
.clanek-datum { position: absolute; top: -20px; right: 40px; text-align: right; }
.clanek-profil-autora { float: right; width: 260px; border: 1px solid #FFFFFF; margin-left: 5px; margin-bottom: 5px; padding: 5px; font-size: 12px; }
.clanek-profil-autora p { padding: 0; }
.clanek-profil-autora p.mail { padding-bottom: 15px; }
.clanek-profil-autora p.meno { font-size: 13px; font-weight: bold; }
.clanek-profil-autora p.no-padd { padding: 0; }
