html {
	background: #fff;
}
body {
	font-family: Tahoma;
	font-size: 12px;
	color: #333333;
	background-color: #fff;
	margin: 0px;
}
body a {
	color: #CC0000;
	text-decoration: none;
}
body a:hover {
	color: #FD8B11;
	text-decoration: none;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #9d0000;
	line-height: 24px;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	color: #9d0000;
	margin: 0px;
}
h3 {
	font-size: 20px;
	font-weight: normal;
	color: #fb8e22;
	margin: 0px;
	padding-top: 10px;
	padding-left: 12px;
}
.clear {
	clear: both;
}
#page {
	width: 100%;
	position: relative;
	background-color: #FFFFFF;
}
#header {
	background-image: url(../images/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 326px;
	position: relative;
}
#header_center {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
}
#header_logo {
	height: 139px;
	width: 900px;
	position: relative;
	padding-bottom: 120px;
}
#header_logo #logo {
	position: absolute;
	left: 4px;
	top: 22px;
}
#header_logo ul {
	margin: 0px;
	list-style-type: none;
	top: 0px;
	right: 0px;
	float: right;
	padding-top: 12px;
	padding-right: 10px;
}
#header_logo li {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}
#header_logo li #line {
	margin-left: 10px;
	margin-right: 13px;
}
/* pozycjonowanie teksów w language */
#header_logo #logo {
	position: absolute;
	left: 4px;
	top: 22px;
}
#header_logo li a {
	font-size: 12px;
	text-align: center;
	color: #f77223;
	text-decoration: none;
	display: block;
	height: 24px;
	width: 56px;
	padding-top: 4px;
	float: left;
	position: relative;
}
#header_logo .english a:hover {
	background-image: url(../images/bg_language.png);
	background-repeat: no-repeat;
}
#header_logo .polish a:hover {
	background-image: url(../images/bg_language.png);
	background-repeat: no-repeat;
}
.line_language {
	width:11px;
	text-align:center;
}
#header_logo li a:hover {
	color: #F5A705;
	text-decoration: none;
}
#header_logo .none a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 13px;
}
/* Glowne menu witryny */
#menu {
	width: 452px;
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	height: 36px;
	overflow:hidden;
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true) );
	padding-left: 5px;
	padding-top: 6px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	width: 110%;
}
#menu li {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
}
#menu li a {
	background-position: 5px 0;
	font-size: 12px;
	color: #f77223;
	text-decoration: none;
	display: block;
	height: 25px;
	padding-right: 22px;
	padding-left: 15px;
	padding-top: 4px;
	float: left;
	position: relative;
}
#menu li a:hover {
	color: #F1A200;
	text-decoration: none;
}
#menu .about_us a:hover {
	background-image: url(../images/about_us_hover.png);
	background-repeat: no-repeat;
}
#menu .why_ruby a:hover {
	background-image: url(../images/why_ruby_hover.png);
	background-repeat: no-repeat;
}
#menu .outsourcing a:hover {
	background-image: url(../images/outsourcing_hover.png);
	background-repeat: no-repeat;
}
#menu .projects a:hover {
	background-image: url(../images/projects_hover.png);
	background-repeat: no-repeat;
}
#menu .contact a:hover {
	background-image: url(../images/contact_hover.png);
	background-repeat: no-repeat;
}
/* Glowna czesc witryny */
#pageBody {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
#pageBody #left {
	float: left;
	width: 617px;
}
#pageBody #right {
	float: right;
	width: 220px;
}
/* Box About us */

.about_us .left_l {
	width: 300px;
	float: left;
	position: relative;
}
.about_us .left_r {
	width: 300px;
	float: right;
	position: relative;
}
.line {
	float: left;
	width: 1px;
	height: 256px;
	position: relative;
	margin-left: 40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.lineRuby {
	float: left;
	width: 1px;
	height: 469px;
	position: relative;
	margin-left: 40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
/* Zajawki, why ruby oraz outsourcing */
#offer {
	height: 160px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 924px;
	margin-top: 20px;
	background-image: url(../images/bg_offer.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#offer .left_l {
	width: 440px;
	float: left;
	position: relative;
	padding-left: 16px;
	padding-top: 14px;
}
#offer .left_r {
	width: 442px;
	float: right;
	position: relative;
	padding-top: 14px;
	padding-right: 7px;
}
.left_more {
	float: right;
	padding-right: 7px;
}
.left_more a {
	color:#000000;
}
.left_more a:hover {
	color: #fb8e22;
	text-decoration: none;
}
.left_more img {
	margin-left: 7px;
}
/* Box ostatnie realizacje */
.box_news p {
	margin: 0px;
	padding-left: 8px;
	padding-top: 8px;
}
.box_news .box {
	width:220px;
	height:203px;
	background-image: url(../images/bg_last_project.png);
	background-repeat: no-repeat;
}
.box_news_top {
	background-image: url(../images/h1_last_project.png);
	background-repeat: no-repeat;
	height: 48px;
}
.box_news_bullet {
	width:220px;
	height:5px;
	background-image: url(../images/bottom_last_project.png);
	background-repeat: no-repeat;
}
.latest_img {
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 11px;
}
div.box p {
	font-size: 12px;
	color: #FFFFFF;
}
div.box p strong {
	font-size: 12px;
	color: #FB8E22;
	font-weight: bold;
}
div.latest_more {
	float: right;
	padding-right: 10px;
	color: #fb8e22
}
div.latest_more img {
	margin-right: 5px;
	padding-left: 7px;
}
div.latest_more a {
	color: #FB8E22;
	text-decoration: none;
}
div.latest_more a:hover {
	color: #ffffff;
	text-decoration: none;
}
/* Stopka */
#footer {
	background-color: #333333;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 130px;
}
#footer .top {
	width: 920px;
	height: 50px;
	position: relative;
	background-color: #333333;
	margin-right: auto;
	margin-left: auto;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer .top .menu1 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	left: 0px;
	top: 10px;
	width: 502px;
	float: left;
}
#footer .top .menu1 li {
	float: left;
	background:transparent url(../images/line.png) no-repeat scroll 100% 1px;
}
#footer .top .menu1 li a {
	color: #999999;
	text-decoration: none;
	font-size: 12px;
	padding-right: 12px;
	padding-left: 12px;
	float: none;
	white-space: nowrap;
}
#footer .top .menu1 a:hover {
	text-decoration: underline;
}
#footer .top .menu1 .none {
	background: transparent none repeat scroll 0 0 !important;
}
#footer .top .menu1 .none a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer .top .menu2 {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	white-space: nowrap;
	display: block;
	position: absolute;
	top: 10px;
	right: 100px;
}
#footer .top .menu2 li {
	color: #999999;
	font-size: 12px;
	padding: 0px;
	white-space: nowrap;
	margin: 0px;
	float: left;
}
#footer .top .menu2 li a {
	color: #33A2CE;
	text-decoration: none;
	padding-right: 10px;
	font-size: 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #39A4CF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	white-space: nowrap;
	margin: 0px;
}
#footer .top .menu2 li a:hover {
	text-decoration: underline;
}
#footer .top .menu2 .none a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer .top .menu2 .walidacja {
	padding-right: 15px;
}
#footer .top img {
	float: right;
	position: absolute;
	right: 0px;
}
#footer .down {
	padding-bottom: 20px;
	background-color: #333333;
}
#footer .down ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer .down li {
	float: left;
}
#footer .down li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 11px;
	white-space: nowrap;
}
#footer .down li a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#footer .down .none a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer .down p {
	color: #39A4CF;
	font-size: 11px;
	float: right;
}
#footer .down p a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer .down p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* Podstrona Projects */
#leftProjects {
	margin-bottom: 25px;
	float: left;
	width: 920px;
}
h1.title_projects {
	padding: 0;
	font-size: 24px;
}
.shops {
	margin-top: 25px;
	float: left;
	width: 219px;
	height: 110px;
	padding-right: 11px;
}
.title_shops {
	padding-left: 12px;
	float: left;
	background-image: url(../images/bg_projects.png);
	background-repeat: no-repeat;
	width: 207px;
	height: 28px;
}
.title_shops h4 {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.projects .left_r {
	width: 305px;
	float: right;
	position: relative;
}
.shops ul {
	list-style-type: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}
.shops li {
	float: left;
	text-decoration: none;
}
.shops li a {
	margin-top: 3px;
	background-image: url(../images/bullet_3.png);
	background-repeat: no-repeat;
	background-position: 13px 5px;
	text-decoration: none;
	color:#000000;
	padding-left: 28px;
	float: left;
	width: 190px;
	display: block;
}
.shops li a:hover {
	color: #FF9900;
	text-decoration: none;
}
/* Podstrona Projects details */
#leftDetails {
	margin-bottom: 25px;
	float: left;
	width: 480px;
}
.projectsDetails h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-top: 12px;
	padding-bottom: 17px;
}
.left_lDetails p {
	margin: 0px;
}
.projectsDetails .left_l {
	width: 480px;
	position: relative;
	float: left;
}
/* Box Projects details */
h1.titleDetails {
	font-size: 24px;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #9d0000;
	line-height: 24px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#rightDetails {
	float: right;
	width: 430px;
	position: relative;
	padding-top: 16px;
	padding-bottom: 40px;
}
div.back {
	float: right;
	padding-top: 5px;
}
div.back img {
	padding-left: 7px;
	padding-right: 6px;
}
div.back a {
	color: #9d0000;
	text-decoration: none;
}
div.back a:hover {
	color: #000000;
	text-decoration: none;
}
div.back .next {
	margin-left: 7px;
	margin-right: 20px;
	color: #9d0000;
	text-decoration: none;
}
div.back .previous {
	color: #9d0000;
	text-decoration: none;
}
.box_details .details {
	width: 430px;
	height: 234px;
	background-repeat: no-repeat;
	background-color: #333333;
}
.box_details_top {
	background-image: url(../images/up_details.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 3px;
	width: 430px;
}
.box_details_down {
	background-image: url(../images/down_details.png);
	background-repeat: no-repeat;
	width: 430px;
	height: 3px;
}
.details_img {
	width: 410px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 11px;
}
div.details_link {
	float: right;
	padding-right: 6px;
	color: #fb8e22;
	padding-top: 10px;
}
div.details_link img {
	margin-right: 5px;
	padding-left: 7px;
}
div.details_link a {
	color: #FD8B11;
	text-decoration: none;
}
div.details_link a:hover {
	color: #ffffff;
	text-decoration: none;
}
/* Podstrona Kontakt */
#leftContact {
	float: left;
	width: 203px;
	height: 280px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#leftContact h3 {
	font-size: 18px;
	color: #000000;
	padding: 0;
}
#leftContact p {
	font-size: 12px;
	color: #000000;
	padding: 0;
}
#rightContact {
	float: right;
	width: 689px;
	position: relative;
	padding-bottom: 40px;
}
.contact_form {
	clear:both;
	float:left;
	width:100%;
}
.contact_form h2 {
	font-size: 18px;
	color: #9d0000;
	margin-bottom: 27px;
}
.contact_form form {
	float:left;
	width: 100%;
}
.contact_form form label {
	float:left;
	width: 116px;
	margin-right: 10px;
}
.contact_form form label error {
	float:left;
	width: 110px;
	margin-right: 10px;
}
.contact_form form em {
	color: #882744;
	font-style: normal;
	padding-left: 4px;
}
.contact_form form .text {
	margin-bottom: 13px;
	width: 45%;
	text-align: right;
}
.contact_form form .text input {
	background-color: #F2EFE9;
	border: 1px solid #CCCCCC;
	float: left;
	padding: 2px;
	margin-bottom: 3px;
	width: 173px;
}
div.email_result {
	color: #9D0000;
	float: right;
	padding-right: 40px;
	padding-top: 180px;
}
#commentForm label.error, #commentForm input.submit {
 	color: #9D0000;
 	width: 120px;
 	margin-left: 115px;
}
.contact_form form .area {
	width: 350px;
	text-align: right;
}
.contact_form form .captcha {
	float: right;
	width:300px;
	height: 140px;
}
.contact_form form .area textarea {
	background-color:#F2EFE9;
	border:1px solid #CCCCCC;
	font-size:11px;
	width:210px;
	float: left;
	height: 108px;
}
.contact_form form .submit {
	float: right;
}
.contact_form form .submit span {
	float:right;
	font-size: 10px;
	white-space: nowrap;
	overflow:hidden;
	width: 110px;
	padding-top: 5px;
	padding-right: 27px;
}
.formbutton {
	float:right;
	background:url(../images/bg_send.png) right;
	border: none;
	height: 24px;
	width: 72px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-right: 18px;
	text-align: left;
	color:white;
	font-size: 10px;
}