body {position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: center; font-family: "Verdana", sans-serif; font-size: 12px; background: #FFF url('../images/body_bg.png') top center repeat-x;}
body a {color: #000;}
body a:hover {color: #000;}
body a:visited {color: #000;}

noscript {color: #FFF; padding: 5px; background: #CA0F14;}

#background {position: relative; width: 100%; background: url('../images/body_bg_stars.png') top center no-repeat;}
#corner {position: absolute; left: 0px; top: 0px; z-index: 2000;}
#corner a {display: block; width: 70px; height: 0px; background-image: url('../images/corner.gif'); background-repeat: no-repeat; background-position: 0px 0px; padding-top: 70px; overflow: hidden;}
#corner a:hover {background-position: -70px 0px;}
#corner img {border: none;}
#constructor {width: 960px; margin: 0px auto; border: none; text-align: left;}

#header {display: block; padding-right: 10px; height: 100px;}
#header img {border: none;}
#header div.print {display: none;}
#header div.search form {margin: 0px; padding: 0px;}
#header div.search {float: right; width: 240px; padding: 38px 0px 8px 0px; text-align: center; background: url('../images/header_search_bg.gif') bottom center no-repeat;}
#header div.search input.text {width: 180px; background: #EEE; border: 1px solid #BBB; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; padding: 2px 3px; font-family: Tahoma; font-size: 11px; font-weight: bold; color: #000; vertical-align: middle; margin: 0px;}
#header div.search input.button {padding: 0px; background: #FFF url('../images/header_search_button.gif') center; border: none; color: #000; vertical-align: middle; margin: 0px; font-weight: bold; width: 28px; height: 24px; font-size: 0px;}
#header div.sitemap {float: right; width: 40px; padding: 30px 10px 0px 0px; text-align: right;}
#header div.logo {font-size: 9px; color: #FFF; text-align: center; font-family: Arial; width: 420px;}
#header div.logo h1 {margin: 0px; padding: 25px 0px 0px 0px; font-size: 9px; text-align: center; font-family: Arial; display: block; width: 430px; height: 0px; overflow: hidden; background-image: url('../images/header_logo_projektowanie-stron-i-aplikacji-internetowych.gif'); background-position: center; background-repeat: no-repeat;}
#header div.logo a {color: #FFF; text-decoration: none; letter-spacing: 3px;}
#header div.logo span {display: inline-block; width: 430px; height: 0px; padding-top: 25px; overflow: hidden; background-image: url('../images/header_logo_projektowanie-stron-i-aplikacji-internetowych.gif'); background-position: center; background-repeat: no-repeat;}

#menu_left {display: block; float: left; width: 210px; text-align: center; background: url('../images/menu_left_bg.png') top no-repeat;}
#menu_left div.home {height: 40px;}
#menu_left a.home {display: inline-block; height: 12px; padding: 9px 2px 9px 20px; font-size: 12px; font-weight: bold; color: #ff0810; background-image: url('../images/menu_left_home.gif'); background-position: 0px 0px; background-repeat: no-repeat; text-decoration: none;}
#menu_left a.home:hover {background-position: 0px -30px; color: #FFF;}
#menu_left img {border: none; display: block; margin: 0px auto;}
#menu_left div.flags {height: 40px; color: #9eb2d8; font-size: 11px; vertical-align: middle;}
#menu_left div.flags img {display: inline; border: none; vertical-align: middle;}
#menu_left div.flags a {display: inline-block; margin: 10px 5px 0px 5px; border: 1px solid #CA0F14;}
#menu_left div.flags a:hover {border: 1px solid #FFF;}

#menu_left div.button {background: url('../images/menu_left_button_bg.gif'); margin: 0px 5px; text-align: left;}
#menu_left div.button a.offer {display: block; height: 42px; font-size: 0px; text-align: center; padding-left: 20px; color: #DEDEDE; background: url('../images/menu_left_buttons.gif') no-repeat 0px 0px;}
#menu_left div.button a.offer:hover {background-position: 0px -42px;}
#menu_left div.button a.offer_on {background-position: 0px -42px;}

#menu_left div.button a.portfolio {display: block; height: 42px; font-size: 0px; padding-left: 20px; color: #DEDEDE; background: url('../images/menu_left_buttons.gif') no-repeat -200px 0px;}
#menu_left div.button a.portfolio:hover {background-position: -200px -42px;}
#menu_left div.button a.portfolio_on {background-position: -200px -42px;}

#menu_left div.button a.contact {display: block; height: 42px; font-size: 0px; padding-left: 20px; color: #DEDEDE; background: url('../images/menu_left_buttons.gif') no-repeat -400px 0px;}
#menu_left div.button a.contact:hover {background-position: -400px -42px;}
#menu_left div.button a.contact_on {background-position: -400px -42px;}

#menu_left div.button a.sub {display: block; padding: 8px 0px 8px 4px; margin: 0px 10px; border-top: 1px solid #FFF; border-bottom: 1px solid #C0C0C0; text-decoration: none; font-size: 11px; font-weight: bold;}
#menu_left div.button a.sub:hover {color: #FFF; background: #CA0F14 url('../images/menu_left_button_hover.gif') right no-repeat;}
/*#menu_left div.sub {position: absolute; top: 37px; left: 192px; width: 200px; padding: 5px 0px 0px 0px; background: url('../images/menu_left_button_bg_2.gif') left top no-repeat;}
#menu_left div.sub a.sub {margin: 0px 10px 0px 10px;}*/
#menu_left div.button a.on {color: #CA0F14; background: url('../images/menu_left_button_active.gif') right no-repeat;}
#menu_left div.button a.closed {display: none;}
#menu_left div.button div {padding-bottom: 15px; background-image: url('../images/menu_left_button_end.gif'); background-position: bottom center; background-repeat: no-repeat;}

/*
#menu_left div.learn_more {background: url('../images/menu_left_button_bg_2.gif'); padding: 5px 10px 0px 10px; text-align: left; font-weight: bold;}
#menu_left div.learn_more div {padding: 10px 0px; color: #777; font-size: 11px; padding: 5px 5px 5px 20px; background: url('../images/menu_top_robo.gif') left no-repeat;}
#menu_left div.learn_more a {padding: 5px 5px 5px 20px; display: block; text-decoration: none; background: url('../images/learn_more_dot_off.gif') left no-repeat;}
#menu_left div.learn_more a:hover {color: #CA0F14; background: url('../images/learn_more_dot_on.gif') left no-repeat;}
#menu_left div.learn_more a.on {color: #CA0F14; background: #dedede url('../images/learn_more_dot_off2.gif') left no-repeat;}

#menu_left div.promoted {background: url('../images/menu_left_button_bg_2.gif'); padding: 5px 10px 0px 10px; text-align: left; font-weight: bold;}
#menu_left div.promoted div {padding: 10px 0px; color: #777; font-size: 11px; padding: 5px 5px 5px 20px; background: url('../images/menu_top_robo.gif') left no-repeat;}
#menu_left div.promoted a {padding: 5px 5px 5px 20px; display: block; text-decoration: none; background: url('../images/learn_more_dot_off.gif') left no-repeat;}
#menu_left div.promoted a:hover {color: #CA0F14; background: url('../images/learn_more_dot_on.gif') left no-repeat;}
#menu_left div.promoted a.on {color: #CA0F14; background: #dedede url('../images/learn_more_dot_off2.gif') left no-repeat;}
#menu_left div.promoted a.image {padding: 0px; background: none;}
#menu_left div.promoted img.miniature {margin: 5px auto; height: 0px; width: 180px;}
*/
#menu_left div.menu_box {background: url('../images/menu_left_button_bg_2.gif'); text-align: left; font-weight: bold;}
#menu_left div.menu_box div.bottom {padding: 5px 10px 30px 10px; background-image: url('../images/menu_left_button_end_2.gif'); background-position: bottom center; background-repeat: no-repeat;}
#menu_left div.menu_box div.title {padding: 10px 0px; color: #777; font-size: 11px; padding: 5px 5px 5px 20px; background: url('../images/menu_top_robo.gif') left no-repeat;}
#menu_left div.menu_box a {padding: 6px 5px 6px 20px; display: block; text-decoration: none; background: url('../images/learn_more_dot_off.gif') left no-repeat;}
#menu_left div.menu_box a:hover {color: #CA0F14; background: url('../images/learn_more_dot_on.gif') left no-repeat;}
#menu_left div.menu_box a.image {padding: 0px; background: none;}
#menu_left div.menu_box img.miniature {margin: 5px auto; height: 0px; width: 180px;}
#menu_left div.menu_box strong {display: block;}
#menu_left div.menu_box a.n1 {background-image: url('../images/common_ol_small_1.gif'); background-position: 2px; background-repeat: no-repeat;}
#menu_left div.menu_box a.n2 {background-image: url('../images/common_ol_small_2.gif'); background-position: 2px; background-repeat: no-repeat;}
#menu_left div.menu_box a.n3 {background-image: url('../images/common_ol_small_3.gif'); background-position: 2px; background-repeat: no-repeat;}
#menu_left div.menu_box a.n4 {background-image: url('../images/common_ol_small_4.gif'); background-position: 2px; background-repeat: no-repeat;}
#menu_left div.menu_box a.n5 {background-image: url('../images/common_ol_small_5.gif'); background-position: 2px; background-repeat: no-repeat;}
#menu_left div.menu_box a.n6 {background-image: url('../images/common_ol_small_6.gif'); background-position: 2px; background-repeat: no-repeat;}
#menu_left div.menu_box a.n7 {background-image: url('../images/common_ol_small_7.gif'); background-position: 2px; background-repeat: no-repeat;}
#menu_left div.menu_box a.n8 {background-image: url('../images/common_ol_small_8.gif'); background-position: 2px; background-repeat: no-repeat;}
#menu_left div.menu_box a.number:hover {color: #CA0F14;}
#menu_left div.menu_box a.c1 {color: #000;}
#menu_left div.menu_box a.c2 {color: #333;}
#menu_left div.menu_box a.c3 {color: #555;}
#menu_left div.menu_box a.c4 {color: #777;}
#menu_left div.menu_box a.on {color: #CA0F14; background-color: #d9dce1; background-image: url('../images/learn_more_dot_off2.gif'); background-position: left; background-repeat: no-repeat;}
#menu_left div.menu_box_navy {background: url('../images/menu_left_button_bg_navy_2.gif');}
#menu_left div.menu_box_navy div {padding: 5px 10px 30px 10px; background-image: url('../images/menu_left_button_end_navy_2.gif');}

#main {margin-left: 220px;}
#main div.frame_left {background: #FFF url('../images/main_border.gif') left repeat-y;}
#main div.frame_right {background: url('../images/main_border.gif') right repeat-y; padding: 0px 5px;}
#main div.frame_padding {padding: 0px 20px; font-size: 12px;}
#main div.frame_bottom {background: url('../images/main_border_left.gif') left top no-repeat;}
#main div.frame_bottom div {background: url('../images/main_border_right.gif') right top no-repeat; height: 30px;}

#animation {background: url('../images/animation_left.gif') left top no-repeat; overflow: hidden;}
#animation div.bg {position: relative; height: 235px; background: url('../images/animation_right.gif') right top no-repeat;}
#animation #box {background: #000; position: absolute; left: 15px; top: 15px; width: 480px; height: 215px; color: #FFF; overflow: hidden;}
#animation #box_buttons {position: absolute; left: 495px; top: 22px; width: 35px; text-align: center;}
#animation #box_buttons a {display: inline-block; position: relative; padding: 0px; width: 30px; height: 25px; background-image: url('../images/animation_numbers.gif'); background-repeat: no-repeat; background-position: 0px 0px;}
#animation #box_buttons a.n1 {background-position: 0px 0px;}
#animation #box_buttons a.n2 {background-position: 0px -25px;}
#animation #box_buttons a.n3 {background-position: 0px -50px;}
#animation #box_buttons a.n4 {background-position: 0px -75px;}
#animation #box_buttons a.n5 {background-position: 0px -100px;}
#animation #box_buttons a.n6 {background-position: 0px -125px;}
#animation #box_buttons a.n7 {background-position: 0px -150px;}
#animation #box_buttons a.n8 {background-position: 0px -175px;}
#animation img {border: none;}

#slider {position: absolute; left: 535px; top: 15px; width: 190px; height: 215px; background: url('../images/slider_bg.gif'); overflow: hidden;}
#slider div {margin: 6px 8px 6px 10px; height: 200px; text-align: left; color: #FFF; font-size: 12px; font-family: tahoma, Verdana; overflow: hidden; line-height: 17px;}
#slider div.spinner {background: url('../images/spinner2.gif') center no-repeat;}
#slider div h3 {margin: 0px; padding: 4px 0px 7px 2px; color: #FFF; font-size: 19px;}
#slider div ul {color: red; margin: 0px; padding: 0px;}
#slider div ul li {list-style-type: disc; list-style-position: inside; margin: 0px;}
#slider div a.textlink {text-decoration: none; border-bottom: 1px dotted #e2e2e8; color: #d7d7df; padding: 1px 1px;}
#slider div a.lighter {color: #dfd8d7;}
#slider div a.dimm {color: #a9aabd;}
#slider div a.textlink:visited {border-bottom-color: #666;}
#slider div a.textlink:hover {border-bottom: 1px solid #CA0F14; color: #FFF;}
#slider div a.s1 {font-size: 9px;  color: #AAA;}
#slider div a.s2 {font-size: 12px; color: #BBA; letter-spacing: -1px; font-weight: bold;}
#slider div a.s3 {font-size: 15px; color: #CCB; letter-spacing: -1px;}
#slider div a.s4 {font-size: 20px; color: #DDC; letter-spacing: -1px;}
#slider div a.arrow {position: absolute; top: 10px; right: 10px; width: 0px; padding-left: 20px; height: 20px; font-size: 0px; overflow: hidden; background-image: url('../images/slider-arrow.gif'); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden;}
#slider div a.arrow:hover {background-position: 0px -20px;}
#slider div a.reload {position: absolute; top: 10px; right: 30px; width: 0px; padding-left: 20px; height: 20px; font-size: 0px; overflow: hidden; background-image: url('../images/slider-reload.gif'); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden;}
#slider div a.reload:hover {background-position: 0px -20px;}

#menu_top {margin: 0px 25px 0px 0px;}
#menu_top a {text-decoration: none;}
#menu_top a:hover {color: #CA0F14;}
#menu_top a.button {float: right; display: block; padding-top: 4px; width: 120px; height: 28px; text-align: center; font-size: 11px; font-weight: bold; background: url('../images/menu_top_button_120_off.gif') bottom center no-repeat;}
#menu_top a.button:hover {color: #CA0F14; background-image: url('../images/menu_top_button_120_on.gif');}
#menu_top div.path {display: block; padding: 5px 0px 10px 0px; font-weight: bold; font-size: 12px; color: #444; letter-spacing: -0.5px;}
#menu_top div.path span {white-space: nowrap; padding-left: 10px;}
#menu_top div.path img {vertical-align: middle;}
#menu_top div.path span a {border-bottom: 1px dotted #CCC; padding-bottom: 2px;}
#menu_top div.path span a:hover {border-bottom: 1px solid #CA0F14;}

#footer {clear: both; width: 100%; text-align: center; font-size: 9px; color: #CCC;}
#footer div.stardust {float: left; width: 210px;}
#footer div.text {margin: 5px 0px 10px 220px;}