@charset "utf-8"; /* CSS Document */ /*******************************************************************/ /* RESET */ /*******************************************************************/ body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; } input, select, textarea, button { font-family: Arial, Helvetica, sans-serif; } body { font: x-small/160% Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF; } blockquote, address { font-style: normal; } img, a img { border: none; } /*******************************************************************/ /* GLOBAL */ /*******************************************************************/ .clear { clear: both; height: 0px; overflow: hidden;} .hide { display: none; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .small { font-size: 11px; } .note { font-size: 12px; line-height: 140%; } .big { font-size: 14px; } .valign-middle { vertical-align: middle; } a { text-decoration: underline; } img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; } img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; } hr { display: none; } .hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; } /***************/ /* OVERLAPPING */ /***************/ .overlap, .overlap * { display: block; position: relative; } .overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; } a.overlap span, .overlap a span { cursor: pointer; } /************************/ /* BASIC TAG DEFINITION */ /************************/ body { font: 0.9em/160% Verdana, Geneva, sans-serif; color: #666666; background: #BBE1F7 url(/images/body-bg.png) repeat-x left top; } /* 14px default */ h1 { font-size: 36px; color: #003478; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; line-height: 40px; padding-top: 10px; padding-bottom: 5px; margin-bottom: 9px; position: relative; letter-spacing: -2px; } h1 span { display: block; width: 370px; height: 50px; position: absolute; top: 4px; left: -1px; background-position: left top; background-repeat: no-repeat; } h2 { font-size: 1.285em; line-height: 160%; color: #003478; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; } h2.overlap { font-size: 16px; } h2.overlap span { height: 28px; width: 300px; top: -1px; } h3 { font-size: 1em; line-height: 160%; color: #003478; } p { margin-bottom: 1.6em; } ul { list-style: none; } ul li {} ol {} ol li {} a { color: #003478; } a:visited { color: #666666; } a:hover { color: #CC0000; } a.ext { background: url(/images/ext.png) no-repeat right center; padding-right: 10px; } /*******************************************************************/ /* LAYOUT */ /*******************************************************************/ body { padding: 0px 0px; width: 100%; overflow-x: hidden; } #page-wrapper { width: 1000px; margin: 0 auto; position: relative; z-index: 1; } /*********/ /* FRAME */ /*********/ #frame { background: url(/images/main-content-top.png) no-repeat left top; position: relative; } #frame-content { background: url(/images/main-content-bottom.png) no-repeat left bottom; position: relative; } #frame-bg { position: absolute; top: 228px; bottom: 251px; left: 0px; right: 0px; background: url(/images/main-content-bg.png) repeat-y left top; } #body { min-height: 480px; position: relative; padding: 38px 60px 0px 70px; } #body:after { content: '.'; display: block; width: 0px; height: 0px; visibility: hidden; clear: both; } /*******************************************************************/ /* HEADER */ /*******************************************************************/ #header { height: 227px; position: relative; } #logo { padding: 11px 0px 0px 24px; } /*******************************************************************/ /* FOOTER */ /*******************************************************************/ #footer { font-family: Arial, Helvetica, sans-serif; font-size: 0.786em; color: #406FA3; line-height: 200%; padding: 15px 17px 20px 45px; } #footer a, #footer .links { color: #7DA8CD; } #footer .links.right, #footer .links.right a { color: #406FA3; } #footer img { padding-top: 3px; position: relative; left: 30px; } #copyright { float: left; width: 280px; padding: 0px; margin: 0px; } #footer p.right { float: right; width: 308px; padding: 0px; margin: 0px; } /*******************************************************************/ /* MENU */ /*******************************************************************/ #menu { width: 745px; height: 70px; position: absolute; top: 0px; right: 10px; } #menu-bg { width: 745px; height: 70px; position: absolute; top: 0px; left: 0px; background: url(/images/menu-bg.png) no-repeat left top; } #menu ul { position: absolute; top: 0px; left: 17px; display: block; width: 711px; height: 47px; overflow: hidden; background: url(/images/menu-bg-sprite.png) no-repeat left -300px; margin: 0px; padding: 0px; } #menu li { background: none; } #menu a { display: block; height: 30px; text-align: center; position: absolute; top: 9px; } #menu span { display: block; height: 30px; position: absolute; top: 0px; left: 0px; background: url(/images/menu-titles-sprite.png) no-repeat left top; cursor: pointer; } /* ITEM SETTINGS */ #menu-homepage * { width: 130px; } #menu-homepage a { left: 9px; } #menu-homepage span { background-position: -9px 0px; } #menu-senate * { width: 60px; } #menu-senate a { left: 167px; } #menu-senate span { background-position: -167px 0px; } #menu-law * { width: 110px; } #menu-law a { left: 253px; } #menu-law span { background-position: -253px 0px; } #menu-residence * { width: 110px; } #menu-residence a { left: 396px; } #menu-residence span { background-position: -396px 0px; } #menu-games * { width: 40px; } #menu-games a { left: 534px; } #menu-games span { background-position: -534px 0px; } #menu-news * { width: 90px; } #menu-news a { left: 606px; } #menu-news span { background-position: -606px 0px; } /* ACTIVE ITEMS */ body.section-homepage #menu-homepage span { background-position: -9px -30px; } body.section-senate #menu-senate span { background-position: -167px -30px; } body.section-law #menu-law span { background-position: -253px -30px; } body.section-residence #menu-residence span { background-position: -396px -30px; } body.section-games #menu-games span { background-position: -534px -30px; } body.section-news #menu-news span { background-position: -606px -30px; } /* BACKGROUND OF ACTIVE ITEM */ body.section-homepage #menu ul { background-position: 0px 0px; } body.section-senate #menu ul { background-position: 0px -50px; } body.section-law #menu ul { background-position: 0px -100px; } body.section-residence #menu ul { background-position: 0px -150px; } body.section-games #menu ul { background-position: 0px -200px; } body.section-news #menu ul { background-position: 0px -250px; } /*******************************************************************/ /* CONTENT */ /*******************************************************************/ #main-content { background: none; } #cloud-container { position: absolute; top: 0px; left: 0px; width: 100%; height: 400px; overflow: hidden; z-index: 0; } div.cloud { width: 238px; height: 135px; position: absolute; top: 150px; left: 700px; z-index: 0; background-position: left top; background-repeat: no-repeat; } div.cloud-1-100, div.cloud-1-75, div.cloud-1-50, div.cloud-1-25 { width: 238px; height: 135px; } div.cloud-2-100, div.cloud-2-75, div.cloud-2-50, div.cloud-2-25 { width: 153px; height: 87px; } div.cloud-3-100, div.cloud-3-75, div.cloud-3-50, div.cloud-3-25 { width: 88px; height: 50px; } div.cloud-1-100 { background-image: url(/images/cloud-1-100.png); } div.cloud-1-75 { background-image: url(/images/cloud-1-75.png); } div.cloud-1-50 { background-image: url(/images/cloud-1-50.png); } div.cloud-1-25 { background-image: url(/images/cloud-1-25.png); } div.cloud-2-100 { background-image: url(/images/cloud-2-100.png); } div.cloud-2-75 { background-image: url(/images/cloud-2-75.png); } div.cloud-2-50 { background-image: url(/images/cloud-2-50.png); } div.cloud-2-25 { background-image: url(/images/cloud-2-25.png); } div.cloud-3-100 { background-image: url(/images/cloud-3-100.png); } div.cloud-3-75 { background-image: url(/images/cloud-3-75.png); } div.cloud-3-50 { background-image: url(/images/cloud-3-50.png); } div.cloud-3-25 { background-image: url(/images/cloud-3-25.png); } .checkbox, .radio { display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin: 0px 8px 0px 0px; text-align: center; } .checkbox { background: url(/images/checkbox.png) no-repeat left top; } .radio { background: url(/images/radio.png) no-repeat left top; } .checkbox.ready input, .radio.ready input { display: none; } .checkbox.checked, .radio.checked { background-position: left -22px; } p.image-caption { text-align: center; font-size: 0.872em; font-style: italic; } p.image-caption span { display: block; } ul.sitemap {} ul.sitemap li { background: url(/images/li.png) no-repeat left 0.6em; padding-left: 1.2em; padding-bottom: 0.2em; } ul.sitemap ul { font-size: 0.857em; margin-bottom: 0.5em; } ul.sitemap ul li { background-position: left 0.65em; } p.content-slide-toggle { display: none; cursor: pointer; color: #003478; } div.content-slide {} /**************/ /* BREADCRUMB */ /**************/ #breadcrumb { font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.714em; line-height: 100%; color: #7F99BA; text-transform: uppercase; margin: 0px; padding: 0px 0px 0px 0px; position: relative; font-weight: bold; } #breadcrumb strong { display: none; } #breadcrumb a:link, #breadcrumb a:visited { color: #7F99BA; } #breadcrumb a:hover { color: #CC0000; } /*****************/ /* SECTION IMAGE */ /*****************/ #section-image { position: absolute; background: left top; background-repeat: no-repeat; background-image: url(/images/valdstejnsky-palac-01.png); width: 449px; height: 177px; top: 95px; right: 84px; } body.section-homepage #section-image { display: none; } body.section-senate #section-image { background-image: url(/images/valdstejnsky-palac-01.png); width: 449px; height: 177px; top: 95px; right: 84px; } body.section-law #section-image { background-image: url(/images/senatori.png); width: 474px; height: 188px; top: 140px; right: 46px; } body.section-residence #section-image { background-image: url(/images/zed.png); width: 437px; height: 175px; top: 105px; right: 107px; } body.section-news #section-image { background-image: url(/images/vystava.png); width: 299px; height: 216px; top: 105px; right: 100px; } body.section-games #section-image, body.subsection-puzzle #section-image, body.subsection-drawings #section-image, body.subsection-memory #section-image { background-image: url(/images/kolovratsky-palac.png); width: 323px; height: 239px; top: 80px; right: 120px; } body.subsection-rohacek #section-image, body.subsection-quiz #section-image { background-image: url(/images/valdstejnsky-palac-03.png); width: 474px; height: 173px; top: 122px; right: 220px; } body.subsection-sochy #section-image, body.subsection-valdstejnska-zahrada #section-image { background-image: url(/images/sochy-a-kasny.png); width: 210px; height: 265px; top: 70px; right: 80px; } body.subsection-zvirata #section-image, body.subsection-rostliny-zvirata #section-image { background-image: url(/images/pav.png); width: 292px; height: 156px; top: 150px; right: 56px; } /***************/ /* PAGE TITLES */ /***************/ #pt-vznik-zakona span { background-image: url(/images/pt-vznik-zakona.png); } #pt-aktualne span { background-image: url(/images/pt-aktualne.png); } #pt-sidlo-senatu span { background-image: url(/images/pt-sidlo-senatu.png); } #pt-hry span { background-image: url(/images/pt-hry.png); width: 200px; } #pt-valdstejnsky-palac span { background-image: url(/images/pt-valdstejnsky-palac.png); width: 500px; } #pt-kolovratsky-palac span { background-image: url(/images/pt-kolovratsky-palac.png); width: 500px; height: 89px; } #pt-kolovratsky-palac { width: 500px; } #pt-sochy-kasny, #pt-rostliny-zvirata { width: 500px; } #pt-sochy-kasny span { background-image: url(/images/pt-sochy-kasny.png); width: 500px; height: 89px; } #pt-rostliny-zvirata span { background-image: url(/images/pt-rostliny-zvirata.png); width: 500px; height: 89px; } #pt-senat span { background-image: url(/images/pt-senat.png); } #pt-kviz span { background-image: url(/images/pt-kviz.png); } #pt-legislativni-proces span { background-image: url(/images/pt-legislativni-proces.png); width: 450px; } #pt-film-honza-senatorem span { background-image: url(/images/pt-film-honza-senatorem.png); width: 500px; } #pt-rohacek span { background-image: url(/images/pt-rohacek.png); } #pt-doplnovacka span { background-image: url(/images/pt-doplnovacka.png); } #pt-puzzle span { background-image: url(/images/pt-puzzle.png); } #pt-organizacni-schema span { background-image: url(/images/pt-organizacni-schema.png); } #pt-funkcionari-a-organy-senatu span { background-image: url(/images/pt-funkcionari-a-organy-senatu.png); width: 500px; height: 89px; } #pt-volby-do-senatu span { background-image: url(/images/pt-volby-do-senatu.png); } #pt-senat-legislativni-proces span { background-image: url(/images/pt-senat-legislativni-proces.png); width: 500px; } #pt-kompetence-senatu span { background-image: url(/images/pt-kompetence-senatu.png); width: 500px; } #pt-senat-a-verejnost span { background-image: url(/images/pt-senat-a-verejnost.png); width: 500px; } #pt-senat-jako-ustavni-pojistka span { background-image: url(/images/pt-senat-jako-ustavni-pojistka.png); height: 89px; width: 500px; } #pt-kancelar-senatu span { background-image: url(/images/pt-kancelar-senatu.png); } #pt-organizacni-schema-senatu-a-kancelare-senatu span { background-image: url(/images/pt-organizacni-schema-senatu-a-kancelare-senatu.png); width: 600px; height: 89px; } #pt-zvirata span { background-image: url(/images/pt-zvirata.png); width: 700px; } #pt-rostliny span { background-image: url(/images/pt-rostliny.png); width: 700px; } #pt-sochy span { background-image: url(/images/pt-sochy.png); width: 700px; } #pt-kasny span { background-image: url(/images/pt-kasny.png); width: 700px; } #pt-omalovanky span { background-image: url(/images/pt-omalovanky.png); } #pt-pexeso span { background-image: url(/images/pt-pexeso.png); } #pt-prohlaseni-o-pristupnosti span { background-image: url(/images/pt-prohlaseni-o-pristupnosti.png); width: 610px; } #pt-pravni-ujednani span { background-image: url(/images/pt-pravni-ujednani.png); width: 500px; } #pt-valdstejnska-zahrada span { background-image: url(/images/pt-valdstejnska-zahrada.png); width: 500px; } #pt-senat-a-eu span { background-image: url(/images/pt-senat-a-eu.png); width: 500px; } #pt-stranka-nenalezena span { background-image: url(/images/pt-stranka-nenalezena.png); width: 500px; } #pt-mapa-stranek span { background-image: url(/images/pt-mapa-stranek.png); width: 500px; } /*************/ /* SUBTITLES */ /*************/ #st-vyberte-oblast-na-mape span { background-image: url(/images/st-vyberte-oblast-na-mape.png); } #st-nebo-jednu-ze-sekci span { background-image: url(/images/st-nebo-jednu-ze-sekci.png); } #st-vice-o-senatu span { background-image: url(/images/st-vice-o-senatu.png); } #st-kontakt span { background-image: url(/images/st-kontakt.png); } #st-mapa-stranek span { background-image: url(/images/st-mapa-stranek.png); } /***************/ /* BLOCK: NEWS */ /***************/ #block-news { background: url(/images/new-bg.png) no-repeat left 11px; padding: 0px 0px 30px 18px; margin: 0px 0px 0px 0px; min-height: 143px; } #block-news h2 { color: #666666; font-size: 16px; height: 28px; line-height: 28px; margin: 0px 0px 9px 0px; } #block-news h2 span { height: 28px; width: 132px; background: url(/images/news-title.png) no-repeat 0px 0px; top: 0px; left: -1px; } #block-news dl { padding: 0px 0px 0px 6px; font-size: 0.857em; line-height: 150%; width: 200px; } #block-news dt { font-weight: bold; } #block-news dd { padding: 0px 0px 1.5em 0px; } /****************/ /* BLOCK: VIDEO */ /****************/ div.block-video { font-size: 0.857em; line-height: 160%; padding: 0px 0px 65px 24px; } div.block-video h2 { color: #9C9B9E; font-size: 14px; line-height: 20px; margin-bottom: 20px; } div.block-video h2 strong { color: #003478; font-size: 17px; } div.block-video h2 span { width: 200px; height: 43px; background-image: url(/images/bt-film-honza-senatorem.png); } div.block-video p { margin-bottom: 9px; padding-left: 3px; width: 197px; } /**************************************/ /* SECTION: LAW */ /**************************************/ body.section-law {} body.section-law #main-content { padding-bottom: 40px; } #law-scheme { margin-left: -26px; margin-right: -16px; padding-bottom: 1.6em; background: url(/images/hr.png) no-repeat 20px bottom; margin-bottom: 1.6em; } body.section-law p.next { padding-left: 20px; padding-right: 20px; } a.button-try-process { display: inline-block; width: 258px; height: 55px; padding: 10px 0px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; background: #003478; position: relative; font-weight: bold; } a.button-try-process span { display: block; width: 258px; height: 65px; position: absolute; top: 0px; left: 0px; background: url(/images/button-try.png) no-repeat left top; } #law-scheme { width: 911px; height: 1651px; position: relative; font-size: 12px; line-height: 18px; } #law-scheme p { position: absolute; padding: 0px; margin: 0px; text-align: center; } #law-scheme div.block { position: relative; } #law-scheme img { display: block; } #law-scheme p.hidden { left: -10000px; } /**************************************/ /* SECTION: NEWS */ /**************************************/ body.section-news {} body.section-news #body { padding-right: 35px; } body.section-news #main-content { width: 575px; float: left; padding: 0px 20px 50px 0px; } body.section-news #right-column { width: 295px; float: left; padding: 50px 0px 0px 0px; } ul.news-list { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul.news-list li { position: relative; padding: 0px 0px 50px 144px; min-height: 122px; background: none; } ul.news-list li h2 { font-family: Verdana, Geneva, sans-serif; letter-spacing: -1px; text-transform: none; font-size: 1.214em; line-height: 90%; display: inline; } ul.news-list p { font-size: 0.857em; line-height: 160%; padding: 5px 0px 0px 0px; margin: 0px; } ul.news-list p.date { display: inline; font-size: 0.714em; color: #003478; padding: 0px 0px 0px 5px; margin: 0px; } ul.news-list p.more { font-size: 0.714em; color: #666666; line-height: 100%; } ul.news-list p.more a { color: #666666; font-weight: bold; } ul.news-list div.img { width: 136px; height: 123px; overflow: hidden; position: absolute; top: 0px; left: -17px; } ul.news-list div.img span.mask { background: url(/images/news-img-mask.png) no-repeat left top; display: block; width: 136px; height: 123px; position: absolute; top: 0px; left: 0px; } p.more-news { padding: 0px 0px 0px 154px; margin: 0px; } p.more-news a { display: block; width: 192px; height: 22px; overflow: hidden; text-indent: -1000px; background: url(/images/more-news.png) no-repeat left top; } p.back-to-top { padding: 35px 0px 10px 0px; margin: 0px; } p.back-to-top a { display: block; width: 266px; height: 58px; overflow: hidden; text-indent: -1000px; background: url(/images/back-to-top.png) no-repeat left top; margin-left: -32px; } p.back-page { padding: 35px 0px 0px 0px; margin: 0px; } p.back-page a { display: block; width: 286px; height: 27px; overflow: hidden; text-indent: -1000px; background: url(/images/back-page.png) no-repeat left top; margin-left: -5px; } p.back-game { padding: 35px 0px 0px 0px; margin: 0px; } p.back-game a { display: block; width: 186px; height: 22px; overflow: hidden; text-indent: -1000px; background: url(/images/back-game.png) no-repeat left top; margin-left: -5px; } p.randomizer-rohacek { padding: 35px 20px 0px 0px; margin: 0px; float: right; } p.randomizer-rohacek a { display: block; width: 215px; height: 25px; overflow: hidden; text-indent: -1000px; background: url(/images/randomizer-rohacek.png) no-repeat left top; } p.randomizer-doplnovacka { padding: 35px 20px 0px 0px; margin: 0px; float: right; } p.randomizer-doplnovacka a { display: block; width: 271px; height: 25px; overflow: hidden; text-indent: -1000px; background: url(/images/randomizer-doplnovacka.png) no-repeat left top; } /* NEWS DETAIL */ div.news-detail h1 { font-family: Verdana, Geneva, sans-serif; font-size: 2em; text-transform: none; line-height: 120%; letter-spacing: -1px; padding-top: 0.4em; padding-bottom: 0.3em; } p.back-news a { display: block; width: 245px; height: 22px; overflow: hidden; text-indent: -300px; background: url(/images/back-news.png) no-repeat left top; margin-top: 3em; } div.news-detail div.img { width: 136px; height: 123px; overflow: hidden; float: left; margin: 0px 10px 5px -17px; position: relative; } div.news-detail div.img span.mask { background: url(/images/news-img-mask.png) no-repeat left top; display: block; width: 136px; height: 123px; position: absolute; top: 0px; left: 0px; } /**************************************/ /* SECTION: GAMES */ /**************************************/ body.section-games {} /***************/ /* GAME CANVAS */ /***************/ #game-canvas { background: url(/images/game-canvas-bg.png) no-repeat left top; height: 500px; position: relative; } #game-canvas li { display: block; background: url(/images/blank-game-thumbnail.png) no-repeat left top; width: 178px; padding: 0px; margin: 0px; text-align: center; color: #666666; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; padding: 120px 0px 0px 0px; line-height: 1em; position: absolute; } #game-canvas a { color: #666666; font-weight: bold; text-decoration: none; display: block; letter-spacing: -1px; font-size: 14px; } #game-canvas a:hover { text-decoration: underline; } #game-canvas a span { display: block; width: 100%; height: 20px; position: absolute; bottom: -4px; left: 0px; background-position: center top; background-repeat: no-repeat; } #game-canvas li:hover span, #game-canvas li.hover span { background-position: center bottom; } /* GAME POSITIONS */ #game-canvas #game-01 { top: 36px; left: 7px; background-image: url(/images/game-drawings.png); width: 136px; padding-top: 129px; } #game-canvas #game-02 { top: 259px; left: 40px; background-image: url(/images/game-memory.png); width: 234px; padding-top: 102px; } #game-canvas #game-03 { top: 310px; left: 321px; background-image: url(/images/game-puzzle.png); width: 162px; padding-top: 126px; } #game-canvas #game-04 { top: 282px; left: 604px; background-image: url(/images/game-crossword.png); width: 142px; padding-top: 115px; } #game-canvas #game-05 { top: 108px; left: 657px; background-image: url(/images/game-crossword2.png); width: 161px; padding-top: 113px; } #game-canvas #game-06 { top: -66px; left: 606px; background-image: url(/images/game-quiz.png); width: 167px; padding-top: 105px; } /* GAME TITLES */ #game-01 span { background-image: url(/images/gt-omalovanky.png); } #game-02 span { background-image: url(/images/gt-pexeso.png); } #game-03 span { background-image: url(/images/gt-puzzle.png); } #game-04 span { background-image: url(/images/gt-rohacek.png); } #game-05 span { background-image: url(/images/gt-doplnovacka.png); } #game-06 span { background-image: url(/images/gt-kviz.png); } /* PREVIEW */ #game-preview, #game-lion { width: 390px; height: 499px; position: absolute; top: -225px; left: 214px; z-index: 0; } #game-lion span { width: 390px; height: 499px; position: absolute; top: 0px; left: 0px; display: block; } #game-preview { background-image: url(/images/game-preview-default.png); } #game-lion span.game-01 { background-image: url(/images/game-preview-drawings.png); } #game-lion span.game-02 { background-image: url(/images/game-preview-memory.png); } #game-lion span.game-03 { background-image: url(/images/game-preview-puzzle.png); } #game-lion span.game-04 { background-image: url(/images/game-preview-crossword.png); } #game-lion span.game-05 { background-image: url(/images/game-preview-crossword2.png); } #game-lion span.game-06 { background-image: url(/images/game-preview-quiz.png); } /********/ /* QUIZ */ /********/ body.subsection-quiz p.result { display: block; width: 286px; height: 373px; float: right; background-position: left top; background-repeat: no-repeat; overflow: hidden; text-indent: -1000px; margin-top: -63px; } body.subsection-quiz p.wrong { background-image: url(/images/quiz-wrong-answer.png); } body.subsection-quiz p.ok { background-image: url(/images/quiz-good-answer.png); } body.subsection-quiz p.selection { background-image: url(/images/quiz-selection.png); } body.subsection-quiz p.question { font-weight: bold; color: #666666; } body.subsection-quiz p.counter strong { color: #003478; } body.subsection-quiz #main-content.selection { background: url(/images/quiz-selection.png) no-repeat right top; min-height: 373px; } body.subsection-quiz ul.difficulty-selection { height: 81px; padding-top: 28px; } body.subsection-quiz ul.difficulty-selection li { float: left; margin-right: 52px; } body.subsection-quiz ul.difficulty-selection a { display: block; width: 242px; height: 81px; overflow: hidden; position: relative; } body.subsection-quiz ul.difficulty-selection a span { display: block; width: 242px; height: 81px; position: absolute; top: 0px; left: 0px; background-position: left top; background-repeat: no-repeat; cursor: pointer; } body.subsection-quiz ul.difficulty-selection a.simple span { background-image: url(/images/difficulty-selection-simple.png); } body.subsection-quiz ul.difficulty-selection a.difficult span { background-image: url(/images/difficulty-selection-difficult.png); } body.subsection-quiz div.results h2 { font-size: 1em; text-transform: none; font-family: Verdana, Geneva, sans-serif; margin-bottom: 1.5em; } body.subsection-quiz div.results p { width: 520px; } body.subsection-quiz div.results p.points { font-size: 1.571em; font-weight: bold; color: #666666; margin-bottom: 1em; } body.subsection-quiz div.results p.note { font-size: 0.857em; padding-top: 0.8em; } body.subsection-quiz #main-content.results { background: url(/images/quiz-selection.png) no-repeat 560px 40px; min-height: 400px; } /* FORM QUIZ */ #form-quiz { padding: 0px 0px 0px 50px; } #form-quiz label.selected { font-weight: bold; } #form-quiz span.radio { background-image: url(/images/radio-grey.png); } #form-quiz button { margin-top: 30px; } #form-quiz.wrong label.selected { color: #C90000; } #form-quiz.wrong label.selected span.radio { background-image: url(/images/radio-red.png); } #form-quiz.ok label.selected { color: #003478; } #form-quiz.ok label.selected span.radio { background-image: url(/images/radio.png); } #form-quiz ul li { padding-bottom: 5px; } #form-quiz p.next a { display: block; width: 242px; height: 81px; overflow: hidden; position: relative; } #form-quiz p.next span { display: block; width: 242px; height: 81px; background: url(/images/quiz-next-question.png) no-repeat left top; position: absolute; top: 0px; left: 0px; cursor: pointer; } #form-quiz p.results a span { background-image: url(/images/quiz-results.png); } /******************/ /* FORM CROSSWORD */ /******************/ #form-crossword { width: 500px; float: left; } #form-crossword input.input { width: 43px; border: 1px solid #CCCCCC; text-align: center; padding: 8px 0px; font-size: 24px; color: #999999; vertical-align: middle; text-transform: uppercase; } #form-crossword input.active { font-weight: bold; color: #666666; border-color: #999999; padding: 7px 0px; } #form-crossword input:focus { border-color: #003478 !important; color: #003478 !important; } #form-crossword th { font-size: 17px; color: #003478; } #form-crossword tbody th { width: 20px; text-align: left; } #form-crossword span.result { display: none; width: 30px; height: 45px; background-repeat: no-repeat; background-position: center center; } #form-crossword tr.ok span.result { background-image: url(/images/true.png); display: block; } #form-crossword tr.wrong span.result { background-image: url(/images/false.png); display: block; } ol.options { list-style-type: decimal; color: #003478; font-weight: bold; margin-top: 94px; line-height: 165%; margin-left: 510px; } ol.options p { padding: 0px; margin: 0px; color: #666666; font-weight: normal; } ol.options span.help { background-color: #DBDBDB; padding: 2px; font-size: 0.643em; text-transform: uppercase; color: #FFFFFF; } /**************/ /* HELP BLOCK */ /**************/ div.help { width: 220px; padding: 0px 0px 0px 42px; margin-top: -54px; background: url(/images/game-help-separator.png) no-repeat left top; font-size: 12px; float: left; } div.help h2 { font-size: 15px; color: #9C9B9E; line-height: 19px; position: relative; float: left; padding: 9px 35px 10px 0px; height: 45px; letter-spacing: -1px; background: url(/images/question-mark.png) no-repeat right top; } div.help h2 span { width: 102px; height: 44px; background-position: left top; background-repeat: no-repeat; position: absolute; top: 7px; left: 0px; display: block; } div.help h2 strong { display: block; color: #003478; font-size: 18px; } div.help p { clear: both; line-height: 19px; } /* ROHACEK */ body.subsection-rohacek #main-content { padding-bottom: 80px; } #ght-rohacek span { background-image: url(/images/ght-rohacek.png); } div.content-wrapper { width: 415px; padding: 0px 175px 0px 0px; float: left; } /* DOPLNOVACKA */ body.subsection-doplnovacka #main-content { padding-bottom: 80px; } #ght-doplnovacka { width: 152px; } #ght-doplnovacka span { background-image: url(/images/ght-doplnovacka.png); width: 152px; } /* FLASH GAMES */ #flash-game-wrapper { width: 900px; height: 500px; margin-left: -17px; margin-right: -40px; margin-bottom: 50px; } /* PUZZLE */ body.subsection-puzzle #main-content { padding-bottom: 80px; } #ght-puzzle { width: 89px; } #ght-puzzle span { background-image: url(/images/ght-puzzle.png); width: 89px; } /* MEMORY */ body.subsection-memory #main-content { padding-bottom: 80px; } /* DRAWINGS */ body.subsection-drawings #main-content { padding-bottom: 80px; } /**************************************/ /* SECTION: RESIDENCE */ /**************************************/ body.section-residence {} body.section-residence #main-content { padding-bottom: 70px; } body.section-residence #main-content p.center { margin-bottom: 0.5em; } #gallery-sections { height: 222px; margin: 0px -34px 0px 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; position: relative; left: -19px; } #gallery-sections li { float: left; background: url(/images/gallery-section-separator.png) no-repeat left 60px; height: 222px; padding: 0px 0px 0px 3px; font-size: 14px; text-transform: uppercase; color: #666666; text-align: center; } #gallery-sections li.first { background: none; } #gallery-sections li span { font-size: 11px; } #gallery-sections li a { color: #666666; text-decoration: none; display: block; padding: 182px 0px 0px 0px; background-position: center top; background-repeat: no-repeat; font-weight: bold; line-height: 16px; position: relative; letter-spacing: -1px; } #gallery-sections li span.layer { display: block; height: 43px; background-position: center top; background-repeat: no-repeat; position: absolute; top: 180px; left: 0px; } #gallery-sections li:hover span.layer, #gallery-sections li.hover span.layer { background-position: center bottom; } #gallery-sections li.open span.layer { background-position: center top !important; } #gallery-section-1 a { background-image: url(/images/gallery-section-1.jpg); } #gallery-section-2 a { background-image: url(/images/gallery-section-2.jpg); } #gallery-section-3 a { background-image: url(/images/gallery-section-3.jpg); } #gallery-section-1 span.layer { background-image: url(/images/gs-title-1.png); } #gallery-section-2 span.layer { background-image: url(/images/gs-title-2.png); } #gallery-section-3 span.layer { background-image: url(/images/gs-title-3.png); } #gallery-section-1, #gallery-section-1 * { width: 290px; } #gallery-section-2, #gallery-section-2 * { width: 290px; } #gallery-section-3, #gallery-section-3 * { width: 290px; } div.position { position: relative; } #gallery-section-layer { padding: 0px; margin: 0px; text-transform: uppercase; font-size: 11px; color: #003478; position: absolute; top: 205px; left: 628px; } #gallery-section-layer a { display: block; width: 158px; height: 18px; font-weight: normal; overflow: hidden; text-indent: -1000px; background-repeat: no-repeat; background-position: left top; } #gallery-section-layer a:hover { background-position: left -18px; } #gallery-section-layer a.first { background-image: url(/images/gallery-section-layer-valdstejnska-zahrada.png); } #gallery-section-layer a.second { background-image: url(/images/gallery-section-layer-sochy-a-kasny.png); width: 98px; } #gallery-section-layer a.third { background-image: url(/images/gallery-section-layer-rostliny-a-zvirata.png); widows: 128px; } /*******/ /* MAP */ /*******/ #map-wrapper { height: 490px; clear: both; } #map { width: 611px; float: left; height: 409px; padding-top: 17px; padding-left: 10px; position: relative; } #map a { display: block; background-position: left top; background-repeat: no-repeat; position: absolute; overflow: hidden; text-indent: -1000px; cursor: pointer; } #map a:hover { background-position: left bottom; } #map-label-valdstejnsky-palac { width: 143px; height: 50px; background-image: url(/images/map-label-valdstejnsky-palac.png); top: 272px; left: 48px; } #map-label-kolovratsky-palac { width: 207px; height: 62px; background-image: url(/images/map-label-kolovratsky-palac.png); top: 89px; left: 92px; } #map-label-sochy { width: 96px; height: 39px; background-image: url(/images/map-label-sochy.png); top: 293px; left: 218px; } #map-label-kasny { width: 84px; height: 38px; background-image: url(/images/map-label-kasny.png); top: 166px; left: 389px; } #map-label-rostliny { width: 110px; height: 38px; background-image: url(/images/map-label-rostliny.png); top: 206px; left: 297px; } #map-label-zvirata { width: 96px; height: 39px; background-image: url(/images/map-label-zvirata.png); top: 359px; left: 159px; } #map-label-valdstejn { width: 142px; height: 39px; background-image: url(/images/map-label-valdstejn.png); top: 231px; left: 139px; } #map-label-jizdarna { width: 108px; height: 38px; background-image: url(/images/map-label-jizdarna.png); top: 88px; left: 418px; } #gallery-preview { width: 263px; height: 377px; padding-top: 17px; background: url(/images/gallery-preview-bg.png) no-repeat left top; margin-left: 642px; margin-right: -100px; position: relative; font-size: 0.857em; } #gallery-preview p { padding: 0px 0px 0px 17px; line-height: 160%; } #gallery-preview p.more { margin: 0px; padding: 0px; position: absolute; top: 280px; left: 32px; } #gallery-preview p.more a { display: block; width: 201px; height: 85px; background: url(/images/gallery-view-all-images.png) no-repeat left top; text-indent: -1000px; overflow: hidden; margin: 0 auto; } #gallery-preview div.slide { position: absolute; top: 0px; left: 0px; display: none; padding: 17px 0px 0px 7px; } #gallery-preview h3 { text-transform: uppercase; line-height: 24px; height: 44px; width: 219px; margin: 0px 0px 5px 15px; font-size: 1.2em; position: relative; } #gallery-preview h3 span { width: 219px; height: 24px; display: block; position: absolute; top: 0px; left: 0px; background-position: left top; background-repeat: no-repeat; } #gallery-preview div.slideshow { width: 245px; height: 140px; overflow: hidden; margin-bottom: 10px; position: relative; } div.loaded div.slideshow img { position: absolute; top: 0px; left: 0px; } #slide-1 h3 span { background-image: url(/images/gallery-pt-1.png); } #slide-2 h3 span { background-image: url(/images/gallery-pt-2.png); height: 44px; } #slide-3 h3 span { background-image: url(/images/gallery-pt-3.png); height: 44px; } #slide-4 h3 span { background-image: url(/images/gallery-pt-4.png); height: 44px; } #slide-5 h3 span { background-image: url(/images/gallery-pt-5.png); height: 44px; } #slide-6 h3 span { background-image: url(/images/gallery-pt-6.png); height: 44px; } #slide-7 h3 span { background-image: url(/images/gallery-pt-7.png); height: 44px; } #slide-8 h3 span { background-image: url(/images/gallery-pt-8.png); height: 44px; } /***********/ /* GALLERY */ /***********/ #gallery { position: relative; width: 848px; padding: 0px 0px 10px 0px; } /* CONTAINER */ #gallery-container { width: 809px; height: 546px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 19px; overflow: hidden; position: relative; } #gallery-container div.gallery-item { width: 809px; height: 500px; padding: 23px 0px; text-align: center; background-color: #FFFFFF; background-position: center top; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; } #gallery-container div.type-1 { background-image: url(/images/gallery-bg-wide.png); } #gallery-container div.type-2 { background-image: url(/images/gallery-bg-narrow.png); } #gallery-container div.type-3 { background-image: url(/images/gallery-bg-type-3.png); } #gallery p.description { font-weight: bold; text-align: center; } /* THUMBNAILS */ #thumbnails { word-spacing: 7px; } #thumbnails li { display: inline-block; word-spacing: normal; position: relative; } #thumbnails img { border: 4px solid #CCCCCC; border-radius: 3px; -moz-border-radius: 3px; } #thumbnails a:hover img { border-color: #666666; } #thumbnails li.active img { border-color: #003478; } /* TOOLS */ #gallery-tools { padding: 0px; margin: 0px; } #gallery-tools a { display: block; width: 24px; height: 50px; background: url(/images/arrow-left.png) no-repeat left top; text-indent: -100px; overflow: hidden; position: absolute; top: 224px; cursor: pointer; } #gallery-tools a.prev { left: -22px; } #gallery-tools a.next { background-image: url(/images/arrow-right.png); right: -22px; } /**************************************/ /* SECTION: SENATE */ /**************************************/ body.section-senate {} body.section-senate #body { padding-right: 35px; } body.section-senate #main-content { width: 575px; float: left; padding: 0px 20px 50px 0px; } body.section-senate #right-column { width: 282px; float: left; padding: 20px 0px 0px 16px; background: url(/images/column-separator-medium.png) no-repeat left 20px; } body.section-senate #main-content h2 { margin-top: 2.7em; } body.section-senate #main-content p { padding-right: 40px; } body.section-senate ul { padding-left: 1em; margin-bottom: 1.6em; } body.section-senate ul li { background: url(/images/li.png) no-repeat left 0.6em; padding: 0px 0px 0px 20px; } body.section-senate ul.link-list { padding: 1.2em 0px 0px 0.357em; overflow: hidden; } body.section-senate ul.link-list li { list-style: none; background: url(/images/li.png) no-repeat left 0.6em; padding: 0px 0px 1em 20px; width: 260px; float: left; font-weight: bold; } /*********/ /* MOVIE */ /*********/ body.subsection-movie #body { padding-right: 0px; } body.subsection-movie #main-content { background: url(/images/subsection-movie-bg.png) no-repeat 705px 88px; width: auto; float: none; } #movie-film-honza-senatorem { width: 500px; height: 430px; margin-left: -9px; margin-top: 0px; float: left; } #bandwidth-selection { margin-left: 537px; } #bandwidth-selection h2 { font-size: 14px; height: 19px; line-height: 19px; width: 178px; letter-spacing: -1px; margin: 0px; padding: 0px; } #bandwidth-selection h2 span { background-image: url(/images/st-rychlost-pripojeni.png); height: 19px; width: 178px; } #bandwidth-selection ul { padding: 0px; margin: 0px; } #bandwidth-selection li { background: none; padding: 22px 0px 0px 0px; margin: 0px; list-style: none; } #bandwidth-selection li a, #bandwidth-selection li span { display: block; width: 149px; height: 75px; overflow: hidden; text-indent: -1000px; background-position: left top; background-repeat: no-repeat; } #bandwidth-selection li.fast a { background-image: url(/images/rychle-pripojeni-inactive.png); } #bandwidth-selection li.fast span { background-image: url(/images/rychle-pripojeni-active.png); } #bandwidth-selection li.slow a { background-image: url(/images/pomale-pripojeni-inactive.png); } #bandwidth-selection li.slow span { background-image: url(/images/pomale-pripojeni-active.png); } #senate-structure img { margin: 0px -50px 0px -20px; } /****************/ /* CONVERSATION */ /****************/ dl.conversation { font-size: 0.926em; } dl.conversation dt { font-weight: bold; float: left; width: 6.5em; } dl.conversation dd { margin-left: 6.5em; } /**************************************/ /* SECTION: OTHER */ /**************************************/ body.section-other {} body.section-other #main-content { padding-bottom: 60px; } /**************************************/ /* SECTION: 404 */ /**************************************/ body.section-404 {} body.section-404 #main-content { padding-bottom: 60px; } /**************************************/ /* SECTION: HOMEPAGE */ /**************************************/ body.section-homepage {} body.section-homepage #header { height: 330px; } body.section-homepage #main-content { width: 540px; position: absolute; top: 95px; left: 107px; z-index: 1; } body.section-homepage #main-content p { font-size: 0.857em; line-height: 160%; padding-right: 125px; } body.section-homepage #main-content p a { font-size: 1.17em; font-weight: bold; } body.section-homepage #right-column { width: 372px; height: 185px; position: absolute; top: 108px; right: 0px; background: url(/images/diagonal-column-separator.png) no-repeat left top; padding: 10px 0px 0px 0px; } body.section-homepage #block-news { background: url(/images/new-bg-hp.png) no-repeat 13px 11px; padding: 0px 0px 0px 63px; } body.section-homepage h1 { font-size: 20px; line-height: 120%; letter-spacing: -1px; } #flash { width: 900px; height: 335px; position: absolute; top: -240px; left: 30px; } #flash-rplc { width: 900px; height: 335px; background: url(/images/hp-flas-rplc.png) no-repeat center 5px; } body.section-homepage #body { background: url(/images/homepage-bg.png) no-repeat 26px -20px; position: relative; height: 387px; min-height: 0px; padding: 0px; } #pt-homepage { width: 540px; height: 80px; } #pt-homepage span { width: 540px; height: 80px; background: url(/images/pt-homepage.png) no-repeat left top; } /***********************/ /* vznik zakona static */ /***********************/ #vznik-zakona-wrapper { padding-top: 20px; } .spinner { position: absolute; /* opacity: 0.5; filter: alpha(opacity=50);*/ z-index: 999; background: #fff; } .spinner-msg { text-align: center; font-weight: bold; } .spinner-img { background: url(/images/spinner.gif) no-repeat; width: 24px; height: 24px; margin: 0 auto; }