/* CSS global BODY styles */
body {
  padding: 0;
  margin:0px;
	font-family: "Trebuchet MS" , sans-serif;
	font-size: 11px;
	color: #000000;
	background: #FFF;
	
}
select {
	margin: 0px;
	padding: 0px;
}
form, fieldset, img, ul, ol, li, p, div, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
fieldset{
  border:none;
}
p {
	line-height: 1.6em;
	text-align: left;
	color: #3d4a55;
}
img {
  border: none;
}
a, a:link {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #754c24;
  text-decoration: none;
}
/* ------------------------------------------------------------------------------ MAIN DIVS */
#contener{
  width: 977px;
  margin: 0 auto;
}
.clearfix{
  clear:both;
  font-size:0px;
}

/* ---------------------------------------------------------------------------------- TOP */
#top{
  height:95px;
  padding-top:28px;
}
#top h1{
  float:left;
  padding:0px 0px 0px 33px;
}
#top .adwords{
  float:left;
  margin:0px 0px 0px 33px;
}
/* ---------------------------------------------------------------------------------- MENU */
#top .menu{
  width:670px;
  float:right;
}
#top .mainMenu {
  float:right;
  width:670px; 
  display:block;
  text-align:right;
	list-style-type: none;
	/*	padding:8px 30px 0px 0px; */
	padding:41px 30px 0px 0px; 
}
#top .mainMenu li{
	display:inline;
	font-size:16px;
	padding:0px 8px;
}

#top .langMenu{
  display:block;
  height:23px;
	list-style-type: none;
	padding:10px 0px 0px 710px;
}
#top .langMenu li{
  float:left;
  height:23px;
  padding-top:3px;
  width:23px;
	display:block;
	font-size:13px;
	background: url('../img/lang_menu_separator.jpg')  right 5px no-repeat;
}
#top .langMenu li.active{
  font-size:14px;
  padding-top:0px;
  height:28px;
}
#top .langMenu li.last{
  background:none;
}

#topBanner{
  width: 948px;
  height:283px;  
  padding:0px 0px 0px 29px;
} 

#topBanner .topBannerBkg{
  float:left;
  background: url('../img/top_banner_bkg.jpg');
  width:900px;
  height:283px;
}
#topBanner ul{
  float:left;
  display:block;
  width:20px;
  padding:18px 0px 0px 8px;
  list-style-type:none;
}
#topBanner ul li{
  padding-bottom:7px;
}

#topBanner ul li a{
  display:block;
  width:20px;
  height:20px;
}
#topBanner ul li a span{
  display:none;
}
#topBanner ul li.page1 a{
  background: url('../img/ico/pagination_1.jpg');
}
#topBanner ul li.page2 a{
  background: url('../img/ico/pagination_2.jpg');
}
#topBanner ul li.page3 a{
  background: url('../img/ico/pagination_3.jpg');
}
#topBanner ul li.page4 a{
  background: url('../img/ico/pagination_4.jpg');
}
#topBanner ul li.page5 a{
  background: url('../img/ico/pagination_5.jpg');
}
#topBanner ul li.page6 a{
  background: url('../img/ico/pagination_6.jpg');
}
#topBanner ul li.page7 a{
  background: url('../img/ico/pagination_7.jpg');
}
#topBanner ul li.page8 a{
  background: url('../img/ico/pagination_8.jpg');
}
#topBanner ul li.page9 a{
  background: url('../img/ico/pagination_9.jpg');
}
#topBanner ul li a:hover, #topBanner ul li a.active{
  background-position:20px 0px;
}


/* ------------------------------------------------------------------------------ CONTENT */
#content{
  padding:0px 0px 0px 0px;
}
#content h3{
  font-size:20px;
  color:#754c24;
}
#content h3.client{
  padding: 30px 0px 0px 29px;
}
#content .rounnCornerTop{
  background: url('../img/round_corner_top.jpg');
  height:5px;
  font-size:0px;
}
#content .rounnCornerBottom{
  background: url('../img/round_corner_bottom.jpg');
  height:5px;
  font-size:0px;
}


#sub{
  width:404px;
  float:left;
  padding:30px 0px 30px 5px;
}
#main{
  width:475px;
  float:right;
  padding:30px 49px 30px 5px;
}
#content .shortMain{
  width:425px;
}
#main p{
  padding:5px 0px;
}
#sub h3, #main h3{
  font-size:20px;
  color:#754c24;
}
#main h4{
  color:#754c24;
  font-size:1em;
}
#main span.date{
  color:#cccccc;
}
#main .wysiwyg p{
  padding:10px 0px;
  line-height:1.5em;
}
#sub .wysiwyg{
  padding-left:28px;
  position:relative;
}
#sub .wysiwyg p{
  padding:10px 0px;
  line-height:1.5em;
}
#sub .wysiwyg a, #main .wysiwyg a{
  color:#f08c2a;
  font-weight:bold;
}
#sub .wysiwyg .googleMaps{
  position:relative;
  left:-30px;
}
#sub .wysiwyg .googleMaps a{
  color:#754c24;
  padding-left:30px;
  padding:4px 0px 4px 30px;
  background: url('../img/ico/ico_show.jpg') 0 0 no-repeat;
}
#content #main .photoBoxShadow{
  margin-bottom:10px;
  position:relative;
  width:470px;
  height:155px;
  padding:5px 2px 5px 3px;
  background: url('../img/photo_box_shadow.jpg');
}
#content #main .photoBox span{
  position:absolute;
  top: 20px;
  right:-28px;
  width:20px;
  height:20px;
  display:block;
  background: url('../img/ico/ico_show.jpg');
}
.photoBox{
  position:relative;
  text-align:center;
}

.photoBox img{
  margin:10px auto 0px auto;
  padding:5px;
  background: #f7f7f7;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* ------------------------------------------------------------------------ header */
#content h2{
  height:39px;
  display:block;
  margin-left:29px;
}
#content h2 span{
  display:none;
}
#content h2.oNas{
  margin-top:30px;
  background: url('../img/text/pl_header_o_nas.jpg') 0 0 no-repeat;
}
#content h2.coRobimy{
  margin-top:30px;
  background: url('../img/text/pl_header_co_robimy.jpg') 0 0 no-repeat;
}
#content h2.aktualnosci{
  margin-top:30px;
  background: url('../img/text/pl_header_aktualnosci.jpg') 0 0 no-repeat;
}
#content h2.klienci{
  float:left;
  width:450px;
  margin-top:30px;
  margin-bottom:30px;
  background: url('../img/text/pl_header_klienci.jpg') 0 0 no-repeat;
}
#content h2.caseStudy{
  margin-top:30px;
  margin-bottom:30px;
  background: url('../img/text/pl_header_case_study.jpg') 0 0 no-repeat;
}
#content h2.kontakt{
  margin-top:30px;
  background: url('../img/text/pl_header_kontakt.jpg') 0 0 no-repeat;
}

/* ------------------------------------------------------------------------ pagination */
#content div.paginationLeft{
  float:left;
  width:29px;
  z-index:95;
  position:relative;
}
#content div.paginationLeft ul{
  float:left;
  display:block;
  width:20px;
  padding:0px 0px 0px 0px;
  list-style-type:none;
}
#content div.paginationLeft ul li{
  padding-bottom:7px;
}

#content div.paginationLeft ul li a{
  display:block;
  width:20px;
  height:20px;
}
#content div.paginationLeft ul li a span{
  display:none;
}
#content div.paginationLeft ul li.pagination1 a{
  background: url('../img/ico/pagination_1.jpg');
}
#content div.paginationLeft ul li.pagination2 a{
  background: url('../img/ico/pagination_2.jpg');
}
#content div.paginationLeft ul li.pagination3 a{
  background: url('../img/ico/pagination_3.jpg');
}
#content div.paginationLeft ul li.pagination4 a{
  background: url('../img/ico/pagination_4.jpg');
}
#content div.paginationLeft ul li.pagination5 a{
  background: url('../img/ico/pagination_5.jpg');
}
#content div.paginationLeft ul li.pagination6 a{
  background: url('../img/ico/pagination_6.jpg');
}
#content div.paginationLeft ul li.pagination7 a{
  background: url('../img/ico/pagination_7.jpg');
}
#content div.paginationLeft ul li.pagination8 a{
  background: url('../img/ico/pagination_8.jpg');
}
#content div.paginationLeft ul li.pagination9 a{
  background: url('../img/ico/pagination_9.jpg');
}
#content div.paginationLeft ul li a:hover,#content div.paginationLeft ul li a.active{
  background-position:20px 0px;
}

/* ------------------------------------------------------------------------ main page left list */
#content .withPadding{
  padding-left:29px;
}

#subMainPage{
  width:455px;
  float:left;
  padding:0px 0px 0px 0px;
}
#subMainPage h3{
  padding:30px 0px 0px 29px;
}
#subMainPage h4 a{
  color:#754c24;
  display:block;
  font-size:12px;
  line-height:18px;
  padding:4px 0px 2px 29px;
  background: url('../img/ico/ico_dotted.jpg') 0 0 no-repeat;
}
#subMainPage span.date{
  font-size:10px;
  color:#cccccc;
  padding-left:29px;
}
#subMainPage div.text{
  padding:0px 0px 15px 29px;
}
#subMainPage div.photoBoxMain{
  text-align:center;
  margin-left:29px;
  width:426px;
}
#subMainPage div.photoBoxMain img{
  margin:10px auto 0px auto;
}
#subMainPage a.more{
  font-weight:bold;
  color:#754c24;
}
#mainMainPage{
  padding:30px 48px 0px 0px;
  width:425px;
  float:right;
}
#mainPageTags{
  background: #f7f7f7;
}

#mainPageTags .rounnCornerBottom{
  margin-top:15px;
}
#mainPageTags ul{
  text-align:center;
  padding:15px 15px 0px 15px;
  list-style-type:none;
}
#mainPageTags ul li{
  display:inline;
  line-height:22px;
  padding:0px 2px;
}
#mainPageTags ul li a{
  color:#754c24;
  font-weight:normal;
}

#mainMainPage .adwordspartner { width: 80px; margin: 50px 0 0 172px; }

.quickContact{
  margin-top:20px;
  position:relative;
  width:425px;
  height:138px;
  background: url('../img/quick_contact_link.jpg');
}
.quickContact .topIco{
  position:absolute;
  bottom:8px;
  right:-28px;
  width:20px;
  height:20px;
  display:block;
  background: url('../img/ico/ico_arrow_top.jpg');
}
.quickContact h4{
  width:425px;;
  height:138px;
  background: url('../img/text/szybki_kontakt.jpg') bottom right no-repeat;;
}
.quickContact h4 a{
  width:425px;;
  height:138px;
  display:block;
}
.quickContact h4 span{
  display:none;
}

/* ------------------------------------------------------------------------ contact form */
.quickContactOpen{
  position:relative;
  padding-bottom:140px;
  background: #f7f7f7 url('../img/quick_contact_link_open.jpg') bottom left no-repeat;;
}
.quickContactOpen h4{
  position:absolute;
  bottom:0px;
  width:425px;;
  height:138px;
  background: url('../img/text/szybki_kontakt.jpg') bottom right no-repeat;;
}
.quickContactOpen h4 a{
  width:425px;;
  height:138px;
  display:block;
}
.quickContactOpen h4 span{
  display:none;
}
.quickContactOpen .topIco{
  position:absolute;
  bottom:8px;
  right:-28px;
  width:20px;
  height:20px;
  display:block;
  background: url('../img/ico/ico_arrow_bottom.jpg');
}

.quickContactOpen form{
  position:relative;
  padding:30px 0px 0px 10px;
}
.quickContactOpen form .icoMessage{
  position:absolute;
  right:-28px;
  bottom :0px;
  width:20px;
  height:20px;
  display:block;
  background: url('../img/ico/ico_message.jpg');
}
.quickContactOpen ul{
  list-style-type:none;
}
.quickContactOpen ul li{
  clear:both;
}
.quickContactOpen label{
  color:#666666;
  width:100px;
  display:block;
  float:left;
  text-align:left;
  padding:0px 10px 0px 15px;
	font: 12px, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
#commentform label.error{
  width:10px;
  color:red;
  text-align:left;
  font-weight:bold;
}
.quickContactOpen input.iText {
	width: 260px;
	height:16px;
	padding:0px 2px 2px 2px;
	border:none;
	background: url('../img/border_dotted.gif') bottom left repeat-x;
  color:#666666;
	font: 12px, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
.quickContactOpen input.iTextCheck{
  display:none;
}
#commentform input.iText{
  float:left;
  margin-right:10px;
}             
.quickContactOpen textarea {
  float:left;
  color:#666666;
  margin:0px;
	width: 260px;
	height:115px;
	padding: 2px;
	border:none;
	background: url('../img/border_dotted.gif') top left;
	font: 12px, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	
}

.quickContactOpen input.iButton{
  text-align:left;
  float:right;
	border:none;
	background: none;
  color:#FFF;
  margin-right:23px;
	font-size: 12px;
  font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif ;
  font-weight:bold;
  padding-left:25px;
  width:130px;
  height:20px;
  background: url('../img/ico/ico_send_message.jpg');
}
.quickContactOpen .info{
  color:#999999;
  float:left;
  padding-left:25px;
  line-height:20px;
}
.quickContactOpen .captcha{
  float:left;
  padding:2px 10px 0px 15px;
}
.afterSend{
  text-align:center;
  padding:103px 20px;
}
/* ------------------------------------------------------------------------ scroll client list */
#clientList{
  height:50px;
  padding:10px 0px 20px 0px;
}
#clientList .moveLeft{
  width:20px;
  height:20px;
  display:block;
  margin:12px 9px 0px 0px;
  float:left;
  background: url('../img/ico/ico_arrow_left.jpg') 0 0 no-repeat;
}
#clientList .moveRight{
  width:20px;
  height:20px;
  display:block;
  margin:12px 0px 0px 0px;
  float:left;
  background: url('../img/ico/ico_arrow_right.jpg') 0 0 no-repeat;
}

#clientListScroll{
  height:50px;
  width:900px !important;
  margin-right:9px;
  float:left;
}
#clientListScroll ul{
  list-style-type:none;
}
#clientListScroll ul li{
  position:relative;
  display:block;
  width:70px;
  height:50px;
  padding:0px 10px;
  float:left;
}
#clientListScroll ul li img{
  position:absolute;
  top:0px;
  left:10px;
}
#clientListScroll ul li img:hover, #clientListScroll ul li.active img{
  top:-50px;
}

/* ------------------------------------------------------------------------ case studies client list */
#caseStudiesList{
  width:900px;
  height:50px;
  padding:10px 0px;
  margin:0px 0px 0px 29px;
}
#caseStudiesList ul{
  list-style-type:none;
}
#caseStudiesList ul li{
  display:block;
  width:70px;
  height:50px;
  padding:0px 10px;
  float:left;
  position:relative;
  overflow:hidden;
}
#caseStudiesList ul li img{
  position:absolute;
  top:0px;
  left:10px;
}
#caseStudiesList ul li img:hover, #caseStudiesList ul li.active img{
  top:-50px;
}
/* ------------------------------------------------------------------------ about us list */
#sub ul.offerList{
  list-style-type:none;
  padding:0px 0px 0px 29px;
}
#sub ul.offerList li{
  line-height:1.6em;
  padding-bottom:20px;
}
#sub ul.offerList li span{
  display:block;
  padding-bottom:8px;
}
#sub ul.offerList li a{
  color:#754c24;
  font-weight:bold;
  font-size:18px;
}
#sub ul.offerList li a:hover{
  color:#f08c2a;
}
#sub ul.offerList li.active a{
  color:#cccccc;
}
#sub ul.offerList li ul{
  list-style-type:none;
  padding:0px;
}
#sub ul.offerList li ul li{
  padding:0px 0px 0px 15px;
  background: url('../img/ico/li_ico.jpg') 1px 7px no-repeat;
}
#sub ul.offerList li.active ul li{
  background: url('../img/ico/ico_dotted_gray.jpg') 1px 7px no-repeat;
}

#sub ul.offerList li ul li a{
  color:#333333;
  font-weight:normal;
  font-size:16px;
}
#sub ul.offerList li ul li.active{
  background: url('../img/ico/ico_dotted_gray.jpg') 1px 7px no-repeat;
}
#sub ul.offerList li ul li.active a{
  color:#cccccc;
}


/* ------------------------------------------------------------------------ about us list */
#sub ul.aboutUsList{
  list-style-type:none;
  padding:0px 0px 0px 29px;
}
#sub ul.aboutUsList li{
  line-height:1.5em;
  padding-bottom:10px;
}
#sub ul.aboutUsList li a{
  color:#754c24;
  font-weight:bold;
  font-size:12px;
}
#sub ul.aboutUsList li a:hover{
  color:#f08c2a;
}
#sub ul.aboutUsList li a.active{
  color:#cccccc;
}
/* ------------------------------------------------------------------------ news list */
#sub ul.newsList{
  width:375px;
  float:left;
  list-style-type:none;
  padding:0px 0px 0px 0px;
}
#sub ul.newsList li{
  line-height:1.5em;
  padding-bottom:10px;
}
#sub ul.newsList li a{
  color:#754c24;
  font-weight:bold;
  font-size:12px;
}
#sub ul.newsList li span{
  color:#CCCCCC;
  font-weight:bold;
  padding:0px;
  font-size:10px;
  display:block;
}
#sub ul.newsList li a:hover{
  color:#f08c2a;
}
#sub ul.newsList li a.active{
  color:#cccccc;
}

/* ------------------------------------------------------------------------ about us list */
.projectPagination{
  position:relative;
}
.fixOverflow{
  width:977px;
  overflow:hidden;
}
.aboutProject{
  position:relative;
}
.fixScrollLeft{
  background: #FFF;
  width:29px;
  height:550px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:90;
}
.fixScrollRight{
  background: #FFF;
  width:29px;
  height:550px;
  position:absolute;
  top:0px;
  right:0px;
  z-index:90;
}
.projectInfo{
  min-height:550px;
  height:auto !important;
  height:550px;
  position:relative;
  overflow:hidden;
}
.projectInfo ul{
  position:relative;
  list-style-type:none;
  width:900px;
  height:560px;
  display:block;
}

.projectInfo ul li{
  height:560px;
  display:block;
  position:relative;
}
.projectInfo ul li h4{
  font-size:18px;
  font-weight:bold;
  color:#754c24;
}
.projectInfo ul li h5{
  color:#999999;
  font-size:14px;
  padding:5px 0px 20px 0px;
}
.projectInfo ul li .textArea{
  padding-top:10px;
  position:relative;
}

.projectPagination .moveLeft{
  width:20px;
  height:20px;
  position:absolute;
  top:416px;
  left:-0px;
  background: url('../img/ico/ico_arrow_left.jpg') 0 0 no-repeat;
  cursor:pointer;
  z-index:100;
}
.projectPagination .moveRight{
  width:20px;
  height:20px;
  position:absolute;
  top:416px;
  right:-0px;
  background: url('../img/ico/ico_arrow_right.jpg') 0 0 no-repeat;
  cursor:pointer;
  z-index:100;
}

#content .portfolioProjectList{
  padding-left:10px;
  float:left;
  list-style-type:none;
  width:930px;
}
#content .portfolioProjectList li{
  width:273px;
  height:290px;
  display:block;
  float:left;
  padding-right:37px;
}
#content .portfolioProjectList li h4{
  padding:10px 0px;
}
#content .portfolioProjectList li h4 a{
  font-size:18px;
  line-height:16px;
  color:#754c24;
  font-weight:bold;
}
#content .portfolioProjectList li h5 a{
  font-size:14px;
  color:#999999;
  font-weight:bold;
}
#content ul.portfolioSortOrder{
  list-style-type:none;
  text-align:right;
  display:block;
  padding:45px 49px 0px 0px;
}
#content ul.portfolioSortOrder li{
  display:inline;
  color:#cccccc;
  font-size:16px;
  padding:0px 12px 0px 8px;
  background: url('../img/order_portfolio_separator.jpg') right 2px  no-repeat;
}
#content ul.portfolioSortOrder li.info{
  background:none;
  padding-right:5px;
}
#content ul.portfolioSortOrder li.last{
  background: none;
  padding-right:0px;
}
#content ul.portfolioSortOrder li a{
  color:#754c24;
  font-size:18px;
}
#content ul.portfolioSortOrder li a.active, #content ul.portfolioSortOrder li a:hover{
  color:#cccccc;
}
/* ------------------------------------------------------------------------ main page list 
#sub ul.mainPageNews{
  list-style-type:none;
}
#sub ul.mainPageNews li{
  padding-top:25px;
}
#sub ul.mainPageNews li.first{
  padding-top:15px;
}
#sub ul.mainPageNews li a{
  font-weight:bold;
  font-size:12px;
  color:#754c24;
}
#sub ul.mainPageNews li a:hover{
  color:#f08c2a;
}
#sub ul.mainPageNews li a img{
  position:relative;
  top:2px;
}
#sub ul.mainPageNews li span{
  display:block;
  color:#cccccc;
  padding-bottom:10px;
}
*/
/* ------------------------------------------------------------------------------ FOOTER */
#footer { 
  height: 50px;
  padding: 60px 0px 0px 0px;
  background: url('../img/bottom_shadow.jpg') top center no-repeat;
}
#footer ul.menu {
	list-style-type: none;
  padding: 0px 0px 0px 40px;
  float: left;
}
#footer ul.menu li{
	float: left;
	margin: 0; 
  padding: 0px 30px 0px 0px;
}
#footer ul.menu li a {
  color:#666666;
	font-weight: normal;
}
#footer ul.logo {
	list-style-type: none;
  padding: 0px 48px 0px 0px;
  float: right;
}
#footer ul.logo li{
	float: left;
	margin: 0; 
  padding: 0px 6px 0px 0px;
}
#footer ul.logo li a{
  width:15px;
  height:15px;
  display:block;
}
#footer ul.logo li.facebook a{
  background: url('../img/ico_facebook.jpg');
}
#footer ul.logo li.vimeo a{
  background: url('../img/ico_vimeo.jpg');
}
#footer ul.logo li a span{
  display:none;
}
#footer ul.logo li a:hover{
  background-position: bottom left;
}
#footer p{
  float:right;
  padding-right:55px;
}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*---- Header styling ---*/
.sIFR-hasFlash h3 {
	visibility: hidden;
  font-family: "Trebuchet MS";
  line-height: 1em;
}

.sIFR-hasFlash h3 {
  display: block;
}
#fbFeed{ overflow:hidden; width:455px; }
#fbFeed .fbPhoto{ float:left; margin-right:15px; margin-left:27px; width:90px; padding-top:15px; }
#fbFeed .fbText{ float:left; width:320px; padding-top:15px; margin-bottom:10px; }
#fbFeed .fbText h5{ font-size:12px; margin-bottom:10px; }