/* ---------------------------------------------------------------------------------------------------------- LT WebDevelopment (www.lukastomek.cz) Výstupní zařízení: screen, projection Autor: Lukáš Tomek (info@lukastomek.cz) Vytvořeno: 17/07/2009 ---------------------------------------------------------------------------------------------------------- */ /* -- Basics -- */ html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; list-style: none; } body { font: normal 62.8%/1.4 sans-serif; color: #000; text-align: center; padding: 0; background: #474747 url('../images/bg-body.png') repeat-x; } a { color: #f50a11; } a:hover { color: #322f2c; text-decoration: underline !important; } a img { border:0; } input, select, textarea { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; } input.button, select.button, textarea.button { background: #fff; padding: 2px 0; border: 1px solid #595959; color: #000 !important; vertical-align: middle; } button.button { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; } .submit { width: 98px; height: 25px; overflow: visible; padding: 0 5px; color: #fff; font-weight: bold; border: none; cursor: pointer; } label { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; } h1 { font-size: 2em; } h2 { font-size: 1.45em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { color: #322f2c; } table { border-collapse: collapse; width: 100%; } table th { text-align: left; } table td.right { padding-left: 5px; } table th.right { padding-left: 5px; } table td.left { padding-right: 5px; } table th.left { padding-right: 5px; } blockquote { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; } fieldset { border: 0 !important; } /* -- User friendly features --*/ .hidden { display: none; } .noscreen { width: 200px; position: absolute; left: 0; top: -999px; } /* -- Basics layout -- */ #view { text-align: left; } #head { font-size: 1.2em; position: relative; z-index: 10; } #content { font-size: 1.2em; z-index: 1; } #foot { font-size: 1.2em; z-index: 1; } /* -- Main classes -- */ .fr { float: right !important; } .fl { float: left !important; } .clear { clear: both !important; } .right { text-align: right !important; } .left { text-align: left !important; } .center { text-align: center !important; } .last { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; background: none; } .small { font-size: .90em; } .big { font-size: 1.2em; } .biggest { font-size: 2em; } .light { color: #999999 !important; } .clearfix { width: 100%; padding-bottom: .6em; } .alt { font-weight: bold; } .yellow { color: #FFFF00 !important; } .red { color: #b7092a !important; } .test { border: 1px black solid; } .smile { vertical-align: middle; margin: 0 2px; } .noBrd { border: none !important; } .noBrdL { border-left: none !important; } .noBrdR { border-right: none !important; } .autoWidth { width: auto !important; } .inlink { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; } .relative { position: relative; } /* -- Graphic overlays -- */ a.overlaid, .overlaid a { display: block; cursor: pointer; overflow: hidden; } .overlaid { position: relative; width: 100%; height: 100%; } .overlaid span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* -- Forms layout -- */ .formBox .lab { float: left; width: 19%; text-align: right; padding-right: 1%; } .formBox .con { float: right; width: 80%; } .formBox .clearfix { padding-bottom: 2em; } .formBox .w100 { width: 98%; } .formBox .button:focus { border-color: #000; } /* -- Basic content constructs -- */ .list { margin-bottom: 0 !important; } .offsetTop { margin-top: 1em; } .offsetBottom { margin-bottom: 1em; } .info { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; } /* -- Cols layout -- */ .cols { overflow: hidden; height: 100%; } .cols .col1 { float: left; } .cols .col2 { float: right; } .cols50 .col1, .cols50 .col2 { width: 48% !important; } .cols4 .col1, .cols4 .col2, .cols4 .col3, .cols4 .col4 { width: 24% !important; float: left; } .cols4_lastnarrow .col1, .cols4_lastnarrow .col2, .cols4_lastnarrow .col3 { width: 26% !important; float: left; } .cols4_lastnarrow .col4 { width: 18% !important; float: left; } /* -- Layout -- */ #wrap { width: 980px; padding: 100px 0 100px 0; margin: 0 auto; text-align: center; position: relative;} #view { width: 980px; margin: auto; } #head { height: 104px; padding: 26px 25px 0; } #mainMenu { height: 52px; padding-top: 23px; } #content { padding-bottom: 10px; background-color: #fff; } #foot { clear: both; height: 95px; position: relative; padding: 95px 0 0 65px; background: #e4e6e4 url('../images/bg-foot.gif') bottom left no-repeat; } /* -- person -- */ .person01 #head { background: url('../images/bg-head01.jpg') 0px 0 no-repeat; } .person01 #mainMenu { background: #e6e6e6 url('../images/bg-menu01.png') no-repeat; } .person02 #head { background: url('../images/bg-head02.jpg') no-repeat; } .person02 #mainMenu { background: #e6e6e6 url('../images/bg-menu02.jpg') no-repeat; } .person03 #head { background: url('../images/bg-head03.jpg') no-repeat; } .person03 #mainMenu { background: #e6e6e6 url('../images/bg-menu03.jpg') no-repeat; } .person04 #head { background: url('../images/bg-head04.jpg') no-repeat; } .person04 #mainMenu { background: #e6e6e6 url('../images/bg-menu04.jpg') no-repeat; } .person05 #head { background: url('../images/bg-head05.jpg') no-repeat; } .person05 #mainMenu { background: #e6e6e6 url('../images/bg-menu05.jpg') no-repeat; } .person06 #head { background: url('../images/bg-head06.jpg') no-repeat; } .person06 #mainMenu { background: #e6e6e6 url('../images/bg-menu06.jpg') no-repeat; } .person07 #head { background: url('../images/bg-head07.jpg') no-repeat; } .person07 #mainMenu { background: #e6e6e6 url('../images/bg-menu07.jpg') no-repeat; } .person08 #head { background: url('../images/bg-head08.jpg') no-repeat; } .person08 #mainMenu { background: #e6e6e6 url('../images/bg-menu08.jpg') no-repeat; } .person09 #head { background: url('../images/bg-head09.jpg') no-repeat; } .person09 #mainMenu { background: #e6e6e6 url('../images/bg-menu09.jpg') no-repeat; } /* .bannerimgwrap {display: block; height: 100px; width: 100%; text-align: center; border: 3px solid red; position: absolute;} .bannerimgwrap img {position: relative; z-index:100; border: 0; padding: 0; margin: 0; text-align: center; } .advertRight .bannerimg {margin-left: 9px; margin-top: 0px; } .boxHotitems .bannerimgwrap {width: 100%; right: 0; height: 0;} .boxHotitems .bannerimgwrap a { float: right; margin-right: 30px;} */ #head {} #head #logo { width: 195px; height: 85px; overflow: hidden;} #logo span.cz { background: url('../images/bg-logo-cz.png') 0 -2px no-repeat; } #logo span.sk { background: url('../images/bg-logo-sk.png') 0 -2px no-repeat; } #logo span.pl { background: url('../images/logopl.jpg') 0 -2px no-repeat; } #head #user { position: absolute; width: 300px; text-align: right; top: 50px; right: 25px; height: 80%; } #user ul { float: right; } #user li { height: 40px; float: left; padding-top: 10px; margin-left: 20px; } #user li a { color: #fff; } #user li.login { width: 112px; padding: 0; } #user #newAccount { right: 140px; position: absolute; top: 13px; } #mainMenu { } #mainMenu ul { font-size: 1.8em; padding: 0 20px; height: 52px; text-align: center; } #mainMenu ul li { float: left; margin-right: 7px; width: 186px; height: 39px; padding-top: 13px; } #mainMenu ul li a { padding: 0 0 0 20px; color: #000; text-decoration: none; background-position: 0 58% !important; } #mainMenu ul li.active { background: url('../images/bg-menu-active.gif') no-repeat; } #mainMenu ul li.active2 { background: url('../images/bg-menu-active2.jpg') no-repeat; } #mainMenu ul li.active a, #mainMenu ul li.active2 a { color: #f50a11; } #mainMenu ul li.mm-1 a { background: url('../images/bg-menu-1.png') no-repeat; } #mainMenu ul li.mm-2 a { background: url('../images/bg-menu-2.png') no-repeat; } #mainMenu ul li.mm-3 a { background: url('../images/bg-menu-3.png') no-repeat; } #foot { position: relative; padding: 60px 0 0 65px; } #foot a {color: black;} #foot .col1, #foot .col2 { position: relative; } #foot .title { position: absolute; top: -33px; left: 0; width: 136px; height: 26px; } #foot .copy { position: absolute; width: 50%; left: 65px; bottom: 0; color: #b0b2b1; } #foot .breezy { position: absolute; width: 50%; right: 65px; bottom: 0; color: #b0b2b1; text-align: right; } #foot .copy a, #foot .breezy a { color: #b0b2b1; } #foot .breezy a { padding-left: 20px; background: url('../images/bg-breezy.gif') 0 60% no-repeat; } #content .filter { background: #d4d4d4 url('../images/bg-filter.png') repeat-x; } #content .filter form { width: 912px; margin: 0 auto; padding: 25px 0; } #content .filter .clearfix { padding: 0; } #content .filter .cols { overflow: visible; clear: both; padding-top: 1.5em !important; } #content .filter .cols4 .col3 { width: 27% !important; text-align: center; } #content .filter .cols4 .col4 { float: right; } #content .filter .cols3 .col3 { width: 51% !important; float: right; text-align: left; } #content .filter .cols3 .col3 .selectbox { width: 463px; background: url('../images/bg-select2.png') no-repeat; } #content .filter .cols3 .col3 .selectbox .selectbox-open { width: 465px; } #content .filter .inputbox { padding: 2px 5px 4px; border: 1px #c0c0c0 solid; overflow: hidden; background: url('../images/bg-input.png') no-repeat; } #content .filter .inputbox input { padding: 10px 0; width: 100%; border: 1px #fff solid !important; font-size: 1.3em; } #content .filter .selectbox { width: 203px; height: 41px; font-size: 1.3em; cursor: pointer; border: 1px #c0c0c0 solid; background: url('../images/bg-select.png') no-repeat; } #content .filter .selectbox p { padding: 7px 45px 0 10px; height: 33px; line-height: 30px; overflow: hidden; } #content .filter .selectbox-open { display: none; position: absolute; width: 205px; z-index: 150; margin: -5px 0 0 -1px; } #content .filter .selectbox-open ul { padding: 5px 0; max-height: 160px; overflow: auto; background: #fff; border: 1px #c0c0c0 solid; } #content .filter .selectbox-open li { padding: 3px 10px; } #content .filter .selectbox-open li:hover { background-color: #f1f1f1; } #content .filter .results { width: 234px; height: 42px; padding-top: 16px; margin: 12px auto 0; background: url('../images/bg-filter-results.png') no-repeat;} #content .filter .results strong { font-family: Georgia, "New York CE", utopia, serif; color: #e90c0d; font-size: 1.5em; padding-left: 5px; } #content .filter input.submit { display: block; width: 214px; height: 40px; line-height: 40px; padding-left: 40px; margin-top: 4px; font-size: 1.2em; text-transform: uppercase; background: url('../images/bg-submit.png') no-repeat; text-decoration: none;} #content .filter input:hover.submit { color: #fff !important; text-decoration: underline !important; } #content .filter a.submit { display: block; width: 214px; height: 40px; line-height: 40px; padding-left: 40px; margin-top: 4px; font-size: 1.2em; text-transform: uppercase; background: url('../images/bg-submit.png') no-repeat; text-decoration: none;} #content .filter a:hover.submit { color: #fff !important; text-decoration: underline !important; } #content .filter p { margin-bottom: 5px; } #content .content { padding: 35px 30px 0; background-color: #fff; } #content .content2 { background: url('../images/bg-content2.gif') 0 100% repeat-x; } #content .a-button { display: block; width: 237px; height: 29px; padding-top: 11px; font-size: 1.2em; text-align: center; color: #fff; font-weight: bold; text-transform: uppercase; background: url('../images/bg-button.png') no-repeat; text-decoration: none;} #content .box { margin-bottom: 0px; overflow: hidden; height: 100%; } #content .box .h { height: 42px; font-weight: normal; background: url('../images/bg-headline1.png') no-repeat; } #content .box .h strong { display: block; float: left; padding: 0px 10px 0 37px; font-weight: normal; font-size: 0.9em; background-position: 15px 85% !important; border: 0px solid red; margin-top: 12px;} #content .box .h span { float: right; width: 4px; height: 100%; font-size: 0; background: url('../images/bg-headline2.png') no-repeat; } #content .box .in { padding: 28px 32px; overflow: hidden; height: 100%; } .boxNews .in .item { float: left; width: 50%; } .boxNews .in .item .title { font-size: 1em; margin-bottom: 5px; } .boxNews .in .item .title span { color: #f30d0d; } .boxPresentation {margin: 0; top: 0; padding: 0;} .boxPresentation .img { float: left; width: 300px; } .boxPresentation .video { float: left; width: 300px; } .boxPresentation .self { margin-left: 310px; margin-bottom: 15px;} .boxPresentation .self .col1 { width: 280px; } .boxPresentation .self .col2 { width: 220px; color: #f50a11; } .boxHotitems .img { float: right; width: 300px; margin-bottom: 30px;} .boxHotitems .img div {position: relative;} .boxHotitems .self { margin-right: 315px; } /*.boxHotitems .self .in { padding-bottom: 0 !important; background: url('../images/bg-hotitems.jpg') 100% 100% no-repeat; }*/ .boxHotitems .self .in a { font-weight: bold; } .boxClients .in { min-height: 100px; margin-bottom: 0px;} .boxClients .in { line-height: 1.8em; } .boxClients .in a { font-weight: normal; } .boxClients .logo { padding-top: 10px; text-align: center; padding-left: 10px; position: relative;} .boxCard { padding: 0 13px; position: relative; } .boxCard .img { float: left; width: 330px; } .boxCard .video { float: left; width: 330px; margin-bottom: 25px;} .boxCard .img img { float: left; } .boxCard .self { margin-left: 370px; } .boxCard .self .main { margin-bottom: 10px; } .boxCard .self .item { margin-bottom: 15px; } .boxCard .self .item .title { font-size: 1em; color: #f82f00; } .boxCard .a-button {margin-bottom: 30px;} .content2 .boxCard { } .content2 .boxCard .self { line-height: 1.7em; height: 100%; } .boxCard .self .main { color: #f52718; font-weight: normal; font-size: 1.8em; margin-bottom: 18px; } .content2 .boxCard .self p { margin-bottom: 25px; } .content2 .boxCard .self .a-button { float: left; margin-right: 15px; text-decoration: none; } .text p { margin-bottom: 15px; } .text h3 { margin-bottom: 5px; } .text ul { padding-left: 25px; line-height: 1.7em; } .text ul li { list-style: square; } .text ol { padding-left: 20px; line-height: 1.6em; } .text ol li { list-style: decimal; } #content .box .h_news strong, #content .box .h_clients strong {padding: 0;} .h_news strong, .h_clients strong {margin: 0; padding: 0;} #content .box .h_news strong.first, .h_news strong.first { background: url('../images/bg-headline-news.png') no-repeat; padding-left:37px;} #content .box .h_clients strong.first, .h_clients strong.first { background: url('../images/bg-headline-clients.png') no-repeat; padding-left:37px;} .h_dzob strong { background: url('../images/bg-headline-dzob.png') no-repeat; } .h_foot_dzob span { background: url('../images/bg-foot-dzob.gif') no-repeat; } .h_foot_dzobpoint span { background: url('../images/bg-foot-dzobpoint.gif') no-repeat; } .boxClients li a { color: #322f2c; text-decoration: none; } .boxClients li a:hover { color: #f50a11; text-decoration: underline !important; font-weight: bold;} .logoTable {margin-top: -5px; position: absolute; width: 200px; height: 110px; left: -3500px; top: 8px;} .logoTable td {vertical-align: middle;} .logoTable img {border: 0; display: none;} .logoTable a {width: 200px; border: 0px solid red; display: block;} /*#login {display: none;}*/ #login .inside { background: url(../images/login-shadow-top.png) 0 0 no-repeat; clear: right; float: right; padding-top: 8px; position: absolute; right: 0; top: 36px; width: 270px; } #login fieldset { background: url(../images/login-shadow.png) 0 100% no-repeat; border: 0; font-size: 1em; padding: 0 8px 25px 8px; width: 254px;} #login label { float: left; padding: 2px 0; color: #fff;} #login input { background: #D6D5D5 url(../images/login-input.gif) 0 0 no-repeat; border: 0; clear: both; height: 19px; padding: 7px 10px 3px 10px; width: 215px;} #login fieldset p { clear: both; padding: 0 10px 7px 10px; background: #322F2C;} #login .button { margin-top: 12px; width: 130px;} /*#login #login_help input {position: absolute; top: 100px; left: 20px; background: #D6D5D5 url(../images/login-input.gif) 0 0 no-repeat; border: 0; height: 19px; padding: 7px 10px 3px 10px; width: 215px;} #login #login_help .button {width: 110px; position: absolute; top: 130px; height: 30px; right: 10px; cursor: pointer;} #login #login_help .button span {height: 30px; border: 0px solid white; cursor: pointer;} #login #login_help .button span span {width: 73px; cursor: pointer;} */ #login { position: absolute; right: 0px; top: 0px; width: 300px;} #login .fr {font-size: 0.9em;} #login .fr input {display: none;} #login .ssl-closed, #login .ssl-opened { background: url(../images/ssl-closed.gif) 0 50% no-repeat; padding-left: 18px;} #login .ssl-opened { background-image: url(../images/ssl-opened.gif)} #login p.r { line-height: 2em; padding-right: 15px;} .popuplink {position: absolute; z-index: 12000; border: 0px solid red; width: 100px; background-color: white; padding: 5px 6px 5px 0; font-size: 12px; text-align: right;} .none { display: none;} .button:hover span span { text-decoration: underline;} ul.square, #static-page ul { margin-left: 10px;} ul.square li, #static-page ul li { background: url(../images/li-gray.gif) 0 0.5em no-repeat; list-style: none; padding: 0 15px; text-align: left;} #static-page ul li { background-image: url(../images/li-red.gif); margin-bottom: 5px;} .lightbox h3 {text-align: left; font-size: 1.1em; font-weight: bold; margin: 30px 0 7px 0;} .lightbox .big { font-size: 1.2em !important;} .lightbox { font: 1.3em Arial, sans-serif; line-height: 1.6em; z-index: 1155;} .lightbox h1, .lightbox h2 {text-align: left; color: #322F2C; font-size: 1.7em; font-weight: normal; line-height: normal; margin: 25px 0;} .overflow .square .selected { background-image: url(../images/check.gif);} .content .tv {float: left; background: url(../images/pages/tv-dzobpoints.jpg) 89% 20px no-repeat; min-height: 225px; margin: 0px; padding: 0; margin-top: 30px;} * html .content .tv { height: 225px;} .content a.tv-link {display: block; padding-left: 15px; margin-top: 50px; background-position: 54% 25px !important; width: 264px;} * html .content a.tv-link { display: inline; } .content a.tv-play {background: url(../images/tv-play.png) 50% 0 no-repeat; color: #B1B1B0; font-size: 0.8em; padding-top: 70px; text-align: center; text-decoration: none;} .content a.tv-play:hover { background-image: url(../images/tv-play-hover.png); color: #fff;} .content .boxPresentation .tv {background: url(../images/vzorova.jpg) 0px 0px no-repeat; left: 0px; top: 0px; margin-top: 0px;} .content .boxPresentation a.tv-play {background: url(../images/tv-play-hover.png) 50% 0 no-repeat; color: black; font-size: 0.9em; padding-top: 70px; text-align: center; text-decoration: none;} .content .boxPresentation a.tv-play:hover { background-image: url(../images/tv-play-hover.png); color: black;} .content .boxPresentation a.tv-link {display: block; margin-left: -19px; margin-top: 50px; background-position: 53% 25px !important; width: 284px;} .text ul li.nostyle {list-style-type: none; margin-left: -15px;} #vizitka {margin-top: 54px;} #registrovat {position: absolute; top: 245px; left: 750px; display: block; width: 164px; height: 30px; line-height: 40px; padding-left: 40px; margin-top: 4px; font-size: 1.2em; text-transform: uppercase; background: url('../images/bg-submit.png') 40px 0px no-repeat; text-decoration: none;} #registrovat_id {position: absolute; top: 270px; right: 35px; margin-top: 0; font-size: 15px; font-weight: bold; text-decoration: underline; background: url(../images/help.gif) 0px 4px no-repeat; padding-left: 20px;} #registrovat_id_pl {position: absolute; top: 147px; right: 35px; margin-top: 0; font-size: 15px; font-weight: bold; text-decoration: underline; padding-left: 20px;} .company_list {position: relative; margin: -15px 0 15px -15px; padding: 0; display: block; height: 85px; border: 0px solid red;} .company_list li {line-height: 17px;} #clients_slider2 {display: none;} #fb1 {position: absolute; left: 0; top: 5px;} #fb2 {position: absolute; left: 97px; top: 5px;} #fb3 {position: absolute; left: 120px; top: 5px;} .partners_table {width: 920px; border: 0px solid red;} .partners_table td {width: 25%; text-align: center; padding: 10px;}