/****************************************************************************/ /* */ /* ZAKLADNI DEKLARACE PRO DOKUMENT */ /* */ /****************************************************************************/ body, html { margin: 0px; padding: 0px; text-align: center; font-size: 9pt; } body { background: white repeat-x 0px 105px; margin: 10px 0px 0px 0px; } body.carnet { fbackground-image: URL('../img/background.jpg'); } body.gamemonitoring { fbackground-image: URL('../img/background-gamemonitoring.gif'); } *>body { fbackground-position: 0px 105px; } a { text-decoration: none; color: Navy; #053299; } a:hover { color: #0A64CC; } h1 { color: #000000; padding: 0px 0px 5px 0px; margin: 0px; font-size: 14pt; font-family: "Arial Narrow", tahoma, arial, sans-serif; } h2 { color: #0A64CC; padding: 0px 0px 5px 0px; margin: 0px; font-size: 14pt; font-family: tahoma, arial, sans-serif; } h3 { color: #000000; padding: 15px 0px 5px 0px; margin: 0px; font-size: 11pt; font-family: tahoma, arial, sans-serif; } h4 { color: #000000; padding: 15px 0px 15px 25px; margin: 0px; font-size: 11pt; font-family: tahoma, arial, sans-serif; background: URL('../img/sipka.gif'); background-repeat: no-repeat; background-position: 0px 12px; } div.cistic { clear: both; height: 0px; font-size: 0px; } /****************************************************************************/ /* */ /* DEKLARACE ROZLOZENI DOKUMENTU */ /* */ /****************************************************************************/ div.layout { width: 940px; margin: auto; text-align: left; background: white; font-family: tahoma, arial, verdana, sans-serif; position: relative; } div.layout-top { margin: auto; text-align: center; font-family: tahoma, arial, verdana, sans-serif; width: 940px; } div.layout-top div.menuTop { width: 940px; margin: auto; text-align: center; position: relative; z-index: 10; } div.layout-under-flash-background { position: absolute; top: 329px; right: 0%; height: 28px; width: 60%; background: #ebebeb; z-index: 0; } *>div.layout-under-flash-background { top: 331px; } /****************************************************************************/ /* */ /* FLASH (HLAVNI) A LINKA POD FLASHEM */ /* */ /****************************************************************************/ div.layout div.main-flash { height: 226px; overflow: hidden; position: relative; } div.layout div.main-flash a.vyhledat-button { display: block; width: 82px; height: 19px; background: URL('../img/vyhledat-flash.jpg') no-repeat; position: absolute; top: 204px; left: 770px; } div.layout div.under-flash { height: 31px; width: 745; float: left; background: URL('../img/line-under-flash.jpg') ;} div.layout div.left-part { display: block; width: 195px; margin-top: 6px; margin-bottom: 10px; padding: 0px 0px 5px 0px; font-size: 8pt; color: #595955; border-bottom: 3px #dadada solid; } div.layout div.left-part b { font-size: 10pt; font-weight: bolder; } div.layout div.under-flash { float: left; width: 745px; display: block;} div.layout div.under-flash div.right-part { float: right; margin-right: 12px; display: block;} div.layout div.under-flash div.right-part .p { width: 55px; height: 17px; margin-top: 6px; padding: 0px; font-size: 9pt; display: block; float: left; } div.layout div.under-flash div.right-part input.search-input { width: 133px; height: 17px; margin-top: 6px; padding: 0px; border: 1px #c3c3c3 solid; font-size: 8pt; display: block; float: left; } div.layout div.under-flash div.right-part input.search-button { width: 17px; height: 17px; margin-top: 6px; display: block; padding: 0px; float: left; background: URL('../img/hledej-small-button.jpg') no-repeat; } /****************************************************************************/ /* */ /* FLASH (VEDLEJSI) */ /* */ /****************************************************************************/ div.layout div.inner-flash { width: 745px; float: left; } div.layout div.inner-fladsh { width: 740px; float: left; text-align: right; overflow: hidden; } /****************************************************************************/ /* */ /* LEVE MENU */ /* */ /****************************************************************************/ div.layout div.left-menu { width: 190px; float: left; } div.layout div.left-menu div.inner { padding: 5px; } div.layout div.left-menu span.heading { font-size: 8pt; padding: 0px 0px 5px 25px; display: block; font-weight: bold; } div.layout div.left-menu a.level-01 { display: block; padding: 6px 0px 4px 25px; font-size: 7pt; color: black; font-weight: bold; border-top: 1px #dbdbdb solid; color: #333333; } div.layout div.left-menu a.level-01:hover { background-color: #f7f7f7; } div.layout div.left-menu a.level-01-otevreno { display: block; background: URL('../img/level-01-otevreno') no-repeat 13px 9px; } div.layout div.left-menu a.level-01-otevrit { display: block; background: URL('../img/level-01-otevrit') no-repeat 15px 8px; } div.layout div.left-menu a.level-02 { display: block; padding: 3px 0px 3px 35px; background: URL('../img/level-02.gif') no-repeat; font-size: 7pt; color: black; font-weight: normal; color: #333333; } div.layout div.left-menu a.level-02:hover { background-color: #f7f7f7; } div.layout div.left-menu a.active { color: #000000; } div.layout div.left-menu div.loga { text-align: center; margin: 15px 0px 0px 0px; } /****************************************************************************/ /* */ /* DEKLARACE PRO OBSAHOVY RAMEC */ /* */ /****************************************************************************/ div.layout div.content-area div, div.layout div.content-area td { font-size: 9pt; } div.layout div.content-area { width: 569px; float: left; } div.layout div.content-area div.hledej { background: URL('../img/line-hledej.jpg'); width: 750px; height: 25px; padding: 3px;} div.layout div.content-area div.hledej span.p { padding: 5px 12px 0px 20px; clear: left; } div.layout div.content-area div.hledej input.hledej-odeslat { width: 17px; height: 21px; background: URL('../img/hledej.jpg') no-repeat; border: 0px; padding: 0px 0px 0px 20px; } div.layout div.content-area div.inner { padding: 20px 30px 20px 20px; font-size: 9pt; color: #5d5d5d; text-align: justify; } div.layout div.content-area div.novinka { color: #0A64CC; padding: 3px 10px; background: URL('../img/novinky-sipka.gif') no-repeat 0px 7px; } div.layout div.content-area div.novinka-text { padding: 3px 10px 15px 10px; } div.layout div.content-area div.nadpis { font-weight: bold; font-size: 10pt; } div.layout div.content-area table.poznamky td { font-size: 8pt; padding-bottom: 3px; } div.layout div.content-area img.ramecek { padding: 2px; border: 1px solid silver; } /****************************************************************************/ /* */ /* DEFINICE ZÁLOŽEK */ /* */ /****************************************************************************/ table.zalozky { background: URL('../img/zalozky-background-linka.gif'); background-repeat: repeat-x; background-position: bottom; height: 27px; } table.zalozky td { font-size: 7pt; } table.zalozky td.active .leftcorn { background: URL('../img/zalozky-active-leftcorn.gif'); width: 5px; background-repeat: no-repeat; } table.zalozky td.active .zalnazev { background: URL('../img/zalozky-active-background.gif'); background-repeat: repeat-x; cursor: pointer; } table.zalozky td.active .zalnazev div { background: URL('../img/zalozky-active-sipka.gif'); padding: 8px 10px 3px 20px; background-position: 5px 9px; background-repeat: no-repeat; } table.zalozky td.active .rightcorn { background: URL('../img/zalozky-active-rightcorn.gif'); width: 5px; background-repeat: no-repeat; } table.zalozky td.normal .leftcorn { background: URL('../img/zalozky-normal-leftcorn.gif'); width: 5px; background-repeat: no-repeat; } table.zalozky td.normal .zalnazev { background: URL('../img/zalozky-normal-background.gif'); background-repeat: repeat-x; cursor: pointer; } table.zalozky td.normal .zalnazev div { background: URL('../img/zalozky-normal-sipka.gif'); padding: 8px 10px 3px 20px; background-position: 5px 9px; background-repeat: no-repeat; } table.zalozky td.normal .rightcorn { background: URL('../img/zalozky-normal-rightcorn.gif'); width: 5px; background-repeat: no-repeat; } /****************************************************************************/ /* */ /* NABIDKA NAPRAVO OD OBSAHU */ /* */ /****************************************************************************/ div.layout div.right-area { width: 175px; float: left; } div.layout div.right-area div.inner { padding: 20px 0px 10px 0px; } div.layout div.right-area div.form-klientske-prihlaseni { background: URL('../img/background-klientske-prihlaseni.jpg'); background-repeat: no-repeat; width: 175px; height: 131px; } div.layout div.right-area div.form-klientske-prihlaseni input.user { width: 102px; height: 18px; margin: 75px 0px 0px 58px; border: none; background-color: transparent; font-size: 8pt; } div.layout div.right-area div.form-klientske-prihlaseni input.pass { width: 80px; height: 18px; margin: 8px 0px 0px 58px; border: none; background-color: transparent; font-size: 8pt; } div.layout div.right-area div.form-klientske-prihlaseni .submit { padding: 3px 0px 0px 0px; cursor: pointer; } div.layout div.right-area div.form-klientske-prihlaseni div.line-under { padding: 4px 4px; color: #777777; text-align: center; clear: both; font-size: 8pt; margin-bottom: 10px; } div.layout div.right-area div.form-klientske-prihlaseni div.line-under a { color: #777777; } div.layout div.right-area div.form-klientske-prihlaseni-loged { background: URL('../img/background-klientske-prihlaseni-loged.jpg'); background-repeat: no-repeat; width: 175px; height: 131px; } div.layout div.right-area div.form-klientske-prihlaseni-loged div.loged-user { padding: 80px 8px 0px 8px; font-size: 8pt; color: #aaaaaa; text-align: center; } div.layout div.right-area div.mezera { width: 100%; height: 10px; margin: 20px 0px 10px 0px; background: URL('../img/right-mezera.jpg') no-repeat; clear: both; } div.layout div.right-area div.titulek { font-size: 8pt; font-weight: bold; margin: 6px 10px; color: #484848; } div.layout div.right-area div.novinka { font-size: 8pt; padding: 3px 10px; background: URL('../img/novinky-sipka.gif') no-repeat 0px 7px; } div.layout div.right-area div.novinka a { color: #0A64CC; } div.layout div.right-area div.download { } div.layout div.right-area div.download div.nadpis { border-bottom: 4px solid #DBDBDB; font-weight: bold; font-size: 10pt; color: #595955; padding-bottom: 5px; } div.layout div.right-area div.download div.soubor-pdf { background: URL('../img/pdf2.gif') no-repeat 3px 8px; padding: 8px 3px 8px 23px; } div.layout div.right-area div.reklama { color: #999999; font-size: 8pt; } div.layout div.right-area div.form span.login input { font-size: 7pt; color: #777777; background: transparent; border: 0px; margin: 1px 1px 1px 2px; height: 14px; width: 60px; } div.layout div.right-area div.form span.password input { font-size: 7pt; color: #777777; background: transparent; border: 0px; margin: 1px 1px 1px 2px; height: 14px; width: 42px; } div.layout div.right-area div.form span { float: left; color: #777777; } div.layout div.right-area div.form span.l { padding: 0px 0px 0px 20px; } div.layout div.right-area div.form span.p { padding: 5px 12px 0px 20px; clear: left; } div.layout div.right-area div.form div.line { margin: 20px 5px 10px 5px; text-align: center; background-color: #eeeeee; padding: 4px 0px; font-size: 8pt; font-weight: bold; color: #555555; clear: left; } div.layout div.right-area div.form div.line-under { padding: 4px 4px; color: #777777; text-align: center; clear: left; font-size: 8pt; border-top: 1px solid #dddddd; margin: 10px 5px 5px 5px; } div.layout div.right-area div.form div.line-under a { color: #555555; } div.layout div.right-area div.form div.line-under a:hover { color: #333333; } div.layout div.right-area div.form span.login { background: URL('../img/input-login-foot.jpg') no-repeat; display: block; width: 74px; height: 18px; margin: 0px 4px 0px 4px; } div.layout div.right-area div.form span.password { background: URL('../img/input-password-foot.jpg') no-repeat; display: block; width: 54px; height: 18px; margin: 5px 4px 0px 4px; } input.login-send { width: 14px; height: 14px; background: URL('../img/login-send-under-footer.jpg') no-repeat; border: 0px; display: block; margin: 7px 0px 0px 0px; float: left; } div.layout div.right-area div.loged-user { color: #484848; font-size: 8pt; margin: 15px; text-align: center; } div.layout div.right-area div.loged-user b { color: #000000; } /****************************************************************************/ /* */ /* PATICKA STRANKY */ /* */ /****************************************************************************/ div.layout div.foot { text-align: center; clear: both; margin: 40px 10px 0px 20px; } div.layout div.foot div.inner { width: 525px; height: 0px; background: URL('../img/foot.jpg') no-repeat; } div.layout div.under-foot { margin-bottom: 20px; } div.layout div.under-foot div { font-size: 9pt; color: #b1b7bb; text-align: center; } div.layout div.under-foot a { color: #b1b7bb; } div.layout div.under-foot a:hover { color: #484848; } /****************************************************************************/ /* */ /* SPECIALNI DEKLARACE */ /* */ /****************************************************************************/ div.cite { font-style: normal; color: #000000; background-color: #F4F4F4; font-size: 10pt; font-family: "Arial Narrow", tahoma, arial, sans-serif; padding: 10px 15px; margin-bottom: 10px; } .p5 { padding: 5px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .li-ok { background: URL('../img/li-ok.gif'); background-repeat: no-repeat; background-position: 30px 7px; padding: 5px 0px 5px 50px; } .li-ok a { font-weight: bold; color: #0A64CC; } div.text { padding: 5px 0px; text-indent: 15px; line-height: 130%; } div.linka-prerusovana { background: URL('../img/linka-prerusovana.gif'); background-repeat: repeat-x; height: 20px; clear: both; } table.tabulka-navigace TD.sl11 { background-color: #C7CDE8; border-right: 3px solid #FFFFFF; padding: 5px 10px; } table.tabulka-navigace TD.sl12 { background-color: #E6E8F5; border-right: 3px solid #FFFFFF; padding: 5px 10px; } table.tabulka-navigace TD.sl21 { background-color: #C7CDE8; padding: 8px 10px; } table.tabulka-navigace TD.sl22 { background-color: #E6E8F5; padding: 8px 10px; } div.layout div.content-area div.firma { width: 160px; float: left; margin: 5px; line-height: 150%; font-weight: bold; text-align: left; } div.layout div.content-area div.firma a { color: #0A64CC; } div.layout div.content-area div.adresa { width: 160px; float: left; margin: 5px; line-height: 150%; } div.layout div.content-area div.kontakt { width: 160px; float: left; margin: 5px; line-height: 150%; } div.layout div.content-area div.objednavka h4 { font-size: 10pt; } .detailTarifu { background-color: #F9F9F9; border: 1px solid #F0F0F0; } .detailTarifu TD { font-size: 8pt; padding: 2px 5px; } .detailRozsireni { display: none; background-color: #FFFFBB; border: 1px dashed #BBBB55; cursor: default; } .detailRozsireni TD, .detailRozsireni { font-size: 8pt; color: #330000; } .detailRozsireni IMG { border: 1px solid #EAE440; } .detailRozsireniSpan { border-bottom: 1px dashed navy; cursor: help; } .cena-navigace { margin-top: 20px; text-align: right; font-size: 12pt; } .gm-cenik .zahlavi { background-color: #426ab3; font-weight: bold; } .gm-cenik .zahlavi td { color: #ffffff; text-align: center; } .gm-cenik .radek-1 { background-color: #e6e8f5; } .gm-cenik .radek-2 { background-color: #aab4dc; } .gm-cenik .cena { text-align: right; } .gm-cenik .sloupec-0 { background-color: #8897cc; color: #ffffff; font-weight: bold; line-height: 150%; } .gm-cenik .sloupec-0-help { background-color: #8897cc; color: #ffffff; font-weight: bold; cursor: default; line-height: 150%; } .gm-cenik .sloupec-0-help span { border-bottom: 1px dashed #eeeeee; } .gm-cenik td { border-bottom: 1px solid #ffffff; text-align: left; } .faq-otazka { color: #0A64CC; font-weight: bold; margin: 20px 0px 5px 0px; font-size: 12pt; } .faq-odpoved { padding-left: 30px; background: url('../img/ktip.jpg') no-repeat 0px 5px; } .mapa-stranek-0 { padding: 4px 10px; margin-top: 20px; background-color: #f5f5f5; font-weight: bold; } .mapa-stranek-1 { margin-left: 25px; padding-left: 15px; background: url(../img/mapa-stranek-tecka.gif) no-repeat 5px; line-height: 150%; } .mapa-stranek-2 { margin-left: 55px; padding-left: 15px; background: url(../img/mapa-stranek-tecka.gif) no-repeat 5px; line-height: 150%; } .mapa-stranek-3 { margin-left: 85px; padding-left: 15px; background: url(../img/mapa-stranek-tecka.gif) no-repeat 5px; line-height: 150%; } .test-jednotky-0 { color: red; text-align: center; padding: 15px; font-weight: bold; font-size: 11pt; background-color: #EEEEEE; margin: 10px 0px; } .test-jednotky-1 { color: green; text-align: center; padding: 15px; font-weight: bold; font-size: 11pt; background-color: #EEEEEE; margin: 10px 0px; }