/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * BOXES.CSS: - hlavní designové styly * - main design styles * * version: 1.0.0 / rb 1.4 * author: OV * email: vetesnik@ebrana.cz * media: screen * * note: poedpis jsem rozdilil do etyo logických eástí / this style sheet is divided into four login parts * 0. první z nich jsou obecné designové styly / first part is design styles * 1. další jsou styly pro hlavieku + patieku a vici v nich / next one is header + footer styles * 2. styly pro sloupce a vici v nich / columns styles * 3. centrální styly / central styles * * changes: boxes.txt * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * common styles * * * * * * * * * * * * * * */ html, body { margin: 0; padding: 0; text-align: center; background: white url(../images/default/body.gif) 0 0 repeat-x; } span.red { color: red; padding: 0 0.2em; } span.blue { color: blue; padding: 0 0.2em; } .noborder { border: none; background: none; } .hidden, .none { position: absolute; top: -999em; left: -999em; } .displayNone { display: none; } .odkazy { margin: 20px 0; text-align: right; } .odkazy a { margin-left: 5px; } p.info { padding: 3px 0 3px 23px; background: url(../images/default/i.gif) 3px 0 no-repeat; } /* * * * * * hlavní divy - main divs * * * * * */ #main { width: 960px; margin: 0 auto; text-align: left; background: white; background: white; } #main #main_cont { width: 100%; } #content { width: 100%; } #left { display: none; /*display: inline; float: left; width: 249px; margin: 0 0 0 6px;*/ } #center { display: inline; float: right; width: 700px; margin: 15px 0 15px 0; } #right { display: inline; float: left; width: 240px; margin: 10px 0 15px 0; } #right_cont { } #home { width: 100%; background: url(../images/default/homepage.jpg) right 2px no-repeat; } #home p.more { margin-top: 4em; } #home p a { background: url(../images/default/home_vice.gif) 0 3px no-repeat; padding-left: 20px; } #home .popis { padding: 0px 205px 0 8px; font-size: 1.083em; min-height: 128px; height: auto !important; height: 128px; } #home .popis h2 { font-size: 1.0833em; margin-top: 1em; font-weight: normal; } #home .popis ul { line-height: 1.8em; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * HLAVIEKOIDNÍ A PATIEKOIDNÍ VICI * * * * * * * * * * * */ /* * * * * * * * * * * HEADER AND FOOTER THINGS * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * hlavieka top - header top * * * * * */ #top { position: relative; width: 100%; height: 205px; background: #023e87 url(../images/default/top.jpg) 0 0 no-repeat; z-index: 10; } a#logo { position: absolute; top: 23px; left: 23px; color: white; font-size: 1.2em; } /* * * * * * patieka bottom - footer bottom * * * * * */ #bottom { position: relative; clear: both; width: 100%; height: 68px; color: black; background: url(../images/default/bottom.gif) 0 0 repeat-x; } #bottom #copyright { margin: 0; padding: 0; position: absolute; top: 18px; left: 15px; line-height: normal; } #bottom a#ebrana { display: none; position: absolute; top: 16px; right: 97px; } #bottom a#wa { display: none; position: absolute; top: 16px; right: 16px; } #bottom p { margin: 0pt; padding: 60px 5px 30px 10px; text-align:center; } #bottom p a { color: black; font-size: 0.933em; } /* #bottom .padder { padding: 11px 0 0; } #bottom ul { margin: 0; padding: 0; list-style: none; list-style-image: none; text-align: center; } #bottom ul li { padding: 0; background: none; display: inline; } #bottom ul li a { padding: 0 10px; background: url(../images/default/bottom_nav.gif) 100% 50% no-repeat; white-space: nowrap; } #bottom ul li a:hover { } #bottom li.last a { background: none; } */ /* * * * * * jazyk. mutace - language mutations * * * * * */ ul#lang { position: absolute; top: 13px; right: 132px; margin: 0; line-height: normal; } ul#lang li { display: inline; float: left; width: 36px; height: 20px; padding: 0; background: none; } ul#lang li a { position: relative; color: white; display: block; width: 100%; height: 100%; overflow: hidden; font-size: 0.833em; } ul#lang li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: url(../images/icons/flag.gif) 0 0 no-repeat; } ul#lang li.en a span { background-position: -36px 0; } ul#lang li.de a span { background-position: -72px 0; } /*ul#lang li.sk a span { background-image: url(../images/icons/flag_sk.gif); } ul#lang li.pl a span { background-image: url(../images/icons/flag_pl.gif); } ul#lang li.ru a span { background-image: url(../images/icons/flag_ru.gif); }*/ /* * * * * * navikaení ikony - navigation icons * * * * * */ ul#icons { position: absolute; top: 60px; right: 15px; margin: 0; line-height: normal; } ul#icons li { display: inline; float: left; padding: 0; background: none; } ul#icons li a { float: left; color: white; padding: 2px 0 4px 21px; background: url(../images/icons/ico_home.gif) 0 6px no-repeat; } ul#icons li a:hover { text-decoration: none; } ul#icons li a span { } ul#icons li.map a { background: url(../images/icons/ico_map.gif) 0 2px no-repeat; } ul#icons li.kontakt a { background: url(../images/icons/ico_contact.gif) 0 6px no-repeat; } ul#icons li.fav { background: none; } ul#icons li.fav a { background: url(../images/icons/ico_fav.gif) 0 3px no-repeat; } ul#icons li.kontakt { background: none; padding-right: 0; margin-right: 0; } /* * * * * * topmenu * * * * * */ /* hack in ie6.css */ #topmenu { position: absolute; top: 155px; left: 0px; width: 900px; background: url(../images/default/topmenu.gif) 0 0 no-repeat #ffbc16; } #topmenu ul { width: 100%; margin: 0; } #topmenu ul li { position: relative; float: left; margin: 0; padding: 0; font-size: 1.1em; background: none; background: url(../images/default/topmenu_bg.gif) right 21px no-repeat; } #topmenu ul li a { float: left; color: black; padding: 17px 19px 15px; text-decoration: none; font-size: 1.083em; } #topmenu ul li.selected { } #topmenu ul li.selected a { font-weight: bold; } #topmenu ul li.selected ul li a { font-weight: normal; } #topmenu ul li.last { margin-right: 0; background: none; } #topmenu ul li.last a { background: none; } #topmenu ul li ul { position: absolute; top: 49px; left: 0; width: 190px; margin: 0; border: solid 1px #e89601; border-bottom: none; } #topmenu ul li ul li.last, #topmenu ul li ul li { margin: 0; width: 190px; padding: 0; background: #ffb706; border-bottom: solid 1px #e89601; font-size: 1em; } #topmenu ul li ul li a { float: left; width: 190px; padding: 0; font-size: 1em; background: none; } #topmenu ul li ul li a span { display: block; padding: 4px 5px 4px 10px; } #topmenu ul li ul li ul { top: -1px; left: 190px; } /* mizeni - hiding */ #topmenu ul li ul, #topmenu ul li:hover ul ul { display: none; } /* objevovani - showing */ #topmenu ul li:hover ul, #topmenu ul li.hover ul, #topmenu ul li ul li:hover ul, #topmenu ul li ul li.hover ul { display: block; } /* CZ* cyklus pro zanechavani zvyrazneni polozek - prvni radky: hover polozka - druhe radky: nehover polozky tehoz i nasledujiciho submenu EN* cycle for leaving highlighted path - first rows: hovered list items - second rows: non-hovered list items of the same menu and next submenus */ /* first level */ #topmenu li:hover a, #topmenu li.hover a { text-decoration: underline; } /* nastavi hover barvu - sets hover color */ #topmenu li:hover li a, #topmenu li.hover li a { text-decoration: none; } /* vrati ne-hover barvu dalsim polozkam - resets color for non-hovered list items */ /* second level */ #topmenu li li:hover a, #topmenu li li.hover a { background: #ffc74a; } #topmenu li li:hover li a, #topmenu li li.hover li a { text-decoration: none; } /* third level */ #topmenu li li li:hover a, #topmenu li li li.hover a { color: black; } #topmenu li li li:hover li a, #topmenu li li li.hover li a { color: black; } /* fourth level */ #topmenu li li li li:hover a, #topmenu li li li li.hover a { color: black; } #topmenu li li li li:hover li a, #topmenu li li li li.hover li a { color: black; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * SLOUPCOVÉ VICI * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * COLUMNS STYLES * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * containery - containers * * * * * */ .sloupec_box { margin: 0 0 13px 0; padding: 0 0 10px; background: #e5ebf3; } .sloupec_box h3 { margin: 0; color: white; font-size: 1.15em; background: url(../images/default/right_h3.gif) 100% 0 no-repeat #4672a7; } .sloupec_box h3 span { display: block; padding: 12px 40px 13px 15px; } .sloupec_box h3 a { color: white; } #texty2Box { background: #f3e5e5; } #texty2Box h3 { background: url(../images/default/second_right_h3.gif) 100% 0 no-repeat #bd6c6c; } /* * * * * * kontakt - contact * * * * * */ #texty1Box { color: black; padding-bottom: 0; } #texty2Box .texty { margin-top: 0; } #vyhledavaniBox h3 { display: none; } #newsletterBox p { padding: 0 8px 0 0; } /* * * * * * leftmenu * * * * */ #leftmenu { } #leftmenu ul { margin: 0 15px; } #leftmenu ul li { padding: 0 0 0 15px; font-weight: bold; background-position: 0 0.4166em; } #leftmenu ul li a { color: black; text-decoration: none; } #leftmenu ul li a span { } #leftmenu ul li a:hover { color: #e46900; text-decoration: underline; } /* * * * * * menu schránka * * * * * */ #schanka_right_box { } #schanka_right_box ul { margin: 0 15px; } #schanka_right_box ul li { padding: 0 0 0 15px; font-weight: bold; background-position: 0 0.4166em; } #schanka_right_box ul li a { color: black; text-decoration: none; } #schanka_right_box ul li a span { } #schanka_right_box ul li a:hover { color: #e46900; text-decoration: underline; } /* * * * * * vyhledávání - searchbox * * * * * * * POZOR: hacknuto v IE.CSS */ #searchbox { position: absolute; width: 243px; top: 10px; right: 12px; text-align: right; } #searchbox fieldset, #newsletterBox fieldset { margin: 0; padding: 0; border: none; background: none; } #searchbox fieldset *, #newsletterBox fieldset * { vertical-align: middle; } #searchbox fieldset label, #newsletterBox fieldset label { width: 210px; float: left; padding: 3px 0 7px; } #searchbox fieldset input#search_text, #newsletterBox fieldset input#email { padding: 6px 3px 6px 8px; border-color: #99a8b9; border-right: none; border-bottom: none; font-family: Arial, Helvetica, sans-serif; float: left; width: 140px; } #searchbox fieldset input.sub, #newsletterBox fieldset input.sub { float: left; width: 79px; height: 28px; background: url(../images/search_sub.gif) 0 0 no-repeat #ffc13c; text-align: left; padding: 0 0 0 24px; margin: 0 0 0 8px; } #right input.sub { float: right; background: #ffba36 url(../images/default/right_submit.gif) 0 0 no-repeat; width: 79px; height: 28px; padding: 0 0 0 19px; } /* * * * * * novinky sloupec - news column * * * * * */ .novinky_col { width: 100%; padding-top: 5px; } .novinky_col .novinky_col_obsah { width: 210px; margin: 0 auto; padding: 0 0 10px; background: url(../images/default/novinky_sep.gif) 0 100% repeat-x; } .novinky_col .novinky_col_obsah .datum_col { float: left; background: url(../images/default/datum.gif) 0 0 no-repeat; width: 40px; height: 38px; margin: 3px 8px 5px 0; } .novinky_col .novinky_col_obsah .datum_col span { display: block; padding: 13px 5px 0 8px; font-size: 0.75em; } .novinky_col .novinky_col_obsah h4 { margin: 5px 0; padding-left: 13px; line-height: 1.5em; padding-top: 5px; } .novinky_col .novinky_col_obsah h4 a { } .novinky_col .novinky_col_obsah h4 a:hover { } .novinky_col .novinky_col_obsah .anotace { margin: 6px 0 0; text-align: justify; line-height: 1.5em; clear: both; } .novinky_col .novinky_col_obsah .anotace p { margin: 0; } .novinky_col .novinky_col_obsah p.viceP { margin: 6px 0 0; text-align: right; font-weight: bold; } .novinky_col .archiv { margin: 0 0 0 15px; padding: 10px 5px 5px; background: url(../images/default/archiv.gif) 0 10px no-repeat; } .novinky_col .archiv a { padding-left: 20px; } /* * * * * * novinky archiv - news archive * * * * * */ .novinky { } .novinky .novinka_obsah { margin: 0 0 20px; padding: 10px 12px; border-top: solid 3px #dae3ee; border-bottom: solid 1px #dae3ee; background: #fafafa; } .novinky .novinka_obsah .hlavicka { width: 100%; } .novinky .novinka_obsah .datum { float: right; } .novinky .novinka_obsah h2 { margin: 0; } .novinky .novinka_obsah h2 a { color: black; } .novinky .novinka_obsah h2 a:hover { } .novinky .novinka_obsah .anotace { margin: 6px 0 0; text-align: justify; line-height: 1.5em; } .novinky .novinka_obsah .anotace p { margin: 0; } .novinky .novinka_obsah .vice { text-align: right; font-weight: bold; } /* * * * * * novinky detail - news detail * * * * * */ #novinky_detail { width: 100%; } #novinky_detail .datum { float: right; padding-top: 8px; } #novinky_detail h1 { } #novinky_detail .anotace { } /* * * * * * texty - text modules * * * * * */ .texty { width: 210px; margin: 0px auto 0 auto; } .texty p { margin-top: 0; } .texty ul { width: 100%; margin: 10px 0 0 0; padding-bottom: 5px; background: none;} .texty ul li { width: 100%; margin: 0; padding: 0; background: url(../images/default/nemovit_li.gif) 0 bottom repeat-x; font-size: 1.15em; } .texty ul li a { width: 100%; display: block; color: #8c0000; text-decoration: none; padding: 0; background: url(../images/default/nemovit_li_a.gif) 0 7px no-repeat; } .texty ul li a span { display: block; padding: 5px 0 5px 21px; } .texty ul li a:hover { background: url(../images/default/nemovit_li_a_act.gif) 0 7px no-repeat; } .texty ul li a:hover span { } #texty1Box .texty { width: 240px; background: url(../images/default/kontakt.jpg) 0 0 no-repeat; padding-bottom: 5px; } #kontakt_call_centrum { padding: 75px 15px 0 15px; } /* * * * * * ankety - polls * * * * * */ #anketa_sloupec { } #anketa_sloupec .anketa { width: 196px; margin: 0 auto 10px; padding: 0 0 10px; border-bottom: solid 2px #D0E3F2; } #anketa_sloupec .last { margin-bottom: 0; padding-bottom: 0; border: none; } #anketa_sloupec .anketa h4 { margin: 0; color: black; font-weight: normal; } #anketa_sloupec .anketa p { margin: 10px 0; text-align: left; } #anketa_sloupec .anketa p.obrazek { text-align: center; } #anketa_sloupec .anketa p.obrazek img { border: solid 1px black; } #anketa_sloupec .anketa p .text { display: block; color: #f09133; } #anketa_sloupec .anketa p a { display: block; } #anketa_sloupec .anketa p .bar { display: block; height: 10px; background: #d0e3f2; cursor: pointer; } #anketa_sloupec .anketa p .hlasy { display: block; height: 10px; width: 50%; cursor: pointer; background: #f09133; } #anketa_sloupec .anketa em { display: block; margin-top: 10px; line-height: 1.5em; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * CENTRÁLNÍ VICI * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * CENTRAL STYLES * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * crumb trail * * * * * */ #crumb_trail { width: 100%; margin-bottom: 15px; } #crumb_trail a.back { float: right; margin-left: 15px; } /* * * * * * nadpisy - headers * * * * * */ h3.h3_center { font-size: 1.5em; margin: 0 0 10px; font-weight: normal; } h3.h3_center span { } h3.h3_center span#schranka { display: inline; margin-left: 20px; padding: 0; font-size: 0.8em; } /* * * * * * podstránky - subpages * * * * * */ .podstranky { } .podstranky .podstranka { margin: 0 0 20px; padding: 10px 12px; border-top: solid 3px #dae3ee; border-bottom: solid 1px #dae3ee; background: #fafafa; } .podstranky .col2 { display: inline; float: left; width: 45%; margin: 0 0 1em; } .podstranky .right { float: right; } .podstranky .col3 { display: inline; float: left; width: 27%; margin: 0 20px 1em 0; } .podstranky .col1 { float: none; } .podstranky .last { margin-right: 0; } .podstranky .podstranka h2 { margin: 0; } .podstranky .podstranka h2 a { } .podstranky .podstranka h2 a:hover { } .podstranky .podstranka .anotace { margin: 6px 0; text-align: justify; line-height: 1.5em; } .podstranky .podstranka .anotace p { margin: 0; } /* * * * * * fotky - photos * * * * * */ .fotky { width: 100%; margin: 20px 0; padding: 20px 0 0; border-top: solid 3px #dae3ee; border-bottom: solid 1px #dae3ee; background: #fafafa; } .fotky .foto { display: inline; float: left; width: 162px; height: 80px; margin: 0 0 20px; text-align: center; } .fotky .foto a img { border: solid 1px #bed3dc; } .fotky .foto a:hover img { border-color: #F5821F; } /* * * * * * soubory ke stažení - file download * * * * * */ .soubory { margin: 10px 0; padding: 4px 10px; border: solid 1px #bed3dc; background: #fafafa url(../images/default/bg_download.gif) 105% -20px no-repeat; } .soubory p { margin: 4px 0; padding: 0; } .soubory p span { display: block; padding-left: 20px; } /* * * * * * rychlé vyhledávání - quick searchbox * * * * * */ .center_box { margin-bottom: 20px; padding-bottom: 10px; } #standard_contejner { width: 100%; margin: 0 auto; padding: 5px 0 0; } /* * * * do jednoho oádku - one line version * * * */ /* #vyhledavani { width: 100%; } #vyhledavani form { width: 219px; padding: 15px 10px 10px 10px; background: none; } #vyhledavani form .vyhledavani { width: 100%; margin-bottom: 6px; } #vyhledavani form .vyhledavani:after { display: block; clear: both; content: " "; } #vyhledavani form .vyhledavani label { display: block; float: left; width: 68px; padding: 3px 0 0 5px; } #vyhledavani form .vyhledavani .fe_cont { display: inline; margin: 0; } #vyhledavani form select { width: 140px; border: 1px solid #b8cfe3; color: #686868; padding: 2px 0; } #vyhledavani form input { margin: 0 5px 0 0; } #vyhledavani form span.text { background: url(../images/default/i.gif) 3px 0 no-repeat; padding: 3px 0 3px 20px; margin-bottom: 5px; } */ /*#standard_contejner .form_element_standard_price_max { width: 70px; margin-right: 0; } #standard_contejner .form_element_standard_price_max input { width: 66px; }*/ /* * * * do dvou oádku - two lines version * * * */ /* #standard_contejner .vyhledavani { display: inline; float: left; width: 186px; margin: 0 20px 10px 0; } #standard_contejner .vyhledavani label { float: left; padding: 2px 0 0; } #standard_contejner .vyhledavani select { float: right; width: 145px; } #standard_contejner .vyhledavani input { float: right; width: 141px; padding: 2px 1px; border: solid 1px #aaa; } #standard_contejner .form_element_standard_reality_type, #standard_contejner .form_element_standard_price_max { width: 200px; } #standard_contejner .form_element_standard_district { width: 177px; margin-right: 0; } */ /* * * * do sloupce - column version * * * */ #vyhledavani { } #vyhledavani form { width: 210px; margin: 15px auto 0 auto; } #vyhledavani .vyhledavani { clear: both; width: 100%; } #vyhledavani .vyhledavani label { float: left; width: 55px; padding: 2px 0 0; margin-bottom: 7px; } #vyhledavani .vyhledavani select { float: right; width: 152px; margin-bottom: 7px; } #vyhledavani .vyhledavani input { float: right; width: 140px; margin-bottom: 7px; } #vyhledavani form span.text { background: url(../images/default/i.gif) 3px 0 no-repeat; padding: 3px 0 3px 20px; margin-bottom: 5px; } #vyhledavani .form_element_standard_price_max label, #vyhledavani .form_element_standard_price_max input { margin-bottom: 10px; } /* * * * hláška a tlaeítko - message and button * * * */ #vyhledavani p.submit { margin: 0; padding: 5px 0 0; } #vyhledavani p.submit .text { float: left; } /* * * * * * tlaeítka vložit - homepage buttons * * * * * */ .buttons { width: 100%; margin: 30px 0 10px 0; } .buttons .buttons_float_l, .buttons .buttons_float_r { display: inline; float: left; width: 210px; height: 50px; } .buttons .buttons_float_l { margin-left: 101px; } .buttons .buttons_float_r { margin-right: 120px; } .buttons .buttons_float_l h2, .buttons .buttons_float_r h2 { width: 100%; height: 100%; margin: 0; text-align: center; } .buttons .buttons_float_l h2 a, .buttons .buttons_float_r h2 a { position: relative; display: block; width: 100%; height: 100%; } .buttons .buttons_float_l h2 a:hover, .buttons .buttons_float_r h2 a:hover { } .buttons .buttons_float_l h2 a span, .buttons .buttons_float_r h2 a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .buttons .buttons_float_r { float: right; } .buttons .buttons_float_l h2 a span { background: url(../images/default/vlozit_nabidku.jpg) 0 0 no-repeat; } .buttons .buttons_float_r h2 a span { background: url(../images/default/vlozit_poptavku.jpg) 0 0 no-repeat; } .lang_1 .buttons .buttons_float_l h2 a span { background: url(../images/default/vlozit_nabidku_en.jpg) 0 0 no-repeat; } .lang_1 .buttons .buttons_float_r h2 a span { background: url(../images/default/vlozit_poptavku_en.jpg) 0 0 no-repeat; } /* * * * * * plovoucí nabídky - floating realities * * * * * */ /* * * * design * * * */ .floats { width: 100%; margin-bottom: 1em; } .floats .float_box { display: inline; float: left; width: 219px; margin: 0 19px 0px 0; background: url(../images/default/float_bg.gif) 0 0 repeat-x #f3e5e5; border: 1px solid #ddc0c0; border-left: none; border-top: none; } .floats .float_box .float_box_cont { text-align: center; } .floats .float_box .float_box_round { padding: 0px 0 10px 0; } /* hover */ .floats .hover { border: 1px solid #ab4444; border-left: none; border-top: none; } .floats .hover .float_box_cont { } .floats .hover .float_box_round { } .floats .krajni { margin-right: 0; } .floats .float_box p { margin: 0 15px; text-align: center; } /* * * * nadpis - header * * * */ .floats .float_box h3 { min-height: 32px; height: auto !important; height: 32px; margin: 0 15px 12px; padding-top: 0px; font-size: 1.083em; text-align: center; } .floats .float_box h3 a { color: #ab4444; } .floats .float_box h3 a:hover { text-decoration: underline; } /* * * * obrázek - image * * * */ .floats .float_box p.obrazek { min-height: 95px; height: auto !important; height: 95px; margin: 0 0; text-align: center; } .floats .float_box p.obrazek img { border: none; padding: 7px 6px; background: none; border: none; } .floats .hover p.obrazek a img { } /* * * * zbytek - the rest * * * */ .floats .float_box p.anotace { /*min-height: 83px; height: auto !important; height: 83px;*/ text-align: left; } .floats .float_box p.vice { margin: 0 15px 10px; font-weight: bold; } .floats .float_box p.cena { min-height: 51px; height: auto !important; height: 51px; margin: 10px 15px 0; font-weight: bold; font-size: 1.083em; line-height: 1.3em; } .floats .float_box p.cena .text { display: block; } .floats .float_box p.cena strong { display: block; color: #000; font-size: 1.1em; } .floats .float_box p.cena .unit { display: block; font-weight: normal; } /* * * * * * tabulka realit - reality tables * * * * * */ table.prehled_novinek { } table.prehled_novinek th { padding: 12px; border-bottom: solid 3px white; text-align: left; vertical-align: middle; background: #c5e1f1 url(../images/default/th.gif) 0 0 repeat-x; } table.prehled_novinek td { padding: 12px; text-align: left; vertical-align: top; } table.prehled_novinek td img { border: solid 1px #6099c0; } table.prehled_novinek td a { color: #0195d5; } table.prehled_novinek .tr_l, table.prehled_novinek .tra_l { background: #e7f1f9; } table.prehled_novinek .tr_s, table.prehled_novinek .tra_s { background: #dbeef8; } table.prehled_novinek .tr_a, table.prehled_novinek .tra_a { background: #bedff0; } table.prehled_novinek td.img, table.prehled_novinek td.reality_desc { border-bottom: solid 2px white; } table.prehled_novinek td.price span { display: block; white-space: nowrap; } table.prehled_novinek td .more { float: left; padding: 12px 0; } /* * * resety paddingu - padding resets * * */ table.prehled_novinek td.img, table.prehled_novinek th.img, table.prehled_novinek td.name, table.prehled_novinek th.name, table.prehled_novinek td.state, table.prehled_novinek th.state, table.prehled_novinek td.city, table.prehled_novinek th.city, table.prehled_novinek td.cat, table.prehled_novinek th.cat, table.prehled_novinek td.type, table.prehled_novinek th.type, table.prehled_novinek td.num, table.prehled_novinek th.num { padding-right: 0; } table.prehled_novinek td.reality_desc { padding-top: 0; } /* * * šíoky - widths * * */ /*table.prehled_novinek th.img { width: 0%; } table.prehled_novinek th.name { width: 0%; }*/ table.prehled_novinek th.state { width: 10%; } table.prehled_novinek th.city { width: 15%; } table.prehled_novinek th.cat { width: 15%; } table.prehled_novinek th.type { width: 10%; } table.prehled_novinek th.num { width: 11%; } table.prehled_novinek th.price { width: 11%; } /* * * schránka checkbox - myBox checkbox * * */ table.prehled_novinek .mrtva_schranka { display: inline; float: left; margin: 0 15px 0 0; } table.prehled_novinek .mrtva_schranka input { margin: 0 3px 1px 0; padding: 0; border: none; } /* * * cedulky - labels * * */ #novinky_nabidka_boxy .cedulka, table.prehled_novinek td .cedulka { float: left; margin: 0 8px 0 0; padding: 1px 5px 0; color: #5db755; border: solid 1px #60b558; text-transform: uppercase; font-size: 0.833em; border-width: 1px 2px 2px 1px; background: #ecfae9; } #novinky_nabidka_boxy .rezervace, table.prehled_novinek td .rezervace { color: #fe0000; border-color: #ff0100; background: #ffe7ea; } #novinky_nabidka_boxy .aktualni, table.prehled_novinek td .aktualni { color: #0494da; border-color: #0195d3; background: #e5f2fa; } #novinky_nabidka_boxy .doporucujeme, table.prehled_novinek td .doporucujeme { color: #fd9303; border-color: #fe8f00; background: #fef5ee; } /* * * * * * hlavieka pro boxový výpis realit - header for reality boxes * * * * * */ #novinky_nabidka_boxy .header_center { float: left; } #novinky_nabidka_boxy .pseudoselect { float: right; } /* * * * * * oazení realit pseudoselect - "order estates by" pseudoselect * * * * * * * POZOR: hacknuto v IE.CSS */ .pseudoselect { } .pseudoselect ul { width: 200px; margin: 0; line-height: normal; } .pseudoselect ul li { position: relative; padding-left: 0; border: solid 1px #d3d3d3; color: black; z-index: 5; background: white url(../images/default/select.gif) 177px 1px no-repeat; } .pseudoselect ul li.hover, .pseudoselect ul li:hover { /*background-image: url(../images/default/selecth.gif);*/ } .pseudoselect ul li#first { cursor: default; } .pseudoselect ul li#first span { display: block; padding: 3px 5px 2px 5px; } .pseudoselect ul ul { position: absolute; width: 198px; left: -999em; top: 20px; border: solid 1px #bbb; } .pseudoselect ul li.hover, .pseudoselect ul li:hover { border-color: #bbb; } .pseudoselect ul li.hover ul, .pseudoselect ul li:hover ul { left: -1px; } .pseudoselect ul ul li { float: left; width: 100%; border: none; background: white; } .pseudoselect ul ul li.hover, .pseudoselect ul ul li:hover { background: #eee; } .pseudoselect ul ul li a { float: right; } .pseudoselect ul ul li span { display: block; padding: 2px 5px 2px 10px; } /* * * * * * boxový výpis realit - reality boxes * * * * * */ #novinky_nabidka_boxy { width: 100%; margin: 1em 0; } #novinky_nabidka_boxy h2.h2_center { margin-top: 0; } #novinky_nabidka_boxy .box { position: relative; margin-bottom: 12px; background: #e5ebf3 url(../images/default/reality_box_top.gif) 0 0 no-repeat; } #novinky_nabidka_boxy .extra { padding: 12px; background: url(../images/default/reality_box_bottom.gif) 0 100% no-repeat; } #novinky_nabidka_boxy .extra2 { width: 100%; color: black; } #novinky_nabidka_boxy .extra2 img { border: none; } #novinky_nabidka_boxy .box h2, #novinky_nabidka_boxy .box h3 { font-size: 1em; background: url(../images/default/reality_box_h3.gif) 0 100% repeat-x; } #novinky_nabidka_boxy .box h2 a { color: #8c0000; } #novinky_nabidka_boxy .box h3 a { color: #8c0000; } #novinky_nabidka_boxy .box h3, #novinky_nabidka_boxy .box h2 { display: inline; float: right; width: 82%; margin: 0 0 8px; padding: 0 0 8px; font-weight: bold; } #novinky_nabidka_boxy .box h3 a, #novinky_nabidka_boxy .box h2 a { display: block; margin-right: 100px; } #novinky_nabidka_boxy .p2l h3 a, #novinky_nabidka_boxy .p2l h2 a { margin-right: 205px; } #novinky_nabidka_boxy .p2s h3 a, #novinky_nabidka_boxy .p2s h2 a { margin-right: 175px; } #novinky_nabidka_boxy .p3 h3 a, #novinky_nabidka_boxy .p3 h2 a { margin-right: 270px; } #novinky_nabidka_boxy .p3s h3 a, #novinky_nabidka_boxy .p3s h2 a { margin-right: 270px; } #novinky_nabidka_boxy .p3l h3 a, #novinky_nabidka_boxy .p3l h2 a { margin-right: 270px; } #novinky_nabidka_boxy .box p.image { display: inline; float: left; width: 100px; margin: 0; } #novinky_nabidka_boxy .box ul { display: inline; float: right; width: 82%; margin: 0; } #novinky_nabidka_boxy .box ul li { padding: 0; background: none; } #novinky_nabidka_boxy .box ul li.status { position: absolute; top: 12px; right: 5px; line-height: normal; } #novinky_nabidka_boxy .box ul li.status .cedulka { float: left; } #novinky_nabidka_boxy .box ul li.location, #novinky_nabidka_boxy .box ul li.category, #novinky_nabidka_boxy .box ul li.number { display: inline; padding-right: 10px; margin-right: 9px; background: url(../images/default/reality_box_pipe.gif) 100% 50% no-repeat; } #novinky_nabidka_boxy .box ul li.noPipe { margin: 0; padding: 0; background: none; } #novinky_nabidka_boxy .box ul li.price { float: right; padding-top: 8px; } #novinky_nabidka_boxy .box ul li.schranka { float: left; clear: left; padding-top: 8px; } #novinky_nabidka_boxy .box ul li.location { clear: both; } #novinky_nabidka_boxy .box ul li.price strong { font-size: 1.416em; } #novinky_nabidka_boxy .box ul li.schranka input { margin: 0; border: none; background: none; } #novinky_nabidka_boxy .box ul li.schranka span { cursor: pointer; color: #8c0000; text-decoration: underline; } #novinky_nabidka_boxy h2.h2_center span span#schranka { font-size: 0.7em; margin-left: 60px; } /* * * * * * navigátor * * * * * */ .navigator { width: 100%; margin: 1em 0; } .navigator .predchozi { float: left; width: 25%; text-align: left; } .navigator .celkem { float: left; width: 49.9%; text-align: center; } .navigator .nasledujici { float: left; width: 25%; text-align: right; } /* * * * * * detail reality - reality detail * * * * * */ #reality_detail, #reality_detail .detail_header { width: 100%; } /* * * * * popis * * * * * */ #reality_detail #annotation { margin-right: 20px; padding-bottom: 5px; background: url(../images/default/h2_detail_bottom.gif) 0 100% repeat-x; } #reality_detail #annotation .text { margin: 1em 0; text-align: justify; line-height: 1.5em; } #reality_detail #annotation .text p { margin: 0; } #reality_detail #annotation p.more { text-align: left; } #reality_detail #description .annotation, #reality_detail #description .description { margin: 1em 0; line-height: 1.5em; } /* * * * * * detail * * * * * */ #reality_detail #contractData { } #reality_detail #contractData table { width: 97%; margin-top: 10px; } #reality_detail #contractData table th, #reality_detail #contractData table td { padding: 4px 3px; border: none; vertical-align: middle; text-align: left; } #reality_detail #contractData table th { width: 90px; padding-left: 0; } #reality_detail #contractData table td sup { font-size: 0.55em; } #reality_detail #contractData table tr.price th, #reality_detail #contractData table tr.price td { font-size: 1.25em; font-weight: bold; vertical-align: top; } #reality_detail #contractData table tr.price td { color: #478acf; } #reality_detail #contractData table tr.price td span { font-size: 0.8em; color: black; font-weight: normal; } #reality_detail #contractData table tr.price td span.note { display: block; font-size: 0.733em; } td.status_20 { padding: 2px; } /* aktivni zelena */ td.status_20 span { padding: 2px 5px; background: #3BB300; color: white; } td.status_30 { padding: 2px; } td.status_30 span { padding: 2px 5px; background: #008ee5; color: white; } /* rezervace modra */ td.status_40 { padding: 2px; } td.status_40 span { padding: 2px 5px; background: #CC0000; color: white; } /* prodano/pronajato cervena */ /* * * * * custom detail * * * * */ #reality_detail .detail_l { width: 341px; float: left; } #reality_detail .detail_r { width: 340px; float: right; padding: 10px 0 0 0; background: url(../images/default/detail_r_edge.gif) 100% 0 no-repeat; } #reality_detail h2.h2_detail { background: url(../images/default/h2_detail_bottom.gif) 0 100% repeat-x; padding-bottom: 4px; color: black; font-size: 1.3333em; font-weight: bold; } #reality_detail h2.h2_detail span { background: url(../images/default/h2_detail.gif) 0 1px no-repeat; padding-left: 20px; } /* tabiky */ #zalozky { } #zalozky .obsah { width: 100%; } #zalozky .obsah .telo { width: 321px; padding: 10px; background: #e5ebf3; border: 1px solid #a7c8e9; text-align: center; } #zalozky .obsah .soubory { background: none; border: none; margin: 0; } #zalozky .obsah .soubory p { font-size: 0.89em; } #zalozky .obsah .soubory p a { font-size: 1.1em; } #zalozky .obsah ul { margin: 0; width: 100%; position: relative; top: 1px; } #zalozky .obsah ul:after { display: block; clear: both; content: ' '; } #zalozky .obsah ul li { float: left; padding: 0; margin: 5px 3px 0 0; background: #dcedff url(../images/default/taby.gif) 0 0 no-repeat; text-align: center; border-right: 1px solid #a6c7e9; } #zalozky .obsah ul li h3 { margin: 0; font-size: 1em; font-weight: normal; } #zalozky .obsah ul li a { float: left; padding-top: 7px; padding-bottom: 6px; text-decoration: none; } #zalozky .obsah ul li#foto a { background: url(../images/default/taby-foto.gif) 9px 53% no-repeat; padding-left: 35px; padding-right: 20px; } #zalozky .obsah ul li#video a { background: url(../images/default/taby-video.gif) 9px 50% no-repeat; padding-left: 35px; padding-right: 10px; } #zalozky .obsah ul li#files a { background: url(../images/default/taby-files.gif) 9px 50% no-repeat; padding-left: 30px; padding-right: 10px; } #zalozky .obsah ul li.ui-tabs-selected { background: #dce7f4 url(../images/default/taby_act.gif) 0 0 no-repeat; margin-top: 0; } #zalozky .obsah ul li.ui-tabs-selected a { color: #303030; font-weight: bold; padding-top: 12px; padding-bottom: 7px; } #zalozky .obsah .ui-tabs-hide { display: none; } /* pod hlavnim foto */ #zalozky .obsah .telo .picture_info p.nazev { margin: 0; float: left; width: 49%; } #zalozky .obsah .telo .picture_info p.zvetsit { margin: 0; float: right; font-size: 0.9166em; } #zalozky .obsah .telo .picture_info p.zvetsit a { background: url(../images/icons/ico_foto_zoom.gif) 0 51% no-repeat; padding: 5px 0 5px 20px; } #zalozky .obsah .telo .navigace { width: 309px; float: left; background: #edf3f9; margin: 5px 0 15px; padding: 7px 5px; vertical-align: middle; } #zalozky .obsah .telo .navigace p.predchozi, #zalozky .obsah .telo .navigace p.dalsi { float: left; margin: 0; width: 49%; } #zalozky .obsah .telo .navigace p.dalsi { float: right; text-align: right; } #zalozky .obsah .telo .navigace p a { color: #8c0000; font-weight: bold; font-size: 0.9166em; } #zalozky .obsah .telo .navigace p.predchozi a { margin: 0; width: 49%; background: url(../images/icons/ico_prev.gif) 0 50% no-repeat; padding-left: 15px; } #zalozky .obsah .telo .navigace p.dalsi a { margin: 0; width: 49%; background: url(../images/icons/ico_next.gif) 100% 50% no-repeat; padding-right: 15px; } /* * * * * * vlastnosti * * * * * */ #reality_detail #brokerData { width: 100%; } #reality_detail #brokerData .obsah { width: 330px; background: white; border: 3px solid #dae6f3; padding: 4px; } #reality_detail #brokerData .obsah .makler { width: 312px; background: #f1f5f8; padding: 9px 9px 20px; min-height: 88px; height: auto !important; height: 88px; } #reality_detail #brokerData .obsah .makler a { color: #4A94DB; } #reality_detail #brokerData .obsah .makler p { margin-top: 0; margin-bottom: 0.3em; } #reality_detail #brokerData .obsah .makler p.photo { margin: 0 12px 0 0; float: left; } #reality_detail #brokerData .obsah .makler p.kont_makler { margin: 15px 0 0 95px; padding: 12px 0 0; background: url(../images/default/h2_detail_bottom.gif) 0 0 repeat-x; } #reality_detail #brokerData .obsah .makler p.kont_makler img { margin-right: 7px; } #reality_detail #features { width: 100%; max-height: 300px; overflow: auto; } #reality_detail table.features { width: 94%; margin-bottom: 1em; text-align: left; } #reality_detail table.features caption { margin: 0; padding: 0; text-align: left; font-weight: bold; } #reality_detail table.features th { width: 130px; padding: 3px 5px 3px 0; font-weight: normal; text-align: left; } #reality_detail table.features td { padding: 3px 0 3px 5px; } /* * * * * * dalsi obrazky / more photos * * * * * */ #reality_photo .overflowbox { width: 100%; height: 230px; overflow: auto; white-space: nowrap; } /* REALITY_PHOTO_HEIGHT_NAHLED + 25 (scrollbar) */ #reality_photo .overflowbox a { float: left; clear: left; width: 49.9%; margin-bottom: 10px; text-align: center; } #reality_photo .overflowbox a.last { clear: none; } #reality_photo .overflowbox a img { border: 2px solid #DAE6F3; } #reality_photo .overflowbox a.active img { border-color: #A7C8E9; } #reality_photo #zoom_picture { height: 240px; overflow: hidden; text-align: center; margin-bottom: 10px; } /* * * * * Rozsirene Vyhledavania * * * * * */ label.ch_disab { color: silver; } /* * * * * * kalkulaeka * * * * * */ #cs-kalkulator { width: 210px; } #cs-kalkulator fieldset { margin: 0; padding: 5px; font-size: 0.833em; border-color: #50acd5; color: #013e6a; background: #b8dcf2 url(../images/default/calc_bg.gif) 0 0 repeat-x; } #cs-kalkulator p { float: left; width: 100%; margin: 0; text-align: left; } #cs-kalkulator p.castka { margin-bottom: 1px; } #cs-kalkulator p label { float: left; width: 3.5em; margin-right: 2px; padding: 1px 3px; text-align: right; border: solid 1px #58acd9; background: #c8e3f2 url(../images/default/calc_label.gif) 0 0 repeat-x; } #cs-kalkulator p input, #cs-kalkulator p select { float: left; padding: 2px; border: solid 1px #48a2d5; } #cs-kalkulator p.castka input, #cs-kalkulator p.urok_splatka input { margin-right: 5px; } #cs-kalkulator p input#cs-mesicni_splatka { width: 40px; } #cs-kalkulator p.logo { width: auto; margin: 5px 0 0 2px; } #cs-kalkulator p.logo * { vertical-align: middle; } #cs-kalkulator p.logo img { margin-right: 5px; } #cs-kalkulator p.logo span { color: #ed1c24; font-size: 1.1em; } #cs-kalkulator p.submit { float: right; width: auto; } #cs-kalkulator p.submit input.submit { margin-top: 5px; color: white; border-color: #337eb6; background: #337eb6 url(../images/default/calc_submit.gif) 0 0 repeat-x; } /* * * * * * kontaktní formuláo - contact form * * * * * */ #contact_form { } #contact_form form { margin: 2em 0 0; position: relative; } #contact_form .obalka { position: absolute; top: -24px; right: 0; width: 111px; height: 80px; background: url(../images/default/obalka.gif) 0 0 no-repeat; } #contact_form fieldset { margin: 0; padding: 1em 115px 1em 1em; } #contact_form fieldset p { } #contact_form fieldset p label { display: block; padding: 0 0 2px; } #contact_form fieldset p.jmeno { float: left; width: 45%; margin-top: 0; } #contact_form fieldset p.email { float: right; width: 45%; margin-top: 0; } #contact_form fieldset p.text { clear: both; margin-top: 0; } #contact_form fieldset p.jmeno input { width: 96%; } #contact_form fieldset p.email input { width: 96%; } #contact_form fieldset p.text textarea { width: 97.5%; } #contact_form fieldset p.poznamka { } #contact_form fieldset p.submit { margin-bottom: 0; } p.hilite { background: #fffcd2; } input.error, textarea.error { border: solid 1px #DE0000; } div.error { padding: 8px 12px; color: white; border: solid 1px #a00; background: #c00; } div.error p { margin: 0; font-weight: bold; } div.success { padding: 8px 12px; color: white; border: solid 1px #008401; cursor: pointer; background: #13B014; } div.success p { margin: 0.5em 0; font-weight: bold; } div.success p a { color: white; } div.success p strong { text-decoration: underline; } .error_msg { color: #DE0000; float: left; } /* * * * * * registraení formuláo - registration form * * * * * * * POZOR: hacknuto v IE.CSS */ #realty_form { } #realty_form form { margin: 2em 0 0; position: relative; } #realty_form .obalka { position: absolute; top: -24px; right: 0; width: 111px; height: 80px; background: url(../images/default/obalka.gif) 0 0 no-repeat; } #realty_form fieldset { margin: 0; padding: 1em 115px 1em 1em; } #realty_form fieldset p { text-align: left; } #realty_form fieldset p label { display: block; padding: 0 0 2px; } #realty_form fieldset p.two_left { float: left; width: 48%; margin-top: 0; } #realty_form fieldset p.two_left input { width: 95%; } #realty_form fieldset p.two_right { float: right; width: 48%; margin-top: 0; } #realty_form fieldset p.two_right input{ width: 81%; } #realty_form fieldset p.one { clear: both; margin-top: 0; } #realty_form fieldset p.one textarea { width: 95%; } #realty_form fieldset p.three_left { float: left; width: 33%; margin-top: 0; } #realty_form fieldset p.three_middle { float: left; width: 33%; margin-top: 0; } #realty_form fieldset p.three_right { float: left; width: 33%; margin-top: 0; } #realty_form fieldset p.three_left input, #realty_form fieldset p.three_middle input, #realty_form fieldset p.three_right input { } #realty_form fieldset p.select label { display: inline; } #realty_form fieldset p.typ select { width: 61%; } #realty_form fieldset p.akce select { width: 83%; } #realty_form fieldset p.poznamka { margin-top: 0; } #realty_form fieldset p.submit { margin-bottom: 0; } #realty_form fieldset input.sub { width: auto; } /* * * * * * hlídací pes - watchdog * * * * * */ #watchdog { } #watchdog fieldset { padding-top: 0.5em; } #watchdog fieldset p { margin: 0; } #watchdog fieldset p.mt { margin-top: 5px; } #watchdog fieldset#lokalita p.kraj { display: inline; float: left; margin-right: 20px; } #watchdog fieldset#lokalita #okres_cont { display: inline; float: left; } #watchdog fieldset#lokalita p.kraj label, #watchdog fieldset#lokalita #okres_cont label { display: block; } #watchdog fieldset#cena p.typ_poptavky label { margin-right: 5px; } #watchdog fieldset#cena input#cena_od, #watchdog fieldset#cena input#cena_do { width: 65px; margin-right: 10px; } #watchdog fieldset#druh p { display: inline; float: left; width: 30%; margin: 0 20px 5px 0; } #watchdog fieldset#druh p strong { font-weight: normal; } #watchdog fieldset#druh p .plavec { display: block; } #watchdog fieldset#vlastnosti p.popis { display: inline; float: left; width: 38%; } #watchdog fieldset#vlastnosti p.popis label { display: block; } #watchdog fieldset#vlastnosti p.popis textarea { width: 98%; } #watchdog fieldset#vlastnosti p.platnost, #watchdog fieldset#vlastnosti .detaily { display: inline; float: right; width: 59%; } #watchdog fieldset#vlastnosti .detaily p { display: inline; margin-right: 5px; } #watchdog fieldset#vlastnosti .detaily label.blok, #watchdog fieldset#vlastnosti p.platnost label { display: block; } #watchdog fieldset#vlastnosti .detaily label.blok { margin-top: 8px; } #watchdog fieldset#kontakt p { display: inline; float: left; width: 24.9%; margin: 0; } #watchdog fieldset#kontakt p label { display: block; } #watchdog fieldset#kontakt p input { width: 90%; } /* * * * * * mapa stránek - site map * * * * * */ #sitemap { } #sitemap ul { margin: 0; } #sitemap ul li { margin: 0 0 1em; padding: 1px 0 1px 26px; background-position: 0.5em 0.2em; } #sitemap ul li a { font-size: 1.2em; } #sitemap ul li a.plusMinus { margin-right: 5px; } #sitemap ul ul { padding: 5px 0; } #sitemap ul ul li { margin: 0; } #sitemap ul ul li a { font-size: 1.1em; color: black; } #sitemap ul ul ul { } #sitemap ul ul ul li { } #sitemap ul ul ul li a { font-size: 1em; font-weight: normal; } #sitemap ul li a:link { text-decoration: none; } #sitemap ul li a:visited { text-decoration: none; } #sitemap ul li a:active, #sitemap ul li a:hover { text-decoration: underline; } #sitemap ul ul li a:link { } #sitemap ul ul li a:visited { }