/* ---------------------------------------------------------------- @company: www.actum.cz @author: Dmitrij Dudnik @site: www.koop.cz ---------------------------------------------------------------- */ /* ---------------------------------------------------------------- basic elements ---------------------------------------------------------------- */ * { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; color: #333333; background: #fff url("../gfx/page-back.gif") repeat-y 50% 0; } input, textarea, select, button { font-size: 13px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6, .fake-h1 { font-weight: normal; line-height: 1.2; } .fake-h1, h1 { font-size: 20px; color:#006633; } h2 { font-size: 16px; } h2.sponzor { font-size: 20px; color: #006633; margin-top: 20px; } .hp-h2-top { font-size: 26px; } h3 { color: #333333; font-size: 14px; } h4, h5, h6 { font-size: 12px; color: #406cad; } h2.mk2 { font-size: 16px; line-height: 20px; font-weight: bold; margin: 20px 0; color: #000; } a { color: #28a54e; text-decoration: none; outline: 0 none; } a:hover { text-decoration: underline; color: #78bb49; } a.external { background: url(../gfx/blank.gif) no-repeat scroll right 0 transparent; padding-right: 25px; } .hp-top a.external, .foot-link a.external, .box-button-info a.external { background: none; } p.mar-02 { margin-left: 20px; } span.vice { display: block; margin-top: 5px; } span.vice a { text-decoration: underline; } span.vice a:hover { text-decoration: none; } strong.under { font-size: 14px; text-decoration: underline; } img.left { float: left; margin-right: 18px; } img.right { float: right; margin-left: 18px; } img.blank { margin: 0 10px; vertical-align: middle; } a img { border: 0; } .hr-back { background: transparent url(../gfx/hr-back.gif) no-repeat scroll 0 0; border: 0 none; height: 1px; margin: 40px auto 20px; width: 675px; } table { border-spacing: 0; border-collapse: collapse; width: 100%; font-size: 100%; line-height: 1.2; } th { text-align: left; } td { text-align: center; } .l143-kde-nas-hledat th, .l143-kde-nas-hledat td { text-align: left; } dl { font-size: 12px; line-height: 14px; padding: 0.5em 0 0; } dt { font-weight: bold; } dd { padding: 0 0 10px; } .green { color: #063; } /* ---------------------------------------------------------------- basic classes ---------------------------------------------------------------- */ .nod { display: none; } .spaceman { position: absolute; top: -3000px; left: 0; } .left { text-align: left !important; } .right { text-align: right !important; } .center { text-align: center !important; } .fll { float: left !important; } .flr { float: right !important;} .cleaner { clear: both; } .clrl { clear: left; } .valm { vertical-align: middle; } div.clear { clear: both; height: 1px; font-size: 0; line-height: 0; margin: 0 0 -1px 0; } /* ---------------------------------------------------------------- special classes ---------------------------------------------------------------- */ .perex { font-size: 110%; margin: 20px 0; font-weight: bold; } .footnote { background: url(../gfx/footnote.gif) repeat-x 0 0; color: #748a9a; font-style: italic; padding-top: 3px; } .footnote small { font-size: 0.917em; } /* ---------------------------------------------------------------- special classes ---------------------------------------------------------------- */ .file { padding: 2px 26px 2px 2px; background: url(../gfx/icons/page.png) no-repeat right 0px; line-height: 20px; } .pdf { background-image: url(../gfx/icons/pdf.png); } /* ---------------------------------------------------------------- layout ---------------------------------------------------------------- */ #page { position: relative; width: 962px; margin: 0 auto; overflow: hidden; } /* ---------------------------------------------------------------- header ---------------------------------------------------------------- */ #header { position: relative; width: 962px; height: 146px; border-top: 10px solid #006633; margin: 0 0 35px 0; } #header h1 { position: absolute; top: 25px; left: 50px; width: 174px; height: 97px; padding: 0; color: #fff; text-transform: uppercase; font-size: 14px; text-align: right; } #header h1 span { position: absolute; top: 0; left: 0; display: block; width: 174px; height: 97px; background: url(../gfx/logo-koop.jpg) no-repeat; cursor: pointer; } #header p.catchword { position: relative; top: 63px; left: 255px; width: 188px; height: 65px; } #header p.catchword span { position: absolute; top: 0px; left: 0px; width: 188px; height: 65px; background: url(../gfx/catchword-back.gif) no-repeat; } #header form { position: absolute; top: 12px; right: 60px; width: 260px; } #header form fieldset { border: none; background: none; padding: 0 4px 0 0; } #header form legend { display: none; } #header form input.text { width: 130px; float: left; border: 0; background: transparent url(../gfx/search-text.gif) no-repeat; color: #333333; font-size: 11px; padding: 5px 13px 10px 30px; } #header form input.submit { width: 76px; height: 30px; background: transparent url(../gfx/search-submit.gif) repeat 0 0; border: 0; margin: 0; color: #333333; padding: 0 15px 8px; font-size: 12px; cursor: pointer; } #header .call { display: block; position: absolute; top: 60px; right: 25px; color: #006633; } #header .call a { color: #006633; } #header .call strong { font-size: 17px; margin-left: 10px; } #header a.flag { position: absolute; right: 27px; top: 17px; width: 22px; height: 14px; cursor: pointer; } #header a.flag span { position: absolute; top: 0px; right: 0px; width: 22px; height: 14px; } #header a.en span { background: url(../gfx/en.gif) no-repeat 0 0; } #header a.cs span { background: url(../gfx/cs.gif) no-repeat 0 0; } #header #header-flash { position: absolute; right: 25px; top: 86px; } /* ---------------------------------------------------------------- crumbs ---------------------------------------------------------------- */ #crumbs { list-style: none; overflow: hidden; padding: 0 12px 5px; } #crumbs li { float: left; padding-right: 3px; } #crumbs li a, #crumbs li strong { font-size: 11px; line-height: 30px; padding: 0 12px 0 6px; } #crumbs li a.first { color: #333333; } #crumbs li a { text-decoration: underline; color: #56aa1c; background: url(../gfx/crumbs.gif) no-repeat right 4px; } #crumbs li a:hover { color: #78bb49; text-decoration: none; } #crumbs li strong { color: #9acc77; } /* ---------------------------------------------------------------- content ---------------------------------------------------------------- */ #content { float: right; width: 680px; /* 690px*/ padding: 0 10px 0 0; line-height: 18px; } #content ul { margin-top: 20px; list-style-type: none; } /* obsah clanku ---------------------------------------------------------------- */ #content .nav-content { list-style: none; margin: 0; padding: 0; } #content .nav-content.top { margin-top: 20px;} #content .nav-content.marg-l { margin-left: 35px; } #content .nav-content.marg-2 { margin-left: 70px; } #content .nav-content li { padding-left: 15px; background: url(../gfx/nav-content-crumbs.gif) no-repeat 0 5px; } #content ul { list-style: none; margin: 0; padding: 0; } #content ul.top { margin-top: 20px;} #content ul.marg-l { margin-left: 35px;} #content ul.marg-2 { margin-left: 70px;} #content ul li { padding-left: 15px; background: url(../gfx/nav-content-crumbs.gif) no-repeat 0 5px; } #content p { margin-top: 20px; } #content p.cl { margin-bottom: 20px; margin-top: 0; } #content h3.cl { margin-bottom: 20px; margin-top: 0; font-weight: bold; } /* ---------------------------------------------------------------- .box-button-info ---------------------------------------------------------------- */ #content .box-button-info { display: block; list-style-type: none; margin: 15px 0; } #content .box-button-info li { margin-right: 10px; background: none; padding-left: 0; float: left; } #content .box-button-info li span.award, #content .box-button-info li a { display: block; position: relative;} #content .box-button-info li a.external { padding-right: 0 !important; } #content .box-button-info li span.award { width: 147px; height: 74px; } #content .box-button-info li a { width: 136px; height: 94px; } #content .box-button-info li span, #content .box-button-info li a span { display: block; position: absolute; top: 0; left: 0; } #content .box-button-info li span { width: 147px; height: 74px; } #content .box-button-info li a span { width: 136px; height: 94px; } /* .award ---------------------------------------------------------------- */ #content .box-button-info li span.gold { background: url(../img/oceneni_pojisteni/koruna_gold.gif) no-repeat 0 0; } #content .box-button-info li span.silver { background: url(../img/oceneni_pojisteni/koruna_silver.gif) no-repeat 0 0; } #content .box-button-info li span.bronz { background: url(../img/oceneni_pojisteni/koruna_bronz.gif) no-repeat 0 0; } #content .box-button-info li a span.pojisteni-on-line { background: url(../img/oceneni_pojisteni/pojisteni-on-line.gif) no-repeat 0 0; } #content .box-button-info li a span.pojisteni-telefon { background: url(../img/oceneni_pojisteni/pojisteni-telefon.gif) no-repeat 0 0; } #content .box-button-info li.item001 { float: none !important; } /* ---------------------------------------------------------------- .box-info ---------------------------------------------------------------- */ #content .box-info { position: relative; width: 648px; /*688px*/ height: 158px; /*188px*/ padding: 15px 20px; background: url(../gfx/box-info.jpg) no-repeat 0 0; float: left; } #content .box-info h3 { display: block; text-align: left; font-size: 20px; line-height: 25px; color: #006699; } #content .box-info ul { display: block; float: left; width: 241px; list-style: none; } #content .box-info ul li { background: none; padding: 0 0 2px; } #content .box-info ul.m-01, #content .box-info ul.m-02 { position: absolute; padding: 0; } #content .box-info ul.m-01 { top: 45px; left: 150px; } #content .box-info.no-online ul.m-01 { top: 60px !important; } #content .box-info ul.m-02 { top: 77px; right: 20px; } #content .box-info ul li.first { color: #006699; padding-left: 12px; background: url(../gfx/box-info-crumbs.gif) no-repeat 0 6px; } #content .box-info ul li a { display: block; width: 217px; /*241px*/ height: 31px; color: #006699; font-weight: bold; line-height: 28px; padding-left: 24px; background: url(../gfx/button.png) no-repeat 0 0; } #content .box-info ul li a:hover { background-position: 0 -50px; color: #fff; text-decoration: none; } /* ---------------------------------------------------------------- menu 1. level ---------------------------------------------------------------- */ #menu { width: 942px; height: 35px; position: absolute; left: 10px; top: 156px; } #menu ul { list-style: none; height: 35px; margin: 0; padding: 0; } #menu ul li { float: left; width: 134px; position: relative; } #menu ul li a { font-size: 12px; display: block; line-height: 35px; border-left: 1px solid #e0e0e0; color: #063; font-weight: bold; text-decoration: none; text-align: center; background: url(../gfx/menu.gif) repeat-x 0 0; } #menu ul li.item-2-8 a { width: 135px; } #menu ul li a:hover { background: url(../gfx/menu.gif) repeat-x 0 -45px; } #menu ul li.active a { background: url(../gfx/menu.gif) repeat-x 0 -90px; color: #fff; } #menu ul li.first a { border: 0 none; } /* #menu ul li.first, #menu ul li.last { width: 156px; } */ #menu span.corner { display: block; position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; top: 0; } #menu span.a1 { left: 0; background: url(../gfx/corners.png) no-repeat -10px -10px; } #menu span.a2 { right: 0; background: url(../gfx/corners.png) no-repeat 0 -10px; } /* ---------------------------------------------------------------- menu 2. leve2 ---------------------------------------------------------------- */ #menu ul ul { display: none; behavior: url(../js/csshover3.htc); width: 260px; height: auto; position: absolute; left: 0; top: 35px; z-index: 999; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e0e0e0; background: #fff; } #menu ul ul li { width: auto; float: none; } #menu ul li.last ul { right: 0; left: auto; } #menu ul li.first ul li a, #menu ul li.last ul li a, #menu ul ul li a { font-size: 11px; line-height: 16px; padding: 4px 15px 4px 15px; text-align: left; height: auto; border: 0 none; border-top: 1px solid #e0e0e0; background: none #fff; } #menu ul li.item-2-1 ul li a { font-size: 11px; line-height: 16px; padding: 4px 5px; margin: 2px 0 2px 3px; text-align: left; height: auto; border-top: none !important; background: none #fff; } #menu ul li.item-2-1 ul li.item-3-1.first a { border-top: none; } #menu ul li.item-2-1 ul li.item-3-1 a, #menu ul li.item-2-1 ul li.item-3-2 a, #menu ul li.item-2-1 ul li.item-3-3 a, #menu ul li.item-2-1 ul li.item-3-4 a { border-left: 6px solid #65B232; } #menu ul li.item-2-1 ul li.item-3-5 a, #menu ul li.item-2-1 ul li.item-3-6 a { border-left: 6px solid #DD7600; } #menu ul li.item-2-1 ul li.item-3-7 a, #menu ul li.item-2-1 ul li.item-3-8 a, #menu ul li.item-2-1 ul li.item-3-9 a, #menu ul li.item-2-1 ul li.item-3-10 a, #menu ul li.item-2-1 ul li.item-3-11 a { border-left: 6px solid #AF1E2D; } #menu ul li.item-2-1 ul li.item-3-12 a, #menu ul li.item-2-1 ul li.item-3-13 a, #menu ul li.item-2-1 ul li.item-3-14 a { border-left: 6px solid #FCD300; } #menu ul li.active ul a { background: none #fff; color: #063; } #menu ul li.active ul li.active a, #menu ul li.active ul a:hover, #menu ul li.first ul a:hover, #menu ul li.last ul a:hover, #menu ul ul a:hover { background: none #063 !important; color: #fff; } #menu ul li:hover ul { display: block; } /* ------------- menu 2. leve2 _ nav-02 -------------- */ #nav { float: left; margin-bottom: 50px; margin-left: 10px; overflow: hidden; position: relative; width: 242px; } #nav ul { width: 240px; list-style: none outside; padding: 0; border: 1px solid #cccccc; border-bottom: 0 none; } #nav ul li { padding: 0; display: block; background: url(../gfx/sidenav-bgs.png) repeat-x 0 -66px; } #nav ul li a:hover { text-decoration: underline; } #nav ul li.active a { color: #333333; font-weight: bold; } #nav ul li.active ul a { font-weight: normal; } #nav ul li.active ul li.active a { font-weight: bold; } #nav a { display: block; color: #006633; line-height: 18px; padding: 6px 13px; text-decoration: none; border-bottom: 1px solid #cccccc; } #nav ul ul { padding: 0; border: none } #nav ul ul a { padding-left: 45px; background: url(../gfx/menu-arrow-green.gif) no-repeat 35px 50%; } #nav ul ul li.active { background: url(../gfx/sidenav-bgs.png) repeat-x 0 0; } #nav ul ul li.active a { background: url(../gfx/menu-arrow-white.gif) no-repeat 35px 50%; color: #fff; } #nav span.cor { display: block; position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; } #nav span.a1 { top: 0; left: 0; background: url(../gfx/corners2.png) no-repeat -10px -10px; } #nav span.a2 { top: 0; right: 0; background: url(../gfx/corners2.png) no-repeat 0 -10px; } #nav span.b1 { bottom: 0; left: 0; background: url(../gfx/corners2.png) no-repeat -10px 0; } #nav span.b2 { bottom: 0; right: 0; background: url(../gfx/corners2.png) no-repeat 0 0; } /* ------------- menu 2. leve2 _ nav-02 -------------- */ #nav-02 { float: left; margin-bottom: 50px; margin-left: 10px; overflow: hidden; position: relative; width: 241px; } #nav-02 a:hover { text-decoration: underline; } #nav-02 ul { display: block; position: relative; width: 241px; list-style: none; padding: 0; } #nav-02 li { padding: 0; display: block; background: url(../gfx/nav-back.gif) repeat-x; } #nav-02 li.active a {background: url(../gfx/nav-back-green.gif) repeat-x; color: #fff; } #nav-02 a { display: block; color: #006633; line-height: 31px; padding: 0 12px; text-decoration: none; border: 1px solid #cccccc; } #nav-02 span.cor { display: block; position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; } #nav-02 span.a1 { top: 0; left: 0; background: url(../gfx/menu-corner-a1.png) no-repeat 0 0; } #nav-02 span.a2 { top: 0; right: 0; background: url(../gfx/menu-corner-a2.png) no-repeat 0 0; } #nav-02 span.b1 { bottom: 0; left: 0; background: url(../gfx/menu-corner-b1.png) no-repeat 0 0; } #nav-02 span.b2 { bottom: 0; right: 0; background: url(../gfx/menu-corner-b2.png) no-repeat 0 0; } /* ---------------------------------------------------------------- footer ---------------------------------------------------------------- */ #footer { float: left; display: block; padding: 0 1px; width: 960px; margin-top:15px; } #footer img { float: left; border: none; margin-left: 10px; } #footer .box-size { display: block; float: right; width: 305px; margin: 15px 0 20px 0; } #footer .box-size ul { display: block; list-style: none; float: left; } #footer .box-size li { display: block; float: left; margin-right: 10px; } #footer .box-size #item-3-1 a { display: block; position: relative; width: 64px; height: 16px; font-size: 1px; cursor: pointer; overflow: hidden; } #footer .box-size #item-3-1 a span { position: absolute; top: 0px; left: 0px; width: 64px; height: 16px; } #footer .box-size #item-3-1 span { background: url(../gfx/size-box.gif); } #footer .box-size li a { display: block; position: relative; width: 16px; height: 16px; font-size: 1px; cursor: pointer; overflow: hidden; } #footer .box-size li a span { position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; } #footer .box-size #item-3-4 span { background: url(../gfx/monochrome.gif); } #footer .box-size #item-3-5 a, #footer .box-size #item-3-6 a { font-size: 12px; color: #333333; width: 65px;} #footer .box-size #item-3-6 a { background: url(../gfx/up.gif) no-repeat 50px 2px; } #footer .foot-link { display: block; float: right; font-size: 11px; width: 800px; margin-right: 10px; padding-top: 14px; border-top: 1px dotted #cfcfcf; } #footer .foot-link p { display: block; float: left; margin: 0; } #footer .foot-link ul { display: block; list-style: none; margin-top: 0; float: right; } #footer .foot-link li { display: block; float: left; margin: 0 2px; } #footer .foot-link li a { color: #333333; } /* ---------------------------------------------------------------- master - content ---------------------------------------------------------------- */ body.master #content { width: 942px; overflow: hidden; position: relative; } body.master .hp-top { display: block; position: relative; width: 941px; height: 254px; } body.master .box-odkaz img.hp-image { display: block; } body.master .box-odkaz .slogan { display: block; position: absolute; top: 60px; left: 35px; font-size: 27px; line-height: 30px; width: 290px; } body.master .box-odkaz a { display: block; position: absolute; top: 152px; left: 50px; color: #fff; } body.master #hp-flash { position: absolute; top: 0; left: 0; } body.master div.flash-overlay { position: absolute; top: 0; left: 0; width: 941px; height: 254px; } body.master .hp-overview { display: block; position: relative; width: 941px; height: 350px; float: left; margin-top: 12px; background: url(../img/hp-overview.jpg) no-repeat 0 0; } body.master .box-car, body.master .box-liv, body.master .box-bus, body.master .box-servis { display: block; position: relative; width: 220px; height: 308px; float: left; } body.master .box-car { margin: 12px 0 0 16px; } body.master .box-liv { margin: 12px 0 0 12px; } body.master .box-bus { margin: 12px 0 0 10px; } body.master .box-servis { margin: 12px 0 0 10px; } body.master .box-car h3, body.master .box-liv h3, body.master .box-bus h3 { display: block; position: absolute; font-size: 14px; color: #006633; font-weight: bold; top: 135px; } body.master .box-car h3 { left: 17px; } body.master .box-liv h3 { left: 53px; } body.master.en .box-liv h3 { left: 23px; } body.master .box-bus h3 { left: 37px; } body.master #content ul li { background: none; padding-left: 0; } body.master .box-car ul, body.master .box-liv ul, body.master .box-bus ul { display: block; position: absolute; top: 190px; left: 14px; list-style: none; margin-top: 0 !important; } body.master .box-car li a, body.master .box-liv li a, body.master .box-bus li a { display: block; padding-left: 13px; background: url(../gfx/hp-crumbs.gif) no-repeat 0 8px; color: #666666; line-height: 24px; } body.master .box-servis h3 { display: block; position: absolute; font-size: 14px; color: #006633; font-weight:bold; top: 25px; left: 60px; } body.master .box-servis ul.tabs-nav { display: block; list-style: none; margin-top: 0 !important; } body.master .box-servis ul.tabs-nav li a { display: block; padding-left: 13px; background: url(../gfx/hp-crumbs2.gif) no-repeat 0 7px; color: #666666; font-size: 11px; line-height: 24px; } /* ------------- jQuery Tabs - hp -------------- */ ul.tabNavigation { position: relative; top: 9px; left: 1px; list-style: none; margin: 0; padding: 0; } ul.tabNavigation li { position: relative; display: inline; float: left; } ul.tabNavigation li.first a, ul.tabNavigation li.second a { display: block; color: #000; text-decoration: none; background: url(../gfx/back-second.jpg) no-repeat 0 0; } ul.tabNavigation li.first a, ul.tabNavigation li.second a { color: #000; text-decoration: none; } ul.tabNavigation li.first a { margin-right: 5px; padding: 54px 11px 23px 19px; width: 60px; } ul.tabNavigation li.second a { margin-left: 8px; width: 62px; padding: 54px 12px 20px 16px; } ul.tabNavigation li.first a.selected, ul.tabNavigation li.second a.selected { display: block; margin: 0 !important; } ul.tabNavigation li.first a.selected { width: 78px; background: url(../gfx/tabs-top-01.gif) no-repeat; z-index: 100; } ul.tabNavigation li.second a.selected { background: url("../gfx/tabs-top-02.gif") no-repeat scroll 0 0 transparent; position: relative; left: -5px; padding: 54px 10px 23px 42px; } ul.tabNavigation li.second { position: relative; right: 12px; } ul.tabNavigation li a.selected, ul.tabNavigation li a:hover { } div.tabs { margin-top: 55px; margin-left: 11px; } div.tabs > div { float: left; width: 174px; height: 100px; padding: 15px 10px; background: url(../gfx/tabs-back.gif) no-repeat; } span.umbrella, span.house { display: block; position: absolute; top: 8px; right: 25px; } span.umbrella { left: 25px; width: 35px; height: 42px; background: url(../gfx/umbrella.gif) no-repeat; } span.house { right: 25px; width: 43px; height: 52px; background: url(../gfx/house.gif) no-repeat; } ul.tabNavigation li.second a.selected span.house { right: 23px; } /* ---------------------------------------------------------------- img - vycentrovani ---------------------------------------------------------------- */ .box-img { display: table; position: relative; #position: relative; text-align: center; width: 120px; height: 81px; float: left; } .box-img a { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .box-img img { #position: relative; #top: -50%; #left: -50%; #float: left; } /* ---------------------------------------------------------------- Rozcestník - Box ---------------------------------------------------------------- */ .pruvodce-top, .citizen-top { display: block; position: relative; width: 941px; height: 254px; } .pruvodce-top h1, .citizen-top h1 { display: block; position: absolute; color: #006633; height: 40px; width: 260px; } .pruvodce-top p, .citizen-top p { display: block; position: absolute; width: 270px; line-height: 15px; margin-top: 0px !important; } .pruvodce-vyber, .citizen-vyber { background: #e6e6e6; overflow: hidden; } /* pruvodce-vyber ---------------------------------------------------------------- */ .pruvodce-top { background: url(../img/img-pruvodce-top.jpg) no-repeat 0 0; } .pruvodce-top h1 { top: 50px !important; left: 40px; font-size: 27px; } .pruvodce-top p { top: 90px; left: 40px; } .pruvodce-vyber { width:910px; padding: 15px 15px 0; } .pruvodce-vyber .box-prehled { display: block; width: 393px; height: 93px; padding: 1px 0 0 2px; background: url(../gfx/pruvodce-prehled.jpg) no-repeat; } .pruvodce-vyber .box-prehled.box1 { float: left; margin: 0 0 14px 33px; } .pruvodce-vyber .box-prehled.box2 { float: right; margin: 0 33px 14px 0; } .pruvodce-vyber .box-prehled .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 82px; } .pruvodce-vyber .box-prehled .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .pruvodce-vyber .box-prehled h2 { #position: relative; #top: -50%; #left: -50%; } .pruvodce-vyber .box-prehled a { font-size: 14px; color: #006633; font-weight: bold; } /* pojisteni-majetku-obcanu ---------------------------------------------------------------- */ .citizen-top { background: url(../img/pojisteni-majetku-obcanu-top.jpg) no-repeat 0 0; } .citizen-top h1 { top: 45px !important; left: 40px; font-size: 22px !important; } .citizen-top p { top: 82px; left: 35px; } .citizen-vyber { width: 926px; padding: 15px 0 0 15px; } .citizen-vyber .box-citizen { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/pojisteni-majetku-obcanu-prehled.jpg) no-repeat; float: left; } .citizen-vyber .box-citizen h2 a { color: #fff; font-size: 14px; } .citizen-vyber .box-citizen p { display: block; margin: 10px 15px 0 !important; } .citizen-vyber .box-citizen a.crumbs-blue { color: #335687; padding-right: 12px; background: url(../gfx/crumbs-blue.gif) no-repeat right 6px; } .citizen-vyber .box-citizen .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .citizen-vyber .box-citizen .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .citizen-vyber .box-citizen h2 { #position: relative; #top: -50%; #left: -50%; } .citizen-vyber .box-citizen-big { display: block; width: 600px; height: 195px; margin-right: 16px; background: url(../gfx/pojisteni-majetku-obcanu-prehled-big.jpg) no-repeat; float: left; } .citizen-vyber .box-citizen-big h2 a { color: #fff; font-size: 14px; } .citizen-vyber .box-citizen-big p { display: block; margin: 10px 15px 0 !important; } .citizen-vyber .box-citizen-big a.crumbs-blue { color: #335687; padding-right: 12px; background: url(../gfx/crumbs-blue.gif) no-repeat right 6px; } .citizen-vyber .box-citizen-big .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .citizen-vyber .box-citizen-big .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .citizen-vyber .box-citizen-big h3 { #position: relative; #top: -50%; #left: -50%; } .citizen-vyber .box-citizen-big .box-citizen-left { padding: 10px 15px 0; } /* ---------------------------------------------------------------- pojisteni-malych-a-strednich-podnikatelu ---------------------------------------------------------------- */ .entrepreneur-top { display: block; position: relative; width: 941px; height: 254px; background: url(../img/pojisteni-malych-a-strednich-podnikatelu-top.jpg) no-repeat 0 0; } .entrepreneur-top h1 { display: block; position: absolute; top: 40px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .entrepreneur-top p { display: block; position: absolute; top: 95px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .entrepreneur-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .entrepreneur-vyber .box-entrepreneur { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/pojisteni-malych-a-strednich-podnikatelu.jpg) no-repeat; float: left; } .entrepreneur-vyber .box-entrepreneur h2 a { color: #fff; font-size: 14px; } .entrepreneur-vyber .box-entrepreneur p { display: block; margin: 10px 15px 0 !important; } .entrepreneur-vyber .box-entrepreneur a.crumbs-red { color: #af1e2d; padding-right: 12px; background: url(../gfx/crumbs-red.gif) no-repeat right 6px; } .entrepreneur-vyber .box-entrepreneur .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .entrepreneur-vyber .box-entrepreneur .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .entrepreneur-vyber .box-entrepreneur h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- pojisteni-prumyslovych-rizik ---------------------------------------------------------------- */ .entrepreneur-top1 { display: block; position: relative; width: 941px; height: 254px; background: url(../img/pojisteni-prumyslovych-rizik-top.jpg) no-repeat 0 0; } .entrepreneur-top1 h1 { display: block; position: absolute; top: 40px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .entrepreneur-top1 p { display: block; position: absolute; top: 70px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .entrepreneur-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .entrepreneur-vyber .box-entrepreneur { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/pojisteni-malych-a-strednich-podnikatelu.jpg) no-repeat; float: left; } .entrepreneur-vyber .box-entrepreneur h2 a { color: #fff; font-size: 14px; } .entrepreneur-vyber .box-entrepreneur p { display: block; margin: 10px 15px 0 !important; } .entrepreneur-vyber .box-entrepreneur a.crumbs-red { color: #af1e2d; padding-right: 12px; background: url(../gfx/crumbs-red.gif) no-repeat right 6px; } .entrepreneur-vyber .box-entrepreneur .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .entrepreneur-vyber .box-entrepreneur .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .entrepreneur-vyber .box-entrepreneur h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- pojisteni-hrazene-zamestnavatelem ---------------------------------------------------------------- */ .entrepreneur-top2 { display: block; position: relative; width: 941px; height: 254px; background: url(../img/pojisteni-hrazene-zamestnavatelem-top.jpg) no-repeat 0 0; } .entrepreneur-top2 h1 { display: block; position: absolute; top: 40px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .entrepreneur-top2 p { display: block; position: absolute; top: 95px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .entrepreneur-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .entrepreneur-vyber .box-entrepreneur { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/pojisteni-malych-a-strednich-podnikatelu.jpg) no-repeat; float: left; } .entrepreneur-vyber .box-entrepreneur h2 a { color: #fff; font-size: 14px; } .entrepreneur-vyber .box-entrepreneur p { display: block; margin: 10px 15px 0 !important; } .entrepreneur-vyber .box-entrepreneur a.crumbs-red { color: #af1e2d; padding-right: 12px; background: url(../gfx/crumbs-red.gif) no-repeat right 6px; } .entrepreneur-vyber .box-entrepreneur .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .entrepreneur-vyber .box-entrepreneur .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .entrepreneur-vyber .box-entrepreneur h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- pojisteni-firemnich-vozidel ---------------------------------------------------------------- */ .entrepreneur-top3 { display: block; position: relative; width: 941px; height: 254px; background: url(../img/pojisteni-firemnich-vozidel-top.jpg) no-repeat 0 0; } .entrepreneur-top3 h1 { display: block; position: absolute; top: 40px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .entrepreneur-top3 p { display: block; position: absolute; top: 95px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .entrepreneur-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .entrepreneur-vyber .box-entrepreneur { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/pojisteni-malych-a-strednich-podnikatelu.jpg) no-repeat; float: left; } .entrepreneur-vyber .box-entrepreneur h2 a { color: #fff; font-size: 14px; } .entrepreneur-vyber .box-entrepreneur p { display: block; margin: 10px 15px 0 !important; } .entrepreneur-vyber .box-entrepreneur a.crumbs-red { color: #af1e2d; padding-right: 12px; background: url(../gfx/crumbs-red.gif) no-repeat right 6px; } .entrepreneur-vyber .box-entrepreneur .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .entrepreneur-vyber .box-entrepreneur .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .entrepreneur-vyber .box-entrepreneur h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- zivotni pojisteni ---------------------------------------------------------------- */ .life-insurance-top { display: block; position: relative; width: 941px; height: 254px; background: url(../img/zivotni-pojisteni-top.jpg) no-repeat 0 0; } .life-insurance-top h1 { display: block; position: absolute; top: 55px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .life-insurance-top p { display: block; position: absolute; top: 85px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .life-insurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .life-insurance-vyber .box-life-insurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/zivotni-pojisteni.jpg) no-repeat; float: left; } .life-insurance-vyber .box-life-insurance h2 a { color: #fff; font-size: 14px; } .life-insurance-vyber .box-life-insurance p { display: block; margin: 10px 15px 0 !important; } .life-insurance-vyber .box-life-insurance a.crumbs-green2 { color: #56aa1c; padding-right: 12px; background: url(../gfx/crumbs-green2.gif) no-repeat right 6px; } .life-insurance-vyber .box-life-insurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .life-insurance-vyber .box-life-insurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .life-insurance-vyber .box-life-insurance h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- Kapitalove zivotni pojisteni ---------------------------------------------------------------- */ .capital-life-insurance-top { display: block; position: relative; width: 941px; height: 254px; background: url(../img/kapitalove-zivotni-pojisteni-top.jpg) no-repeat 0 0; } .capital-life-insurance-top h1 { display: block; position: absolute; top: 55px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .capital-life-insurance-top p { display: block; position: absolute; top: 85px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .capital-life-insurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .capital-life-insurance-vyber .box-capital-life-insurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/zivotni-pojisteni.jpg) no-repeat; float: left; } .capital-life-insurance-vyber .box-capital-life-insurance h2 a { color: #fff; font-size: 14px; } .capital-life-insurance-vyber .box-capital-life-insurance p { display: block; margin: 10px 15px 0 !important; } .capital-life-insurance-vyber .box-capital-life-insurance a.crumbs-green2 { color: #56aa1c; padding-right: 12px; background: url(../gfx/crumbs-green2.gif) no-repeat right 6px; } .capital-life-insurance-vyber .box-capital-life-insurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .capital-life-insurance-vyber .box-capital-life-insurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .capital-life-insurance-vyber .box-capital-life-insurance h2 { #position: relative; #top: -50%; #left: -50%; } .capital-life-insurance-vyber .box-capital-life-insurance-big { display: block; width: 906px; height: 195px; margin-right: 16px; background: url(../gfx/nabidka-investicnich-fondu.jpg) no-repeat; float: left; } .capital-life-insurance-vyber .box-capital-life-insurance-big h2 a { color: #fff; font-size: 14px; } .capital-life-insurance-vyber .box-capital-life-insurance-big p { display: block; margin: 10px 15px 0 !important; } .capital-life-insurance-vyber .box-capital-life-insurance-big a.crumbs-green2 { color: #56aa1c; padding-right: 12px; background: url(../gfx/crumbs-green2.gif) no-repeat right 6px; } .capital-life-insurance-vyber .box-capital-life-insurance-big .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .capital-life-insurance-vyber .box-capital-life-insurance-big .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .capital-life-insurance-vyber .box-capital-life-insurance-big h2 { #position: relative; #top: -50%; #left: -50%; } .box-capital-left { float: left; padding: 10px 40px; } /* ---------------------------------------------------------------- duchodove-pojisteni ---------------------------------------------------------------- */ .capital-life-insurance-top2 { display: block; position: relative; width: 941px; height: 254px; background: url(../img/duchodove-pojisteni-top.jpg) no-repeat 0 0; } .capital-life-insurance-top2 h1 { display: block; position: absolute; top: 55px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .capital-life-insurance-top2 p { display: block; position: absolute; top: 85px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .capital-life-insurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .capital-life-insurance-vyber .box-capital-life-insurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/zivotni-pojisteni.jpg) no-repeat; float: left; } .capital-life-insurance-vyber .box-capital-life-insurance h2 a { color: #fff; font-size: 14px; } .capital-life-insurance-vyber .box-capital-life-insurance p { display: block; margin: 10px 15px 0 !important; } .capital-life-insurance-vyber .box-capital-life-insurance a.crumbs-green2 { color: #56aa1c; padding-right: 12px; background: url(../gfx/crumbs-green2.gif) no-repeat right 6px; } .capital-life-insurance-vyber .box-capital-life-insurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .capital-life-insurance-vyber .box-capital-life-insurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .capital-life-insurance-vyber .box-capital-life-insurance h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- pojisteni-deti ---------------------------------------------------------------- */ .capital-life-insurance-top3 { display: block; position: relative; width: 941px; height: 254px; background: url(../img/pojisteni-deti-top.jpg) no-repeat 0 0; } .capital-life-insurance-top3 h1 { display: block; position: absolute; top: 55px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .capital-life-insurance-top3 p { display: block; position: absolute; top: 85px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .capital-life-insurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .capital-life-insurance-vyber .box-capital-life-insurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/zivotni-pojisteni.jpg) no-repeat; float: left; } .capital-life-insurance-vyber .box-capital-life-insurance h2 a { color: #fff; font-size: 14px; } .capital-life-insurance-vyber .box-capital-life-insurance p { display: block; margin: 10px 15px 0 !important; } .capital-life-insurance-vyber .box-capital-life-insurance a.crumbs-green2 { color: #56aa1c; padding-right: 12px; background: url(../gfx/crumbs-green2.gif) no-repeat right 6px; } .capital-life-insurance-vyber .box-capital-life-insurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .capital-life-insurance-vyber .box-capital-life-insurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .capital-life-insurance-vyber .box-capital-life-insurance h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- investicni-zivotni-pojisteni ---------------------------------------------------------------- */ .capital-life-insurance-top4 { display: block; position: relative; width: 941px; height: 254px; background: url(../img/investicni-zivotni-pojisteni-top.jpg) no-repeat 0 0; } .capital-life-insurance-top4 h1 { display: block; position: absolute; top: 55px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .capital-life-insurance-top4 p { display: block; position: absolute; top: 85px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .capital-life-insurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .capital-life-insurance-vyber .box-capital-life-insurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/zivotni-pojisteni.jpg) no-repeat; float: left; } .capital-life-insurance-vyber .box-capital-life-insurance h2 a { color: #fff; font-size: 14px; } .capital-life-insurance-vyber .box-capital-life-insurance p { display: block; margin: 10px 15px 0 !important; } .capital-life-insurance-vyber .box-capital-life-insurance a.crumbs-green2 { color: #56aa1c; padding-right: 12px; background: url(../gfx/crumbs-green2.gif) no-repeat right 6px; } .capital-life-insurance-vyber .box-capital-life-insurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .capital-life-insurance-vyber .box-capital-life-insurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .capital-life-insurance-vyber .box-capital-life-insurance h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- Cestovni pojisteni ---------------------------------------------------------------- */ .travel-insurance-top { display: block; position: relative; width: 941px; height: 254px; background: url('../img/cestovni-pojisteni-soutez.jpg') no-repeat 0 0; } .travel-insurance-top h1 { display: block; position: absolute; top: 55px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .travel-insurance-top p { display: block; position: absolute; top: 85px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .travel-insurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .travel-insurance-vyber .box-travel-insurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/cestovni-pojisteni.jpg) no-repeat; float: left; } .travel-insurance-vyber .box-travel-insurance h2 a { color: #fff; font-size: 14px;} .travel-insurance-vyber .box-travel-insurance p { display: block; margin: 10px 15px 0 !important; } .travel-insurance-vyber .box-travel-insurance a.crumbs-green3 { color: #97c577; padding-right: 12px; background: url(../gfx/crumbs-green3.gif) no-repeat right 6px; } .travel-insurance-vyber .box-travel-insurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .travel-insurance-vyber .box-travel-insurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .travel-insurance-vyber .box-travel-insurance h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- Urazove pojisteni ---------------------------------------------------------------- */ .accident-insurance-top { display: block; position: relative; width: 941px; height: 254px; background: url(../img/urazove-pojisteni-top.jpg) no-repeat 0 0; } .accident-insurance-top h1 { display: block; position: absolute; top: 55px !important; left: 40px; font-size: 22px !important; color: #006633; height: 40px; width: 260px; line-height: 22px !important; } .accident-insurance-top p { display: block; position: absolute; top: 85px; left: 40px; width: 270px; line-height: 15px; margin-top: 0px !important; } .accident-insurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .accident-insurance-vyber .box-accident-insurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/urazove-pojisteni.jpg) no-repeat; float: left; } .accident-insurance-vyber .box-accident-insurance h2 a { color: #fff; font-size: 14px; } .accident-insurance-vyber .box-accident-insurance p { display: block; margin: 10px 15px 0 !important; } .accident-insurance-vyber .box-accident-insurance a.crumbs-green2 { color: #56aa1c; padding-right: 12px; background: url(../gfx/crumbs-green2.gif) no-repeat right 6px; } .accident-insurance-vyber .box-accident-insurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .accident-insurance-vyber .box-accident-insurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .accident-insurance-vyber .box-accident-insurance h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- Soukrome zdravotni pojisteni ---------------------------------------------------------------- */ .private-health-insurance-top { display: block; position: relative; width: 941px; height: 254px; background: url(../img/soukrome-zdravotni-pojisten-top.jpg) no-repeat 0 0; } .private-health-insurance-top h1 { display: block; position: absolute; top: 55px !important; left: 30px !important; font-size: 22px !important; color: #006633; height: 40px; width: 280px !important; line-height: 22px !important; } .private-health-insurance-top p { display: block; position: absolute; top: 85px; left: 30px !important; width: 270px; line-height: 15px; margin-top: 0px !important; } .private-health-insurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .private-health-insurance-vyber .box-private-health-insurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/urazove-pojisteni.jpg) no-repeat; float: left; } .private-health-insurance-vyber .box-private-health-insurance h2 a { color: #fff; font-size: 14px; } .private-health-insurance-vyber .box-private-health-insurance p { display: block; margin: 10px 15px 0 !important; } .private-health-insurance-vyber .box-private-health-insurance a.crumbs-green2 { color: #56aa1c; padding-right: 12px; background: url(../gfx/crumbs-green2.gif) no-repeat right 6px; } .private-health-insurance-vyber .box-private-health-insurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .private-health-insurance-vyber .box-private-health-insurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .private-health-insurance-vyber .box-private-health-insurance h2 { #position: relative; #top: -50%; #left: -50%; } /* ---------------------------------------------------------------- Pojisteni vozidel ---------------------------------------------------------------- */ .autoinsurance-top { display: block; position: relative; width: 941px; height: 254px; background: url(../img/pojisteni-vozidel-top.jpg) no-repeat 0 0; } .autoinsurance-top h1 { display: block; position: absolute; top: 55px !important; left: 30px !important; font-size: 22px !important; color: #006633; height: 40px; width: 280px !important; line-height: 22px !important; } .autoinsurance-top p { display: block; position: absolute; top: 85px; left: 30px !important; width: 270px; line-height: 15px; margin-top: 0px !important; } .autoinsurance-vyber { padding: 15px 0 0 15px; width: 926px; background: #e6e6e6; overflow: hidden; } .autoinsurance-vyber .box-autoinsurance { display: block; width: 292px; height: 195px; margin-right: 16px; background: url(../gfx/pojisteni-vozidel.jpg) no-repeat; float: left; } .autoinsurance-vyber .box-autoinsurance h2 a { color: #fff; font-size: 14px; } .autoinsurance-vyber .box-autoinsurance p { display: block; margin: 10px 15px 0 !important; } .autoinsurance-vyber .box-autoinsurance a.crumbs-orange { color: #dd7500; padding-right: 12px; background: url(../gfx/crumbs-orange.gif) no-repeat right 6px; } .autoinsurance-vyber .box-autoinsurance .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .autoinsurance-vyber .box-autoinsurance .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .autoinsurance-vyber .box-autoinsurance h2 { #position: relative; #top: -50%; #left: -50%; } .autoinsurance-vyber .box-autoinsurance-big { display: block; width: 600px; height: 195px; margin-right: 16px; background: url(../gfx/pojisteni-vozidel-big.jpg) no-repeat; float: left; } .autoinsurance-vyber .box-autoinsurance-big h2 a { color: #fff; font-size: 14px; } .autoinsurance-vyber .box-autoinsurance-big p { display: block; margin: 10px 15px 0 !important; } .autoinsurance-vyber .box-autoinsurance-big a.crumbs-green2 { color: #dd7500; padding-right: 12px; background: url(../gfx/crumbs-orange.gif) no-repeat right 6px; } .autoinsurance-vyber .box-autoinsurance-big .box-h3a { display: table; position: relative; #position: relative; text-align: left; padding-left: 50px; height: 55px; } .autoinsurance-vyber .box-autoinsurance-big .box-h3b { #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; } .autoinsurance-vyber .box-autoinsurance-big h2 { #position: relative; #top: -50%; #left: -50%; } .autoinsurance-vyber .box-autoinsurance-left { padding: 10px 15px 0; } /* ---------------------------------------------------------------- .box-info + .help-questions ---------------------------------------------------------------- */ .box-info { position: relative; width: 648px; /*688px*/ height: 158px; /*188px*/ padding: 15px 20px; background: url(../gfx/box-info.jpg) no-repeat 0 0; } .box-info ul.m-01, .box-info ul.m-02, .help-questions ul.m-01, .help-questions ul.m-02 { position: absolute; padding: 0; } .box-info ul.m-01 { top: 45px; left: 150px; } .box-info ul.m-02 { top: 77px; right: 20px; } .help-questions ul.m-01 { top: 35px; left: 330px; } .help-questions ul.m-02 { top: 35px; right: 40px; } .help-questions, .help-questions.box02 { position: relative; display: block; width: 902px; /*942px*/ height: 154px; /*184px*/ padding: 15px 20px; } .help-questions { background: url(../gfx/help-questions.jpg) no-repeat; } .help-questions.box02 { background: url(../gfx/help-questions-02.jpg) no-repeat; } .help-questions .questions { margin: 35px 0 0 10px; } .help-questions .questions img { margin-top: 7px; } .help-quest-01 { width: 436px; float: left; } .help-quest-02 { width: 436px; float: right; } .box-info h3, .help-questions h3 { display: block; text-align: left; font-size: 20px; line-height: 25px; color: #006699; } .help-questions h3 { margin-bottom: 10px; } .help-questions .h3-crumbs-small { background: url("../gfx/h3-crumbs-small.gif") no-repeat scroll right 0 transparent; color: #006699; display: block; float: left; font-size: 25px; height: 90px; line-height: 40px; padding: 0 0 0 20px; text-align: left; width: 180px; } .box-info ul, .help-questions ul { display: block; float: left; width: 241px; list-style: none; } .help-questions ul { margin: 5px 0 0 15px !important; } #content .box-info ul li, .help-questions ul li { background: none; padding: 0 0 2px; } .help-questions ul li { padding: 0 0 8px; } .box-info ul li a, .help-questions ul li a { display: block; width: 217px; /*241px*/ height: 31px; color: #006699; font-weight: bold; line-height: 28px; padding-left: 24px; background: url(../gfx/button.png) no-repeat 0 0; } .box-info ul li a:hover, .help-questions ul li a:hover { background-position: 0 -50px; color: #fff; text-decoration: none; } /* ---------------------------------------------------------------- .toggle_container ---------------------------------------------------------------- */ .toggle_container { } .toggle_container { overflow: hidden; width: 95%; clear: both; padding: 0 20px; } h2.h2-crumbs { padding: 0 0 0 20px; margin: 25px 0 0; color: #9acc77; background: url(../gfx/h2-crumbs-a.gif) no-repeat 0 0; line-height: 26px; } h2.h2-crumbs a { color: #006633; } h2.active { background: url(../gfx/h2-crumbs-b.gif) no-repeat 0 9px; padding: 0 0 0 40px; } h3.h3-crumbs { padding: 0 0 0 20px; margin: 25px 0 0; color: #9acc77; background: url(../gfx/h2-crumbs-a.gif) no-repeat 0 0; line-height: 26px; } h3.h3-crumbs a { font-weight: normal; } h3.active { background: url(../gfx/h2-crumbs-b.gif) no-repeat 0 9px; padding: 0 0 0 40px; } p.crumbs { padding: 0 0 0 20px; margin: 25px 0 0; color: #9acc77; background: url(../gfx/h2-crumbs-a.gif) no-repeat 0 0; line-height: 26px; } p.crumbs a { color: #006633; font-size: 14px; } p.active { background: url(../gfx/h2-crumbs-b.gif) no-repeat 0 9px; padding: 0 0 0 40px; } h2.h2-crumbs em, h3.h3-crumbs em, p.crumbs em { font-size: 12px; color: #006633; } /* ---------------------------------------------------------------- .contact-us ---------------------------------------------------------------- */ .contact-us { } #content .contact-us p, .contact-us dl { margin: 18px 0 0 0; } .contact-us dl { padding: 0; overflow: hidden; } .contact-us dl dt { float: left; clear: left; width: 90px; margin: 0 0 10px 0; padding: 2px 0 0 0; } .contact-us dl dd { margin: 0 0 10px 95px; } .contact-us dl dd select, .contact-us dl dd input { padding: 2px; border: 1px solid #ccc; width: 260px; } .contact-us dl dd input.smaller { width: 100px; } .contact-us dl dd select { } .contact-us dl dd textarea { padding: 2px; border: 1px solid #ccc; width: 260px; } .contact-us dl dd.buttons input, .contact-us dl dd input.submit { width: 76px; height: 37px; line-height: 37px; text-align: center; margin: 0 10px 0 0; border: 0 none; padding: 0; cursor: pointer; background: url('../gfx/submit.gif') no-repeat 0 2px; } .contact-us dl dd.buttons input.bold { font-weight: bold; } .contact-us fieldset {border: none; margin-top: 1em;} .contact-us fieldset legend { color:#009240; font-size:110%; font-weight:bold; margin:0; padding:0;} #cabotage-form dl dt { width: 250px;} .find-us { overflow: hidden; margin: 0 0 40px 0; } .find-us div.mapa { float: right; width: 330px; height: 200px; position: relative; background: #063 url('../gfx/map-bg2.gif') no-repeat 0 0; } .find-us div.mapa img { border: 0 none; padding: 0; margin: 0; } .find-us div.mapa span.hover { display: block; width: 420px; height: 255px; position: absolute; left: 0; top: 0; font-size: 0; } #content .find-us p { margin: 18px 0 0 0; } .find-us input.check { vertical-align: middle; margin: 0 5px 0 0; } .find-us input.field { border: 1px solid #ccc; padding: 2px; width: 50px; margin: 0 3px; } .find-us input.submit { width: 127px; height: 37px; line-height: 37px; text-align: center; margin: 0; border: 0 none; padding: 0; cursor: pointer; background: url('../gfx/submit2.gif') no-repeat 0 2px; } table#office-list, table#office-list2, table#office-list3, table#office-list4, table#office-list5, table#office-list6, table#office-list7, table#office-list8, table#office-list9 { margin: 20px 0 0 0; table-layout: fixed; } table#office-list.cl, table#office-list2.cl, table#office-list3.cl, table#office-list4.cl, table#office-list5.cl, table#office-list6.cl, table#office-list7.cl, table#office-list8.cl, table#office-list9.cl { border-top: 1px solid #ED1C24; border-bottom: 1px solid #ED1C24; } table#office-list.cl.cl2 td, table#office-list2.cl.cl2 td, table#office-list3.cl.cl2 td, table#office-list4.cl.cl2 td, table#office-list5.cl.cl2 td, table#office-list6.cl.cl2 td, table#office-list7.cl.cl2 td, table#office-list8.cl.cl2 td, table#office-list9.cl.cl2 td { text-align: left !important; } table#office-list.cl.cl2 td.second, table#office-list2.cl.cl2 td.second, table#office-list3.cl.cl2 td.second, table#office-list4.cl.cl2 td.second, table#office-list5.cl.cl2 td.second, table#office-list6.cl.cl2 td.second, table#office-list7.cl.cl2 td.second, table#office-list8.cl.cl2 td.second, table#office-list9.cl.cl2 td.second { text-align: right !important; } table#office-list td, table#office-list2 td, table#office-list3 td, table#office-list4 td, table#office-list5 td, table#office-list6 td, table#office-list7 td, table#office-list8 td, table#office-list9 td { padding: 4px 18px; } table#office-list td img, table#office-list2 td img, table#office-list3 td img, table#office-list4 td img, table#office-list5 td img, table#office-list6 td img, table#office-list7 td img, table#office-list8 td img, table#office-list9 td img { vertical-align: middle; } table#office-list th, table#office-list2 th, table#office-list3 th, table#office-list4 th, table#office-list5 th, table#office-list6 th, table#office-list7 th, table#office-list8 th, table#office-list9 th { padding: 6px 18px; } table#office-list thead th, table#office-list2 thead th, table#office-list3 thead th, table#office-list4 thead th, table#office-list5 thead th, table#office-list6 thead th, table#office-list7 thead th, table#office-list8 thead th, table#office-list9 thead th { border-bottom: 1px solid #ed1c24; } table#office-list tfoot td, table#office-list2 tfoot td, table#office-list3 tfoot td, table#office-list4 tfoot td, table#office-list5 tfoot td, table#office-list6 tfoot td, table#office-list7 tfoot td, table#office-list8 tfoot td, table#office-list9 tfoot td { border-top: 1px solid #ed1c24; vertical-align: middle; padding: 8px 18px; } table#office-list tr.bgcolor td, table#office-list2 tr.bgcolor td, table#office-list3 tr.bgcolor td, table#office-list4 tr.bgcolor td, table#office-list5 tr.bgcolor td, table#office-list6 tr.bgcolor td, table#office-list7 tr.bgcolor td, table#office-list8 tr.bgcolor td, table#office-list9 tr.bgcolor td { background: #fbe8e8; } table#office-list .back-none, table#office-list2 .back-none, table#office-list3 .back-none, table#office-list4 .back-none, table#office-list5 .back-none, table#office-list6 .back-none, table#office-list7 .back-none, table#office-list8 .back-none, table#office-list9 .back-none { background: none !important; text-align: center !important;} table#office-list .back-none.bor, table#office-list2 .back-none.bor, table#office-list3 .back-none.bor, table#office-list4 .back-none.bor, table#office-list5 .back-none.bor, table#office-list6 .back-none.bor, table#office-list7 .back-none.bor, table#office-list8 .back-none.bor, table#office-list9 .back-none.bor { border-left: 1px solid #ED1C24; border-right: 1px solid #ED1C24; } .tab-bot {border-bottom: 0px !important;} .tab-bot-yes {border-bottom: 1px solid #ED1C24 !important;} .cl-green { margin-top: 5px; } .cl-green, .cl-green th, .cl-green td { border: 1px solid #9a9b8d; border-collapse: inherit; } .cl-green thead th { text-align: center; } .cl-green th { background: #016b3b; color: #fff; } .cl-green tbody th { width: 35%; } .cl-green th, .cl-green td { padding: 5px; } .w280 { width: 280px; } .w200 { width: 200px; } .w150 { width: 150px; } #content .contact-address p, #content .contact-address h2 { margin: 18px 0 0 0; } #content .contact-address a { color: #063; text-decoration: underline; } #content .contact-address a:hover { text-decoration: none; } .for-media { overflow: hidden; } .for-media select { border: 1px solid #ccc; padding: 2px; margin: 0 3px; } #content .for-media p { margin: 18px 0 0 0; } #content .for-media a { color: #063; text-decoration: underline; } #content .for-media a:hover { text-decoration: none; } /* ---------------------------------------------------------------- #content-lupa ---------------------------------------------------------------- */ #content-lupa { padding: 10px 60px; width: 420px; } #content-lupa h1 { color: #006633; font-size: 16px; font-weight: normal; line-height: 18px; padding: 0 0 5px; } #content-lupa h2 { color: #006633; padding:20px 0 0; } #content-lupa p { padding:5px 0; } #content form.search { overflow: hidden; margin: 20px 0; } #content form.search fieldset { border: 1px solid #ccc; padding: 5px 10px; } #content form.search legend { display: none; } #content form.search p { margin: 4px 0; font-weight: bold; } #content form.search p textarea { border: 1px solid #ccc; padding: 3px; margin: 2px 0 5px 0; } #content form.search ul { margin: 8px 0 12px 0; overflow: hidden; } #content form.search ul li { float: left; line-height: 20px; height: 20px; width: 33%; position: relative; background: none !important; padding-left: 0 !important; } #content form.search ul li label { display: block; padding: 0 0 0 40px; } #content form.search ul li label input { position: absolute; left: 20px; top: 4px; } #content form.search p button { border: 0 none; padding: 0; font-weight: bold; color: #fff; background: #fff; } #content form.search p button span.out { display: block; width: 117px; height: 29px; background: url('../gfx/button-2.gif') no-repeat 0 0 #fff; } #content form.search p button span.out span { display: block; text-align: left; padding: 0 0 0 18px; line-height: 22px; } #content div.pages { clear: both; background: #f0f0f0; overflow: hidden; position: relative; margin: 20px 0; } #content div.pages ul { float: left; position: relative; left: 50%; list-style: none outside; margin: 0; } #content div.pages ul li { background: none; padding-left: 0; float: left; padding: 0 0px; position: relative; right: 50%; } #content div.pages ul li span, #content div.pages ul li a { float: left; height: 26px; line-height: 26px; padding: 0 6px; color: #333; } #content div.pages ul li.act { font-weight: bold; } #content div.pages ul li.prev a, #content div.pages ul li.next a { padding: 0; width: 26px; font-size: 0; text-indent: -200px; overflow: hidden; } #content div.pages ul li.prev a { background: url('../gfx/page-arrows.gif') no-repeat 0 0; } #content div.pages ul li.next a { background: url('../gfx/page-arrows.gif') no-repeat -26px 0; } #content ul.contact-detail { margin: 25px 0 0 -32px; list-style: none; overflow: hidden; } #content ul.contact-detail li { background: none; padding-left: 0; } #content ul.contact-detail li { float: left; width: 322px; min-height: 226px; overflow: hidden; border: 1px solid #ccc; margin: 0 0 20px 32px; } #content ul.contact-detail li.large { min-height: 290px; } #content ul.contact-detail li h3 { font-size: 17px; line-height: 20px; margin: 15px 20px; font-weight: bold; color: #d22; } #content ul.contact-detail li h4 { font-size: 13px; line-height: 20px; margin: 15px 20px; font-weight: bold; color: #d22; } #content ul.contact-detail li dl { margin: 15px 20px; } #content ul.contact-detail li ol { overflow: hidden; margin: 15px 0 0 20px; list-style: none; } #content ul.contact-detail li ol li { border: 0 none; width: 56px; min-height: 56px !important; margin: 0 18px 6px 0; } #content ul.contact-detail .info { position: relative;} #content ul.contact-detail .info .accessibility {position: absolute; right: 1.6em; top: 1.6em;} #content dl.table-mk1 { overflow: hidden; line-height: 18px; } #content dl.table-mk1 dt { float: left; width: 70px; margin: 0 0 3px 0; clear: left; font-weight: bold; } #content dl.table-mk1 dd { margin: 0 0 3px 72px; } #content div.letters { border: 1px solid #ccc; line-height: 20px; position: relative; margin: 20px 0 0 0; float: left; width: 100%; } #content div.letters ul { float: left; list-style: none; position: relative; left: 50%; margin: 0; } #content div.letters ul li { float: left; width: 20px; height: 24px; background: none; padding-left: 0; position: relative; text-align: center; right: 50%; } #content div.letters ul li a { display: block; font-weight: bold; color: #000; line-height: 24px; height: 24px; width: 20px; } #content div.letters ul li.active a:hover, #content div.letters ul li.active a { height: 34px; color: #000; background: url('../gfx/letters-arrow.gif') no-repeat 0 100% #e6e6e6; } #content div.letters ul li a:hover { background: #063; color: #fff; text-decoration: none; } /* ---------------------------------------------------------------- #content .statutarni-organy ---------------------------------------------------------------- */ .statutarni-organy { margin-top: 15px; padding: 10px; border: 1px solid #cccccc; overflow: hidden; } .statutarni-organy p { margin-top: 0; } /* ---------------------------------------------------------------- seznam-smluvnich-zarizeni-medikompas ---------------------------------------------------------------- */ #service-department { margin-left: 0; position: relative; float: left; width: 800px; padding: 0 71px 50px; } #service-department .h1-top { padding: 5px 0 0 0; margin: 0 0 10px 0; } #service-department .region { visibility: hidden; position: absolute; z-index: 2; top: 185px; left: 635px; border: 0; color: #009240; } #service-department h2 { padding: 40px 0 0 10px; color:#009240; font-size: 19px; } #service-department h2, #service-department .fLeft { display: none; } #service-department #where { position: relative; min-height: 1px; _height: 1px; } #service-department #where .map-cr { position: absolute; z-index: 1; top: 62px; left: 500px; } #service-department #where .part { visibility: hidden; position: absolute; z-index: 2; top: 62px; left: 500px; border: 0; } #service-department #where .map-sp { position: absolute; z-index: 3; top: 62px; left: 500px; } #service-department #where .h1-top { min-height: 190px; _height: 190px; } #service-department #where table.sdresult { border-collapse: collapse; margin-top: 20px; width: 770px; } #service-department #where table.sdresult th, #service-department #where table.sdresult td { text-align: right; border-bottom: 1px solid #E2E2E2; padding: 6px 10px 6px 0px; } #service-department #where table.sdresult th { background-color: #f4faf7; border-bottom: 1px solid #D9EFE3; border-top: 1px solid #009240; color: #009240; font-size: 100%; font-weight: normal; padding-top: 10px; padding-bottom: 10px; } #service-department #where table.sdresult th.first, #service-department #where table.sdresult td.first { text-align: left; padding-left: 10px; } /* ---------------------------------------------------------------- seznam-smluvnich-servisu ---------------------------------------------------------------- */ table.style-tab { font-size: 11px; margin-top: 10px; } table.style-tab thead th { background-color: #016B3B; border-top: 1px solid #009240; border-bottom: 1px solid #E2E2E2; padding: 10px 8px; vertical-align: top; text-align: left; color: #fff; } table.style-tab th, table.style-tab td { text-align: left; padding: 5px 8px; } table.style-tab tbody th, table.style-tab tbody td { color: #707070; font-weight: normal; border-bottom: 1px solid #E2E2E2; } /* ---------------------------------------------------------------- pop-up message for form validation ---------------------------------------------------------------- */ div.message{ overflow: hidden; background: transparent url('../gfx/msg_arrow.gif') no-repeat scroll left center; padding-left: 7px; } p.message { font-weight: bold; } div.error{ /* background: transparent url('../gfx/alert.gif') no-repeat scroll left center;*/ background-color: #FFFFFF; border-color: #924949; border-style: solid solid solid none; border-width: 2px; padding: 2px 5px 2px 5px; font-size: 11px; padding-left: 5px; } ul.error { padding-top: 20px !important; color: red; font-weight: bold; } #content table.photo-gallery { margin: 10px 0 0 0; font-size: 11px; line-height: 16px; } #content table.photo-gallery th, #content table.photo-gallery td { padding: 5px 8px; vertical-align: top; } #content table.photo-gallery th { color: #000; text-align: left; font-weight: bold; } #content table.photo-gallery td { color: #777; text-align: center; }