/* =reset
----------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6,
div, span, blockquote, p, object,
form, fieldset, label, legend, img,
a, ul, ol, dl, dt, dd, li,
strong, em, input, textarea {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
}

a {
	color: #a82868;
	text-decoration: none; 
}

a:hover, a:focus, a:active {
	text-decoration: underline;
}

ul, ol { list-style: none; }

body {
	background: #f5f5f5;
	color: #737373;
	font: normal 68.75% Helvetica,Arial,sans-serif; /* 11px */
}

h1, h2, h3, h4, h5, h6,
input.txt, textarea, button { 
	font: normal 1em Helvetica,Arial,sans-serif;
	}

button {
	border: 0;
	cursor: pointer;
	display: block;
	text-indent: -9999em;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

/* =hd
----------------------------------------*/

#hd {
	height: 133px;
	position: relative;
	width: 100%;
}

#hd .left, #hd .right {
	display: block;
	height: 133px;
	position: absolute; top: 0;
	width: 50%;
	z-index: 0;
}

#hd .left {
	background: url('/img/Original/hd_left.png') 0 100% repeat-x;
	left: 0;
}

#hd .right {
	background: url('/img/Original/hd_right.png') 0 100% repeat-x;
	left: 50%;
}

#hd .bd {
	background: url('/img/Original/nav.png') 0 100% no-repeat;
	height: 133px;
	margin: 0 auto;
	position: relative;
	width: 950px;
	z-index: 1;
}

.logo {
	float: left;
	margin: 10px 0 0;
}

.logo a {
	background: url('/img/Original/logo.png') 0 0 no-repeat;
	display: block;
	height: 76px;
	text-indent: -99999em;
	width: 201px;
}

.nav {
	background: url('/img/Original/nav.png') 0 0 no-repeat;
	display: block;
	height: 33px;
	position: absolute; top: 100px; left: 0;
	width: 950px;
}

.nav li {
	float: left;
}

.nav a {
	display: block;
	float: left;
	height: 19px;
	margin: 0 12px 0 0;
	padding: 14px 9px 0;
	position: relative;
	text-decoration: none;
}

.nav .pointer {
	cursor:  pointer;
	display: block;
	height: 12px;
	margin: 0 0 0 -18px;
	position: absolute; top: 0; left: 50%;
	overflow: hidden;
	width: 37px;
}

.nav .active .pointer,
.nav a:hover .pointer,
.nav a:focus .pointer {
	background: url('/img/Original/nav_pointer.png') 0 0 no-repeat;
}

.nav .m {
	cursor: pointer;
	display: block;
	height: 12px;
	text-indent: -9999em;
}

.m01 .m {
	background: url('/img/Original/nav_01.png') 0 0 no-repeat;
	width: 103px;
}

.m02 .m {
	background: url('/img/Original/nav_02.png') 0 0 no-repeat;
	width: 86px;
}

.m03 .m {
	background: url('/img/Original/nav_03.png') 0 0 no-repeat;
	width: 44px;
}

.m04 .m {
	background: url('/img/Original/nav_04.png') 0 0 no-repeat;
	width: 51px;
}

.m05 .m {
	background: url('/img/Original/nav_05.png') 0 0 no-repeat;
	width: 58px;
}

.m06 .m {
	background: url('/img/Original/nav_06.png') 0 0 no-repeat;
	width: 52px;
}

.search {
	float: right;
	margin: 44px 0 0;
	width: 229px;
}

.search label {
	display: none;
}

.search .input {
	background: url('/img/Original/search_input.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 27px;
	width: 180px;
}

.search input.txt {
	background: transparent;
	color: #464646;
	height: 20px;
	padding: 7px 9px 0;
	width: 162px;
}

.search button {
	background: url('/img/Original/szukaj.png') 0 0 no-repeat;
	float: left;
	height: 27px;
	text-indent: -9999em;
	width: 49px;
}

/* =bd
----------------------------------------*/

#bd {
	margin: 0 auto;
	width: 950px;
}

.intro {
	height: 288px;
	position: relative;
	width: 950px;
	z-index: 1;
}

.conaswyroznia {
	background: url('/img/Original/conaswyroznia.jpg') 0 0 no-repeat;
}

.cooferujemy {
	background: url('/img/Original/cooferujemy.jpg') 0 0 no-repeat;
}

.kampanie {
	background: url('/img/Original/kampanie.jpg') 0 0 no-repeat;
}

.raporty {
	background: url('/img/Original/raporty.jpg') 0 0 no-repeat;
}

.kontakt {
	background: url('/img/Original/kontakt.jpg') 0 0 no-repeat;
}

.news {
	background: url('/img/Original/news.jpg') 0 0 no-repeat;
}

.drive .map {
	padding-top: 20px;
	width: 310px;
	height: 310px;
}

.intro h1 {
	color: #303670;
	font-family: AdiHaus;
	font-size: 3.27em;
	line-height: 1;
	position: absolute; top: 67px; left: 400px;
	text-transform: uppercase;
}

.intro .text {
	color: #898989;
	display: block;
	font-size: 1.09em;
	padding: 0 15px 0 0;
	position: absolute; top: 150px; left: 400px;
	line-height: 1.67;
}

.clients {
	height: 140px;
}

.clients h1 {
	left: 12px;
}

.clients .text {
	top: 30px ;left: 215px;
}

#bd .left {
	float: left;
	width: 267px;
}

.left .box {
	background: url('/img/Original/bd_left.png') 0 0 no-repeat;
	display: block;
	margin: -5px 0 8px;
	padding: 5px 5px 0;
	width: 342px;
	z-index: 0;
}

.left .box .wr {
	background: #fff;
	display: block;
	padding: 17px;
	width: 308px;
}

.left .box .wr .text {
  padding-top: 15px;
}

#bd .right {
	float: right;
	width: 597px;
}

.right .box {
	background: url('/img/Original/bd_right.png') 0 0 no-repeat;
	display: block;
	margin: -5px 0 8px;
	padding: 5px 0 0 5px;
	width: 592px;
	z-index: 0;
}

.right .box .wr {
	background: #fff;
	display: block;
	padding: 17px 25px;
	width: 542px;
}

.right .case-study .wr {
	padding-right: 35px;
	width: 532px;
}

.clients-list {
	background: url('/img/Original/clients_list.png') 0 0 no-repeat;
	display: block;
	height: 391px;
	overflow: hidden;
	width: 950px;
}

.clients-list .wr {
	display: block;
	height: 366px;
	overflow: hidden;
	padding: 25px 0 0 25px;
	position: relative;
	width: 925px;
}

.clients-list li {
	float: left;
	margin: 0 11px 7px 0;
	width: 103px;
  text-align: center;
}

.clients-list a.client-image {
	border: 1px solid #f2f2f2;
	display: block;
	height: 100px;
	width: 101px;
}

.clients-list a.client-image:hover,
.clients-list a.client-image:focus {
	border-color: #cdcdcd;
}

.browse-info {
	position: absolute; left: 25px; bottom: 20px;
}

.clients-list .paging {
	position: absolute; 
	right: 25px; 
	bottom: 20px;
}

.clients-list .paging a.prev {
	margin: 0 10px 0 0;
}

.box .links ul {
	background: url('/img/Original/dots.gif') 0 0 repeat-x;
	margin: 20px 0;
	padding: 1px 0 0;
}

.box .links li {
	background: url('/img/Original/dots.gif') 0 100% repeat-x;
	line-height: 1.45;
	padding: 7px 25px 8px;
}

.box .links a {
	color: #898989;
}

.box .links a:hover, .box .links a:focus {
	color: #333;
	text-decoration: none;
}

.box .links .active {
	padding: 0;
}

.box .links .active a {
	background: url('/img/Original/pointer_arrows.gif') 100% 50% no-repeat;
	display: block;
	padding: 7px 25px 8px;
}

.box .links .active a {
	color: #c2c2c2;
}

.box .links .active a strong {
	color: #303670;
	display: block;
	font-weight: normal;
}

.box .text {
	line-height: 1.45;
	text-align: justify;
}

.box .text p {
  padding-bottom: 8px;
}

.box .image {
	margin: 20px 0;
	text-align: center;	
}

.box h2, .box h3 {
	color: #303670;
	font: normal 1.64em AdiHaus,Helvetica,Arial,sans-serif;
	margin: 0 0 13px;
	text-transform: uppercase;
}

.box h3 {
	font-size: 1.27em;
	margin: 0 0 5px;
}

.box .more-link {
	padding: 15px 0 0;
}

.raport-date {
	color: #303670;
	margin: 0 0 20px;
}

.raport h3 {
	float: left;
	margin: 5px 0 20px;
}

.raport .raport-date {
	float: right;
	padding: 8px 6px 0 0;
}

/* =sliders
----------------------------------------*/

.small-slider {
	margin: 0 0 10px 15px;
	width: 276px;
}

.raport .small-slider {
	float:  right;
}

.small-slider .indicators {
	background: url('/img/Original/small_slider_ft.png') 0 0 no-repeat;
	height: 34px;
	padding: 12px 12px 0 16px;
	width: 248px;
}

.indicators .floatR a {
	display: block;
	float: left;
	height: 15px;
	margin: 0 4px 0 0;
	width: 15px;
}

.small-slider .items {
	padding: 0 0 0 6px;
}

/* =preview
----------------------------------------*/

.preview {
	margin: 5px 0 0;
}

.preview h2 {
	color: #656565;
	font: normal 1.27em AdiHaus,Helvetica,Arial,sans-serif;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.preview .text {
	color: #656565;
	line-height: 1.27;
}

.offer {
	background: url('/img/Original/offer.png') 0 0 no-repeat;
	display: block;
	float: left;
	height: 90px;
	overflow: hidden;
	padding: 15px 60px 5px 18px;
	width: 122px;
}

.preview .text a {
	color: #656565;
}

.preview .text a:hover,
.preview .text a:focus {
	color: #333;
	text-decoration: none;
}

.campaign {
	background: #fff;
	display: block;
	float: right;
	height: 90px;
	padding: 15px 6px 5px 18px;
	width:  721px;
}

.campaign .floatL {
	width: 335px;
}

.campaign-slider {
	height: 75px;
	margin: 12px 0 0;
	position: relative;
	width: 352px;
}

.campaign-slider .items {
	display: block;
	height: 75px;
	overflow: hidden;
	position: relative;
	width: 321px;
}

.campaign-slider .next,
.campaign-slider .prev {
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: absolute; left: 321px;
	width: 31px;
}

.campaign-slider .next {
	background: url('/img/Original/arrow_down.png') 0 0 no-repeat;
	height: 38px;
	top: 37px;
}

.campaign-slider .prev {
	background: url('/img/Original/arrow_up.png') 0 0 no-repeat;
	height: 37px;
	top: 0;
}

.items .item {
	float: left;
	margin: 0 5px 0 0;
}

/* =mediabox
----------------------------------------*/

.mediabox {
	background: url('/img/Original/mediabox.png') 0 0 no-repeat;
	display: block;
	height: 232px;
	margin: 0 0 15px -12px;
	overflow: hidden;
	padding: 7px 0 0 14px;
	width: 529px;
}

.box .mediabox .wr {
	height: 225px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 519px;
}

/* =contact
----------------------------------------*/

.drive {
	margin: 70px 0 0;
}

.drive p {
	font-size: 1.27em;
}

.address dt {
	display: block;
	float: left;
	font-size: 1.27em;
	font-weight: bold;
	line-height: 1.29;
	width: 70px;
}

.address dd {
	font-size: 1.27em;
	line-height: 1.29;
}

.contact-form .row {
	padding: 2px 0;
}

.contact-form .row label {
	display: block;
	float: left;
	padding: 9px 0 0;
	width: 63px;
}

.contact-form .input, .contact-form .textarea {
	border: 1px solid #f6f6f6;
	float: left;
}

.contact-form .input input.txt,
.contact-form .input select.txt,
.contact-form .textarea textarea {
	border: 1px solid #ccc;
	display: block;
	font-size:  1.27em	;
	padding: 5px;
	width: 300px;
}

.contact-form .textarea textarea {
	height: 123px;
	width: 382px;
}
.contact-form .input select.txt {
	font-size:  12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 394px;
}


.contact-form .submit {
	padding: 0 73px 0 0;
}

.contact-form .submit button {
	background: url('/img/Original/wyslij_zapytanie.png') 0 0 no-repeat;
	float: right;
	height: 46px;
	width: 150px;
}

.contact-form .info {
	clear: both;
	line-height: 1.36;
	padding: 0 0 0 63px;
}

.contact-form .info p {
	margin: 0 0 5px;
}

/* =news
----------------------------------------*/

.news-slider {
	height: 373px;
	margin: 29px 0 0;
	padding: 0 0 0 205px;
	position: relative;
	width: 745px;
}

.news-list {
	height: 338px;
	position: absolute; left: 0; top: 0;
	width: 224px;
	z-index: 1;
}

.news-list .wr {
	background: url('/img/Original/news_list.png') 0 0 repeat-y;
	height: 323px;
	padding: 15px 19px 0 0;
	width: 205px;
}

.news-list h2 {
	background: url('/img/Original/newsy.png') 0 0 no-repeat;
	height: 10px;
	margin: 0 10px 15px;
	text-indent: -9999em;
	width: 46px;
}

.news-list li {
	background: url('/img/Original/news_sep.png') 0 0 repeat-x;
}

.news-list a {
	color: #000;
	display: block;
	padding: 13px 10px;
	position: relative;
	width: 185px;
}

.news-list a:hover,
.news-list a:focus {
	color: #737373;
	text-decoration: none;
}

.news-list .active .pointer {
	background: url('/img/Original/news_pointer.png') 0 0 no-repeat;
	display: block;
	height: 38px;
	position: absolute; left: 205px; top: 2px;
	width: 19px;
}

.news-slider .news-image {
	height: 338px;
	overflow: hidden;
	position: relative;
	width: 745p;
}

.news-image .news-desc {
	position: absolute; bottom: 0; left: 0;
}

.news-image .news-comment {
	display: block;
	height: 40px;
	position: absolute; right: 0; top: 15px;
	width: 240px;
}

.news-comment img {
	float: left;
}

.news-comment .comment-text {
	background: url('/img/Original/news_comment.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 20px;
	overflow: hidden;
	padding: 20px 5px 0 14px;
	width: 181px;
}

.comment-text a {
	color: #fff;
}

.news-desc .wr {
	background: url('/img/Original/news_desc.png') 0 0 repeat;
	display: block;
	height: 80px;
	padding: 15px 0 0 450px;
	width: 295px;
}

.news-desc h3 {
	color: #fff;
	font: normal 2.18em AdiHaus,Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}

.news-desc .short-desc {
	color: #fff;
	font: normal 1.27em AdiHaus,Helvetica,Arial,sans-serif;
	margin: 3px 0 0
	text-transform: uppercase;
}

.news-desc .more a {
	color: #c1c1c1;
	font: normal 1em AdiHaus,Helvetica,Arial,sans-serif;
	margin: 3px 0 0;
	text-transform: uppercase;
}

.news-slider .indicators {
	background: url('/img/Original/news_slider_ft.png') 0 0 repeat-x;
	height: 25px;
	margin: 1px 0 0;
	padding: 8px 5px 0 18px;
	width: 722px;
}

.news-slider .indicators .info {
	padding: 2px 0 0;
}

.news-slider a.news-title {
	text-transform: uppercase;
}

/* =ft
----------------------------------------*/

#ft {
	color: #b4b4b4;
	height: 25px;
	margin: 10px auto 0;
	padding: 45px 0 0;
	position: relative;
	text-align: center;
	width: 950px;
}

.logo-ft {
	background: url('/img/Original/logo_ft.png') 0 0 no-repeat;
	display: block;
	height: 39px;
	margin: 0 0 0 -21px;
	overflow: hidden;
	position: absolute; top: 0; left: 50%;
	width: 102px;
}

/* =clearfix
----------------------------------------*/

.clearfix:after {
	content: " "; 
	clear: both; 
	display: block; 
	height: 0; 
	overflow: hidden;
	visibility: hidden;
}

.errorMessage, .okMessage {
  font-size: 12px;
  padding: 5px;
  text-align: center;
}

.okMessage {
  color: green;  
}

.errorMessage {
  color: maroon;  
}

/* =paging
----------------------------------------*/

.paging {
	font-family:Arial;
	font-size:10px;
	padding:20px 0;
	text-align:center;
	text-transform:lowercase;
}

.paging a,
.paging strong {
  border: 1px solid #D6F2FE;
  letter-spacing: 1px;
  padding: 1px 4px;
}

.paging strong {
  background: #D6F2FE;
}

.paging a:hover {
  background: #D6F2FE;
  text-decoration: none;
}