/* ---------------------------------------------------------------------------------------------------------- Euro RSCG 4D (http://www.eurorscg4d.cz) Výstupní zařízení: screen, projection Autor: Lukáš Tomek (lukas.tomek@eurorscg4D.cz) Vytvořeno: 04/09/2008 ---------------------------------------------------------------------------------------------------------- */ /* -- Basics -- */ html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; list-style: none; } body { font: normal 62.8%/1.3 Verdana, "Geneva CE", lucida, sans-serif; background: #f3efe6; color: #3e372f; text-align: center; } a { color: #d68013; } a:hover { text-decoration: underline !important; color: #3e372f !important; } a img { border:0; } input, select, textarea { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; } input.button, select.button, textarea.button { background: #fff; padding: 2px 0; border: 1px solid #595959; color: #000 !important; } button.button { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; } input.submit { width: 101px !important; height: 22px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; background: #d68013 url('../images/bg-submit.gif') no-repeat; } label { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; } li { behavior: url('/css/hover.htc'); } h1 { font-size: 2em; margin-bottom: .5em; } h2 { font-size: 1.45em; } h3 { font-size: 1.4em; } h4 { font-size: 1.1em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { color: #635749; font-weight: normal; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; } table { width: 100%; border-collapse: collapse; } table th { color: #999999; font-weight: normal; } blockquote { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; } fieldset { border: 0 !important; } /* -- User friendly features --*/ .hidden { display: none; } .noscreen { width: 200px; position: absolute; left: 0; top: -999px; } /* -- Basics layout -- */ #view { position: relative; text-align: left; } #head { font-size: 1.2em; position: relative; z-index: 10; } #content { font-size: 1.1em; position: relative; z-index: 1; } #foot { font-size: 1.0em; z-index: 1; } /* -- Main classes -- */ .fr { float: right !important; } .fl { float: left !important; } img.fl { margin: 5px 15px 5px 0; } img.fr { margin: 5px 0 5px 15px; } .clear { clear: both !important; } .right { text-align: right !important; } .left { text-align: left !important; } .center { text-align: center !important; } .last { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; } .small { font-size: .90em; } .big { font-size: 1.2em; } .biggest { font-size: 2em; } .light { color: #999999 !important; } .clearfix { overflow: hidden; height: 100%; padding-bottom: .6em; } .alt { font-weight: bold; } .yellow { color: #FFFF00 !important; } .red { color: #b7092a !important; } .test { border: 1px black solid; } .smile { vertical-align: middle; margin: 0 2px; } .noBrd { border: none !important; } .noBrdL { border-left: none !important; } .noBrdR { border-right: none !important; } .autoWidth { width: auto !important; } .inlink { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; } .relative { position: relative; } .overlaid { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } .overlaid span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* -- Items -- */ .item { clear: both; } /* -- Forms layout -- */ .formBox .lab { float: left; width: 45%; text-align: left; padding-right: 1%; } .formBox .con { float: right; width: 53%; } .formBox .clearfix { } .formBox .button { } .formBox .w100 { width: 98%; } .formBox .button:focus { border-color: #000; } .formBox legend { display: none; } /* -- Basic content constructs -- */ .list { margin-bottom: 0 !important; } .offsetTop { margin-top: 1em; } .offsetBottom { margin-bottom: 1em; } .info { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; } .back { display: block; font-size: .9em; width: 98px; height: 18px; padding-top: 4px; text-align: center; color: #40382d; font-weight: bold; text-decoration: none; background: #fff url('../images/bg-button-back.gif') no-repeat; } .more { display: block; width: 101px; height: 19px; padding: 3px 0 0; color: #fff !important; font-weight: bold; text-decoration: none; text-align: center; background: #d68013 url('../images/bg-button-more2.gif') no-repeat; } .more:hover { color: #fff !important; } .submitBox { padding: 10px 17px 0; width: 663px; height: 34px; background: #dfcfb6 url('../images/bg-gallery-paging.gif') no-repeat; } /** -- Cols layout -- */ .cols { overflow: hidden; height: 100%; } .cols3 .col1 { width: 196px; float: left; } .cols3 .col2 { width: 542px; float: left; margin-left: 13px; } .cols3 .col3 { width: 184px; float: right; } .cols2 .col1 { width: 196px; float: left; } .cols2 .col2 { width: 716px; float: right; padding: 9px 15px 9px 0; } /* -- Layout -- */ #view { width: 951px; margin: 0 auto; background: #fff url('../images/bg-view.gif') repeat-y; padding: 0 3px; overflow: hidden; } #head { height: 315px !important; margin-bottom: 3px; border: 1px #fff solid; } #content { margin-bottom: 10px; overflow: hidden; } #foot { background-color: #635749; clear: both; color: #dfcfb5; text-align: right; padding: 9px 30px; } /* -- Header -- */ #head h1 { position: relative; width: 949px; height: 207px; margin: 72px auto 0; } #head h1 a { display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 100px; background-color: #c5bab2; } #head h1 span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/bg-header1.jpg') no-repeat; } #head #header2 { display: block; position: absolute; left: 389px; top: 0; width: 179px; height: 72px; background: url('../images/bg-header2.gif') no-repeat; } #header-copy { position: absolute; width: 300px; right: 20px; top: 10px; color: #666666; text-align: right; } /* -- Header menu -- */ #small-menu { position: absolute; width: 300px; top: 10px; left: 20px; color: #676568; z-index: 1000; } #small-menu li { display: inline; } #small-menu li a { color: #0265cd; margin: 0 4px 0 2px; } /* -- Main menu + dropdown -- */ #main-menu { position: absolute; top: 281px; left: 4px; width: 949px; height: 35px; font-size: 1.2em; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; background: #605446 url('../images/bg-menu.gif') repeat-x; z-index: 1000; } #main-menu li { position: relative; float: left; text-transform: uppercase; } #main-menu li a { display: block; height: 17px; padding: 9px 10px 9px; text-align: center; color: #fff !important; cursor: pointer; text-decoration: none; } #main-menu li.active { background: #fff url('../images/bg-menuactive-left.gif') no-repeat; } #main-menu li.active a { color: #514537 !important; text-decoration: none !important; background: url('../images/bg-menuactive-right2.gif') 100% 0 no-repeat; } #main-menu li.first a { padding: 9px 15px; height: 17px; text-align: center; background: url('../images/bg-menu-invite.gif') 50% 50% no-repeat; } #main-menu li a:hover { text-decoration: underline !important; } #main-menu ul ul { position: absolute; top: 35px; left: 0; z-index: 1000; width: 100%; visibility: hidden; background-color: #756d62; padding: 0 2px 0; opacity:0.9; filter:alpha(opacity:90); } #main-menu ul ul li { display: block; float: none; width: 100%; margin-bottom: 2px; text-transform: none; } #main-menu ul ul li a, #main-menu ul li.active ul li a { background: #4f4333; float: none; color: #fff !important; text-align: left; } #main-menu ul li.hover ul, #main-menu ul li:hover ul { visibility: visible; } #main-menu ul ul li a:hover, #main-menu ul li.active ul li a:hover { background-color: #5e5241; } #main-menu ul ul li.active, #main-menu ul li.active ul li.active { background: none !important; } #main-menu ul ul li.active a, #main-menu ul li.active ul li.active a { color: #fff !important; background: #5e5241 !important; } #main-menu li.m1 { width: 80px; } #main-menu li.m2 { width: 183px; } #main-menu li.m3 { width: 234px; } #main-menu li.m4 { width: 151px; } #main-menu li.m5 { width: 138px; } #main-menu li.m6 { width: 163px; } /* -- Content items basics -- */ #content .block { position: relative; padding-top: 9px; } #centerBlock { padding-bottom: 20px; } #leftBlock { left: 2px; margin-bottom: 50px; background-color: #f3efe6; } /* -- Box basics -- */ /*#content .box .title { width: 184px; height: 26px; padding: 9px 0 0; font-size: 1.25em; text-align: center; background: #f5f2eb url('../images/bg-section-header-right.gif') no-repeat; }*/ #content .box .in { margin-top: 10px; } #content .box { margin-bottom: 15px; } #content .partners li { margin: 0 auto 15px; } #content .adv span { float: left; padding: 2px 5px; background-color: #fff; color: #ae1625; } #onTop { position: absolute; bottom: -40px; left: 15px; width: 100%; } /* -- Boxes headers -- */ #content .box .title { width: 184px; height: 27px; text-align: center; padding-top: 8px; background-color: #f5f2ea; text-transform: uppercase; font-size: 1.4em; } #hbox_main-partners span { background: url('../images/headers/boxh_main-partners.gif') no-repeat; } #hbox_medial-partners span { background: url('../images/headers/boxh_medial-partners.gif') no-repeat; } #hbox_other-partners span { background: url('../images/headers/boxh_other-partners.gif') no-repeat; } #hbox_newsletter span { background: url('../images/headers/boxh_newsletter.gif') no-repeat; } /* -- Menu box -- */ #content .menu .title { width: 186px; color: #fff; background: #635749 url('../images/bg-section-header-left.gif') no-repeat; } #content .menu .in { padding-right: 12px; } #content .menu .in ul li { width: 100%; border-bottom: 1px #fff solid; } #content .menu .in ul li a { display: block; padding: 7px 5px 7px 15px; height: 100%; color: #61574b; text-decoration: none; border-bottom: 1px #e3e0d7 solid; } #content .menu .in ul li.first { border-top: 1px #fff solid; } #content .menu .in ul li.first a { border-top: 1px #e3e0d7 solid; } #content .menu .in ul li.active a, #content .menu .in ul li a:hover { background-color: #ded8cb !important; } /* -- Tests links -- */ #content .tests .in { padding-top: 20px; padding-bottom: 60px; text-align: center; } #content .tests .in a { margin: 5px auto; } #tests_weight { width: 170px; height: 62px; } #tests_weight span { background: url('../images/bg-button-test1.gif') no-repeat; } #tests_movement { width: 170px; height: 62px; } #tests_movement span { background: url('../images/bg-button-test2.gif') no-repeat; } /* -- Right sidebar -- */ #rightBlock .box .in { width: 150px; margin-left: 1px; padding: 15px 15px 5px; border: 1px #ebebeb solid; } #partners_hills { display: block; width: 120px; height: 84px; } #partners_hills span { background: url('../images/partners/hills.gif') no-repeat; } #partners_czechtourism { width: 120px; height: 38px; } #partners_czechtourism span { background: url('../images/partners/czechtourism.gif') no-repeat; } #partners_dogsports { width: 120px; height: 56px; } #partners_dogsports span { background: url('../images/partners/psi-sporty.gif') no-repeat; } #partners_dogworld { width: 120px; height: 36px; } #partners_dogworld span { background: url('../images/partners/svet-psu.gif') no-repeat; } #partners_dogfriend { width: 120px; height: 55px; } #partners_dogfriend span { background: url('../images/partners/pes-pritel-cloveka.gif') no-repeat; } #partners_kudyznudy { width: 120px; height: 51px; } #partners_kudyznudy span { background: url('../images/partners/kudy-z-nudy.gif') no-repeat; } #partners_izyeasy { width: 120px; height: 76px; margin-bottom: 25px !important; } #partners_izyeasy span { background: url('../images/partners/izyeasy.gif') no-repeat; } #partners_cd { width: 120px; height: 78px; } #partners_cd span { background: url('../images/partners/ceskedrahy.gif') no-repeat; } /* -- Newsletter box -- */ #content .newsletter .in { padding: 5px 10px 5px; } #content .newsletter .in label { font-size: .8em; } #content .newsletter .in .button { width: 98%; } /* -- Center block basics -- */ #content h2.main { padding: 5px 15px; margin-bottom: .5em; padding-left: 10px; text-transform: uppercase; } #content .item { text-align: justify; } /* -- HP top item -- */ #topItem { width: 542px; margin-bottom: 1.5em; background: #dfcfb6 url('../images/bg-topItem-content.gif') repeat-y; } #topItem .item { padding: 12px 13px 8px; background: url('../images/bg-topItem-top.gif') no-repeat; } #topItem .bottom { font-size: 0; height: 5px; background: url('../images/bg-topItem-bottom.gif') no-repeat; } #topItem .item .head { height: 31px; margin-bottom: 4px; background: #ffffff url('../images/bg-topItem-head-left.gif') no-repeat; } #topItem .item .head h2 { height: 19px; padding: 6px 14px; font-size: 1.4em; color: #645649; text-transform: uppercase; background: url('../images/bg-topItem-head-right.gif') 100% 0 no-repeat; } #topItem .item .content-top { width: 100%; height: 4px; clear: both; font-size: 0; background: url('../images/bg-topItem-in-top.gif') no-repeat; } #topItem .item .content { padding: 10px 10px 0px; clear: both; overflow: hidden; height: 100%; background: url('../images/bg-topItem-in-content.gif') repeat-y; } #topItem .item .content-bottom { font-size: 0; clear: both; height: 4px; background: url('../images/bg-topItem-in-bottom.gif') no-repeat; } #topItem .item .content .self { width: 300px; float: left; } #topItem .item .content .img { width: 180px; float: right; text-align: right; } #topItem .item .content h3 { font-size: 1.1em; font-weight: bold; color: #3e382c; } #topItem .item .content p { margin: .9em 0; } /* -- HP main items -- */ #mainItem { width: 528px; margin: 0 auto; } #mainItem .actual { width: 118px; height: 21px; padding: 6px 0; text-align: center; color: #fff; text-transform: uppercase; background: #5c5042 url('../images/bg-content-header.gif') no-repeat; } #mainItem .item { margin: 1em 0; overflow: hidden; height: 100%; } #mainItem .item .head { width: 508px; _width: 504px; padding: 2px 10px; background: #f3efe6 url('../images/bg-perex-content.gif') repeat-y; } #mainItem .item .head-top { font-size: 0; height: 5px; background: #f3efe6 url('../images/bg-perex-top.gif') no-repeat; } #mainItem .item .head-bottom { font-size: 0; height: 4px; background: #f3efe6 url('../images/bg-perex-bottom.gif') no-repeat; } #mainItem .item .head h3 { font-size: 1em; font-weight: bold; margin-bottom: .5em; } #mainItem .item .head h3 a { color: #40382d; } #mainItem .item .perex { border-left: 5px #f3efe4 solid; margin-top: 1em; padding: 5px 0 5px 12px; } #mainItem .item .self a { font-weight: bold; } #mainItem .item .more { float: right; display: block; width: 65px; height: 14px; padding: 4px 0; color: #fff !important; font-weight: bold; text-decoration: none; text-align: center; background: url('../images/bg-button-more.gif') no-repeat; } #mainItem .item_img .img { margin-top: 1em; float: left; width: 185px; } #mainItem .item_img .self { float: left; width: 325px; } #mainItem .newsTop { margin-top: 2em; } /* -- Paging boxes -- */ .paging, .paging2 { width: 673px; height: 20px; padding: 12px; margin: 1em 0; overflow: hidden; } .paging { background: #dfcfb6 url('../images/bg-gallery-paging.gif') no-repeat; } .paging .fl { width: 40%; } .paging .fr { width: 59%; } .paging ul, .paging2 ul { padding-top: 2px; text-align: right; } .paging ul li, .paging2 ul li { display: inline; color: #40372e; margin-left: 6px; } .paging ul li strong, .paging2 ul li strong { color: #40372e; margin-right: 12px; } .paging ul li a, .paging2 ul li a { font-weight: bold; margin-right: 12px; } /* -- Gallery subpage detail -- */ .gallery .item { position: relative; width: 691px; height: 113px; margin-bottom: .3em; padding: 3px; overflow: hidden; background: #f3efe6 url('../images/bg-gallery-item.gif') no-repeat; } .gallery .item .img { float: left; width: 148px; text-align: center; padding-top: 6px; } .gallery .item .self { margin-left: 160px; padding-top: 10px; } .gallery .item .self h3 { font-size: 1.2em; margin-bottom: 3px; text-transform: uppercase; } .gallery .item .self h3 * { font-weight: bold; } .gallery .item .self h3 span { color: #d68013; } .gallery .item .self h3 a { color: #3f372c; } .gallery .item .self h3 a:hover { color: #d68013 !important; } .gallery .item .self .detail { margin: 5px 0; } .gallery .item .self p strong { font-weight: normal; color: #999999; } .gallery .item .self .score { font-size: 1.2em; font-weight: bold; } .gallery .item .flash { width: 150px; text-align: right; position: absolute; right: 15px; top: 10px; } /* pozadi vyhercu */ .gallery .winner8 .self { background: url('../images/winner-8.jpg') 98% 100% no-repeat; } /* -- Voting subpage detail -- */ .voting .item { position: relative; width: 697px; height: 190px; margin-bottom: 1.5em; background: #f3efe6 url('../images/bg-voting-item.gif') no-repeat; } .voting .item .head { padding: 6px 15px; } .voting .item .head h3 { font-size: 1.2em; margin-bottom: 3px; text-transform: uppercase; } .voting .item .head h3 * { font-weight: bold; } .voting .item .head h3 span { color: #d68013; } .voting .item .head h3 a { color: #3f372c; } .voting .item .head h3 a:hover { color: #d68013 !important; } .voting .item .img { float: left; width: 147px; height: 107px; text-align: center; padding-top: 6px; margin-left: 6px; background: #fff url('../images/bg-voting-img.gif') no-repeat; } .voting .item .self { float: right; width: 215px; } .voting .item .self p { line-height: 19px; } .voting .item p strong { font-weight: normal; color: #999999; } .voting .item .vote { display: block; width: 168px; height: 18px; padding-top: 4px; margin-top: .8em; text-align: center; color: #fff !important; font-weight: bold; text-decoration: none; background: #d68013 url('../images/bg-voting-submit.gif') no-repeat; } .voting .item .foot { position: absolute; bottom: 3px; left: 10px; width: 50%; } .voting .item .foot .send { padding-left: 23px; background: url('../images/bg-voting-email.gif') 0 80% no-repeat; } .voting .item .sendbox { position: absolute; left: 33px; top: 0; width: 300px; border: 2px #635749 solid; background-color: #f3efe6; z-index: 1000; } .voting .item .sendbox form { margin: 0; padding: 5px 20px; } .voting .item .sendbox .submit { width: 168px !important; height: 22px; float: right; background: #d68013 url('../images/bg-voting-submit.gif') no-repeat; } .voting .item .sendbox .header { padding: 10px 20px; background-color: #dfcfb6; font-size: 1.1em; } .voting .item .sendbox .close { width: 40px; height: 40px; position: absolute; right: 0; top: 0; cursor: pointer; } .voting .item .sendbox .close span { background: url('../images/bg-close.gif') no-repeat; } .voting .item .sendbox .lab { width: 40%; } .voting .item .sendbox .con { width: 59%; } /* -- Voting detail subpage -- */ .votingDetail .item { width: 697px; height: auto; clear: both; overflow: hidden; margin-bottom: 1em; background: none; } .votingDetail .item .head { padding: 6px 12px; overflow: hidden; height: 100%; background: #f3efe6 url('../images/bg-voting-detail-top.gif') no-repeat; } .votingDetail .item .gallery { padding: 1.5em 4px 2em; clear: both; overflow: hidden; background-color: #f3efe6 } .votingDetail .item .content { padding: 0 4px 1em; background: #f3efe6 url('../images/bg-voting-detail-bottom.gif') 0 100% no-repeat; } .votingDetail .item .content h4 { font-weight: bold; font-size: 1.1em; margin: 0 6px; } .votingDetail .item .content p { margin: 0 6px; } .votingDetail .item .content table { margin-bottom: 2em; } .votingDetail .item .content th, .votingDetail .item .content td { padding: 2px 5px; font-size: .9em; text-align: left !important; border-bottom: 1px #999999 solid; width: 160px; } .votingDetail .item .content .odd td, .votingDetail .item .content .odd th { background-color: #fff; } .votingDetail .item .clearfix { padding: 15px 12px 5px; margin: 1.8em 0; } .votingDetail .item .clearfix1 { border-left: 5px #f3efe6 solid; } .votingDetail .item .clearfix img { border: 1px #d68013 solid; margin-right: 20px; margin-top: -3px; vertical-align: middle; } .votingDetail .item .clearfix2 { padding: 10px 17px 0; height: 34px; background: #dfcfb6 url('../images/bg-gallery-paging.gif') no-repeat; } /* -- Nomination subpage detail -- */ .nomination .step { width: 697px; } .nomination .step .in { padding: 10px 10px 0; background: #f3efe6 url('../images/bg-voting-detail-top.gif') no-repeat; } .nomination .step .bottom { height: 4px; margin-bottom: 1em; background: #f3efe6 url('../images/bg-voting-detail-bottom.gif') 0 100% no-repeat; } .nomination .text { padding: 0 10px 10px; } /* -- Contact subpage detail -- */ .contact .lab { width: 100%; } .contact .con { width: 75%; float: left; } .contact .captcha { padding: 15px 10px 10px; overflow: hidden; margin-bottom: 1em; border-left: 5px #f3efe6 solid; } .contact .captcha img { border: 1px #d68013 solid; margin-right: 20px; margin-top: -3px; vertical-align: middle; } /* -- Other text sites detail -- */ .text p, .text ul { margin-bottom: 1.4em; } .text ul { padding-left: 40px; } .text ul li { list-style: disc; margin: 5px 0; } .text h3, .text h4, .text h5, .text h6 { margin-bottom: .8em; } .text .self { width: 688px; padding: 8px 10px 0px 10px; line-height: 16px; overflow: hidden; background: #f3efe6 url('../images/bg-text-top.gif') no-repeat; } .text .self-bottom { width: 708px; height: 4px; font-size: 0; background: url('../images/bg-text-bottom.gif') no-repeat; } .text .textBox { width: 688px; padding: 13px 10px 5px; overflow: hidden; } .text .img_right { float: right; width: 208px; margin-left: 10px; } .text .img_left { float: left; width: 208px; margin-right: 10px; } .text .img .img-self { padding-bottom: 4px; text-align: center; background: #fff url('../images/bg-text-img-bottom.gif') 0 100% no-repeat; } .text .img .img-self .img-top { height: 6px; font-size: 0; background: url('../images/bg-text-img-top.gif') no-repeat; } .text .img p { font-style: italic; padding: 3px 4px; margin: 0 !important; } .text .self p { margin-top: 5px; } .mvtest .img { margin-top: 20px; } .mvtest .self { padding-bottom: 6px; } .outdoor .textBox { padding-top: 1.8em !important; } /* -- Movement test item -- */ #movementTest { overflow: hidden; width: 667px; height: 100%; padding: 13px 15px 5px; margin-bottom: 1em; background: #f3efe6 url('../images/bg-textbox.gif') no-repeat; } #movementTest .answer { width: 35%; float: left; padding-top: 6px; } #movementTest .left { width: 11%; float: left; text-align: center !important; font-size: .9em; margin-right: 10px; } #movementTest .buttons { width: 39%; float: left; padding: 8px 0; background: url('../images/bg-movement-test.gif') 0 80% no-repeat; } #movementTest .buttons input { margin-left: 25px; } #movementTest .right { width: 9%; float: left; margin-left: 10px; padding-top: 4px; text-align: center !important; font-size: .9em; } /* -- Footer layout -- */ #foot a { color: #dfcfb5 !important; }