/* Start of CMSMS style sheet 'podstawowy' */
@media screen{

/* =GLOBAL ---------------------------------------------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body {
	background:#FFF url('../uploads/images/layout/bg_body.png') 0 238px repeat-x;
	font:11px Tahoma, Helvetica, Arial, sans-serif;
	text-align:center;
	color:#686868;
}
#container {text-align:left; margin:0 auto; width:872px;}

a {text-decoration:none; color:#143659;}
a:hover, a:focus {text-decoration:underline; color:#2767AB;}
a.active {cursor:default;}
a img, fieldset {border:0;}
h1, h2, h3, h4 {font-weight:bold; display:block;}
#content h2, #sidebar .box h3 {color:#364903; font-size:18px; line-height:18px;}
h4, p, li {line-height:19px; font-size:1em;}
ol, ul {list-style-type:none;}
table {border-collapse:collapse;}

.center {text-align:center;}
.right {text-align:right;}
.to_left {float:left;}
.to_right {float:right;}
.error {color:#F00; border-color:#F00;}
.none, legend {display:none !important;}
.clearing {overflow:hidden; width:100%; clear:both;}


/* =HEADER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#header {
	background:url('../uploads/images/layout/bg_header.png') center 0 no-repeat;
	position:relative;
	height:238px;
}
#header h1 {position:relative; top:72px; left:32px; font-size:24px; line-height:26px;}
#header h1, #header h1 a {width:145px; height:50px;}
#header a {text-decoration:none;}
#header h1 a {display:block; float:left;}

#header .upper_area {position:absolute; top:30px; right:25px;}
#header .upper_area li {display:block; float:right; text-align:right; line-height:14px;}
#header .upper_area li a {color:#999999;}
#header .upper_area li a.active, #header .upper_area li a:hover {color:#3F3939;}
#header .upper_area li.home {padding-right:25px;}
#header .upper_area li.sitemap {padding-right:55px;}
#header .upper_area li.lang {border-right:1px solid #CCCCCC; padding:0 7px;}
#header .upper_area li:first-child {padding-right:0; border:0;}

#header .navigation {
	background:url('../uploads/images/layout/bg_nav.png') 0 0 repeat-x;
	overflow:hidden;
	height:56px;
	width:872px;
	position:absolute;
	top:181px;
	left:0;
}
#header .navigation, #header .navigation li, #header .navigation li a, #header .navigation span, #header .navigation span a {
	height:56px;
}
#header .navigation ul {
	background:url('../uploads/images/layout/bg_nav_l.png') 0 0 no-repeat;
	padding-left:5px;
	width:630px;
}
#header .navigation li, #header .navigation li a {display:block; float:left;}
#header .navigation li {
	background:url('../uploads/images/layout/bg_nav_li.png') 0 0 no-repeat;
	padding-left:35px;
	padding-right:15px;
	text-align:center;
	line-height:54px;
}
#header .navigation li:first-child {background-image:none; padding-left:26px;}
#header .navigation li a {font-weight:bold; font-size:15px;}
#header .navigation li a.active {color:#2767AB;}

#header .navigation span {
	background:url('../uploads/images/layout/bg_nav_r.png') 100% 0 no-repeat;
	line-height:30px;
	padding-right:5px;
	font-weight:bold;
	font-size:1.2em;
	position:absolute;
	top:0;
	right:0;
	width:210px;
}
#header .navigation span, #header .navigation span a, #header .navigation span img {display:block;}
#header .navigation span img {position:relative; top:13px; left:7px;}


/* =CONTENT ---------------------------------------------------------------------------------------------------------------------------------------------- */

#content {padding:11px 0 24px;}
#content h2 {font-size:29px; color:#143659; padding-bottom:20px;}
#content p {padding-bottom:10px;}
#content p.read_more {padding-top:10px; line-height:22px; overflow:hidden;}
#content p.read_more a, #content p.read_more a span, #sidebar form .button span, #sidebar form .button input {
	background-image:url('../uploads/images/layout/buttons.gif');
	background-repeat:no-repeat;
}
#content p.read_more a, #content p.read_more a span {display:block; float:left; height:22px;}
#content p.read_more a {
	background-position:0 -22px;
	text-decoration:none;
	font-weight:bold;
	padding-left:18px;
}
#content p.read_more a span {background-position:100% 0; padding-right:18px;}

#content #projects {
	background:#EFF2F6 url('../uploads/images/layout/bg_projects.png') 0 0 repeat-x;
	margin-bottom:15px;
}
#content #projects .to_left {
	background:url('../uploads/images/layout/bg_projects_l.png') 0 0 no-repeat;
	padding:35px 0 0 30px;
	height:225px;
	width:360px;
}

#content #projects .to_right {
	background:url('../uploads/images/layout/bg_projects_r.png') 100% 0 no-repeat;
	padding:15px 30px 0 0;
	position:relative;
	height:245px;
	width:410px;
}
#content #projects .to_right h3 {
	position:absolute;
	top:20px;
	left:12px;
	z-index:100;
	width:300px;
	height:20px;
	color:#393535;
	font-size:13px;
}
#content #projects .to_right p.screen {
	background:url('../uploads/images/layout/shadow.png') 0 100% no-repeat;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:180px;
	position:absolute;
	top:13px;
	left:0;
	z-index:1;
	width:410px;
	height:215px;
}
#content #projects .to_right p.screen a, #content #projects .to_right p.screen img {display:block;}
#content #projects .to_right p.screen a {text-decoration:none;}
#content #projects .to_right p.screen img {position:relative; top:32px; left:10px;}
#content #projects .to_right p.screen span {
	background:url('../uploads/images/layout/bg_span.png') 0 0 no-repeat;
	font-size:10px;
	line-height:32px;
	position:absolute;
	top:0;
	right:7px;
	z-index:11;
	cursor:pointer;
	width:85px;
	height:32px;
	display:block;
}

#content #main {width:563px;}
#content #main .box {
	background-color:#FDFEFE;
	border:1px solid #F0F3F7;
	margin-bottom:9px;
	padding:15px 30px;
	width:501px;
}
#content #main .box h3 {color:#393535; padding-bottom:18px; font-size:18px;}
#content #main .box p {text-align:justify;}
#content #main .square {
	background:url('../uploads/images/layout/bg_square.png') 0 100% no-repeat;
	padding-bottom:35px;
}
#content #main .square ul {position:relative; top:16px; padding-bottom:14px;}
#content #main .square li, #content #main .square li a {display:block; float:left;}
#content #main .square li {margin-left:15px; font-size:16px; text-align:center;}
#content #main .square li:first-child {margin:0;}
#content #main .square li a {
	background:url('../uploads/images/layout/bg_offer.png') 0 0 no-repeat;
	padding:8px 10px 0 10px;
	text-decoration:none;
	font-weight:bold;
	color:#2767AB;
	width:137px;
	height:56px;
}
#content #main .square li a:hover {color:#143659;}

#content #main .process {
	background:url('../uploads/images/layout/bg_process.png') 0 0 no-repeat;
	padding:22px 10px 14px 12px;
	margin:10px 0 20px -15px;
	width:508px;
	height:74px;
}
#content #main .process li, #content #main .process li a {display:block; float:left; height:74px; width:80px;}
#content #main .process li {
	background:url('../uploads/images/layout/arrow.gif') 2px 11px no-repeat;
	padding-left:24px;
	text-align:center;
	line-height:13px;
	font-size:13px;
	font-weight:bold;
}
#content #main .process li:first-child {background-image:none; padding-left:0;}
#content #main .process li img {display:block; margin:0 auto;}
#content #main .process li a {text-decoration:none; color:#393535;}
#content #main .process li a:hover {color:#2767AB;}

#content #sidebar {width:302px;}
#content #sidebar .box {margin-bottom:14px;}
#content #sidebar .dark {margin-bottom:4px;}
#content #sidebar .box h3 {font-size:18px; color:#393535;}
#content #sidebar .dark h3 {line-height:45px; font-size:20px; color:#FFF;}
#content #sidebar .bright {
	background:url('../uploads/images/layout/bg_bright.png') 0 0 no-repeat;
	padding:0 17px;
	width:266px;
	height:205px;
}
#content #sidebar .bright h3 {text-indent:6px;}
#content #sidebar .bright h3, #content #sidebar .bright p.legend {padding:20px 0;}
#content #sidebar .bright p.legend {color:#577089; font-size:10px; line-height:12px;}
#content #sidebar .dark h3 a {
	background:#59728B url('../uploads/images/layout/bg_blue.png') 0 0 no-repeat;
	text-decoration:none;
	font-size:20px;
	text-indent:22px;
	display:block;
	height:46px;
	width:300px;
	color:#FFF;
}
#content #sidebar .dark h3 a:hover {color:#C1C8CB;}


/* =FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#footer {border-top:1px solid #E2E1E1; padding:15px 0 45px;}
#footer li {display:inline; margin-right:16px;}
#footer .to_left {width:60%; padding-left:30px;}
#footer .to_right {width:30%; padding-right:2px; text-align:right; color:#7F7F7F;}


/* =FORMS ---------------------------------------------------------------------------------------------------------------------------------------------- */

form div {padding-bottom:8px;}
form div.button {padding-bottom:0;}
input, textarea, select {
	font:1em Tahoma, Arial, sans-serif;
	background-color:#FFFFFF;
	border:1px solid;
	border-top-color:#C0C0C0;
	border-left-color:#C0C0C0;
	border-right-color:#EFEFEF;
	border-bottom-color:#EFEFEF;
	padding:3px;
	color:#121212;
}
input:focus, textarea:focus {border-color:#AAA;}
select {padding:1px !important;}
option {padding-left:4px;}
.radio, .checkbox {
	background-color:transparent !important;
	width:13px !important;
	height:13px !important;
	margin:2px 5px -2px 0;
	padding:0; 
	border:none;
	float:left; 
}
form div.button input {
	background-color:transparent;
	width:auto !important;
	padding:0 !important;
	margin:0 !important;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	border:none;
}

#sidebar form {width:260px;}
#sidebar form div {overflow:hidden; line-height:21px;}
#sidebar form label {color:#3E3E3E; text-align:right; width:87px; padding-right:7px; display:block; float:left;}
#md4e46email {width:100px;}
#md4e46submit {width:70px;background-color:#EDF1F5}
#sidebar form .button span, #sidebar form .button span input {display:block; float:left; height:22px;}
#sidebar form .button span {
	background-position:0 -66px;
	padding-left:18px;
	position:relative;
	left:94px;
}
#sidebar form .button span input {background-position:100% -44px; padding:0 18px 1px 0 !important;}

}
.ptaszek {margin: 0 5px 0 0px;}
.ofertaul {font-size:15px; display:block; color:black; list-style-type:normal; line-height:15px; margin:0; padding:0; clear:both; }
.ofertaul li {margin:0; padding:0; clear:both; text-align:center; fonst-size:11px; display:block;  }

/* End of 'podstawowy' */

