/* ---------------------------- Hlavní nastavení ---------------------------- */ body { font: 11px tahoma, verdana, arial, sans-serif; color: #5F5F5F; margin: 0 auto; background: url("../_img/body_bg.png") 50% 0 repeat-y; } img { border: 0px; } form { margin: 0px; padding: 0px; display: inline; } table { width: 100%; } a { color: #2771A8; text-decoration: underline; } a:hover { text-decoration: underline; } p { margin: 0 0 8px 0; line-height: 1.7em; } label { width: 100px; float: left; display: inline; padding: 0; line-height: 27px; font-weight: bold; } input { font: 11px tahoma, verdana, arial, sans-serif; } textarea { font: 11px tahoma, verdana, arial, sans-serif; margin: 4px 0; padding: 2px; border: 1px solid #D7D7D7; color: #5F5F5F; background: url("../_img/input_bg.png") repeat-x; } pre { display: inline; } ul { margin: 0; padding: 0; } li { list-style-type: none; padding-left: 23px; background: url("../_img/li.png") 0 6px no-repeat; line-height: 2.1em; } h1 { font-size: 15px; font-weight: bold; margin: 0; padding: 0 0 12px 0; color: #2771A8; } h1 a { color: #2771A8; text-decoration: underline; } h2 { font-size: 14px; font-weight: bold; margin: 0 0 -100px 0; padding: 0 0 12px 0; color: #2771A8; background: url("../_img/h2_bg.png") 0 26px transparent no-repeat; height: 124px; } h2.nb { background: none; margin: 0; height: 20px; padding: 0 0 20px 0; } h2.nbm { background: none; margin: auto; height: auto; padding: 0 0 12px 0; } h2.nbb { background: none; margin: auto; height: auto; padding: 0 0 10px 0; border-bottom: 1px solid #CDCDCD; } h2 a { color: #2771A8; } h3 { font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 12px 0; color: #2771A8; } h3.mp { padding: 0 0 6px 0; } h3 a { color: #2771A8; } h4 { font-size: 12px; font-weight: bold; margin: 0; padding: 0 0 12px 0; color: #2771A8; } h4 a { color: #2771A8; } .input { margin: 4px 0px; padding: 2px; color: #5F5F5F; background-color: #E5EEFA; border: 1px solid #D7D7D7; background: url("../_img/input_bg.png") transparent repeat-x; } .text { text-indent: 15px; text-align: justify; padding: 0 15px 0 0; } .left { float: left; } .right { float: right; } .message { border: 1px solid #C7D2E1; color: #D43E2A; font-weight: bold; text-align: center; padding: 5px; margin-bottom: 10px; } .separator { width: 99%; background: url("../_img/separator.png") repeat-x; } .table { width: 99%; display: table; } .mini { font-size: 10px; } .date { float: right; padding: 5px 20px 0 0; } .nli { list-style-type: none; } ul.ul { margin: 0 5px 5px 20px; padding-left: 10px; } .dvd { float: right; padding: 0 5px 0 15px; } #navrcholu { display: none; } .box_header { height: 17px; background-color: #DCDCDC; padding: 3px 0 0 10px; color: #5F5F5F; } .active_table { cursor: pointer; } .active_table td { } .no_active_table td { } .row_header { background-color: #E6E6E6; color: #5F5F5F; } .row_header td { padding: 4px 10px 4px 10px; } .row_odd { background-color: #F2F2F2; color: #5F5F5F; } .row_even { background-color: #F9F9F9; color: #5F5F5F; } .row_odd td { padding: 4px 10px 4px 10px; } .row_even td { padding: 4px 10px 4px 10px; } .row_odd1 { background-color: #F2F2F2; color: #5F5F5F; } .row_even1 { background-color: #F9F9F9; color: #5F5F5F; } .row_odd1 td { padding: 4px 10px 0px 10px; } .row_even1 td { padding: 4px 10px 0px 10px; } .row_odd2 { background-color: #F2F2F2; color: #5F5F5F; } .row_even2 { background-color: #F9F9F9; color: #5F5F5F; } .row_odd2 td { padding: 0px 10px 4px 10px; } .row_even2 td { padding: 0px 10px 4px 10px; } .portfolio_href { float: right; margin-right: 5px; } .va15 { vertical-align: -15%; } .more { padding: 0 5px 0 5px; color: #5F5F5F; font-weight: bold; float: right; } .red { color: #E41D25; } .orange { color: #F9A23A; } .fsi { font-style: italic; } .fsn { font-style: normal; } .cit { width: 355px; height: 70px; font-style: italic; background: url("../_img/cit.png") transparent no-repeat; padding: 10px 20px 10px 40px; margin-top: 15px; } .citr { width: 355px; height: 70px; font-style: italic; background: url("../_img/cit.png") transparent no-repeat; padding: 10px 20px 10px 40px; } .cita { margin-top: -38px; float: right; padding-right: 30px; } .citn { float: right; padding-right: 30px; } .more { float: right; } .button { width: 81px; height: 22px; text-align: center; background: url("../_img/button.gif") transparent no-repeat; border: none; padding: 0 0 2px 0; color:#5F5F5F; margin-top: 10px; } .button_span { float: right; display: block; width: 81px; height: 18px; text-align: center; background: url("../_img/button.gif") transparent no-repeat; border: none; padding: 4px 0 2px 0; color:#5F5F5F; margin: 10px 20px 0 0; } .line_height { line-height: 1.6em; } .bottom_box { background: url("../_img/bottom_bg.png") 100% 0 transparent no-repeat; margin: -5px 0 10px 0; padding-top: 15px; } .nbnp { font-size: 14px; font-weight: bold; color: #2771A8; height: 124px; background: none !important; margin: auto; height: auto; padding: 0; } .h30 { height: 45px; } .suport_div { width: 300px; } .suport_div td { padding: 3px 0; } #js_demo { display: none; z-index: 1000; position: absolute; top: 118px; margin-left: 420px; padding: 32px 0 0 40px; width: 310px; height: 218px; background: url("../_img/box_bg.png") transparent no-repeat; } #js_login { display: none; z-index: 1000; position: absolute; top: 118px; margin-left: 420px; padding: 32px 0 0 40px; width: 310px; height: 218px; background: url("../_img/box_bg.png") transparent no-repeat; } #print { background: url("../_img/print.png") 100% 0 transparent no-repeat; position: absolute; margin-left: 735px; top: 140px; width: 20px; height: 20px; } #print a { display: block; width: 20px; height: 20px; text-decoration: none; } /* --------------------------------------- Design obchodu --------------------------------------- */ #body1 { background: url("../_img/header_bg.png") 50% 0 transparent no-repeat; } #body2 { background: url("../_img/footer_bg.png") 50% 100% no-repeat; } #body3 { width: 980px; text-align: left; margin: 0 auto; } #body_left { vertical-align: top; text-align: right; background: url("../_img/footer_left_bg.png") 100% 100% transparent no-repeat; } #body_center { vertical-align: top; width: 980px; background: url("../_img/footer_center_bg.png") 50% 100% transparent no-repeat; } #body_right { vertical-align: top; background: url("../_img/footer_right_bg.png") 0 100% transparent no-repeat; } #header { position: relative; height: 117px; margin-bottom: 25px; } #title { position: absolute; left: 20px; top: 6px; color: #E0E0E0; width: 600px; } #logo { position: absolute; left: 20px; top: 46px; } #search_input { position: absolute; right: 228px; top: 45px; color: #838383; width: 137px; height: 13px; padding: 6px 10px 7px 10px; background: url("../_img/search_input.png") transparent no-repeat; border: 0px; } #search_button { position: absolute; right: 175px; top: 45px; } #flag_cz { position: absolute; right: 121px; top: 45px; } #flag_en { position: absolute; right: 75px; top: 45px; } #flag_de { position: absolute; right: 30px; top: 45px; } #bookmark1 { text-decoration: none; color: #5F5F5F; display: block; position: absolute; right: 216px; top: 88px; padding: 12px 0 0 47px; width: 61px; height: 16px; background: url("../_img/bookmark.png") transparent no-repeat; cursor: pointer; } #bookmark1:hover { color: #5F5F5F; display: block; position: absolute; right: 216px; top: 88px; padding: 12px 0 0 47px; width: 61px; height: 16px; background: url("../_img/bookmark_1on.png") transparent no-repeat; cursor: pointer; } #bookmark2 { color: #5F5F5F; display: block; position: absolute; right: 109px; top: 88px; padding: 12px 0 0 35px; width: 73px; height: 16px; background: url("../_img/bookmark.png") -108px 0 transparent no-repeat; cursor: pointer; } #bookmark2:hover { color: #5F5F5F; display: block; position: absolute; right: 109px; top: 88px; padding: 12px 0 0 35px; width: 73px; height: 16px; background: url("../_img/bookmark_2on.png") -108px 0 transparent no-repeat; cursor: pointer; } #bookmark3 { color: #5F5F5F; display: block; position: absolute; right: 12px; top: 88px; padding: 12px 0 0 15px; width: 93px; height: 16px; background: url("../_img/bookmark.png") -205px 0 transparent no-repeat; cursor: pointer; } #bookmark3:hover { color: #5F5F5F; display: block; position: absolute; right: 12px; top: 88px; padding: 12px 0 0 15px; width: 93px; height: 16px; background: url("../_img/bookmark_3on.png") -205px 0 transparent no-repeat; cursor: pointer; } #bookmark1_on { color: #5F5F5F; display: none; position: absolute; right: 216px; top: 88px; padding: 12px 0 0 47px; width: 61px; height: 16px; background: url("../_img/bookmark_1on.png") transparent no-repeat; cursor: pointer; } #bookmark2_on { color: #5F5F5F; display: none; position: absolute; right: 119px; top: 88px; padding: 12px 0 0 35px; width: 63px; height: 16px; background: url("../_img/bookmark_2on.png") -108px 0 transparent no-repeat; cursor: pointer; } #bookmark3_on { color: #5F5F5F; display: none; position: absolute; right: 12px; top: 88px; padding: 12px 0 0 15px; width: 93px; height: 16px; background: url("../_img/bookmark_3on.png") -205px 0 transparent no-repeat; cursor: pointer; } #left { float: left; width: 180px; padding: 0 10px 0 0; margin-top: -5px; } .menu_home { width: 190px; height: 28px; background: url("../_img/menu_home.png") 20px 0 transparent no-repeat; } .menu_home a { cursor: pointer; text-decoration: none; } .menu_home_on { width: 190px; height: 28px; background: url("../_img/menu_home_on.png") transparent no-repeat; } .menu_home_on a { cursor: pointer; text-decoration: none; } .menu_home_on span { width: 190px; height: 28px; display: block; } .menu_home span { width: 190px; height: 28px; display: block; text-decoration: none; } .menu_home span:hover { background: url("../_img/menu_home_on.png") transparent no-repeat; cursor: pointer; } .menu_solution { width: 190px; height: 28px; background: url("../_img/menu_solution.png") 20px 0 transparent no-repeat; } .menu_solution a { cursor: pointer; text-decoration: none; } .menu_solution_on { width: 190px; height: 28px; background: url("../_img/menu_solution_on.png") transparent no-repeat; } .menu_solution_on a { cursor: pointer; text-decoration: none; } .menu_solution_on span { width: 190px; height: 28px; display: block; } .menu_solution span { width: 190px; height: 28px; display: block; text-decoration: none; } .menu_solution span:hover { background: url("../_img/menu_solution_on.png") transparent no-repeat; cursor: pointer; } .menu_portfolio { width: 190px; height: 28px; background: url("../_img/menu_portfolio.png") 20px 0 transparent no-repeat; } .menu_portfolio a { cursor: pointer; text-decoration: none; } .menu_portfolio_on { width: 190px; height: 28px; background: url("../_img/menu_portfolio_on.png") transparent no-repeat; } .menu_portfolio_on a { cursor: pointer; text-decoration: none; } .menu_portfolio_on span { width: 190px; height: 28px; display: block; } .menu_portfolio span { width: 190px; height: 28px; display: block; text-decoration: none; } .menu_portfolio span:hover { background: url("../_img/menu_portfolio_on.png") transparent no-repeat; cursor: pointer; } .menu_write_about { width: 190px; height: 28px; background: url("../_img/menu_write_about.png") 20px 0 transparent no-repeat; } .menu_write_about a { cursor: pointer; text-decoration: none; } .menu_write_about_on { width: 190px; height: 28px; background: url("../_img/menu_write_about_on.png") transparent no-repeat; } .menu_write_about_on a { cursor: pointer; text-decoration: none; } .menu_write_about_on span { width: 190px; height: 28px; display: block; } .menu_write_about span { width: 190px; height: 28px; display: block; text-decoration: none; } .menu_write_about span:hover{ background: url("../_img/menu_write_about_on.png") transparent no-repeat; cursor: pointer; } .menu_articles { width: 190px; height: 28px; background: url("../_img/menu_articles.png") 20px 0 transparent no-repeat; } .menu_articles a { cursor: pointer; text-decoration: none; } .menu_articles_on { width: 190px; height: 28px; background: url("../_img/menu_articles_on.png") transparent no-repeat; } .menu_articles_on a { cursor: pointer; text-decoration: none; } .menu_articles_on span { width: 190px; height: 28px; display: block; } .menu_articles span { width: 190px; height: 28px; display: block; text-decoration: none; } .menu_articles span:hover { background: url("../_img/menu_articles_on.png") transparent no-repeat; cursor: pointer; } .menu_faq { width: 190px; height: 28px; background: url("../_img/menu_faq.png") 20px 0 transparent no-repeat; } .menu_faq a { cursor: pointer; text-decoration: none; } .menu_faq_on { width: 190px; height: 28px; background: url("../_img/menu_faq_on.png") transparent no-repeat; } .menu_faq_on a { cursor: pointer; text-decoration: none; } .menu_faq_on span { width: 190px; height: 28px; display: block; } .menu_faq span { width: 190px; height: 28px; display: block; text-decoration: none; } .menu_faq span:hover { background: url("../_img/menu_faq_on.png") transparent no-repeat; cursor: pointer; } .menu_contact { width: 190px; height: 28px; background: url("../_img/menu_contact.png") 20px 0 transparent no-repeat; } .menu_contact a { cursor: pointer; text-decoration: none; } .menu_contact_on { width: 190px; height: 28px; background: url("../_img/menu_contact_on.png") transparent no-repeat; } .menu_contact_on a { cursor: pointer; text-decoration: none; } .menu_contact_on span { width: 190px; height: 28px; display: block; } .menu_contact span { width: 190px; height: 28px; display: block; text-decoration: none; } .menu_contact span:hover { background: url("../_img/menu_contact_on.png") transparent no-repeat; cursor: pointer; } #content { min-height: 585px; margin-left: 210px; } .note { padding: 20px 0 0 30px; } .title_news { padding: 0 0 0 20px; } .title_news div { font-weight: bold; height: 25px; background: url("../_img/separator.png") 0 32px transparent no-repeat; padding-top: 12px; } .title_nd { font-size: 9px; color: #8F8F8F; } .title_nt { line-height: 1.6em; } #footer { position: relative; height: 202px; line-height: 1.6em; margin-top: 20px; } #footer_icons { position: absolute; top: 79px; right: 20px; } #footer_icons img { padding-right: 1px; } #footer_hrefs { position: absolute; bottom: 60px; left: 0px; color: #CCCCCC; font-size: 10px; } #footer_hrefs a { color: #CCCCCC; } #copyright { position: absolute; bottom: 10px; left: 0px; color: #CCCCCC; } /* --------------------------------------- Úvodní stránka --------------------------------------- */ .title_box { background: url("../_img/title_bg.png") 100% 100% transparent no-repeat; padding: 0 0px 20px 0; } .title_b_box { background: url("../_img/title_b_bg.png") 100% 0 transparent no-repeat; margin-bottom: 25px; } .title_height { height: 187px; } #title_reference { float: right; margin: -37px 0 0 10px; padding-left: 10px; width: 329px; height: 244px; position: relative; background: url("../_img/reference.png") transparent no-repeat; } .title_h2 { margin: 0 0 -102px 0; padding: 0 0 12px 0; background: none; } .title_banners { float: right; padding: 0 20px; } .title_banners img { display: block; } .title_call_us { padding: 15px 0 0 10px; } .title_contacts { padding: 29px 0 0 10px; } .title_reasons { background: url("../_img/puzzle.png") 250px 100% no-repeat; } .news_date { padding: 7px 10px 6px 0; width: 64px; color: #2771A8; vertical-align: top; font-weight: bold; background: url("../_img/separator.png") 0 100% repeat-x; } .news_date span { color: #26619C; } .news_message { padding: 4px 10px 6px 0; vertical-align: top; background: url("../_img/separator.png") 0 100% repeat-x; } .news_footer { padding: 13px 10px 13px 10px; vertical-align: top; } .box { float: right; width: 100%; } .box_bg { border-top: 1px solid #C7D2E1; padding-top: 5px; } .box_bg2 { border-top: 1px solid #C7D2E1; padding-top: 5px; } /* Řešení --------------------------------------------------------------------------------------- */ .functions { text-align: right; font-weight: bold; display: block; } /* Kontakt -------------------------------------------------------------------------------------- */ .address1 { float: left; width: 197px; } .address2 { float: left; width: 197px; } /* Vyhledávání ---------------------------------------------------------------------------------- */ #search_result h3 { font: 105% tahoa, verdana, arial, sans-serif; padding: 0; margin: 0 0 3px 0; } #search_result .ref { margin: 3px 0 15px 0; } ul#search_result { padding: 0; margin: 0 0 0 25px; } #search_result li { list-style-type: decimal; margin: 0; padding: 0; background: none; } /* Reference ------------------------------------------------------------------------------------ */ .reference { margin: 10px 0 40px 0; } .reference_img { float: left; margin: 0 10px 0 0; } .reference_href { display: block; margin-top: 10px; } .reference_href img { vertical-align: -3px; } .reference_box { background: url("../_img/reference_bg.png") 100% 0 transparent no-repeat; } .reference_flow { background: url("../_img/reference_bg.png") 100% 0 transparent no-repeat; height: 270px; } .reference_man { position: absolute; top: 225px; margin-left: 587px; } .project_img { padding: 17px 0 0 3px; } .project_href { position: absolute; top: 367px; margin-left: 437px; } .project_href img { vertical-align: -2px; } /* Admin ---------------------------------------------------------------------------------------- */ .customer_menu { cursor: pointer; float: left; height: 66px; width: 66px; border: 1px solid #CDCDCD; margin: 0 11px 10px 0; text-align: center; padding: 3px; } .customer_menu a { color: #5F5F5F; text-decoration: none; } .customer_table td { padding: 4px 0; } .text_table td { padding: 1px 0px; } /* EasySlider ----------------------------------------------------------------------------------- */ #slider ul, #slider li { margin: 0; padding: 0; list-style: none; list-style-type: none; background: none; } #slider, #slider li { width: 310px; height: 202px; overflow: hidden; } #slider { padding: 17px 0 0 3px; } #prevBtn a { position: absolute; left: -2px; top: 100px; display: block; width: 19px; height: 19px; background: url("/_img/prev.png") } #nextBtn a { position: absolute; left: 309px; top: 100px; display: block; width: 19px; height: 19px; background: url("/_img/next.png") } /* ImageFlow ------------------------------------------------------------------------------------ */ #imageflow { overflow: hidden; position: relative; text-align: left; visibility: hidden; width: 767px; margin-top: 10px; } #imageflow img { border: none; position: absolute; top: 0px; visibility: hidden; -ms-interpolation-mode: bicubic; /* Enables bicubic image resampling for the IE7 */ } #imageflow p { margin: 0 auto; text-align: center; } #imageflow .loading { border: 1px solid white; height: 15px; left: 50%; margin-left: -106px; padding: 5px; position: relative; visibility: visible; width: 200px; } #imageflow .loading_bar { background: #fff; height: 15px; visibility: visible; width: 1%; } #imageflow .navigation { z-index: 1000; } #imageflow .caption { font-weight: bold; position: relative; text-align: center; z-index: 1001; } #imageflow .scrollbar { border-bottom: 1px solid #b3b3b3; position: relative; visibility: hidden; z-index: 1002; height: 1px; } #imageflow .slider { background-image: url(../_img/imageflow/slider.png); background-repeat: no-repeat; height: 14px; margin: -6px 0 0 -7px; position: absolute; width: 14px; z-index: 1003; } #imageflow .images { overflow: hidden; white-space: nowrap; } #imageflow .button { cursor: pointer; height: 17px; position: relative; width: 17px; } #imageflow .previous { background: url(../_img/imageflow/button_left.png) top left no-repeat; float: left; margin: -7px 0 0 -30px; } #imageflow .next { background: url(../_img/imageflow/button_right.png) top left no-repeat; float: right; margin:-7px -30px 0 30px; }