/* layout */ .cleaner {clear: both; height: 1px; font-size: 1px; display: block; padding: 0px; margin: 0px;} .hidden {display: none !important;} .fl {float: left !important; display: inline !important;} .fr {float: right !important; display: inline !important;} .right {text-align: right !important;} IMG {border: 0px;} SPAN.txt {height: auto !important;} HR {display: none;} BODY, UL, OL, H1, H2, H3, H4, H5 {padding: 0px; margin: 0px;} HTML, BODY {height: 100%;} BODY {background: url('../_images/bg-body.jpg') top left repeat-x #FFF; text-align: center; font-family: Arial, sans-serif; font-size: 11px; color: #565757;} #main {width: 680px; margin-left: auto; margin-right: auto; text-align: left; position: relative;} body.newsletter #main {width:711px;} /* Header */ #header {background: url('../_images/bg-header.jpg') top left no-repeat; height: 158px; padding-top: 3px;} body.newsletter #header {background: url('../_images/bg-header-small.jpg') top left no-repeat; height: 0px; padding-top: 3px;} #plinks {position: absolute; top: 8px; left: 10px; right: 10px; z-index: 10;} #links {float: left; _display: inline; width: 125px;} #languages {float: right; _display: inline; width: 175px; margin-right: 0px;} #plinks A {float: left; _display: inline; color: #000; font-size: 8px; font-weight: bold; text-transform: uppercase; text-decoration: none; text-align: center; position: relative; overflow: hidden; height: 8px;} #plinks A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;} #plinks A:hover {color: #9e0000;} #plinks A:hover SPAN {background-position: 0px -8px;} #plinks A#link-home {width: 36px; margin-left: 5px;} #plinks A#link-home SPAN {background-image: url("../_images/bg-link-home.gif");} #plinks A#link-sitemap {width: 37px;} #plinks A#link-sitemap SPAN {background-image: url("../_images/bg-link-sitemap.gif");} #plinks A#link-techonet {width: 45px;} #plinks A#link-techonet SPAN {background-image: url("../_images/bg-link-techonet.gif");} #plinks A#link-cz {width: 32px;} #plinks A#link-cz SPAN {background-image: url("../_images/bg-link-cz.gif");} #plinks A#link-sk {width: 50px;} #plinks A#link-sk SPAN {background-image: url("../_images/bg-link-sk.gif");} #plinks A#link-en {width: 36px;} #plinks A#link-en SPAN {background-image: url("../_images/bg-link-en.gif");} #plinks A#link-ru {width: 51px;} #plinks A#link-ru SPAN {background-image: url("../_images/bg-link-ru.gif");} #intro {margin-left: 10px; margin-right: 10px; width: 660px; height: 158px; background: url('../_images/bg-flash.jpg') top left no-repeat;} /* Header / Navigation */ #nav {margin-left: 10px; margin-right: 10px; background-color: #DC161D;} #nav_dummy {margin-left: 10px; margin-right: 10px; background-color: #DC161D; background:url(../_images/bg-navigation_dummy.gif); width:660px; height:26px} #nav UL {} #nav LI {float: left; display: inline; list-style-type: none; /*behavior: url(1/js/hover.htc);/*/} #nav LI A {position: relative; display: block; padding-top: 7px; padding-bottom: 6px; color: #FFF; text-decoration: none; text-align: center; font-size: 10px; text-transform: uppercase; background-color: #DC161D;} #nav LI A:hover {color: #000 !important;} #nav LI LI A:hover {color: #000 !important; /*background-color: #E8676C !important;*/} #nav LI A SPAN {/*display: block;*/ padding-top: 7px; padding-bottom: 6px;} #nav LI LI {float: none;} #nav LI LI A {text-align: left; /*border-left: 2px solid #C10B0B; border-right: 2px solid #C10B0B;*/ text-transform: none;} #nav LI LI A SPAN {padding-left: 8px; padding-right: 4px; white-space: nowrap;} #nav .submnu {position:absolute; visibility: hidden; z-index: 2; margin-left: 15px;} #nav .submnu UL {margin-top: 1px; border-top: 4px solid #C10B0B; border-bottom: 3px solid #C10B0B;} #nav LI:hover A {color: #000;} #nav LI:hover LI A {color: #FFF;} #nav LI LI A {min-height: 16px; height: auto; _height: 16px; padding: 2px; padding-top: 0px; padding-bottom: 0px; background-color: #C10B0B; line-height: 10px;} #nav LI LI A SPAN {padding-top: 2px; padding-bottom: 2px; display: inline; /*white-space: nowrap;*/ /*border: 1px solid red;*/} #nav LI:hover .submnu {visibility: visible;} #nav .submnu .submnu {margin-top: -21px; margin-left: 0px;} #nav .submnu .submnu UL {margin-left: 1px;} #nav LI:hover .submnu .submnu {visibility: hidden;} #nav .submnu LI:hover .submnu {visibility: visible;} #nav .submnu LI:hover A {color: #000; /*background-color: #E8676C;*/} #nav .submnu LI:hover LI A {color: #FFF; background-color: #C10B0B !important;} #nav .submnu LI LI A:hover {/*background-color: #E8676C !important;*/ color: #000;} #fake-nav-space {position: absolute; width: 1px; height: 23px; z-index:10; top: 3px; left: 0px; background-color: #FFF; filter: Alpha(opacity='0'); -moz-opacity:.0;} #nav #nav-156 {width: 107px;} #nav #nav-187 {width: 112px;} #nav #nav-203 {width: 111px;} #nav #nav-263 {width: 106px;} #nav #nav-268 {width: 120px;} #nav #nav-283 {width: 104px;} /* Sirky submenicek */ #nav #submnu-268 {width: 115px !important;} #nav #submnu-268 #fake-nav-space {left: 185px !important;} #nav #submnu-269 {width: 185px !important; margin-left: -305px;} #nav #submnu-283 {width: 89px !important;} #nav #submnu-283 #fake-nav-space {left: 99px !important;} #nav #submnu-284 {width: 100px !important; margin-left: -191px;} #nav #submnu-228 {margin-top: -53px !important;} /* Content */ #content-holder {background: url('../_images/bg-content-holder.jpg') top left repeat-y;} body.newsletter #content-holder {background:none} #content .no-js {color: #DC161D; font-size: 10px; margin-top: 6px; font-family: Verdana, sans-serif;} #content .no-js A {color: #DC161D;} #content {background: url('../_images/bg-content.jpg') top left no-repeat; padding: 8px 28px 20px 28px; min-height: 424px; height: auto; _height: 424px; position: relative; z-index: 1; text-align: left;} #content FORM {margin: 0px; padding: 0px;} #content INPUT, #content TEXTAREA, #content SELECT {font-size: 11px; color: #575657; font-family: Arial, sans-serif;} #content H2 {color: #000; font-size: 18px; font-weight: bold; text-transform: uppercase;} #content H3 {color: #B3B3B3; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-left: 1px;} #content FORM FIELDSET {border: 0px;} #content TEXTAREA {overflow: hidden; padding-top: 2px; padding-bottom: 2px;} #content INPUT {padding-top: 2px; padding-bottom: 2px;} #content LABEL {padding-top: 3px;} #content .f-row {clear: both; margin-top: 10px;} #content A.button, #page_content A.button {text-decoration: none; text-transform: uppercase; font-size: 9px; color: #575657; background: url('../_images/button-bg.gif') 0px 0px no-repeat; border: 1px solid #D0D0D0; margin-top: 15px; padding: 2px 5px 2px 17px;} #content A.button SPAN, #page_content A.button SPAN {color: #A30202;} #content INPUT.text, #content TEXTAREA, #content SELECT {border: 1px solid #DEDEDE; background-color: #F5F5F5; background-repeat: no-repeat; background-position: 98% 4px;} #content .exmark {padding-left: 3px; height: 20px; background-position: top right; background-repeat: no-repeat;} #page_news_content {text-align: left;} #page_content {text-align: left; min-height: 424px; height: auto; _height: 424px; padding-bottom: 30px;} #page_content A, #page_news_content A {color: #308BCB;} #page_content H4, #page_news_content H4 {color: #9F0101; text-transform: uppercase; font-size:11px; font-weight: bold; margin-top: 2.3em;} #page_content H4.first, #page_news_content H4.first {margin-top: 1em;} #page_content H5, #page_news_content H5 {text-transform: uppercase; font-size:11px; font-weight: bold; margin-top: 2.3em;} #page_content H5.first, #page_news_content H5.first {margin-top: 1em;} #page_content H4 A, #page_news_content H4 A {color: #9F0101;} #page_content P, #page_news_content P {margin-top: 1em; margin-bottom: 1em; text-align: justify;} #page_content H6, #page_news_content H6 {font-weight: bold; font-size: 11px; margin-bottom: 0em; margin-top: 1em;} #page_content UL, #page_news_content UL {margin-left: 1px; margin-top: 1em;} #page_content LI, #page_news_content LI {list-style-type: none; background: url('../_images/li.gif') 0px 7px no-repeat; margin-top: 0.5em; padding-left: 10px; text-align: justify;} #page_content .img, #page_news_content .img {border: 1px solid #E6E6E6;} #page_content .img-left, #page_news_content .img-left {border: 1px solid #E6E6E6; float: left; display: inline; margin-bottom: 5px; margin-right: 10px; margin-top: 2px;} #page_content .img-right, #page_news_content .img-right {border: 1px solid #E6E6E6; float: right; display: inline; margin-bottom: 5px; margin-left: 10px; margin-top: 2px;} #page_content .center, #page_news_content .center {text-align: center;} #page_content TABLE {margin-top: 1em; font-size: 11px;} #page_content TD {padding: 2px; padding-left: 0px; padding-right: 5px; vertical-align: top; text-align: left;} #page_content TH {padding: 2px; padding-left: 0px; padding-right: 5px; vertical-align: top; font-weight: bold; text-align: left;} BUTTON.button-submit {background: url('../_images/button-submit.gif') top left no-repeat; border: 0px; height: 17px; color: #575657; font-size: 8px; _font-size: 9px; text-transform: uppercase; padding-top: 0px; _padding-top: 2px; padding-left: 12px; _padding-left: 8px; width: 80px; cursor: pointer; cursor: hand;} /* Footer */ #footer {height: 33px; background: url('../_images/bg-footer.gif') top left no-repeat; text-transform: uppercase; position: relative;} body.newsletter #footer {background:none; border-top:1px solid #eee; clear:both;} #footer A {color: #AE0000; text-decoration: none;} #copyright {width: 280px; height: 10px; float: left; display: inline; position: relative; overflow: hidden; margin-left: 20px; margin-top: 9px; font-size: 9px;} #design {width: 140px; height: 10px; float: right; display: inline; position: relative; overflow: hidden; margin-right: 20px; margin-top: 9px; font-size: 9px;} #design SPAN {background: url('../_images/bg-design.gif') top left no-repeat;} #copyright A.fakelink {position: absolute; left: 92px; width: 30px;} #design A.fakelink {position: absolute; right: 0px; width: 60px;} /* Home */ .home {padding: 0px 10px 0px 10px !important;} .home .no-js {margin-left: 18px} #page_news_annotations {width: 305px; float: left; display: inline; min-height: 306px; height: auto; _height: 306px; text-align: left;} #page_news_annotations DIV {margin-left: 18px; margin-right: 10px; margin-top: 16px;} #page_news_annotations H4 {font-size: 9px; color: #565757; margin-left: 2px;} #page_news_annotations H3 {margin-top: 0.2em;} #page_news_annotations H3 A {color: #9E0000; font-size: 10px; text-transform: uppercase; text-decoration: none;} #page_news_annotations H3 A:hover {text-decoration: underline;} #page_news_annotations P {margin-top: 0.2em; margin-bottom: 0em; font-size: 10px; line-height: 10px;} #page_news_annotations A {font-size: 10px; color: #308BCB;} #page_news_annotations H2 {position: relative; overflow: hidden; width: 100px; height: 20px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #000; margin-top: 9px; border-left: 4px solid #8F0404; padding-left: 16px;} #page_news_annotations H2 SPAN {position: absolute; top: 0px; left: 16px; width: 100%; height: 100%; background: url('../_images/h2-news.gif') top left no-repeat;} #concept-change-holder {width: 355px; float: left; background: url('../_images/bg-home-concept-change.jpg') top left no-repeat; } #concept-change {padding-left: 11px;} #concept-change H2 {margin-left: 15px; margin-top: 12px; margin-bottom: 15px; color: #000; font-size: 16px; font-weight: bold; text-transform: uppercase; width: 180px; height: 22px; position: relative; overflow: hidden;} #concept-change H2 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../_images/h2-concept-change.gif') 0px 0px no-repeat;} #concept-change DIV {float: left; display: inline; height: 76px; width: 93px; _width: 97px; _wid\th: 93px; position: relative; margin-left: 13px; margin-top: 8px;} #concept-change DIV A {color: #8C8C8C; text-decoration: none; display: block; position: relative; width: 100%; height: 58px; _height: 62px; _hei\ght: 58px; overflow: hidden; border: 2px solid #AEADAD; background-color: #FFF;} #concept-change DIV A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; cursor: pointer; cursor: hand;} #concept-change DIV A SPAN.txt {width: 80px; left: 4px; top: 4px; line-height: 10px; font-size: 9px;} #concept-change DIV A SPAN.img {background-repeat: no-repeat; background-position: top left;} #concept-change DIV A SPAN.arrow {background: url('../_images/img-arrow.gif') top left no-repeat; left: 84px;} #concept-change DIV A:hover SPAN.img {background-image: none;} #concept-change H3 {position: absolute; overflow: hidden; top: 62px; color: #858585; font-size: 9px; width: 97px; height: 13px; text-transform: uppercase;} #concept-change H3 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat;} #call-centre A SPAN.img {background-image: url('../_images/call-centre.jpg');} #call-centre H3 SPAN {background-image: url('../_images/h3-call-centre.gif');} #touch-down A SPAN.img {background-image: url('../_images/touch-down.jpg');} #touch-down H3 SPAN {background-image: url('../_images/h3-touch-down.gif');} #hot-desk A SPAN.img {background-image: url('../_images/hot-desk.jpg');} #hot-desk H3 SPAN {background-image: url('../_images/h3-hot-desk.gif');} #focus A SPAN.img {background-image: url('../_images/focus.jpg');} #focus H3 SPAN {background-image: url('../_images/h3-focus.gif');} #conventional A SPAN.img {background-image: url('../_images/conventional.jpg');} #conventional H3 SPAN {background-image: url('../_images/h3-conventional.gif');} #team-office A SPAN.img {background-image: url('../_images/team-office.jpg');} #team-office H3 SPAN {background-image: url('../_images/h3-team-office.gif');} #meeting-room A SPAN.img {background-image: url('../_images/meeting-room.jpg');} #meeting-room H3 SPAN {background-image: url('../_images/h3-meeting-room.gif');} #project-room A SPAN.img {background-image: url('../_images/focus.jpg');} #project-room H3 SPAN {background-image: url('../_images/h3-project-room.gif');} #club A SPAN.img {background-image: url('../_images/club.jpg');} #club H3 SPAN {background-image: url('../_images/h3-club.gif');} #banners {float: left; display: inline; width: 305px; padding-top: 3px; clear: both;} #banners #banner-left {float: left; display: inline; margin-left: 18px; margin-top: 4px;} #banners #banner-right {float: left; display: inline; margin-left: 3px;} #iso {clear: both; margin-top: 20px;} #iso DIV {width: 95px; float: left; display: inline; text-align: center;} #iso H3 {position: relative; overflow: hidden; font-size: 12px; font-weight: bold; color: #909090; width: 65px; height: 14px; margin-left: auto; margin-right: auto;} #iso H3 SPAN {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;} #iso H3 A {color: #909090; display: block; width: 100%; height: 100%; text-decoration: none;} #iso #iso9001 {border-right: 1px solid #E2E2E2; margin-left: 18px;} #iso #iso14000 {border-right: 1px solid #E2E2E2;} #iso #iso9001 SPAN {background-image: url('../_images/iso-9001.gif');} #iso #iso14000 SPAN {background-image: url('../_images/iso-14000.gif');} #iso #coc SPAN {background-image: url('../_images/coc.gif');} #quick-select-holder {float: left; display: inline; width: 355px; margin-top: 4px;} #quick-select {margin-left: 5px; width: 350px; height: 57px; background: url('../_images/bg-quick-select.gif') top left no-repeat;} #quick-select H3 {color: #59595A; font-size: 12px; font-weight: bold; width: 90px; height: 16px; position: relative; overflow: hidden; margin-top: 14px; margin-left: 18px; float: left; display: inline;} #quick-select H3 SPAN {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url('../_images/h3-quick-select.gif') top left no-repeat;} #f-select-holder {float: left; display: inline; width: 150px;} #pageid {width: 150px; margin-top: 21px; margin-left: 5px; text-transform: uppercase; font-size: 9px !important;} #pageid OPTGROUP {color: #9F0101; font-size: 9px !important;} #pageid OPTION {color: #565757; font-size: 9px !important;} #f_show {float: left; display: inline; margin-top: 21px; margin-left: 10px; background: url('../_images/button-show.gif') top left no-repeat; border: 0px; height: 17px; width: 56px; color: #575657; font-size: 8px; _font-size: 9px; text-transform: uppercase; padding-top: 0px; _padding-top: 2px; padding-left: 12px; _padding-left: 8px; cursor: pointer; cursor: hand;} #awards {padding-top: 7px; height: 47px;} #redhot-logo {width: 74px; height: 47px; float: left; display: inline; margin-left: 10px;} #dc-logo {width: 29px; height: 47px; float: left; display: inline;} #redhot-text, #dc-text {width: 118px; height: 47px; color: #828282; float: left; display: inline; font-size: 9px; line-height: 8px; position: relative; overflow: hidden;} #redhot-text A, #dc-text A {color: #828282; text-decoration: none; display: block; width: 100%; height: 100%;} #redhot-text SPAN, #dc-text SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; cursor: pointer; cursor: hand;} #redhot-text SPAN {background: url('../_images/redhot-text.gif') top left no-repeat;} #dc-text SPAN {background: url('../_images/dc-text.gif') top left no-repeat;} /* Root */ #content-title {border-left: 4px solid #8F0404; margin-left: -18px; margin-bottom: 10px;} #content-title H2, #content-title H3 {padding-left: 14px;} /* Products */ .left-content-info {float: left; display: inline; width: 310px;} .right-content-gallery {float: right; display: inline; width: 312px; float: right; padding-top: 12px;} .product-img IMG {border: 2px solid #D3D3D4; margin-left: 24px;} .right-content-gallery IMG {border: 2px solid #D3D3D4;} .thumbs IMG {cursor: pointer; cursor: hand; border: 2px solid #D3D3D4;} .thumbs A {display: block; float: left; display: inline; margin-left: 24px; margin-top: 20px; width: 52px; _width: 48px; height: 40px; _height: 36px;} .gallery IMG {cursor: pointer; cursor: hand; border: 2px solid #D3D3D4;} .gallery A {display: block; float: left; display: inline; margin-right: 24px; margin-top: 20px; width: 52px; _width: 48px; height: 40px; _height: 36px;} #other-products {text-align: center; color: #B4B4B4; font-size: 10px; text-transform: uppercase; width: 620px;} #other-products A {color: #B4B4B4; text-decoration: none; margin-top: 15px; line-height: 16px; white-space: nowrap;} #other-products A:hover {color: #000;} #other-products A.act {color: #A20101;} #other-products A.act:hover {color: #A20101;} /* Company / Designers */ .img-list {} .img-list DIV {float: left; width: 123px; min-height: 160px; height: auto; _height: 160px; text-align: center; margin-top: 25px;} .img-list H4 {text-transform: none !important; color: #565757 !important; font-size: 9px !important; margin-top: 0.5em !important;} .img-list A {display: block;} .img-list IMG {border: 1px solid #D0D0D0;} /* Company / Charita */ .charity DIV {min-height: 155px; height: auto; _height: 155px !important;} /* Company / Kde jsme */ .content-box {background: url('../_images/bg-box.gif') top left repeat-y #F5F5F5; width: 100%; min-height: 211px; height: auto; _height: 211px; margin-top: 25px;} .content-box .left-content-info {width: 270px;} .content-box .right-content-gallery {width: 346px; padding-top: 0px; position: relative; min-height: 211px; height: auto; _height: 211px;} .content-box .left-content-info DIV {padding-left: 10px;} .content-box .right-content-gallery A {margin-left: 0px;} .content-box .right-content-gallery .thumbs {width: 48px; float: left; position: absolute; left: 0px; bottom: 0px;} .content-box .right-content-gallery .thumbs A {margin-top: 0px; width: 48px; margin-bottom: 10px;} .content-box .right-content-gallery .thumbs A IMG {} .content-box .right-content-gallery .map-img {width: 276px; float: right; margin-right: 4px; _margin-right: 2px;} .content-box .right-content-gallery .map-img IMG {border: 2px solid #D3D3D4; position: absolute;} /* Contacts / Contact form */ .w50p {width: 50%;} .w15 {width: 15px;} .w20 {width: 20px;} .w30 {width: 30px;} .w40 {width: 40px;} .w50 {width: 50px;} .w60 {width: 60px;} .w70 {width: 70px;} .w80 {width: 80px;} .w90 {width: 90px;} .w100 {width: 100px;} .w150 {width: 150px;} .w200 {width: 200px;} .w250 {width: 250px;} .w350 {width: 350px;} .w400 {width: 400px;} .w450 {width: 450px;} .w500 {width: 500px;} .w550 {width: 550px;} /* Sitemap */ #sitemap {margin-left: 0px;} #sitemap LI {background: none; padding-left: 0px; border-bottom: 1px solid #DEDEDE; padding-top: 8px; padding-bottom: 15px;} #sitemap LI A {color: #9F0101; text-decoration: none; font-weight: bold; text-transform: uppercase;} #sitemap LI LI {background: url('../_images/li.gif') 0px 7px no-repeat; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; border-bottom: 0px;} #sitemap LI UL {margin-left: 1px; margin-top: 0px;} #sitemap LI UL UL {margin-left: 0px;} #sitemap LI LI A {font-weight: normal; text-transform: none; color: #565757;} /*#sitemap LI LI LI A {font-weight: normal;}*/ /* News */ #news-archiv DIV {margin-bottom: 25px;} #news-archiv H5 {margin-top: 1em;} #news-archiv H4 {margin-top: 0.5em;} #news-archiv P {margin-top: 0.5em;} #page-listing A {color: #9F0101; font-weight: bold;} #page-listing A.prev {margin-right: 10px;} /* Career / Form */ #f_shifts {background-repeat: no-repeat; width: 100%; background-position: 75px 2px;} #main .gal-title {margin-top: 0px; _margin-top: 15px; clear: both; padding-top: 30px; _padding-top: 15px; margin-bottom: -8px; margin-left: 25px;} /* no-javascript div displays if javascript is disabled on the main page */ #no-javascript { width:280px; height:498px; padding:20px 330px 0 50px; background:url(../_images/barry_at_desk.jpg) top left no-repeat; } body.newsletter a.block_link { display:block; float:left; margin-bottom:10px; margin-right:4px; padding:4px; text-decoration:none; text-transform:uppercase; color:#ec1c24; background-color:#fff; } body.newsletter a.block_link.right { float:right; margin-right:0; } body.newsletter a.block_link:hover { color:#fff; background-color:#ec1c24; } body.p1 a.block_link.p1, body.p2 a.block_link.p2, body.p3 a.block_link.p3, body.p4 a.block_link.p4, body.p5 a.block_link.p5, body.p6 a.block_link.p6, body.p7 a.block_link.p7, body.p8 a.block_link.p8 { color:#fff; background-color:#ec1c24; } #mailing_list { padding:40px; } #mailing_list h2 { color:#fff; margin-bottom:20px; } #mailing_list p { color:#333; font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size:10px; }