/* basic */ * { margin: 0; padding: 0; border: none; } p { padding: 0 0 10px; } a { color: #ca1f46; text-decoration: underline; } a:hover { color: #333; text-decoration: none; } hr { display: none; } html, body { padding: 0; margin: 0; } .clearfix { display:block; } .clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } h1 { font-size: 2.2em; font-weight: normal; margin-bottom: 10px; color: #ca1f46; } h2 { font-size: 1.5em; font-weight: normal; margin-bottom: 10px; color: #ca1f46; } h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color: #ca1f46; } h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; } .hidden, .printOnly { display: none; } .tl { text-align: left; } .tr { text-align: right; } .fl { float: left; } .fr { float: right; } .small { font-size: .85em; } .large { font-size: 1.2em; } .strong { font-weight: bold; } table { font-size: 1em; } table td, table th { vertical-align: top; } .cols { position: relative; } .cols2 .col1 { float: left; width: 49%; } .cols2 .col2 { float: right; width: 49%; } /* layout */ body { font: normal 75%/1.3 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; text-align: center; background: #FFDF0C url('../files/graphics/bg_body.gif') center top repeat; } #pageBg { background: transparent url('../files/graphics/bg_pagebg.png') center top repeat-x; } #page { position: relative; width: 950px; margin: 0 auto; text-align: left; line-height: 1.5; } #logo { position: absolute; top: 90px; left: 20px; width: 265px; height: 264px; overflow: hidden; } #logo a { display: block; width: 100%; height: 100%; cursor: pointer; overflow: hidden; background: transparent url('../files/graphics/logo.png') 0 0 no-repeat; } #logo img { display: none; } #webTitle { position: absolute; left: 365px; top: 80px; font-size: 2.5em; line-height: 1.2; } #webTitle .slogan { display: block; color: #ca1f46; font-size: .8em; font-weight: bold; } #enterGal { width: 220px; height: 130px; position: absolute; left: 631px; top: 36px; text-indent: 220px; overflow: hidden; background: transparent url('../files/graphics/bg_entergal.jpg') 0 0 no-repeat; } #enterGal:hover { background-position: 0 -130px; } #enterPromo { width: 220px; height: 130px; position: absolute; left: 631px; top: 36px; text-indent: 220px; overflow: hidden; background: transparent; } #languages { position: absolute; left: 840px; top: 7px; width: 90px; } #languages ul { list-style: none; } #languages ul li.cs { float: left; } #languages ul li.en { float: right; } #languages ul li a { color: #facc12; } #languages ul li a:hover { text-decoration: none; font-weight: bold; } #header { height: 200px; background: transparent url('../files/graphics/bg_header.jpg') 0 0 no-repeat; } /*body.cs #header { background-image: url('../files/graphics/bg_header_soutez.jpg'); }*/ #mainMenu { position: absolute; left: 300px; top: 183px; height: 67px; width: 650px; background: #feeea9 url('../files/graphics/bg_mainmenu.png') right top no-repeat; } #mainMenu ul { list-style-type: none; margin-top: 16px; } #mainMenu ul li { float: left; height: 34px; width: auto; position:relative; } #mainMenu ul li a.level1 { display: block; float: left; height: 34px; width: auto; color: #000; background: none; line-height: 34px; text-decoration: none; font-weight: bold; cursor: pointer; } #mainMenu ul li a.level1 span { display: block; float: left; height: 34px; padding: 0 10px; } #mainMenu ul li a.level1:hover { background: url('../files/graphics/bg_mainmenu_a.gif') 0 0 no-repeat; color: #fff; } #mainMenu ul li a.level1:hover span { background: transparent url('../files/graphics/bg_mainmenu_a_span.gif') right top no-repeat; } #mainMenu ul li.subMenu { behavior: url('/css/hover.htc'); } #mainMenu ul li ul.level2 { background: #ce1141 url('../files/graphics/bg_submenu2.gif') center bottom no-repeat; display: none; position: absolute; z-index: 1; overflow: visible; top:18px; left: 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #mainMenu ul li ul.level2 li { float: none; display: block; cursor: pointer; height: auto; font-size: 0.85em; line-height: 27px; height: 27px; color: #fff; behavior: url('/css/hover.htc'); } #mainMenu ul li ul.level2 li.hover, #mainMenu ul li ul.level2 li:hover { background-color: #d04b6c; } #mainMenu ul li ul.level2 li a { display: block; width: 100%; overflow: hidden; float:none; text-decoration: none; border-top: 1px solid #e4889f; } #mainMenu ul li ul.level2 li a span { display: block; float: none; font-size: 0.85em; padding-left: 15px; color: #fff; margin-left: 15px; } #mainMenu ul li ul.level2 li.first { height: 30px; } #mainMenu ul li ul.level2 li.first a { padding-top: 2px; border: none;} #mainMenu ul li ul.level2 li.last { height: 30px; } #mainMenu ul li ul.level2 li.last:hover { -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} #mainMenu ul li.subMenuhover ul.level2, #mainMenu ul li.subMenu:hover ul.level2 { display: block !important; } #mainMenu ul li.subMenuhover a span, #mainMenu ul li.subMenu:hover a span { color: #fff; } /* submenu */ .submenu { margin-bottom: 15px; } .submenu a { color: #fff; cursor: pointer; font-weight: bold; line-height: 27px; text-align: center; text-decoration: none; display: block; float: left; width: 92px; height: 27px; background: #fead21 url('../files/graphics/bg_submenuButton.gif') 0 0 no-repeat; } .submenu a:hover { color: #fff; } .submenu li { display: block; float: left; padding-right: 5px; } body#programy-detske-oslavy .submenu a.oslavyDeti, body#programy-detske-kurzy .submenu a.kurzyDeti, .submenu a:hover { background-position: 0 -27px; } body.kurzy-vareni #mainMenu ul.showActive li.programy a.level1, body.cooking-courses #mainMenu ul.showActive li.programs a.level1, body.privatni-party #mainMenu ul.showActive li.privatne-party a.level1, body.private-party #mainMenu ul.showActive li.privatne-party a.level1, body.o-nas #mainMenu ul.showActive li.o-nas a.level1, body.about-us #mainMenu ul.showActive li.about-us a.level1, body#programy-firemni-akce #mainMenu ul.showActive li.firemne-akce a.level1, body#kalendar #mainMenu ul.showActive li.programy a.level1, body#kalendar-dynamic #mainMenu ul.showActive li.programy a.level1, body#kalendar #mainMenu ul.showActive li.programs a.level1, body#kalendar-dynamic #mainMenu ul.showActive li.programs a.level1, body#kontakt #mainMenu ul.showActive li.kontakt a.level1, body#kontakt #mainMenu ul.showActive li.contact a.level1, body#obchod #mainMenu ul.showActive li.eshop a.level1, body#obchod-dynamic #mainMenu ul.showActive li.eshop a.level1, body#darkovy-poukaz #mainMenu ul.showActive li.darkovy-poukaz a.level1 { background: #fff url('../files/graphics/bg_mainmenu_a.gif') 0 0 no-repeat; color: #fff; } body.kurzy-vareni #mainMenu ul.showActive li.programy a.level1 span, body.cooking-courses #mainMenu ul.showActive li.programs a.level1 span, body.privatni-party #mainMenu ul.showActive li.privatne-party a.level1 span, body.private-party #mainMenu ul.showActive li.privatne-party a.level1 span, body.o-nas #mainMenu ul.showActive li.o-nas a.level1 span, body.about-us #mainMenu ul.showActive li.about-us a.level1 span, body#programy-firemni-akce #mainMenu ul.showActive li.firemne-akce a.level1 span, body#kalendar #mainMenu ul.showActive li.programy a.level1 span, body#kalendar-dynamic #mainMenu ul.showActive li.programy a.level1 span, body#kalendar #mainMenu ul.showActive li.programs a.level1 span, body#kalendar-dynamic #mainMenu ul.showActive li.programs a.level1 span, body#kontakt #mainMenu ul.showActive li.kontakt a.level1 span, body#kontakt #mainMenu ul.showActive li.contact a.level1 span, body#obchod #mainMenu ul.showActive li.eshop a.level1 span, body#obchod-dynamic #mainMenu ul.showActive li.eshop a.level1 span, body#darkovy-poukaz #mainMenu ul.showActive li.darkovy-poukaz a.level1 span { background: transparent url('../files/graphics/bg_mainmenu_a_span.gif') right top no-repeat; } #mainMenu ul li.o-nas ul, #mainMenu ul li.about-us ul { width: 115px; } #mainMenu ul li.programs ul, #mainMenu ul li.programy ul { width: 159px; } #mainMenu ul li.private-party ul, #mainMenu ul li.privatne-party ul { width: 125px; } #mainMenu ul li.subMenu a.level1:hover, #mainMenu ul li.subMenu:hover a.level1, #mainMenu ul li.subMenuhover a.level1, body.o-nas #mainMenu ul li.subMenu a.level1:hover, body.o-nas #mainMenu ul li.subMenu:hover a.level1, body.o-nas #mainMenu ul li.subMenuhover a.level1, body.about-us #mainMenu ul li.subMenu a.level1:hover, body.about-us #mainMenu ul li.subMenu:hover a.level1, body.about-us #mainMenu ul li.subMenuhover a.level1, body.programy #mainMenu ul li.subMenu a.level1:hover, body.programy #mainMenu ul li.subMenu:hover a.level1, body.programy #mainMenu ul li.subMenuhover a.level1, body.programs #mainMenu ul li.subMenu a.level1:hover, body.programs #mainMenu ul li.subMenu:hover a.level1, body.programs #mainMenu ul li.subMenuhover a.level1 { background: url('../files/graphics/bg_submenu_a.gif') 0 0 no-repeat; } #mainMenu ul li.subMenu a.level1:hover span, #mainMenu ul li.subMenu:hover a.level1 span, #mainMenu ul li.subMenuhover a.level1 span, #mainMenu ul li.subMenuhover a.level1:hover span, body.o-nas #mainMenu ul li.subMenu a.level1:hover span, body.o-nas #mainMenu ul li.subMenu:hover a.level1 span, body.o-nas #mainMenu ul li.subMenuhover a.level1 span, body.o-nas #mainMenu ul li.subMenuhover a.level1:hover span, body.about-us #mainMenu ul li.subMenu a.level1:hover span, body.about-us #mainMenu ul li.subMenu:hover a.level1 span, body.about-us #mainMenu ul li.subMenuhover a.level1 span, body.about-us #mainMenu ul li.subMenuhover a.level1:hover span, body.programy #mainMenu ul li.subMenu a.level1:hover span, body.programy #mainMenu ul li.subMenu:hover a.level1 span, body.programy #mainMenu ul li.subMenuhover a.level1 span, body.programy #mainMenu ul li.subMenuhover a.level1:hover span, body.programs #mainMenu ul li.subMenu a.level1:hover span, body.programs #mainMenu ul li.subMenu:hover a.level1 span, body.programs #mainMenu ul li.subMenuhover a.level1 span, body.programs #mainMenu ul li.subMenuhover a.level1:hover span { background: transparent url('../files/graphics/bg_submenu_a_span.gif') right top no-repeat; } #mainMenu ul li.subMenu ul.level2 li a span, #mainMenu ul li.subMenu ul.level2 li a:hover span { background: url('../files/graphics/ico_arrow3.gif') no-repeat 4px center; } #contentBg { background: #fff url('../files/graphics/bg_content_bg.gif') 0 0 repeat-y; } #contentBg2 { background: transparent url('../files/graphics/bg_content_bg2.jpg') 0 0 no-repeat; } #content { background: transparent url('../files/graphics/bg_content.png') left bottom no-repeat; padding: 0 0 80px; } #kalendar #content { padding: 65px 0 80px; } .teaser { font-size: 1.2em; font-weight: bold; } #sideBar { width: 285px; float: left; overflow: hidden; position: relative; margin-top: 165px; } #sideBarCont { padding: 0 0 0 20px; } #sideBarPad { padding: 0 0 20px 0px; } #mainBar { width: 630px; float: right; margin-right: 20px; padding-bottom: 20px; position: relative; padding-top: 65px; } #oneBar { padding: 0 20px 20px; } #oneBar .oneBarRight { width: 630px; margin-left: 280px; } #footer { position: relative; display: block; top: -40px; text-align: center; } #footer a { color: #CA1F46; font-weight: bold; } #footer a.unikum { padding-left: 20px; margin-left: 2px; background: transparent url('../files/graphics/ico_unikum.gif') 0 0 no-repeat; line-height: 15px; display: inline-block; } #footer .links { left:75px; position:absolute; top:0; } #footer .links a {padding-right: 10px; } #footer .webmap { position: absolute; top: 0; right: 90px; } #footer .webmap a { padding-left: 16px; background: transparent url('../files/graphics/ico_webmap.gif') 0 .4em no-repeat; } .presentBuyLink { width: 255px; height: 100px; margin-bottom: 20px; } .presentBuyLink a { display: block; width: 100%; height: 100%; position: relative; text-decoration: none; overflow: hidden; cursor: pointer; } .presentBuyLink a span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; background: transparent url('../files/graphics/present_buy.jpg') 0 0 no-repeat; } .presentBuyLink a span.en { background: transparent url('../files/graphics/present_buy_en.jpg') 0 0 no-repeat; } .calendarLink { width: 255px; height: 155px; } .calendarLink a { display: block; width: 100%; height: 100%; position: relative; text-decoration: none; overflow: hidden; cursor: pointer; } .calendarLink a span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; background: transparent url('../files/graphics/calendar.jpg') 0 0 no-repeat; } #programs { margin: 8px 0px 0px; } #programs a.programEnv { display: block; width: 152px; float: left; margin: 0; cursor: pointer; _cursor: hand; text-decoration: none; } #programs a.programEnv span { display: block;} #programs .programHead, #programs .programFooter { width: 100%; } #programs .programHead { height: 188px; } #programs .programFooter { min-height: 55px; _height: 60px; background: url('../files/graphics/programs/program-footer.png') no-repeat bottom center; padding-top: 5px; } #programs #four .programFooter { background: url('../files/graphics/programs/program-footer_4.png') no-repeat bottom center; } #programs .programFooter span { margin: 0px; font-size: .95em; line-height: 1.5em; color: #fff; font-weight: bold; text-decoration: none; text-align: center; } #programs #one, #programs #two { margin-right: 4px; _margin-right: 2px; } #programs #four { width: 162px; } #programs #one .programHead { background: url('../files/graphics/programs/01.png') no-repeat 0 0; } #programs #two .programHead { background: url('../files/graphics/programs/02.png') no-repeat 0 0; } #programs #three .programHead { background: url('../files/graphics/programs/03.png') no-repeat 0 0; } #programs #four .programHead { background: url('../files/graphics/programs/04.png') no-repeat 0 0; } body.cs #programs #four .programHead { background: url('../files/graphics/programs/05.png') no-repeat 0 0; } #programs a#one.programEnv:hover .programHead { background-position: -152px 0; } #programs a#two.programEnv:hover .programHead { background-position: -152px 0; } #programs a#three.programEnv:hover .programHead { background-position: -152px 0; } #programs a#four.programEnv:hover .programHead { background-position: -162px 0; } #programs a.programEnv:hover .programFooter { background: url('../files/graphics/programs/program-footer-hover.png') bottom center; } #programs #four:hover .programFooter { background: url('../files/graphics/programs/program-footer-hover_4.png') bottom center; } #subMenu { width: 255px; background: #feeea9 url('../files/graphics/bg_submenu.gif') left top no-repeat; } #subMenuCont { background: transparent url('../files/graphics/bg_submenu_cont.gif') left bottom no-repeat; padding: 25px 25px 60px; } #subMenu ul { list-style: none; line-height: 2; } #subMenu ul li a { font-weight: bold; text-decoration: none; color: #ca1f46; } #subMenu ul li a:hover { text-decoration: underline; } body#programy-detske-oslavy #subMenu ul li a.programy-detske-oslavy, body#programy-soukroma-party #subMenu ul li a.programy-soukroma-party, body#o-nas-sefkuchari #subMenu ul li a.o-nas-sefkuchari, body#o-nas-misto #subMenu ul li a.o-nas-misto, body#o-nas-partneri #subMenu ul li a.o-nas-partneri, body#o-nas-rekli #subMenu ul li a.o-nas-rekli, body#obchod #subMenu ul li a.obchod, body#obchod-dynamic #subMenu ul li a.obchod, body#obchod-podmienky #subMenu ul li a.obchod-podmienky, #subMenu ul li a.active { padding-left: 15px; background: transparent url('../files/graphics/ico_submenu_a.gif') 0 .2em no-repeat; color: #000; text-decoration: underline; } /**********/ /* JAZYKY */ /**********/ body.cs #languages .cs a, body.en #languages .en a { font-weight: bold; text-decoration: none; } body.en #mainBar { min-height: 300px; _height: 300px; } body.en #enterGal:hover { background-position: 0 0; } /*********/ /* PRVKY */ /*********/ /* hlaska, chyba */ span.info, span.hlaska, span.chyba { display: block; padding: 10px; margin-bottom: 10px; font-weight: bold; } span.hlaska { color: #009900; background: #F0FFF0; border: 1px solid #00CC00; } span.info { color: #000; background: #FFFFDD; border: 1px solid #F0C020; } span.chyba { color: #ff0000; background: #FFF4F4; border: 1px solid #ff0000; } /* tabBox */ .tabBox { position: relative; margin: 10px 0 20px; } .tabBoxActive .tabBoxMenu { background: transparent url('../files/graphics/tabbox_menu_bg.gif') left bottom no-repeat; } .tabBoxActive .tabBoxMenu ul { list-style-type: none; padding: 0 0 0 15px; margin: 0; } .tabBoxActive .tabBoxMenu ul li { display: inline; float: left; } .tabBoxActive .tabBoxMenu ul li a { display: block; _display: inline-block; float: left; height: 45px; text-decoration: none; color: #333; cursor: pointer; background: transparent url('../files/graphics/tabbox_li_a.gif') left top no-repeat; outline: none; } /*.tabBoxActive .tabBoxMenu ul li a span { display: block; _display: inline-block; width: 110px; height: 45px; line-height: 45px; cursor: pointer; background: transparent url('../files/graphics/tabbox_li_a_span.gif') right top no-repeat; text-align: center; }*/ .tabBoxActive .tabBoxMenu ul li a span { display: block; _display: inline-block; padding: 0 17px; height: 45px; line-height: 45px; cursor: pointer; background: transparent url('../files/graphics/tabbox_li_a_span.gif') right top no-repeat; } .tabBoxActive .tabBoxMenu ul li.active a { background: transparent url('../files/graphics/tabbox_li_a_active.gif') left top no-repeat; text-decoration: none; font-weight: bold; } .tabBoxActive .tabBoxMenu ul li.active a span { background: transparent url('../files/graphics/tabbox_li_a_active_span.gif') right top no-repeat; } .tabBoxActive .tabBoxMenu ul li a:hover { color: #ca1f46; } .tabBoxActive .tabBoxItems { background: transparent url('../files/graphics/tabbox_item_bg.gif') left top repeat-y; } .tabBoxActive .tabBoxItemsTop { background: transparent url('../files/graphics/tabbox_item_bg_top.gif') left top no-repeat; } .tabBoxActive .tabBoxItemsBottom { background: transparent url('../files/graphics/tabbox_item_bg_bottom.gif') left bottom no-repeat; } .tabBoxActive .item { padding: 20px; } .tabBoxActive .item p { margin: 0; padding: 0 0 10px 0; width: 590px; } /* linky */ a.arrow { padding-left: 15px; background: transparent url('../files/graphics/ico_arrow.gif') 0 .3em no-repeat; } a.blank { padding-right: 15px; background: transparent url('../files/graphics/ico_blank.gif') right .3em no-repeat; } a.back { padding-left: 26px; background: transparent url('../files/graphics/ico_back.png') left bottom no-repeat; } /* boxy */ .highlight { background: #f2f2f2 url('../files/graphics/bg_highlight.gif') left top no-repeat; margin-bottom: 10px; } .highlightCont { background: transparent url('../files/graphics/bg_highlight_cont.gif') left bottom no-repeat; padding: 10px; } .highlight a { font-weight: bold; color: #FCB131; } .highlight p { padding: 5px; } .highlight p strong { color: #000; font-size: 1.2em; } .highshort { float: left; padding-right: 20px; } .last { padding-right: 0;} .highshort .highlight { background-image: url('../files/graphics/bg_highlightshort.gif'); width: 305px;} .highshort .highlightCont { background-image: url('../files/graphics/bg_highlightshort_cont.gif'); } .highlightYellow { background: #feeea9 url('../files/graphics/bg_highlight_yel.gif') left top no-repeat; } .highlightYellow .highlightCont { background: transparent url('../files/graphics/bg_highlight_yel_cont.gif') left bottom no-repeat; padding: 15px; } .highlightRed { background: #ca1f46 url('../files/graphics/bg_highlight_red.gif') left top no-repeat; color: #fff; } .highlightRed .highlightCont { background: transparent url('../files/graphics/bg_highlight_red_cont.gif') left bottom no-repeat; padding: 15px; } .highlight2 { margin-bottom: 10px; } .highlight2Cont { } .highlight2 a { font-weight: bold; color: #FCB131; } .highlight2 p strong { color: #000; font-size: 1.2em; } /* form */ h2#teambuildingTitle { margin-bottom: 20px; } form.form1 .clearfix { width: 450px; padding-bottom: 5px; } form.form1 .lab { float: left; width: 195px; } form.form1 .cont input#amount { width: 20%; margin-right: 5px; } form.form1 .cont { float: right; width: 245px; } form.form1 .cont * { border: 1px solid #ccc; background: #fff url('../files/graphics/bg_form1_input.gif') left top repeat-x; width: 95%; } form#teambuilding .date .cont input, form#tourists .date .cont input { float: left; } form#teambuilding .date .cont img, form#tourists .date .cont img { background: none; border: none; width: auto; display: block; float: left; margin: 1px 0 0 2px; } form.form1 .date .cont input { width: 87%; } form.form1 .submit { width: 160px; height: 35px; line-height: 35px; overflow: hidden; text-align: center; color: #fff; font-weight: bold; background: #ca1f46 url('../files/graphics/bg_form1_submit.gif') 0 0 no-repeat; border: none; cursor: pointer;} form.form1 label.error { color: #ff0000; background: none; border: none; } form.form1 .checkbox .lab { float: right; width: 245px; } form.form1 .checkbox .cont { float: left; width: 195px; } form.form1 .checkbox .cont input { width: auto; float: right; margin-right: 10px; } form .cont select, form .cont option { background: none !important; width: 100% !important; } form .cont option { border: none !important; } /* ul */ ul.ul1 { list-style: none; } ul.ul2 { list-style: square; padding-left: 20px; margin-bottom: 10px; } ul.ul2 ul { list-style: disc; padding-left: 20px; margin: 5px 0; } ul.ul3 { list-style: none; padding-left: 20px; margin-bottom: 10px; } ul.ul3 li { padding-left: 15px; background: transparent url('../files/graphics/ico_arrow.gif') 0 .3em no-repeat; } /* okraje */ .margBot { margin-bottom: 10px; } .margBotL { margin-bottom: 20px; } /* cols */ .cols2 .col1, .cols2 .col2 { width: 49%; } .cols2 .col1 { float: left; } .cols2 .col2 { float: right; } /**********/ /* SEKCIE */ /**********/ /* INDEX */ body#index .tabBox .referencesLogos .itemBox { float: left; width: 147px; height: 100px; } body#index .tabBox .referencesLogos .itemBox img{ margin: 15px 7px 15px 0; } body#index .tabBox .item5 .showMore { margin-top: 10px; } /* PROGRAM: KULINARSKY TEAMBUILDING */ .moreReferences { display: none; } .referencesLogos .item { float: left; width: 162px; height: 100px; } .referencesLogos .item img { margin: 15px 22px 15px 0; } .referencesLogos .last { width: 140px; } .referencesLogos .last img { margin: 15px 0 15px 0; } .referencesLogos { margin-bottom: 20px; } .referencesLogos a { color:#ca2245; display:block; font-weight:bold; height:41px; line-height:34px; outline:medium none; text-align:center; text-decoration:none; width:622px; } .referencesLogos a.showMoreReferences { background: transparent url('../files/graphics/bg_moreReferences.png') 0 0 no-repeat; } .referencesLogos a.hideReferences { background: transparent url('../files/graphics/bg_moreReferences.png') 0 -41px no-repeat; line-height: 46px; } /* O NAS: REKLI O NAS */ body#o-nas-rekli .highlight { margin-bottom: 20px; } body#o-nas-rekli .highlight p { padding: 5px 0; } /* O NAS: SEFKUCHARI */ body.nasi-sefkuchari .highlight .fl { width: 145px; height: 110px; } body.nasi-sefkuchari .highlight .fr { width: 460px; } body.nasi-sefkuchari .highlight .fr a { color: #CA1F46; text-decoration: underline; } body.nasi-sefkuchari .highlight .fr p { padding: 0 0 10px 0; } body.nasi-sefkuchari .highlight .fr ul { list-style-position: inside; } body.nasi-sefkuchari .highlight .fr .notLast { padding: 0 0 10px 0; } /* O NAS: NASE MISTO */ body#o-nas-misto .highlight p, body#o-nas-misto-plus .highlight p { padding: 0 0 10px 0; } body#o-nas-misto .highlight a, body#o-nas-misto-plus .highlight a { color: #ca1f46; font-weight: normal; } body#o-nas-misto .highlight h3, body#o-nas-misto-plus .highlight h3 { margin: 10px 0 0 0; } /* O NAS: PARTNERI */ .partners .item { padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .partners .last { border-bottom: none; } .partners .item h3 { color: #000; font-size: 1.15em; } .partners .item .partnerLogo { float: left; display: block; margin: 0 20px 20px 0; text-decoration: none; } .partners .item .partnerLogo img { display: block; border: none; } /* Kurzy VaÅ™ení */ body#kurzy-vareni #mainBar ul { float: left; list-style-position: inside; width: 210px; padding-bottom: 10px; } body#kurzy-vareni #mainBar ul li { line-height: 2;} body#kurzy-vareni #mainBar .cancelPolicyWrapper ul { width: 100%; } /* pre HP */ .item .partnerLogo { float: left; display: block; margin: 0 20px 20px 0; text-decoration: none; } /* ARCHIV AKCI */ body.archiv-akci a.albumsShowMore { display: block; color: #000; margin-top: 20px; } #photos { padding-top: 15px; } #photos .item { float: left; width: 150px; height: 150px; margin-right: 10px; display: block; } #photos .row { margin-bottom: 10px; } #photos .last { margin-right: 0; } #photos .item a { display: block; position: relative; width: 150px; height: 150px; background: #FEEEA9; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url('http://beta.chefparade.cz/css/pie.htc');} #photos .item a:hover { background: #ca1f46; } #photos .item a img { margin: 10px auto 0; } body.programy #photos { padding-top: 0px; } /* KONTAKT */ body#kontakt .kontaktBasic .fl { padding: 0 35px 20px 0; } body#kontakt .kontaktBasic body#kontakt .highlight { margin-bottom: 20px; } body#kontakt .highlight p { padding: 5px 0; } body#kontakt .highlight a { color: #ca1f46; font-weight: normal; } body#kontakt .highlight h3 { margin: 0 0 5px 0; } .invoiceAddress { float: left; padding-right: 20px; } .invoiceNumbers { float: left; } .contactPersons .person { width: 305px; margin-bottom: 10px; } .contactPersons .first { float: left; } .contactPersons .last { float: right; } .contactPersons h3 { margin-bottom: 5px; font-size: 1.1em; color: #000; } .contactPersons h3 span.function { font-weight: normal; } .contactPersons p { padding-bottom: 5px; } /* KALENDAR */ .calendarHeader { margin-top: 36px; } .calendarHeader h1 { float: left; } .calendarHeader p { text-align: justify; } .calendarPager { float: right; padding-top: 10px; } .calendarPager a { display: block; height: 27px; text-decoration: none; float: left; margin-right: 10px; color: #fff; font-weight: bold; line-height:25px; display: block; text-align: center; cursor: pointer; } .calendarPager a span { display: inline; height: 5px; } .calendarPager a:hover span { text-decoration: underline; color: #fff; } .calendarPager a.todayButton { background: url('../files/graphics/bg_todayButton.gif') no-repeat; width: 62px; } .calendarPager a.backwardCalendarButton, .calendarPager a.forwardCalendarButton { background: url('../files/graphics/bg_calendarButton.gif') no-repeat; width: 92px; } .calendarPager a.backwardCalendarButton span { background: url('../files/graphics/ico_backwardCalendarButton.gif') no-repeat left center; padding-left:15px; } .calendarPager a.forwardCalendarButton span { background: url('../files/graphics/ico_forwardCalendarButton.gif') no-repeat right center; padding-right:15px; } div.classInfo { padding: 0; margin-top: 10px; } div.classInfo div { float: left; display: block; } div.classInfo div span { color: #fcb131; font-weight: bold; line-height: 27px; } div.classInfo .buyWrapper { padding-right: 10px; } div.classInfo a.buy { background: url('../files/graphics/bg_buyButton.gif') no-repeat; height:27px; width:107px; text-decoration: none; float: left; } div.classInfo a.buy:hover { text-decoration: underline; color: #fff; } div.classInfo a.buy span { line-height:27px; padding-left:33px; color: #fff; font-weight:bold; display: block; } div.classInfo .freeSpots span { background: url('../files/graphics/ico_freeSpots.gif') no-repeat left 5px; padding-left:18px; display: block; } div.classInfo .classStart { padding-left: 15px; } div.classInfo .classStart span { background: url('../files/graphics/ico_classStart.gif') no-repeat left 5px; padding-left: 23px; display: block; } div.kalendar .item .kurz0 div.classInfo .archive { padding-left: 15px; } div.kalendar .item div.classInfo .archive a { color: #CE1141; line-height: 27px; font-weight: bold; } div.kalendar { border-top: 1px solid #ddd; margin-top: 20px; } div.kalendar .kurz { background: url('../files/graphics/bg_kurz.gif') no-repeat center top; margin-bottom: 15px; position: relative; width: 370px; } div.kalendar .kurzInner { padding: 10px; background: url('../files/graphics/bg_kurz_bottom.gif') no-repeat center bottom; } div.kalendar .kurzWrapper { padding-right: 10px; float: left; } div.kalendar .kurz3 { padding: 10px; background: url('../files/graphics/bg_kurz3_bottom.gif') no-repeat center bottom; } div.kalendar .kurz3Wrapper { background: url('../files/graphics/bg_kurz3.gif') no-repeat center top; } div.kalendar h2 { font-size: 2em; font-weight: bold; text-align: center; margin-top: 20px; display: block; padding-bottom:20px; border-bottom:1px solid #ddd; } div.kalendar h2 span { background: url('../files/graphics/ico_calendarMonth.gif') no-repeat left 1px; line-height: 22px; padding: 0 0 0 25px; display: inline; } div.kalendar h3 { color: #333; font-size: 1.25em; font-weight: bold; } div.kalendar .dateCol h3 { margin-left: 5px; width: 140px; line-height: 1; } div.kalendar .dateCol h3 span.date { color: #888888; font-size: 2.2em; float: left; } div.kalendar .dateCol h3 span.day { color: #888888; font-size: .85em; display: inline; font-weight: normal; padding-left: 25px; line-height: 36px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #c2c2c2; } div.kalendar .item { margin-top: 15px; border-bottom: 1px solid #ddd; } div.kalendar .last { margin-bottom: 10px; } div.kalendar .first { border-bottom: 1px solid #ddd; margin-top: 15px; } div.kalendar .item a { color: #333; } div.kalendar .item .buy { display: block; font-size: .9em; } div.kalendar .item .dateCol { float: left; } div.kalendar .item .infoCol { float: right; width: 760px; } div.kalendar .item .infoCol p { min-height: 36px; padding: 0px; } div.kalendar .item .infoCol p a { color: #ce1141; } div.kalendar .item .infoCol h4 a { font-size: 0.95em; margin-bottom: 10px; color: #000; text-decoration: none;} div.kalendar .item .infoCol h4 a:hover { color: #000; text-decoration: none; } div.kalendar .freeDate { color: #000; font-size: 1em; } div.kalendar .contantUs { font-size: 0.9em; display: block; } div.kalendar .contantUs a, div.kalendar .freeDate a { color: #ce1141; } div.kalendar .contantUs a { background: url('../files/graphics/ico_calendarContactUs.gif') no-repeat left 0; padding-left:25px; margin-left: 5px; } div.kalendar .item .infoCol p.freeDate, div.kalendar .item .infoCol p.contantUs { min-height: 0px; margin-bottom:10px; } div.kalendar .day6 .dateCol span.date, div.kalendar .day0 .dateCol span.date { color: #ca1f46; } /* REZERVACE */ body.rezervace .back { margin-top: 10px; } body#rezervace-dynamic div.kalendar { border-top: none; margin-top: 0px; width: 622px;} body.rezervace .item2 #advise .comment { width: 570px; } body.rezervace .item2 #advise .comment .cont { width: 365px; } body.rezervace .item2 #advise .comment .cont textarea#comment { height: 120px; } .stornoConditions { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; font-size: .9em; } .giftnumber { border: 1px solid #aaa; width: 230px; margin-left: 205px; _display: inline; } form.form1 .giftnumber .clearfix { width: auto; padding: 10px; } form.form1 .giftnumber .lab, form.form1 .giftnumber .cont { float: none; width: auto; } .cursInfo p { text-align: justify; } .tabBoxActive .item p.registrationInfo { font-size: 0.9em; padding: 10px 0 0; text-align: center; } /* MAPA WEBU */ body#mapa-webu #mainBar ul { list-style: none; } body#mapa-webu #mainBar ul li { padding: 3px 0; } body#mapa-webu #mainBar ul li ul { list-style: square; margin-left: 30px; } body#mapa-webu #mainBar ul li ul li ul { list-style: circle; } body#mapa-webu #mainMenu ul li { padding-top: 0px; padding-bottom: 0px; } body#mapa-webu #mainMenu ul li.subMenu ul { margin-left: 0px; } /* NEWSLETTER */ .newsletterSubmit { margin-bottom: 30px; } .newsletterSubmit .fl input { border: 1px solid #c5c5c5; padding: 2px; width: 175px; font-size: 1em; } .newsletterSubmit .fr { padding-right: 50px; } .newsletterSubmit .fr input { height: 24px; width: 15px; overflow: hidden; background: #fff url('../files/graphics/bg_calendarsubmit.gif') center center no-repeat; text-indent: 15px; cursor: pointer; } body#newsletter .form1 { border: 1px solid #eee; padding: 20px 10px 20px 20px; float: left; } /* DARKOVY POUKAZ */ .giftView { margin: 10px 0; padding: 10px; border: 1px solid #eee; } .giftView p { padding: 0; margin: 0; margin-bottom: 5px; } .giftView a img { border: none; } .presents { margin: 5px 0px 5px 204px; } .presents a { display: block; padding-left: 10px; float: left; height: 43px; } .presents a.first { padding: 0; } form.form1 .cont .credit { display: none; border: 1px solid #666; background: none; padding: 5px 0; width: 95%; margin-top: 5px; } form.form1 .cont .credit label { border: none; background: none; margin-left: 5px; } form.form1 .cont .credit input { width: 50%; margin: 5px 0 0 5px; } /* soutez facebook */ body#soutez-facebook #mainBar ol, body#soutez-facebook #mainBar ul { margin-left: 20px; } body#soutez-facebook li { margin-bottom: 10px; } body#soutez-facebook .fanbox { margin: 5px 0 10px 30px; } /* OPPA */ div.oppa_logo { float: left; } div.oppa_text { float: right; padding-top:25px; } div.oppa_text span { color: #02368C; width: 310px; display: block; } .skoleni { width: 630px; font-weight: bold; background-color: #FEF0AF; } .skoleni .nazovSkoleni { float: left; padding: 5px; } .skoleni .dlzkaSkoleni { float: right; width: 110px; text-align: center; padding: 5px; } .skoleni-wrapper { margin-bottom: 10px;} .skoleni-wrapper ul { padding-left: 20px; line-height: 1.8;} .skoleni-wrapper ul li { width: 520px; } .skoleni-title { width: 630px; color: #CA1F46; font-weight: bold; font-size: 17px;} .skoleni-title .nazovSkoleni { float: left; } .skoleni-title .dlzkaSkoleni { width: 147px; float: right; } /* homepage - doporučené kurzy */ .recommendCourseBlock { margin: 20px 0; } .recommendCourseBlock h2 { background: transparent url('../files/graphics/ico_calendarMonth.gif') 0 0 no-repeat; padding-left: 30px; margin: 0 0 5px 10px; } .recommendCourseBlock a { display: block; text-decoration: none; width: 265px; } .recommendCourseBlock span.recommendCourseLinkInner { padding: 6px 10px; height: 100%px; display: block; } .recommendCourseBlock span.recommendCourseLinkBottom { height: 9px; display: block; width: 265px; background: none; } .recommendCourseBlock a span { cursor: pointer; } .recommendCourseBlock a span span { text-decoration: underline; color: #000; font-size: 1.2em; float: left; display: block; cursor: pointer; } .recommendCourseBlock a span.date { text-decoration: none; padding-right: 10px; } .recommendCourseBlock a span.courseName { width: 180px; } .recommendCourseBlock a:hover span { color: #fff; text-decoration: none; } .recommendCourseBlock a:hover { background: transparent url('../files/graphics/bg_recommendCourseLink.png') center top no-repeat; } .recommendCourseBlock a:hover span.recommendCourseLinkInner { background: transparent url('../files/graphics/bg_recommendCourseLinkInner.png') center bottom no-repeat; } /* homepage - facebook */ .facebook { background-color: #4261a2; margin-top: 15px; } .facebook a { border: solid none; background: url('../files/graphics/bg_facebook.gif') no-repeat; display:block; height:58px; text-decoration: none; } .facebook span.title { font-size: 1.15em; color: #fff; display: block; padding:13px 0 0 60px; } .facebook span { font-size: 0.85em; color: #fff; display: block; padding-left: 60px; } /* homepage - foodparade */ .foodparade { background-color: #ffffff; margin-top: 15px; margin-bottom: 8px; } .foodparade a { background: url("../files/graphics/bg_foodparade.gif") no-repeat; display: block; height: 61px; text-decoration: none; } .foodparade strong { color: #482124; font-size: 1.1em; } .foodparade span { color: #482124; display: block; font-size: 1em; padding:15px 0px 0px 118px; } /* sponzory */ .ad p { font-size: 0.85em; padding: 0; } .ad p a { color: #000; text-decoration: none; } .partnersLeft { float: left; width: 410px;} .partnersLeft a.fl { padding: 0 5px 0 30px; } .partnersLeft .fr { width: 250px; padding-top: 4px; } .partnersRight { float: right; padding-top: 5px; width: 440px; } .partnersRight p { padding-right: 5px; } .partnersRight a.fl { padding: 4px 10px 0 0; } .partnersRight .fr { width: 295px; } /* contentBottom obsahujúci facebookconnect, programy reklamu a oppa */ .contentBottom { width: 910px; margin-left: 20px; padding: 40px 0 7px 0; } body.kalendar .contentBottom { padding-top: 22px; } .contentBottom .facebookConnect { float: left; padding-left: 13px; } .contentBottom #programs { float: right; } .contentBottomAds { background-color: #FEEEA9; padding-top: 15px; } .contentBottomAds h3 { font-size:0.85em; margin-bottom:15px; padding-left:35px; } /* panorama */ .panorama { margin: 10px 0 20px; } /* odkazy */ body#odkazy #mainBar img { margin: 0 10px 10px 0; border: none; } /* Substránky pre typy kurzov */ .coursePage .courseWithForm .courseContent { width: 310px; float: left; } .coursePage .courseContent #photos { padding: 0 0 15px; } .coursePage .courseText ul { margin-bottom: 5px; } .coursePage .courseText ul li { list-style-position: inside; } .coursePage .courseSidebar { width: 300px; float: right; } .courseSidebar h2 { margin-bottom: 5px; } .courseSidebar .back { display: none; color: #666666; margin-bottom: 5px; } .courseSidebar .form1 .lab { width: auto; } .courseSidebar .form1 .cont { width: 200px; } .courseSidebar .form1 .giftnumber .clearfix { width: auto; } .courseSidebar .form1 .giftnumber { margin: 0 0 10px; width: 261px; } .courseSidebar .form1 .captcha { padding-bottom: 10px; } .courseSidebar .form1 .captcha .arrow { background: transparent url('../files/graphics/ico_greyCaptchaArrow.png') 5px center no-repeat; width: 15px; height: 43px; display: block; float: left; position: relative; top: 0; right: 0; cursor: default; } .courseSidebar .form1 .captcha .cont { width: 95px; float: left; } .courseSidebar .form1 .captcha .cont input { font-size: 2.7em; height: 43px; padding: 0 5px; margin-left: 5px; } .courseSidebar .form1 .cont input#amount { margin: 0; width: 95%; } .courseSidebar .form1 .note .cont { float: none; width: 285px; } .courseSidebar .form1 .checkbox .lab { float: none; } .courseSidebar .form1 .checkbox .cont { width: auto; } .courseSidebar .form1 .checkbox .cont input { float: none; } .courseSidebar .coursesDates { padding: 0; } .courseSidebar .availablecourses { margin-bottom: 10px; } .courseSidebar .availableCourseInner { padding: 10px; } .courseSidebar .reservationForm { display: none; padding: 5px 0px; } .courseSidebar .newslatterWrapper, .availablecourses .availableCourse { background: transparent url('../files/graphics/bg_availableCourse.gif') no-repeat scroll center top; height: auto; color: #000; margin-bottom: 10px; } .courseSidebar .newslatter, .availablecourses .availableCourseInner { background: transparent url('../files/graphics/bg_availableCourse_bottom.gif') no-repeat scroll center bottom; } .courseSidebar .newslatter { padding: 10px; } .availableCourse .courseMenu { display: none; } .availableCourse .courseTitle { font-size: 1.25em; margin-top: 2px; } .availableCourse .showCourseMenu { text-decoration: underline; color: #CA1F46; } .availableCourse .selectedCourse { display: none; } .availableCourse .dateInfo { color: #CA1F46; font-size: 1.1em; } .courseInfo { margin-top: 5px; } .courseInfo span.showCourseMenu, .courseInfo span.vacantPlace { float: left; line-height: 27px; display: block; } .availableCourse .pickCourse { background: transparent url("../files/graphics/bg_buyButton.gif") no-repeat scroll 0 0; height: 27px; width: 107px; text-decoration: none; color: #fff; font-weight: bold; line-height: 27px; text-indent: 33px; display: block; float: left; font-size: 0.9em; cursor: pointer; margin-right: 4px; } .availableCourse .vacantPlace { color: #FCB131; font-weight: bold; margin-right: 4px; } .newslatter .clearfix, .availableCourse .clearfix { width: auto !important; } .detailCourse .activeCourse .pickCourse, .detailCourse .availableCourse { display: none; } .detailCourse .cancelpolicy, .detailCourse .activeCourse, .detailCourse .reservationForm, .detailCourse .back { display: block; } .detailCourse .cancelPolicyContainer { margin-top: 5px; } .detailCourse .cancelPolicyContainer p.navig { margin: 0; padding: 0; } .detailCourse .cancelPolicyContainer a { margin-bottom: 5px; display: block; } .detailCourse .cancelPolicyWrapper { margin-top: 5px; } .detailCourse .cancelPolicyWrapper ul li { margin-left: 20px; } .controlFields { font-size: 0.9em; } /* eshop - cart block */ .cartBlock a { background: #cb1040 url("../files/graphics/bg_cartBlock.gif") 0 0 no-repeat; width: 258px; height: 110px; display: block; color: #fead22; text-decoration: none;} .cartBlock a:hover { background-position: 0 -110px; color: #fead22; } .cartBlock .wrapper { padding: 18px 80px 18px 15px; display: block; } .cartBlock .wrapper span { font-weight: bold; text-decoration: underline; } .cartBlock .wrapper .info { color: #feeea9; font-weight: normal; text-decoration: none; display: block; margin-bottom: 5px; background: none; border: none; padding: 0; } /* eshop - kategorie */ .categoryBlock { background: #f2f2f2 url('../files/graphics/bg_categoryBlockTop.gif') center top no-repeat; margin-bottom: 10px; } .categoryBlockInner { background: transparent url('../files/graphics/bg_categoryBlock.gif') center bottom no-repeat; padding: 10px; } .categoryBlock h2 { font-size: 1.1em; font-weight: bold; float: left; } .categoryBlock .fl { width: 150px; } .categoryBlock .fr { width: 440px; } .categoryBlock label { padding-left: 3px; padding-right: 20px; } .categoryBlock input { margin-top: 3px; } .kategorie div { float: left; padding-bottom: 10px; } /* eshop - označiť kategorie */ .noneAllLinks { padding: 0 !important; margin: 0; line-height: 1; } .noneAllLinks a { color: #000; font-weight: normal; text-decoration: none; display: inline-block; width: 42px; height: 21px; line-height: 21px; text-align: center; } .noneAllLinks a.active, .noneAllLinks a:hover { color: #fff; background: #ba0d39 url("../files/graphics/bg_categoryBlockButton.gif") 0 0 no-repeat; } /* eshop - vypis produktov */ .productWrapper { width: 303px; background: transparent url("../files/graphics/bg_productTop.gif") center top no-repeat; } .productInner { height: 314px; overflow: hidden;} .productLeft { float: left; } .productRight { float: right; } .active .product { background-image: url("../files/graphics/bg_productHover.gif"); } .product { width: 303px; background: transparent url("../files/graphics/bg_product.gif") center bottom no-repeat; } .productsRow { margin-bottom: 30px; } .product .title { height: 40px; margin-top: 20px; padding: 0 20px; } .product .image { margin: 20px 0 15px; height: 120px; text-align: center; } .product p { font-size: 1.5em; color: #ca1f46; font-weight: bold; padding: 0 20px 7px; } #produkty-dynamic input.submit, .product input.submit { display: block; background: #CA1F46 url("../files/graphics/bg_addToCartButtons.gif") 0 -68px no-repeat; width: 154px; height: 34px; line-height: 34px; color: #FFF; cursor: pointer; text-indent: 25px; font-weight: bold; float: right; } #produkty-dynamic .hover input.submit { background-position: 0 -136px; } .active .product input.submit { background-position: 0 0px; } .product .hover input.submit { background-position: 0 -34px; } .product .addToCart { height: 64px; padding: 0 20px; margin-top: 15px; } .product h2 { font-size: 1.2em; font-weight: bold; margin: 0; line-height: 1.2; } .product h2 a { text-decoration: underline; } .product h2 a:hover { color: #CA1F46; text-decoration: none; } #obchod p.highlighted { padding: 10px 0 20px; line-height: 1.7em; } #obchod h1, #obchod-dynamic h1 { margin-top: 10px; } /* Pridanie produktov */ .addToCart .count { float: left; font-size: 1.15em; position: relative; } .cartRow .count label, .addToCart .count label { margin-right: 5px; display: inline-block; height: 34px; line-height: 26px; } .cartRow .count input, .addToCart .count input { width: 54px; height: 34px; line-height: 34px; background: transparent url("../files/graphics/bg_addToCartCount.gif") 0 0 no-repeat; text-align: center; } .arrow { display: block; width: 8px; height: 6px; cursor: pointer; background: transparent url('../files/graphics/bg_pinkArrows.gif') 0 0 no-repeat; text-indent: -1000px; overflow: hidden; position: absolute; top: 9px; right: 8px; } .arrowDeduct { background-position: 0 -6px; top: 19px; } .active .product .count input { background-position: 0 -34px; } #produkty-dynamic .addToCart .count { width: 132px; border-top-width: 1px } #produkty-dynamic .addToCart .count input { background-position: 0 -68px; } #produkty-dynamic input.submit { float: left; } #produkty-dynamic .arrow { right: 38px; } #produkty-dynamic .addToCart form { float: right; padding-right: 84px; } /* navigator and pager */ .navigator { position: absolute; top: 80px; right: 0; width: 228px; } .navigator label { display: inline-block; line-height: 34px; float :left; padding-right: 15px; } body.done .navigator { top: 70px;} .paging { border-top: 1px solid #f2f2f2; padding-top: 20px; } .paging .firstPage { margin-left: 34px; } .paging .clearfix { width: 203px; margin: 0 auto; } .paging .numbers { float: left; width: 135px; text-align: center; } .paging .numbers a { margin-left: 4px; } .paging a { color: #000; text-decoration: none; font-size: 1.15em; line-height: 34px; } .paging a:hover { text-decoration: underline; } .paging a.active { color: #ca1f46; text-decoration: underline; } .paging .button { width: 34px; height: 34px; display: block; background: transparent url("../files/graphics/ico_pager.gif") 0 0 no-repeat; text-indent: -1000px; overflow: hidden; float: left; } .paging .button:hover { background-position: 0 -34px;} .paging .previous { background-position: 0 -68px; } .paging .previous:hover { background-position: 0 -102px; } /* eshop - košík */ .cartWrapper { margin-bottom: 20px; border-top: 1px solid #CCCCCC; } .cartWrapper .even { background: #fafafa; } .cartRow a { font-size: 1.2em; font-weight: bold; line-height: 1.2; text-decoration: none; display: block; width: 290px; } .cartRow a:hover { text-decoration: underline; color: #CA1F46; } .cartRow img { width: 40px; height: 40px; float: left; display: inline-block; margin: 0 20px; } .cartRow .remove_product_from_cart input.submit { width: 18px; height: 18px; text-indent: -1000px; overflow: hidden; display: block; background: url("../files/graphics/bg_deleteFromCartButton.gif") 0 0 no-repeat; cursor: pointer; margin: 11px 20px 0 0; font-size: 0; display:block; line-height: 0; } .even .remove_product_from_cart input.submit { background-position: 0 -18px; } .cartRow .count { font-size: 1.15em; margin: 3px 20px 0 0; position: relative; } .cartRow .count input { background-position: 0 -68px; } .even .count input { background-position: 0 -102px; } .cartRow .productPrice { font-size: 1.65em; color: #ca1f46; font-weight: bold; line-height: 34px; padding: 0; margin-top: 4px; } .cartRowInner { padding: 14px 0px; } .cartRow a, form.edit_product_in_cart, .cartRow .productPrice { float: left; } form.remove_product_from_cart { float: right; } .orderinfo { background: #feeea9; color: #000; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 20px; padding: 10px 25px; position: relative;} .orderinfo a { font-weight: bold; color: #000; } .orderinfo p { padding: 0; font-size: 1.15em; } .orderinfo .checkbox { margin-right: 10px; } .orderinfo label { font-size: 1.15em; } .priceinfo { background: #ca1f46; color: #fff; position: relative; } .priceinfo .price { font-weight: bold; font-size: 1.5em; position: absolute; right: 20px; top: 6px; } #order input.submit { width: 262px; height: 52px; color: #FFF; background: #CA1F46 url("../files/graphics/bg_cartOderButton.gif") 0 0 no-repeat; display: block; cursor: pointer; font-size: 1.15em; text-transform: uppercase; font-weight: bold; float: right; } #order input.submit:hover { background-position: 0 -52px; } .orderFormInner { background: #fbfbfb; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 13px 22px; margin-bottom: 10px; position: relative;} .orderFormInner label { float: left; width: 225px; line-height: 34px; font-size: 1.15em; } .orderFormInner label .required { color: #CA1F46; } .orderFormInner .inputWrapper { background: transparent url('../files/graphics/bg_cartFormInput.gif') 0 0 no-repeat; height: 34px; line-height: 34px; width: 334px; float: left; } .orderFormInner input.text { background: none; display: block; height: 34px; line-height: 34px; padding: 0 13px; width: 92%; font-size: 1.15em; } .orderFormInner .clearfix { margin-bottom: 10px; } .orderFormInner .radio { margin-right: 10px; } .doprava, .platba { float: left; width: 293px; } .doprava label, .platba label { float: none; width: auto; display: block; line-height: 30px; } /* eshop - produkt detail */ #produkty-dynamic h1 { width: 530px; } #produkty-dynamic a.back { background: transparent url('../files/graphics/ico_pinkLeftArrow.gif') 0 0 no-repeat; color: #000; text-decoration: none; display: block; line-height: 23px; text-indent: 5px; position: absolute; top: 10px; right: 30px; } #produkty-dynamic a:hover.back { text-decoration: underline; } .productDetail { position: relative; } .productDetailInner { border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; margin: 10px 0px; } .productDetail .productInfo { width: 370px; float: right; overflow: hidden;} .productDetail .productImage { width: 234px; height: 234px; float: left; } .productDetail .productImage { position: relative; } .productDetail .productImage a { display: block; } .productDetail .productImage span { position: absolute; top: 0; left: 0; display: block; background: transparent url("../files/graphics/bg_productImage.png") center top no-repeat; height: 100%; width: 100%; } .productInfo p { font-size: 1.15em; } .productInfo p.price { color: #CA1F46; font-size: 2em; font-weight: bold; } .productInfo iframe { margin-top: 15px; } /* eshop - obchodné podmienky */ #obchod-podmienky ol { list-style: upper-alpha outside none; margin: 0 0 10px 20px; } #obchod-podmienky ol li { margin-bottom: 3px; } /* nojs */ body.nojs .courseSidebar .courseMenu { display: inline-block; margin-top: 2px; } body.nojs .courseSidebar .showCourseMenu { display: none !important; } body.nojs .courseSidebar .reservationForm { display: block; background: #FFFAD7; border: 1px solid #e6d691; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } body.nojs .courseSidebar .reservationForm .clearfix { width: auto !important; } body.nojs .courseSidebar .availableCourse .selectedCourse { display: block; } /* my destination */ .mydestination { position: absolute; right: 0; top: 125px; }