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

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

#logo {float: left; margin-bottom: 2px}
#phone {float: right; text-align: right; margin-top: 14px; position: relative}
#phone img.phone {position: absolute; top: -17px; right: -17px}
#phone span.number {color: #cc3300; font-size: 27px; font-weight: bold}
#phone span.desc {display: block; font-size: 12px; font-weight: normal; line-height: 1.7em; color: rgb(129, 117, 101); padding-top: 3px; margin-bottom: 5px}
#phone a {text-decoration: none}
#cile {padding-top: 105px; clear: both; color: #736357; font-size: 12px; position: absolute; z-index: -1}
#cile span {display: inline-block; width: 74px}
#menu {width: 100%; border-top: 1px solid #ff855d; clear: both;}

#center_column {margin: 25px 0 40px 0; float: left; width: 685px}
#about {width: 215px; margin-bottom: 15px; float: left}
#about h1, #center_column h2, #right_column h2 {color: #be2d00; font-size: 20px; font-weight: bold; padding-bottom: 7px; margin-bottom: 12px; border-bottom: 1px solid #be2d00}
#about h1 {margin-bottom: 18px}
#about p {text-align: justify; font-family: 'open-sans', sans-serif; font-size: 12px; line-height: 1.5em; margin-bottom: 20px}
#about a {clear: both; color: #af2800; display: inline-block; float: right; text-align: right; font-family: 'open-sans', sans-serif; font-size: 12px; font-weight: bold; line-height: 1.5em}

#content {clear: both; font-family: 'open-sans', sans-serif; font-size: 12px; text-align: left}
#content h1 {color: #be2d00; font-size: 20px; font-weight: bold; padding-bottom: 7px; margin-bottom: 18px; border-bottom: 1px solid #be2d00}
#content h2 {color: #000; font-size: 18px; font-weight: bold; padding-bottom: .7em; border: 0; margin-bottom: 0}
#content h3 {font-size: 15px; font-weight: bold; padding-bottom: .5em; line-height: 1.3em}
#content h4 {font-size: 13px; font-weight: bold; padding-bottom: .5em; line-height: 1.3em}
#content h5 {font-size: 12px; font-weight: bold; padding-bottom: .5em; line-height: 1.3em}
#content p {text-align: justify; line-height: 1.5em; margin-bottom: 1.5em}
#content a {color: #af2800}
#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: 1.5em}
#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: 1.5em}

#content div.attachments {clear: both}

#center_column h2.actual {margin-bottom: 25px}
#content div.article {clear: both; margin-bottom: 20px}
#content div.article img.main_image {float: left; padding: 0 10px 20px 0}
#content div.article h2 {margin-bottom: 15px; font-size: 18px; border-bottom: 1px dotted #be2d00; padding-bottom: 2px}
#content div.article h2 span.article_date {float: right; padding-top:3px; color: #999; font-weight: normal; font-size: 15px}
#content div.article h2 a {text-decoration: none; color: #af2800}
#content div.article h2 a:hover {text-decoration: none; color: #cd3301}
#content div.article p.full_article {margin: -1em 0 0 0}
#content h1 span.article_date {float: right; padding-top: 5px; color: #999; font-weight: normal; font-size: 15px}

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

#datamenu a {display: block; color: #fff; font-weight: bold; padding: 10px; margin: 0 0 2px 0; float: none; text-align: left; text-transform: uppercase; text-decoration: none; background: #0d7a97 url("/thm/def/img/bkgd1.jpg") no-repeat}
#datamenu ul {overflow: auto ; padding-left: 0; margin-left: 0; line-height: 1.5em; list-style-position: inside; list-style-type: none; margin-bottom: 1.5em}
#content img.main_img {float: none; margin: 0 0 10px 0 !important; padding: 0 !important}
div.datamenu_float {width: 454px; margin-right: 10px; float: left}
#content img.main_img_fl {float: left; margin: 0 10px 10px 0 !important; padding: 0 !important}
#content .clr {clear: both}

#datasubmenu a {margin-left: 15px; background: #d1c9c9 url("/thm/def/img/bkgd2.gif") repeat-y left; color: #000; font-weight: normal; text-transform: none; padding-left: 3em}
#datasubmenu {margin-bottom: 0 !important}

#dbank {clear: both; font-family: 'open-sans', sans-serif; font-size: 12px; text-align: justify; line-height: 1.5em; margin-bottom: 1.5em}
#dbank div.dinfo {float: left; width: 220px; padding: 0 6px}
#dbank div.dinfo p {padding: 0 4px}
#dbank h3 {background: #0d7a97 url("/thm/def/img/bkgd1.jpg") no-repeat}
#dbank a {text-align: left; font-size: 13px; line-height: 2em; display: block; color: #fff; font-weight: bold; padding: 10px; margin: 2px 0; float: none; text-align: left; text-transform: uppercase; text-decoration: none; background: url("/thm/def/img/arrow.png") no-repeat 95% 50%}

#dbank div.lft {margin-left: 0; padding-left: 0}
#dbank div.rgt {float: right; margin-right: 0; padding-right: 0}




#news {float: left; width: 215px}
#news div {position: relative; height: 108px; border-left: 5px solid #7f7f7f; padding: 12px 8px 10px 10px; background-color:rgba(150,150,150,0.2); margin-bottom: 10px}
#news h4 {font-size: 12px; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #333; margin-bottom: 4px}
#news span {display: block; font-size: 9px; color: #c1272d; font-weight: bold; margin: 3px 0}
#news p {font-size: 11px; line-height: 1.4em; color: #000}
#news a {display: block; position: absolute; bottom:10px; right: 8px; color: #af2800; text-align: right; font-family: 'open-sans', sans-serif; font-size: 11px; font-weight: bold}

#youtube {float: right; width: 450px; margin-bottom: 20px}
#youtube p {float: right; text-align: right; font-family: 'open-sans', sans-serif; font-size: 11px; font-weight: bold; line-height: 1.5em}


#right_column {margin: 24px 0 40px 0; float: right; width: 215px}

#links {margin-bottom: 30px}
#links div {position: relative; height: 37px; border-left: 5px solid #af2800; padding: 5px 5px 5px 5px; background-color:rgba(204,51,0,0.15); margin-bottom: 5px}
#links p {font-size: 11px; line-height: 1.4em; color: #000}
#links a {display: block; position: absolute; bottom:10px; right: 8px; color: #af2800; text-align: right; font-family: 'open-sans', sans-serif; font-size: 11px; font-weight: bold}

#rgc div.short_info {margin-bottom: 20px; text-align: center}
#rgc h3 {text-align: left; line-height: 1.2em; color: #be2d00; font-family: open-sans,sans-serif; font-size: 18px; font-weight: 400; padding-bottom: 7px; margin-bottom: .; border-bottom: 1px solid #be2d00}
#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: #af2800}

#support {padding: 10px 0; border-top: 1px solid #ff855d}
#support a {display: inline-block}
#support p {font-family: 'open-sans', sans-serif; font-size: 11px; line-height: 1.2em; color: #000}

#footer {background-color: #be2d00; padding: 25px 20px 15px 0}
#footer div.info {padding: 0 20px; height: 180px; width: 190px; float: left; border-right: 1px solid #fff}
#footer div.info h4 {color: #ffe0e0; font-family: 'open-sans', sans-serif; font-size: 12px; font-weight: bold; line-height: 1.7em; padding-bottom: 5px}
#footer div.info p {color: #ffe0e0; font-family: 'open-sans', sans-serif; font-size: 12px; line-height: 1.7em; margin-bottom: 10px}
#footer div.info p a {color: #fff}
#footer div.social {display: inline-block; float: right}
#footer div.social img {vertical-align: bottom}
#footer div.social span {margin-right: 60px; display: inline-block; color: #b1cfe4; font-family: 'open-sans', sans-serif; font-size: 12px; font-weight: bold; line-height: 1.7em; padding-bottom: 5px}
#footer div.social span a{color: #fff}
#footer div.copy {margin-left: 20px; border-top: 1px solid #fff; padding-top: 5px}
#footer div.copy p {text-align: center; color: #ffe0e0; font-family: 'open-sans', sans-serif; font-size: 12px; line-height: 1.7em}
#footer div.copy p a {margin-left: 20px; color: #fff}



/* navigation */
#menu {clear: both}
/*** ESSENTIAL STYLES ***/
#navigation, #navigation * {margin: 0; padding: 0; list-style: none}
#navigation li {position: relative}
#navigation ul {position: absolute; display: none; top: 100%; left: 0;	z-index: 999}
#navigation > li {float: left}
#navigation li:hover > ul, #navigation li.sfHover > ul {display: block}

#navigation a, #navigation span {display: block; position: relative}
#navigation span:hover {cursor: pointer }
#navigation ul ul {top: 0; left: 100%}


/** skin menu **/
#navigation {margin-top: 10px}
#navigation li {display: block; float: left; margin-left: 2px}
#navigation li:first-child { margin-left: 0}
#navigation li a, #navigation li span {width: 97px; color: #6a6a6a; background-color: #eef1f4; font-size: 11px; font-family: "open-sans",sans-serif; font-weight: 700; text-transform:uppercase; display:block; line-height: 26px; text-align:center; text-decoration:none; box-shadow: 0 1px 0px #ddd}
#navigation li.submenu a, #navigation li.submenu span {background: #eef1f4 url("/thm/def/img/submenu.gif") no-repeat 95% center}
#navigation li:first-child a {width: 115px}
#navigation li.active a, #navigation li.active_path a, #navigation li.active span, #navigation li.active_path span {background-color: #c3d2df}
#navigation li a:hover {background-color: #f2f4f6}
#navigation li span:hover {background-color: #f2f4f6}
#navigation li.active a:hover {background-color: #c3d2df}
#navigation li.active span:hover {background-color: #c3d2df}
#navigation li ul li {margin-left: 0; padding-top: 1px}
#navigation li ul li a, #navigation li ul li span {width: 184px !important; background: #be2d00 !important; color: #fff}
#navigation li ul li a:hover, #navigation li ul li span:hover {background: #b3b3b3 !important}
#navigation li ul li ul li a, #navigation li ul li span {width: 184px !important; background: #be2d00 !important; color: #fff}
#navigation li ul li ul li a:hover, #navigation li ul li span:hover {background: #b3b3b3 !important}
#navigation li.submenu ul li.submenu span, #navigation li.submenu ul li.submenu a {background: #cc3300 url("/thm/def/img/subsubmenu.gif") no-repeat 95% center !important}
#navigation li.submenu ul li.submenu ul li a {background-image: none !important}
#navigation li.submenu ul li.submenu a:hover {background-color: #b3b3b3 !important}


/** vyhledavani **/
#search {float: right; width: 215px; font-size: 11px}
#search input {display: inline-block; height: 25px; margin: 0; padding: 0; line-height: 26px; background-color: #fff; font-size: 11px; font-family: "open-sans",sans-serif}
#search input.fld {width: 144px; padding: 0 3px; border: 1px solid #e0e0e0; border-right: 0; color: #777}
#search input.fld:focus {box-shadow: 0 7px 6px -8px #aaaaaa; color: #000}
#search input.sbtn {width: 62px; color: #6a6a6a; border: 1px solid #d7d7d7; text-align: center; font-weight: 700; background-color: #eef1f4}
#search input.sbtn:hover {background-color: #c3d2df; cursor: pointer}


/** Sitemap **/
#sitemap ul {margin-bottom: 0}
#sitemap li {line-height: 1.8em}
#sitemap li ul li {list-style-type: circle}
#sitemap li ul li ul li {list-style-type: square}
#sitemap li ul li ul li ul li {list-style-type: disc}
#sitemap li ul li ul li ul li ul li {list-style-type: circle}
#sitemap li ul li ul li ul li ul li ul li {list-style-type: square}

/** Links page **/
#ulinks {font-family: 'open-sans', sans-serif; font-size: 11px}
#ulinks ul {margin: 0; padding: 0}
#ulinks ul li {min-height: 57px; margin: 0; margin-bottom: 2px; display: block; border-left: 5px solid #7f7f7f; padding: .7em .5em .7em .7em; background-color: rgba(150,150,150,0.2)}
#ulinks a {font-size: 13px; font-weight: bold}
#ulinks p {margin: 0; margin-top: .3em; line-height: 1.5em; color: #000}

#gmap a {color: #af2800 !important}
#cfrm {float: right; width: 300px; margin-right: 12px}
#cfrm label, #cfrm input, #cfrm textarea {display: block; width: 100%}
#cfrm label {margin-left: 3px; margin-bottom: 7px; font-weight: bold; font-size: 12px; color: #6a6a6a}
#cfrm div {margin-bottom: 15px}
#cfrm button {font-weight: bold; color: #fff; font-size: 12px; display: block; width: 10em; margin: 0 auto; text-align: center; background: linear-gradient(top, #daab10 0%, #af2800 100%); background: -moz-linear-gradient(top, #daab10 0%, #af2800 100%); background: -webkit-linear-gradient(top, #daab10 0%, #af2800 100%); background: -o-linear-gradient(top, #daab10 0%, #af2800 100%); background: -ms-linear-gradient(top, #daab10 0%, #af2800 100%)}
#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: 7px 12px; border-radius: 4px; border: 0px solid #ccc}
#cfrm button:hover {text-shadow: 0 1px 1px #333; color: #ccc}
#cfrm button:active {text-shadow: none; color: #fff}
#cfrm button:hover {background: linear-gradient(top, #af2800 0%, #daab10 100%); background: -moz-linear-gradient(top, #af2800 0%, #daab10 100%); background: -webkit-linear-gradient(top, #af2800 0%, #daab10 100%); background: -o-linear-gradient(top, #af2800 0%, #daab10 100%); background: -ms-linear-gradient(top, #af2800 0%, #daab10 100%)}
#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}

#oldforum iframe {height: 1000px; width: 685px}
#content hr {clear: both; height: 1px; margin: 25px 0; border: 0; border-bottom: 1px solid #be2d00}

/** Poradna **/
#content #advice h2 {color: #cc3300;  font-size: 16px; line-height: 22px; border: 0; margin-bottom: 0}
#content #advice h3 {color: #7F7F7F; font-size: 14px; padding-bottom: 2px; line-height: 22px}
#content #advice h3 span {font-weight: normal}

#advice #frm {float: none; margin: 0; padding: 0; width: auto; background-color: transparent; border: 0}
#advice #frm div.wrap {clear: both; width: 100%}
#advice #frm div.wrap div.inwrap {width: 300px; float: left}
#advice #frm div.wrapfull div.inwrap {width: 100%; clear: both}
#advice #frm div.wrap p.exp {width: 350px; float: right; margin-top: 28px; color: #777; font-size: 12px; line-height: 1.5em; font-style: italic}
#advice #frm div.wrap p.err {color: red; font-size: 12px; line-height: 1.5em}
#advice #frm div.wrapfull p.exp {width: 100%; margin-top: 5px; color: #777; font-size: 12px; line-height: 1.5em; font-style: italic}
#advice #frm div.wrapfull p.err {color: red; font-size: 12px; line-height: 1.5em}
#advice #frm label, #frm input, #frm textarea {display: block; width: 100%}
#advice #frm label {margin: 15px 0 5px 0; font-size: 12px; color: #6a6a6a}
#advice #frm div.mandatory label {font-weight: bold}
#advice #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}
#advice #frm input:focus, #frm textarea:focus {color: #444444; border: 1px solid #aaaaaa; box-shadow: 0 7px 6px -8px #aaaaaa}

#advice #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}
#advice #frm button:hover {text-shadow: 0 1px 1px #aaa; color: #000; border: 1px solid #c1272d}
#advice #frm button:active {text-shadow: none; color: #000}
#advice #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}

#content .qblock2 {margin: 20px 0 10px 0; padding-bottom: 10px}
#content .qblock2 h3 {padding: 2px 20px 0 20px; border-top: 1px solid #cf937f; border-bottom: 1px solid #cf937f; 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 {color: #555; margin: 0; padding: 5px 20px 1px 20px; background-color: rgba(255,255,255,0.7)}
#content .qblock2 .link {margin: 5px 3px; text-align: right}
#content .qblock2 .link span {font-style: italic}
#xcontent .qblock2 .link span a {color: red}
#content .qblock2 .reply {margin: 15px 0}
#content .qblock2 .reply h4 {display: block; padding: 0 0 5px 0; margin-left: -10px; color: #cc3300}
#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}

#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 #cf937f; border-bottom: 1px solid #cf937f}
#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: #cc3300}
#content .hdc .pagination span.dots {background-color: transparent; font-size: 12px}
#content .hdc .pagination span.noactive {color: #aaa; background-color: #eee}

#content .hdc {clear: both; display: block; border-top: 1px solid #eee; border-bottom: 1px solid #eee}
#content .hdc p {margin: 0; padding: 0; display: inline-block; line-height: 26px; color: #888}


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

#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}

#testovani_widget {display: block}
#testovani_widget h2 {font-weight: bold; text-transform: uppercase; font-size: 14px; padding-bottom: 3px; margin-bottom: 0; border-bottom: none}
#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: .75em}

.reservanto-iframe {width:400px;height:292px}

#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}
}