* { margin: 0; padding: 0; } body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; background: #000; width: 100%; height: 100%; overflow: hidden; } html { height: 100%; } a { color: #8cc63f; text-decoration: underline; } a:hover { color: #8cc63f; text-decoration: none; } p { line-height: 1.5em; } img { border-style: none; } .clear { clear: both; } .center { text-align: center; } #wrap { width: 970px; min-height: 850px; margin: 0 auto; position: relative; } #imgContainer { z-index: -10; width: 100%; } #scroll { position:absolute; top:0;left:0; z-index:70; width: 100%; height: 100%; overflow:auto; } #header { width: 970px; margin-top: px; float: left; height: 117px; position: absolute; top: 22px; left: 0; } #header img.bg { position: absolute; top: 0; left: 0; } /* ----------------------------------------------------- */ /* --------------------->>> LOGO <<<-------------------- */ /* ----------------------------------------------------- */ #logo { float: left; position: absolute; top: 4px; left: 40px; } #logo a { display: block; width: 87px; height: 87px; overflow: hidden; } /* ----------------------------------------------------- */ /* ------------------>>> NAVIGATION <<<----------------- */ /* ----------------------------------------------------- */ ul#navigation { position: absolute; top: 43px; right: 38px; font-size: 12px; } ul#navigation li { list-style: none; display: block; float: left; padding-left: 21px; } ul#navigation li.first { border-left: none; } ul#navigation li a { display: block; float: left; padding-bottom: 12px; color: #fff; font-weight: bold; text-decoration: none; } ul#navigation li a:hover, ul#navigation li a.active { text-decoration: none; color: #8cc63f; background: url(../layout/navigation_arrow.gif) center bottom no-repeat; } /* ----------------------------------------------------- */ /* -------------------->>> FOOTER <<<------------------- */ /* ----------------------------------------------------- */ #footer { width: 100%; height: 35px; position: absolute; bottom: 20px; left: 0; text-align: center; } #footer_center { width: 970px; height: 35px; margin: 0 auto; position: relative; } #footer img.bg { position: absolute; top: 0; left: 0; } #footer .cnt { width: 912px; padding: 10px 40px 0px 18px; position: absolute; top: 0; left: 0; } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p#copyright { float: left; padding-top: 2px; } #footer p#copyright span { padding-right: 10px; } #footer p#lang { float: right; font-size: 12px; font-weight: bold; } #footer p#lang a { color: #fff; } #footer p#lang a:hover,#footer p#lang a.active { color: #8cc63f; } #footer p#lang span { padding-left: 10px; } /* ----------------------------------------------------- */ /* -------------------->>> CONTENT <<<------------------- */ /* ----------------------------------------------------- */ #content { } h1 { font-size: 46px; font-weight: normal; } h1 span { color: #8cc63f; } p.under_h1 { font-size: 14px; font-weight: bold; } .h2 { width: 262px; height: 16px; margin-bottom: 10px; overflow: hidden; position: relative; } .h2 img { position: absolute; top: 0; left: 0; } .h2 h2 { display: block; position: absolute; top: 16px; left: 0; } .h2_charact { width: 517px; } h3 { font-size: 11px; margin-bottom: 10px; } p { margin-bottom: 14px;} ul.list { list-style: none; margin-bottom: 18px; } ul.list li { background: url(../layout/list_arrow.gif) left no-repeat; padding-left: 12px; margin-bottom: 10px; } /* ----------------------------------------------------- */ /* ------------------>>> HOMEPAGE <<<------------------- */ /* ----------------------------------------------------- */ #home_main { width: 965px; height: 260px; overflow: hidden; position: absolute; top: 168px; left: 0px; } #home_flash_1 { width: 315px; height: 135px; overflow: hidden; position: absolute; top: 458px; left: 0px; } #home_flash_2 { width: 315px; height: 135px; overflow: hidden; position: absolute; top: 458px; left: 325px; } #home_flash_3 { width: 315px; height: 135px; overflow: hidden; position: absolute; top: 458px; left: 650px; } /* ----------------------------------------------------- */ /* ------------------>>> SUBPAGES <<<------------------- */ /* ----------------------------------------------------- */ /* headline */ #headline { width: 645px; height: 90px; overflow: hidden; position: absolute; top: 160px; left: 0px; } #box_cnt { width: 635px; height: 471px; overflow: hidden; position: absolute; left: 0; top: 265px; } #box_cnt img.bg { position: absolute; top: 0; left: 0; } #box_cnt .cnt { padding: 0 24px; width: 587px; float: left; height: 305px; overflow: auto; position: absolute; top: 24px; left: 0; } #small_box_cnt #box_cnt { height: 396px; } #small_box_cnt #box_cnt .cnt { height: 264px; } #big_box_cnt #box_cnt { height: 551px; } #big_box_cnt #box_cnt .cnt { height: 503px; } #normal_box_cnt #box_cnt { } #normal_box_cnt #box_cnt .cnt { height: 423px; } /* boxy vpravo */ #sub_flash { width: 315px; position: absolute; top: 265px; right: 0px; } #sub_flash div{ margin-bottom: 20px; } /* ----------------------------------------------------- */ /* -------------------->>> SP 1 <<<-------------------- */ /* ----------------------------------------------------- */ /* gallery */ #gallery { background: #051225; height: 102px; position: absolute; top: 345px; left: 0; } #gallery a.img { display: block; float: left; overflow: hidden; width: 80px; height: 80px; padding: 3px; margin-right: 18px; position: relative; } #gallery a.last { margin-right: 0px; } #gallery a.img span { width: 86px; height: 86px; position: absolute; top: 0; left: 0; background-image: url(../layout/gallery_img.png); background-repeat: no-repeat; background-position: left top; } #gallery a.img:hover span { background-position: left bottom; } /* ----------------------------------------------------- */ /* -------------------->>> SP 2 <<<-------------------- */ /* ----------------------------------------------------- */ #intrest { width: 400px; padding-left: 54px; padding-top: 8px; height: 40px; position: absolute; bottom: 34px; left: 30px; } #intrest .ico { position: absolute; top: 0; left: 0; } #intrest .h2 { width: 262px; margin-bottom: 0; } #box_free_offices { width: 230px; height: 413px; overflow: hidden; position: absolute; top: 185px; right: 65px; } /* ----------------------------------------------------- */ /* -------------------->>> SP 3 <<<-------------------- */ /* ----------------------------------------------------- */ #projects { width: 617px; background: #051225; height: 112px; padding: 8px 0px 0; padding-left: 18px; position: absolute; top: 335px; left: 0; } #projects .item { float: left; width: 190px; margin-right: 10px; } #projects .last { margin-right: 0px; } #projects .item strong { color: #8cc63f; } #projects .item p { padding-top: 14px; } #projects a.img { display: block; float: left; overflow: hidden; width: 80px; height: 80px; padding: 3px; margin-right: 8px; position: relative; } #projects a.img span { width: 86px; height: 86px; position: absolute; top: 0; left: 0; background-image: url(../layout/gallery_img.png); background-repeat: no-repeat; background-position: left top; } #projects a.img:hover span { background-position: left bottom; } #projects .h2 { width: 152px; margin-left: 6px; margin-bottom: 6px; } /* ----------------------------------------------------- */ /* -------------------->>> SP 6 <<<-------------------- */ /* ----------------------------------------------------- */ #box_select { width: 970px; height: 486px; position: absolute; left: 0; top: 265px; } #box_select img.bg { position: absolute; top: 0; left: 0; } #box_select .cnt { padding: 0 24px; width: 587px; float: left; height: 140px; overflow: hidden; position: absolute; top: 24px; left: 0; } #floor { position: absolute; bottom: 26px; left: 24px; } #box_select .box { position: absolute; top: 270px; left: 410px; } /* button */ a.box_select_button { display: block; width: 160px; height: 60px; overflow: hidden; text-decoration: none; font-weight: bold; color: #fff; background-position: left top; } a.box_select_button:hover { color: #fff; background-position: left bottom; } a.box_select_button span { display: block; padding: 24px 0 0 60px; cursor: pointer; } a.button_floors { background-image: url(../layout/button_floors.gif); margin-bottom: 10px; } a.button_reservation { background-image: url(../layout/button_reservation.gif); } a.button_reservation span { padding-top: 18px; } a.br_contact span { padding-top: 24px;} /* legend */ #legend { margin-top: 30px; position: relative; } #legend strong { display: block; position: absolute; left: 0; top: 8px; } #legend p { padding-left: 58px; } #legend span.green { padding-left: 50px; color: #8cc63f; background: url(../layout/legend_green.gif) left no-repeat; } #legend span.red { padding-left: 50px; color: #ff0000; background: url(../layout/legend_red.gif) left no-repeat; } /* floors */ #floors { position: absolute; right: 0; bottom: 5px; } /* CSS-Tricks Example by Chris Coyier http://css-tricks.com */ html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; overflow:hidden; } #bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; } #bg td { text-align:center; vertical-align:middle; } #bg img { margin:0 auto; min-height:50%; min-width:50%; } #focus-stealer { position: absolute; left: -9999px; } /* ---------------------------------------------------------- */ /* ----------------------- coda slider ---------------------- */ /* ---------------------------------------------------------- */ p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% } noscript p { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ position: relative; width: 635px; height: 92px; padding-top: 10px; overflow: hidden; } /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: 124px; overflow: scroll; } .csw .loading {margin: 50px 0 200px 0; text-align: center; } .csw .loading img { border: none; } .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; margin: auto; width: 635px; /* Also specified in .stripViewer .panelContainer .panel below */ height: 102px; clear: both; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 635px; list-style-type: none; } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 102px; position: relative; width: 635px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 0px 65px; width: 505px; height: 102px; } .stripNav { display: none; } .stripNavL, .stripNavR { width: 27px; height: 82px; position: absolute; top: 10px; z-index: 50; text-indent: -9000em; } .stripNavL a, .stripNavR a { display: block; width: 27px; height: 82px; overflow: hidden; background-repeat: no-repeat; background-position: top;} .stripNavL a:hover, .stripNavR a:hover { background-position: bottom; } .stripNavL { left: 0; } .stripNavR { left: 608px; } .stripNavL a { background-image: url(../layout/arrow_left.gif); } .stripNavR a { background-image: url(../layout/arrow_right.gif); } .without_arrows .stripNavL, .without_arrows .stripNavR { display: none; } a.addthis_button { position:absolute; z-index:100px; right:120px; top:11px;}