/* Note: if rule contains 'IE css' then see msie.css for Internet Explorer values */ html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5 { margin:0; padding:0; } /*- layout -*/ html { background: #eef7f3 url('/images/main-bg.gif') repeat-x 0 0; } body { font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #000; font-weight: normal; font-size: 100%; } #page { margin: 0 auto; width: 860px; padding-top: 50px; padding-bottom: 20px; background: url('/images/page-top.png') no-repeat 0 0; position: relative; min-height: 792px; } #main { width: 687px; float: right; margin-top: 6px; position: relative; right: 7px; background: #fff url('/images/page-bottom.png') no-repeat 0 100%; } #menu { width: 165px; float: left; position: relative; margin-right: -6px; padding-top: 242px; background: url('/images/logo-theorchard.gif') no-repeat -1px 55px; } #content { padding: 10px 26px 20px; clear: right; font-size: 0.9em; line-height: 1.5; color: #333; } #footer { /* IE css */ clear: both; padding: 50px 0 70px; background:#FFFFFF url(/images/page-bottom.png) no-repeat scroll 0pt 100%; margin-bottom: -20px; } .clear { clear: both;} /* accessibility */ a#contentskip { position: absolute; display: block; z-index: 200; font-size: 0.9em; font-weight: bold; } a#contentskip:link, a#contentskip:visited { top: 0; left: -999em; } a#contentskip:hover, a#contentskip:active, a#contentskip:focus { top: 58px; left: 50%; } p { margin: 10px 0; } p.more { clear: both; text-align: right; font-size: 0.8em; } #content ul#nav-print { /* IE css */ margin: 30px 0 40px 0; clear: both; font-size: 0.9em; line-height: 18px; float: left; width: 100%; } #content ul#nav-print li { float: left; background: none; padding: 0; } #content ul#nav-print #goback { float: right; } #content ul#nav-print .print { margin-right: 20px; } p.articleperex { font-weight: bold; color: #666; font-size: 1.03em; } img { border: none; } h1 { font-weight: normal; font-size: 2em; color: #113c2e; letter-spacing: -0.2px; } h2 { font-weight: normal; font-size: 1.5em; color: #113c2e; margin-top: 20px; } h3 { font-weight: normal; color: #113c2e; margin-bottom: 5px; } h4 { } #content ul li { /* IE css */ list-style-type: none; background: url('/images/ico/bullet.gif') no-repeat 0 0.6em; padding-left: 11px; } table { /* IE css */ border-collapse: collapse; table-layout: fixed; margin-bottom: 25px; clear: both; } caption { margin: 25px 0 0 0; text-align: left; color: #113c2e; } a:link, a:visited { color: #4d8e7d; } a:hover, a:active, a:focus { color: #0d4e3d; } .boxout { float: right; margin: 5px 0 10px 25px; } .image { font-weight: bold; font-size: 0.8em; } .image img { display: block; margin-bottom: 9px; } .blind { position: absolute; top: 0; left: -999em; } .extralinktext { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } .print a { background: url('/images/ico/print.gif') no-repeat 0 50%; padding-left: 20px; } #goback { text-align: right; /*clear: both;*/ } #goback a { background: url('/images/ico/highlight-arrow-left.gif') no-repeat 0 55%; padding-left: 8px; } li.bottom-home-link a { background: url('/images/ico/highlight-arrow-left.gif') no-repeat 0 55%; padding-left: 8px; } .printversion { position: absolute; left: -999em; top: 0; } #content ul.boxlist { margin: 10px 0; float: left; } #content ul.boxlist li { background: none; padding-top: 0; padding-left: 0; } #content ul.boxlist li { list-style-type: none; float: left; margin: 10px 0 8px 35px; } #content ul.boxlist li.first { margin-left: 0; clear: both; } ul.boxlist img { display: block; margin-bottom: 9px; } /* menu */ #menu { } #menu li { /* IE css */ list-style-type: none; text-align: right; background: url('/images/menu-line.png') no-repeat 0 100%; padding-bottom: 1px; } #menu li#menu-contact { background: none; } #menu a { /* IE css */ display: block; text-decoration: none; font-size: 1.05em; line-height: 2.14em; padding: 0 18px 0 5px; background-repeat: no-repeat; } #menu a span { position: absolute; top: 55px; left: 42px; display: block; width: 43px; height: 65px; background-repeat: no-repeat; background-position: 0 0; } #menu a:link, #menu a:visited { background-position: 100% -50px; color: #113c2e; } #menu a:hover, #menu a:active, #menu a:focus { background-position: 100% 0 !important; color: #fff !important; } /* IE css */ #menu #menu-home a { /* IE css */ background-image: url('/images/menu-home.png'); } #menu #menu-news a { background-image: url('/images/menu-news.png'); } #menu #menu-offices a { background-image: url('/images/menu-offices.png'); } #menu #menu-pihotel a { background-image: url('/images/menu-hotel.png'); } #menu #menu-services a { background-image: url('/images/menu-services.png'); } #menu #menu-location a { background-image: url('/images/menu-location.png'); } #menu #menu-photogallery a { background-image: url('/images/menu-photogallery.png'); } #menu #menu-ostrava a { background-image: url('/images/menu-ostrava.png'); } #menu #menu-contact a { background-image: url('/images/menu-contact.png'); } #menu #menu-home a span { background-image: url('/images/logo-theorchard-home.gif'); } #menu #menu-news a span { background-image: url('/images/logo-theorchard-news.gif'); } #menu #menu-offices a span { background-image: url('/images/logo-theorchard-offices.gif'); } #menu #menu-pihotel a span { background-image: url('/images/logo-theorchard-hotel.gif'); } #menu #menu-services a span { background-image: url('/images/logo-theorchard-services.gif'); } #menu #menu-location a span { background-image: url('/images/logo-theorchard-location.gif'); } #menu #menu-photogallery a span { background-image: url('/images/logo-theorchard-photogallery.gif'); } #menu #menu-ostrava a span { background-image: url('/images/logo-theorchard-ostrava.gif'); } #menu #menu-contact a span { background-image: url('/images/logo-theorchard-contact.gif'); } #menu #menu-home a:link span, #menu #menu-home a:visited span { background: url('/images/logo-theorchard-home.gif') 0% -500px no-repeat; } #menu #menu-news a:link span, #menu #menu-news a:visited span { background: url('/images/logo-theorchard-news.gif') 0% -500px no-repeat; } #menu #menu-offices a:link span, #menu #menu-offices a:visited span { background: url('/images/logo-theorchard-offices.gif') 0% -500px no-repeat; } #menu #menu-pihotel a:link span, #menu #menu-pihotel a:visited span { background: url('/images/logo-theorchard-hotel.gif') 0% -500px no-repeat; } #menu #menu-services a:link span, #menu #menu-services a:visited span { background: url('/images/logo-theorchard-services.gif') 0% -500px no-repeat; } #menu #menu-location a:link span, #menu #menu-location a:visited span { background: url('/images/logo-theorchard-location.gif') 0% -500px no-repeat; } #menu #menu-photogallery a:link span, #menu #menu-photogallery a:visited span { background: url('/images/logo-theorchard-photogallery.gif') 0% -500px no-repeat; } #menu #menu-ostrava a:link span, #menu #menu-ostrava a:visited span { background: url('/images/logo-theorchard-ostrava.gif') 0% -500px no-repeat; } #menu #menu-contact a:link span, #menu #menu-contact a:visited span { background: url('/images/logo-theorchard-contact.gif') 0% -500px no-repeat; } #menu #menu-home a:active span, #menu #menu-home a:hover span { background: url('/images/logo-theorchard-home.gif') 0% 0% no-repeat; } #menu #menu-news a:active span, #menu #menu-news a:hover span { background: url('/images/logo-theorchard-news.gif') 0% 0% no-repeat; } #menu #menu-offices a:active span, #menu #menu-offices a:hover span { background: url('/images/logo-theorchard-offices.gif') 0% 0% no-repeat; } #menu #menu-pihotel a:active span, #menu #menu-pihotel a:hover span { background: url('/images/logo-theorchard-hotel.gif') 0% 0% no-repeat; } #menu #menu-services a:active span, #menu #menu-services a:hover span { background: url('/images/logo-theorchard-services.gif') 0% 0% no-repeat; } #menu #menu-location a:active span, #menu #menu-location a:hover span { background: url('/images/logo-theorchard-location.gif') 0% 0% no-repeat; } #menu #menu-photogallery a:active span, #menu #menu-photogallery a:hover span { background: url('/images/logo-theorchard-photogallery.gif') 0% 0% no-repeat; } #menu #menu-ostrava a:active span, #menu #menu-ostrava a:hover span { background: url('/images/logo-theorchard-ostrava.gif') 0% 0% no-repeat !important; } #menu #menu-contact a:active span, #menu #menu-contact a:hover span { background: url('/images/logo-theorchard-contact.gif') 0% 0% no-repeat; } #menu a:link span, #menu a:visited span { z-index: 2; } #menu a:active span, #menu a:hover span { z-index: 2; } .home #menu #menu-home a, .uvod #menu #menu-home a, .news #menu #menu-news a, .novinky #menu #menu-news a, .offices #menu #menu-offices a, .kancelare #menu #menu-offices a, .park-inn-hotel #menu #menu-pihotel a, .srv #menu #menu-services a, .location #menu #menu-location a, .lokalita #menu #menu-location a, .galleries #menu #menu-photogallery a, .gallery #menu #menu-photogallery a, .ostrava #menu #menu-ostrava a, .contact #menu #menu-contact a, .kontakt #menu #menu-contact a { background-position: 100% 0; color: #fff; } .ostrava.gallery #menu #menu-ostrava a { background-position: 100% -50px; color: #113c2e; } .home #menu #menu-home a span, .uvod #menu #menu-home a span, .news #menu #menu-news a span, .novinky #menu #menu-news a span, .offices #menu #menu-offices a span, .kancelare #menu #menu-offices a span, .park-inn-hotel #menu #menu-pihotel a span, .srv #menu #menu-services a span, .location #menu #menu-location a span, .lokalita #menu #menu-location a span, .galleries #menu #menu-photogallery a span, .gallery #menu #menu-photogallery a span, .ostrava #menu #menu-ostrava a span, .contact #menu #menu-contact a span, .kontakt #menu #menu-contact a span { background-position: 0 0; z-index:1; } .ostrava.gallery #menu #menu-ostrava a span { background-position: 0% -500px; } /* Layer over the span above, to prevent over of menu link when mouse on logo. */ span#logo { display: block; width: 148px; height: 160px; position: absolute; top: 55px; left: 0; z-index: 5; } /* header */ #header { height: 200px; margin-bottom: 10px; } .home #header, .uvod #header { height: auto; margin-bottom: auto; } .news #header, .novinky #header { background: url('/images/header_news.jpg') no-repeat 0 0; } .offices #header, .kancelare #header { background: url('/images/header_offices.jpg') no-repeat 0 0; } .park-inn-hotel #header { background: url('/images/header_parkinn.jpg') no-repeat 0 0; } .srv #header { background: url('/images/header_services.jpg') no-repeat 0 0; } .location #header, .lokalita #header { background: url('/images/header_location.jpg') no-repeat 0 0; } .galleries #header, .gallery #header { background: url('/images/header_photogallery.jpg') no-repeat 0 0 !important; } .ostrava #header { background: url('/images/header_ostrava.jpg') no-repeat 0 0; } .contact #header, .kontakt #header { background: url('/images/header_contact.jpg') no-repeat 0 0; } .webcam #header { background: url('/images/header_webcam.jpg') no-repeat 0 0; } /* footer */ #footer ul { /* IE css */ width: 638px; margin: 10px 0 20px 26px; float: left; font-size: 0.7em; color: #666; } #footer li { list-style-type: none; float: left; margin-right: 20px; line-height: 18px; } #footer li#redgroup { margin-right: 0; } #footer li#redgroup a { background: url('/images/ico/redgroup.gif') no-repeat 0 50%; padding-left: 30px; } #footer li#wdf { float: right; text-align: right; margin-right: 0; background: url('/images/ico/wdf.gif') no-repeat 0 50%; padding-left: 20px; } #footer a:link, #footer a:visited { color: #919191; } #footer a:hover, #footer a:active, #footer a:focus { color: #515151; } /* lang */ ul#language { /* IE css */ float: right; margin-top: 5px; margin-right: 26px; font-size: 0.8em; } ul#language li { list-style-type: none; display: inline; margin-left: 10px; } ul#language strong { font-weight: normal; background: url('/images/ico/highlight-arrow.gif') no-repeat 0 50%; padding-left: 7px; } /* content */ #content ul { margin: 0 20px 10px 5px; } #content ol { margin: 10px 20px; } .path { font-size: 0.8em; margin-bottom: 5px; } #maincontent { width: 420px; float: left; overflow: hidden; } #sidebar { width: 210px; float: right; padding-bottom: 80px; } #content ul#gallery, #content ul#file-list { margin-top: 20px; margin-bottom: 30px; clear: both; } #content ul#gallery li, #content ul#file-list li { margin-left: 24px; font-size: 0.8em; font-weight: bold; list-style-type: none; } #content ul#gallery li.first, #content ul#file-list li.first { margin-left: 0; } #content ul#gallery em { display: block; font-weight: normal; font-style: normal; color: #919191; } #content ul#file-list { margin: 20px 0 70px 0; font-size: 1.1em; font-weight: normal; } #content ul#file-list li { margin-left: 0; margin-bottom: 2px; padding-left: 0; background: none; } #content ul#file-list img { vertical-align: text-top; } #content ul#file-list a { text-decoration: none; } #content ul#file-list a span { text-decoration: underline; } #content #sidebar ul#gallery { margin-top: 0; margin-right: 0; margin-left: 10px; } #content #sidebar ul#gallery li { margin: 0 0 20px 0; float: none; background: none; padding-left: 0; padding-top: 0; } #content #sidebar ul#gallery img { display: block; margin-bottom: 9px; } #content #sidebar ul#extra-info { margin-right: 0; margin-left: 10px; } #content #sidebar ul#extra-info li { list-style-type: none; margin-bottom: 15px; padding: 0 0 15px 0; background: #d9f0f7 url('/images/bg-extra-info-box-bottom_blue.gif') no-repeat 100% 100%; } #content #sidebar ul#extra-info h2 { font-size: 1em; font-weight: bold; margin: 0; padding: 15px 0 0 15px; background: url('/images/bg-extra-info-box-top_blue.gif') no-repeat 0 0; color: #000; } #content #sidebar ul#extra-info p { font-size: 0.8em; margin: 5px 15px; } ul#extra-info a { display: block; text-decoration: none; margin-top: 10px; } ul#extra-info a span { text-decoration: underline; } ul#extra-info a img { vertical-align: text-top; margin-left: -2px; } .park-inn-hotel #content ul#extra-info li#factsheet ul, .park-inn-hotel #content ul#extra-info li#factsheet ul { margin: 5px 0 0 0; } .park-inn-hotel #content ul#extra-info li#factsheet li, .park-inn-hotel #content ul#extra-info li#factsheet li { background: none; padding-bottom: 0; margin: 0 15px 15px 15px; font-size: 0.9em; } .park-inn-hotel #content ul#extra-info li#factsheet a, .park-inn-hotel #content ul#extra-info li#factsheet a { text-decoration: underline; display: inline; } .park-inn-hotel #content ul#extra-info li#factsheet img { position: relative; top: 3px; } .ostrava #content ul#extra-info li#usefullinks ul, .ostrava #content ul#extra-info li#usefulinfo ul { margin: 5px 0 0 0; } .ostrava #content ul#extra-info li#usefullinks li, .ostrava #content ul#extra-info li#usefulinfo li { /* IE css */ background: none; padding-bottom: 0; margin: 0 15px 15px 15px; font-size: 0.9em; } .ostrava #content ul#extra-info li#usefullinks li { margin-bottom: 5px; } .ostrava #content ul#extra-info li#usefullinks a { text-decoration: underline; display: inline; } .srv #content #sidebar ul#extra-info li, .location #content #sidebar ul#extra-info li, .ostrava #content #sidebar ul#extra-info li { background: #d9f0f7 url('/images/bg-extra-info-box-bottom_blue.gif') no-repeat 100% 100%; } .srv #content #sidebar ul#extra-info h2, .location #content #sidebar ul#extra-info h2, .ostrava #content #sidebar ul#extra-info h2 { background: url('/images/bg-extra-info-box-top_blue.gif') no-repeat 0 0; } #content ul#newsitems { margin: 10px 0; } #content ul#newsitems li { list-style-type: none; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; background: none; padding-left: 0; } #content ul#newsitems h2 { font-size: 1.2em; } #content #sidebar ul#extra-info ul#newsletters { font-size: 0.9em; margin: 10px 15px 5px; } #content #sidebar ul#extra-info ul#newsletters li { background: none; margin: 0 0 3px 0; padding: 0; } table.building { font-size: 0.8em; } table.building caption { font-size: 1.7em; background: #d9f7ff url('/images/bg-buildingtablecorner.gif') no-repeat 100% 0; padding: 3px 5px; } table.building td, table.building th { padding: 3px 0 3px 15px; text-align: left; border-bottom: 1px solid #dbdbdb; } table.building th { padding: 5px 0 5px 15px; } table.building td.firstcol, table.building th.firstcol { padding-left: 5px; } table.building tr.total td, table.building tr.total th { border-bottom: none; } table.building .total td.description { text-align: right; font-weight: bold; } table.building th.floorplan { width: 140px; } table.building th.area { width: 90px; } table.building th.available { width: 121px; } table.building th.tenant { width: 140px; text-align: left; } table.building th.download { width: 80px; } table.building tr.downloadproject td { text-align: left; border-bottom: none; font-weight: bold; padding-bottom: 20px; padding-left: 395px; } table.building tr.downloadproject a { text-decoration: none; } table.building tr.downloadproject a span { text-decoration: underline; } table.building tr.downloadproject a img { vertical-align: text-top; } table.building tr.downloadproject span.filesize { font-weight: normal; } /* Offices: tenant logos */ #content ul.logos { margin: 10px 0 50px; } #content ul.logos li { position: relative; font-size: 0.8em; margin-bottom: 15px; margin-left: 38px; width: 130px; height: 60px; background: #eee url('/images/bg-logoitems.gif') no-repeat 0 0; text-align: center; } ul.logos img { margin: 0; } #content ul.logos span { position: absolute; top: 0; left: 0; width: 130px; height: 60px; background: url('/images/bg_logo-border.png') no-repeat 0 0; } #content #tenantlists { margin: 10px 0 50px; } #content #tenantlists ul.logos { margin: 0; } #content #tenantlists ul#tenantsnav { clear: both; margin: 0; padding-top: 20px; text-align: center; } #content #tenantlists ul#tenantsnav li { background: none; margin: 0 7px 0 0; padding: 0; display: inline; } #content #tenantlists ul#tenantsnav a { display: inline; padding: 3px 5px; text-decoration: none; border: 1px solid #f1f1f1; } #content #tenantlists ul#tenantsnav a:link, #content #tenantlists ul#tenantsnav a:visited { background-color: #fff; } #content #tenantlists ul#tenantsnav a:hover, #content #tenantlists ul#tenantsnav a:active, #content #tenantlists ul#tenantsnav a:focus { background-color: #f4f4f4; } #content #tenantlists ul#tenantsnav a.highlight:link, #content #tenantlists ul#tenantsnav a.highlight:visited, #content #tenantlists ul#tenantsnav a.highlight:hover, #content #tenantlists ul#tenantsnav a.highlight:active, #content #tenantlists ul#tenantsnav a.highlight:focus { background-color: #fff; border: 1px solid #fff; font-weight: bold; color: #444; } /*.galleries #content ul#gallery { margin-bottom: 90px; }*/ .galleries #content ul#gallery li { margin-left: 17px; min-height: 15.5em; width: 200px; } .gallery #content ul#gallery { margin-bottom: 60px; } .gallery #content ul#gallery li { /* IE css */ margin-left: 25px; } .galleries #content ul#gallery li.first, .gallery #content ul#gallery li.first { margin-left: 0; } .extraspace { /* IE css */ margin-bottom: 50px; } /* contact form */ form, fieldset, legend { margin: 0; padding: 0; border: none; } form { margin-top: 15px; } form br { clear: both; } label { width: 110px; float: left; clear: left; } .kontakt label { width: 130px; } label, input.text, select, textarea { margin-bottom: 20px; } .hideme, .hideme span { display: block; position: absolute; left: -999em !important; } input.text, textarea { font-family: 'Trebuchet MS', Helvetica, sans-serif; width: 250px; background-color: #fff; color: #666; border: 1px solid #ccc; font-size: 0.8em; padding: 1px 3px; } textarea { overflow: auto; } input.submit { /* IE css */ cursor: pointer; font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #666; font-weight: bold; font-size: 1.05em; margin: 0 52px 30px 0; padding: 3px 8px; float: right; border: none; width: 110px; height: 32px; background: #ddd url('/images/bg_button_110x32_2.png') no-repeat 0 0; } .kontakt input.submit { margin-right: 32px; } input.submit:hover { background-position: 0 100%; } p.forminfo { font-size: 0.8em; margin-top: 5px; } .contact #content #sidebar #contact-details, .kontakt #content #sidebar #contact-details { list-style-type: none; margin: 15px 0; padding: 0 0 15px 0; background: #D9F0F7 url('/images/bg-extra-info-box-bottom_blue.gif') no-repeat 100% 100%; } .contact #content #sidebar #contact-details h2, .kontakt #content #sidebar #contact-details h2 { font-size: 1em; font-weight: bold; margin: 0; padding: 15px 0 0 15px; background: url('/images/bg-extra-info-box-top_blue.gif') no-repeat 0 0; color: #000; } .contact #content #sidebar #contact-details p, .kontakt #content #sidebar #contact-details p { font-size: 0.8em; margin: 10px 15px; } .news p#goback, .novinky p#goback { float: right; clear: none; margin-top: 30px; } /* intro */ /* via http://exanimo.com/examples/css/vertical-centering-with-a-floated-shim.html */ html.intro, body.intro { height: 100%; margin: 0; padding: 0; background: #fff; } body.intro * { margin:0; padding: 0; } div#topspacer { visibility: hidden; width: 100%; height: 50%; margin-top: -301px; float: left; } /* Move div#flash down half the height of the screen. */ /* margin-top half the height of div#flash. */ div#flash { margin: 0 auto; width: 800px; height: 602px; clear: both; top: -301px; position: static; } #flash p { margin-top: 10%; text-align: center; } /* Issue: IE5mac interprets negative values as positive. The content won't be vertically centered but it won't be messed up by the previous CSS either. */ /* Hide from IE5mac \*//*/ div#topspacer { display: none; } html, body { height: auto; } /* end hack */ /* rounded corners */ /* note: this can be removed if the corners on images are generated server-side */ span.round img { border: 0; display:block; } span.round, span.round span { display: block; } span.round { position:relative; } span.tl, span.br { position: absolute; width: 25px; height: 25px; z-index:10; display: inline-block; } span.tl { /* IE css */ background: url('/images/topleft.png') top left no-repeat; top: 0; left: 0; } span.br { /* IE css */ background: url('/images/bottomright.png') top left no-repeat; right: 0; } .galleries span.br { top: 95px; } .gallery span.br, .news span.br, .novinky span.br { top: 69px; } .offices span.br, .kancelare span.br { top: 69px; } /* messages */ #content .msg { margin-bottom: 15px; margin-right: 20px; } #content .msg ul { margin: 0; } #content .msg li { background: none; padding-left: 0; margin: 0; } #content .ok { color: #000; background: #d9f0f7 url('/images/bg-extra-info-box-top_blue.gif') no-repeat 0 0; padding: 10px 0 0 15px; } #content .ok .br { background: url('/images/bg-extra-info-box-bottom_blue.gif') no-repeat 100% 100%; padding: 0 15px 10px 0; } #content ul.NoticerError { margin-bottom: 30px; margin-left: 0; font-size: 1.1em; } /* webcam */ #webcamimageholder { /* IE css */ min-height: 300px; } #webcamimage { width: 450px; margin: 20px auto 0; } /* flash park inn hotel */ #parkinnhotel { position: absolute; top: 287px; left: -210px;}