@CHARSET "UTF-8"; .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } body { margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #191919; line-height: 15px; background-color: #fff; } a:hover { cursor: pointer; } /* wrapper *******/ #wrapper { width: 970px; margin: 0 auto; padding: 0; position: relative; } /* header *******/ #header { width: 776px; margin: 0 0 10px 194px; border-bottom: 1px solid #ababab; height: 88px; position: relative; } #logo { position: absolute; left: 12px; top: 29px; width: 172px; height: 36px; } #logo span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('./../images/logo.gif') 0 0 no-repeat; } #lang-menu { position: absolute; right: 12px; top: 20px; list-style: none; } #lang-menu li { float: left; margin-left: 10px; } #lang-menu a { display: block; width: 11px; height: 9px; overflow: hidden; position: relative; } #lang-menu a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #lang-menu li.pl a span { background: url('./../images/lang_icon_pl.gif') 0 0 no-repeat; } #lang-menu li.pl a:hover span { background-position: 0 -10px; } #lang-menu li.en a span { background: url('./../images/lang_icon_en.gif') 0 0 no-repeat; } #lang-menu li.en a:hover span { background-position: 0 -10px; } #top-menu { position: absolute; right: 12px; top: 50px; list-style: none; } #top-menu li { float: left; margin-left: 30px; } #top-menu li.current, #top-menu a { display: block; height: 16px; overflow: hidden; position: relative; } #top-menu li.current.agency, #top-menu li.agency a { width: 45px; } #top-menu li.current.offer, #top-menu li.offer a { width: 35px; } #top-menu li.current.projects, #top-menu li.projects a { width: 57px; } #top-menu li.current.contact, #top-menu li.contact a { width: 45px; } #top-menu li.current span, #top-menu a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #top-menu li.agency a span { background: url('./../images/menu_agency.gif') 0 0 no-repeat; } #top-menu li.current.agency span { background: url('./../images/menu_agency.gif') 0 -16px no-repeat; } #top-menu li.agency a:hover span { background-position: 0 -16px; } #top-menu li.offer a span { background: url('./../images/menu_offer.gif') 0 0 no-repeat; } #top-menu li.current.offer span { background: url('./../images/menu_offer.gif') 0 -16px no-repeat; } #top-menu li.offer a:hover span { background-position: 0 -16px; } #top-menu li.projects a span { background: url('./../images/menu_projects.gif') 0 0 no-repeat; } #top-menu li.current.projects span { background: url('./../images/menu_projects.gif') 0 -16px no-repeat; } #top-menu li.projects a:hover span { background-position: 0 -16px; } #top-menu li.contact a span { background: url('./../images/menu_contact.gif') 0 0 no-repeat; } #top-menu li.current.contact span { background: url('./../images/menu_contact.gif') 0 -16px no-repeat; } #top-menu li.contact a:hover span { background-position: 0 -16px; } /* main *********/ #content { width: 970px; position: relative; } #content.with-menu { background: url('./../images/right_col_bg.gif') 194px 0 repeat-y; } /* left col *****/ #left-col { float: left; width: 170px; padding: 0 12px; } /* middle-col ***/ #middle-col { float: left; width: 170px; padding: 0 12px; color: #fff; } /* right col wrapper */ #rc-wrapper { float: left; width: 582px; } /* right col ****/ #right-col { float: left; width: 582px; min-height: 400px; _height: 400px; } .col-set-1 .col { padding: 0 12px; } .col-set-2 .col { float: left; width: 267px; padding: 0 12px; } .col-set-3 .col { float: left; width: 170px; padding: 0 12px; } /* main & right col */ #main-right-col { float: left; width: 776px; padding: 0px; } /* why-us *******/ #why-us { width: 776px; margin: 10px 0 0 194px; border-top: 1px solid #ababab; position: relative; } #why-us h3 { margin: 10px 0; } #why-us .flash-box { float: left; width: 170px; margin: 0 12px; display: inline; } #why-us .guarantee { float: left; width: 558px; margin: 0 12px; display: inline; } #why-us .guarantee p { height: 120px; margin-right: 194px; background: url('./../images/guarantee.gif') 0 0 no-repeat; } #why-us .guarantee a.raport { position: absolute; right: 12px; top: 35px; width: 170px; height: 40px; overflow: hidden; } #why-us .guarantee a.raport span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('./../images/raport.gif') 0 0 no-repeat; } #why-us .guarantee a.more { position: absolute; right: 206px; top: 0px; width: 364px; height: 106px; overflow: hidden; background: url('./../images/see_more.gif') right bottom no-repeat; } #why-us .guarantee a.more span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } /* submenu in middle column */ .middle-submenu { float: left; margin: 21px 0 18px 0; } .middle-submenu li.current, .middle-submenu li a { display: block; width: 170px; height: 22px; position: relative; } .middle-submenu li.current span, .middle-submenu li a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .middle-submenu li.services a span { background: url('./../images/submenu_services.gif') 0 0 no-repeat; } .middle-submenu li.current.services span { background: url('./../images/submenu_services.gif') 0 -22px no-repeat; } .middle-submenu li.services a:hover span { background-position: 0 -22px; } .middle-submenu li.services { height: 87px; margin-bottom: 4px; .height: 95px; } .middle-submenu li.tools a span { background: url('./../images/submenu_tools.gif') 0 0 no-repeat; } .middle-submenu li.current.tools span { background: url('./../images/submenu_tools.gif') 0 -22px no-repeat; } .middle-submenu li.tools a:hover span { background-position: 0 -22px; } .middle-submenu li.philosophy a span { background: url('./../images/submenu_philosophy.gif') 0 0 no-repeat; } .middle-submenu li.current.philosophy span { background: url('./../images/submenu_philosophy.gif') 0 -22px no-repeat; } .middle-submenu li.philosophy a:hover span { background-position: 0 -22px; } .middle-submenu li.process a span { background: url('./../images/submenu_process.gif') 0 0 no-repeat; } .middle-submenu li.current.process span { background: url('./../images/submenu_process.gif') 0 -22px no-repeat; } .middle-submenu li.process a:hover span { background-position: 0 -22px; } .middle-submenu li.guarantee a span { background: url('./../images/submenu_guarantee.gif') 0 0 no-repeat; } .middle-submenu li.current.guarantee span { background: url('./../images/submenu_guarantee.gif') 0 -22px no-repeat; } .middle-submenu li.guarantee a:hover span { background-position: 0 -22px; } .middle-submenu li.pressroom a span { background: url('./../images/submenu_pressroom.gif') 0 0 no-repeat; } .middle-submenu li.current.pressroom span { background: url('./../images/submenu_pressroom.gif') 0 -22px no-repeat; } .middle-submenu li.pressroom a:hover span { background-position: 0 -22px; } .middle-submenu li.for-agency a span { background: url('./../images/submenu_for_agency.gif') 0 0 no-repeat; } .middle-submenu li.current.for-agency span { background: url('./../images/submenu_for_agency.gif') 0 -22px no-repeat; } .middle-submenu li.for-agency a:hover span { background-position: 0 -22px; } .middle-submenu li.carier a span { background: url('./../images/submenu_carier.gif') 0 0 no-repeat; } .middle-submenu li.current.carier span { background: url('./../images/submenu_carier.gif') 0 -22px no-repeat; } .middle-submenu li.carier a:hover span { background-position: 0 -22px; } .middle-submenu li.clients a span { background: url('./../images/submenu_clients.gif') 0 0 no-repeat; } .middle-submenu li.current.clients span { background: url('./../images/submenu_clients.gif') 0 -22px no-repeat; } .middle-submenu li.clients a:hover span { background-position: 0 -22px; } .middle-submenu li.case-studies a span { background: url('./../images/submenu_case_studies.gif') 0 0 no-repeat; } .middle-submenu li.current.case-studies span { background: url('./../images/submenu_case_studies.gif') 0 -22px no-repeat; } .middle-submenu li.case-studies a:hover span { background-position: 0 -22px; } .middle-submenu li.contact a span { background: url('./../images/submenu_contact.gif') 0 0 no-repeat; } .middle-submenu li.current.contact span { background: url('./../images/submenu_contact.gif') 0 -22px no-repeat; } .middle-submenu li.contact a:hover span { background-position: 0 -22px; } li .middle-submenu { margin: 1px 0; } li .middle-submenu li { margin: 0 0 4px 0; .margin: 0px; } li .middle-submenu li.current.roman, li .middle-submenu li.current.videownia, li .middle-submenu li.current.dziekanat, li .middle-submenu li.current.pocalunek, li .middle-submenu li.current.strategy, li .middle-submenu li.current.creation, li .middle-submenu li.current.production, li .middle-submenu li.current.distribution, li .middle-submenu li.current.monitoring, li .middle-submenu li.roman a, li .middle-submenu li.videownia a, li .middle-submenu li.dziekanat a, li .middle-submenu li.pocalunek a, li .middle-submenu li.strategy a, li .middle-submenu li.creation a, li .middle-submenu li.production a, li .middle-submenu li.distribution a, li .middle-submenu li.monitoring a { height: 9px; overflow: hidden; } li .middle-submenu li.roman a span { background: url('./../images/submenu_roman.gif') 0 0 no-repeat; } li .middle-submenu li.current.roman span { background: url('./../images/submenu_roman.gif') 0 -9px no-repeat; } li .middle-submenu li.roman a:hover span { background-position: 0 -9px; } li .middle-submenu li.videownia a span { background: url('./../images/submenu_videownia.gif') 0 0 no-repeat; } li .middle-submenu li.current.videownia span { background: url('./../images/submenu_videownia.gif') 0 -9px no-repeat; } li .middle-submenu li.videownia a:hover span { background-position: 0 -9px; } li .middle-submenu li.dziekanat a span { background: url('./../images/submenu_dziekanat.gif') 0 0 no-repeat; } li .middle-submenu li.current.dziekanat span { background: url('./../images/submenu_dziekanat.gif') 0 -9px no-repeat; } li .middle-submenu li.dziekanat a:hover span { background-position: 0 -9px; } li .middle-submenu li.pocalunek a span { background: url('./../images/submenu_pocalunek.gif') 0 0 no-repeat; } li .middle-submenu li.current.pocalunek span { background: url('./../images/submenu_pocalunek.gif') 0 -9px no-repeat; } li .middle-submenu li.pocalunek a:hover span { background-position: 0 -9px; } li .middle-submenu li.strategy a span { background: url('./../images/submenu_strategy.gif') 0 0 no-repeat; } li .middle-submenu li.current.strategy span { background: url('./../images/submenu_strategy.gif') 0 -9px no-repeat; } li .middle-submenu li.strategy a:hover span { background-position: 0 -9px; } li .middle-submenu li.creation a span { background: url('./../images/submenu_creation.gif') 0 0 no-repeat; } li .middle-submenu li.current.creation span { background: url('./../images/submenu_creation.gif') 0 -9px no-repeat; } li .middle-submenu li.creation a:hover span { background-position: 0 -9px; } li .middle-submenu li.production a span { background: url('./../images/submenu_production.gif') 0 0 no-repeat; } li .middle-submenu li.current.production span { background: url('./../images/submenu_production.gif') 0 -9px no-repeat; } li .middle-submenu li.production a:hover span { background-position: 0 -9px; } li .middle-submenu li.distribution a span { background: url('./../images/submenu_distribution.gif') 0 0 no-repeat; } li .middle-submenu li.current.distribution span { background: url('./../images/submenu_distribution.gif') 0 -9px no-repeat; } li .middle-submenu li.distribution a:hover span { background-position: 0 -9px; } li .middle-submenu li.monitoring a span { background: url('./../images/submenu_monitoring.gif') 0 0 no-repeat; } li .middle-submenu li.current.monitoring span { background: url('./../images/submenu_monitoring.gif') 0 -9px no-repeat; } li .middle-submenu li.monitoring a:hover span { background-position: 0 -9px; } /* footer *******/ #footer { width: 776px; margin: 10px 0 20px 194px; border-top: 1px solid #ababab; height: 60px; position: relative; } #footer .quick-contact { position: absolute; left: 0; top: 10px; width: 194px; height: 47px; } #footer .quick-contact span { position: absolute; left: 0; top: 0; width: 100%; height: 23px; background: url('./../images/quick_contact.gif') 0 0 no-repeat; } #footer .quick-contact a { position: absolute; left: 0; bottom: 0; width: 100%; height: 24px; background: url('./../images/quick_contact.gif') 0 -23px no-repeat; } #footer .quick-contact a span { visibility: hidden; } #footer .copyright { position: absolute; left: 206px; top: 16px; width: 96px; height: 19px; overflow: hidden; } #footer .copyright span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('./../images/copyright.gif') 0 0 no-repeat; } #btm-menu { position: absolute; right: 12px; top: 20px; list-style: none; } #btm-menu li { float: left; margin-left: 30px; } #btm-menu li.current, #btm-menu a { display: block; height: 10px; overflow: hidden; position: relative; } #btm-menu li.current.sitemap, #btm-menu li.sitemap a { width: 56px; } #btm-menu li.current.contact, #btm-menu li.contact a { width: 36px; } #btm-menu li.current.homepage, #btm-menu li.homepage a { width: 65px; } #btm-menu li.current span, #btm-menu a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #btm-menu li.sitemap a span { background: url('./../images/menu_btm_sitemap.gif') 0 0 no-repeat; } #btm-menu li.current.sitemap span { background: url('./../images/menu_btm_sitemap.gif') 0 -13px no-repeat; } #btm-menu li.sitemap a:hover span { background-position: 0 -13px; } #btm-menu li.contact a span { background: url('./../images/menu_btm_contact.gif') 0 0 no-repeat; } #btm-menu li.current.contact span { background: url('./../images/menu_btm_contact.gif') 0 -13px no-repeat; } #btm-menu li.contact a:hover span { background-position: 0 -13px; } #btm-menu li.homepage a span { background: url('./../images/menu_btm_homepage.gif') 0 0 no-repeat; } #btm-menu li.current.homepage span { background: url('./../images/menu_btm_homepage.gif') 0 -13px no-repeat; } #btm-menu li.homepage a:hover span { background-position: 0 -13px; }