#doc4 { width: 1050px; margin-top: .5em; margin-bottom: 2em; }
#doc4.yui-t5 #yui-main .yui-b { margin-right: 210px; }
#doc4 #secondary_column { width: 204px; }

/******* Absolute positioned ******/
#hd h2 a#logo,
#hd ul.menu li ul,
#hd ul.menu li ul { display: block; position: absolute; z-index: 10; }

/******* Relative position wrappers ******/
#doc4,
#hd,
#bd,
#hd ul.menu li ,
#ft { position: relative; z-index: 2; }

/******* Header ******/
#hd { float: left; width: 204px; z-index: 5; margin-right: 29px; }
#hd ul.menu li a,
#hd ul.menu li strong,
#hd ul.menu,
#hd h2 a#logo { background: transparent url(/images/sprites.png) no-repeat left top; }
#hd h2 a#logo { overflow: hidden; text-indent: -3000px; text-decoration: none; height: 241px; width: 204px; top: 130px; left: 0; background-position: -204px 0; }
#hd ul.bottom { background-position: left bottom; }
#hd ul.menu { padding: 15px; }
#hd ul.top { height: 115px; padding-bottom: 0; }
#hd ul.bottom { margin-top: 241px; }
#hd ul.menu li { display: block; margin-bottom: 7px; }
#hd ul.menu li a,
#hd ul.menu li strong { display: block; height: 27px; width: 143px; line-height: 27px; vertical-align: middle; text-transform: uppercase; padding: 0 20px 0 10px; background: transparent url(/images/sprites.png) no-repeat -204px -241px; font-weight: bold; font-size: 77%; text-decoration: none; color: #555; overflow: hidden; }
#hd ul.menu li strong { cursor: default; }
#hd ul.menu ul li.no_submenu a,
#hd ul.menu ul li.no_submenu strong { background: transparent; }
#hd ul.menu li.active strong,
#hd ul.menu li.active a,
#hd ul.menu li strong:hover,
#hd ul.menu li a:hover { color: #e44; background-position: -204px -268px; }
#hd ul.menu li ul { display: none; z-index: -1; left: 178px; top: 0; border: 1px solid #aaa; background: #ebeced url(/images/sprites.png) no-repeat bottom right; padding: 10px; padding-bottom: 8px; width: 300px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#hd ul.menu li.show_submenu strong,
#hd ul.menu li.show_submenu a { color: #333; background-position: -204px -295px; }
#hd ul.menu li.show_submenu ul { display: block; }
#hd ul.menu li.show_submenu ul li { margin-bottom: 10px; }
#hd ul.menu li.show_submenu ul a,
#hd ul.menu li.show_submenu ul strong { height: auto; line-height: 110%; width: 100%; background-position: right -431px; padding: 0; }
#hd ul.menu li ul li.show_submenu strong,
#hd ul.menu li ul li.show_submenu a,
#hd ul.menu li.show_submenu ul a:hover,
#hd ul.menu li.show_submenu ul strong:hover { color: #e44; background-position: right -484px; }
#hd ul.menu li.show_submenu ul h2 { color: #c00; margin: 0 0 .5em 0; font-weight: bold; font-size: 131%; }
#hd ul.menu li.show_submenu ul ul { left: 315px; top: -12px; display: none; width: 300px; }
#hd ul.menu li.show_submenu ul ul li strong,
#hd ul.menu li.show_submenu ul ul li a { background: transparent; color: #333; }  
#hd ul.menu li.show_submenu ul li.show_submenu ul { display: block; }
#hd ul.menu li.show_submenu ul li.show_submenu ul ul { display: none; left: 322px; }
#hd ul.menu li.show_submenu ul ul li.show_submenu ul { display: block; }

#hd .widget { background: white url(/images/sprites.png) repeat-y right -40px; margin-top: 2em; }

/******* Body ******/
#bd { float: left; width: 595px; padding-bottom: 3em; border: 1px solid #ccc; border-width: 0 1px; }
#bd img.theme { margin-bottom: .5em; border-width: 1px 0; }
#bd img { border: 1px solid #ccc }
#bd ul.primary { display: block; float: left; width: 100%; margin-bottom: 1em; }
#bd ul.primary li { width: 16.66%; display: block; float: left; }
#bd ul.primary li a { display: block; font-size: 77%; text-align: center; text-transform: uppercase; color: #888; text-decoration: none; padding: .1em 0; border-right: 1px solid #888; font-weight: bold; }
#bd ul.primary li a:hover { text-decoration: underline; }
#bd ul.primary li.item6 a { border-style: none; }

#bd h1 { font-size: 182%; margin: 2em 0 1em 7px; color: #40a3c8; } 
#bd .breadcrumbs { font-size: 77%; color: #999; margin-left: 7px; font-weight: bold; }
#bd .breadcrumbs a { color: #999; text-decoration: none; }
#bd .breadcrumbs a:hover { color: #e44; text-decoration: underline; }
#bd .text_content h1 { margin: 1em 0 .5em 0; }

#bd .text_content .notice { background-color: green; color: white; text-align: center; font-size: 131%; margin-top: 30px; vertical-align: middle;}

.text_content { color: #666; padding: 0 7px; }
.text_content .text_content { padding: 0; }
.text_content h2 { font-size: 131%; margin: 1em 0 .5em 0; color: #e44; }
.text_content h2 a { color: #e44; font-weight: bold; }
.text_content h2 a:hover { color: #444; }
.text_content h3 { font-size: 116%; font-weight: bold; margin: 1em 0 .5em 0; color: #555; }
.text_content h3 a { color: #555; }
.text_content h4 { margin: 1em 0 .5em 0; font-weight: bold; }
.text_content strong { font-weight: bold; }
.text_content em { font-style: italic; }
.text_content strong em { font-weight: bold; }
.text_content a { color: #444; }
.text_content a:hover { color: #e44; }
.text_content p { margin-bottom: 1em; line-height: 130%; text-align: justify; }
.text_content ol,
.text_content ul { padding-left: 1.5em; margin-bottom: 1em; }
.text_content ol li, 
.text_content ul li { margin-bottom: .4em; clear: both; }
.text_content ol li { list-style: decimal; }
.text_content ul li { list-style: square; }
.text_content ol ol li { list-style: lower-alpha; }
.text_content ul ul li { list-style: circle; }
.text_content ol ul li { list-style: square; }
.text_content ul ol li { list-style: decimal; }
.text_content pre { background: #eee; border: 1px solid #ddd; padding: .5em; width: 45em; margin-bottom: 1em; font-family: monospace; white-space: pre; overflow: auto; overflow-y: hidden; }
.text_content pre code { overflow: auto; overflow-y: hidden; color: black; }
.text_content blockquote { margin: 0 0 1em .5em; border-left: .4em solid #ddd; padding-left: .4em; }
.text_content hr { margin: 0; border-style: none; background: transparent; height: 1px; overflow: hidden; clear: both; *visibility: hidden; *margin: 0; }
.text_content .align_left { float: left; margin: 0 1em 1em 0; }
.text_content .align_right { float: right; margin: 0 0 1em 1em; }
.text_content .align_center { clear: both; margin: 1em auto; }
.text_content .article_images { clear: both; border-top: 3px solid #ccc; margin-top: 2em; padding-top: 1em; }
.text_content .article_images .image { display: inline-block; margin: 1em 1em 0 0; }
.text_content .article_images .image img { border: 1px solid #ccc; padding: 1px; vertical-align: top; }
.text_content div.block,
.text_content .article_list .article { background: transparent url(/images/sprites.png) no-repeat top right !important; width: 19.5em; margin: 0 1em 1em 0; padding: 1em; float: left; height: 13em; overflow: hidden; border: 1px solid #aaa; }
.text_content div.even,
.text_content .article_list .even { margin-right: 0; }
.text_content div.block h3,
.text_content .article_list .article h3 { font-size: 108%; margin: 0 2em .5em 0; }
.text_content div.block h3,
.text_content .article_list .article h3,
.text_content div.block h3 a,
.text_content .article_list .article h3 a { text-decoration: none; color: #e44; text-transform: uppercase; }
.text_content div.block h3 a:hover,
.text_content .article_list .article h3 a:hover { color: #333; }
.text_content table { margin: 1em 0; }
.text_content table th, 
.text_content table td { vertical-align: top; text-align: left; padding: .25em 1em; border-bottom: 1px dotted #ddd; }
.text_content table th { font-weight: bold; border-bottom: 1px solid #999; color: #2B85B2; }
.text_content table td.number { text-align: right; }
.text_content table td.price { text-align: right; font-weight: bold; }
.text_content table td.canceled_price { color: #999; font-weight: normal; text-decoration: line-through; font-style: italic; }
.text_content table td.active_price { color: #f00; }
.text_content table tfoot td { border-style: none; font-size: 85%; }
.text_content #message_sent h2 { color: #327A2E; }
.text_content .yui-gb p { text-align: left; }

#bd .registration_link { background: #ccc; width: 40%; text-align: right; padding: .2em 1em .2em 0; margin-bottom: 1em; }
#bd .registration_link a { font-size: 85%; font-weight: bold; text-decoration: none; color: red; }
#bd .registration_link a:hover { text-decoration: underline; }

div.calendar_pager { }
div.calendar_pager h2,
div.calendar_pager a { font-weight: bold; display: block; height: 21px; line-height: 21px; vertical-align: middle; }
div.calendar_pager h2 { color: red; text-align: center; font-size: 108%; }
div.calendar_pager a { text-decoration: none; margin-right: .5em; color: #999; padding-right: 30px; text-align: right; background: transparent url(/images/sprites.png) no-repeat; background-position: right -574px; }
div.calendar_pager a:hover { text-decoration: underline; }
div.calendar_pager .first a { background-position: -555px -574px; padding-left: 30px; padding-right: 0; text-align: left; margin: 0 0 0 .5em; }

table.calendar { margin: 1em 0 3em 40px; }
table.calendar thead th,
table.calendar tbody td { color: #666; text-align: center; font-weight: bold; font-size: 108%; width: 36px; height: 36px; }
table.calendar thead th { vertical-align: bottom; }
table.calendar tbody td { vertical-align: middle; background: transparent url(/images/sprites.png) no-repeat; background-position: -303px -322px; }
table.calendar tbody td a { color: #666; text-decoration: none; font-weight: bold; }
table.calendar tbody td a:hover { text-decoration: underline; }
table.calendar tbody td.filled { background: #999 url(/images/sprites.png) no-repeat; background-position: -266px -322px; color: white; }
table.calendar tbody td.filled a { color: white; }

ul.course_list { margin-left: 42px; }
ul.course_list li { margin-bottom: .5em; color: #555; font-size: 93%; }
ul.course_list li ul,
ul.course_list li a,
ul.course_list li span { display: block; float: left; }
ul.course_list li a { font-weight: bold; color: #666; font-size: 108%; text-decoration: none; margin: 10px 0 0 10px; }
ul.course_list li a:hover { text-decoration: underline; }
ul.course_list li span { width: 36px; height: 36px; background: #666 url(/images/sprites.png) no-repeat; background-position: -266px -322px; }
ul.course_list li ul { width: 100%; }
ul.course_list li ul li { margin: 0 0 .2em 5em; }

/******* Course colors ******/
ul.course_list li a { color: #178181; }
table.calendar tbody td.filled,
ul.course_list li span { background-color: #178181; }

ul.course_list li.zakladni-principy-koucovani-1 a { color: #fc440c; }
table.calendar tbody td.zakladni-principy-koucovani-1,
ul.course_list li.zakladni-principy-koucovani-1 span { background-color: #fc440c; }

ul.course_list li.akreditovany-interni-profesionalni-kouc-msmt-cr a { color: #9c0; }
table.calendar tbody td.akreditovany-interni-profesionalni-kouc-msmt-cr,
ul.course_list li.akreditovany-interni-profesionalni-kouc-msmt-cr span { background-color: #9c0; }

ul.course_list li.akreditovany-externi-profesionalni-kouc-msmt-cr a { color: #039602; }
table.calendar tbody td.akreditovany-externi-profesionalni-kouc-msmt-cr,
ul.course_list li.akreditovany-externi-profesionalni-kouc-msmt-cr span { background-color: #039602; }

ul.course_list li.interni-kouc-1 a { color: #9c0; }
table.calendar tbody td.interni-kouc-1,
ul.course_list li.interni-kouc-1 span { background-color: #9c0; }

ul.course_list li.interni-kouc-1 a { color: #9c0; }
table.calendar tbody td.interni-kouc-1,
ul.course_list li.interni-kouc-1 span { background-color: #9c0; }

ul.course_list li.family-and-couples-coaching-1 a { color: #861a66; }
table.calendar tbody td.family-and-couples-coaching-1,
ul.course_list li.family-and-couples-coaching-1 span { background-color: #861a66; }

ul.course_list li.family-and-couples-coaching-2 a { color: #861a66; }
table.calendar tbody td.family-and-couples-coaching-2,
ul.course_list li.family-and-couples-coaching-2 span { background-color: #861a66; }

ul.course_list li.nlp-trainer a { color: #f60; }
table.calendar tbody td.nlp-trainer,
ul.course_list li.nlp-trainer span { background-color: #f60; }

ul.course_list li.nlp-practitioner-icf a { color: #f60; }
table.calendar tbody td.nlp-practitioner-icf,
ul.course_list li.nlp-practitioner-icf span { background-color: #f60; }

ul.course_list li.nlp-master a { color: #f60; }
table.calendar tbody td.nlp-master,
ul.course_list li.nlp-master span { background-color: #f60; }

ul.course_list li.tymovy-koucink-1 a { color: #33d9af; }
table.calendar tbody td.tymovy-koucink-1,
ul.course_list li.tymovy-koucink-1 span { background-color: #33d9af; }

ul.course_list li.tymove-koucovani a { color: #33d9af; }
table.calendar tbody td.tymove-koucovani,
ul.course_list li.tymove-koucovani span { background-color: #33d9af; }

ul.course_list li.team-coaching-eng a { color: #fac316; }
table.calendar tbody td.team-coaching-eng,
ul.course_list li.team-coaching-eng span { background-color: #fac316; }

ul.course_list li.akreditovany-kurz-koucink-veda-i-umeni-1-4-icf a { color: #be0910; }
table.calendar tbody td.akreditovany-kurz-koucink-veda-i-umeni-1-4-icf,
ul.course_list li.akreditovany-kurz-koucink-veda-i-umeni-1-4-icf span { background-color: #be0910; }

ul.course_list li.priprava-na-akreditaci-icf-koucink-veda-i-umeni-5 a { color: #fc2a7c; }
table.calendar tbody td.priprava-na-akreditaci-icf-koucink-veda-i-umeni-5,
ul.course_list li.priprava-na-akreditaci-icf-koucink-veda-i-umeni-5 span { background-color: #fc2a7c; }

ul.course_list li.akreditovany-business-performance-coach-msmt-cr a { color: #cb4aea; }
table.calendar tbody td.akreditovany-business-performance-coach-msmt-cr,
ul.course_list li.akreditovany-business-performance-coach-msmt-cr span { background-color: #cb4aea; }

ul.course_list li.inner-game-of-team-leadership a { color: #c5225c; }
table.calendar tbody td.inner-game-of-team-leadership,
ul.course_list li.inner-game-of-team-leadership span { background-color: #c5225c; }

#secondary_column table.calendar { margin: 0 0 2em 0; }
#secondary_column table.calendar thead th,
#secondary_column table.calendar tbody td { width: 26px; height: 26px; font-size: 93%; }
#secondary_column table.calendar tbody td { background-position: -290px -358px; }
#secondary_column table.calendar tbody td.filled { background-position: -264px -358px; }

#bd .warning { background: #EE4444; color: white; padding: .5em 1em; width: 40em; margin: 0 0 1em 0; }
#bd .warning a { color: white; text-decoration: underline; }

#bd .even { background: #f0f0f0; }
#bd .course_preview { padding: 7px; }
#bd .course_preview p.link { text-align: right; }
#bd .course_preview p.link a { text-decoration: none; font-size: 93%; color: #40a3c8; font-weight: bold; }
#bd .course_preview p.link a strong { color: #555; }
#bd .course_preview p.link a:hover { text-decoration: underline; }

#bd .contact_form h2 { font-size: 116%; font-weight: bold; margin: 1.5em 0 1.5em 1em; color: #40a3c8; }
#bd form fieldset { margin-bottom: 2em; border-top: 1px solid #aaa; padding: 0 .5em; }
#bd form fieldset legend { display: inline-block; background: white; padding: 0 1em; margin-left: 1em; color: #666; font-size: 85%; font-weight: bold; }
#bd form ul { margin: 1em 0; }
#bd form ul li { display: block; margin-bottom: .8em; }
#bd form ul li label { display: inline-block; text-align: right; margin-right: 1%; width: 25%; font-size: 93%; color: #444; }
#bd form ul li.required label { font-weight: bold; color: #000; }
#bd form ul li label:after { content: ":" }
#bd form ul li input.short_field,
#bd form ul li input.text,
#bd form ul li textarea { display: inline-block; border: 1px solid #ccc; padding: .3em .5em; width: 68%; color: #333; vertical-align: middle; }
#bd form ul li input.text { font-size: 108%; font-weight: bold; }
#bd form ul li textarea { vertical-align: top; }
#bd form ul li input.zip,
#bd form ul li input.number { width: 6em; }
#bd form ul li input.short_field,
#bd form ul li input.short { width: 12em; }
#bd form input.submit { margin-top: 2em; margin-left: 26.7%; color: #444; cursor: pointer; font-size: 108%; font-weight: bold; padding: .2em 1em; }
#bd form ul li.storno label { width: auto; vertical-align: top; }
#bd form .error_list { display: block; margin-left: 21.7%; width: 68%; color: red; font-size: 85%; }
#bd form .error_list li { margin: 0; }
#bd form table { margin: 0 0 0 .5em; }
#bd form table th, 
#bd form table td { border-style: none; padding: 0 1em .5em 0; }
#bd form table td { padding-top: .2em; }
#bd form table th { font-weight: normal; border-style: none; color: #444; }
#bd form table th label { font-weight: bold; color: #40a3c8; margin-bottom: .5em; }

#bd form fieldset.note_referer label { text-align: left; font-size: 85%; }

#bd form .text_content ol,
#bd form .text_content ul { padding-left: 1.5em; margin-bottom: 1em; }
#bd form .text_content ol li, 
#bd form .text_content ul li { margin-bottom: .4em; clear: both; display: list-item; }
#bd form .text_content ol li { list-style: decimal; }
#bd form .text_content ul li { list-style: square; }
#bd form .text_content ol ol li { list-style: lower-alpha; }
#bd form .text_content ul ul li { list-style: circle; }
#bd form .text_content ol ul li { list-style: square; }
#bd form .text_content ul ol li { list-style: decimal; }

#bd #contact .half { float: left; width: 50%; }
#bd #contact .contact_card { float: left; width: 33%; text-align: center;}
#bd #contact .contact_card img { margin: 0 auto; }
#bd #contact p a img {  display: inline-block; margin: .2em; }
#bd #contact address { font-style: italic; }

#bd #contact .contact_form li { list-style-type: none; }
#bd #contact .contact_form label { display: block; }
#bd #contact .contact_form input,
#bd #contact .contact_form textarea { width: 50%; }
#bd #contact .contact_form input.submit { width: auto; }

/******* Footer ******/
#ft { float: none; clear: both; text-align: right; color: #888; font-size: 85%; padding: 1em 10px 2em 0; }

/******* Secondary column ******/
#secondary_column .box { border: 1px solid #888; padding: .5em; background: white url(/images/sprites.png) repeat-y right -40px; margin-bottom: 1em; color: #444; }
#secondary_column .box h3 { font-weight: bold; margin-bottom: .5em; color: #555; text-transform: uppercase; font-size: 85%; }
#secondary_column .box .image { margin-bottom: .5em; }

#secondary_column .news strong { font-weight: bold; }
#secondary_column .news a { color: #444; }
#secondary_column .news a:hover { color: black; }
#secondary_column .news ul,
#secondary_column .news ol { padding-left: 1.5em; margin-bottom: 1em; }
#secondary_column .news ol li,
#secondary_column .news ul li { margin-bottom: .4em; clear: both; display: list-item; }
#secondary_column .news ol li { list-style: decimal; }
#secondary_column .news ul li { list-style: square; }

#secondary_column h2.calendar { font-weight: bold; margin-bottom: .2em; color: #40A3C8; text-transform: uppercase; font-size: 93%; }
#secondary_column h2.calendar a { text-decoration: none; color: #40a3c8; }
#secondary_column h2.calendar a:hover { text-decoration: underline }

.secondary_column .widget { border: 1px solid #888; padding: .5em; background: #f5f5f5; margin-bottom: 1em; }
.secondary_column .widget h2 { font-weight: bold; margin-bottom: .5em; color: #40A3C8; text-transform: uppercase; font-size: 93%; }
.secondary_column .widget .image { margin-bottom: .5em; }
.secondary_column .widget p { font-size: 93%; color: #666; margin-bottom: 1em; }
.secondary_column .widget form fieldset { margin-bottom: 2em; border-top: 1px solid #aaa; padding: 0 .5em; }
.secondary_column .widget fieldset legend { display: inline-block; background: white; padding: 0 1em; margin-left: 1em; color: #666; font-size: 85%; font-weight: bold; }
.secondary_column .widget form ul li { display: block; margin-bottom: .5em; }
.secondary_column .widget form ul li label { display: block; margin-bottom: .1em; font-size: 85%; color: #666; }
.secondary_column .widget form ul li.required label { font-weight: bold; color: #000; }
.secondary_column .widget form ul li label:after { content: ":" }
.secondary_column .widget form ul li input.short_field,
.secondary_column .widget form ul li input.text,
.secondary_column .widget form ul li textarea { display: block; border: 1px solid #ccc; width: 94%; padding: .1em .3em; color: #333; font-size: 85%; }
.secondary_column .widget form ul li input.zip,
.secondary_column .widget form ul li input.number { width: 6em; }
.secondary_column .widget form ul li input.short_field,
.secondary_column .widget form ul li input.short { width: 12em; }
.secondary_column .widget form input.submit { margin-top: 1em; color: #222; cursor: pointer; width: 94%; font-weight: bold; padding: .2em 1em; }
.secondary_column .widget form .error_list { display: block; color: red; font-size: 85%; }
.secondary_column .widget form .error_list li { margin: 0; }