/* 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 15px; } #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: url('../files/graphics/bg_submenu2.gif') center bottom no-repeat; min-height: 74px; _height: 74px; 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; border-top: 1px solid #e4889f; cursor: pointer; height: auto; font-size: 0.85em; line-height: 27px; height: 27px; padding-left: 15px; 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; } #mainMenu ul li ul.level2 li a span { display: block; float: none; font-size: 0.85em; padding-left: 15px; color: #fff;} #mainMenu ul li ul.level2 li.first { border: none; height: 32px; } #mainMenu ul li ul.level2 li.first a { padding-top: 4px; } #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; } body#index #mainMenu ul.showActive li.uvod a.level1, body#index #mainMenu ul.showActive li.home a.level1, body.programy #mainMenu ul.showActive li.programy a.level1, body.programs #mainMenu ul.showActive li.programs 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#kalendar #mainMenu ul.showActive li.kalendar a.level1, body#kalendar #mainMenu ul.showActive li.calendar a.level1, body#kalendar-dynamic #mainMenu ul.showActive li.kalendar a.level1, body#kalendar-dynamic #mainMenu ul.showActive li.calendar 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.obchod a.level1, body#obchod #mainMenu ul.showActive li.shop a.level1, body#obchod-dynamic #mainMenu ul.showActive li.obchod a.level1, body#obchod-dynamic #mainMenu ul.showActive li.shop 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#index #mainMenu ul.showActive li.uvod a.level1 span, body#index #mainMenu ul.showActive li.home a.level1 span, body.programy #mainMenu ul.showActive li.programy a.level1 span, body.programs #mainMenu ul.showActive li.programs 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#kalendar #mainMenu ul.showActive li.kalendar a.level1 span, body#kalendar #mainMenu ul.showActive li.calendar a.level1 span, body#kalendar-dynamic #mainMenu ul.showActive li.kalendar a.level1 span, body#kalendar-dynamic #mainMenu ul.showActive li.calendar 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.obchod a.level1 span, body#obchod #mainMenu ul.showActive li.shop a.level1 span, body#obchod-dynamic #mainMenu ul.showActive li.obchod a.level1 span, body#obchod-dynamic #mainMenu ul.showActive li.shop 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.about-us ul li.last { height: 40px;} #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: 65px 0 80px; } #sideBar { width: 285px; float: left; overflow: hidden; position: relative; } #sideBarCont { padding: 100px 0 0 20px; } #sideBarPad { padding: 0 0 20px 0px; } #mainBar { width: 630px; float: right; margin-right: 20px; padding-bottom: 20px; } #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 .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: 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; } #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-kurzy #subMenu ul li a.programy-kurzy, body#programy-kulinarsky #subMenu ul li a.programy-kulinarsky, body#programy-party #subMenu ul li a.programy-party, body#programy-private-chef #subMenu ul li a.programy-private-chef, body#programy-randeni #subMenu ul li a.programy-randeni, 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-obchudek #subMenu ul li a.o-nas-obchudek, body#o-nas-partneri #subMenu ul li a.o-nas-partneri, body#o-nas-rekli #subMenu ul li a.o-nas-rekli #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.hlaska, span.chyba { display: block; padding: 10px; margin-bottom: 10px; font-weight: bold; } span.hlaska { color: #009900; background: #F0FFF0; border: 1px solid #00CC00; } 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; } /* 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; } .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 */ form.form1 .clearfix { width: 450px; padding-bottom: 5px; } form.form1 .lab { float: left; width: 195px; } 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.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; } /* 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; } /* .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; } */ /* PROGRAM: PRIVATE CHEF */ body#programy-private-chef .tabBoxItems .item1 ul li { line-height: 1.5; } body#programy-private-chef .tabBoxItems .item3 .element { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; } body#programy-private-chef .tabBoxItems .item5 .clearfix { padding-top: 10px; } body#programy-private-chef .tabBoxItems .item5 .clearfix .photo { float: left; margin: 0 20px 10px 0; _display: inline; } body#programy-private-chef .tabBoxItems .item5 .clearfix .last { margin-right: 0; } body#programy-private-chef .tabBoxItems .item5 .clearfix .photo a { display: block; position: relative; text-align: center; } body#programy-private-chef .tabBoxItems .item5 .clearfix .photo a:hover { } body#programy-private-chef .tabBoxItems .item5 .clearfix .photo a img { } /* PROGRAM: KULINARSKY TEAMBUILDING */ .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; } /* PROGRAM: RANDENI */ .harmonieLogo a { display: block; background: #fff; padding: 10px; border: 1px solid #feeea9; margin: 10px 0 20px; float: left; } /* PROGRAM: KURZY VARENI */ body#programy-kurzy .tabBox .item3 .ul1 { margin-bottom: 10px; } body#programy-kurzy .tabBox .item3 .ul1 li a { font-weight: bold; color: #FCB131; } body#programy-kurzy .tabBox .item2 .cols { margin-bottom: 20px; } /* 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 p { padding: 0 0 10px 0; } body.nasi-sefkuchari .highlight .fr ul { list-style-position: inside; } /* O NAS: NASE MISTO */ body#o-nas-misto .highlight p { padding: 0 0 10px 0; } body#o-nas-misto .highlight a { color: #ca1f46; font-weight: normal; } body#o-nas-misto .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; } /* 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: 0 10px 10px 0; _display: inline; } #photos .last { margin-right: 0; } #photos .item a { display: block; position: relative; width: 150px; height: 150px; background: #FEEEA9; text-align: center; } #photos .item a:hover{ background: #ca1f46; } #photos .item a img { margin: 10px auto; } /* 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; } /* 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 .kurz0 { padding: 10px; background: url('../files/graphics/bg_kurz0_bottom.gif') no-repeat center bottom; } div.kalendar .kurz0Wrapper { background: url('../files/graphics/bg_kurz0.gif') no-repeat center top; margin-bottom:15px; position: relative; } div.kalendar .cols2 .col1, div.kalendar .cols2 .col2 { width: 370px; } div.kalendar .kurz1, div.kalendar .kurz2 { padding: 10px; background: url('../files/graphics/bg_kurz_bottom.gif') no-repeat center bottom; } 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 .kurz1Wrapper, div.kalendar .kurz2Wrapper { background: url('../files/graphics/bg_kurz.gif') no-repeat center top; margin-bottom: 15px; position: relative; } 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; } /* OBCHOD */ .store .highlightCont { padding-bottom: 0; } .store h2 { font-size: 1.1em; font-weight: bold; float: left; padding-right: 20px; } .store label { padding-left: 3px; padding-right: 20px; } .store input { margin-top: 3px; } .store .fl { width: 80px; } .store .fr { width: 520px; } .kategorie div { float: left; padding-bottom: 10px; } .navigator { border-bottom: 1px solid #ccc; padding-bottom: 15px; } .navigator a, .navigator a:hover { color: #000; } .navigator a.active { text-decoration: none; font-weight: bold; } .navigator .col2 { text-align: right; } .product { border-bottom: 1px solid #eaeaea; padding: 10px 0 6px 0; } .product.last { border-color: #ccc; } .product .info { float: right; width: 530px; } .product .image { float: left; width: 95px; } .product a:hover { color: #ca1f46; } .product h3 { margin-bottom: 5px; } .product p { padding-bottom: 5px; } #obchod-dynamic .paging, #obchod .paging { color: #000; text-align: right; padding-top: 15px; } #obchod-dynamic .paging a, #obchod .paging a { color: #000; } .store .fl h2 { margin-bottom: 3px; } .noneAllLinks { padding: 0 !important; margin: 0; line-height: 1; } .noneAllLinks a { font-size: .8em; color: #000; font-weight: normal; } /* 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; } /* 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; } /* eu project */ div.euProject { float: right; width: 490px; } div.euProject .euProjectLogo { float: right; } div.euProject .euProjectLogo img { margin-right: 20px; } div.euProject .euProjectText { float: left; text-align: right; padding-right: 5px;} div.euProject .euProjectText span { display: block; } div.euProject span { font-size: 0.85em; } div.euProject a span { color: #ce1141; text-decoration: underline; } div.euProject a:hover span { text-decoration: none; } div.euProject h3 { font-size:0.85em; padding-right:20px; text-align:right; } /* 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; text-decoration: underline; font-weight: bold; font-size: 17px;} .skoleni-title .nazovSkoleni { float: left; } .skoleni-title .dlzkaSkoleni { width: 147px; float: right; } /* homepage */ /* homepage - novinky */ div.novinky { text-align: justify; font-size: 0.85em; padding-bottom:20px; border-bottom:1px solid #C6C6C6;} div.novinky h2 { font-weight: bold; line-height:45px; margin: 0; } div.novinky a { background: url('../files/graphics/ico_arrow2.gif') no-repeat 25px 6px; padding-right: 12px; } /* 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; } /* reklama Whirlpool */ div.ad { float: left; width: 405px; } div.ad .fr p { font-size: 0.85em; padding: 0px; width: 250px; } div.ad p.first { padding-top: 5px; } div.ad a.fl { padding: 0 5px 0 30px; } div.ad h3 { font-size:0.85em; margin-bottom:5px; padding-left:35px; } /* 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; } /* panorama */ .panorama { margin: 10px 0 20px; } /* odkazy */ body#odkazy #mainBar img { margin: 0 10px 10px 0; border: none; }