body {padding-top: 50px; font-family: 'open-sans', sans-serif; background: url("/thm/def/img/bkg.gif")}
.hide {display: none}
.clear {clear: both; width: 100% !important; border: 0 !important}
.fright {float: right}

abbr {border-bottom: 1px dashed rgb(85,85,85); cursor: help }

#main {width: 960px; margin: 0 auto}

#header {margin-bottom: 20px}
#phone {float: right; text-align: right; margin-top: 22px}
#phone a {color: #7f7f7f; text-decoration: none}
#phone span.number {display: block; font-size: 35px; line-height: 25px; font-family: bebas-neue, sans-serif}
#phone span.desc {font-size: 12px; line-height: 15px; text-transform: uppercase}
#title {border-bottom: 1px solid #c1c1c1}
#logo {display: inline-block}
/* #logo img {position: absolute; top: 0; left: -50px} */
#logo a {color: #7f7f7f; text-decoration: none; font-size: 56px; font-weight: normal; font-family: bebas-neue, sans-serif}
#logo a span{color: #c1272d}
#lang {display: inline-block; float: right}
#lang a {display: inline-block; margin: 6px 0 0 4px}
#lang img {margin: 0}
#social {display: inline-block; float: right}
#social a {display: inline-block; margin: 6px 0 0 4px}
#social img {margin: 0}

#menu {clear: both}
#navigation {display: inline-block}
#navigation li {display: inline-block; margin: 15px 9px 0 0}
#navigation li a {color: #7f7f7f; padding-right: 22px; font-size: 19px; text-decoration: none; text-transform: uppercase; font-family: bebas-neue, sans-serif; border-bottom: 1px solid #c1c1c1}
#navigation li a:hover {color: #000; border-bottom: 3px solid #c1272d}
#navigation li.active a {color: #000; border-bottom: 3px solid #c1272d}

.carousel {margin-bottom: 0 !important; padding-bottom: 0 !important}
.carousel div.banner {height: 400px; margin-bottom: 0 !important; padding-bottom: 0 !important}
.carhr {clear: both; height: 0; padding-top: 20px; border-bottom: 2px solid #7f7f7f; margin-bottom: 20px}

#center_column {margin: 0 0 40px 0; float: left; width: 725px}
#right_column {margin: 0 0 40px 0; float: right; width: 215px}


#content {clear: both; font-family: 'open-sans', sans-serif; font-size: 13px; text-align: left}
#content h1 {color: #7F7F7F; font-size: 23px; line-height: 32px; padding: 0; margin-bottom: 10px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; font-family: bebas-neue, sans-serif; text-transform: uppercase}
#content h2 {color: #7F7F7F;  font-size: 22px; font-weight: normal; padding-bottom: .3em; border: 0; margin-bottom: 0; font-family: bebas-neue, sans-serif}
#content h3 {color: #7F7F7F; font-size: 19px; font-weight: normal; padding-bottom: .1em; line-height: 1.3em; font-family: bebas-neue, sans-serif}
#content h4 {color: #7F7F7F; font-size: 17px; font-weight: normal; padding-bottom: .1em; line-height: 1.3em; font-family: bebas-neue, sans-serif}
#content h5 {color: #7F7F7F; font-size: 16px; font-weight: normal; padding-bottom: .1em; line-height: 1.3em; font-family: bebas-neue, sans-serif}
#content p {text-align: justify; line-height: 1.5em; margin-bottom: 10px}
#content a {color: #991f23; font-weight: normal}
#content a:hover {color: #000}
#content blockquote {font-style: italic !important; line-height: 1.5em; margin-bottom: 1.5em}
#content pre {font-family: courier, serif; line-height: 1.5em; margin-bottom: 1.5em}
#content img {margin: 0 10px 10px 0}
#content td {padding: 3px 5px}


#content ul {overflow: hidden ; padding-left: 2em; line-height: 1.5em; list-style-position: outside; list-style-type: disc; margin-bottom: 10px}
#content ul li {list-style-position: outside; padding-left: 0}
#content ol {margin-left: 2em; line-height: 1.5em; list-style-position: outside; list-style-type: decimal; margin-bottom: 10px}

#content .clr {clear: both}
#content hr {border: 0; height: 1px; background-color: #c1c1c1; margin-bottom: 10px}

#content div.attachments {clear: both}

#content div.article {clear: both; margin-bottom: 20px}
#content div.article img.main_image {float: left; padding: 5px 10px 20px 0}
#content div.article h2 {color: #7F7F7F; font-weight: normal; font-size: 23px; line-height: 24px; padding: 6px 0; margin-bottom: 10px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; font-family: bebas-neue, sans-serif; text-transform: uppercase}
#content div.article h2 a {color: #7F7F7F; text-decoration: none; font-weight: normal}
#content div.article h2 a:hover {color: #000}
#content div.article p {font-size: 13px; font-weight: 300; line-height: 20px; font-family: 'open-sans', sans-serif}
#content div.article p.full_article  {text-align: right}
#content div.article p.full_article a  {color: #9f9f9f; font-size: 19px; font-weight: normal; line-height: 19px; padding-bottom: 5px; text-decoration: none; text-transform: uppercase; font-family: bebas-neue, sans-serif}
#content div.article p.full_article a:hover {color: #000}

#promo {font-family: 'open-sans', sans-serif; margin-bottom: 20px}
#promo h3 {color: #7F7F7F; font-weight: normal; font-size: 27px; line-height: 44px; margin-bottom: 5px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; font-family: bebas-neue-book, sans-serif; text-transform: uppercase; text-decoration: none}
#promo h3 a {color: #7F7F7F; font-weight: normal; font-size: 27px; font-family: bebas-neue-book, sans-serif; text-transform: uppercase; text-decoration: none}
#promo h3 a span {color: #c1272d; font-family: bebas-neue, sans-serif}
#promo h3 a:hover {color: #000}
#promo ul {overflow: hidden; list-style-position: outside; list-style-type: none; margin-bottom: 10px}
#promo ul li {list-style-position: outside; padding-left: 10px; font-size: 13px; line-height: 20px; }
#promo ul li a {text-decoration: none; color: #000}
#promo ul li a:hover {text-decoration: underline; color: #000}

#rgc div.short_info {margin-bottom: 20px; text-align: center}
#rgc h3 {text-align: left; color: #7F7F7F; font-weight: normal; font-size: 17px; line-height: 27px; margin-bottom: 4px; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; font-family: bebas-neue, sans-serif; text-transform: uppercase; text-decoration: none}
#rgc p {text-align: left; font-family: 'open-sans', sans-serif; font-size: 12px; line-height: 1.3em; margin-top: 10px; text-align: justify}
#rgc img {margin-top: 10px}
#rgc a {color: #000}

#gmap {margin-bottom: 20px}
#gmap iframe {width: 100%; height: 300px}

#cfrm {float: right; width: 300px; margin-left: 20px; padding: 10px 15px 20px 15px; background-color: rgba(225,225,225,0.3)}
#cfrm label, #cfrm input, #cfrm textarea {display: block; width: 288px}
#cfrm label {margin-left: 3px; margin-bottom: 5px; font-size: 16px; color: #6a6a6a; font-family: bebas-neue-book, sans-serif}
#cfrm div {margin-bottom: 15px}
#cfrm button {color: #7F7F7F; background-color: #fff; font-size: 18px; display: block; width: 120px; margin: 0 auto; text-align: center; text-transform: uppercase; font-family: bebas-neue, sans-serif}
#cfrm input, #cfrm textarea {padding: 5px; border: 1px solid #d0d0d0; margin: 0; box-shadow: inset 0 0 3px 0px #e0e0e0}
#cfrm input:focus, #cfrm textarea:focus {color: #444444; border: 1px solid #aaaaaa; box-shadow: 0 7px 6px -8px #aaaaaa}
#cfrm button {padding: 5px 12px; border: 1px solid #ccc}
#cfrm button:hover {text-shadow: 0 1px 1px #aaa; color: #000; border: 1px solid #c1272d}
#cfrm button:active {text-shadow: none; color: #000}
#content div.article p.full_article a  {color: #9f9f9f; font-size: 19px; font-weight: normal; line-height: 19px; padding-bottom: 5px; text-decoration: none; text-transform: uppercase; font-family: bebas-neue, sans-serif}
#content div.article p.full_article a:hover {color: #000}

#cfrm form p {color: red}
#cfrm p.mok {color: green; font-weight: bold; font-size: 13px; border: 1px solid #aaa; padding:5px; text-align: center}

#frm {margin: 0; padding: 20px 30px 20px 20px; background-color: #f3f3f3}
#frm div.wrap {clear: both; width: 100%}
#frm div.wrap div.inwrap {width: 300px; float: left}
#frm div.wrapfull div.inwrap {width: 100%; clear: both}
#frm div.wrap p.exp {width: 350px; float: right; margin-top: 28px; color: #777; font-size: 12px; line-height: 1.5em; font-style: italic}
#frm div.wrap p.err {color: red; font-size: 12px; line-height: 1.5em}
#frm div.wrapfull p.exp {width: 100%; margin-top: 5px; color: #777; font-size: 12px; line-height: 1.5em; font-style: italic}
#frm div.wrapfull p.err {color: red; font-size: 12px; line-height: 1.5em}
#frm label, #frm input, #frm textarea {display: block; width: 100%}
#frm label {margin: 15px 0 5px 0; font-size: 12px; color: #6a6a6a}
#frm div.mandatory label {font-weight: bold}
#frm input, #frm textarea { font-size: 13px; line-height: 1.5em; padding: 5px; border: 1px solid #d0d0d0; margin: 0; box-shadow: inset 0 0 3px 0px #e0e0e0}
#frm input:focus, #frm textarea:focus {color: #444444; border: 1px solid #aaaaaa; box-shadow: 0 7px 6px -8px #aaaaaa}

#frm button {display: block; color: #7F7F7F; background-color: #fff; font-weight: bold; font-size: 18px; width: 8em; margin: 30px auto 10px auto; text-align: center; padding: 5px 12px; border: 1px solid #ccc; font-family: bebas-neue,sans-serif; text-transform:uppercase}
#frm button:hover {text-shadow: 0 1px 1px #aaa; color: #000; border: 1px solid #c1272d}
#frm button:active {text-shadow: none; color: #000}
#frm p.mok {color: #008800; font-weight: bold; font-size: 13px; border: 1px solid #aaa; padding:5px; text-align: center}

#frm .chosen {width: 312px}
#frm a.chzn-single span {color: #555; margin-left: 0px; padding-bottom: 20px}
#frm li.active-result {border-top: 1px dotted #ccc}

#frm .rdo .review {line-height: 20px; font-weight: bold}
#frm .rdo .review span {display: inline-block; width: 200px; font-weight: normal}
#frm .rdo label {display: none}
#frm .rdo textarea {border: 0; box-shadow: none; color: #555; font-style: italic; margin: 20px 0 0 -20px; padding: 10px 30px 10px 20px}
#frm .rdo textarea:focus {border: 0; box-shadow: none}
#frm .rdo .btn {text-align: right}
#frm .rdo button {display: inline-block; margin: 30px 0px 10px 20px}

#content .qblock {color: #555; padding: 20px; margin: 0px; background-color: #fff; border-top: 1px solid #888}
#content .qblock h3 {color: #444; font-size: 13px; line-height: 18px; font-weight: bold; font-family: 'open-sans', sans-serif;}
#content .qblock p.qinfo {margin-bottom: 10px; font-style: italic}
#content .qblock .question {margin-bottom: 10px}
#content .qblock .link {margin-bottom: 20px; text-align: right}
#content .qblock .link span {font-style: italic}
#content .qblock .link span a {color: red}
#content .qblock .question p.qok {font-style: italic}
#content .qblock .reply {margin-top: 20px; padding: 20px 0 0 0; border-top: 1px solid #888}

#content .qblock2 {margin: 20px 0 10px 0; padding-bottom: 10px; background-color: #f3f3f3}
#content .qblock2 h3 {padding: 2px 20px 0 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff}
#content .qblock2 h3 span {float: right; font-size: 12px; font-family:'open-sans', sans-serif}
#content .qblock2 p.qinfo {padding: 5px 20px 3px 20px; margin-bottom: 5px; color: #777; font-style: italic}
#content .qblock2 .question {margin: 0 20px; padding: 5px 10px 1px 10px; background-color: #fff}
#content .qblock2 .link {margin: 5px 23px; text-align: right}
#content .qblock2 .link span {font-style: italic}
#content .qblock2 .link span a {color: red}
#content .qblock2 .reply {margin: 15px 20px}
#content .qblock2 .reply h4 {display: block; padding: 0 0 5px 0; margin-left: -10px}
#content .qblock2 .reply img {float: left; padding: 5px 10px 10px 0; background-color: #f3f3f3; margin: 0 10px 5px 0}
#content .qblock2 .reply div.rcon {padding: 5px 10px 5px 10px; background-color: #fff; margin: 0 0 10px 0; line-height: 1.5em; text-align: justify}
#content .qblock2 .blink {clear: both; text-align: right}

#advice {color: #444}
#advice h1 {color: #fff; background-color: #c1272d; font-size: 23px; line-height: 34px; padding: 0 20px; margin-bottom: 0; border: 0; font-family: bebas-neue, sans-serif; text-transform: uppercase}
#advice h2 {color: #7F7F7F;  font-size: 22px; font-weight: normal; padding-bottom: .3em; border: 0; margin-bottom: 0; font-family: bebas-neue, sans-serif}

#bck {text-align: center; margin: 0; padding: 20px 30px 20px 20px; color: #888; background-color: #f3f3f3; border-top: 1px solid #888}
#bck p{text-align: center}

#content .category {margin: 20px 0 10px 0}
#content #ctg {margin-bottom: 0}
#content .category .description {padding: 10px 20px 10px 20px; background-color: #f3f3f3}
#content .category .hdc {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
#content .category h2 {padding: 3px 20px 1px 20px; color: #c1272d}
#content .category h3 {padding: 3px 20px 0 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
#content .category h3 span {font-size: 17px; font-family: bebas-neue-book, sans-serif}
#content .category h3 span.num {display: inline-block;text-align: right;  width: 20px}

#content span.zacatek {text-align: center; display: block; margin-top: 20px}
#content span.zacatek a {padding: 5px 12px; color: #fff; font-weight: bold; border: 1px solid #c1272d; text-decoration: none; background-color: #c1272d}
#content span.zacatek a:hover {background-color: #fff; text-shadow: 0 1px 1px #aaa; color: #000}
#content span.zacatek a:active {text-shadow: none; color: #000}

#content .category .hdc {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
#content .hdc .pagination {display: inline-block; float: right; padding-top: 4px}
#content .hdc .pagination a {display: inline-block; margin-left: 2px; font-size: 10px; line-height: 18px; width: 18px; text-align: center; color: #444; background-color: #ddd; text-decoration: none}
#content .hdc .pagination a:hover {color: #fff; background-color: #aaa}
#content .hdc .pagination span {display: inline-block; margin-left: 2px; font-size: 10px; line-height: 18px; width: 18px; text-align: center; background-color: #ddd}
#content .hdc .pagination span.active {color: #fff; background-color: #c1272d}
#content .hdc .pagination span.dots {background-color: transparent; font-size: 12px}
#content .hdc .pagination span.noactive {color: #aaa; background-color: #eee}

#acfooter p {margin: 0; padding: 0; display: inline-block; line-height: 26px; font-style: italic; color: #555}

/* Questionnaire */
#questionnaire h1 {color: #fff; background-color: #c1272d; font-size: 23px; line-height: 34px; padding: 0 20px; margin-bottom: 0; border: 0; font-family: bebas-neue, sans-serif; text-transform: uppercase}
#questionnaire p.fqinfo {font-size: 15px; line-height: 24px; margin-top: 20px}

#questionnaire #frm {background-color: rgba(247,247,247,.7); padding: 20px 0; border: 1px solid rgba(193,39,45,.2); border-top: 0}
#questionnaire #frm .wrap {padding: 0 0 10px 0; border-bottom: 1px dotted #ddd}
#questionnaire #frm .pretext {padding: 0 20px 10px 20px; border-bottom: 1px dotted #ddd}

#questionnaire #frm div.inwrap {width: auto; float: none}
#questionnaire #frm div.inwrap p {font-size: 13px; line-height: 20px; font-weight: bold; color: #777; padding: 5px 20px; margin-bottom: 5px; background-color: #fff}
#questionnaire #frm div.inwrap ul {margin: 0 20px; padding-left: 0}
#questionnaire #frm div.inwrap ul li {list-style-type: none; margin-left: 0; padding-left: 0; color: #555; font-size: 13px; line-height: 22px}
#questionnaire #frm div.inwrap ul li input {width: auto; margin: 0 5px 0 10px; display: inline-block; vertical-align: -3px; box-shadow: none}

#questionnaire #frm div.inwrap textarea {margin: 10px 20px 5px 20px; padding: 5px; width: 670px}
#questionnaire #frm div.inwrap input.texta {margin: 10px 20px 5px 20px; padding: 5px; width: 670px}

#questionnaire #frm div.inwrap p.err  {color: #f00; background-color: #fff; box-shadow: 0px 1px 1px #bbb; margin: 4px 20px 0 20px; padding: 3px 5px; border-top: 1px solid #f00; border-bottom: 1px solid #f00};

#webinar div {margin: 0; padding: 0}
#webinar div.wheader,
#webinar div.wtitle,
#webinar div.wsubtitle,
#webinar div.wtime,
#webinar div.wfooter,
#webinar div.wdescription {background-color: #e4e3d7 !important; text-align: center !important}
#webinar iframe {background-color: #e4e3d7 !important}
#webinar div.wtitle  {text-align: center !important; color: #be1d2c; text-transform: uppercase; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 2px 2px 4px rgba(0,0,0,.5)}
#webinar div.wtitle {font-size: 40px; font-weight: bold; font-family: 'open-sans',sans-serif; line-height: 1.3em}
#webinar div.wsubtitle {font-size: 24px; text-align: center !important; color: #be1d2c; text-transform: uppercase; font-weight: bold; font-family: 'open-sans',sans-serif; line-height: 1.3em}
#webinar div.wsubtitle a {color: #be1d2c; font-weight: bold; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px 1px 3px rgba(0,0,0,.5)}
#webinar div.wsubtitle a:hover {color: #000}
#webinar div.wdescription {font-size: 18px; line-height: 1.5em; padding-bottom: .5em}
#webinar div.wdescription p {text-align: center !important; margin-bottom: .25em}
#webinar div.wdescription p strong {font-weight: bold; color: #be1d2c}
#webinar div.wfooter {padding: .75em 0 .5em 0}
#webinar img {max-width: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 32px}
#webinar div.partners {margin-bottom: 20px}
#webinar div.wtime div.clock {display: inline-block; color: #fff; text-align: center; padding: .5em; margin: .75em 0 .25em 0; border-radius: 5px; background-color: #be1d2c; box-shadow: 0 0 0 1px #fff, 2px 2px 4px rgba(0,0,0,.5)}
#webinar div.wtime div.clock div {display: inline-block; color: #fff; text-align: center; margin: 0 1px}
#webinar div.wtime div.clock div.start_text {display: block; padding-bottom: .5em}
#webinar div.wtime div.clock div span {display: block; font-size: 22px; width: 2em; margin-bottom: 5px; color: #000; background-color: #fff; text-align: center; padding: .5em 0; border-radius: 3px}
#webinar .hidden {display: none !important}


#gska {display: none; position: relative}
#close_gsk {position: absolute; display: inline-block; top: 20px; right: 20px; line-height: 1em; width: 1em; cursor: pointer}
#gskf {width: 960px; height: 850px; border: 0; margin-bottom: 30px}

#testovani_widget {display: block}
#testovani_widget h2 {font-weight: bold; text-transform: uppercase; color: #000}
#testovani_widget li {padding: .125em 0}
#testovani_widget a {text-decoration: none}
#testovani_widget a:hover {text-decoration: underline}
#testovani_widget span.time {color: #999}
#testovani_widget .mobile {margin-top: .5em}

#consent {display: none; z-index: 1000; position: fixed; bottom: 0; width: 100%; font-size: .8125em; padding: .375em .5em; color: #777; line-height: 1.375em;}
#consent .wrap {margin: 0 auto; padding: 1em; background-color: #fff; border-radius: .5em; box-shadow: 0 0 1em 0 rgba(0,0,0,.25)}
#consent .wrap h5 {font-weight: bold; margin-bottom: .25em}
#consent .wrap a {color: #777}
#consent .wrap p {margin-bottom: .5em}
#consent .wrap button, #content .c_page_but a {line-height: 3em; text-align: center; font-weight: bold; border-radius: .25em; border: 0; margin: .25em 0; text-decoration: none}
#consent .wrap button {display: block; width: 100%}
#consent .wrap button:hover, .c_page_but a:hover {cursor: pointer}
#consent .c_txt {margin-bottom: 1em}
#consent .wrap #c_yes, #content .c_page_but .c_yes {color: #d8e0f0; background-color: #405070; margin-bottom: .5em}
#consent .wrap #c_yes:hover, #content .c_page_but .c_yes:hover {color: #fff}
#consent .wrap #c_no, #content .c_page_but .c_no {color: #405070; background-color: #d8e0f0}
#consent .wrap #c_no:hover, #content .c_page_but .c_no:hover {color: #000}

.c_page_but {font-size: .8125em; padding: .5em 0}
.c_page_but a {display: inline-block; margin: .5em 1em 0 0}
.c_page_but .c_yes {color: #d8e0f0; background-color: #405070; margin-bottom: .5em; width: 14em}
.c_page_but .c_yes:hover {color: #fff}
.c_page_but .c_no {color: #405070; background-color: #d8e0f0; width: 14em}
.c_page_but .c_no:hover {color: #000}

@media screen and (min-width: 36em)
{
  #consent .wrap {display: table; max-width: 52em}
  #consent .c_txt {display: table-cell; vertical-align: top; padding-right: 1em}
  #consent .c_but {display: table-cell; vertical-align: top; width: 14em}
}


/*
#questionnaire #frm .radio p {font-size: 13px; line-height: 20px; font-weight: bold; color: #555; margin-bottom: 0px}
#questionnaire #frm .radio ul {margin-left: 0; padding-left: 0}
#questionnaire #frm .radio ul li {list-style-type: none; margin-left: 0; padding-left: 0; color: #555; font-size: 13px; line-height: 22px}
#questionnaire #frm .radio ul li input {width: auto; margin: 0 5px 0 10px; display: inline-block; vertical-align: -3px; box-shadow: none}
*/