/* import souvisejicich css souboru */ @import url("layout.css"); @import url("wysiwyg.css"); @import url("paging.css"); body { color: #666666; font-size: 12px; font-family: Arial, Tahoma , Verdana, lucida, sans-serif; padding: 0px; margin: 0px; text-align: center; background: white url('/images/pozadi.jpg') repeat-x; } a { color: #E62239; } /* obecna pravidla */ img { border: 0; } table { border-collapse: collapse; } tr.nadpis { font-weight: bold; } form { margin: 0px;} .cistic { clear: both; height:0; overflow: hidden; visibility: hidden;} .info_message { font-weight: bold; margin-bottom: 20px; padding: 10px; } .error_message { font-weight: bold; margin-bottom: 20px; padding: 10px; } .parametry-hledani { padding: 5px; } .parametry-hledani a { margin-top: 10px; display: block; } .star { } .facebook-icon { float: left; height: 30px; padding: 7px 0px 13px 35px; text-decoration: none; } tr.noborder td { border: 0 !important;} .addthis { padding: 10px 0px; } .float-left { float: left; } .float-right { float: right; } /* obecna pravidla */ hr { height: 1px; border: 0px; font-size: 1px; background-color: #B8B8B8; } #zahlavi img.logo { position: absolute; border: 0px solid black; width: 250px; height: 80px; top: 0px; left: 20px; } #obal-over { background: url('/images/sloupce.png') center top no-repeat; } #zahlavi { background: url('/images/hlavicka.gif') center top no-repeat; } #prijmenar_top { font-size: 12px; color: #797878; padding: 10px 43px 0px 0px; background: url('/images/prijmenar-top-iko.gif') top right no-repeat; } #prijmenar_top a { color: #797878; } #top_infobox { text-align: center; font-size: 12px; color: #797878; } #top_infobox a { color: #797878; } #top_infobox span { color: #E2001A; font-size: 16px; font-weight: bold; } .kroky table { width: 100%; margin-bottom: 10px; } .kroky td { width: 33%; font-weight: bold; font-size: 1.1em;} .kroky td img { margin: 0px 10px 0px 0px; } #menu_hor { clear: both; float: left; } #menu_hor ul { list-style-type:none; margin: 0; padding: 0; text-align: left;} #menu_hor li { list-style-type:none; position: relative; text-align: left; margin: 0px; padding: 0px; float: left; text-align: left; } #menu_hor ul.sub { background-color: #E2001A; width: 160px; } #menu_hor ul.sub-sub { background-color: #E2001A; width: 160px; } #menu_hor ul.sub li { border-bottom: 1px solid #B50000; display: block; width: 160px; } #menu_hor a { background: url('/images/hlavni-menu-linka.gif') left center no-repeat; text-transform: uppercase; font-size: 1.2em; color: #F4897E; padding: 8px 16px 9px 13px; display: block; text-decoration: none; } #menu_hor a.prvni { background-image: none; } #menu_hor a:hover { color: #fff; } #menu_hor a.selected { color: #fff; } #menu_hor ul.sub a:hover { color: #fff; } #menu_hor ul.sub li a { text-transform: lowercase; background-image: none; color: #F4897E; text-decoration: none; margin: 0px; } #menu_hor ul li > ul.sub { position: absolute; z-index:10; visibility: hidden; } #menu_hor ul li:hover ul.sub { visibility: visible;} #menu_hor ul.sub li > ul.sub-sub { left: 150px; top: 0px; position: absolute; z-index:10; visibility: hidden; } #menu_hor ul.sub li:hover ul.sub-sub { visibility: visible;} #horni_prave_menu { position: absolute; top: 107px; right: 12px; } #horni_prave_menu ul { list-style-type:none; margin: 0; padding: 0; text-align: left;} #horni_prave_menu li { list-style-type:none; position: relative; text-align: left; margin: 0px; padding: 0px; float: left; text-align: left; } #horni_prave_menu a { background: url('/images/hlavni-menu-linka.gif') left center no-repeat; text-transform: uppercase; font-size: 1.2em; color: #F4897E; padding: 8px 16px 9px 13px; display: block; text-decoration: none; } #horni_prave_menu a.prvni { background-image: none; } #horni_prave_menu a:hover { color: #fff; } #horni_prave_menu a.selected { color: #fff; } #menu_top { clear: both; float: left; } #menu_top ul { list-style-type:none; margin: 0; padding: 0; text-align: left;} #menu_top li { list-style-type:none; position: relative; text-align: left; margin: 0px; padding: 0px; float: left; text-align: left; } #menu_top ul.sub { background-color: #EDEDED; width: 160px; } #menu_top ul.sub-sub { background-color: #EDEDED; width: 160px; } #menu_top ul.sub li { border-bottom: 1px solid #fff; display: block; width: 160px; } #menu_top a { background: url('/images/horni-menu-linka.gif') left center no-repeat; text-transform: uppercase; font-size: 1.2em; color: #797878; padding: 8px 16px 5px 13px; display: block; text-decoration: none; } #menu_top a.prvni { background-image: none; } #menu_top a:hover { color: #000; } #menu_top a.selected { color: #E2001A; } #menu_top ul.sub a:hover { color: #666666; font-weight: normal; } #menu_top ul.sub li a { padding: 8px 16px 9px 13px;text-transform: none; background-image: none; color: #666666; text-decoration: none; margin: 0px; } #menu_top ul li > ul.sub { position: absolute; top: 24px; z-index:10; visibility: hidden; } #menu_top ul li:hover ul.sub { visibility: visible; } #menu_top ul.sub li > ul.sub-sub { left: 150px; top: 0px; position: absolute; z-index:10; visibility: hidden; } #menu_top ul.sub li:hover ul.sub-sub { visibility: visible;} #hlavni { text-align: left; } #hlavni h1 { text-transform: uppercase; background: url('/images/nadpish1-clanky-prehled.gif'); color: #fff; height: 22px; padding: 3px 0px 3px 15px; font-size: 18px; font-weight: normal; margin: 0px 0px 10px 0px;} #hlavni .h1 { display: block; text-transform: uppercase; background: url('/images/nadpish1-clanky-prehled.gif'); color: #fff; width: 723px; height: 22px; padding: 3px 0px 3px 15px; font-size: 18px; font-weight: normal; margin: 0px 0px 10px -20px;} #hlavni .mainbox-middle h1 { background-image: none; color: #E62239; height: auto; padding: 0px 0px 0px 0px; font-size: 1.2em; margin: 0px 0px 15px 0px;} #hlavni h2 { color: #E62239; font-size: 1.1em; margin: 0px 0px 15px 0px;} #hlavni h2.bigger { font-weight: normal; font-size: 18px !important; text-transform: uppercase; } #hlavni h3 { color: #E62239; font-size: 1em; margin: 0px 0px 15px 0px;} #hlavni h4 { color: #E62239; font-size: 1em; margin: 0px 0px 15px 0px;} #hlavni h5 { font-size: 1em; margin: 0px 0px 15px 0px;} #hlavni img { border: 0px; } #hlavni #info-lista { padding: 5px 0px 5px 18px; font-size: 11px; color: #828181; height: 22px; margin-bottom: 0px;} #hlavni #info-lista a { color: #828181; } #hlavni #navigace { text-align: left; } #hlavni #navigace img { margin: 0px 1px 0px 1px; } #buttons { width: 257px; position: absolute; top: 291px; right: 0px; z-index: 2000; } #buttons .albummaker { padding: 42px 0px 0px 71px; height: 30px; display: block; background: url('/images/button-albummaker.png') left top; margin-bottom: 5px; } #buttons .sablony { padding: 42px 0px 0px 71px; color: white; height: 30px; display: block; background: url('/images/button-sablony.png') left top; } #buttons .sablony a { color: white; } .mainbox-top { background: url('/images/mainbox-top.gif') top center no-repeat; } .mainbox-middle { background: url('/images/mainbox-middle.gif') top center repeat-y; margin: 5px 0px; } .mainbox-bottom { padding: 20px; background: url('/images/mainbox-bottom.gif') bottom center no-repeat; } #pravy-sloupec h2 { color: #fff; background: url('/images/pozadi-nadpis-box.gif') no-repeat; } #pravy-sloupec .buttons { width: 266px; } #pravy-sloupec .buttons .albummaker { padding: 42px 0px 0px 71px; height: 30px; display: block; background: url('/images/button-albummaker.png') left top; margin-bottom: 5px; } #pravy-sloupec .buttons .sablony { padding: 42px 0px 0px 71px; color: white; height: 30px; display: block; background: url('/images/button-sablony.png') left top; } #pravy-sloupec .buttons .sablony a { color: white; } #pravy-sloupec h2 { font-size: 18px; font-weight: normal; height: 21px; padding: 2px 6px 6px 15px; margin: 0px 0px 10px 0px; } #pravy-sloupec h3 { font-size: 1em;} #pravy-sloupec .article { padding: 0px 8px 10px 8px; } #pravy-sloupec .article .text { padding: 5px; } #pravy-sloupec .article .inner { padding-bottom: 20px; } /* fotogalerie */ #fotogalerie-navigace { padding-top: 20px; } #fotogalerie-navigace td { padding-top: 10px; vertical-align: middle; } #fotogalerie-navigace td img { float: left; margin: 10px; } #fotogalerie-navigace a { font-size: 1.2em; font-weight: bold; } #fotogalerie-polozky table { border-collapse: separate; } #fotogalerie-polozky td { padding: 20px; vertical-align: middle; text-align: center; } #fotogalerie-polozky td.hidden { border: 0px; } #fotogalerie-polozky h1 { text-align: center; width: 290px; font-size: 1.2em; } /* fotogalerie */ /* prehled clanku */ #clanky-prehled td { vertical-align: top; } #clanky-prehled h2 { font-size: 1.1em; margin: 0px; } #clanky-prehled img { margin-right: 20px; } /* prehled clanku */ #clanky-prehled-knihy table { width: 100%; } #clanky-prehled-knihy table td { padding: 10px 0px; text-align: center; } #clanky-prehled-knihy table a { color: #828181; font-size: 11px; text-decoration: none; } /* detail clanku */ #clanek-detail h1 { font-size: 1.2em; margin: 0px; } #clanek-detail a.back { display: block; margin-bottom: 15px; } /* detail clanku */ /*-- Definice stylu pro formulare --*/ .formular { margin: 0; padding: 0px 3px; font-size: 1em;} .formular fieldset { display: block; margin: 0 0 2em 0; width: 280px; padding: 0 0.5em 1em 0.5em; position: relative; } html>body .formular fieldset { padding-top: 1em; } .formular legend { padding: .4em; font-weight: bold; position: relative; top: -1em;} .formular-doporuceni table { width: 400px; border-collapse: collapse; } .formular-doporuceni table td.label { padding: 5px 10px; width: 25%; } .formular-doporuceni table td { padding: 5px 10px; } .formular-doporuceni input { font-size: 0.9em; width: 120px; } .formular-doporuceni input.radio { font-size: 0.9em; width: 15px; } .formular-doporuceni textarea { font-size: 1.2em; width: 250px; } .formular-doporuceni table .nadpis { font-weight: bold; font-size: 1em; } .formular-doporuceni table .submit { font-weight: bold; border: 0; } #book { background: white; } .login input.checkbox { width: 20px !important; } table#products { border-collapse: collapse; width: 560px !important; font-size: 12px; border: 0px !important; } table#prehled { width: 560px !important; font-size: 12px; font-weight: bold; border: 0px !important; } table#udaje { width: 560px !important; font-size: 11px; } .formular table { width: 70%; } .formular fieldset table { width: 100%; } .formular table td { /*text-align: right;*/ padding: 3px 5px; } .formular table td strong { display: block; text-align: left; } .formular textarea { font-size: 11px; } .formular .checkbox { width: 12px !important; border: 0; float: none; margin: 0px 5px;} .formular .check { width: 12px !important; border: 0; float: none; margin: 0px 5px;} .formular .datum-button { width: 14px; height: 14px; } .formular .radio { width: 12px !important; border: 0; float: none; margin: 0px 5px;} .potvrzeni { margin: 10px 0px; text-align: right;} .formular input { font-size: 0.9em; width: 120px; } .formular select { font-size: 0.9em; } #formular-kosik { } #formular-kosik input.kosik-pocet { width: 15px; font-size: 0.8em; margin-right: 3px; } #formular-kosik input.submit { width: 50px; font-weight: normal; font-size: 0.9em; margin-right: 3px; } .formular-added table { } .formular-added .label { width: 150px; } .formular-added input { font-size: 0.9em; } .formular-added .fields { width: 400px; } .formular-added textarea { width: 300px; font-size: 1.4em; height: 100px; } .formular-added input.text { width: 200px; } .formular-added input.checkbox { width: 15px; } .formular-added select { width: 200px; } .formular-added .buttons input { padding: 5px 10px; } /* slider */ #content { float: left; } #slide { overflow: hidden; width: 561px; height: 175px; margin: 0px; float: left; } #slide ul { height: 167px; margin: 0px; list-style-image: none; list-style-type: none; padding: 0px; width: 4000px;} #slide ul li { height: 167px; width: 553px; border: 4px solid #E5E5E5; margin: 0px; padding: 0px; float: left;} .prev { display: block; width: 40px; height: 42px; cursor: pointer; background-image: url('/images/slide-left.gif'); position: absolute; top: 80px; left: 0px; z-index: 10; } .next { display: block; width: 40px; height: 42px; cursor: pointer; background-image: url('/images/slide-right.gif'); position: absolute; top: 80px; left: 521px; z-index: 20; } .ref-in { cursor: pointer; padding: 13px; overflow: hidden; height: 150px; color: #909090;} .ref-in a { cursor: pointer; color: #FFFFFF; font-family: Georgia, sans-serif; text-decoration: none;} .ref-in div { cursor: pointer; font-size: 110%; color: #cecece;} /* rotator */ .container { height: 371px; width: 1024px; padding: 0 0 0 10px; margin: 0 auto; } .folio_block { } .main_view { float: left; position: relative; } .window { height: 361px; width: 1024px; overflow: hidden; position: relative; } .image_reel { } .image_reel img { float: left;} .paging { position: absolute; bottom: 40px; right: -7px; width: 178px; height:47px; z-index: 100; text-align: center; line-height: 40px; display: none; } .paging a { padding: 5px; text-decoration: none; color: #000; } .paging a.active { font-weight: bold; background: #920000; border: 1px solid #610000; } .paging a:hover { font-weight: bold; } #prijmenar-over { padding: 3px 0px 10px 12px; } #prijmenar { float: left; background: url('/images/pozadi-prijmenar.jpg'); height: 90px; width: 713px; } #prijmenar #dnes { float: left; color: black; font-size: 1.1em; width: 200px; padding: 20px 0px 20px 20px; } #prijmenar #dnes a { font-size: 1.1em; font-weight: bold; color: black; text-decoration: none; } #prijmenar #hledat { float: right; color: black; font-size: 1em; width: 450px; text-align: right; padding: 20px 10px 15px 0px; } #prijmenar #hledat .smaller { font-size: 1em; } #prijmenar #hledat form { height: 20px; float: right; margin: 0px 0px 5px 0px; padding: 0px; } #prijmenar #hledat form span { float: left; } #prijmenar #hledat .inner { float: right; padding: 4px 0px; } #prijmenar #hledat input { float: left; margin: 0px 5px; padding: 3px 0px; border: 0px; width: 105px; font-size: 11px; height: 14px; } #prijmenar #hledat .submit { float: left; margin: 0px; padding: 0px; width: 111px; height: 15px; background: transparent; font-size: 14px; text-align: left; color: #000; border: 0px; } #prijmenar #hledat #vysledek { float: right; width: 450px; padding: 3px 0px 0px 0px; } #prijmenar .chyba { } .coda-slider { margin: 0px auto; position: relative; padding: 5px; } .coda-slider, .coda-slider .panel { height: 305px; } #coda-nav-1 { position: absolute; bottom: 0px; left: 0px; padding: 2px 2px 2px 100px; } .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 555px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 0px } .coda-nav-left a, .coda-nav-right a { padding: 5px; width: 100px } .coda-slider p.loading { padding: 20px; text-align: center } .coda-nav ul { clear: both; display: block; float: left; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none } .coda-slider-wrapper { width: 560px; position: relative; padding: 0px 0px 22px 0px; clear: both; overflow: hidden; } .coda-slider { float: left; overflow: hidden; position: relative; } .coda-slider .img_box { padding: 5px; width: 100px; } .coda-slider .panel { display: block; float: left; } .coda-slider .panel-container { position: relative } .coda-nav-left { position: absolute; bottom: 0px; left: 0px; } .coda-nav-right { position: absolute; bottom: 0px; right: 0px; } .coda-nav-left a, .coda-nav-right a { padding: 0px; height: 25px; font-size: 2em; font-weight: bold; display: block; text-align: center; text-decoration: none } .coda-slider { background: #2D2724; } .coda-nav-left a, .coda-nav-right a { color: #000; } .coda-nav-left a:hover, .coda-nav-right a:hover { background: #D10716 } .coda-nav ul li a.current { background: #D10716 } .coda-nav ul li a:hover { background: #D10716 } .coda-nav ul li a { color: #000; } #coda-nav-1 { background: #6D040B; } #paticka { background: #EDEEEE url('/images/pozadi-paticka.gif') left top repeat-x; color: #707071; } #paticka a { color: #707071; } #paticka .inner .left { font-size: 11px; float: left; padding: 30px 0px 0px 30px; width: 16ti0px; } #paticka .inner .right { padding: 30px 0px 0px 30px;} #menu-bottom td { padding: 0px 20px; vertical-align: top; } #menu-bottom td,li,ul { text-align: left; } #menu-bottom span { text-transform: uppercase; } #menu-bottom ul,li { margin: 0px; padding: 0px; } #menu-bottom li { list-style-type: none; padding: 1px 0px; } #menu-bottom a.odsadit { display: block; padding-top: 20px; } #menu-bottom a { text-decoration: none; }