body { background: #cdceb2 url(images/main_bg.jpg) center 37px no-repeat; margin: 0; padding: 0; text-align: center; } img { font-family: verdana, helvetica, sans-serif; font-size: 10px; color: #8c8b8b; } #main { width: 1000px; min-height: 850px; height: auto; margin: 0 auto 0 auto; text-align: center; background: url(images/main_bottom_bg.jpg) bottom center no-repeat; } *html div#main { height: 850px; } #top { width: 1000px; height: 242px; padding-top: 17px; margin:0; text-align: left; } #agency { width: 532px; height: 242px; margin:0; text-align: center; float: left; } #slogan { width: 400px; height: 242px; margin: 0; text-align: center; float: left; } #slogan p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #b7252a; font-weight: normal; margin: 130px auto auto 50px; width: 300px; } #header_1 { width: 267px; height: 19px; background: url(images/header_marketing.gif) 36px 0 no-repeat; margin-top: 0; } #header_2 { width: 267px; height: 19px; background: url(images/header_projektowanie.gif) 26px 0 no-repeat; margin-top: 0; } #header_3 { width: 266px; height: 19px; background: url(images/header_druk.gif) 26px 0 no-repeat; margin-top: 0; } #header_4 { width: 266px; height: 19px; background: url(images/header_strony.gif) 26px 0 no-repeat; } #header_5 { width: 266px; height: 39px; background: url(images/header_druk.gif) 26px 20px no-repeat; } #header_6 { width: 266px; height: 19px; background: url(images/header_marketing.gif) 26px 0 no-repeat; } #header_7 { width: 266px; height: 19px; background: url(images/header_wizualizacje.gif) 26px 0 no-repeat; } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #b7252a; font-weight: normal; margin: 155px auto auto auto; width: 200px; } .sub { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #FFD103; margin: 0 0 0 28px; font-weight: bold; display: none; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e38; margin: 0 0 0 28px; display: none; float: left; display: inline; width: 490px; } h2.hid { width: auto; display: none; } .textlink { color: #CCCCCC; } .textlink:hover { color: #FFD103; } #content { text-align: left; width: 800px; min-height: 200px; margin: 30px auto 0 auto; padding-bottom: 0; } *html div#content { height: 200px; } #content2 { text-align: left; width: 1000px; min-height: 240px; height: auto; margin: 0 auto 0 auto; background: url(images/footer_bottom_bg.jpg) top left no-repeat; margin-top: 20px; padding-bottom: 20px; } *html div#content2 { height: 200px; } #aktualnosci { float: left; display: inline; width: 1000px; height: auto; margin-top: 20px; background: url(images/aktualnosci_bg.jpg) top center no-repeat; text-align: center; padding-bottom: 50px;} #aktualnosci_inner { width: 800px; height: auto; background: url(images/dots.gif) 267px 0 repeat-y; margin: 60px auto 0 100px; float: left; display: inline; padding-bottom: 20px; } #description { float: left; width: 100%; height: 100px; background: url(images/footer_bottom_bg.jpg) bottom center no-repeat; text-align: center; } #description_inner { width: 1000px; height: 79px; background: url(images/footer.jpg) top center no-repeat; margin: 0 auto 0 auto; padding-top: 10px; } #description_inner p { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3e3e38; margin-top: 0; margin-bottom: 0; } #description_inner a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3e3e38; text-decoration: underline; } #description_inner a:hover { color: #b7252a; } #one { width: 267px; height: auto; background: url(images/dots.gif) top right repeat-y; float: left; display: inline; margin: 0; } #one_subpage { width: 534px; min-height: 300px; height: auto; background: url(images/dots.gif) top right repeat-y; float: left; display: inline; margin-top: 30px; margin-left: 113px; padding-top: 30px; } *html div#one_subpage { height: 300px; } #one_subpage2 { width: 534px; min-height: 300px; height: auto; float: left; display: inline; padding-top: 20px; } #two { width: 267px; height: auto; background: url(images/dots.gif) top right repeat-y; float: left; display: inline; margin: 0; } #three { width : 266px; height: auto; float: left; display: inline; margin: 0; } #three_subpage { width : 266px; height: 300px; float: left; } #flash { width: 250; height: 150px; float: left; display: inline; margin-left: 10px; margin-top: 50px; } #dtm { float: left; display: inline; width: 214px; height: 126px; background: url(images/dtm.png) top left no-repeat; margin-left: 10px; } #dtm { behavior: url(iepngfix.htc); } #news { width: 267px; height: 240px; float: left; display: inline; text-align: left; } #news p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; margin: 20px 18px 0 38px; line-height: 13px; } #news a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3e3e38; font-weight: bold; margin: 6px 0 0 38px; line-height: 13px; } #news a:hover { color: #b7252a; } #latest_projects { width: 533px; height: auto; float: left; display: inline; text-align: left; } .projects_row { width: 470px; height: 107px; margin: 20px auto 0 28px; float: left; display: inline; } .imager_left { width: 216px; height: 107px; float: left; display: inline; background: url(images/img_bg.gif) top left no-repeat; } .imager_right { width: 216px; height: 107px; float: left; display: inline; margin-left: 30px; background: url(images/img_bg.gif) top left no-repeat; } .projects_row img { float: left; display: inline; border: none; margin: 6px auto auto 6px; } #header_news { width: 267px; height: 19px; background: url(images/header_news.gif) 36px 0 no-repeat; margin-top: 18px; } #header_news a { float: right; display: inline; margin: 4px 23px 0 auto; } #header_latest_projects { width: 267px; height: 19px; background: url(images/header_latest.gif) 26px 0 no-repeat; margin-top: 18px; } a.button_one { float: left; display: inline; margin: 10px auto 0 38px; width: auto; height: 15px; background: url(images/dots_horiz.gif) bottom left repeat-x; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; text-decoration: none; padding: 9px 10px 5px 10px; font-weight: bold; } a.button_one:visited { float: left; display: inline; margin: 10px auto 0 38px; width: auto; height: 15px; background: url(images/dots_horiz.gif) bottom left repeat-x; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; text-decoration: none; padding: 9px 10px 5px 10px; font-weight: bold; } a.button_one:hover { float: left; display: inline;margin: 10px auto 0 38px; width: auto; height: 15px; background: url(images/dots_horiz.gif) bottom left repeat-x; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #b7252a; text-decoration: none; padding: 9px 10px 5px 10px; font-weight: bold; } a.button { float: left; display: inline; margin: 10px auto 0 28px; width: auto; height: 15px; background: url(images/dots_horiz.gif) bottom left repeat-x; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; text-decoration: none; padding: 9px 10px 5px 10px; font-weight: bold; } a.button:visited { float: left; display: inline; margin: 10px auto 0 28px; width: auto; height: 15px; background: url(images/dots_horiz.gif) bottom left repeat-x; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; text-decoration: none; padding: 9px 10px 5px 10px; font-weight: bold; } a.button:hover { float: left; display: inline; margin: 10px auto 0 28px; width: auto; height: 15px; background: url(images/dots_horiz.gif) bottom left repeat-x; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #b7252a; text-decoration: none; padding: 9px 10px 5px 10px; font-weight: bold; } a.button2 { display: block; margin: 0 auto 0 0; width: 83px; height: 30px; background: url(images/button.gif) 30px 10px no-repeat; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8c8b8b;; text-decoration: none; padding: 9px 10px 10px 10px; } a.button2:visited { display: block; margin: 0 auto 0 0; width: 83px; height: 30px; background: url(images/button.gif) 30px 10px no-repeat; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8c8b8b;; text-decoration: none; padding: 9px 10px 10px 10px; } a.button2:hover { display: block; margin: 0 auto 0 0; width: 83px; height: 30px; background: url(images/button.gif) 30px 10px no-repeat; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFD103; text-decoration: none; padding: 9px 10px 10px 10px; } a.button3 { float: left; display: inline; margin: 0 auto 35px -14px; width: 100px; height: 20px; background: url(images/button.gif) 30px 0 no-repeat; text-align: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #8c8b8b;; text-decoration: none; padding: 0 0 0 40px; } a.button3:visited { float: left; display: inline; margin: 0 auto 35px -14px; width: 100px; height: 20px; background: url(images/button.gif) 30px 0 no-repeat; text-align: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #8c8b8b;; text-decoration: none; padding: 0 0 0 40px; } a.button3:hover { float: left; display: inline; margin: 0 auto 35px -14px; width: 100px; height: 20px; background: url(images/button.gif) 30px 0 no-repeat; text-align: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; padding: 0 0 0 40px; } #one p { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; margin: 20px 18px 0 38px; line-height: 13px; } #one_subpage p { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #3e3e38; margin: 0 28px 20px 28px; } #one_subpage .row p { text-align: left; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #3e3e38; margin: 0 0 5px 0; } #one_subpage .row2 p { text-align: left; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #3e3e38; margin: 0 0 5px 0; } #one_subpage a.zero { margin: 0; padding: 0; background: none; } #one_subpage a.zero:hover { margin: 0; padding: 0; background: none; } #one p.clients { text-align: left; line-height: 12px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff; margin: 5px 28px 0 28px; } #three_subpage p.clients { text-align: left; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #3e3e38; margin: 5px 28px 0 28px; } #three_subpage p.clients a { color: #3e3e38; } #three_subpage p.clients a:hover { color: #b7252a; } #three_subpage p.clients_1 { text-align: left; line-height: 12px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #ffffff; margin: 68px 28px 0 28px; } #three_subpage p.project { text-align: left; line-height: 11px; font-family: verdana, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; margin: 0 28px 10px 28px; } #three_subpage p.project_1 { text-align: left; line-height: 11px; font-family: verdana, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFD103; margin: 0 28px 10px 28px; } #three_subpage p.project_12 { text-align: left; line-height: 11px; font-family: verdana, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFD103; margin: 0 28px 25px 28px; } #three_subpage p.project_12 a { text-align: left; font-family: verdana, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFD103; } #three_subpage p.project2 { text-align: left; line-height: 11px; font-family: verdana, helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; margin: 0 28px 25px 28px; } #two p { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; margin: 20px 28px 0 24px; line-height: 13px; } #three p { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; margin: 20px 28px 0 24px; line-height: 13px; } #three p.pro { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; margin: 92px 28px 0 24px; } #three p.vis { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; margin: 38px 28px 0 28px; } #two img { margin: 5px 28px 0 28px; border: none; } #three img { margin: 5px 28px 0 28px; border: none; } #two p.descr { margin: 0 31px 0 0; text-align: right; line-height: 10px; font-family: arial, helvetica, sans-serif; font-size: 10px; color: #424242; } #three p.descr { margin: 0 31px 0 0; text-align: right; line-height: 10px; font-family: arial, helvetica, sans-serif; font-size: 10px; color: #424242; } #credits { text-align: center; width: 800px; height: 100px; margin: 0 auto 0 auto; padding-top: 50px; clear: left; padding-top: 60px; } #left { width: 267px; height: 40px; float: left; text-align: right; } #mid { width: 267px; height: 40px; float: left; text-align: center; } #right { width: 266px; height: 40px; float: left; text-align: left; } #left p { line-height: 12px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #8c8b8b; margin: 30px 5px 0 0; } #mid p { line-height: 12px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #8c8b8b; margin: 18px 0 0 0; } #right p { line-height: 12px; font-family: arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #8c8b8b; margin: 30px 0 0 5px; } #bell { height: 37px; width: 100%; margin: 0 auto 0 auto; position: fixed; top: 0; left: 0; } #menu { height: 37px; width: 1000px; margin: 0 auto 0 auto; background: url(images/bell_bg_2.png) top center no-repeat; text-align: center; behavior: url(iepngfix.htc); } #menu ul { height: 18px; width: 920px; margin: 0 auto 0 40px; padding:0; } #menu ul li { width: 230px; height: 37px; display: inline; float: left; } #menu ul li a { font-weight: bold; display: inline; margin: 5px auto 0 83px; text-align: center; float: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #3e3e38; text-transform: uppercase; text-decoration: none;} #menu ul li a:visited { font-weight: bold; display: inline; margin: 5x auto 0 83px; text-align: center; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #3e3e38; text-transform: uppercase; text-decoration: none; } #menu ul li a.home { font-weight: bold; display: inline; margin: 15px auto 0 83px; text-align: center; float: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #b7252a; text-transform: uppercase; text-decoration: none; } #menu ul li a.home:hover { display: inline; margin: 15px auto 0 83px; text-align: center; float: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #b7252a; text-transform: uppercase; text-decoration: none;} #menu ul li a:hover { font-weight: bold; display: inline; margin: 5x auto 0 83px; text-align: center; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #b7252a; text-transform: uppercase; text-decoration: none; } #menu ul li a.back { display: inline; margin: 1px auto 0 83px; text-align: center; float: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #999999; text-transform: uppercase; text-decoration: none; background: url(images/button.gif) 0 10px no-repeat; } #menu ul li a.back:hover { display: inline; margin: 1px auto 0 83px; text-align: center; float: left; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #ffffff; text-transform: uppercase; text-decoration: none;} #project { width: 495px; height: auto; margin: 0 auto 20px 20px; background: url(images/project_bg.jpg) top left no-repeat; display: inline; float: left; padding-bottom: 20px; } #project img { margin: 10px 0 0 10px; float: left; display: inline; } #project2 { width: 495px; height: auto; margin: 0 auto 20px 20px; background: url(images/project_bg3.jpg) top left no-repeat; display: inline; float: left; padding-bottom: 20px; } #project2 img { margin: 10px 0 0 10px; border: none; float: left; display: inline; } .row { width: 480px; height: 117px; margin: 15px 0 0 28px; background: url(images/dots_horiz.gif) bottom left repeat-x; } .row2 { width: 480px; height: 117px; margin: 15px 0 20px 28px; background: url(images/dots_horiz.gif) bottom left repeat-x; } .row3 { width: 480px; height: auto; margin: 15px 0 20px 28px; background: url(images/dots_horiz.gif) bottom left repeat-x; padding-bottom: 10px; } .image { width: 216px; height: 107px; margin: 0 10px 0 0; float: left; display: inline; background: url(images/img_bg.gif) top left no-repeat; } .image img { margin: 6px 0 0 6px; border: none; } .image_big { width: 500px; height: 311px; margin: 0 10px 0 28px; float: left; display: inline; background: url(images/img_big_bg.gif) top left no-repeat; } .image_big img { margin: 7px 0 0 7px; border: none; } .image_big_3 { width: 500px; height: 596px; margin: 0 10px 0 28px; float: left; display: inline; background: url(images/img_bg_3.gif) top left no-repeat; } .image_big_3 img { margin: 6px 0 0 6px; border: none; } .image_big_4 { width: 500px; height: 392px; margin: 0 10px 0 28px; float: left; display: inline; background: url(images/img_bg_4.gif) top left no-repeat; } .image_big_4 img { margin: 6px 0 0 6px; border: none; } #sort { width: 480px; height: 30px; margin: 15px 0 30px 28px; background: url(images/dots_horiz.gif) bottom left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e38;} #sort a { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e38; text-decoration: none; height: 20px; padding: 3px 7px 3px 7px; margin: 0 8px 0 8px; } #sort a.active { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #b7252a; color: #ffffff; text-decoration: none; height: 20px; padding: 3px 7px 3px 7px; margin: 0 8px 0 8px; } #sort a:hover { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #b7252a; text-decoration: none; height: 20px; padding: 3px 7px 3px 7px; margin: 0 8px 0 8px; } #sort a.active:hover { color: #FFFFFF; } .row .tekst { padding-top:3px; } .row2 .tekst { padding-top:3px; } .tekst a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #3e3e38; } .tekst a:hover { color: #b7252a; } .white { color: #000000; } .white a { color: #000000; } .white a:hover { color: #b7252a; } .red { color: #b7252a; } #form1 { margin: 0; color: #3e3e38; } fieldset { border: none; padding: 0; margin: 0; padding-left: 28px; } legend { text-indent: 0px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; margin-bottom: 20px; padding: 0; margin-left: 0; } input { margin: 0; } select { margin-bottom: 20px; } textarea { font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e38; margin: 0; width: 480px; height: 300px; margin-bottom: 10px; clear: left; float: left; background: #dfe0cd; border: 1px solid #CCCCCC; } #one_subpage p.formtext { font-weight: bold; font-family: arial, helvetica, sans-serif; margin: 20px 0 10px 0; font-size: 11px; } .inputt { width: 250px; font-weight: normal; background: #dfe0cd; border: 1px solid #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e38;} #one_subpage p.formtext2 { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; font-size: 11px; font-weight: bold; } #but { clear: left; width: 300px; padding-bottom: 20px; } input#button_1 { margin-left: 0px; font-family: arial, Helvetica, sans-serif; font-size: 11px; width: 60px; color: #FFFFFF; display: inline; background-color: #b7252a; border: 1px solid #CCCCCC;} input#button_2 { margin-left: 10px; font-family: arial, Helvetica, sans-serif; font-size: 11px; width: 60px; color: #FFFFFF; display: inline; background-color: #b7252a; border: 1px solid #CCCCCC;} #one_subpage p.begin_color { color: #b7252a; margin: 0 0 20px 28px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #cleaner { clear: both; height: 20px; width: 100%;} .style1 { color: #666666 } p#links { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3e3e38; margin-top: 0; margin-bottom: 10px; } p#links a { text-decoration: underline; color: #3e3e38; } p#links a:hover { color: #b7252a; }