/***************************************
 * CSS soubor - hlavní
 * www.jump-tandem.cz
 * vytvořila D2K webdesign, s.r.o., 2010  
 * encoding utf-8 (ěščřžýáíéúů) 
 ***************************************/
body, ul, ol, dl, p, table, td, th, div, h1, h2, h3, h4, h5, h6, 
address, form, fieldset { margin:0; padding:0; font-size:100%; }
a img { border:none; }
a { color:#F78F1E; text-decoration:underline; }
a:hover { text-decoration:none; color:inherit; }
span.clear, div.clear { display:block; height:0; line-height:0; font-size:0; clear:both; width:100%; }
h1, h2, h3 { color:#F78F1E; font-size:125%; font-family:Arial,sans-serif; }
h4, h5, h6 { color:#F78F1E; }
address { font-style:normal; }
.message { background-color:#cbffcb; border:1px solid #007700; color:#007700 !important; }
.error { background-color:#ffcbcb; border:1px solid #f00; color:#f00 !important; }
.red { color:#f00; }
.error, .message { margin:5px 0; font-weight:bold; padding:10px 20px; position:relative; }
.inv { display:none !important; }

/***************************************
 * Hlavní boxy na stránce - layout
 ***/
body { background-color:#004D75; font-size:12px; font-family:Verdana,Arial,sans-serif; line-height:1.5; }
#all { background-color:#0077B4; }
#whead { height:405px; background:#fff url('layout/whead.jpg') top left repeat-x; }
#page, #head, #foot { width:920px; margin:0 auto; position:relative; }
#page { margin:-104px auto 20px auto; }
#content { width:620px; overflow:hidden; min-height:550px; position:relative; float:right; padding:10px 25px 45px 25px; background:#fff url('layout/content-b.png') bottom left no-repeat; }
#col { width:250px; float:left; }
#wfoot { background:#004D75 url('layout/foot.png') top left repeat-x; padding-top:30px; color:#fff; }
#banner-box { position:absolute; top:110px; right:-180px; width:160px; }
#banner-box em { color:#002D44; font-size:83.34%; font-style:normal; }

/***************************************
 * Vršek stránky - jazyky, logo, banner, h1
 ***/
#head #banner { position:absolute; top:0; left:0; height:302px; width:920px; }
#head #logo { position:absolute; left:0; top:91px; }
#head h1 { height:40px; line-height:40px; vertical-align:middle; color:#FBD47A; background-color:#F78F1E; font-size:100%; font-weight:normal; }
#head ul.lang-selection { position:absolute; top:0; right:0; display:block; }
#head ul.lang-selection li { float:left; display:block; list-style-type:none; text-transform:uppercase; padding-left:4px; color:#fff; }
#head ul.lang-selection li.de a,
#head ul.lang-selection li.de strong { background:transparent url('layout/flag-de.png') 100% 50% no-repeat; }
#head ul.lang-selection li.en a,                                                                
#head ul.lang-selection li.en strong { background:transparent url('layout/flag-en.png') 100% 50% no-repeat; }
#head ul.lang-selection li.cs a,                                                                
#head ul.lang-selection li.cs strong { background:transparent url('layout/flag-cs.png') 100% 50% no-repeat; }
#head ul.lang-selection li.sk a,                                                                
#head ul.lang-selection li.sk strong { background:transparent url('layout/flag-sk.png') 100% 50% no-repeat; }
#head ul.lang-selection a { text-decoration:none; color:#fff; }
#head ul.lang-selection a,
#head ul.lang-selection strong { display:block; height:40px; line-height:40px; vertical-align:middle; padding:0 25px 0 5px; font-weight:bold; float:left; }
#head ul.lang-selection strong { color:#000; }
#head ul.lang-selection a:hover { text-decoration:underline; }
#head div.rss-links { position:absolute; top:0; left:0; }
#head div.rss-links a.rss { height:40px; line-height:40px; }
#head div.rss-links a.rss img { vertical-align:middle; }

/***************************************
 * Obsah stránky
 ***/
.breadcrumbs { padding:15px 0; color:#B6BBC1; }
.breadcrumbs a { color:#000; }
.breadcrumbs strong { color:#000; }
#content div.akce { width:459px; overflow:hidden; height:94px; padding:15px 30px 15px 130px; background:#FCA61F url('layout/akce.png') top left no-repeat; margin-bottom:15px; }
#content div.akce h2 { color:#222; margin:0; font-size:100%; }
#content div.akce div.news { height:75px; overflow:hidden; }
#content div.akce p { margin:0; }
#content div.akce p.more { text-align:right; }
#content div.akce a { color:#222; }
#content p { margin:9px 0; text-align:justify; }
#content ul, #content ol { padding-left:30px; margin:9px 0; }
#content ul ul, #content ol ol, #content ol ul, #content ul ol { margin:0; }
#content h1 { margin:18px 0; }
#content h2, #content h3, #content h4 { margin:9px 0; }
#content h2.first, #content h1.first { margin-top:0; }
#content dl dt { margin-top:3px; }
#content dl dd { margin:0 0 1px 50px; }
#content table { border-collapse: collapse; width:90%; margin:5px auto; }
#content form table { font-size:100%; }
#content table td, #content table th { border:1px solid #3f474e; padding:3px 8px; }
#content table.no-border td, #content table.no-border th { border:none; }
#content div.hr { width:670px; height:50px; background:#0077B4 url('layout/content-hr.png') top left no-repeat; margin:0 -25px; clear:both; }
#content div.hr hr { border:none; background:none; visibility:hidden; }

#content #title-buttons { margin-right:-10px; width:630px; }
#content #title-buttons a { font-family:Arial,sans-serif; display:block; width:200px; height:200px; float:left; overflow:hidden; margin:0 10px 10px 0; padding:0; text-decoration:none; }
#content #title-buttons a img { background-color:#fff; height:156px; width:200px; margin:0; display:block; }
#content #title-buttons a strong { width:200px; height:44px; line-height:44px; vertical-align:middle; text-align:center; display:block; color:#FFF; text-transform:uppercase; background:#2D2D2D url('layout/button-rozcestnik.png') top left no-repeat; }
#content #title-buttons a:hover strong { background:#FBA41F url('layout/button-rozcestnik.png') bottom left no-repeat; color:#000; }

div.c-hidden * { display:none; }
div.c-hiding h2 { position:relative; display:block; cursor:pointer; border-bottom:1px dotted #222; padding-bottom:3px; }
div.c-hiding h2 span.hide, div.c-hiding h2 span.show { position:absolute; right:3px; bottom:3px; font-weight:normal; }
div.c-hidden h2 span.hide, div.c-hiding span.show { display:none; }
div.c-hiding span.hide, div.c-hidden h2 span.show { display:block; }

#content form p { color:#698097; margin:0 0 9px 0; }
form { margin:18px 0; }
form legend { color:#000; }
form br { clear:left; }
form#formular img { margin-left:200px; }
form img.poukaz { margin:0 0 5px 0; }
fieldset { border:1px solid #57A6E3; padding:10px 20px; margin-bottom:3px; }
#reservation-form fieldset { padding:10px; }
label { padding:1px 10px 1px 0; text-align:right; width:190px; display:block; float:left; }
input.text, textarea { padding:1px 3px; }
input.text, select, textarea { margin:0pt 2px 2px 0pt; border:1px solid #00679D; }
textarea { overflow:auto; }
input.text, select { margin-bottom:5px; width:190px; }
input.text.narrow, select.narrow { width:80px; }
input.text.medium, select.medium { width:130px; }
input.submit { cursor:pointer; }
label.checkbox { margin:0 2px 2px 200px; width:auto; float:none; text-align:left; cursor:pointer; }
label.inline { display:inline; float:none; width:auto; cursor:pointer; }
label.forced { font-weight:bold; }
input.checkbox { margin-right:4px; }
textarea, #content #objednavka-terminu textarea { width:270px; height:80px; }
.odsazeny { margin-left:200px; }
#dalsi_klienti input.text { width:75px; }
table.souhrn * { border:none; }
table.souhrn th { text-align:left; }
legend label { display:inline; float:none; width:auto; text-align:left; }
form img.code { margin-left:200px; }

/* styly pro zaoblene okraje nahledu fotek v galerii */
a.thumb { height:75px; float:left; margin:0 8px 8px 0; }
a.thumb span.img { position:relative; display:block; line-height:0; font-size:0; }
.thumb .t_l, .thumb .t_r, .thumb .b_r, .thumb .b_l { z-index:10; line-height:0; font-size:0; position:absolute; display:block; width:10px; height:10px; }
.thumb .t_l { background: url('layout/corner_t_l_ff.png') no-repeat; top:0; left:0; }
.thumb .t_r { background: url('layout/corner_t_r_ff.png') no-repeat; top:0; right:0; }
.thumb .b_r { background: url('layout/corner_b_r_ff.png') no-repeat; bottom:0; right:0; }
.thumb .b_l { background: url('layout/corner_b_l_ff.png') no-repeat; bottom:0; left:0; }
#content .video { clear:left; float:left; width:100%; margin-bottom:15px; }
#content .video h3 { margin:0 0 4px 0; }
#content .video img { float:left; margin:0 10px 5px 0; }

.comment { position:relative; border:1px solid #fff; border-bottom-color:#57A6E3; border-top-color:#57A6E3; margin-bottom:-1px; padding:8px 16px; } /*#00679D #808080*/
.comment:hover { border-left-color:#57A6E3; border-right-color:#57A6E3; }
.comment small { position:absolute; right:16px; top:8px; line-height:18px; vertical-align:middle; }
#content .comment p.under { text-align:right; margin:0; }

/***************************************
 * Tabulka vzdalenosti...
 ***/
#distance-map { height:310px; width:874px; padding:24px 23px 41px 23px; background:url('layout/distance-map.png') top left no-repeat; margin-top:15px; position:relative; overflow:hidden; }
#distance-map .map, #distance-map .map-fg, #distance-map .distances { width:447px; height:310px; position:absolute; top:24px; left:23px; }
#distance-map .map { background-color:#ABB0B6; }
#distance-map .map-fg { background:url('layout/mapa-rohy.png') top left no-repeat; font-size:0; line-height:0; height:6px; }
#distance-map .map-fg.bott { background-position:bottom left; top:328px; }
#distance-map .distances { width:410px; overflow:hidden; }
#distance-map .distances h2 { color:#000; }
#distance-map .distances table { border-collapse:collapse; }
#distance-map .distances td { padding:1px 0; border:none; }
#distance-map .distances td.udaj { white-space:nowrap; font-weight:bold; padding-left:8px; }
#distance-map .distances p { margin:12px 0 0 0; }

/***************************************
 * REZERVACE & OBJEDNAVKA
 ***/
#content .objpl { clear:both; border:1px solid #57a6e3; padding:18px 20px; }
#content .objpl p { color:#000; }
#content .objpl img.code { margin:0 0 0 200px; border:none; }
#content .objpl div.plechovka { position:relative; margin:10px 0; height:100%; }
#content .objpl div.plechovka a.delete { position:absolute; top:0; right:0; text-decoration:none; }
#content .objpl fieldset { border:none; padding:0; margin:0; }
#content #objpl_krok1 fieldset.sluzby { background:url('layout/plechovka_form.png') 20px 0 no-repeat; height:183px; display:block; margin-bottom:5px; }
#content #objpl_krok1 fieldset.sluzby h3 { font-size:100%; color:#000; padding-left:165px; margin-bottom:10px; }
#content #objpl_krok1 .udaje h3,
#content #objpl_krok1 .suvenyry h3 { clear:left; position:relative; display:block; vertical-align:middle; line-height:33px; padding:0 19px 0 11px; width:548px; height:33px; overflow:hidden; color:#fafafa; background:#77c0f2 url('layout/button-blue.png') top left no-repeat; margin:0 0 8px 0; }
#content #objpl_krok1 h3 em,
#content #objpl_krok3 .dorucovaci h3 em,
#content .objpl span.hiding em { display:block; width:13px; height:13px; background:url('layout/checkbox.png') top right no-repeat; margin:9px 10px 0 0; float:left; }
#content #objpl_krok3 em, #content #objednavka-terminu em { margin-top:0 !important; }
#content #objpl_krok1 .hidden h3 em,
#content #objpl_krok3 .dorucovaci.hidden h3 em,
#content .objpl .hidden span.hiding em { background-position:top left; } 
#content .objpl .hidden * { display:none; }
#content #objpl_krok1 .udaje { padding-bottom:15px; }
#content #objpl_krok1 .udaje.hidden { padding-bottom:0; }
#content #objpl_krok1 .udaje.hidden h3 { margin-bottom:8px; }
#content #objpl_krok1 .udaje h3 { margin-bottom:15px; }
#content #objpl_krok1 .udaje h3 span { display:none; }
#content #objpl_krok1 .hidden h3 span { position:absolute; top:0; right:15px; display:block; color:#001e36; font-weight:normal; text-decoration:underline; }
#content #objpl_krok1 .udaje div.proc { float:right; width:235px; padding-right:12px; }
#content #objpl_krok1 .udaje div.proc h4 { margin-top:0; }
#content #objpl_krok1 .udaje div.proc p { text-align:justify; color:#000; }
#content #objpl_krok1 .udaje label { width:80px; }
#content #objpl_krok1 .suvenyry fieldset { position:relative; border:1px solid #e4e4e4; background-color:#f1f1f1; padding:5px 15px; margin:3px; }
#content #objpl_krok1 .suvenyry fieldset h4 { font-weight:normal; color:#000; }
#content #objpl_krok1 .suvenyry fieldset img { position:absolute; top:5px; right:30px; margin:0; }
#content #objpl_krok1 .suvenyry fieldset label { margin-left:15px; position:relative; }
#content #objpl_krok1 .suvenyry fieldset label em { position:absolute; top:0; right:0; }
#content #objpl_krok1 p#pridat_plechovku a { color:#fafafa; font-weight:bold; display:block; height:77px; line-height:77px; padding-top:3px; width:578px; background:url('layout/button-add-tin.png') top left no-repeat; text-align:center; vertical-align:middle; text-decoration:none; }
#content .objpl fieldset.submit { text-align:right; padding-top:15px; clear:both; }
#content .objpl fieldset.submit h3 { text-align:left; }
#content .objpl input.submit { border:none; font-size:100%; padding:0 23px 3px 0; width:109px; height:23px; font-weight:bold; color:#fafafa; background:#50a9e1 url('layout/button-submit.png') top left no-repeat; }
#content .objpl input.submit:hover { background-color:#df7912; background-position:bottom left; }

#content .objpl h3 { color:#000; font-size:100%; }
#content #objpl_krok2 fieldset label { margin-bottom:3px; text-align:justify; float:none; width:auto; height:100%; display:block; border:1px solid #e4e4e4; background-color:#f1f1f1; color:#000; padding:5px 5px 5px 30px; cursor:pointer; position:relative; } 
#content #objpl_krok2 fieldset label input.radio { position:absolute; top:5px; left:5px; }
#content #objpl_krok2 fieldset label span { margin-bottom:3px; display:block; color:#4ea7e0; font-weight:bold; text-align:left; }
#content #objpl_krok2 fieldset label span em { font-style:normal; font-weight:bold; position:absolute; right:5px; top:5px; }
#content #objpl_krok2 fieldset label a { color:#4ea7e0; text-align:right; display:block; }
#content #objpl_krok2 fieldset label a:hover { color:#000; }
#content #objpl_krok2 strong.js-hide { display:block; font-weight:bold; }
#content #objpl_krok2 strong.js-hide em { font-weight:normal; font-style:normal; }

#content .objpl div.obox { width:280px; min-height:25px; float:left; margin-bottom:5px; }
#content .objpl div.obox.input { line-height:30px; vertical-align:middle; }
#content .objpl fieldset.osobni div.obox { min-height:55px; }
#content .objpl fieldset.osobni div.obox.input { line-height:55px; }
#content .objpl div.obox label { width:70px; }
#content #objednavka-terminu .fv-checkbox label.checkbox { margin-left:75px; }
#content #rezform_krok3 label.checkbox { margin-left:80px; }
#objpl_krok3 label, #rezform_krok3 .obox label { width:70px; text-align:left; padding:0 10px 0 0; }
#content .objpl div.obox input.text { margin:0; }
#content .objpl div.obox h4 { margin:0; font-weight:normal; }
#content .objpl div.obox p { text-align:justify; margin:0; color:#000; }
#content .objpl input.text, #content .objpl input.text { width:150px; }
#content .objpl input.medium { width:90px; }
#content .objpl input.narrow { width:60px; }
#content .objpl div.first,
#content .objpl div.first { clear:left; }
#content .objpl .dorucovaci h3 { display:block; }
#content .objpl span.hiding { display:block; float:left; clear:left; margin:10px 0; }
#content .objpl textarea { width:430px; height:120px; }

#content ul.objpl_tabs { list-style-type:none; float:left; width:484px; padding:0; margin:0; }
#content ul.objpl_tabs li { display:block; float:left; width:158px; margin:0 4px 0 0; }
#content ul.objpl_tabs li.last { margin-right:0; }
#content ul.objpl_tabs li * { display:block; height:28px; line-height:28px; vertical-align:middle; text-align:center; }
#content ul.objpl_tabs li strong { color:#fff; background:#4da6e0 url('layout/obj_tab_active.png') top left no-repeat; }
#content ul.objpl_tabs li a,
#content ul.objpl_tabs li span { background:#dbdbdb url('layout/obj_tab.png') top left no-repeat; }
#content ul.objpl_tabs li a { color:#de7f1a; }
#content ul.objpl_tabs li a:hover,
#content ul.objpl_tabs li span { color:#4a4a4a; }

#content p#souhrn, #content #rezform_krok3 p.sluzby { float:left; width:545px; border:1px solid #e4e4e4; background-color:#f1f1f1; padding:5px 15px; color:#000; }
#content #souhrn em { font-style:normal; color:#4ea7e0; font-weight:bold; float:left; }
#content #souhrn span { float:left; display:block; width:150px; text-align:right; }
#content #rezform_krok3 p.sluzby img { margin:0 0 2px 0; vertical-align:middle; border:none; }

#content .objpl ul#hours { float:left; width:565px; border-bottom:1px solid #cacaca; padding-left:10px; }
#content .objpl ul#hours li { padding:2px 5px; float:left; display:block; list-style-type:none; margin:0 3px -1px 0; border:1px solid #cacaca; background-color:#dbdbdb; color:#4a4a4a; cursor:pointer; }
#content .objpl ul#hours li.active { background-color:#fff; border-bottom:1px solid #fff; cursor:default; }
#content .objpl #termin-select { position:relative; min-height:605px; clear:both; }
#content .objpl #termin-select img { position:absolute; top:50%; left:50%; }
#content .objpl #sedadla { clear:both; height:368px; position:relative; background:#fff url('layout/letadlo.png') 50% 50% no-repeat; margin:0 -20px; }
#content .objpl #sedadla p { position:absolute; left:147px; margin:0; padding:0; text-indent:0; }
#content .objpl #sedadla p.first-row { top:198px; }
#content .objpl #sedadla p.sec-row { top:147px; }
#content .objpl #vysvetlivky li { list-style-type:none; float:left; clear:left; line-height:30px; vertical-align:middle; font-size:118.18%; font-weight:bold; width:545px; text-align:left; }
#content .objpl #sedadla span,
#content .objpl #vysvetlivky span { display:block; height:31px; width:27px; margin:0; float:left; cursor:pointer; }
#content .objpl #vysvetlivky span { margin-right:8px; }
#content .objpl #sedadla span em,
#content .objpl #vysvetlivky span em { display:none; }
#content .objpl span.volno { background:#e6e6e6 url('layout/rez-volno.png') top left no-repeat; }
#content #rezform_krok1 span.volno { cursor:pointer; }
#content .objpl span.obsazeno { background:#ef5300 url('layout/rez-obsazeno.png') top left no-repeat; }
#content .objpl span.block { background:#b7b7b7 url('layout/rez-block.png') top left no-repeat; }
#content .objpl span.time_limit { background:#f7ae0b url('layout/rez-timelimit.png') top left no-repeat; }
#content .objpl span.selected { background:#61b4e9 url('layout/rez-selected.png') top left no-repeat !important; }
#content #rezform_krok2 span.selected,
#content #rezform_krok3 span.selected { background:#f49002 url('layout/rez-temp.png') top left no-repeat !important; }
#content #rezform_krok2 #sedadla,
#content #rezform_krok3 #sedadla { margin-top:12px; }
/* letadlo v potvrzeni reezervace */
#content div.objpl { clear:both; border:1px solid #57a6e3; background-color:#fff; color:#000; padding:18px 20px; }
#content div.objpl span.selected { background:#61b4e9 url('layout/rez-reserved.png') top left no-repeat !important; }
#content #rezform_krok3 .zmena-rezervace { color:#000; margin:15px 0 5px 0; }
#content #rezform_krok3 .zmena-rezervace span { display:block; margin:3px 0 10px 110px; padding:2px 5px; }
#content #rezform_krok3 .zmena-rezervace span.del { color:#f00; }
#content #rezform_krok3 .zmena-rezervace span.add { margin-bottom:0; color:#00a710; }
#content #rezform_krok1 #termin_info { color:#000; float:right; text-align:right; border:1px solid #e4e4e4; background-color:#f1f1f1; padding:2px 5px; margin-bottom:10px; }

#content #rezform_krok2 #voucher-box label { line-height:240%; vertical-align:middle; font-weight:bold; }
#content #rezform_krok2 #voucher-box input { font-size:200%; font-weight:bold; border:3px solid #57a6e3; }
#content .objpl .paypay { padding:15px 10px; background-color:#e6e6e6; margin-top:10px; }
#content .objpl .paypay h3 { margin:0 0 5px 160px; }
#content .objpl .paypay p { color:#000; margin-left:160px; }
#content .objpl .paypay p br { clear:none; }
#content #rezform_krok2 .paypay p strong { font-size:136.4%; }
#content .objpl .paypay a { display:block; float:left; }
#content #rezform_krok2 img { margin:0; border:none; }

#content .objpl dl dt { float:left; clear:left; margin:0; width:140px; padding-right:10px; text-align:right; }
#content .objpl dl dd { margin-left:150px; font-weight:bold; }

#content .voucher-info dl { margin:18px 0; }
#content .voucher-info dl dt { float:left; display:block; margin:0 4px 0 0; clear:left; }
#content .voucher-info dl dd { display:block; margin:0 4px 3px 80px; }
#content .voucher-info em { font-style:normal; font-weight:bold; color:#34b524; padding-left:18px; line-height:18px; vertical-align:middle; background:url('layout/ok.png') left center no-repeat; }
#content .voucher-info strong.err { color:#f00; }
#content .voucher-info table { width:auto; border:none; margin:0; }
#content .voucher-info table td, #content .voucher-info table th { text-align:left; border:none; }
#content .voucher-info table td, #content .voucher-info table tr.celkem th { text-align:right; }
#content .voucher-info table tr.celkem td { font-weight:bold; }
#content .voucher-info table tr.celkem { border-top:1px solid #555; }
#content .voucher-info fieldset { border:none; }
/* tlačítka objednávky */
#content ul#buttons { height:100%; padding:0; }
ul#buttons li { list-style-type:none; margin-bottom:10px; height:100%; text-align:center; }
ul#buttons li a { position:relative; display:block; width:336px; padding:31px 25px 0 113px; height:68px; color:#fff; text-decoration:none; text-align:left; margin:0 auto; }
ul#buttons li div.sub { width:474px; padding-top:10px; height:100%; margin:0 auto; text-align:left; }
ul#buttons li a.poukaz { background:#4da6e0 url('layout/button-poukaz.png') top left no-repeat; }
ul#buttons li a.tandem { background:#4da6e0 url('layout/button-tandem.png') top left no-repeat; }
ul#buttons li a.plechovka { background:#4da6e0 url('layout/button-plechovka.png') top left no-repeat; }
ul#buttons li a:hover, ul#buttons li a.active { background-position:bottom left; background-color:#ef8b1a; }
ul#buttons li a span { display:block; text-transform:uppercase; font-weight:bold; }
ul#buttons li a span.ccbox { position:absolute; bottom:5px; left:113px; color:#fff; text-transform:none; font-weight:normal; font-size:91.7%; }
ul#buttons li a span.ccbox img { margin:0; border:none; vertical-align:middle; }

#content .obchodni-podminky h4 { color:#000; }
#content .obchodni-podminky p { text-align:justify; }
#content .obchodni-podminky table { margin:0; width:auto; }
#content .obchodni-podminky table td { border:none; }

/* styly pro tisk poukazu - dokonceni rezervace */
div#voucher { border:2px solid #000; background-color:#fff; padding:5px 10px; height:200px; margin:10px 0; position:relative; }
div#voucher div.address { position:absolute; bottom:5px; left:10px; }
div#voucher p { width:390px; }
div#voucher .barcode { text-align:center; font-weight:bold; position:absolute; right:10px; bottom:5px; width:160px; }
div#voucher .barcode img { display:block; margin:auto; }
div#voucher #logo-jt { position:absolute; top:5px; right:10px; }
div#voucher h1 { font-size:136.37%; margin:0 0 12px 0; color:#000; }
div#voucher img { border:none; margin:0; }
div#voucher a.printlink { position:absolute; display:block; top:0; right:0; left:0; bottom:0; z-index:1000; }
.important { font-weight:bold; color:#f00; }
.important a { color:#000; }

/***************************************
 * Boční sloupec stránky - menu, video, kalendář, novinky
 ***/
div.sub-nav { background:#0071AC url('layout/menu.png') top left no-repeat; position:relative; padding:60px 18px 0 18px; }
div.sub-nav ul ul li.first,
div.sub-nav ul li { display:block; list-style-type:none; overflow:hidden; border-top:1px solid #005D8D; }
div.sub-nav ul li.first, #vyber-sekce ul li { border-top:none; }
div.sub-nav ul ul { padding-left:15px; }
div.sub-nav ul li a { text-decoration:none; color:#fff; background:transparent url('layout/menu-arrow.png') 1px 50% no-repeat; display:block; height:27px; line-height:27px; vertical-align:middle; padding:0 0 0 15px; }
div.sub-nav ul ul li a, #vyber-sekce ul li a { background-image:none; }
div.sub-nav ul li a:hover { background-color:#0077B4; }
div.sub-nav ul li a.active, div.sub-nav ul li a.p-active { color:#F78F1E; font-weight:bold; }
div.sub-nav h2 { font-size:100%; margin:13px 0; font-family:Verdana,Arial,sans-serif; }
#vyber-sekce { position:absolute; top:18px; left:18px; width:215px; height:27px; }
#vyber-sekce h2 { height:27px; width:215px; overflow:hidden; margin:0; }
#vyber-sekce ul { margin:0 !important; padding:0 !important; z-index:10; position:absolute; top:28px; left:0; width:215px; background-color:#fff; color:#317797; }
#vyber-sekce ul li { padding:0; position:static; width:215px; }
#vyber-sekce ul li.active, #vyber-sekce ul li.p-active { position:absolute; top:-28px; left:0; margin:0; }
#vyber-sekce ul li a { color:#317797; font-weight:bold; padding:0 27px 0 10px; }
#vyber-sekce ul li.active a, #vyber-sekce ul li.p-active a { background:#fff url('layout/menu-select.png') top left no-repeat; }
#vyber-sekce ul li a:hover { background-color:#D1D1D1; }
.box { width:188px; padding:30px 17px; background:#fff url('layout/col-box-b.png') bottom left no-repeat; }
.box h2 { margin:-30px -17px 10px -17px; padding:30px 17px 0 17px; background:#fff url('layout/col-box-t.png') top left no-repeat; }
.box.calendar h2 { background-image:url('layout/col-box-calendar.png'); padding-top:35px; }
.box.calendar { text-align:left; overflow:hidden; }
.box.calendar .calendar span, .box.calendar .calendar .years { text-align:center; }
#col .box .news { margin-bottom:9px; }
#col .box h3 { font-size:100%; }

#banner-video { width:224px; height:190px; position:relative; }
#banner-video img { position:absolute; top:0; left:0; }
#banner-video div { position:absolute; top:6px; left:6px; }

/***************************************
 * Patička stránky - kontaktní formulář, počasí, copyright a reklamní odkazy
 ***/
#foot a { color:#fff; }
#foot h3 { margin:0 0 18px 0; }
div.kontakt { width:380px; padding:0 30px 20px 0; float:left; border-right:1px dotted #1F6585; }
#foot form fieldset { border:none; padding:0; margin:0; }
#foot input.text, #foot textarea { border:1px solid #00679D; background-color:#002D44; color:#9EA4AB; width:210px; padding:2px 4px; }
#foot label { color:#F78F1E; width:130px; padding:0 10px 0 0; font-weight:bold; }
#foot form img.code, #foot form label.checkbox { margin-left:140px; border:none; width:auto; padding:0; }
#foot form label.checkbox input { margin:0; }
#foot form input.submit { margin:0 22px 0 auto; display:block; }
#foot p { margin:9px 0; text-align:justify; }
#foot div.copy { width:480px; float:right; }
#foot div.copy p.links { line-height:1.2; color:#ABB0B6; font-size:83.34%; }
#foot div.copy p.links a { color:#ABB0B6; }
#foot a.sitemap, #foot a.print, #foot a.facebook { padding:1px 0 1px 20px; }
#foot a.rss img { vertical-align:bottom; }
#foot a.sitemap { background:url('layout/ico-sitemap.png') center left no-repeat; }
/*#foot a.rss { background:url('layout/ico-rss.png') center left no-repeat; }
#foot a.rss.blue { background:url('layout/ico-rss-blue.png') center left no-repeat; }
#foot a.rss.red { background:url('layout/ico-rss-red.png') center left no-repeat; }*/
#foot a.print { background:url('layout/ico-print.png') center left no-repeat; }
#foot a.facebook { background:url('layout/ico-facebook.png') center left no-repeat; }
#foot div#slepa-mapa { position:relative; font-size:91.67%; width:400px; height:245px; background:url('layout/slepa-mapa.png') top left no-repeat; margin:18px 0; }
#foot div#slepa-mapa.sk { background-image:url('layout/slepa-mapa-sk.png'); width:427px; height:215px; }
#foot div#slepa-mapa div.slavnica, #foot div#slepa-mapa div.bratislava { display:none; }
#foot div#slepa-mapa.sk div.slavnica { display:block; position:absolute; top:50px; left:120px; width:200px; }
#foot div#slepa-mapa.sk div.bratislava { display:block; position:absolute; top:130px; left:30px; width:200px; }
#slepa-mapa img { float:left; margin:0 4px 4px 0; border:1px solid #004D75; }
#slepa-mapa strong { display:block; }
#slepa-mapa div.prostejov { position:absolute; top:100px; left:270px; width:200px; }
#slepa-mapa div.brno { position:absolute; top:155px; left:235px; width:200px; }
#slepa-mapa div.pribram { position:absolute; top:110px; left:105px; width:170px; }
#slepa-mapa div.kolin { position:absolute; top:60px; left:165px; width:220px; }
#slepa-mapa.sk div.prostejov, #slepa-mapa.sk div.brno, #slepa-mapa.sk div.pribram, #slepa-mapa.sk div.kolin { display:none; }